[hidden] { display: none !important; }
.workflow-strip { display:flex; align-items:center; flex-wrap:wrap; border-block:1px solid var(--line); margin-bottom:24px; padding:14px 0; gap:16px; }
.workflow-stage { display:flex; align-items:center; gap:10px; background:none; border:0; color:var(--muted); padding:8px 12px; border-right:1px solid var(--line); }
.workflow-stage strong { font-size:22px; color:var(--text); }
.workflow-stage:hover span { color:var(--green); }
.queue-indicator { margin-left:auto; font-size:12px; }
.queue-indicator.online { color:var(--green); }
.queue-indicator.offline,.error-label { color:var(--red); }
.view > .panel, .dashboard-grid > .panel { border-radius:0; box-shadow:none; background:none; border:0; padding:20px 0; }
.dashboard-grid { display:block; }
.upload-control { position:relative; overflow:hidden; cursor:pointer; }
.upload-control input { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.asset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:16px; }
.asset-item { min-width:0; border:1px solid var(--line); border-radius:6px; padding:12px; display:flex; flex-direction:column; gap:8px; }
.asset-item > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.asset-item > small { min-height:18px; overflow-wrap:anywhere; }
.asset-cover { width:100%; aspect-ratio:16/10; display:grid; place-items:center; padding:0; border:0; background:#222; color:var(--muted); overflow:hidden; }
.asset-cover img { width:100%; height:100%; object-fit:contain; }
.asset-item .actions { margin-top:auto; flex-wrap:wrap; }
.workflow-modal { width:min(1000px,calc(100vw - 32px)); max-height:92vh; overflow:auto; }
.workflow-modal fieldset { border:0; border-top:1px solid var(--line); margin:4px 0 0; padding:16px 0; min-width:0; }
.workflow-modal legend { font-weight:700; color:var(--green); padding-right:12px; font-size:14px; }
.workflow-modal select[multiple] { min-height:100px; }
.workflow-modal select[multiple] option { padding:5px 3px; }
.account-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:200px; overflow:auto; }
.account-picker label { padding:8px 0; font-size:13px; align-items:flex-start; }
.account-picker label span { min-width:0; overflow-wrap:anywhere; }
.account-picker small,td > small { display:block; color:var(--muted); margin-top:6px; font-size:11px; }
.preview-rows { max-height:230px; overflow:auto; margin-top:10px; }
.preview-rows > div { display:grid; grid-template-columns:1fr 90px 100px 2fr; gap:10px; padding:8px 0; border-bottom:1px solid var(--line); font-size:12px; }
.batch-preview > strong { font-size:14px; color:var(--green); }
#assetPreview img,#assetPreview video,#evidencePreview img { display:block; max-width:100%; max-height:400px; margin:12px auto; }
.record-fields { display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px; font-size:13px; }
.record-fields dt { color:var(--muted); }
.record-fields dd { margin:0; overflow-wrap:anywhere; }
.preserve-lines { white-space:pre-wrap; }
#recordDetail pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
#recordDetail .actions { margin-top:20px; flex-wrap:wrap; }
.day-chart { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; padding:20px 0; border-bottom:1px solid var(--line); margin-bottom:24px; }
.day-column { display:grid; gap:8px; text-align:center; min-width:0; }
.day-column > span { font-size:11px; color:var(--muted); }
.day-column > strong { font-size:12px; }
.chart-track { display:flex; align-items:flex-end; justify-content:center; height:130px; gap:3px; border-bottom:1px solid var(--line); }
.chart-track i { display:block; width:24%; max-width:25px; }
.success-bar { background:var(--green); }
.failure-bar { background:var(--red); }
.toolbar > input { max-width:360px; min-width:0; }
.pagination { align-items:center; }
.pagination span { color:var(--muted); font-size:13px; }
#copyRows td,#batchRows td { max-width:280px; overflow-wrap:anywhere; }
@media(max-width:720px) {
 .account-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .workflow-strip { gap:2px; }
 .workflow-stage { padding:8px; }
 .workflow-stage strong { font-size:18px; }
 .queue-indicator { margin-left:8px; }
 .preview-rows > div { grid-template-columns:1fr 75px; }
 .day-chart { gap:4px; }
 .day-column > span { font-size:10px; }
 .top-actions #openBatch { display:inline-flex !important; }
 .workflow-modal .form-grid { grid-template-columns:1fr; }
 .workflow-modal .toolbar { align-items:stretch; }
 .top-actions { flex-wrap:wrap; }
}