/* Review and history share a calm surface, aligned headings and clear actions. */
.uc-review-panels { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:20px; padding:24px; border-top:1px solid var(--line); background:var(--page); align-items:start; }
.uc-review-card { min-width:0; margin:0; padding:0; background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.uc-approval.uc-review-card { display:block; }
.uc-review-card-head,.uc-history-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; border-bottom:1px solid var(--line); }
.uc-review-card-title { display:flex; align-items:center; gap:12px; min-width:0; }
.uc-review-icon { display:inline-flex; flex:0 0 34px; width:34px; height:34px; align-items:center; justify-content:center; border-radius:10px; background:var(--code-bg); color:var(--link); font-size:19px; font-weight:600; }
.uc-review-card h3,.uc-history-heading strong { margin:0; font-size:15px; font-family:var(--font-head); line-height:1.5; }
.uc-review-card-head p,.uc-review-subtitle { display:block; margin:3px 0 0; font-size:12px; color:var(--muted); font-weight:400; }
.uc-review-card-body { padding:20px; }
.uc-review-notice { margin:0 0 18px; padding:12px 14px; background:var(--code-bg); border-radius:8px; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.uc-approval[data-state=approved] .uc-review-notice { background:var(--good-bg); color:var(--good); }
.uc-approval[data-state=stale] .uc-review-notice,.uc-approval[data-state=unavailable] .uc-review-notice { background:var(--bad-bg); color:var(--bad); }
.uc-review-card .uc-approval-badge { flex:none; font-weight:500; white-space:normal; text-align:center; line-height:1.5; }
.uc-approval-meta { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; margin:0 0 20px; }
.uc-approval-meta[hidden],.uc-review-form[hidden],.uc-approved-note[hidden],.uc-review-empty[hidden],.uc-history-table[hidden] { display:none; }
.uc-approval-meta div:last-child { grid-column:1/-1; }
.uc-approval-meta dt,.uc-approved-note>span { font-size:11px; color:var(--muted); margin-bottom:4px; }
.uc-approval-meta dd { margin:0; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.uc-approved-note { padding:12px 14px; margin:0 0 20px; border-left:3px solid var(--line); background:var(--thead); border-radius:0 8px 8px 0; }
.uc-approved-note p { margin:4px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; color:var(--ink); }
.uc-review-form { border-top:1px solid var(--line); padding-top:18px; }
.uc-review-fields { display:grid; gap:16px; }
.uc-review-fields label { display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px; margin:0; font-size:12px; font-weight:500; }
.uc-review-fields input,.uc-review-fields textarea { grid-column:1/-1; width:100%; box-sizing:border-box; font-weight:400; padding:10px 12px; border-radius:8px; line-height:1.6; }
.uc-review-fields textarea { min-height:88px; resize:vertical; }
.uc-field-optional { font-size:11px; color:var(--muted); font-weight:400; }
.uc-required { color:var(--bad); }
.uc-review-card .uc-approval-confirm { display:flex; align-items:flex-start; gap:10px; margin:18px 0; padding:12px; background:var(--thead); border:1px solid var(--line); border-radius:8px; font-size:12px; line-height:1.7; cursor:pointer; }
.uc-approval-confirm input { flex:0 0 16px; width:16px; height:16px; margin:3px 0 0; accent-color:var(--link); }
.uc-review-form-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.uc-review-form-footer p { margin:0; font-size:11px; line-height:1.65; max-width:210px; }
.uc-review-form-footer #uc-approve { padding:10px 16px; border-radius:8px; white-space:nowrap; font-weight:500; }
.uc-approval .uc-approval-audit { margin-top:20px; border-top:1px solid var(--line); padding-top:16px; }
.uc-approval-audit summary { font-size:12px; }
.uc-review-count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; box-sizing:border-box; padding:2px 7px; margin-left:6px; background:var(--code-bg); color:var(--muted); font-size:11px; font-weight:500; border-radius:20px; }
.uc-audit-list { margin:18px 0 0; padding:0; list-style:none; }
.uc-audit-list li { position:relative; margin-left:5px; padding:0 0 18px 18px; border-left:1px solid var(--line); }
.uc-audit-list li::before { content:""; position:absolute; left:-4px; top:5px; width:7px; height:7px; border-radius:50%; background:var(--link); box-shadow:0 0 0 3px var(--surface); }
.uc-audit-list li:last-child { padding-bottom:0; }
.uc-audit-entry { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; }
.uc-audit-entry time { color:var(--muted); font-size:11px; }
.uc-audit-list li>p { margin:6px 0 0; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.uc-review-empty-note { margin:12px 0 0; font-size:12px; color:var(--muted); }
.uc-history-heading { cursor:pointer; list-style:none; font-weight:400!important; }
.uc-history-heading::-webkit-details-marker { display:none; }
.uc-history-heading>.uc-review-card-title { flex:1; }
.uc-history-chevron { color:var(--muted); transition:transform .15s; }
.uc-history:not([open]) .uc-history-chevron { transform:rotate(-90deg); }
.uc-history-tools { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; gap:12px; }
.uc-current-revision { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
.uc-current-revision b { color:var(--ink); font-size:12px; background:var(--code-bg); padding:3px 8px; border-radius:6px; }
#uc-refresh-history { font-size:12px; padding:6px 10px; }
.uc-history-table { width:100%; overflow-x:auto; }
.uc-history .uc-history-table table { width:100%; min-width:460px; table-layout:auto; border-collapse:collapse; }
.uc-history .uc-history-table th { background:var(--thead); font-size:10px; color:var(--muted); font-weight:500; padding:10px 9px; white-space:nowrap; }
.uc-history .uc-history-table td { padding:13px 9px; vertical-align:middle; font-size:12px; border-bottom:1px solid var(--row-line); }
.uc-history-table tr.is-current { background:var(--thead); }
.uc-revision-code { font-variant-numeric:tabular-nums; font-weight:600; }
.uc-current-tag { display:inline-block; margin-top:4px; font-size:9px; background:var(--code-bg); color:var(--link); padding:2px 6px; border-radius:4px; }
.uc-history-date { display:block; font-size:11px; white-space:nowrap; }
.uc-history-time,.uc-history-content { display:block; margin-top:4px; font-size:10px; color:var(--muted); white-space:nowrap; }
.uc-history-action { display:block; font-size:11px; white-space:nowrap; }
.uc-history-actions { display:flex; justify-content:flex-end; align-items:center; gap:6px; }
.uc-history-actions a { display:inline-block; font-size:10px; padding:6px; text-decoration:none; white-space:nowrap; }
.uc-history-actions button { font-size:11px; padding:6px 9px; }
.uc-history .uc-history-table .uc-history-actions-heading { text-align:right; }
.uc-history-status { margin:14px 0 0; font-size:11px!important; overflow-wrap:anywhere; }
.uc-history-status[data-error=true] { color:var(--bad); }
.uc-history .uc-history-footnote { margin:12px 0 0; padding-top:12px; border-top:1px solid var(--line); font-size:11px; line-height:1.7; }
.uc-review-empty { display:grid; justify-items:center; gap:8px; padding:30px 16px; text-align:center; background:var(--thead); border:1px dashed var(--line); border-radius:10px; }
.uc-review-empty>span { color:var(--muted); font-size:26px; }
.uc-review-empty strong { font-size:13px; }
.uc-review-empty p { margin:0; font-size:12px; line-height:1.8; }
.uc-history[aria-busy=true] .uc-history-table { opacity:.6; }
.uc-export-dialog { width:min(500px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); box-sizing:border-box; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); box-shadow:0 24px 80px #0004; }
.uc-export-dialog::backdrop { background:#0c162e80; backdrop-filter:blur(3px); }
.uc-export-header { display:flex; align-items:flex-start; gap:12px; }
.uc-export-header>div { flex:1; min-width:0; }
.uc-export-header h3 { margin:0; font-size:18px; }
.uc-export-header p { margin:5px 0 0; font-size:12px; color:var(--muted); line-height:1.7; }
#uc-export-close { font-size:22px; border:0; padding:0 5px; line-height:1; }
.uc-export-options { padding:0; margin:24px 0 18px; border:0; }
.uc-export-options legend { margin-bottom:12px; font-size:12px; font-weight:600; }
.uc-export-options label { display:flex; flex-direction:row; align-items:center; gap:12px; padding:14px; margin-bottom:10px; border:1px solid var(--line); border-radius:10px; cursor:pointer; }
.uc-export-options label:has(input:checked) { background:var(--thead); border-color:var(--link); }
.uc-export-options input { width:16px; height:16px; accent-color:var(--link); }
.uc-export-options small { display:block; font-size:11px; color:var(--muted); margin-top:3px; }
.uc-export-swatch { flex:none; width:36px; height:36px; border:1px solid #cbd1db; border-radius:6px; }
.uc-export-white { background:#fff; }
.uc-export-transparent { background-color:#fff; background-image:linear-gradient(45deg,#d5dae3 25%,transparent 25%),linear-gradient(-45deg,#d5dae3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5dae3 75%),linear-gradient(-45deg,transparent 75%,#d5dae3 75%); background-size:12px 12px; background-position:0 0,0 6px,6px -6px,-6px 0; }
#uc-export-status { font-size:12px; color:var(--muted); line-height:1.7; }
#uc-export-status[data-error=true] { color:var(--bad); }
.uc-export-dialog footer { display:flex; justify-content:flex-end; gap:8px; padding-top:18px; margin-top:18px; border-top:1px solid var(--line); }
#uc-export-download { background:var(--btn-bg); color:white; padding:10px 16px; }
@media(max-width:1200px) { .uc-review-panels { grid-template-columns:1fr; } }
@media(max-width:600px) { .uc-review-panels { padding:14px; gap:14px; }.uc-review-card-head,.uc-history-heading,.uc-review-card-body { padding:16px; }.uc-review-card-head { flex-wrap:wrap; }.uc-review-form-footer { flex-direction:column; align-items:stretch; }.uc-review-form-footer p { max-width:none; } .uc-review-form-footer button { width:100%; }.uc-approval-meta { grid-template-columns:1fr; }.uc-export-dialog { padding:18px; } }