@import url('/vendor/fonts/roboto-condensed/500.css');@import url('/vendor/fonts/roboto-condensed/600.css');@import url('/vendor/fonts/roboto-condensed/700.css');@import url('/vendor/fonts/inter/400.css');@import url('/vendor/fonts/inter/500.css');@import url('/vendor/fonts/inter/600.css');@import url('/vendor/fonts/inter/700.css');
:root{
  --bg:#0F1012;--panel:#15171A;--card:#17191C;--card2:#1F2226;--line:#24272C;--line2:#2E3238;--line3:#3A3F46;
  --tx:#F2F2F0;--tx2:#C9CDD2;--mut:#A3A8AE;--dim:#5C6168;
  --acc:#F26B1D;--acc2:#FF8A45;--ok:#3CCB7F;--okbg:#173320;--okt:#6EDB9A;--warn:#F5B83D;--warnbg:#3A2E12;
  --bad:#E5483C;--badbg:#3A1614;--badt:#FF8A80;--blue:#4C9BFF;--bluebg:#162A3B;--bluet:#7DB8FF;--purp:#C49BFF;--purpbg:#25183A;
  --cond:'Roboto Condensed','Arial Narrow',sans-serif;--r:8px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.45 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc)}a:hover{color:var(--acc2)}
h1,h2,h3{font-family:var(--cond);font-weight:600;letter-spacing:.02em;margin:0}
h1{font-size:38px;line-height:1}h2{font-size:22px}h3{font-size:18px}
.mut{color:var(--mut)}.dim{color:var(--dim)}.small{font-size:13px}.xs{font-size:12px}
.num{font-variant-numeric:tabular-nums}.cond{font-family:var(--cond)}
.big{font:700 28px/1 var(--cond)}
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line2);background:transparent;color:var(--tx);font:500 16px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;touch-action:manipulation}
button:hover,.btn:hover{background:#1C1F23;color:var(--tx)}
button:disabled{opacity:.5;cursor:not-allowed}
.btn-p{background:var(--acc);border-color:var(--acc);color:#111;font-weight:600}.btn-p:hover{background:var(--acc2);color:#111}
.btn-w{background:var(--tx);border-color:var(--tx);color:#111;font-weight:600}.btn-w:hover{background:#fff;color:#111}
.btn-d{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:700}.btn-d:hover{background:#f05a4e;color:#fff}
.btn-o{color:var(--badt)}
.btn-sm{height:34px;padding:0 10px;font-size:13px}
input,select,textarea{width:100%;height:44px;background:var(--bg);border:1px solid var(--line2);border-radius:var(--r);color:var(--tx);padding:0 12px;font:400 16px Inter,system-ui,sans-serif}
textarea{height:auto;padding:10px 12px;min-height:80px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}
input[type=checkbox]{width:20px;height:20px;accent-color:var(--acc)}
input[type=range]{accent-color:var(--acc);height:auto;padding:0;border:none;background:none}
label{display:block;font:500 13px Inter,sans-serif;color:var(--mut);margin-bottom:6px}
label.chk{display:flex;align-items:center;gap:10px;color:var(--tx2);font-size:14px;margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.card.tight{padding:14px}
.row{display:flex;align-items:center;flex-wrap:wrap}
.row > * + *{margin-left:12px}
.between{justify-content:space-between}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.stack{display:flex;flex-direction:column}
.stack > * + *{margin-top:14px}
@supports (gap:12px){
  .row{gap:12px}
  .row > * + *{margin-left:0}
  .stack{gap:14px}
  .stack > * + *{margin-top:0}
}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.p-ok{background:var(--okbg);color:var(--okt)}.p-warn{background:var(--warnbg);color:var(--warn)}.p-bad{background:var(--badbg);color:var(--badt)}
.p-blue{background:var(--bluebg);color:var(--bluet)}.p-purp{background:var(--purpbg);color:var(--purp)}.p-acc{background:#3B2416;color:#FF9A5C}.p-mut{background:#23262B;color:var(--mut)}
.no{display:inline-block;min-width:34px;text-align:center;padding:2px 7px;border-radius:6px;background:var(--tx);color:#111;font:700 17px/1.2 var(--cond)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--mut);font-size:12px;font-weight:500;padding:9px 8px;border-bottom:1px solid #2A2E33;white-space:nowrap}
td{padding:10px 8px;border-bottom:1px solid #22252A;vertical-align:middle}
tr.click{cursor:pointer}tr.click:hover td{background:#1A1D21}
.tbl{overflow-x:auto}
.r{text-align:right}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--tx);color:#111;padding:12px 18px;border-radius:10px;font-weight:600;z-index:999;max-width:90vw;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.toast.err{background:var(--bad);color:#fff}
.empty{padding:28px;text-align:center;color:var(--mut)}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden}
.seg button{border:none;border-radius:0;height:36px}
.seg button.on{background:var(--tx);color:#111}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);color:var(--tx2);font-size:13px;font-weight:500;display:inline-flex;align-items:center;cursor:pointer;background:transparent;text-decoration:none}
.tab.on{background:var(--acc);border-color:var(--acc);color:#111}
.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #22252A;font-size:14px}
.kv:last-child{border-bottom:none}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}
.modal{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:22px;width:100%;width:min(560px,100%);max-height:90vh;overflow:auto}
.maplibregl-ctrl-attrib{font-size:10px}
.mapwrap{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#050506}
.veh{width:28px;height:28px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font:700 14px var(--cond);color:#111;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:transform .2s}
.veh.focus{transform:scale(1.35);z-index:5}
.veh.still{background:var(--warn)!important}.veh.sos{background:var(--bad)!important;color:#fff}
.kmlbl{font:700 12px var(--cond);color:#111;background:#fff;padding:1px 5px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.ptlbl{font:700 12px Inter;padding:2px 7px;border-radius:5px;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap}
@media (max-width:760px){h1{font-size:30px}.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}.card{padding:16px}.auto{grid-template-columns:minmax(0,1fr)}}

#orload{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none;overflow:hidden;background:#3B2416}
#orload i{display:block;height:100%;width:36%;background:#F26B1D;animation:orload 1s ease-in-out infinite}
@keyframes orload{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
#orload.off{opacity:0;transition:opacity .35s}

.far .kmlbl{display:none}.far .ptlbl{font-size:10px;padding:1px 4px}
/* датум/време: темен избирач; ништо не смее да излезе надвор од полето */
input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark;min-width:0;max-width:100%;overflow:hidden}
.light input[type=date],.light input[type=time],.light input[type=datetime-local]{color-scheme:light}
input::-webkit-calendar-picker-indicator{cursor:pointer}
/* полињата во мрежа не смеат да ја растегнат колоната */
.grid > div,.g2 > div{min-width:0}

/* потпис */
.or-credit a{color:inherit;text-decoration:none}.or-credit a:hover{color:var(--tx,#F2F2F0);text-decoration:underline}
.or-credit{font:400 11px/1.4 Inter,sans-serif;color:#7A8088;letter-spacing:.02em;white-space:nowrap}
.or-credit b{font-weight:600;color:#A3A8AE}
.light .or-credit{color:#6B7077}.light .or-credit b{color:#3A3D42}