/* Shtesat e panelit të vërtetë mbi stilet e prototipit. */
.qr svg{display:block;width:100%;height:auto;background:#fff;border-radius:6px}
.qr{height:auto}
button[disabled]{opacity:.55;cursor:not-allowed}
.work .tablewrap td .linkbtn{white-space:nowrap}
.kv{margin:0}
a.btn{text-decoration:none;display:inline-flex;align-items:center}
.kv a{color:var(--ink)}
.mfa-setup>div{min-width:0}
.mfa-setup .secret{word-break:break-all}
td select{font:inherit;font-size:13.5px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.tablewrap a:not(.btn){color:var(--ink)}
td input:not([type=checkbox]){font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
/* Hapat e kryer përdorin klasën .done, që te stilet është edhe faqja e konfirmimit: rikthehet pamja e hapit. */
.steps li.done{display:flex;place-items:initial;text-align:left;padding:0 10px 0 0;margin:0;max-width:none;width:auto;gap:8px;justify-items:initial;background:none;border:0;box-shadow:none}
/* Printimi (fatura, kontrata): një fletë e bardhë mbi panel; në printer del vetëm ajo. */
#print{position:fixed;inset:0;z-index:80;background:#fff;color:#111;overflow:auto;color-scheme:light}
#print .muted{color:#555}
.print-bar{position:sticky;top:0;display:flex;gap:8px;padding:12px 16px;background:#f3f4f6;border-bottom:1px solid #ddd}
.sheet{max-width:780px;margin:24px auto 40px;padding:0 20px;font-size:14px;line-height:1.5}
.sheet h1{font-size:26px}.sheet h3{font-size:15px;margin:18px 0 6px}
.ptable{width:100%;border-collapse:collapse;margin-top:8px}.ptable td,.ptable th{border-bottom:1px solid #ddd;padding:6px 4px;text-align:left}.ptable .r{text-align:right}
.sheet .ptable td,.sheet .ptable th{white-space:normal}.sheet .ptable .r{white-space:nowrap}
@media (max-width:520px){.sheet{padding:0 12px}.sheet .ptable td,.sheet .ptable th{padding:6px 3px;font-size:13px}}
@media print{body.printing>*:not(#print){display:none!important}#print{position:static;overflow:visible}.print-bar{display:none}.sheet{margin:0;max-width:none;padding:0}}

/* GPS: harta */
.gmap{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#e8eef3;border:1px solid var(--line);user-select:none;touch-action:none;cursor:grab}
.gmap.dragging{cursor:grabbing}
.glayer{position:absolute;inset:0}
.gmap img{max-width:none;pointer-events:none}
.gpin{cursor:pointer;font-family:inherit;line-height:1;position:absolute;transform:translate(-50%,-100%);margin-top:-4px;background:var(--ok,#16a34a);color:#fff;font:700 11px/1 var(--mono,monospace);padding:5px 7px;border-radius:8px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);white-space:nowrap}
.gpin::after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}
.gpin.t-park{background:#1e3a8a}.gpin.t-bad{background:var(--bad,#dc2626)}.gpin.t-idle{background:#64748b}
.gattr{position:absolute;right:6px;bottom:4px;font-size:11px;background:rgba(255,255,255,.85);padding:1px 6px;border-radius:6px;color:#333}
.glegend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted,#64748b);margin:8px 2px 14px}
.glegend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--ok,#16a34a)}
.glegend i.t-park{background:#1e3a8a}.glegend i.t-idle{background:#64748b}.glegend i.t-bad{background:var(--bad,#dc2626)}
.gctl{position:absolute;top:10px;right:10px;display:grid;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.25);overflow:hidden;z-index:2}
.gctl button{width:40px;height:40px;border:0;background:#fff;color:#111;font:600 22px/1 system-ui,sans-serif;cursor:pointer;padding:0}
.gctl button+button{border-top:1px solid #e2e8f0}.gctl button:hover:not(:disabled){background:#f1f5f9}.gctl button:disabled{color:#cbd5e1;cursor:default}
.gctl .fit{font-size:18px}

/* Telefoni: shiriti sipër dhe menyja vertikale */
.mbar{display:none}
@media (max-width:900px){
  .mbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);
    padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px 14px;min-height:60px}
  .mbar .mono{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--brand);color:var(--on-brand,#111);font-weight:800;font-size:13px;flex:none}
  .mbar .mt{display:grid;min-width:0;flex:1;line-height:1.2}
  .mbar .mt small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mbar .mt b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:15px;cursor:pointer;flex:none}
  .mbtn .badge{margin-left:2px}
  .panel .side{display:none}
  .panel.menu-open .side{display:flex;flex-direction:column;gap:14px;position:fixed;z-index:39;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top,0px) + 60px);
    overflow-y:auto;overscroll-behavior:contain;background:var(--bg);padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 20px);border:0}
  .panel.menu-open .side>.brandmark{display:none}
  .panel.menu-open .snav{display:grid;gap:4px;position:static;overflow:visible;padding:0;border:0;background:none}
  .panel.menu-open .snav button{min-height:50px;font-size:16.5px;padding:12px 14px;white-space:normal;border-radius:10px}
  .panel.menu-open .snav button[aria-current="page"]{box-shadow:inset 4px 0 0 var(--brand),var(--shadow)}
  .panel.menu-open .who-box{display:flex;order:0;padding:4px 4px 10px;border-top:0;border-bottom:1px solid var(--line)}
  .panel.menu-open .who-box small{display:block}
  .panel.menu-open .who-box .btn{min-height:44px;padding:0 18px}
  body.noscroll{overflow:hidden}
}
@media (min-width:901px){body.noscroll{overflow:auto}}

/* Telefoni: tabelat si karta */
@media (max-width:640px){
  .work .tablewrap,.drawer .tablewrap{overflow:visible}
  .work .tablewrap table,.drawer .tablewrap table,.work .tablewrap tbody,.drawer .tablewrap tbody{display:block;width:100%;min-width:0}
  .work .tablewrap thead,.drawer .tablewrap thead{display:none}
  .work .tablewrap tbody tr,.drawer .tablewrap tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .work .tablewrap tbody tr:last-child,.drawer .tablewrap tbody tr:last-child{border-bottom:0}
  .work .tablewrap td,.drawer .tablewrap td{display:block;padding:0;border:0;white-space:normal!important;text-align:left!important;min-width:0;overflow-wrap:anywhere}
  .work .tablewrap td:first-child,.drawer .tablewrap td:first-child,.work .tablewrap td[colspan],.drawer .tablewrap td[colspan],.work .tablewrap td:not([data-label]),.drawer .tablewrap td:not([data-label]){grid-column:1/-1}
  .work .tablewrap td[data-label]:not(:first-child)::before,.drawer .tablewrap td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
  .work .tablewrap td:empty,.drawer .tablewrap td:empty{display:none}
  .work .tablewrap td input,.work .tablewrap td select{width:100%}
}
@media (max-width:640px){
  /* Tabelat me fusha (p.sh. çmimet sipas ditëve): të gjitha fushat në një rresht */
  .work form .tablewrap tbody tr{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));align-items:end;gap:6px 10px;padding:10px 12px}
  .work form .tablewrap td:first-child{grid-column:auto}
  .work form .tablewrap td[data-label]:first-child::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
  .work form .tablewrap td:not([data-label]){grid-column:auto;align-self:center}
}
@media (max-width:640px){.work .tablewrap td input,.work .tablewrap td select{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}}

/* Kalendari: dy gishta = zmadhim i kalendarit (jo i gjithë faqes) */
.cal{touch-action:pan-x pan-y}
.cal>div{transition:none}

/* Kalendari në telefon: targa e plotë në kolonën e ngushtë */
.clabel .plate{justify-self:start;max-width:100%}
@media (max-width:560px){
  .crow .clabel,.chead .clabel{width:150px;padding:6px 8px}
  .clabel b{font-size:12.5px}
  .clabel .plate{font-size:11.5px;border-width:1.25px}
  .clabel .plate i{display:none}
  .clabel .plate b{padding:3px 5px;letter-spacing:0;white-space:nowrap}
}

/* Butoni i menysë në të majtë */
@media (max-width:900px){
  .mbar{padding-left:10px}
  .mbtn{position:relative;justify-content:center;width:46px;min-width:46px;padding:0;gap:0}
  .mbtn .mi{font-size:22px;line-height:1}
  .mbtn .badge{position:absolute;top:-6px;right:-6px;margin:0}
}

/* Fotot e automjeteve */
.vphoto{display:block;margin:-14px -16px 2px;border:0;padding:0;background:var(--sunken,#eef1f5);border-radius:var(--r) var(--r) 0 0;overflow:hidden;cursor:pointer;aspect-ratio:16/9;width:calc(100% + 32px)}
.vphoto img{width:100%;height:100%;object-fit:cover;display:block}
.vphoto.empty{display:grid;place-items:center;color:var(--muted);font-weight:700;font-size:14px;border-bottom:1px dashed var(--line)}
.vphoto.empty:hover{color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.pcell{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid}
.pcell.main{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}
.pcell img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--sunken,#eef1f5)}
.pcell figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;min-height:42px;flex-wrap:wrap}
@media (max-width:560px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* WhatsApp */
.wabox{border-color:#25D36655;background:linear-gradient(0deg,#25D3660a,#25D3660a),var(--surface)}
.btn.wago{background:#25D366;color:#073b1d;border-color:#25D366}
.btn.wago:hover{background:#1fbd5a}
.wabox textarea{width:100%;resize:vertical;font-family:inherit}

/* Faqja publike: butoni i WhatsApp */
.wa-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:10px;
  background:#25D366;color:#fff;font-weight:700;font-size:15px;text-decoration:none;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.wa-fab:hover{background:#1fbd5a;color:#fff}
.wa-fab:focus-visible{outline:3px solid #0b5d2a;outline-offset:3px}
@media (max-width:560px){.wa-fab{padding:14px;gap:0}.wa-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media print{.wa-fab{display:none}}
body.printing .wa-fab{display:none}

/* Logo e kompanisë */
.brandmark .blogo{height:40px;width:auto;max-width:150px;object-fit:contain;display:block;flex:none}
.side .brandmark .blogo{max-width:110px}
.mbar .blogo{height:36px;max-width:96px;object-fit:contain;flex:none}
.site-head .brandmark .blogo{height:46px;max-width:180px}
.logoprev{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.logoprev .box{width:160px;height:80px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;background:repeating-conic-gradient(#f3f4f6 0 25%,#fff 0 50%) 0 0/16px 16px}
.logoprev .box img{max-width:150px;max-height:70px;object-fit:contain}

/* Raportet: filtrat dhe PDF-ja */
.repgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}
.box h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sheet.report{max-width:1100px}
.sheet .pkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.sheet .pk{border:1px solid #d5d9e0;border-radius:8px;padding:8px 10px;display:grid;gap:2px}
.sheet .pk span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#555}
.sheet .pk b{font-size:16px}.sheet .pk small{font-size:11px;color:#555}
.sheet .rtable{font-size:11.5px;width:100%;margin-bottom:18px}
.sheet .rtable th,.sheet .rtable td{padding:4px 6px}
.sheet h3{margin:18px 0 6px;font-size:15px}
@media (max-width:640px){.sheet .pkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet .rtable{font-size:10px}}
@media print{.sheet .rtable thead{display:table-header-group}.sheet .rtable tr{break-inside:avoid}}

.side .brandmark:has(.blogo){flex-direction:column;align-items:flex-start;gap:8px}
.side .brandmark b,.side .brandmark small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}

.repmore>summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;gap:8px;min-height:40px}
.repmore>summary::-webkit-details-marker{display:none}
.repmore>summary::after{content:"▾";color:var(--muted);transition:transform .15s}
.repmore[open]>summary::after{transform:rotate(180deg)}
.repmore[open]>summary{margin-bottom:8px}
@media (min-width:901px){.repmore>summary{display:none}}

/* Fotot e protokollit */
.hogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.hogrid.sm{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:8px}
.hogrid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.hogrid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--sunken,#eef1f5)}
.hogrid figcaption{display:flex;justify-content:space-between;gap:6px;padding:4px 7px;font-size:12px;color:var(--muted)}
.hocmp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.hocmp{grid-template-columns:1fr}}

/* Kujtesat e flotës */
.alertrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;text-align:left;border:1px solid var(--line);border-left:4px solid var(--warn);background:var(--surface);border-radius:10px;padding:8px 12px;font:inherit;color:var(--ink);cursor:pointer}
.alertrow.bad{border-left-color:var(--bad)}
.alertrow span{color:var(--muted);font-size:13.5px}
.alertrow.bad span{color:var(--bad)}
.alertline.bad{color:var(--bad)}
.snav .badge.bad{background:var(--bad);color:#fff}

/* Moduli i rezervimit brenda faqes së kompanisë */
.site-skin.embed{min-height:0}
.site-skin.embed .site{padding-bottom:24px}

.domrow{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:8px}
.domhelp{display:grid;gap:8px;font-size:13.5px;background:var(--surface-2,#f6f7f9);border-radius:8px;padding:10px 12px}
.domhelp .mono-t{word-break:break-all}
#embed-code,#embed-btn{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}

/* ---------- Cilësimet: pjesët ---------- */
.setnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 16px}
.setnav a{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none;min-width:0}
.setnav a span{font-size:12px;color:var(--muted);line-height:1.35}
.setnav a:hover{border-color:color-mix(in srgb,var(--brand) 60%,var(--line))}
.setnav a[aria-current=page]{border-color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
@media (max-width:1000px){.setnav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.setnav{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-4px;padding:0 4px 2px}.setnav a{flex:none}.setnav a span{display:none}}
.optgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.optcard{position:relative;display:block;cursor:pointer}
.optcard input{position:absolute;opacity:0;pointer-events:none}
.optcard>span{display:grid;gap:3px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.optcard small{color:var(--muted);font-size:12.5px;line-height:1.4}
.optcard input:checked+span{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent);background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.optcard input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.lay{display:block;height:46px;border-radius:6px;background:var(--sunken);position:relative;margin-bottom:4px;overflow:hidden}
.lay>i{position:absolute;display:block;border-radius:3px}
.lay-split>i:first-child{left:8%;top:22%;width:36%;height:12%;background:var(--muted);box-shadow:0 10px 0 var(--line),0 18px 0 var(--line)}
.lay-split>i:last-child{right:8%;top:16%;width:38%;height:68%;background:var(--surface);border:1px solid var(--line)}
.lay-cover{background:linear-gradient(135deg,#4a5d7a,#20293a)}
.lay-cover>i:first-child{left:10%;top:28%;width:40%;height:12%;background:#fff;opacity:.85}
.lay-cover>i:last-child{left:10%;bottom:16%;width:80%;height:22%;background:var(--surface)}
.lay-center>i:first-child{left:30%;top:18%;width:40%;height:12%;background:var(--muted)}
.lay-center>i:last-child{left:12%;bottom:16%;width:76%;height:26%;background:var(--surface);border:1px solid var(--line)}
.sedet{border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.sedet>summary{cursor:pointer;padding:12px 14px;display:flex;gap:10px;align-items:baseline;list-style:none}
.sedet>summary::-webkit-details-marker{display:none}
.sedet>summary::before{content:'▸';color:var(--muted);transition:transform .15s}
.sedet[open]>summary::before{transform:rotate(90deg)}
.sedet>summary span{margin-left:auto;font-size:12.5px}
.sebody{display:grid;gap:12px;padding:2px 14px 14px}
.sepick{display:flex;flex-wrap:wrap;gap:8px}
.sethumb{width:96px;height:64px;border-radius:8px;border:2px solid var(--line);background:var(--sunken);padding:0;overflow:hidden;cursor:pointer;display:grid;place-items:center;font-size:12px;color:var(--muted)}
.sethumb img{width:100%;height:100%;object-fit:cover;display:block}
.sethumb.on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent)}
.sethumb.add{font-size:24px;border-style:dashed}
.serow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.seord{display:flex;gap:6px}
.seord .btn{min-width:38px;padding-inline:0}
.seitem{display:grid;gap:8px;padding:10px;border:1px dashed var(--line);border-radius:8px}
.sesave{position:sticky;bottom:0;z-index:2;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;background:linear-gradient(transparent,var(--surface) 30%)}
.segal{display:grid;gap:4px;justify-items:center}
.segal img{width:120px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}

/* ---------- Faqja publike: pamjet e kreut dhe seksionet e personalizuara ---------- */
.announce{background:var(--brand);color:var(--on-brand);text-align:center;font-weight:600;font-size:14px;padding:9px 16px;line-height:1.4}
.hero-t{min-width:0}
.hero p small{display:block;margin-top:6px;font-size:14px}
.hero.has-img{position:relative;isolation:isolate;border-radius:calc(var(--r) + 6px);overflow:hidden;padding:clamp(22px,4vw,48px);margin-top:14px;
  background:linear-gradient(rgba(8,12,20,var(--ov,.45)),rgba(8,12,20,var(--ov,.45))),var(--hero-img) center/cover no-repeat}
.hero.has-img .hero-t{color:#fff}
.hero.has-img .hero-t h1 em{background:none;color:inherit;text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:.12em;text-underline-offset:.12em}
.hero.has-img .hero-t p{color:rgba(255,255,255,.88)}
.hero.has-img .search{color:var(--ink)}
.hero-cover:not(.has-img){border-radius:calc(var(--r) + 6px);padding:clamp(22px,4vw,48px);margin-top:14px;background:color-mix(in srgb,var(--brand) 14%,var(--surface))}
.hero-center{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}
.hero-center .hero-t{display:grid;justify-items:center}
.hero-center .hero-t p{margin-inline:auto}
.hero-center .perks{justify-content:center}
.hero-center:not(.has-img){padding-block:28px 8px}
.hero-center .search{width:100%;max-width:980px;text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}
.hero-center .search h2,.hero-center .search .err{grid-column:1/-1}
.hero-center .search .row2{grid-column:span 2}
@media (max-width:700px){.hero-center .search .row2{grid-column:auto}}
.hsec{margin-top:clamp(36px,6vw,64px);display:grid;gap:18px}
.hsec h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.01em}
.hlead{color:var(--muted);margin:-8px 0 0;max-width:62ch}
.hfleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.hcar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.hcar-img{aspect-ratio:16/10;background:var(--surface-2);display:grid;place-items:center}
.hcar-img{position:relative;overflow:hidden}
.hcar-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hcar-img svg{width:70%}
.hcar-b{padding:12px 14px;display:grid;gap:4px;align-content:start}
.hcar-b>.muted{font-size:13.5px}
.hcar-p{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
.hcar-p b{font-family:var(--f-display);font-size:20px}
.hfeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.hcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:8px;align-content:start}
.hcard p{margin:0;color:var(--muted);font-size:14.5px}
.hicon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:color-mix(in srgb,var(--brand) 70%,var(--ink))}
.hicon.sm{width:32px;height:32px;border-radius:9px;flex:none}
.hicon.sm svg{width:18px;height:18px}
.habout{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px}
.habout.noimg{grid-template-columns:1fr}
.habout p{color:var(--muted);font-size:16px;max-width:65ch;margin:10px 0 0}
.habout img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--r) + 4px);display:block}
.hcta{margin-top:clamp(36px,6vw,64px);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:clamp(20px,4vw,36px);border-radius:calc(var(--r) + 6px);background:var(--ink);color:var(--bg)}
.hcta h2{font-size:clamp(22px,3vw,30px)}
.hcta p{margin:6px 0 0;opacity:.8}
.hfaq{display:grid;gap:8px;max-width:820px}
.hfaq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0 16px}
.hfaq summary{cursor:pointer;font-weight:700;padding:14px 0}
.hfaq details p{margin:0 0 14px;color:var(--muted)}
.hcontact{grid-template-columns:1fr 1fr;align-items:start;gap:24px}
.hlist,.hlocs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hlist li,.hlocs li{display:flex;align-items:center;gap:10px}
.hlist a,.hlocs a{color:var(--ink);font-weight:600}
.hlocs{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
@media (max-width:800px){.habout,.hcontact{grid-template-columns:1fr}}
.site-skin.c-soft{--r:6px}
.site-skin.c-soft :is(.btn,.search,.pill,input,select,textarea,.hero.has-img,.hcta){border-radius:6px}
.site-skin.c-square{--r:0px}
.site-skin.c-square :is(.btn,.search,.pill,input,select,textarea,.hero.has-img,.hero-cover,.hcta,.hicon,.habout img,.wa-fab){border-radius:2px}
.idbox{display:grid;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface-2)}
.idbox>b i{font-style:normal;color:var(--muted);font-weight:500}
.idslots{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.idslot{display:grid;gap:6px;align-content:start;font-size:13.5px;font-weight:600}
.idfile{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--muted);min-width:0}
.idfile img{width:64px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.idfile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idslot .filebtn{justify-self:start}
@media (max-width:520px){.idslots{grid-template-columns:1fr}}
@media (max-width:560px){.hfleet{grid-template-columns:1fr 1fr;gap:10px}.hcar-b{padding:10px}.hcar-b>.muted{font-size:12px}.hcar-p{flex-direction:column;align-items:flex-start;gap:6px}.hcar-p b{font-size:17px}}

/* ---------- Kujtesat e flotës sipas llojit ---------- */
.remgrid{display:grid;gap:8px}
.remrow{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,1fr) auto;gap:10px 14px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.remrow:has(input[name=km_service]){grid-template-columns:minmax(170px,1fr) minmax(150px,1fr) 130px auto}
.remrow .remname{align-self:center}
.remrow .pills{gap:6px 12px}
.remrow.off{background:var(--surface-2)}
.remrow.off>:not(.remname){opacity:.45}
@media (max-width:900px){.remrow,.remrow:has(input[name=km_service]){grid-template-columns:1fr 1fr}.remrow .remname,.remrow>.field:last-child{grid-column:1/-1}}
@media (max-width:520px){.remrow,.remrow:has(input[name=km_service]){grid-template-columns:1fr}}
.selang{display:flex;gap:6px;flex-wrap:wrap}
.selang button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;cursor:pointer}
.selang button small{font-weight:500;color:var(--muted);font-size:12px}
.selang button[aria-selected=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface))}
.trmiss{font-style:normal;color:var(--warn,#b45309);font-weight:600;text-transform:none;letter-spacing:0}
.selang .trmiss{color:var(--warn,#b45309)}
.trsrc{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.4}

.amrow{grid-template-columns:minmax(220px,1.6fr) 130px auto}
@media (max-width:900px){.amrow{grid-template-columns:1fr 1fr}}
.msglist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.msglist li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap}
.exptable td{white-space:normal;vertical-align:middle}
.exptable td:nth-child(2){min-width:150px}
.exptable td:nth-child(4){min-width:180px}
.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:34px;height:34px;display:inline-grid;place-items:center;font-size:15px;cursor:pointer;color:var(--ink)}
.iconbtn:hover{border-color:var(--brand)}
.kpis:has(> .kpi:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.exptable .chip{white-space:normal;max-width:100%}
@media (max-width:560px){.kpis:has(> .kpi:nth-child(5)){grid-template-columns:1fr 1fr}.kpis:has(> .kpi:nth-child(5)) .kpi b{font-size:22px}}
.pendbox{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.pendrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.pendrow:last-child{border-bottom:0}
.pendrow .linkbtn{text-align:left;color:var(--ink)}
.pendrow .actions{margin-left:auto}
.stsann{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 16px;background:color-mix(in srgb,var(--info,#2563eb) 14%,var(--surface));color:var(--ink);font-size:14px;font-weight:600;border-bottom:1px solid var(--line);text-align:center}
.stsann.warn{background:color-mix(in srgb,var(--warn) 22%,var(--surface))}
.stsann .linkbtn{font-size:18px;line-height:1;color:var(--muted)}

/* ---------- Shabllonet e pamjes ---------- */
.themegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.themecard{display:grid;gap:10px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.themecard.on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent)}
.themecard .btn{justify-self:start}
.thprev{overflow:hidden;border:1px solid rgba(0,0,0,.08);height:132px;display:grid;grid-template-rows:auto 1fr}
.thbar{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px}
.thbar i{width:26px;height:8px;border-radius:4px;display:block}
.thbody{padding:10px;display:grid;gap:6px;align-content:start}
.thtitle{font-size:16px;font-weight:700;line-height:1.1}
.thline{height:5px;width:85%;opacity:.25;border-radius:3px}
.thline.s{width:60%}
.thbtn{justify-self:start;font-size:11.5px;font-weight:700;padding:5px 10px;margin-top:2px}
.thsw{display:flex;gap:5px}
.thsw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:block}
.stsann.sup{position:sticky;top:0;z-index:60;background:#7c2d12;color:#fff;border-bottom:0;font-weight:500}
.stsann.sup .btn{background:#fff;color:#7c2d12;flex:none}
/* Automjetet: karta e klikueshme → rezervimet e automjetit */
.vcard.click{cursor:pointer;transition:box-shadow .15s,border-color .15s}
.vcard.click:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 4px 14px rgba(15,23,42,.08)}
.vcard h3 .vtitle{font:inherit;color:inherit;text-decoration:none;text-align:left;padding:0}
.vcard h3 .vtitle:hover{text-decoration:underline}
/* Emri i automjetit i klikueshëm (Kalendari, GPS) */
.linkbtn.vlink{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;text-decoration:none;color:inherit;text-align:left;padding:0;font:inherit}
.linkbtn.vlink:hover b{text-decoration:underline}
.clabel .vlink{display:grid;gap:4px;justify-items:start;width:100%}
.clabel .vlink b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Ikonat ---------- */
.ico{flex:none;display:block}
.snav .nl{display:inline-flex;align-items:center;gap:10px;min-width:0}
.snav .nl .ico{opacity:.75}
.snav button[aria-current="page"] .nl .ico{opacity:1;color:var(--brand)}
.btn .ico{margin-left:-2px}
.setnav a{grid-template-columns:auto 1fr;column-gap:10px;align-items:start}
.setnav a .si{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);font-style:normal}
.setnav a[aria-current="page"] .si{background:var(--brand);color:var(--on-brand,#fff)}
@media (max-width:900px){ .snav .nl{gap:7px} }
.kpi > span{display:inline-flex;align-items:center;gap:6px}
.kpi > span .ico{color:var(--brand)}

/* ---------- Kalendari me shumë automjete ---------- */
.calfilter{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.calfilter select{width:auto;min-width:180px}
.csearch{position:relative;margin:0;flex:1 1 260px;max-width:360px}
.csearch .ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.csearch input{padding-left:34px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cal.compact{max-height:calc(100vh - 250px);min-height:320px;overflow:auto}
.cal.compact .cheadwrap{position:sticky;top:0;z-index:4;background:var(--surface);box-shadow:0 1px 0 var(--line)}
.cal.compact .cheadwrap .clabel{z-index:5}
.cal.compact .crow:not(.chead){min-height:38px}
.cal.compact .crow:not(.chead) .clabel{padding:4px 12px;display:flex;align-items:center}
.cal.compact .clabel .vlink{display:flex;align-items:baseline;gap:8px;width:100%;min-width:0;flex-wrap:nowrap}
.cal.compact .clabel .vlink b{font-size:13px;flex:0 1 auto;min-width:0}
.cplate{flex:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.cplate.none{font-family:inherit;color:var(--warn);font-weight:600}
.cal.compact .bar{top:5px;bottom:5px;font-size:11.5px}
.cal.compact .service{inset:5px 0}
.crow.cgroup{min-height:0!important;background:var(--surface-2)}
.crow.cgroup .clabel{background:var(--surface-2);padding:5px 12px!important;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.crow.cgroup .clabel small{font-weight:600;margin-left:4px}
@media (max-width:760px){ .cal.compact{max-height:none} .csearch{max-width:none} }
.cal.compact .clabel{width:var(--lw,240px)}

/* ---------- Automjetet: lista ---------- */
.vlist tbody tr.vrow{cursor:pointer}
.vlist tbody tr.vrow:hover td{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
.vlist td{vertical-align:middle}
.vwarn{font-size:12.5px;font-weight:600;color:var(--warn);white-space:nowrap}
.vwarn.bad{color:var(--bad)}
.rowmenu{position:relative;display:inline-block}
.rowmenu summary{list-style:none;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:800;font-size:18px;line-height:1;color:var(--muted)}
.rowmenu summary::-webkit-details-marker{display:none}
.rowmenu[open] summary,.rowmenu summary:hover{color:var(--ink);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.rowmenu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.14);padding:6px;display:grid;gap:2px;text-align:left}
.rowmenu-list button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:9px 10px;border-radius:7px;font-weight:600;font-size:14px;color:var(--ink);text-align:left;white-space:nowrap}
.rowmenu-list button:hover{background:var(--surface-2)}
.rowmenu-list button.danger{color:var(--bad)}
.rowmenu-list button .ico{color:var(--muted)}
.rowmenu-list button.danger .ico{color:var(--bad)}
.vlist .tablewrap,.tablewrap.vlist{overflow:visible}
/* Tablet: tabela e flotës nuk e shtyn faqen jashtë ekranit (rrëshqitet brenda kutisë); menyja e dy rreshtave të fundit hapet lart */
@media (min-width:641px) and (max-width:1180px){.vlist .tablewrap,.tablewrap.vlist{overflow-x:auto}.vlist tbody tr:nth-last-child(-n+2) .rowmenu-list{top:auto;bottom:calc(100% + 4px)}}
@media (max-width:760px){ .vwarn{white-space:normal} }
@media (max-width:760px){ .rowmenu-list{left:0;right:auto} }
/* Kalendari në telefon: emri lart, targa poshtë, në kolonë të ngushtë */
@media (max-width:759px){
  .cal.compact .crow:not(.chead):not(.cgroup) .clabel{padding:3px 8px}
  .cal.compact .clabel .vlink{display:grid;gap:0;align-items:start}
  .cal.compact .clabel .vlink b{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cal.compact .cplate{font-size:10.5px;line-height:1.2}
  .cal.compact .chead .clabel{font-size:10.5px;padding:6px 8px;letter-spacing:.04em}
  .cal.compact .bar{font-size:11px;padding:0 5px}
  .crow.cgroup .clabel{padding:4px 8px!important;font-size:10.5px}
  .calfilter .check span{font-size:13.5px}
  .calbar .actions{width:100%}
}
@media (max-width:759px){
  .calbar{gap:8px}
  .calbar .pills{gap:6px;flex-wrap:nowrap;overflow-x:auto;width:100%}
  .calbar .pill{padding:6px 11px;font-size:13px;white-space:nowrap}
  .calbar .actions{flex-wrap:nowrap;gap:6px;margin:0}
  .calbar .actions .btn{padding:7px 10px;font-size:13px}
  .calbar .actions .field > span{display:none}
  .calbar .actions input[type=date]{width:auto;min-width:0;padding:6px 8px;font-size:13px}
  .calfilter{gap:8px}
  .calfilter .csearch{flex-basis:100%}
  .calfilter > .field{flex:1 1 140px}
  .calfilter select{min-width:0;width:100%}
  .calfilter .check{flex:1 1 100%}
  .calfilter > .muted{display:none}
}
@media (max-width:759px){ .calfilter > .field.csearch{flex:1 1 100%;max-width:none} }
/* Pagesa: rrethi i zgjedhjes në madhësinë e vet, teksti në gjithë gjerësinë (telefoni) */
.payopt input[type=radio]{width:18px;height:18px;min-width:18px;flex:none;padding:0;margin:3px 0 0}
.payopt > div{flex:1;min-width:0;overflow-wrap:anywhere}
.reviewbox{display:grid;gap:6px;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--surface-2)}
/* Gjobat e trafikut */
.finelook{font-size:13.5px;padding:10px 12px;border-radius:9px;background:var(--surface-2);border:1px dashed var(--line);color:var(--muted)}
.finelook.ok{background:color-mix(in srgb,var(--ok) 10%,var(--surface));border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ink)}
.finelook.none{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--ink)}
.finefee{display:flex;gap:8px;align-items:end;margin-left:auto}
.finefee input{width:110px}
.pill .badge{margin-left:4px}
@media (max-width:759px){ .finefee{margin-left:0} }
.expswitch .pill{display:inline-flex;align-items:center;gap:6px}
.docexp{display:grid;gap:8px;margin-top:10px}
.docbox{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}

/* Zënia e flotës (30 ditë) */
.occbar{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));grid-template-rows:56px;gap:3px;align-items:end;padding-bottom:4px;border-bottom:1px solid var(--line)}
.occbar span{display:block;height:var(--h);min-height:3px;border-radius:3px 3px 1px 1px;background:var(--brand);opacity:.55}
.occbar span.hot,.occbar span.full{opacity:1}
.occbar span.hot{background:var(--warn)}
.occbar span.full{background:var(--bad)}
/* Kërkesat kur makina është e zënë */
.reqlist{display:grid;gap:10px}
.reqcard{display:grid;gap:8px}
.reqcard.past{opacity:.6}
.reqcard .actions .btn{min-height:36px}

/* Zgjedhja e gjuhës te hyrja */
.langbar{display:flex;justify-content:flex-end;padding:12px 16px 0}

/* Rezervim i ri: kërkimi i klientit ekzistues */
.nbcres{display:grid;gap:4px;margin-top:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.nbcres .linkbtn{text-align:left;font-size:13.5px;padding:4px 0}

/* ---------------------------------------------------------------- Sfondi i faqes së rezervimeve (shabllonet)
   Shtresë dekorative pas përmbajtjes; ngjyrat rrjedhin nga ngjyra e kompanisë (--brand), sfondi (--bg) dhe teksti (--ink). */
.site-skin{position:relative;isolation:isolate}
.site-skin[class*=" bd-"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat}
.site-skin.bd-gradient::before{background:
  linear-gradient(165deg,color-mix(in srgb,var(--brand) 16%,var(--bg)) 0%,var(--bg) 42%) top/100% 1100px no-repeat,
  radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%) top/100% 1100px no-repeat}
.site-skin.bd-mesh::before{background:
  radial-gradient(600px 380px at 8% 2%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 70%),
  radial-gradient(520px 360px at 92% 8%,color-mix(in srgb,var(--brand) 12%,color-mix(in srgb,#ec4899 10%,transparent)),transparent 70%),
  radial-gradient(700px 420px at 55% 32%,color-mix(in srgb,#22d3ee 9%,transparent),transparent 70%)}
.site-skin.bd-aurora::before{background:
  radial-gradient(700px 420px at 15% 0%,color-mix(in srgb,var(--brand) 42%,transparent),transparent 70%),
  radial-gradient(640px 400px at 85% 6%,color-mix(in srgb,#22d3ee 26%,transparent),transparent 70%),
  radial-gradient(900px 520px at 50% 38%,color-mix(in srgb,#ec4899 16%,transparent),transparent 72%),
  linear-gradient(180deg,transparent 0,var(--bg) 1300px)}
.site-skin.bd-grid::before{background-image:
  linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px),
  linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px);
  background-size:34px 34px;background-repeat:repeat;
  -webkit-mask-image:radial-gradient(1100px 760px at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(1100px 760px at 50% 0%,#000 30%,transparent 78%)}
.site-skin.bd-grid::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 360px at 70% 4%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 70%) no-repeat}
.site-skin.bd-dots::before{background-image:radial-gradient(color-mix(in srgb,var(--brand) 26%,transparent) 1.2px,transparent 1.6px);
  background-size:20px 20px;background-repeat:repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 380px,transparent 900px);mask-image:linear-gradient(180deg,#000 0,#000 380px,transparent 900px)}
.site-skin.bd-waves::before{background:
  radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%) top/100% 900px no-repeat}
.site-skin.bd-waves::after{content:"";position:absolute;left:0;right:0;top:min(560px,70vh);height:180px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 18%,transparent),color-mix(in srgb,var(--brand) 9%,transparent));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0 60c180 40 360 40 540 0s360-40 540 0 270 30 360 10v110H0z'/%3E%3Cpath d='M0 100c200-30 400-30 600 0s400 30 600 0 160-20 240-10v90H0z' opacity='.6'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0 60c180 40 360 40 540 0s360-40 540 0 270 30 360 10v110H0z'/%3E%3Cpath d='M0 100c200-30 400-30 600 0s400 30 600 0 160-20 240-10v90H0z' opacity='.6'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.site-skin.bd-glow::before{background:
  radial-gradient(900px 480px at 50% -12%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 72%) no-repeat,
  radial-gradient(500px 300px at 90% 30%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 70%) no-repeat}
/* Kartat mbi sfond me ngjyra: pak transparencë dhe mjegullim, që sfondi të duket pa e ulur lexueshmërinë. */
.site-skin:is(.bd-mesh,.bd-aurora,.bd-grid,.bd-glow,.bd-gradient) :is(.search,.car,.card,.summary,.extra){background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media (prefers-reduced-transparency: reduce){.site-skin :is(.search,.car,.card,.summary,.extra){backdrop-filter:none;background:var(--surface)}}

/* Pamja paraprake e shablloneve në panel */
.thprev{position:relative;isolation:isolate}
.thprev[data-bd]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.thprev[data-bd=gradient]::before{background:linear-gradient(165deg,color-mix(in srgb,var(--p) 22%,transparent),transparent 60%)}
.thprev[data-bd=mesh]::before{background:radial-gradient(70% 60% at 10% 0%,color-mix(in srgb,var(--p) 26%,transparent),transparent 70%),radial-gradient(60% 50% at 95% 15%,color-mix(in srgb,#ec4899 14%,transparent),transparent 70%)}
.thprev[data-bd=aurora]::before{background:radial-gradient(70% 60% at 15% 0%,color-mix(in srgb,var(--p) 50%,transparent),transparent 70%),radial-gradient(60% 55% at 90% 10%,color-mix(in srgb,#22d3ee 32%,transparent),transparent 70%),radial-gradient(80% 60% at 50% 90%,color-mix(in srgb,#ec4899 22%,transparent),transparent 70%)}
.thprev[data-bd=grid]::before{background-image:linear-gradient(color-mix(in srgb,currentColor 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,currentColor 9%,transparent) 1px,transparent 1px);background-size:14px 14px}
.thprev[data-bd=dots]::before{background-image:radial-gradient(color-mix(in srgb,var(--p) 35%,transparent) 1px,transparent 1.4px);background-size:9px 9px}
.thprev[data-bd=waves]::before{background:radial-gradient(120% 70% at 50% 120%,color-mix(in srgb,var(--p) 26%,transparent),transparent 70%)}
.thprev[data-bd=glow]::before{background:radial-gradient(90% 70% at 50% -10%,color-mix(in srgb,var(--p) 38%,transparent),transparent 72%)}
.bdpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.bdpick label{display:grid;gap:4px;cursor:pointer;font-size:13px}
.bdpick .bdsw{height:54px;border-radius:8px;border:1px solid var(--line);background:var(--bg);position:relative;isolation:isolate;overflow:hidden;--p:var(--brand)}
.bdpick input{position:absolute;opacity:0}
.bdpick input:checked+.bdsw{outline:2px solid var(--brand);outline-offset:2px}
.bdpick input:focus-visible+.bdsw{outline:2px solid var(--ink);outline-offset:2px}
.site-skin .hero.has-img .search{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-center .search{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.search .dt select{min-width:84px}
.modebtn{padding-inline:9px}
.langbar{gap:8px;align-items:center}
.who-box{flex-wrap:wrap}
.pills.sm .pill{padding:3px 8px;font-size:12px;min-height:0}
.who-box>.actions{width:100%;justify-content:flex-start}
.who-box>.actions>.btn[data-act=logout]{margin-left:auto}
.pills.sm{display:inline-flex;flex-wrap:nowrap;gap:4px}
.who-box>.actions{align-items:center}
.who-box>.actions .btn{white-space:nowrap}
.who-box .pills.sm .pill{min-height:30px}
.who-box>.actions{gap:4px!important}
.who-box>.actions .btn{padding-inline:10px}

/* Pamja e automjetit (ilustrimi) */
.vehlook{border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:10px;margin:0}
.vehlook legend{font-weight:700;font-size:13px;padding:0 6px}
.vehprev{background:var(--surface-2);border-radius:10px;padding:8px 12px;display:grid;gap:6px}
.vehprev svg{width:100%;max-width:340px;height:auto;justify-self:center}
.colpick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.colpick label{position:relative;cursor:pointer;display:inline-grid}
.colpick input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.colpick i{width:30px;height:30px;border-radius:50%;display:block;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);box-shadow:inset 0 -6px 10px rgb(0 0 0 / .15)}
.colpick input:checked+i{outline:3px solid var(--brand);outline-offset:2px}
.colpick input:focus-visible+i{outline:3px solid var(--ink);outline-offset:2px}
.colpick .colcustom input[type=color]{width:34px;height:34px;padding:0;border:1px dashed var(--line);border-radius:50%;background:none;cursor:pointer}
.colpick .colcustom input[type=radio]:checked~input[type=color]{outline:3px solid var(--brand);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.car-art svg.carsvg,.hcar-img svg.carsvg{width:100%;height:auto;max-height:100%}

/* Autori i fotos (Wikimedia Commons) */
.car-art,.hcar-img{position:relative}
.pcredit{position:absolute;left:4px;right:4px;bottom:4px;font-size:10.5px;line-height:1.3;color:#fff;background:rgb(0 0 0 / .55);padding:2px 6px;border-radius:5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.pcredit a{color:inherit}
.pcredit:hover,.pcredit:focus-within{white-space:normal;opacity:1}
/* Kërkimi i fotove falas te paneli */
.cmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.cmcell{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);display:grid}
.cmcell img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--sunken)}
.cmcell figcaption{padding:6px 8px;display:grid;gap:4px;font-size:12px}
.cmcell figcaption .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Importi nga Excel */
.impmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}

/* Detyrat e stafit */
.tasklist{display:grid;gap:10px}
.taskcard{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-left:4px solid var(--line)}
.taskcard.late{border-left-color:var(--bad)}
.taskcard.is-done{opacity:.72}
.taskmain{display:grid;gap:5px;min-width:0;flex:1 1 320px}
.taskside{display:grid;gap:8px;justify-items:end;align-content:start}
.taskside select{max-width:220px}
.bad-t{color:var(--bad)!important;font-weight:600}
.ok-t{color:var(--ok)!important;font-weight:600}
@media (max-width:640px){.taskside{justify-items:start;width:100%}}

/* Dëmtimet me AI */
.aifind{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px}
.aifind img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.aifind.ok{border-color:var(--ok)}
.aifind.off{opacity:.6}
.aiconf{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.aiconf select,.aiconf input{width:auto;min-width:0;max-width:170px}
@media (max-width:520px){.aifind{grid-template-columns:1fr}.aifind img{width:100%;height:160px}}

/* Integrimet */
.codeblk{background:var(--sunken);border:1px solid var(--line);border-radius:10px;padding:12px;font-family:var(--f-mono);font-size:12.5px;white-space:pre-wrap;word-break:break-all;margin:8px 0;overflow:auto}

/* Asistenti AI */
.astfab{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:6px;padding:12px 16px;border-radius:999px;border:0;background:var(--brand);color:var(--on-brand);font:600 14px/1 var(--f-body);box-shadow:var(--shadow);cursor:pointer}
.astfab:hover{filter:brightness(1.06)}
@media (max-width:640px){.astfab span{display:none}.astfab{padding:13px;right:14px;bottom:14px}}
.astdrawer{display:flex;flex-direction:column;gap:12px}
.astlog{flex:1;min-height:200px;overflow:auto;display:grid;gap:10px;align-content:start;padding:2px}
.astmsg{padding:10px 13px;border-radius:14px;max-width:88%;font-size:14.5px;line-height:1.5;background:var(--surface-2);border:1px solid var(--line)}
.astmsg p{margin:0 0 6px}.astmsg p:last-child{margin:0}.astmsg ul{margin:4px 0;padding-left:18px}
.astmsg.user{justify-self:end;background:var(--brand);color:var(--on-brand);border-color:transparent}
.astform{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.astform textarea{resize:vertical}

/* Llogaria e klientit dhe pëlqimi për cookies (faqja publike) */
.acclink{font-weight:600;color:var(--brand-ink,var(--brand));text-decoration:none;margin-left:12px;white-space:nowrap}
.acclink:hover{text-decoration:underline}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .acclink{color:var(--brand)}}
:root[data-theme=dark] .acclink{color:var(--brand)}
.ptcard{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:720px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);font-size:14px}
.aiconf select,.aiconf input,.taskside select,.astform textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;font:inherit;font-size:14px}
.aiconf select:focus,.aiconf input:focus,.taskside select:focus,.astform textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}
.astform textarea{width:100%}

/* Faqja e rezervimeve: filtrat e makinave dhe ndryshimi i datave te "Rezervimi yt" */
.fltbar{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.fltbar summary{cursor:pointer;font-weight:700;font-size:14px;padding:2px 0}
.fltgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px;align-items:end}
.fltgrid .fltq{grid-column:span 2}
.fltgrid .field select,.fltgrid .field input{min-height:40px;padding:8px 10px}
.fltfree{align-self:center;min-height:40px}
.flt-count{font-size:13.5px;margin:2px 0 8px}
@media (max-width:520px){.fltgrid{grid-template-columns:1fr 1fr}.fltgrid .fltq{grid-column:1/-1}}
.sum-edit{font-size:13px;font-weight:600;font-family:var(--f-body)}
.sumdates{gap:10px!important}
.sumdates .field{display:grid;gap:6px}
.sumdates .dt{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:6px}
.sumdates input,.sumdates select{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:40px;font:inherit;font-size:14px}

/* Kartela moderne e makinës: foto më e madhe, ikona për ulëset/transmisionin/karburantin/vitin, çmimi dhe butoni */
.specl{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.specl li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);line-height:1.1}
.specl li .ico{color:var(--brand);flex:0 0 auto}
.specl.sm{gap:4px;margin-top:4px}
.specl.sm li{padding:3px 8px;font-size:12px;gap:4px}
.specl.sm li .ico{width:14px;height:14px}
.car{grid-template-columns:200px minmax(0,1fr) auto;gap:20px;padding:16px 20px;border-radius:16px;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.car:not(.taken):hover{box-shadow:0 10px 30px -12px rgba(15,23,42,.28);transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.car.best{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent)}
.car-art{border-radius:12px;background:linear-gradient(160deg,var(--surface-2),var(--sunken));padding:8px;min-height:110px;display:grid;place-items:center;overflow:hidden}
.car-art img{border-radius:10px}
.car-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;background:var(--brand);color:var(--on-brand);font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:999px;box-shadow:0 4px 12px -4px rgba(0,0,0,.3)}
.car-b{min-width:0;display:grid;align-content:center}
.car-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.car-h h3{margin:0}
.car .cat{margin-top:0;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 9px;letter-spacing:.06em;background:color-mix(in srgb,var(--brand) 10%,transparent);border-color:color-mix(in srgb,var(--brand) 25%,var(--line));color:var(--brand)}
.similar{color:var(--muted);font-size:13px;margin-top:2px}
.car-perk{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:var(--ok);font-weight:600}
.price{min-width:150px}
.price small strong{color:var(--ink);font-weight:700}
.car-go{display:inline-flex;align-items:center;gap:6px;padding-inline:16px;margin-top:4px}
.car-go .ico{transition:transform .15s ease}
.car-go:hover .ico{transform:translateX(3px)}
.hcar-b .specl{margin:2px 0 4px}
.summary .specl{margin-top:6px}
@media (max-width:760px){
  .car{grid-template-columns:1fr;gap:12px;padding:12px}
  .car-art{min-height:0;aspect-ratio:16/9;padding:6px}
  .car-art svg.carsvg{max-height:150px;width:auto}
  .car-art img{aspect-ratio:16/9}
  .price{grid-column:auto;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;justify-items:start;gap:2px 10px;padding-top:10px;border-top:1px solid var(--line)}
  .price b{font-size:24px}
  .price small{grid-column:1}
  .price .car-go,.price .taken-note{grid-column:2;grid-row:1/3;justify-self:end;align-self:center}
}
@media (prefers-reduced-motion:reduce){.car,.car-go .ico{transition:none}.car:not(.taken):hover{transform:none}}
.car-art .car-badge svg{width:13px!important;height:13px!important;flex:0 0 auto}
.car-art .car-badge{z-index:2;white-space:nowrap}
.meta .specl{margin:4px 0 2px}
td .specl.sm{margin-top:4px}

/* Lista ose kartat (PC): më shumë makina në një ekran */

.viewsw{display:flex;gap:6px;padding-top:4px}
.viewsw .pill{display:inline-flex;align-items:center;gap:6px}
.cars.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.cars.grid .car{grid-template-columns:1fr;gap:10px;padding:12px;align-content:start}
.cars.grid .car-art{aspect-ratio:16/10;min-height:0;padding:6px}
.cars.grid .car-art img{aspect-ratio:16/10}
.cars.grid .car-art svg.carsvg{max-height:130px;width:auto}
.cars.grid .car h3{font-size:17px}
.cars.grid .price{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;justify-items:start;gap:2px 10px;padding-top:10px;border-top:1px solid var(--line);min-width:0}
.cars.grid .price b{font-size:22px}
.cars.grid .price small{grid-column:1}
.cars.grid .price .car-go,.cars.grid .price .taken-note{grid-column:2;grid-row:1/3;justify-self:end;align-self:center;margin-top:0}
.cars.grid .car-perk{margin-top:8px}
@media (max-width:760px){.viewsw{display:none}.carviewbar{grid-template-columns:1fr}.cars.grid{grid-template-columns:1fr}}

.cars.grid .price small{white-space:nowrap;font-size:12px}
.cars.grid .specl{gap:4px}
.cars.grid .specl li{padding:3px 8px;font-size:12px;gap:4px}
.cars.grid .specl li .ico{width:14px;height:14px}
/* Lista/Kartat brenda filtrave, në të njëjtin rresht me "Vetëm të lirat" */
.fltfoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:2px}
.fltfoot .viewsw{padding-top:0}
.fltfoot .fltfree{min-height:0}
.fltbar+#carlist{margin-top:12px}
/* Sa makina të lira ka nga i njëjti model */
.car-count{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent)}

/* Numri i fluturimit */
.flighttag{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:12.5px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);text-decoration:none;font-family:var(--f-mono)}
.flighttag:hover{text-decoration:underline}
.flform{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.flform input{width:140px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;text-transform:uppercase}
.site-skin .field > span .ico,.site-skin .card > b .ico{display:inline-block;vertical-align:-3px;margin-right:4px}

/* Hapat e rezervimit me ikona: Kërko → Makina → Shtesat → Të dhënat → Konfirmimi */
.stepper{list-style:none;margin:18px 0 24px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;counter-reset:st}
.stepper::before,.stepper::after{content:"";position:absolute;top:21px;left:calc(100% / var(--n, 5) / 2);right:calc(100% / var(--n, 5) / 2);height:3px;border-radius:3px;background:var(--line)}
.stepper::after{background:var(--brand);right:auto;width:calc((100% - 100% / var(--n, 5)) * var(--prog, 0));transition:width .35s ease}
.stepper li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;text-align:center;min-width:0}
.st-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--muted);transition:all .2s ease;padding:0;font:inherit}
.stepper li.on .st-dot{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 18%,transparent)}
.stepper li.done .st-dot{background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-color:var(--brand);color:var(--brand);cursor:pointer}
.stepper li.done .st-dot:hover{background:var(--brand);color:var(--on-brand)}
.st-l{font-size:13px;font-weight:600;color:var(--muted);line-height:1.2;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.stepper li.on .st-l{color:var(--ink);font-weight:700}
.stepper li.done .st-l{color:var(--ink)}
.hico{display:flex;align-items:center;gap:10px}
.hico .ico{color:var(--brand)}
@media (max-width:620px){
  .st-dot{width:36px;height:36px}.st-dot .ico{width:16px;height:16px}
  .stepper::before,.stepper::after{top:17px}
  .stepper li:not(.on) .st-l{display:none}
  .stepper li.on .st-l{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.stepper::after,.st-dot{transition:none}}

/* Grafikët e Pasqyrës: shirita të hollë me qoshe të rrumbullakëta, rrjetë e lehtë, tooltip */
.dash-h{display:flex;align-items:center;gap:8px;font-size:22px;margin:0}
.dash-h .ico{color:var(--brand)}
.two.dash{align-items:stretch}
.chart{display:grid;gap:6px}
.cplot{position:relative;height:180px;margin-left:44px;border-bottom:1px solid var(--line)}
.cg{position:absolute;left:0;right:0;bottom:var(--y);border-top:1px dashed color-mix(in srgb,var(--line) 80%,transparent)}
.cg span{position:absolute;right:calc(100% + 6px);top:-8px;font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.ccols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px}
.ccol{display:flex;align-items:flex-end;justify-content:center;height:100%;border-radius:6px;outline:none;cursor:default}
.ccol:hover,.ccol:focus-visible{background:color-mix(in srgb,var(--brand) 7%,transparent)}
.ccol:focus-visible{box-shadow:0 0 0 2px var(--brand)}
.cbars{display:flex;align-items:flex-end;gap:2px;height:100%;width:100%;justify-content:center}
.cbar{display:block;width:min(28px,100%);height:var(--h);min-height:2px;background:var(--brand);border-radius:4px 4px 0 0;transition:height .4s ease}
.cbars .cbar{flex:0 1 min(22px,48%)}
.cbar.alt{background:color-mix(in srgb,var(--brand) 38%,var(--surface))}
.ccol.cur .cbar{background:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}
.ccols:has(.cur) .ccol:not(.cur) .cbar:not(.alt){background:color-mix(in srgb,var(--brand) 55%,var(--surface))}
.cx{margin-left:44px;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px;font-size:11.5px;color:var(--muted);text-align:center}
.cx span{white-space:nowrap;overflow:hidden;text-overflow:clip}
@media (max-width:640px){.cx span.odd{visibility:hidden}.cplot{height:150px}}
.clegend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink);margin-top:4px}
.clegend span{display:inline-flex;align-items:center;gap:6px}
.clegend .cbar{width:12px;height:12px;border-radius:3px}
.hchart{display:grid;gap:10px}
.hrow{display:grid;grid-template-columns:minmax(90px,30%) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px;border-radius:6px;padding:2px 4px;outline:none}
.hrow:hover,.hrow:focus-visible{background:color-mix(in srgb,var(--brand) 7%,transparent)}
.hl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.htrack{height:12px;background:var(--sunken);border-radius:999px;overflow:hidden}
.htrack i{display:block;height:100%;width:var(--w);background:var(--brand);border-radius:999px;transition:width .4s ease}
.hv{font-size:13px;color:var(--ink);white-space:nowrap}
.ctip{position:fixed;z-index:100;max-width:260px;background:var(--ink);color:var(--surface);font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;pointer-events:none;box-shadow:0 6px 18px -6px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.cbar,.htrack i{transition:none}}
.cx span small{display:block;font-size:10.5px}
.cbar.alt{background:color-mix(in srgb,var(--brand) 42%,#fff)}

/* Ikona brenda fushave të formularit (faqja e rezervimeve) */
.iwrap{position:relative;display:block}
.iwrap > .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;z-index:1}
.iwrap > input,.iwrap > select{padding-left:40px!important;width:100%}
.iwrap:focus-within > .ico{color:var(--brand)}
.promo-row .iwrap{flex:1 1 140px;min-width:0}

/* Cilësimet → Marketingu */
.mk-tabs{flex-wrap:wrap}
.mk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px;align-items:start}
.mk-form{min-width:0}
.mk-prev{position:sticky;top:76px;display:grid;justify-items:center;gap:12px;background:var(--sunken,#f3f4f6);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;overflow:hidden}
.mk-qrcard{display:grid;justify-items:center;gap:12px;width:100%}
.mk-qr{width:min(260px,100%);background:#fff;border-radius:12px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.mk-link{font-size:12px;color:var(--muted);text-align:center;overflow-wrap:anywhere;max-width:100%}
.mk-noqr{aspect-ratio:1;display:grid;place-items:center;border:2px dashed #cbd5e1;color:#94a3b8;font-weight:800;border-radius:8px;width:100%}
.mk-cards{display:grid;gap:14px;justify-items:center}
.mk-cardwrap{display:grid;gap:4px;font-size:12px}
.mk-cardwrap .bcard,.mkp .bcard{width:85mm;height:55mm;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:7mm;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box}
.mk-cardwrap .bcard{box-shadow:0 2px 10px rgba(0,0,0,.14);border-radius:2mm;zoom:.98}
.mk-cardwrap .bcard .ico{width:3.2mm;height:3.2mm}
.mk-postwrap{box-shadow:0 2px 12px rgba(0,0,0,.16)}
.mkposter .ico{width:1em;height:1em}
.mk-sigprev{background:#fff;color:#111827;padding:16px;border-radius:10px;width:100%;overflow:auto;color-scheme:light}
.mk-copyrow{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mk-copyrow code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
@media screen{.sheet:has(.mkp){max-width:none;padding:0;margin:16px auto}}
.mk-form .row2{align-items:start}
.mk-tabs .pill{display:inline-flex;align-items:center;gap:6px}
@media (max-width:900px){.mk-grid{grid-template-columns:minmax(0,1fr)}.mk-prev{position:static}.mk-copyrow{grid-template-columns:minmax(0,1fr) auto}.mk-copyrow code{grid-column:1/-1;grid-row:2}}
@media (max-width:420px){.mk-cardwrap .bcard{zoom:.82}}
.mk-tabs .pill{padding-inline:12px}
.mk-mail{background:#fff;color:#111827;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;width:100%;color-scheme:light;font-size:14px}
.mk-mailsub{font-weight:800;padding:12px 16px;border-bottom:1px solid #eef0f3;background:#f9fafb}
.mk-mailbody{padding:16px;display:grid;gap:12px;line-height:1.55;overflow-wrap:anywhere}
.mk-mailcode{justify-self:start;border:2px dashed #9ca3af;border-radius:8px;padding:6px 14px;font:800 18px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.06em}
.mk-mailbtn{display:inline-block;padding:10px 16px;border-radius:8px;font-weight:800}
.mk-aud{padding:12px 14px;border-radius:12px;background:var(--sunken,#f3f4f6);border:1px solid var(--line)}
.mk-walist{display:grid;gap:6px;max-height:360px;overflow:auto}
.mk-warow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mk-warow.done{opacity:.6}
.mk-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mk-how>div{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13.5px;line-height:1.45}
.mk-how>div>b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand,#e39a2d);color:var(--on-brand,#fff);font-size:13px}
.mk-table{overflow:auto;border:1px solid var(--line);border-radius:12px}
.mk-table table{width:100%;border-collapse:collapse;font-size:13.5px}
.mk-table th{text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--sunken,#f6f7f9)}
.mk-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.mk-table tr:last-child td{border-bottom:0}
.mk-table .num{text-align:right;font-variant-numeric:tabular-nums}
.mk-stars{color:#f59e0b;letter-spacing:1px}.mk-stars i{color:var(--line);font-style:normal}
.mk-dist{display:grid;grid-template-columns:32px 1fr 40px;gap:10px;align-items:center;font-size:13px}
.mk-dist i{height:10px;border-radius:6px;background:var(--sunken,#eef0f3);overflow:hidden;display:block}
.mk-dist i b{display:block;height:100%;background:#f59e0b;border-radius:6px}
.mk-revlist{display:grid;gap:8px}
.mk-rev{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px}
.mk-rev.low{border-color:color-mix(in srgb,var(--bad,#dc2626) 45%,var(--line))}
@media (max-width:900px){.mk-how{grid-template-columns:minmax(0,1fr)}}
/* Faqja e kompanisë: vlerësimi dhe çregjistrimi */
.mkx{max-width:560px;margin:32px auto 48px;padding:28px 24px;border-radius:18px;background:var(--surface,#fff);border:1px solid var(--line);text-align:center;display:grid;gap:10px;justify-items:center}
.mkx h1{font-size:24px;line-height:1.25;margin:0}
.mkx p{margin:0;color:var(--muted);line-height:1.55;max-width:46ch}
.mkx .field{width:100%;text-align:left}
.mkx textarea{width:100%;min-height:110px}
.mkx-ico{font-size:40px;line-height:1}
.mkx-stars{display:flex;gap:6px;justify-content:center;margin:8px 0}
.mkx-stars button{font-size:44px;line-height:1;border:0;background:none;cursor:pointer;color:#d1d5db;padding:4px;transition:transform .12s,color .12s;min-width:52px;min-height:52px}
.mkx-stars button.on{color:#f59e0b}
.mkx-stars button:hover{transform:scale(1.12);color:#fbbf24}
.mkx-small{font-size:13px}
.mkx-small a{color:var(--muted)}
@media (max-width:420px){.mkx-stars button{font-size:36px;min-width:44px}}
.mkx-stars:hover button{color:#fbbf24}.mkx-stars button:hover~button{color:#d1d5db}
/* Faqja e rezervimit në telefon: totali para butonit "Konfirmo" (përmbledhja del poshtë formularit) */
.mob-total{display:none}
@media (max-width:900px){.mob-total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:12px;background:var(--sunken,#f3f4f6);border:1px solid var(--line)}.mob-total b{font-size:20px}}
/* Cilësimet → Kontrata */
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.ct-art{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ct-art textarea{min-height:92px;resize:vertical}
.ct-arthead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ct-artbtns{display:flex;gap:12px;align-items:center}
.ct-artbtns .linkbtn{min-width:28px;min-height:32px}
.ct-artbtns .linkbtn:disabled{opacity:.35;cursor:default}
.ct-help{position:sticky;top:76px;display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--sunken,#f6f7f9)}
.ct-help ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.ct-help li{display:grid;gap:2px;font-size:12.5px}
.ct-ph{justify-self:start;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:3px 8px;font:600 12.5px/1.3 ui-monospace,Menlo,monospace;color:var(--ink);cursor:pointer}
.ct-ph:hover{border-color:var(--brand)}
@media (max-width:900px){.ct-grid{grid-template-columns:minmax(0,1fr)}.ct-help{position:static}}
/* Pasqyra: periudha e dorëzimeve dhe kthimeve */
.agsw{padding:10px 16px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.agsw .pill{min-height:34px;padding:5px 12px;font-size:13px}
.agenda.long{max-height:640px;overflow:auto}
.day-sep{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.day-sep small{font-weight:600;letter-spacing:0;text-transform:none;font-size:12px}
.day-sep.today{color:color-mix(in srgb,var(--brand) 55%,var(--ink));background:color-mix(in srgb,var(--brand) 8%,var(--surface-2))}
.day-sep.past{opacity:.75}
.ev.done{opacity:.55}
.ev.done .who{text-decoration:line-through;text-decoration-thickness:1px}
/* Rezervimet: filtrat dhe renditja */
.bkfilters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.bkf{display:grid;gap:4px;min-width:130px;flex:0 1 auto}
.bkf>span{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.bkf select,.bkf input{background:var(--surface);color:var(--ink);min-height:38px;padding:6px 10px;font-size:14px;border-radius:9px}
.bkclear{align-self:center;margin-left:auto;display:inline-flex;gap:6px;align-items:center}
.thsort{all:unset;cursor:pointer;display:inline-flex;gap:5px;align-items:center;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}
.thsort span{opacity:.45;font-size:10px}
.thsort.on{color:var(--ink)}.thsort.on span{opacity:1;color:var(--brand)}
.thsort:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
th.r .thsort{justify-content:flex-end}
.dir{display:inline-flex;align-items:center;gap:5px}
.dir .ico{width:15px;height:15px}
@media (max-width:640px){.bkf{flex:1 1 calc(50% - 6px);min-width:0}.bkf select,.bkf input{width:100%;min-width:0}.bkclear{margin-left:0}.ctrbar .search-in{flex:1 1 100%;width:100%}}
.ctrbar .search-in{width:280px}
.ctrprint{padding:7px 9px}
.ctrprint .mob-only{display:none}@media (max-width:760px){.ctrprint .mob-only{display:inline}}
@media (min-width:761px){.ctrtable th,.ctrtable td{padding-left:11px;padding-right:11px}}
.planlock{display:flex;gap:14px;align-items:flex-start}.planlock .pl-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-2);color:var(--muted)}
.blockbar{position:absolute;top:6px;bottom:6px;border-radius:6px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--muted) 22%,transparent) 0 6px,transparent 6px 12px);border:1px dashed var(--muted);color:var(--muted);font-size:11.5px;font-weight:600;display:flex;align-items:center;padding:0 6px;overflow:hidden;white-space:nowrap;pointer-events:auto}
.legend .lg-block::before{background:repeating-linear-gradient(135deg,var(--muted) 0 3px,transparent 3px 6px)!important}
.pill[aria-pressed="true"] .chip{color:inherit;background:color-mix(in srgb,currentColor 20%,transparent)}

/* Nënshkrimi i qiradhënësit (Cilësimet → Kontrata) */
.lsig-prev{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;max-width:420px}
.lsig-prev img{display:block;max-width:100%;max-height:120px;object-fit:contain}

/* Pasqyra: axhenda majtas, kolona anësore kompakte djathtas (konfirmimet, detyrat, këstet) */
.ovgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:16px;align-items:start}
.ovside{display:grid;gap:12px;align-content:start}
.ovside .box{margin:0}
.sidecard{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sidecard>div{display:grid;gap:2px;min-width:0;flex:1}
.sidecard b{font-size:14.5px}
.sidecard span:not(.sc-ico){font-size:13px;color:var(--muted)}
.sidecard .sc-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;flex:none;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.sidecard.ok .sc-ico{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.sidecard.bad .sc-ico{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}
.sidelist{display:grid;gap:4px}
.pendlist{gap:0}
.pend2{display:grid;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.pend2:last-child{border-bottom:0}
.pend2-main{all:unset;display:grid;gap:3px;cursor:pointer;min-width:0;border-radius:8px}
.pend2-main:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.pend2-main:hover b{text-decoration:underline}
.pend2-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.pend2-top b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pend2-top .num{font-weight:700;flex:none}
.pend2-main .muted{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pend2-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.pendlist>.linkbtn{padding:10px 16px;justify-self:start}
@media (max-width:980px){.ovgrid{grid-template-columns:1fr}.ovside{grid-row:1}}

/* Menyja anash: grupet, kërkimi dhe pamja e ngushtë */
.sgrp{display:grid;gap:2px}
.sgrp+.sgrp{margin-top:8px}
.sgrp.fund{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.snav{display:flex;flex-direction:column;flex:1}
.sgrp-h{display:flex!important;align-items:center;justify-content:flex-start!important;gap:6px!important;padding:6px 12px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important;min-height:0!important}
.sgrp-h .sg-car{width:12px;font-size:11px}
.sgrp-h small{font-weight:700;letter-spacing:0;color:var(--muted)}
.sgrp-h .badge{margin-left:auto}
.sgrp-items{display:grid;gap:2px}
.sgrp-items[hidden]{display:none}
.qsbtn{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;padding:8px 10px;font-size:14px;cursor:pointer;text-align:left}
.qsbtn span{flex:1}
.qsbtn kbd,.qs kbd{font:600 11px/1 ui-monospace,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:3px 5px;color:var(--muted);background:var(--bg)}
.qsbtn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}
.navmini-btn{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}
.navmini-btn:hover{background:var(--surface-2);color:var(--ink)}
.mbar .qsm{padding:0 12px}
@media (min-width:901px){
  .mbar .qsm{display:none}
  .panel .side{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .panel.mini{grid-template-columns:76px minmax(0,1fr);max-width:1400px}
  .panel.mini .side{padding:16px 10px;align-items:center}
  .panel.mini .nl-t,.panel.mini .qsbtn span,.panel.mini .qsbtn kbd,.panel.mini .sgrp-h,.panel.mini .brandmark>div,.panel.mini .who-box>span:first-child{display:none!important}
  .panel.mini .brandmark{justify-content:center}
  .panel.mini .brandmark .blogo{max-width:48px}
  .panel.mini .qsbtn{justify-content:center;padding:9px;width:44px}
  .panel.mini .snav{width:100%}
  .panel.mini .snav button{justify-content:center;position:relative;padding:10px 0}
  .panel.mini .snav .badge{position:absolute;top:2px;right:6px;font-size:10px;padding:0 5px}
  .panel.mini .sgrp+.sgrp{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
  .panel.mini .who-box{flex-direction:column;border-top:0;padding-top:4px}
  .panel.mini .who-box .actions{flex-direction:column}
  .panel.mini .who-box .btn{padding:0 10px}
  .panel.mini .who-box .btn:not(.modebtn){font-size:0;gap:0}
  .panel.mini .navmini-btn{justify-content:center;padding:8px}
}
@media (max-width:900px){.navmini-btn,.qsbtn,.panel.menu-open .qsbtn{display:none}.sgrp.fund{margin-top:8px}}
.qs-back{position:fixed;inset:0;z-index:80;background:rgba(10,14,24,.45);display:grid;justify-items:center;align-items:start;padding:12vh 16px 16px}
.qs{width:min(620px,100%);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden;display:grid;max-height:70vh;grid-template-rows:auto minmax(0,1fr)}
.qs-in{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted)}
.qs-in input{flex:1;border:0;background:transparent;font-size:16px;color:var(--ink);outline:none;min-width:0;padding:6px 0}
.qs-list{overflow-y:auto;padding:6px}
.qs-k{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.qs-it{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer}
.qs-it span{display:grid;min-width:0}
.qs-it b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs-it small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs-it[aria-selected="true"],.qs-it:hover{background:color-mix(in srgb,var(--brand) 14%,transparent)}
.qs-empty{padding:18px 12px;color:var(--muted);font-size:14px}

/* Pasqyra: kartat e klikueshme (pesë) dhe listat që hapin */
.kpis.k5{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpi.kbtn{font:inherit;color:inherit;text-align:left;cursor:pointer;display:grid;align-content:start;width:100%;transition:border-color .15s,box-shadow .15s,transform .15s}
.kpi.kbtn:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:var(--shadow);transform:translateY(-1px)}
.kpi.kbtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.kpilist{display:grid;gap:0}
.kpilist .kh{margin:14px 0 6px;font-size:14px}
.kpilist .kh:first-child{margin-top:0}
.kpilist .kh small{color:var(--muted);font-weight:600}
@media (max-width:1180px){.kpis.k5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.kpis.k5{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Kalendari në kompjuter: gjithë gjerësia e faqes */
@media (min-width:901px){
  /* Paneli në kompjuter: çdo faqe zë gjithë gjerësinë e ekranit (jo vetëm kalendari). */
  .panel{max-width:none}
  .panel.wide .work{padding-bottom:0}
}

body:has(> #app > .panel){margin:0}

/* Pasqyra: tabelat e dorëzimeve dhe kthimeve */
.agcol{display:grid;gap:12px;align-content:start;min-width:0}
.agcol>.agsw{padding:0;margin:0}
.agbox{margin:0}
.agbox h2 small{margin-left:4px}
.agh{display:inline-flex;align-items:center;gap:8px}
.agh.out{color:var(--info,#2457c5)}
.agh.in{color:var(--ok)}
.agbox .tablewrap{border:0;border-radius:0;box-shadow:none;margin:0}
.agtable td{vertical-align:top}
.agtable tr.today td:first-child b{color:var(--brand-ink,var(--ink))}
.agtable tr.late td{background:color-mix(in srgb,var(--bad) 5%,transparent)}
.agtable .plc{display:inline-flex;gap:5px;align-items:baseline}

/* Pasqyra: presin konfirmim + dorëzime/kthime të palosshme */
.ovops{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start}
.ovops .box{margin:0}
.agbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}
.agbar b{font-size:16px}
.aghead{padding:0!important}
.agfold{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;cursor:pointer;font-size:16px;font-weight:800}
.agfold.static{cursor:default}
.agfold small{font-size:13px;font-weight:700;color:var(--muted)}
.agfold .agsum{margin-left:auto;font-size:13px;font-weight:600}
.agfold:hover:not(.static) .agsum{color:var(--ink);text-decoration:underline}
.agfold:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:var(--r)}
.agpm{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--bg);font-size:18px;line-height:1;font-weight:700;flex:none}
.agpm.ok{color:var(--ok);font-size:14px}
.agbox.folded .aghead{border-bottom:0}
.agtable .actions .btn{white-space:nowrap}
.agbar .agsw{border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}

.stsann.demo{background:color-mix(in srgb,var(--info,#2457c5) 12%,var(--surface));color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--info,#2457c5) 35%,var(--line))}

.demo-enter{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}

/* Udhëzuesi fillestar në Pasqyrë */
.onb{padding:16px 18px;display:grid;gap:12px;border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.onb-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.onb-h h2 small{color:var(--muted);font-weight:600;font-size:14px;margin-left:6px}
.onb-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
.onb-bar span{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .3s}
.onb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
.onb-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.onb-list li.next{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent)}
.onb-list li div{display:grid;gap:2px}
.onb-list li div span{color:var(--muted);font-size:13px}
.onb-list li.ok b{color:var(--muted)}
.onb-c{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);font-weight:800;color:var(--ok)}
.onb-list li.ok .onb-c{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.onb-a{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
/* Sugjerimet e çmimit */
.psug{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:10px;background:var(--surface)}
.psug.low{border-left-color:var(--brand-ink, var(--accent))}
.psug-main{flex:1 1 260px;min-width:0}
.psug-pct{width:110px;margin:0}
.psug-hint{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:14px;font-size:14px}
/* Puna pa internet */
.stsann.off{background:#1f2937;color:#f9fafb}
.stsann.off .muted{color:#d1d5db}
.offbox{display:grid;gap:6px;padding:10px 12px;border:1px dashed var(--warn);border-radius:10px;background:var(--surface);font-size:13.5px;margin:0 0 12px}
.offitem{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.offitem.bad{color:var(--ink)}
/* Telefoni: shiriti i faqeve poshtë */
.bnav{display:none}
@media (max-width:900px){
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.06)}
  .bnav button{flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--muted);font:600 11px/1.1 var(--f-body);border-radius:10px;cursor:pointer;position:relative;padding:4px 2px}
  .bnav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .bnav button[aria-current=page]{color:var(--brand-ink,var(--ink));background:color-mix(in srgb,var(--brand) 12%,transparent)}
  .bnav button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
  .bnav .bn-badge{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font:700 11px/18px var(--f-body);text-align:center}
  body:has(.bnav) .work{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body:has(.bnav) .astfab{bottom:calc(76px + env(safe-area-inset-bottom))}
  body:has(.bnav) .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}
  body.printing .bnav{display:none}
}
@media (max-width:900px){
  body:has(.bnav) .panel.menu-open .side{bottom:calc(64px + env(safe-area-inset-bottom));overflow:auto}
  .bnav .bn-x{font-size:20px;line-height:22px;height:22px}
}
/* Telefoni: formularët me kolona të vendosura në vend (p.sh. "Shto punonjës") shkojnë një kolonë; fusha + buton mbeten krah për krah */
@media (max-width:640px){
  .row2[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .row2[style*="grid-template-columns:minmax(0,1fr) auto"],.row2[style*="grid-template-columns:1fr auto"]{grid-template-columns:minmax(0,1fr) auto!important}
  .row2[style*="grid-template-columns"]>div>.btn{width:100%}
}
/* Protokolli: kur klienti nënshkruan në letër, fusha e nënshkrimit në ekran fshihet */
.card:has(input[data-ho-paper]:checked) #sigpad,.card:has(input[data-ho-paper]:checked) [data-act=sigClear]{display:none}
/* Ndihma */
.helpq{max-width:520px;margin:0 0 6px}
.helpgrp h2{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 0 8px}
.helpitem{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 16px;margin:0 0 8px}
.helpitem summary{cursor:pointer;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
.helpitem summary::-webkit-details-marker{display:none}
.helpitem summary::after{content:'+';color:var(--muted);font-weight:700}
.helpitem[open] summary::after{content:'–'}
.helpitem ol{margin:0 0 12px;padding-left:22px;display:grid;gap:6px;font-size:14.5px;line-height:1.5}
.helpitem .btn{margin:0 0 14px}