.trusted-device-choice { display:flex!important; align-items:flex-start; gap:10px; padding:12px; border:1px solid #cbdde1; border-radius:12px; background:#f4faf9; color:#17324a!important; }
.trusted-device-choice input { width:auto!important; margin:3px 0 0!important; flex:none; accent-color:#0f766e; }
.trusted-device-choice span { display:grid; gap:3px; }
.trusted-device-choice b { font-size:13px; }
.trusted-device-choice small { color:#617384; line-height:1.4; }
.reviewer-intake-notice { display:grid; gap:4px; margin:0 0 14px; padding:13px 15px; border:1px solid #9fd4cd; border-radius:12px; background:#effaf8; color:#133f3b; }
.reviewer-intake-notice b { color:#086c67; }
.reviewer-intake-notice span { font-size:12px; line-height:1.45; }
.client-card-kicker { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.client-card-kicker > span:not(.badge) { color:var(--muted); font-size:10px; }
.client-card.client-unassigned { border-color:#efb2a7; box-shadow:0 0 0 2px rgba(185,56,34,.07); }
.assignment-warning { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0; padding:10px 12px; border:1px solid #efb2a7; border-radius:10px; background:#fff4f1; color:#8f2818; }
.assignment-warning b { flex:none; }
.assignment-warning span { font-size:11px; line-height:1.35; }
.unassigned-client-alert { border:1px solid #efb2a7!important; background:linear-gradient(135deg,#fff9f7,#fff1ed)!important; }
.unassigned-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.unassigned-head small { color:#a43827; font-weight:850; letter-spacing:.12em; }
.unassigned-head h2 { margin:3px 0 4px; color:#652318; }
.unassigned-head p { margin:0; color:#7d5149; }
.unassigned-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.unassigned-list button { display:grid; gap:2px; text-align:left; padding:8px 11px; border:1px solid #e6b5ab; border-radius:9px; background:#fff; color:#692a1f; }
.unassigned-list button span { font-size:10px; color:#8a5d55; }
.client-deadline-centre { margin:14px 0; border:1px solid #cedde6; border-radius:15px; overflow:hidden; background:#f8fbfc; }
.deadline-centre-head { padding:15px 17px; border-bottom:1px solid #dce7ec; background:linear-gradient(135deg,#f1faf8,#f6f9fc); }
.deadline-centre-head small { color:var(--teal); font-size:9px; font-weight:850; letter-spacing:.14em; }
.deadline-centre-head h3 { margin:3px 0; color:#142d45; }
.deadline-centre-head p { margin:0; color:var(--muted); font-size:11px; }
.client-workflow-list { display:grid; gap:12px; padding:14px; }
.client-workflow-card { padding:14px; border:1px solid #d7e3e8; border-radius:12px; background:#fff; }
.client-workflow-card.workflow-unassigned { border-color:#eab1a7; }
.client-workflow-card > header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.client-workflow-card > header small { color:var(--teal); font-weight:800; }
.client-workflow-card > header h3 { margin:3px 0 0; color:#17324a; }
.deadline-pill { display:inline-flex; padding:5px 9px; border-radius:999px; font-size:10px; font-weight:850; white-space:nowrap; }
.deadline-pill.on-track { background:#eaf8f4; color:#08735f; }
.deadline-pill.due-soon,.deadline-pill.due-now { background:#fff4cf; color:#815d00; }
.deadline-pill.overdue,.deadline-pill.missing { background:#ffebe7; color:#a12c1c; }
.workflow-ownership { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0; }
.workflow-ownership > span { display:grid; gap:3px; padding:8px 10px; border-radius:9px; background:#f5f8fa; }
.workflow-ownership small { color:#6c7d8d; font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.workflow-ownership b { color:#243d54; font-size:11px; }
.deadline-path { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; margin:15px 0 12px; padding:0; }
.deadline-path li { position:relative; display:grid; justify-items:center; gap:6px; color:#80909d; text-align:center; font-size:10px; font-weight:750; }
.deadline-path li::before { content:""; position:absolute; top:12px; left:-50%; width:100%; height:3px; background:#dbe4e8; z-index:0; }
.deadline-path li:first-child::before { display:none; }
.deadline-path i { position:relative; z-index:1; display:grid; place-items:center; width:26px; height:26px; border:2px solid #c8d4da; border-radius:50%; background:#fff; font-style:normal; }
.deadline-path li.complete { color:#0a7669; }
.deadline-path li.complete::before,.deadline-path li.current::before { background:#4eb4a7; }
.deadline-path li.complete i { border-color:#0f8f80; background:#0f8f80; color:#fff; }
.deadline-path li.current { color:#173d5b; }
.deadline-path li.current i { border-color:#0f766e; box-shadow:0 0 0 4px rgba(15,118,110,.12); color:#0f766e; }
.client-workflow-card > footer { display:flex; justify-content:space-between; gap:14px; padding-top:10px; border-top:1px solid #e4ecef; color:#607180; font-size:10px; }
.client-workflow-card > footer b { color:#314a60; }
@media (max-width:850px){.workflow-ownership{grid-template-columns:repeat(2,minmax(0,1fr))}.deadline-path{grid-template-columns:1fr; gap:7px}.deadline-path li{grid-template-columns:28px 1fr; justify-items:start; align-items:center; text-align:left}.deadline-path li::before{top:-9px;left:12px;width:3px;height:16px}.client-workflow-card>footer,.unassigned-head{display:grid}.client-workflow-card>header{display:grid}}
