/* WX4AKQ operations. System fonts and local assets keep the workspace independent
   of external font or asset services. Orange is reserved for action and focus. */
* { box-sizing: border-box; }
[hidden] { display: none !important; }
.chat-notifications { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
[data-chat-announcement] { margin: 0; overflow-wrap: anywhere; }
.chat-channels .subtle-link { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
body { margin: 0; font-size: 14px; line-height: 1.55; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--orange-pale); outline-offset: 1px; }
input:focus, select:focus, textarea:focus { border-color: var(--orange); }
::selection { color: #0b0e10; background: var(--orange-pale); }
.sr-only { position: absolute; inset-inline-start: 0; top: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; max-width: calc(100vw - 16px); padding: 12px 20px; background: var(--orange); color: #111; border-radius: 4px; font-weight: 700; overflow-wrap: anywhere; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.text-button { border: 0; background: transparent; padding: 5px 0; font-size: 12px; cursor: pointer; }
.main-content { padding: 16px 38px 0; max-width: 1580px; margin: 0 auto; }
.workspace-context { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px 24px; margin-bottom: 22px; }
.workspace-context > .mode-control { margin-left: auto; }
.eyebrow { font-size: 12px; letter-spacing: 1.6px; font-weight: 650; color: var(--muted); }
.eyebrow > span { margin: 0 9px; color: #64717a; }
.mode-control { display: flex; align-items: center; gap: 14px; color: #aab2b9; font-size: 12px; }
.mode-options { display: flex; gap: 3px; padding: 3px; background: #0e1215; border: 1px solid var(--control-border); border-radius: 6px; }
.mode-options button { padding: 5px 14px; min-height: 30px; font-size: 12px; font-weight: 600; background: transparent; border: 1px solid transparent; border-radius: 3px; color: #99a4ad; }
.mode-options button:hover { color: var(--ink); }
.mode-options button.selected { background: #303b44; color: #edf1f5; border-color: var(--control-border); }
.mode-options button.live-selected { background: #4a2615; color: #ffc2a5; border-color: var(--orange-pale); }
.notice-dot { width: 6px; height: 6px; background: #b5c8d6; border-radius: 50%; flex: 0 0 auto; }
.notice, .live-notice { padding: 10px 14px; border: 0; border-left: 3px solid #d6973d; border-radius: 4px; background: var(--panel); color: var(--ink); overflow-wrap: anywhere; }
.notice-error { border-left-color: #e36e5d; }
.live-notice .notice-dot { background: var(--orange); }
.live-notice strong { color: inherit; }
.page-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 0 0 16px; }
.page-heading > div { min-width: 0; max-width: 100%; }
.page-heading > :is(.heading-actions, .button) { min-width: 0; max-width: 100%; margin-inline-start: auto; }
.heading-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.heading-actions { align-items: center; justify-content: flex-end; }
.heading-actions > form { margin: 0; }
.heading-with-actions { flex-wrap: wrap; gap: 12px 20px; }
.heading-with-actions > .heading-actions { flex: 1 1 auto; }
.attendance-record-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.attendance-record-actions > p { flex-basis: 100%; }
.page-heading h1, .page-heading p, .settings-audit { overflow-wrap: anywhere; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: 31px; font-weight: 620; line-height: 1.25; letter-spacing: -.85px; }
.page-heading p { margin-top: 9px; font-size: 13px; color: var(--muted); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 43px; padding: 10px 16px; border: 1px solid transparent; border-radius: 5px; font-size: 12px; font-weight: 650; white-space: normal; text-align: center; line-height: 1.4; }
.button > span { font-size: 17px; font-weight: 400; line-height: 1; }
.primary-button { background: var(--orange); color: #1a0b03; border-color: var(--orange); box-shadow: 0 2px 0 #00000018; }
.primary-button:hover { background: #ff905e; border-color: #ff905e; }
.secondary-button { color: #e8ebed; background: #2a3136; border-color: var(--control-border); }
.secondary-button:hover { background: #343e45; border-color: var(--control-border); }
.quiet-button { color: var(--ink); background: var(--panel); border-color: var(--control-border); }
.quiet-button:hover { color: var(--ink); background: var(--input); }
.subtle-link { max-width: 100%; color: var(--muted); font-size: 12px; font-weight: 550; white-space: normal; overflow-wrap: anywhere; }
.subtle-link span { font-size: 15px; margin-left: 5px; }
.subtle-link:hover { color: var(--orange-pale); }
.overview-strip { display: grid; grid-template-columns: 1fr 1fr 1fr; border: 1px solid var(--line); background: var(--panel); border-radius: var(--radius); padding: 24px 0; margin-bottom: 27px; }
.overview-stat { min-width: 0; overflow-wrap: anywhere; padding: 0 25px; border-right: 1px solid var(--line); }
.overview-stat:last-child { border-right: 0; }
.stat-label { display: block; font-size: 12px; color: var(--muted); }
.stat-value { display: block; font-size: 37px; font-weight: 550; line-height: 1.25; margin-top: 5px; letter-spacing: -1px; font-variant-numeric: tabular-nums; }
.stat-text { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 23px; line-height: 1.4; font-weight: 550; margin-top: 10px; margin-bottom: 4px; }
.stat-note { display: block; color: var(--muted); font-size: 12px; margin-top: 5px; }
.small-indicator { height: 7px; width: 7px; background: #abc0ce; border-radius: 50%; }
.orange-indicator { background: var(--orange); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(260px, 1fr); gap: 24px; }
.panel { min-width: 0; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 23px; border-bottom: 1px solid var(--line-soft); }
h2 { font-size: 17px; font-weight: 600; letter-spacing: -.25px; line-height: 1.4; }
.panel-heading .eyebrow + h2 { margin-top: 6px; }
.activity-panel { min-height: 385px; }
.empty-state { text-align: center; padding: 48px 20px 44px; }
.empty-symbol { width: 54px; height: 54px; margin: 0 auto 16px; border: 1px solid #3a454d; background: #252e35; border-radius: 10px; display: grid; place-items: center; color: var(--muted); }
.empty-symbol svg { width: 36px; height: 36px; stroke-width: 1.3; }
.empty-state h3 { font-size: 16px; font-weight: 550; letter-spacing: -.25px; }
.empty-state p { color: var(--muted); font-size: 12px; line-height: 1.8; margin-top: 8px; }
.empty-state .button { margin-top: 22px; }
.workflow-panel { padding: 25px 24px; align-self: start; }
.workflow-panel h2 { max-width: 245px; font-size: 23px; line-height: 1.3; font-weight: 550; margin-top: 12px; letter-spacing: -.5px; }
.workflow-panel > p { color: var(--muted); font-size: 12px; line-height: 1.75; margin-top: 10px; }
.workflow-step { display: flex; gap: 12px; margin-top: 25px; }
.step-number { color: var(--orange-pale); font-size: 12px; font-family: Consolas, monospace; flex: 0 0 22px; padding-top: 2px; }
.workflow-step strong { font-size: 12px; font-weight: 600; }
.workflow-step p { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.workflow-status { display: flex; align-items: flex-start; gap: 10px; padding-top: 19px; margin-top: 24px; border-top: 1px solid var(--line); }
.status-square { flex: 0 0 7px; height: 7px; background: #d6a077; margin-top: 6px; border-radius: 1px; }
.workflow-status strong { font-size: 12px; color: #e3c7af; font-weight: 600; }
.workflow-status p { font-size: 12px; line-height: 1.75; color: var(--muted); margin-top: 4px; }
.workspace-footer { display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 12px; padding: 0 0 20px; margin-top: 20px; }
.workspace-footer > span > span { margin: 0 7px; color: #64717a; }
.messages { margin-top: 20px; }
.entry-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; align-items: start; }
.entry-sections { min-width: 0; }
.form-section { margin: 0 0 22px; padding: 25px 26px 27px; overflow: visible; min-width: 0; position: relative; }
.form-section p { overflow-wrap: anywhere; }
.form-section legend { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 0; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.form-section legend + * { clear: both; }
.section-intro { padding-top: 8px; color: var(--muted); font-size: 12px; margin-left: 40px; }
.field-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; margin-top: 24px; }
.field-wide { grid-column: 1 / -1; }
.form-field { min-width: 0; }
.form-field label { display: block; margin-bottom: 8px; font-size: 12px; color: #d6dce0; font-weight: 550; overflow-wrap: anywhere; }
.required-mark { color: #ffad87; margin-left: 4px; }
.optional-label { font-size: 12px; font-weight: 400; color: var(--muted); margin-left: 7px; }
.form-field input:not([type="checkbox"]), .form-field textarea, .form-field select, .queue-filter-form select { display: block; min-width: 0; width: 100%; min-height: 43px; padding: 10px 12px; color: var(--ink); background: var(--input); border: 1px solid var(--control-border); border-radius: 5px; outline-offset: 2px; }
.form-field select, .queue-filter-form select { padding-right: 28px; }
.form-field textarea { min-height: 145px; resize: vertical; line-height: 1.65; }
.form-field input::placeholder, .form-field textarea::placeholder, .search-form input::placeholder { color: #8e9aa3; }
.field-help { font-size: 12px; line-height: 1.65; color: var(--muted); margin-top: 7px; }
.field-error { font-size: 12px; line-height: 1.6; color: #ffc1b0; margin-top: 6px; }
.field-invalid input, .field-invalid select, .field-invalid textarea { border-color: #ea8e76 !important; }
.checkbox-field { display: flex; gap: 11px; align-items: flex-start; margin-top: 2px; }
.checkbox-field input { accent-color: var(--orange); margin: 3px 0 0; width: 18px; height: 18px; flex-shrink: 0; }
.checkbox-field label { font-size: 12px; font-weight: 550; cursor: pointer; }
.checkbox-field .field-help { margin-top: 3px; }
.recording-note { padding: 23px; }
.recording-note h2 { font-size: 19px; font-weight: 550; margin-top: 11px; }
.guidance-list { list-style: none; padding: 0; margin: 19px 0 0; }
.guidance-list li { font-size: 12px; color: var(--muted); margin-bottom: 15px; padding-left: 14px; position: relative; line-height: 1.8; }
.guidance-list li::before { content: ""; position: absolute; width: 4px; height: 4px; background: #a5afb7; border-radius: 50%; top: 8px; left: 0; }
.mode-reminder { padding: 22px 9px; }
.mode-reminder strong { display: block; font-size: 17px; font-weight: 550; color: #c7d6e2; margin-top: 8px; }
.mode-reminder p { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 7px; max-width: 250px; }
.form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 20px; border: 0; margin: 0 0 24px; padding: 0; }
.form-actions > span { min-width: 0; margin-right: auto; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.form-actions > div { display: flex; align-items: center; gap: 10px; }
.log-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px; border-bottom: 1px solid var(--line); }
.log-toolbar h2 { margin-top: 5px; }
.search-form { display: flex; align-items: center; gap: 10px; position: relative; }
.search-form > svg { position: absolute; top: 13px; left: 13px; width: 17px; height: 17px; color: var(--muted); }
.search-form input { min-width: 265px; width: 100%; min-height: 43px; padding: 10px 12px 10px 38px; border: 1px solid var(--control-border); background: var(--input); color: var(--ink); border-radius: 5px; font-size: 12px; }
.search-form:not(:has(> svg)) input { padding-left: 12px; }
.spotter-search input { min-width: 0; }
.search-summary { padding: 15px 24px; font-size: 12px; color: var(--muted); border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.search-summary .subtle-link { margin-left: 18px; text-decoration: underline; text-underline-offset: 3px; }
.table-scroll { position: relative; min-width: 0; max-width: 100%; overflow: auto; overscroll-behavior-inline: contain; }
.report-table { width: 100%; border-collapse: collapse; text-align: left; }
.report-table thead th { font-size: 12px; color: var(--muted); letter-spacing: normal; font-weight: 550; padding: 13px 20px; background: #191e22; border-bottom: 1px solid var(--line); white-space: normal; overflow-wrap: anywhere; }
.report-table tbody :is(th, td) { font-size: 12px; padding: 19px 20px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
.report-table tbody tr:last-child :is(th, td) { border-bottom: 0; }
.report-table tbody tr:hover { background: #252d33; }
.report-table th:first-child, .report-table td:first-child { padding-left: 24px; }
.report-table th:last-child, .report-table td:last-child { padding-right: 22px; padding-left: 0; width: 40px; }
.report-location { display: block; max-width: 350px; min-width: 150px; font-weight: 550; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.report-location:hover { color: var(--orange-pale); }
.table-secondary { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; }
.table-secondary > span:not(.flag-label) { color: #72818d; padding: 0 4px; }
.mono, .callsign { font-family: Consolas, "SFMono-Regular", monospace; letter-spacing: .3px; }
.status-badge { display: inline-flex; gap: 6px; align-items: center; max-width: 100%; border: 1px solid #4c5c61; background: #28373b; color: #cee0e3; padding: 4px 8px; border-radius: 4px; white-space: normal; font-size: 12px; font-weight: 550; line-height: 1.6; }
.status-badge > .status-dot { width: 4px; height: 4px; flex: 0 0 4px; background: currentColor; border-radius: 50%; }
.status-label { min-width: 0; overflow-wrap: anywhere; }
.status-held { color: #ffddb7; border-color: #765539; background: #3a2c20; }
.status-qa { color: #cce4f2; border-color: #506c7d; background: #263b48; }
.status-pending { color: #ffd0b9; border-color: #8a5033; background: #432b1d; }
.status-ready { color: #ffddb7; border-color: #856044; background: #463321; }
.status-review { color: #ffd3c6; border-color: #8c5b4d; background: #472d27; }
.status-simulated { color: #d2eadd; border-color: #507362; background: #253b31; }
.status-logged { color: #d7dde2; border-color: #555f68; background: #2b333a; }
.mobile-report-status { display: none; }
.row-open { width: 32px; height: 36px; display: grid; place-items: center; color: var(--muted); font-size: 18px; }
.row-open:hover { color: var(--orange-pale); }
.flag-label { display: inline-block; font-size: 12px; color: #ffd0a8; border: 1px solid #725338; background: #3e2e21; border-radius: 3px; padding: 2px 5px; margin-left: 4px; }
.log-footnote { font-size: 12px; color: var(--muted); margin-top: 19px; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 20px; border-top: 1px solid var(--line); }
.pagination span { color: var(--muted); font-size: 12px; }
.pagination:has(> [data-chat-older][hidden]):not(:has(> a:not([hidden]))) { display: none; }
.back-link { display: inline-flex; gap: 8px; align-items: center; margin-top: 25px; color: var(--muted); font-size: 12px; }
.back-link:hover { color: var(--orange-pale); }
.detail-heading { margin-top: 22px; }
.report-heading-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.report-heading-meta .flag-label { margin-left: 0; }
.detail-heading h1 { overflow-wrap: anywhere; }
.detail-section { margin-bottom: 23px; }
.detail-section > h2 { padding: 22px 24px 0; }
.narrative { padding: 23px 24px; font-size: 14px; line-height: 1.9; color: var(--ink); overflow-wrap: anywhere; }
.narrative p + p { margin-top: 15px; }
.recording-confirmation { display: flex; align-items: flex-start; gap: 12px; padding: 18px 2px; }
.recording-confirmation > svg { width: 20px; height: 20px; flex-shrink: 0; color: #adc9b7; margin-top: 1px; }
.recording-confirmation strong { font-size: 12px; color: var(--ink); font-weight: 550; }
.recording-confirmation p { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 6px; }
.detail-metadata { padding: 24px; }
.detail-metadata dl { margin: 19px 0 0; }
.detail-metadata dl > div { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--line-soft); }
.detail-metadata dl > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.detail-metadata dt { color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.detail-metadata dd { margin: 0; font-size: 12px; color: var(--ink); overflow-wrap: anywhere; }
.metadata-note { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; }
.observation-time-source { color: var(--gray); }
.overview-queue { display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--line); background: #1b242a; border-radius: var(--radius); padding: 23px 25px; margin-bottom: 26px; }
.overview-queue h2 { margin-top: 5px; }
.overview-queue p { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 7px; }
.overview-queue p > span { padding-inline: 5px; color: #7c8d99; }
.workflow-alert { margin: 22px 0; border: 0; border-left: 3px solid #d6973d; border-radius: 4px; padding: 10px 14px; background: var(--panel); color: var(--ink); }
.workflow-alert strong { font-size: 13px; font-weight: 600; }
.workflow-alert p { color: inherit; font-size: 12px; line-height: 1.8; margin-top: 5px; }
.local-notices { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 22px; padding: 22px; border: 1px solid #65523e; background: #29251f; border-radius: 7px; margin: 22px 0; }
.local-notices h2 { font-size: 15px; }
.local-notices > div > p { color: #c4b8a7; font-size: 12px; line-height: 1.45; margin-top: 3px; }
.local-notices ul { list-style: none; padding: 0; margin: 0; }
.local-notices li + li { border-top: 1px solid #51483a; margin-top: 14px; padding-top: 14px; }
.local-notices time { display: block; font-size: 12px; color: #d4b99b; }
.local-notices li p { font-size: 12px; line-height: 1.8; color: #e2d7c9; margin-top: 4px; overflow-wrap: anywhere; }
.local-notices li .subtle-link { display: inline-block; margin-top: 7px; text-decoration: underline; text-underline-offset: 3px; }
.queue-settings-note { font-size: 12px; color: var(--muted); line-height: 1.8; }
.queue-settings-note > span { padding-inline: 5px; color: #82929e; }
.queue-settings-strip { display: flex; flex-wrap: wrap; gap: 10px 25px; padding: 15px 23px; border-bottom: 1px solid var(--line); font-size: 12px; color: #b9c8d3; background: #202a31; }
.queue-settings-strip strong { font-weight: 550; color: #e2eaf0; margin-left: 5px; }
.queue-notices > .workflow-alert, .queue-notices > .local-notices { margin: 20px 23px; }
.queue-filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 20px 23px; border-bottom: 1px solid var(--line); }
.queue-filters a { display: flex; align-items: center; min-height: 35px; padding: 7px 12px; border: 1px solid #45515b; border-radius: 4px; color: #c7d3db; background: #222b32; font-size: 12px; line-height: 1.6; }
.queue-filters a:hover { background: #303c45; color: #eef3f6; }
.queue-filters a.selected { background: #442a1d; border-color: #a65b34; color: #ffd0b9; }
.queue-update-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 23px; background: #171e23; border-bottom: 1px solid var(--line); }
.queue-update-bar p { font-size: 12px; color: #aabbc7; line-height: 1.8; }
.queue-update-bar .queue-update-problem { color: #ffd1b4; }
.queue-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 23px; border-bottom: 1px solid var(--line); }
.queue-counts > div { border-right: 1px solid var(--line); padding-right: 14px; }
.queue-counts > div:last-child { border: 0; }
.queue-counts dt { font-size: 12px; color: #b7c5cf; }
.queue-counts dd { font-size: 27px; margin: 4px 0 0; line-height: 1.3; font-variant-numeric: tabular-nums; font-weight: 550; }
.queue-record { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: 28px; padding: 25px 23px; border-bottom: 1px solid var(--line); }
.queue-record:last-child { border-bottom: 0; }
.queue-record-main { min-width: 0; }
.queue-record-meta { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 11px; }
.queue-record h3 { font-size: 19px; font-weight: 550; line-height: 1.5; letter-spacing: -.3px; overflow-wrap: anywhere; }
.queue-record h3 a:hover { color: var(--orange-pale); }
.queue-record-main > p { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 7px; }
.queue-record-main > p > span:not(.callsign) { color: #718795; padding-inline: 4px; }
:is(.queue-record-main > p, .eyebrow) > span.observation-time-source { color: var(--gray); margin-inline: 0; padding-inline: 0; }
.queue-narrative { font-size: 12px; color: var(--muted); line-height: 1.85; margin-top: 15px; overflow-wrap: anywhere; }
.queue-record-state { padding-left: 23px; border-left: 1px solid var(--line); }
.queue-record-state > .button { margin-top: 17px; }
.report-timing .timing-label { display: block; color: var(--muted); font-size: 12px; }
.report-timing strong { display: block; font-size: 16px; font-weight: 550; color: #f0d5c3; line-height: 1.65; margin-top: 5px; overflow-wrap: anywhere; }
.report-timing > time { display: block; font-size: 12px; color: var(--muted); line-height: 1.7; margin-top: 3px; }
.report-timing p { font-size: 12px; color: var(--muted); line-height: 1.8; margin-top: 7px; }
.detail-workflow { padding: 23px; margin-bottom: 23px; }
.detail-workflow .report-timing { margin-top: 15px; }
.reload-report { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; min-height: 32px; }
.paused-indicator { border-top: 1px solid #665139; padding-top: 13px; margin-top: 15px; color: #ebc59c; font-size: 12px; line-height: 1.8; }
.report-actions-panel { padding: 23px 24px; margin-bottom: 23px; }
.report-actions-panel > p { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 8px; }
.report-action-buttons { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; margin-top: 19px; }
.report-action-buttons form { margin: 0; }
.report-action-buttons .manual-release-form { flex-basis: 100%; padding-top: 17px; margin-top: 5px; border-top: 1px solid var(--line); }
.manual-release-form > span { display: block; color: var(--muted); font-size: 12px; line-height: 1.8; margin-top: 8px; }
.follow-up-reference { padding: 17px 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.follow-up-reference a { color: #f5bc9e; text-decoration: underline; text-underline-offset: 3px; }
.revision-label { font-size: 12px; color: var(--muted); white-space: nowrap; }
.audit-events { list-style: none; padding: 0; margin: 0; }
.audit-events > li { padding: 12px 16px; border-bottom: 1px solid var(--line); }
.audit-events > li:last-child { border-bottom: 0; }
.audit-event-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px 16px; }
.audit-event-heading strong { font-size: 13px; font-weight: 550; }
.audit-event-heading time { font-size: 12px; color: var(--muted); }
.audit-events > li > p { font-size: 12px; color: var(--muted); line-height: 1.45; margin-top: 3px; }
.audit-events > li > p > span { padding-inline: 4px; }
.audit-changes { margin-top: 4px; }
.audit-changes summary { cursor: pointer; color: var(--orange-pale); font-size: 12px; min-height: 28px; padding: 3px 0; }
.audit-changes dl { border: 1px solid var(--line); border-radius: 4px; padding: 10px 12px; margin: 4px 0 0; background: var(--input); }
.audit-changes dl > div + div { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.audit-changes dt { font-family: var(--font-mono); font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.audit-changes dd { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; line-height: 1.5; margin: 3px 0 0; color: var(--ink); overflow-wrap: anywhere; min-width: 0; }
.audit-changes dd > span { min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.audit-changes dd > .change-arrow { color: var(--orange-pale); }
.audit-empty { padding: 23px 24px; font-size: 12px; color: #b4c1cb; }
.workflow-form-actions > div { flex-wrap: wrap; justify-content: flex-end; }
.settings-audit { margin-top: 27px; }
.settings-audit:has(.audit-events) > .panel-heading, .audit-panel > .panel-heading { padding: 14px 16px; }
@media (pointer: coarse) { .audit-changes summary { box-sizing: border-box; min-height: 44px; padding: 12px 0; } }
.login-body { min-height: 100vh; background: var(--canvas); }
.login-layout { width: min(100%,560px); margin: 0 auto; padding: 48px 24px; }
.login-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.login-header .brand { flex: 1 1 auto; max-width: 300px; }
.login-header .environment-tag { flex: 0 0 auto; }
.login-form-wrap { padding: 32px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.login-form-panel { width: 100%; min-width: 0; }
.login-form-panel > .appearance-preferences { display: flex; margin-bottom: 24px; gap: 8px 12px; }
.login-form-panel h1 { font-size: 28px; line-height: 1.3; font-weight: 620; letter-spacing: -.5px; }
.login-description { color: var(--muted); font-size: 14px; margin-top: 12px; margin-bottom: 24px; }
.login-description:empty, .login-note:empty { display: none; }
.login-form-panel > form { margin-top: 24px; }
.login-form-panel .form-field { margin-bottom: 24px; }
.login-submit { display: flex; width: 100%; justify-content: center; margin-top: 24px; }
.login-note { font-size: 13px; color: var(--muted); line-height: 1.6; margin-top: 20px; }
.error-body { min-height: 100vh; }
.error-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 27px 5%; border-bottom: 1px solid var(--line); background: var(--sidebar); }
.error-main { max-width: 910px; margin: 0 auto; padding: 95px 30px; }
.error-layout { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 42px; align-items: start; }
.error-code { color: var(--orange); font-size: 76px; line-height: 1; font-weight: 500; letter-spacing: -4px; }
.error-copy > .eyebrow { display: block; margin-bottom: 14px; }
.error-copy h1 { font-size: 31px; }
.error-description { margin-top: 18px; font-size: 14px; color: var(--muted); line-height: 1.9; }
.error-description p + p { margin-top: 15px; }
.error-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.error-footer { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
@media (min-width: 1600px) { .dashboard-grid { grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); } }
@media (max-width: 1200px) {
  .main-content { padding-right: 26px; padding-left: 26px; }
  .dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .workflow-panel { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
  .workflow-panel > .eyebrow, .workflow-panel > h2, .workflow-panel > p { grid-column: 1; }
  .workflow-panel > h2 { max-width: 280px; }
  .workflow-step { grid-column: 2; margin-top: 5px; }
  .workflow-step:nth-of-type(1) { grid-row: 1 / 3; }
  .workflow-step:nth-of-type(2) { grid-row: 3 / 5; margin-top: 15px; }
  .workflow-panel .workflow-status { grid-column: 1 / -1; }
  .entry-layout { gap: 20px; }
  .form-section { padding: 23px 20px; }
  .recording-note { padding: 21px 19px; }
  .field-grid { gap: 18px; }
  .log-toolbar { align-items: flex-start; flex-direction: column; gap: 18px; }
  .search-form { width: 100%; }
  .search-form input { min-width: 0; }
}
@media (max-width: 1000px) {
  .entry-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .entry-aside .recording-note { padding: 22px; }
  .entry-aside .guidance-list { display: none; }
  .entry-aside .workflow-status { margin-top: 16px; }
  .form-actions { justify-content: flex-end; }
  .detail-metadata dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; }
  .detail-metadata dl > div:nth-last-child(2) { border-bottom: 0; }
  .overview-stat { padding: 0 18px; }
  .stat-text { font-size: 21px; }
  .mode-control > span { display: none; }
}
@media (max-width: 760px) {
  .spotter-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .spotter-search label { grid-column: 1 / -1; }
  .main-content { padding: 16px 20px 0; }
  .workspace-context { gap: 13px; margin-bottom: 18px; }
  .workspace-context > .eyebrow { font-size: 12px; letter-spacing: .8px; }
  .workspace-context > .eyebrow span { margin: 0 4px; }
  .mode-options { gap: 0; padding: 2px; }
  .mode-options button { min-height: 32px; padding: 5px 10px; font-size: 12px; }
  h1 { font-size: 27px; letter-spacing: -.65px; }
  .page-heading { gap: 12px; margin: 0 0 16px; }
  .page-heading p { font-size: 12px; line-height: 1.75; margin-top: 8px; }
  .overview-strip { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 20px 0; margin-bottom: 22px; }
  .overview-stat { padding: 0 18px; }
  .overview-stat:nth-child(2) { border: 0; }
  .overview-stat:last-child { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 17px; margin: 18px 18px 0; padding-right: 0; padding-left: 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
  .overview-stat:last-child .stat-text { grid-column: 2; grid-row: 1 / 3; margin: 0; font-size: 18px; text-align: right; display: block; }
  .overview-stat:last-child .stat-note { grid-column: 1; font-size: 12px; }
  .stat-label { font-size: 12px; }
  .stat-text { font-size: 20px; }
  .stat-value { font-size: 32px; }
  .stat-note { font-size: 12px; }
  .dashboard-grid { gap: 22px; }
  .panel-heading { padding: 20px 18px; gap: 10px; }
  .panel-heading .subtle-link { font-size: 12px; }
  .panel-heading .eyebrow { font-size: 12px; }
  .empty-state { padding: 36px 18px; }
  .activity-panel { min-height: 0; }
  .workflow-panel { display: block; padding: 23px; }
  .workflow-panel > h2 { max-width: none; }
  .workflow-step, .workflow-step:nth-of-type(2) { margin-top: 22px; }
  .workspace-footer { flex-direction: column; gap: 5px; font-size: 12px; padding: 0 0 20px; }
  .field-grid { grid-template-columns: 1fr; gap: 22px; }
  .field-wide { grid-column: auto; }
  .form-section { padding: 22px 18px; margin-bottom: 20px; }
  .form-section legend { font-size: 15px; }
  .section-intro { margin-left: 0; padding-top: 11px; }
  .form-field input:not([type="checkbox"]), .form-field textarea, .form-field select, .queue-filter-form select { font-size: 16px; min-height: 46px; }
  .entry-aside { display: block; }
  .mode-reminder { display: none; }
  .recording-note > h2 { font-size: 18px; }

  .form-actions > div { width: 100%; gap: 10px; }
  .form-actions .primary-button { flex: 0 1 auto; max-width: 100%; padding: 12px 10px; overflow-wrap: anywhere; }
  .form-actions .quiet-button { padding-left: 7px; padding-right: 7px; }
  .log-toolbar { padding: 20px 18px; }
  .search-form { gap: 7px; }
  .search-form input { font-size: 16px; min-height: 46px; padding-left: 34px; }
  .search-form .button { padding-left: 11px; padding-right: 11px; }
  .search-summary { padding-left: 18px; }
  .report-table th, .report-table td { padding-right: 16px; padding-left: 16px; }
  .report-table th:first-child, .report-table td:first-child { padding-left: 18px; }
  .report-table th { font-size: 12px; }
  .report-table { table-layout: fixed; }
  .report-table th:first-child, .report-table td:first-child { width: 58%; padding-right: 12px; }
  .report-table .report-location { min-width: 0; max-width: 100%; }
  .report-table td:nth-child(3), .report-table th:nth-child(3) { display: none; }
  .report-table td:nth-child(4), .report-table th:nth-child(4) { display: none; }
  .report-table td:last-child, .report-table th:last-child { display: none; }
  .report-table .status-badge { padding: 3px 5px; font-size: 12px; }
  .report-table th:nth-child(2), .report-table td:nth-child(2) { width: 42%; padding-left: 8px; padding-right: 12px; white-space: normal; }
  .report-table td:nth-child(2) { font-size: 12px; }
  .report-table .table-secondary { font-size: 12px; }
  .report-table .mobile-report-status { display: inline-flex; margin-top: 9px; }
  .detail-heading { margin-top: 21px; }
  .detail-section .panel-heading { align-items: flex-start; flex-direction: column; }
  .detail-section .panel-heading .eyebrow { font-size: 12px; }
  .narrative { padding: 20px 18px; font-size: 13px; }
  .detail-section > h2 { padding-left: 18px; }
  .detail-metadata { padding: 22px 18px; }
  .detail-metadata dl { gap: 0 20px; }
  .detail-metadata dt { font-size: 12px; }
  .detail-metadata dd { font-size: 12px; }
  .login-layout { padding: 24px 16px; }
  .login-header { gap: 12px; margin-bottom: 20px; }
  .login-form-wrap { padding: 24px 20px; }
  .login-form-panel h1 { font-size: 26px; }
  .error-header { padding: 22px 20px; flex-wrap: wrap; }
  .error-main { padding: 48px 20px; }
  .error-layout { display: block; }
  .error-code { font-size: 58px; margin-bottom: 26px; }
  .error-copy h1 { font-size: 27px; }
  .error-description { font-size: 13px; }
  .error-footer { margin-top: 20px; }
  .overview-queue { align-items: stretch; flex-direction: column; gap: 19px; padding: 22px 18px; }
  .overview-queue > .button { align-self: flex-start; }
  .local-notices { grid-template-columns: 1fr; gap: 17px; padding: 20px 18px; }
  .queue-panel > .panel-heading { flex-wrap: wrap; }
  .queue-settings-note { font-size: 12px; }
  .queue-settings-strip { padding: 15px 18px; gap: 9px 20px; }
  .queue-notices > .workflow-alert, .queue-notices > .local-notices { margin: 18px; }
  .queue-filters { padding: 17px 18px; gap: 7px; }
  .queue-filters a { font-size: 12px; padding: 7px 9px; }
  .queue-update-bar { padding: 13px 18px; align-items: flex-start; flex-direction: column; gap: 7px; }
  .queue-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px 18px; gap: 19px 16px; }
  .queue-counts > div:nth-child(2) { border-right: 0; }
  .queue-counts dd { font-size: 25px; }
  .queue-record { grid-template-columns: minmax(0, 1fr); gap: 21px; padding: 23px 18px; }
  .queue-record h3 { font-size: 18px; }
  .queue-record-state { border-left: 0; padding-left: 0; padding-top: 17px; border-top: 1px solid var(--line); }
  .queue-record-state > .button { width: 100%; }
  .report-timing strong { font-size: 15px; }
  .report-actions-panel { padding: 22px 18px; }
  .report-action-buttons { gap: 10px; }
  .report-action-buttons > a, .report-action-buttons > form, .report-action-buttons > form > button { width: 100%; }
  .detail-workflow { padding: 22px 18px; }
  .follow-up-reference { padding: 16px 18px; font-size: 12px; }
  .audit-events > li { padding: 12px 14px; }
  .audit-changes dl { padding: 12px; }
  .audit-empty { padding: 20px 18px; }
  .workflow-form-actions > div { gap: 9px; }
  .workflow-form-actions .primary-button { flex-basis: 100%; }
}
@media (max-width: 360px) {
  .workspace-context { align-items: flex-start; flex-direction: column; gap: 12px; }
  .workspace-context > .mode-control { margin-left: 0; }
  .overview-stat { padding: 0 13px; }
  .stat-text { font-size: 18px; }
  .panel-heading { align-items: flex-start; flex-wrap: wrap; }
  .form-actions > div { flex-wrap: wrap; justify-content: flex-end; }
  .form-actions .primary-button { min-width: 100%; }
  .search-form { flex-wrap: wrap; }
  .search-form input { flex: 1 1 100%; }
  .search-form .button { margin-left: auto; }
  .detail-metadata dl { grid-template-columns: 1fr; }
  .detail-metadata dl > div:nth-last-child(2) { border-bottom: 1px solid var(--line-soft); }
}
@media (prefers-reduced-motion: no-preference) { .button, .primary-nav a, .subtle-link { transition: background-color .12s ease, border-color .12s ease, color .12s ease; } }
@media (forced-colors: active) { .notice-dot, .small-indicator, .status-square, .status-badge > .status-dot { background: CanvasText; } .mode-options button.selected { outline: 2px solid Highlight; } }
@media print { .sidebar, .utility-bar, .workspace-context, .workspace-footer, .button, .back-link, .form-actions { display: none; } .workspace { width: 100%; margin: 0; } .main-content { padding: 0; max-width: none; } :root { color-scheme: light; color: #000; background: #fff; } .panel { background: #fff; border-color: #aaa; } .narrative, .detail-metadata dd, .page-heading p { color: #000; } }

.queue-filter-form { align-items: center; gap: 12px; }
.queue-filter-form label { color: var(--muted); font-size: 12px; }
.queue-filter-form select { width: min(100%, 300px); }
@media (max-width: 600px) {
  .queue-filter-form { display: grid; grid-template-columns: 1fr; }
  .queue-filter-form select, .queue-filter-form button { width: 100%; }
}

.roster-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 23px; border-bottom: 1px solid var(--line-soft); }
.archive-filter-form { padding: 23px; border-bottom: 1px solid var(--line); }
.archive-search { display: flex; gap: 16px; align-items: flex-end; }
.archive-search .form-field { flex: 1; }
.archive-options { margin-top: 20px; }
.archive-options summary { cursor: pointer; color: var(--orange-pale); font-size: 12px; padding: 10px 0; min-height: 36px; }
.archive-filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 16px 0; }
.archive-filter-actions { margin-top: 18px; flex-wrap: wrap; }
.archive-results { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 23px; border-bottom: 1px solid var(--line); }
.archive-results p, .archive-method-note { font-size: 12px; line-height: 1.8; color: var(--muted); overflow-wrap: anywhere; }
.archive-results strong { color: var(--ink); }
.archive-method-note { padding: 18px 23px; }
.activity-totals { margin-top: 24px; }
.retention-preview { margin-bottom: 24px; }
.retention-switch { margin-top: 20px; }
.retention-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 20px; }
.activity-table.retention-table { min-width: 720px; }
.activity-table { min-width: 900px; }
.report-table.activity-table { table-layout: auto; }
.report-table.activity-table th, .report-table.activity-table td { display: table-cell; width: auto; padding: 14px 16px; white-space: normal; }
.report-table.activity-table th[scope="row"] { font-size: 12px; font-weight: 500; text-align: left; letter-spacing: normal; text-transform: none; background: transparent; }
.report-table.activity-table th:first-child { width: 25%; }
@media (max-width: 1050px) {
  .archive-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .archive-filter-form, .archive-method-note, .archive-results { padding: 20px 18px; }
  .archive-filter-grid { grid-template-columns: minmax(0, 1fr); }
  .archive-results { flex-direction: column; align-items: flex-start; }
}
.filter-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; grid-column: 1 / -1; }
.filter-actions > .subtle-link { flex-shrink: 0; }
.directory-list { list-style: none; padding: 0; margin: 0; }
.directory-list > li { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr); gap: 20px; padding: 23px; border-bottom: 1px solid var(--line-soft); }
.directory-list > li:last-child { border-bottom: 0; }
.directory-person { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; overflow-wrap: anywhere; }
.directory-person strong { font-size: 16px; }
a.directory-person strong { color: var(--orange-pale); }
.directory-person span, .directory-list p { font-size: 12px; color: var(--muted); }
.directory-list .subtle-link { display: inline-flex; align-items: center; min-height: 36px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.tag-list { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; }
.tag-list li { max-width: 100%; padding: 5px 8px; border: 1px solid var(--line); border-radius: 4px; font-size: 12px; overflow-wrap: anywhere; }
.roster-panel-body { padding: 24px; min-width: 0; }
.detail-metadata .member-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.detail-metadata .member-profile-grid dt { font-size: 14px; }
.detail-metadata .member-profile-grid dd { font-size: 14px; }
.detail-metadata .training-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px 24px; }
.detail-metadata .training-status-grid > div { min-width: 0; margin: 0; padding: 0; border: 0; }
@media (min-width: 1100px) {
  .roster-directory-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .roster-directory-filters .filter-actions { grid-column: auto; align-self: end; }
}
@media (max-width: 600px) {
  .detail-metadata .member-profile-grid { grid-template-columns: minmax(0, 1fr); }
}
.roster-panel-body .section-intro { margin: 0 0 20px; padding: 0; }
.roster-panel-body > h2:not(:first-child) { margin-top: 24px; }
.membership-panel { margin-top: 24px; }
.membership-section { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line-soft); }
.membership-section > h2 { margin: 0 0 20px; }
.membership-section h3 { margin: 0 0 10px; font-size: 14px; }
.membership-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; font-size: 13px; }
.membership-table :is(th, td) { padding: 10px 12px; overflow-wrap: anywhere; vertical-align: top; }
.membership-table thead th { background: var(--canvas); color: var(--muted); font-size: 12px; font-weight: 400; }
.membership-table tbody :is(th, td) { border-bottom: 1px solid var(--line-soft); }
.membership-table tbody th { font-weight: 600; }
.membership-groups { margin-top: 20px; font-size: 13px; }
.membership-group-list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.membership-group-list li { padding: 4px 9px; border: 1px solid var(--control-border); border-radius: 4px; }
.membership-section, .membership-groups { overflow-wrap: anywhere; }
.eligibility-item { padding: 16px 0; border-bottom: 1px solid var(--line-soft); }
.eligibility-item strong { font-size: 13px; }
.eligibility-item ul { padding-left: 18px; margin: 8px 0; font-size: 12px; color: var(--muted); }
.eligibility-item p, .proposed-groups, .empty-note, .coverage-list { font-size: 12px; }
.coverage-list { padding-left: 18px; color: var(--muted); line-height: 1.9; margin-top: 12px; }
.proposed-groups { margin: 20px 0; }
.choice-group { min-width: 0; border: 0; padding: 0; margin: 0; }
.choice-group > legend { font-size: 14px; margin-bottom: 14px; font-weight: 600; }
.choice-group > div > div { margin-bottom: 5px; }
.choice-group label { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 5px; font-size: 12px; line-height: 1.6; cursor: pointer; }
.choice-group label:has(input:checked) { border-color: #bd784e; background: #33291f; }
.choice-group input { width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--orange); margin-top: 1px; }
.choice-group + .field-help { margin-top: 18px; }
.roster-panel-body .narrative { padding: 0; margin-top: 10px; white-space: pre-wrap; }
.roster-audit-footnote { padding: 0 23px 20px; }
.roster-page-heading > div { min-width: 0; max-width: 100%; }
.roster-page-heading h1, .roster-page-heading p,
.roster-panel-body, .eligibility-item, .coverage-list, .directory-list p, .choice-group label { overflow-wrap: anywhere; }
@media (max-width: 760px) { .roster-audit-footnote { padding: 0 18px 20px; } }
@media (max-width: 760px) {
  .roster-filters { grid-template-columns: minmax(0, 1fr); padding: 20px 18px; }
  .directory-list > li { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 22px 18px; }
  .roster-panel-body { padding: 22px 18px; }
}
.spotter-snapshot { margin-top: 20px; overflow-wrap: anywhere; }
.training-summary { color: var(--muted); font-size: 12px; line-height: 1.8; margin-top: 12px; }
.spotter-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.spotter-metrics > div { min-width: 0; overflow-wrap: anywhere; }
.spotter-metrics dt { color: var(--muted); font-size: 12px; }
.spotter-metrics dd { margin: 6px 0 0; font-size: 16px; font-variant-numeric: tabular-nums; }
.form-section > .narrative { padding: 20px 0 0; }
details > summary { min-height: 44px; padding-block: 10px; cursor: pointer; line-height: 1.5; }
.audit-events .heading-actions { margin-top: 12px; }
.spotter-metrics dd span { color: var(--muted); font-size: 12px; }
.spotter-history-list { list-style: none; padding: 0; margin: 18px 0 0; }
.spotter-history-list li { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); padding: 16px 0; font-size: 12px; }
.spotter-history-list li > div { min-width: 0; }
.spotter-history-list p { color: var(--muted); font-size: 12px; margin-top: 6px; }
.spotter-history-list .button { flex-shrink: 0; }
@media (max-width: 760px) { .spotter-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spotter-history-list li { flex-direction: column; } }

.identity-instructions { color: var(--muted); line-height: 1.7; margin: 20px 0; overflow-wrap: anywhere; }
.identity-instructions p + p { margin-top: 16px; }
.identity-separator { color: var(--muted); text-align: center; margin: 20px 0; }
[data-magic-code][hidden], [data-magic-ready][hidden] { display: none; }

/* Durable training records can contain long event names and source details. */
.training-history-content { overflow-wrap: anywhere; }
.training-history-note { white-space: pre-wrap; }

/* Private document entry points share the surrounding panel spacing. */
.document-link { margin: 0 0 22px; }

/* Once-only credentials stay readable and selectable on narrow screens. */
.fcc-credentials { grid-template-columns: minmax(0, 1fr); }
.fcc-credentials code { overflow-wrap: anywhere; }
.fcc-client-name { overflow-wrap: anywhere; }
.fcc-section + .fcc-section, .fcc-settings + .fcc-section { margin-top: 24px; }
.fcc-settings .checkbox-field { grid-column: auto; }
.fcc-settings .spotter-metrics { grid-template-columns: repeat(2, minmax(0, 200px)); }
.fcc-settings .fcc-refresh-controls { grid-template-columns: minmax(180px, max-content) minmax(160px, 260px); align-items: start; }
@media (max-width: 600px) { .fcc-settings .fcc-refresh-controls { grid-template-columns: minmax(0, 1fr); } }
.fcc-settings .field-grid { align-items: center; }
.fcc-api-control { margin: 12px 0 20px; }
.report-table.fcc-table { min-width: 760px; table-layout: fixed; }
.fcc-table th, .fcc-table td { overflow-wrap: anywhere; }
.fcc-table th[scope="row"] { color: var(--ink); }
.form-actions > :only-child { margin-inline-start: auto; }

.training-sheet-source summary { min-height: 44px; padding-block: 10px; cursor: pointer; list-style-position: inside; }

/* A single spacing rhythm for prose, forms, panels and their action rows. */
.main-content > p { margin-block: 0 16px; color: var(--muted); }
.main-content > p.log-footnote, .main-content > .panel + p { margin-top: 16px; }
.main-content > :is(form, section.panel, .panel, .entry-layout, .dashboard-grid) + :is(form, section.panel, .panel, .entry-layout, .dashboard-grid) { margin-top: 24px; }
.main-content > form { margin-bottom: 24px; }
.main-content > form > :last-child { margin-bottom: 0; }
.main-content > .heading-actions { margin-bottom: 24px; }
.main-content > .roster-filters { padding: 0; border: 0; }
.main-content > .roster-filters .filter-actions { justify-content: flex-end; }
.field-grid > .checkbox-field { align-self: start; padding-block: 9px; }
.checkbox-field { min-width: 0; gap: 10px; }
.checkbox-field > div { min-width: 0; }
.checkbox-field input { width: 20px; height: 20px; margin: 2px 0 0; }
.checkbox-field label { display: block; min-height: 24px; margin: 0; line-height: 1.6; overflow-wrap: normal; }
.form-field label, .checkbox-field label { font-size: 14px; }
.form-field label { overflow-wrap: normal; }
.field-help, .optional-label { font-size: 12px; }
.field-error { font-size: 13px; }
.button { font-size: 14px; min-height: 40px; padding: 8px 14px; }
.form-actions { flex-wrap: wrap; gap: 12px; }
.form-actions > div { flex-wrap: wrap; gap: 12px; }
.settings-form > p + .form-actions { margin-top: 16px; }
.field-grid + .form-actions, .form-field + .form-actions, .entry-layout + .form-actions { margin-top: 24px; }
/* The action row supplies the spacing after a multi-column form. Avoid also
   adding the final section's bottom margin, including on narrow screens. */
.entry-layout:has(+ .form-actions) > .entry-sections > .form-section:last-child { margin-bottom: 0; }
.main-content > .panel + .form-actions { margin-top: 24px; }
.form-section > .field-grid { margin-top: 20px; }
.form-section > .field-grid + .choice-group { margin-top: 24px; }
.login-permission-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 24px; }
.login-permission-grid > .checkbox-field { grid-column: auto; margin: 0; padding-block: 7px; }
[data-login-access] > .checkbox-field { padding-top: 12px; }
[data-login-access] .managed-areas { margin-top: 16px; }
.managed-areas .choice-group > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 8px 16px; }
.managed-areas .choice-group > div > div { margin: 0; }
[data-member-history]:empty { display: none; }
@media (max-width: 900px) { .login-permission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .login-permission-grid { grid-template-columns: minmax(0, 1fr); } }
.form-section > p { margin-top: 12px; }
.form-section legend + .field-grid { padding-top: 20px; margin-top: 0; }
.section-intro { margin-left: 0; font-size: 13px; }
.page-heading { margin-block: 0 16px; }
.page-heading p, .empty-state p { font-size: 14px; }
.panel-heading { flex-wrap: wrap; gap: 12px; padding: 20px 24px; }
.mode-options button { min-height: 36px; font-size: 13px; }
.eyebrow { font-size: 12px; letter-spacing: .08em; }
.workspace-footer { font-size: 12px; }
.login-note:empty, .login-description:empty { display: none; }
.login-submit { justify-content: center; }
@media (max-width: 760px) {
  .main-content { padding: 16px 20px 0; }
  .page-heading { gap: 12px; margin-block: 0 16px; }
  .page-heading .roster-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .heading-actions > .button { flex: 1 1 auto; }
  .panel-heading { padding: 18px; }
  .workspace-context > .eyebrow { font-size: 12px; letter-spacing: .06em; }
  .login-intro-copy { padding: 24px 0 0; }
  .login-intro-copy h1 { font-size: 27px; }
  .form-actions > div { justify-content: flex-end; }
}

/* Keep the operating-mode selector in the context row instead of a second banner. */
.mode-options button.selected { background: #4a2d1e; border-color: var(--orange-pale); color: #ffd2b9; }
@media (max-width: 1000px) { .mode-control > .sr-only { display: block; } }

/* Keep the overview's status and queue summary compact before the report list. */
.dashboard-heading { margin-block: 0 16px; }
.dashboard-summary { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-bottom: 20px; }
.dashboard-stat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; }
.dashboard-stat strong { font-size: 16px; font-weight: 650; }
.dashboard-queue { padding: 18px 24px; margin-bottom: 24px; }
.dashboard-queue-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.dashboard-queue-heading .button { margin-left: auto; }
.dashboard-queue-counts { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; padding: 0; margin: 12px 0; }
.dashboard-queue-counts li { display: flex; align-items: baseline; flex-wrap: wrap; min-width: 0; gap: 7px; color: var(--muted); overflow-wrap: anywhere; }
.dashboard-queue-counts strong { color: var(--ink); font-weight: 650; }
.dashboard-queue-settings { color: var(--muted); font-size: 12px; }
.dashboard-queue-settings > span { margin-inline: 6px; }
.dashboard-reports { min-height: 0; }
@media (max-width: 760px) {
  .dashboard-heading { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; }
  .dashboard-heading h1 { font-size: 26px; }
  .dashboard-heading .primary-button { align-self: auto; }
  .dashboard-summary { gap: 8px 20px; }
  .dashboard-stat { gap: 4px 8px; }
  .dashboard-stat .stat-label { font-size: 12px; }
  .dashboard-stat strong { font-size: 14px; }
  .dashboard-queue { padding: 16px 18px; }
  .dashboard-queue-heading h2 { font-size: 17px; }
  .dashboard-queue-counts { display: flex; gap: 8px 16px; }
  .dashboard-queue-counts li { flex: 1 1 7em; }
  .dashboard-queue-settings { line-height: 1.6; }
}

.report-entry-form .choice-group label { padding: 8px 0; min-height: 40px; border: 0; background: transparent; font-size: 14px; }
.report-entry-form .choice-group > legend { margin-bottom: 6px; }
.report-entry-form .choice-group label:has(input:checked) { background: transparent; }
.report-entry-form .time-source-choices .choice-group > div { display: flex; flex-wrap: wrap; gap: 0 16px; }
.report-entry-form .time-source-choices .choice-group > div > div { margin: 0; }
.report-entry-form .time-source-choices .choice-group label { min-height: 36px; padding: 4px 0; align-items: center; gap: 6px; line-height: 1.4; }
.report-entry-form .time-source-choices .choice-group input { margin: 0; }
.report-entry-form .time-source-choices .choice-group > legend { margin-bottom: 0; }
.report-entry-form .text-button { display: inline-flex; align-items: center; min-height: 36px; margin-top: 4px; text-decoration: underline; }
.report-shortcuts { display: flex; flex-wrap: wrap; gap: 16px; }
.roster-readonly { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.roster-readonly dt { margin-bottom: 8px; font-size: 14px; font-weight: 550; }
.roster-readonly dd { margin: 0; }
.report-entry-form textarea[rows="2"] { min-height: 72px; }
.report-entry-form textarea[rows="3"] { min-height: 92px; }
.report-entry-form [data-current-event-time] { display: inline-flex; align-items: center; min-height: 36px; margin-top: 4px; text-decoration: underline; }

.nco-shortcuts { margin-bottom: 20px; }
.page-heading .nco-shortcuts { margin-bottom: 0; }
.workspace-context { margin-bottom: 10px; }
.page-heading { margin-block: 0 16px; }
.dashboard-heading { margin-block: 0 16px; }
.dashboard-worklists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.dashboard-worklist { padding: 18px 24px; min-width: 0; }
.dashboard-worklist h2 { font-size: 16px; }
.dashboard-worklist p { margin-top: 10px; color: var(--muted); }
.dashboard-worklist ul { display: grid; gap: 8px; padding: 0; margin: 12px 0 0; list-style: none; }
.dashboard-worklist li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.dashboard-worklist li a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.dashboard-worklist > .subtle-link { display: inline-block; margin-top: 10px; }
.homepage-news, .homepage-links { margin: 0 0 20px; overflow-wrap: anywhere; }
.homepage-news .roster-panel-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 16px; }
.homepage-news-content { min-width: 0; }
.homepage-news-content > * + * { margin-top: 12px; }
.homepage-news-control { margin: 0; }
.homepage-news .roster-panel-body :is(ul, ol) { padding-left: 24px; }
.homepage-news .roster-panel-body :is(pre, code) { overflow-wrap: anywhere; white-space: pre-wrap; }
.homepage-news a, .homepage-links a, .homepage-news-edit a, .homepage-risk .panel-heading a, .homepage-risk-edit a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.homepage-risk-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px 16px; }
.homepage-links ul { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 18px 24px 18px 42px; }
.homepage-links li { min-width: 0; max-width: 100%; }
.homepage-link-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.homepage-link-actions form { margin: 0; }
.homepage-news-edit { margin: 0 0 16px; }
.dashboard-empty-edit-actions { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 16px; }
.dashboard-empty-edit-actions a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.dashboard-empty-edit-actions .dashboard-empty-risk-edit { margin-left: auto; }
.dashboard-reports-empty { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 24px; }
.dashboard-reports-empty p { margin: 0; }
.dashboard-reports-empty .button { margin-left: auto; }
@media (max-width: 760px) {
  .page-heading { margin-block: 0 16px; }
  .dashboard-worklists { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .dashboard-worklist { padding: 16px 18px; }
  .nco-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; }
  .nco-shortcuts > .button { min-width: 0; min-height: 44px; padding: 7px 4px; white-space: normal; overflow-wrap: anywhere; text-align: center; line-height: 1.25; }
}
@media (max-width: 520px) {
  .form-actions > .roster-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 8px; }
  .roster-actions > .button { min-width: 0; width: 100%; overflow-wrap: anywhere; }
  html[data-interface-font="opendyslexic"] .page-heading .roster-actions > :is(.roster-print-action, .roster-communications-action) { grid-column: 1 / -1; }
}
@media (max-width: 359px) {
  .page-heading .roster-actions > :is(.roster-print-action, .roster-communications-action) { grid-column: 1 / -1; }
  html[data-interface-font="opendyslexic"] .form-actions > .roster-actions { grid-template-columns: minmax(0, 1fr); }
  html[data-interface-font="opendyslexic"] .page-heading .roster-actions { grid-template-columns: minmax(0, 1fr); }
}