/* Glomera · modernus 3D stilius */
#mr-app{--navy:#204077;--navy2:#172e59;--navy3:#0f1f3f;--gr:#b4b4b4;--c:#fff;--t:#18213a;--m:#5d6a80;--b:#d8deea;--ok:#15803d;--bad:#c62828;--or:#204077;--or2:#172e59;
 --sh:0 1px 2px rgba(15,31,63,.08),0 8px 16px -6px rgba(15,31,63,.16),0 26px 44px -22px rgba(15,31,63,.34);
 max-width:1100px;margin:24px auto;padding:22px;border-radius:26px;color:var(--t);box-sizing:border-box;
 font:15px/1.5 "Segoe UI",Inter,system-ui,-apple-system,Roboto,sans-serif;
 background:radial-gradient(900px 340px at 0% -6%,#d6e1f5 0,transparent 62%),radial-gradient(760px 320px at 100% 2%,#e3e6ee 0,transparent 58%),linear-gradient(180deg,#eef1f7,#e7ebf2);
 box-shadow:0 34px 60px -34px rgba(15,31,63,.5),0 0 0 1px rgba(15,31,63,.06)}
#mr-app *{box-sizing:border-box}
#mr-app p{margin:8px 0}#mr-app a{text-decoration:none}
#mr-app .m{color:var(--m)}#mr-app .ok{color:var(--ok);font-weight:700}#mr-app .bad{color:var(--bad);font-weight:700}
#mr-app hr{border:0;border-top:1px solid var(--b)}

/* ---- antraštė su 3D dėžėmis ir 3D keliu ---- */
#mr-app .mr-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#fff,#f3f6fb);border:1px solid #fff;padding:0;color:var(--t);
 box-shadow:0 2px 3px rgba(15,31,63,.08),0 20px 40px -16px rgba(15,31,63,.42)}
#mr-app .mr-hero-in{position:relative;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:18px 26px;min-height:108px}
#mr-app .mr-logo{height:46px;width:auto;max-width:100%;flex:0 0 auto;display:block;filter:drop-shadow(0 6px 6px rgba(32,64,119,.25))}
#mr-app .mr-ht{border-left:3px solid var(--gr);padding-left:22px;flex:1 1 200px;min-width:0}
#mr-app .mr-hero h1{margin:0;font-size:23px;line-height:1.2;color:var(--navy);letter-spacing:-.01em;border:0;padding:0}
#mr-app .mr-hero p{margin:3px 0 0;color:var(--m)}
#mr-app .mr-3d{margin-left:auto;position:relative;flex:0 0 240px;width:240px;height:96px;perspective:700px}
#mr-app .mr-3d:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:14px;border-radius:50%;background:radial-gradient(rgba(15,31,63,.4),transparent 70%)}
#mr-app .cube{position:absolute;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-42deg);animation:mrfloat 6s ease-in-out infinite}
#mr-app .cube i{position:absolute;inset:0;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
#mr-app .cube .f{transform:translateZ(calc(var(--s)/2));background:linear-gradient(135deg,#3d66b0,#204077)}
#mr-app .cube .r{transform:rotateY(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(135deg,#1b3868,#0f1f3f)}
#mr-app .cube .t{transform:rotateX(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(135deg,#eceef2,#b4b4b4)}
#mr-app .cube .f:after,#mr-app .cube .t:after{content:"";position:absolute;left:40%;right:40%;top:0;bottom:0;background:rgba(255,255,255,.22)}
#mr-app .c1{--s:48px;left:24px;bottom:18px}
#mr-app .c2{--s:36px;left:100px;bottom:34px;animation-delay:-2s}
#mr-app .c3{--s:58px;left:160px;bottom:12px;animation-delay:-4s}
@keyframes mrfloat{50%{translate:0 -7px}}
#mr-app .mr-road{position:relative;height:60px;overflow:hidden;margin:0;border:0;background:linear-gradient(180deg,#0f1f3f,#204077);perspective:150px}
#mr-app .mr-road:before{content:"";position:absolute;left:-45%;right:-45%;top:0;height:320px;transform-origin:50% 0;transform:rotateX(68deg);
 background:linear-gradient(rgba(180,180,180,.42) 2px,transparent 2px) 0 0/100% 34px,linear-gradient(90deg,rgba(180,180,180,.42) 2px,transparent 2px) 0 0/72px 100%;animation:mrroad 1.2s linear infinite}
#mr-app .mr-road:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f1f3f 0,rgba(15,31,63,0) 60%)}
@keyframes mrroad{to{background-position:0 34px,0 0}}
#mr-app .mr-truck{position:absolute;z-index:2;top:12px;left:-60px;font-size:30px;transform:scaleX(-1);filter:drop-shadow(0 7px 4px rgba(0,0,0,.5));animation:mrdrive 14s linear infinite,mrbob .45s ease-in-out infinite alternate}
@keyframes mrdrive{from{left:-60px}to{left:100%}}
@keyframes mrbob{to{translate:0 -2px}}
@media(prefers-reduced-motion:reduce){#mr-app .cube,#mr-app .mr-road:before,#mr-app .mr-truck{animation:none}#mr-app .mr-truck{left:24px}}
@media(max-width:640px){#mr-app .mr-3d{display:none}#mr-app .mr-ht{border-left:0;padding-left:0}}

/* ---- kortelės ---- */
#mr-app .card{position:relative;background:linear-gradient(180deg,#fff,#f6f8fd);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:20px 20px 16px;margin:0;box-shadow:var(--sh);transition:transform .25s ease,box-shadow .25s ease}
#mr-app .card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--navy),#6d86b8 55%,var(--gr))}
#mr-app .card:hover{transform:translateY(-2px);box-shadow:0 2px 3px rgba(15,31,63,.1),0 14px 24px -8px rgba(15,31,63,.22),0 34px 54px -24px rgba(15,31,63,.4)}
#mr-app h2{display:flex;align-items:center;gap:8px;margin:2px 0 12px;font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.005em;border:0;padding:0}
#mr-app #out .card h2:before{content:"\1F69A";font-size:19px}
#mr-app .row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
#mr-app label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px;font-weight:600;color:var(--m);letter-spacing:.02em}
#mr-app label:has(>input[type=checkbox]),#mr-app label:has(>input[type=radio]){font-weight:500;letter-spacing:0}
#mr-app .w{overflow-x:auto;margin-top:8px;padding-bottom:4px}

/* ---- laukai ---- */
#mr-app button,#mr-app input,#mr-app select{font:inherit;margin:0;height:auto;line-height:1.3}
#mr-app input,#mr-app select{padding:9px 12px;border:1px solid var(--b);border-radius:11px;background:#fff;color:var(--t);box-shadow:inset 0 2px 4px rgba(15,31,63,.07)}
#mr-app input:focus,#mr-app select:focus{outline:0;border-color:var(--navy);box-shadow:inset 0 2px 4px rgba(15,31,63,.07),0 0 0 3px rgba(32,64,119,.2)}
#mr-app input[type=checkbox],#mr-app input[type=radio]{width:17px;height:17px;padding:0;accent-color:var(--navy);box-shadow:none}
#mr-app input[type=file]{padding:7px 10px;background:#fff}

/* ---- 3D mygtukai ---- */
#mr-app button{position:relative;margin-bottom:3px;padding:9px 16px;border:0;border-radius:12px;cursor:pointer;font-weight:600;color:#fff;
 background:linear-gradient(180deg,#34589f 0,#204077 52%,#1a3567 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 3px 0 #11264f,0 10px 16px -6px rgba(15,31,63,.5);
 transition:transform .08s,box-shadow .08s,filter .15s}
#mr-app button:hover{filter:brightness(1.1)}
#mr-app button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 #11264f,0 3px 6px -3px rgba(15,31,63,.5)}
#mr-app button.s{color:var(--navy);background:linear-gradient(180deg,#fff,#edf1f8);
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #c9d2e1,0 3px 0 #bcc6d8,0 10px 16px -8px rgba(15,31,63,.3)}
#mr-app button.s:active{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #c9d2e1,0 0 0 #bcc6d8,0 3px 6px -3px rgba(15,31,63,.3)}
#mr-app button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}
#mr-app button:disabled:active{transform:none}

/* ---- lentelės ---- */
#mr-app table{border-collapse:separate;border-spacing:0;width:100%;margin:0;border:0}
#mr-app th{padding:9px 11px;text-align:left;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);border:0;background:linear-gradient(180deg,#eff3fa,#e1e8f3)}
#mr-app th:first-child{border-radius:11px 0 0 11px}#mr-app th:last-child{border-radius:0 11px 11px 0}
#mr-app td{padding:8px 11px;border:0;border-bottom:1px solid #e7ebf3;white-space:nowrap;text-align:left}
#mr-app tr:hover td{background:#f4f7fd}

/* ---- kalendorius ---- */
#mr-app #cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:12px}
#mr-app .ch{text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--m);text-transform:uppercase}
#mr-app .cw{position:relative}
#mr-app button.cd{width:100%;height:100%;min-height:64px;padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;font-weight:400;color:var(--t);border-radius:14px;
 background:linear-gradient(180deg,#fff,#eff2f8);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #dbe1ec,0 3px 0 #cfd7e5,0 12px 14px -10px rgba(15,31,63,.35)}
#mr-app button.cd:hover{filter:none;background:linear-gradient(180deg,#fff,#e6edfa)}
#mr-app button.cd b{font-size:15px;color:var(--navy)}
#mr-app button.cd small{font-size:11px;line-height:1.25;color:var(--m)}
#mr-app button.cd small.dl{font-size:10px;font-weight:700;color:var(--navy);word-break:break-word}
#mr-app button.cd small.bad{font-size:10px}
#mr-app button.cd.has{background:linear-gradient(180deg,#f1f6ff,#d9e4f8);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #9fb5df,0 3px 0 #8ba4d6,0 12px 14px -10px rgba(32,64,119,.55)}
#mr-app button.cd.tod{box-shadow:inset 0 0 0 2px var(--navy),0 3px 0 #8ba4d6,0 12px 14px -10px rgba(32,64,119,.55)}
#mr-app button.cd:active{transform:translateY(2px)}
#mr-app .cc{position:absolute;top:7px;right:7px;width:18px;height:18px;padding:0;cursor:pointer;accent-color:#c62828}

/* ---- dienos ataskaita ---- */
#mr-app .rsum{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
#mr-app .rsum span{min-width:96px;padding:10px 16px;border-radius:16px;font-size:20px;font-weight:800;color:var(--navy);background:linear-gradient(180deg,#fff,#edf1f8);box-shadow:inset 0 1px 0 #fff,0 3px 0 #c8d1e1,0 14px 18px -12px rgba(15,31,63,.4)}
#mr-app .rsum span.ok{color:var(--ok)}#mr-app .rsum span.bad{color:var(--bad)}
#mr-app .rsum small{display:block;font-size:11px;font-weight:600;color:var(--m);letter-spacing:.03em}
#mr-app .rdl{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
#mr-app .rc{background:linear-gradient(180deg,#fff,#f7f9fd);border-radius:16px;border-left:7px solid var(--navy);padding:13px 16px;margin:12px 0;box-shadow:var(--sh)}
#mr-app .rh{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
#mr-app .rh b.lk{cursor:pointer;text-decoration:underline dotted}
#mr-app .rbar{height:10px;border-radius:99px;margin:9px 0 11px;overflow:hidden;background:#dfe5f0;box-shadow:inset 0 2px 3px rgba(15,31,63,.18)}
#mr-app .rbar i{display:block;height:100%;border-radius:99px;box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
#mr-app .rst{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#mr-app .chip{display:inline-flex;align-items:center;gap:7px;padding:3px 12px 3px 4px;border-radius:999px;font-size:13px;background:linear-gradient(180deg,#fff,#eef2f8);box-shadow:inset 0 1px 0 #fff,0 2px 0 #d2d9e6,0 6px 8px -6px rgba(15,31,63,.35)}
#mr-app .chip b{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:50%;color:#fff;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 3px rgba(0,0,0,.3)}
#mr-app .arr{color:var(--m)}
#mr-app .dot{display:inline-block;width:11px;height:11px;margin-right:6px;border-radius:50%;border:2px solid #fff;vertical-align:-1px;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.25)}
#mr-app .dbtn{font-weight:700}

/* ---- langai ---- */
#mr-app #ov,#mr-app #nm,#mr-app #cm,#mr-app #rv,#mr-app #dv{backdrop-filter:blur(5px) saturate(1.1);-webkit-backdrop-filter:blur(5px)}
#mr-app #nm>div,#mr-app #cm>div,#mr-app #rv>div,#mr-app #ov>.card{animation:mrpop .2s ease-out}
@keyframes mrpop{from{opacity:0;transform:translateY(10px) scale(.985)}}
#mr-app #nm .card:hover,#mr-app #cm .card:hover,#mr-app #rv .card:hover,#mr-app #ov .card:hover{transform:none}
#mr-app .leaflet-container img{max-width:none!important;max-height:none!important}
#mr-app .leaflet-container a{color:#0b5cad}
#mr-app #map,#mr-app #rmap{box-shadow:inset 0 0 0 1px var(--b)}

/* ---- versijos kortelė ---- */
#mr-app #verbox form{margin:10px 0}
#mr-app #verbox ul{margin:8px 0 0;padding-left:18px;color:var(--m);font-size:13px}

/* ---- prisijungimo pranešimas ---- */
.mr-login{max-width:1100px;margin:16px auto;padding:16px 20px;border-radius:16px;background:linear-gradient(180deg,#fff,#f4f7fc);color:#18213a;font:15px/1.5 "Segoe UI",system-ui,sans-serif;box-shadow:0 1px 2px rgba(15,31,63,.08),0 14px 28px -14px rgba(15,31,63,.35);border-left:6px solid #204077}
.mr-login a{margin-left:8px;color:#204077;font-weight:700}

/* ---- telefonas ---- */
@media(max-width:640px){
 #mr-app{padding:12px;border-radius:18px}
 #mr-app .card{padding:16px 14px 12px;border-radius:16px}
 #mr-app .mr-hero-in{padding:14px 16px;gap:12px;min-height:0}
 #mr-app .mr-logo{height:38px}
 #mr-app #cal{gap:5px}
 #mr-app button.cd{min-height:46px;padding:6px 7px;border-radius:11px}
 #mr-app button.cd small{display:none}
 #mr-app .cc{top:auto;bottom:4px;right:4px;width:14px;height:14px}
 #mr-app .rsum span{min-width:0;flex:1 1 40%}
}

/* ---- įmonės paieška su pasiūlymais ---- */
#mr-app label.cbx{position:relative}
#mr-app .sug{display:none;position:absolute;z-index:40;top:100%;left:0;right:0;margin-top:4px;max-height:320px;min-width:300px;overflow:auto;border-radius:14px;background:#fff;
 box-shadow:0 2px 3px rgba(15,31,63,.1),0 18px 34px -10px rgba(15,31,63,.45),inset 0 0 0 1px #d8deea;font-weight:400;letter-spacing:0}
#mr-app .sug div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 13px;cursor:pointer;color:var(--t);font-size:14px;border-bottom:1px solid #eef1f6}
#mr-app .sug div:last-child{border-bottom:0}
#mr-app .sug div.on,#mr-app .sug div:hover{background:linear-gradient(180deg,#eef3fc,#e1e9f7)}
#mr-app .sug small{color:var(--m);font-size:12px;white-space:nowrap}
#mr-app .sug mark{background:#ffe48a;color:inherit;border-radius:3px;padding:0 1px}
#mr-app .sug .none{color:var(--m);cursor:default}
/* ---- įspėjimas trinant ---- */
#mr-app .warn{margin:12px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#fff6f6,#ffe8e8);color:#7d1313;box-shadow:inset 0 0 0 1px #f0b4b4,0 12px 22px -14px rgba(198,40,40,.6)}
#mr-app .warn p{margin:6px 0 10px}
#mr-app #cmYes{background:linear-gradient(180deg,#e55454,#c62828 55%,#a41e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 #7a1212,0 10px 16px -6px rgba(166,30,30,.55)}
#mr-app #cmYes:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 #7a1212}

/* ===== bendras išdėstymas (kortelės tvarkomos per JS: applyLayout) ===== */
#mr-app .mr-hero{margin-bottom:18px}
#mr-app #admin{display:flex;flex-direction:column;gap:18px}
#mr-app #admin.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
#mr-app .colw{display:flex;flex-direction:column;gap:18px;min-width:0}
#mr-app #out{display:flex;flex-direction:column;gap:18px}
#mr-app #out:empty{display:none}
#mr-app #nm .card,#mr-app #cm .card,#mr-app #rv .card{margin:14px 0 0}
#mr-app #ov .card{margin:0}
#mr-app h2 .num:after{content:"."}
@media(max-width:980px){#mr-app #admin.two{grid-template-columns:minmax(0,1fr)}}

/* ===== temos pasirinkimo plytelės ===== */
#mr-app #thm{margin-top:18px;padding-top:16px;border-top:1px solid var(--b)}
#mr-app #thm h3{margin:0 0 4px;font-size:15px;color:var(--navy)}
#mr-app .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:12px}
#mr-app button.tile{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;padding:10px 10px 12px;border-radius:14px;color:var(--t);font-weight:700;margin-bottom:3px;
 background:#fff;box-shadow:inset 0 0 0 2px #d8deea,0 3px 0 #c5cddb}
#mr-app button.tile small{font-weight:400;color:var(--m);font-size:12px;line-height:1.3}
#mr-app button.tile.on{background:#f1f6ff;box-shadow:inset 0 0 0 3px var(--navy),0 3px 0 #11264f}
#mr-app button.tile.on b:after{content:" ✔";color:var(--ok)}
#mr-app .tp{display:block;position:relative;height:80px;border-radius:9px;overflow:hidden;background:#e8ecf4}
#mr-app .tp i{position:absolute;display:block;border-radius:5px;background:#fff;box-shadow:0 1px 2px rgba(15,31,63,.28)}
#mr-app .tpA i{left:8px;right:8px;height:13px}
#mr-app .tpA i:nth-child(1){top:6px}#mr-app .tpA i:nth-child(2){top:24px}#mr-app .tpA i:nth-child(3){top:42px}#mr-app .tpA i:nth-child(4){top:60px}
#mr-app .tpB{background:#e9eef7}
#mr-app .tpB i:nth-child(1){left:6px;top:6px;width:34%;height:22px}#mr-app .tpB i:nth-child(2){left:6px;top:32px;width:34%;height:20px}
#mr-app .tpB i:nth-child(3){left:6px;top:56px;width:34%;height:18px}#mr-app .tpB i:nth-child(4){left:42%;right:6px;top:6px;bottom:6px}
#mr-app .tpC{background:#f2f5fa}
#mr-app .tpC:before{content:"";position:absolute;left:17px;top:4px;bottom:4px;width:2px;background:#b4b4b4}
#mr-app .tpC i:nth-child(odd){left:8px;width:18px;height:18px;border-radius:50%;background:#204077;box-shadow:0 0 0 3px #f2f5fa}
#mr-app .tpC i:nth-child(even){left:34px;right:8px;height:22px}
#mr-app .tpC i:nth-child(1){top:6px}#mr-app .tpC i:nth-child(2){top:4px}#mr-app .tpC i:nth-child(3){top:44px}#mr-app .tpC i:nth-child(4){top:42px}
#mr-app .tpD{background:#0d1628}
#mr-app .tpD i{background:#1a2c52;box-shadow:inset 0 0 0 1px #2e4a82}
#mr-app .tpD i:nth-child(1){left:6px;top:6px;width:30%;height:26px}#mr-app .tpD i:nth-child(2){left:40%;width:22%;top:6px;height:26px}
#mr-app .tpD i:nth-child(3){left:6px;right:36%;top:38px;bottom:6px}#mr-app .tpD i:nth-child(4){right:6px;width:28%;top:6px;bottom:6px;background:#1f4380}

/* ======================================================================
   TEMA „Dispečerio skydelis“ – šviesi, plokščia; valdymas kairėje, rezultatai dešinėje
   (pagal dispečerių įrankių modelį: šoninis skydelis + pagrindinis darbo plotas)
   ====================================================================== */
#mr-app[data-theme=dispecer]{max-width:1320px;padding:18px;border-radius:18px;background:#e9edf4;box-shadow:inset 0 0 0 1px rgba(15,31,63,.07);--sh:0 1px 2px rgba(15,31,63,.07)}
#mr-app[data-theme=dispecer] .mr-3d,#mr-app[data-theme=dispecer] .mr-road{display:none}
#mr-app[data-theme=dispecer] .mr-hero{border-radius:14px;background:#fff;border:1px solid #d3dae7;border-bottom:3px solid var(--navy);box-shadow:none}
#mr-app[data-theme=dispecer] .mr-hero-in{min-height:0;padding:12px 20px}
#mr-app[data-theme=dispecer] .mr-logo{height:36px;filter:none}
#mr-app[data-theme=dispecer] .mr-hero h1{font-size:19px}
#mr-app[data-theme=dispecer] #admin.two{grid-template-columns:410px minmax(0,1fr)}
#mr-app[data-theme=dispecer] .colw.cl{background:#d9e1ef;border-radius:16px;padding:12px;gap:12px}
#mr-app[data-theme=dispecer] .card{border-radius:12px;background:#fff;border:1px solid #d6dde9;box-shadow:0 1px 2px rgba(15,31,63,.06);padding:16px}
#mr-app[data-theme=dispecer] .card:before{display:none}
#mr-app[data-theme=dispecer] .card:hover{transform:none;box-shadow:0 2px 8px rgba(15,31,63,.1)}
#mr-app[data-theme=dispecer] h2{font-size:15px}
#mr-app[data-theme=dispecer] h2 .num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px}
#mr-app[data-theme=dispecer] h2 .num:after{content:none}
#mr-app[data-theme=dispecer] input,#mr-app[data-theme=dispecer] select{box-shadow:none;border-radius:8px}
#mr-app[data-theme=dispecer] button{border-radius:9px;padding:8px 14px;background:var(--navy);box-shadow:0 1px 0 #11264f;margin-bottom:0}
#mr-app[data-theme=dispecer] button:hover{filter:brightness(1.14)}
#mr-app[data-theme=dispecer] button:active{transform:none;box-shadow:none;filter:brightness(.9)}
#mr-app[data-theme=dispecer] button.s{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px #b6c2d9}
#mr-app[data-theme=dispecer] button.s:hover{background:#eef3fb;filter:none}
#mr-app[data-theme=dispecer] .colw.cl .row>label{flex:1 1 100%}
#mr-app[data-theme=dispecer] .colw.cl input:not([type=checkbox]):not([type=radio]):not([type=file]),#mr-app[data-theme=dispecer] .colw.cl select{width:100%}
#mr-app[data-theme=dispecer] .colw.cl .row>button{flex:1 1 auto}
#mr-app[data-theme=dispecer] button.cd{border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #d8deea;min-height:56px}
#mr-app[data-theme=dispecer] button.cd.has{background:#e6eefc;box-shadow:inset 0 0 0 1px #8fa9dc}
#mr-app[data-theme=dispecer] button.cd.tod{box-shadow:inset 0 0 0 2px var(--navy)}
#mr-app[data-theme=dispecer] .colw.cl button.cd small{display:none}
#mr-app[data-theme=dispecer] button.cd:active{transform:none}
#mr-app[data-theme=dispecer] .rsum span,#mr-app[data-theme=dispecer] .chip{box-shadow:inset 0 0 0 1px #d6dde9;background:#fff}
#mr-app[data-theme=dispecer] .rc{border-radius:12px;box-shadow:0 1px 2px rgba(15,31,63,.08);background:#fff}
#mr-app[data-theme=dispecer] th{background:#eaeff8}
#mr-app[data-theme=dispecer] button.tile{box-shadow:inset 0 0 0 2px #d6dde9;margin-bottom:0}
#mr-app[data-theme=dispecer] button.tile.on{box-shadow:inset 0 0 0 3px var(--navy)}

/* ======================================================================
   TEMA „Žingsniai“ – vienas stulpelis, dideli numeruoti žingsniai (vedamas pildymas)
   (pagal pirmojo paleidimo seką: vairuotojai → importas → planavimas)
   ====================================================================== */
#mr-app[data-theme=zingsniai]{max-width:920px;background:#f2f5fa;box-shadow:inset 0 0 0 1px rgba(15,31,63,.06);--sh:0 8px 28px -12px rgba(15,31,63,.28)}
#mr-app[data-theme=zingsniai] .mr-3d{display:none}
#mr-app[data-theme=zingsniai] .mr-hero-in{flex-direction:column;justify-content:center;text-align:center;gap:10px;padding:22px 20px 18px}
#mr-app[data-theme=zingsniai] .mr-ht{border-left:0;padding-left:0}
#mr-app[data-theme=zingsniai] .mr-road{height:40px}
#mr-app[data-theme=zingsniai] #admin{position:relative;padding-left:80px;gap:28px}
#mr-app[data-theme=zingsniai] #admin:before{content:"";position:absolute;left:28px;top:24px;bottom:24px;width:4px;border-radius:2px;background:repeating-linear-gradient(180deg,#b4b4b4 0 10px,transparent 10px 18px)}
#mr-app[data-theme=zingsniai] .card{border-radius:24px;padding:26px 26px 22px;background:#fff;border:0;box-shadow:var(--sh)}
#mr-app[data-theme=zingsniai] .card:before{display:none}
#mr-app[data-theme=zingsniai] .card:hover{transform:none}
#mr-app[data-theme=zingsniai] h2{font-size:21px;margin-bottom:16px}
#mr-app[data-theme=zingsniai] h2 .num{position:absolute;left:-80px;top:14px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;color:#fff;
 background:linear-gradient(180deg,#3a62ab,#204077);box-shadow:0 0 0 8px #f2f5fa,0 10px 16px -4px rgba(15,31,63,.5)}
#mr-app[data-theme=zingsniai] h2 .num:after{content:none}
#mr-app[data-theme=zingsniai] #admin>.card:not(#c-day):not(#c-set):not(#c-asg):not(#c-cli):after,#mr-app[data-theme=zingsniai] #out>.card:after{content:"";position:absolute;left:-60px;top:34px;width:14px;height:14px;border-radius:50%;background:#b4b4b4;box-shadow:0 0 0 6px #f2f5fa}
#mr-app[data-theme=zingsniai] input,#mr-app[data-theme=zingsniai] select{padding:12px 14px;font-size:16px;border-radius:12px}
#mr-app[data-theme=zingsniai] input[type=checkbox],#mr-app[data-theme=zingsniai] input[type=radio]{width:20px;height:20px;padding:0}
#mr-app[data-theme=zingsniai] button{padding:12px 20px;font-size:15px}
#mr-app[data-theme=zingsniai] #opt{font-size:17px;padding:15px 30px;background:linear-gradient(180deg,#34c987,#17995f 58%,#128150);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 4px 0 #0b5a37,0 14px 20px -8px rgba(18,129,80,.65)}
#mr-app[data-theme=zingsniai] #opt:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 #0b5a37}
#mr-app[data-theme=zingsniai] #add{background:linear-gradient(180deg,#34589f,#204077 55%,#1a3567)}
#mr-app[data-theme=zingsniai] button.cd{padding:10px}
@media(max-width:640px){
 #mr-app[data-theme=zingsniai] #admin{padding-left:60px}
 #mr-app[data-theme=zingsniai] #admin:before{left:20px}
 #mr-app[data-theme=zingsniai] h2 .num{left:-60px;width:44px;height:44px;font-size:19px;box-shadow:0 0 0 6px #f2f5fa,0 8px 12px -4px rgba(15,31,63,.5)}
 #mr-app[data-theme=zingsniai] #admin>.card:not(#c-day):not(#c-set):not(#c-asg):not(#c-cli):after,#mr-app[data-theme=zingsniai] #out>.card:after{left:-47px}
 #mr-app[data-theme=zingsniai] .card{padding:18px 16px}
}

/* ======================================================================
   TEMA „Valdymo centras“ – tamsi; pagrindinis darbo plotas + šoninė juosta
   (tamsi sąsaja geriau išryškina žemėlapį ir maršrutų linijas)
   ====================================================================== */
#mr-app[data-theme=centras]{color-scheme:dark;max-width:1360px;color:#e5ecf8;
 --navy:#8fb8ff;--t:#e5ecf8;--m:#94a6c4;--b:#27385a;--ok:#34d399;--bad:#ff6b6b;--sh:0 1px 0 rgba(255,255,255,.04) inset,0 12px 26px -14px rgba(0,0,0,.8);
 background:radial-gradient(900px 420px at 8% -12%,#17294f 0,transparent 62%),#0a1120;box-shadow:0 34px 60px -34px #000,inset 0 0 0 1px #1c2a47}
#mr-app[data-theme=centras] .mr-hero{background:linear-gradient(135deg,#13234a,#0d172b);border:1px solid #22345a;box-shadow:0 18px 36px -18px #000}
#mr-app[data-theme=centras] .mr-logo{background:#fff;padding:7px 14px;border-radius:12px;height:52px;filter:none}
#mr-app[data-theme=centras] .mr-ht{border-left-color:#35507f}
#mr-app[data-theme=centras] .mr-hero p{color:#94a6c4}
#mr-app[data-theme=centras] #admin.two{grid-template-columns:minmax(0,1fr) 370px}
#mr-app[data-theme=centras] .colw.cl{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:18px}
#mr-app[data-theme=centras] .colw.cl>*{grid-column:1/-1;min-width:0}
#mr-app[data-theme=centras] .colw.cl>#c-day,#mr-app[data-theme=centras] .colw.cl>#c-set{grid-column:auto}
#mr-app[data-theme=centras] .colw.cr button.cd small{display:none}
#mr-app[data-theme=centras] .colw.cr button.cd{min-height:42px;padding:5px 7px}
#mr-app[data-theme=centras] .colw.cr #cal{gap:5px}
#mr-app[data-theme=centras] .card{background:linear-gradient(180deg,#14203a,#0f192f);border:1px solid #22345a;color:#e5ecf8}
#mr-app[data-theme=centras] .card:before{background:linear-gradient(90deg,#4f8dff,#38bdf8 60%,transparent)}
#mr-app[data-theme=centras] .card:hover{box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 32px -14px #000}
#mr-app[data-theme=centras] a{color:#8fb8ff}
#mr-app[data-theme=centras] input,#mr-app[data-theme=centras] select{background:#0b1325;color:#e5ecf8;border-color:#2b3f66;box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}
#mr-app[data-theme=centras] input::placeholder{color:#6f84a8}
#mr-app[data-theme=centras] input[type=file]{background:#0b1325}
#mr-app[data-theme=centras] option{background:#0b1325;color:#e5ecf8}
#mr-app[data-theme=centras] input:focus,#mr-app[data-theme=centras] select:focus{border-color:#4f8dff;box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 0 3px rgba(79,141,255,.3)}
#mr-app[data-theme=centras] button{background:linear-gradient(180deg,#4a90ff,#2563eb 52%,#1d4ed8);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 #16337a,0 10px 16px -6px rgba(0,0,0,.7)}
#mr-app[data-theme=centras] button:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 #16337a}
#mr-app[data-theme=centras] button.s{background:linear-gradient(180deg,#1c2c4e,#15223d);color:#cfe0ff;box-shadow:inset 0 0 0 1px #34507f,0 3px 0 #08101f,0 10px 16px -8px rgba(0,0,0,.7)}
#mr-app[data-theme=centras] button.s:active{box-shadow:inset 0 0 0 1px #34507f,0 0 0 #08101f}
#mr-app[data-theme=centras] th{background:#1a2a4b;color:#9fc0ff}
#mr-app[data-theme=centras] td{border-bottom-color:#1e2d4c;color:#e5ecf8}
#mr-app[data-theme=centras] tr:hover td{background:#16233f}
#mr-app[data-theme=centras] button.cd{background:linear-gradient(180deg,#192a4c,#132039);color:#e5ecf8;box-shadow:inset 0 0 0 1px #28406b,0 3px 0 #08101f,0 12px 14px -10px #000}
#mr-app[data-theme=centras] button.cd:hover{background:linear-gradient(180deg,#20365f,#17294a)}
#mr-app[data-theme=centras] button.cd b{color:#bcd6ff}
#mr-app[data-theme=centras] button.cd small{color:#9db3d6}
#mr-app[data-theme=centras] button.cd small.dl{color:#d3e4ff}
#mr-app[data-theme=centras] button.cd.has{background:linear-gradient(180deg,#21488a,#193463);box-shadow:inset 0 0 0 1px #5b8fe6,0 3px 0 #0b1b3d,0 12px 14px -10px #000}
#mr-app[data-theme=centras] button.cd.tod{box-shadow:inset 0 0 0 2px #38bdf8,0 3px 0 #08101f}
#mr-app[data-theme=centras] .cc{accent-color:#ff6b6b}
#mr-app[data-theme=centras] .rsum span{background:linear-gradient(180deg,#192a4c,#132039);color:#bcd6ff;box-shadow:inset 0 0 0 1px #28406b,0 3px 0 #08101f}
#mr-app[data-theme=centras] .rsum span.ok{color:#34d399}#mr-app[data-theme=centras] .rsum span.bad{color:#ff6b6b}
#mr-app[data-theme=centras] .rc{background:linear-gradient(180deg,#14203a,#101a31);box-shadow:var(--sh);color:#e5ecf8}
#mr-app[data-theme=centras] .rbar{background:#0b1325;box-shadow:inset 0 2px 3px rgba(0,0,0,.6)}
#mr-app[data-theme=centras] .chip{background:linear-gradient(180deg,#1c2c4e,#15223d);color:#e5ecf8;box-shadow:inset 0 0 0 1px #2b4170,0 2px 0 #08101f}
#mr-app[data-theme=centras] .sug{background:#101a31;color:#e5ecf8;box-shadow:0 18px 34px -10px #000,inset 0 0 0 1px #2b4170}
#mr-app[data-theme=centras] .sug div{color:#e5ecf8;border-bottom-color:#1d2c4c}
#mr-app[data-theme=centras] .sug div.on,#mr-app[data-theme=centras] .sug div:hover{background:#1a2f58}
#mr-app[data-theme=centras] .sug mark{background:#7a5d00;color:#fff}
#mr-app[data-theme=centras] .warn{background:linear-gradient(180deg,#3a1620,#2b1019);color:#ffc9c9;box-shadow:inset 0 0 0 1px #7a2a35}
#mr-app[data-theme=centras] [style*="background:#fff"]{background:#14203a!important;color:#e5ecf8!important}
#mr-app[data-theme=centras] #ov,#mr-app[data-theme=centras] #nm,#mr-app[data-theme=centras] #cm,#mr-app[data-theme=centras] #rv{background-color:rgba(3,8,18,.78)!important}
#mr-app[data-theme=centras] .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.92)}
#mr-app[data-theme=centras] #map,#mr-app[data-theme=centras] #rmap{box-shadow:inset 0 0 0 1px #2b4170}
#mr-app[data-theme=centras] hr,#mr-app[data-theme=centras] #thm{border-color:#27385a}
#mr-app[data-theme=centras] button.tile{background:#14203a;color:#e5ecf8;box-shadow:inset 0 0 0 2px #2b4170,0 3px 0 #08101f}
#mr-app[data-theme=centras] button.tile.on{background:#17305e;box-shadow:inset 0 0 0 3px #4f8dff,0 3px 0 #08101f}
#mr-app[data-theme=centras] button.tile small{color:#94a6c4}
#mr-app[data-theme=centras] #lShow{color:#94a6c4}

/* ===== pataisymai ===== */
#mr-app #cal{grid-template-columns:repeat(7,minmax(0,1fr))}
#mr-app .cw{min-width:0}#mr-app button.cd{min-width:0}
#mr-app .colw button.cd{min-height:44px;padding:5px 7px}
#mr-app .colw button.cd small{display:none}
#mr-app .colw #cal{gap:5px}
#mr-app .colw .cc{top:auto;bottom:4px;right:4px;width:14px;height:14px}
#mr-app[data-theme=dispecer] button.tile{background:#fff;color:var(--t);padding:10px 10px 12px;margin-bottom:0}
#mr-app[data-theme=dispecer] button.tile.on{background:#f1f6ff}
#mr-app[data-theme=zingsniai] .mr-hero-in{min-height:0}
#mr-app[data-theme=zingsniai] button.tile{padding:10px 10px 12px}
@media(max-width:640px){#mr-app[data-theme=dispecer],#mr-app[data-theme=centras]{padding:10px}}

#mr-app[data-theme=zingsniai] .mr-ht{flex:0 0 auto}
@media(max-width:980px){
 #mr-app[data-theme] #admin.two{grid-template-columns:minmax(0,1fr)}
 #mr-app[data-theme=centras] .colw.cl{grid-template-columns:minmax(0,1fr)}
 #mr-app[data-theme=centras] .colw.cl>#c-day,#mr-app[data-theme=centras] .colw.cl>#c-set{grid-column:1/-1}
 #mr-app[data-theme=dispecer] .colw.cl{position:static}
}

#mr-app input:not([type=checkbox]):not([type=radio]),#mr-app select{max-width:100%}
#mr-app .row>label{min-width:0;max-width:100%}
#mr-app input[size]{min-width:0}

@media(max-width:900px){#mr-app .mr-3d{display:none}}

/* ===== v2.3: nauji elementai ===== */
#mr-app .aa{margin-top:12px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#f2f6ff,#e8eefb);box-shadow:inset 0 0 0 1px #c5d3ee}
#mr-app .aaDrv{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0}
#mr-app label.chk{flex-direction:row;align-items:center;gap:6px;font-weight:500;color:var(--t);letter-spacing:0;font-size:13px}
#mr-app .prog{font-weight:700;color:var(--ok)}
#mr-app .chip.done{background:linear-gradient(180deg,#eaf8ef,#d9f0e1)}
#mr-app .chip i.late{color:var(--bad);font-style:normal;font-weight:700}
#mr-app .chip i.ontime{color:var(--ok);font-style:normal;font-weight:700}
#mr-app .wn{color:#c77700;cursor:help}
#mr-app td.dh{cursor:grab;color:var(--m);width:24px;text-align:center;user-select:none}
#mr-app tr.dg{opacity:.45}
#mr-app tr[draggable=true]:hover td{background:#f0f5ff}
#mr-app select.mv{max-width:170px;font-size:13px;padding:5px 8px}
#mr-app tr.gf td{background:#fff1f1}
#mr-app .rbar.vb{height:6px;margin-top:-4px}
#mr-app tr.tot td{background:#eef2f9;border-top:2px solid var(--navy)}
#mr-app #mob h3{margin:16px 0 4px;font-size:15px;color:var(--navy)}
#mr-app .cd small.prog{color:var(--ok);font-weight:700}
#mr-app #geobox label{flex:1 1 220px}
#mr-app[data-theme=centras] .aa{background:linear-gradient(180deg,#14233f,#101b33);box-shadow:inset 0 0 0 1px #2b4170}
#mr-app[data-theme=centras] .chip.done{background:linear-gradient(180deg,#143a2a,#10301f)}
#mr-app[data-theme=centras] tr.gf td{background:#3a1620}
#mr-app[data-theme=centras] tr.tot td{background:#1a2a4b}
#mr-app[data-theme=centras] tr[draggable=true]:hover td{background:#16233f}
#mr-app[data-theme=centras] .wn{color:#ffb454}
#mr-app[data-theme=dispecer] .aa{background:#eef3fb}
@media(max-width:640px){#mr-app select.mv{max-width:120px}}

/* ===== vairuotojo puslapis: kitas klientas ===== */
#mr-app .pgb{height:12px;border-radius:99px;background:#dfe5f0;overflow:hidden;box-shadow:inset 0 2px 3px rgba(15,31,63,.18);margin:6px 0}
#mr-app .pgb i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2ea36a,#15803d);box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
#mr-app .pgt{margin:2px 0 0;color:var(--m)}
#mr-app .card.nx{border:0;box-shadow:0 2px 3px rgba(15,31,63,.12),0 22px 36px -16px rgba(32,64,119,.6),inset 0 0 0 2px var(--navy)}
#mr-app .card.nx.fin{box-shadow:0 18px 30px -14px rgba(21,128,61,.55),inset 0 0 0 2px #15803d}
#mr-app .nxh{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--m)}
#mr-app .nxn{font-size:24px;font-weight:800;line-height:1.2;margin:6px 0 2px;color:var(--navy)}
#mr-app .nxa{font-size:17px;margin-bottom:6px}
#mr-app .nxm,#mr-app .nxt{margin:4px 0;color:var(--t)}
#mr-app .nxw{margin:4px 0;color:#a15c00;font-weight:700}
#mr-app .nxb{margin-top:12px}
#mr-app .nxb button{padding:13px 18px;font-size:16px}
#mr-app button.okb{background:linear-gradient(180deg,#34c987,#17995f 58%,#128150);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 3px 0 #0b5a37,0 12px 18px -8px rgba(18,129,80,.6)}
#mr-app tr.dn td{opacity:.55;text-decoration:line-through}
#mr-app tr.dn td:last-child{opacity:1;text-decoration:none}
#mr-app tr.cur td{background:#eef4ff}
#mr-app[data-theme=centras] .pgb{background:#0b1325}
#mr-app[data-theme=centras] .card.nx{box-shadow:0 22px 36px -16px #000,inset 0 0 0 2px #4f8dff}
#mr-app[data-theme=centras] .nxw{color:#ffb454}
#mr-app[data-theme=centras] tr.cur td{background:#16233f}
@media(max-width:640px){#mr-app .nxn{font-size:21px}#mr-app .nxb button{flex:1 1 100%}}

/* ===== v2.4: pradžios vieta, darbo laikas, pirmas/paskutinis klientas ===== */
#mr-app .fxr{margin:6px 0 10px}
#mr-app .fxr label{flex:1 1 240px}
#mr-app #dChk{color:var(--navy);font-weight:700}
#mr-app #dmap{box-shadow:inset 0 0 0 1px var(--b)}
#mr-app[data-theme=centras] #dChk{color:#8fb8ff}