/* ============================================================
   ds.css — VIENOTĀ DIZAINA SISTĒMA
   Avots: Claude Design handoff "Drone Zones — unified operations UI"
   Izmaiņas pret oriģinālu (apzinātas):
     · atstarpju skala 3.4/6.8/10.2… → vesela 4px bāze (nevesela deva pussapikseļus)
     · rādiuss 7px → 8px (2/4/8 skala)
   Vecie mainīgo nosaukumi (--acc, --card, --ink…) atstāti kā aizstājvārdi,
   lai visi fl-*.js moduļi pārkrāsojas automātiski.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700&display=swap');

:root{
  /* --- neitrālā skala (OKLCH, viena gaišuma ass) --- */
  --color-bg:#e8e8ec; --color-surface:#e9e9ea; --color-text:#0a0a0c;
  --n-100:#fbfbfd; --n-200:#dcdce1; --n-300:#c6c6cc; --n-400:#b7b7ba;
  --n-500:#56565c; --n-600:#3c3c42; --n-700:#232327; --n-800:#424244; --n-900:#2b2b2d;
  /* --- akcents: viens --- */
  /* mērīts: vecais --a-600 #1f6bb8 deva 4.46:1 uz fona = zem AA. Spilgtāks UN lasāmāks. */
  --a-100:#e4efff; --a-200:#c2ddfe; --a-300:#8bbcf8; --a-400:#4b95ec;
  --a-500:#1f77e0; --a-600:#0b5fd0; --a-700:#0a4da8; --a-800:#083a7d; --a-900:#062755;
  /* mērīts: 18% deva 1.49:1 — puse no minimālā saskatāmības sliekšņa.
     40% = 2.68:1 pret paneli. --edge (55% = 4.39:1) TIKAI čaulas ārmalām. */
  --color-divider:color-mix(in srgb,#0a0a0c 40%,transparent);
  --edge:color-mix(in srgb,#0a0a0c 55%,transparent);
  /* --- statuss: TIKAI statusam, nekad dekorācijai --- */
  /* statuss: teksta versija iztur AA, -fill versija ir spilgta (punkti, joslas, marķieri).
     Vecais --st-warn #b5852c uz fona deva 2.70:1 = nelasāms. */
  --st-ok:#0e6b34;   --st-ok-line:#12813f;   --st-ok-fill:#1f9950;
  --st-warn:#a84b00; --st-warn-ink:#8f4000; --st-warn-fill:#e8a020;
  --st-crit:#c02718; --st-crit-fill:#dc3a26;
  /* --- tipogrāfija --- */
  --font-heading:"Barlow Condensed",system-ui,sans-serif;
  --font-body:"Barlow",system-ui,sans-serif;
  /* --- atstarpes: 4px bāze --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px;
  --radius-sm:2px; --radius-md:4px; --radius-lg:8px;
  --shadow-md:0 3px 10px color-mix(in srgb,#2b2b2d 16%,transparent);

  /* === aizstājvārdi vecajai sistēmai (moduļi lieto šos) === */
  --bg:var(--color-bg); --card:var(--n-100); --card2:var(--n-200);
  --ink:var(--color-text); --ink2:var(--n-700);
  --acc:var(--a-600); --accd:var(--a-700); --acc-soft:var(--a-100);
  --line:var(--color-divider); --line2:var(--n-300);
  --good:var(--st-ok); --warn:var(--st-warn); --crit:var(--st-crit);
  --warn-fill:var(--st-warn-fill); --crit-fill:var(--st-crit-fill); --good-fill:var(--st-ok-fill);
  --disp:var(--font-heading); --ui:var(--font-body); --mono:var(--font-body);
  --accent:var(--a-600);
  --link:#0d6e6e; --link-hover:#0a5555;
}

/* ---------- bāze ---------- */
*{box-sizing:border-box;margin:0;padding:0}
body{font:13px/1.45 var(--font-body);background:var(--color-bg);color:var(--color-text);
  font-variant-numeric:tabular-nums}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--link) 45%,transparent)}
a:hover{color:var(--link-hover);text-decoration-color:currentColor}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

/* ---------- čaula: augšējā josla (44px, hairline) ---------- */
#topnav{height:44px;background:var(--n-100);border-bottom:1px solid var(--color-divider);
  display:flex;align-items:center;gap:0;padding:0 14px;position:sticky;top:0;z-index:30}
#topnav .logo{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);
  font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);
  padding-right:14px;margin-right:14px;border-right:1px solid var(--color-divider);height:100%}
#topnav .logo .dot{width:8px;height:8px;border-radius:0;background:var(--a-600);box-shadow:none}
#topnav .nl{font-family:var(--font-heading);font-weight:600;font-size:12.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--n-700);padding:0 11px;height:100%;display:flex;align-items:center;
  border-bottom:2px solid transparent;transition:none}
#topnav .nl:hover{color:var(--color-text)}
#topnav .nl.on{color:var(--color-text);border-bottom-color:var(--a-600)}
#topnav .sp{flex:1}
#acct{font-size:11px;color:var(--n-700);padding-left:14px}
#acct b{font-weight:500;color:var(--color-text)}
/* importa poga augšjoslā */
#topnav label.nl{border:1px solid var(--color-divider)!important;border-radius:0!important;
  background:var(--a-600);color:#fff!important;height:26px;padding:0 12px;font-size:11.5px}
#topnav label.nl:hover{background:var(--a-700);color:#fff}

/* ---------- izkārtojums ---------- */
#wrap{display:flex;min-height:calc(100vh - 44px)}
#side{width:246px;flex:0 0 246px;background:var(--n-100);border-right:1px solid var(--color-divider);
  padding:0;overflow-y:auto;max-height:calc(100vh - 44px);position:sticky;top:44px}
#main{flex:1;min-width:0;padding:0 0 40px}

/* ---------- sānjosla: meklēšana + filtri ---------- */
.sctl{display:flex;gap:0;padding:8px 10px 0}
.sctl select,.sctl input{flex:1;min-width:0;height:26px;border:1px solid var(--n-300);border-radius:0;
  padding:0 8px;font-size:12px;background:#fff;color:var(--color-text)}
.sctl input::placeholder{color:var(--n-500)}
#ovbtn{display:block;width:calc(100% - 20px);margin:8px 10px;height:22px;text-align:center;
  background:#fff;border:1px solid var(--n-300);border-radius:0;color:var(--n-700);
  font-family:var(--font-heading);font-weight:600;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase}
#ovbtn.on{background:var(--a-600);border-color:var(--a-600);color:#fff}
/* dienu galvenes — sticky, neitrāls */
.fday{position:sticky;top:0;z-index:2;background:var(--n-200);border-top:1px solid var(--color-divider);
  border-bottom:1px solid var(--color-divider);font-family:var(--font-heading);font-weight:600;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--n-700);padding:4px 10px}
/* lidojumu rindas — blīvas, fiksētas kolonnas */
.frow{display:flex;align-items:center;gap:8px;padding:3px 10px;min-height:20px;cursor:pointer;
  border-bottom:1px solid var(--n-300);font-size:11.5px;border-radius:0}
.frow:hover{background:var(--n-200)}
.frow.on{background:var(--a-200);font-weight:500}
.frow .dt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frow .dt b{font-weight:500}
.frow .cl{color:var(--n-700);font-size:10.5px}
/* statusa punkts sarakstā — 5px, nozīme no notikumiem */
.frow .fst{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--n-300)}
.frow .fst.ok{background:var(--st-ok-fill)}
.frow .fst.warn{background:var(--st-warn-fill)}
.frow .fst.crit{background:var(--st-crit)}
.frow .fst.none{background:none;box-shadow:inset 0 0 0 1px var(--n-300)}
.frow .cloud{display:none}

/* ---------- pārskats: KPI josla ---------- */
.h1{font-family:var(--font-heading);font-size:21px;font-weight:600;letter-spacing:0;
  padding:9px 14px;background:var(--n-100);border-bottom:1px solid var(--color-divider)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;
  background:var(--n-100);border-bottom:1px solid var(--color-divider);margin:0}
.card{background:none;border:none;border-right:1px solid var(--color-divider);border-radius:0;
  box-shadow:none;padding:10px 14px;text-align:left}
.card:last-child{border-right:none}
.card .ic{display:none}
.card .k{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--n-700)}
.card .v{font-family:var(--font-body);font-weight:500;font-size:25px;letter-spacing:-.015em;
  margin:2px 0 1px;font-variant-numeric:tabular-nums}
.card .s{font-size:10.5px;color:var(--n-700)}
.card .go{margin-top:8px;display:inline-block;border:1px solid var(--n-300);border-radius:0;
  background:#fff;padding:3px 10px;font-size:11px;color:var(--a-700)}
.card .go:hover{background:var(--a-100);border-color:var(--a-400)}
.sechdr{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--n-700);background:var(--n-200);
  border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);
  padding:4px 14px;margin:0}

/* ---------- lidojuma skats ---------- */
#oview,#fview{padding:0}
.fttl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--n-100);
  border-bottom:1px solid var(--color-divider);padding:9px 14px;margin:0}
.fttl h2{font-family:var(--font-heading);font-size:21px;font-weight:600;letter-spacing:0}
.fttl .ed,.ed{border:1px solid var(--n-300);background:#fff;border-radius:0;height:24px;
  padding:0 10px;font-size:11.5px;color:var(--n-700)}
.ed:hover{background:var(--n-200)}
#fsub{font-size:12px;color:var(--n-700)}
.fbody{display:flex;gap:0;align-items:stretch}

/* ---------- sekciju rail (ikonas → SVG, bez emoji) ---------- */
#rail{flex:0 0 118px;display:flex;flex-direction:column;gap:0;position:sticky;top:52px;
  background:var(--n-100);border-right:1px solid var(--color-divider);align-self:flex-start}
.rl{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:0;
  font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--n-700);cursor:pointer;border-bottom:1px solid var(--n-300);
  box-shadow:none;transition:none}
.rl:hover{background:var(--n-200);color:var(--color-text)}
.rl.on{background:var(--a-600);color:#fff}
.rl.on:hover{background:var(--a-700);color:#fff}
.rl .i{display:none}
.rl::before{content:"";width:15px;height:15px;flex:0 0 15px;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:15px;mask-size:15px}
.rl[data-s="GENERAL"]::before{-webkit-mask-image:var(--i-grid);mask-image:var(--i-grid)}
.rl[data-s="POWER"]::before{-webkit-mask-image:var(--i-zap);mask-image:var(--i-zap)}
.rl[data-s="SENSORS"]::before{-webkit-mask-image:var(--i-signal);mask-image:var(--i-signal)}
.rl[data-s="CONTROLS"]::before{-webkit-mask-image:var(--i-sliders);mask-image:var(--i-sliders)}
.rl[data-s="WEATHER"]::before{-webkit-mask-image:var(--i-cloud);mask-image:var(--i-cloud)}
.rl[data-s="MEDIA"]::before{-webkit-mask-image:var(--i-camera);mask-image:var(--i-camera)}
:root{
  --i-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
  --i-zap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10'/%3E%3C/svg%3E");
  --i-signal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 20h.01M7 20v-4M12 20v-8M17 20V8M22 4v16'/%3E%3C/svg%3E");
  --i-sliders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E");
  --i-cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M17.5 19a4.5 4.5 0 0 0 0-9 6 6 0 0 0-11.6 2A3.5 3.5 0 0 0 6.5 19z'/%3E%3C/svg%3E");
  --i-camera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E");
}

/* ---------- cilnes + panelis ---------- */
#cont{flex:1;min-width:0;background:var(--color-bg);border:none;border-radius:0;box-shadow:none}
#tabs{display:flex;gap:0;background:var(--n-100);border-bottom:1px solid var(--color-divider);
  padding:0 6px;overflow-x:auto}
#tabs .tb{font-family:var(--font-heading);font-size:11.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--n-700);padding:6px 12px;background:none;border:none;
  border-bottom:2px solid transparent;white-space:nowrap;transition:none}
#tabs .tb:hover{color:var(--color-text)}
#tabs .tb.on{color:var(--color-text);border-bottom-color:var(--a-600)}
#pane{padding:14px;min-height:420px}

/* ---------- datu komponentes ---------- */
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:0;
  background:var(--n-100);border:1px solid var(--color-divider);margin-bottom:14px}
.stat{background:none;border:none;border-right:1px solid var(--color-divider);border-radius:0;
  padding:8px 11px;text-align:left}
.stat:last-child{border-right:none}
.stat .k{font-family:var(--font-heading);font-size:9.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--n-700)}
.stat .v{font-family:var(--font-body);font-weight:500;font-size:19px;letter-spacing:-.015em;margin-top:1px}
.stat .v span{font-size:10px;color:var(--n-700);font-weight:400}
.ovgrid{display:grid;grid-template-columns:180px 1fr 290px;gap:0;align-items:stretch}
.ovcol{display:flex;flex-direction:column;gap:0;background:var(--n-100);
  border-right:1px solid var(--color-divider)}
.ovgrid>.ovcol:last-child{border-right:none;border-left:1px solid var(--color-divider)}
.ovc{background:none;border:none;border-bottom:1px solid var(--n-300);border-radius:0;
  padding:8px 11px;text-align:left}
.ovc .k{font-family:var(--font-heading);font-size:9.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--n-700)}
.ovc .v{font-size:19px;font-weight:500;letter-spacing:-.015em;margin-top:1px}
.ovc .s{font-size:10.5px;color:var(--n-700)}
.ovc.link{cursor:pointer}
.ovc.link:hover{background:var(--a-100)}
#flmap,#ovmap{border-radius:0;border:1px solid var(--color-divider)}
.maplegend{display:flex;gap:0;margin-top:6px;border-radius:0;overflow:hidden;font-size:10px;
  text-align:center;color:#fff;font-weight:500}
.maplegend div{flex:1;padding:2px 4px}

/* tabulas */
.tbl{width:100%;border-collapse:collapse;font-size:11.5px;font-variant-numeric:tabular-nums}
.tbl th{position:sticky;top:0;z-index:1;background:var(--n-100);text-align:left;
  font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--n-700);border-bottom:1px solid var(--color-divider);padding:5px 8px}
.tbl td{padding:4px 8px;border-bottom:1px solid var(--n-300);vertical-align:top}
.tbl tr:hover td{background:var(--n-200)}

/* statusa tagi — tikai statusam */
.tag{display:inline-block;border-radius:0;padding:1px 6px;font-size:10.5px;font-weight:500;
  border:1px solid;background:none;text-transform:uppercase;letter-spacing:.04em}
.tag.crit{border-color:var(--st-crit);color:var(--st-crit)}
.tag.warn{border-color:var(--st-warn-fill);color:var(--st-warn-ink)}
.tag.info{border-color:var(--n-400);color:var(--n-700)}
.tag.tip{border-color:var(--st-ok-line);color:var(--st-ok)}
.tag.mode{border-color:var(--n-400);color:var(--n-700)}

.kv{display:grid;grid-template-columns:180px 1fr;gap:5px 14px;font-size:12px;max-width:640px}
.kv .k{color:var(--n-700);font-weight:500}
.kv .v b{font-weight:500}
.chartbox{background:var(--n-100);border:1px solid var(--color-divider);border-radius:0;
  padding:10px;margin-bottom:12px}
.chartbox h4{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--n-700);margin-bottom:6px}
.note{font-size:11px;color:var(--n-700);margin-top:6px}
.gaugewrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.gauge{text-align:center}
.gauge .k{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--n-700)}
.big{font-family:var(--font-body);font-size:28px;font-weight:500;letter-spacing:-.015em}
.spin{color:var(--n-700);font-size:12px;padding:26px;text-align:center}

/* moduļu injicētās pogas/čipi → sistēmas forma */
#pane button,#pane .go{border-radius:0}

@media (max-width:900px){
  #side{display:none}
  .fbody{flex-direction:column}
  #rail{flex-direction:row;width:100%;position:static;overflow-x:auto;border-right:none;
    border-bottom:1px solid var(--color-divider)}
  .rl{border-bottom:none;border-right:1px solid var(--n-200)}
  .ovgrid{grid-template-columns:1fr}
  .ovgrid>.ovcol:last-child{border-left:none}
}

/* ---------- moduļu inline-stilu saskaņošana ar sistēmu (radius 0, viens akcents) ---------- */
#ovplay,#ovmetrics button,#pane .ed,#pane .go,#pane textarea,#pane input,#pane select,
#pane button,.flp-root button,.flp-root select,.rec-go{border-radius:0!important}
#ovplay{background:var(--a-600)!important;box-shadow:none!important;
  font-family:var(--font-heading)!important;font-weight:600!important;font-size:11.5px!important;
  letter-spacing:.09em;text-transform:uppercase;padding:6px 14px!important}
#ovplay:hover{background:var(--a-700)!important}
#ovmetrics button{font-family:var(--font-heading);font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;border-color:var(--n-300)!important;color:var(--n-700)!important;
  background:#fff!important;padding:4px 10px!important}
#ovmetrics button[style*="e2f0fa"],#ovmetrics button.on{background:var(--a-600)!important;
  color:#fff!important;border-color:var(--a-600)!important}
#pane textarea{border-color:var(--n-300)!important;background:#fff}

/* ============================================================
   SMALKIE SĪKUMI — atdalīšana un izcēlumi bez lielām formām
   ============================================================ */
/* paneļi paceļas klusi: matiņlīnija + 1px pacēlums, nevis kaste ar ēnu */
#side{box-shadow:1px 0 0 rgba(29,31,32,.05)}
#topnav{box-shadow:0 1px 0 rgba(29,31,32,.06)}
.cards,.rec-strip,.statgrid,.chartbox,.step{background:var(--n-100)}

/* sadaļu galvenes: 2px akcenta zīme priekšā — sīka, ne bloks */
.sechdr{position:relative;padding-left:14px}
.sechdr::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--a-600)}

/* dienu galvenes sānjoslā: tā pati zīme, vājāka */
.fday{position:sticky;padding-left:10px;box-shadow:inset 2px 0 0 var(--a-400)}

/* izvēlētā rinda: akcenta svītra kreisajā malā, nevis pilns laukums */
.frow.on{box-shadow:inset 2px 0 0 var(--a-700)}

/* skaitļi: mazliet vairāk svara, lai lasās no attāluma */
.card .v,.stat .v,.ovc .v,.rec-cell .rv{font-weight:600;color:var(--color-text)}
.rec-cell .rv u,.stat .v span{font-weight:400}

/* tabulu galvenes: tumša matiņlīnija zem — skaidra kolonnu robeža */
.tbl th{border-bottom:1px solid var(--n-700);color:var(--n-700)}
.tbl td{border-bottom:1px solid var(--n-300)}

/* aktīvās vadīklas: 1px iekšējs akcenta pieskāriens */
#tabs .tb.on{box-shadow:inset 0 -2px 0 var(--a-600)}
.rl.on{box-shadow:inset 2px 0 0 var(--a-900)}

/* peldošie kartes paneļi: smalka pacelšanās */
.maplibregl-ctrl-group,#brand,#flight,#track,#tools{box-shadow:0 1px 3px rgba(29,31,32,.10),0 0 0 1px rgba(29,31,32,.06)!important}

/* ---------- saites un pārejas darbības: sava krāsa, atpazīstamas pēc pasvītrojuma ---------- */
.card .go,.rec-go,#pane .go,.flrec-go{color:var(--link)!important;border-color:color-mix(in srgb,var(--link) 40%,transparent)!important;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;
  text-decoration-color:color-mix(in srgb,var(--link) 40%,transparent)}
.card .go:hover,.rec-go:hover,#pane .go:hover{background:color-mix(in srgb,var(--link) 8%,transparent)!important;
  border-color:var(--link)!important;color:var(--link-hover)!important;text-decoration-color:currentColor}
/* tabulas rinda, kas ved uz lidojumu: nosaukums saites krāsā */
.rec-tbl tbody tr:hover td:first-child{color:var(--link);text-decoration:underline;text-underline-offset:2px}
/* augšjoslas labās puses saite */
#acct a{color:var(--link)}
/* skaitļi paliek melni — lasāmība pirms krāsas */
.card .v,.stat .v,.ovc .v,.rec-cell .rv,.big{color:var(--color-text)}

/* navigācija NAV saite — čaulas elements paliek neitrāls, aktīvo rāda akcenta svītra */
#topnav .nl,#topnav .logo{color:var(--n-700);text-decoration:none!important}
#topnav .nl:hover{color:var(--color-text)}
#topnav .nl.on{color:var(--color-text)}
#topnav .logo{color:var(--color-text)}
#topnav label.nl{color:#fff!important;text-decoration:none!important}


/* ============================================================
   Smalkās krāsu detaļas — krāsa nes nozīmi, ne dekorāciju.
   (Rolands: "nevajag lielus četrstūrus, vajag smalkus sīkumus izcelt")
   ============================================================ */
.sechdr{position:relative;padding-left:22px}
.sechdr::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:3px;height:10px;background:var(--a-600)}
.card .k::after{content:"";display:inline-block;width:3px;height:3px;margin-left:5px;
  vertical-align:middle;background:var(--n-300)}
.card:hover .k::after{background:var(--a-600)}

/* statusa vērtības — lietojams jebkurā modulī */
.v-ok{color:var(--st-ok)} .v-warn{color:var(--st-warn)} .v-crit{color:var(--st-crit)}
.v-ok,.v-warn,.v-crit{font-weight:500}

/* Rindu tonējums NOŅEMTS ar nolūku: gandrīz katra rinda iekrāsojās, tāpēc krāsa
   pārstāja kaut ko nozīmēt. Statuss dzīvo TIKAI savā kolonnā, kur to var salīdzināt
   rindu pret rindu.
   PIEZĪME: sākotnēji pieņēmām, ka brīdinājumi rodas nosēšanās fāzē. Mērījums 17 īstos
   DJI logos (199 notikumi) to ATSPĒKOJA: zem 3 m ir tikai 4.5%, bet 73% ir trīs
   radiosaites ziņas par VIENU stāvokli, kas atkārtojas lidojuma vidū. Īstais labojums
   ir dedup fl-import.js, ne krāsa. Sk. DIAGNOZE sadaļu. */

/* segmentētie/aktīvie elementi — akcents redzamāks */
.flp-chips button.on,.flp-seg button.on{font-weight:600}


/* ---------- P2.2: šaurā logā augšjosla neradīja SAVU ritjoslu, bet grūda visu lapu
   sāniski (mērīts 177px pie 390px). Bērniem flex-shrink:0 pa vienam — NE ar >*,
   jo #topnav .sp{flex:1} ir atstarpes elements, kas piespiež #acct pa labi. ---------- */
#topnav{overflow-x:auto;overflow-y:hidden}
#topnav .logo,#topnav .nl,#topnav label.nl,#topnav #acct{white-space:nowrap;flex-shrink:0}
#topnav::-webkit-scrollbar{height:0}

/* ---------- P3b: čaulas ārējās robežas — vienīgās, kurām jābūt nepārprotamām.
   #main te NAV ar nolūku: tools.html:26 to pārraksta uz centrētu 1040px kolonnu,
   un robeža uzzīmētos kā bārenes līnija lapas vidū. ---------- */
#side{border-right-color:var(--edge)}
#topnav{border-bottom-color:var(--edge)}
#rail{border-right-color:var(--edge)}

/* balts teksts uz akcenta paliek antialiased — uz TUMŠA fona tas ir pareizais renderējums */
#topnav label.nl,.rl.on,#ovbtn.on,.flp-seg button.on{-webkit-font-smoothing:antialiased}

/* ============================================================
   OLĪVAIS EKSPERIMENTS — NEAKTĪVS pēc noklusējuma.
   Ieslēdz ar ?skin=olive vai <html data-skin="olive">.
   Maina TIKAI neitrālos toņus. Akcents (--a-*) un statusa krāsas
   NETIEK aiztiktas, jo tās nes nozīmi (zonu bardzība, brīdinājumi).
   Mērīts: kontrasta zudums pret pamatpaleti ≤0,28; tonēto pelēko
   hroma 3,0-5,7 pret statusa krāsu 30-45 → nozīmes sadursmes nav.
   ============================================================ */
:root[data-skin="olive"]{
  --color-bg:#e9e9e0; --color-surface:#eaeae1; --color-text:#0b0b06;
  --n-100:#fbfbf5; --n-200:#dbdbd0; --n-300:#c5c5b6; --n-400:#b6b6a6;
  --n-500:#56564a; --n-600:#3c3c33; --n-700:#24241d; --n-800:#42423a; --n-900:#2b2b24;
  --color-divider:color-mix(in srgb,#0b0b06 40%,transparent);
  --edge:color-mix(in srgb,#0b0b06 55%,transparent);
}