/* SENTINEL — restrained operations interface; existing IDs / alarm behavior retained. */
:root { --bg:#080e17; --bg2:#101b29; --bg3:#162335; --border:#293a4e; --text:#e8eef5; --dim:#a2b2c7; --cyan:#76c9c2; --green:#7cd5b0; --orange:#efb26c; --yellow:#e7cd89; --red:#ff6575; }
body { background:radial-gradient(ellipse at 80% 0,#17304355,transparent 55%),var(--bg); font-family:'Heebo',Arial,sans-serif!important; }
button,a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,select:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
#header { min-height:76px; padding:14px 24px; background:#0d1723; border-color:var(--border); }
.h-logo { color:var(--text); font-size:21px; letter-spacing:2px; }
.h-ver { letter-spacing:.8px; font-size:10px; margin-top:5px; }
.h-dot { width:10px; height:10px; background:var(--cyan); animation:none; box-shadow:0 0 0 5px #76c9c215; }
.h-src { margin-inline-start:24px; padding-inline-start:22px; border-inline-start:1px solid var(--border); font-size:12px; }
#h-clock { color:var(--dim); font-size:12px; letter-spacing:.5px; font-variant-numeric:tabular-nums; }
#push-btn,#lang-btn { min-width:38px; min-height:36px; border-color:var(--border); border-radius:9px; }
.workspace-nav { display:flex; align-items:center; gap:6px; padding:10px 24px; border-bottom:1px solid var(--border); background:#0b1420; flex-shrink:0; }
.workspace-nav a { color:var(--dim); text-decoration:none; font-size:13px; border:1px solid transparent; border-radius:8px; padding:9px 16px; }
.workspace-nav a:hover { background:#172637; color:var(--text); }
.workspace-nav a[aria-current='page'] { color:var(--cyan); background:#76c9c212; border-color:#76c9c230; }
.nav-note { margin-inline-start:auto; font-size:11px; color:var(--dim); }
#main { gap:12px; padding:12px; grid-template-columns:300px minmax(0,1fr) 280px; }
.panel,#right-panel { border:1px solid var(--border); border-radius:14px; background:#101b29; backdrop-filter:none; }
.ph { padding:16px; border-color:var(--border); }
.ph-title { font-family:inherit; font-size:14px; letter-spacing:0; color:var(--text); }
.ph-count { background:#213247; border-radius:6px; padding:2px 8px; }
.panel-body { padding:12px; }
.cat-bar { gap:6px; padding:12px; border-color:var(--border); }
.cat-btn { font-family:inherit; padding:7px 10px; font-size:11px; border-color:var(--border); border-radius:7px; }
.cat-btn.active { box-shadow:none; color:var(--cyan); background:#76c9c218; border-color:#76c9c270; }
.alert-item { padding:13px; margin-bottom:9px; background:#152234; border-color:var(--border); border-radius:10px; }
.a-title { font-size:14px; line-height:1.6; }.a-reg,.a-sub { font-size:12px; line-height:1.6; }
.sec-head { padding:15px 12px 8px; font-size:11px; letter-spacing:.5px; border-color:var(--border); }
.stat-grid,.osint-grid { padding:10px; gap:8px; }.stat-cell { padding:13px 8px; background:#162335; border:1px solid #293a4e88; border-radius:10px; }
.stat-val { font-size:26px; }.stat-lbl { font-family:inherit; font-size:11px; letter-spacing:0; }
.src-list { gap:10px; padding:15px; font-size:12px; }.osint-card { background:#142132; border-color:var(--border); padding:12px; }
.osint-name { font-family:inherit; letter-spacing:0; }.osint-desc { font-size:11px; line-height:1.6; }
#center { border:1px solid var(--border); border-radius:14px; overflow:hidden; min-width:0; }
#map-overlay { top:14px; left:52px; }.map-chip { padding:9px 13px; border-color:#ffffff30; border-radius:8px; color:#fff; }
#statusbar { background:#0d1723; border-color:var(--border); height:32px; }.ticker-text { animation-duration:80s; }
.modal-box { background:#101b29; border-color:var(--border); }.modal-title { font-family:inherit; }
@media(min-width:769px) and (max-width:1150px){ #main { grid-template-columns:260px minmax(0,1fr) 235px; gap:8px; padding:8px; }.h-src { margin-inline-start:8px; }.nav-note{display:none;} }
@media(max-width:768px){
 #header { min-height:72px; padding:12px 16px; gap:12px; flex-wrap:wrap; }.h-logo{font-size:18px}.h-ver{font-size:9px}.h-src{display:none}#h-clock{display:none}
 .workspace-nav{padding:8px 12px}.workspace-nav a{padding:8px 12px}.nav-note{display:none}
 #main { grid-template-columns:minmax(0,1fr); padding:8px; gap:0; }
 #left-panel.mob-show,#right-panel.mob-show{height:100%;min-height:0}.panel,#right-panel{border-radius:10px}
 #mobile-nav { flex-shrink:0; padding-bottom:env(safe-area-inset-bottom); }.mob-tab{font-family:inherit;font-size:12px;min-height:46px}
 #statusbar{height:27px}.sb{font-size:9px;padding:0 5px}
}
@media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} }
