/* ==========================================================================
   si-base.css — bazinis sluoksnis (buvęs si-ui.css).

   Kraunamas PIRMAS. Dalis puslapių turi savo <style> bloką TARP šio failo ir
   si-system.css, todėl jų sujungti negalima, kol tie blokai neišnyks —
   sujungus, puslapio stiliai apverstų kaskadą. Tai kito etapo darbas.

   Failų vaidmenys:
     si-base.css      — bazė, kraunama pirma
     si-system.css    — dizaino sistema, kraunama paskutinė, perrašo bazę
     si-cal.css       — kalendorius (tik kalendorius.php)
     si-uzduotys.css  — užduotys (tik uzduotys.php)
   ========================================================================== */

/* Naršyklės numatytoji 8 px kūno paraštė. Senesni puslapiai ją nuima savo
   <style> bloke, naujesni — ne, todėl per juos einant antraštė šokinėjo
   8 px žemyn. Nuimama čia, vienoje vietoje, visiems. */
html, body{ margin:0; padding:0; }

/* si-ui.css — bendri sąsajos elementai: pokalbio burbulai, naujienų ženklai,
   mobilus antraštės susitraukimas. Naudojama visuose puslapiuose. */

/* ---------- pokalbio gija ---------- */
.chat{display:flex; flex-direction:column; gap:9px; margin-top:8px;}
.msg{max-width:82%; display:flex; flex-direction:column; gap:3px;}
.msg.mine{align-self:flex-end; align-items:flex-end;}
.msg.theirs{align-self:flex-start; align-items:flex-start;}
.msg .who{font-size:10.5px; letter-spacing:0; text-transform:none; color:var(--gray); padding:0 3px;}
.msg .bub{
  padding:9px 12px; font-size:13.5px; line-height:1.5; border-radius:12px;
  white-space:pre-wrap; word-break:break-word; position:relative;
}
.msg.theirs .bub{background:var(--paper-2); color:var(--ink); border-bottom-left-radius:3px;}
.msg.mine   .bub{background:var(--accent); color:var(--paper);    border-bottom-right-radius:3px;}
.msg .quote{
  display:block; font-size:11.5px; line-height:1.4; opacity:.78; margin-bottom:6px;
  padding-left:8px; border-left:2px solid currentColor; max-height:44px; overflow:hidden;
}
.msg .foot{display:flex; gap:10px; align-items:center; font-size:10.5px; color:var(--gray); padding:0 3px;}
.msg .act{background:none; border:none; padding:0; cursor:pointer; font-size:10.5px;
          color:var(--accent); font-family:inherit;}
.msg .act:hover{text-decoration:underline;}
.msg .act.del:hover{color:var(--bad-t);}
.chat-empty{font-size:12px; color:var(--gray);}

/* atsakymo juostelė virš įvesties */
.replybar{
  display:none; align-items:center; gap:8px; margin-top:8px; padding:7px 10px;
  background:var(--paper-2); border-left:3px solid var(--accent-2); font-size:11.5px; color:var(--ink);
}
.replybar.on{display:flex;}
.replybar .txt{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.replybar button{background:none; border:none; cursor:pointer; color:var(--gray); font-size:14px; padding:0 2px;}

/* ---------- naujienų ženklai ---------- */
.newsbadge{
  display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px;
  padding:0 5px; margin-left:7px; border-radius:9px; background:var(--bad-t); color:var(--paper);
  font-size:11px; font-weight:700; line-height:1; vertical-align:middle;
}
.newsrow{
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 22px;
  padding:12px 14px; background:var(--bad-bg); border-left:3px solid var(--bad-t);
  font-size:13px; color:var(--ink); align-items:center;
}
.newsrow a{color:var(--bad-t); font-weight:600; text-decoration:none;}
.newsrow a:hover{text-decoration:underline;}
.newsrow .dismiss{margin-left:auto; background:none; border:none; cursor:pointer;
                  color:var(--gray); font-size:12px; font-family:inherit;}

/* ---------- mobili antraštė ---------- */
@media (max-width:760px){
  header.top{padding:9px 14px !important; gap:8px !important;}
  header.top img{height:30px !important;}
  header.top .titles .sub, header.top .brand > div > .sub{font-size:11px;}
  /* susitraukusi būsena — lieka tik logotipas ir pavadinimas */
  header.top.shrunk .legend{display:none !important;}
  header.top.shrunk .titles .sub{display:none;}
  header.top.shrunk img{height:24px !important;}
  header.top.shrunk h1{font-size:14px !important;}
  header.top .legend{gap:9px !important; font-size:11px;}
  header.top .legend .item{font-size:11px;}
  nav.monthnav{top:auto !important;}
  #siBar{right:8px !important; bottom:8px !important; padding:5px 9px !important; font-size:11px !important;}
  .msg{max-width:92%;}
}

/* ---------- įrašų redaktorius ---------- */
.ed{position:fixed; inset:0; background:rgba(20,32,30,.55); z-index:300;
    display:none; align-items:flex-start; justify-content:center; padding:36px 16px; overflow-y:auto;}
.ed.open{display:flex;}
.ed-panel{background:var(--paper); width:100%; max-width:680px; border:1px solid var(--line);
          font-family:var(--font);}
.ed-head{display:flex; align-items:center; justify-content:space-between;
         padding:16px 22px; border-bottom:1px solid var(--line);}
.ed-head h3{margin:0; font-size:16px; color:var(--ink);}
.ed-x{background:none; border:none; font-size:19px; cursor:pointer; color:var(--gray);}
.ed-body{padding:18px 22px;}
.ed-foot{display:flex; gap:9px; align-items:center; padding:14px 22px;
         border-top:1px solid var(--line); background:var(--bone);}
.ed-foot button{font:inherit; font-size:13px; padding:9px 16px; border:1px solid var(--line);
                background:var(--paper); cursor:pointer; color:var(--ink);}
.ed-save{background:var(--ink) !important; color:var(--paper) !important; border-color:var(--ink) !important;}
.ed-save:hover{background:var(--accent) !important;}
.ed-del{color:var(--bad-t) !important; border-color:#E5C9C5 !important;}
.ed-del:hover{background:var(--bad-bg) !important;}

.ed-group{margin-bottom:12px;}
.ed-glabel{font-size:10.5px; text-transform:none; letter-spacing:0;
           color:var(--gray); margin-bottom:6px;}
.ed-chips{display:flex; flex-wrap:wrap; gap:6px;}
.ed-ch{font:inherit; font-size:12.5px; padding:7px 13px; border:1px solid var(--line);
       background:var(--paper); cursor:pointer; color:var(--gray);}
.ed-ch:hover{border-color:var(--accent-2);}
.ed-ch.on{background:var(--accent); color:var(--paper); border-color:var(--accent); font-weight:600;}

.ed-dates{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0 4px;}
.ed-f{display:block; margin-bottom:12px;}
.ed-f > span{display:block; font-size:11px; text-transform:none; letter-spacing:0;
             color:var(--gray); margin-bottom:4px;}
.ed-f > span em{text-transform:none; letter-spacing:0; font-style:normal; opacity:.8;}
.ed-f input:not([type=radio]):not([type=checkbox]), .ed-f textarea{
    width:100%; font:inherit; font-size:13.5px; padding:8px 10px;
    border:1px solid var(--line); background:var(--bone); color:var(--ink); box-sizing:border-box;}
/* Radijo mygtukui width:100% išstumdavo tekstą už langelio ribų. */
.ed-f input[type=radio]{width:auto; margin:0; flex:none; accent-color:var(--accent);}
.ed-f input:focus, .ed-f textarea:focus{outline:none; border-color:var(--accent); background:var(--paper);}
.ed-f textarea{resize:vertical; line-height:1.5;}

.ed-hint{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 14px;
         padding:9px 12px; background:var(--paper-2); border-left:3px solid var(--accent-2); font-size:12px; color:var(--ink);}
.ed-copy{font:inherit; font-size:12px; padding:6px 12px; border:1px solid var(--accent-2);
         background:var(--paper); cursor:pointer; color:var(--accent);}
.ed-copy:hover{background:var(--accent); color:var(--paper);}

/* naujo įrašo mygtukas ir tempimas */
.addbtn{font:inherit; font-size:12px; padding:7px 14px; border:none; background:var(--accent);
        color:var(--paper); cursor:pointer; margin-left:12px;}
.addbtn:hover{background:var(--ink);}
.chip.draggable{cursor:grab;}
.chip.dragging{opacity:.4;}
.day.dropok{outline:2px dashed var(--accent-2); outline-offset:-3px; background:var(--paper-2) !important;}
.chip.pr{background:var(--pr-bg); color:var(--pr);}
.chip .sw.pr{background:var(--pr);}
@media (max-width:760px){
  .ed{padding:0;}
  .ed-panel{max-width:none; min-height:100vh;}
  .ed-dates{grid-template-columns:1fr;}
}

/* periodinių įrašų juosta per kelias dienas */
.chip.span-start{border-right:none; padding-right:4px;}
.chip.span-mid{border-left:none; border-right:none; padding-left:4px; padding-right:4px; opacity:.72;}
.chip.span-mid .sw, .chip.span-end .sw{display:none;}
.chip.span-mid span:not(.sw), .chip.span-end span:not(.sw){opacity:.55;}
.chip.span-end{border-left:none; padding-left:4px; opacity:.72;}

/* vizualai redaktoriuje */
.ed-thumbs{display:flex; flex-wrap:wrap; gap:7px;}
.ed-thumbs:not(:empty){margin-bottom:8px;}
.ed-th{position:relative; width:64px; height:64px; border:1px solid var(--line); overflow:hidden; background:var(--hol-bg);}
.ed-th img{width:100%; height:100%; object-fit:cover; display:block;}
.ed-th.pending{border-style:dashed; border-color:var(--accent-2);}
.ed-th-x{position:absolute; top:2px; right:2px; width:17px; height:17px; padding:0; line-height:1;
         border:none; cursor:pointer; background:rgba(20,32,30,.65); color:var(--paper); font-size:10px;}
.ed-th-x:hover{background:var(--bad-t);}
.ed-file{font:inherit; font-size:12.5px;}
.ed-note{font-size:11px; color:var(--gray); margin-top:5px;}
.ed-note{font-size:11px; color:var(--gray); margin-top:3px; line-height:1.4;}
.ed-f #edThumbs .thumbs{grid-template-columns:repeat(auto-fill, minmax(74px,1fr));}

/* kampanijų juostelė dienos langelyje */
.camps{display:flex; flex-wrap:wrap; gap:2px; margin:2px 0 4px;}
.cc{font-size:9px; font-weight:700; letter-spacing:.02em; padding:1px 4px; line-height:1.5;
    border-radius:2px; cursor:default; opacity:.82;}
.cc.meta{background:#DCE6F0; color:var(--li);}
.cc.google{background:#F5E7CF; color:#8A6218;}
.day:hover .cc{opacity:1;}
.day.paused .cc{opacity:.3;}
.mbudget{font-size:12px; color:var(--accent); background:var(--paper-2); padding:7px 12px; margin-bottom:8px;
         border-left:3px solid var(--accent-2);}
.mbudget b{color:var(--ink);}
.ed-dup{margin-left:6px;}
.ed-dup:hover{border-color:var(--accent-2) !important; color:var(--accent) !important;}
.ed-f select{width:100%; font:inherit; font-size:13.5px; padding:8px 10px;
  border:1px solid var(--line); background:var(--bone); color:var(--ink); box-sizing:border-box;}
.ed-f select:focus{outline:none; border-color:var(--accent); background:var(--paper);}

/* kampanijos kortelė */
.tl{margin:6px 0 14px;}
.tl-row{display:flex; align-items:center; gap:9px; margin-bottom:3px;}
.tl-m{width:74px; flex:none; font-size:10px; text-transform:none; letter-spacing:0; color:var(--gray);}
.tl-d{display:flex; gap:1px; flex-wrap:nowrap;}
.tl-d i{width:6px; height:13px; background:var(--paper-2); display:block; border-radius:1px;}
.tl-d i.on{background:var(--accent-2);}
.tl-d i.act{background:var(--bad-t); height:16px;}
.ctab{width:100%; border-collapse:collapse; margin:4px 0 14px; font-size:12.5px;}
.ctab td{padding:6px 8px; border-bottom:1px solid var(--line);}
.ctab td.r{text-align:right; white-space:nowrap; font-weight:600;}
.ctab td.n{color:var(--gray); font-size:11.5px;}
.clist{display:flex; flex-direction:column; gap:4px;}
.ci{display:flex; gap:10px; align-items:baseline; text-align:left; width:100%;
    font:inherit; font-size:12.5px; padding:7px 10px; border:1px solid var(--line);
    background:var(--paper); cursor:pointer; color:var(--ink);}
.ci:hover{border-color:var(--accent); background:var(--bone);}
.ci-d{flex:none; font-size:11px; color:var(--gray); font-variant-numeric:tabular-nums;}
.campref{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:12px 0 4px;
         padding:9px 12px; background:var(--paper-2); border-left:3px solid var(--accent-2);}
.campref button{font:inherit; font-size:12.5px; font-weight:600; background:none; border:none;
                padding:0; cursor:pointer; color:var(--accent); text-decoration:underline;}
.campref span{font-size:11.5px; color:var(--gray);}
button.cc{border:none; font-family:inherit; cursor:pointer;}
button.cc:hover{opacity:1 !important; outline:1px solid currentColor;}
@media (max-width:760px){ .tl-d i{width:4px;} .tl-m{width:56px;} }

/* svarbumo pasirinkimas */
.ed-sev{display:flex; flex-direction:column; gap:6px;}
.ed-sev .sv{display:flex; align-items:center; gap:9px; padding:9px 12px; cursor:pointer;
            border:1px solid var(--line); background:var(--paper); font-size:13px; line-height:1.35;}
.ed-sev .sv b{flex:none;}
.ed-sev .sv em{flex:1;}
.ed-sev .sv b{font-weight:600;}
.ed-sev .sv em{font-style:normal; font-size:11.5px; color:var(--gray);}
.ed-sev .sv.on{border-width:1.5px;}
.ed-sev .sv.privalomas.on{border-color:var(--bad-t); background:var(--bad-bg);}
.ed-sev .sv.rekomenduojamas.on{border-color:var(--attn); background:var(--attn-bg);}
.ed-sev .sv.informacinis.on{border-color:var(--accent-2); background:var(--paper-2);}
.ed-f select{width:100%; font:inherit; font-size:13.5px; padding:8px 10px;
             border:1px solid var(--line); background:var(--bone); color:var(--ink);}
.ed-f input[type=number]{width:100%;}

/* kanalų spalvos */
.chip.outdoor{background:#E0EBE3; color:#3E6B4E;}
.chip .sw.outdoor{background:#3E6B4E;}
.chip.uzd.rekomenduojamas{background:var(--attn-bg); color:var(--attn); border-color:var(--attn);}
.chip.uzd.informacinis{background:var(--paper-2); color:var(--accent); border-color:var(--line); font-weight:600;}

/* nauja kampanija formoje */
.np{margin:-4px 0 14px; padding:12px 14px; background:var(--paper-2); border-left:3px solid var(--accent-2);}
.np-t{font-size:11px; text-transform:none; letter-spacing:0; color:var(--accent);
      font-weight:700; margin-bottom:9px;}
.np .ed-f{margin-bottom:9px;}
.np .ed-f input{background:var(--paper);}
.np-btns{display:flex; gap:8px; justify-content:flex-end;}
.np-btns button{font:inherit; font-size:12.5px; padding:7px 14px; border:1px solid var(--line);
                background:var(--paper); cursor:pointer;}
.np-save{background:var(--accent) !important; color:var(--paper) !important; border-color:var(--accent) !important;}

/* organizacinės kampanijos ženklas */
.chip.inproj{border-left:3px solid var(--pc) !important; padding-left:5px;}
.projtag{display:inline-block; font-family:var(--font);
         font-size:11.5px; padding:5px 11px; margin:2px 0 12px; color:var(--ink);
         background:var(--bone); border-left:3px solid var(--pc);}

/* periodo juosta */
.pstrip{display:flex; flex-direction:column; gap:7px; margin:2px 0 8px;}
.pm-l{font-size:10px; text-transform:none; letter-spacing:0; color:var(--gray); margin-bottom:3px;}
.pm-d{display:flex; gap:2px; flex-wrap:wrap;}
.pdates{font-size:12.5px; color:var(--accent); margin:0 0 4px;}


/* vykdymo laikotarpis — vienoda stilistika visoje sistemoje */
.pstrip{display:flex; flex-direction:column; gap:9px; margin:6px 0 8px;}
.pm-l{font-size:10.5px; text-transform:none; letter-spacing:0; color:var(--gray); margin-bottom:4px;}
.pm-d{display:flex; flex-wrap:wrap; gap:2px;}
.pm-d i{width:19px; height:19px; border-radius:2px; background:var(--paper-2); color:#B5B2AA;
        display:flex; align-items:center; justify-content:center;
        font-style:normal; font-size:9.5px; line-height:1; position:relative;}
.pm-d i.on{background:var(--accent); color:var(--paper); font-weight:600;}
/* Veiksmo diena — raudonas stačiakampis po langeliu. Baltas taškas viduje
   susiliedavo su fonu ir tarpiniai taškai buvo praktiškai nematomi. */
.pm-d i.act{background:var(--bad-t); color:var(--paper); font-weight:700;}
.pm-d i.act::after{content:''; position:absolute; left:2px; right:2px; bottom:-4px;
                   height:3px; background:var(--bad-t); border-radius:1px;}
.pdates{font-size:12.5px; color:var(--gray); margin:2px 0 14px;}
.pdates b{color:var(--ink); font-variant-numeric:tabular-nums;}

/* organizacinės kampanijos ženklas chip'e */
.chip.haspj{position:relative;}
.chip.haspj::before{content:attr(data-pj); position:absolute; left:-22px; top:0; bottom:-3px;
  width:22px; display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:800; color:var(--paper);}
.cc.cont{font-weight:600;}   /* nenublankinama — dėl to spalvos atrodė skirtingos */
.cc.li{background:#DDE4EC; color:var(--li);} .cc.fb{background:#DFE3F2; color:var(--fb);}
.cc.ig{background:var(--ig-bg); color:var(--ig);} .cc.reels{background:#F2E3EC; color:var(--reels);}
.cc.yt{background:var(--yt-bg); color:var(--yt);} .cc.pr{background:var(--pr-bg); color:var(--pr);}
.cc.outdoor{background:#E0EBE3; color:#3E6B4E;} .cc.email{background:#E2EAE8; color:var(--accent);}
.cc.svente{background:var(--hol-bg); color:var(--hol);}

/* veiksmo diena juostoje — paspaudžiama */
.pm-d i.act[data-act]{cursor:pointer;}
.pm-d i.act[data-act]:hover{outline:2px solid var(--bad-t); outline-offset:1px;}

/* mažieji žymenys su organizacinės kampanijos ženklu */
.cc{position:relative;}

.camps{align-items:center;}

.cp-sel{font:inherit; font-size:13px; padding:7px 10px; border:1px solid var(--line);
        background:var(--paper); color:var(--ink); margin-bottom:6px; max-width:340px; width:100%;}


/* veiksmų juosta modalinio lango apačioje — vienoda įrašams ir kampanijoms */
.modal-actions{display:flex; gap:6px; flex-wrap:wrap;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--line);}
.mact{font:inherit; font-size:12px; padding:8px 14px; border:1px solid var(--line);
      background:var(--paper); cursor:pointer; color:var(--ink);}
.mact:hover{border-color:var(--teal-deep); color:var(--teal-deep);}
.mact.prim{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.mact.prim:hover{background:var(--teal-deep); border-color:var(--teal-deep); color:var(--paper);}
.cedit{display:none; margin-top:16px; padding-top:14px; border-top:1px solid var(--line);}
.cedit.on{display:block;}
.cedit-f{display:flex; gap:6px; justify-content:flex-end;}

/* kliento patvirtinimas */
.ap-block{padding:12px 14px; background:var(--hol-bg); border-left:3px solid var(--attn);}
.ap-chk{display:flex; align-items:center; gap:9px; font-size:13px; cursor:pointer;}
.ap-chk input{width:auto !important; flex:none; accent-color:var(--attn);}
.ap-when{display:none; margin-top:10px;}
.ap-when.on{display:block;}
.ap-when .ed-f{margin-bottom:4px;}

.apbox{display:flex; align-items:center; gap:12px; flex-wrap:wrap;
       padding:10px 14px; margin:0 0 14px; font-size:13px; font-weight:600;}
.apbox.wait{background:var(--attn-bg); color:var(--attn); border-left:3px solid var(--attn);}
.apbox.late{background:var(--bad-bg); color:var(--bad-t); border-left:3px solid var(--bad-t);}
.apbox.ok{background:var(--ok-bg); color:var(--out); border-left:3px solid var(--out);}
.apbox .ap-t{flex:1;}



/* 3 — pasiruošimo taškas virsta patvirtinimo ženklu */
.stdot.ap{width:14px; height:14px; border-radius:50%; color:var(--paper); font-weight:800;
  font-size:10px; line-height:14px; text-align:center; flex:none;}
.stdot.ap.wait{background:var(--attn);}
.stdot.ap.late{background:var(--bad-t);}
.apok{margin-left:4px; font-size:10px; font-weight:700; color:var(--out);}

/* 5 — dienos juosta su laukiančių skaičiumi */
.apbar{margin:2px 0 4px; padding:2px 7px; font-size:10.5px; font-weight:700;
  letter-spacing:.02em; background:var(--attn-bg); color:var(--attn); cursor:pointer;
  border-left:3px solid var(--attn); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apbar.late{background:var(--bad-bg); color:var(--bad-t); border-left-color:var(--bad-t);}
.apbar:hover{filter:brightness(.96);}