/* Shared visual layer for a calm, high-signal operations workspace. */
:root{--ink:#17231f;--muted:#60706a;--line:#d7e1dc;--surface:#fff;--soft:#f3f7f5;--green:#087f5b;--green-dark:#056044;--amber:#b86416;--danger:#bd3f45;--blue:#17658c;--blue-soft:#edf6fb;--amber-soft:#fff6e9;--green-soft:#eef9f3;--red-soft:#fff1f1;--shadow:0 10px 28px rgba(23,35,31,.08)}
body{background:#eef3f1}.workspace{padding-top:30px}.topbar{box-shadow:0 2px 12px rgba(14,34,27,.2)}.topbar strong{letter-spacing:.04em}.topbar span{color:#d1dfd9}.profile-button{border:1px solid #52645d;background:#263a32;transition:.18s}.profile-button:hover,.profile-button:focus-visible{background:#385248;border-color:#a8c5b8}
.page-heading{padding:0 0 18px;border-bottom:1px solid var(--line)}.page-heading h1{letter-spacing:.01em}.page-heading p{line-height:1.6}.status-chip{background:#e8f3ee;border-color:#b9d6c7;color:var(--green-dark);font-weight:700}
button{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid rgba(23,101,140,.24);outline-offset:2px}.primary{background:var(--green);box-shadow:0 3px 8px rgba(8,127,91,.18)}.primary:hover,.primary:focus-visible{background:var(--green-dark);box-shadow:0 5px 12px rgba(8,127,91,.26)}.secondary{background:#eaf1ee;border:1px solid #c1d4cb;color:#17533f}.secondary:hover,.secondary:focus-visible{background:#dcebe4;border-color:#8ebba7}.text-button{font-weight:700}.danger-link{color:var(--danger);border:1px solid transparent}.danger-link:hover,.danger-link:focus-visible{background:var(--red-soft);border-color:#efb8b8;padding-left:10px}
.form-section,.progress-panel,.results-panel{box-shadow:var(--shadow);border-color:var(--line)}.dispatch-form .form-section:nth-child(1){border-top:4px solid var(--blue)}.dispatch-form .form-section:nth-child(2){border-top:4px solid var(--amber)}.form-section h2{display:flex;align-items:center;gap:9px}.dispatch-form .form-section:nth-child(1) h2{color:var(--blue)}.dispatch-form .form-section:nth-child(2) h2{color:var(--amber)}.choice-group label{background:#f8fbfa}.choice-group label:has(input:checked){background:#e7f5ee;border-color:#7fb89d;color:var(--green-dark);box-shadow:0 2px 6px rgba(8,127,91,.12)}
.bottom-nav{box-shadow:0 -4px 16px rgba(23,35,31,.08)}.bottom-nav button{position:relative;font-weight:650}.bottom-nav button.active{background:#eef8f3;color:var(--green-dark)}.bottom-nav button.active::after{content:"";position:absolute;left:20%;right:20%;bottom:5px;height:3px;border-radius:3px;background:var(--green)}.bottom-nav button:hover{background:#f4f8f6;color:var(--green-dark)}
.login-shell{background:#e7f0ec}.login-panel{box-shadow:0 18px 48px rgba(24,56,43,.14);border-color:#cbdcd4}.brand-mark{background:var(--green);box-shadow:0 5px 12px rgba(8,127,91,.2)}
.metric{box-shadow:var(--shadow);border-top:3px solid var(--blue);background:#fff}.metric strong{color:var(--blue)}.metric:nth-child(3n+2){border-top-color:var(--amber)}.metric:nth-child(3n+2) strong{color:var(--amber)}.metric:nth-child(3n){border-top-color:var(--green)}.metric:nth-child(3n) strong{color:var(--green)}.sync-message{border-left-color:var(--amber);background:var(--amber-soft);border:1px solid #efd4aa;border-left-width:4px}.sync-actions .primary::before{content:"↻";margin-right:7px;font-size:16px}.sync-actions .secondary::before{content:"⟳";margin-right:7px;font-size:15px}

/* Archive sections use distinct tones so long detail pages stay scannable. */
.archive-detail{padding-bottom:28px}.archive-detail-toolbar{position:sticky;top:76px;z-index:5;padding:6px 0 14px;background:#eef3f1}.archive-detail-toolbar .secondary{min-height:46px;padding:10px 18px;background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 12px rgba(23,101,140,.2);font-size:14px}.archive-detail-toolbar .secondary::before{content:"←";margin-right:8px;font-size:18px;vertical-align:-1px}.archive-detail-toolbar .secondary:hover,.archive-detail-toolbar .secondary:focus-visible{background:#0f4d6d;border-color:#0f4d6d}
.archive-detail-header{padding:20px 22px 22px;background:#fff;border:1px solid #cfddd7;border-left:5px solid var(--green);border-radius:10px;box-shadow:var(--shadow)}.archive-detail-header h2{color:var(--ink)}.archive-detail-actions .secondary{background:#fff;border-color:#a9c8bb}.archive-detail-actions .secondary::before{content:"✎";margin-right:6px}.archive-detail-actions .danger-link{padding:9px 12px;border-color:#e8b7ba}.archive-detail-actions .danger-link::before{content:"×";margin-right:6px;font-size:17px}.archive-detail-actions .danger-link:hover{padding-left:12px}
.archive-section{margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-top:4px solid #8ea59a;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(23,35,31,.045)}.archive-section>h3,.archive-section .section-heading h3{margin-bottom:14px}.archive-section .section-heading h3{color:var(--ink)}.archive-section .section-heading span{font-weight:750;color:var(--muted);background:#edf2f0;border:1px solid #d6e1dc;border-radius:999px;padding:5px 9px}
.archive-detail .archive-section:nth-of-type(1){border-top-color:var(--blue);background:#f8fbfd}.archive-detail .archive-section:nth-of-type(1) h3{color:var(--blue)}.customer-summary dt{color:#587082}.customer-summary dd{font-weight:600}
.archive-copy-section{border-top-color:var(--amber);background:var(--amber-soft)}.archive-copy-section>h3{color:#97520d}.message-preview{border-color:#e8c993;background:#fffdf9;box-shadow:0 4px 12px rgba(159,93,20,.07)}.message-preview:first-child{border-top:3px solid var(--blue);border-color:#b8d1e1;background:#fbfdff}.message-preview:first-child header strong{color:var(--blue)}.message-preview:last-child{border-top:3px solid var(--amber)}.message-preview:last-child header strong{color:#97520d}.message-preview header{background:rgba(255,255,255,.66)}.message-preview [data-copy-customer],.message-preview [data-copy-coach]{min-width:92px;background:var(--blue);box-shadow:0 3px 8px rgba(23,101,140,.2)}.message-preview [data-copy-coach]{background:var(--amber);color:#fff}.message-preview [data-copy-customer]::before,.message-preview [data-copy-coach]::before{content:"⧉";margin-right:7px;font-size:15px}.message-body{background:rgba(255,255,255,.75)}
.archive-recommendation-section{border-top-color:var(--green);background:var(--green-soft)}.archive-recommendation-section .section-heading h3{color:var(--green-dark)}.archive-coach{border-color:#c3ddd0;border-left-color:var(--green);background:#fff;box-shadow:0 4px 12px rgba(8,127,91,.07)}.archive-coach header button[data-copy-assignment]{min-height:40px;padding:9px 13px;background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:0 4px 9px rgba(8,127,91,.2);white-space:nowrap}.archive-coach header button[data-copy-assignment]::before{content:"⧉";margin-right:7px;font-size:15px}.archive-coach header button[data-copy-assignment]:hover,.archive-coach header button[data-copy-assignment]:focus-visible{background:var(--green-dark);border-color:var(--green-dark)}.archive-coach .rank{background:var(--green)}.archive-coach .recommendation{padding:10px 12px;background:#f1faf5;border-left:3px solid #79ba97;border-radius:4px}.inline-message-heading strong{color:var(--green-dark)}
.archive-ranking-table{padding:8px 12px;background:#fff;border:1px solid #cde0d5;border-radius:7px}.archive-ranking-header{color:var(--green-dark);background:#f3faf6}.archive-ranking-row:last-child{border-bottom:0}.archive-list .archive-item{box-shadow:var(--shadow);border-left:4px solid var(--blue);background:#fff}.archive-list .archive-item:hover,.archive-list .archive-item.selected{border-left-color:var(--green);box-shadow:0 8px 20px rgba(8,127,91,.12)}.archive-list .archive-actions [data-view]{background:var(--blue);border-color:var(--blue);color:#fff}.archive-list .archive-actions [data-view]::before{content:"↗";margin-right:6px}.archive-list .archive-actions [data-edit]::before{content:"✎";margin-right:6px}
@media(max-width:899px){.archive-detail-toolbar{top:62px;padding-top:8px}.archive-detail-header{padding:18px 16px}.archive-section{padding:18px 16px}.archive-coach header button[data-copy-assignment]{width:100%;margin-top:4px}.archive-detail-actions{display:grid;grid-template-columns:1fr 1fr}.archive-detail-actions button{width:100%}.message-preview header{align-items:flex-start}.message-preview header button{flex:0 0 auto}.archive-ranking-table{margin-left:-4px;margin-right:-4px;padding:6px 8px}}