/* Taste refinement for a dense operations workspace: hierarchy through spacing and state, not decorative cards. */
.main{max-width:1480px}.page-header{padding-bottom:4px}.page-header h1{letter-spacing:-.18px}.subtle{max-width:62ch}.detail-card{box-shadow:none}.detail-grid>.left-stack>.detail-card:not(.flag-card):not(.job-match),.detail-grid>.right-stack>.detail-card:not(.audit){background:transparent}.detail-card h2{font-weight:600}.case-table-wrap,.orders-list,.messages-layout,.ai-chat{box-shadow:none}.case-table th,.orders-head{position:sticky;top:0;z-index:1}.case-table td,.order-row{transition:background-color 100ms cubic-bezier(.1,.9,.2,1)}.side-link,.filter,.action,.create-button,.queue-action,.suggestions button,.conversation-row{transition:background-color 100ms cubic-bezier(.1,.9,.2,1),color 100ms cubic-bezier(.1,.9,.2,1),border-color 100ms cubic-bezier(.1,.9,.2,1)}.action:active,.create-button:active,.filter:active{transform:translateY(1px)}.queue-action:not(.urgent){cursor:default}.queue-action:not(.urgent):focus{outline:0}.case-table th:nth-child(4),.case-table td:nth-child(4){font-family:"Cascadia Code",Consolas,monospace;font-variant-numeric:tabular-nums}.audit-time,.case-ref,.kicker,.workspace-label{font-family:"Cascadia Code",Consolas,monospace}.review-banner{box-shadow:none}.ai-label,.ai-indicator{font-family:"Cascadia Code",Consolas,monospace}.form-top p,.ai-intro p,.case-context p{max-width:65ch}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important}}
/* Worker Case visual language: mirrors the worker dashboard’s cobalt-blue system. */
:root{--ink:#17233a;--forest:#2668e8;--forest-dark:#1d54bc;--mint:#eaf0ff;--mint-dark:#2668e8;--paper:#f8faff;--line:#d9e2f2;--muted:#64748b;--soft:#f2f5fb;--blue:#2668e8;--blue-bg:#eaf0ff}
.brand{color:#17233a}.brand-mark,.action.primary,.filter.active{background:#2668e8}.side-link.active{background:#eaf0ff;color:#2668e8}.side-link.active b{color:#2668e8}.agent-avatar{background:#dce7ff;color:#2668e8}.review-banner{border-color:#cfddff;background:#f4f7ff}.review-banner b,.review-banner button{color:#1d54bc}.review-banner p{color:#5b6d8b}.alert-icon{background:#dce7ff;color:#2668e8}.job-match{background:#f4f7ff;border-color:#cfddff}.job-match p{color:#405370}.ai-label{background:#eaf0ff;color:#2668e8}.action.secondary{border-color:#b9ceff;color:#2668e8}.clear{color:#2668e8}.clear::before{background:#eaf0ff;color:#2668e8}
.brand-mark{display:grid;place-items:center;background:#eaf0ff!important;color:#2668e8!important;border:1px solid #bed2ff;border-radius:9px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.brand-mark svg{display:block;width:24px;height:24px}.brand:hover .brand-mark{background:#2668e8!important;color:#fff!important;border-color:#2668e8;transform:rotate(-3deg)}
.worker-update{border-color:#cfddff;background:#f8faff}.worker-update-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.worker-update .kicker,.offer-compare .kicker{margin-bottom:5px;color:#2668e8}.worker-update h2,.offer-compare h2{margin:0}.worker-update>p{font-size:12px;color:#405370;margin:8px 0 14px}.worker-update-step{display:grid;grid-template-columns:25px 1fr;column-gap:9px;padding:10px 0;border-top:1px solid #d9e2f2}.worker-update-step span{grid-row:span 2;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#2668e8;color:#fff;font-size:10px;font-weight:700}.worker-update-step b{font-size:12px}.worker-update-step small{color:#64748b;font-size:10px;margin-top:2px}.worker-update-step.muted span{background:#dce7ff;color:#2668e8}.offer-compare{border-color:#cfddff}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.offer-grid>div{border:1px solid #d9e2f2;border-radius:7px;padding:11px}.offer-grid .attention{border-color:#f1d7b5;background:#fffaf3}.offer-grid small{display:block;color:#64748b;font-size:10px;margin-bottom:4px}.offer-grid b{font-size:12px}.offer-grid p,.offer-note{font-size:10px;line-height:1.45;color:#64748b;margin:5px 0 0}.offer-note{border-top:1px solid #d9e2f2;padding-top:10px;margin-top:12px!important}
.order-flow{margin:24px 0;border:1px solid #cfddff;border-radius:10px;background:#fff;overflow:hidden}.order-flow-head{padding:18px 20px;border-bottom:1px solid #d9e2f2;display:flex;justify-content:space-between;gap:16px}.order-flow-head .kicker{color:#2668e8;margin:0 0 5px}.order-flow-head h2{margin:0;font-size:20px;letter-spacing:-.45px}.order-flow-head p:last-child{margin:4px 0 0;color:#64748b;font-size:12px}.order-flow-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d9e2f2}.order-flow-summary div{padding:14px 20px;border-right:1px solid #d9e2f2}.order-flow-summary div:last-child{border-right:0}.order-flow-summary small{display:block;color:#64748b;font-size:9px;font-weight:700;letter-spacing:.05em}.order-flow-summary b{font-size:12px;margin-top:3px;display:block}.flow-grid{display:grid;grid-template-columns:1.25fr .75fr}.flow-grid>section{padding:20px}.flow-grid>section+section{border-left:1px solid #d9e2f2;background:#f8faff}.flow-grid h3{margin:0 0 12px;font-size:13px}.flow-step{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-top:1px solid #edf1f8}.flow-step:first-of-type{border-top:0;padding-top:0}.flow-step span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #c7d5ef;border-radius:50%;color:#64748b;font-size:10px;font-weight:700}.flow-step.complete span{background:#2668e8;border-color:#2668e8;color:#fff}.flow-step b{font-size:12px;display:block}.flow-step small{display:block;color:#64748b;font-size:10px;margin-top:2px}.flow-side>p{font-size:11px;color:#52627c;line-height:1.5;margin:0 0 18px}.linked-case{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 0;border-top:1px solid #d9e2f2}.linked-case .worker-avatar{flex:none}.linked-case b,.linked-case small{display:block}.linked-case b{font-size:11px}.linked-case small,.empty-flow{font-size:10px;color:#64748b}.linked-case i{font-style:normal;color:#2668e8;margin-left:auto}@media(max-width:700px){.order-flow-summary,.flow-grid{grid-template-columns:1fr}.order-flow-summary div{border-right:0;border-bottom:1px solid #d9e2f2}.order-flow-summary div:last-child{border-bottom:0}.flow-grid>section+section{border-left:0;border-top:1px solid #d9e2f2}}