/* Rėja — Instrument Sans (SIL OFL), laikomas savame serveryje: saugumo
   politika šriftus leidžia tik iš to paties domeno. Lietuviškos raidės — latin-ext. */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/InstrumentSans-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/InstrumentSans-latinext-400.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/InstrumentSans-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/InstrumentSans-latinext-500.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/InstrumentSans-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/InstrumentSans-latinext-600.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* ==========================================================================
   si-system.css — dizaino sistema (buvęs assets/si-v3.css).
   Kraunama PASKUTINĖ, todėl perrašo ir bazę, ir puslapių <style> blokus.
   Būtent dėl to čia tiek !important: jie kaunasi su dublikatais, kurių
   vieta yra šiame faile, o ne puslapiuose.
   ========================================================================== */

/* Rėja — dizaino sistema. Kraunama PASKUTINĖ ir perrašo :root tokenus. */

:root{
  /* Neutralai išmatuoti iš Claude iOS programos ekrano nuotraukų (@3x).
     Apple vėsūs pilkšvi tonai pakeisti šiltais — v3 paletė ėjo priešinga
     kryptimi nei tikslas. --gray sąmoningai NĖRA app reikšmė #A3A29F:
     ji duoda tik 2,55:1 kontrastą, o mūsų etiketės 10,5–11,5px, ne 15pt.
     Paimtas tas pats šviesumas kaip dabar (3,65:1), tik šiltas atspalvis.
     Tikroji app reikšmė laukia --gray-soft, kol v4 paaugins šriftus. */
  --ink:#0D2338;--paper:#ffffff;--paper-2:#ECEFF3;--bone:#F3F5F7;--line:#DFE4EA;--gray:#5B6B7C;
  --gray-soft:#8794A3;
  --teal:#14A394;--teal-deep:#0B7A6F;--accent:#0D2338;--accent-2:#14A394;--accent-pale:#EAF7F5;
  --ok:#14A394;--ok-t:#0E6B4F;--ok-bg:#E2F3EC;--warn:#E0A33A;--warn-t:#8A5300;--warn-bg:#FDF1DC;--bad:#D9534F;--bad-t:#A7302A;--bad-bg:#FCE8E6;
  --p-hi:#A7302A;--p-mid:#8A5300;--p-low:#0E6B4F;
  --ch-linkedin:#2B5C82;--ch-facebook:#4C63B6;--ch-instagram:#B5527E;--ch-reels:#A34F82;--ch-youtube:#8C3A3A;--ch-email:#4E6B66;
  --ch-pr:#5E5A8C;--ch-outdoor:#4E7A5A;--ch-svente:#7A6A4F;--ch-uzduotis:#6B6B63;--ch-meta:#2B5C82;--ch-google:#B8863B;
  /* Trumpieji kanalų vardai. Jie naudojami maketuose v5/v6 ir kode, bet iki
     šiol nebuvo apibrėžti — var(--li) tyliai nieko negrąžindavo. Aliasai, o ne
     antros reikšmės: spalva keičiama VIENOJE vietoje, --ch-* eilutėje aukščiau. */
  --li:var(--ch-linkedin);--fb:var(--ch-facebook);--ig:var(--ch-instagram);
  --reels:var(--ch-reels);--yt:var(--ch-youtube);--mail:var(--ch-email);
  --pr:var(--ch-pr);--out:var(--ch-outdoor);--hol:var(--ch-svente);
  --uzd:var(--ch-uzduotis);--meta:var(--ch-meta);--goog:var(--ch-google);
  /* Kanalų fono atspalviai — šviesios tų pačių spalvų versijos. */
  /* Dėmesio tonas. Ta pati reikšmė kaip Google Ads, bet KITA rolė:
     „Ruošiama", „rekomenduojamas", „laukia", „pakeista". Du tokenai su
     viena reikšme, kad v4 metu juos būtų galima išskirti nekapstant kodo. */
  --attn:#8A5300;--attn-bg:#FDF1DC;--attn-bg-soft:#FBF4E6;--pr-bg:#E8E3F0;
  --li-bg:#E4ECF1;--fb-bg:#E7E9F5;--ig-bg:#F7E6EF;--reels-bg:#F3E5EE;
  --yt-bg:#F4E4E4;--mail-bg:#E4ECEA;--hol-bg:#F1EDE3;--goog-bg:#FAF2E4;
  --r-card:16px;--r-el:10px;--r-chip:999px;--r-btn:12px;
  --shadow-1:0 1px 2px rgba(13,35,56,.05);--shadow-2:0 1px 2px rgba(13,35,56,.05);--shadow-3:-8px 0 30px rgba(0,0,0,.12);
  --nav-h:64px;--font:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--font);background:var(--bone)!important;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body,button,input,select,textarea{font-family:var(--font);}
.num,.gap-num,.kpi-num,.si-tnum,input[type=date],input[type=number]{font-variant-numeric:tabular-nums;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}

/* 1. ANTRAŠTĖ — senoji paslepiama, naują duoda partials/si-nav.php */
header.top{display:none!important;}
#siBar{display:none!important;}
nav.si-nav{position:sticky;top:0;z-index:900;display:flex!important;align-items:center;gap:14px;height:var(--nav-h);padding:0 16px;margin:0;background:rgba(255,255,255,.85);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line);box-sizing:border-box;}
nav.si-nav .si-logo{display:flex;align-items:center;flex-shrink:0;line-height:0;}
nav.si-nav .si-logo img{height:34px;width:auto;display:block;}
nav.si-nav .si-brand{font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;line-height:1.25;flex-shrink:0;}
nav.si-nav .si-brand span{display:block;font-size:10.5px;font-weight:400;color:var(--gray);letter-spacing:0;}
nav.si-nav .si-links{display:flex;gap:2px;margin-left:10px;height:100%;flex:1;overflow-x:auto;scrollbar-width:none;}
nav.si-nav .si-links::-webkit-scrollbar{display:none;}
nav.si-nav .si-links a{display:flex;align-items:center;padding:0 12px;height:100%;font-size:13px;color:var(--gray);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;box-sizing:border-box;}
nav.si-nav .si-links a:hover{color:var(--ink);border-bottom-color:var(--line);}
nav.si-nav .si-links a.on{color:var(--ink);font-weight:600;border-bottom-color:var(--accent);}
nav.si-nav .si-links a.soon{color:var(--line);cursor:default;pointer-events:none;}
nav.si-nav .si-links a.soon i{font-style:normal;font-size:9px;letter-spacing:0;text-transform:none;margin-left:6px;padding:2px 5px;border:1px solid var(--line);color:var(--gray);border-radius:var(--r-chip);}
nav.si-nav .si-links a .cnt{margin-left:6px;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--bad);color:var(--paper);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;}
nav.si-nav .si-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;}
nav.si-nav .si-role{font-size:10.5px;letter-spacing:0;text-transform:none;font-weight:600;padding:4px 9px;border-radius:var(--r-chip);background:var(--paper-2);color:var(--accent);white-space:nowrap;}
nav.si-nav .si-role.klientas{background:var(--warn-bg);color:var(--warn-t);}
nav.si-nav .si-out{font-size:12px;color:var(--gray);text-decoration:none;white-space:nowrap;}
nav.si-nav .si-out:hover{color:var(--bad-t);}
nav.si-nav .si-ver{font-size:9.5px;color:var(--gray);border:1px solid var(--line);padding:1px 5px;border-radius:4px;white-space:nowrap;}
.si-head{padding:24px 20px 0;max-width:1280px;margin:0 auto;box-sizing:border-box;}
.si-head h1{font-size:23px;margin:0 0 3px;font-weight:700;letter-spacing:-.02em;line-height:1.2;}
.si-head .si-sub{font-size:13px;color:var(--gray);margin:0;}
.si-head .si-sub a{color:var(--accent);}
@media (max-width:900px){nav.si-nav{gap:10px;padding:0 12px;}nav.si-nav .si-brand,nav.si-nav .si-ver{display:none;}.si-head{padding:18px 14px 0;}.si-head h1{font-size:20px;}}

/* 2. MYGTUKAI, VALDIKLIAI, FORMOS */
.si-btn,.si-btn-2,.si-btn-del{font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--r-btn);transition:background .15s,border-color .15s,transform .1s;}
.si-btn{padding:9px 18px;border:none;background:var(--accent);color:var(--paper);}
.si-btn:hover{background:#3f5a55;}.si-btn:active{transform:scale(.98);}
.si-btn-2{padding:8px 14px;border:1px solid var(--line);background:var(--paper);color:var(--accent);font-size:12.5px;}
.si-btn-2:hover{border-color:var(--accent);background:var(--bone);}
.si-btn-del{padding:8px 12px;border:none;background:none;color:var(--bad-t);font-size:12.5px;}
.si-seg{display:inline-flex;background:var(--bone);padding:2px;border-radius:var(--r-el);}
.si-seg button{font-size:12.5px;font-weight:500;padding:7px 14px;border:none;background:none;cursor:pointer;color:var(--gray);border-radius:6px;position:relative;white-space:nowrap;}
.si-seg button:hover{color:var(--ink);}
.si-seg button.on{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:var(--shadow-1);}
.si-fchips{display:flex;gap:5px;flex-wrap:wrap;align-items:center;}
.si-fchips .lbl{font-size:11px;color:var(--gray);text-transform:none;letter-spacing:0;margin-right:4px;font-weight:600;}
.si-fchips button{font-size:12px;padding:4px 11px;border:1px solid var(--line);background:var(--paper);color:var(--gray);cursor:pointer;border-radius:var(--r-btn);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.si-fchips button:hover{border-color:var(--accent);color:var(--ink);}
.si-fchips button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600;}
.si-osw{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--oc,var(--accent));}
.si-f{display:flex;flex-direction:column;position:relative;}
.si-f>label{font-size:10.5px;color:var(--gray);margin-bottom:5px;text-transform:none;letter-spacing:0;font-weight:600;}
.si-f input,.si-f select,.si-f textarea,.si-in{border:1px solid var(--line);border-radius:var(--r-el);padding:8px 10px;font-size:13px;background:var(--paper);color:var(--ink);min-height:36px;}
.si-f textarea{min-height:70px;line-height:1.5;resize:vertical;}
.si-f input:focus,.si-f select:focus,.si-f textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(78,107,102,.15);}
.si-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:600px){.si-row2{grid-template-columns:1fr;}}

/* 3. KANALŲ MYGTUKAI */
.si-chgrp{margin-bottom:14px;}.si-chgrp:last-child{margin-bottom:0;}
.si-chgrp .glabel{font-size:10.5px;text-transform:none;letter-spacing:0;color:var(--gray);font-weight:600;margin-bottom:7px;display:flex;align-items:center;gap:8px;}
.si-chgrp .glabel::after{content:'';flex:1;height:1px;background:var(--line);}
.si-chs{display:flex;gap:5px;flex-wrap:wrap;}
.si-chb{font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:7px;border:1px solid var(--line);color:var(--gray);background:var(--paper);cursor:pointer;display:inline-flex;align-items:center;gap:5px;}
.si-chb::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cc,var(--line));}
.si-chb.on{background:var(--cc,var(--accent));border-color:var(--cc,var(--accent));color:var(--paper);}
.si-chb.on::before{background:rgba(255,255,255,.85);}
.si-chb[data-ch=linkedin]{--cc:var(--ch-linkedin);}.si-chb[data-ch=facebook]{--cc:var(--ch-facebook);}.si-chb[data-ch=instagram]{--cc:var(--ch-instagram);}
.si-chb[data-ch=reels]{--cc:var(--ch-reels);}.si-chb[data-ch=youtube]{--cc:var(--ch-youtube);}.si-chb[data-ch=email]{--cc:var(--ch-email);}
.si-chb[data-ch=pr]{--cc:var(--ch-pr);}.si-chb[data-ch=outdoor]{--cc:var(--ch-outdoor);}.si-chb[data-ch=svente]{--cc:var(--ch-svente);}
.si-chb[data-ch=uzduotis]{--cc:var(--ch-uzduotis);}.si-chb[data-ch=meta]{--cc:var(--ch-meta);}.si-chb[data-ch=google]{--cc:var(--ch-google);}

/* 4. KORTELĖS, KPI */
.card,.box,.form-box,.panel{border-radius:var(--r-card);box-shadow:var(--shadow-1);background:var(--paper);}
.si-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;}
.si-kpi .c{background:var(--paper);padding:18px;display:flex;flex-direction:column;}
.si-kpi .name{font-size:13.5px;font-weight:600;margin-bottom:14px;}
.si-kpi .num{font-size:40px;font-weight:700;line-height:1;letter-spacing:-.03em;display:flex;align-items:baseline;gap:7px;}
.si-kpi .num u{font-size:15px;font-weight:500;color:var(--gray);text-decoration:none;}
.si-kpi .lbl{font-size:11.5px;color:var(--gray);margin:7px 0 15px;}
.si-kpi .bar{height:5px;background:var(--paper-2);border-radius:3px;overflow:hidden;}
.si-kpi .bar i{display:block;height:100%;}
.si-kpi .bar i.ok{background:var(--ok);}.si-kpi .bar i.warn{background:var(--warn);}.si-kpi .bar i.bad{background:var(--bad);}
.si-kpi .foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;}
.si-kpi .pct{font-size:12.5px;font-weight:600;}.si-kpi .pct.ok{color:var(--ok-t);}.si-kpi .pct.warn{color:var(--warn-t);}.si-kpi .pct.bad{color:var(--bad-t);}
.si-kpi .ts{font-size:10.5px;color:var(--gray);}
.si-kpi .empty-num{font-size:26px;color:var(--line);font-weight:600;line-height:1;}
.si-kpi .empty-txt{font-size:12.5px;color:var(--gray);margin:9px 0 14px;line-height:1.5;}
.gap-bar>i.low,.gap-bar>i.bad{background:var(--bad)!important;}
.gap-bar>i.mid,.gap-bar>i.warn{background:var(--warn)!important;}
.gap-bar>i.high,.gap-bar>i.ok{background:var(--ok)!important;}

/* 5. KALENDORIUS — mėnesio tinklelis */
.day{background:var(--paper)!important;min-height:104px;padding:6px 6px 8px;box-sizing:border-box;}
.day.out,.day.paused,.day.weekend,.day.hol{background:var(--paper)!important;}
.day.blank{background:var(--bone)!important;}
.day.out .num{color:var(--line);}
.day.paused{position:relative;}
.day.paused::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(134,134,139,.07) 7px 8px);}
.day .num{font-size:11.5px;color:var(--gray);font-weight:400;display:inline-block;margin:0 2px 4px;}
.day.today .num{color:var(--paper);background:var(--accent);font-weight:600;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;margin-left:-1px;}
.day .si-hol{font-size:10px;color:var(--ch-svente);font-weight:500;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 34px);vertical-align:1px;}
.day .camps{display:flex;flex-wrap:wrap;gap:2px 7px;margin:0 2px 5px;min-height:14px;}
.day .camps .cc{border:none!important;background:none!important;padding:0 0 1px!important;font-size:10px;font-weight:500;line-height:1.2;color:var(--gray)!important;cursor:pointer;border-bottom:2px solid var(--cc,var(--line))!important;border-radius:0;letter-spacing:.02em;font-family:var(--font);}
.day .camps .cc:hover{color:var(--ink)!important;}
.day .camps .cc.meta{--cc:var(--ch-meta);}.day .camps .cc.google{--cc:var(--ch-google);}.day .camps .cc.outdoor{--cc:var(--ch-outdoor);}.day .camps .cc.pr{--cc:var(--ch-pr);}
.day .camps .cc.si-dim{opacity:.28;}
.day .chips{display:flex;flex-direction:column;gap:3px;}
.day .chips>button{display:block!important;position:relative;width:100%;text-align:left;font-size:11px;line-height:1.35;color:var(--ink)!important;background:var(--paper)!important;border:none!important;box-shadow:0 0 0 1px var(--paper-2);border-radius:var(--r-chip);padding:3px 16px 3px 7px!important;cursor:pointer;font-family:var(--font);box-sizing:border-box;margin:0;}
.day .chips>button:hover{background:var(--bone)!important;}
.day .chips>button.si-dim{opacity:.28;}
.day .chips>button.linkedin{--cc:var(--ch-linkedin);}.day .chips>button.facebook{--cc:var(--ch-facebook);}.day .chips>button.instagram{--cc:var(--ch-instagram);}
.day .chips>button.reels{--cc:var(--ch-reels);}.day .chips>button.youtube{--cc:var(--ch-youtube);}.day .chips>button.email{--cc:var(--ch-email);}
.day .chips>button.pr{--cc:var(--ch-pr);}.day .chips>button.outdoor{--cc:var(--ch-outdoor);}.day .chips>button.svente{--cc:var(--ch-svente);}
.day .chips>button.uzduotis{--cc:var(--ch-uzduotis);}.day .chips>button.meta{--cc:var(--ch-meta);}.day .chips>button.google{--cc:var(--ch-google);}
.day .chips>button .sw,.day .chips>button .short{display:none!important;}
.day .chips>button .txt{display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);}
/* Kampanijos pradžios rodyklė. Anksčiau — ▸ glifas 10,5px, per smulkus.
   Dabar piešiama CSS'u: ~3× didesnė, bet valdomo aukščio, todėl neišlenda pro chip'ą. */
.si-pre{display:inline-block;width:0;height:0;font-size:0;line-height:0;vertical-align:middle;
  border-left:13px solid var(--cc,var(--accent));border-top:7px solid transparent;
  border-bottom:7px solid transparent;margin-right:6px;flex:0 0 auto;align-self:center;}
.day .chips>button .stdot{position:absolute;right:5px;top:8px;width:6px;height:6px;border-radius:50%;margin:0!important;display:block;}
.day .chips>button .stdot.ap{width:12px;height:12px;top:5px;font-size:9px;line-height:12px;text-align:center;color:var(--paper);background:var(--warn);}
.day .chips>button .stdot.ap.late{background:var(--bad);}
.day .chips>button .apok{position:absolute;right:14px;top:4px;font-size:9px;color:var(--ok-t);}
.day .chips>button .flag{position:absolute;right:5px;bottom:2px;font-size:9px;color:var(--bad-t);}
.day .apbar{font-size:10px;padding:2px 6px;border-radius:4px;margin:4px 0 0;cursor:pointer;background:var(--warn-bg);color:var(--warn-t);font-weight:600;}
.day .apbar.late{background:var(--bad-bg);color:var(--bad-t);}

/* 6. PERJUNGIKLIS IR LAIKO JUOSTA */
.si-calbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0 14px;max-width:1280px;margin:0 auto;}
.si-calbar .si-seg{margin-left:auto;}
.si-tl-wrap{max-width:1280px;margin:0 auto;}
.si-tl{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;font-size:12px;}
.si-tl-head,.si-tl-row{display:grid;grid-template-columns:270px 1fr;}
.si-tl-head{background:var(--bone);border-bottom:1px solid var(--line);}
.si-tl-lbl{padding:6px 12px;display:flex;align-items:center;gap:9px;min-width:0;border-right:1px solid var(--line);box-sizing:border-box;}
.si-tl-head .si-tl-lbl{font-size:10.5px;color:var(--gray);text-transform:none;letter-spacing:0;font-weight:600;align-items:flex-end;}
.si-tl-weeks{display:grid;}
.si-tl-weeks span{padding:7px 0 6px 6px;font-size:10px;color:var(--gray);border-left:1px solid var(--line);white-space:nowrap;overflow:hidden;}
.si-tl-weeks span.m{color:var(--ink);font-weight:600;}
.si-tl-row{border-bottom:1px solid var(--line);min-height:36px;}
.si-tl-row:last-child{border-bottom:none;}
.si-tl-row.proj{background:rgba(78,107,102,.06);min-height:32px;}
.si-tl-row.grp{background:var(--bone);min-height:28px;}
.si-tl-row.grp .si-tl-lbl{font-size:10.5px;color:var(--gray);text-transform:none;letter-spacing:0;font-weight:600;}
.si-tl-head .si-tl-todaylbl{position:absolute;top:1px;padding-left:4px;font-size:9px;font-style:italic;
  color:var(--accent);white-space:nowrap;border-left:1.5px dashed var(--accent);height:calc(100% - 2px);}
.si-tl-lbl .nm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.si-tl-row.sub .si-tl-lbl{padding-left:24px;}
/* Priskirto turinio eilutė — pavaldi reklamai virš jos, todėl šviesesnė ir žemesnė. */
.si-tl-row.cont{min-height:30px;}
.si-tl-row.cont .si-tl-lbl{padding-left:40px;}
.si-tl-row.cont .si-tl-lbl .nm b{font-weight:400;color:var(--gray);font-size:11.5px;}
.si-tl-row.cont .si-tl-lbl .nm span{font-size:10px;}
.si-tl-lbl .cd{font-size:10px;color:var(--gray);font-weight:600;width:24px;flex-shrink:0;}
.si-tl-lbl .nm{min-width:0;}
.si-tl-lbl .nm b{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;}
.si-tl-lbl .nm span{font-size:10.5px;color:var(--gray);display:block;line-height:1.3;}
.si-tl-row.proj .si-tl-lbl .nm b{font-weight:700;letter-spacing:.02em;}
/* Savaičių tinklelis. JS jau nustato --wk (vienos savaitės plotis procentais),
   bet iki šiol jo niekas nenaudojo — dėl to eilutės kabojo tuščiame baltame lauke
   ir juosta atrodė netvarkinga. Makete v5 kiekviena savaitė turi vertikalią liniją. */
.si-tl-grid{display:grid;align-items:center;position:relative;
  background-image:repeating-linear-gradient(to right,
    var(--line) 0, var(--line) 1px, transparent 1px, transparent var(--wk,100%));}
.si-tl-row.proj .si-tl-grid,.si-tl-row.grp .si-tl-grid{background-image:none;}
.si-tl-grid>*{grid-row:1;}
.si-bar{height:14px;border-radius:4px;background:var(--cc,var(--accent));z-index:1;cursor:pointer;}
.si-bar.cut-r{border-top-right-radius:0;border-bottom-right-radius:0;}
.si-pbar{height:5px;border-radius:3px;background:var(--oc,var(--accent));z-index:1;}
.si-tick{width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--cc,var(--accent));justify-self:center;z-index:2;cursor:pointer;}
.si-tl-today{align-self:stretch;border-left:1.5px dashed var(--accent);justify-self:start;z-index:0;position:relative;}
.si-tl-msep{align-self:stretch;border-left:1px solid var(--gray);opacity:.5;justify-self:start;z-index:0;}
.si-tl-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:11.5px;color:var(--gray);align-items:center;}
.si-tl-legend .sw{display:inline-block;width:22px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:5px;}
@media (max-width:900px){.si-tl-head,.si-tl-row{grid-template-columns:150px 1fr;}}

/* 7. ŠONINIS LAPAS, MINI KALENDORIUS (CSS paruoštas kitam paketui) */
.si-sheet-bg{position:fixed;inset:0;z-index:1000;background:rgba(29,29,31,.28);opacity:0;pointer-events:none;transition:opacity .2s;}
.si-sheet-bg.on{opacity:1;pointer-events:auto;}
.si-sheet{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:520px;max-width:100%;background:var(--paper);border-left:1px solid var(--line);box-shadow:var(--shadow-3);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.32,.72,0,1);}
.si-sheet.on{transform:translateX(0);}
.si-sheet-head{padding:13px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-shrink:0;}
.si-sheet-head .kind{font-size:10.5px;text-transform:none;letter-spacing:0;color:var(--gray);font-weight:600;}
.si-sheet-head .ch{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px;color:var(--paper);background:var(--cc,var(--accent));}
.si-sheet-head .x{margin-left:auto;width:28px;height:28px;border:none;background:var(--bone);border-radius:50%;font-size:18px;color:var(--gray);cursor:pointer;line-height:1;}
.si-sheet-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px;}
.si-sheet-foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-shrink:0;background:var(--paper);}
.si-hint{font-size:11.5px;color:var(--gray);background:var(--bone);padding:8px 10px;border-radius:var(--r-el);line-height:1.45;}
@media (max-width:760px){.si-sheet{width:100%;border-left:none;}}
.si-mini{border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden;}
.si-mini .mh{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--bone);}
.si-mini .mh .nav{width:24px;height:24px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--gray);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.si-mini .mh .rng{font-size:12px;font-weight:600;}
.si-mini .mh .si-seg{margin-left:auto;}.si-mini .mh .si-seg button{font-size:10.5px;padding:3px 8px;}
.si-mini .months{display:flex;overflow-x:auto;}
.si-mini .mo{flex:1 0 auto;padding:8px 7px 9px;border-right:1px solid var(--line);}
.si-mini .mo:last-child{border-right:none;}
.si-mini .mo>b{display:block;font-size:11px;font-weight:600;margin-bottom:5px;text-align:center;}
.si-mini .g{display:grid;grid-template-columns:repeat(7,1fr);}
.si-mini .g i{font-style:normal;font-size:8.5px;color:var(--gray);text-align:center;padding:0 0 3px;}
.si-mini .g s{text-decoration:none;font-size:10.5px;height:22px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:var(--ink);}
.si-mini .g s.o{color:var(--line);pointer-events:none;}
.si-mini .g s.rg{background:rgba(78,107,102,.13);}
.si-mini .g s.rs{background:var(--accent);color:var(--paper);font-weight:700;border-radius:5px 0 0 5px;}
.si-mini .g s.re{background:var(--accent);color:var(--paper);font-weight:700;border-radius:0 5px 5px 0;}
.si-mini .g s.td::after{content:'';position:absolute;inset:1px;border:1.5px solid var(--accent);border-radius:5px;}
.si-mini .mf{display:flex;align-items:center;gap:10px;padding:7px 11px;border-top:1px solid var(--line);background:var(--bone);font-size:11px;color:var(--gray);}
.si-mini .mf b{color:var(--ink);font-weight:600;}.si-mini .mf .tot{margin-left:auto;}
@media (max-width:640px){.si-mini .months{flex-direction:column;}.si-mini .mo{border-right:none;border-bottom:1px solid var(--line);}}

/* 8. BŪSENOS */
.si-empty{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-card);padding:38px 26px;text-align:center;}
.si-empty .mark{width:38px;height:38px;margin:0 auto 15px;border:1.5px solid var(--line);border-radius:var(--r-el);display:flex;align-items:center;justify-content:center;color:var(--line);font-size:20px;}
.si-empty h4{font-size:15.5px;margin:0 0 6px;font-weight:600;}
.si-empty p{font-size:13px;color:var(--gray);margin:0 auto 18px;max-width:38ch;line-height:1.55;}
.si-skel{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-card);padding:18px;}
.si-skel .ln{height:11px;background:var(--paper-2);margin-bottom:9px;border-radius:3px;position:relative;overflow:hidden;}
.si-skel .ln::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:si-sh 1.4s infinite;}
@keyframes si-sh{100%{transform:translateX(100%);}}
.si-err{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:var(--bad-bg);border-left:3px solid var(--bad);border-radius:var(--r-el);font-size:13px;}
.si-err b{display:block;color:var(--bad-t);font-weight:600;margin-bottom:2px;}
.si-err button{font-size:12px;margin-left:auto;padding:5px 11px;flex-shrink:0;border:1px solid var(--bad);background:var(--paper);color:var(--bad-t);cursor:pointer;border-radius:var(--r-btn);}
.si-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);z-index:1100;background:var(--ink);color:var(--paper);font-size:13px;padding:10px 18px;border-radius:var(--r-btn);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
.si-toast.on{opacity:1;transform:translateX(-50%) translateY(0);}

/* 9. MOBILUS KALENDORIUS */
.si-mday{padding:10px 12px 3px;font-size:11px;text-transform:none;letter-spacing:0;color:var(--gray);font-weight:600;background:var(--bone);border-bottom:1px solid var(--line);}
.si-mday.today{color:var(--ink);background:var(--paper-2);}
.si-mcodes{display:flex;gap:9px;padding:4px 12px 6px;font-size:10.5px;background:var(--bone);border-bottom:1px solid var(--line);}
/* Makete v5 mobilaus sąrašo kodų eilutė — pilkas tekstas be spalvoto brūkšnio.
   Brūkšnys priklauso mėnesio langeliui, į telefoną jis buvo nukopijuotas per klaidą. */
.si-mcodes b{font-weight:500;color:var(--gray);line-height:1.2;letter-spacing:.02em;}
.si-mhol{padding:6px 12px;font-size:12px;color:var(--ch-svente);background:var(--paper);border-bottom:1px solid var(--line);}
.si-mitem{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--paper);border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;text-align:left;box-sizing:border-box;}
.si-mitem:hover{background:var(--bone);}
.si-mitem .ch{width:3px;align-self:stretch;min-height:30px;flex-shrink:0;border-radius:2px;background:var(--cc,var(--line));}
.si-mitem .si-mb{flex:1;min-width:0;}
.si-mitem .si-mb b{display:block;font-size:13px;font-weight:600;margin-bottom:1px;line-height:1.35;}
.si-mitem .si-mb b em{font-style:normal;color:var(--cc);margin-right:4px;}
.si-mitem .si-mb span{font-size:11.5px;color:var(--gray);}
.si-mitem .dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0;}
/* ---- mobili laiko juosta: vertikalus sąrašas (maketas v5, 03 skiltis) ----
   Bazinių taisyklių nebuvo parašyta iš viso — media query koregavo neegzistuojančius
   stilius, todėl juosta atsivaizduodavo kaip plikas tekstas be jokių intervalų. */
.si-mtl-wrap{display:none;}
.si-mtl-grp{display:flex;align-items:center;gap:8px;padding:10px 14px 9px;background:var(--bone);
  border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;letter-spacing:0;
  text-transform:none;color:var(--ink);}
.si-mtl-grp.un{color:var(--gray);}
.si-mtl-grp .si-osw{width:9px;height:9px;border-radius:50%;background:var(--oc,var(--accent));flex:0 0 auto;}
.si-mtl-grp span{margin-left:auto;font-weight:500;letter-spacing:0;text-transform:none;
  font-size:11.5px;color:var(--gray);white-space:nowrap;}
.si-mtl{display:block;padding:11px 14px 12px;border-bottom:1px solid var(--line);cursor:pointer;
  background:var(--paper);}
.si-mtl:last-child{border-bottom:none;}
.si-mtl .r1{display:flex;align-items:baseline;gap:9px;}
.si-mtl .r1 .cd{flex:0 0 24px;font-size:10.5px;font-weight:600;color:var(--gray);}
.si-mtl .r1 b{font-size:13.5px;font-weight:600;line-height:1.35;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.si-mtl .r2{margin-left:33px;margin-top:1px;font-size:11.5px;color:var(--gray);}
.si-mtl .trk{position:relative;margin:8px 0 0 33px;height:7px;border-radius:4px;
  background:var(--paper-2);overflow:hidden;}
.si-mtl .trk i{position:absolute;top:0;bottom:0;background:var(--cc,var(--accent));border-radius:4px;}
.si-mtl .trk u{position:absolute;top:-2px;bottom:-2px;width:0;border-left:1.5px dashed var(--accent);
  text-decoration:none;z-index:2;}
.si-mitem.si-dim,.si-mcodes b.si-dim,.si-mday.si-dim{opacity:.28;}
.si-mtl.si-dim,.si-mtl-grp.si-dim,.si-tl-row.si-dim{opacity:.28;}
.si-cal-list{display:none;}
@media (max-width:760px){.si-cal-grid{display:none!important;}.si-cal-list{display:block!important;}}

/* 10. SPAUSDINIMAS, JUDESYS */
@media print{nav.si-nav,.si-calbar,.si-sheet,.si-sheet-bg,.si-toast{display:none!important;}body{background:var(--paper)!important;}.day{break-inside:avoid;}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* ==========================================================================
   v3.0.2 — kanalų aliasai, modalas, vidiniai puslapiai
   ========================================================================== */

/* Kanalų klasės, kurias generuoja senas JS (CH_CLASS): li, fb, ig, yt, uzd, goog */
.day .chips>button.li{--cc:var(--ch-linkedin);}.day .chips>button.fb{--cc:var(--ch-facebook);}
.day .chips>button.ig{--cc:var(--ch-instagram);}.day .chips>button.yt{--cc:var(--ch-youtube);}
.day .chips>button.uzd{--cc:var(--ch-uzduotis);}.day .chips>button.goog{--cc:var(--ch-google);}
.day .camps .cc.goog{--cc:var(--ch-google);}
.chip.li,.chip.fb,.chip.ig,.chip.yt,.chip.uzd,.chip.goog,.chip.meta,.chip.reels,.chip.email,.chip.pr,.chip.outdoor,.chip.svente{border-radius:var(--r-chip);}
.sw.li{background:var(--ch-linkedin)!important;}.sw.fb{background:var(--ch-facebook)!important;}.sw.ig{background:var(--ch-instagram)!important;}
.sw.reels{background:var(--ch-reels)!important;}.sw.yt{background:var(--ch-youtube)!important;}.sw.email{background:var(--ch-email)!important;}
.sw.pr{background:var(--ch-pr)!important;}.sw.outdoor{background:var(--ch-outdoor)!important;}.sw.svente{background:var(--ch-svente)!important;}
.sw.uzd{background:var(--ch-uzduotis)!important;}.sw.meta{background:var(--ch-meta)!important;}.sw.goog{background:var(--ch-google)!important;}
.sw{border-radius:50%;width:8px;height:8px;}

/* ---- Modalas (įvykio ir reklamos langas) ---- */
.overlay{background:rgba(29,29,31,.32)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.modal{border:none!important;border-radius:var(--r-card);box-shadow:var(--shadow-2),0 24px 60px rgba(0,0,0,.18);background:var(--paper)!important;overflow:hidden;font-family:var(--font);}
.modal-head{border-bottom:1px solid var(--line)!important;padding:16px 22px!important;background:var(--paper)!important;}
.modal-badge{display:inline-flex!important;align-items:center;gap:7px;font-size:10.5px!important;letter-spacing:0;text-transform:none;font-weight:600!important;color:var(--gray)!important;background:var(--bone)!important;border:none!important;border-radius:var(--r-chip);padding:4px 10px!important;}
.modal-date{font-size:12.5px!important;color:var(--gray)!important;margin-top:10px;}
.modal-title{font-size:20px!important;font-weight:700!important;letter-spacing:-.02em;margin:4px 0 0!important;color:var(--ink)!important;}
.modal-close{width:30px;height:30px;border:none!important;background:var(--bone)!important;border-radius:50%;color:var(--gray)!important;font-size:18px!important;line-height:1;cursor:pointer;box-shadow:none;}
.modal-close:hover{background:var(--paper-2)!important;color:var(--ink)!important;}
.modal-body{padding:18px 22px!important;font-size:13.5px!important;line-height:1.55;}
.modal-body h4,.modal-body .lbl,.modal-body label>span{font-size:10.5px!important;text-transform:none;letter-spacing:0;color:var(--gray)!important;font-weight:600!important;margin:16px 0 6px!important;}
.modal-body h4:first-child{margin-top:0;}
.modal-actions{border-top:1px solid var(--line)!important;padding:12px 22px!important;display:flex;gap:8px;align-items:center;background:var(--paper)!important;}
.modal-cta,.mact,.cp-sel,.modal button.prim,.mact.prim{font-size:13px!important;font-weight:500!important;padding:9px 16px!important;border-radius:var(--r-btn);border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--accent)!important;cursor:pointer;font-family:var(--font);}
.mact.prim,.modal-cta.prim,.modal button.prim{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--paper)!important;}
.mact:hover,.modal-cta:hover{border-color:var(--accent)!important;}
.projtag{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 9px;border-radius:var(--r-chip);background:var(--bone);color:var(--ink);font-weight:600;}
.ctab{border-bottom:1px solid var(--line);}
.clist{margin:0;padding:0;list-style:none;}
.ci{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line)!important;border-radius:var(--r-el);margin-bottom:6px;font-size:13px;background:var(--paper);}
.ci-d{color:var(--gray);font-size:12px;width:76px;flex-shrink:0;font-variant-numeric:tabular-nums;}
.ci-t{font-weight:500;}
.cedit,.cedit-f{border-radius:var(--r-el);}
.modal-visual-ph{border-radius:var(--r-el);background:var(--bone)!important;border:1px dashed var(--line)!important;}
.thumb{border-radius:var(--r-el);border:1px solid var(--line)!important;}
/* periodų ir biudžeto lentelė */
.modal-body table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line)!important;border-radius:var(--r-el);overflow:hidden;font-size:12.5px;}
.modal-body th,.modal-body td{border:none!important;border-bottom:1px solid var(--line)!important;padding:8px 10px!important;text-align:left;}
.modal-body tr:last-child td{border-bottom:none!important;}
.modal-body th{background:var(--bone)!important;font-size:10.5px;text-transform:none;letter-spacing:0;color:var(--gray)!important;font-weight:600;}

/* ---- Bendros taisyklės visiems vidiniams puslapiams ---- */
.wrap{max-width:1280px;margin:0 auto;padding:22px 20px 60px;box-sizing:border-box;}
h2{letter-spacing:-.015em;}
table{border-collapse:separate;border-spacing:0;}
.twrap,.kpi-grid,.pcard,.ticket,.form-box,.campaign,.season,.tool,.email,.card-btn{border:1px solid var(--line)!important;border-radius:var(--r-card);background:var(--paper)!important;box-shadow:var(--shadow-1);}
.twrap table,.twrap{overflow:hidden;}
th,td{border-color:var(--line)!important;}
th{background:var(--bone)!important;font-size:10.5px!important;text-transform:none;letter-spacing:0;color:var(--gray)!important;font-weight:600!important;}
input[type=text],input[type=date],input[type=number],input[type=password],select,textarea,.field input,.field textarea,.field select,.kpi-row input,.edit input,#gate input{border:1px solid var(--line)!important;border-radius:var(--r-el);background:var(--paper)!important;color:var(--ink);font-family:var(--font);padding:8px 10px;box-shadow:none;}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(78,107,102,.15);outline:none!important;}
.wrap button.secondary,.wrap button.ghost,.wrap button.cancel,.ed-cancel{background:var(--paper)!important;color:var(--accent)!important;border:1px solid var(--line)!important;}
.wrap button.danger,.wrap button.del,.ed-del{background:transparent!important;color:var(--bad-t)!important;border:none!important;}
/* tabai ir antriniai nav */
nav.monthnav,nav.secnav,.tabs,.tl-seg{background:var(--paper)!important;border:none!important;border-bottom:1px solid var(--line)!important;border-radius:0;}
nav.monthnav a,nav.secnav a,.tabs a,.tabs button,.tl-seg a,.tl-seg button{border:none!important;border-radius:var(--r-btn);background:transparent!important;color:var(--gray)!important;font-size:12.5px!important;font-weight:500!important;padding:6px 13px!important;margin:0 2px!important;}
nav.monthnav a:hover,nav.secnav a:hover,.tabs a:hover{color:var(--ink)!important;background:var(--bone)!important;}
nav.monthnav a.on,nav.secnav a.on,.tabs a.on,.tabs .on,.tl-seg .on{background:var(--ink)!important;color:var(--paper)!important;font-weight:600!important;}
/* pradžios kortelės */
.buttons{gap:14px;}
.card-btn{padding:22px 20px!important;text-decoration:none;transition:box-shadow .15s,transform .15s;}
.card-btn:hover{box-shadow:var(--shadow-2);transform:translateY(-1px);}
.card-btn h4,.card-btn h3{letter-spacing:-.015em;}
/* KPI: skaičiai ramesni, spalva tik būsenai */
.gap-num{font-size:34px!important;font-weight:700!important;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
.gap-label{font-size:10.5px!important;letter-spacing:.05em;}
.status{border-radius:var(--r-chip);font-size:10.5px!important;font-weight:600!important;padding:3px 8px!important;letter-spacing:.04em;}
.kpi-foot{font-size:11px!important;color:var(--gray)!important;}
/* pasiūlymai */
.ticket{padding:16px 18px!important;}
.ticket .pnum{border-radius:50%;}
.priority-row button{border-radius:50%;border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--gray)!important;width:32px;height:32px;padding:0!important;}
.priority-row button.on,.priority-row button.active{background:var(--accent)!important;color:var(--paper)!important;border-color:var(--accent)!important;}
/* kampanijos, administravimas */
.pcard{padding:18px 20px!important;}
.pcol{border-radius:var(--r-card);border:1px solid var(--line)!important;}
.swatch{border-radius:50%;border:none!important;}
.legend-toggle{border-radius:var(--r-btn);border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--gray)!important;font-size:11.5px;padding:4px 11px;}
.ver{border-radius:4px;border-color:var(--line)!important;color:var(--gray)!important;}
/* kalendoriaus mėnesio antraštės juosta */
.grid{border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line)!important;}
.month-note,.note,.legend{font-size:11.5px!important;color:var(--gray)!important;}
.mb,.monthbar,.month-budget{background:rgba(78,107,102,.07)!important;border-left:3px solid var(--accent)!important;border-radius:var(--r-el);}

/* ==== v3.0.3 ==== */
/* mėnesių juosta centruota */
nav.monthnav{display:flex!important;justify-content:center;flex-wrap:wrap;gap:4px;padding:10px 16px!important;position:sticky;top:var(--nav-h);z-index:800;background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
/* reklamos antrinė navigacija: centruota, kanalų spalvos lieka */
nav.secnav{display:flex!important;justify-content:center;flex-wrap:wrap;gap:2px;padding:8px 16px!important;}
nav.secnav a{color:var(--gray)!important;}
nav.secnav a.m{color:var(--ch-meta)!important;}
nav.secnav a.g{color:var(--ch-google)!important;}
nav.secnav a.m.on{background:var(--ch-meta)!important;color:var(--paper)!important;}
nav.secnav a.g.on{background:var(--ch-google)!important;color:var(--paper)!important;}
nav.secnav a.on:not(.m):not(.g){background:var(--ink)!important;color:var(--paper)!important;}
/* reklamos puslapio turinys */
.campaign{overflow:hidden;margin-bottom:22px!important;}
.campaign>header,.campaign .chead,.campaign .head{border-radius:0;}
.season{padding:16px 18px!important;}
.twrap{margin:14px 0 22px!important;}
.twrap th{padding:9px 12px!important;}
.twrap td{padding:10px 12px!important;vertical-align:top;}
/* pasiūlymų prioritetas: apskritimai, ne ovalai */
.priority-row{display:flex!important;gap:6px;flex-wrap:wrap;}
.priority-row button{flex:0 0 32px;width:32px;height:32px;padding:0!important;border-radius:50%;font-size:12.5px!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center;}
/* KPI: neįvesta reikšmė — ramus brūkšnys */
.si-kpi-empty .gap-num{color:var(--line)!important;font-size:30px!important;}
.si-kpi-empty .gap-label{color:var(--gray)!important;}
.status.si-neutral{background:var(--bone)!important;color:var(--gray)!important;}
.kpi-row .gap-num{color:var(--ink);}
.kpi-row .status.bad,.kpi-row .status.low,.kpi-row .status.red{background:var(--bad-bg)!important;color:var(--bad-t)!important;}
.kpi-row .status.warn,.kpi-row .status.mid{background:var(--warn-bg)!important;color:var(--warn-t)!important;}
.kpi-row .status.ok,.kpi-row .status.good,.kpi-row .status.high{background:var(--ok-bg)!important;color:var(--ok-t)!important;}
.kpi-row input[type=number]{width:84px;text-align:right;}
/* laiko juosta: taškai virš juostos */
.si-tick{box-shadow:0 0 0 2px var(--paper);}


/* konteineris, kuriame tiesiogiai guli dienų kvadratėliai — visada eilutėmis */
/* jei :has nepalaikoma — kvadratėliai bent jau eilutėje */

/* ==== periodų tinklelis modale (pagal periodStrip DOM: .pstrip>.pm>.pm-l + .pm-d>i) ==== */
.pstrip{display:flex;flex-direction:column;gap:10px;margin:6px 0 8px;}
.pm{display:block;}
.pm-l{display:block;font-size:10.5px;text-transform:none;letter-spacing:0;color:var(--gray);font-weight:600;margin:0 0 4px;}
.pm-d{display:flex;flex-wrap:wrap;gap:2px;}
.pm-d i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:10px;font-style:normal;border-radius:5px;background:transparent;color:var(--line);font-variant-numeric:tabular-nums;cursor:default;}
.pm-d i.on{background:rgba(78,107,102,.14);color:var(--ink);font-weight:500;}
.pm-d i.act{background:var(--accent);color:var(--paper);font-weight:700;}
.pm-d i.act[data-act]{cursor:pointer;}
.pm-d i.act[data-act]:hover{outline:2px solid var(--accent);outline-offset:1px;}
.pdates{font-size:15px;font-weight:600;color:var(--ink);margin:8px 0 14px;letter-spacing:-.01em;}
.pdates b{color:var(--ink);font-variant-numeric:tabular-nums;}

/* ==== v3.0.6: ženkliukų turinys pagal planą, vienodas svoris, modalas virš juostos ==== */
.day .chips>button .si-code{font-style:normal;font-weight:600;color:var(--cc);margin-right:4px;font-size:10.5px;letter-spacing:.01em;}
.day .chips>button .si-title{font-weight:400;color:var(--ink);}
.day .chips>button .txt,.day .chips>button .short,.day .chips>button .sw{display:none!important;}
.day .chips>button.email,.day .chips>button.meta,.day .chips>button.goog,.day .chips>button.yt,.day .chips>button.uzd,
.day .chips>button.uzd.rekomenduojamas,.day .chips>button.uzd.informacinis{font-weight:400!important;background:var(--paper)!important;color:var(--ink)!important;}
.day .chips>button.inproj{padding-left:7px;}
.day .chips>button.haspj::before{display:none!important;}
.day .chips>button.span-mid,.day .chips>button.span-end{opacity:1;padding-left:7px;}
.day .chips>button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:22px;}
.overlay{z-index:1200;}
nav.monthnav{z-index:700;}

/* ==========================================================================
   v3.0.7 — MOBILI VERSIJA
   ========================================================================== */
/* ženkliuko tekstas: kodas spalvotas, pavadinimas rašalo spalva (nebe mėlynas) */
.day .chips>button .si-title,.si-mitem .si-mb b{color:var(--ink)!important;}
.day .chips>button{text-decoration:none;}

@media (max-width:900px){
  /* --- navigacija: logotipas + slenkamos nuorodos, rolė ir atsijungimas po burgeriu --- */
  nav.si-nav{height:auto;min-height:52px;flex-wrap:wrap;padding:0 10px;row-gap:0;}
  nav.si-nav .si-logo{padding:9px 0;}
  nav.si-nav .si-links{order:3;flex:0 0 100%;margin:0 -10px;padding:0 10px;height:44px;
    border-top:1px solid var(--line);-webkit-overflow-scrolling:touch;}
  nav.si-nav .si-links a{padding:0 11px;font-size:13.5px;}
  nav.si-nav .si-right{order:2;margin-left:auto;gap:8px;padding:9px 0;}
  nav.si-nav .si-role{font-size:9.5px;padding:3px 7px;}
  nav.si-nav .si-out{font-size:11.5px;}
  .si-head{padding:14px 14px 0;}
  .si-head h1{font-size:19px;}
  .si-head .si-sub{font-size:12px;}

  /* --- mėnesių juosta: viena slenkama eilutė, be sticky (kad nelįstų ant modalo) --- */
  nav.monthnav{position:static;justify-content:flex-start;flex-wrap:nowrap!important;
    overflow-x:auto;padding:8px 12px!important;gap:4px;scrollbar-width:none;}
  nav.monthnav::-webkit-scrollbar{display:none;}
  nav.monthnav a{flex:0 0 auto;font-size:12.5px!important;padding:6px 12px!important;}
  nav.secnav{position:static;justify-content:flex-start;flex-wrap:nowrap!important;overflow-x:auto;}
  nav.secnav a{flex:0 0 auto;}

  /* --- perjungiklis ir filtrai --- */
  .si-calbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;}
  .si-calbar .si-fchips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none;}
  .si-calbar .si-fchips::-webkit-scrollbar{display:none;}
  .si-calbar .si-fchips button{flex:0 0 auto;}
  .si-calbar .si-seg{margin-left:0;align-self:flex-start;}

  /* --- modalas per visą ekraną --- */
  .overlay{padding:0!important;align-items:flex-end;}
  .modal{max-width:100%;width:100%;max-height:92vh;
    border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.25);}
  .modal-head{padding:16px 18px 14px!important;position:sticky;top:0;background:var(--paper)!important;z-index:2;}
  .modal-title{font-size:18px!important;}
  .modal-body{padding:14px 18px!important;}
  .modal-actions{padding:12px 18px!important;position:sticky;bottom:0;background:var(--paper)!important;}
  .modal-actions button{flex:1 1 auto;}
  .modal-close{top:14px;right:14px!important;}
  .pm-d i{width:26px;height:26px;font-size:11px;}
  .modal-body table{font-size:12px;}
  .modal-body th,.modal-body td{padding:7px 8px!important;}

  /* --- mobilus kalendoriaus sąrašas --- */
  .si-mmonth{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:18px 0 0;padding:0 18px;}
  .si-mday{padding:12px 18px 4px;}
  .si-mcodes{padding:5px 18px 7px;gap:11px;}
  .si-mhol{padding:7px 18px;}
  /* Tekstas atitrauktas nuo krašto: 18px iki juostelės + 13px iki teksto. */
  .si-mitem{padding:13px 18px;gap:13px;}
  .si-mitem .si-mb b{font-size:14px;line-height:1.4;font-weight:500;}
  .si-mitem .si-mb b em{font-weight:700;font-size:12px;letter-spacing:.02em;}
  .si-mitem .si-mb span{font-size:12px;}
  .si-mitem .dot{width:8px;height:8px;margin-top:6px;}

  /* --- laiko juosta: horizontali versija paslėpta, rodomas vertikalus sąrašas --- */
  .si-tl-desk{display:none!important;}
  .si-mtl-wrap{display:block!important;background:var(--paper);border:1px solid var(--line);
    border-radius:var(--r-card);overflow:hidden;margin:0 14px;}
  .si-mtl{padding:11px 14px 12px;}
  .si-mtl .r1{gap:9px;}
  .si-mtl .r1 b{font-size:13.5px;}
  .si-mtl .r2{margin-left:33px;}
  .si-mtl .trk{margin-left:33px;height:7px;}
  .si-tl-legend{padding:0 14px;font-size:11px;gap:6px 14px;}

  /* --- planas.php: turinio rodyklė virš teksto, ne šone --- */
  .twrap,.tl-seg{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .toc,#toc,.plan-toc,aside{position:static;float:none!important;width:auto;
    max-width:100%;margin:0 0 20px!important;}
  .plan-grid,.layout,.cols{display:block!important;}
  table{display:block;overflow-x:auto;white-space:normal;}
  .modal-body table{display:table;}

  /* --- bendra: jokio horizontalaus slydimo --- */
  .wrap{padding:16px 14px 48px;overflow-x:hidden;}
  h1{font-size:22px;} h2{font-size:18px;}
  .buttons{grid-template-columns:1fr;}
  .kpi-grid{grid-template-columns:1fr;}
  .gap-num{font-size:28px!important;}
  img{max-width:100%;height:auto;}
}
@media (min-width:901px){ .si-mtl-wrap{display:none!important;} }

/* ==== v3.0.8: modalo slydimas ==== */
.overlay{overflow:hidden;overscroll-behavior:contain;}
.modal{display:flex!important;flex-direction:column;overflow:hidden!important;overscroll-behavior:contain;}
.modal-head{flex:0 0 auto;}
.modal-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;}
.modal-actions{flex:0 0 auto;}
@media (max-width:900px){
  .modal{height:92vh;max-height:92vh;}
  .modal-head,.modal-actions{position:static;}
}
/* mobiliame sąraše — jokio dubliavimo ir jokio tamsaus fono */
.si-mitem{background:var(--paper)!important;color:var(--ink)!important;}
.si-mitem *{background:transparent!important;}
.si-mitem .ch{background:var(--cc,var(--line))!important;}
.si-mitem .dot{background:var(--gray);}

/* ==========================================================================
   v3.2.0 — modalų sluoksniai, ilgi pavadinimai, laiko juosta, mobilus burger
   ========================================================================== */

/* ---- 1. Modalų sluoksniai: redaktorius (.ed) VIRŠ info modalo (.overlay) ---- */
.overlay{z-index:1200;}
.ed{z-index:1400;align-items:stretch;justify-content:flex-end;
    padding:0!important;overflow:hidden!important;background:rgba(29,29,31,.32)!important;
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.ed-panel{max-width:560px;width:100%;min-height:0;height:100%;
    border:none!important;border-left:1px solid var(--line)!important;border-radius:0;
    box-shadow:var(--shadow-3);display:flex!important;flex-direction:column!important;
    overflow:hidden!important;font-family:var(--font);background:var(--paper)!important;}
.ed-head{flex:0 0 auto;padding:15px 20px!important;border-bottom:1px solid var(--line)!important;}
.ed-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;min-height:0;padding:16px 20px!important;}
.ed-foot{flex:0 0 auto;padding:12px 20px!important;border-top:1px solid var(--line)!important;
    background:var(--paper)!important;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
/* kai redaktorius atidarytas, info modalas nublunka ir nebespaudžiamas */
body.si-ed-open .overlay{filter:grayscale(.3) brightness(.97);pointer-events:none;}
body.si-ed-open{overflow:hidden!important;}
.ed-x,.ed-panel .ed-head button{border-radius:50%;}
@media (max-width:900px){
  .ed{align-items:flex-end;}
  .ed-panel{max-width:100%;height:94vh;border-left:none!important;
    border-radius:16px 16px 0 0;}
}

/* ---- 2. Ilgi pavadinimai kalendoriuje: langelis nebeplečiasi ---- */
.grid,.cal{table-layout:fixed;}
.day{overflow:hidden;}
.day .chips{min-width:0;}
.day .chips>button{max-width:100%;display:flex!important;align-items:center;gap:0;}
.day .chips>button .si-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.day .chips>button .si-code{flex:0 0 auto;}
.day .chips>button .si-pre{flex:0 0 auto;}
/* Šventė rodoma kaip įprastas įrašas su varpelio ikona — taip pat kaip
   telefone. Anksčiau ji čia buvo slepiama, nes šalia datos rodydavo jos
   pavadinimą (.si-hol), bet tą kuriantis kodas vėliau dingo — ir staliniame
   šventės nebesimatė visai. */
.day .si-hol{max-width:calc(100% - 30px);}

/* ---- 3. Email ir kiti kanalai — vienodi kampai ---- */
.day .chips>button,.day .chips>button.email,.day .chips>button.meta,.day .chips>button.goog,
.day .chips>button.yt,.day .chips>button.uzd,.day .chips>button.li,.day .chips>button.fb,
.day .chips>button.ig,.day .chips>button.reels,.day .chips>button.pr,.day .chips>button.outdoor{
  border-radius:var(--r-chip);}

/* ---- 4. Laiko juosta: tvarkingesnė ---- */
.si-tl{font-variant-numeric:tabular-nums;}
.si-tl-head,.si-tl-row{grid-template-columns:300px 1fr;}
.si-tl-lbl .nm b{font-size:12.5px;}
.si-tl-grid{background-image:none!important;}
.si-tl-grid::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(to right,var(--line) 0,var(--line) 1px,transparent 1px,transparent var(--wk,7.7%));
  opacity:.5;}
.si-tl-row:nth-child(even):not(.proj):not(.grp){background:color-mix(in srgb,var(--bone) 55%,var(--paper));}
.si-bar{height:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);}
.si-tick{width:8px;height:8px;border-width:2px;}
.si-tl-weeks span{padding-left:5px;font-size:9.5px;}
@media (max-width:900px){ .si-tl-head,.si-tl-row{grid-template-columns:150px 1fr;} }

/* ---- 5. Mobilus burger meniu pagrindinei navigacijai ---- */
.si-burger{display:none;width:34px;height:34px;border:1px solid var(--line);background:var(--paper);
  border-radius:var(--r-el);flex-direction:column;align-items:center;justify-content:center;gap:3.5px;
  cursor:pointer;flex-shrink:0;padding:0;}
.si-burger i{display:block;width:15px;height:1.6px;background:var(--ink);border-radius:1px;transition:transform .2s,opacity .2s;}
.si-nav.open .si-burger i:nth-child(1){transform:translateY(5.1px) rotate(45deg);}
.si-nav.open .si-burger i:nth-child(2){opacity:0;}
.si-nav.open .si-burger i:nth-child(3){transform:translateY(-5.1px) rotate(-45deg);}
@media (max-width:900px){
  nav.si-nav{flex-wrap:nowrap;height:52px;min-height:52px;}
  .si-burger{display:flex;}
  nav.si-nav .si-links{order:0;position:fixed;top:52px;left:0;right:0;flex:none;height:auto;max-height:calc(100vh - 52px);
    margin:0;padding:6px 0 10px;flex-direction:column;overflow-y:auto;background:var(--paper);
    border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.10);
    transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .18s,opacity .18s;z-index:901;}
  nav.si-nav.open .si-links{transform:translateY(0);opacity:1;pointer-events:auto;}
  nav.si-nav .si-links a{height:auto;padding:13px 18px;font-size:15px;border-bottom:none;
    border-left:3px solid transparent;width:100%;}
  nav.si-nav .si-links a.on{border-left-color:var(--accent);background:var(--bone);}
  nav.si-nav .si-right{order:1;}
  nav.si-nav .si-brand{display:block;font-size:12.5px;}
  nav.si-nav .si-brand span{display:none;}
}

/* ---- 6. Plano puslapis ---- */
/* žalias intervalas grąžinamas (v3 buvo perrašęs border-radius/­fono taisyklėmis) */
.tl-seg{background:var(--accent-2)!important;border-radius:3px;height:6px;}
.tl-seg.pause,.tl-pause{background:repeating-linear-gradient(135deg,var(--line) 0 5px,transparent 5px 10px)!important;}
.tl-track{background:var(--paper-2)!important;border-radius:3px;}
.tl-tick{color:var(--gray);}
/* šoninis turinio meniu: virš juostos ir uždaromas */
nav.rail{z-index:950;}
nav.rail.open{z-index:950;}
@media (max-width:900px){
  nav.rail{top:52px;height:calc(100vh - 52px);max-width:88vw;
    overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 0 40px rgba(0,0,0,.18);}
  #navToggle,.rt{position:fixed;top:9px;right:auto!important;left:52px;z-index:960;
    width:34px;height:34px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-el);
    display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink);}
  nav.rail::after{content:'Užverti ×';display:block;position:sticky;bottom:0;padding:12px 18px;
    background:var(--paper);border-top:1px solid var(--line);color:var(--gray);font-size:12.5px;text-align:center;}
}
/* jokio horizontalaus slydimo plano puslapyje */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  .twrap{margin-left:0!important;margin-right:0!important;max-width:100%;}
  pre,code,.mono{white-space:pre-wrap;word-break:break-word;}
  .si-mtl-wrap{margin:0 14px 18px;}
}

/* ==========================================================================
   v3.3.0 — tikslūs selektoriai vietoj catch-all
   ========================================================================== */
/* Veiksmo mygtukai: TIK konkretūs, ne „visi .wrap button“.
   Perjungikliai (.si-seg), filtrai (.si-fchips), mėnesių nav ir kalendoriaus
   ženkliukai savo stilių turi ir jo NIEKAS nebeperrašo. */
.kpi-actions button,.field button:not(.priority-row button),.tool button,
.form-box button[type=submit],#cForm button[type=submit],.edit button.save,
.ed-save,.cp-save{
  background:var(--accent);color:var(--paper);border:none;padding:9px 16px;
  font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--r-btn);
  font-family:var(--font);
}
.kpi-actions button:hover,.field button:hover,.tool button:hover{background:#3f5a55;}
.ed-cancel,.cp-cancel,.wrap button.secondary,.wrap button.cancel{
  background:var(--paper);color:var(--accent);border:1px solid var(--line);
  padding:8px 14px;font-size:12.5px;border-radius:var(--r-btn);cursor:pointer;
}
.ed-del,.wrap button.danger{background:none;color:var(--bad-t);border:none;cursor:pointer;}

/* Perjungiklis ir filtrai — apsauga nuo bet kokio pilkų/žalių fonų perrašymo */
.si-seg{background:var(--bone)!important;}
.si-seg button{background:none!important;color:var(--gray)!important;border:none!important;}
.si-seg button.on{background:var(--paper)!important;color:var(--ink)!important;box-shadow:var(--shadow-1);}
.si-fchips button{background:var(--paper)!important;color:var(--gray)!important;border:1px solid var(--line)!important;}
.si-fchips button.on{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important;}

/* ---- Modalas: fonas NEBEŠOKA į viršų ---- */
body.si-modal-open{overflow:hidden!important;position:static;width:auto;}

/* ---- Modalo X mygtukas visada virš antraštės ---- */
.modal-close{z-index:5;}
.modal-head{z-index:2;}

/* ---- Redaktorius: centruotas, kaip info modalas, tik virš jo ---- */
.ed{align-items:flex-start;justify-content:center;padding:32px 16px!important;
    overflow-y:auto;}
.ed-panel{max-width:620px;width:100%;height:auto;
    max-height:calc(100vh - 64px);border-radius:var(--r-card);
    border:none!important;border-left:none!important;}
@media (max-width:900px){
  .ed{align-items:flex-end;padding:0!important;}
  .ed-panel{max-width:100%;max-height:94vh;
    border-radius:16px 16px 0 0;}
}

/* ---- Mobilus: mėnesių juosta dviem eilėmis, ne slenkama ---- */
@media (max-width:900px){
  nav.monthnav{flex-wrap:wrap!important;justify-content:center;overflow:visible!important;
    row-gap:4px;padding:8px 12px!important;}
  nav.monthnav a{flex:0 0 auto;min-width:58px;text-align:center;}
}

/* ---- Plano šoninis meniu: mygtukas prilipęs, visada matomas ---- */
#navToggle{position:fixed;top:9px;left:auto;right:12px!important;
  z-index:960;width:34px;height:34px;display:none;align-items:center;justify-content:center;
  border:1px solid var(--line);background:var(--paper);border-radius:var(--r-el);color:var(--ink);font-size:15px;}
@media (max-width:900px){
  #navToggle{display:flex!important;}
  nav.rail{top:52px;}
  nav.rail::after{content:'Užverti ×';}
}
@media (min-width:901px){
  /* darbalaukyje šoninis meniu ramesnis: be rėmelio, švelnesnis tekstas */
  nav.rail{border-right:1px solid var(--line);background:var(--paper);}
  nav.rail::after{content:none;}
  nav.rail .rail-mark{margin-bottom:22px;}
  nav.rail a{font-size:12.5px;}
}

/* ==== v3.3.1: plano turinio meniu — slide-in iš kairės ====
   Burgerio mygtukas dešinėje su užrašu „TURINYS" buvo netinkamas sprendimas:
   jis kūrė antrą meniu šalia jau esančio navigacijos burgerio ir paliko
   pakibusią antraštės juostą. Vietoj jo — plonas skirtukas kairiajame krašte
   su trikampiu. Tas pats trikampis ir atidaro, ir užveria; atsivėrus jis
   nuslenka kartu su skydeliu ir apsiverčia. */
@media (max-width:880px){
  /* Antraštės juosta nebereikalinga — puslapio pavadinimas jau yra žemiau.
     display:contents, o ne none: mygtukas yra jos viduje ir kartu su ja dingtų. */
  .mobile-bar{display:contents!important;}
  .mobile-bar .name{display:none!important;}

  #navToggle{
    position:fixed; top:50%; left:0; right:auto!important;
    transform:translateY(-50%);
    width:26px; height:66px; min-width:0;
    padding:0!important; margin:0!important; font-size:0!important; line-height:0;
    border:none!important; border-radius:0 9px 9px 0;
    background:var(--ink)!important; color:var(--paper)!important;
    box-shadow:2px 0 10px rgba(0,0,0,.18);
    display:flex!important; align-items:center; justify-content:center;
    z-index:960; cursor:pointer;
    transition:left .25s ease;
  }
  /* Trikampis piešiamas CSS'u — dydis valdomas, glifas nesikeičia pagal šriftą. */
  #navToggle::before{
    content:''; width:0; height:0;
    border-left:10px solid var(--paper); border-top:7px solid transparent; border-bottom:7px solid transparent;
    margin-left:3px;
  }
  body.si-toc-open #navToggle{ left:min(300px,84vw); }
  body.si-toc-open #navToggle::before{
    border-left:0; border-right:10px solid var(--paper); margin:0 3px 0 0;
  }

  /* Skydelis nuo pat viršaus — juostos nebėra, todėl 52px atitraukimas nebereikalingas. */
  nav.rail{ top:0; height:100vh; }
  nav.rail::after{ content:none!important; }

  /* Tamsinimas už skydelio, kad matytųsi, jog puslapis po juo. */
  body.si-toc-open::after{
    content:''; position:fixed; inset:0; z-index:940;
    background:rgba(29,29,31,.32);
  }
}

/* ==== v3.3.1: stilistikos suvienodinimas ====
   Auditas (8 puslapiai, visi matomi mygtukai) parodė, kad sistema iš esmės
   suderinta: 980px veiksmų mygtukams, 6px ženkliukams, 8px laukams, 50% apskritimams.
   Iš ribų iškrito tik elementai, kuriuos JS sukuria su inline stiliais ir
   kuriuose border-radius pamirštas. Čia jie grąžinami į tokenus.
   Kodų juostelė .cc SĄMONINGAI lieka be spindulio — jos brūkšnys yra
   patvirtintas dizainas (maketas v5). */

/* Pasiruošimo būsenos mygtukai modale */
.stbtn{border-radius:var(--r-btn);}

/* „Rašyti kaip …" komentaro mygtukas */
#commentSubmit{border-radius:var(--r-btn);}

/* Vizualų įkėlimo laukas. Native valdiklis stačiakampis visose naršyklėse,
   todėl apvalinamas ir jis, ir jo vidinis mygtukas. */
/* Tikrasis valdiklis paslepiamas, bet lieka DOM'e — forma ir failų sąrašas
   veikia kaip anksčiau, keičiasi tik tai, ką mato žmogus. */
.si-file{display:inline-flex;align-items:center;gap:11px;max-width:100%;}
.si-file input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.si-file-btn{border-radius:var(--r-btn);border:1px solid var(--line);background:var(--bone);
  color:var(--ink);padding:7px 15px;cursor:pointer;font-family:var(--font);font-size:12px;
  white-space:nowrap;flex:0 0 auto;}
.si-file-btn:hover{background:var(--paper-2);border-color:var(--accent);}
.si-file-name{font-size:11.5px;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Naujo įrašo mygtukas ir nuorodos, perkelti iš paslėptos header.top juostos */
.si-calbar-tools{display:flex;align-items:center;gap:12px;margin-left:14px;}
.si-calbar .si-seg{margin-left:auto;}
.addbtn{border-radius:var(--r-btn);font-size:12px!important;padding:7px 15px!important;
  background:var(--accent)!important;color:var(--paper)!important;border:none!important;cursor:pointer;
  font-family:var(--font);white-space:nowrap;}
.addbtn:hover{background:var(--ink)!important;}
.si-calbar-tools a{font-size:11.5px;color:var(--gray);text-decoration:none;white-space:nowrap;margin:0!important;}
.si-calbar-tools a:hover{color:var(--ink);}
@media (max-width:900px){
  .si-calbar-tools{margin-left:0;flex-wrap:wrap;gap:10px;}
  .addbtn{flex:1 1 auto;text-align:center;}
}

/* ==== v3.3.1: redaktoriaus kanalų mygtukai ====
   Buvo stačiakampiai ir bespalviai — kanalą buvo galima atpažinti tik perskaičius.
   Dabar apvalinti pagal --r-btn ir turi tą pačią kanalo spalvą kaip kalendoriuje:
   taškas kairėje visada, o pasirinktas mygtukas nusidažo visas. */
.ed-ch{border-radius:var(--r-btn);display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--ink)!important;
  font-weight:500!important;transition:background .12s,border-color .12s,color .12s;}
.ed-ch::before{content:'';width:8px;height:8px;border-radius:50%;flex:0 0 auto;
  background:var(--cc,var(--gray));}
.ed-ch:hover{border-color:var(--cc,var(--accent))!important;}
.ed-ch.on{background:var(--cc,var(--accent))!important;border-color:var(--cc,var(--accent))!important;
  color:var(--paper)!important;font-weight:600!important;}
.ed-ch.on::before{background:var(--paper);}

.ed-ch[data-ch="linkedin"] {--cc:var(--li);}
.ed-ch[data-ch="facebook"] {--cc:var(--fb);}
.ed-ch[data-ch="instagram"]{--cc:var(--ig);}
.ed-ch[data-ch="reels"]    {--cc:var(--reels);}
.ed-ch[data-ch="youtube"]  {--cc:var(--yt);}
.ed-ch[data-ch="pr"]       {--cc:var(--pr);}
.ed-ch[data-ch="outdoor"]  {--cc:var(--out);}
.ed-ch[data-ch="email"]    {--cc:var(--mail);}
.ed-ch[data-ch="svente"]   {--cc:var(--hol);}
.ed-ch[data-ch="uzduotis"] {--cc:var(--uzd);}
.ed-ch[data-ch="meta"]     {--cc:var(--meta);}
.ed-ch[data-ch="google"]   {--cc:var(--goog);}

/* Redaktoriaus apačios mygtukai — tie patys tokenai kaip visur kitur. */
.ed-foot button,.ed-save,.ed-cancel,.ed-del{border-radius:var(--r-btn);}

/* ==== v3.3.1: užduočių suvestinė apžvalgos puslapyje ====
   Spalva neša informaciją: raudona — pradelsta, oranžinė — dega,
   tealo — laukia jūsų ėjimo. Nuliai lieka pilki, kad dėmesį trauktų
   tik tai, kam jo reikia. */
.uzsum{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 30px;}
.uzsum .uzc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);
  padding:13px 15px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);
  transition:border-color .12s,transform .12s;}
.uzsum .uzc:hover{border-color:var(--accent);transform:translateY(-1px);}
.uzsum .uzc b{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--gray);}
.uzsum .uzc span{font-size:11.5px;color:var(--gray);line-height:1.35;}
.uzsum .uzc.mine{border-color:var(--accent);}       .uzsum .uzc.mine b{color:var(--accent);}
.uzsum .uzc.soon{border-color:var(--warn);}         .uzsum .uzc.soon b{color:var(--warn-t);}
.uzsum .uzc.late{border-color:var(--bad);}          .uzsum .uzc.late b{color:var(--bad-t);}
.uzsum .uzc.news{border-color:var(--accent-2);}     .uzsum .uzc.news b{color:var(--accent);}
@media (max-width:900px){ .uzsum{grid-template-columns:repeat(2,1fr);} }

/* ==========================================================================
   Apžvalgos KPI filtras. Rodikliai puslapyje eina pirmi, todėl reikia būdo
   susiaurinti juos iki to, kas rūpi dabar.
   ========================================================================== */
.kpi-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;}
.kpi-filter button{
  font-family:var(--font);font-size:12.5px;height:36px;padding:0 16px;cursor:pointer;
  border:none;border-radius:var(--r-btn);background:var(--paper);color:var(--ink);
  box-shadow:0 1px 2px rgba(44,44,43,.06), 0 3px 10px rgba(44,44,43,.05);
}
.kpi-filter button:hover{background:var(--bone);}
.kpi-filter button.on{background:var(--ink);color:var(--paper);font-weight:600;box-shadow:none;}
.kpi-sec[hidden]{display:none;}
.kpi-sec .sec{margin-top:0;}
.kpi-sec + .kpi-sec{margin-top:0;}

/* Tuščias KPI — laukiantis, ne sugedęs. */
.kpi-card.waiting{opacity:.72;}
.kpi-wait{
  margin:12px 0 2px;padding:9px 0;font-size:12px;color:var(--gray);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}

/* ==========================================================================
   Navigacija v4: pilkas fonas be linijos, aktyvus punktas — pilė, ne
   pabraukimas. Pabraukimas rėžė juostą per pusę; pilė laiko ją vientisą.
   ========================================================================== */
nav.si-nav{
  background:rgba(249,249,247,.86)!important;
  border-bottom:none!important;
  height:58px!important;
  padding:0 16px!important;
}
nav.si-nav .si-links{align-items:center;gap:3px;}
nav.si-nav .si-links a{
  height:34px!important;padding:0 13px!important;border-bottom:none!important;
  border-radius:980px!important;font-size:13px;
}
nav.si-nav .si-links a:hover{background:var(--paper-2);color:var(--ink);}
nav.si-nav .si-links a.on{
  background:var(--ink)!important;color:var(--paper)!important;font-weight:500!important;
}
nav.si-nav .si-links a.soon{color:var(--gray-soft)!important;}
nav.si-nav .si-links a.soon i{border:none!important;background:var(--paper-2);}
nav.si-nav .si-role{
  background:var(--paper)!important;color:var(--ink)!important;
  box-shadow:0 1px 2px rgba(44,44,43,.07);padding:5px 11px!important;
}
nav.si-nav .si-ver{background:var(--paper-2)!important;border:none!important;}
nav.si-nav .si-out{color:var(--gray)!important;}

/* Puslapio antraštė — be skiriamosios linijos, kaip app ekranuose. */
.si-head{border-bottom:none!important;padding-bottom:4px!important;}
.si-head h1{letter-spacing:-.025em;}

/* ==========================================================================
   Planas. Tai vienintelis puslapis, skirtas SKAITYTI, ne peržiūrėti — todėl
   turinio tekstas serifinis, o pati skiltis siauresnė. Antraštės lieka
   negrotesku, kad puslapis nevirstų knyga.
   ========================================================================== */
body.si-plan main .content p,
body.si-plan main .content li,
body.si-plan main .content td{
  font-family:Georgia,'Iowan Old Style','Times New Roman',serif;
  font-size:16.5px;line-height:1.72;letter-spacing:.001em;
}
body.si-plan main .content p{max-width:66ch;}

/* Šoninis turinys — paviršius, ne stulpelis su linija. */
body.si-plan nav.rail{
  border-right:none!important;background:var(--bone)!important;
}
body.si-plan .rail ul{border-left-color:var(--line)!important;}
body.si-plan .rail .part-link.active,
body.si-plan .rail ul li a.active{font-weight:600;}

/* KPI juosta — kortelės vietoj stulpelių su vertikaliomis linijomis. */
body.si-plan .kpi-strip,
body.si-plan .hero + .kpis, body.si-plan .kpis{
  border:none!important;border-top:none!important;border-bottom:none!important;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;
}
body.si-plan .kpis > *{
  border:none!important;background:var(--paper);border-radius:18px;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 12px rgba(44,44,43,.05);
  padding:16px 18px!important;
}

/* Skyrių skirtukas — plona linija vietoj storo brūkšnio. */
body.si-plan .part-head{border-top:1px solid var(--line)!important;}

/* Laiko juostelė antraštėje. */
body.si-plan .tl-track{height:6px!important;border-radius:3px!important;background:var(--paper-2)!important;}
body.si-plan .tl-seg{border-radius:3px!important;}

/* ==========================================================================
   Likę puslapiai. Vietoj kiekvieno atskirai — bendros taisyklės elementams,
   kurie kartojasi: kortelė, lentelė, skiltis, ženkliukas.
   ========================================================================== */

/* Reklama: kanalo antraštė ir kampanijos kortelė */
.channel-head{
  border:none!important;border-left:none!important;border-radius:22px!important;
  padding:24px 26px!important;
}
.campaign{
  border:none!important;border-radius:20px!important;overflow:hidden;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 4px 14px rgba(44,44,43,.05);
}
.campaign .ch{padding:14px 22px!important;}
.spec th,.spec td{border-bottom:1px solid var(--line)!important;}
.adcopy{border-radius:16px!important;padding:16px 18px!important;}

/* Kampanijos: projekto kortelė */
.pcard{
  border:none!important;border-radius:22px!important;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 4px 14px rgba(44,44,43,.05);
  background:var(--paper)!important;overflow:hidden;
}
.pcard .ph{border-bottom:none!important;padding:20px 24px 6px!important;}

/* Istorija: skiltys ir eilutės */
.tabs{border:none!important;gap:8px;display:flex;flex-wrap:wrap;}
.tabs a{
  border:none!important;border-radius:980px!important;
  background:var(--paper)!important;padding:9px 16px!important;
  box-shadow:0 1px 2px rgba(44,44,43,.06),0 3px 10px rgba(44,44,43,.05);
}
.tabs a.on{background:var(--ink)!important;color:var(--paper)!important;box-shadow:none;}
.tabs a.on .n,.tabs a.on .l{color:var(--paper)!important;}
.row{
  border:none!important;border-radius:16px!important;background:var(--paper)!important;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 10px rgba(44,44,43,.04);
  margin-bottom:7px;padding:13px 16px!important;
}

/* Administravimas: blokai ir lentelės */
.cnt{
  border:none!important;border-radius:20px!important;background:var(--paper)!important;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 12px rgba(44,44,43,.05);
  padding:20px 22px!important;
}
.note{border-radius:16px!important;border:none!important;background:var(--paper-2)!important;padding:13px 16px!important;}

/* Bendra: tuščios būsenos ir formos valdikliai visuose puslapiuose */
.empty{
  border:none!important;border-radius:20px!important;background:var(--paper)!important;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 12px rgba(44,44,43,.05);
  padding:40px 22px!important;
}

/* Istorijos skilčių juosta: konteineris buvo baltas stačiakampis su rėmeliu,
   todėl pilės sėdėjo ant kampuoto fono ir juosta baigdavosi aštriu kampu. */
.tabs{background:transparent!important;gap:8px!important;}
.tabs a{
  flex:0 1 auto!important;min-width:0!important;
  border-right:none!important;border-left:none!important;
}

/* Administravimo įrankių kortelės — tokie pat paviršiai kaip visur kitur. */
.tool{
  border:none!important;border-radius:20px!important;
  background:var(--paper)!important;padding:18px 20px!important;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 12px rgba(44,44,43,.05);
  transition:box-shadow .14s ease;
}
.tool:hover{box-shadow:0 2px 6px rgba(44,44,43,.08),0 8px 22px rgba(44,44,43,.08);}
.tools{gap:10px!important;}

/* Plano KPI: skaičiai buvo prilipę prie skiriamosios linijos ir per maži.
   Vertikalūs skirtukai keičiami kortelėmis — tas pats sprendimas kaip visur. */
body.si-plan .kpi-row{
  border-top:none!important;
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:10px!important;margin:40px 0 8px!important;
}
body.si-plan .kpi{
  border-right:none!important;border-bottom:none!important;
  background:var(--paper);border-radius:20px;
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 12px rgba(44,44,43,.05);
  padding:22px 24px!important;margin:0!important;
}
body.si-plan .kpi .num{font-size:36px!important;line-height:1.05!important;letter-spacing:-.03em;}
body.si-plan .kpi .lbl{margin-top:9px!important;max-width:none!important;font-size:13px!important;}

/* Reklamos kampanijos vidus. Antraštė buvo sodrus stačiakampis per visą plotį,
   o etikečių stulpelis atskirtas vertikalia linija — kartu tai atrodė kaip
   lentelė iš senos sistemos, nors korpusas jau apvalus. */
.campaign .ch{
  background:transparent!important;color:var(--ink)!important;
  padding:18px 22px 6px!important;font-size:13px!important;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
.campaign.meta .ch{color:var(--meta)!important;}
.campaign.goog .ch{color:var(--goog)!important;}
.campaign .ch .dates{color:var(--gray)!important;opacity:1!important;}
.spec th{
  background:transparent!important;border-right:none!important;
  color:var(--gray)!important;padding:12px 10px 12px 22px!important;
  font-size:10.5px!important;letter-spacing:.06em!important;
}
.spec td{padding:12px 22px 12px 10px!important;}
.spec th,.spec td{border-bottom:1px solid var(--line)!important;}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:none!important;}
.adcopy{
  border:none!important;border-left:none!important;
  background:var(--paper-2)!important;border-radius:18px!important;
}

/* Lentelių apvalkalas — paviršius su apvaliais kampais vietoj rėmelio. */
.twrap{
  border:none!important;border-radius:18px!important;
  background:var(--paper);
  box-shadow:0 1px 2px rgba(44,44,43,.05),0 3px 12px rgba(44,44,43,.05);
}

@media (max-width:760px){
  /* Puslapio taisyklė traukė apvalkalą per 18px į abi puses, kad lentelė
     „nutekėtų" iki ekrano kraštų. Kartu ji išplėtė ir patį puslapį, todėl
     telefone atsirado horizontalus slinkimas. Lentelė slenka viduje — to gana. */
  .twrap{margin-left:0!important;margin-right:0!important;max-width:100%!important;}
}

/* ==========================================================================
   Redaktoriaus laukai. Ta pati logika kaip visur: vienos eilutės valdiklis —
   pilė, daugiaeilis — 20px. Rėmelių nebėra, vietoj jų pilkas užpildas.
   ========================================================================== */
.ed-f > span{color:var(--gray)!important;font-size:10.5px!important;letter-spacing:.06em!important;}
.ed-f input:not([type=radio]):not([type=checkbox]){
  border:none!important;background:var(--paper-2)!important;
  border-radius:980px!important;height:44px!important;padding:0 16px!important;
  font-size:14.5px!important;
}
.ed-f select{
  border:none!important;background:var(--paper-2)!important;
  border-radius:980px!important;height:44px!important;padding:0 14px!important;
  font-size:14.5px!important;
}
.ed-f textarea{
  border:none!important;background:var(--paper-2)!important;
  border-radius:20px!important;padding:14px 16px!important;font-size:14.5px!important;
}
.ed-f input:focus,.ed-f textarea:focus,.ed-f select:focus{
  background:var(--paper)!important;outline:2px solid var(--accent)!important;outline-offset:-2px;
}
.ed-foot{border-top:none!important;}
.ed-foot button{
  border:none!important;border-radius:980px!important;
  height:42px!important;padding:0 20px!important;background:var(--paper-2)!important;
}
/* .ed-save neturi nei .prim, nei type=submit, todėl anksčiau iškrisdavo iš šios
   taisyklės: foną gaudavo šviesų iš .ed-foot button, o baltą tekstą — iš senos
   .ed-save taisyklės. Baltas ant šviesaus. */
.ed-foot button.prim,
.ed-foot button[type=submit],
.ed-foot .ed-save,
.ed-save{
  background:var(--ink)!important;color:var(--paper)!important;
}
.ed-foot .ed-save:hover,.ed-save:hover{ background:var(--accent)!important; }
.ed-panel{border-radius:24px!important;border:none!important;}
.ed-head{border-bottom:none!important;}
.ed-note{color:var(--gray)!important;}

/* ==========================================================================
   Modalo išdėstymas. Šios taisyklės buvo puslapio <style> bloke ir jas
   pašalino automatinis valymas: jis lygino puslapio nuotrauką prieš ir po, o
   modalas nuotraukoje uždarytas — taisyklė atrodė negyva, nors gyva.
   Dėl to uždarymo mygtukas prarado position:absolute ir atsidūrė kairėje
   viršuje, prieš turinį.
   ========================================================================== */
.modal{
  position:relative!important;
  max-width:560px; width:100%; max-height:86vh;
}
.modal-close{
  position:absolute!important; top:18px!important; right:20px!important;
  width:34px; height:34px; cursor:pointer; z-index:5;
}
.modal-body{ padding:20px 26px 26px; }
.modal-visual-ph{
  border:1px dashed var(--line); background:var(--paper-2); border-radius:16px;
  padding:20px; text-align:center; font-size:12px; color:var(--gray);
}
.modal-cta{
  background:var(--paper-2); border-left:none; border-radius:16px;
  padding:13px 16px; margin-top:6px; font-size:13.5px;
}


/* ==========================================================================
   Išskleidžiamos būsenos. Šias taisykles taip pat pašalino automatinis
   valymas: uždarytoje būsenoje jos nieko nekeičia, todėl nuotraukų palyginimas
   jų nepastebėjo. Be jų kampanijos redagavimo forma neatsidaro, o užduoties
   gija priešingai — niekada nesusiskleidžia.
   ========================================================================== */
.edit.on{ display:block!important; }
.uz-body{ display:none; margin-top:11px; }
.uz-body.on{ display:block; }
.uz-more{ margin-top:10px; padding-top:10px; }

/* ==========================================================================
   Plano laiko juosta. Žymos buvo ties top:0, o juosta ties top:26 — antra
   žymos eilutė („START", „pauzė") gulė tiesiai ant jos. Juosta nustumiama
   žemyn tiek, kad dviejų eilučių žyma turėtų savo vietą.
   ========================================================================== */
body.si-plan .tl-row{ height:78px!important; }
body.si-plan .tl-label{
  top:0!important; line-height:1.35!important; font-size:11px!important;
}
body.si-plan .tl-track{ top:48px!important; height:2px!important; border-radius:2px; }
body.si-plan .tl-seg,
body.si-plan .tl-pause{ top:45px!important; height:8px!important; border-radius:4px!important; }
body.si-plan .tl-tick{ top:40px!important; height:18px!important; background:var(--line)!important; }

/* ==========================================================================
   MOBILI VIRŠUTINĖ JUOSTA
   position:sticky čia neveikia: ir html, ir body turi overflow, todėl juosta
   nusiirdavo kartu su turiniu. Telefone ji fiksuota, slenkant žemyn pasislepia,
   o slenkant aukštyn grįžta — taip ji netrukdo skaityti, bet visada pasiekiama
   vienu judesiu, o ne slenkant iki puslapio viršaus.
   ========================================================================== */
@media (max-width:900px){
  nav.si-nav{
    position:fixed!important; top:0; left:0; right:0; z-index:900;
    transition:transform .22s ease;
  }
  body{ padding-top:58px; }
  body.si-nav-hidden nav.si-nav{ transform:translateY(-100%); }
  /* Atidarius modalą juosta lieka paslėpta — ji nedalyvauja. */
  body.si-modal-open nav.si-nav{ transform:translateY(-100%); }
}

/* ---------- grįžimo į viršų mygtukas ---------- */
.si-top{
  position:fixed; right:16px; bottom:18px; z-index:880;
  width:44px; height:44px; border-radius:50%; border:none; cursor:pointer;
  background:var(--ink); color:var(--paper); font-size:17px; line-height:1;
  box-shadow:0 2px 6px rgba(44,44,43,.18), 0 8px 22px rgba(44,44,43,.16);
  opacity:0; transform:translateY(10px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
.si-top.on{ opacity:1; transform:translateY(0); pointer-events:auto; }
body.si-modal-open .si-top{ display:none; }

/* ==========================================================================
   SKILČIŲ MENIU TELEFONE
   Reklamos ir Brand kit vidiniai meniu telefone tampa tokiu pat išslenkančiu
   skydeliu kaip plane — kad visoje sistemoje veiktų vienodai.
   ========================================================================== */
@media (max-width:900px){
  /* Perrašoma stipriai: nav.secnav ir .bk-rail turi savo išdėstymą (viena —
     horizontali juosta, kita — tinklelio stulpelis), o skydelyje jie turi būti
     vertikalūs sąrašai. */
  body .si-secmenu, nav.si-secmenu{
    position:fixed!important; left:0; top:58px; bottom:0;
    width:80%!important; max-width:310px!important;
    z-index:860; background:var(--paper)!important; overflow-y:auto;
    padding:18px 14px 40px!important; box-sizing:border-box;
    display:block!important; margin:0!important; border:none!important;
    transform:translateX(-102%); transition:transform .22s ease;
  }
  body .si-secmenu > ol, body .si-secmenu > ul{
    display:flex!important; flex-direction:column!important; gap:2px!important;
    overflow:visible!important; margin:0; padding:0; list-style:none;
  }
  body .si-secmenu a{
    display:flex!important; align-items:center; justify-content:space-between;
    white-space:normal!important; text-align:left;
    padding:11px 13px!important; border-radius:12px!important;
    font-size:14px!important; border:none!important; background:transparent!important;
    box-shadow:none!important; width:auto!important;
  }
  body .si-secmenu a.on, body .si-secmenu a:hover{ background:var(--paper-2)!important; }
  body .si-secmenu a.off{ opacity:.4; }
  body .si-secmenu.open{ transform:translateX(0); box-shadow:2px 0 24px rgba(44,44,43,.16); }
  .si-secmenu-back{
    position:fixed; inset:58px 0 0 0; z-index:850; background:rgba(44,44,43,.28);
    opacity:0; pointer-events:none; transition:opacity .22s ease;
  }
  .si-secmenu-back.on{ opacity:1; pointer-events:auto; }
  .si-secbtn{
    position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:855;
    width:26px; height:64px; border:none; cursor:pointer; padding:0;
    background:var(--ink); color:var(--paper);
    border-radius:0 14px 14px 0; font-size:13px; line-height:1;
    box-shadow:2px 0 10px rgba(44,44,43,.18);
  }
  body.si-secmenu-open .si-secbtn{ transform:translateY(-50%) translateX(-100%); }
}
@media (min-width:901px){
  .si-secmenu-back, .si-secbtn{ display:none; }
}

/* ==========================================================================
   Plano lentelių antraštė. Ji buvo gavusi beveik tokį pat foną kaip lentelės
   kūnas (#F9F9F7 ant balto), todėl viršutinė eilutė nesiskyrė nuo duomenų ir
   lentelė atrodė be galvos. Duodamas aiškus užpildas, tamsesnis tekstas ir
   tvirta apatinė riba.
   ========================================================================== */
body.si-plan .twrap th,
body.si-plan table th{
  background:var(--paper-2)!important;
  color:var(--ink)!important;
  font-weight:600!important;
  border-bottom:1.5px solid var(--line)!important;
  padding:12px 14px!important;
}
/* Pirmos ir paskutinės antraštės kampai seka apvalkalo apvalinimą. */
body.si-plan .twrap tr:first-child th:first-child{ border-top-left-radius:18px; }
body.si-plan .twrap tr:first-child th:last-child{ border-top-right-radius:18px; }
/* Eilučių skirtukai plonesni už antraštės ribą — kad galva liktų stipriausia. */
body.si-plan .twrap td{ border-bottom:1px solid var(--line)!important; }

/* ==========================================================================
   Antraštės ženklai.
   Rėja pirma — tai sistemos pavadinimas, o ne partnerio ženklas. Klientas už
   plonos linijos: jis atsako į klausimą „kam ši sistema skirta", todėl rodomas
   mažesnis ir blankesnis, bet visada matomas.
   ========================================================================== */
.si-nav .si-logo img{ height:30px!important; width:auto; display:block; }
.si-nav .si-tagline{
  font-size:11px; line-height:1; color:var(--gray-soft);
  letter-spacing:.01em; white-space:nowrap; margin-left:9px; flex:0 0 auto;
}
.si-nav .si-co{
  width:1px; height:24px; background:var(--line);
  margin:0 15px; flex:0 0 auto;
}
.si-nav .si-client{
  display:inline-flex; align-items:center; gap:8px; flex:0 0 auto;
}
.si-nav .si-client img{ height:22px; width:auto; display:block; opacity:.9; }
.si-nav .si-client-name{
  font-size:12.5px; font-weight:500; color:var(--gray); white-space:nowrap;
}

@media (max-width:1520px){
  /* Pirmas dingsta priedas — jį galima perskaityti ir pačiame ženkle. */
  .si-nav .si-tagline{ display:none; }
  .si-nav .si-logo img{ height:26px!important; }
  .si-nav .si-client img{ height:20px; }
  .si-nav .si-co{ margin:0 11px; height:20px; }
  nav.si-nav .si-links a{ padding:0 8px!important; font-size:12.5px!important; }
  /* Kliento pavadinimas dingsta kartu su priedu — lieka emblema, kuri jį
     atpažįsta. Pilnas vardas matomas užvedus pele ir apžvalgos puslapyje. */
  .si-nav .si-client-name{ display:none; }
}

@media (max-width:560px){
  .si-nav .si-logo img{ height:24px!important; }
  .si-nav .si-client img{ height:19px; }
  .si-nav .si-co{ margin:0 9px; height:18px; }
}

}

  .si-nav .si-product-logo{ height:15px; }
}

/* Navigacijoje vienuolika nuorodų — su antru ženklu vietos mažiau. */
@media (max-width:1620px){
  nav.si-nav .si-links a{ padding:0 9px!important; font-size:12.5px!important; }
}
@media (max-width:1240px){
  nav.si-nav .si-links a{ padding:0 7px!important; }
}

/* Poraštė ir prisijungimas. */
.si-by{
  display:flex; align-items:center; justify-content:center; gap:9px;
  padding:26px 20px 34px; font-size:11.5px; color:var(--gray-soft);
}
.si-by img{ height:16px; width:auto; display:block; opacity:.85; }

/* ==========================================================================
   Poraštė. Rėjos vardas ir versija — viena eilutė, blankiai, po turiniu.
   Antraštėje versijos nebėra: ji ten nieko nedarė, tik triukšmavo.
   ========================================================================== */
.si-foot{
  display:flex; align-items:baseline; justify-content:center; gap:7px;
  padding:34px 20px 42px; font-size:11.5px; color:var(--gray-soft);
}
.si-foot-brand{ font-weight:600; color:var(--gray); letter-spacing:-.01em; }
.si-foot-brand sup{ font-size:7px; vertical-align:super; margin-left:1px; }
.si-foot-sep{ opacity:.6; }
.si-foot-ver{ margin-left:8px; opacity:.75; font-variant-numeric:tabular-nums; }

@media (max-width:560px){
  .si-foot{ padding:26px 16px 90px; font-size:11px; }
}

/* ==========================================================================
   KPI progreso juostelė.
   Užpildo elementas vadinasi `.fill`, o sistemos taisyklės buvo parašytos
   `.bar i` — todėl užpildas negaudavo aukščio ir juostelė visada atrodė
   tuščia, nors plotis buvo skaičiuojamas teisingai.

   Antra bėda: juostelė stovėdavo skirtinguose aukščiuose, nes kortelių turinys
   virš jos nevienodo ilgio (kai kurios turi pastabą ar „preliminaru" žymę).
   Dabar juostelė ir po ja einanti būsena prispaudžiamos prie kortelės apačios,
   todėl visose kortelėse jos vienoje linijoje.
   ========================================================================== */
.kpi-grid .kpi-card{ display:flex; flex-direction:column; }
.kpi-grid .kpi-card .bar{
  height:6px!important;
  background:var(--paper-2)!important;
  border-radius:980px!important;
  overflow:hidden!important;
  margin:14px 0 8px!important;
  margin-top:auto!important;      /* prispaudžia prie apačios */
}
.kpi-grid .kpi-card .bar .fill{
  display:block!important;
  height:100%!important;
  border-radius:980px!important;
  /* Pločio neanimuojam: kiekvienas kadras priverstų perskaičiuoti išdėstymą.
     Juostelė užsipildo iš karto — tai būsena, ne įvykis. */
}
/* Būsena, tikslo eilutės ir mygtukas nebeturi tempti juostelės aukštyn. */
.kpi-grid .kpi-card .status,
.kpi-grid .kpi-card .kpi-row,
.kpi-grid .kpi-card .kpi-foot,
.kpi-grid .kpi-card .kpi-actions{ flex:0 0 auto; }

/* ==========================================================================
   KPI periodai ir palyginimai.
   ========================================================================== */
.kpi-period{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  flex-wrap:wrap; margin:0 0 14px;
}
.kpi-period .kp-types{ display:flex; gap:6px; flex-wrap:wrap; }
.kpi-period .kp-types button{
  border:none; cursor:pointer; font-family:var(--font); font-size:13px;
  background:var(--paper); color:var(--gray); border-radius:980px; padding:8px 15px;
  box-shadow:0 1px 2px rgba(44,44,43,.06);
}
.kpi-period .kp-types button.on{ background:var(--ink); color:var(--paper); box-shadow:none; }
.kpi-period .kp-nav{ display:flex; align-items:center; gap:10px; }
.kpi-period .kp-nav b{ font-size:14.5px; min-width:150px; text-align:center; }
.kpi-period .kp-nav button{
  border:none; cursor:pointer; width:34px; height:34px; border-radius:50%;
  background:var(--paper); color:var(--ink); font-size:18px; line-height:1;
  box-shadow:0 1px 2px rgba(44,44,43,.06);
}
.kpi-period .kp-nav button:disabled{ opacity:.3; cursor:default; }

/* Palyginimai kortelėje. */
.kpi-trend{ margin-top:12px; display:flex; flex-direction:column; gap:5px; }
.kd{ display:flex; align-items:baseline; gap:8px; font-size:12px; }
.kd-l{ color:var(--gray); flex:1 1 auto; }
.kd-v{ font-weight:700; font-variant-numeric:tabular-nums; }
.kd-v.up{ color:var(--ok-t); }
.kd-v.down{ color:var(--bad-t); }
.kd-v.same{ color:var(--gray); }
.kd-was{ color:var(--gray-soft); font-size:11px; font-variant-numeric:tabular-nums; }
.kd-none{ color:var(--gray-soft); font-size:11.5px; }
.kd-cover{
  font-size:11px; color:var(--attn); background:var(--attn-bg);
  border-radius:8px; padding:4px 8px; align-self:flex-start;
}


/* Įvedimas: mėnuo + reikšmė vienoje eilutėje. */
.kp-entry{ display:flex; gap:6px; align-items:center; }
.kp-entry select{
  border:none; background:var(--paper-2); border-radius:980px; height:36px;
  padding:0 10px; font-family:var(--font); font-size:12px; color:var(--ink);
}
.kp-entry input{ min-width:0; }

/* ==========================================================================
   Metų palyginimo grafikas KPI kortelėje.
   Šie metai — sistemos akcentas, pernai — šilta pilka: viena serija yra esmė,
   kita kontekstas. Kreivė eina virš šių metų stulpelių.
   ========================================================================== */
.kc{ margin-top:12px; }
.kc-legend{
  display:flex; gap:12px; font-size:11px; color:var(--gray);
  margin-bottom:5px; font-variant-numeric:tabular-nums;
}
.kc-legend span{ display:inline-flex; align-items:center; gap:5px; }
.kc-legend .sw{ display:inline-block; width:9px; height:9px; border-radius:2px; }
.kc-legend .sw.cur{ background:var(--accent); }
.kc-legend .sw.prev{ background:#C6C4BA; }
.kc-legend .sw.tgt{ width:12px; height:0; border-top:1.5px dashed var(--gray-soft); border-radius:0; }

.kc-svg{ width:100%; height:auto; display:block; overflow:visible; }
.kc-svg .b-cur { fill:var(--accent); }
.kc-svg .b-prev{ fill:#C6C4BA; }
/* Mėnesiai už pasirinkto periodo ribų nublanksta — ne dingsta. */
.kc-svg g.off{ opacity:.62; transition:opacity .18s ease; }
.kc-svg .kc-tgt{ stroke:var(--gray-soft); stroke-width:1; stroke-dasharray:3 3;
                 vector-effect:non-scaling-stroke; }
.kc-svg .kc-line{ fill:none; stroke:var(--ink); stroke-width:1.6;
                  stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.kc-svg .kc-dot{ fill:var(--ink); stroke:var(--paper); stroke-width:2; vector-effect:non-scaling-stroke; }
.kc-svg text{ font-size:10px; fill:var(--gray-soft); text-anchor:middle;
              font-family:var(--font); font-variant-numeric:tabular-nums; }
.kc-svg text.on{ fill:var(--ink); font-weight:600; }
.kc-svg .hit{ fill:transparent; cursor:default; }
.kc-svg .hit:hover{ fill:rgba(44,44,43,.04); }

/* ==========================================================================
   Asmeninė paskyra.
   ========================================================================== */
.acc{ max-width:760px; display:flex; flex-direction:column; gap:16px; padding-top:8px; padding-bottom:24px; }
.acc-card{ background:var(--paper); border-radius:20px; padding:24px 26px; }
.acc-who{ display:flex; align-items:center; gap:14px; }
.acc-who b{ display:block; font-size:16px; }
.acc-who span{ font-size:13px; color:var(--gray); }
.acc-av{
  width:44px; height:44px; border-radius:50%; background:var(--ink); color:var(--paper);
  display:flex; align-items:center; justify-content:center; font-weight:600; flex:0 0 auto;
}
.acc-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:18px; flex-wrap:wrap; }
.acc-head h2{ margin:0 0 6px; font-size:17px; letter-spacing:-.01em; }
.acc-head p{ margin:0; font-size:13.5px; line-height:1.55; color:var(--gray); max-width:52ch; }
.acc-list{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; }
.acc-list li{
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  padding:12px 0; border-top:1px solid var(--line);
}
.acc-list li b{ display:block; font-size:14.5px; }
.acc-list li span{ font-size:12.5px; color:var(--gray-soft); }
.acc-list .acc-empty{ display:block; font-size:13.5px; color:var(--gray); }
.acc-actions{ margin-top:16px; display:flex; flex-direction:column; gap:10px; align-items:flex-start; }
.acc-btn{
  display:inline-flex; align-items:center; height:40px; padding:0 18px; border-radius:12px;
  border:none; background:var(--ink); color:var(--paper); font-family:var(--font);
  font-size:14px; font-weight:500; cursor:pointer; text-decoration:none; flex:0 0 auto;
}
.acc-btn[hidden]{ display:none; }
.acc-btn:disabled{ opacity:.55; cursor:default; }
.acc-btn.ghost{ background:var(--paper); color:var(--ink); box-shadow:inset 0 0 0 1px var(--line); }
.acc-btn.ghost.danger{ color:var(--bad-t); }
.acc-note{ margin:0; font-size:13px; color:var(--gray); line-height:1.55; }
.acc-err{ margin:0; font-size:13px; color:var(--bad-t); background:var(--bad-bg); border-radius:12px; padding:10px 14px; }
.acc-note[hidden], .acc-err[hidden]{ display:none; }
/* Vaidmens žymė dabar yra nuoroda į paskyrą. */
nav.si-nav a.si-role{ text-decoration:none; }

/* ==========================================================================
   Rėja v5 — antraštė pagal patvirtintą dizainą.
   Balta juosta, plona apatinė linija; aktyvus punktas — šviesi pilka pastilė
   su tamsiu tekstu (ne tamsi pilna); kliento pilnas logotipas; dešinėje
   avataras su inicialais ir tylus atsijungimas.
   ========================================================================== */
nav.si-nav{
  height:64px!important; background:var(--paper)!important;
  border-bottom:1px solid var(--line)!important; box-shadow:none!important;
  padding:0 28px!important; gap:18px!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
}
nav.si-nav .si-logo img{ height:26px!important; }
nav.si-nav .si-co{ height:24px!important; background:var(--line)!important; }
nav.si-nav .si-client{ display:inline-flex; align-items:center; }
nav.si-nav .si-client-full{ height:16px!important; width:auto; display:block; opacity:1!important; }
nav.si-nav .si-client-mark{ display:none!important; }
nav.si-nav .si-client-name{ display:none!important; }

nav.si-nav .si-links{ gap:2px!important; margin-left:6px!important; }
nav.si-nav .si-links a{
  font-size:13.5px!important; color:var(--gray)!important; padding:8px 11px!important;
  border-radius:10px!important; height:auto!important; border:none!important;
  background:transparent!important; font-weight:400!important;
}
nav.si-nav .si-links a:hover{ color:var(--ink)!important; background:var(--paper-2)!important; }
nav.si-nav .si-links a.on{
  background:var(--paper-2)!important; color:var(--ink)!important; font-weight:500!important;
}
nav.si-nav .si-links a.soon{ color:#9AA5B1!important; background:transparent!important; cursor:default; }
nav.si-nav .si-links a.soon i{
  font-style:normal; font-size:10.5px; color:var(--gray-soft); background:var(--paper-2);
  border-radius:999px; padding:1px 7px; margin-left:6px;
}

nav.si-nav .si-right{ gap:12px!important; }
nav.si-nav .si-avatar{
  width:34px; height:34px; border-radius:50%; background:var(--ink); color:#fff!important;
  font-size:13px; font-weight:600; display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none!important; flex:0 0 auto;
}
nav.si-nav .si-out{
  font-size:13px!important; color:var(--gray)!important; text-decoration:none!important;
  background:transparent!important; border:none!important; padding:6px 4px!important;
}
nav.si-nav .si-out:hover{ color:var(--ink)!important; }

/* Siaurėjant — pirma dingsta Rėjos priedas, tada kliento pilnas logotipas
   keičiamas emblema. Logotipai visada matomi. */
@media (max-width:1520px){ nav.si-nav .si-tagline{ display:none!important; } }
@media (max-width:1280px){
  nav.si-nav .si-client-full{ display:none!important; }
  nav.si-nav .si-client-mark{ display:block!important; height:22px!important; }
}
@media (max-width:900px){ nav.si-nav{ padding:0 16px!important; gap:12px!important; } }

/* Puslapio fonas ir pavadinimas — kaip piešinyje. */
body{ background:var(--bone)!important; }
.si-head h1{ font-size:30px!important; font-weight:600!important; letter-spacing:-0.025em!important; color:var(--ink)!important; }
.si-head .si-sub{ font-size:15px!important; color:var(--gray)!important; }

/* KPI grafikas: šie metai — turkis, kreivė — tamsiai mėlyna (kaip piešinyje). */
.kc-svg .b-cur{ fill:var(--teal)!important; }
.kc-legend .sw.cur{ background:var(--teal)!important; }
.kc-svg .b-prev{ fill:#C9D1DA!important; }

/* ==========================================================================
   Rėja v5 — KPI kortelė pagal patvirtintą dizainą.
   ========================================================================== */
.kpi-grid{ gap:14px!important; background:transparent!important; }
.kpi-grid .kpi-card,
.kpi-grid .kpi-card.alt{
  background:var(--paper)!important; border-radius:16px!important; padding:22px!important;
  border:none!important; box-shadow:none!important; gap:14px!important;
}
.kpi-card .kp-top{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.kpi-card .kp-top .name{ font-size:14px!important; font-weight:500!important; color:var(--gray)!important; margin:0!important; }
.kpi-card .kp-tags{ display:inline-flex; gap:6px; flex:0 0 auto; }
.kpi-card .kp-tags .prelim{
  background:var(--paper-2)!important; color:var(--gray)!important; font-size:12px!important;
  font-weight:500!important; letter-spacing:0!important; padding:3px 9px!important; border-radius:999px!important; margin:0!important;
}
.kpi-card .kp-tags .status{
  font-size:12px!important; font-weight:500!important; letter-spacing:0!important;
  padding:3px 9px!important; border-radius:999px!important; margin:0!important;
}
.kpi-card .status.ok  { background:var(--ok-bg)!important;   color:var(--ok-t)!important; }
.kpi-card .status.warn{ background:var(--warn-bg)!important; color:var(--warn-t)!important; }
.kpi-card .status.bad { background:var(--bad-bg)!important;  color:var(--bad-t)!important; }
.kpi-card .kp-note{ font-size:12.5px; line-height:1.5; color:var(--gray); margin-top:-6px; }

.kpi-card .kp-big{ display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; }
.kpi-card .kp-val{
  font-size:38px; font-weight:600; letter-spacing:-0.03em; line-height:1;
  font-variant-numeric:tabular-nums; color:var(--ink);
}
.kpi-card .kp-of{ font-size:14px; color:var(--gray-soft); font-variant-numeric:tabular-nums; }
.kpi-card .kp-of span{ color:inherit!important; }

.kpi-grid .kpi-card .bar{ height:6px!important; margin:0!important; }

.kpi-card .kd-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.kpi-card .kd-chip{
  display:inline-flex; align-items:center; gap:4px; padding:4px 9px; border-radius:999px;
  font-size:12px; font-weight:500; font-variant-numeric:tabular-nums;
}
.kpi-card .kd-chip.up  { background:var(--ok-bg);   color:var(--ok-t); }
.kpi-card .kd-chip.down{ background:var(--bad-bg);  color:var(--bad-t); }
.kpi-card .kd-chip.same{ background:var(--paper-2); color:var(--gray); }
.kpi-card .kd-empty{ font-size:12.5px; color:var(--gray-soft); line-height:1.5; }
.kpi-card .kd-cover{ background:var(--warn-bg)!important; color:var(--warn-t)!important; }
.kpi-card .kpi-trend{ margin-top:0!important; gap:10px!important; }

/* Įvedimas — atsiveria paspaudus. */
.kpi-card .kp-edit{ border-top:1px solid var(--paper-2); padding-top:12px; }
.kpi-card .kp-edit summary{
  list-style:none; cursor:pointer; font-size:13px; font-weight:500; color:var(--teal-deep);
  display:inline-flex; align-items:center; gap:6px;
}
.kpi-card .kp-edit summary::-webkit-details-marker{ display:none; }
.kpi-card .kp-edit summary::before{
  content:''; width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(-45deg); transition:transform .15s ease; margin-right:2px;
}
.kpi-card .kp-edit[open] summary::before{ transform:rotate(45deg); }
.kpi-card .kp-edit[open] summary{ margin-bottom:12px; }
.kpi-card .kp-edit .kpi-row{ margin:0 0 8px!important; }
.kpi-card .kp-edit .kpi-actions{ display:flex; align-items:center; gap:12px; margin-top:6px; }
.kpi-card .kp-edit .kpi-actions button{
  height:38px!important; padding:0 16px!important; border-radius:12px!important; border:none!important;
  background:var(--ink)!important; color:#fff!important; font-size:13.5px!important; font-weight:500!important;
}
.kpi-card .kp-edit .ts{ font-size:12px; color:var(--gray-soft); }
.kpi-card .kpi-wait{ font-size:13.5px!important; color:var(--gray)!important; }

/* Periodo pasirinkimas — perjungiklis (pilkas pagrindas, baltas aktyvus). */
.kpi-period .kp-types{ background:var(--paper-2); border-radius:12px; padding:4px; gap:2px!important; }
.kpi-period .kp-types button{
  height:32px!important; padding:0 14px!important; border-radius:9px!important;
  background:transparent!important; color:var(--gray)!important; box-shadow:none!important; font-size:13px!important;
}
.kpi-period .kp-types button.on{ background:var(--paper)!important; color:var(--ink)!important; font-weight:500!important; }
.kpi-period .kp-nav button{ border-radius:10px!important; box-shadow:none!important; border:1px solid var(--line)!important; }
.kpi-period .kp-nav b{ font-weight:500!important; }

/* ==========================================================================
   Rėja v5 — Apžvalga pagal patvirtintą piešinį.
   ========================================================================== */
body:has(.ov) .si-head{ display:none!important; }
.ov{ padding-top:34px!important; padding-bottom:20px; }

.ov-hello{ display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.ov-hello h1{ margin:0; font-size:30px; font-weight:600; letter-spacing:-0.025em; line-height:1.15; color:var(--ink); }
.ov-hello p{ margin:6px 0 0; font-size:15px; color:var(--gray); }
.ov-btn{
  height:40px; padding:0 16px; border-radius:12px; background:var(--ink); color:#fff!important;
  font-size:14px; font-weight:500; display:inline-flex; align-items:center; text-decoration:none!important;
}

/* Plytelės — viena sandara visoms keturioms. */
.ov-tiles{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ov-tile{
  background:var(--paper); border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:8px;
  text-decoration:none!important; color:var(--ink)!important; min-width:0; transition:box-shadow .15s ease;
}
.ov-tile:hover{ box-shadow:0 0 0 1px var(--line); }
.ov-tile .l{ font-size:13.5px; color:var(--gray); }
.ov-tile b{ font-size:30px; font-weight:600; letter-spacing:-0.025em; line-height:1; font-variant-numeric:tabular-nums; }
.ov-tile .s{ font-size:13px; color:var(--gray-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Rodiklių antraštė: pavadinimas ir valdikliai vienoje eilutėje. */
.ov-kpi{ margin-top:36px; }
.ov-kpi-head{ display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:6px; }
.ov-kpi-head h2{ margin:0; font-size:19px; font-weight:600; letter-spacing:-0.015em; color:var(--ink); }
.ov-kpi-ctrl{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ov-kpi .kpi-period{ margin:0!important; gap:12px!important; }
.ov-kpi .kpi-filter{
  display:inline-flex!important; background:var(--paper-2); border-radius:12px; padding:4px; gap:2px!important; margin:0!important;
}
.ov-kpi .kpi-filter button{
  height:32px!important; padding:0 14px!important; border-radius:9px!important; border:none!important;
  background:transparent!important; color:var(--gray)!important; font-size:13px!important; box-shadow:none!important; font-weight:400!important;
}
.ov-kpi .kpi-filter button.on{ background:var(--paper)!important; color:var(--ink)!important; font-weight:500!important; }
.ov-kpi .kpi-sec{ margin-top:10px; }
.ov-kpi .kpi-sec[data-g="main"] .kpi-sec-t{ display:none; }
.ov-kpi .kpi-sec-t{ margin:18px 0 4px; font-size:15px; font-weight:600; color:var(--gray); }
.ov-kpi .sec-note{ margin:0 0 14px; font-size:13px; color:var(--gray-soft); }

/* KPI kortelės — penkios eilutės, sulygiuotos tarp visų kortelių (subgrid). */
.ov-kpi .kpi-grid{
  display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:14px!important; row-gap:0!important; padding:0!important; border:none!important; background:none!important;
}
.ov-kpi .kpi-grid.cols3{ grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.ov-kpi .kpi-grid .kpi-card{ display:flex!important; flex-direction:column; gap:14px!important; margin-bottom:14px; min-width:0; }
@supports (grid-template-rows: subgrid){
  .ov-kpi .kpi-grid .kpi-card{ display:grid!important; grid-row:span 5; grid-template-rows:subgrid; row-gap:14px!important; }
}
.kpi-card .kp-top{ align-items:flex-start!important; }
.kpi-card .kp-top .name{ line-height:1.35; }
.kpi-card .kp-metric{ display:flex; flex-direction:column; gap:12px; align-self:end; }
.kpi-card .kp-val.kp-none{ color:#C9D1DA; }
.kpi-card .kp-metric .bar:empty{ background:var(--paper-2); }
.kpi-card .kp-chips{ min-height:26px; }
.kpi-card .kp-chart .kc{ margin-top:0!important; }
.kpi-card .kp-foot{ display:flex; flex-direction:column; gap:10px; align-self:start; }
.kpi-card .kp-note{ margin-top:0!important; font-size:12px!important; color:var(--gray-soft)!important; }

/* Du sąrašai. */
.ov-lists{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:22px; }
.ov-card{ background:var(--paper); border-radius:16px; padding:22px 24px; min-width:0; }
.ov-card-h{ display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.ov-card-h h2{ margin:0; font-size:17px; font-weight:600; color:var(--ink); }
.ov-card-h a{ font-size:13.5px; color:var(--teal-deep); text-decoration:none; }
.ov-row{
  display:flex; align-items:center; gap:12px; padding:11px 0; border-top:1px solid var(--paper-2);
  text-decoration:none!important; color:var(--ink)!important; min-width:0;
}
.ov-row .d{ width:52px; flex:0 0 auto; font-size:12.5px; color:var(--gray-soft); font-variant-numeric:tabular-nums; }
.ov-row .d.r{ width:auto; text-align:right; }
.ov-row .ic{ width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.ov-row .t{ flex:1; min-width:0; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ov-row .who{ font-size:12.5px; color:var(--gray-soft); flex:0 0 auto; }
.ov-row .dot{ width:8px; height:8px; border-radius:50%; background:var(--warn); flex:0 0 auto; }
.ov-row .dot.late{ background:var(--bad); }
.ov-row .chip{ font-size:12px; font-weight:500; padding:3px 9px; border-radius:999px; flex:0 0 auto; white-space:nowrap; }
.ov-row .chip.ok  { background:var(--ok-bg);   color:var(--ok-t); }
.ov-row .chip.warn{ background:var(--warn-bg); color:var(--warn-t); }
.ov-row .chip.bad { background:var(--bad-bg);  color:var(--bad-t); }
.ov-row .chip.neu { background:var(--paper-2); color:var(--gray); }
.ov-empty{ margin:12px 0 4px; font-size:14px; color:var(--gray); }

@media (max-width:1100px){
  .ov-tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ov-kpi .kpi-grid, .ov-kpi .kpi-grid.cols3{ grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .ov-lists{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:640px){
  .ov-tiles{ grid-template-columns:minmax(0,1fr); }
  .ov-kpi .kpi-grid, .ov-kpi .kpi-grid.cols3{ grid-template-columns:minmax(0,1fr)!important; }
  .ov-hello h1{ font-size:26px; }
}
/* Senas KPI tinklelio šešėlis ir apvalinimas piešdavo juostą po kortelėmis. */
.ov-kpi .kpi-grid{ box-shadow:none!important; border-radius:0!important; overflow:visible!important; }

/* ---------- naujo įrašo mygtukas: plaukiojantis ---------- */
.addbtn.si-fab{
  position:fixed; right:24px; bottom:24px; z-index:890;
  display:inline-flex; align-items:center; gap:8px;
  height:48px!important; width:auto!important; left:auto!important; margin:0!important;
  padding:0 22px!important; border-radius:999px!important; line-height:1!important;
  font-size:14px!important; font-weight:600;
  background:var(--ink)!important; color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  transition:background .15s ease, transform .15s ease;
}
.addbtn.si-fab:hover{ background:#0B7A6F!important; }
.addbtn.si-fab:active{ transform:scale(.97); }
.addbtn.si-fab:focus-visible{ outline:2px solid #14A394; outline-offset:3px; }
body.si-has-fab .si-top{ bottom:84px; right:26px; }
body.si-modal-open .addbtn.si-fab{ display:none; }
@media (max-width:900px){
  .addbtn.si-fab{ right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); flex:none; height:52px!important; }
  body.si-has-fab .si-top{ right:20px; bottom:calc(80px + env(safe-area-inset-bottom)); }
}
@media print{ .addbtn.si-fab{ display:none; } }