/* Bendri bazės stiliai (antraštė, mygtukai, lentelės ir kt.). Keisti tik čia. */

/* Layout: control panel left (sticky on desktop), results right; stacks on phone. Data-tool treatment, tabular numerals everywhere. */
:root{
  /* Realia brandbook 2026.10 (aisdesign): #1E1E1E #403B37 #5E5C4A #BAA920 #D3CCC8 #E7E7E7 */
  --bg:#E7E7E7; --panel:#F3F2F1; --fg:#1E1E1E; --muted:#5E5C4A; --line:#D3CCC8;
  --accent:#1E1E1E; --accent-fg:#E7E7E7; --accent-soft:#EDEAE7;
  --gold:#BAA920; --warn:#8F8218; --warn-soft:#F1EDD0; --good:#5E5C4A; --bad:#A84A3A;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --head:"Red Hat Display","Plus Jakarta Sans",system-ui,sans-serif;
  --mono:"Nitti","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#1E1E1E; --panel:#2A2724; --fg:#E7E7E7; --muted:#B5AEA8; --line:#403B37;
  --accent:#BAA920; --accent-fg:#1E1E1E; --accent-soft:#363129; --gold:#BAA920; --warn:#D1BB3A; --warn-soft:#2E2A10; --good:#BAA920; --bad:#C9604E; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#1E1E1E; --panel:#2A2724; --fg:#E7E7E7; --muted:#B5AEA8; --line:#403B37;
  --accent:#BAA920; --accent-fg:#1E1E1E; --accent-soft:#363129; --gold:#BAA920; --warn:#D1BB3A; --warn-soft:#2E2A10; --good:#BAA920; --bad:#C9604E; color-scheme:dark }
h2,.tile .v,.ptitle,.ct,.mxh b,.gtl b,.bzt tr.bzg b,.mbox h3,.pitem b,.colh{font-family:var(--head)}
.tile .v{font-weight:600;letter-spacing:-.01em}.ptitle{font-weight:600}
.logo{display:block;height:34px;width:auto}.logo.l{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo.d{display:none}:root:not([data-theme="light"]) .logo.l{display:block}}
:root[data-theme="dark"] .logo.d{display:none}:root[data-theme="dark"] .logo.l{display:block}
.brand{display:flex;flex-direction:column;gap:6px}
.brand .sub{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}
.panel,button.primary,input[type=text],input[type=number],select,button.ghost,.tile,.tablewrap,.sugg ul{border-radius:2px}
button.plus{width:34px;height:34px;padding:0;border-radius:50%;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.brandrow{display:flex;align-items:center;gap:14px}
header .who{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--muted)}
#login{padding:5px 12px;font-size:11px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer;color:var(--fg)}
.leaflet-popup-content-wrapper{background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:2px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.leaflet-popup-tip{background:var(--panel)}
.leaflet-popup-content{margin:14px 16px}
.leaflet-popup-content a{color:var(--accent)}
.leaflet-container a.leaflet-popup-close-button{color:var(--muted);font-size:20px;padding:6px 8px 0 0}
.leaflet-control-layers{background:var(--panel)!important;color:var(--fg);border:1px solid var(--line)!important;border-radius:2px!important;box-shadow:none!important;font-family:var(--mono);font-size:11px}
.leaflet-control-layers label{color:var(--fg);font-size:11px;margin:0}
.leaflet-bar a{background:var(--panel)!important;color:var(--fg)!important;border-color:var(--line)!important}
.leaflet-control-attribution{font-size:9px;background:transparent!important;color:var(--muted)!important}
.leaflet-control-attribution a{color:var(--muted)!important}
.leaflet-control-scale-line{font-family:var(--mono);font-size:10px;background:transparent;color:var(--fg);border-color:var(--fg)}
.pt{font-size:12px;border-collapse:collapse;margin-top:8px}.pt td{padding:2px 12px 2px 0;vertical-align:top}.pt td:first-child{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding-top:4px}
.pt select{width:auto;padding:1px 4px;font-size:12px}
.ptitle{font-family:var(--font);font-weight:600;font-size:14px;letter-spacing:-.01em}
.psub{color:var(--muted);font-size:12px;margin-top:2px}
.pact{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}
.ebtn,.delbtn{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:2px;cursor:pointer;background:transparent}
.ebtn{border:1px solid var(--accent);color:var(--accent)}.ebtn:hover{background:var(--accent);color:var(--accent-fg)}
.delbtn{border:1px solid var(--bad);color:var(--bad);margin:0}.delbtn:hover{background:var(--bad);color:#fff}
h2,.tiles .t{font-family:var(--mono)}
*{box-sizing:border-box}input[type=checkbox]{accent-color:var(--accent)}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.45;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 32px}

h2{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:16px 0 10px;padding-top:14px;border-top:1px solid var(--line)}h2:first-child{margin-top:0;padding-top:0;border:0}
header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-block:18px 14px;border-bottom:1px solid var(--line);margin-bottom:16px}
header .meta{color:var(--warn);font-size:12px;font-family:var(--mono)}header .meta:empty{display:none}
.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:820px){.layout{grid-template-columns:1fr}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:16px}
.controls{position:sticky;top:12px}
@media (max-width:820px){.controls{position:static}}
label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;letter-spacing:.01em}
.field{margin-bottom:12px}
.mini{display:flex;align-items:center;gap:6px;margin-top:4px}.mini input[type=number]{padding:4px 7px;font-size:12px;font-family:var(--mono)}.mini span{color:var(--muted)}
.slv{float:right;color:var(--fg);font-family:var(--mono);font-size:11px}
.dual{position:relative;height:26px}
.dual .fill{position:absolute;top:12px;height:2px;background:var(--accent);pointer-events:none}
.dual input[type=range]{position:absolute;left:0;top:0;width:100%;height:26px;margin:0;padding:0;border:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;outline:none}
.dual input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}
.dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--accent);margin-top:-6px;cursor:pointer}
.dual input[type=range]:last-of-type::-webkit-slider-runnable-track{background:transparent}
.dual input[type=range]::-moz-range-track{height:2px;background:var(--line)}
.dual input[type=range]:last-of-type::-moz-range-track{background:transparent}
.dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);cursor:pointer}
.dual input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}
input,select,button{font:inherit;color:inherit}
input[type=text],input[type=number],select{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:2px;background:var(--bg);font-size:13px}
input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}
.check input{width:auto;margin:0}
button.primary{width:100%;padding:10px;border:0;border-radius:2px;background:var(--accent);color:var(--accent-fg);font-weight:600;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
button.ghost{padding:6px 12px;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer;font-size:11px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.sugg{position:relative}
.sugg ul{position:absolute;z-index:5;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:6px;max-height:260px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.sugg li{padding:6px 10px;cursor:pointer;font-size:13px}
.sugg li:hover,.sugg li.active{background:var(--accent-soft)}
.sugg li small{display:block;color:var(--muted);font-size:11px}
.center{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:4px;word-break:break-word}
[hidden]{display:none!important}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:12px 14px}
#tiles2 .tile{border-left:3px solid var(--accent)}
#tiles .tile{border-left:3px solid #5E5C4A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #tiles .tile{border-left-color:#BAA920}}
:root[data-theme="dark"] #tiles .tile{border-left-color:#BAA920}
.tile .k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono)}
.tile .v{font-family:var(--mono);font-size:22px;font-weight:400;margin-top:4px;font-variant-numeric:tabular-nums}
.tile .s{font-size:11px;color:var(--muted);margin-top:2px}.tile .s:empty{display:none}
.results{min-width:0}
.split{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.split>*{min-width:0;max-width:100%}.results{overflow-x:clip}
.leaflet-container{font:inherit}
.leaflet-popup-content{font-size:12px;line-height:1.4}
.lmark{background:transparent;border:0}
.tablewrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:2px}
table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.tablewrap th,.tablewrap td{padding:5px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.tablewrap table{table-layout:auto;width:100%;font-size:12px}
.tablewrap td.num,.tablewrap th,.tablewrap .pill,.tablewrap td:nth-child(1),.tablewrap td:nth-child(2),.tablewrap td:nth-child(3){white-space:nowrap}
.tablewrap td.adr{width:30%}
.tablewrap td:last-child{min-width:150px}
.ebtn,.delbtn{white-space:nowrap}
.tablewrap .pact,.tablewrap .admin-only{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
td.num,th.num{text-align:right;font-family:var(--mono);font-size:12px}
th{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;user-select:none;position:sticky;top:0;background:var(--panel);font-weight:400}
th.sorted{color:var(--accent)}
.tablewrap tr:hover td{background:var(--accent-soft)}
td.adr{white-space:normal;min-width:140px}
.pill{display:inline-block;padding:1px 7px;border-radius:2px;font-size:10px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted)}
.pill.subj{border-color:var(--accent);color:var(--accent)}
.pill.mano{border-color:#BAA920;color:#BAA920;background:rgba(184,162,26,.12)}
.pill.warn{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}
.empty{padding:28px;text-align:center;color:var(--muted)}
.note{font-size:12px;color:var(--muted);margin-top:8px}
.legend{display:flex;gap:14px;font-size:10px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:8px;flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}
.legend i.dia{border-radius:1px;transform:rotate(45deg) scale(.85)}
.skd{width:16px;height:16px;transform:rotate(45deg);border:2px solid #fff;box-shadow:0 1px 4px #0008;border-radius:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}
.admin-only{display:none!important}body.admin .admin-only{display:inline-block!important}body.admin button.plus.admin-only{display:flex!important}body.admin div.admin-only{display:flex!important}.sw2{display:inline-flex;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:3px;margin-left:4px;flex:none}.sw2 a{display:inline-flex;align-items:center;padding:4px 9px;border-radius:16px;color:var(--muted)}.sw2 a.on{background:var(--panel);color:var(--accent);box-shadow:0 1px 2px rgba(0,0,0,.15)}.sw2 svg{width:18px;height:18px;display:block}
