/* ============================================================
   AIŠKU — dizaino sistema (Variantas A)
   ============================================================ */
:root{
  --blue:#2456b8; --blue-050:#eef3fb; --blue-100:#f0f4fb;
  --green:#157a4a; --green-bg:#edf7f1; --green-border:#cfe9db; --green-ink:#0f5136;
  --ink:#111827; --ink2:#1a2233;
  --muted:#475569; --muted2:#64748b; --muted3:#94a3b8; --ph:#9aa6b6;
  --border:#e2e8f0; --field-border:#d5dde7; --bg:#f4f6f9; --red:#c0392b; --white:#fff;
  --shadow-btn:0 8px 20px -6px rgba(36,86,184,.5);
  /* paviršiai + tekstas (TEMA keičia šias reikšmes) */
  --surface:#fff; --surface-active:#fbfcfe; --surface-sunk:#eef1f5; --surface-photo:#eef2f6;
  --dashed:#9cb6e0; --banner-ink:#334155; --li-border:#eef1f5; --divider:#eceff3; --toast-bg:#1a2233;
  --accent:#2456b8; --price-ink:#157a4a;
  --warn-ink:#b26a00; --warn-bg:#fff3e0; --warn-bg2:#fdf1e3; --danger2:#b23b30;
  /* įmonės dashboard (pagrindinė sritis) */
  --c-bg:#f6f7f9; --c-border:#e5e9ef; --c-sub:#6b7280; --c-date:#8a93a1;
  --c-seg-bg:#eceff3; --c-seg-ink:#5b6472; --c-in-border:#e0e5ec; --c-in-ink:#3a4250;
  --c-th-bg:#fafbfc; --c-th-border:#e9edf2; --c-th-ink:#7a828e; --c-td-border:#f0f2f5; --c-row-hover:#f7f9fb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Libre Franklin',system-ui,-apple-system,sans-serif;
  background:var(--bg); color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.mono{font-family:'JetBrains Mono',monospace}
.hidden{display:none !important}

/* App container: full-bleed on phone, centered card on desktop */
.app{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column}

.pad{padding:16px 22px}
.stack{display:flex;flex-direction:column;gap:16px}
.grow{flex:1}
.center-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px;gap:16px}

/* ---- Buttons ---- */
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:64px;border:none;border-radius:14px;
  background:var(--blue);color:#fff;font:700 20px 'Libre Franklin',sans-serif;cursor:pointer;box-shadow:var(--shadow-btn);
  text-decoration:none;transition:transform .05s}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.55;cursor:default;box-shadow:none}
.btn.secondary{background:var(--surface);color:var(--ink2);border:1.5px solid var(--field-border);box-shadow:none;height:60px;font-size:19px}
.btn.ghost{background:var(--blue-050);color:var(--blue);border:1.5px dashed var(--dashed);box-shadow:none;height:56px;font-size:18px}
.btn.danger-txt{background:none;box-shadow:none;color:var(--red);width:auto;height:auto;font:600 15px 'Libre Franklin';padding:4px}
.btn.danger{background:var(--red);color:#fff;box-shadow:0 8px 20px -6px rgba(192,57,43,.5)}

/* ---- Fields ---- */
.label{font:600 15px 'Libre Franklin',sans-serif;color:var(--muted);margin-bottom:8px;display:block}
.label .opt{color:var(--ph);font-weight:500}
/* Privalomi laukai — ryškesnis tekstas + mažas akcento taškas (#22) */
.label.req{color:var(--ink)}
.label.req::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-left:6px;vertical-align:middle}
.field{width:100%;background:var(--surface);border:1.5px solid var(--field-border);border-radius:12px;height:58px;padding:0 16px;
  font:500 18px 'Libre Franklin',sans-serif;color:var(--ink);outline:none}
.field:focus{border-color:var(--blue)}
.field::placeholder{color:var(--ph)}
textarea.field{height:auto;min-height:88px;padding:14px 16px;line-height:1.45;resize:vertical}
.field.plate{height:64px;font:700 22px 'JetBrains Mono',monospace;letter-spacing:.10em;text-transform:uppercase}

.section{font:700 14px 'Libre Franklin',sans-serif;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}

/* ---- Header / topbar ---- */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px 8px}
.topbar .back{width:42px;height:42px;border-radius:50%;background:var(--surface);border:1.5px solid var(--field-border);
  display:flex;align-items:center;justify-content:center;font:700 24px 'Libre Franklin';color:var(--ink2);cursor:pointer;line-height:1}
.eyebrow{font:700 13px 'Libre Franklin',sans-serif;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.h1{font:800 26px 'Libre Franklin',sans-serif;color:var(--ink);margin:4px 0 0}
.h1.sm{font-size:24px}
.avatar{width:46px;height:46px;border-radius:50%;background:var(--blue-050);display:flex;align-items:center;justify-content:center;
  font:700 18px 'Libre Franklin';color:var(--blue);cursor:pointer;border:none}

/* ---- Cards / pieces ---- */
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}
.card.clickable{cursor:pointer}
.card.clickable:active{background:var(--surface-active)}
.plate{background:var(--blue-050);color:var(--blue);font:700 20px 'JetBrains Mono',monospace;padding:7px 12px;border-radius:8px;
  letter-spacing:.10em;display:inline-block}
.plate.lg{font-size:22px;padding:9px 14px;border-radius:9px}
.price{font:800 22px 'Libre Franklin';color:var(--price-ink)}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}
.muted{color:var(--muted)} .muted2{color:var(--muted2)} .muted3{color:var(--muted3)}

.total{display:flex;align-items:center;justify-content:space-between;background:var(--green-bg);border:1px solid var(--green-border);
  border-radius:16px;padding:20px 22px}
.total .lbl{font:600 19px 'Libre Franklin';color:var(--green-ink)}
.total .val{font:800 32px 'Libre Franklin';color:var(--green);letter-spacing:-.01em}

/* line item editor row */
.item-edit{background:var(--surface);border:1.5px solid var(--field-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.item-edit .field{height:52px;font-size:17px}
.item-edit .price-field{width:120px}

/* photos grid */
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,150px));gap:10px;justify-content:start}
.photo{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;background:var(--surface-photo)}
.photo img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.photo .rm{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;background:rgba(15,22,32,.72);color:#fff;
  border:none;font:700 15px sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.photo-add{aspect-ratio:1;border-radius:12px;border:1.5px dashed var(--dashed);background:var(--blue-050);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--blue)}
.photo-add .plus{font-size:26px;line-height:1}
.photo-add span{font:600 12px 'Libre Franklin'}

/* Nuotraukų redagavimas formoje (thumb + Prieš/Po + užrašas) */
.ph-edit{display:flex;flex-direction:column}
.ph-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--divider)}
.ph-row:first-child{padding-top:2px}
.ph-thumb{position:relative;width:84px;height:84px;flex:none;border-radius:12px;overflow:hidden;background:var(--surface-photo)}
.ph-thumb img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.ph-x{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:rgba(15,22,32,.72);color:#fff;border:none;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ph-ctrl{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.ph-chips{display:flex;gap:8px}
.ph-chip{flex:none;padding:8px 18px;border-radius:9px;border:1.5px solid var(--field-border);background:var(--surface);color:var(--muted);font:600 14px 'Libre Franklin';cursor:pointer}
.ph-chip.on{background:var(--blue-050);border-color:var(--blue);color:var(--blue)}
.ph-cap{height:46px;font-size:15px}
.ph-addbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:12px;border:1.5px dashed var(--dashed);background:var(--blue-050);color:var(--blue);font:600 16px 'Libre Franklin';cursor:pointer;margin-top:6px}
.ph-addbtn .plus{font-size:22px;line-height:1}

/* Nuotraukų rodymas — grupės Prieš/Po + užrašai (meistras/įmonė/klientas) */
.photo-cell{display:flex;flex-direction:column;gap:6px}
.photo-cap{font:500 13px 'Libre Franklin';color:var(--muted);line-height:1.35}
.photo-group{margin-bottom:18px}
.photo-group:last-child{margin-bottom:0}
.photo-group-title{display:inline-block;font:700 12px 'Libre Franklin';color:var(--blue);background:var(--blue-050);padding:5px 13px;border-radius:999px;letter-spacing:.02em;margin-bottom:11px}

/* sticky footer bar (save / new) */
.sticky-bottom{position:sticky;bottom:0;background:linear-gradient(to top,var(--bg) 74%,transparent);padding:16px 22px 22px}
.sticky-bottom.solid{background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 20px -12px rgba(0,0,0,.15)}

/* banners */
.banner{display:flex;gap:12px;align-items:center;border-radius:14px;padding:16px 18px}
.banner.ok{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green-ink);font:600 17px 'Libre Franklin'}
.banner.info{background:var(--blue-100);color:var(--banner-ink);font:500 16px 'Libre Franklin';align-items:flex-start;line-height:1.45}
.banner .ic{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:700 16px 'Libre Franklin';
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.banner.ok .ic{background:var(--green)}

/* link box */
.linkbox{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--field-border);border-radius:12px;padding:0 8px 0 16px;height:58px}
.linkbox .url{flex:1;font:500 15px 'JetBrains Mono';color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linkbox .copy{background:var(--blue-050);border:none;border-radius:9px;height:42px;padding:0 16px;font:700 15px 'Libre Franklin';color:var(--blue);cursor:pointer}

/* login logo */
.brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin:26px 0 40px}
.brand .logo{width:74px;height:74px;border-radius:20px;background:var(--blue);display:flex;align-items:center;justify-content:center;
  font:800 34px 'Libre Franklin';color:#fff;box-shadow:0 10px 24px -8px rgba(36,86,184,.6)}
.brand .name{font:800 32px 'Libre Franklin';color:var(--ink)}
.brand .sub{font:500 17px 'Libre Franklin';color:var(--muted2);text-align:center;line-height:1.4}

.link-inline{color:var(--accent);font-weight:700;cursor:pointer}
.err{color:var(--red);font:600 15px 'Libre Franklin';margin-top:4px;min-height:1px}
.car-hint{display:none;margin-top:8px;padding:9px 13px;border-radius:10px;background:var(--blue-050);color:var(--blue);font:600 14px 'Libre Franklin';line-height:1.4}
.car-hint.show{display:block}
.car-hint b{font-weight:800}

/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--toast-bg);color:#fff;
  font:600 16px 'Libre Franklin';padding:14px 22px;border-radius:12px;box-shadow:0 12px 30px -8px rgba(0,0,0,.4);z-index:200;opacity:0;
  transition:opacity .2s, transform .2s;pointer-events:none;max-width:90%}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* lightbox */
.lightbox{position:fixed;inset:0;background:rgba(10,14,20,.92);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}
.lightbox img{max-width:100%;max-height:100%;border-radius:10px}

/* patvirtinimo langas (modal) — vietoj naršyklės confirm()/prompt() */
.modal-back{position:fixed;inset:0;background:rgba(10,14,20,.55);display:flex;align-items:center;justify-content:center;z-index:400;padding:20px;animation:mfade .14s ease}
.modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px 24px 22px;box-shadow:0 24px 60px -18px rgba(0,0,0,.5);animation:mpop .16s ease}
.modal-title{font:800 22px 'Libre Franklin';color:var(--ink);letter-spacing:-.01em}
.modal-body{font:450 16px 'Libre Franklin';color:var(--banner-ink);line-height:1.55;margin-top:12px}
.modal-body b{font-weight:700;color:var(--ink)}
.modal-actions{display:flex;gap:12px;margin-top:22px}
.modal-actions .btn{flex:1;width:auto;height:54px;font-size:18px;margin:0}
@keyframes mfade{from{opacity:0}to{opacity:1}}
@keyframes mpop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* spinner / loading */
.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--muted2);font:500 17px 'Libre Franklin'}

/* client-view read-only line item */
.li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--li-border)}
.li:last-child{border-bottom:none}
.li .desc{font:500 18px 'Libre Franklin';color:var(--ink2);line-height:1.3}
.li .amt{font:700 18px 'Libre Franklin';color:var(--ink);white-space:nowrap}
.li-group-h{font:700 13px 'Libre Franklin';color:var(--accent);letter-spacing:.05em;text-transform:uppercase;padding:12px 0 2px}
.li-sub{border-top:1px solid var(--border);border-bottom:none !important}
.li-sub .desc{font-weight:700 !important;color:var(--muted) !important}
.li-sub .amt{font-weight:800}

/* darbų pasiūlymai (autocomplete) */
.suggest{}
.suggest.open{margin-top:6px;border:1.5px solid var(--field-border);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 10px 24px -12px rgba(0,0,0,.25)}
.sug-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;border-bottom:1px solid var(--li-border)}
.sug-item:last-child{border-bottom:none}
.sug-item:active{background:var(--blue-050)}
.sug-desc{font:500 16px 'Libre Franklin';color:var(--ink)}
.sug-hint{font:500 12px 'Libre Franklin';color:var(--muted3);white-space:nowrap}

/* eilutės tipas (darbas / dalis) + užrakinta kaina */
.item-head{display:flex;align-items:center;justify-content:space-between;min-height:24px}
.type-tag{font:700 12px 'Libre Franklin';letter-spacing:.03em;padding:3px 10px;border-radius:999px}
.type-tag.darbas{background:var(--blue-050);color:var(--blue)}
.type-tag.dalis{background:var(--warn-bg2);color:var(--warn-ink)}

/* status chips (meistras perjungia) */
.chip{border:1.5px solid var(--field-border);background:var(--surface);border-radius:11px;padding:12px 16px;font:700 16px 'Libre Franklin';color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.chip.on-green{background:var(--green);color:#fff;border-color:var(--green)}

/* badges (būsena / apmokėjimas) */
.badge{display:inline-block;padding:5px 12px;border-radius:999px;font:700 13px 'Libre Franklin'}
.badge.vykdoma{background:var(--warn-bg);color:var(--warn-ink)}
.badge.atlikta{background:var(--green-bg);color:var(--green-ink)}
.badge.paid{background:var(--green-bg);color:var(--green-ink)}
.badge.unpaid{background:var(--surface-sunk);color:var(--muted2)}
/* kliento sekimas – žingsniai (kaip siuntų sekimas), aišku senam žmogui */
.track{display:flex;justify-content:space-between;position:relative;margin:2px 2px 4px;padding:4px 0}
.track::before{content:'';position:absolute;top:21px;left:16%;right:16%;height:2px;background:var(--field-border);z-index:0}
.track-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}
.track-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 15px 'Libre Franklin';background:var(--white);color:var(--muted3);border:2px solid var(--field-border)}
.track-lbl{font:600 13px 'Libre Franklin';color:var(--muted2);text-align:center;line-height:1.2}
.track-step.done .track-dot{background:var(--green);color:#fff;border-color:var(--green)}
.track-step.done .track-lbl{color:var(--green-ink)}
.track-step.active .track-dot{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-050)}
.track-step.active .track-lbl{color:var(--ink);font-weight:700}

/* ---- Responsive: kompiuteryje platesnis (ypač įmonės dashboard) ---- */
@media (min-width:900px){
  .app.wide{ max-width:none; box-shadow:none; }   /* įmonė = pilnas langas, be centravimo */
  .app:not(.wide){ max-width:680px; }             /* meistras = platesnis, centruotas */
  .app.mwide:not(.wide){ max-width:1100px; }       /* meistras = platesnis, centruotas VISUR (~kaip įmonės realus turinio plotis su meniu) */
  .mgrid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start; }  /* darbai 2 stulpeliais */
}
/* ---- Planšetė (600–899px): platesnis app'as nei telefone, kad neatrodytų tuščia šonuose ---- */
@media (min-width:600px) and (max-width:899px){
  .app{ max-width:620px; }
}
/* kortelių tinklelis: telefone stulpelis, kompiuteryje grid'as */
.cgrid{ display:flex; flex-direction:column; gap:12px; }
@media (min-width:900px){
  .cgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; align-items:start; }
}

/* ============ ĮMONĖS DESKTOP (V4.5) ============ */
.num{ font-variant-numeric:tabular-nums; }
.desktop-only{ display:none; }
@media (min-width:900px){ .desktop-only{ display:block; } .mobile-only{ display:none; } }

/* sidebar + nav (tamsus VISADA – tiek šviesioj, tiek tamsioj temoj) */
.csidebar{ background:#14181f; }
.cbrand{ padding:14px 16px 6px; }
.clogo{ display:flex; align-items:center; gap:10px; }
.clogo span{ font:800 19px 'Libre Franklin',sans-serif; color:#fff; letter-spacing:-.02em; }
.cco{ display:flex; align-items:center; gap:10px; margin-top:10px; }
.cco .ceyebrow{ font:600 11px 'Libre Franklin'; color:#6b7688; letter-spacing:.11em; text-transform:uppercase; }
.cco .cco-name{ font:600 15px 'Libre Franklin'; color:#c7cfda; }
.cco-logo{ width:34px; height:34px; border-radius:8px; object-fit:cover; flex:none; background:#fff; }
.cco-logo-ph{ display:flex; align-items:center; justify-content:center; font:800 15px 'Libre Franklin'; color:#fff; background:#2b333f; }
.cnav{ display:flex; gap:4px; overflow-x:auto; padding:10px 12px; }
.cnav::-webkit-scrollbar{ display:none; }
.cnav-item{ display:flex; align-items:center; gap:11px; height:42px; padding:0 14px; border-radius:8px; border:none;
  background:none; color:#9aa4b3; font:600 14px 'Libre Franklin'; cursor:pointer; white-space:nowrap; position:relative;
  transition:background .12s, color .12s; }
.cnav-item svg{ width:19px; height:19px; flex-shrink:0; }
.cnav-item:hover{ background:rgba(255,255,255,.05); color:#c7cfda; }
.cnav-item.on{ background:rgba(255,255,255,.07); color:#fff; }
.cnav-item.on svg{ color:#7aa7f2; }
.cnav-foot{ padding:0 12px 12px; }

/* ---- D1: įmonės viršus ANT TELEFONO — kompaktiškas (desktopas <900px nepaliestas) ---- */
@media (max-width:899px){
  .cbrand{ display:flex; align-items:center; gap:10px; padding:12px 16px 10px; }
  .clogo{ display:none; }                      /* brandmark'as telefone lieka vienas ir atrodo kaip „hamburger" meniu — slepiam; lieka įmonės logo+pavadinimas */
  .cco{ margin-top:0; }
  .cco .ceyebrow{ display:none; }              /* „ĮMONĖS SRITIS" – nereikia */
  .cco .cco-name{ margin-top:0; font:700 17px 'Libre Franklin'; color:#eaeef4; }
  .cnav{ gap:6px; padding:2px 12px 12px; overflow:visible; }
  .cnav-item{ flex:1; flex-direction:column; gap:4px; height:auto; min-width:0; padding:9px 4px; border-radius:10px; }
  .cnav-item svg{ width:20px; height:20px; }
  .cnav-item span{ font-size:12px; line-height:1; white-space:nowrap; }
  .cnav-foot{ display:none; }                  /* Atsijungti – tik Nustatymuose */
}

.cmain{ background:var(--c-bg); }
.cwrap{ padding:18px 16px 40px; }
.cmain-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:20px; }
.cmain-head .h{ font:800 24px 'Libre Franklin'; color:var(--ink); letter-spacing:-.02em; }
.cmain-head .sub{ font:450 15px 'Libre Franklin'; color:var(--c-sub); margin-top:4px; }
.cmain-head .date{ font:500 14px 'Libre Franklin'; color:var(--c-date); }

@media (min-width:900px){
  .cpage{ display:flex; align-items:stretch; min-height:100dvh; }
  .csidebar{ width:236px; flex-shrink:0; display:flex; flex-direction:column; min-height:100dvh; padding:22px 12px 12px; }
  .cbrand{ padding:0 8px; }
  .cco{ margin-top:16px; padding-top:14px; border-top:1px solid #242b36; }
  .cnav{ flex-direction:column; overflow:visible; margin-top:16px; padding:0; gap:3px; }
  .cnav-item{ height:44px; }
  .cnav-item.on::before{ content:''; position:absolute; left:-8px; top:10px; bottom:10px; width:3px; border-radius:0 3px 3px 0; background:#4b8bf5; }
  .cnav-foot{ margin-top:auto; padding:12px 0 0; border-top:1px solid #242b36; }
  .cmain{ flex:1; min-width:0; }
  .cwrap{ padding:28px 32px 48px; }
}

/* statistikos kortelės */
.cstats{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }
@media (min-width:900px){ .cstats{ grid-template-columns:repeat(4,1fr); gap:16px; } }
.cstat{ background:var(--surface); border:1px solid var(--c-border); border-radius:10px; padding:16px 18px; }
.cstat .lbl{ font:600 13px 'Libre Franklin'; color:var(--c-sub); }
.cstat .val{ font:800 26px 'Libre Franklin'; color:var(--ink); margin-top:8px; letter-spacing:-.02em; }

/* filtrų juosta */
.cfilters{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
/* Mobiliajame: įmonės filtro 4 skirtukai telpa per visą plotį (nesikiša, visi matomi) */
@media (max-width:899px){
  .cfilters .seg{ display:flex; width:100%; }
  .cfilters .seg .seg-item{ flex:1; justify-content:center; padding:0 8px; font-size:13px; white-space:nowrap; }
}
.seg{ display:inline-flex; gap:2px; background:var(--c-seg-bg); border-radius:9px; padding:3px; }
.seg-item{ height:34px; padding:0 15px; display:flex; align-items:center; border-radius:6px; font:500 14px 'Libre Franklin'; color:var(--c-seg-ink); cursor:pointer; }
.seg-item.on{ background:var(--surface); color:var(--ink); font-weight:600; box-shadow:0 1px 2px rgba(20,32,60,.08); }
/* V6b: meistro „Darbai/Mašinos" perjungiklis – per visą plotį, didesni mygtukai */
.mtabs-wrap{ padding-top:0; padding-bottom:2px; }
.seg.mtabs{ display:flex; width:100%; }
.seg.mtabs .seg-item{ flex:1; justify-content:center; height:46px; font-size:16px; }
.cselect{ height:40px; padding:0 12px; background:var(--surface); border:1px solid var(--c-in-border); border-radius:8px; font:500 14px 'Libre Franklin'; color:var(--c-in-ink); }
.csearch{ flex:1; min-width:160px; height:40px; padding:0 14px; background:var(--surface); border:1px solid var(--c-in-border); border-radius:8px; font:450 14px 'Libre Franklin'; color:var(--ink); }

/* lentelė */
.ctable-wrap{ background:var(--surface); border:1px solid var(--c-border); border-radius:10px; overflow-x:auto; }
.ctable{ width:100%; border-collapse:collapse; }
.ctable th{ text-align:left; font:600 12px 'Libre Franklin'; color:var(--c-th-ink); letter-spacing:.05em; padding:11px 16px; background:var(--c-th-bg); border-bottom:1px solid var(--c-th-border); white-space:nowrap; }
.ctable td{ padding:13px 16px; border-bottom:1px solid var(--c-td-border); font:500 14px 'Libre Franklin'; color:var(--ink); white-space:nowrap; }
.ctable tbody tr:last-child td{ border-bottom:none; }
.ctable tbody tr{ cursor:pointer; transition:background .12s; }
.ctable tbody tr:hover{ background:var(--c-row-hover); }
.ctable .plate-cell{ font:700 14px 'JetBrains Mono'; letter-spacing:.06em; color:var(--blue); background:var(--blue-050); padding:4px 8px; border-radius:6px; }
.tavatar{ width:34px; height:34px; border-radius:50%; background:var(--blue-050); color:var(--blue); font:700 13px 'Libre Franklin'; display:inline-flex; align-items:center; justify-content:center; }

/* meistrų performance kortelės (V7 — įmonės sekimo dashboard) */
.mstats{ display:grid; grid-template-columns:1fr 1fr; gap:12px 14px; }
.ms-lbl{ font:600 11px 'Libre Franklin'; color:var(--c-sub); text-transform:uppercase; letter-spacing:.04em; }
.ms-val{ font:800 20px 'Libre Franklin'; color:var(--ink); margin-top:3px; letter-spacing:-.01em; }
.mcard-link{ margin-top:14px; padding-top:12px; border-top:1px solid var(--c-td-border); font:700 14px 'Libre Franklin'; color:var(--accent); }

/* ---- Užsakymai: agenda (sąrašas pagal dieną) + filtrai ---- */
.ag-search{ height:48px; border:1.5px solid var(--field-border); background:var(--surface); border-radius:12px; padding:0 15px; font:500 16px 'Libre Franklin'; color:var(--ink); outline:none; }
.ag-search:focus{ border-color:var(--blue); }
.ag-search::placeholder{ color:var(--ph); }
.ag-seg{ display:inline-flex; gap:2px; background:var(--c-seg-bg); border-radius:9px; padding:3px; flex:1; }
.ag-seg button{ flex:1; height:38px; border:none; background:none; border-radius:6px; font:600 14px 'Libre Franklin'; color:var(--c-seg-ink); cursor:pointer; }
.ag-seg button.on{ background:var(--surface); color:var(--ink); box-shadow:0 1px 2px rgba(20,32,60,.08); }
.ag-day{ font:700 12px 'Libre Franklin'; color:var(--accent); text-transform:uppercase; letter-spacing:.05em; padding:18px 2px 6px; }
.ag-day.today{ color:var(--blue); }
.ag-card{ background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:14px 16px; margin-bottom:12px; display:flex; gap:14px; align-items:flex-start; cursor:pointer; }
.ag-card:active{ background:var(--surface-active); }
.ag-time{ font:800 17px 'Libre Franklin'; color:var(--ink); min-width:54px; }
.ag-body{ flex:1; min-width:0; }
.ag-car{ font:700 16px 'Libre Franklin'; color:var(--ink); line-height:1.3; }
.ag-meta{ font:500 14px 'Libre Franklin'; color:var(--muted2); margin-top:4px; line-height:1.35; }
.ag-badge{ display:inline-block; margin-top:11px; padding:4px 12px; border-radius:999px; font:700 12px 'Libre Franklin'; }
.ag-badge.laukiama{ background:var(--blue-050); color:var(--blue); }
.ag-badge.atvyko{ background:var(--green-bg); color:var(--green-ink); }
.ag-badge.atsaukta{ background:var(--surface-sunk); color:var(--muted2); }
.ag-empty{ padding:40px 18px; text-align:center; color:var(--muted2); font:500 16px 'Libre Franklin'; }

/* ---- Užsakymai: kalendoriaus tinklelis (įmonė, kompas) ---- */
.cal-new{ border:none; background:var(--blue); color:#fff; border-radius:9px; height:40px; padding:0 16px; font:700 14px 'Libre Franklin'; cursor:pointer; white-space:nowrap; }
.cal-head{ display:flex; align-items:center; gap:8px; padding:0 0 14px; flex-wrap:wrap; }
.cal-nav{ width:38px; height:40px; border-radius:9px; border:1px solid var(--c-border); background:var(--surface); color:var(--ink); font-size:16px; cursor:pointer; }
.cal-today{ height:40px; padding:0 14px; border-radius:9px; border:1px solid var(--c-border); background:var(--surface); color:var(--ink); font:600 14px 'Libre Franklin'; cursor:pointer; margin-left:auto; }
.cal-label{ font:700 16px 'Libre Franklin'; color:var(--ink); min-width:128px; text-align:center; }
.cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:1px; background:var(--c-border); border:1px solid var(--c-border); border-radius:12px; overflow:hidden; }
.cal-dow{ background:var(--c-th-bg); color:var(--c-th-ink); font:600 11px 'Libre Franklin'; text-transform:uppercase; letter-spacing:.04em; text-align:center; padding:9px 0; }
.cal-cell{ background:var(--surface); min-height:112px; padding:9px 10px; }
.cal-cell.today{ box-shadow:inset 0 3px 0 -1px var(--blue); }
.cal-cell.out{ background:var(--c-bg); }
.cal-date{ font:600 13px 'Libre Franklin'; color:var(--muted2); display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; }
.cal-cell.out .cal-date{ color:var(--muted3); opacity:.55; }
.cal-cell.today .cal-date{ background:var(--blue); color:#fff; border-radius:50%; width:24px; height:24px; }
.cal-ev{ display:block; margin-top:6px; font:600 11.5px 'Libre Franklin'; padding:4px 8px; border-radius:7px; background:var(--blue-050); color:var(--blue); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.cal-ev.atvyko{ background:var(--green-bg); color:var(--green-ink); }
.cal-ev.atsaukta{ background:var(--surface-sunk); color:var(--muted2); text-decoration:line-through; }
.cal-more{ display:block; margin-top:4px; font:600 11px 'Libre Franklin'; color:var(--muted3); padding:0 7px; }
/* Meistro kalendorius (kompas): kompaktiškesnės ląstelės (paieška+kalendorius+mygtukas — vienodas plotis, sulygiuota) */
.app.mwide .cal-cell{ min-height:96px; }

/* Datos parinkiklis (custom, LT — vietoj native) */
.dp{ position:relative; }
.dp-field{ width:100%; text-align:left; display:flex; align-items:center; cursor:pointer; font:500 17px 'Libre Franklin'; color:var(--ink); }
.dp-pop{ position:absolute; z-index:60; top:calc(100% + 6px); left:0; width:304px; max-width:calc(100vw - 40px); background:var(--surface); border:1.5px solid var(--field-border); border-radius:14px; padding:14px; box-shadow:0 14px 34px -12px rgba(0,0,0,.4); }
.dp-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.dp-title{ font:700 15px 'Libre Franklin'; color:var(--ink); }
.dp-nav{ width:34px; height:34px; border-radius:8px; border:1px solid var(--field-border); background:var(--surface); color:var(--ink); font-size:16px; cursor:pointer; }
.dp-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.dp-dow{ text-align:center; font:700 11px 'Libre Franklin'; color:var(--muted3); text-transform:uppercase; padding:2px 0 6px; }
.dp-day{ height:38px; border:none; background:none; border-radius:9px; font:600 14px 'Libre Franklin'; color:var(--ink); cursor:pointer; }
.dp-day:hover{ background:var(--surface-sunk); }
.dp-day.sel{ background:var(--blue); color:#fff; }
.dp-day.dis{ color:var(--ph); opacity:.45; cursor:default; }

/* darbo detalė 2 stulpeliai (desktop) */
.cjob{ display:flex; flex-direction:column; gap:16px; }
@media (min-width:900px){ .cjob{ display:grid; grid-template-columns:1fr 320px; gap:20px; align-items:start; } }

/* big call button (client) */
.call{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--blue);border-radius:14px;height:66px;
  gap:1px;box-shadow:var(--shadow-btn);text-decoration:none}
.call .t{font:700 20px 'Libre Franklin';color:#fff}
.call .p{font:500 14px 'Libre Franklin';color:#bcd0f0}

/* ---- jungiklis (tema: šviesi / tamsi) ---- */
.switch{position:relative;width:52px;height:32px;border-radius:999px;background:var(--surface-sunk);border:1.5px solid var(--field-border);cursor:pointer;flex-shrink:0;padding:0;transition:background .15s,border-color .15s}
.switch .knob{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .16s}
.switch.on{background:var(--blue);border-color:var(--blue)}
.switch.on .knob{transform:translateX(20px)}

/* ============================================================
   TAMSI TEMA — keičiam tik paviršius/tekstą/rėmelius.
   Akcentai (mėlyna/žalia „pilytės", plokštelės) lieka šviesūs =
   ryškūs akcentai ant tamsaus fono. Klientas (p.html) NIEKAD
   nenustato data-theme, todėl jis visada lieka šviesus.
   ============================================================ */
[data-theme="dark"]{
  --bg:#0e131a; --c-bg:#0e131a;
  --surface:#181f29; --surface-active:#1f2733; --surface-sunk:#12181f; --surface-photo:#1f2733;
  --ink:#e9edf3; --ink2:#dde3ec;
  --muted:#aeb8c6; --muted2:#8b96a6; --muted3:#6b7686; --ph:#5f6b7b;
  --border:#28313d; --field-border:#323c4a; --li-border:#232c37; --divider:#232c37;
  --toast-bg:#2a3441; --accent:#7aa7f2; --price-ink:#3ecf8e; --danger2:#f26a5f;
  --blue-050:#1a2740; --blue-100:#172232; --banner-ink:#c3d1e4;   /* mėlyni akcentai – tamsūs, kad nerėžtų akies */
  --c-border:#28313d; --c-sub:#8b96a6; --c-date:#6b7686;
  --c-seg-bg:#10161e; --c-seg-ink:#aeb8c6; --c-in-border:#323c4a; --c-in-ink:#dde3ec;
  --c-th-bg:#141a22; --c-th-border:#232c37; --c-td-border:#1e262f; --c-th-ink:#8b96a6; --c-row-hover:#1f2733;
}
/* Dark mode: mėlyni akcentai (plokštelė, žymos, kalendoriaus įvykiai) —
   šviesiai mėlynas tekstas ant tamsiai mėlyno fono, kad būtų aiškiai matoma */
[data-theme="dark"] .plate,
[data-theme="dark"] .type-tag.darbas,
[data-theme="dark"] .ctable .plate-cell,
[data-theme="dark"] .tavatar,
[data-theme="dark"] .ag-badge.laukiama,
[data-theme="dark"] .cal-ev,
[data-theme="dark"] .btn.ghost,
[data-theme="dark"] .linkbox .copy,
[data-theme="dark"] .avatar,
[data-theme="dark"] .car-hint{ color:#8fb4f5; }

/* ============================================================
   SĄSKAITA-FAKTŪRA — dokumentas + spausdinimas
   ============================================================ */
.inv{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--li-border);border-radius:14px;padding:36px 38px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}
.inv-head-l{display:flex;align-items:center;gap:16px}
.inv-logo{width:64px;height:64px;object-fit:contain;flex:none}
/* Logotipas: Nustatymų peržiūra + kliento lango antraštė */
.logo-preview{width:72px;height:72px;border-radius:14px;overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surface-sunk);border:1px solid var(--border)}
.logo-preview img{width:100%;height:100%;object-fit:contain}
.logo-preview span{font:800 30px 'Libre Franklin';color:var(--muted2)}
.cli-head{display:flex;align-items:center;gap:14px}
.cli-logo{width:56px;height:56px;border-radius:12px;object-fit:contain;flex:none}
.inv-doctype{font:700 12px 'Libre Franklin';color:var(--muted2);letter-spacing:.16em;text-transform:uppercase}
.inv-nr{font:800 22px 'Libre Franklin';color:var(--ink);margin-top:4px;letter-spacing:-.01em}
.inv-meta{text-align:right}
.inv-date{font:600 13px 'Libre Franklin';color:var(--muted);white-space:nowrap}
.inv-parties{display:flex;gap:28px;margin-bottom:24px;flex-wrap:wrap}
.inv-party{flex:1;min-width:200px;font:500 13.5px 'Libre Franklin';color:var(--ink);line-height:1.7}
.inv-lbl{font:700 11px 'Libre Franklin';color:var(--muted2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.inv-name{font:700 15.5px 'Libre Franklin';color:var(--ink);margin-bottom:3px}
.inv-ref{font:500 13px 'Libre Franklin';color:var(--muted);margin-bottom:18px}
.inv-ref b{color:var(--ink);font-weight:700}
.inv-table{width:100%;border-collapse:collapse;margin-bottom:20px;font:500 13.5px 'Libre Franklin'}
.inv-table th{text-align:left;font:700 11px 'Libre Franklin';color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;padding:0 10px 9px;border-bottom:1.5px solid var(--ink)}
.inv-table td{padding:11px 10px;border-bottom:1px solid var(--li-border);color:var(--ink);vertical-align:top}
.inv-table tbody tr:last-child td{border-bottom:none}
.inv-table .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.inv-tag{font:600 10px 'Libre Franklin';color:var(--muted);background:var(--surface-sunk);padding:1px 7px;border-radius:5px;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}
.inv-totals{margin-left:auto;width:270px;background:var(--surface-sunk);border-radius:10px;padding:14px 18px}
.inv-trow{display:flex;justify-content:space-between;padding:5px 0;font:600 14px 'Libre Franklin';color:var(--muted)}
.inv-trow span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}
.inv-total{border-top:1.5px solid var(--ink);margin-top:8px;padding-top:11px;font:800 19px 'Libre Franklin';color:var(--ink)}
.inv-foot{margin-top:24px;padding-top:16px;border-top:1px solid var(--li-border);font:500 12.5px 'Libre Franklin';color:var(--muted);line-height:1.65}
.inv-foot b{color:var(--ink);font-weight:700}

/* Sąskaita telefone — mažiau tarpų, stulpeliai kvėpuoja (#18) */
@media (max-width:560px){
  .h1.sm{font-size:20px}
  .inv{padding:22px 16px}
  .inv-head{margin-bottom:18px;gap:12px}
  .inv-nr{font-size:19px}
  .inv-parties{flex-direction:column;gap:16px;margin-bottom:18px}
  .inv-party{min-width:0}
  .inv-table{font-size:12.5px}
  .inv-table th{padding:0 6px 8px}
  .inv-table td{padding:9px 6px}
  .inv-totals{width:100%;margin-left:0}
}

@media print{
  /* spausdinam VISADA šviesiai (net jei ekrane tamsi tema) */
  :root,[data-theme="dark"]{
    --bg:#fff; --surface:#fff; --surface-sunk:#f5f5f6; --ink:#111; --muted:#555; --muted2:#6a6a6a; --muted3:#888;
    --li-border:#d6d6d9; --accent:#111;
  }
  .topbar,.noprint,.cnav,.cbrand,.cnav-foot,.toast{display:none !important}
  body,.app,.pad{background:#fff !important}
  .pad{padding:0 !important}
  .inv{max-width:100%;border:none;box-shadow:none;border-radius:0;padding:16mm 15mm}
  .inv-table tr,.inv-totals{page-break-inside:avoid}
  @page{margin:0}   /* margin:0 → naršyklė NEBEPIEŠIA antraštės/poraštės (data, „Aišku — meistras", URL, 1/1); paraštę duoda .inv padding */
}
