:root {
    color-scheme: light;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #17283a;
    background: #edf1f4;
    --navy: #102d49;
    --navy-deep: #0b2238;
    --gold: #b38a45;
    --line: #dce3e8;
    --green: #397552;
}
* { box-sizing: border-box; }
body { margin: 0; background: #edf1f4; }
.dev-banner { height: 28px; display: grid; place-items: center; background: #8c3030; color: white; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.app-shell { min-height: calc(100vh - 28px); display: grid; grid-template-columns: 242px minmax(0, 1fr); }
.sidebar { background: linear-gradient(180deg, var(--navy), var(--navy-deep)); color: #d9e4ed; padding: 20px 16px 16px; display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 7px 17px; border-bottom: 1px solid #365069; }
.seal { width: 58px; height: 60px; flex: 0 0 58px; display: grid; place-items: center; }
.brand img { display: block; width: 58px; height: 60px; object-fit: contain; object-position: center; }
.brand strong, .brand span { display: block; }
.brand strong { font-size: 20px; letter-spacing: .1em; color: white; }
.brand div > span { font-size: 11px; color: #aebfce; }
nav { padding-top: 13px; display: grid; gap: 2px; }
.nav-label { margin: 4px 10px 5px; color: #8299ac; font-size: 9px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.nav-label.secondary { margin-top: 12px; }
nav a, nav > span { display: flex; align-items: center; gap: 10px; color: #c6d4df; padding: 7px 10px; border-radius: 5px; text-decoration: none; font-size: 11px; white-space: nowrap; }
nav a > img, nav > span > img { width: 19px; height: 19px; flex: 0 0 19px; object-fit: contain; object-position: center; }
nav .active { background: #234762; color: #fff; font-weight: 700; box-shadow: inset 3px 0 #c9a24e, 0 2px 10px #07152233; }
.sidebar-footer { margin-top: auto; border-top: 1px solid #365069; padding: 13px 8px 0; display: grid; gap: 2px; }
.sidebar-footer span, .sidebar-footer small { color: #91a6b7; font-size: 9px; }
.sidebar-footer strong { color: white; font-size: 11px; }
.theme-toggle{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:7px 9px;border:1px solid #567087;border-radius:5px;background:#ffffff10;color:#d8e3eb;font:inherit;font-size:9px;cursor:pointer}.theme-toggle:hover{background:#ffffff1c}.theme-toggle span{color:inherit}
.app-content { min-width: 0; min-height: calc(100vh - 28px); display: flex; flex-direction: column; }
main { flex: 1 0 auto; padding: 25px 30px 34px; width: 100%; max-width: 1540px; }
.core-values-footer { flex: 0 0 auto; padding: 10px 30px 11px; border-top: 2px solid #b38a45; background:#102d49; color:#dce6ee; text-align: center; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.core-values-footer span { padding: 0 7px; color: var(--gold); }
.page-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; padding-bottom: 17px; border-bottom: 1px solid #d9e0e5; }
.page-header h1 { margin: 1px 0 3px; font-size: 27px; line-height: 1.1; color: #132d46; }
.eyebrow, .section-kicker { margin: 0 0 3px; color: #9b732f; text-transform: uppercase; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.welcome { margin: 0; color: #687786; font-size: 11px; }
.welcome strong { color: #3d4f60; }
.header-meta { display: grid; justify-items: end; gap: 8px; color: #405466; font-size: 12px; font-weight: 650; }
.status-pill { display: inline-flex; align-items: center; border: 1px solid #d7dfe5; background: white; border-radius: 14px; padding: 5px 9px; color: #627181; font-size: 9px; font-weight: 500; box-shadow: 0 2px 7px #233d5510; }
.status-pill i { width: 6px; height: 6px; border-radius: 50%; background: #4b9565; margin-right: 6px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 9px; }
.section-heading h2 { margin: 0; font-size: 16px; color: #1a334b; }
.section-heading > span { color: #7c8996; font-size: 9px; }
.operations-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 17px; }
.operation-card, .panel { background: white; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 3px 13px #20384e0c; }
.operation-card { min-height: 164px; padding: 13px 13px 0; overflow: hidden; border-top: 3px solid #315f86; }
.operation-card.transport { border-top-color: #347f83; }
.operation-card.medical { border-top-color: #4f845d; }

/* Phase 13B Medical staffing schedule */
.medical-top,.medical-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.medical-controls{align-items:flex-end;flex-direction:column}.medical-summary{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:8px;margin:10px 0}.medical-summary article{border:1px solid var(--border,#cbd6e3);border-radius:8px;padding:9px 12px;background:var(--surface,#fff)}.medical-summary article>span{display:block;font-weight:700;font-size:.78rem}.medical-summary article>strong{font-size:1.45rem}.medical-summary article>small{display:block}.today-priorities{display:flex;align-items:center;gap:12px;min-height:38px;padding:7px 11px;margin-bottom:7px;border:1px solid #d2b25f;border-radius:7px;background:#fff8df}.today-priorities header{display:flex;gap:10px;align-items:center;margin-right:8px}.today-priorities span{font-size:.78rem}.today-priorities .complete{text-decoration:line-through;opacity:.65}.medical-matrix{display:grid;grid-template-columns:145px repeat(7,minmax(112px,1fr));border:1px solid var(--border,#cbd6e3);border-radius:8px;overflow:auto}.medical-corner,.medical-date{background:#0b3974;color:#fff;padding:7px;text-align:center}.medical-date{display:flex;flex-direction:column}.medical-date.today{background:#1559a3}.medical-label,.medical-cell{border-top:1px solid var(--border,#d8e0ea);border-right:1px solid var(--border,#d8e0ea);padding:5px 7px;min-height:42px}.medical-label{display:flex;flex-direction:column;justify-content:center;background:var(--surface,#fff)}.medical-label small,.medical-cell small{font-size:.68rem}.medical-cell{display:flex;flex-direction:column;justify-content:center;background:var(--surface,#fff);font-size:.74rem}.medical-cell.today{background:#edf6ff}.medical-cell.not-applicable{align-items:center;color:#8b98a9;background:var(--surface-muted,#f3f5f7)}.medical-cell .unassigned,.medical-calendar-lines .unassigned{color:#9a4a31}.medical-cell em{margin-left:3px;color:#60738a}.medical-calendar{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--border,#ccd6e1);border-top:1px solid var(--border,#ccd6e1)}.medical-calendar>.weekday{padding:7px;background:#0b3974;color:white;text-align:center}.medical-calendar .calendar-day{min-height:150px;border-right:1px solid var(--border,#ccd6e1);border-bottom:1px solid var(--border,#ccd6e1);padding:5px;background:var(--surface,#fff)}.medical-calendar .calendar-day>header{display:flex;justify-content:space-between}.medical-calendar-lines{display:grid;gap:2px;margin-top:4px}.medical-calendar-lines span{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medical-calendar-lines span b{color:#526780}.medical-calendar-lines em{font-size:.66rem;color:#8a6500}.medical-day-editor{margin-top:12px;border:1px solid var(--border,#ccd6e1);border-radius:8px;padding:12px;background:var(--surface,#fff)}.medical-day-editor>header{display:flex;justify-content:space-between}.medical-assignment-editors{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.medical-assignment-editors form{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;padding:7px;background:var(--surface-muted,#f4f6f8);border-radius:6px}.medical-assignment-editors label{display:grid;grid-template-columns:auto 1fr;gap:3px 8px}.medical-assignment-editors select{grid-column:1/-1}.task-editor{margin-top:10px}.task-editor>div{display:flex;gap:8px}.task-editor>form{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.daily-review table{width:100%;border-collapse:collapse}.daily-review th,.daily-review td{border:1px solid var(--border,#ccd6e1);padding:7px;text-align:left}
html[data-theme="dark"] .medical-summary article,html[data-theme="dark"] .medical-label,html[data-theme="dark"] .medical-cell,html[data-theme="dark"] .medical-calendar .calendar-day,html[data-theme="dark"] .medical-day-editor{background:#20272e;border-color:#39444d}html[data-theme="dark"] .medical-assignment-editors form{background:#252e35}html[data-theme="dark"] .today-priorities{background:#332f20;color:#efe5c4}html[data-theme="dark"] .medical-date.today{background:#174d82}html[data-theme="dark"] .medical-cell.today,html[data-theme="dark"] .medical-calendar .calendar-day.today{background:#173044}html[data-theme="dark"] .medical-cell.not-applicable{background:#1a2025;color:#7f8b93}html[data-theme="dark"] .medical-calendar-lines span b{color:#9fb8ce}html[data-theme="dark"] .medical-calendar-lines em{color:#d2b86f}

/* Phase 13C — compact digital Post Assignment form */
.post-assignment-form{max-width:1500px;margin:0 auto;color:var(--ink,#12263a)}.post-form-header{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-bottom:5px}.post-form-header h1{margin:0;font-size:1.55rem;letter-spacing:.025em}.post-form-header .eyebrow{margin:0}.post-form-header dl{display:flex;gap:20px;margin:0}.post-form-header dl div{display:grid;gap:1px}.post-form-header dt{font-size:.64rem;text-transform:uppercase;color:#64788b;font-weight:800}.post-form-header dd{margin:0;font-weight:800}.post-print,.post-actions button{border:1px solid #174f89;border-radius:5px;padding:7px 13px;background:#0c4d92;color:#fff;font-weight:800;text-decoration:none}.post-development{min-height:27px;padding:4px 10px;margin-bottom:5px}.post-manning{display:flex;align-items:center;gap:18px;min-height:30px;padding:4px 10px;border:1px solid #d5aa54;border-left:5px solid #b87816;background:#fff9e9;font-size:.76rem}.post-manning.ready{border-color:#80b694;border-left-color:#267447;background:#eff8f2}.post-manning span{white-space:nowrap}.post-manning small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-table-wrap{margin-top:5px;border:1px solid var(--border,#cbd6e3);border-radius:5px;overflow:hidden}.post-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.72rem}.post-table th,.post-table td{border-right:1px solid var(--border,#ccd6e1);border-bottom:1px solid var(--border,#ccd6e1);padding:2px 5px;height:28px}.post-table thead th{height:31px;background:#0a3974;color:white;font-size:.68rem;letter-spacing:.04em}.post-table th:first-child{width:18%;text-align:left}.post-table th:nth-child(2),.post-table th:nth-child(4){width:27%}.post-table th:nth-child(3),.post-table th:nth-child(5){width:14%}.post-table tbody>tr>th{background:var(--surface-muted,#f3f6f8);color:#15355d}.post-table select{width:100%;min-width:0;border:1px solid #bbc9d5;border-radius:3px;padding:2px 4px;height:23px;background:var(--surface,#fff);color:inherit;font:inherit}.officer-slot{position:relative}.outside-shift{position:absolute;right:9px;top:6px;border-radius:8px;padding:1px 4px;background:#e8ba54;color:#503000;font-size:.58rem;font-weight:900}.post-section th{height:20px!important;padding:1px 6px!important;background:#dbe7f2!important;color:#173e68!important;font-size:.62rem;letter-spacing:.12em}.post-support-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:7px;margin-top:6px}.post-accountability,.post-medical{border:1px solid var(--border,#ccd6e1);border-radius:5px;padding:6px 8px;background:var(--surface,#fff)}.post-accountability header,.post-medical header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.post-accountability h2,.post-medical h2{margin:0;font-size:.82rem}.post-accountability header p{margin:0;font-size:.65rem}.accountability-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:4px}.accountability-categories label{font-size:.62rem;font-weight:800}.accountability-categories label span{display:block}.accountability-categories select{width:100%;height:39px;border:1px solid var(--border,#cbd6e3);background:var(--surface,#fff);color:inherit;font-size:.58rem}.reconciliation{display:flex;gap:14px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border,#d5dde5);font-size:.66rem}.post-medical{overflow:auto;max-height:108px}.post-medical>div{display:grid;grid-template-columns:1fr 35px 1.2fr;gap:5px;padding:2px;border-top:1px solid var(--border,#d5dde5);font-size:.61rem}.post-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:6px}.post-actions>div{display:flex;gap:8px;margin-right:auto;font-size:.72rem}.post-actions button:disabled{opacity:.55}.post-assignment-print{max-width:950px;margin:auto}.post-assignment-print table{width:100%;border-collapse:collapse;font-size:11px}.post-assignment-print th,.post-assignment-print td{border:1px solid #333;padding:3px}.post-assignment-print section{display:inline-block;width:48%;vertical-align:top}.post-assignment-print section p{margin:2px;font-size:10px}
html[data-theme="dark"] .post-assignment-form{color:#dbe3e8}html[data-theme="dark"] .post-manning{background:#332f20;border-color:#78683b}html[data-theme="dark"] .post-manning.ready{background:#203128;border-color:#577b63}html[data-theme="dark"] .post-table-wrap,html[data-theme="dark"] .post-accountability,html[data-theme="dark"] .post-medical{background:#20272e;border-color:#46535d}html[data-theme="dark"] .post-table tbody>tr>th{background:#252e35;color:#d8e4ee}html[data-theme="dark"] .post-table select,html[data-theme="dark"] .accountability-categories select{background:#1d252c;border-color:#56636d;color:#e1e6e9}html[data-theme="dark"] .post-section th{background:#253c50!important;color:#c7d9e8!important}
@media(max-width:1100px){.post-form-header{grid-template-columns:1fr auto}.post-form-header dl{grid-row:2;grid-column:1/-1}.post-support-grid{grid-template-columns:1fr}.accountability-categories{grid-template-columns:repeat(3,1fr)}}
@media print{.app-sidebar,.app-header,.development-banner,.theme-toggle,.post-print,.post-actions button{display:none!important}.app-main{margin:0!important;padding:0!important}.post-assignment-print{max-width:none}.post-assignment-print table{font-size:9pt}.post-assignment-print h1{font-size:18pt;margin:0}}

/* Phase 13C final density and sequential accountability selectors */
.post-form-header{margin-bottom:3px}.post-development{min-height:24px;padding:2px 9px;margin-bottom:3px}.post-manning{min-height:27px;padding:2px 9px}.post-table-wrap{margin-top:3px}.post-table th,.post-table td{padding:1px 5px;height:26px}.post-table thead th{height:28px}.post-section th{height:18px!important}.post-support-grid{margin-top:4px;gap:5px}.post-accountability,.post-medical{padding:4px 7px}.accountability-categories{margin-top:2px}.accountability-categories>div{min-width:0}.accountability-categories label{display:block}.accountability-categories select{height:23px;font-size:.61rem}.accountability-selected{display:flex;gap:2px;flex-wrap:wrap;max-height:24px;overflow:auto;margin-top:2px}.accountability-selected>span{display:inline-flex;align-items:center;gap:2px;max-width:100%;border:1px solid var(--border,#cbd6e3);border-radius:9px;padding:0 3px;background:var(--surface-muted,#f3f6f8);font-size:.56rem;white-space:nowrap}.accountability-selected button{border:0;padding:0;background:transparent;color:#8b2f2f;font:inherit;font-weight:900;cursor:pointer}.reconciliation{margin-top:2px;padding-top:2px}.post-actions{margin-top:3px}html[data-theme="dark"] .accountability-selected>span{background:#252e35;border-color:#46535d}html[data-theme="dark"] .accountability-selected button{color:#e0a2a2}
.medical-matrix .medical-date.today{background:#1559a3;color:#fff}html[data-theme="dark"] .medical-matrix .medical-date.today{background:#174d82}
@media(max-width:1100px){.medical-matrix{grid-template-columns:130px repeat(7,110px)}.medical-summary{grid-template-columns:1fr 1fr}.medical-summary .movement-card{grid-column:1/-1}}@media print{.medical-controls,.today-priorities a{display:none!important}}
.operation-card.training { border-top-color: #b38537; }
.operation-card.hospital { border-top-color: #745f87; }
.operation-card header { display: flex; justify-content: space-between; gap: 6px; align-items: center; }
.operation-card h3 { margin: 0; font-size: 12px; color: #20394f; }
.operation-card header > span { padding: 3px 6px; border-radius: 8px; background: #eff4f7; color: #587085; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.primary-metric { display: grid; margin: 14px 0 11px; }
.primary-metric strong { font-size: 31px; line-height: 1; color: #173b59; }
.primary-metric span, .split-metrics span { color: #7a8793; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.split-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 16px 0 12px; }
.split-metrics div { display: grid; border-right: 1px solid #e2e7eb; }
.split-metrics div:last-child { border: 0; }
.split-metrics strong { font-size: 25px; line-height: 1.1; color: #173b59; }
.operation-card dl { margin: 0 -13px; padding: 8px 13px; background: #f7f9fa; border-top: 1px solid #e7ecef; }
.operation-card dl div { display: grid; gap: 2px; }
.operation-card dt { color: #7b8894; font-size: 8px; text-transform: uppercase; }
.operation-card dd { margin: 0; color: #43576a; font-size: 9px; font-weight: 650; }
.operation-card dd.good { color: var(--green); }
.card-path { display: block; margin: 0 -13px; padding: 7px 13px; color: #2c6b74; background: #f0f7f7; font-size: 9px; font-weight: 700; text-decoration: none; }
.card-path span { float: right; }
.lower-grid { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(310px, .75fr); gap: 13px; }
.dashboard-header{margin-bottom:12px}.primary-operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.primary-operation-card{display:block;padding:16px 16px 0;border:1px solid var(--line);border-top:4px solid #174f80;border-radius:8px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 4px 15px #20384e12;transition:transform .15s ease,box-shadow .15s ease}.primary-operation-card:hover,.primary-operation-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px #20384e20}.primary-operation-card.transport{border-top-color:#a9781b}.primary-operation-card.medical{border-top-color:#397451}.primary-operation-card header{display:flex;align-items:center;gap:10px}.primary-operation-card header img,.secondary-indicator header img{width:34px;height:34px;object-fit:contain}.primary-operation-card header div{flex:1}.primary-operation-card header p,.secondary-indicator header p{margin:0;color:#617486;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.primary-operation-card h3{margin:2px 0 0;font-size:17px;color:#102d49}.primary-operation-card header>span{font-size:24px;color:#1a5b93}.primary-card-metric{display:flex;align-items:baseline;gap:8px;margin:14px 0}.primary-card-metric strong{font-size:32px;color:#102d49}.primary-card-metric span{font-size:11px;color:#5e7182}.primary-operation-card footer{display:flex;justify-content:space-between;gap:8px;margin:0 -16px;padding:9px 16px;background:#f3f6f8;border-top:1px solid #e1e8ed;font-size:10px}.primary-operation-card footer b{color:#17633b}.secondary-indicator-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px}.secondary-indicator{padding:12px 14px;border:1px solid var(--line);border-left:4px solid #745f87;border-radius:7px;background:#f8fafb}.secondary-indicator.training-indicator{border-left-color:#b38537}.secondary-indicator header{display:flex;align-items:center;gap:10px}.secondary-indicator header strong{display:block;margin-top:2px;font-size:15px;color:#18354e}.secondary-indicator ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0;padding:0;list-style:none}.secondary-indicator li{padding:6px 8px;border-radius:4px;background:#fff;border:1px solid #e1e7eb;font-size:9px}.secondary-indicator li time{display:block;color:#667989}.secondary-indicator footer{margin-top:9px;padding-top:8px;border-top:1px solid #dfe6eb;font-size:10px;color:#536879}.secondary-indicator footer>strong{font-size:15px;color:#18354e}.secondary-indicator .indicator-warning span{display:block;color:#9a4c31;font-weight:700}.training-gauge{display:flex;align-items:baseline;gap:8px;margin:12px 0}.training-gauge strong{font-size:28px;color:#8a641e}.training-gauge span{font-size:11px}.panel-link{display:inline-block;margin:8px 13px 12px;color:#14568b;font-weight:750;font-size:10px}.hospital-movement-panel{margin:14px 0;padding:16px;border:1px solid #c5d3dc;border-left:4px solid #745f87;border-radius:7px;background:#fff}.hospital-movement-panel>header{display:flex;justify-content:space-between;align-items:center}.hospital-movement-panel>header p,.hospital-movement-panel h3{margin:0}.hospital-event-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.hospital-event-actions form{display:grid;gap:8px;padding:12px;background:#f6f8fa;border:1px solid #dce4e9;border-radius:6px}.hospital-event-actions label{display:grid;gap:3px;font-size:10px;font-weight:700}.hospital-event-history ul{padding-left:18px}.hospital-event-history li{margin:4px 0;font-size:10px}.hospital-event-history li b{margin-left:8px;color:#33734d}
.panel { padding: 16px; }
.section-heading.compact { align-items: center; padding-bottom: 10px; border-bottom: 1px solid #e5eaed; }
.reconciled { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 10px; background: #eaf5ee; color: var(--green) !important; font-weight: 700; text-transform: uppercase; }
.reconciled i, .progress-state i { font-style: normal; }
.count-summary { display: grid; grid-template-columns: 1.05fr .55fr 1.35fr; min-height: 130px; }
.count-summary > div { padding: 13px 15px; border-right: 1px solid #e5eaed; }
.count-summary > div:first-child { padding-left: 0; }
.count-summary > div:last-child { border: 0; padding-right: 0; }
.count-summary p { margin: 0 0 8px; color: #71808e; font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }
.count-primary strong, .out-count strong { display: block; color: #153c5c; font-size: 42px; line-height: .95; }
.count-primary span, .out-count span { display: block; color: #768491; font-size: 8px; text-transform: uppercase; margin-top: 5px; }
.count-primary small { display: block; color: #40576b; font-size: 9px; font-weight: 650; margin-top: 8px; }
.progress-state { display: flex; align-items: center; gap: 8px; margin: 19px 0 7px; }
.progress-state i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #e4f3e9; color: var(--green); font-size: 13px; font-weight: 900; }
.progress-state strong { font-size: 11px; color: #294b3a; }
.count-progress > span { color: #768491; font-size: 9px; }
.disclaimer { margin: 0; padding: 7px 9px; border-radius: 4px; background: #fff6e6; color: #7b5a21; font-size: 8px; }
.alerts { display: grid; gap: 7px; }
.alert { display: grid; grid-template-columns: 28px 1fr; gap: 9px; align-items: center; padding: 8px; border: 1px solid #e2e7ea; border-radius: 5px; }
.alert-icon { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #f5dcaa; color: #795414; font-size: 12px; font-weight: 900; }
.alert.clear .alert-icon { background: #e4f3e9; color: var(--green); }
.alert.info .alert-icon { background: #e3eef6; color: #356783; }
.alert div { display: grid; grid-template-columns: 1fr auto; column-gap: 7px; align-items: baseline; }
.alert p { margin: 0; color: #71808d; font-size: 8px; text-transform: uppercase; }
.alert strong { color: #263f55; font-size: 10px; }
.alert small { grid-column: 1 / -1; color: #71808d; font-size: 8px; margin-top: 2px; }
.assignment-header { margin-bottom: 12px; }
.assignment-header-status { display: flex; gap: 6px; }
.period-pill { border-radius: 13px; padding: 5px 9px; background: var(--navy); color: white; font-size: 9px; font-weight: 750; text-transform: uppercase; }
.status-pill.draft i { background: #bd8731; }
.development-notice { display: flex; gap: 10px; align-items: baseline; margin-bottom: 12px; padding: 9px 12px; border: 1px solid #ead29f; border-radius: 6px; background: #fff7e8; color: #76551f; font-size: 9px; }
.development-notice strong { text-transform: uppercase; letter-spacing: .08em; }
.assignment-summary { margin-bottom: 13px; }
.summary-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; }
.summary-grid div { padding: 5px 12px; border-right: 1px solid #e5eaed; }
.summary-grid div:first-child { padding-left: 0; }
.summary-grid div:last-child { border: 0; }
.summary-grid dt { color: #7b8995; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.summary-grid dd { margin: 5px 0 0; color: #213d55; font-size: 11px; font-weight: 700; }
.inline-status { display: inline-block; border-radius: 10px; padding: 3px 7px; background: #fff0d6; color: #835b19; font-size: 8px; text-transform: uppercase; }
.assignment-workspace { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .85fr); gap: 13px; margin-bottom: 13px; }
.placeholder-note { margin: 0 0 10px; padding: 7px 9px; border-left: 3px solid var(--gold); background: #f8f5ee; color: #6a6253; font-size: 8px; }
.position-legend { display: flex; flex-wrap: wrap; gap: 13px; margin-bottom: 12px; color: #687987; font-size: 8px; }
.position-legend span { display: inline-flex; align-items: center; gap: 5px; }
.position-legend i { width: 7px; height: 7px; border-radius: 50%; background: #4d8a65; }
.position-legend i.unassigned { background: #c08a31; }
.position-legend i.not-applicable { background: #a5afb6; }
.position-group { margin-top: 13px; }
.position-group h3 { margin: 0 0 6px; padding-bottom: 5px; border-bottom: 1px solid #dfe5e9; color: #355169; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.post-list, .accountability-list { display: grid; gap: 7px; }
.post-row { display: grid; grid-template-columns: minmax(145px, .65fr) minmax(180px, 1fr) auto auto; gap: 10px; align-items: center; min-height: 58px; padding: 8px 9px; border: 1px solid #e0e6ea; border-radius: 5px; background: #fbfcfc; }
.post-row.unassigned { border-style: dashed; border-color: #d3b470; background: #fffaf0; }
.post-row.not-applicable { border-color: #e5e8ea; background: #f5f7f8; }
.post-row.not-applicable .post-name span { color: #687986; }
.post-name, .assigned-people { display: grid; gap: 3px; }
.post-name span { color: #203d55; font-size: 11px; font-weight: 750; }
.post-name small, .assigned-people small { color: #7a8894; font-size: 8px; }
.assigned-people > span { display: inline-block; width: fit-content; border-radius: 10px; padding: 3px 7px; background: #e8f0f5; color: #31546e; font-size: 9px; font-weight: 650; }
.assigned-people strong { color: #96671e; font-size: 10px; }
.post-row.not-applicable .assigned-people strong { color: #7f8b94; }
.position-state { border-radius: 10px; padding: 3px 7px; background: #e5f1e9; color: #356b4b; font-size: 7px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.position-state.unassigned { background: #fff0d5; color: #855c19; }
.position-state.not-applicable { background: #e7ebed; color: #697781; }
.secondary-action, .primary-action { border: 0; border-radius: 4px; padding: 7px 10px; font: inherit; font-size: 8px; font-weight: 750; }
.secondary-action:disabled { background: #edf1f3; color: #84919b; }
.accountability-progress { color: #96671e !important; font-weight: 750; }
.accountability-list article { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 9px; border-bottom: 1px solid #e7ecef; }
.accountability-list article div { display: grid; gap: 2px; }
.accountability-list strong { color: #2b4358; font-size: 9px; }
.accountability-list small { color: #7b8894; font-size: 8px; }
.category-count { display: grid; place-items: center; min-width: 23px; height: 23px; border-radius: 50%; background: #e5eff5; color: #2d5b77; font-size: 9px; font-weight: 800; }
.category-count.muted { background: #f0f2f3; color: #8d979e; }
.overtime-structure { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8px; margin-top: 12px; padding: 10px; border-radius: 5px; background: #f5f7f8; }
.overtime-structure div { display: grid; gap: 4px; }
.overtime-structure label { color: #657685; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.overtime-structure select, .overtime-structure input { width: 100%; border: 1px solid #dbe1e5; border-radius: 4px; padding: 7px; background: white; color: #526474; font: inherit; font-size: 9px; }
.submission-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 20px; align-items: center; border-left: 4px solid var(--gold); }
.submission-panel h2 { margin: 0 0 4px; color: #1a334b; font-size: 16px; }
.submission-panel p:not(.section-kicker) { margin: 0; color: #6d7c89; font-size: 9px; }
.submission-state { display: grid; gap: 3px; max-width: 260px; }
.submission-state strong { color: #885d18; font-size: 10px; }
.submission-state span { color: #7b8894; font-size: 8px; }
.primary-action:disabled { padding: 9px 14px; background: #aeb8bf; color: white; }
@media (max-width: 1120px) {
    .operations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lower-grid { grid-template-columns: 1fr; }
    .summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; }
    .assignment-workspace { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .app-shell { grid-template-columns: 1fr; }
    .sidebar { display: none; }
    main { padding: 20px 14px 30px; }
    .core-values-footer { padding-inline: 14px; letter-spacing: .08em; }
    .page-header { display: block; }
    .header-meta { justify-items: start; margin-top: 12px; }
    .operations-grid, .count-summary { grid-template-columns: 1fr; }
    .count-summary > div { border-right: 0; border-bottom: 1px solid #e5eaed; padding: 12px 0; }
    .development-notice, .submission-panel { display: grid; }
    .summary-grid { grid-template-columns: 1fr 1fr; }
    .post-row { grid-template-columns: 1fr; }
    .overtime-structure { grid-template-columns: 1fr; }
}

/* Personnel-driven Detention Assignment structural prototype */
.assignment-command-bar { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(520px, 1.3fr); gap: 18px; align-items: center; margin-bottom: 11px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.supervisor-summary { display: grid; gap: 2px; }
.supervisor-summary > span { color: #8a672c; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.supervisor-summary strong { color: #1f3c54; font-size: 12px; }
.supervisor-summary small { color: #71808d; font-size: 8px; }
.workflow-steps { display: flex; align-items: center; justify-content: flex-end; color: #84919c; font-size: 8px; font-weight: 700; white-space: nowrap; }
.workflow-steps i { width: 22px; height: 1px; margin: 0 5px; background: #cfd7dd; }
.workflow-steps strong.current { border-radius: 10px; padding: 4px 8px; background: #fff0d7; color: #805719; }
.accountability-strip { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; margin-bottom: 12px; padding: 10px 14px; border-left: 4px solid var(--gold); border-radius: 6px; background: #152f48; color: white; }
.accountability-strip h2 { margin: 0; font-size: 15px; }
.accountability-strip > p { margin: 0; color: #aebdca; font-size: 8px; }
.accountability-metrics { display: flex; justify-content: center; gap: 8px; }
.accountability-metrics span { display: inline-flex; align-items: baseline; gap: 4px; border-radius: 4px; padding: 7px 9px; background: #ffffff10; color: #c3d0da; font-size: 8px; text-transform: uppercase; }
.accountability-metrics strong { color: white; font-size: 16px; }
.accountability-metrics .accounted { background: #3774514d; }
.accountability-metrics .unresolved { background: #a76a214d; }
.personnel-assignment-board { display: grid; grid-template-columns: minmax(410px, .82fr) minmax(520px, 1.18fr); gap: 12px; align-items: start; }
.personnel-pool, .destination-board { padding: 14px; }
.board-action { border: 1px solid #bdc9d1; border-radius: 4px; padding: 6px 8px; background: #f2f5f7; color: #72818c; font: inherit; font-size: 8px; font-weight: 750; }
.interaction-hint { margin: -2px 0 9px; padding: 6px 8px; border-radius: 4px; background: #edf4f7; color: #526d7e; font-size: 8px; }
.personnel-list { display: grid; gap: 7px; }
.person-card { border: 1px solid #dfe6ea; border-left: 3px solid #4e7896; border-radius: 5px; padding: 9px; background: #fbfcfd; transition: opacity .15s, border-color .15s; }
.person-card.unresolved-person { border-color: #d3a453; border-left-color: #b6781e; background: #fffbf2; }
.person-card.is-dragging { opacity: .5; }
.person-card-header { display: grid; grid-template-columns: 10px 1fr auto; gap: 7px; align-items: center; }
.drag-handle { color: #9aa7b0; font-size: 12px; cursor: grab; }
.person-card-header div { display: grid; gap: 1px; }
.person-card-header strong { color: #213d54; font-size: 10px; }
.person-card-header small { color: #778692; font-size: 8px; }
.staffing-badge { border-radius: 9px; padding: 3px 6px; background: #e8f0f5; color: #39647e; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.staffing-badge.added { background: #f3e9d5; color: #805d25; }
.person-reason { margin: 5px 0 0 17px; color: #6f7d88; font-size: 8px; }
.person-controls { display: grid; grid-template-columns: 1.4fr .6fr; gap: 7px; margin: 8px 0 0 17px; }
.person-controls label, .assignment-detail > span { display: grid; gap: 3px; color: #768590; font-size: 7px; font-weight: 750; text-transform: uppercase; }
.person-controls select, .assignment-detail input { width: 100%; border: 1px solid #d5dde2; border-radius: 4px; padding: 6px; background: white; color: #304b60; font: inherit; font-size: 8px; }
.person-controls select:disabled { background: #eef1f2; color: #82909a; }
.assignment-detail { display: grid; grid-template-columns: 90px 1fr; gap: 7px; align-items: center; margin: 7px 0 0 17px; }
.assignment-detail.is-empty { display: none; }
.current-destination { margin: 7px 0 0 17px; color: #657683; font-size: 8px; }
.current-destination span { text-transform: uppercase; }
.current-destination strong { color: #294c64; }
.current-destination em { color: #8b6729; font-style: normal; font-weight: 800; }
.destination-legend { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 9px; color: #71808c; font-size: 7px; }
.destination-legend span { display: inline-flex; gap: 4px; align-items: center; }
.destination-legend i { width: 6px; height: 6px; border-radius: 50%; background: #4c8c65; }
.destination-legend i.available { background: #c08a31; }
.destination-legend i.not-applicable { background: #a4aeb5; }
.destination-group { margin-top: 10px; }
.destination-group h3 { margin: 0 0 5px; color: #35526a; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.destination-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.destination-card { min-height: 48px; padding: 7px; border: 1px solid #dfe5e9; border-left: 3px solid #be8730; border-radius: 4px; background: #fffaf1; transition: border-color .15s, background .15s; }
.destination-card.staffed { border-left-color: #4b8560; background: #f5faf7; }
.destination-card.not-applicable { border-left-color: #a4adb4; background: #f3f5f6; color: #77838c; }
.destination-card.drag-target { outline: 2px solid #4d7898; background: #eaf4fa; }
.destination-card > div:first-child { display: flex; justify-content: space-between; gap: 6px; }
.destination-card strong { color: #2b455a; font-size: 8px; }
.destination-card.not-applicable strong { color: #72808a; }
.destination-state { color: #8b651f; font-size: 6px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.destination-card.staffed .destination-state { color: #3d7552; }
.destination-card.not-applicable .destination-state { color: #7d8991; }
.destination-personnel { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; }
.destination-personnel span { border-radius: 8px; padding: 2px 5px; background: #e3efe7; color: #37664a; font-size: 7px; font-weight: 650; }
.workflow-panel { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(220px, .75fr) auto; gap: 18px; align-items: center; margin-top: 12px; padding: 14px; border: 1px solid var(--line); border-left: 4px solid var(--gold); border-radius: 7px; background: white; }
.workflow-panel h2 { margin: 0 0 4px; color: #1d374e; font-size: 15px; }
.workflow-panel p:not(.section-kicker) { margin: 0; color: #71808d; font-size: 8px; }
.review-result { display: grid; gap: 3px; padding: 8px 10px; border-radius: 5px; background: #fff5e4; }
.review-result.ready { background: #eaf5ee; }
.review-result strong { color: #815a1d; font-size: 9px; }
.review-result.ready strong { color: #376b4b; }
.review-result span { color: #71808d; font-size: 8px; }
.workflow-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; min-width: 280px; }
.workflow-actions button { border: 0; border-radius: 4px; padding: 7px 8px; font: inherit; font-size: 7px; font-weight: 800; }
.secondary-workflow-action { background: #e8eef2; color: #35566d; }
.primary-workflow-action { background: var(--navy); color: white; }
.finalize-action { grid-column: 1 / -1; background: #c5cdd2; color: white; }
.briefing-display { min-height: calc(100vh - 85px); background: white; border: 1px solid #d9e0e4; }
.briefing-header { display: flex; justify-content: space-between; align-items: center; padding: 22px 26px; background: var(--navy); color: white; }
.briefing-header p { margin: 0 0 3px; color: #d2b77b; font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.briefing-header h1 { margin: 0 0 3px; font-size: 24px; }
.briefing-header span { color: #b9c8d4; font-size: 9px; }
.briefing-header > strong { border: 1px solid #e3bd6b; border-radius: 4px; padding: 8px 11px; background: #8c3030; color: white; font-size: 10px; letter-spacing: .12em; }
.briefing-callout { padding: 8px 26px; background: #fff3da; color: #78551c; font-size: 9px; font-weight: 700; text-align: center; }
.briefing-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 20px 26px; }
.briefing-groups section { border: 1px solid #dfe5e8; border-radius: 5px; overflow: hidden; }
.briefing-groups h2 { margin: 0; padding: 8px 10px; background: #eef2f5; color: #263f55; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.briefing-groups section > div { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; padding: 9px 10px; border-top: 1px solid #e8ecef; }
.briefing-groups strong, .briefing-groups span { color: #294459; font-size: 9px; }
.briefing-groups em { color: #8b6729; font-size: 8px; font-style: normal; font-weight: 850; }
.briefing-empty { margin: 0; padding: 10px; color: #8a959d; font-size: 8px; }
.briefing-footer { display: flex; justify-content: space-between; align-items: center; margin: 0 26px; padding: 14px 0; border-top: 1px solid #dce3e7; color: #7d8992; font-size: 8px; text-transform: uppercase; }
.briefing-footer button { border: 0; border-radius: 4px; padding: 8px 11px; background: var(--navy); color: white; font: inherit; font-size: 8px; font-weight: 800; }
@media (max-width: 1180px) {
    .assignment-command-bar, .personnel-assignment-board, .workflow-panel { grid-template-columns: 1fr; }
    .workflow-steps { justify-content: flex-start; }
    .accountability-strip { grid-template-columns: 1fr; gap: 8px; }
    .accountability-metrics { justify-content: flex-start; }
}
@media (max-width: 760px) {
    .workflow-steps { overflow-x: auto; }
    .accountability-metrics { display: grid; grid-template-columns: 1fr 1fr; }
    .destination-grid, .briefing-groups { grid-template-columns: 1fr; }
    .person-controls { grid-template-columns: 1fr; }
    .workflow-actions { min-width: 0; grid-template-columns: 1fr; }
    .finalize-action { grid-column: auto; }
    .briefing-header, .briefing-footer { align-items: flex-start; gap: 12px; flex-direction: column; }
}

/* Staff Board organizational workspace */
.staff-board-main { max-width: none; padding-right: 24px; }
.staff-board-header { margin-bottom: 12px; }
.staff-board-header-actions { display: flex; align-items: center; gap: 8px; }
.staff-board-summary { display: grid; grid-template-columns: 150px 185px 245px 1fr; gap: 1px; margin-bottom: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--line); }
.staff-board-summary > div, .staff-board-summary > p { margin: 0; padding: 10px 13px; background: white; }
.staff-board-summary > div { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: center; }
.staff-board-summary strong { grid-row: 1 / 3; color: #173d5b; font-size: 24px; }
.staff-board-summary span { color: #40576a; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.staff-board-summary small, .staff-board-summary p { color: #7d898f; font-size: 7px; }
.staff-board-summary p { display: flex; align-items: center; color: #74633f; font-size: 8px; }
.staff-org-board { display: grid; gap: 14px; }
.command-hierarchy { display: flex; flex-direction: column; align-items: center; }
.hierarchy-line { width: 2px; height: 15px; background: #9eb3c2; }
.org-node { display: flex; align-items: center; gap: 9px; min-width: 285px; padding: 9px 11px; border: 1px solid #cfdce5; border-left: 4px solid #456d8c; border-radius: 6px; background: white; box-shadow: 0 3px 12px #20384e0d; }
.org-node.compact-node { min-width: 230px; padding: 7px 9px; }
.org-node > div { display: grid; gap: 1px; }
.org-node small { color: #687c8d; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.org-node strong { color: #1f3c53; font-size: 10px; }
.org-node em { color: #84919b; font-size: 7px; font-style: normal; }
.org-avatar { flex: 0 0 auto; width: 34px; height: 39px; display: grid; place-items: center; border: 1px solid #c9d3da; border-radius: 5px 5px 11px 11px; background: linear-gradient(#eef3f6 55%, #cbd8e0 55%); color: #39586d; font-size: 9px; font-weight: 850; }
.governance-node { border-color: #dec790; border-left-color: var(--gold); background: #fffaf0; }
.governance-avatar { background: #f3e6ca; color: #77571f; }
.command-node { border-left-color: #274f71; }
.executive-span { display: grid; grid-template-columns: repeat(3, minmax(220px, 285px)); justify-content: center; gap: 10px; position: relative; }
.executive-span::before { content: ""; position: absolute; top: -7px; left: 30%; right: 30%; border-top: 1px solid #9eb3c2; }
.executive-span .org-node { min-width: 0; }
.administration-node { border-left-color: #3f7c88; }
.maintenance-node { border-left-color: #8d7340; }
.medical-node { border-left-color: #5277a5; }
.primary-branches { display: grid; grid-template-columns: minmax(600px, 1.55fr) minmax(340px, .9fr) minmax(270px, .67fr); gap: 12px; align-items: start; }
.branch-panel { overflow: hidden; border: 1px solid var(--line); border-top: 4px solid; border-radius: 8px; background: #fff; box-shadow: 0 4px 15px #20384e0d; }
.branch-panel > header { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.branch-panel > header p, .support-heading p { margin: 0 0 2px; font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.branch-panel > header h2, .support-heading h2 { margin: 0; color: #17364f; font-size: 15px; }
.branch-panel > header > span { border-radius: 10px; padding: 4px 7px; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.detentions-branch { border-top-color: #9b4e4e; }
.detentions-branch > header { background: #fff7f6; }
.detentions-branch > header p { color: #985656; }
.detentions-branch > header > span { background: #f5dfdd; color: #7d3e3e; }
.operations-branch { border-top-color: #527853; }
.operations-branch > header { background: #f6faf5; }
.operations-branch > header p { color: #527853; }
.operations-branch > header > span { background: #e2eee0; color: #416642; }
.medical-branch { border-top-color: #5279a7; }
.medical-branch > header { background: #f5f8fc; }
.medical-branch > header p { color: #5279a7; }
.medical-branch > header > span { background: #e1eaf5; color: #40658f; }
.branch-lead { display: grid; place-items: center; padding: 10px 12px; border-bottom: 1px solid #e5eaed; background: #fbfcfd; }
.staff-person { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 7px; align-items: center; min-width: 0; padding: 6px 7px; border: 1px solid #dfe5e9; border-radius: 5px; background: white; }
.staff-person .org-avatar { width: 27px; height: 31px; font-size: 7px; }
.staff-person > div { display: grid; min-width: 0; gap: 1px; }
.staff-person strong { overflow: hidden; color: #294359; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.staff-person small { color: #788792; font-size: 7px; }
.staff-person em { border-radius: 8px; padding: 3px 5px; background: #eee5f7; color: #6b4d86; font-size: 6px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.detention-shifts { display: grid; grid-template-columns: repeat(4, minmax(135px, 1fr)); gap: 7px; padding: 9px; }
.shift-column { display: grid; align-content: start; gap: 5px; padding: 7px; border: 1px solid #ead7d5; border-radius: 6px; background: #fffafa; }
.shift-column h3, .operations-areas h3 { margin: 0; padding-bottom: 5px; border-bottom: 1px solid #e7d8d6; color: #824646; font-size: 9px; text-transform: uppercase; }
.shift-column h3 { text-align: center; }
.paired-people { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.paired-people .staff-person { display: flex; flex-direction: column; align-items: stretch; text-align: center; }
.paired-people .org-avatar { margin: auto; }
.group-count { position: relative; display: grid; min-height: 43px; align-content: center; padding: 6px 32px 6px 7px; border: 1px dashed #d7dee3; border-radius: 5px; background: #f8fafb; }
.group-count strong { color: #3b5569; font-size: 7px; text-transform: uppercase; }
.group-count span { color: #87939c; font-size: 6px; }
.group-count b { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); min-width: 23px; padding: 4px; border-radius: 11px; background: #e8eef2; color: #4c6578; font-size: 7px; text-align: center; }
.branch-panel > footer { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; background: #f7f9fa; color: #7b8993; font-size: 7px; }
.branch-panel > footer strong { color: #3e5669; text-transform: uppercase; }
.operations-areas { display: grid; gap: 7px; padding: 9px; }
.operations-areas > section { display: grid; gap: 5px; padding: 7px; border: 1px solid #dce7da; border-radius: 6px; background: #fbfdfb; }
.operations-areas h3 { border-bottom-color: #dce7da; color: #4d704e; }
.structure-pending { margin: 0; padding: 6px; border-radius: 4px; background: #f2f4f5; color: #7e8a92; font-size: 7px; font-style: italic; }
.medical-chain { display: grid; gap: 7px; padding: 10px; }
.medical-chain > span { width: 1px; height: 8px; margin: -7px auto; background: #a6bad1; }
.group-count.large { min-height: 55px; border-style: solid; border-color: #d9e3ef; background: #f7faff; }
.medical-branch > .structure-pending { margin: 0 10px 10px; }
.support-branches { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.support-heading { margin-bottom: 9px; }
.support-heading p { color: #367581; }
.support-grid { display: grid; grid-template-columns: 1fr .8fr 1fr; gap: 9px; }
.support-panel { overflow: hidden; border: 1px solid #d7e3e6; border-top: 3px solid #3f7c88; border-radius: 6px; }
.support-panel > header { display: flex; justify-content: space-between; align-items: center; padding: 8px 9px; background: #f2f8f8; }
.support-panel h3 { margin: 0; color: #285d67; font-size: 9px; }
.support-panel header span, .support-panel > p { color: #6e858b; font-size: 7px; }
.support-panel > p { margin: 0; padding: 6px 9px; background: #fafcfc; }
.support-panel > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 8px; }
.maintenance-support { border-top-color: #8d7340; }
.maintenance-support > header { background: #faf7f0; }
.maintenance-support h3 { color: #6f582c; }
.contract-support { border-color: #dfd4eb; border-top-color: #795b96; }
.contract-support > header { background: #f8f4fb; }
.contract-support h3 { color: #684886; }
.contract-person { border-style: dashed; border-color: #cfc0dc; background: #fcfaff; }
.staff-board-footnote { display: flex; gap: 10px; margin-top: 12px; padding: 9px 12px; border-left: 4px solid #467586; background: #f4f8fa; color: #6c7e89; font-size: 8px; }
.staff-board-footnote strong { color: #31576a; text-transform: uppercase; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 1350px) {
    .primary-branches { grid-template-columns: 1.45fr .9fr; }
    .medical-branch { grid-column: 1 / -1; }
    .medical-chain { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; }
    .medical-chain > span { display: none; }
}
@media (max-width: 1050px) {
    .staff-board-summary { grid-template-columns: repeat(3, 1fr); }
    .staff-board-summary > p { grid-column: 1 / -1; }
    .primary-branches { grid-template-columns: 1fr; }
    .medical-branch { grid-column: auto; }
    .detention-shifts { grid-template-columns: repeat(2, 1fr); }
    .support-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .staff-board-main { padding-right: 14px; }
    .staff-board-header-actions { display: grid; margin-top: 10px; }
    .staff-board-summary, .executive-span, .medical-chain { grid-template-columns: 1fr; }
    .staff-board-summary > p { grid-column: auto; }
    .executive-span::before { display: none; }
    .detention-shifts { grid-template-columns: 1fr; }
    .support-panel > div { grid-template-columns: 1fr; }
}
.assignment-readiness-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: .75rem 0;
    padding: .8rem 1rem;
    border-left: 4px solid #a56b12;
    background: #fff8e8;
}
.assignment-readiness-summary.ready { border-left-color: #28714f; background: #edf8f2; }
.assignment-readiness-summary div { display: flex; flex-direction: column; gap: .15rem; }
.assignment-readiness-summary span { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
.assignment-readiness-summary ul { grid-column: 1 / -1; margin: 0; }
@media (max-width: 850px) { .assignment-readiness-summary { grid-template-columns: 1fr; } .assignment-readiness-summary ul { grid-column: auto; } }

/* Low-light control-room presentation. Presentation only; workflow state is unchanged. */
html[data-theme="dark"]{color-scheme:dark;background:#151b21;color:#d7dde2;--line:#35404a;--navy:#182a38;--navy-deep:#111d27;--gold:#b3945c;--green:#69a47d}
html[data-theme="dark"] body{background:#151b21;color:#d7dde2}html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#172936,#101a23)}html[data-theme="dark"] nav .active{background:#293f50;color:#eef1f3;box-shadow:inset 3px 0 #c9a24e}html[data-theme="dark"] main,html[data-theme="dark"] .briefing-display{background:#151b21}html[data-theme="dark"] .page-header{border-color:#35404a}html[data-theme="dark"] .core-values-footer{border-color:#35404a;color:#9ca8b0}
html[data-theme="dark"] .page-header h1,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong{color:#dde3e7}html[data-theme="dark"] .welcome,html[data-theme="dark"] small,html[data-theme="dark"] p,html[data-theme="dark"] span,html[data-theme="dark"] dt,html[data-theme="dark"] label{color:#aab5bd}
html[data-theme="dark"] .operation-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .assignment-command-bar,html[data-theme="dark"] .personnel-pool,html[data-theme="dark"] .destination-board,html[data-theme="dark"] .workflow-panel,html[data-theme="dark"] .branch-panel,html[data-theme="dark"] .support-branches,html[data-theme="dark"] .org-node,html[data-theme="dark"] .staff-person,html[data-theme="dark"] .count-group,html[data-theme="dark"] .head-count-totals div,html[data-theme="dark"] .count-approval-bar div,html[data-theme="dark"] .running-summary>div,html[data-theme="dark"] .movement-entry,html[data-theme="dark"] .location-balances,html[data-theme="dark"] .custody-panel,html[data-theme="dark"] .journal,html[data-theme="dark"] .locked-route{background:#20272e;border-color:#39444d;box-shadow:none}
html[data-theme="dark"] .operation-card dl,html[data-theme="dark"] .count-group>header,html[data-theme="dark"] .finalization-state,html[data-theme="dark"] .post-row,html[data-theme="dark"] .destination-card,html[data-theme="dark"] .shift-column,html[data-theme="dark"] .operations-areas>section{background:#252e35;border-color:#3a4650}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#182027!important;border-color:#48545e!important;color:#e0e5e8!important}html[data-theme="dark"] table th,html[data-theme="dark"] table td{border-color:#38434c;color:#cbd3d8}
html[data-theme="dark"] .primary-operation-card,html[data-theme="dark"] .secondary-indicator,html[data-theme="dark"] .hospital-movement-panel{background:#20272e;border-color:#3b4852;color:#d6dde2;box-shadow:none}html[data-theme="dark"] .primary-operation-card h3,html[data-theme="dark"] .primary-card-metric strong,html[data-theme="dark"] .secondary-indicator header strong,html[data-theme="dark"] .secondary-indicator footer>strong{color:#e1e7ea}html[data-theme="dark"] .primary-operation-card footer,html[data-theme="dark"] .secondary-indicator li,html[data-theme="dark"] .hospital-event-actions form{background:#252e35;border-color:#3a4650}html[data-theme="dark"] .secondary-indicator footer{border-color:#3a4650}
.dashboard-main{padding-top:18px;padding-bottom:14px}.dashboard-main .dashboard-header{margin-bottom:9px;padding-bottom:11px}.dashboard-main .primary-operation-grid,.dashboard-main .secondary-indicator-grid{margin-bottom:10px}.dashboard-main .primary-card-metric{margin:10px 0}.dashboard-main .secondary-indicator{padding-block:9px}.dashboard-main .panel{padding-block:12px}.dashboard-main .count-summary{min-height:112px}.hospital-event-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opening-hospital-return{display:contents}.hospital-indicator header small{display:block;margin-top:2px;color:#697b8a;font-size:9px}html[data-theme="dark"] .core-values-footer{background:#0d2235;border-color:#b38a45;color:#d7e1e8}html[data-theme="dark"] .hospital-indicator header small{color:#aebbc4}
html[data-theme="dark"] .person-card,html[data-theme="dark"] .accountability-strip,html[data-theme="dark"] .assignment-readiness-summary,html[data-theme="dark"] .review-result{background:#252e35;border-color:#46535d;color:#d4dbe0}html[data-theme="dark"] .person-card.unresolved-person,html[data-theme="dark"] .destination-card.available{background:#302b22;border-color:#7d693f}html[data-theme="dark"] .destination-card.staffed,html[data-theme="dark"] .assignment-readiness-summary.ready{background:#203128;border-color:#577b63}html[data-theme="dark"] .person-card-header strong,html[data-theme="dark"] .destination-card strong,html[data-theme="dark"] .workflow-panel h2{color:#e0e5e8}.destination-card.required-minimum{border-width:2px;border-left-width:6px}.minimum-marker{display:block;margin:5px 0;color:#9a5d14;font-size:7px;letter-spacing:.06em}.destination-assign{display:grid;gap:3px;margin:6px 0;font-size:8px}.destination-assign select,.equipment-unit-select{width:100%;padding:6px}.development-auth-seam{margin-top:8px;padding:7px;border:1px solid #71808a;border-radius:4px;background:transparent;color:inherit}.development-auth-seam small{display:block}.personnel-assignment-board{grid-template-columns:minmax(330px,.65fr) minmax(600px,1.35fr)}
html[data-theme="dark"] .status-pill{background:#26313a;border-color:#46525c;color:#cbd3d8}html[data-theme="dark"] .development-notice{background:#302b21;border-color:#66583a;color:#d8c28f}html[data-theme="dark"] .workflow-message{background:#203229;color:#b8d7c2}html[data-theme="dark"] .paper-slip-form{background:#1b2329;border-color:#56758a}html[data-theme="dark"] .slip-values label{background:#242d34;border-color:#3d4952}html[data-theme="dark"] .journal tr.amended{background:#342c20}html[data-theme="dark"] .journal tr.replacement{background:#203127}html[data-theme="dark"] .disclaimer,html[data-theme="dark"] .placeholder-note{background:#302b21;color:#c8b788}html[data-theme="dark"] a{color:#9fc3db}