.project-closeout { font-size: var(--fs-base); line-height: 1.6; }
.closeout-status { margin: 0 0 12px; font-size: var(--fs-title); font-weight: 700; overflow-wrap: anywhere; }
.closeout-note { color: var(--text-sub); margin: 8px 0 16px; }
.closeout-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.closeout-item { min-width: 0; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card, white); }
.closeout-item-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.closeout-item h4 { margin: 0; font-size: var(--fs-base); font-weight: 700; }
.closeout-item p { margin: 10px 0; overflow-wrap: anywhere; }
.closeout-badge { font-size: var(--fs-meta); font-weight: 700; padding: 2px 8px; border-radius: 20px; background: var(--bg-main); color: var(--text-sub); }
.closeout-item[data-state="attention"] .closeout-badge,
.closeout-item[data-state="unknown"] .closeout-badge { background: #fff7ed; color: #9a3412; }
.closeout-item[data-state="ok"] .closeout-badge { background: #ecfdf5; color: #065f46; }
.closeout-confirm-note { white-space: pre-line; border-top: 1px solid var(--border); padding-top: 16px; }
.closeout-footer { flex-wrap: wrap; gap: 8px; }
.closeout-item .btn, .closeout-footer .btn, #projectCloseoutEntry .btn { min-height: 44px; white-space: normal; }
#projectCloseoutEntry { margin-bottom: 16px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card, white); }
#projectCloseoutEntry:not([hidden]) { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
#projectCloseoutEntry[hidden] { display: none !important; }
#projectCloseoutEntry strong { font-size: var(--fs-title); }
#projectCloseoutEntry p { margin: 4px 0 0; font-size: var(--fs-base); color: var(--text-sub); }
@media (max-width: 600px) {
    .closeout-list { grid-template-columns: minmax(0, 1fr); }
    .closeout-item .btn { width: 100%; }
}
@media print { #projectCloseoutEntry { display: none !important; } }
