*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#18231d;background:linear-gradient(135deg,#edf3df,#fff 55%,#e5ecd5)}a{color:#0b5c38}button,input,select,textarea{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.identity-panel,.login-panel{padding:48px;display:flex;flex-direction:column;justify-content:center}.identity-panel{text-align:center}.crest-placeholder{width:170px;height:170px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0c5132;border:10px solid #d4af37;font-size:34px;font-weight:900}.identity-panel h1{font-size:clamp(34px,5vw,64px);line-height:1.06;color:#103c29}.identity-panel h2{max-width:760px;margin:0 auto;font-size:clamp(20px,2.4vw,31px)}.divider{display:flex;gap:16px;align-items:center;justify-content:center;margin:18px 0 24px;color:#b88713}.divider span{width:140px;height:2px;background:#b88713}.motto{margin-top:26px;font-weight:800;letter-spacing:2px}.card,.wide-card,.panel,.stat-card{background:rgba(255,255,255,.92);border:1px solid rgba(20,80,48,.12);box-shadow:0 14px 34px rgba(0,0,0,.10)}.card{width:min(520px,100%);margin:auto;padding:34px;border-radius:20px}.card h2{text-align:center;color:#103c29}label{display:block;margin:14px 0 7px;font-weight:800}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #adbcb3;border-radius:8px;background:#fff}.show-password{display:flex;align-items:center;gap:10px;margin:14px 0}.show-password input{width:auto}.primary-btn,.primary-link,.verify-btn,.forward-btn,.feedback-btn,.close-btn{border:0;border-radius:8px;padding:12px 18px;color:#fff;font-weight:800;cursor:pointer;text-decoration:none}.primary-btn,.primary-link,.verify-btn{background:#0d653d}.forward-btn{background:#176fc1}.feedback-btn{background:#d97706}.close-btn{background:#b52f2f}.register-box,.notice,.feedback-box{margin-top:20px;padding:16px;border-radius:10px;background:#f4f7ef;border-left:5px solid #c5982b}.alert{margin:16px 0;padding:14px;border-radius:8px;font-weight:700}.alert.error{background:#fceaea;border-left:5px solid #b52f2f}.alert.success{background:#e6f6ec;border-left:5px solid #0d653d}.page-shell{min-height:100vh;padding:36px 18px}.wide-card{width:min(1150px,100%);margin:auto;padding:32px;border-radius:18px}.back-link{display:inline-block;margin-bottom:18px;font-weight:800}.eyebrow{font-size:13px;font-weight:900;letter-spacing:2px;color:#0d653d}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.full-width{grid-column:1/-1}.dashboard{padding:34px}.dashboard-header,.panel-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.header-actions a,.panel-heading a,.open-link{display:inline-block;padding:10px 14px;border-radius:7px;background:#103c29;color:#fff;text-decoration:none;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.stat-card{padding:22px;border-radius:14px;border-left:7px solid #0d653d}.stat-card span,.stat-card small{display:block}.stat-card strong{display:block;margin:14px 0;font-size:38px}.stat-card.danger{border-left-color:#b52f2f}.panel{padding:24px;border-radius:16px;margin-top:24px}.table-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:980px}th{padding:13px;color:#fff;background:#16261f;text-align:left}td{padding:13px;border-bottom:1px solid #d7dfda;vertical-align:top}td small{display:block;margin-top:6px;color:#66736c}.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#eef2ef;font-weight:700}.threat-low{background:#dff4e6}.threat-medium{background:#fff1bf}.threat-high{background:#ffd9ad}.threat-critical{background:#ffd0d0}.empty{padding:30px;text-align:center}.incident-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.command-grid{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px}.feedback-form{width:min(460px,100%)}.approval-form{min-width:260px}.approval-form button{margin:8px 5px 0 0}@media(max-width:900px){.login-page{grid-template-columns:1fr}.identity-panel,.login-panel{padding:28px 18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-header,.panel-heading{flex-direction:column}}@media(max-width:650px){.form-grid,.incident-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.stats-grid{grid-template-columns:1fr}.dashboard{padding:20px 12px}}



/* RSLAF logo, district/chiefdom and GPS update */

.official-logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.official-rslaf-logo {
    width: 190px;
    max-height: 220px;
    object-fit: contain;
    border-radius: 10px;
}

.dashboard-branding {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.dashboard-logo {
    width: 90px;
    height: 110px;
    object-fit: contain;
}

.report-heading-with-logo {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.form-logo {
    width: 80px;
    height: 100px;
    object-fit: contain;
}

.location-tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 14px;
    border-radius: 10px;
    background: #f2f7f1;
    border-left: 5px solid #0d653d;
}

.location-btn {
    border: 0;
    border-radius: 8px;
    padding: 11px 16px;
    color: white;
    background: #176fc1;
    font-weight: 800;
    cursor: pointer;
}

#locationStatus {
    font-weight: 700;
    color: #34483d;
}

@media (max-width: 650px) {
    .dashboard-branding,
    .report-heading-with-logo {
        align-items: flex-start;
    }

    .dashboard-logo,
    .form-logo {
        width: 64px;
        height: 80px;
    }

    .official-rslaf-logo {
        width: 145px;
    }
}



.map-mode-notice{margin-bottom:14px;padding:12px 16px;border-radius:8px;background:#eef5ee;border-left:5px solid #175d3c;font-weight:800}
#onlineMap{width:100%;height:650px;border-radius:12px;overflow:hidden;background:#dce7df}
.offline-map-title{margin-bottom:10px;font-weight:900;letter-spacing:.08em;color:#173f2f}
#offlineMap{position:relative;width:100%;height:650px;overflow:hidden;border-radius:14px;border:3px solid #173f2f;background:linear-gradient(rgba(20,73,49,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(20,73,49,.10) 1px,transparent 1px),linear-gradient(135deg,#dfead8 0%,#eef3e6 52%,#d7e4d1 100%);background-size:10% 10%,10% 10%,100% 100%}
.offline-border-outline{position:absolute;left:18%;top:7%;width:64%;height:86%;border:5px solid rgba(23,63,47,.75);border-radius:42% 30% 46% 34% / 28% 44% 34% 50%;transform:rotate(-5deg);box-shadow:inset 0 0 40px rgba(23,63,47,.12)}
.offline-grid-label{position:absolute;z-index:2;font-size:12px;font-weight:900;letter-spacing:.12em;color:rgba(23,63,47,.65)}
.north-label{top:10px;left:50%;transform:translateX(-50%)}.south-label{bottom:10px;left:50%;transform:translateX(-50%)}.west-label{left:10px;top:50%;transform:translateY(-50%) rotate(-90deg)}.east-label{right:10px;top:50%;transform:translateY(-50%) rotate(90deg)}
#offlineMarkers{position:absolute;inset:0;z-index:4}
.offline-incident-marker{position:absolute;display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%);text-decoration:none;z-index:5}
.marker-dot{display:block;width:18px;height:18px;border:3px solid white;border-radius:50%;background:#d97706;box-shadow:0 0 0 3px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.35)}
.marker-label{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:#173f2f;color:white;font-size:11px;font-weight:900}
.offline-incident-marker.threat-low .marker-dot{background:#2f855a}.offline-incident-marker.threat-medium .marker-dot{background:#d69e2e}.offline-incident-marker.threat-high .marker-dot{background:#dd6b20}.offline-incident-marker.threat-critical .marker-dot{background:#c53030}
.offline-map-note{margin-top:12px;padding:12px;border-radius:8px;background:#fff8e8;border-left:5px solid #d97706}
@media(max-width:700px){#onlineMap,#offlineMap{height:500px}}


/* Fix Leaflet/OpenStreetMap tiles */

.leaflet-container {
    width: 100% !important;
    height: 650px !important;
    min-height: 650px !important;
    display: block !important;
    position: relative !important;
    background: #dce7df;
}

.leaflet-container img,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    max-width: none !important;
    max-height: none !important;
}

.leaflet-tile {
    width: 256px !important;
    height: 256px !important;
}

.leaflet-pane,
.leaflet-map-pane,
.leaflet-tile-pane {
    position: absolute !important;
}

#onlineMap {
    width: 100% !important;
    height: 650px !important;
    min-height: 650px !important;
    overflow: hidden !important;
}

/* =========================================================
   AI-ASSISTED COMMAND INTELLIGENCE UPGRADE
   ========================================================= */

.ai-command-panel {
    margin: 28px 0;
    padding: 26px;
    border-radius: 18px;
    color: #f7fbf8;
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.22), transparent 34%),
        linear-gradient(135deg, #0c2f22, #174b35 58%, #0c2f22);
    box-shadow: 0 18px 40px rgba(12, 47, 34, .22);
}

.ai-panel-heading,
.ai-assessment-heading,
.incident-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 22px;
}

.ai-command-panel .eyebrow,
.ai-assessment-panel .eyebrow {
    color: #e6c85c;
}

.ai-command-panel h2,
.ai-command-panel h3 {
    color: white;
}

.ai-disclaimer {
    margin: 8px 0 0;
    font-size: 13px;
    opacity: .83;
}

.ai-score-summary {
    display: flex;
    gap: 12px;
}

.ai-score-summary > div {
    min-width: 120px;
    padding: 15px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    background: rgba(255,255,255,.08);
}

.ai-score-summary span,
.ai-score-summary small {
    display: block;
}

.ai-score-summary strong {
    display: inline-block;
    margin-top: 7px;
    font-size: 32px;
}

.ai-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.ai-card {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 14px;
    background: rgba(255,255,255,.075);
}

.metric-row,
.hotspot-row {
    display: grid;
    grid-template-columns: minmax(92px, 1.1fr) minmax(80px, 2fr) 34px;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
    font-size: 13px;
}

.metric-row {
    grid-template-columns: 72px 30px minmax(80px, 1fr);
}

.metric-bar,
.hotspot-bar {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
}

.metric-bar i,
.hotspot-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #d4af37;
}

.metric-bar .bar-low { background: #43aa70; }
.metric-bar .bar-medium { background: #e6bd3e; }
.metric-bar .bar-high { background: #eb7d2d; }
.metric-bar .bar-critical { background: #e14b4b; }

.priority-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.priority-card {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 102px;
    padding: 14px;
    border: 1px solid #d7dfda;
    border-left: 6px solid #7a8c82;
    border-radius: 12px;
    color: #17261e;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

.threat-edge-low { border-left-color: #2f855a; }
.threat-edge-medium { border-left-color: #d69e2e; }
.threat-edge-high { border-left-color: #dd6b20; }
.threat-edge-critical { border-left-color: #c53030; }

.priority-score {
    min-width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: white;
    background: #173f2f;
    font-weight: 900;
}

.priority-card span,
.priority-card small {
    display: block;
    margin-top: 5px;
}

.ai-score-badge {
    display: inline-block;
    min-width: 68px;
    padding: 7px 9px;
    border-radius: 8px;
    text-align: center;
    font-weight: 900;
}

.score-low { background: #dff4e6; color: #1e6b42; }
.score-medium { background: #fff1bf; color: #795d00; }
.score-high { background: #ffd9ad; color: #8b4100; }
.score-critical { background: #ffd0d0; color: #8f1f1f; }

.incident-title-row {
    margin-bottom: 20px;
}

.ai-risk-orb {
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    color: white;
    border: 7px solid rgba(255,255,255,.82);
    box-shadow: 0 0 0 4px rgba(23,63,47,.16), 0 12px 26px rgba(0,0,0,.14);
}

.ai-risk-orb strong { font-size: 34px; line-height: 1; }
.ai-risk-orb span { margin-top: 6px; font-size: 10px; letter-spacing: 1px; font-weight: 900; }
.risk-low { background: #2f855a; }
.risk-medium { background: #d69e2e; }
.risk-high { background: #dd6b20; }
.risk-critical { background: #c53030; }

.ai-assessment-panel {
    margin: 22px 0 28px;
    padding: 24px;
    border-radius: 16px;
    color: #f8fbf9;
    background: linear-gradient(135deg, #102f24, #1c563d);
    box-shadow: 0 16px 34px rgba(16,47,36,.18);
}

.ai-model-label {
    padding: 8px 12px;
    border-radius: 999px;
    color: #143a2a;
    background: #e6c85c;
    font-size: 12px;
    font-weight: 900;
}

.ai-summary-text {
    font-size: 16px;
    line-height: 1.65;
}

.ai-assessment-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 18px;
}

.factor-list {
    margin: 0;
    padding-left: 20px;
    line-height: 1.8;
}

.recommendation-box {
    padding: 18px;
    border-radius: 12px;
    color: #18231d;
    background: #f8f4df;
    border-left: 6px solid #d4af37;
}

.recommendation-box h3 { color: #183a2a; }
.recommendation-box small { color: #66736c; }

.ai-reassess-btn {
    border: 0;
    border-radius: 8px;
    padding: 12px 18px;
    color: #173f2f;
    background: #e6c85c;
    font-weight: 900;
    cursor: pointer;
}

.narrative-text {
    white-space: pre-wrap;
    line-height: 1.7;
}

@media (max-width: 1100px) {
    .ai-grid { grid-template-columns: 1fr; }
    .priority-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .ai-panel-heading,
    .ai-assessment-heading,
    .incident-title-row {
        flex-direction: column;
    }

    .ai-score-summary {
        width: 100%;
    }

    .ai-score-summary > div {
        flex: 1;
    }

    .ai-assessment-grid,
    .priority-grid {
        grid-template-columns: 1fr;
    }

    .ai-risk-orb {
        width: 94px;
        height: 94px;
        flex-basis: 94px;
    }
}


/* Krio Voice Intelligence */
.flash-stack{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:9999;width:min(760px,92%)}
.flash-message{padding:14px 18px;margin-bottom:10px;border-radius:10px;font-weight:800;box-shadow:0 5px 22px rgba(0,0,0,.2)}
.flash-success{background:#e7f6ec;color:#14532d;border-left:6px solid #15803d}
.flash-error{background:#fff0f0;color:#7f1d1d;border-left:6px solid #dc2626}
.voice-intelligence-card{grid-column:1/-1;padding:24px!important;background:linear-gradient(145deg,#f7fbf8,#eef5ef);border:1px solid #cadbce}
.voice-intelligence-card audio{width:100%}
.voice-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.voice-status{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.status-pending,.status-pending-translation{background:#fff4cc;color:#7c5700}
.status-machine-translated{background:#dceeff;color:#174a78}
.status-human-verified{background:#dff5e6;color:#155c30}
.translate-krio-btn,.verify-translation-btn{border:0;border-radius:9px;padding:12px 16px;font-weight:900;cursor:pointer;margin:8px 0}
.translate-krio-btn{background:#0d5b3b;color:#fff}
.verify-translation-btn{background:#b8860b;color:#fff}
.voice-translation-form{margin-top:14px;padding:18px;border-radius:12px;background:#fff;border-left:5px solid #b8860b}
.voice-translation-form label{display:block;margin-top:12px;font-weight:900}
.voice-translation-form textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #aab7ad;border-radius:8px;font:inherit}
.translation-warning,.translation-service-note{padding:12px;border-radius:8px;background:#fff7df;border-left:4px solid #d69e2e;font-weight:700}

/* Operational Timeline and Command Workflow */
.workflow-panel,.tasking-panel,.timeline-panel{margin:22px 0;padding:22px;border-radius:16px;background:#f8fbf9;border:1px solid #d2dfd5;box-shadow:0 10px 24px rgba(20,58,42,.08)}
.workflow-heading,.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.workflow-heading h2,.timeline-heading h2{margin:2px 0}
.workflow-status{padding:8px 13px;border-radius:999px;background:#173f2f;color:#fff;font-weight:900}
.workflow-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;position:relative}
.workflow-step{position:relative;text-align:center;color:#829087;font-size:12px;font-weight:800}
.workflow-step:before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:4px;background:#d8e0da;z-index:0}
.workflow-step:first-child:before{display:none}
.workflow-dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:#d8e0da;color:#617068;border:3px solid #f8fbf9;font-weight:900}
.workflow-step.is-complete:before,.workflow-step.is-complete .workflow-dot{background:#1c6a46;color:#fff}
.workflow-step.is-current .workflow-dot{box-shadow:0 0 0 5px rgba(230,200,92,.35);background:#d4af37;color:#173f2f}
.workflow-step.is-current strong{color:#173f2f}
.tasking-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.timeline-heading>span{font-weight:800;color:#607068}
.operational-timeline{position:relative;margin-top:10px;padding-left:8px}
.operational-timeline:before{content:"";position:absolute;left:25px;top:12px;bottom:12px;width:3px;background:#d6e0d8}
.timeline-event{position:relative;display:grid;grid-template-columns:52px 1fr;gap:14px;margin-bottom:18px}
.timeline-icon{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#173f2f;color:#fff;border:4px solid #f8fbf9;font-size:13px;font-weight:900}
.timeline-content{padding:14px 16px;border-radius:11px;background:#fff;border-left:5px solid #d4af37;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.timeline-content p{margin:8px 0;line-height:1.55}
.timeline-content small{color:#607068}
.timeline-meta{display:flex;justify-content:space-between;gap:16px;align-items:center}
.timeline-meta time{font-size:12px;color:#68766e;font-weight:700}
.workflow-action-form{grid-column:1/-1;padding:18px;border-radius:12px;background:#f3f7f4;border:1px solid #cad8ce}
.workflow-action-form h3{margin-top:0;color:#173f2f}
.workflow-action-form label{display:block;margin:10px 0 5px;font-weight:900}
.workflow-action-form input,.workflow-action-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #aebbb2;border-radius:8px;font:inherit}
.approve-btn,.assign-btn,.respond-btn{border:0;border-radius:8px;padding:12px 18px;font-weight:900;cursor:pointer}
.approve-btn{background:#d4af37;color:#173f2f}.assign-btn{margin-top:12px;background:#205f42;color:#fff}.respond-btn{margin-top:12px;background:#245f8f;color:#fff}
.critical-alert-banner{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:16px 20px;border-radius:14px;background:linear-gradient(100deg,#7f1d1d,#b42318);color:#fff;box-shadow:0 12px 26px rgba(127,29,29,.22)}
.critical-alert-banner>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.critical-alert-banner a{padding:9px 13px;border-radius:8px;background:#fff;color:#7f1d1d;text-decoration:none;font-weight:900}
.critical-alert-pulse{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#b42318;font-size:24px;font-weight:900;animation:alertPulse 1.8s infinite}
@keyframes alertPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media(max-width:800px){.workflow-track{grid-template-columns:repeat(3,1fr);row-gap:18px}.workflow-step:before{display:none}.tasking-grid{grid-template-columns:1fr}.workflow-heading,.timeline-heading,.timeline-meta,.critical-alert-banner{align-items:flex-start;flex-direction:column}.critical-alert-banner a{align-self:stretch;text-align:center}}


/* Live Military Command Centre */
.live-command-centre {
    margin: 0 0 24px;
    padding: 24px;
    border-radius: 20px;
    color: #f8fbf9;
    background:
        radial-gradient(circle at 85% 15%, rgba(230,200,92,.18), transparent 30%),
        linear-gradient(135deg, #071c15, #103b2b 56%, #071c15);
    border: 1px solid rgba(230,200,92,.35);
    box-shadow: 0 18px 42px rgba(7,28,21,.28);
}

.command-centre-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 22px;
}

.command-centre-heading h2 {
    margin: 4px 0 8px;
    color: #fff;
}

.command-centre-heading p {
    max-width: 760px;
    line-height: 1.55;
}

.live-status-indicator {
    min-width: 185px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
}

.live-status-indicator strong,
.live-status-indicator small {
    display: block;
}

.live-status-indicator strong {
    color: #92f5af;
    letter-spacing: .14em;
}

.live-status-indicator small {
    margin-top: 3px;
    color: #d6e5dc;
    font-size: 11px;
}

.live-dot {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    border-radius: 50%;
    background: #3ee875;
    box-shadow: 0 0 0 0 rgba(62,232,117,.65);
    animation: livePulse 1.6s infinite;
}

@keyframes livePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(62,232,117,.6); }
    50% { box-shadow: 0 0 0 10px rgba(62,232,117,0); }
}

.live-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.live-summary-card {
    padding: 17px;
    border-radius: 14px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(5px);
}

.live-summary-card span,
.live-summary-card small {
    display: block;
}

.live-summary-card span {
    color: #dce9e1;
    font-size: 13px;
    font-weight: 800;
}

.live-summary-card strong {
    display: block;
    margin: 7px 0 5px;
    color: #fff;
    font-size: 31px;
    line-height: 1;
}

.live-summary-card small {
    color: #b9ccc0;
    line-height: 1.35;
}

.live-danger-card {
    background: linear-gradient(145deg, rgba(153,27,27,.65), rgba(185,28,28,.25));
    border-color: rgba(255,159,159,.42);
}

.command-centre-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 18px;
}

.live-alert-panel,
.commander-activity-panel {
    min-width: 0;
    padding: 19px;
    border-radius: 15px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.13);
}

.live-panel-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}

.live-panel-heading h3 {
    margin: 3px 0 0;
    color: #fff;
}

#alertCountBadge {
    min-width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #c53030;
    font-weight: 900;
}

.live-alert-list,
.live-activity-feed {
    display: grid;
    gap: 10px;
    max-height: 390px;
    overflow: auto;
    padding-right: 4px;
}

.live-alert-item {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 12px;
    padding: 13px;
    border-radius: 11px;
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.11);
    transition: transform .16s ease, background .16s ease;
}

.live-alert-item:hover,
.activity-feed-item:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.12);
}

.live-alert-item strong,
.live-alert-item span,
.live-alert-item small {
    display: block;
}

.live-alert-item span {
    margin-top: 4px;
    color: #dce8e1;
}

.live-alert-item small {
    margin-top: 5px;
    color: #bfd0c5;
}

.alert-beacon {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    border-radius: 50%;
    background: #f59e0b;
}

.alert-critical .alert-beacon {
    background: #ff3b30;
    animation: criticalBeacon 1.05s infinite;
}

.alert-high .alert-beacon {
    background: #ff8c00;
}

@keyframes criticalBeacon {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,59,48,.65); }
    50% { opacity: .55; box-shadow: 0 0 0 8px rgba(255,59,48,0); }
}

.activity-feed-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 12px;
    border-radius: 11px;
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,.16);
    border: 1px solid rgba(255,255,255,.1);
    transition: transform .16s ease, background .16s ease;
}

.activity-feed-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #173f2f;
    background: #e6c85c;
    font-weight: 900;
}

.activity-feed-item p {
    margin: 5px 0;
    color: #d8e5dd;
    line-height: 1.4;
}

.activity-feed-item small {
    color: #b6c9bc;
}

.live-empty-state {
    padding: 22px;
    border-radius: 11px;
    text-align: center;
    color: #c9d9cf;
    background: rgba(0,0,0,.15);
    border: 1px dashed rgba(255,255,255,.2);
}

.live-update-error {
    border-color: rgba(255,90,90,.75);
}

.live-update-error .live-dot {
    background: #ef4444;
    animation: none;
}

@media (max-width: 1100px) {
    .live-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .command-centre-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .live-command-centre {
        padding: 17px;
    }

    .command-centre-heading {
        flex-direction: column;
    }

    .live-status-indicator {
        width: 100%;
        box-sizing: border-box;
    }

    .live-summary-grid {
        grid-template-columns: 1fr 1fr;
    }
}


/* Commander's Operational Map */
.operational-map-page {
    width: min(1500px, calc(100% - 34px));
    margin: 0 auto;
    padding: 24px 0 40px;
}

.operational-map-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.operational-map-header h1 {
    margin: 5px 0 8px;
}

.operational-map-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.operational-map-header-actions > a {
    padding: 13px 17px;
    border-radius: 10px;
    color: #fff;
    background: #173f2f;
    text-decoration: none;
    font-weight: 850;
}

.map-live-status {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
    padding: 11px 14px;
    border-radius: 11px;
    background: #eaf5ee;
    border: 1px solid #b6d7c2;
}

.map-live-status strong,
.map-live-status small {
    display: block;
}

.map-live-status strong {
    color: #173f2f;
}

.map-live-status small {
    margin-top: 2px;
    color: #53695d;
    font-size: 11px;
}

.map-command-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.map-command-summary article {
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #dbe6df;
    border-left: 5px solid #173f2f;
    box-shadow: 0 7px 20px rgba(28,56,42,.08);
}

.map-command-summary span,
.map-command-summary strong {
    display: block;
}

.map-command-summary span {
    font-size: 13px;
    color: #53645b;
    font-weight: 800;
}

.map-command-summary strong {
    margin-top: 5px;
    font-size: 27px;
}

.map-command-summary .summary-low { border-left-color: #2f855a; }
.map-command-summary .summary-medium { border-left-color: #d69e2e; }
.map-command-summary .summary-high { border-left-color: #dd6b20; }
.map-command-summary .summary-critical { border-left-color: #c53030; }

.operational-map-layout {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.map-control-sidebar,
.map-main-panel {
    min-width: 0;
    border-radius: 17px;
    background: #fff;
    border: 1px solid #dce6e0;
    box-shadow: 0 12px 32px rgba(21,54,38,.11);
}

.map-control-sidebar {
    padding: 18px;
}

.map-filter-heading h2 {
    margin: 3px 0 16px;
}

.map-control-sidebar label {
    display: block;
    margin-bottom: 12px;
    font-weight: 800;
    color: #253a30;
}

.map-control-sidebar input,
.map-control-sidebar select {
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
    padding: 11px 12px;
    border: 1px solid #bccbc2;
    border-radius: 9px;
    background: #fff;
}

.map-filter-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 13px 0 18px;
}

.map-filter-actions button {
    padding: 10px;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 850;
}

.map-filter-actions button:first-child {
    color: #fff;
    background: #173f2f;
}

.map-filter-actions button:last-child {
    color: #173f2f;
    background: #e5eee8;
}

.map-legend {
    margin-bottom: 18px;
    padding: 13px;
    border-radius: 11px;
    background: #f3f7f4;
}

.map-legend h3 {
    margin: 0 0 8px;
}

.map-legend div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
}

.legend-dot,
.register-threat-dot {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    border-radius: 50%;
}

.legend-critical { background: #c53030; }
.legend-high { background: #dd6b20; }
.legend-medium { background: #d69e2e; }
.legend-low { background: #2f855a; }

.map-register-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.map-register-title h3 {
    margin: 0;
}

.map-register-title span {
    min-width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #173f2f;
    font-weight: 900;
}

.map-incident-list {
    display: grid;
    gap: 8px;
    max-height: 450px;
    overflow: auto;
    margin-top: 11px;
    padding-right: 3px;
}

.map-register-item {
    width: 100%;
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr);
    gap: 9px;
    padding: 11px;
    border: 1px solid #d6e1da;
    border-radius: 9px;
    text-align: left;
    background: #fff;
    cursor: pointer;
}

.map-register-item:hover,
.map-register-selected {
    background: #edf6f0;
    border-color: #75a689;
}

.map-register-item strong,
.map-register-item small,
.map-register-item em {
    display: block;
}

.map-register-item small {
    margin-top: 3px;
    color: #55685e;
}

.map-register-item em {
    margin-top: 4px;
    color: #7a4d11;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.map-empty-register {
    padding: 18px;
    border: 1px dashed #bdcbc3;
    border-radius: 9px;
    color: #66796e;
    text-align: center;
}

.map-main-panel {
    padding: 13px;
}

.map-mode-notice {
    margin-bottom: 10px;
    padding: 11px 13px;
    border-radius: 9px;
    color: #173f2f;
    background: #edf6f0;
    border-left: 5px solid #173f2f;
    font-weight: 800;
}

#regionalMap {
    width: 100%;
    height: 760px;
    min-height: 760px;
    border-radius: 13px;
    overflow: hidden;
    background: #dce7df;
    position: relative;
    z-index: 1;
}

#regionalMap img,
.leaflet-container img,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    max-width: none !important;
    max-height: none !important;
}

.commander-map-popup {
    font-family: Arial, sans-serif;
}

.map-popup-photo {
    width: 100%;
    max-height: 155px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 9px;
}

.popup-reference {
    color: #7b5a0b;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
}

.commander-map-popup h3 {
    margin: 4px 0 8px;
}

.commander-map-popup p {
    margin: 5px 0;
    line-height: 1.36;
}

.popup-threat {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 99px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.map-popup-audio {
    width: 100%;
    margin: 8px 0;
}

.map-popup-translation,
.map-popup-recommendation {
    margin-top: 9px;
    padding: 9px;
    border-radius: 8px;
    background: #eef5f0;
    border-left: 4px solid #173f2f;
}

.map-popup-translation p,
.map-popup-recommendation p {
    margin-bottom: 0;
}

.commander-map-popup > a {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 11px;
    border-radius: 7px;
    color: #fff;
    background: #173f2f;
    text-decoration: none;
    font-weight: 850;
}

.critical-map-marker {
    animation: commanderCriticalPulse 1.1s infinite;
}

@keyframes commanderCriticalPulse {
    0%, 100% { stroke-opacity: 1; fill-opacity: 1; }
    50% { stroke-opacity: .55; fill-opacity: .65; }
}

@media (max-width: 1050px) {
    .map-command-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .operational-map-layout {
        grid-template-columns: 1fr;
    }

    .map-incident-list {
        max-height: 280px;
    }
}

@media (max-width: 700px) {
    .operational-map-page {
        width: min(100% - 18px, 1500px);
    }

    .operational-map-header,
    .operational-map-header-actions {
        flex-direction: column;
    }

    .operational-map-header-actions,
    .map-live-status {
        width: 100%;
        box-sizing: border-box;
    }

    .map-command-summary {
        grid-template-columns: 1fr 1fr;
    }

    #regionalMap {
        height: 560px;
        min-height: 560px;
    }
}


/* =========================================================
   FINAL PRESENTATION, PRINT AND REPORTING POLISH
   ========================================================= */
:root {
    --rslaf-green-950: #071c14;
    --rslaf-green-900: #0d2f22;
    --rslaf-green-800: #164b35;
    --rslaf-green-700: #1d6847;
    --rslaf-gold: #d3ad3f;
    --rslaf-gold-soft: #f3e5ad;
    --paper: #f7f8f3;
    --ink: #17231d;
}

html { scroll-behavior: smooth; }
body { min-height: 100vh; padding-top: 34px; }

.classification-ribbon {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 10000;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 22px;
    color: #fff;
    background: linear-gradient(90deg, var(--rslaf-green-950), var(--rslaf-green-800));
    border-bottom: 2px solid var(--rslaf-gold);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .11em;
}

.classification-clock { color: var(--rslaf-gold-soft); white-space: nowrap; }

.system-footer {
    width: min(1500px, calc(100% - 32px));
    margin: 34px auto 18px;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    color: rgba(255,255,255,.86);
    background: linear-gradient(135deg, var(--rslaf-green-950), var(--rslaf-green-800));
    border-top: 3px solid var(--rslaf-gold);
    border-radius: 14px;
    box-shadow: 0 14px 32px rgba(7,28,20,.20);
}
.system-footer div { display: grid; gap: 4px; }
.system-footer span, .system-footer small { opacity: .82; }

.scroll-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9000;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(--rslaf-green-800);
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: .2s ease;
}
.scroll-top.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }

.incident-page-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.incident-page-actions .back-link { margin-bottom: 0; }
.brief-link {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--rslaf-green-800), var(--rslaf-green-700));
    border: 1px solid rgba(211,173,63,.65);
    text-decoration: none;
    font-weight: 850;
}

.brief-page {
    width: min(1100px, calc(100% - 30px));
    margin: 26px auto;
    padding: 34px;
    color: var(--ink);
    background: #fff;
    border: 1px solid #d5ddd7;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0,0,0,.14);
}
.brief-toolbar { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.brief-toolbar a, .brief-toolbar button {
    padding: 10px 14px; border: 0; border-radius: 8px; color: #fff;
    background: var(--rslaf-green-800); text-decoration: none; font-weight: 850; cursor: pointer;
}
.brief-header { display: grid; grid-template-columns: 90px 1fr auto; gap: 22px; align-items: center; }
.brief-header img { width: 82px; max-height: 100px; object-fit: contain; }
.brief-header h1 { margin: 4px 0; color: var(--rslaf-green-950); }
.brief-kicker { margin: 0; color: var(--rslaf-green-700); font-weight: 900; letter-spacing: .12em; font-size: 12px; }
.brief-reference { display: grid; gap: 7px; text-align: right; }
.brief-reference strong { font-size: 20px; color: var(--rslaf-green-950); }
.brief-reference span { padding: 6px 10px; border-radius: 999px; background: var(--rslaf-gold-soft); font-weight: 900; }
.brief-classification { margin: 20px 0; padding: 8px; text-align: center; color: #fff; background: var(--rslaf-green-950); border-top: 2px solid var(--rslaf-gold); border-bottom: 2px solid var(--rslaf-gold); font-weight: 900; letter-spacing: .12em; font-size: 11px; }
.brief-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.brief-summary-grid article { padding: 15px; border-radius: 10px; background: #f0f4f0; border-left: 5px solid var(--rslaf-green-700); }
.brief-summary-grid span, .brief-summary-grid strong { display: block; }
.brief-summary-grid span { color: #5c6b63; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.brief-summary-grid strong { margin-top: 8px; }
.brief-section { margin-top: 24px; padding-top: 18px; border-top: 1px solid #cdd6d0; }
.brief-section h2 { color: var(--rslaf-green-900); }
.brief-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.brief-narrative { padding: 16px; background: #f5f7f4; border-left: 5px solid var(--rslaf-gold); line-height: 1.65; }
.brief-recommendation { padding: 16px; border-radius: 10px; background: #fff8df; border-left: 5px solid var(--rslaf-gold); }
.brief-caution { padding: 10px; color: #694d00; background: #fff7d8; font-weight: 750; }
.brief-media-record { margin: 10px 0; padding: 12px; border-radius: 8px; background: #f5f7f4; }
.brief-table { width: 100%; min-width: 0; border-collapse: collapse; }
.brief-table th { color: #fff; background: var(--rslaf-green-900); }
.brief-table th, .brief-table td { padding: 10px; border: 1px solid #ccd5cf; text-align: left; vertical-align: top; }
.brief-signature { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 38px; }
.brief-signature div { display: grid; gap: 18px; }
.brief-signature span { color: #5c6b63; font-size: 12px; text-transform: uppercase; font-weight: 850; }

@media (max-width: 760px) {
    .classification-ribbon { padding: 0 10px; font-size: 9px; }
    .classification-clock { display: none; }
    .system-footer { flex-direction: column; }
    .brief-page { padding: 20px; }
    .brief-header { grid-template-columns: 62px 1fr; }
    .brief-header img { width: 58px; }
    .brief-reference { grid-column: 1/-1; text-align: left; }
    .brief-summary-grid, .brief-two-column, .brief-signature { grid-template-columns: 1fr; }
}

@media print {
    @page { size: A4; margin: 14mm; }
    body { padding-top: 0; background: #fff !important; }
    .no-print, .classification-ribbon, .system-footer, .flash-stack { display: none !important; }
    .brief-page { width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
    .brief-section { break-inside: avoid; }
    .brief-timeline-section { break-inside: auto; }
    .brief-table tr { break-inside: avoid; }
    a { color: #000; text-decoration: none; }
}


/* Reports and Intelligence Centre */
.reports-centre-link { background: linear-gradient(135deg,#9b7420,#d3ad3f) !important; color:#102a20 !important; }
.reports-centre-page { width:min(1440px,calc(100% - 34px)); margin:28px auto 60px; }
.reports-centre-header { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:24px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#071f17,#0d4b34); border-bottom:3px solid var(--rslaf-gold); }
.reports-branding { display:flex; gap:18px; align-items:center; }
.reports-branding img { width:76px; max-height:90px; object-fit:contain; }
.reports-branding h1 { margin:4px 0 8px; }
.reports-header-actions { display:flex; gap:10px; flex-wrap:wrap; }
.reports-header-actions a { padding:11px 14px; border-radius:8px; color:#fff; background:rgba(255,255,255,.11); text-decoration:none; font-weight:850; }
.reports-header-actions .primary-report-action { background:var(--rslaf-gold); color:#102a20; }
.reports-summary-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:22px 0; }
.reports-summary-grid article { padding:18px; border-radius:14px; background:#fff; border-left:6px solid var(--rslaf-green-700); box-shadow:0 10px 25px rgba(0,0,0,.08); }
.reports-summary-grid span,.reports-summary-grid strong,.reports-summary-grid small { display:block; }
.reports-summary-grid span { font-weight:850; color:#516058; }
.reports-summary-grid strong { margin:8px 0 4px; font-size:32px; color:var(--rslaf-green-950); }
.reports-summary-grid .reports-danger { border-left-color:#a93026; }
.reports-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.report-product-card { padding:22px; border-radius:16px; background:#fff; border:1px solid #d4ddd7; box-shadow:0 12px 28px rgba(0,0,0,.08); }
.report-product-card.featured-product { color:#fff; background:linear-gradient(145deg,#09281d,#176044); border-color:#d3ad3f; }
.report-product-icon { display:inline-grid; place-items:center; min-width:54px; height:38px; padding:0 10px; border-radius:9px; color:#fff; background:var(--rslaf-green-800); font-size:11px; font-weight:950; letter-spacing:.08em; }
.featured-product .report-product-icon { color:#102a20; background:var(--rslaf-gold); }
.report-product-card h2 { margin:15px 0 8px; }
.report-product-card p { min-height:58px; color:#5a6860; line-height:1.5; }
.featured-product p { color:#e7f1ea; }
.report-product-card a { display:inline-flex; margin-top:8px; padding:10px 13px; border-radius:8px; color:#fff; background:var(--rslaf-green-800); text-decoration:none; font-weight:850; }
.featured-product a { color:#102a20; background:var(--rslaf-gold); }
.restricted-product { display:inline-block; margin-top:8px; color:#7a2924; font-weight:850; }
.reports-analysis-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:18px; margin-top:22px; }
.reports-analysis-card { padding:22px; border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.07); }
.reports-priority-item { display:flex; justify-content:space-between; gap:16px; margin:9px 0; padding:12px; border-radius:9px; color:inherit; background:#f1f5f2; text-decoration:none; border-left:5px solid var(--rslaf-gold); }
.reports-priority-item span { display:block; margin-top:4px; color:#637067; font-size:12px; }
.reports-priority-item b { white-space:nowrap; color:#a93026; }
.reports-count-row { display:flex; justify-content:space-between; gap:18px; padding:10px 0; border-bottom:1px solid #dce3de; }
.reports-generated { text-align:right; color:#68746d; font-size:12px; }
.daily-brief-page { width:min(1100px,calc(100% - 30px)); margin:25px auto; padding:34px; background:#fff; border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.14); }
.daily-brief-toolbar { display:flex; justify-content:space-between; margin-bottom:22px; }
.daily-brief-toolbar a,.daily-brief-toolbar button { padding:10px 14px; border:0; border-radius:8px; color:#fff; background:var(--rslaf-green-800); text-decoration:none; font-weight:850; cursor:pointer; }
.daily-brief-header { display:grid; grid-template-columns:82px 1fr auto; gap:20px; align-items:center; }
.daily-brief-header img { width:76px; max-height:95px; object-fit:contain; }
.daily-brief-header p { margin:0; color:var(--rslaf-green-700); font-size:12px; font-weight:950; letter-spacing:.12em; }
.daily-brief-header h1 { margin:5px 0; color:var(--rslaf-green-950); }
.daily-brief-meta { display:grid; text-align:right; }
.daily-brief-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.daily-brief-summary article { padding:15px; border-left:5px solid var(--rslaf-green-700); background:#f1f5f2; border-radius:9px; }
.daily-brief-summary span,.daily-brief-summary strong { display:block; }
.daily-brief-summary strong { margin-top:6px; font-size:26px; }
.daily-brief-section { margin-top:24px; padding-top:16px; border-top:1px solid #ccd6cf; }
.daily-brief-two-column { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.daily-brief-signatures { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:30px; }
.daily-brief-signatures div { display:grid; gap:9px; }
.daily-brief-signatures span { color:#667269; font-size:12px; font-weight:850; text-transform:uppercase; }
@media(max-width:900px){.reports-centre-header{align-items:flex-start;flex-direction:column}.reports-summary-grid{grid-template-columns:repeat(2,1fr)}.reports-products-grid,.reports-analysis-grid{grid-template-columns:1fr}.daily-brief-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.reports-centre-page{width:calc(100% - 18px)}.reports-branding{align-items:flex-start}.reports-branding img{width:55px}.reports-summary-grid{grid-template-columns:1fr}.daily-brief-page{padding:18px}.daily-brief-header{grid-template-columns:58px 1fr}.daily-brief-header img{width:52px}.daily-brief-meta{grid-column:1/-1;text-align:left}.daily-brief-summary,.daily-brief-two-column,.daily-brief-signatures{grid-template-columns:1fr}}
@media print{.daily-brief-page{width:100%;margin:0;padding:0;border:0;box-shadow:none}.daily-brief-section{break-inside:avoid}}

/* Offline Command Query Assistant */
.command-query-console {
    margin: 24px 0;
    padding: 28px;
    border-radius: 22px;
    color: #f7faf8;
    background: linear-gradient(135deg, rgba(5,37,27,.98), rgba(11,82,56,.95));
    box-shadow: 0 18px 42px rgba(4,32,23,.22);
}
.command-query-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;}
.command-query-heading h2 {margin:4px 0 8px;}
.command-query-heading p {margin:0;max-width:820px;color:rgba(255,255,255,.82);}
.command-query-mode {white-space:nowrap;padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.09em;color:#f4c95d;background:rgba(0,0,0,.16);}
.command-query-form {display:flex;gap:12px;}
.command-query-form input {flex:1;min-width:0;padding:15px 16px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#10241c;background:#fff;font-size:1rem;}
.command-query-form button,.command-query-examples button {border:0;border-radius:10px;cursor:pointer;font-weight:800;}
.command-query-form button {padding:0 20px;color:#183223;background:#e4b43d;}
.command-query-examples {display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 0;}
.command-query-examples button {padding:8px 11px;color:#f5fbf7;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);}
.command-query-result {margin-top:20px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);}
.command-query-placeholder,.command-query-loading,.command-query-error {padding:20px;color:rgba(255,255,255,.82);}
.command-query-answer {padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.14);}
.command-query-answer span {color:#f4c95d;font-size:.72rem;font-weight:900;letter-spacing:.08em;}
.command-query-answer h3 {margin:6px 0 0;font-size:1.08rem;}
.command-query-matches {padding:10px;display:grid;gap:8px;}
.command-query-match {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:10px;color:#f7faf8;text-decoration:none;background:rgba(0,0,0,.15);}
.command-query-match:hover {background:rgba(255,255,255,.12);}
.command-query-match strong,.command-query-match span {display:block;}
.command-query-match>div>span {margin-top:4px;color:rgba(255,255,255,.7);font-size:.85rem;}
.command-query-match-meta {display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.command-query-match-meta span {padding:5px 8px;border-radius:999px;font-size:.75rem;background:rgba(255,255,255,.13);}
@media (max-width:760px){.command-query-heading,.command-query-form,.command-query-match{flex-direction:column;align-items:stretch}.command-query-mode{align-self:flex-start}.command-query-form button{padding:13px 16px}.command-query-match-meta{justify-content:flex-start}}

/* User-management upgrade */
.user-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.user-summary-card {
    padding: 14px;
    border: 1px solid #d7dfda;
    border-radius: 10px;
    background: #f7faf8;
}

.user-summary-card span {
    display: block;
    color: #52665b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.user-summary-card strong {
    display: block;
    margin-top: 4px;
    font-size: 25px;
    color: #173f2f;
}

.user-filter-form {
    display: grid;
    grid-template-columns: 2fr 1fr 1.3fr auto;
    gap: 12px;
    align-items: end;
}

.user-filter-form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 800;
}

.user-filter-form input,
.user-filter-form select {
    width: 100%;
}

.filter-actions,
.user-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}

.secondary-link {
    display: inline-block;
    padding: 10px 13px;
    border: 1px solid #9bada3;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 800;
    color: #173f2f;
    background: white;
}

.delete-user-btn {
    border: none;
    border-radius: 7px;
    padding: 9px 12px;
    background: #1f2937;
    color: white;
    font-weight: 800;
    cursor: pointer;
}

.delete-user-btn:hover {
    background: #000000;
}

.account-status {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.status-active { background: #e4f6ea; color: #17633a; }
.status-pending { background: #fff4d6; color: #8a5a00; }
.status-suspended { background: #fee8d7; color: #9b3d00; }
.status-rejected { background: #fde5e5; color: #9e1c1c; }

@media (max-width: 900px) {
    .user-summary-grid,
    .user-filter-form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .user-summary-grid,
    .user-filter-form {
        grid-template-columns: 1fr;
    }
}

/* ===== Command communication module ===== */
.command-communications-summary,
.command-communications-panel {
    border-left: 6px solid #8f6b21;
}

.command-communications-heading,
.command-communications-summary .panel-heading,
.command-message-card-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.message-count-badge,
.message-status,
.message-type-label {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
}

.message-count-badge {
    background: #fff3cd;
    color: #6b4e00;
}

.message-status.status-sent {
    background: #fff3cd;
    color: #7a5700;
}

.message-status.status-acknowledged {
    background: #dff3e6;
    color: #175d3c;
}

.message-type-label {
    background: #e7edf9;
    color: #263f70;
    margin-bottom: 6px;
}

.command-message-list,
.command-message-thread {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.command-message-summary,
.command-message-card {
    border: 1px solid #d9dfdc;
    border-radius: 12px;
    background: #ffffff;
    padding: 15px;
    color: inherit;
    text-decoration: none;
}

.command-message-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.command-message-summary div {
    display: grid;
    gap: 4px;
}

.command-message-summary span,
.command-message-summary small,
.command-message-meta {
    color: #52615b;
}

.command-message-card.is-unread {
    border-left: 6px solid #b7791f;
    background: #fffdf5;
}

.command-message-form {
    margin: 18px 0;
    padding: 18px;
    border-radius: 12px;
    background: #f4f7f5;
    border: 1px solid #d5ded8;
}

.command-message-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.command-message-form label {
    display: block;
    margin: 10px 0 6px;
    font-weight: 800;
}

.command-message-form input,
.command-message-form select,
.command-message-form textarea {
    width: 100%;
}

.send-command-message-btn,
.acknowledge-message-btn {
    margin-top: 12px;
    border: 0;
    border-radius: 8px;
    padding: 11px 15px;
    font-weight: 800;
    cursor: pointer;
}

.send-command-message-btn {
    background: #173f2f;
    color: #ffffff;
}

.acknowledge-message-btn {
    background: #8f6b21;
    color: #ffffff;
}

.command-message-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 12px;
    font-size: 13px;
}

.acknowledged-note {
    margin-top: 12px;
    padding: 9px 12px;
    border-radius: 8px;
    background: #e7f5eb;
    color: #175d3c;
    font-weight: 700;
}

@media (max-width: 760px) {
    .command-message-form-grid {
        grid-template-columns: 1fr;
    }

    .command-communications-heading,
    .command-communications-summary .panel-heading,
    .command-message-card-heading,
    .command-message-summary {
        flex-direction: column;
        align-items: stretch;
    }
}


/* SBSRCEWS V3.0 dissertation completion modules */
.v3-page{max-width:1500px;margin:0 auto;padding:28px}.v3-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#102f24,#1c5a40);color:#fff;padding:28px;border-radius:16px;margin-bottom:22px}.v3-hero h1{margin:4px 0}.v3-hero a,.v3-hero button,.v3-primary,.v3-completion-actions a,.v3-completion-actions button{display:inline-block;border:0;border-radius:8px;padding:11px 15px;background:#d7b45a;color:#102f24;text-decoration:none;font-weight:800;cursor:pointer}.v3-metric-grid,.health-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:22px}.v3-metric-grid article,.health-grid article{background:#fff;border-radius:12px;padding:18px;border-left:5px solid #1c5a40;box-shadow:0 6px 18px rgba(0,0,0,.08)}.v3-metric-grid span,.health-grid span{display:block;font-size:12px;font-weight:800;text-transform:uppercase}.v3-metric-grid strong,.health-grid strong{display:block;font-size:28px;margin-top:7px}.v3-metric-grid .danger{border-color:#b42318}.v3-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.readiness-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px 0;border-bottom:1px solid #ddd}.readiness-list progress{grid-column:1/-1;width:100%;height:12px}.v3-list-item{display:block;padding:12px;border-bottom:1px solid #ddd;text-decoration:none;color:inherit}.v3-list-item span,.v3-list-item small{display:block}.v3-table-wrap{overflow:auto}.v3-table-wrap table{width:100%;border-collapse:collapse}.v3-table-wrap th,.v3-table-wrap td{padding:11px;border-bottom:1px solid #ddd;text-align:left}.warning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.warning-card{background:#fff;border-radius:14px;padding:22px;border-top:7px solid #2f855a;box-shadow:0 6px 18px rgba(0,0,0,.08)}.warning-card.warning-medium{border-color:#d69e2e}.warning-card.warning-high{border-color:#dd6b20}.warning-card.warning-critical{border-color:#c53030}.warning-card>span{font-weight:900}.warning-card>strong{font-size:34px}.v3-generated{text-align:right;color:#666}.test-result{padding:5px 9px;border-radius:999px;font-weight:800}.test-pass{background:#d9f2e3;color:#155b36}.test-not-run{background:#eee}.replay-timeline{position:relative;padding-left:30px}.replay-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:4px;background:#1c5a40}.replay-timeline article{display:grid;grid-template-columns:180px 1fr;gap:20px;background:#fff;border-radius:12px;padding:18px;margin:0 0 16px;position:relative}.replay-timeline article:before{content:"";position:absolute;left:-25px;top:24px;width:14px;height:14px;border-radius:50%;background:#d7b45a;border:3px solid #1c5a40}.replay-message{border-left:5px solid #d7b45a}.evidence-confidence{display:flex;gap:30px;align-items:center}.evidence-confidence strong{font-size:42px}.v3-completion-panel{display:flex;justify-content:space-between;gap:20px;align-items:center}.v3-completion-actions{display:flex;flex-wrap:wrap;gap:10px}.heat-toggle{display:flex!important;gap:8px;align-items:center}.heat-toggle input{width:auto!important}.v3-report-centre{margin-top:20px}
@media(max-width:900px){.v3-metric-grid,.health-grid{grid-template-columns:repeat(2,1fr)}.v3-two-col,.v3-completion-panel{grid-template-columns:1fr;display:grid}.v3-hero{align-items:flex-start;flex-direction:column}.replay-timeline article{grid-template-columns:1fr}.v3-page{padding:14px}}
@media print{.no-print,.v3-hero a,.v3-hero button{display:none!important}.v3-page{padding:0}.v3-hero{background:#fff!important;color:#000!important;border:1px solid #000}}

/* ============================================================
   SBSRCEWS VERSION 3.1 — SEMI-FINAL VISUAL & WORKFLOW POLISH
   ============================================================ */
:root{
    --v31-red:#a90f16;
    --v31-red-dark:#73090d;
    --v31-green:#103c29;
    --v31-gold:#d4af37;
    --v31-ink:#111813;
}

html{font-size:13px}
body,
button,
input,
select,
textarea,
table,
label,
a,
p,
span,
small,
strong{
    font-family:"Arial Black",Arial,sans-serif !important;
}
body{font-size:13px;line-height:1.55;color:var(--v31-ink)}

h1,h2,h3,h4,h5,h6,
.eyebrow,
.classification-ribbon,
.header-actions a,
.primary-btn,
.primary-link{
    font-family:"Arial Black",Arial,sans-serif !important;
    letter-spacing:.02em;
}
h1{font-size:22pt;line-height:1.12}
h2{font-size:16pt;line-height:1.2}
h3{font-size:14pt;line-height:1.25}
h4,h5,h6{font-size:13.5pt;line-height:1.3}

/* Prominent red operational controls requested for V3.1 */
.header-actions a.action-danger,
a.action-danger,
.action-danger{
    background:linear-gradient(135deg,var(--v31-red),var(--v31-red-dark)) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.25) !important;
    box-shadow:0 7px 16px rgba(120,0,7,.22);
}
.header-actions a.action-danger:hover,
a.action-danger:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(120,0,7,.34);
}
.action-new-incident{
    animation:v31IncidentPulse 2.2s ease-in-out infinite;
}
@keyframes v31IncidentPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(169,15,22,.42),0 7px 16px rgba(120,0,7,.22)}
    50%{box-shadow:0 0 0 9px rgba(169,15,22,0),0 10px 22px rgba(120,0,7,.32)}
}

/* Moving command hierarchy banner */
.role-ticker{
    position:relative;
    overflow:hidden;
    margin:18px 0 4px;
    border:2px solid var(--v31-gold);
    border-radius:10px;
    background:linear-gradient(90deg,#091d16,#174a35,#091d16);
    color:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.role-ticker::before,
.role-ticker::after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    width:55px;
    pointer-events:none;
}
.role-ticker::before{left:0;background:linear-gradient(90deg,#091d16,transparent)}
.role-ticker::after{right:0;background:linear-gradient(270deg,#091d16,transparent)}
.role-ticker-track{
    display:flex;
    align-items:center;
    gap:22px;
    width:max-content;
    padding:11px 70px;
    white-space:nowrap;
    text-transform:uppercase;
    font-family:"Arial Black",Arial,sans-serif;
    font-size:12px;
    letter-spacing:.08em;
    animation:v31RoleScroll 34s linear infinite;
}
.role-ticker:hover .role-ticker-track{animation-play-state:paused}
.role-ticker-track b{color:var(--v31-gold)}
@keyframes v31RoleScroll{
    from{transform:translateX(100vw)}
    to{transform:translateX(-100%)}
}

/* More military visual hierarchy and cleaner readability */
.dashboard-header,
.role-authority-panel,
.command-communications-summary,
.v3-completion-panel{
    border-top:3px solid var(--v31-gold);
}
.panel,
.stat-card,
.card,
.wide-card{
    backdrop-filter:blur(2px);
}
.header-actions a,
.panel-heading a,
.open-link{
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.header-actions a:hover,
.panel-heading a:hover,
.open-link:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
}

/* Incident and command accountability emphasis */
.critical-alert-banner{
    border:2px solid #7f1015;
    box-shadow:0 10px 28px rgba(127,16,21,.2);
}
.command-message-summary,
.command-message-card,
.replay-timeline article{
    border-left:6px solid var(--v31-gold);
}
.message-status,
.badge,
.test-result{
    font-family:"Arial Black",Arial,sans-serif !important;
}

/* Better tables on role testing and command pages */
th{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
td{font-size:13px}

/* Keep the typography readable on smaller devices */
@media(max-width:900px){
    h1{font-size:18pt}
    h2{font-size:15pt}
    h3{font-size:13.5pt}
    .role-ticker-track{animation-duration:26s}
}
@media(prefers-reduced-motion:reduce){
    .role-ticker-track,.action-new-incident{animation:none!important}
}


/* ============================================================
   SBSRCEWS VERSION 3.2 — DEFENCE PRESENTATION EDITION
   Professional military command-centre interface polish
   ============================================================ */
:root{
    --v32-bg:#06150f;
    --v32-surface:#0b261b;
    --v32-surface-2:#113a29;
    --v32-green:#1b6848;
    --v32-gold:#d6b64c;
    --v32-red:#b61921;
    --v32-white:#f5f8f6;
    --v32-muted:#b9c9c0;
}
body{
    background:
      radial-gradient(circle at 12% 0%,rgba(214,182,76,.12),transparent 27%),
      radial-gradient(circle at 88% 18%,rgba(27,104,72,.18),transparent 34%),
      linear-gradient(150deg,#e7eee8 0%,#f8faf8 42%,#dce8df 100%);
    min-height:100vh;
}
.classification-ribbon{
    position:sticky;top:0;z-index:1000;
    background:linear-gradient(90deg,#020a07,#0b2e20 55%,#020a07)!important;
    border-bottom:2px solid var(--v32-gold)!important;
    box-shadow:0 5px 18px rgba(0,0,0,.35);
}
.dashboard{max-width:1680px;margin:0 auto;padding:26px 30px 44px}
.dashboard-header{
    position:relative;
    overflow:hidden;
    align-items:center!important;
    padding:24px 26px!important;
    border:1px solid rgba(214,182,76,.42)!important;
    border-top:5px solid var(--v32-gold)!important;
    border-radius:18px!important;
    background:
      linear-gradient(105deg,rgba(255,255,255,.96),rgba(242,247,243,.92)),
      radial-gradient(circle at right,rgba(27,104,72,.13),transparent 45%);
    box-shadow:0 18px 40px rgba(3,25,16,.15)!important;
}
.dashboard-header::after{
    content:"";position:absolute;right:-70px;top:-95px;width:280px;height:280px;
    border:34px solid rgba(214,182,76,.08);border-radius:50%;pointer-events:none;
}
.dashboard-branding{align-items:center!important;min-width:390px}
.dashboard-logo{
    width:104px!important;height:126px!important;padding:5px;
    background:#fff;border:2px solid var(--v32-gold);border-radius:12px;
    box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.dashboard-branding h1{margin:5px 0 12px;color:#071a12;text-shadow:0 1px 0 #fff}
.dashboard-branding p{margin:5px 0;color:#293a31}
.header-actions{justify-content:flex-end;max-width:850px;position:relative;z-index:2}
.header-actions a{
    min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;
    padding:11px 16px!important;border-radius:10px!important;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(145deg,#174c35,#0a2f21)!important;
    box-shadow:0 7px 14px rgba(5,37,24,.18);
}
.header-actions a:hover{transform:translateY(-3px) scale(1.015)!important}
.header-actions .reports-centre-link{background:linear-gradient(145deg,#d9b948,#a97a12)!important;color:#151107!important}

.v32-command-overview{
    display:grid;grid-template-columns:minmax(330px,1.65fr) repeat(4,minmax(150px,.72fr));
    gap:13px;margin:18px 0 12px;
}
.v32-profile-card,.v32-command-metric{
    position:relative;overflow:hidden;min-height:126px;border-radius:15px;
    border:1px solid rgba(214,182,76,.32);box-shadow:0 12px 28px rgba(4,30,20,.15);
}
.v32-profile-card{
    display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;
    padding:20px 22px;color:#fff;
    background:linear-gradient(135deg,#061811,#174b35 68%,#0a2c1e);
}
.v32-profile-card::after{content:"";position:absolute;right:-35px;bottom:-55px;width:155px;height:155px;border:18px solid rgba(214,182,76,.13);border-radius:50%}
.v32-profile-seal{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;font-size:28px;color:#07160f;background:linear-gradient(145deg,#f2dc83,#b99121);border:3px solid rgba(255,255,255,.6);box-shadow:0 7px 16px rgba(0,0,0,.25)}
.v32-profile-card strong,.v32-profile-card small,.v32-profile-card span{display:block}
.v32-profile-card strong{font-size:17px;margin:3px 0}.v32-profile-card small{color:#d5e2db}
.v32-kicker{font-size:10px;letter-spacing:.15em;color:#e6cc72}
.v32-online-chip{position:absolute!important;right:17px;top:14px;font-size:9px!important;color:#d9f7e4!important}
.v32-online-chip i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#30d36d;box-shadow:0 0 0 5px rgba(48,211,109,.14);animation:v32LivePulse 1.8s infinite}
.v32-command-metric{padding:19px 18px;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(230,239,233,.96));border-left:5px solid var(--v32-green)}
.v32-command-metric span,.v32-command-metric small{display:block}.v32-command-metric span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#355246}.v32-command-metric strong{display:block;font-size:31px;margin:7px 0 3px;color:#09251a}.v32-command-metric small{font-size:10px;color:#63766c}.v32-alert-metric{border-left-color:var(--v32-red);background:linear-gradient(160deg,#fff,#f7e3e4)}.v32-alert-metric strong{color:#9e1118}

.v32-alert-ticker{display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;margin:0 0 10px;border-radius:10px;background:#071a12;color:#fff;border:1px solid #af8d27;box-shadow:0 8px 19px rgba(0,0,0,.19)}
.v32-alert-label{height:100%;display:flex;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#9d1017,#d0252d);font-size:10px;letter-spacing:.08em;white-space:nowrap;z-index:2}
.v32-alert-label span{width:8px;height:8px;border-radius:50%;background:#fff;margin-right:8px;animation:v32LivePulse 1.6s infinite}
.v32-alert-window{overflow:hidden}.v32-alert-track{display:flex;gap:20px;width:max-content;padding:9px 35px;white-space:nowrap;font-size:10px;letter-spacing:.06em;animation:v32AlertScroll 36s linear infinite}.v32-alert-track b{color:var(--v32-gold)}.v32-alert-ticker:hover .v32-alert-track{animation-play-state:paused}
@keyframes v32AlertScroll{from{transform:translateX(35vw)}to{transform:translateX(-100%)}}
@keyframes v32LivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}

.role-ticker{margin-top:11px!important}
.role-authority-panel{margin-top:16px!important;background:linear-gradient(140deg,rgba(255,255,255,.97),rgba(226,237,230,.95))!important}
.panel,.stat-card,.card,.wide-card{border-color:rgba(22,74,51,.18)!important;box-shadow:0 12px 30px rgba(5,39,26,.11)!important}
.live-command-centre,.ai-command-panel{border:1px solid rgba(214,182,76,.28)!important;box-shadow:0 18px 40px rgba(4,31,21,.22)!important}
.live-summary-card{min-height:145px!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important}
.live-summary-card strong{font-size:42px!important;line-height:1;margin:13px 0 8px!important;text-shadow:0 3px 10px rgba(0,0,0,.25)}
.live-danger-card{background:linear-gradient(145deg,rgba(194,31,39,.42),rgba(92,8,12,.25))!important;border-color:rgba(255,137,142,.35)!important}
.stat-card strong{font-size:44px!important;color:#0c3b29}.stat-card.danger strong{color:#aa151c}
.critical-alert-banner{background:linear-gradient(100deg,#6d090e,#bd1a22 65%,#780a0f)!important;color:#fff!important}
.table-wrap{border-radius:12px;border:1px solid rgba(18,67,46,.17)}
th{background:linear-gradient(90deg,#061a12,#174a35)!important;border-bottom:2px solid var(--v32-gold)}
tr:hover td{background:rgba(214,182,76,.07)}
.system-footer{background:linear-gradient(90deg,#020b07,#0d3022)!important;color:#e6eee9!important;border-top:2px solid var(--v32-gold)!important}
.scroll-top{background:linear-gradient(145deg,#b78c1f,#e4c960)!important;color:#09180f!important;border:2px solid #fff!important}

@media(max-width:1280px){.v32-command-overview{grid-template-columns:repeat(4,1fr)}.v32-profile-card{grid-column:1/-1}}
@media(max-width:900px){.dashboard{padding:18px 12px 30px}.dashboard-header{align-items:flex-start!important}.v32-command-overview{grid-template-columns:repeat(2,1fr)}.v32-profile-card{grid-column:1/-1}.v32-alert-ticker{grid-template-columns:1fr}.v32-alert-label{justify-content:center}.header-actions{justify-content:flex-start;max-width:none}}
@media(max-width:560px){.v32-command-overview{grid-template-columns:1fr}.v32-profile-card{grid-template-columns:auto 1fr}.v32-online-chip{display:none!important}.dashboard-logo{width:72px!important;height:90px!important}.header-actions a{width:100%}.v32-alert-track{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){.v32-alert-track,.v32-online-chip i,.v32-alert-label span{animation:none!important}}


/* SBSRCEWS VERSION 4.0 — FINAL DEFENCE EDITION */
.v4-national-picture{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(280px,.8fr);gap:16px;margin:18px 0}.v4-picture-main,.v4-command-status,.v4-activity-strip{background:linear-gradient(145deg,#061a12,#123d2b);color:#fff;border:1px solid rgba(214,182,76,.45);border-radius:16px;box-shadow:0 18px 38px rgba(3,25,16,.22)}.v4-picture-main{padding:22px}.v4-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.v4-section-heading h2{margin:4px 0 6px}.v4-section-heading p{margin:0;color:#c9d7cf}.v4-section-heading a{padding:10px 14px;border-radius:9px;background:#d6b64c;color:#07150f;text-decoration:none}.v4-picture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.v4-picture-grid article{padding:17px;border-radius:12px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}.v4-picture-grid span,.v4-picture-grid small{display:block}.v4-picture-grid strong{font-size:30px;display:block;margin:8px 0}.v4-threat{font-size:20px!important}.v4-threat.low{color:#57e68a}.v4-threat.high{color:#ffc34d}.v4-threat.critical{color:#ff6b72}.v4-command-status{padding:20px}.v4-command-status h3{margin:5px 0 13px}.v4-command-status>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}.v4-command-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38d976;margin-right:8px;box-shadow:0 0 0 4px rgba(56,217,118,.12)}.v4-activity-strip{padding:19px 21px;margin:16px 0;background:linear-gradient(145deg,#fff,#e8f0eb);color:#10261c}.v4-activity-strip{display:grid;grid-template-columns:260px 1fr;gap:20px}.v4-activity-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v4-activity-list div{padding:12px;border-radius:9px;background:#f8faf8;border-left:4px solid #1b6848}.v4-activity-list strong,.v4-activity-list span,.v4-activity-list small{display:block}.v4-activity-list strong{font-size:10px}.v4-activity-list span{font-size:11px;margin:5px 0}.v4-activity-list small{font-size:9px;color:#63766c}
.v4-situation-room{max-width:1800px;margin:auto;padding:22px;background:radial-gradient(circle at top right,#174c35,#06130e 62%);min-height:100vh;color:#fff}.v4-room-header{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid #d6b64c;border-radius:16px;background:rgba(3,18,12,.86)}.v4-room-header h1{margin:5px 0}.v4-room-live{text-align:right;display:flex;flex-direction:column;gap:8px}.v4-room-live span{color:#63e995}.v4-room-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38dc79;margin-right:6px}.v4-room-live a{color:#08150f;background:#d6b64c;padding:9px 12px;border-radius:8px;text-decoration:none}.v4-room-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.v4-room-metrics article{padding:17px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15)}.v4-room-metrics span,.v4-room-metrics strong{display:block}.v4-room-metrics strong{font-size:32px;margin-top:7px}.v4-room-metrics .critical{border-color:#ff646a}.v4-room-metrics .high{border-color:#ffc34d}.v4-room-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.v4-map-card,.v4-readiness-card,.v4-directive-card,.v4-priority-card{padding:18px;border-radius:14px;background:rgba(255,255,255,.96);color:#10261c}.v4-map-card iframe{width:100%;height:560px;border:0;border-radius:11px;margin-top:14px}.v4-readiness-row{padding:12px 0;border-bottom:1px solid #dce6df}.v4-readiness-row div{display:flex;justify-content:space-between}.v4-readiness-row progress{width:100%;height:12px}.v4-readiness-row small{display:block}.v4-directive-card a{display:block;padding:12px;margin:8px 0;border-left:4px solid #1b6848;background:#eef4f0;text-decoration:none;color:#10261c}.v4-directive-card span,.v4-directive-card small{display:block}.v4-priority-card{grid-column:1/-1}
.approval-form>select{margin-bottom:7px}.approval-form small{display:block}
@media(max-width:1100px){.v4-national-picture,.v4-room-grid{grid-template-columns:1fr}.v4-picture-grid,.v4-room-metrics{grid-template-columns:repeat(2,1fr)}.v4-activity-strip{grid-template-columns:1fr}.v4-activity-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.v4-picture-grid,.v4-room-metrics,.v4-activity-list{grid-template-columns:1fr}.v4-section-heading,.v4-room-header{flex-direction:column}.v4-room-live{text-align:left}.v4-map-card iframe{height:430px}}

/* SBSRCEWS Version 4.2 — Military 1:50,000 presentation sheet viewer */
.military-sheet-page{padding:20px;max-width:1600px;margin:0 auto}.military-demo-warning{margin:18px 0;padding:14px 18px;border-left:5px solid #c99b28;background:#fff8df;border-radius:10px;line-height:1.55}.military-sheet-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.military-sheet-sidebar,.military-sheet-main{background:#fff;border:1px solid #d8d8d8;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.military-sheet-sidebar{padding:18px}.military-sheet-sidebar label{display:block;font-weight:700;margin-bottom:16px}.military-sheet-sidebar select{width:100%;margin-top:7px;padding:10px;border:1px solid #bbb;border-radius:8px}.military-sheet-actions{display:flex;gap:8px;margin:-2px 0 18px}.military-sheet-actions button{flex:1;padding:9px;border:0;border-radius:7px;background:#123d31;color:#fff;font-weight:700;cursor:pointer}.grid-reference-card{margin-top:18px;padding:14px;border:1px solid #d9d9d9;border-radius:10px;background:#f8faf8}.grid-reference-card h3{margin-top:0;color:#123d31}.grid-reference-card p{margin:7px 0}.muted-card{background:#faf7ee}.military-sheet-main{padding:14px;min-height:720px}.military-sheet-titlebar{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;background:#102f28;color:#fff;border-radius:8px;margin-bottom:12px}.military-image-viewport{position:relative;overflow:auto;height:660px;background:#e8e6de;border:1px solid #bbb;border-radius:8px;text-align:center}.military-image-viewport img{max-width:100%;height:auto;transform-origin:top left;cursor:crosshair;transition:transform .15s ease}.military-click-marker{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #fff;border-radius:50%;background:#d81f26;box-shadow:0 0 0 2px #111;pointer-events:none}.operational-map-header-actions a{display:inline-block;margin-left:8px;padding:10px 14px;background:#123d31;color:#fff;text-decoration:none;border-radius:7px;font-weight:700}@media(max-width:900px){.military-sheet-layout{grid-template-columns:1fr}.military-image-viewport{height:520px}}


/* Version 4.2 search, writing assistance and military-map enhancements */
.global-search-form{display:flex;gap:.35rem;align-items:center;min-width:min(460px,42vw)}
.global-search-form input{width:100%;padding:.48rem .65rem;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.96);color:#12251c;font-family:Arial Black,Arial,sans-serif;font-size:12px}
.global-search-form button{padding:.48rem .7rem;border:0;border-radius:7px;background:#d9b64c;color:#102f23;font-family:Arial Black,Arial,sans-serif;cursor:pointer}
.system-search-page-form{display:flex;gap:.75rem;margin:1rem 0 1.5rem}.system-search-page-form input{flex:1;padding:.9rem;border:1px solid #b8c5bd;border-radius:8px;font-family:Arial Black,Arial,sans-serif}
.search-results-section{margin:1.5rem 0}.search-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.search-result-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid #ccd6d0;border-radius:10px;background:#fff;text-decoration:none;color:#143428;box-shadow:0 4px 14px rgba(0,0,0,.06)}.search-result-card:hover{border-color:#b4912e;transform:translateY(-1px)}
.military-map-direct{margin-left:.55rem;background:#2e513d;color:white!important;padding:.55rem .75rem;border-radius:7px;text-decoration:none}.small-note{font-size:11px;line-height:1.45;color:#52645b}.military-sheet-sidebar input[type=search]{width:100%;padding:.7rem;border:1px solid #b7c3bc;border-radius:7px;font-family:Arial Black,Arial,sans-serif}
@media(max-width:800px){.classification-ribbon{flex-wrap:wrap;gap:.5rem}.global-search-form{order:3;min-width:100%;width:100%}.system-search-page-form{flex-direction:column}}

.registered-incident-search{margin:.75rem 0 1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.registered-incident-search input{flex:1;min-width:260px;padding:.7rem;border:1px solid #b7c3bc;border-radius:7px;font-family:Arial Black,Arial,sans-serif}.registered-incident-search label{font-family:Arial Black,Arial,sans-serif;font-size:12px}

/* SBSRCEWS Version 5.0 — differentiated modules, click-through metrics and security/mobile additions */
.header-actions .v5-module{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px rgba(0,0,0,.10)}
.header-actions .v5-module span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:.5rem;background:rgba(255,255,255,.16);font-size:1rem}.module-map{background:#0c5f53!important}.module-military{background:#5a4c10!important}.module-satellite{background:#145878!important}.module-room{background:#7c2430!important}.module-warning{background:#9b6400!important}.module-reports{background:#7b5700!important}.module-export{background:#26564d!important}.module-audit{background:#303c54!important}.module-about{background:#48606d!important}.module-health{background:#176241!important}.module-security{background:#352f79!important}.module-users{background:#275174!important}.module-notify{background:#6b3a67!important}.module-recovery{background:#6b4428!important}
.v5-clickable-card{text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.v5-clickable-card:hover,.v5-clickable-card:focus{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.16);outline:2px solid #d9a22a;outline-offset:2px}.v4-activity-list .v5-activity-entry{display:grid;text-decoration:none;color:inherit;padding:.75rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.12)}.v4-activity-list .v5-activity-entry:hover{background:rgba(255,255,255,.08)}.v5-row-link{cursor:pointer}.v5-row-link:hover{background:#f1f6f3}.v5-auth{min-height:80vh;display:grid;place-items:center;padding:2rem}.v5-auth-card{width:min(520px,94vw);padding:2rem;border-radius:1.4rem;background:white;box-shadow:0 20px 60px rgba(0,0,0,.15)}.v5-auth-card input{width:100%;font-size:1.4rem;letter-spacing:.3rem;padding:.9rem;margin:.5rem 0 1rem}.v5-auth-card button{width:100%;padding:.9rem}.v5-readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}.v5-readiness-grid article{padding:1.2rem;border-radius:1rem;background:#f4f7f5;border:1px solid #dce7e1}.v5-satellite-config code{background:#eef1ef;padding:.15rem .35rem;border-radius:.3rem}@media(max-width:760px){.header-actions .v5-module{width:100%;justify-content:flex-start}.v32-command-overview{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}}

.module-new{background:#a82e35!important}.v4-picture-grid .v5-picture-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:inherit;border-radius:inherit;padding:inherit;min-height:100%}.v4-picture-grid .v5-picture-link:hover{outline:2px solid #d9a22a;outline-offset:2px;transform:translateY(-2px)}


/* Version 5.0 mobile PWA install control */
.mobile-app-install {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 0.55rem;
}
.mobile-install-button {
    appearance: none;
    border: 1px solid rgba(240, 185, 52, 0.72);
    border-radius: 10px;
    background: #173f31;
    color: #ffffff;
    padding: 0.55rem 0.82rem;
    font-weight: 800;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.mobile-install-button:hover,
.mobile-install-button:focus-visible {
    transform: translateY(-1px);
    background: #205840;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.24);
}
.mobile-install-button.install-ready {
    background: #d79a1f;
    color: #101614;
    border-color: #f3c154;
}
@media (max-width: 900px) {
    .classification-ribbon {
        flex-wrap: wrap;
        gap: 0.45rem;
    }
    .mobile-app-install {
        order: 4;
        width: 100%;
        margin: 0.15rem 0 0;
        justify-content: flex-start;
    }
    .mobile-install-button {
        width: 100%;
        min-height: 44px;
        font-size: 0.9rem;
    }
}


/* Supervisor review update — compact command navigation, recipient, camera and AI assistant */
.command-top-nav{width:100%;display:flex;align-items:center;gap:1.05rem;flex-wrap:wrap;padding:.7rem .2rem;border-top:1px solid rgba(255,255,255,.16)}.command-top-nav>a,.command-top-nav button{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;padding:.45rem .15rem}.command-top-nav .nav-priority{color:#9f2028}.command-top-nav .nav-logout{margin-left:auto;color:#9f2028}.nav-dropdown{position:relative}.nav-menu{display:none;position:absolute;z-index:80;top:100%;left:0;min-width:235px;padding:.45rem;background:#fff;border:1px solid #d7dfda;border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.18)}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}.nav-menu a{display:block;padding:.7rem .8rem;color:#15362a;text-decoration:none;border-radius:7px}.nav-menu a:hover{background:#edf3ef}.nav-message-link{display:flex;gap:.4rem;align-items:center}.nav-badge{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .35rem;border-radius:999px;background:#a5262d;color:#fff;font-size:.72rem}.commander-recipient-box,.operational-narrative-box{padding:1rem;border:1px solid #d6e0da;border-radius:12px;background:#f8faf9}.commander-details{margin-top:.55rem;padding:.65rem .8rem;background:#eaf2ed;border-radius:8px;font-size:.9rem}.commander-manual{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.7rem}.narrative-evidence-heading{display:flex;flex-direction:column;gap:.25rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #d6e0da}.camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}.camera-grid article{padding:1rem;border:1px solid #d6e0da;border-radius:12px}.camera-grid span,.camera-grid small{display:block;margin-top:.4rem}.camera-placeholder{min-height:430px;display:grid;place-items:center;text-align:center;align-content:center;background:linear-gradient(135deg,#102f28,#274d3d);color:#fff;border-radius:16px}.camera-placeholder>div{font-size:4rem;font-weight:900}.border-chatbot{position:fixed;right:22px;bottom:22px;z-index:200}.chatbot-launcher{width:58px;height:58px;border-radius:50%;border:0;background:#123d31;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.28);cursor:pointer}.chatbot-panel{position:absolute;right:0;bottom:70px;width:min(370px,88vw);height:470px;background:#fff;border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden;border:1px solid #d5ded8}.chatbot-panel header{display:flex;justify-content:space-between;align-items:center;padding:.9rem;background:#123d31;color:#fff}.chatbot-panel header button{background:transparent;border:0;color:#fff;font-size:1.4rem}.chatbot-body{height:350px;overflow:auto;padding:.9rem;color:#18372b}.chatbot-body p{padding:.65rem;border-radius:8px;background:#eef4f0}.chatbot-body .chat-user{background:#f7f0d8}.chatbot-panel form{display:flex;padding:.6rem;border-top:1px solid #ddd}.chatbot-panel input{flex:1;padding:.65rem}.chatbot-panel form button{padding:.65rem .8rem}@media(max-width:800px){.command-top-nav{gap:.65rem}.command-top-nav .nav-logout{margin-left:0}.nav-menu{position:fixed;left:5vw;right:5vw;top:auto;min-width:0}.commander-manual,.camera-grid{grid-template-columns:1fr}}

/* Version 5.1 supervisor layout refinement */
.dashboard{padding-top:12px}
.dashboard-header{display:grid!important;grid-template-columns:minmax(380px,0.95fr) minmax(0,1.55fr);align-items:start!important;gap:18px;padding-top:4px;margin-top:0}
.dashboard-branding{align-items:flex-start!important;min-width:0!important;margin-top:0;padding-top:0}
.dashboard-logo{margin-top:0!important}
.dashboard-branding .eyebrow{margin-top:0!important}
.command-top-nav{align-self:start;justify-content:flex-end;flex-wrap:nowrap!important;gap:.72rem!important;padding:.18rem 0 .6rem!important;border-top:0!important;margin-top:0;white-space:nowrap}
.command-top-nav>a,.command-top-nav summary{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;padding:.42rem .12rem;list-style:none}
.command-top-nav summary::-webkit-details-marker{display:none}
.command-top-nav .nav-logout{margin-left:0!important}
.nav-dropdown{position:relative}
.nav-dropdown[open]>.nav-menu{display:block}
.nav-dropdown[open] .nav-arrow{display:inline-block;transform:rotate(180deg)}
.nav-dropdown .nav-arrow{font-size:.78em;transition:transform .15s ease}
.nav-menu{display:none;position:absolute;z-index:180;top:calc(100% + 2px);left:0;min-width:245px;padding:.45rem;background:#fff;border:1px solid #d7dfda;border-radius:9px;box-shadow:0 14px 35px rgba(0,0,0,.18);white-space:normal}
.nav-menu a{display:block;padding:.72rem .82rem;color:#15362a;text-decoration:none;border-radius:7px}
.nav-menu a:hover,.nav-menu a:focus{background:#edf3ef}
.recipient-disclosure,.narrative-disclosure{padding:0!important;overflow:visible}
.recipient-disclosure>summary,.narrative-disclosure>summary{cursor:pointer;list-style:none;font-weight:900;padding:1rem 1.1rem;background:#f2f6f3;border-radius:11px}
.recipient-disclosure>summary::-webkit-details-marker,.narrative-disclosure>summary::-webkit-details-marker{display:none}
.recipient-disclosure[open]>summary,.narrative-disclosure[open]>summary{border-bottom:1px solid #d6e0da;border-radius:11px 11px 0 0}
.form-dropdown-arrow{float:right;transition:transform .15s ease}
.recipient-disclosure[open] .form-dropdown-arrow,.narrative-disclosure[open] .form-dropdown-arrow{transform:rotate(180deg)}
.commander-manual-always{padding:1rem;display:grid!important;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:0!important}
.field-note{display:block;padding:0 1rem 1rem;color:#5d6a63}
.narrative-entry-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:1rem;padding:1rem}
.narrative-text-area textarea{min-height:260px}
.narrative-media-area{display:grid;gap:.8rem}
.narrative-media-area label{margin-top:0}
@media(max-width:1100px){.dashboard-header{grid-template-columns:1fr}.command-top-nav{justify-content:flex-start;flex-wrap:wrap!important}.nav-menu{left:0}.commander-manual-always,.narrative-entry-grid{grid-template-columns:1fr}}
/* Dropdown menus open by click only, not by hover. */
.command-top-nav details.nav-dropdown:not([open]):hover>.nav-menu{display:none!important}
.command-top-nav details.nav-dropdown[open]>.nav-menu{display:block!important}


/* Version 5.1B — simple presentation dropdowns: hover/click top menus, right-side down arrows only */
.command-top-nav .hover-dropdown{position:relative;display:flex;align-items:center}
.command-top-nav .nav-dropdown-label{display:inline-flex;align-items:center;gap:.28rem;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;font-weight:800!important;cursor:pointer;padding:.42rem .12rem!important;white-space:nowrap}
.command-top-nav .nav-arrow{font-size:.72em;line-height:1;transform:none!important;transition:none!important}
.command-top-nav .hover-dropdown>.nav-menu{display:none!important;top:100%;margin-top:0}
.command-top-nav .hover-dropdown:hover>.nav-menu,
.command-top-nav .hover-dropdown:focus-within>.nav-menu,
.command-top-nav .hover-dropdown.is-open>.nav-menu{display:block!important}
.command-top-nav .hover-dropdown>.nav-menu a{display:block!important}

.form-disclosure{padding:0!important;overflow:visible;border:1px solid #d6e0da;border-radius:12px;background:#f8faf9}
.form-disclosure-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:0;background:#f2f6f3;color:inherit;font:inherit;font-weight:900;text-align:left;cursor:pointer;padding:1rem 1.1rem;border-radius:11px}
.form-disclosure-toggle .form-dropdown-arrow{float:none!important;font-size:.78em;line-height:1;transform:none!important;transition:none!important}
.form-disclosure-toggle[aria-expanded="true"]{border-bottom:1px solid #d6e0da;border-radius:11px 11px 0 0}
.form-disclosure-toggle[aria-expanded="true"] .form-dropdown-arrow{transform:none!important}
.form-disclosure-panel[hidden]{display:none!important}
.form-disclosure-panel{display:block}

/* Version 5.1C — supervisor-approved dashboard: only five top-level navigation items */
.command-top-nav{justify-content:flex-end!important;gap:1.15rem!important}
.command-top-nav>.nav-priority{margin:0!important}
.command-top-nav .nav-menu .nav-logout-item{color:#9f2028!important}
.command-top-nav .nav-menu .nav-badge{margin-left:.35rem;vertical-align:middle}

/* =============================================================
   VERSION 5.1D — FINAL DASHBOARD NAVIGATION LAYOUT
   Five top-level modules only, running horizontally at the top.
   Submodules remain hidden until the parent menu is hovered/clicked.
   ============================================================= */
.dashboard-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:10px!important;
    align-items:start!important;
    padding-top:0!important;
}
.command-top-nav{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:clamp(.9rem,2.4vw,2.4rem)!important;
    margin:0!important;
    padding:.45rem .15rem .7rem!important;
    border-top:0!important;
    border-bottom:1px solid rgba(16,60,41,.18)!important;
    white-space:nowrap!important;
    overflow:visible!important;
    position:relative!important;
    z-index:120!important;
}
.dashboard-branding{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    padding-top:.2rem!important;
}
.command-top-nav>a,
.command-top-nav .nav-dropdown-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:.3rem!important;
    padding:.45rem .1rem!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#173b2d!important;
    font:inherit!important;
    font-weight:900!important;
    text-decoration:none!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
.command-top-nav .nav-priority{color:#9f2028!important}
.command-top-nav .nav-arrow{
    display:inline-block!important;
    font-size:.72em!important;
    line-height:1!important;
    transform:none!important;
}
.command-top-nav .nav-dropdown{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
}
.command-top-nav .nav-menu{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 2px)!important;
    left:0!important;
    z-index:999!important;
    min-width:245px!important;
    margin:0!important;
    padding:.45rem!important;
    background:#fff!important;
    border:1px solid #d7dfda!important;
    border-radius:9px!important;
    box-shadow:0 14px 35px rgba(0,0,0,.18)!important;
    white-space:normal!important;
}
.command-top-nav .nav-dropdown:hover>.nav-menu,
.command-top-nav .nav-dropdown:focus-within>.nav-menu,
.command-top-nav .nav-dropdown.is-open>.nav-menu{
    display:block!important;
}
.command-top-nav .nav-menu a{
    display:block!important;
    width:100%!important;
    padding:.72rem .82rem!important;
    color:#15362a!important;
    text-decoration:none!important;
    border-radius:7px!important;
    white-space:nowrap!important;
}
.command-top-nav .nav-menu a:hover,
.command-top-nav .nav-menu a:focus{
    background:#edf3ef!important;
}
@media(max-width:900px){
    .command-top-nav{
        overflow-x:auto!important;
        overflow-y:visible!important;
        gap:1rem!important;
        padding-bottom:.65rem!important;
    }
    .command-top-nav .nav-menu{
        position:fixed!important;
        top:auto!important;
        left:5vw!important;
        right:5vw!important;
        min-width:0!important;
    }
}

/* SBSRCEWS Version 6.0 presentation/readiness additions */
.integration-status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;margin-bottom:18px;border:1px solid rgba(18,61,46,.18);border-radius:12px;background:rgba(18,61,46,.06);font-weight:800}.integration-status span{letter-spacing:.05em}.integration-status.online span{color:#176b45}
.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.message-card{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid rgba(20,55,40,.14)}.message-card strong{font-size:1.02rem}.message-card span,.message-card small{opacity:.75}.message-card p{margin:4px 0;white-space:pre-wrap}.danger-btn{background:#8f2027;color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:800;cursor:pointer}
@media(max-width:800px){.two-column-grid{grid-template-columns:1fr}}