/* Atlas shared interface — presentation and accessibility */
:root { color-scheme:dark; --bg:#0b1018; --sidebar:#111925; --panel:#141e2b; --border:#344253; --border-subtle:#293646; --accent:#ed9e53; --accent-glow:transparent; --accent-cyan:#90cbd5; --muted:#a8b7c8; --text:#edf2f7; }
body {font-family:Inter,"Segoe UI",Arial,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased;}
button,input,select {font:inherit;} button,a,input,select {touch-action:manipulation;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible {outline:3px solid #a6d9ff!important;outline-offset:3px;}
button:disabled {opacity:.5;cursor:wait;} a {text-underline-offset:3px;}
input:not([type=range]):not([type=checkbox]),select {min-height:42px;border-radius:9px;padding:10px 12px;font-size:13px;}
input[type=checkbox] {width:18px;height:18px;accent-color:var(--accent);}
input::placeholder {color:#9cadbf;opacity:1;}
button,.btn,.btn-act,.btn-top,.btn-filter {border-radius:8px;min-height:36px;transition:background .15s,border-color .15s;box-shadow:none;}
button:hover,.btn:hover {filter:brightness(1.12);}
.tab-btn {min-height:42px;font-size:13px;font-family:inherit;}
.tab-btn.active {background:#ed9e53;color:#171a20;box-shadow:none;border-color:#ed9e53;}
.atlas-brand {display:flex;align-items:center;gap:12px;padding:8px 0 14px;}
.atlas-mark {display:grid;place-items:center;width:40px;height:40px;border:1px solid #e6a25e;border-radius:11px;color:#edb77e;font-size:25px;font-weight:700;background:#25211e;}
.atlas-brand strong {display:block;font-size:22px;letter-spacing:5px;line-height:1.2;}
.atlas-brand small {display:block;color:var(--muted);font-size:11px;letter-spacing:.6px;margin-top:4px;}
.atlas-link {margin-left:auto;color:#c5d4e5;font-size:12px;text-decoration:none;padding:8px;border:1px solid var(--border-subtle);border-radius:8px;}
.atlas-notice {padding:10px 14px;border:1px solid #c4844a;border-radius:9px;background:#30251d;color:#ffe0bf;font-size:13px;}
.atlas-notice[hidden] {display:none;}
.skip-link {position:fixed;top:-100px;left:16px;z-index:5000;background:#edf2f7;color:#111;padding:12px;border-radius:8px;}
.skip-link:focus {top:12px;}
* {scrollbar-width:thin;scrollbar-color:#4b5d71 transparent;}
.atlas-map {height:100dvh;}
#sidebar {width:400px;flex:0 0 400px;padding:20px;gap:12px;background:#111925;box-shadow:none;border-right:1px solid #293646;min-height:0;}
.telemetry-bar {background:transparent;border:0;border-bottom:1px solid #293646;border-radius:0;padding:0 0 10px;font-size:10px;}
.status-dot {box-shadow:none;}
.header-row {gap:12px;flex-wrap:wrap;}
.header-row .badge {border:0;background:none;color:var(--muted);padding:0;font:11px "Segoe UI",sans-serif;}
.header-row>div:last-child {flex:1;}
.tab-bar {padding:4px;background:#0b121c;border-color:#293646;flex-shrink:0;}
.tab-pane {min-height:0;gap:12px;}
.quick-filters {gap:6px;flex-shrink:0;}
.btn-filter {font-size:11px;padding:6px 10px;}
.btn-filter.active {color:#171a20;}
.record-card {padding:14px;background:#16202d;border-color:#2b394b;border-left-width:2px;border-radius:10px;}
.record-card:hover {transform:none;background:#1c2a3b;border-color:#6b7d93;}
#mapContainer {height:100dvh;min-width:0;}
.tactical-top-bar {right:16px;max-width:calc(100% - 86px);flex-wrap:wrap;padding:8px;box-shadow:0 8px 28px #0003;border-color:#344253;}
.coord-hud {top:auto;bottom:90px;right:16px;}
.timeline-hud {left:20px;right:20px;bottom:20px;border-color:#344253;box-shadow:0 8px 28px #0003;}
.timeline-hud input {min-width:30px;}
.overlay-hud {top:130px;max-width:calc(100% - 32px);right:16px;}
body.kiosk-mode #sidebar {margin-left:-400px;}
.modal-box {max-height:90dvh;overflow:auto;border-color:#53657a;box-shadow:0 24px 80px #0008;}
.atlas-admin {max-width:1680px;margin:auto;padding:32px 40px;background:radial-gradient(ellipse at top right,#1b2939 0,transparent 45%),#0b1018;min-height:100dvh;}
.atlas-admin .header {padding-bottom:24px;border-bottom:1px solid #293646;gap:20px;margin-bottom:24px;flex-wrap:wrap;}
.atlas-admin .title-sub {color:#d8a877;letter-spacing:1.5px;font-size:11px;}
.atlas-admin .title-main {font-size:28px;letter-spacing:-.7px;margin-top:6px;}
.atlas-admin .header>div:last-child {flex-wrap:wrap;}
.atlas-admin .btn {min-height:40px;padding:9px 14px;font-size:12px;}
.atlas-admin .btn-danger {background:#392128;border-color:#73404d;color:#ffbcc7;}
.atlas-admin .btn-cyan {background:#223c51;border-color:#3e5e77;color:#c2e4ff;}
.nav-tabs {gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.recent-bar {background:#13232d;border-color:#2c4855;padding:18px;border-radius:12px;margin-bottom:24px;}
.recent-chip {padding:10px 12px;border-radius:8px;}
.recent-chip:hover {transform:none;}
.controls-card {padding:18px;background:#141e2b;border:1px solid #293646;border-radius:12px;gap:10px;}
.table-scroll {overflow:auto;border:1px solid #293646;border-radius:12px;}
.table-scroll table {min-width:1050px;border:0;border-radius:0;}
th {font-size:11px!important;letter-spacing:.35px;background:#1d2938!important;color:#b5c6d9!important;white-space:nowrap;}
th,td {padding:16px 14px;}
tbody tr:hover {background:#1b2939;}
.media-thumb,.video-thumb-box {border-radius:7px;}
.atlas-footer {color:#91a3b9;font-size:12px;margin-top:20px;display:flex;justify-content:space-between;gap:16px;}
@media(max-width:1100px) {#sidebar {width:350px;flex-basis:350px;padding:14px;}body.kiosk-mode #sidebar {margin-left:-350px;}.atlas-admin {padding:24px;}.controls-card>div:last-child {margin-left:0!important;}}
@media(max-width:700px) {.atlas-map {display:flex;flex-direction:column;height:auto;overflow:auto;}#sidebar {width:100%;flex:none;height:65dvh;min-height:420px;border-right:0;border-bottom:1px solid #344253;padding:16px;}#mapContainer {flex:none;width:100%;height:70dvh;min-height:450px;}body.kiosk-mode #sidebar {display:none;margin-left:0;}body.kiosk-mode #mapContainer {height:100dvh;}.atlas-brand {padding-bottom:4px;}.tactical-top-bar {max-height:130px;overflow:auto;}.timeline-hud {left:12px!important;right:12px;padding:10px;gap:8px;}.timeline-hud #timeDateDisplay {font-size:11px!important;min-width:78px!important;}.modal-box {padding:14px;}.atlas-admin {padding:20px 14px;}.atlas-admin .title-main {font-size:23px;}.atlas-admin .header {gap:16px;}.controls-card {align-items:stretch;}.controls-card input:not([type=checkbox]),.controls-card select {width:100%!important;}.controls-card label {width:100%;}.controls-card>div:last-child {flex-wrap:wrap;}.recent-bar>div:first-child {flex-wrap:wrap;gap:8px;}.atlas-footer {flex-wrap:wrap;}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {transition:none!important;animation:none!important;scroll-behavior:auto!important;}}

#feedList:empty::after {content:"Немає записів для відображення";display:block;text-align:center;color:var(--muted);font-size:13px;padding:32px 12px;border:1px dashed var(--border-subtle);border-radius:10px;}
#sidebar > div > a > .btn-act {background:#344459!important;}