:root { --navy: #081d49; --ink: #182d4d; --muted: #536781; --accent: #0065a9; --line: #dce4ef; --canvas: #f3f6fb; }
header { border-bottom: 3px solid #f5ac38; }
.commander-brand-row { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.brand { display: flex; gap: 12px; align-items: center; color: white; }
.brand-mark { width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; }
.brand-copy strong { display: block; font-size: 18px; }
.brand-copy small { font-size: 9px; letter-spacing: 1.4px; color: #b0c4e2; }
.suite-switcher { position: relative; margin-left: auto; }
.suite-switcher summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; min-height: 48px; color: white; border: 1px solid #49658d; border-radius: 8px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 600; }
.suite-switcher summary::after { content: '⌄'; }
.suite-switcher summary::-webkit-details-marker { display: none; }
.suite-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1000; width: 340px; max-width: calc(100vw - 28px); padding: 16px 10px 10px; border-radius: 12px; background: white; border: 1px solid var(--line); box-shadow: 0 16px 48px #081d4926; color: var(--ink); }
.suite-menu .eyebrow { display: block; padding: 0 10px 10px; }
.suite-menu a { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 8px; text-decoration: none; color: var(--ink); min-height: 64px; }
.suite-menu a:hover, .suite-menu a[aria-current=page] { background: #eaf2fc; }
.suite-menu img { flex-shrink: 0; }
.suite-menu strong { display: block; font-size: 13px; }
.suite-menu small { display: block; font-size: 11px; color: var(--muted); margin-top: 3px; }
.suite-arrow { margin-left: auto; color: var(--accent); }
.suite-switcher summary:focus-visible { outline: 3px solid #6ccaff; outline-offset: 3px; }
.header-actions button { background: #153361; color: white; border-color: #49658d; }
.header-actions button:hover { background: #244675; }
button.primary { background: var(--accent); color: white; border-color: var(--accent); }
input, select, textarea { border-color: #8192a9; }
.badge { color: #a92535; background: #fff0f1; }
.incident-card { border-left-color: #d93245; }
.error { color: #bb2535; }
@media(max-width:700px) { .brand-copy strong { font-size: 16px; } .header-actions { display: grid; grid-template-columns: 1fr 1fr; } }

/* Compact field workspace: navigation stays reachable while the page scrolls. */
.mobile-app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px max(16px,env(safe-area-inset-left));min-height:60px}
.mobile-wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:19px;line-height:1.35;font-weight:750;color:white;text-decoration:none}.mobile-edition{font-size:12px;font-weight:700;letter-spacing:.06em}
.mobile-navigation{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line)}
.mobile-navigation button{min-height:44px;padding:8px;background:#eaf2fc;color:var(--accent);border-color:transparent}.mobile-navigation button[aria-current=page]{background:var(--accent);color:white}
#app>main{max-width:900px;padding:16px 16px calc(100px + env(safe-area-inset-bottom));min-height:calc(100dvh - 60px)}
.page-heading{margin-bottom:12px;align-items:center}.page-heading .eyebrow{display:none}.page-heading h1{font-size:24px;margin:8px 0;overflow-wrap:anywhere}.page-heading p{margin:4px 0;font-size:14px}
.mobile-search{margin:12px 0 8px;font-size:13px}.mobile-search input{font-size:16px}.incident-grid{grid-template-columns:1fr;gap:12px}.incident-card{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.incident-card h2{font-size:17px;line-height:1.35;margin:6px 0}.incident-card-address{margin:6px 0 10px;font-size:14px;overflow-wrap:anywhere}.incident-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.incident-card-meta .badge{padding:3px 6px}.incident-card-case{font-size:12px;color:var(--muted);overflow-wrap:anywhere;flex:1 1 90px}.incident-card .row{gap:8px}.incident-card button{min-height:44px;padding:8px 12px;font-size:14px;flex:0 1 auto}
.mobile-tools{display:grid;gap:8px}.mobile-tools h2,.operating-context h2{margin:0 0 8px;font-size:16px}.mobile-tools .suite-switcher{width:100%;margin:0}.mobile-tools .suite-switcher>summary{color:var(--ink)}.mobile-tools .suite-menu{position:static;width:100%;margin-top:8px}.mobile-tools .suite-menu a{min-height:64px}
.mobile-disclosure{margin:12px 0;padding:0;overflow:hidden}.mobile-disclosure>summary{cursor:pointer;font-weight:700;min-height:48px;padding:14px 16px;list-style-position:inside}.mobile-disclosure>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.mobile-disclosure-body{padding:0 16px 16px;overflow-wrap:anywhere}.mobile-disclosure-body p{font-size:14px;margin:8px 0}.mobile-disclosure-body article+article{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.mobile-primary-actions{gap:8px;margin:12px 0}.mobile-primary-actions>button{flex:1 1 140px}.mobile-facts{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(0,1fr);gap:10px;margin:0;font-size:14px}.mobile-facts dt{font-size:13px;color:var(--muted)}.mobile-facts dd{margin:0;overflow-wrap:anywhere}.mobile-disclosure th,.mobile-disclosure td{padding:10px 4px}.mobile-context-notice{padding:12px;background:#eaf2fc;border-radius:8px}.mobile-context-notice p{margin:0 0 8px}
button,input,select,summary{scroll-margin-bottom:110px}button{min-height:44px}#notice{bottom:calc(72px + env(safe-area-inset-bottom))}
#app .chief-responders{table-layout:fixed}#app .chief-responders th,#app .chief-responders td{white-space:normal;overflow-wrap:anywhere}
#app .chief-report-controls input{min-height:44px}