:root{
  --bg:#0b0d10;--panel:#14181d;--panel2:#1b2026;--line:#2a3139;
  --text:#f2f4f7;--muted:#929aa5;--accent:#e33b32;--accent-rgb:227,59,50;--green:#25c26e;
  --danger:#d34b4b;--radius:10px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:#d9e4f2;text-decoration:none}
a:hover{color:white}
button,input,select{font:inherit}
.topbar{height:64px;border-bottom:1px solid var(--line);background:#0f1216;display:flex;align-items:center;padding:0 24px;gap:28px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}
.brand img{width:120px;max-height:34px;object-fit:contain}
.nav{display:flex;gap:20px;flex:1}
.nav a{color:#aeb6c0;font-size:14px}
.nav a:hover{color:#fff}
.userbox{display:flex;align-items:center;gap:10px;font-size:13px}
.role{color:var(--muted);text-transform:uppercase;font-size:11px}
.link-button{background:none;border:0;color:#cbd2db;cursor:pointer;padding:0}
.container{max-width:1500px;margin:0 auto;padding:28px}
.footer{padding:24px;text-align:center;color:#5f6873;font-size:12px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:20px}
h1{font-size:28px;margin:0 0 5px}
h2{font-size:17px;margin:0}
h3{font-size:15px;margin-top:26px}
.muted,.sub{color:var(--muted)}
.sub{font-size:12px;margin-top:4px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:7px}
.stat-card span{color:var(--muted);font-size:13px}
.stat-card strong{font-size:30px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px}
.panel.accent{border-color:#53462a}
.panel.narrow{max-width:760px}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;color:#8e98a4;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line)}
td{padding:12px 10px;border-bottom:1px solid #232930;font-size:13px;vertical-align:top}
tr:last-child td{border-bottom:0}
code{font-family:Consolas,monospace;color:#dbe6f4;word-break:break-all}
.empty{text-align:center;color:var(--muted);padding:28px}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;letter-spacing:.05em}
.badge.online{background:rgba(37,194,110,.14);color:#55e197}
.badge.offline{background:rgba(146,154,165,.12);color:#98a1ab}
.badge.neutral{background:#20262d;color:#aeb7c1}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #36404b;background:#20262d;color:#eef2f7;border-radius:7px;padding:9px 12px;cursor:pointer}
.button:hover{background:#29313a}
.button.primary{background:#e33b32;border-color:#e33b32;color:#fff}
.button.danger{border-color:#623838;color:#ffb1ad}
.button.small{font-size:12px;padding:6px 9px}
.button.tiny{font-size:11px;padding:4px 7px}
.button.full{width:100%;margin-top:18px}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.actions form{margin:0}
label{display:block;color:#bdc4cc;font-size:13px;margin:0 0 6px}
input,select{width:100%;background:#0e1115;border:1px solid #303842;color:#fff;border-radius:7px;padding:10px 11px;outline:none}
input:focus,select:focus{border-color:#596674}
.form-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end}
.form-actions{padding-bottom:1px}
.checkbox{display:flex;gap:9px;align-items:center;margin:9px 0}
.checkbox input{width:auto}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:20px}
.flash{padding:11px 13px;border-radius:7px;margin-bottom:14px;border:1px solid var(--line)}
.flash.success{border-color:#285c43;background:#10271d}
.flash.error{border-color:#683a3a;background:#2a1515}
.copy-row{display:flex;align-items:center;gap:8px;margin:5px 0 10px}
.copy-row code{background:#0d1013;padding:7px 9px;border-radius:5px;flex:1}
.secret-box{margin-top:10px;min-width:340px}
.ua{max-width:360px;word-break:break-word;color:#9aa3ad;font-size:12px}
.settings-logo{display:block;max-width:280px;max-height:120px;object-fit:contain;background:#0d1013;padding:12px;margin:12px 0 20px;border-radius:7px}
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#182027 0,#0b0d10 45%)}
.login-card{width:min(420px,100%);background:#12161b;border:1px solid #283039;border-radius:14px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.login-card h1{text-align:center}
.login-card .muted{text-align:center;margin-bottom:24px}
.login-card label{margin-top:14px}
.login-logo{display:block;max-width:230px;max-height:85px;object-fit:contain;margin:0 auto 20px}
.watch-body{margin:0;background:#000;width:100vw;height:100vh;overflow:hidden}
.watch-stream{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.watch-status{position:absolute;right:20px;top:20px;width:310px;padding:12px 16px 14px;background:rgba(0,0,0,.72);border-radius:8px;z-index:10}
.watch-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:15px;font-weight:600}
.watch-status img{display:block;width:220px;max-height:80px;object-fit:contain;margin:13px auto 0}
.watch-back{position:absolute;left:18px;bottom:18px;z-index:10;background:rgba(0,0,0,.62);padding:8px 11px;border-radius:7px;font-size:12px;opacity:.35;transition:opacity .2s}
.watch-back:hover{opacity:1}
.error-page{text-align:center;margin:60px auto}
.error-page h1{font-size:70px}
@media(max-width:900px){
  .container{padding:18px}.cards,.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}
  .watch-status{right:10px;top:10px;width:285px}
}

.tenant-switch select{width:170px;padding:6px 8px;font-size:12px}
.tenant-label{color:#aeb6c0;font-size:12px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-body{margin:0;background:#000;width:100vw;height:100vh;overflow:hidden}
.watch-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(320px,.8fr);width:100vw;height:100vh}
.watch-video-wrap{position:relative;min-width:0;background:#000}
.watch-stream{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.telemetry-panel{background:#11151a;border-left:1px solid #2a3139;padding:14px;overflow:auto}
.telemetry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
#drone-map{height:58vh;min-height:320px;border-radius:8px;overflow:hidden;background:#20262d}
.telemetry-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.telemetry-cards>div{background:#181d23;border:1px solid #2a3139;border-radius:8px;padding:10px}
.telemetry-cards span{display:block;color:#929aa5;font-size:11px;margin-bottom:4px}
.telemetry-cards strong{font-size:15px}
.gps-coords{font-family:Consolas,monospace;color:#aeb7c1;font-size:12px;margin-top:10px;text-align:center}
.drone-marker{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e33b32;color:#fff;border:2px solid #fff;font-size:18px;box-shadow:0 1px 6px rgba(0,0,0,.45)}
@media(max-width:1000px){
  .watch-body{overflow:auto}
  .watch-grid{grid-template-columns:1fr;height:auto;min-height:100vh}
  .watch-video-wrap{height:60vh}
  .telemetry-panel{border-left:0;border-top:1px solid #2a3139}
  #drone-map{height:380px;min-height:300px}
}

/* AVERON Watch v2.1 */
.watch-toolbar{
  position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:40;
  display:flex;align-items:center;gap:10px;padding:7px;
  background:rgba(10,12,15,.84);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(0,0,0,.28)
}
.view-switch{display:flex;gap:4px}
.watch-tool,.icon-button{
  border:1px solid #39424d;background:#171c22;color:#c8d0d9;border-radius:7px;
  padding:7px 10px;cursor:pointer;font-size:12px
}
.watch-tool:hover,.icon-button:hover{background:#252c34;color:#fff}
.watch-tool.active{background:#e33b32;border-color:#e33b32;color:#fff}
.map-style-control{display:flex;align-items:center;gap:7px;margin:0;color:#9ba5b0;font-size:11px}
.map-style-control select{width:112px;padding:6px 8px;font-size:12px;background:#11161b}
.telemetry-head-actions{display:flex;align-items:center;gap:7px}
.icon-button{width:30px;height:28px;padding:0;font-size:16px;line-height:1}
.telemetry-details{overflow:hidden;max-height:260px;opacity:1;transition:max-height .2s ease,opacity .15s ease}
.telemetry-details.collapsed{max-height:0;opacity:0;pointer-events:none}
.watch-grid.mode-live{grid-template-columns:1fr}
.watch-grid.mode-live .telemetry-panel{display:none}
.watch-grid.mode-map{grid-template-columns:1fr}
.watch-grid.mode-map .watch-video-wrap{display:none}
.watch-grid.mode-map .telemetry-panel{
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  height:100vh;border-left:0;padding:14px 16px
}
.watch-grid.mode-map #drone-map{height:auto;min-height:0}
.map-point-marker{display:flex;align-items:center;gap:5px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));cursor:pointer}
.map-point-dot{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--point-color,#2f80ed);display:block;flex:none}
.map-point-label{background:rgba(10,12,15,.82);border:1px solid rgba(255,255,255,.18);border-radius:5px;color:#fff;padding:3px 6px;font-size:11px;white-space:nowrap}
.map-point-popup{font:12px/1.45 Segoe UI,Arial,sans-serif;color:#111;min-width:150px}
.map-point-popup strong{display:block;margin-bottom:4px;font-size:13px}
.maplibregl-popup-content{border-radius:7px!important}
@media(max-width:1000px){
  .watch-toolbar{top:8px;max-width:calc(100vw - 16px);left:8px;transform:none;overflow-x:auto}
  .watch-tool{white-space:nowrap}
  .map-style-control span{display:none}
  .watch-grid.mode-split{grid-template-columns:1fr}
  .watch-grid.mode-live{display:block;height:100vh}
  .watch-grid.mode-live .watch-video-wrap{height:100vh}
  .watch-grid.mode-map{display:block;height:100vh}
  .watch-grid.mode-map .telemetry-panel{height:100vh}
}

textarea{width:100%;background:#0e1115;border:1px solid #303842;color:#fff;border-radius:7px;padding:10px 11px;outline:none;resize:vertical;font:inherit}
textarea:focus{border-color:#596674}
.cards-4{grid-template-columns:repeat(4,1fr)}
.stat-card small{color:#6f7985;font-size:11px}
.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.limits-cell{display:flex;gap:7px;white-space:nowrap;color:#aeb6c0}
.limits-cell span{background:#20262d;border-radius:5px;padding:3px 6px;font-size:11px}
.branding-lock{border-color:#29404d}
.branding-preview{display:flex;align-items:center;gap:20px}
.branding-preview.large{min-height:120px}
.branding-preview img{max-width:220px;max-height:85px;object-fit:contain;background:#0d1013;padding:10px;border-radius:7px}
.branding-preview p{margin:6px 0 0;line-height:1.45}
.info-box{margin-top:18px;background:#101820;border:1px solid #263746;border-radius:8px;padding:14px}
.info-box p{color:#929aa5;margin:6px 0 0;line-height:1.45}
.danger-zone{border-color:#653737}
.delete-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;max-width:760px}
@media(max-width:1100px){.cards-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cards-4,.limit-grid{grid-template-columns:1fr}.delete-form{grid-template-columns:1fr}}

.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.package-card{background:#14181d;border:1px solid #2a3139;border-radius:10px;padding:18px;min-height:190px}
.package-card.dedicated{border-color:#51442b;background:linear-gradient(180deg,#181816,#14181d)}
.package-card h2{margin:7px 0 9px;font-size:17px}
.package-card p{color:#929aa5;font-size:12px;line-height:1.45;min-height:38px}
.package-type{display:inline-flex;padding:4px 7px;border-radius:5px;background:#20262d;color:#9eabb8;font-size:10px;font-weight:800;letter-spacing:.08em}
.package-card.dedicated .package-type{background:#392f1d;color:#e4c789}
.package-limits{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}
.package-limits span{background:#0e1115;border:1px solid #29313a;border-radius:6px;padding:7px 9px;font-size:11px;color:#aeb6c0}
.package-limits strong{color:#fff}
.package-limits.vertical{flex-direction:column}
.package-limits.vertical span{width:100%}
.tenant-create-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:14px;align-items:end}
.custom-limit-toggle{margin-top:18px}
.limits-disabled{opacity:.4}
.selected-package{background:#101419;border:1px solid #29313a;border-radius:8px;padding:16px;margin-bottom:18px}
.selected-package h2{margin:8px 0}
@media(max-width:1200px){.package-grid{grid-template-columns:repeat(2,1fr)}.tenant-create-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.package-grid,.tenant-create-grid{grid-template-columns:1fr}}

.usage-head{align-items:flex-end}
.usage-actions{display:flex;align-items:flex-end;gap:10px}
.usage-actions form{min-width:140px}
.usage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.usage-chart{height:220px;display:flex;align-items:flex-end;gap:5px;padding:12px 4px 0;border-top:1px solid #252c34}
.usage-day{height:100%;flex:1;min-width:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.usage-day span{font-size:10px;color:#747f8b}
.usage-bar-wrap{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.usage-bar{width:min(22px,80%);min-height:3px;background:#596674;border-radius:4px 4px 1px 1px}
.usage-day:hover .usage-bar{background:#788796}
.usage-note p{color:#929aa5;line-height:1.5;margin:7px 0 0}
.usage-mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.usage-mini-grid>div{background:#101419;border:1px solid #29313a;border-radius:8px;padding:12px}
.usage-mini-grid span{display:block;color:#929aa5;font-size:11px;margin-bottom:5px}
.usage-mini-grid strong{font-size:16px}
@media(max-width:1200px){
  .usage-cards{grid-template-columns:repeat(2,1fr)}
  .usage-mini-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .usage-cards,.usage-mini-grid{grid-template-columns:1fr}
  .usage-actions{align-items:stretch;flex-direction:column}
  .usage-chart{overflow-x:auto;justify-content:flex-start}
  .usage-day{min-width:26px}
}

/* AVERON v2.5 responsive shell */
.topbar-menu{display:flex;align-items:center;gap:22px;flex:1;min-width:0}
.mobile-nav-toggle{display:none;width:42px;height:42px;border:1px solid #36404b;background:#171c22;color:#fff;border-radius:8px;font-size:20px;cursor:pointer}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-span-2{grid-column:1/-1}
.switch-row{display:flex;align-items:center;gap:8px;margin:0}
.switch-row input{width:auto}
.checkbox.compact{font-size:11px;margin-top:7px}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.event-option{display:flex;gap:10px;align-items:flex-start;background:#101419;border:1px solid #29313a;border-radius:8px;padding:12px;cursor:pointer}
.event-option input{width:auto;margin-top:2px}
.event-option span{display:flex;flex-direction:column;gap:4px}
.event-option small{color:#6f7985;font-family:Consolas,monospace}
.schedule-card{margin-top:16px;padding:14px;background:#101419;border:1px solid #29313a;border-radius:8px;display:flex;flex-direction:column;gap:5px}
.schedule-card span,.schedule-card small{color:#929aa5}
.system-savebar{display:flex;justify-content:flex-end;margin:0 0 18px}
.security-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.security-status-card h2{margin:12px 0 6px}
.security-metric{min-width:180px;background:#101419;border:1px solid #29313a;border-radius:8px;padding:14px}
.security-metric span{display:block;color:#929aa5;font-size:11px}
.security-metric strong{display:block;font-size:30px;margin-top:5px}
.twofa-setup{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}
.qr-card{background:#fff;border-radius:12px;padding:16px;width:280px}
.qr-card img{display:block;width:100%;height:auto}
.setup-steps{padding-left:20px;color:#c7ced6;line-height:1.65}
.manual-secret{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#101419;border:1px solid #29313a;border-radius:8px;padding:12px;margin:14px 0}
.manual-secret span{width:100%;color:#929aa5;font-size:11px}
.confirm-2fa-form{max-width:420px}
.recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}
.recovery-grid code{display:block;text-align:center;background:#0d1013;border:1px solid #303842;padding:10px;border-radius:6px}
.security-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#20262d;border:1px solid #39424d;font-size:13px;font-weight:800}
.login-help{text-align:center;color:#6f7985;font-size:11px;margin-top:14px}
.muted-link{margin-top:12px;color:#929aa5}

/* Support widget */
.support-fab{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:8px;border:1px solid #46515d;background:#171c22;color:#fff;border-radius:999px;padding:10px 15px;box-shadow:0 8px 28px rgba(0,0,0,.35);cursor:pointer}
.support-fab:hover{background:#252c34}
.support-fab-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e33b32;font-weight:800}
.support-dialog{width:min(560px,calc(100vw - 28px));border:1px solid #303842;border-radius:12px;padding:0;background:#14181d;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.support-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(2px)}
.support-form{padding:20px}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.dialog-head strong{font-size:18px}
.dialog-close{border:0;background:none;color:#aeb6c0;font-size:28px;cursor:pointer;line-height:1}
.support-form label{margin-top:12px}
.support-context{margin-top:12px;color:#7f8994;font-size:11px;line-height:1.4}
.watch-flashes{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:100;width:min(560px,calc(100vw - 20px))}
.watch-body .support-fab{bottom:18px}
.watch-body .support-dialog{z-index:200}

/* Better tablet / mobile layout */
@media(max-width:1100px){
  .event-grid{grid-template-columns:repeat(2,1fr)}
  .recovery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 14px;gap:10px}
  .brand{max-width:calc(100% - 54px)}
  .brand img{max-width:105px}
  .brand span{overflow:hidden;text-overflow:ellipsis}
  .mobile-nav-toggle{display:inline-grid;place-items:center;margin-left:auto}
  .topbar-menu{display:none;width:100%;flex-direction:column;align-items:stretch;gap:12px;padding:4px 0 8px}
  .topbar-menu.open{display:flex}
  .nav{display:flex;flex-direction:column;gap:2px;width:100%}
  .nav a{padding:11px 10px;border-radius:7px;background:#14181d;border:1px solid #20262d}
  .userbox{width:100%;flex-wrap:wrap;justify-content:flex-start;padding:10px;background:#101419;border-radius:8px}
  .tenant-switch{flex:1;min-width:180px}
  .tenant-switch select{width:100%}
  .form-2{grid-template-columns:1fr}
  .form-span-2{grid-column:auto}
  .twofa-setup{grid-template-columns:1fr}
  .qr-card{width:min(280px,100%);margin:auto}
  .security-status-card{align-items:flex-start;flex-direction:column}
  .security-metric{width:100%}
}
@media(max-width:760px){
  body{overflow-x:hidden}
  .container{padding:12px}
  .panel{padding:14px}
  .page-head{align-items:flex-start;flex-direction:column;margin-bottom:16px}
  h1{font-size:23px}
  input,select,textarea{font-size:16px}
  .button{min-height:42px}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:720px}
  .event-grid,.recovery-grid{grid-template-columns:1fr}
  .support-fab{right:12px;bottom:12px;padding:10px 12px}
  .support-fab span:last-child{display:none}
  .support-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 20px)}
  .support-form{padding:15px}
  .watch-toolbar{max-width:calc(100vw - 12px);left:6px;right:6px;top:6px;padding:5px}
  .watch-tool{min-height:38px;padding:6px 9px}
  .map-style-control select{width:98px}
  .watch-grid.mode-split .watch-video-wrap{height:52vh;min-height:300px}
  .watch-status{left:8px;right:8px;top:56px;width:auto;padding:8px 10px}
  .watch-status img{width:150px;max-height:48px;margin-top:7px}
  .telemetry-panel{padding:10px}
  #drone-map{height:46vh;min-height:280px}
  .telemetry-cards{grid-template-columns:1fr 1fr}
  .watch-back{left:10px;bottom:10px}
  .watch-body .support-fab{right:10px;bottom:10px}
}
@media(max-width:480px){
  .brand span{display:none}
  .telemetry-cards{grid-template-columns:1fr 1fr}
  .watch-line{font-size:12px}
  .usage-cards{grid-template-columns:1fr}
}

/* AVERON v2.5.1 - compact mobile Watch UI */
.watch-controls-shell{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:40}
.watch-controls-toggle{display:none;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,15,.88);color:#fff;border-radius:9px;padding:8px 10px;backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(0,0,0,.28);cursor:pointer}
.watch-controls-icon{font-size:16px;line-height:1}
.watch-controls-label{font-size:11px;margin-left:6px}
.watch-controls-toggle.active{background:#20262d}
.watch-controls-shell .watch-toolbar{position:static;transform:none}

.watch-status{width:auto;min-width:250px;padding:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);overflow:hidden}
.watch-status-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:#fff;padding:9px 11px;cursor:pointer;font:inherit}
.watch-status-toggle #watch-clock{font-size:12px;font-weight:600;white-space:nowrap}
.watch-status-chevron{color:#9ca5af;font-size:14px;line-height:1}
.watch-status-details{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .15s ease}
.watch-status.expanded .watch-status-details{grid-template-rows:1fr;opacity:1}
.watch-status-details>*{min-height:0;overflow:hidden}
.watch-logo-crop{height:62px;margin:0 11px 10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);padding-top:7px}
.watch-logo-crop img{width:190px!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0!important;transform:scale(1.16);transform-origin:center}

.system-branding-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}
.system-brand-preview{height:100px;background:#0d1013;border:1px solid #2a3139;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.system-brand-preview img{max-width:220px;max-height:80px;object-fit:contain}

@media(max-width:760px){
  /* Keep player controls / fullscreen unobstructed: controls live behind one small trigger */
  .watch-controls-shell{
    top:max(8px,env(safe-area-inset-top));
    right:max(8px,env(safe-area-inset-right));
    left:auto;
    transform:none;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    max-width:calc(100vw - 16px);
  }
  .watch-controls-toggle{display:inline-flex;align-items:center}
  .watch-controls-shell .watch-toolbar{
    display:none;
    max-width:min(360px,calc(100vw - 16px));
    width:max-content;
    padding:6px;
    flex-wrap:wrap;
    justify-content:flex-end;
    overflow:visible;
    border-radius:9px
  }
  .watch-controls-shell .watch-toolbar.mobile-open{display:flex}
  .watch-controls-shell .view-switch{order:1}
  .watch-controls-shell .map-style-control{order:2}
  .watch-controls-shell .watch-tool{padding:7px 9px}
  .watch-controls-shell .map-style-control select{width:100px}

  /* Tiny status HUD in top-left; logo only appears when explicitly expanded */
  .watch-status{
    top:max(8px,env(safe-area-inset-top))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 150px);
    padding:0!important;
    border-radius:9px;
  }
  .watch-status-toggle{padding:6px 8px;gap:7px}
  .watch-status-toggle #watch-live{font-size:9px;padding:3px 5px}
  .watch-status-toggle #watch-clock{
    max-width:155px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:10px;
  }
  .watch-status:not(.expanded) .watch-status-details{display:none}
  .watch-status.expanded{width:min(260px,calc(100vw - 16px))!important}
  .watch-logo-crop{height:48px;margin:0 8px 7px;padding-top:5px}
  .watch-logo-crop img{width:155px!important;transform:scale(1.2)}

  /* More space for the stream itself */
  .watch-grid.mode-split .watch-video-wrap{height:56svh;min-height:280px}
  .watch-grid.mode-live,.watch-grid.mode-live .watch-video-wrap{height:100svh}
  .watch-grid.mode-map,.watch-grid.mode-map .telemetry-panel{height:100svh}
  #drone-map{height:44svh;min-height:250px}
  .telemetry-panel{padding:9px}
  .telemetry-head{margin-bottom:8px}

  .watch-back{
    left:max(8px,env(safe-area-inset-left));
    bottom:max(8px,env(safe-area-inset-bottom));
    padding:7px 9px;
  }
  .watch-body .support-fab{
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
  }

  .system-branding-grid{grid-template-columns:1fr}
  .system-brand-preview{height:90px}
}

@media(max-width:430px){
  .watch-controls-shell .watch-toolbar{
    width:calc(100vw - 16px);
    align-items:stretch;
  }
  .watch-controls-shell .view-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .watch-controls-shell .watch-tool{width:100%}
  .watch-controls-shell .map-style-control{width:100%;justify-content:space-between}
  .watch-controls-shell .map-style-control span{display:block}
  .watch-controls-shell .map-style-control select{flex:1;width:auto}
  .watch-status-toggle #watch-clock{max-width:120px}
}

/* v2.5.2: centered compact mobile status HUD */
@media(max-width:760px){
  .watch-status:not(.expanded) .watch-status-toggle{
    min-height:34px;
    padding:5px 8px;
  }
  .watch-status:not(.expanded) .watch-status-chevron{
    display:none;
  }
  .watch-status.expanded{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* AVERON v2.6 - DJI Pilot 2 connector */
.dji-cloud-panel{border-color:#344655}
.dji-pilot-url{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:13px;background:#0d1115;border:1px solid #29313a;border-radius:8px}
.dji-pilot-url>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:260px}
.dji-pilot-url span{font-size:11px;color:#929aa5}
.dji-pilot-url code{font-size:12px;overflow-wrap:anywhere}

.pilot-body{margin:0;min-height:100svh;background:#0b0e12;color:#eef1f4;font-family:Inter,Segoe UI,Arial,sans-serif}
.pilot-shell{width:min(920px,calc(100% - 28px));margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))}
.pilot-header{display:flex;align-items:center;gap:14px;padding:10px 4px 24px}
.pilot-header img{width:150px;max-height:48px;object-fit:contain}
.pilot-header>div{display:flex;flex-direction:column;gap:4px}
.pilot-header strong{font-size:17px}
.pilot-header span{font-size:11px;color:#7f8994}
.pilot-card{background:#14191f;border:1px solid #29323b;border-radius:13px;padding:22px;margin-bottom:16px;box-shadow:0 10px 36px rgba(0,0,0,.22)}
.pilot-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pilot-card-head h1{margin:5px 0 7px;font-size:25px}
.pilot-card-head code{color:#8c98a5;font-size:11px;overflow-wrap:anywhere}
.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#77828e}
.pilot-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.pilot-status-item{background:#0e1216;border:1px solid #29313a;border-radius:9px;padding:13px}
.pilot-status-item span{display:block;color:#77828e;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.pilot-status-item strong{font-size:14px}
.pilot-status-item strong.good{color:#7bd49a}
.pilot-status-item strong.bad{color:#f0756d}
.pilot-connect{width:100%;min-height:48px;font-size:14px}
.pilot-connect:disabled{opacity:.45;cursor:not-allowed}
.pilot-message{padding:13px 14px;border-radius:8px;margin-top:16px;font-size:12px;line-height:1.45}
.pilot-message.warning{background:#2b2414;border:1px solid #574728;color:#e4cb8f}
.pilot-log{margin-top:16px;max-height:230px;overflow:auto;background:#090c0f;border:1px solid #242b32;border-radius:8px;padding:10px;font:11px/1.55 Consolas,monospace;color:#9aa5af}
.pilot-log:empty{display:none}
.pilot-log-line.good{color:#7bd49a}
.pilot-log-line.bad{color:#f0756d}
.pilot-log-line.warn{color:#e4cb8f}
.pilot-next h2{margin:6px 0 9px}
.pilot-next p{color:#929ca7;line-height:1.55}
.pilot-next-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}
.pilot-next-flow span{background:#0d1115;border:1px solid #2c353e;border-radius:7px;padding:8px 10px;font-size:11px}
.pilot-next-flow b{color:#5f6974}
.pilot-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 5px;color:#65707b;font-size:11px}
.pilot-footer a{color:#9aa5af;text-decoration:none}

@media(max-width:700px){
  .dji-pilot-url{align-items:stretch}
  .dji-pilot-url .button{width:100%}
  .pilot-shell{width:calc(100% - 16px);padding-top:max(8px,env(safe-area-inset-top))}
  .pilot-header{padding:8px 3px 14px}
  .pilot-header img{width:115px;max-height:38px}
  .pilot-header strong{font-size:14px}
  .pilot-card{padding:15px;border-radius:10px}
  .pilot-card-head{flex-direction:column}
  .pilot-card-head h1{font-size:21px}
  .pilot-status-grid{grid-template-columns:1fr;margin:16px 0}
  .pilot-status-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px}
  .pilot-status-item span{margin:0}
  .pilot-next-flow{display:grid;grid-template-columns:1fr auto 1fr}
  .pilot-next-flow span{text-align:center}
}

/* AVERON v2.6.1 - fleet & telemetry add-on */
.cards-5{grid-template-columns:repeat(5,1fr)}
.package-feature{margin-top:10px;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:700}
.package-feature.included{background:#14271d;color:#83d79e;border:1px solid #28513a}
.package-feature.optional{background:#222018;color:#d8c487;border:1px solid #4b4329}
.tenant-addon-field{align-self:end;min-width:230px}
.feature-booking-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#101820;border:1px solid #2a4050;border-radius:9px;padding:14px;margin:18px 0}
.feature-booking-card strong{font-size:14px}
.feature-booking-card p{margin:5px 0 0}
.fleet-counter{background:#101419;border:1px solid #29313a;border-radius:8px;padding:9px 12px;color:#aeb6c0;font-size:12px;font-weight:700}
.drone-create-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr 1.6fr auto;gap:12px;align-items:end}
.drone-edit-form{width:min(380px,70vw);padding:12px;background:#101419;border:1px solid #303842;border-radius:8px;margin-top:8px}
.inline-select-form select{min-width:145px}
.feature-disabled-note{background:#211d15;border:1px solid #4a3f26;color:#d6bd82;border-radius:7px;padding:9px;font-size:11px;margin-top:8px}
.watch-grid.mode-live .watch-video-wrap{width:100%}
@media(max-width:1200px){
  .cards-5{grid-template-columns:repeat(3,1fr)}
  .drone-create-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .cards-5{grid-template-columns:1fr 1fr}
  .drone-create-grid{grid-template-columns:1fr}
  .feature-booking-card{align-items:flex-start;flex-direction:column}
  .tenant-addon-field{min-width:0}
  .drone-edit-form{width:min(420px,calc(100vw - 44px))}
}
@media(max-width:480px){.cards-5{grid-template-columns:1fr}}


/* AVERON v2.7 - manual billing & quota */
.package-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.package-price{font-size:21px;font-weight:850;margin:4px 0 10px}.package-price small{font-size:10px;font-weight:500;color:#818b96}
.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.billing-create-grid{grid-template-columns:1.2fr 1fr 1.5fr 1fr auto}
.quota-usage-panel{border-color:#2c4c5c}.quota-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quota-usage-grid>div,.quota-summary-list>div,.billing-price-summary>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #252d35}.quota-usage-grid>div{display:block;background:#0f1419;border:1px solid #29323b;border-radius:8px;padding:12px}.quota-usage-grid span,.quota-summary-list span,.billing-price-summary span{color:#89949f;font-size:11px}.quota-usage-grid strong{display:block;margin-top:5px;font-size:20px}.quota-usage-grid .total{border-color:#315569}
.billing-price-summary .total,.quota-summary-list .total{font-size:16px;border-bottom:0}.billing-price-summary .total strong,.quota-summary-list .total strong{font-size:20px}
.telemetry-unit-control{min-width:180px}.telemetry-unit-control input{max-width:130px}
.quota-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#101820,#14242d);border:1px solid #305062;border-radius:13px;padding:22px;margin-bottom:16px}.quota-hero>div:first-child span{display:block;font-size:11px;color:#8e9aa5;text-transform:uppercase;letter-spacing:.07em}.quota-hero>div:first-child strong{display:block;font-size:42px;margin-top:4px}.quota-hero>div:first-child small{font-size:14px;color:#9aa5af}.quota-hero-meta{display:flex;flex-direction:column;gap:5px;color:#a5afb9;font-size:12px;text-align:right}
.addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.addon-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0e1318;border:1px solid #29343d;border-radius:9px;padding:14px}.addon-card>div{display:flex;flex-direction:column;gap:4px}.addon-card span{font-size:10px;color:#8b96a1}
.billing-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.positive{color:#79d497}.negative{color:#ef7d75}
@media(max-width:1250px){.package-grid-5{grid-template-columns:repeat(3,1fr)}.billing-create-grid{grid-template-columns:repeat(2,1fr)}.billing-kpi-grid{grid-template-columns:repeat(3,1fr)}.addon-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.package-grid-5,.billing-create-grid,.billing-kpi-grid,.quota-usage-grid,.addon-grid{grid-template-columns:1fr}.quota-hero{align-items:flex-start;flex-direction:column}.quota-hero-meta{text-align:left}.quota-hero>div:first-child strong{font-size:34px}}


/* AVERON v2.8.0 - BOS Einsatzmanagement */
.incident-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.incident-create-notes{grid-column:span 2}
.incident-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.incident-card-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.incident-card{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid #29323b;border-radius:10px;background:#11161b;color:inherit;text-decoration:none;min-height:126px;transition:border-color .15s ease,transform .15s ease}
.incident-card:hover{border-color:#4d5c69;transform:translateY(-1px)}
.incident-card.closed{opacity:.68}
.incident-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.incident-card>strong{font-size:16px}
.incident-card>span{font-size:12px;color:#9aa4ae}
.incident-card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;color:#6f7a85}
.incident-empty{grid-column:1/-1}
.incident-heading-line{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.incident-page-head h1{margin:4px 0 5px}
.incident-overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.incident-live-panel{overflow:visible}
.incident-stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.incident-stream-grid.public{margin-bottom:18px}
.incident-stream-card{background:#0d1115;border:1px solid #29313a;border-radius:10px;overflow:hidden;min-width:0}
.incident-stream-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 12px}
.incident-stream-card-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.incident-stream-card-head strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.incident-stream-card-head span:not(.badge){font-size:10px;color:#7c8792;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.incident-stream-video{aspect-ratio:16/9;background:#050607}
.incident-stream-video iframe{width:100%;height:100%;border:0;display:block}
.incident-stream-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;font-size:10px;color:#8f9aa5}
.incident-map-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.7fr);gap:12px;margin-top:14px}
#incident-map,#incident-public-map{height:520px;border-radius:10px;border:1px solid #29313a;overflow:hidden;background:#0a0d10}
.incident-map-sidebar{background:#0d1115;border:1px solid #29313a;border-radius:10px;padding:12px;max-height:520px;overflow:auto}
.incident-map-sidebar h3{margin:0 0 10px;font-size:13px}
.incident-marker-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #232a31}
.incident-marker-row:last-child{border-bottom:0}
.incident-marker-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.incident-marker-row strong{font-size:11px}
.incident-marker-row span{font-size:9px;color:#78838e}
.incident-marker-dot{width:10px;height:10px;border-radius:50%}
.incident-map-hint{padding:6px 3px 0}
.incident-drone-marker{position:relative;display:flex;align-items:center;gap:5px;white-space:nowrap;transform:translateY(-4px)}
.incident-drone-marker>span{width:15px;height:15px;border-radius:50%;background:var(--marker-color);border:3px solid rgba(255,255,255,.92);box-shadow:0 1px 8px rgba(0,0,0,.55)}
.incident-drone-marker>b{font:700 10px/1.1 Inter,Segoe UI,Arial,sans-serif;color:#fff;background:rgba(9,12,15,.82);padding:4px 6px;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.incident-drone-marker.stale{opacity:.52}
.incident-admin-grid{align-items:start}
.incident-assigned-list{display:flex;flex-direction:column;gap:6px;margin-top:13px}
.incident-assigned-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0d1115;border:1px solid #252e36;border-radius:7px;padding:8px 10px}
.incident-assigned-list span{display:flex;flex-direction:column;gap:2px}
.incident-assigned-list small{color:#76818c}
.incident-marker-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.share-created-box{background:#102019;border:1px solid #285039;border-radius:9px;padding:13px;margin-bottom:14px}
.share-created-box>strong{display:block;margin-bottom:8px;color:#83d79e}
.share-created-box small{display:block;margin-top:7px;color:#88a092}
.share-create-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .9fr auto;gap:10px;align-items:end;margin-bottom:16px}
.incident-timeline{display:flex;flex-direction:column}
.incident-timeline-row{display:grid;grid-template-columns:165px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #252d35}
.incident-timeline-row:last-child{border-bottom:0}
.incident-timeline-row time{font:10px Consolas,monospace;color:#77828e}
.incident-timeline-row>div{display:flex;flex-direction:column;gap:3px}
.incident-timeline-row strong{font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.incident-timeline-row span{font-size:12px;color:#a4adb6}
.incident-timeline-row small{font-size:9px;color:#66717c}

/* Public incident share */
.share-body{margin:0;min-height:100svh;background:#090c0f;color:#edf1f4;font-family:Inter,Segoe UI,Arial,sans-serif}
.share-login-shell{min-height:100svh;display:grid;place-items:center;padding:24px;box-sizing:border-box}
.share-login-card{width:min(420px,100%);background:#14191f;border:1px solid #29323b;border-radius:13px;padding:24px;box-sizing:border-box}
.share-login-card h1{margin:8px 0 3px}
.share-login-card p{color:#8e99a4;margin:0 0 20px}
.share-login-card form{display:flex;flex-direction:column;gap:10px}
.share-login-card small{display:block;color:#697580;margin-top:15px}
.share-logo{width:155px;max-height:55px;object-fit:contain;position:fixed;top:24px;left:24px}
.incident-public-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:max(12px,env(safe-area-inset-top)) 22px 12px;background:#0e1216;border-bottom:1px solid #252d35;position:sticky;top:0;z-index:30}
.incident-public-brand{display:flex;align-items:center;gap:12px}
.incident-public-brand img{width:115px;max-height:34px;object-fit:contain}
.incident-public-brand>div{display:flex;flex-direction:column;gap:2px}
.incident-public-brand strong{font-size:12px}
.incident-public-brand span{font-size:9px;color:#75808a}
.incident-public-status{display:flex;align-items:center;gap:10px;font-size:11px}
.incident-public-main{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:20px 0 max(30px,env(safe-area-inset-bottom))}
.incident-public-title{margin-bottom:15px}
.incident-public-title code{color:#7e8a96}
.incident-public-title h1{margin:5px 0;font-size:27px}
.incident-public-title p{margin:0;color:#8c97a1}
.incident-public-map-card{background:#12171c;border:1px solid #29323b;border-radius:11px;padding:13px;margin-top:16px}
.incident-public-footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#66727d;font-size:9px;padding:18px 2px}

@media(max-width:1200px){
  .incident-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .incident-card-grid,.incident-card-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .incident-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .share-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .incident-overview-cards{grid-template-columns:repeat(2,1fr)}
  .incident-map-layout{grid-template-columns:1fr}
  #incident-map,#incident-public-map{height:420px}
  .incident-map-sidebar{max-height:none}
  .incident-stream-grid{grid-template-columns:1fr}
  .incident-timeline-row{grid-template-columns:1fr;gap:4px}
  .incident-public-header{padding-left:10px;padding-right:10px}
  .incident-public-brand img{width:85px}
}
@media(max-width:560px){
  .incident-create-grid,.incident-card-grid,.incident-card-grid.compact,.share-create-grid{grid-template-columns:1fr}
  .incident-create-notes{grid-column:auto}
  .incident-overview-cards{grid-template-columns:1fr 1fr}
  #incident-map,#incident-public-map{height:360px}
  .incident-marker-form{grid-template-columns:1fr}
  .share-logo{position:static;margin-bottom:18px}
  .share-login-shell{display:flex;flex-direction:column;justify-content:center}
  .incident-public-brand>div{display:none}
  .incident-public-status .badge{font-size:8px}
  .incident-public-title h1{font-size:22px}
}


/* AVERON v2.8.1 - Dashboard Einsatzwizard & quota overview */
.dashboard-page-head{align-items:center}
.dashboard-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.quota-stat strong{display:flex;align-items:baseline;gap:5px}
.quota-stat strong small{font-size:11px;font-weight:600;color:#7f8994}
.quota-stat>small{font-size:10px;color:#75808a}
.quota-stat.quota-low{border-color:#6e5d2e;background:linear-gradient(180deg,#211d13,#17191c)}

.incident-wizard-panel{display:none;border-color:#3d5668;scroll-margin-top:18px}
.incident-wizard-panel.open,.incident-wizard-panel:target{display:block}
.incident-wizard-panel .panel-head h2{margin:4px 0}
.wizard-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;width:min(460px,100%);margin:5px auto 23px}
.wizard-progress span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #37414a;background:#101419;color:#7d8893;font-size:11px;font-weight:800}
.wizard-progress span.active{border-color:#8097a8;color:#fff;background:#26323d}
.wizard-progress span.done{border-color:#2d6242;color:#88d4a0;background:#14241a}
.wizard-progress i{height:1px;background:#313941}
.wizard-step{display:none}
.wizard-step.active{display:block}
.wizard-step-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:15px}
.wizard-step-heading>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6f7b86}
.wizard-step-heading>strong{font-size:17px}
.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.wizard-actions.split{justify-content:space-between}
.wizard-drone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wizard-drone-card{position:relative;display:flex;align-items:center;gap:12px;background:#0e1216;border:1px solid #29323a;border-radius:9px;padding:13px;cursor:pointer;min-height:74px}
.wizard-drone-card:hover{border-color:#485864}
.wizard-drone-card:has(input:checked){border-color:#567892;background:#121d25;box-shadow:inset 0 0 0 1px #36566c}
.wizard-drone-card.blocked{opacity:.48;cursor:not-allowed}
.wizard-drone-card input{position:absolute;opacity:0;pointer-events:none}
.wizard-drone-radio{width:14px;height:14px;border-radius:50%;border:2px solid #65717c;flex:0 0 auto}
.wizard-drone-card:has(input:checked) .wizard-drone-radio{border:4px solid #93aebe;background:#fff}
.wizard-drone-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.wizard-drone-card strong{font-size:13px}
.wizard-drone-card span:not(.wizard-drone-radio){font-size:10px;color:#89949e}
.wizard-drone-card small{font-size:9px;color:#697580}
.wizard-drone-card small.bad{color:#dc7c76}
.wizard-review{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wizard-review>div{display:flex;flex-direction:column;gap:5px;background:#0d1115;border:1px solid #29313a;border-radius:8px;padding:12px}
.wizard-review span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#727e89}
.wizard-review strong{font-size:12px}
.wizard-launch{min-width:190px}

.wizard-result-panel{border-color:#2e6845;background:linear-gradient(180deg,#15201a,#15191d);scroll-margin-top:18px}
.wizard-result-panel .panel-head h2{margin:4px 0}
.wizard-result-grid{display:grid;grid-template-columns:.75fr 2fr;gap:12px;margin:15px 0}
.wizard-result-grid>div{background:#0c1110;border:1px solid #294437;border-radius:8px;padding:11px}
.wizard-result-grid label{display:block;font-size:9px;color:#778d80;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.wizard-result-grid .copy-row{margin:0}
.wizard-result-grid code{font-size:11px}
.wizard-result-actions{display:flex;gap:8px;flex-wrap:wrap}

@media(max-width:1250px){
  .dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wizard-drone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dashboard-page-head{align-items:flex-start}
  .dashboard-page-head .incident-wizard-open{width:100%}
  .dashboard-cards{grid-template-columns:1fr 1fr}
  .wizard-drone-grid,.wizard-review,.wizard-result-grid{grid-template-columns:1fr}
  .wizard-actions.split{flex-direction:column-reverse}
  .wizard-actions .button{width:100%}
  .wizard-result-actions{display:grid;grid-template-columns:1fr}
  .wizard-result-actions .button{text-align:center}
}
@media(max-width:430px){
  .dashboard-cards{grid-template-columns:1fr}
}


/* AVERON v2.8.2 - Drone Visuals navigation tabs */
.topbar{gap:18px}
.topbar-menu{min-width:0}
.nav.nav-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
  padding:5px 0;
}
.nav.nav-tabs::-webkit-scrollbar{display:none}
.nav.nav-tabs .nav-tab{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(var(--accent-rgb),.28);
  border-radius:8px;
  background:rgba(var(--accent-rgb),.045);
  color:#d7dce1;
  font-size:12px;
  font-weight:650;
  line-height:1;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.nav.nav-tabs .nav-tab:hover{
  color:#fff;
  background:rgba(var(--accent-rgb),.14);
  border-color:rgba(var(--accent-rgb),.62);
}
.nav.nav-tabs .nav-tab.active{
  color:#fff;
  background:var(--accent);
  border-color:var(--accent);
  box-shadow:0 5px 18px rgba(var(--accent-rgb),.18);
}
.nav.nav-tabs .nav-tab.active::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:-6px;
  height:2px;
  border-radius:999px;
  background:var(--accent);
}
.button.primary{
  background:var(--accent);
  border-color:var(--accent);
}
.button.primary:hover{
  background:#f04a40;
  border-color:#f04a40;
}

/* v2.8.2 wizard visibility/interaction fix */
.incident-wizard-open{
  position:relative;
  z-index:1;
}
.incident-wizard-panel.open{
  display:block !important;
  animation:averonWizardIn .16s ease-out;
}
@keyframes averonWizardIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:900px){
  .nav.nav-tabs{
    overflow:visible;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:4px 0;
  }
  .nav.nav-tabs .nav-tab{
    justify-content:flex-start;
    width:100%;
    min-height:40px;
    padding:10px 12px;
    background:rgba(var(--accent-rgb),.05);
    border-color:rgba(var(--accent-rgb),.2);
  }
  .nav.nav-tabs .nav-tab.active{
    background:var(--accent);
    border-color:var(--accent);
  }
  .nav.nav-tabs .nav-tab.active::after{display:none}
}


/* AVERON v2.8.3 - exact Drone Visuals tab color */
.nav.nav-tabs{
  --tab-accent:#4ec3e0;
  --tab-accent-rgb:78,195,224;
}
.nav.nav-tabs .nav-tab{
  border-color:rgba(var(--tab-accent-rgb),.34);
  background:rgba(var(--tab-accent-rgb),.055);
}
.nav.nav-tabs .nav-tab:hover{
  color:#fff;
  background:rgba(var(--tab-accent-rgb),.16);
  border-color:rgba(var(--tab-accent-rgb),.72);
}
.nav.nav-tabs .nav-tab.active{
  color:#071216;
  background:var(--tab-accent);
  border-color:var(--tab-accent);
  box-shadow:0 5px 18px rgba(var(--tab-accent-rgb),.22);
}
.nav.nav-tabs .nav-tab.active::after{
  background:var(--tab-accent);
}
@media(max-width:900px){
  .nav.nav-tabs .nav-tab{
    background:rgba(var(--tab-accent-rgb),.055);
    border-color:rgba(var(--tab-accent-rgb),.25);
  }
  .nav.nav-tabs .nav-tab.active{
    color:#071216;
    background:var(--tab-accent);
    border-color:var(--tab-accent);
  }
}


/* AVERON v2.9.0 - operational dashboard */
.dashboard-ops-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(230px,.65fr) minmax(330px,1fr);
  gap:12px;
  margin:14px 0;
}
.dashboard-ops-grid>.panel{margin:0}
.ops-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}
.ops-card-head h2,.ops-links-card h2{margin:4px 0 0}
.ops-weather-card{
  border-color:rgba(78,195,224,.24);
  background:linear-gradient(145deg,rgba(78,195,224,.055),rgba(15,19,23,.98) 48%);
}
.weather-main{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:center;
}
.weather-condition,.weather-wind{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.weather-condition>div,.weather-wind>div:last-child{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.weather-symbol{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 auto;
  border:1px solid rgba(78,195,224,.22);
  border-radius:13px;
  background:rgba(78,195,224,.065);
  font-size:27px;
}
.weather-condition strong{
  font-size:31px;
  line-height:1;
  letter-spacing:-.04em;
}
.weather-condition span:not(.weather-symbol){
  color:#8e99a4;
  font-size:11px;
}
.weather-wind>div:last-child>span{
  color:#71808b;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.weather-wind strong{font-size:18px}
.weather-wind small{color:#4ec3e0;font-size:10px;font-weight:700}
.wind-compass{
  position:relative;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 auto;
  border:1px solid #34404a;
  border-radius:50%;
  background:#0c1014;
}
.wind-compass span{
  position:absolute;
  top:4px;
  font-size:7px;
  color:#697681;
}
.wind-compass i{
  display:block;
  font-style:normal;
  font-size:24px;
  line-height:1;
  color:#4ec3e0;
  transform-origin:center center;
  transition:transform .25s ease;
}
.weather-details{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:14px;
}
.weather-details>div{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding:8px 9px;
  border:1px solid #263039;
  border-radius:7px;
  background:#0d1115;
}
.weather-details span{
  font-size:8px;
  color:#697580;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.weather-details strong{
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ops-source{
  margin-top:9px;
  font-size:8px;
  color:#596570;
}

.ops-clock-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:190px;
  border-color:rgba(78,195,224,.18);
}
.ops-clock{
  margin-top:11px;
  color:#f5f7f8;
  font:700 clamp(32px,4vw,52px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:-.055em;
}
.ops-date{
  margin-top:8px;
  color:#a4afb8;
  font-size:13px;
  text-transform:capitalize;
}
.ops-clock-zone{
  margin-top:5px;
  color:#4ec3e0;
  font-size:9px;
  font-weight:700;
}

.ops-link-grid{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.ops-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid #29323a;
  border-radius:8px;
  background:#0d1115;
  color:inherit;
  text-decoration:none;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.ops-link:hover{
  transform:translateX(2px);
  border-color:rgba(78,195,224,.58);
  background:rgba(78,195,224,.055);
}
.ops-link.primary{
  border-color:rgba(78,195,224,.36);
  background:rgba(78,195,224,.07);
}
.ops-link-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 auto;
  border-radius:6px;
  background:rgba(78,195,224,.12);
  color:#4ec3e0;
  font-weight:800;
}
.ops-link>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ops-link strong{font-size:11px}
.ops-link small{font-size:9px;color:#727e89}

@media(max-width:1280px){
  .dashboard-ops-grid{
    grid-template-columns:1.35fr .65fr;
  }
  .ops-links-card{grid-column:1/-1}
  .ops-link-grid{display:grid;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .dashboard-ops-grid{grid-template-columns:1fr}
  .ops-links-card{grid-column:auto}
  .weather-main{grid-template-columns:1fr 1fr}
  .weather-details{grid-template-columns:1fr 1fr}
  .ops-link-grid{grid-template-columns:1fr}
  .ops-clock-card{min-height:145px}
}
@media(max-width:520px){
  .weather-main{grid-template-columns:1fr}
  .weather-details{grid-template-columns:1fr 1fr}
}

/* AVERON v2.10.0 Modern UI refresh */
:root{
  --accent-brand:#4ec3e0;
  --accent-brand-rgb:78,195,224;
  --bg-deep:#07111e;
  --bg-surface:#0d1726;
  --bg-card:#101c2d;
  --bg-card-2:#132238;
  --line-soft:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text-soft:#a5b8cc;
  --text-bright:#eef6ff;
}
body.app-shell-body{
  background:
    radial-gradient(circle at top right, rgba(78,195,224,.12), transparent 22%),
    radial-gradient(circle at 20% 0%, rgba(78,195,224,.10), transparent 18%),
    linear-gradient(180deg,#061120 0%, #081323 48%, #07111d 100%);
  color:var(--text-bright);
}
.app-shell{display:flex;min-height:100vh}
.shell-sidebar{
  width:270px;flex:none;padding:22px 18px;border-right:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(8,16,29,.96),rgba(8,16,29,.88));
  position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px
}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shell-brand{display:flex;align-items:center;gap:12px;color:#fff}
.shell-brand img{width:132px;max-height:54px;object-fit:contain;filter:drop-shadow(0 3px 14px rgba(0,0,0,.22))}
.shell-brand-copy{display:flex;flex-direction:column;gap:4px}
.shell-brand-copy strong{font-size:22px;letter-spacing:.08em;line-height:1}
.shell-brand-copy span{color:#75d6ee;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.sidebar-menu{display:flex;flex-direction:column;gap:18px;flex:1;min-height:0}
.shell-nav{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}
.shell-nav-link{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
  color:#c7d7e9;border:1px solid transparent;transition:.2s ease;background:transparent
}
.shell-nav-link:hover{background:rgba(255,255,255,.04);border-color:var(--line-soft);color:#fff}
.shell-nav-link.active{
  background:linear-gradient(180deg, rgba(78,195,224,.22), rgba(78,195,224,.08));
  border-color:rgba(78,195,224,.35); color:#fff; box-shadow:0 8px 22px rgba(78,195,224,.10)
}
.nav-icon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);color:#7fe3f7;font-size:15px;flex:none
}
.shell-nav-link.active .nav-icon{background:rgba(78,195,224,.18);color:#bff4ff}
.sidebar-bottom-panels{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.sidebar-switch-card,.sidebar-user-card{
  padding:14px;border-radius:16px;border:1px solid var(--line-soft);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02))
}
.sidebar-switch-card label,.tenant-static-card label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#82a0ba;margin-bottom:8px}
.sidebar-user-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sidebar-user-top strong{font-size:14px}
.sidebar-user-actions{display:flex;gap:8px;flex-wrap:wrap}
.button.ghost{background:rgba(255,255,255,.05);border-color:var(--line-soft)}
.button.subtle{background:rgba(211,75,75,.10)}
.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}
.shell-header{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:24px 32px 10px 32px
}
.shell-header-kicker{display:inline-block;color:#75d6ee;text-transform:uppercase;letter-spacing:.20em;font-size:11px;margin-bottom:8px}
.shell-header-title{margin:0;font-size:30px;font-weight:700;letter-spacing:-.03em}
.shell-header-right{display:flex;align-items:center;gap:14px}
.shell-header-clock-card{
  min-width:180px;padding:12px 16px;border-radius:16px;border:1px solid rgba(78,195,224,.18);
  background:linear-gradient(180deg, rgba(78,195,224,.13), rgba(255,255,255,.03));text-align:right
}
.shell-header-clock-card strong{display:block;font-size:20px;letter-spacing:.04em}
.shell-header-clock-card span{display:block;color:#98b8d2;font-size:12px;margin-top:2px}
.shell-content.container{max-width:none;padding:18px 32px 28px}
.modern-footer{padding:8px 32px 26px;text-align:left;color:#6f89a0}
.hero-panel{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;
  padding:24px 26px;border-radius:22px;border:1px solid rgba(78,195,224,.14);
  background:linear-gradient(135deg, rgba(78,195,224,.12), rgba(255,255,255,.03) 40%, rgba(255,255,255,.02) 100%);
  box-shadow:0 20px 45px rgba(0,0,0,.18)
}
.hero-kicker{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(78,195,224,.14);color:#8fe8fb;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.hero-panel h2{font-size:30px;line-height:1.12;margin:0 0 10px}
.hero-panel p{margin:0;color:var(--text-soft);max-width:760px;line-height:1.55}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.modern-dashboard-cards{grid-template-columns:repeat(5, minmax(0,1fr));gap:18px;margin-bottom:22px}
.modern-stat-card{
  position:relative;padding:20px 20px 18px;border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg, rgba(16,28,45,.95), rgba(10,20,33,.92));
  border:1px solid rgba(255,255,255,.07); box-shadow:0 14px 36px rgba(0,0,0,.18)
}
.modern-stat-card::after{
  content:"";position:absolute;inset:auto -35px -35px auto;width:110px;height:110px;border-radius:50%;opacity:.22;pointer-events:none
}
.modern-stat-card .stat-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:14px;margin-bottom:14px;
  background:rgba(255,255,255,.06);font-size:18px;color:#dffbff
}
.modern-stat-card span{color:#9eb4ca;font-size:13px}
.modern-stat-card strong{font-size:32px;line-height:1.05;letter-spacing:-.03em}
.modern-stat-card small{color:#7f97ad;font-size:12px}
.accent-cyan::after{background:#4ec3e0}.accent-blue::after{background:#5f8cff}.accent-teal::after{background:#46d6b5}.accent-slate::after{background:#8798b3}.accent-indigo::after{background:#7886ff}
.modern-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}
.panel-modern{
  background:linear-gradient(180deg, rgba(16,28,45,.92), rgba(11,20,33,.92));
  border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:22px;
  box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.modern-panel-head{margin-bottom:18px}
.focus-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.focus-card{
  padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  display:flex;flex-direction:column;gap:8px;color:#fff
}
.focus-card:hover{border-color:rgba(78,195,224,.24);transform:translateY(-1px)}
.focus-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.focus-card code{font-size:11px;color:#9ec1dc}
.focus-card strong{font-size:17px}
.focus-card span{color:#a7bdd3}
.focus-card small{color:#7f97ad}
.stream-card-grid{display:grid;grid-template-columns:1fr;gap:14px}
.stream-preview-card{
  border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.02);overflow:hidden
}
.stream-preview-visual{
  position:relative;min-height:150px;padding:16px;
  background:
    radial-gradient(circle at 15% 20%, rgba(78,195,224,.18), transparent 22%),
    linear-gradient(135deg, #10233a 0%, #0a1626 70%, #08111d 100%)
}
.stream-preview-card.is-online .stream-preview-visual{box-shadow:inset 0 0 0 1px rgba(78,195,224,.12)}
.stream-preview-overlay{
  position:absolute;inset:0;background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 50%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 42px);
  opacity:.6;pointer-events:none
}
.stream-preview-meta{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:4px;z-index:1}
.stream-preview-meta strong{font-size:18px}
.stream-preview-meta span{color:#9fb5c9;font-size:13px}
.stream-preview-visual .badge{position:relative;z-index:1}
.stream-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}
.stream-preview-actions small{color:#92a9be}
.modern-ops-grid{grid-template-columns:1.3fr .7fr 1fr;gap:20px;margin-bottom:20px}
.modern-clock-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%}
.modern-clock-card .ops-clock{font-size:44px;font-weight:700;letter-spacing:-.03em;margin:6px 0}
.modern-clock-card .ops-date{font-size:15px;color:#a7bdd2}
.modern-clock-card .ops-clock-zone{margin-top:10px;color:#80cfe5}
.modern-list-grid{gap:20px}
.compact-table-panel table{background:transparent}
.compact-table-panel th{border-bottom-color:rgba(255,255,255,.06)}
.compact-table-panel td{border-bottom-color:rgba(255,255,255,.05)}
.quota-low{border-color:rgba(227,59,50,.26)!important}
@media (max-width: 1400px){
  .modern-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .modern-ops-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 1180px){
  .app-shell{display:block}
  .shell-sidebar{width:100%;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line-soft);padding:16px}
  .mobile-nav-toggle{display:inline-flex}
  .sidebar-menu{display:none}
  .sidebar-menu.open{display:flex}
  .shell-main{min-width:0}
  .shell-header{padding:18px 18px 0}
  .shell-content.container{padding:16px 18px 24px}
  .modern-footer{padding:4px 18px 20px}
  .modern-dashboard-grid,.modern-ops-grid,.grid-2,.focus-card-grid{grid-template-columns:1fr}
}
@media (min-width: 1181px){
  .mobile-nav-toggle{display:none}
  .sidebar-menu{display:flex!important}
}
@media (max-width: 900px){
  .shell-header{flex-direction:column;align-items:flex-start}
  .shell-header-right{width:100%}
  .shell-header-clock-card{text-align:left;width:100%}
  .hero-panel{flex-direction:column;align-items:flex-start}
  .modern-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 700px){
  .shell-brand img{width:112px}
  .shell-brand-copy strong{font-size:18px}
  .shell-header-title{font-size:24px}
  .hero-panel h2{font-size:24px}
  .modern-dashboard-cards{grid-template-columns:1fr}
  .stream-preview-actions{flex-direction:column;align-items:flex-start}
}


/* AVERON v2.10.1 visual fine tuning */
.shell-brand{height:92px;display:block;overflow:hidden;border-radius:16px;position:relative;background:#071321;border:1px solid rgba(78,195,224,.10)}
.shell-brand-art{position:absolute;inset:0;display:block;overflow:hidden}
.shell-brand-art img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.58);filter:none}
.shell-brand-copy{display:none}
.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shell-nav-link{font-size:14px;font-weight:560}
.shell-nav-link.active{background:linear-gradient(90deg,rgba(78,195,224,.28),rgba(78,195,224,.10));box-shadow:inset 3px 0 0 #4ec3e0,0 10px 26px rgba(0,0,0,.16)}
.shell-nav-link.active .nav-icon{box-shadow:0 0 18px rgba(78,195,224,.18)}
.shell-header{padding-top:26px}
.shell-header-title{font-size:28px}
.dashboard-intro-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.dashboard-intro-copy{margin:6px 0 0;color:#91a8bc;font-size:14px}
.dashboard-intro-status{display:inline-flex;align-items:center;gap:8px;color:#96b5c8;font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.dashboard-intro-status>span{width:8px;height:8px;border-radius:50%;background:#37d67a;box-shadow:0 0 12px rgba(55,214,122,.65)}
.modern-dashboard-cards{gap:14px}
.modern-stat-card{min-height:154px;padding:18px;border-radius:19px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.modern-stat-card:hover{transform:translateY(-2px);border-color:rgba(78,195,224,.18);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.modern-stat-card .stat-icon{margin-bottom:10px;border:1px solid rgba(78,195,224,.12)}
.modern-stat-card strong{font-size:29px}
.panel-modern{transition:border-color .18s ease,box-shadow .18s ease}
.panel-modern:hover{border-color:rgba(78,195,224,.12);box-shadow:0 20px 46px rgba(0,0,0,.22)}
.focus-card,.stream-preview-card,.ops-link{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.focus-card:hover,.stream-preview-card:hover{transform:translateY(-2px);border-color:rgba(78,195,224,.24)}
.mission-launch-banner{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0 0 20px;padding:17px 22px;border-radius:18px;border:1px solid rgba(78,195,224,.55);background:linear-gradient(90deg,rgba(78,195,224,.10),rgba(78,195,224,.035));color:#eafaff;text-align:left;cursor:pointer;box-shadow:inset 0 0 30px rgba(78,195,224,.025);transition:.18s ease}
.mission-launch-banner:hover{transform:translateY(-1px);border-color:#4ec3e0;background:linear-gradient(90deg,rgba(78,195,224,.17),rgba(78,195,224,.05));box-shadow:0 12px 34px rgba(0,0,0,.20),inset 0 0 30px rgba(78,195,224,.05)}
.mission-launch-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(78,195,224,.14);color:#73dff4;font-size:25px;line-height:1}
.mission-launch-banner>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.mission-launch-banner strong{text-transform:uppercase;letter-spacing:.08em;color:#67d9f0;font-size:14px}
.mission-launch-banner small{color:#8fa8bd;font-size:12px}
.mission-launch-arrow{color:#6bdcf2;font-size:22px}
.stream-preview-visual{min-height:135px}
.stream-preview-card.is-online .stream-preview-visual::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#4ec3e0,transparent 68%)}
.modern-clock-card{background:radial-gradient(circle at 50% 40%,rgba(78,195,224,.10),transparent 55%),linear-gradient(180deg,rgba(16,28,45,.92),rgba(11,20,33,.92))}
.modern-clock-card .ops-clock{font-size:48px;color:#62d5ef;text-shadow:0 0 28px rgba(78,195,224,.10)}
.incident-wizard-backdrop{position:fixed;inset:0;background:rgba(2,8,15,.72);backdrop-filter:blur(5px);z-index:999}
.incident-wizard-backdrop[hidden]{display:none}
.modern-wizard-modal{display:none!important}
.modern-wizard-modal.open{display:block!important;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 32px));max-height:88vh;overflow:auto;z-index:1000;margin:0;border-radius:22px;border:1px solid rgba(78,195,224,.24);background:linear-gradient(180deg,#111e30,#0b1726);box-shadow:0 38px 100px rgba(0,0,0,.58)}
body.wizard-modal-open{overflow:hidden}
.modern-wizard-modal .panel-head{position:sticky;top:0;z-index:2;padding-bottom:12px;background:linear-gradient(180deg,#111e30 75%,rgba(17,30,48,0));}
.wizard-progress span.active{border-color:#4ec3e0;background:#153447;color:#fff;box-shadow:0 0 18px rgba(78,195,224,.13)}
.wizard-drone-card:has(input:checked){border-color:rgba(78,195,224,.52);background:rgba(78,195,224,.08);box-shadow:inset 0 0 0 1px rgba(78,195,224,.15)}
.wizard-drone-card:has(input:checked) .wizard-drone-radio{border-color:#4ec3e0;background:#4ec3e0}
.button.primary{background:#4ec3e0;border-color:#4ec3e0;color:#06131b;font-weight:700}
.button.primary:hover{background:#72d4eb;border-color:#72d4eb;color:#06131b}
.badge.online{background:rgba(55,214,122,.13);color:#5de89b;border:1px solid rgba(55,214,122,.18)}
.ops-link.primary{border-color:rgba(78,195,224,.30);background:rgba(78,195,224,.055)}
@media(max-width:1180px){
  .shell-brand{width:190px;height:72px}
  .sidebar-top{align-items:center}
}
@media(max-width:700px){
  .dashboard-intro-row{align-items:flex-start;flex-direction:column}
  .mission-launch-banner{grid-template-columns:auto 1fr;padding:15px}
  .mission-launch-arrow{display:none}
  .mission-launch-banner small{font-size:11px}
  .modern-wizard-modal.open{width:calc(100vw - 18px);max-height:92vh}
}


/* AVERON v2.10.2 branding/header refinements */
.shell-brand{height:88px;padding:10px 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;position:relative;background:linear-gradient(180deg,rgba(7,19,33,.94),rgba(4,12,24,.98));border:1px solid rgba(78,195,224,.16)}
.shell-brand-art{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.shell-brand-art img{width:100%;height:100%;object-fit:contain;object-position:center center;transform:none;filter:drop-shadow(0 0 18px rgba(78,195,224,.08))}
.shell-header{justify-content:flex-start}
.shell-header-right,.shell-header-clock-card{display:none !important}
@media (max-width: 960px){.shell-brand{height:76px;padding:8px 10px}}


/* AVERON v2.10.3 - visual polish & mobile refinement */
:root{
  --averon-cyan:#4ec3e0;
  --averon-cyan-rgb:78,195,224;
  --averon-bg:#07111e;
  --averon-panel:#0e1929;
  --averon-panel-2:#122238;
  --averon-border:rgba(255,255,255,.075);
  --averon-border-cyan:rgba(78,195,224,.22);
}

/* Sidebar: quieter, more premium, clearer focus */
.shell-sidebar{
  background:
    radial-gradient(circle at 50% 0%,rgba(78,195,224,.08),transparent 24%),
    linear-gradient(180deg,#071321 0%,#07111d 64%,#060f1a 100%);
  box-shadow:12px 0 38px rgba(0,0,0,.18);
}
.shell-brand{
  min-height:88px;
  background:linear-gradient(180deg,rgba(11,28,45,.92),rgba(6,17,30,.96));
  border-color:rgba(78,195,224,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 30px rgba(0,0,0,.16);
}
.shell-brand:hover{border-color:rgba(78,195,224,.34)}
.shell-brand-art img{max-width:100%;max-height:100%;object-fit:contain}
.shell-nav{gap:7px}
.shell-nav-link{
  border-radius:12px;
  min-height:44px;
  color:#b7c8d8;
}
.shell-nav-link:hover{
  background:rgba(78,195,224,.055);
  border-color:rgba(78,195,224,.12);
}
.shell-nav-link.active{
  background:linear-gradient(90deg,rgba(78,195,224,.22),rgba(78,195,224,.075));
  border-color:rgba(78,195,224,.22);
  box-shadow:inset 3px 0 0 var(--averon-cyan),0 8px 24px rgba(0,0,0,.16);
}
.nav-icon{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.045);
}
.shell-nav-link.active .nav-icon{
  background:rgba(78,195,224,.14);
  border-color:rgba(78,195,224,.16);
}
.sidebar-switch-card,.sidebar-user-card{
  border-color:rgba(255,255,255,.065);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

/* Header/content spacing */
.shell-header{padding:24px 34px 8px}
.shell-header-kicker{color:#69cce6;letter-spacing:.22em}
.shell-header-title{font-size:29px}
.shell-content.container{padding:18px 34px 30px}

/* Dashboard hero */
.hero-panel{
  border-color:rgba(78,195,224,.16);
  background:
    radial-gradient(circle at 85% 10%,rgba(78,195,224,.11),transparent 26%),
    linear-gradient(135deg,rgba(78,195,224,.095),rgba(255,255,255,.025) 42%,rgba(255,255,255,.015));
}
.hero-panel h2{letter-spacing:-.035em}
.hero-actions .button.primary{
  box-shadow:0 8px 24px rgba(78,195,224,.14);
}

/* KPI cards */
.modern-stat-card{
  min-height:154px;
  border-color:rgba(255,255,255,.065);
  background:
    linear-gradient(180deg,rgba(19,34,55,.97),rgba(10,20,34,.94));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.modern-stat-card:hover{
  transform:translateY(-2px);
  border-color:rgba(78,195,224,.18);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}
.modern-stat-card .stat-icon{
  border:1px solid rgba(78,195,224,.10);
  background:rgba(78,195,224,.075);
  color:#9ce9f9;
}
.modern-stat-card strong{font-size:34px}

/* Panels/cards */
.panel-modern{
  border-color:rgba(255,255,255,.065);
  background:
    linear-gradient(180deg,rgba(16,29,47,.96),rgba(10,20,33,.94));
  box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.018);
}
.panel-modern:hover{border-color:rgba(78,195,224,.11)}
.modern-panel-head .eyebrow{color:#5fcbe5;letter-spacing:.15em}
.focus-card,.stream-preview-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.focus-card:hover,.stream-preview-card:hover{
  transform:translateY(-2px);
  border-color:rgba(78,195,224,.19);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.stream-preview-visual{
  background:
    radial-gradient(circle at 18% 16%,rgba(78,195,224,.17),transparent 23%),
    linear-gradient(135deg,#11263e 0%,#0b192a 62%,#08121f 100%);
}

/* Weather, clock and links */
.ops-weather-card,.modern-clock-card,.ops-links-card{min-height:260px}
.weather-symbol,.wind-compass{box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.ops-clock{color:#5fd3ec;text-shadow:0 0 28px rgba(78,195,224,.10)}
.ops-link{
  min-height:58px;
  border-color:rgba(255,255,255,.065);
}
.ops-link:hover{
  border-color:rgba(78,195,224,.30);
  background:rgba(78,195,224,.055);
}

/* CTA */
.incident-launch-strip,.incident-wizard-open.full-width-cta{
  border-color:rgba(78,195,224,.42)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 0 24px rgba(78,195,224,.035);
}

/* Tables */
.modern-table-wrap{border-radius:14px;overflow:hidden}
.compact-table-panel tbody tr{transition:background .15s ease}
.compact-table-panel tbody tr:hover{background:rgba(78,195,224,.025)}

/* Buttons */
.button{transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.button:hover{transform:translateY(-1px)}
.button.primary{
  background:linear-gradient(180deg,#56cce8,#43b9d6);
  border-color:#5acde9;
  color:#06131b;
  font-weight:700;
}
.button.primary:hover{
  background:linear-gradient(180deg,#68d6ef,#4cc4df);
  border-color:#73ddf4;
  box-shadow:0 9px 22px rgba(78,195,224,.16);
}

/* Wizard polish */
.incident-wizard-panel{
  border-color:rgba(78,195,224,.20);
  background:linear-gradient(180deg,#0f1c2e,#0a1422);
  box-shadow:0 30px 80px rgba(0,0,0,.52);
}
.wizard-progress span.active{
  background:rgba(78,195,224,.16);
  border-color:rgba(78,195,224,.60);
  color:#c8f6ff;
}
.wizard-progress span.done{
  background:rgba(70,214,181,.13);
  border-color:rgba(70,214,181,.44);
}
.wizard-drone-card:has(input:checked){
  border-color:rgba(78,195,224,.54);
  background:rgba(78,195,224,.075);
  box-shadow:inset 0 0 0 1px rgba(78,195,224,.10);
}

/* Mobile / tablet */
@media(max-width:1180px){
  .shell-sidebar{box-shadow:none}
  .sidebar-top{gap:10px}
  .shell-brand{width:210px;min-height:68px;height:68px}
  .sidebar-menu.open{margin-top:8px}
  .shell-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .sidebar-bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .shell-header{padding:18px 18px 6px}
  .shell-content.container{padding:14px 18px 24px}
}
@media(max-width:760px){
  .sidebar-top{align-items:center}
  .shell-brand{width:174px;height:62px;min-height:62px;padding:6px 8px}
  .shell-nav{grid-template-columns:1fr}
  .sidebar-bottom-panels{grid-template-columns:1fr}
  .shell-header-title{font-size:24px}
  .hero-panel{padding:20px;border-radius:18px}
  .hero-panel h2{font-size:23px}
  .hero-actions{width:100%}
  .hero-actions .button{width:100%}
  .modern-stat-card{min-height:auto}
  .panel-modern{padding:17px;border-radius:18px}
  .focus-card-grid{grid-template-columns:1fr}
  .ops-weather-card,.modern-clock-card,.ops-links-card{min-height:auto}
  .weather-details{grid-template-columns:1fr 1fr}
  .modern-list-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .shell-header{padding-left:14px;padding-right:14px}
  .shell-content.container{padding-left:14px;padding-right:14px}
  .shell-header-kicker{font-size:9px}
  .shell-brand{width:156px;height:56px;min-height:56px}
  .weather-details{grid-template-columns:1fr}
  .modern-dashboard-cards{gap:12px}
}


/* AVERON v2.10.4 logo alignment cleanup */
.shell-brand{
  width:100%;
  min-height:72px;
  height:auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0;
}
.shell-brand:hover{border:none !important;box-shadow:none !important;background:transparent !important}
.shell-brand-art{
  width:100%;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.shell-brand-art img{
  display:block;
  width:auto;
  max-width:172px;
  height:auto;
  max-height:60px;
  object-fit:contain;
  object-position:center center;
  margin:0 auto;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.18));
}
@media(max-width:1180px){
  .shell-brand{min-height:64px}
  .shell-brand-art{height:64px}
  .shell-brand-art img{max-width:162px;max-height:54px}
}
@media(max-width:760px){
  .shell-brand{min-height:58px}
  .shell-brand-art{height:58px}
  .shell-brand-art img{max-width:150px;max-height:48px}
}
@media(max-width:480px){
  .shell-brand{min-height:54px}
  .shell-brand-art{height:54px}
  .shell-brand-art img{max-width:138px;max-height:44px}
}


/* AVERON v2.10.5 live stream quick-open card */
.stream-preview-clickable{display:block;text-decoration:none;color:inherit;cursor:pointer;position:relative}
.stream-preview-clickable .stream-card-cta{pointer-events:none}
.stream-preview-clickable:hover,.stream-preview-clickable:focus-visible{transform:translateY(-2px);border-color:rgba(255,98,98,.34);box-shadow:0 14px 36px rgba(0,0,0,.22),0 0 0 1px rgba(255,98,98,.08)}
.stream-preview-clickable:focus-visible{outline:none}
.stream-preview-clickable.is-online{border-color:rgba(255,98,98,.22)}
.stream-preview-clickable.is-online .stream-preview-visual{box-shadow:inset 0 0 0 1px rgba(255,98,98,.12)}
.stream-preview-clickable.is-online .stream-preview-visual::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(255,96,96,.95),rgba(255,96,96,.18) 70%,transparent)}
.stream-preview-clickable.is-online .badge.online{background:rgba(255,72,72,.16);color:#ff8f8f;border:1px solid rgba(255,92,92,.30);box-shadow:0 0 0 0 rgba(255,76,76,.36);animation:averonLiveBadgePulse 1.9s ease-in-out infinite}
.stream-preview-clickable.is-online{animation:averonLiveCardPulse 2.6s ease-in-out infinite}
@keyframes averonLiveCardPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,76,76,.00),0 10px 28px rgba(0,0,0,.14)}50%{box-shadow:0 0 0 1px rgba(255,76,76,.14),0 0 28px rgba(255,76,76,.10),0 14px 34px rgba(0,0,0,.18)}}
@keyframes averonLiveBadgePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,76,76,.12)}50%{box-shadow:0 0 0 6px rgba(255,76,76,.00)}}


/* AVERON v2.11.0 incident PDF actions */
.incident-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.incident-head-actions form{margin:0}
@media(max-width:760px){.incident-head-actions{width:100%;justify-content:stretch}.incident-head-actions .button{flex:1}.incident-head-actions form{flex:1}.incident-head-actions form .button{width:100%}}


/* AVERON v2.12.0 */
.recording-tenant-control{min-width:260px}
.recording-summary-panel{border-color:rgba(78,195,224,.16)}
.recording-meter{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:10px 0}
.recording-meter i{display:block;height:100%;background:linear-gradient(90deg,#4ec3e0,#65d9a5);border-radius:inherit;transition:width .2s ease}
.stream-delete-details{position:relative}
.stream-delete-details summary{list-style:none}
.stream-delete-details summary::-webkit-details-marker{display:none}
.stream-delete-form{position:absolute;right:0;top:38px;z-index:20;width:260px;padding:12px;background:#0b1523;border:1px solid rgba(211,75,75,.35);border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.32)}
.stream-delete-form input{margin-bottom:8px}
.incident-delete-zone{margin-top:20px}
@media(max-width:760px){.recording-tenant-control{min-width:0;width:100%}.stream-delete-form{position:fixed;left:14px;right:14px;top:auto;bottom:14px;width:auto}}


/* AVERON v2.13.0 guest links entitlement */
.feature-disabled-panel{position:relative;border-color:rgba(146,154,165,.16)!important;background:linear-gradient(180deg,rgba(18,24,32,.74),rgba(12,18,26,.72))!important}
.feature-disabled-panel .guest-share-fieldset,.feature-disabled-panel .table-wrap.is-disabled,.guest-seat-info.is-disabled{opacity:.38;filter:saturate(.35);pointer-events:none}
.feature-disabled-overlay-note{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin-bottom:16px;border:1px solid rgba(78,195,224,.18);border-radius:12px;background:rgba(78,195,224,.055);color:#cfeef5}
.feature-disabled-overlay-note strong{color:#72dcef}
.feature-disabled-overlay-note span{font-size:12px;color:#91aabd}
.guest-share-fieldset{border:0;padding:0;margin:0;min-width:0}
.guest-seat-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.guest-seat-info>div{padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.guest-seat-info span{display:block;color:#8099af;font-size:11px;margin-bottom:4px}.guest-seat-info strong{font-size:16px}.guest-seat-info small{grid-column:1/-1;color:#7f97ad}
@media(max-width:760px){.guest-seat-info{grid-template-columns:1fr}}


/* AVERON v2.14 billing / recording storage */
.recording-storage-stats{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#91a8bc;font-size:12px}
.recording-storage-stats strong{font-size:20px;color:#eaf7ff}
.feature-disabled-panel{opacity:.72;border-style:dashed}
@media(max-width:760px){.recording-storage-stats{align-items:flex-start;flex-direction:column;gap:4px}}


/* AVERON v2.15.0 role permission matrix */
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 20px}.permission-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer}.permission-card:hover{border-color:rgba(78,195,224,.22);background:rgba(78,195,224,.04)}.permission-card input{width:auto;margin-top:3px}.permission-card span{display:flex;flex-direction:column;gap:3px}.permission-card strong{font-size:13px;color:#e8f6ff}.permission-card small{font-size:11px;line-height:1.35;color:#8299ad}.role-delete-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}@media(max-width:1000px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.permission-grid{grid-template-columns:1fr}}

/* AVERON v2.16.0 grouped navigation and bilingual UI */
.shell-nav-group{border:0;margin:0;padding:0}
.shell-nav-group>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:#b7c8d8;cursor:pointer;user-select:none;border:1px solid transparent;transition:.18s ease}
.shell-nav-group>summary::-webkit-details-marker{display:none}
.shell-nav-group>summary:hover,.shell-nav-group[open]>summary{background:rgba(78,195,224,.055);border-color:rgba(78,195,224,.11);color:#eefaff}
.shell-nav-group .group-chevron{margin-left:auto;color:#718ba2;transition:transform .18s ease}
.shell-nav-group[open] .group-chevron{transform:rotate(180deg)}
.shell-nav-children{display:flex;flex-direction:column;gap:4px;margin:5px 0 7px 42px;padding-left:10px;border-left:1px solid rgba(78,195,224,.13)}
.shell-nav-child{padding:8px 10px;border-radius:9px;color:#91a8bc;font-size:13px;line-height:1.25}
.shell-nav-child:hover{color:#eafaff;background:rgba(78,195,224,.055)}
.shell-nav-child.active{color:#7ddff3;background:rgba(78,195,224,.10);box-shadow:inset 2px 0 0 #4ec3e0}
.sidebar-language{display:flex;gap:5px;margin:0 0 11px}
.sidebar-language form{margin:0}
.language-chip{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#8ca4b9;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:800;cursor:pointer}
.language-chip.active{border-color:rgba(78,195,224,.35);background:rgba(78,195,224,.12);color:#7ee1f5}
.field-hint{display:block;color:#7f97ad;font-size:11px;line-height:1.45;margin-top:5px}
.workflow-banner{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin-bottom:16px;border:1px solid rgba(78,195,224,.18);background:rgba(78,195,224,.055);border-radius:14px}
.workflow-number{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(78,195,224,.15);color:#7ee3f7;font-weight:800;font-size:12px}
.setup-progress{height:8px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin:12px 0 6px}
.setup-progress>i{display:block;height:100%;background:#4ec3e0;border-radius:inherit}
.setup-step-list{display:grid;gap:12px}
.setup-step{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}
.setup-step.done{border-color:rgba(37,194,110,.16)}
.setup-step-index{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(78,195,224,.12);color:#7edff3;font-weight:800}
.setup-step.done .setup-step-index{background:rgba(37,194,110,.12);color:#55e197}
.quota-modal-backdrop{position:fixed;inset:0;background:rgba(2,7,13,.76);backdrop-filter:blur(5px);z-index:1200;display:grid;place-items:center;padding:20px}
.quota-modal-card{width:min(520px,100%);padding:26px;border:1px solid rgba(227,75,75,.30);border-radius:20px;background:linear-gradient(180deg,#111d2e,#0b1523);box-shadow:0 30px 90px rgba(0,0,0,.46)}
.quota-modal-card h2{font-size:23px;margin:10px 0}.quota-modal-card p{color:#a8bbcd;line-height:1.55}.quota-modal-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.incident-note-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.incident-note-form input{min-height:42px}
.recording-no-audio{display:inline-flex;gap:5px;align-items:center;color:#8edff0;font-size:11px}
@media(max-width:760px){.shell-nav-children{margin-left:24px}.setup-step{grid-template-columns:38px 1fr}.setup-step>.button{grid-column:1/-1}.incident-note-form{grid-template-columns:1fr}}
.login-language-switch{display:flex;justify-content:center;gap:7px;margin:-8px 0 20px}.login-language-switch .language-chip{font-size:11px;padding:6px 10px;text-decoration:none}


/* AVERON v2.17.0 incident geocoding / operational areas */
.incident-stream-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.incident-marker-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.incident-marker-row small{color:#6f8498;font-size:10px}
.marker-address-field{position:relative}
.address-suggestions{position:absolute;left:0;right:0;top:70px;z-index:60;background:#0b1726;border:1px solid rgba(78,195,224,.25);border-radius:12px;box-shadow:0 18px 42px rgba(0,0,0,.35);overflow:hidden;max-height:310px;overflow-y:auto}
.address-suggestion{width:100%;display:flex;flex-direction:column;gap:3px;text-align:left;padding:11px 13px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#eaf5ff;cursor:pointer}
.address-suggestion:last-child{border-bottom:0}
.address-suggestion:hover,.address-suggestion:focus{background:rgba(78,195,224,.10);outline:none}
.address-suggestion strong{font-size:13px}
.address-suggestion span{font-size:11px;color:#91a9be}
.input-with-unit{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #303842;border-radius:7px;background:#0e1115;overflow:hidden}
.input-with-unit input{border:0;border-radius:0}
.input-with-unit span{padding:0 11px;color:#8da5ba;font-size:12px}
.marker-selected-location{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:rgba(78,195,224,.055);border:1px solid rgba(78,195,224,.12)}
.marker-selected-location span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6e91aa}
.marker-selected-location strong{font-size:12px;color:#bcecf7;font-family:Consolas,monospace}
#incident-marker-submit:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.incident-stream-grid{grid-template-columns:1fr}.address-suggestions{top:68px}.marker-selected-location{flex-direction:column;align-items:flex-start;gap:4px}}


/* AVERON v2.17.1 — radial colour picker + semantic incident markers */
.marker-colour-field{position:relative}
.marker-colour-picker{position:relative;display:inline-flex;align-items:center;min-height:44px}
.marker-colour-trigger{
  min-width:170px;display:flex;align-items:center;gap:10px;padding:9px 12px;
  border:1px solid rgba(255,255,255,.10);border-radius:12px;
  background:rgba(255,255,255,.035);color:#eaf7ff;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.marker-colour-trigger:hover,.marker-colour-trigger.open{
  border-color:rgba(78,195,224,.35);background:rgba(78,195,224,.055);
  box-shadow:0 8px 22px rgba(0,0,0,.18)
}
.marker-colour-preview{
  width:22px;height:22px;border-radius:50%;background:var(--marker-color);
  border:2px solid rgba(255,255,255,.88);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--marker-color) 16%,transparent),0 3px 10px rgba(0,0,0,.32)
}
.marker-colour-radial{
  position:absolute;left:50%;bottom:52px;z-index:80;width:190px;height:190px;
  transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle at center,rgba(7,17,29,.98) 0 29%,rgba(12,25,42,.97) 30% 66%,rgba(7,17,29,.94) 67%);
  border:1px solid rgba(78,195,224,.19);
  box-shadow:0 18px 52px rgba(0,0,0,.45),inset 0 0 35px rgba(78,195,224,.035);
  backdrop-filter:blur(12px)
}
.marker-colour-radial[hidden]{display:none}
.radial-colour{
  --c:#fff;position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px;
  border-radius:50%;border:3px solid rgba(255,255,255,.85);background:var(--c);cursor:pointer;
  box-shadow:0 5px 16px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease
}
.radial-colour:hover,.radial-colour.selected{transform:scale(1.16);border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.10),0 5px 18px rgba(0,0,0,.38)}
.radial-colour.c-red{--c:#d64545;transform:translate(0,-70px)}
.radial-colour.c-orange{--c:#f08a3c;transform:translate(49px,-49px)}
.radial-colour.c-yellow{--c:#f2c94c;transform:translate(70px,0)}
.radial-colour.c-green{--c:#37c978;transform:translate(49px,49px)}
.radial-colour.c-cyan{--c:#4ec3e0;transform:translate(0,70px)}
.radial-colour.c-blue{--c:#4f7cff;transform:translate(-49px,49px)}
.radial-colour.c-violet{--c:#9b6cff;transform:translate(-70px,0)}
.radial-colour.c-white{--c:#f4f7fb;transform:translate(-49px,-49px)}
.radial-colour.c-red:hover,.radial-colour.c-red.selected{transform:translate(0,-70px) scale(1.16)}
.radial-colour.c-orange:hover,.radial-colour.c-orange.selected{transform:translate(49px,-49px) scale(1.16)}
.radial-colour.c-yellow:hover,.radial-colour.c-yellow.selected{transform:translate(70px,0) scale(1.16)}
.radial-colour.c-green:hover,.radial-colour.c-green.selected{transform:translate(49px,49px) scale(1.16)}
.radial-colour.c-cyan:hover,.radial-colour.c-cyan.selected{transform:translate(0,70px) scale(1.16)}
.radial-colour.c-blue:hover,.radial-colour.c-blue.selected{transform:translate(-49px,49px) scale(1.16)}
.radial-colour.c-violet:hover,.radial-colour.c-violet.selected{transform:translate(-70px,0) scale(1.16)}
.radial-colour.c-white:hover,.radial-colour.c-white.selected{transform:translate(-49px,-49px) scale(1.16)}
.radial-colour-centre{
  position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(78,195,224,.24);background:#0b1726;color:#9bdff0;
  cursor:pointer;font-size:22px;line-height:1
}

.incident-marker-type-icon{
  width:28px;height:28px;border-radius:10px;display:grid;place-items:center;flex:none;
  color:#fff;background:color-mix(in srgb,var(--marker-color) 28%,#0a1422);
  border:1px solid color-mix(in srgb,var(--marker-color) 48%,transparent);
  box-shadow:0 5px 14px rgba(0,0,0,.22)
}
.incident-marker-type-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.incident-point-symbol{
  display:flex;align-items:center;gap:6px;white-space:nowrap;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))
}
.incident-point-symbol-icon{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--marker-color) 84%,#101923);
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--marker-color) 18%,transparent),0 5px 14px rgba(0,0,0,.32)
}
.incident-point-symbol-icon svg{
  width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round
}
.incident-point-symbol b{
  font:700 10px/1.1 Inter,Segoe UI,Arial,sans-serif;color:#fff;
  background:rgba(7,14,24,.88);border:1px solid rgba(255,255,255,.10);
  padding:5px 7px;border-radius:7px;box-shadow:0 4px 12px rgba(0,0,0,.25)
}
.incident-point-symbol-gefahr .incident-point-symbol-icon{border-radius:50%}
.incident-point-symbol-sperrpunkt .incident-point-symbol-icon{border-radius:50%}
.incident-point-symbol-fundstelle .incident-point-symbol-icon{border-radius:50%}
@media(max-width:760px){
  .marker-colour-radial{position:fixed;left:50%;bottom:24px;width:180px;height:180px;transform:translateX(-50%);z-index:1200}
}


/* AVERON v2.17.2 — readable map popups */
.maplibregl-popup{
  z-index:30;
}
.maplibregl-popup-content{
  min-width:220px;
  max-width:min(360px,calc(100vw - 40px));
  padding:14px 38px 14px 15px !important;
  border-radius:12px !important;
  background:#0d1a2b !important;
  color:#eaf6ff !important;
  border:1px solid rgba(78,195,224,.28);
  box-shadow:0 14px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025);
  font:13px/1.5 Inter,Segoe UI,Arial,sans-serif;
}
.maplibregl-popup-content,
.maplibregl-popup-content *{
  color:#d9eafa !important;
  text-shadow:none !important;
}
.maplibregl-popup-content strong{
  display:block;
  margin:0 0 5px;
  color:#ffffff !important;
  font-size:14px;
  font-weight:750;
  line-height:1.25;
}
.maplibregl-popup-content a{
  color:#72dcef !important;
  text-decoration:none;
}
.maplibregl-popup-content a:hover{
  color:#b5f2ff !important;
  text-decoration:underline;
}
.maplibregl-popup-close-button{
  width:30px;
  height:30px;
  padding:0 !important;
  right:4px !important;
  top:4px !important;
  border-radius:8px;
  color:#a9bed2 !important;
  font-size:20px !important;
  line-height:28px !important;
  background:transparent !important;
}
.maplibregl-popup-close-button:hover{
  color:#fff !important;
  background:rgba(255,255,255,.07) !important;
}
.maplibregl-popup-anchor-top .maplibregl-popup-tip{
  border-bottom-color:#0d1a2b !important;
}
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{
  border-top-color:#0d1a2b !important;
}
.maplibregl-popup-anchor-left .maplibregl-popup-tip{
  border-right-color:#0d1a2b !important;
}
.maplibregl-popup-anchor-right .maplibregl-popup-tip{
  border-left-color:#0d1a2b !important;
}
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{
  border-bottom-color:#0d1a2b !important;
}
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{
  border-top-color:#0d1a2b !important;
}

/* Legacy AVERON map point popup class */
.map-point-popup{
  min-width:190px;
  color:#d9eafa !important;
  font:13px/1.5 Inter,Segoe UI,Arial,sans-serif;
}
.map-point-popup strong{
  color:#fff !important;
  font-size:14px;
}
@media(max-width:600px){
  .maplibregl-popup-content{
    min-width:190px;
    max-width:calc(100vw - 28px);
    padding:12px 34px 12px 13px !important;
    font-size:12px;
  }
}


/* AVERON v2.18.0 — operational map quick actions, marker editor, collapsible previews */
#incident-map{position:relative}
.incident-map-context-menu{
  position:absolute;z-index:95;width:310px;max-width:calc(100% - 24px);padding:13px;
  border-radius:16px;background:rgba(8,18,31,.97);border:1px solid rgba(78,195,224,.25);
  box-shadow:0 20px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(14px)
}
.incident-map-context-menu[hidden]{display:none}
.context-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.context-menu-head strong{font-size:14px;color:#fff}
.context-menu-close{border:0;background:transparent;color:#a9bed2;font-size:22px;cursor:pointer;padding:0 5px}
.context-menu-coordinate{font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7892a8;margin-bottom:11px}
.context-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#71889d;margin:10px 0 6px}
.context-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.context-type-button{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0d1a2b;color:#d8e9f7;cursor:pointer;text-align:left}
.context-type-button span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(78,195,224,.07)}
.context-type-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.context-type-button b{font-size:11px;font-weight:650}
.context-type-button:hover,.context-type-button.selected{border-color:rgba(78,195,224,.46);background:rgba(78,195,224,.10);color:#fff}
.context-colour-row,.marker-edit-colours{display:flex;flex-wrap:wrap;gap:8px}
.context-colour-button,.marker-edit-colour{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.72);background:var(--marker-color);cursor:pointer;box-shadow:0 3px 9px rgba(0,0,0,.28)}
.context-colour-button.selected,.marker-edit-colour.selected{outline:3px solid rgba(78,195,224,.28);border-color:#fff;transform:scale(1.08)}
.context-create-button{width:100%;margin-top:12px}
.incident-marker-description{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}
.incident-marker-description:hover strong{color:#72dcef}
.incident-marker-description span,.incident-marker-description small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.incident-marker-description span{font-size:10px;color:#8ca2b5}.incident-marker-description small{font-size:9px;color:#667c8e}
.map-popup-edit{margin-top:9px;border:1px solid rgba(78,195,224,.30);background:rgba(78,195,224,.08);color:#8fe6f6!important;border-radius:8px;padding:6px 8px;font-size:11px;cursor:pointer}
.map-popup-edit:hover{background:rgba(78,195,224,.14)}
.marker-edit-dialog{width:min(620px,calc(100vw - 28px))}
.marker-edit-card{width:100%;max-width:none}
.marker-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.marker-edit-position{margin-top:10px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7691a7}
.incident-stream-head-actions{display:flex;align-items:center;gap:7px}
.incident-preview-toggle{width:28px;height:28px;font-size:16px;line-height:1}
.incident-stream-card.preview-collapsed .incident-stream-video{display:none}
.incident-stream-card.preview-collapsed .incident-stream-footer{border-top:1px solid rgba(255,255,255,.05)}
.incident-point-symbol[data-edit-marker]{cursor:pointer}
@media(max-width:760px){
  .incident-map-context-menu{position:absolute;width:calc(100% - 20px)!important;left:10px!important;top:auto!important;bottom:10px}
  .marker-edit-grid{grid-template-columns:1fr}.marker-edit-grid .form-span-2{grid-column:auto}
}


/* AVERON v2.19.0 — personal dashboard grid */
.dashboard-layout-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 14px;padding:10px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)
}
.dashboard-layout-toolbar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.dashboard-layout-hint{color:#7f98ae;font-size:11px}
.dashboard-layout-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dashboard-layout-state{min-width:72px;color:#78d8ed;font-size:11px;text-align:right}
.dashboard-widget-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;
  align-items:stretch
}
.dashboard-widget-subgrid{display:contents!important}
.dashboard-widget{
  --widget-span:12;
  grid-column:span var(--widget-span);
  min-width:0;margin:0!important;position:relative
}
.dashboard-widget>.panel,.dashboard-widget.panel{height:100%}
.dashboard-stats-widget .modern-dashboard-cards{margin-bottom:0}
.dashboard-launch-widget .mission-launch-banner{height:100%;margin:0}
.dashboard-widget-grid .modern-dashboard-grid,
.dashboard-widget-grid .modern-ops-grid,
.dashboard-widget-grid .modern-list-grid{margin:0}
.dashboard-widget-controls{
  display:none;position:absolute;z-index:70;right:10px;top:10px;
  align-items:center;gap:5px;padding:5px;border-radius:11px;
  border:1px solid rgba(78,195,224,.24);
  background:rgba(6,16,28,.94);box-shadow:0 10px 26px rgba(0,0,0,.35);
  backdrop-filter:blur(10px)
}
.dashboard-layout-editing .dashboard-widget-controls{display:flex}
.dashboard-layout-editing .dashboard-widget{
  outline:1px dashed rgba(78,195,224,.32);outline-offset:4px;
  border-radius:18px;min-height:70px
}
.dashboard-layout-editing .dashboard-widget:hover{
  outline-color:rgba(78,195,224,.72)
}
.dashboard-layout-editing .dashboard-widget.dashboard-drag-over{
  outline:2px solid #4ec3e0;background:rgba(78,195,224,.035)
}
.dashboard-widget-control{
  display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;
  border:1px solid rgba(255,255,255,.08);border-radius:8px;
  background:rgba(255,255,255,.04);color:#cce4f3;cursor:pointer;
  font:650 11px/1 Inter,Segoe UI,Arial,sans-serif
}
.dashboard-widget-control:hover{border-color:rgba(78,195,224,.42);background:rgba(78,195,224,.09);color:#fff}
.dashboard-widget-drag{cursor:grab;font-size:16px;letter-spacing:-2px;padding-right:9px}
.dashboard-widget-drag:active{cursor:grabbing}
.dashboard-widget-width{min-width:58px;color:#70dbf1}
.dashboard-widget.dragging{opacity:.46}
.dashboard-layout-editing [data-dashboard-layout-edit]{display:none}
.dashboard-layout-editing [data-dashboard-layout-reset],
.dashboard-layout-editing [data-dashboard-layout-done]{display:inline-flex!important}
@media(max-width:1180px){
  .dashboard-widget{grid-column:1/-1!important}
  .dashboard-layout-hint{display:none}
}
@media(max-width:700px){
  .dashboard-layout-toolbar{align-items:flex-start;flex-direction:column}
  .dashboard-layout-actions{width:100%;justify-content:flex-start}
  .dashboard-widget-controls{position:sticky;top:6px;float:right;margin:6px 6px -42px 0}
  .dashboard-widget-width{display:none}
}


/* AVERON v2.19.1 — readable marker editor + expected top-right close button */
#incident-marker-edit-dialog.marker-edit-dialog{
  width:min(640px,calc(100vw - 28px));
  max-width:640px;
  padding:0 !important;
  border:1px solid rgba(78,195,224,.30) !important;
  border-radius:16px !important;
  background:#0b1726 !important;
  color:#eef8ff !important;
  box-shadow:0 28px 90px rgba(0,0,0,.64) !important;
  overflow:visible;
}
#incident-marker-edit-dialog.marker-edit-dialog::backdrop{
  background:rgba(3,9,16,.78);
  backdrop-filter:blur(4px);
}
#incident-marker-edit-dialog .marker-edit-card{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:20px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#0d1a2b !important;
  color:#eef8ff !important;
  box-shadow:none !important;
}
#incident-marker-edit-dialog .modal-head{
  display:block !important;
  margin:0 0 18px !important;
  padding:0 44px 14px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.09);
}
#incident-marker-edit-dialog .modal-head h2{
  margin:0 0 5px !important;
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.22;
  font-weight:750;
}
#incident-marker-edit-dialog .modal-head .sub{
  color:#a8bfd1 !important;
  font-size:12px;
  line-height:1.45;
}
#incident-marker-edit-dialog .marker-edit-close-x{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:10;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:9px !important;
  background:#101f31 !important;
  color:#dcebf6 !important;
  font-size:21px !important;
  font-weight:400;
  line-height:1 !important;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.24);
}
#incident-marker-edit-dialog .marker-edit-close-x:hover,
#incident-marker-edit-dialog .marker-edit-close-x:focus-visible{
  border-color:rgba(78,195,224,.58) !important;
  background:#173048 !important;
  color:#ffffff !important;
  outline:none;
  box-shadow:0 0 0 3px rgba(78,195,224,.12),0 4px 12px rgba(0,0,0,.24);
}
#incident-marker-edit-dialog label{
  display:block;
  margin:0 0 6px;
  color:#cfe0ec !important;
  font-size:12px;
  font-weight:650;
}
#incident-marker-edit-dialog input,
#incident-marker-edit-dialog select,
#incident-marker-edit-dialog textarea{
  width:100%;
  min-height:42px;
  box-sizing:border-box;
  border:1px solid rgba(173,199,218,.22) !important;
  border-radius:10px !important;
  background:#07121e !important;
  color:#f5fbff !important;
  caret-color:#4ec3e0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
#incident-marker-edit-dialog input::placeholder,
#incident-marker-edit-dialog textarea::placeholder{
  color:#8098aa !important;
  opacity:1;
}
#incident-marker-edit-dialog input:focus,
#incident-marker-edit-dialog select:focus,
#incident-marker-edit-dialog textarea:focus{
  outline:none !important;
  border-color:#4ec3e0 !important;
  box-shadow:0 0 0 3px rgba(78,195,224,.13) !important;
}
#incident-marker-edit-dialog select option{
  background:#0b1726;
  color:#f3f9fd;
}
#incident-marker-edit-dialog .input-with-unit{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  border:1px solid rgba(173,199,218,.22);
  border-radius:10px;
  overflow:hidden;
  background:#07121e;
}
#incident-marker-edit-dialog .input-with-unit input{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#incident-marker-edit-dialog .input-with-unit span{
  display:grid;
  place-items:center;
  min-width:42px;
  padding:0 10px;
  border-left:1px solid rgba(173,199,218,.15);
  background:#102236;
  color:#d2e3ef !important;
  font-size:12px;
}
#incident-marker-edit-dialog .marker-edit-position{
  margin-top:12px;
  color:#84cfe2 !important;
  font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
}
#incident-marker-edit-dialog .marker-edit-colours{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
}
#incident-marker-edit-dialog .marker-edit-colour{
  width:31px;
  height:31px;
  border:2px solid rgba(255,255,255,.88);
  box-shadow:0 4px 12px rgba(0,0,0,.34);
}
#incident-marker-edit-dialog .marker-edit-colour.selected{
  outline:3px solid rgba(78,195,224,.38);
  outline-offset:2px;
  transform:scale(1.07);
}
#incident-marker-edit-dialog .modal-actions{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
@media(max-width:650px){
  #incident-marker-edit-dialog.marker-edit-dialog{
    width:calc(100vw - 18px);
  }
  #incident-marker-edit-dialog .marker-edit-card{
    padding:16px !important;
  }
  #incident-marker-edit-dialog .modal-head{
    padding-right:42px !important;
  }
  #incident-marker-edit-dialog .marker-edit-close-x{
    top:9px !important;
    right:9px !important;
  }
}


/* AVERON v2.19.2 — dashboard section ordering without destroying tile groups */
.dashboard-section-grid{
  display:flex !important;
  flex-direction:column;
  gap:20px;
  width:100%;
}
.dashboard-section{
  position:relative;
  min-width:0;
  width:100%;
  margin:0 !important;
}
.dashboard-section > .modern-dashboard-grid,
.dashboard-section > .dashboard-ops-grid,
.dashboard-section > .modern-list-grid,
.dashboard-section > .dashboard-cards,
.dashboard-section > .mission-launch-banner{
  margin-bottom:0 !important;
}
.dashboard-section > .modern-dashboard-grid{
  display:grid !important;
  grid-template-columns:1.4fr 1fr !important;
  gap:20px !important;
}
.dashboard-section > .dashboard-ops-grid.modern-ops-grid{
  display:grid !important;
  grid-template-columns:1.3fr .7fr 1fr !important;
  gap:20px !important;
}
.dashboard-section > .grid-2.modern-list-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:20px !important;
}
.dashboard-section > .dashboard-cards.modern-dashboard-cards{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}
.dashboard-section-controls{
  display:none;
  position:absolute;
  z-index:80;
  top:-13px;
  right:12px;
  align-items:center;
  gap:5px;
  padding:5px;
  border:1px solid rgba(78,195,224,.32);
  border-radius:11px;
  background:rgba(6,16,28,.97);
  box-shadow:0 10px 28px rgba(0,0,0,.38);
  backdrop-filter:blur(10px);
}
.dashboard-layout-editing .dashboard-section-controls{
  display:flex;
}
.dashboard-layout-editing .dashboard-section{
  outline:1px dashed rgba(78,195,224,.42);
  outline-offset:7px;
  border-radius:18px;
}
.dashboard-layout-editing .dashboard-section:hover{
  outline-color:rgba(78,195,224,.78);
}
.dashboard-layout-editing .dashboard-section-drag-over{
  outline:2px solid #4ec3e0;
  background:rgba(78,195,224,.025);
}
.dashboard-section.dragging{
  opacity:.48;
}
.dashboard-section-number{
  display:grid;
  place-items:center;
  min-width:26px;
  height:26px;
  padding:0 7px;
  border-radius:8px;
  background:rgba(78,195,224,.12);
  color:#74d9ed;
  font:750 11px/1 Inter,Segoe UI,Arial,sans-serif;
}
.dashboard-section-control{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:#d9ebf6;
  cursor:pointer;
}
.dashboard-section-control:hover{
  border-color:rgba(78,195,224,.48);
  background:rgba(78,195,224,.10);
  color:#fff;
}
.dashboard-section-drag{
  cursor:grab;
  font-size:16px;
}
.dashboard-section-drag:active{
  cursor:grabbing;
}
.dashboard-layout-state.is-error{
  color:#ff8c8c !important;
}

/* Neutralise the v2.19.0 flattened widget grid if old CSS is still cached. */
#dashboard-section-grid .dashboard-widget,
#dashboard-section-grid .dashboard-widget-subgrid{
  grid-column:auto !important;
}

/* Keep the proven responsive behaviour of the original dashboard. */
@media(max-width:1180px){
  .dashboard-section > .dashboard-ops-grid.modern-ops-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .dashboard-section > .dashboard-ops-grid.modern-ops-grid > :first-child{
    grid-column:1/-1;
  }
  .dashboard-section > .dashboard-cards.modern-dashboard-cards{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  .dashboard-section > .modern-dashboard-grid,
  .dashboard-section > .dashboard-ops-grid.modern-ops-grid,
  .dashboard-section > .grid-2.modern-list-grid{
    grid-template-columns:1fr !important;
  }
  .dashboard-section > .dashboard-ops-grid.modern-ops-grid > :first-child{
    grid-column:auto;
  }
  .dashboard-section > .dashboard-cards.modern-dashboard-cards{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:620px){
  .dashboard-section > .dashboard-cards.modern-dashboard-cards{
    grid-template-columns:1fr !important;
  }
  .dashboard-section-controls{
    position:sticky;
    top:6px;
    margin:0 6px -40px auto;
    width:max-content;
  }
}


/* AVERON v2.20.0 — compact dashboard settings gear */
.dashboard-layout-toolbar{display:none!important}
.dashboard-settings-dock{
  position:relative;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  min-height:42px;
  margin-top:8px;
  padding:2px 0 6px;
}
.dashboard-settings-gear,
.dashboard-settings-done{
  border:1px solid rgba(78,195,224,.22);
  background:#0c1a2a;
  color:#cde7f3;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  cursor:pointer;
}
.dashboard-settings-gear{
  width:34px;height:34px;border-radius:50%;padding:0;
  display:grid;place-items:center;font-size:16px;
}
.dashboard-settings-gear:hover,
.dashboard-settings-gear[aria-expanded="true"]{
  color:#fff;border-color:rgba(78,195,224,.55);
  background:#10263a;
}
.dashboard-settings-done{
  min-height:34px;padding:0 12px;border-radius:9px;font-weight:700;
}
.dashboard-settings-menu{
  position:absolute;
  right:0;
  bottom:44px;
  z-index:150;
  min-width:220px;
  padding:6px;
  border:1px solid rgba(78,195,224,.25);
  border-radius:12px;
  background:#0a1726;
  box-shadow:0 18px 48px rgba(0,0,0,.46);
}
.dashboard-settings-menu[hidden]{display:none}
.dashboard-settings-menu button{
  width:100%;
  padding:10px 11px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#dcecf6;
  text-align:left;
  cursor:pointer;
}
.dashboard-settings-menu button:hover{
  background:rgba(78,195,224,.09);
  color:#fff;
}
.dashboard-settings-dock .dashboard-layout-state{
  min-width:0;
  margin-right:4px;
}

/* AVERON v2.20.0 — Watch DVR/timeshift */
.watch-dvr-player{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  background:#000;
}
.watch-dvr-player[hidden]{display:none!important}
.watch-stream[hidden]{display:none!important}
.watch-dvr-controls{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:42;
  display:grid;
  grid-template-columns:auto auto minmax(90px,1fr) auto auto;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(4,11,20,.86);
  box-shadow:0 12px 32px rgba(0,0,0,.42);
  backdrop-filter:blur(10px);
}
.watch-dvr-controls[hidden]{display:none!important}
.watch-dvr-play,
.watch-go-live{
  height:30px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#102033;
  color:#dcebf4;
  cursor:pointer;
}
.watch-dvr-play{
  width:34px;
  padding:0;
}
.watch-go-live{
  padding:0 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.watch-go-live.active{
  border-color:rgba(255,92,92,.50);
  color:#ff8f8f;
  background:rgba(120,30,30,.28);
  box-shadow:0 0 0 0 rgba(255,76,76,.34);
  animation:averonLiveBadgePulse 1.9s ease-in-out infinite;
}
.watch-go-live.offline,
.watch-go-live:disabled{
  border-color:rgba(255,255,255,.10);
  color:#7f91a0;
  background:rgba(32,43,55,.42);
  box-shadow:none;
  animation:none;
  cursor:default;
}
.watch-dvr-controls.is-timeshift .watch-go-live{
  border-color:rgba(214,69,69,.45);
  color:#ff8a8a;
  background:rgba(120,30,30,.22);
}
.watch-dvr-time,
.watch-dvr-offset{
  color:#a9bfd0;
  font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:nowrap;
}
.watch-dvr-offset{
  min-width:52px;
  text-align:right;
  color:#dcebf4;
}
.watch-dvr-range{
  width:100%;
  min-width:80px;
  accent-color:#4ec3e0;
  cursor:pointer;
}
.badge.live{
  background:rgba(255,72,72,.16)!important;
  color:#ff8f8f!important;
  border:1px solid rgba(255,92,92,.34)!important;
  box-shadow:0 0 0 0 rgba(255,76,76,.34);
  animation:averonLiveBadgePulse 1.9s ease-in-out infinite;
}
.badge.dvr{
  background:rgba(241,172,65,.15)!important;
  color:#ffc66e!important;
  border-color:rgba(241,172,65,.38)!important;
}
@media(max-width:720px){
  .watch-dvr-controls{
    left:8px;right:8px;bottom:8px;
    grid-template-columns:auto minmax(70px,1fr) auto auto;
    gap:6px;padding:7px;
  }
  .watch-dvr-time{display:none}
  .watch-go-live{padding:0 8px}
}


/* AVERON v2.20.1 — unified Live/DVR timeline */
.watch-dvr-controls{
  background:linear-gradient(180deg,rgba(4,10,18,.72),rgba(4,10,18,.94))!important;
  border-color:rgba(78,195,224,.18)!important;
}
.watch-dvr-controls.is-buffering .watch-dvr-range{
  opacity:.45;
  cursor:not-allowed;
}
.watch-dvr-controls.is-buffering .watch-dvr-offset{
  color:#88a3b6;
}
.watch-dvr-range:disabled{
  opacity:.45;
}
.watch-dvr-range:not(:disabled){
  cursor:ew-resize;
}
.watch-dvr-range::-webkit-slider-thumb{
  cursor:grab;
}
.watch-dvr-range::-webkit-slider-thumb:active{
  cursor:grabbing;
}


/* AVERON v2.20.2 — independent rolling Live DVR */
.watch-dvr-controls:not(.is-buffering) .watch-dvr-range:not(:disabled){
  opacity:1;
}
.watch-dvr-controls.is-timeshift .watch-dvr-offset{
  color:#ffc66e;
}


/* AVERON v2.20.3 — interactive Live DVR timeline hotfix */
.watch-dvr-controls.is-buffering .watch-dvr-range:not(:disabled){
  opacity:.68;
  cursor:ew-resize;
}
.watch-dvr-range[aria-disabled="false"]{
  pointer-events:auto;
  touch-action:pan-y;
}

/* AVERON v2.20.3 — publisher-aware Live state */
.watch-dvr-controls.is-offline .watch-dvr-range{
  opacity:.35!important;
  cursor:not-allowed!important;
}
.watch-dvr-controls.is-offline .watch-dvr-offset{
  color:#7f91a0!important;
}

/* AVERON v2.21.2 — Airspace Awareness / modern visibility switches */
.telemetry-details{max-height:2400px}
.telemetry-details.collapsed{max-height:0}
.airspace-panel{
  margin-top:12px;padding-top:12px;border-top:1px solid #2a3139;
  display:grid;gap:10px
}
.airspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.airspace-head-actions{display:flex;align-items:center;gap:6px}
.airspace-head>div{display:grid;gap:2px}
.airspace-head strong{font-size:13px;color:#f1f6fa}
.airspace-head small{font-size:10px;color:#8292a1;line-height:1.3}
.airspace-state,.airspace-level{
  display:inline-flex;align-items:center;justify-content:center;border:1px solid #33424f;
  border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.05em;white-space:nowrap
}
.airspace-state.loading,.airspace-state.clear{color:#74dba5;background:rgba(52,173,107,.10);border-color:rgba(82,196,131,.30)}
.airspace-state.watch,.airspace-level.watch{color:#8de9ff;background:rgba(78,195,224,.12);border-color:rgba(78,195,224,.34)}
.airspace-state.warning,.airspace-level.warning{color:#ffc66e;background:rgba(241,172,65,.13);border-color:rgba(241,172,65,.38)}
.airspace-state.critical,.airspace-level.critical{color:#ff8f98;background:rgba(255,77,95,.14);border-color:rgba(255,77,95,.42);animation:averonLiveBadgePulse 1.55s ease-in-out infinite}
.airspace-state.error{color:#ff8f98;background:rgba(255,77,95,.10);border-color:rgba(255,77,95,.28)}
.airspace-body{display:grid;gap:10px;max-height:2200px;overflow:hidden;transition:max-height .22s ease,opacity .18s ease}
.airspace-body.collapsed{max-height:0;opacity:0;pointer-events:none}
.airspace-settings-wrap{display:grid;gap:6px;max-height:600px;overflow:hidden;transition:max-height .2s ease,opacity .18s ease}
.airspace-settings-wrap.collapsed{max-height:0;opacity:0;pointer-events:none}
.airspace-settings{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  padding:9px;background:#151b21;border:1px solid #29333d;border-radius:9px
}
.airspace-settings label{display:grid;gap:3px;color:#8d9aa6;font-size:10px}
.airspace-switch-row{
  grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;
  gap:14px;padding:9px 10px!important;background:#10161c;border:1px solid #27323c;
  border-radius:9px;cursor:pointer;transition:border-color .18s ease,background .18s ease
}
.airspace-switch-row:hover{background:#121b22;border-color:#344552}
.airspace-switch-copy{display:grid!important;gap:2px;min-width:0}
.airspace-switch-copy strong{font-size:10.5px!important;line-height:1.2;color:#dce7ed!important;font-weight:700!important}
.airspace-switch-copy small{font-size:8.5px;line-height:1.25;color:#718391}
.airspace-switch{position:relative;display:inline-flex!important;flex:0 0 auto;align-items:center}
.airspace-switch input{position:absolute;opacity:0;width:1px!important;height:1px;margin:0;pointer-events:none}
.airspace-switch-track{
  position:relative;display:block!important;width:38px;height:21px;border-radius:999px;
  background:#252f38;border:1px solid #3a4854;box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease
}
.airspace-switch-thumb{
  position:absolute;display:block!important;width:15px;height:15px;left:2px;top:2px;border-radius:50%;
  background:#a8b5bf;box-shadow:0 1px 3px rgba(0,0,0,.55);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease
}
.airspace-switch input:checked + .airspace-switch-track{
  background:rgba(78,195,224,.22);border-color:#4ec3e0;
  box-shadow:0 0 0 1px rgba(78,195,224,.08),0 0 10px rgba(78,195,224,.14)
}
.airspace-switch input:checked + .airspace-switch-track .airspace-switch-thumb{
  transform:translateX(17px);background:#8de9ff
}
.airspace-switch input:focus-visible + .airspace-switch-track{outline:2px solid #8de9ff;outline-offset:2px}
.airspace-switch input:disabled + .airspace-switch-track{opacity:.45;cursor:not-allowed}
.airspace-switch-row:has(input:disabled){cursor:not-allowed;opacity:.72}
.airspace-settings label>span{display:flex;align-items:center;gap:5px;color:#c9d4dc}
.airspace-settings input{
  width:100%;min-width:0;background:#0d1217;color:#e9f2f7;border:1px solid #34414c;border-radius:6px;
  padding:6px 7px;font:700 11px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace
}
.airspace-settings input:disabled{opacity:.65}
.airspace-settings .button{grid-column:1/-1;margin-top:1px}
.airspace-settings-status{min-height:12px;color:#8fb6c9;font-size:9px}
.airspace-section-head{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.airspace-section-head strong{font-size:11px;color:#b9c7d1;text-transform:uppercase;letter-spacing:.04em}
.airspace-section-head span{font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#708391}
.airspace-list{display:grid;gap:6px;max-height:230px;overflow:auto;padding-right:2px}
.airspace-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:start;
  padding:9px 10px;background:#151b21;border:1px solid #29333d;border-left-width:3px;border-radius:8px
}
.airspace-item.traffic.watch{border-left-color:#4ec3e0}
.airspace-item.traffic.warning,.airspace-item.zone.temporary{border-left-color:#f1ac41}
.airspace-item.zone.active{border-left-color:#ff5f57;box-shadow:0 0 0 1px rgba(255,95,87,.25),0 0 18px rgba(255,95,87,.14)}
.airspace-item.traffic.critical{border-left-color:#ff4d5f;background:rgba(78,18,26,.20)}
.airspace-item-main{display:grid;gap:5px;min-width:0}
.airspace-item-main strong{font-size:12px;color:#edf5f9;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.airspace-item-main span{font-size:9px;color:#91a0ab;line-height:1.35}
.airspace-meta{display:flex;flex-wrap:wrap;gap:5px 6px;align-items:center}
.airspace-meta-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;background:#101820;border:1px solid #263440;color:#b6c4ce;font-size:9.5px;line-height:1;font-weight:700;white-space:nowrap}
.airspace-meta-pill.distance{color:#cfeeff;border-color:rgba(78,195,224,.34);background:rgba(78,195,224,.08)}
.airspace-meta-pill.altitude{color:#d5deff;border-color:rgba(125,141,255,.22);background:rgba(125,141,255,.06)}
.airspace-meta-pill.speed{color:#d6fcd8;border-color:rgba(82,196,131,.22);background:rgba(82,196,131,.06)}
.airspace-meta-pill.heading{color:#ffe4b6;border-color:rgba(241,172,65,.24);background:rgba(241,172,65,.07)}
.airspace-meta-pill.stale{color:#f5d6d8;border-color:rgba(255,143,152,.22);background:rgba(255,143,152,.07)}
.airspace-meta-pill.type,.airspace-meta-pill.notam{color:#dde6ec}
.airspace-meta-icon{opacity:.88;font-size:10px;line-height:1}
.airspace-meta-value{display:inline-flex;align-items:center}
.airspace-inline-status{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;line-height:1.25;color:#9bc0d0}
.airspace-inline-status.warning{color:#ffc66e}
.airspace-inline-status.critical{color:#ffb3a8}
.airspace-item-active{grid-column:1/-1;color:#ffb3a8;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.airspace-approach{grid-column:1/-1;color:#ffc66e;font-size:9px;font-weight:700}
.airspace-empty{padding:9px;border:1px dashed #33404a;border-radius:8px;color:#7e8e9b;font-size:10px;line-height:1.4}
.airspace-empty.clear{color:#78cda1;border-color:rgba(82,196,131,.24)}
.airspace-source-note{font-size:8.5px;line-height:1.45;color:#667987;padding:7px 8px;background:#10161b;border-radius:7px}
.airspace-source-note.error{color:#ffb6be;background:#1a1216}

@media(max-width:760px){
  .airspace-settings{grid-template-columns:1fr 1fr}
  .airspace-list{max-height:190px}
}


.airspace-item.clickable{cursor:pointer;transition:transform .14s ease,border-color .18s ease,box-shadow .18s ease}
.airspace-item.clickable:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18);border-color:#4a6174}
.airspace-item.clickable:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(78,195,224,.32),0 8px 24px rgba(0,0,0,.18)}
.aircraft-map-marker{position:relative;width:30px;height:30px;border-radius:50%;background:rgba(16,40,56,.92);border:1px solid #4ec3e0;box-shadow:0 2px 10px rgba(0,0,0,.45);cursor:pointer}
.aircraft-map-marker .aircraft-map-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0deg);font-size:14px;line-height:1;color:#8de9ff;transform-origin:center center}
.aircraft-map-marker.warning{background:#3a2b13;border-color:#f1ac41}
.aircraft-map-marker.warning .aircraft-map-icon{color:#ffc66e}
.aircraft-map-marker.critical{background:#421820;border-color:#ff4d5f;animation:averonLiveBadgePulse 1.55s ease-in-out infinite}
.aircraft-map-marker.critical .aircraft-map-icon{color:#ff9ca4}
.aircraft-detail-modal.hidden{display:none}
.aircraft-detail-modal{position:fixed;inset:0;z-index:3000}
.aircraft-detail-backdrop{position:absolute;inset:0;background:rgba(2,7,12,.72);backdrop-filter:blur(2px)}
.aircraft-detail-card{position:relative;z-index:1;max-width:640px;margin:7vh auto 0;padding:14px;border-radius:16px;background:linear-gradient(180deg,#0f1720,#0b1118);border:1px solid #2d3b46;box-shadow:0 18px 60px rgba(0,0,0,.45);display:grid;gap:12px}
.aircraft-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.aircraft-detail-head strong{font-size:18px;color:#f3f7fa}
.aircraft-detail-head small{display:block;color:#91a0ab;margin-top:2px}
.aircraft-detail-body{display:grid;gap:12px}
.aircraft-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aircraft-detail-grid div{padding:10px 11px;border:1px solid #22303b;border-radius:12px;background:#121a22;display:grid;gap:3px}
.aircraft-detail-grid span{font-size:11px;color:#8ea0ac}
.aircraft-detail-grid strong{font-size:15px;color:#edf5f9}
.aircraft-detail-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:760px){.aircraft-detail-card{margin:4vh 12px 0}.aircraft-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* AVERON v2.22.0 — Superadmin demo telemetry + map centering */
.telemetry-demo-panel{
  margin-top:10px;padding:11px;border:1px solid rgba(78,195,224,.18);border-radius:10px;
  background:linear-gradient(180deg,rgba(78,195,224,.055),rgba(8,16,24,.55));display:grid;gap:9px
}
.telemetry-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.telemetry-demo-head>div{display:grid;gap:2px}.telemetry-demo-head strong{font-size:12px;color:#eaf7fb}.telemetry-demo-head small{font-size:9px;color:#7994a7}
.telemetry-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.telemetry-demo-grid label{display:grid;gap:4px;font-size:9px;color:#86a0b3}
.telemetry-demo-grid input{width:100%;min-width:0;background:#0b1218;color:#eef7fa;border:1px solid #30414d;border-radius:7px;padding:7px 8px;font:700 10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}
.telemetry-demo-meta{font-size:9px;color:#7edff3;padding:7px 8px;border-radius:7px;background:rgba(78,195,224,.06)}
.telemetry-demo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.telemetry-demo-actions .sub{font-size:9px}
.drone-center-control{font-size:20px!important;line-height:20px!important;font-weight:800!important;color:#17354a!important}
.drone-marker.inside-geozone{box-shadow:0 0 0 5px rgba(255,154,84,.28),0 0 22px 7px rgba(255,154,84,.48),0 1px 6px rgba(0,0,0,.45)}
.drone-marker.inside-notam{box-shadow:0 0 0 6px rgba(255,77,95,.30),0 0 28px 10px rgba(255,77,95,.60),0 1px 6px rgba(0,0,0,.45);animation:averonLiveBadgePulse 1.35s ease-in-out infinite}

/* Incident live situation proportions */
.incident-stream-grid.single-stream{grid-template-columns:repeat(2,minmax(0,1fr))}
#incident-map{height:624px}
.incident-map-sidebar{max-height:624px}

/* Desktop brand mark 30% larger */
.shell-brand{min-height:94px}
.shell-brand-art{height:94px}
.shell-brand-art img{max-width:224px;max-height:78px}
@media(max-width:1180px){.shell-brand{min-height:83px}.shell-brand-art{height:83px}.shell-brand-art img{max-width:211px;max-height:70px}}
@media(max-width:760px){.shell-brand{min-height:75px}.shell-brand-art{height:75px}.shell-brand-art img{max-width:195px;max-height:62px}.incident-stream-grid.single-stream{grid-template-columns:1fr}#incident-map{height:504px}.incident-map-sidebar{max-height:none}}
@media(max-width:480px){.shell-brand{min-height:70px}.shell-brand-art{height:70px}.shell-brand-art img{max-width:179px;max-height:57px}}

.badge.demo{background:rgba(78,195,224,.12);color:#8de9ff;border:1px solid rgba(78,195,224,.30)}

/* AVERON v2.23.2 production recovery UI */
.drone-center-control.active{background:#123843!important;color:#75e6ff!important;box-shadow:inset 0 0 0 1px rgba(78,195,224,.45),0 0 12px rgba(78,195,224,.22)}
.dronevisuals-marker{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(7,17,30,.94);border:2px solid rgba(255,255,255,.95);box-shadow:0 3px 14px rgba(0,0,0,.52);overflow:hidden}
.dronevisuals-marker img{width:30px;height:30px;object-fit:contain;display:block;pointer-events:none}
.dronevisuals-marker.inside-geozone{box-shadow:0 0 0 5px rgba(255,154,84,.30),0 0 24px 8px rgba(255,154,84,.52),0 3px 14px rgba(0,0,0,.52)}
.dronevisuals-marker.inside-notam{box-shadow:0 0 0 6px rgba(255,77,95,.32),0 0 30px 11px rgba(255,77,95,.64),0 3px 14px rgba(0,0,0,.52);animation:averonLiveBadgePulse 1.35s ease-in-out infinite}

/* Keep Support away from Airspace/settings controls on the watch screen. */
.watch-body .support-fab{left:88px!important;right:auto!important;bottom:18px!important;z-index:32!important}
.watch-body .support-dialog{z-index:200!important}
@media(max-width:760px){.watch-body .support-fab{left:10px!important;right:auto!important;bottom:10px!important}}

/* Menu brand: another 30% larger than v2.22 on desktop. */
@media(min-width:1181px){
  .shell-sidebar{width:330px}
  .shell-brand{min-height:122px;height:122px}
  .shell-brand-art{height:122px}
  .shell-brand-art img{max-width:291px;max-height:101px}
}

/* AVERON v2.23.4 — persistent awareness, stream bitrate and clearer incident status */
.watch-status-details{display:flex;align-items:center;justify-content:space-between;gap:16px}
.watch-stream-stats{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.watch-stream-stats>span{display:flex;flex-direction:column;gap:2px;min-width:92px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(6,12,18,.66)}
.watch-stream-stats small{font-size:8px;letter-spacing:.09em;color:#72889a}
.watch-stream-stats strong{font:800 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9f7fb}

.incident-live-statusbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(7,13,20,.58)}
.incident-status-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.09);font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;background:rgba(255,255,255,.035);color:#9db0bf}
.incident-status-chip.ok{color:#6fe0a1;border-color:rgba(65,205,128,.28);background:rgba(65,205,128,.10)}
.incident-status-chip.watch{color:#7bdcf0;border-color:rgba(78,195,224,.30);background:rgba(78,195,224,.10)}
.incident-status-chip.warning{color:#ffd47d;border-color:rgba(240,179,64,.32);background:rgba(240,179,64,.11)}
.incident-status-chip.critical{color:#ff8d8d;border-color:rgba(238,81,81,.35);background:rgba(238,81,81,.12)}
.incident-status-chip.unknown,.incident-status-chip.neutral{color:#92a4b4}
.incident-stream-head-actions{flex-wrap:wrap;justify-content:flex-end}
.incident-stream-gps,.incident-stream-bitrate{font-size:8px!important;white-space:nowrap}

/* Use the AVERON/Drone Visuals marker in the incident situation map as well. */
.incident-drone-marker{gap:7px}
.incident-drone-marker>.incident-drone-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(8,20,31,.88);border:2px solid rgba(78,195,224,.72);box-shadow:0 0 0 5px rgba(78,195,224,.09),0 3px 13px rgba(0,0,0,.52);overflow:visible}
.incident-drone-marker>.incident-drone-icon img{width:27px;height:27px;object-fit:contain;transform-origin:50% 50%;transition:transform .25s linear}
.incident-drone-marker>b{font-size:11px;padding:5px 7px}

/* The stream tile itself gets more visual weight without changing the user's
   requested 50/50 single-stream incident layout. */
.stream-preview-visual{min-height:205px}
.stream-preview-meta strong{font-size:20px}
.stream-preview-visual .badge{font-size:11px;padding:6px 9px}

@media(max-width:760px){
  .watch-status-details{align-items:flex-start;flex-direction:column}
  .watch-stream-stats{width:100%}
  .watch-stream-stats>span{flex:1;min-width:110px}
  .stream-preview-visual{min-height:180px}
  .incident-stream-head-actions{max-width:58%}
  .incident-drone-marker>.incident-drone-icon{width:30px;height:30px}
  .incident-drone-marker>.incident-drone-icon img{width:24px;height:24px}
}
.badge.warning{background:rgba(240,179,64,.12);color:#ffd47d;border:1px solid rgba(240,179,64,.28)}


/* AVERON v2.23.5 — clearer airspace loading state and larger weather tile */
.airspace-state.pending{color:#9fb0bd;border-color:rgba(159,176,189,.28);background:rgba(159,176,189,.08)}
.ops-weather-card{min-height:310px!important;padding:22px 24px!important}
.ops-weather-card .ops-card-head{margin-bottom:20px}
.ops-weather-card .ops-card-head h2{font-size:23px}
.ops-weather-card .weather-main{gap:22px;margin:8px 0 18px}
.ops-weather-card .weather-symbol,.ops-weather-card .wind-compass{width:70px;height:70px}
.ops-weather-card .weather-symbol{font-size:35px}
.ops-weather-card .weather-condition strong{font-size:41px}
.ops-weather-card .weather-condition span:not(.weather-symbol){font-size:13px}
.ops-weather-card .weather-wind>div:last-child>span{font-size:10px}
.ops-weather-card .weather-wind strong{font-size:25px}
.ops-weather-card .weather-wind small{font-size:12px}
.ops-weather-card .wind-compass i{font-size:28px}
.ops-weather-card .weather-details{gap:10px}
.ops-weather-card .weather-details>div{min-height:58px;padding:10px 12px}
.ops-weather-card .weather-details span{font-size:9px}
.ops-weather-card .weather-details strong{font-size:13px}
.ops-weather-card .ops-source{font-size:10px;margin-top:12px}
@media(max-width:760px){
  .ops-weather-card{min-height:auto!important;padding:16px!important}
  .ops-weather-card .weather-symbol,.ops-weather-card .wind-compass{width:60px;height:60px}
  .ops-weather-card .weather-condition strong{font-size:34px}
  .ops-weather-card .weather-wind strong{font-size:21px}
}
.recording-active-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:11px 12px;border:1px solid rgba(255,76,76,.20);border-radius:10px;background:rgba(255,76,76,.045)}
.recording-active-strip small{color:#9aabb7}

.weather-card,.mission-weather-card,.dashboard-weather-card{min-height:360px}
.weather-card .weather-temp,.mission-weather-card .weather-temp,.dashboard-weather-card .weather-temp{font-size:56px;line-height:1}
.weather-card .weather-wind-value,.mission-weather-card .weather-wind-value,.dashboard-weather-card .weather-wind-value{font-size:40px;line-height:1.1}
.weather-card .weather-wind-direction,.mission-weather-card .weather-wind-direction,.dashboard-weather-card .weather-wind-direction{font-size:18px}

/* ARGUS v2.24.0 — operational UX, tools and readability */
@keyframes argusIncidentPulse{
  0%,100%{box-shadow:inset 3px 0 0 rgba(255,78,78,.45),0 0 0 rgba(255,69,69,0);background:rgba(255,61,61,.035)}
  50%{box-shadow:inset 3px 0 0 #ff5151,0 0 18px rgba(255,65,65,.25);background:rgba(255,61,61,.10)}
}
.shell-nav-group.active-incident-glow>summary{color:#ffd7d7;border-radius:9px;animation:argusIncidentPulse 1.7s ease-in-out infinite}
.shell-nav-group.active-incident-glow>summary .nav-icon{color:#ff6c6c}

/* Every compact icon control must be optically centered. */
.icon-button{display:grid!important;place-items:center!important;text-align:center!important;padding:0!important;line-height:1!important}
.airspace-head-actions .icon-button,.telemetry-head-actions .icon-button{align-self:center}

/* Map-only actually means map-only: use the full available viewport. */
.watch-grid.mode-map .telemetry-panel{grid-template-rows:auto minmax(0,1fr)!important;height:100svh!important;padding:12px 14px!important}
.watch-grid.mode-map #telemetry-details{display:none!important}
.watch-grid.mode-map #drone-map{height:100%!important;min-height:0!important;border-radius:10px}

/* Larger, operationally readable Watch typography without inflating the cards. */
.telemetry-head>strong{font-size:16px!important;line-height:1.2}
.telemetry-head .badge{font-size:10px!important}
.telemetry-cards>div{padding:12px 13px!important}
.telemetry-cards span{font-size:10px!important}
.telemetry-cards strong{font-size:17px!important}
.gps-coords{font-size:12px!important}
.telemetry-demo-head strong,.airspace-head strong{font-size:14px!important}
.telemetry-demo-head small,.airspace-head small{font-size:10.5px!important}
.telemetry-demo-grid label,.telemetry-demo-actions .sub{font-size:10px!important}
.telemetry-demo-grid input{font-size:12px!important;padding:9px 10px!important}
.telemetry-demo-meta{font-size:10px!important}
.airspace-section-head strong{font-size:12.5px!important}
.airspace-section-head span{font-size:11px!important}
.airspace-empty{font-size:11px!important;line-height:1.5!important}
.airspace-source-note{font-size:9.5px!important;line-height:1.55!important}
.airspace-item-main strong{font-size:13px!important}
.airspace-meta-pill{font-size:10px!important}
.airspace-inline-status{font-size:10.5px!important}
.watch-tool{font-size:13px!important}
.map-style-control{font-size:12px!important}
.map-style-control select{font-size:12px!important;width:132px!important}

/* Collapsed upper-right status uses only its compact pill — no black empty block. */
.watch-status:not(.expanded){background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;overflow:visible!important;min-width:0!important}
.watch-status:not(.expanded) .watch-status-toggle{width:auto!important;background:rgba(5,10,15,.78)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:999px!important;box-shadow:0 5px 16px rgba(0,0,0,.24)}
.watch-status:not(.expanded) .watch-status-details{display:none!important}

/* Dockable support button. */
.support-fab-wrap{position:fixed;right:0;bottom:18px;z-index:90;display:flex;align-items:center;gap:4px;transition:transform .18s ease}
.support-fab-wrap .support-fab{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important;margin:0}
.support-fab-dock-toggle{width:24px;height:38px;padding:0;border:1px solid #46515d;border-right:0;border-radius:9px 0 0 9px;background:#171c22;color:#bfcbd4;cursor:pointer;display:grid;place-items:center;font-size:17px}
.support-fab-wrap.collapsed .support-fab{display:none}
.support-fab-wrap.collapsed{right:0}
.support-fab-wrap.collapsed .support-fab-dock-toggle{border-right:0}
.watch-body .support-fab-wrap{left:0;right:auto;bottom:18px;z-index:32;flex-direction:row-reverse}
.watch-body .support-fab-wrap .support-fab-dock-toggle{border-right:1px solid #46515d;border-left:0;border-radius:0 9px 9px 0}
@media(max-width:760px){.support-fab-wrap,.watch-body .support-fab-wrap{bottom:10px}.support-fab-wrap .support-fab{padding:9px 11px}.support-fab-wrap .support-fab>span:last-child{display:none}}

/* Incident stopwatch and dashboard mirror. */
.incident-stopwatch-panel{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:18px;align-items:center;border-color:rgba(78,195,224,.20)}
.incident-stopwatch-panel.running{border-color:rgba(255,82,82,.32);box-shadow:inset 3px 0 0 rgba(255,82,82,.65)}
.incident-stopwatch-copy{display:grid;gap:3px}.incident-stopwatch-copy h2{margin:0;font-size:20px}
.incident-stopwatch-display{display:flex;align-items:center;gap:10px}.incident-stopwatch-display strong{font:800 30px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:#f3fbff;min-width:220px;text-align:right}
.dashboard-incident-timer{margin-top:18px;padding:12px 14px;border-radius:12px;border:1px solid rgba(78,195,224,.22);background:rgba(8,20,28,.72);display:grid;gap:8px;width:100%}
.dashboard-incident-timer.running{border-color:rgba(255,82,82,.35);box-shadow:0 0 16px rgba(255,82,82,.08)}
.dashboard-incident-timer>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.dashboard-incident-timer span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8ea5b4}.dashboard-incident-timer small{font-size:9px;color:#ff8989;font-weight:800}.dashboard-incident-timer>strong{font:800 28px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#eaf8ff}
@media(max-width:850px){.incident-stopwatch-panel{grid-template-columns:1fr}.incident-stopwatch-display{justify-content:space-between}.incident-stopwatch-display strong{text-align:left}}

/* Incident protocol: readable at operational viewing distance. */
.incident-timeline{gap:0}
.incident-timeline-row{grid-template-columns:190px 1fr!important;gap:18px!important;padding:15px 0!important}
.incident-timeline-row time{font-size:12px!important;line-height:1.5!important;color:#91a5b5!important}
.incident-timeline-row>div{gap:5px!important}
.incident-timeline-row strong{font-size:14px!important;line-height:1.35!important}
.incident-timeline-row span{font-size:14px!important;line-height:1.45!important;color:#c2ccd5!important}
.incident-timeline-row small{font-size:10.5px!important;color:#7d909f!important}
@media(max-width:760px){.incident-timeline-row{grid-template-columns:1fr!important;gap:5px!important}}

/* Operational services */
.ops-link.service-local{border-color:rgba(78,195,224,.22)}
.ops-link.service-local .ops-link-icon{font-weight:900;color:#77ddf3}
.ops-link.service-local.danger{border-color:rgba(255,105,52,.30)}
.ops-link.service-local.danger .ops-link-icon{display:grid;place-items:center;line-height:.83;background:#ff4a18;color:#111;border-radius:4px;font-size:11px;padding:4px}
.ops-link.service-local.danger .ops-link-icon b{font-size:10px}
.service-tool-page{max-width:1100px;margin:0 auto}.service-tool-head{margin-bottom:18px}
.service-tool-hero{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;padding:18px;border-radius:14px;background:linear-gradient(135deg,rgba(78,195,224,.10),rgba(18,31,42,.20));border:1px solid rgba(78,195,224,.18);margin-bottom:16px}
.service-tool-symbol{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-size:34px;background:#0d2029;border:1px solid #315464;color:#8eeaff}.service-tool-hero strong{font-size:18px}.service-tool-hero p{margin:6px 0 0;color:#9fb0bd;line-height:1.5}
.service-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-resource-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #2a3944;border-radius:12px;background:#111820;color:#e8f2f7;text-decoration:none}.service-resource-card:hover{border-color:#4ec3e0;background:#14212a}.service-resource-card>span{font-size:22px;color:#7bdff4}.service-resource-card div{display:grid;gap:3px}.service-resource-card strong{font-size:14px}.service-resource-card small{color:#8498a7}.service-resource-card.primary{border-color:rgba(78,195,224,.32)}
.service-tool-note{margin-top:16px;padding:12px 14px;border-radius:10px;background:#0d141a;border:1px solid #25323c;color:#8fa2b0;font-size:11px;line-height:1.55}.service-tool-note.warning{border-color:rgba(242,166,55,.28);color:#d8b777;background:rgba(242,166,55,.045)}

/* ADR orange-panel calculator */
.hazmat-calculator{display:grid;justify-items:center;gap:14px;margin:18px 0 24px}.hazmat-placard{width:min(520px,100%);background:#ff4b18;border:7px solid #151719;border-radius:3px;padding:0 30px;color:#151719;box-shadow:0 10px 35px rgba(0,0,0,.24)}.hazmat-placard label{display:grid;gap:4px;padding:13px 0}.hazmat-placard label>span{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;opacity:.68}.hazmat-placard input{width:100%;border:0!important;background:transparent!important;color:#151719!important;text-align:center;font:900 clamp(58px,8vw,104px)/.95 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;padding:0!important;border-radius:0!important}.hazmat-placard input::placeholder{color:rgba(21,23,25,.30)}.hazmat-divider{height:7px;background:#151719;margin:0 -30px}.hazmat-submit{min-width:240px}.hazmat-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hazmat-result-card{padding:18px;border-radius:13px;background:#111820;border:1px solid #2b3843}.hazmat-result-card.verified{border-color:rgba(82,196,131,.30)}.hazmat-result-card h3{margin:5px 0 12px;font-size:19px}.hazmat-result-card p{color:#a8b8c4;line-height:1.55}.hazmat-facts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.hazmat-facts span{padding:6px 9px;border:1px solid #31404b;border-radius:999px;font-size:10px;color:#9eb0bd}.hazmat-facts strong{color:#fff}.hazmat-meaning-list{display:grid;gap:8px;margin:12px 0 0;padding-left:20px;color:#bdcad3}.hazmat-meaning-list li{line-height:1.45}.hazmat-meaning-list li.critical{color:#ffc172}

/* Operational contacts */
.contacts-page{max-width:1200px;margin:0 auto}.contacts-head{align-items:flex-start}.contact-filter-row{display:flex;align-items:center;gap:12px;margin:10px 0 16px}.contact-filter-row input{flex:1;max-width:520px}.contact-filter-row span{font-size:10px;color:#8396a5}.contact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.contact-card{padding:15px;border:1px solid #293742;border-radius:12px;background:#11171d;display:grid;gap:11px}.contact-card[hidden]{display:none}.contact-card-top{display:flex;justify-content:space-between;gap:10px}.contact-category{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(78,195,224,.10);color:#78dff3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.contact-card h3{margin:5px 0 0;font-size:16px}.contact-card p{margin:3px 0 0;color:#8fa2b0;font-size:11px}.contact-actions{display:flex;flex-wrap:wrap;gap:6px}.contact-actions a{padding:7px 9px;border-radius:8px;border:1px solid #2b3a45;background:#0c1318;color:#bfeeff;text-decoration:none;font-size:11px}.contact-actions a:hover{border-color:#4ec3e0}.contact-notes{padding-top:9px;border-top:1px solid #25313a;color:#a8b5bf;font-size:11px;line-height:1.5}.contact-dialog{max-width:620px;width:calc(100vw - 28px)}

@media(max-width:760px){.service-resource-grid,.hazmat-result-grid{grid-template-columns:1fr}.service-tool-hero{grid-template-columns:1fr}.service-tool-symbol{width:52px;height:52px}.hazmat-placard{padding:0 20px;border-width:5px}.hazmat-divider{margin:0 -20px;height:5px}.contact-list{grid-template-columns:1fr}}
.argus-wordmark{display:none;align-items:flex-start;justify-content:center;flex-direction:column;line-height:1;color:#eaf8ff}.argus-wordmark b{font-size:30px;letter-spacing:.12em;color:#69dff4}.argus-wordmark small{font-size:10px;letter-spacing:.08em;color:#8c9eaa;margin-top:3px}

/* ARGUS v2.24.1 — airspace stays visible in every Watch mode. */
.watch-grid.mode-map .telemetry-panel,
.watch-grid.mode-live .telemetry-panel{position:relative!important;display:block!important;overflow:visible!important}
.watch-grid.mode-map #telemetry-details,
.watch-grid.mode-live #telemetry-details{display:block!important}
.watch-grid.mode-map .telemetry-cards,
.watch-grid.mode-map .gps-coords,
.watch-grid.mode-map .telemetry-demo-panel,
.watch-grid.mode-live .telemetry-head,
.watch-grid.mode-live #drone-map,
.watch-grid.mode-live .telemetry-cards,
.watch-grid.mode-live .gps-coords,
.watch-grid.mode-live .telemetry-demo-panel{display:none!important}
.watch-grid.mode-map #telemetry-details,
.watch-grid.mode-live #telemetry-details{position:absolute;inset:0;pointer-events:none;z-index:25}
.watch-grid.mode-map #airspace-panel,
.watch-grid.mode-live #airspace-panel{position:absolute;right:14px;bottom:14px;width:min(455px,calc(100vw - 28px));max-height:min(62vh,720px);overflow:auto;pointer-events:auto;margin:0!important;padding:12px!important;background:rgba(14,19,24,.94);border:1px solid #2e3a44;border-radius:12px;box-shadow:0 14px 38px rgba(0,0,0,.38);backdrop-filter:blur(8px)}
.watch-grid.mode-live{position:relative!important;display:block!important;height:100svh!important}
.watch-grid.mode-live .watch-video-wrap{height:100svh!important;width:100%!important}
.watch-grid.mode-live .telemetry-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;background:transparent!important;border:0!important;pointer-events:none;z-index:24}
.watch-grid.mode-live .telemetry-panel #telemetry-details{pointer-events:none}
.watch-grid.mode-live .telemetry-panel #airspace-panel{pointer-events:auto}
.watch-grid.mode-map .telemetry-panel{height:100svh!important;padding:12px 14px!important}
.watch-grid.mode-map #drone-map{height:100%!important;min-height:0!important}
@media(max-width:760px){
  .watch-grid.mode-map #airspace-panel,.watch-grid.mode-live #airspace-panel{right:8px;bottom:8px;width:calc(100vw - 16px);max-height:48vh;padding:10px!important}
}

/* Air-traffic radius alert on the map itself. */
@keyframes argusTrafficWarningPulse{
  0%,100%{box-shadow:inset 0 0 0 3px rgba(255,184,62,.70),0 0 8px rgba(255,184,62,.18)}
  50%{box-shadow:inset 0 0 0 4px #ffc247,0 0 30px rgba(255,174,39,.58)}
}
@keyframes argusTrafficCriticalPulse{
  0%,100%{box-shadow:inset 0 0 0 3px rgba(255,75,75,.78),0 0 10px rgba(255,50,50,.22)}
  50%{box-shadow:inset 0 0 0 4px #ff4141,0 0 36px rgba(255,45,45,.70)}
}
#drone-map.traffic-alert-warning{animation:argusTrafficWarningPulse 1.45s ease-in-out infinite!important}
#drone-map.traffic-alert-critical{animation:argusTrafficCriticalPulse 1.05s ease-in-out infinite!important}
#drone-map.traffic-alert-warning{outline:3px solid #ffc247;outline-offset:-3px}
#drone-map.traffic-alert-critical{outline:3px solid #ff4141;outline-offset:-3px}

/* ARGUS v2.24.2 — contact form clarity and edge-tab airspace collapse. */
.required-mark{color:#ff6d78;font-weight:900;margin-left:2px}
.required-note{display:block;margin-top:3px;color:#7f93a2;font-size:9px}.required-note span{color:#ff6d78;font-weight:900}
.field-optional{color:#718491;font-size:8.5px;font-weight:500;margin-left:4px}
.contact-url-field{display:flex!important;align-items:stretch;width:100%;border:1px solid #34424d;border-radius:8px;background:#0d141a;overflow:hidden}
.contact-url-prefix{display:flex!important;align-items:center;padding:0 9px;background:#151e25;border-right:1px solid #34424d;color:#7fdff1!important;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:nowrap}
.contact-url-field input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;flex:1;background:transparent!important}
.contact-url-field:focus-within{border-color:#4ec3e0;box-shadow:0 0 0 2px rgba(78,195,224,.12)}

.airspace-panel{position:relative}
.airspace-edge-tab{position:absolute;z-index:8;left:50%;top:0;transform:translate(-50%,-50%);width:58px;height:20px;padding:0;border:1px solid #3a4a56;border-radius:8px;background:#111920;color:#bcd1dd;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.22);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.airspace-edge-tab:hover,.airspace-edge-tab:focus-visible{outline:none;background:#16242d;border-color:#4ec3e0;color:#83e7fa;box-shadow:0 0 0 2px rgba(78,195,224,.12),0 5px 14px rgba(0,0,0,.28)}
.airspace-edge-tab span{display:grid;place-items:center;width:100%;height:100%;font-size:15px;line-height:1;transform:translateY(-1px)}
.airspace-panel.collapsed-shell{min-height:18px!important;padding-top:0!important;border-top-color:transparent!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.airspace-panel.collapsed-shell .airspace-head{display:none!important}
.airspace-panel.collapsed-shell .airspace-edge-tab{top:9px}
.watch-grid.mode-map #airspace-panel.collapsed-shell,
.watch-grid.mode-live #airspace-panel.collapsed-shell{width:64px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.watch-grid.mode-map #airspace-panel.collapsed-shell .airspace-edge-tab,
.watch-grid.mode-live #airspace-panel.collapsed-shell .airspace-edge-tab{top:12px}

/* New official ARGUS artwork: keep the full transparent logo visible everywhere. */
.shell-brand-art img,.login-logo,.share-logo,.branding-preview img,.settings-logo,.watch-logo-crop img{object-fit:contain!important}
.watch-logo-crop{height:92px!important;padding-top:6px!important;overflow:hidden}
.watch-logo-crop img{width:auto!important;height:auto!important;max-width:210px!important;max-height:82px!important;transform:none!important}
@media(max-width:760px){.watch-logo-crop{height:76px!important}.watch-logo-crop img{max-width:175px!important;max-height:68px!important}}

/* ARGUS v2.25.0 — Leitstellen-/Einsatzworkflow milestone */
/* Modern form language. Special controls keep their native geometry. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,textarea{border-radius:11px!important}
.button{border-radius:10px}
.form-contents-reset{display:contents;border:0;padding:0;margin:0;min-width:0}
.form-contents-reset:disabled{opacity:.72}.form-contents-reset:disabled input,.form-contents-reset:disabled select,.form-contents-reset:disabled textarea{cursor:not-allowed}
.operational-address-field{position:relative}.operational-address-field .address-suggestions{z-index:70}

/* Stronger operational glow. */
@keyframes argusMilestoneIncidentPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,58,68,.65),0 0 11px rgba(255,30,45,.34),inset 0 0 11px rgba(255,40,50,.08)}50%{box-shadow:0 0 0 2px #ff4652,0 0 30px rgba(255,36,48,.82),inset 0 0 20px rgba(255,42,52,.19)}}
.shell-nav-group.active-incident-glow>summary{animation:argusMilestoneIncidentPulse 1.35s ease-in-out infinite!important}
@keyframes argusTrafficWarningPulseStrong{0%,100%{box-shadow:inset 0 0 0 4px rgba(255,188,54,.82),0 0 14px rgba(255,179,32,.34)}50%{box-shadow:inset 0 0 0 6px #ffc247,0 0 46px rgba(255,174,31,.88)}}
@keyframes argusTrafficCriticalPulseStrong{0%,100%{box-shadow:inset 0 0 0 4px rgba(255,53,64,.86),0 0 16px rgba(255,30,45,.40)}50%{box-shadow:inset 0 0 0 6px #ff3443,0 0 54px rgba(255,26,40,.96)}}
#drone-map.traffic-alert-warning{animation:argusTrafficWarningPulseStrong 1.2s ease-in-out infinite!important;outline:4px solid #ffc247!important;outline-offset:-4px}
#drone-map.traffic-alert-critical{animation:argusTrafficCriticalPulseStrong .9s ease-in-out infinite!important;outline:4px solid #ff3443!important;outline-offset:-4px}

/* Compact, default-collapsed operational panels. */
.collapsible-panel{padding:0!important;overflow:hidden}
.collapsible-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:13px 16px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.collapsible-panel>summary::-webkit-details-marker{display:none}.collapsible-panel>summary>span:first-child{display:grid;gap:2px}.collapsible-panel>summary strong{font-size:14px}.collapsible-panel>summary small{font-size:10px;color:#7f93a2}.collapse-chevron{font-size:16px;color:#8ca2b0;transition:transform .16s ease}.collapsible-panel[open] .collapse-chevron{transform:rotate(180deg)}
.collapsible-body{padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.055)}
.incident-stream-assignment{margin-top:14px}.read-only-note{padding:11px 12px;border-radius:9px;background:rgba(126,141,153,.07);color:#91a1ad;font-size:11px;margin:12px 0}

/* Incident map workbench. Viewport stays local; only operational objects are persisted. */
.incident-map-workspace{display:grid;gap:10px;margin-top:12px}
.incident-map-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;border:1px solid #263842;border-radius:12px;background:#0d151b}
.map-toolbar-group{display:flex;align-items:center;gap:6px}.compact-label{font-size:9px!important;text-transform:uppercase;letter-spacing:.05em;color:#7f93a2;margin:0!important}.compact-select{height:32px!important;padding:5px 28px 5px 9px!important;font-size:10px!important;min-width:92px}.map-tool-switch{gap:6px!important;margin:0!important;padding:4px 7px!important;border-radius:8px;background:#111b22}.map-tool-switch>span:last-child{font-size:10px;color:#a6b7c2}.search-grid-controls{margin-left:auto}.area-measure{font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#86e6f7;background:rgba(78,195,224,.08);border:1px solid rgba(78,195,224,.20);padding:7px 9px;border-radius:8px}
.incident-map-main{min-width:0}.incident-map-main #incident-map{min-height:560px}
.search-grid-legend{display:flex;gap:12px;flex-wrap:wrap;padding:7px 2px 0;color:#8fa2b0;font-size:9.5px}.search-grid-legend span{display:flex;align-items:center;gap:5px}.search-grid-legend i{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.28)}.search-grid-legend .grid-open{background:rgba(139,150,168,.30)}.search-grid-legend .grid-searching{background:rgba(240,164,60,.40)}.search-grid-legend .grid-done{background:rgba(56,201,120,.40)}
.incident-map-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.incident-map-sidebar-head h3{margin:0}
.incident-area-sidebar{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #25323b}.incident-area-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0}.incident-area-row>span:first-child{width:8px;height:32px;border-radius:999px;background:var(--area-color,#4ec3e0);box-shadow:0 0 12px color-mix(in srgb,var(--area-color,#4ec3e0) 55%,transparent)}.incident-area-row>div{display:grid;gap:2px}.incident-area-row strong{font-size:11px}.incident-area-row small{font-size:9px;color:#8295a2}

/* Guest link QR: token in code, PIN deliberately separate. */
.share-created-layout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.share-created-layout>div:first-child{display:grid;gap:6px}.share-qr-card{display:grid;justify-items:center;gap:5px;padding:8px;border-radius:10px;background:#fff;color:#192027;max-width:176px}.share-qr-card img{width:134px;height:134px;display:block}.share-qr-card span{font-size:8px;line-height:1.3;text-align:center}

/* Onboarding / password policy. */
.password-policy-box{display:grid;gap:5px;padding:10px 12px;border-radius:10px;border:1px solid #293943;background:#0d151b;color:#92a5b2;font-size:10px}.password-policy-box strong{color:#d8e8ef}.onboarding-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

@media(max-width:900px){.incident-map-main #incident-map{min-height:480px}.search-grid-controls{margin-left:0}.share-created-layout{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.incident-map-toolbar{align-items:stretch}.map-toolbar-group,.search-grid-controls{width:100%;flex-wrap:wrap}.compact-select{flex:1}.incident-map-main #incident-map{min-height:420px}}
.airspace-item.zone.active{border-left-color:#ff534d!important;box-shadow:0 0 0 2px rgba(255,83,77,.58),0 0 30px rgba(255,70,63,.42)!important}
.drone-marker.inside-geozone,.dronevisuals-marker.inside-geozone{box-shadow:0 0 0 6px rgba(255,151,67,.48),0 0 38px 13px rgba(255,135,45,.72),0 3px 14px rgba(0,0,0,.52)!important}

/* ARGUS v2.25.1 — map interaction, onboarding and security-event UX */
.dashboard-greeting{margin:3px 0 2px;font-size:24px;line-height:1.12;letter-spacing:-.025em}
.form-span-2{grid-column:1/-1}
.onboarding-choice-wrap{display:grid;gap:8px}
.onboarding-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.onboarding-choice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #2a3944;border-radius:12px;background:#0d151b;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.onboarding-choice input{margin-top:3px;flex:0 0 auto}
.onboarding-choice span{display:grid;gap:3px}.onboarding-choice strong{font-size:12px}.onboarding-choice small{font-size:10px;color:#8195a4;line-height:1.4}
.onboarding-choice.selected{border-color:#4ec3e0;background:rgba(78,195,224,.07);box-shadow:0 0 0 1px rgba(78,195,224,.14),0 0 18px rgba(78,195,224,.08)}
.field-disabled{opacity:.52}.field-disabled input{cursor:not-allowed}
.account-panel{max-width:980px}.account-password-block{border-top:1px solid #26333d;padding-top:12px;margin-top:4px}.account-password-block h3{margin:0 0 3px}
.tenant-security-event-card{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid #31414d;border-radius:12px;background:rgba(78,195,224,.035)}
.tenant-security-event-card>div:first-child strong{font-size:13px}.tenant-security-event-card p{margin:3px 0 0}

.incident-stream-card{position:relative}
.incident-stream-card-head{padding-top:28px}
.incident-card-edge-tab{position:absolute;z-index:8;top:4px;left:50%;transform:translateX(-50%);width:52px!important;height:19px!important;min-width:52px;border:1px solid #334653;border-radius:0 0 9px 9px;background:#111b22;color:#b9cad5;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.22)}
.incident-card-edge-tab:hover{border-color:#4ec3e0;color:#e9fbff;background:#13232c}
.incident-card-edge-tab span{display:block;font-size:15px;line-height:1;transform:translateY(-1px)}
.incident-stream-card.preview-collapsed .incident-card-edge-tab{border-radius:9px}

.incident-map-mode{display:inline-flex;align-items:center;padding:2px;border:1px solid #2a3944;border-radius:9px;background:#091015}
.incident-map-mode button{height:28px;border:0;border-radius:7px;background:transparent;color:#8ea3b2;padding:0 10px;font-size:10px;font-weight:700;cursor:pointer}
.incident-map-mode button.active{background:#4ec3e0;color:#061017;box-shadow:0 0 0 1px rgba(78,195,224,.48),0 0 16px rgba(78,195,224,.22)}
.map-edit-control{transition:opacity .15s ease}.map-edit-control.map-edit-disabled{opacity:.45}
#incident-map.edit-mode .maplibregl-canvas{cursor:crosshair}
.incident-marker-actions{display:flex;align-items:center;gap:5px}
.incident-marker-description:focus-visible{outline:1px solid #4ec3e0;outline-offset:3px;border-radius:5px}
.incident-map-hint{min-height:22px}

@media(max-width:760px){
  .onboarding-choice-grid{grid-template-columns:1fr}
  .incident-map-mode{order:2}
}


/* ARGUS v2.25.2 — reliable map workbench + incident navigation polish */
.shell-nav-group.active-incident-glow{overflow:visible}
.shell-nav-group.active-incident-glow>summary{position:relative;border:1px solid rgba(255,70,82,.88)!important;box-sizing:border-box;overflow:visible}
.shell-nav-group.active-incident-glow>summary::after{content:"";position:absolute;inset:-1px;border:1px solid #ff4652;border-radius:9px;pointer-events:none;box-shadow:0 0 20px rgba(255,40,54,.48)}
.shell-nav-child.active-incident-child-glow{color:#ffd8db!important;background:rgba(255,48,61,.075);box-shadow:inset 3px 0 0 #ff4652,0 0 17px rgba(255,41,55,.20);border-radius:7px}

.watch-tool.active,.incident-map-tool.active{background:#4ec3e0!important;border-color:#4ec3e0!important;color:#061017!important;box-shadow:0 0 0 1px rgba(78,195,224,.45),0 0 18px rgba(78,195,224,.24)!important}
.incident-map-edit-tools{display:flex;align-items:center;gap:5px;padding:2px;border:1px solid #2a3944;border-radius:9px;background:#091015}
.incident-map-edit-tools[hidden]{display:none!important}
.incident-map-tool{height:28px;border:0;border-radius:7px;background:transparent;color:#8ea3b2;padding:0 10px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.incident-map-tool:hover{color:#e7faff;background:#132029}
.incident-map-tool:disabled{opacity:.42;cursor:not-allowed}
.incident-map-toolbar .search-grid-controls{margin-left:0}
#incident-map.edit-mode.tool-marker .maplibregl-canvas,#incident-map.edit-mode.tool-area .maplibregl-canvas,#incident-map.edit-mode.tool-grid .maplibregl-canvas{cursor:crosshair!important}
#incident-map.map-action-busy::after{content:"Karte wird aktualisiert …";position:absolute;z-index:30;left:50%;top:14px;transform:translateX(-50%);background:rgba(6,15,21,.88);border:1px solid #36505f;border-radius:999px;padding:6px 11px;color:#cfe9f2;font-size:10px;font-weight:700;pointer-events:none}
.incident-map-toolbar select:focus,.incident-map-toolbar button:focus-visible{outline:2px solid rgba(78,195,224,.72);outline-offset:2px}
.incident-map-style-loading{opacity:.72}
.incident-point-symbol-einsatzstelle{filter:drop-shadow(0 0 9px rgba(255,74,82,.65))}

@media(max-width:900px){.incident-map-edit-tools{order:3;width:100%;overflow-x:auto}.incident-map-tool{flex:0 0 auto}}

/* ARGUS v2.25.3 — shared map core, search-grid assignment and UI alignment */
body.app-shell-body.argus-polygon-bg .shell-main{
  background-image:
    linear-gradient(148deg,transparent 0 70%,rgba(0,174,226,.055) 70% 77%,transparent 77% 100%),
    linear-gradient(32deg,transparent 0 73%,rgba(55,119,255,.045) 73% 80%,transparent 80% 100%),
    linear-gradient(154deg,transparent 0 82%,rgba(232,55,65,.030) 82% 87%,transparent 87% 100%),
    linear-gradient(28deg,transparent 0 84%,rgba(0,174,226,.030) 84% 90%,transparent 90% 100%);
  background-size:780px 520px,680px 460px,980px 660px,860px 580px;
  background-position:right -110px top 90px,right 240px top 520px,right -220px top 860px,right 360px top 1180px;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

/* Consistent navigation geometry, including the active-incident glow frame. */
.shell-nav-group>summary{min-height:48px;box-sizing:border-box}
.shell-nav-group>summary>span:nth-child(2){flex:1;min-width:0}
.shell-nav-group .group-chevron{width:18px;display:grid;place-items:center;flex:0 0 18px}
.shell-nav-children{margin-left:44px;padding-left:12px}
.shell-nav-child{display:flex;align-items:center;min-height:34px;box-sizing:border-box}
.shell-nav-group.active-incident-glow>summary,
.shell-nav-group.active-incident-glow>summary::after{border-radius:12px}

/* User onboarding: compact real radio controls and a clean two-column form. */
.user-create-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;align-items:start}
.user-create-form-grid>div{min-width:0}
.user-create-form-grid>.onboarding-choice-wrap,.user-create-form-grid>.form-actions{grid-column:1/-1}
.user-create-form-grid label{margin-bottom:6px}
.onboarding-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.onboarding-choice{min-height:76px;align-items:center;gap:12px;padding:12px 14px;border-radius:13px}
.onboarding-choice input[type="radio"]{appearance:auto!important;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;flex:0 0 17px!important;margin:0!important;padding:0!important;accent-color:#4ec3e0;box-shadow:none!important}
.onboarding-choice span{min-width:0;display:grid;gap:4px}
.onboarding-choice strong{font-size:13px;line-height:1.25;color:#e8f7fc}
.onboarding-choice small{font-size:11px;line-height:1.45;color:#98abb8}
.onboarding-choice.selected{border-color:rgba(78,195,224,.72);background:linear-gradient(180deg,rgba(78,195,224,.095),rgba(78,195,224,.045));box-shadow:0 0 0 1px rgba(78,195,224,.12),0 0 20px rgba(78,195,224,.08)}
.user-create-form-grid input,.user-create-form-grid select{min-height:44px}
.user-create-form-grid .field-hint{font-size:10.5px;line-height:1.4}
.user-create-form-grid .form-actions{display:flex;justify-content:flex-start;padding-top:2px}

/* Search-grid editor / assignment. */
.grid-cell-dialog{width:min(680px,calc(100vw - 28px))}
.grid-cell-card{width:100%;max-width:none}
.grid-cell-editor-grid{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);gap:14px;margin:14px 0 2px}
.grid-cell-editor-grid label{display:block;margin-bottom:6px}
#grid-cell-note{width:100%}
#incident-grid-apply{border-color:rgba(78,195,224,.34);color:#bdeefa;background:rgba(78,195,224,.065)}
#incident-grid-apply:hover{border-color:#4ec3e0;background:rgba(78,195,224,.12)}

/* Shared Liveview / incident map controls use ARGUS CI states. */
#incident-map-style,#map-style-select{border-color:rgba(78,195,224,.28)!important}
#incident-map-style:focus,#map-style-select:focus{border-color:#4ec3e0!important;box-shadow:0 0 0 2px rgba(78,195,224,.16)}

@media(max-width:820px){
  .user-create-form-grid{grid-template-columns:1fr}
  .user-create-form-grid>.onboarding-choice-wrap,.user-create-form-grid>.form-actions{grid-column:1}
  .onboarding-choice-grid{grid-template-columns:1fr}
  .grid-cell-editor-grid{grid-template-columns:1fr}
}

/* ARGUS v2.25.4 — rights management, form alignment, dark operational dialogs */
.role-editor-panel{max-width:1180px;margin-left:auto;margin-right:auto}
.role-editor-header{display:grid;grid-template-columns:minmax(280px,520px) auto;gap:18px;align-items:end;margin-bottom:18px}
.role-selector-block label{margin-bottom:7px;font-weight:700;color:#d9e9f4}
.role-selector{min-height:46px;border-radius:11px;background:#08131f;border-color:rgba(78,195,224,.25)}
.role-editor-meta{display:flex;justify-content:flex-end;align-items:center;min-height:46px}
.role-locked-badge{background:rgba(78,195,224,.10);color:#9eeaff;border:1px solid rgba(78,195,224,.28)}
.role-name-row{display:grid;grid-template-columns:minmax(280px,560px);margin-bottom:16px}
.role-name-row input{min-height:44px;border-radius:10px}
.role-default-explainer{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:13px 14px;margin-bottom:16px;border:1px solid rgba(78,195,224,.13);border-radius:12px;background:rgba(78,195,224,.035)}
.role-default-explainer>div{display:grid;gap:2px}.role-default-explainer>div strong{font-size:15px;color:#f2fbff}.role-default-explainer>div span{font-size:10px;color:#7d98aa}
.role-default-explainer p{max-width:660px;margin:0;color:#8fa6b7;font-size:11px;line-height:1.5}
.permission-sections{display:grid;gap:14px}
.permission-section{border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(8,18,29,.45);overflow:hidden}
.permission-section-head{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}
.permission-section-head h2{font-size:13px;letter-spacing:.025em;color:#dff4fb}
.permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.permission-row{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer;min-height:62px}
.permission-row:nth-child(odd){border-right:1px solid rgba(255,255,255,.045)}
.permission-row:hover{background:rgba(78,195,224,.035)}
.permission-row input[type="checkbox"]{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;margin:2px 0 0!important;padding:0!important;accent-color:#4ec3e0}
.permission-row-copy{display:grid;gap:3px}.permission-row-copy strong{font-size:12px;line-height:1.25;color:#eef9fd}.permission-row-copy small{font-size:10px;line-height:1.4;color:#8298a9}
.permission-row.locked{cursor:not-allowed;background:rgba(78,195,224,.025)}
.permission-row.locked input{filter:saturate(.7);opacity:.65}.permission-row.locked .permission-row-copy{opacity:.72}
.role-security-note{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0a141f}
.role-security-note strong{font-size:11px;color:#b9d4e3}.role-security-note span{font-size:10px;line-height:1.45;color:#7890a2}
.role-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.role-editor-actions .button{min-height:40px}

/* Tenant and drone forms: labels and actual input boxes share one baseline, hints stay below. */
.tenant-create-grid,.drone-create-grid{align-items:start!important}
.tenant-create-grid>div:not(.form-actions),.drone-create-grid>div:not(.form-actions){display:flex;flex-direction:column;min-width:0}
.tenant-create-grid label,.drone-create-grid label{min-height:18px;margin-bottom:6px}
.tenant-create-grid input,.tenant-create-grid select,.drone-create-grid input,.drone-create-grid select{height:44px;min-height:44px;border-radius:10px}
.tenant-create-grid .sub,.drone-create-grid .field-hint{margin-top:6px;line-height:1.35}
.tenant-create-grid .form-actions,.drone-create-grid .form-actions{align-self:start;padding:24px 0 0!important}
.tenant-create-grid .form-actions .button,.drone-create-grid .form-actions .button{height:44px;min-height:44px;white-space:nowrap}

/* Account form: consistent columns and field heights. */
.account-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px 16px!important;align-items:start!important}
.account-form>div{min-width:0}.account-form input,.account-form select{min-height:44px;border-radius:10px}
.account-form .account-password-block,.account-form .form-actions{grid-column:1/-1}
.account-form .account-password-block{margin-top:2px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.account-form .form-actions{display:flex;gap:8px;align-items:center;padding:0!important}

/* Search-grid editor intentionally matches the dark Lagepunkt editor. */
#incident-grid-cell-dialog.grid-cell-dialog{
  width:min(640px,calc(100vw - 28px));max-width:640px;padding:0!important;
  border:1px solid rgba(78,195,224,.30)!important;border-radius:16px!important;
  background:#0b1726!important;color:#eef8ff!important;box-shadow:0 28px 90px rgba(0,0,0,.64)!important;overflow:visible
}
#incident-grid-cell-dialog.grid-cell-dialog::backdrop{background:rgba(3,9,16,.78);backdrop-filter:blur(4px)}
#incident-grid-cell-dialog .grid-cell-card{position:relative;width:100%;max-width:none;margin:0;padding:20px!important;border:0!important;border-radius:16px!important;background:#0d1a2b!important;color:#eef8ff!important;box-shadow:none!important}
#incident-grid-cell-dialog .modal-head{display:block!important;margin:0 0 18px!important;padding:0 44px 14px 0!important;border-bottom:1px solid rgba(255,255,255,.09)}
#incident-grid-cell-dialog .modal-head h2{margin:0 0 5px!important;color:#fff!important;font-size:20px!important;line-height:1.22;font-weight:750}
#incident-grid-cell-dialog .modal-head .sub{color:#a8bfd1!important;font-size:12px;line-height:1.45}
#incident-grid-cell-dialog [data-grid-cell-close].icon-button{position:absolute!important;top:12px!important;right:12px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:#101f31!important;color:#dcebf6!important;font-size:21px!important;line-height:1!important}
#incident-grid-cell-dialog label{display:block;margin:0 0 6px;color:#cfe0ec!important;font-size:12px;font-weight:650}
#incident-grid-cell-dialog input,#incident-grid-cell-dialog select,#incident-grid-cell-dialog textarea{width:100%;min-height:42px;border:1px solid rgba(173,199,218,.22)!important;border-radius:10px!important;background:#07121e!important;color:#f5fbff!important}
#incident-grid-cell-dialog input:focus,#incident-grid-cell-dialog select:focus,#incident-grid-cell-dialog textarea:focus{outline:none!important;border-color:#4ec3e0!important;box-shadow:0 0 0 3px rgba(78,195,224,.13)!important}
#incident-grid-cell-dialog select option{background:#0b1726;color:#f3f9fd}
#incident-grid-cell-dialog .modal-actions{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}

@media(max-width:900px){
  .role-editor-header{grid-template-columns:1fr}.role-editor-meta{justify-content:flex-start}.permission-list{grid-template-columns:1fr}.permission-row:nth-child(odd){border-right:0}
  .account-form{grid-template-columns:1fr!important}.account-form .account-password-block,.account-form .form-actions{grid-column:1}
}