:root{
  --ak:#2f6bff; --ak-t:#2152d6; --ak-s:#eaf0ff;
  --crn:#111c30; --tekst:#25324d; --siv:#6b7892; --lin:#e2e8f3; --pod:#f1f4fa; --bel:#fff;
  --crv:#d14343; --zol:#b7791f; --zel:#1f9d55; --sin:#2f6fb3; --vio:#6a4bb3;
  --senka:0 1px 2px rgba(17,28,48,.05),0 4px 14px rgba(17,28,48,.06);
  --r:12px;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--tekst);background:var(--pod)}
a{color:var(--ak-t);text-decoration:none} a:hover{text-decoration:underline}
h1{font-size:24px;line-height:1.25;margin:0 0 18px;color:var(--crn);font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
h2{font-size:16px;margin:30px 0 12px;color:var(--crn);font-weight:650;display:flex;align-items:center;gap:10px}
main{max-width:1180px;margin:0 auto;padding:28px 28px 70px}
body:not(.gol){padding-left:236px}

/* ---------- лева лента ---------- */
.strana{position:fixed;inset:0 auto 0 0;width:236px;background:var(--bel);border-right:1px solid var(--lin);display:flex;flex-direction:column;padding:20px 14px;z-index:20}
.strana .brend{display:flex;align-items:center;gap:10px;color:var(--crn);font-weight:700;font-size:15px;line-height:1.25;padding:4px 8px 20px}
.strana .brend:hover{text-decoration:none}
.strana .brend i{flex:none;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2f6bff,#6a5cff);display:grid;place-items:center;color:#fff}
.strana nav{display:flex;flex-direction:column;gap:3px;flex:1}
.strana nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--siv);font-weight:550;font-size:14.5px}
.strana nav a:hover{background:var(--pod);color:var(--crn);text-decoration:none}
.strana nav a.akt{background:var(--ak-s);color:var(--ak-t)}
.strana svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.strana .jas{border-top:1px solid var(--lin);padding:14px 8px 0;font-size:13.5px;display:flex;align-items:center;gap:10px}
.strana .jas b{display:block;color:var(--crn);font-weight:600}
.strana .jas em{font-style:normal;color:var(--siv);font-size:12.5px}
.strana .jas .lik{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ak-s);color:var(--ak-t);display:grid;place-items:center;font-weight:700}
.strana .odjava{margin-left:auto;color:var(--siv);padding:6px;border-radius:8px;display:grid}
.strana .odjava:hover{background:var(--pod);color:var(--crv)}
.demo-lenta{background:#fff8e6;color:#7a5600;border:1px solid #f3dfa6;padding:9px 14px;border-radius:10px;margin-bottom:20px;font-size:13px}

/* ---------- блокови ---------- */
.kartichka{background:var(--bel);border:1px solid var(--lin);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--senka)}
.kartichka em,.citaj em{font-style:normal;font-size:11.5px;color:var(--siv);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:3px;font-weight:600}
.citaj div{color:var(--crn);font-weight:550}
.mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 18px}
label{display:block;font-size:13px;color:var(--siv);margin-bottom:12px;font-weight:550}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d6deec;border-radius:9px;font:inherit;font-size:14.5px;background:var(--bel);color:var(--crn);margin-top:5px;transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#a8b4c8}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ak);box-shadow:0 0 0 3px rgba(47,107,255,.18)}
input[type=checkbox]{width:auto;accent-color:var(--ak)}
input[type=color]{height:42px;padding:3px}
button,.gl,summary.gl{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #d6deec;background:var(--bel);color:var(--crn);border-radius:9px;font:inherit;font-size:14px;font-weight:550;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}
button:hover{background:var(--pod);border-color:#c1cce0}
button:active,.gl:active{transform:translateY(1px)}
.gl,summary.gl{background:var(--ak);border-color:var(--ak);color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(47,107,255,.3)}
.gl:hover,summary.gl:hover{background:var(--ak-t);border-color:var(--ak-t);text-decoration:none;color:#fff}
h1 .gl,h1 button.gl{margin-left:auto}
.mal{font-size:13px;padding:6px 12px;border:1px solid #d6deec;border-radius:8px;background:var(--bel);color:var(--tekst);font-weight:550}
a.mal:hover{text-decoration:none;background:var(--pod)}
.mal.akt{border-color:var(--ak);background:var(--ak-s);color:var(--ak-t)}
.mal-sivo{font-size:13px;color:var(--siv);margin:8px 0}
.broj{font-size:12.5px;font-weight:600;color:var(--siv);background:var(--bel);border:1px solid var(--lin);border-radius:20px;padding:3px 11px;letter-spacing:0}
.lenta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.lenta input,.lenta select{width:auto;min-width:190px;margin:0}
details summary{cursor:pointer;font-weight:600;color:var(--crn)}
details summary.gl{list-style:none} details summary.gl::-webkit-details-marker{display:none}
details[open] summary{margin-bottom:14px}

/* ---------- поздрав ---------- */
.pozdrav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.pozdrav h1{margin:0}
.pozdrav p{margin:2px 0 0;color:var(--siv)}
.pozdrav .gl{margin-left:auto}

/* ---------- табела ---------- */
.t{width:100%;border-collapse:separate;border-spacing:0;background:var(--bel);border:1px solid var(--lin);border-radius:var(--r);overflow:hidden;font-size:14px;box-shadow:var(--senka)}
.t th{background:#f8fafd;text-align:left;padding:11px 16px;font-size:11.5px;color:var(--siv);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-weight:600;border-bottom:1px solid var(--lin)}
.t td{padding:13px 16px;border-top:1px solid var(--lin);vertical-align:middle;color:var(--crn)}
.t tr:first-child td{border-top:0}
.t tr:hover td{background:#f9fafd}
.t .desno{text-align:right}
.tesen{color:var(--siv);font-size:13px;font-weight:400}
.t tr.docna td{background:#fff7f6}
.t tr.izgasen td{opacity:.45}
.t form{margin:0}
.prazno{color:var(--siv);padding:18px 0;text-align:center}

/* ---------- значки ---------- */
.zn{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;vertical-align:middle}
.zn.crv{background:#fdecec;color:var(--crv)} .zn.zol{background:#fff4dc;color:var(--zol)}
.zn.zel{background:#e4f6ea;color:var(--zel)} .zn.siv{background:#edf1f7;color:#52627a} .zn.sin{background:#e6f0fb;color:var(--sin)}
.tocka{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle}

/* ---------- плочки ---------- */
.plocki{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:10px}
.plocka{background:var(--bel);border:1px solid var(--lin);border-radius:var(--r);padding:18px;color:var(--crn);box-shadow:var(--senka);transition:transform .15s,box-shadow .15s}
a.plocka:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px rgba(17,28,48,.1)}
.plocka b{display:block;font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.plocka span{font-size:13px;color:var(--siv)}
.plocka.crv b{color:var(--crv)} .plocka.zol b{color:var(--zol)}

.flash{padding:12px 16px;border-radius:10px;margin:0 0 18px;background:#e4f6ea;color:#176b3c;border:1px solid #c4e8d1;font-weight:550}
.flash.gr{background:#fdecec;color:#a52f2f;border-color:#f5c6c6}

dialog{border:0;border-radius:16px;padding:26px;max-width:660px;width:calc(100% - 32px);background:var(--bel);color:var(--tekst);box-shadow:0 20px 60px rgba(17,28,48,.25)}
dialog::backdrop{background:rgba(17,28,48,.4);backdrop-filter:blur(2px)}
dialog h2{margin-top:0;font-size:19px}

/* ---------- календар ---------- */
.nedela{display:grid;grid-template-columns:56px repeat(6,minmax(130px,1fr));background:var(--bel);border:1px solid var(--lin);border-radius:var(--r);overflow-x:auto;box-shadow:var(--senka)}
.den-glava{display:block;height:48px;padding:12px 8px;border-bottom:1px solid var(--lin);font-size:12.5px;color:var(--siv);text-align:center;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
a.den-glava:hover{text-decoration:none;background:var(--pod)}
.den-glava b{color:var(--crn);font-size:16px;margin-left:3px}
.den.denes .den-glava{color:var(--ak-t)}
.den.denes .den-glava b{background:var(--ak);color:#fff;border-radius:50%;padding:3px 8px}
.den.denes .den-telo{background-color:#f3f6ff}
.den{border-left:1px solid var(--lin)}
.den-telo{position:relative;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 95px,var(--lin) 95px,var(--lin) 96px)}
.cas{font-size:11.5px;color:var(--siv);text-align:right;padding:4px 8px 0 0}
.blok{position:absolute;overflow:hidden;background:var(--ak-s);border-left:4px solid var(--ak);border-radius:8px;padding:4px 7px;font-size:12.5px;line-height:1.3;color:var(--crn)}
.blok:hover{text-decoration:none;z-index:2;box-shadow:0 4px 14px rgba(17,28,48,.18)}
.blok span{display:block;color:var(--siv);font-size:11.5px}
.blok.st-dojde{background:#e4f6ea}
.blok.st-ne_dojde{background:#fdecec;text-decoration:line-through}
.blok.st-potvrden{background:#e6f0fb}

/* ---------- забна шема ---------- */
.zabi{display:flex;flex-direction:column;gap:8px;overflow-x:auto;padding:4px 0 6px}
.zabi-red{display:flex;gap:5px;justify-content:center}
.zabi-red.dolu{padding-top:10px;border-top:2px dashed var(--lin)}
.zabi-red .zab:nth-child(8){margin-right:18px}
.zab{width:40px;height:48px;border-radius:9px 9px 14px 14px;border:1.5px solid #cfd8e8;background:var(--bel);font-size:12.5px;font-weight:600;color:var(--tekst);display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none;gap:0;box-shadow:none}
.zabi-red.dolu .zab{border-radius:14px 14px 9px 9px}
.zab.crv{background:#fdecec;border-color:var(--crv);color:var(--crv)}
.zab.sin{background:#e6f0fb;border-color:var(--sin);color:var(--sin)}
.zab.vio{background:#efe9fb;border-color:var(--vio);color:var(--vio)}
.zab.zol{background:#fff4dc;border-color:var(--zol);color:var(--zol)}
.zab.zel{background:#e4f6ea;border-color:var(--zel);color:var(--zel)}
.zab.siv{background:#edf1f7;border-style:dashed;color:#9aa8bf}
button.zab:hover{border-color:var(--ak);box-shadow:0 0 0 3px rgba(47,107,255,.18);background-color:inherit}
.zabi-legenda{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:13px;color:var(--siv);justify-content:center}
.zabi-legenda i.zab{width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px;display:inline-block}

/* ---------- потпис и согласност ---------- */
.potpis-f{border:1px solid var(--lin);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:12px;margin:8px 0 14px}
.potpis-f legend{font-weight:650;padding:0 8px;color:var(--crn)}
.potpis-f label{margin:0}
.sog-tekst{font-size:14.5px;line-height:1.6;background:var(--pod);padding:14px 16px;border-radius:10px;color:var(--crn)}
.potpis-pole{position:relative;height:220px;border:1.5px dashed #c1cce0;border-radius:12px;background:#fff;color:#1B2A6B;touch-action:none}
.potpis-pole canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.potpis-x{position:absolute;left:16px;bottom:44px;color:#9aa6b8;pointer-events:none}
.potpis-pole::after{content:"";position:absolute;left:16px;right:16px;bottom:40px;border-bottom:1.5px solid #c9d2e0;pointer-events:none}
.potpis-pole.cel{position:fixed;inset:0;z-index:999;height:auto;border-radius:0;border:0}
.potpis-pole.cel #potpis-cel{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:2}
.potpis-kopcinja{display:flex;gap:10px}.potpis-kopcinja button,#potpis-cel{flex:1;padding:12px;justify-content:center}
.potpis-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;color:var(--crn)}
.potpis-check input{width:20px;height:20px;margin:0}
.sog-red{display:flex;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--lin)}
.sog-red:last-of-type{border-bottom:0}
.sog-red img{width:170px;background:#fff;border:1px solid var(--lin);border-radius:8px}
.gl.kopce-whatsapp{background:#1f9d55;border-color:#1f9d55;box-shadow:none}
.gl.kopce-whatsapp:hover{background:#17803f;border-color:#17803f}
.gl.kopce-viber{background:#7360f2;border-color:#7360f2;box-shadow:none}
.gl.kopce-viber:hover{background:#5b49d6;border-color:#5b49d6}

/* ---------- најава и печатење ---------- */
body.gol{background:linear-gradient(160deg,#eaf0ff 0%,#f1f4fa 45%,#eaf1fb 100%);min-height:100vh}
.najava{max-width:400px;margin:8vh auto 0}
.najava h1{justify-content:center;text-align:center}
.najava p{text-align:center}
.pecat{max-width:720px;margin:10px auto;background:#fff;color:#111;padding:36px;border-radius:var(--r);box-shadow:var(--senka)}
.pecat .sog-tekst{background:#f4f6f8}
.pecat-potpis{max-width:320px;width:100%;border-bottom:1.5px solid #111}
@media print{body{background:#fff!important;padding:0!important}.bez-pecat,.strana{display:none}.pecat{margin:0;padding:0;box-shadow:none}}

/* ---------- телефон и таблет ---------- */
@media (max-width:900px){
  body:not(.gol){padding-left:0;padding-bottom:70px}
  .strana{inset:auto 0 0 0;width:auto;flex-direction:row;padding:6px 8px;border-right:0;border-top:1px solid var(--lin);box-shadow:0 -4px 14px rgba(17,28,48,.06)}
  .strana .brend,.strana .jas{display:none}
  .strana nav{flex-direction:row;overflow-x:auto;gap:2px}
  .strana nav a{flex-direction:column;gap:3px;font-size:11px;padding:7px 10px;white-space:nowrap}
  main{padding:18px 14px 30px}
  h1{font-size:20px}
  .t{display:block;overflow-x:auto}
}

/* ---------- оценки ---------- */
.ocenka{max-width:460px}
.ocenka .kartichka{text-align:center;padding:28px 24px}
.ocenka h2{justify-content:center;margin:0 0 14px;font-size:19px}
.ocenka label{text-align:left}
.zvezdi{display:flex;flex-direction:row-reverse;justify-content:center;gap:6px;margin:6px 0 20px}
.zvezdi input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.zvezdi label{font-size:46px;line-height:1;color:#d6deec;cursor:pointer;margin:0;transition:color .1s,transform .1s}
.zvezdi label:hover,.zvezdi label:hover~label,.zvezdi input:checked~label{color:#f5a623}
.zvezdi label:active{transform:scale(.9)}
.zvezdi input:focus-visible+label{outline:2px solid var(--ak);border-radius:6px}
.zvezdi-prikaz{color:#f5a623;letter-spacing:1px;white-space:nowrap}
.zvezdi-prikaz i{font-style:normal;color:#d6deec}
.zvezdi-golemi{font-size:38px;line-height:1;margin-bottom:10px}
.gl.golemo{display:flex;justify-content:center;width:100%;padding:14px;font-size:16px}

/* ---------- QR за рецепција ---------- */
.qr-list{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--lin);border-radius:var(--r);padding:40px 36px;text-align:center;box-shadow:var(--senka);color:#111c30}
.qr-list h1{justify-content:center;font-size:28px;margin-bottom:6px}
.qr-list .qr{width:280px;margin:22px auto}
.qr-list .qr svg{width:100%;height:auto;display:block}
.qr-list p{margin:6px 0;font-size:16px}
.qr-list .adresa{font-family:ui-monospace,Consolas,monospace;font-size:14px;color:var(--siv)}
@media print{.qr-list{border:0;box-shadow:none;max-width:none;padding:60px 0}.demo-lenta,.flash{display:none}}

/* листата „За праќање" на телефон: секоја порака како картичка */
@media (max-width:700px){
  .t.zp{display:block;overflow:visible}
  .t.zp tbody{display:block}
  .t.zp tr{display:block;padding:14px 16px;border-top:1px solid var(--lin)}
  .t.zp tr:first-child{border-top:0}
  .t.zp td{display:block;padding:3px 0;border:0;text-align:left}
  .t.zp td.desno{padding-top:10px;white-space:normal!important;display:flex;gap:8px}
  .t.zp td.desno form{flex:1;display:flex!important}
  .t.zp td.desno form:first-child{flex:2}
  .t.zp td.desno .gl,.t.zp td.desno button{flex:1;justify-content:center;padding:12px}
}
button.golemo{display:flex;justify-content:center;width:100%;padding:13px;font-size:15px}

/* ================= календар, нов изглед ================= */
.kal-glava{display:flex;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;margin-bottom:16px}
.kal-glava h1{margin:0;font-size:28px;letter-spacing:-.02em}
.kal-glava p{margin:4px 0 0;color:var(--siv);font-size:14px}
.kal-glava p b{color:var(--crn)}
.kal-alat{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kal-grupa{display:inline-flex;background:var(--bel);border:1px solid #d6deec;border-radius:10px;padding:3px;box-shadow:0 1px 2px rgba(17,28,48,.04)}
.kal-grupa a{padding:6px 13px;border-radius:7px;color:var(--tekst);font-weight:550;font-size:14px;line-height:1.4}
.kal-grupa a:hover{background:var(--pod);text-decoration:none}
.kal-grupa a.akt{background:var(--ak-s);color:var(--ak-t)}
.kal-grupa a[aria-label]{font-size:20px;line-height:1;padding:5px 12px}
.kal-datum{margin:0}
.kal-datum input{margin:0;width:auto;padding:8px 10px}

.kal-doktori{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.kal-doktori a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;border:1px solid #d6deec;background:var(--bel);color:var(--tekst);font-size:13.5px;font-weight:550}
.kal-doktori a:hover{text-decoration:none;border-color:#bcc7da}
.kal-doktori a i{width:10px;height:10px;border-radius:50%;background:var(--b)}
.kal-doktori a.akt{background:var(--crn);border-color:var(--crn);color:#fff}
.kal-doktori a.akt[style]{background:color-mix(in srgb,var(--b) 14%,#fff);border-color:var(--b);color:var(--crn)}

.kal-lenta{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-bottom:14px}
.kal-lenta a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;background:var(--bel);border:1px solid var(--lin);color:var(--tekst);position:relative}
.kal-lenta a:hover{text-decoration:none;border-color:var(--ak)}
.kal-lenta span{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--siv);font-weight:600}
.kal-lenta b{font-size:19px;color:var(--crn);line-height:1.2}
.kal-lenta em{font-style:normal;font-size:11px;min-height:16px;color:var(--ak-t);font-weight:600}
.kal-lenta a.denes b{color:var(--ak-t)}
.kal-lenta a.akt{background:var(--ak);border-color:var(--ak);box-shadow:0 4px 12px rgba(47,107,255,.3)}
.kal-lenta a.akt span,.kal-lenta a.akt b,.kal-lenta a.akt em{color:#fff}

.kal{display:grid;grid-template-columns:58px repeat(var(--denovi),minmax(148px,1fr));background:var(--bel);border:1px solid var(--lin);border-radius:16px;
  box-shadow:var(--senka);overflow:auto;max-height:calc(100vh - 250px);min-height:380px;scroll-behavior:smooth;position:relative}
.kal-casovi{position:sticky;left:0;z-index:4;background:var(--bel);border-right:1px solid var(--lin)}
.kal-agol{height:80px;position:sticky;top:0;background:var(--bel);border-bottom:1px solid var(--lin);z-index:5}
.kal-skala{position:relative}
.kal-skala span{position:absolute;right:8px;transform:translateY(-50%);font-size:11.5px;color:var(--siv);font-variant-numeric:tabular-nums;background:var(--bel);padding:0 2px}
.kal-skala span:first-child{transform:translateY(2px)}
.kal-skala span:last-child{transform:translateY(-110%)}
.kal-den{border-left:1px solid var(--lin);min-width:0}
.kal-den:nth-child(2){border-left:0}
.kal-den-glava{position:sticky;top:0;z-index:3;height:80px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--lin);display:flex;flex-direction:column}
.kal-den-glava a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--tekst);padding:0 8px}
.kal-den-glava a:hover{text-decoration:none;background:var(--pod)}
.kal-den-glava a span{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--siv);font-weight:600}
.kal-den-glava a b{font-size:20px;color:var(--crn);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:650}
.kal-den-glava a em{font-style:normal;font-size:11.5px;color:var(--siv)}
.kal-den.denes .kal-den-glava a b{background:var(--ak);color:#fff;box-shadow:0 3px 10px rgba(47,107,255,.35)}
.kal-den.denes .kal-den-glava a span{color:var(--ak-t)}
.kal-stolovi{display:grid;grid-template-columns:repeat(var(--stolovi),1fr);height:22px;border-top:1px solid #edf1f8}
.kal-stolovi span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#9aa8bf;text-align:center;line-height:21px;font-weight:600}
.kal-stolovi span+span{border-left:1px solid #edf1f8}
.kal-telo{position:relative;cursor:copy;
  background-image:linear-gradient(90deg,transparent calc(100% - 1px),#edf1f8 0),linear-gradient(var(--lin) 1px,transparent 1px),linear-gradient(#f0f3f9 1px,transparent 1px);
  background-size:calc(100% / var(--stolovi)) 100%,100% var(--cas),100% calc(var(--cas) / 2)}
.kal-den.denes .kal-telo{background-color:#f3f6ff}
.kal-den.minat .kal-telo{background-color:#fafbfc}
.kal-den.minat .kal-blok{opacity:.72}

.kal-blok{position:absolute;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:5px 8px 4px 9px;border-radius:9px;
  background:color-mix(in srgb,var(--b) 13%,#fff);border-left:4px solid var(--b);color:var(--crn);font-size:12.5px;line-height:1.3;
  box-shadow:0 1px 2px rgba(17,28,48,.08);transition:transform .12s,box-shadow .12s,background .12s;cursor:pointer}
.kal-blok:hover{text-decoration:none;z-index:2;transform:translateY(-1px);background:color-mix(in srgb,var(--b) 22%,#fff);box-shadow:0 6px 18px rgba(17,28,48,.16)}
.kal-blok b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:14px}
.kal-blok .bl-cas{font-size:11px;color:color-mix(in srgb,var(--b) 60%,#111c30);font-weight:600;font-variant-numeric:tabular-nums}
.kal-blok .bl-vid,.kal-blok .bl-dop{font-size:11.5px;color:#52627a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kal-blok.kratok{flex-direction:row;align-items:center;gap:6px;padding-top:2px;padding-bottom:2px}
.kal-blok.kratok .bl-vid,.kal-blok.kratok .bl-dop{display:none}
.bl-alergija{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--crv);color:#fff;font-size:10.5px;font-weight:700;vertical-align:1px}
.bl-status{position:absolute;top:6px;right:7px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--b);background:transparent}
.st-potvrden .bl-status{background:var(--b)}
.st-dojde .bl-status{border:0;width:14px;height:14px;top:4px;right:5px;background:var(--zel);display:grid;place-items:center}
.st-dojde .bl-status::after{content:"";width:6px;height:3px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.kal-blok.st-ne_dojde{background:repeating-linear-gradient(135deg,#fdecec 0 8px,#fbdcdc 8px 16px);border-left-color:var(--crv)}
.kal-blok.st-ne_dojde b{text-decoration:line-through;color:#a52f2f}
.st-ne_dojde .bl-status{border-color:var(--crv);background:var(--crv)}

.kal-duh{position:absolute;border-radius:9px;border:1.5px dashed var(--ak);background:rgba(47,107,255,.08);color:var(--ak-t);font-size:12px;font-weight:650;
  padding:5px 9px;pointer-events:none;z-index:1}
.kal-duh[hidden]{display:none}
.kal-sega{position:absolute;left:0;right:0;height:0;border-top:2px solid #e5484d;z-index:2;pointer-events:none}
.kal-sega[hidden]{display:none}
.kal-sega::before{content:"";position:absolute;left:-5px;top:-6px;width:10px;height:10px;border-radius:50%;background:#e5484d}
.kal-sega::after{content:attr(data-cas);position:absolute;right:4px;top:-19px;font-size:10.5px;font-weight:700;color:#fff;background:#e5484d;border-radius:5px;padding:1px 5px}

.kal-legenda{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:12px;font-size:13px;color:var(--siv)}
.kal-legenda i{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ak-t);margin-right:6px;vertical-align:-1px}
.kal-legenda i.st-potvrden{background:var(--ak-t)}
.kal-legenda i.st-dojde{background:var(--zel);border-color:var(--zel)}
.kal-legenda i.st-ne_dojde{background:var(--crv);border-color:var(--crv)}
.kal-sovet{margin-left:auto}


@media (max-width:900px){
  .kal{max-height:none;border-radius:12px}
  .kal-glava h1{font-size:23px}
  .kal-alat{margin-left:0;width:100%}
  .kal-alat .gl{margin-left:auto}
  .kal-sovet{display:none}
  .kal-telo{cursor:pointer}
}
@media print{.kal{max-height:none;overflow:visible;box-shadow:none}.kal-alat,.kal-doktori,.kal-legenda,.kal-duh{display:none}}

/* влечење на термини */
.kal-prekinuvac{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;font-size:13.5px;color:var(--tekst)}
.kal-prekinuvac i{width:30px;height:17px;border-radius:10px;background:#cfd8e8;position:relative;transition:background .15s;flex:none}
.kal-prekinuvac i::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.kal-prekinuvac b{font-weight:600;color:var(--siv)}
.kal-prekinuvac.akt{border-color:var(--ak);background:var(--ak-s)}
.kal-prekinuvac.akt i{background:var(--ak)}
.kal-prekinuvac.akt i::after{left:15px}
.kal-prekinuvac.akt b{color:var(--ak-t)}
.kal.vlecenje .kal-blok[data-moze]{cursor:grab}
.kal.vlecenje .kal-blok[data-moze]::before{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:3px;margin-left:-9px;border-radius:2px;background:color-mix(in srgb,var(--b) 45%,#fff)}
.kal-blok.se-vlece{opacity:.35;box-shadow:none;transform:none}
body.kal-vlece,body.kal-vlece *{cursor:grabbing!important;user-select:none}
.kal-cel{position:absolute;border-radius:9px;border:2px solid var(--b);background:color-mix(in srgb,var(--b) 24%,#fff);color:var(--crn);font-size:12.5px;font-weight:700;
  padding:5px 9px;pointer-events:none;z-index:6;box-shadow:0 10px 26px rgba(17,28,48,.25);font-variant-numeric:tabular-nums}
@media (max-width:900px){.kal-prekinuvac{display:none}}

/* тесни колони во неделниот поглед */
.pogled-nedela .kal-blok{padding:4px 6px 3px 7px;font-size:12px;letter-spacing:-.01em}
.pogled-nedela .kal-blok b{padding-right:0}
.kal-blok .bl-cas{padding-right:16px}
.pogled-nedela .kal-blok .bl-vid{font-size:11px}
.kal-skala span{z-index:0}

/* дневен поглед: час и име во прв ред, детали во втор */
.kal.pogled-den{grid-template-columns:58px minmax(0,1fr)}
.pogled-den .kal-blok{display:grid;grid-template-columns:104px max-content minmax(0,1fr);grid-auto-rows:min-content;align-content:start;column-gap:6px;row-gap:1px;
  font-size:13.5px;padding:5px 30px 4px 12px}
.pogled-den .kal-blok .bl-cas{grid-area:1/1;font-size:12.5px;align-self:center;padding-right:0}
.pogled-den .kal-blok b{grid-area:1/2;font-size:14.5px;padding-right:0}
.pogled-den .kal-blok .bl-vid{grid-area:1/3;align-self:center;font-size:12.5px;padding-left:8px}
.pogled-den .kal-blok .bl-dop{grid-area:2/2/3/4;font-size:12.5px}
.pogled-den .kal-blok.kratok{display:grid;padding-top:3px}
.pogled-den .kal-blok.kratok .bl-vid{display:block}
@media (max-width:700px){
  .pogled-den .kal-blok{grid-template-columns:minmax(0,1fr);padding:4px 22px 3px 8px;font-size:12.5px}
  .pogled-den .kal-blok .bl-cas,.pogled-den .kal-blok b,.pogled-den .kal-blok .bl-vid,.pogled-den .kal-blok .bl-dop{grid-area:auto;padding-left:0}
  .pogled-den .kal-blok .bl-cas{font-size:11px}
  .pogled-den .kal-blok b{font-size:13px}
  .pogled-den .kal-blok .bl-dop{display:none}
}

.pogled-nedela .kal-blok{line-height:1.17;padding-top:3px;padding-bottom:2px}
.pogled-nedela .kal-blok .bl-cas{font-size:10.5px}

/* ================= потсетници, дневен ред ================= */
.zp-glava{display:flex;align-items:flex-end;gap:14px 40px;flex-wrap:wrap;margin-bottom:26px}
.zp-glava h1{margin:0;font-size:28px;letter-spacing:-.02em}
.zp-glava p{margin:4px 0 0;color:var(--siv);font-size:14px}
.zp-zbir{display:flex;gap:10px 30px;flex-wrap:wrap}
.zp-zbir div{display:flex;gap:9px;align-items:baseline}
.zp-zbir b{font-size:28px;line-height:1;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.zp-zbir span{color:var(--siv);font-size:14px}
.zp-zbir .w b{color:var(--zol)} .zp-zbir .i b{color:var(--sin)} .zp-zbir .o b{color:var(--zel)} .zp-zbir .b b{color:var(--crv)}

.zp-del{margin-bottom:26px}
.zp-nasl{display:flex;align-items:center;gap:10px;margin:0 2px 10px}
.zp-nasl h2{margin:0;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--siv);font-weight:650}
.zp-link{margin-left:auto;font-size:13.5px;font-weight:600}
.zp-del .kartichka{margin-bottom:0;padding:6px 22px}

.inic{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--ak-s);color:var(--ak-t);letter-spacing:.02em}
.meur{margin:0;background:var(--pod);border-radius:4px 16px 16px 16px;padding:11px 15px;font-size:14.5px;line-height:1.5;color:var(--crn);max-width:68ch}

.zp-kart{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px 16px;align-items:start;padding:20px 0;border-top:1px solid var(--lin)}
.zp-kart:first-child{border-top:0}
.zp-koj .ime{font-weight:650;font-size:16.5px;color:var(--crn)}
.zp-kon{display:flex;flex-wrap:wrap;gap:2px 0;color:var(--siv);font-size:13.5px;margin-top:1px}
.zp-kon span+span::before{content:"·";margin:0 8px;color:#bcc7da}
.zp-kart .meur{grid-column:2}
.zp-akc{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:150px}
.zp-akc form{margin:0;display:flex}
.zp-akc .gl,.zp-akc button{flex:1;justify-content:center;padding:11px 16px}
.zp-akc .gl svg{width:16px;height:16px;fill:currentColor;flex:none}
button.tivko{border-color:transparent;background:transparent;color:var(--siv);font-weight:550}
button.tivko:hover{background:var(--pod);color:var(--crn);border-color:transparent}
.zp-prazno{padding:22px 0;color:var(--siv);text-align:center}
.zp-prazno b{display:block;color:var(--zel);font-size:16px;margin-bottom:2px}
#wa-izbor{margin:0;padding:12px 0 14px;border-top:1px solid var(--lin)}
.kartichka>.mal-sivo:first-of-type{margin-top:14px}

.zp-redovi .zp-red{display:grid;grid-template-columns:78px minmax(0,1fr) auto auto;gap:4px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--lin);font-size:14.5px}
.zp-redovi .zp-red:first-child,.zp-den+.zp-red{border-top:0}
.zp-koga{font-weight:650;color:var(--crn);font-variant-numeric:tabular-nums;line-height:1.25}
.zp-koga small{display:block;font-weight:400;color:var(--siv);font-size:12.5px}
.zp-sto a{font-weight:600;color:var(--crn)}
.zp-sto .tesen{margin-left:6px}
.zp-nacin{white-space:nowrap}
.zp-den{font-size:12.5px;color:var(--siv);font-weight:650;padding:14px 0 0;border-top:1px solid var(--lin)}
.zp-den:first-child{border-top:0;padding-top:10px}
.zp-bledo{opacity:.7}
.kanal{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--siv);white-space:nowrap}
.kanal i{width:9px;height:9px;border-radius:3px;background:var(--siv)}
.kanal.k-whatsapp i{background:#1f9d55} .kanal.k-viber i{background:#7360f2} .kanal.k-email i{background:var(--sin)} .kanal.k-sms i{background:var(--zol)}

.zp-postavki{padding:16px 22px}
.zp-postavki summary{color:var(--siv);font-weight:600;font-size:14px}
.zp-postavki ul{margin:0 0 16px;padding-left:18px;color:var(--tekst);font-size:14px;display:flex;flex-direction:column;gap:6px;max-width:75ch}
.zp-postavki .lenta:last-child{margin-bottom:0}

@media (max-width:760px){
  .zp-del .kartichka{padding:4px 16px}
  .zp-kart{grid-template-columns:42px minmax(0,1fr)}
  .zp-kart .meur{grid-column:1/3}
  .zp-akc{grid-column:1/3;grid-row:auto;flex-direction:row;min-width:0}
  .zp-akc form{flex:1}
  .zp-akc form:first-child{flex:2}
  .zp-redovi .zp-red{grid-template-columns:70px minmax(0,1fr)}
  .zp-redovi .zp-red>.kanal,.zp-redovi .zp-red>.zn,.zp-redovi .zp-red>.zp-nacin{grid-column:2;justify-self:start}
  .zp-sto .tesen{display:block;margin-left:0}
}

/* ================= recall ================= */
.rc-glava{display:flex;align-items:flex-end;gap:14px 40px;flex-wrap:wrap;margin-bottom:20px}
.rc-glava h1{margin:0;font-size:28px;letter-spacing:-.02em}
.rc-glava p{margin:4px 0 0;color:var(--siv);font-size:14px;max-width:62ch}
.rc-zbir{display:flex;gap:10px 30px;flex-wrap:wrap;margin-left:auto}
.rc-zbir div{display:flex;gap:9px;align-items:baseline}
.rc-zbir b{font-size:28px;line-height:1;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rc-zbir span{color:var(--siv);font-size:14px}
.rc-zbir .b b{color:var(--crv)} .rc-zbir .w b{color:var(--zol)} .rc-zbir .i b{color:var(--sin)} .rc-zbir .o b{color:var(--zel)}

.rc-filtri{display:inline-flex;gap:4px;background:var(--bel);border:1px solid #d6deec;border-radius:12px;padding:4px;margin-bottom:24px;box-shadow:0 1px 2px rgba(17,28,48,.04);flex-wrap:wrap}
.rc-filtri a{padding:7px 14px;border-radius:9px;color:var(--tekst);font-weight:550;font-size:14px}
.rc-filtri a:hover{background:var(--pod);text-decoration:none}
.rc-filtri a.akt{background:var(--ak-s);color:var(--ak-t)}

.rc-del{margin-bottom:28px}
.rc-lista{display:flex;flex-direction:column;gap:10px}
.rc-kart{display:grid;grid-template-columns:44px minmax(180px,1.2fr) minmax(200px,1.4fr) minmax(200px,1.3fr) auto;gap:6px 22px;align-items:center;
  background:var(--bel);border:1px solid var(--lin);border-radius:14px;padding:16px 20px;box-shadow:var(--senka);transition:transform .15s,box-shadow .15s}
.rc-kart:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(17,28,48,.1)}
.rc-kart.zakazan{background:linear-gradient(90deg,var(--bel),#f4fbf7)}
.rc-kart .inic{width:44px;height:44px}
.rc-koj .ime{font-weight:650;font-size:16px;color:var(--crn)}
.rc-meta{display:flex;flex-wrap:wrap;gap:2px 12px;color:var(--siv);font-size:13px;margin-top:2px}
.rc-alergija{color:var(--crv);font-weight:600}
.rc-merac{display:flex;flex-direction:column;gap:7px;min-width:0}
.rc-merac-tekst{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--siv);white-space:nowrap}
.rc-merac-tekst b{color:var(--crn);font-weight:600}
.rc-lenta{position:relative;height:8px;border-radius:6px;background:var(--pod);overflow:visible}
.rc-lenta i{display:block;height:100%;border-radius:6px;background:var(--ak);transition:width .4s}
.rc-lenta i.zol{background:var(--zol)} .rc-lenta i.crv{background:var(--crv)} .rc-lenta i.sin{background:var(--ak)}
.rc-lenta em{position:absolute;top:-3px;width:2px;height:14px;background:#bcc7da;margin-left:-1px}
.rc-sost{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.rc-sost .zn{font-size:12.5px;padding:4px 11px}
.rc-sost-tekst{font-size:13px;color:var(--siv);line-height:1.35}
.rc-sost-tekst.o{color:var(--zel);font-weight:600} .rc-sost-tekst.i{color:var(--sin)} .rc-sost-tekst.b{color:var(--crv);font-weight:600}
.rc-akc{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:140px}
.rc-akc form{margin:0;display:flex}
.rc-akc .gl,.rc-akc button,.rc-akc .mal{flex:1;justify-content:center;text-align:center;padding:10px 14px}
@media (max-width:1100px){
  .rc-kart{grid-template-columns:44px minmax(0,1fr) auto}
  .rc-merac{grid-column:2/3}
  .rc-sost{grid-column:2/4;flex-direction:row;flex-wrap:wrap;align-items:center}
  .rc-akc{grid-column:3;grid-row:1/3;min-width:130px}
}
@media (max-width:640px){
  .rc-kart{grid-template-columns:44px minmax(0,1fr);padding:14px 16px}
  .rc-merac,.rc-sost{grid-column:1/3}
  .rc-akc{grid-column:1/3;grid-row:auto;flex-direction:row}
  .rc-akc form{flex:1}
  .rc-merac-tekst{white-space:normal}
  .rc-zbir{margin-left:0}
}

/* ================= оценки ================= */
.oc-glava{display:flex;align-items:flex-end;gap:14px 30px;flex-wrap:wrap;margin-bottom:20px}
.oc-glava h1{margin:0;font-size:28px;letter-spacing:-.02em}
.oc-glava p{margin:4px 0 0;color:var(--siv);font-size:14px;max-width:62ch}
.oc-glava .gl{margin-left:auto}
.oc-vrv{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;margin-bottom:28px;align-items:start}
.oc-prosek{margin:0;padding:22px 24px}
.oc-golem{display:flex;align-items:center;gap:14px;margin:2px 0 2px}
.oc-golem b{font-size:52px;line-height:1;font-weight:750;letter-spacing:-.03em;color:var(--crn);font-variant-numeric:tabular-nums}
.oc-golem .zvezdi-prikaz{font-size:22px}
.oc-raspredelba{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.oc-r{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;align-items:center;font-size:13px;color:var(--siv)}
.oc-r div{height:8px;border-radius:6px;background:var(--pod);overflow:hidden}
.oc-r i{display:block;height:100%;background:#f5a623;border-radius:6px}
.oc-r i.niska{background:var(--zol)}
.oc-r b{text-align:right;color:var(--crn);font-variant-numeric:tabular-nums}
.oc-brojki{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.oc-brojki .plocka b{font-size:28px}

.oc-doktori{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.oc-doktor{margin:0;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.oc-doktor-glava{display:flex;gap:14px;align-items:center}
.oc-doktor-glava b{display:block;font-size:16px;color:var(--crn)}
.oc-doktor-prosek{display:flex;align-items:center;gap:8px;font-size:14px}
.oc-doktor-prosek span{font-weight:700;color:var(--crn)}
.oc-doktor dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--lin)}
.oc-doktor dl div{display:flex;flex-direction:column-reverse;gap:1px}
.oc-doktor dt{font-size:11.5px;color:var(--siv);letter-spacing:.02em}
.oc-doktor dd{margin:0;font-size:20px;font-weight:700;color:var(--crn);font-variant-numeric:tabular-nums;line-height:1.1}
.oc-doktor dl .crv dd{color:var(--crv)}

.oc-komentari{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.oc-kom{margin:0;padding:18px 20px;display:flex;flex-direction:column;gap:10px;border-radius:4px 16px 16px 16px}
.oc-kom.niska{border-color:#f3cfcf;background:#fffafa}
.oc-kom-glava{display:flex;justify-content:space-between;align-items:center;gap:10px}
.oc-kom-glava .zvezdi-prikaz{font-size:17px}
.oc-tekst{margin:0;font-size:15px;line-height:1.55;color:var(--crn)}
.oc-kom-dno{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13.5px;padding-top:10px;border-top:1px solid var(--lin);margin-top:auto}
.oc-kom-dno a{font-weight:600;color:var(--crn)}
@media (max-width:800px){
  .oc-vrv{grid-template-columns:minmax(0,1fr)}
  .oc-glava .gl{margin-left:0}
}

/* ================= картон ================= */
.pk-glava{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.pk-lik{width:64px;height:64px;font-size:22px;background:linear-gradient(135deg,#e3ebff,#e6f0fb)}
.pk-ime{min-width:0;flex:1}
.pk-ime h1{margin:0;font-size:28px;letter-spacing:-.02em}
.pk-ime p{margin:3px 0 0;color:var(--siv);font-size:14px;display:flex;flex-wrap:wrap}
.pk-ime p span+span::before{content:"·";margin:0 9px;color:#bcc7da}
.pk-alergija{background:#fdecec;border:1px solid #f5c6c6;color:#a52f2f;border-radius:12px;padding:11px 16px;margin-bottom:16px;font-size:14.5px}
.pk-fakti{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:26px}
.pk-fakti .plocka{display:flex;flex-direction:column;gap:3px;padding:16px 18px}
.pk-fakti em{font-style:normal;font-size:11.5px;color:var(--siv);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.pk-fakti .plocka b{font-size:19px;line-height:1.25;letter-spacing:-.01em}
.pk-fakti .plocka b a{color:var(--crn)}
.pk-fakti .plocka b.nema{color:var(--siv);font-weight:600}
.pk-fakti .plocka b.crv{color:var(--crv)}
.pk-fakti .plocka span{font-size:13px}
.pk-fakti .rc-lenta{margin:5px 0 3px}
.pk-beleska{margin-top:-10px;margin-bottom:26px}

/* забна шема со облик на заби */
.pk-shema{padding:22px 16px 16px}
.zb-okvir{overflow-x:auto;padding-bottom:4px}
.zb-shema{display:flex;flex-direction:column;gap:2px;width:max-content;margin:0 auto}
.zb-red{display:flex;align-items:flex-end;justify-content:center;gap:1px}
.zb-red.dolu{align-items:flex-start;border-top:1.5px dashed var(--lin);padding-top:6px;margin-top:4px}
.zb-strana{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#a8b4c8;font-weight:600;align-self:center;padding:0 10px;writing-mode:vertical-rl;transform:rotate(180deg)}
.zb{background:none;border:0;padding:3px 1px;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:9px;box-shadow:none;position:relative;font:inherit}
.zb.sredina{margin-left:16px}
button.zb{cursor:pointer}
button.zb:hover{background:var(--ak-s);border-color:transparent}
button.zb:focus-visible{outline:2px solid var(--ak);outline-offset:1px}
.zb svg{height:66px;width:auto;display:block;overflow:visible}
.zb span{font-size:11px;color:var(--siv);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}
.zb.ima-bel span::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--ak);margin-left:2px;vertical-align:middle}
.z-kruna{fill:#fff;stroke:#a7b4c9;stroke-width:1.5;stroke-linejoin:round}
.z-koren{fill:#f6efdf;stroke:#d3c6a6;stroke-width:1.2;stroke-linejoin:round}
.z-dam,.z-x,.z-impl{display:none}
.st-karies .z-kruna{fill:#fdecec;stroke:#d14343}
.st-karies .z-dam{display:block;fill:#b93535}
.st-plomba .z-kruna{stroke:#2f6fb3;fill:#f3f8fe}
.st-plomba .z-dam{display:block;fill:#2f6fb3}
.st-kanal .z-koren{fill:#d9cdf5;stroke:#6a4bb3}
.st-kanal .z-kruna{fill:#f4f0fd;stroke:#6a4bb3}
.st-kruna .z-kruna,.st-most .z-kruna{fill:#f6d98b;stroke:#b7791f}
.st-implant .z-koren{display:none}
.st-implant .z-impl{display:block;fill:#e9eef0;stroke:#7b8a90;stroke-width:1.6;stroke-linejoin:round}
.st-implant .z-kruna{fill:#e4f6ea;stroke:#1f9d55}
.st-izvaden svg{opacity:.3}
.st-izvaden .z-kruna,.st-izvaden .z-koren{fill:none;stroke-dasharray:3 2.5}
.st-vadenje .z-kruna{stroke:#d14343}
.st-vadenje .z-x{display:block;fill:none;stroke:#d14343;stroke-width:2.6;stroke-linecap:round}
.zb-dno{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--lin);font-size:13px}
.zb-zbir{display:flex;flex-wrap:wrap;gap:6px 8px}
.zb-cip{display:inline-flex;align-items:center;gap:6px;background:var(--pod);border-radius:20px;padding:3px 11px 3px 8px;color:var(--tekst)}
.zb-cip i{width:10px;height:10px;border-radius:50%;background:#a7b4c9}
.zb-cip.st-karies i,.zb-cip.st-vadenje i{background:#d14343} .zb-cip.st-plomba i{background:#2f6fb3} .zb-cip.st-kanal i{background:#6a4bb3}
.zb-cip.st-kruna i,.zb-cip.st-most i{background:#d9a52b} .zb-cip.st-implant i{background:#1f9d55}

/* план и историја */
.pk-dve{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.pk-dve>section:only-child{grid-column:1/-1}
.pk-plan{padding:18px 20px!important}
.pk-plan-zbir{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px}
.pk-plan-zbir em{display:block;font-style:normal;font-size:11.5px;color:var(--siv);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.pk-plan-zbir b{font-size:20px;color:var(--crn);letter-spacing:-.01em}
.pk-plan .rc-lenta{margin-bottom:8px}
.rc-lenta i.zel{background:var(--zel)}
.pk-stavka{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:6px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--lin)}
.pk-zab{display:grid;place-items:center;height:34px;border-radius:9px;background:var(--pod);font-weight:700;font-size:13px;color:var(--crn);font-variant-numeric:tabular-nums}
.pk-opis{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.pk-opis b{color:var(--crn);font-weight:600}
.pk-cena{font-weight:650;color:var(--crn);white-space:nowrap;font-variant-numeric:tabular-nums}
.pk-stavka form{margin:0;display:flex;gap:4px}
.pk-stavka.st-zavrseno .pk-opis b,.pk-stavka.st-zavrseno .pk-cena{color:var(--siv)}
.pk-stavka.st-otkazano{opacity:.5}
.pk-stavka.st-otkazano .pk-opis b,.pk-stavka.st-otkazano .pk-cena{text-decoration:line-through}
.pk-dodaj{display:grid;grid-template-columns:70px minmax(0,1fr) 100px auto;gap:8px;padding-top:14px;border-top:1px solid var(--lin);margin:0}
.pk-dodaj input{margin:0}
.pk-istorija{padding:14px 20px 14px 8px!important;position:relative}
.pk-poseta{display:block;position:relative;padding:10px 0 12px 34px;color:var(--tekst);border-radius:10px}
.pk-poseta:hover{text-decoration:none;background:var(--pod)}
.pk-poseta::before{content:"";position:absolute;left:17px;top:0;bottom:0;width:2px;background:var(--lin)}
.pk-poseta:first-child::before{top:18px}
.pk-poseta:last-child::before{bottom:calc(100% - 18px)}
.pk-tocka{position:absolute;left:11px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--bel);border:3px solid var(--b);z-index:1}
.pk-poseta.st-dojde .pk-tocka{background:var(--b)}
.pk-poseta.st-ne_dojde .pk-tocka{border-color:var(--crv);background:var(--crv)}
.pk-poseta.iden .pk-tocka{border-style:dashed;border-width:2px}
.pk-poseta-glava{display:flex;justify-content:space-between;gap:10px;align-items:center}
.pk-poseta-glava b{color:var(--crn);font-weight:600}
.pk-poseta p{margin:5px 0 0;font-size:13.5px;color:var(--tekst);line-height:1.45}
.pk-poseta .pk-cena{display:inline-block;margin-top:4px;font-size:13.5px}
@media (max-width:1000px){.pk-dve{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .pk-stavka{grid-template-columns:44px minmax(0,1fr) auto}
  .pk-stavka form{grid-column:2/4}
  .pk-dodaj{grid-template-columns:70px minmax(0,1fr)}
  .pk-dodaj button{grid-column:1/3}
  .pk-ime h1{font-size:23px}
  .zb-strana{display:none}
}

/* ================= телефон, дотерување ================= */
.strana nav{scrollbar-width:none}
.strana nav::-webkit-scrollbar{display:none}
@media (max-width:760px){
  .demo-lenta{font-size:12px;padding:7px 11px;margin-bottom:14px}
  .plocki{grid-template-columns:1fr 1fr;gap:10px}
  .plocki .plocka{padding:13px 14px}
  .plocki .plocka b{font-size:24px}
  .plocki .plocka:last-child:nth-child(odd){grid-column:1/-1}
  .pozdrav .gl{margin-left:0;width:100%;justify-content:center}
  .zp-kon{gap:0 12px}
  .zp-kon span+span::before{display:none}
  .pk-glava{gap:12px 14px}
  .pk-lik{width:52px;height:52px;font-size:18px}
  .pk-glava .gl{width:100%;justify-content:center}
  .pk-ime p{gap:1px 12px}
  .pk-ime p span+span::before{display:none}
  .oc-glava .gl,.rc-glava .gl{width:100%;justify-content:center}
  .t-pac th:nth-child(1),.t-pac td:nth-child(1),.t-pac th:nth-child(4),.t-pac td:nth-child(4),.t-pac th:nth-child(5),.t-pac td:nth-child(5),.t-pac th:nth-child(7),.t-pac td:nth-child(7){display:none}
  .t.t-pac{display:table;table-layout:fixed}
  .t-pac th,.t-pac td{padding:11px 10px;overflow-wrap:anywhere}
  .t-pac th:nth-child(2),.t-pac td:nth-child(2){width:40%}
  .kal-doktori{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .kal-doktori a{white-space:nowrap;flex:none}
  .strana nav a{padding:7px 8px}
}

/* ================= термин ================= */
.tr-glava{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.tr-glava .inic{width:52px;height:52px;font-size:17px}
.tr-koj{flex:1;min-width:0}
.tr-koj h1{margin:0;font-size:24px;letter-spacing:-.02em}
.tr-koj h1 a{color:var(--crn)}
.tr-koj p{margin:2px 0 0;color:var(--siv);font-size:14px;display:flex;flex-wrap:wrap;gap:0 14px}
.tr-glava>.zn{font-size:13px;padding:5px 13px}
.tr-fakti{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.tr-fakti>div{background:var(--bel);border:1px solid var(--lin);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--senka)}
.tr-fakti>div.siroko{grid-column:1/-1}
.tr-fakti em,.tr-status em{font-style:normal;font-size:11.5px;color:var(--siv);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.tr-fakti b{font-size:17px;color:var(--crn);letter-spacing:-.01em}
.tr-fakti b.obicno{font-weight:500;font-size:15px}
.tr-fakti span{font-size:13px;color:var(--siv)}
.tr-status{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:0 0 26px}
.tr-status>div{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--bel);border:1px solid #d6deec;border-radius:12px;padding:4px}
.tr-status button{border-color:transparent;background:transparent;padding:7px 14px;border-radius:9px;color:var(--tekst);font-weight:550}
.tr-status button:hover{background:var(--pod);border-color:transparent}
.tr-status button.akt{opacity:1;cursor:default;font-weight:650}
.tr-status button.st-zakazan{background:#edf1f7;color:#44506a} .tr-status button.st-potvrden{background:#e6f0fb;color:var(--sin)}
.tr-status button.st-dojde{background:#e4f6ea;color:var(--zel)} .tr-status button.st-ne_dojde{background:#fdecec;color:var(--crv)}
.tr-status button.st-otkazan{background:#edf1f7;color:#52627a}
.tr-forma{padding:18px 20px!important}
.tr-dno{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.tr-dno label{margin:0}
.tr-dno .gl{margin-left:auto}

dialog.tr-dijalog{padding:0;width:min(1120px,calc(100% - 40px));max-width:none;height:min(90vh,960px);overflow:hidden;border-radius:18px}
dialog.tr-dijalog[open]{display:flex;flex-direction:column}
.tr-lenta{display:flex;align-items:center;gap:16px;padding:10px 12px 10px 22px;border-bottom:1px solid var(--lin);flex:none}
.tr-lenta b{color:var(--crn);font-size:15px;margin-right:auto}
.tr-lenta a{font-size:13.5px;font-weight:600}
.tr-cela{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 15px;border-radius:20px;background:var(--ak-s);color:var(--ak-t)}
.tr-cela:hover{background:#dbe6ff;text-decoration:none}
.tr-cela svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tr-lenta button{border:0;background:transparent;width:36px;height:36px;border-radius:10px;font-size:15px;color:var(--siv);justify-content:center;padding:0}
.tr-lenta button:hover{background:var(--pod);color:var(--crn)}
.tr-dijalog iframe{flex:1;width:100%;border:0;display:block;background:#fff}
@media (max-width:700px){
  dialog.tr-dijalog{width:100%;height:100%;max-height:none;border-radius:0;margin:0}
  .tr-koj h1{font-size:20px}
}

/* ================= сина тема ================= */
:root{--grad:linear-gradient(135deg,#2f6bff,#6a5cff);--grad-h:linear-gradient(135deg,#255ee8,#5b4cf0)}
h1{font-weight:800}
.gl,summary.gl{background:var(--grad);border-color:transparent;box-shadow:0 6px 16px rgba(47,107,255,.24)}
.gl:hover,summary.gl:hover{background:var(--grad-h);border-color:transparent}
.strana .brend i{background:var(--grad)}
.strana nav a.akt{background:var(--grad);color:#fff;box-shadow:0 6px 16px rgba(47,107,255,.26);font-weight:650}
.kal-lenta a.akt{background:var(--grad);border-color:transparent}
.kal-den.denes .kal-den-glava a b{background:var(--grad)}
.rc-lenta i,.rc-lenta i.sin{background:var(--grad)}
body.gol{background:linear-gradient(160deg,#eaf0ff 0%,#f1f4fa 45%,#efeafe 100%)}
.pk-lik{background:var(--grad);color:#fff}

/* пилула со лице, име и внатрешно копче со стрелка */
.pilula{display:inline-flex;align-items:center;gap:12px;padding:7px 8px;border-radius:40px;background:var(--grad);color:#fff;box-shadow:0 8px 22px rgba(47,107,255,.28);max-width:100%;min-width:0;transition:transform .12s}
.pilula:hover{background:var(--grad-h);text-decoration:none;color:#fff;transform:translateY(-1px)}
.pil-lik{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.02em}
.pilula b{font-size:19px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pil-vn{flex:none;background:#fff;color:#2152d6;border-radius:30px;padding:7px 14px;font-weight:700;font-size:13.5px;white-space:nowrap}
.tr-glava{gap:12px 16px}
.tr-glava>.zn{margin-left:auto}
.tr-meta{flex-basis:100%;margin:0;color:var(--siv);font-size:14px;display:flex;flex-wrap:wrap;gap:0 14px}
.tr-cela,.tr-lenta a.tr-cela{background:var(--grad);color:#fff;padding:8px 15px 8px 17px;font-weight:700;box-shadow:0 5px 14px rgba(47,107,255,.24)}
.tr-cela:hover{background:var(--grad-h);color:#fff}
.tr-cela span{font-size:15px;line-height:1}
@media (max-width:700px){.pilula b{font-size:16px}.pil-vn{padding:6px 11px;font-size:12.5px}}

/* ================= млечни заби ================= */
.zb-prek{display:inline-flex;gap:3px;background:var(--pod);border:1px solid var(--lin);border-radius:10px;padding:3px;margin-bottom:10px}
.zb-prek button{border:0;background:transparent;box-shadow:none;padding:5px 13px;border-radius:7px;font-size:13px;font-weight:600;color:var(--siv)}
.zb-prek button:hover{background:#fff;color:var(--crn)}
.zb-prek button.akt{background:#fff;color:var(--ak-t);box-shadow:0 1px 3px rgba(17,28,48,.12)}
.zb-okvir{display:flex;flex-direction:column;gap:14px}
.zb-shema.skrien{display:none}
.zb-ime{display:block;font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a8b4c8;font-weight:600;text-align:center;margin-bottom:4px}
.zb-mlecni .zb svg{height:52px}
.zb-mlecni .zb{padding:2px 1px}

/* ================= корисници ================= */
.kor-ime{display:inline-block;margin-left:10px;font-size:12.5px}
.kor-ime summary{cursor:pointer;color:var(--ak-t);font-weight:600;list-style:none}
.kor-ime summary::-webkit-details-marker{display:none}
.kor-ime form{display:flex;gap:6px;align-items:center;margin-top:6px}
.kor-ime input{width:220px;padding:5px 9px}
/* ---- најава: темна стаклена картичка (Стоматолошки Систем) ---- */
body.gol:has(.najava){background:#060a15;color:#e8edf8;overflow-x:hidden}
body.gol:has(.najava)::before{content:"";position:fixed;inset:-25%;z-index:0;pointer-events:none;background:
  radial-gradient(38% 46% at 14% 22%,rgba(47,107,255,.5),transparent 62%),
  radial-gradient(34% 44% at 88% 82%,rgba(122,92,255,.45),transparent 62%),
  radial-gradient(28% 36% at 82% 10%,rgba(25,182,210,.24),transparent 62%);
  filter:blur(30px);animation:nj-plovi 22s ease-in-out infinite alternate}
body.gol:has(.najava)::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(60% 60% at 50% 45%,#000,transparent 75%);mask-image:radial-gradient(60% 60% at 50% 45%,#000,transparent 75%)}
@keyframes nj-plovi{to{transform:translate3d(4%,-3%,0) rotate(6deg) scale(1.08)}}
body.gol:has(.najava) main{position:relative;z-index:1;max-width:none;margin:0;padding:24px;min-height:100vh;display:grid;place-items:center}
.najava{position:relative;width:100%;max-width:448px;margin:0;padding:38px 36px 28px;border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);
  box-shadow:0 44px 90px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);animation:nj-vlez .7s cubic-bezier(.2,.7,.2,1) both}
.najava::before{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,180,255,.9),transparent)}
@keyframes nj-vlez{from{opacity:0;transform:translateY(18px) scale(.98)}}
.najava h1{justify-content:center;text-align:center;color:#fff;font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:20px 0 6px}
.najava p{text-align:left;color:#a9b6d3;margin:0}
.nj-znak{width:66px;height:66px;margin:0 auto;border-radius:21px;background:linear-gradient(135deg,#5b8dff,#8a6cff);display:grid;place-items:center;
  box-shadow:0 16px 36px -10px rgba(108,124,255,.95),inset 0 1px 0 rgba(255,255,255,.35)}
.nj-znak svg{width:32px;height:32px;fill:#fff}
.nj-ord{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#b9c5e2;font-weight:550}
.nj-ord::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px rgba(61,220,151,.18)}
.najava .kartichka{background:none;border:0;box-shadow:none;padding:0;margin:26px 0 0}
.najava label{color:#c9d4ee;font-size:14px;font-weight:550;margin-bottom:18px}
.najava input{background:rgba(6,10,22,.62);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;padding:15px 16px;font-size:16px;margin-top:8px}
.najava input::placeholder{color:#6f7da0}
.najava input:hover{border-color:rgba(255,255,255,.26)}
.najava input:focus{outline:0;border-color:#8696ff;box-shadow:0 0 0 4px rgba(108,124,255,.28);background:rgba(6,10,22,.8)}
.najava input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 60px #0c1226 inset;border-color:rgba(255,255,255,.2)}
.nj-loz{position:relative;display:block}
.nj-loz input{padding-right:92px}
.nj-loz button{position:absolute;right:8px;bottom:8px;padding:8px 12px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#c9d4ee;font-size:13px;font-weight:600}
.nj-loz button:hover{background:rgba(255,255,255,.16);border:0}
.najava .gl{display:flex;justify-content:center;width:100%;padding:16px;border:0;border-radius:16px;font-size:16.5px;font-weight:800;color:#fff;margin-top:6px;
  background:linear-gradient(100deg,#5b8dff,#7a6cff);box-shadow:0 20px 40px -16px rgba(108,124,255,.95),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s,box-shadow .2s,filter .2s}
.najava .gl:hover{background:linear-gradient(100deg,#5b8dff,#7a6cff);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 26px 46px -16px rgba(108,124,255,1),inset 0 1px 0 rgba(255,255,255,.3)}
.najava a{color:#a8baff}
.najava a:hover{color:#fff}
.najava .flash{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.35);color:#9af0c8;margin:18px 0 0}
.najava .flash.gr{background:rgba(255,99,99,.12);border-color:rgba(255,120,120,.4);color:#ffb3b3}
.nj-dno{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:#9fadcc}
.nj-dno span{display:inline-flex;align-items:center;gap:7px}
.nj-dno svg{width:15px;height:15px;fill:none;stroke:#3ddc97;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.najava>p:last-child{margin-top:20px;font-size:14px}
.strana .brend small{display:block;font-weight:500;font-size:11.5px;color:var(--siv);letter-spacing:.01em}
@media (max-width:520px){body.gol:has(.najava) main{padding:14px}.najava{padding:30px 22px 24px;border-radius:24px}.najava h1{font-size:26px}}
@media (prefers-reduced-motion:reduce){body.gol:has(.najava)::before,.najava{animation:none}}

/* ---- најава: позадина со забна шема и линија на раст (неон) ---- */
.nj-poz{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.nj-poz svg{display:block}
.najava{z-index:1}
.nj-poz{-webkit-mask-image:radial-gradient(ellipse 30% 46% at 50% 50%,transparent 60%,#000 100%);mask-image:radial-gradient(ellipse 30% 46% at 50% 50%,transparent 60%,#000 100%)}
.nj-poz .z path{fill:none;stroke:var(--b);stroke-width:1.1;filter:drop-shadow(0 0 3px var(--b)) drop-shadow(0 0 9px var(--b));opacity:.55;animation:s-neon 3.2s ease-in-out infinite}
@keyframes s-neon{0%,100%{opacity:.4}50%{opacity:1}}
.nj-poz .pov{fill:url(#pov);opacity:0;animation:s-pov 9s ease-in-out infinite}
@keyframes s-pov{0%,35%{opacity:0}55%,90%{opacity:1}100%{opacity:0}}
.nj-poz .lin{fill:none;stroke:url(#ln);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:760;stroke-dashoffset:760;animation:s-lin 9s ease-in-out infinite;filter:drop-shadow(0 0 10px #8a6cff) drop-shadow(0 0 22px rgba(255,122,217,.7))}
@keyframes s-lin{0%,10%{stroke-dashoffset:760}45%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:760}}
.nj-poz .tocka{fill:#fff;opacity:0;animation:s-tocka 9s ease-in-out infinite;filter:drop-shadow(0 0 14px #ff7ad9)}
@keyframes s-tocka{0%,44%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@media (max-width:900px){.nj-poz .graf{display:none}.nj-poz{-webkit-mask-image:linear-gradient(#000,transparent 30%,transparent 70%,#000);mask-image:linear-gradient(#000,transparent 30%,transparent 70%,#000)}}
@media (prefers-reduced-motion:reduce){.nj-poz *{animation:none!important}.nj-poz .lin{stroke-dashoffset:0}.nj-poz .pov,.nj-poz .tocka{opacity:1}.nj-poz .z path{opacity:.75}}

/* најава на телефон: горниот лак над картичката, долниот под неа */
@media (max-width:600px){
  .nj-poz{-webkit-mask-image:none;mask-image:none}
  .nj-poz svg{overflow:visible;transform-origin:calc(50vw - 44.44vh) 50.5vh;transform:translateX(44.44vh) scale(.62)}
  .nj-poz .gore{transform:translateY(-440px)}
  .nj-poz .dolu{transform:translateY(440px)}
}

/* ---- темна тема: се вклучува со копчето во менито, изборот се памети во прелистувачот ---- */
html[data-tema=temna]{color-scheme:dark;
  --ak:#6d8dff;--ak-t:#a3b8ff;--ak-s:rgba(109,141,255,.16);
  --crn:#eef2fb;--tekst:#cbd5e8;--siv:#93a0ba;--lin:#273149;--pod:#0a0f1c;--bel:#131a2c;
  --crv:#ff8080;--zol:#e4b45c;--zel:#4fd08a;--sin:#7fb0ee;--vio:#ab96f2;
  --senka:0 1px 2px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.35)}
:where(html[data-tema=temna]) .demo-lenta{background:#3c3217;color:#f2d288;border:1px solid #5a4d2b}
:where(html[data-tema=temna]) input,:where(html[data-tema=temna]) select,:where(html[data-tema=temna]) textarea{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) button,:where(html[data-tema=temna]) .gl,:where(html[data-tema=temna]) summary.gl{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) button:hover{border-color:#2c3c58}
:where(html[data-tema=temna]) .mal{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) .t th{background:#162439}
:where(html[data-tema=temna]) .t tr:hover td{background:#161e39}
:where(html[data-tema=temna]) .t tr.docna td{background:#391a16}
:where(html[data-tema=temna]) .zn.crv{background:#3b1616}
:where(html[data-tema=temna]) .zn.zol{background:#3e3217}
:where(html[data-tema=temna]) .zn.zel{background:#183e24}
:where(html[data-tema=temna]) .zn.siv{background:#1a2639;color:#c8cfda}
:where(html[data-tema=temna]) .zn.sin{background:#17293d}
:where(html[data-tema=temna]) .flash{background:#183e24;color:#92e8b8;border:1px solid #2b5a3c}
:where(html[data-tema=temna]) .flash.gr{background:#3b1616;color:#e29898;border-color:#5a2b2b}
:where(html[data-tema=temna]) .den.denes .den-telo{background-color:#161f3a}
:where(html[data-tema=temna]) .blok.st-dojde{background:#183e24}
:where(html[data-tema=temna]) .blok.st-ne_dojde{background:#3b1616}
:where(html[data-tema=temna]) .blok.st-potvrden{background:#17293d}
:where(html[data-tema=temna]) .zab{border:1.5px solid #2b3c5a}
:where(html[data-tema=temna]) .zab.crv{background:#3b1616}
:where(html[data-tema=temna]) .zab.sin{background:#17293d}
:where(html[data-tema=temna]) .zab.vio{background:#23173c}
:where(html[data-tema=temna]) .zab.zol{background:#3e3217}
:where(html[data-tema=temna]) .zab.zel{background:#183e24}
:where(html[data-tema=temna]) .zab.siv{background:#1a2639}
:where(html[data-tema=temna]) .zvezdi label:hover,:where(html[data-tema=temna]) .zvezdi label:hover~label,:where(html[data-tema=temna]) .zvezdi input:checked~label{color:#f2ca88}
:where(html[data-tema=temna]) .zvezdi-prikaz{color:#f2ca88}
:where(html[data-tema=temna]) .kal-grupa{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) .kal-doktori a{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) .kal-doktori a:hover{border-color:#2f3d55}
:where(html[data-tema=temna]) .kal-doktori a.akt{color:#0c1226}
:where(html[data-tema=temna]) .kal-doktori a.akt[style]{background:color-mix(in srgb,var(--b) 14%,var(--bel))}
:where(html[data-tema=temna]) .kal-den-glava{background:rgba(19,26,44,.94)}
:where(html[data-tema=temna]) .kal-stolovi{border-top:1px solid #2b3c5a}
:where(html[data-tema=temna]) .kal-stolovi span+span{border-left:1px solid #2b3c5a}
:where(html[data-tema=temna]) .kal-telo{background-image:linear-gradient(90deg,transparent calc(100% - 1px),#17243c 0),linear-gradient(var(--lin) 1px,transparent 1px),linear-gradient(#17233a 1px,transparent 1px)}
:where(html[data-tema=temna]) .kal-den.denes .kal-telo{background-color:#161f3a}
:where(html[data-tema=temna]) .kal-den.minat .kal-telo{background-color:#1d2731}
:where(html[data-tema=temna]) .kal-blok{background:color-mix(in srgb,var(--b) 13%,var(--bel))}
:where(html[data-tema=temna]) .kal-blok:hover{background:color-mix(in srgb,var(--b) 22%,var(--bel))}
:where(html[data-tema=temna]) .kal-blok .bl-cas{color:color-mix(in srgb,var(--b) 60%,#9db4dc)}
:where(html[data-tema=temna]) .kal-blok .bl-vid,:where(html[data-tema=temna]) .kal-blok .bl-dop{color:#c8cfda}
:where(html[data-tema=temna]) .st-dojde .bl-status::after{border-left:1.8px solid #424242;border-bottom:1.8px solid #424242}
:where(html[data-tema=temna]) .kal-blok.st-ne_dojde{background:repeating-linear-gradient(135deg,#3b1616 0 8px,#3f1818 8px 16px)}
:where(html[data-tema=temna]) .kal-blok.st-ne_dojde b{color:#e29898}
:where(html[data-tema=temna]) .kal-prekinuvac i{background:#1f2a40}
:where(html[data-tema=temna]) .kal-prekinuvac i::after{background:var(--bel)}
:where(html[data-tema=temna]) .kal.vlecenje .kal-blok[data-moze]::before{background:color-mix(in srgb,var(--b) 45%,var(--bel))}
:where(html[data-tema=temna]) .kal-cel{background:color-mix(in srgb,var(--b) 24%,var(--bel))}
:where(html[data-tema=temna]) .rc-filtri{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) .rc-kart.zakazan{background:linear-gradient(90deg,var(--bel),#163a26)}
:where(html[data-tema=temna]) .oc-kom.niska{border-color:#5a2b2b;background:#381515}
:where(html[data-tema=temna]) .pk-lik{background:linear-gradient(135deg,#17223d,#17293d)}
:where(html[data-tema=temna]) .pk-alergija{background:#3b1616;border:1px solid #5a2b2b;color:#e29898}
:where(html[data-tema=temna]) .st-karies .z-kruna{stroke:#e59494}
:where(html[data-tema=temna]) .st-karies .z-dam{fill:#e19898}
:where(html[data-tema=temna]) .st-plomba .z-kruna{stroke:#96bce3}
:where(html[data-tema=temna]) .st-plomba .z-dam{fill:#96bce3}
:where(html[data-tema=temna]) .st-kanal .z-koren{stroke:#b2a2d8}
:where(html[data-tema=temna]) .st-kanal .z-kruna{stroke:#b2a2d8}
:where(html[data-tema=temna]) .st-kruna .z-kruna,:where(html[data-tema=temna]) .st-most .z-kruna{stroke:#ecc58e}
:where(html[data-tema=temna]) .st-implant .z-impl{stroke:#cdd3d5}
:where(html[data-tema=temna]) .st-implant .z-kruna{stroke:#90e9b6}
:where(html[data-tema=temna]) .st-vadenje .z-kruna{stroke:#e59494}
:where(html[data-tema=temna]) .st-vadenje .z-x{stroke:#e59494}
:where(html[data-tema=temna]) .tr-status>div{border:1px solid #2b3c5a}
:where(html[data-tema=temna]) .tr-status button.st-zakazan{background:#1a2639;color:#c7cddb}
:where(html[data-tema=temna]) .tr-status button.st-potvrden{background:#17293d}
:where(html[data-tema=temna]) .tr-status button.st-dojde{background:#183e24}
:where(html[data-tema=temna]) .tr-status button.st-ne_dojde{background:#3b1616}
:where(html[data-tema=temna]) .tr-status button.st-otkazan{background:#1a2639;color:#c8cfda}
:where(html[data-tema=temna]) .tr-cela:hover{background:#18233e}
:where(html[data-tema=temna]) .tr-dijalog iframe{background:var(--bel)}
:where(html[data-tema=temna]) .pil-vn{background:var(--bel);color:#8ca6ed}
:where(html[data-tema=temna]) .zb-prek button:hover{background:var(--bel)}
:where(html[data-tema=temna]) .zb-prek button.akt{background:var(--bel)}
/* рачни дотерувања за темната тема */
:where(html[data-tema=temna]) input::placeholder,:where(html[data-tema=temna]) textarea::placeholder{color:#5f6c88}
html[data-tema=temna] ::selection{background:rgba(109,141,255,.4)}
:where(html[data-tema=temna]) .gl,:where(html[data-tema=temna]) summary.gl{border-color:var(--ak)}

/* копче за тема во менито */
.strana .tema-kp{display:grid;place-items:center;margin-left:auto;padding:6px;border:0;background:none;border-radius:8px;color:var(--siv);cursor:pointer}
.strana .tema-kp:hover{background:var(--pod);color:var(--crn)}
.strana .tema-kp+.odjava{margin-left:0}
.tema-kp .sonce,.tema-mob .sonce{display:none}
html[data-tema=temna] .tema-kp .mesec,html[data-tema=temna] .tema-mob .mesec{display:none}
html[data-tema=temna] .tema-kp .sonce,html[data-tema=temna] .tema-mob .sonce{display:block}
.strana nav .tema-mob{display:none}
@media (max-width:900px){.strana nav .tema-mob{display:flex}}

/* ================= презакажување ================= */
.kal-blok[data-prez]{cursor:grab}
.kal-blok[data-prez]::before{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:3px;margin-left:-9px;border-radius:2px;background:#e59a9a}
.kal-blok[data-prez]:hover{box-shadow:0 0 0 2px rgba(209,67,67,.35),0 6px 16px rgba(209,67,67,.18)}

/* ================= календар, збиена глава ================= */
@media (min-width:701px){
  main:has(#kal){padding-top:14px}
  main:has(#kal) .demo-lenta{padding:5px 12px;margin-bottom:10px;font-size:12.5px}
  .kal-glava{align-items:center;margin-bottom:10px;gap:8px 20px}
  .kal-glava h1{font-size:22px}
  .kal-glava p{margin:1px 0 0;font-size:12.5px}
  .kal-doktori{margin-bottom:10px}
  .kal-lenta{margin-bottom:10px;gap:6px}
  .kal-lenta a{flex-direction:row;justify-content:center;align-items:baseline;gap:8px;padding:6px 4px;border-radius:10px}
  .kal-lenta b{font-size:16px}
  .kal-lenta em{min-height:0}
  /* Во погледот „Ден" денот веќе стои во лентата над календарот, па во главата остануваат само столовите. */
  .kal.pogled-den .kal-den-glava a{display:none}
  .kal.pogled-den .kal-den-glava,.kal.pogled-den .kal-agol{height:30px}
  .kal.pogled-nedela .kal-den-glava,.kal.pogled-nedela .kal-agol{height:62px}
  .kal.pogled-nedela .kal-den-glava a b{width:30px;height:30px;font-size:17px}
  .kal.pogled-nedela{max-height:calc(100vh - 185px)}
  .kal.pogled-den{max-height:calc(100vh - 232px)}
}

/* календар: веќе презакажан „Не дојде", и носење термин во друга недела */
.kal-blok.st-ne_dojde.prezakazan{background:color-mix(in srgb,var(--crv) 7%,var(--bel));border-left-style:dashed;opacity:.55}
.kal-blok.prezakazan .bl-status{background:none}
.kal-legenda i.st-ne_dojde.prezakazan{background:none}
.kal-nosi{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:10px 14px;border-radius:12px;border:1.5px dashed var(--ak);background:var(--ak-s);color:var(--crn);font-size:14px;font-weight:600}
.kal-nosi button{margin-left:auto}
body.kal-vlece .kal-grupa a[data-nosi]{outline:2px dashed var(--ak);outline-offset:2px}

/* копче „Помести" во прозорчето на терминот; на телефон нема влечење, па нема ни рачки */
.tr-lenta a.tr-pomesti{background:var(--ak-s);color:var(--ak-t);box-shadow:none;padding:8px 15px}
.tr-lenta a.tr-pomesti:hover{background:var(--ak-s);color:var(--crn)}
.tr-pomesti[hidden]{display:none}
@media (max-width:700px){.tr-lenta{gap:8px;padding-left:14px}.tr-lenta .tr-cela span{display:none}.kal-nosi{font-size:13px}}
@media (hover:none),(max-width:700px){.kal.vlecenje .kal-blok[data-moze]::before,.kal-blok[data-prez]::before{display:none}}

/* календар: неработен ден (државен празник) и додаден следен работен ден */
.kal-den.praznik .kal-telo::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--crv) 8%,transparent) 10px 20px)}
.kal-den.praznik .kal-den-glava em{color:var(--crv);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kal-den.sleden{box-shadow:inset 2px 0 0 var(--ak)}

/* ================= календар, пастел ================= */
/* Секој стол е мека лента, термините се пастелни плочки без рамка, деновите се во пилули. */
.kal{--kp:#fff;--kl:#f3f6fb;--kd:#e9efff;--ki:#101a2e;--ki2:#5d6a85;--ki3:#93a0b8;--kbad:#c93636;--kbadbg:#fde6e6;--kok:#17924b;--km:24%;background:var(--kp)}
html[data-tema="temna"] .kal{--kp:#0e1626;--kl:#141d31;--kd:#131f48;--ki:#f2f5fc;--ki2:#a0adc8;--ki3:#6f7c98;--kbad:#ff9a9a;--kbadbg:#3a181c;--kok:#34c773;--km:36%}
.kal.pogled-nedela{grid-template-columns:58px repeat(var(--denovi),minmax(212px,1fr))}
/* мрежа: ленти по стол наместо линии */
.kal .kal-den{border-left:0}
.kal .kal-den.denes{--kl:var(--kd)}
.kal .kal-den:not(.praznik) .kal-telo{background-color:transparent;
  background-image:linear-gradient(var(--kp) 2px,transparent 2px),linear-gradient(90deg,transparent 3px,var(--kl) 3px,var(--kl) calc(100% - 3px),transparent calc(100% - 3px));
  background-size:100% var(--cas),calc(100% / var(--stolovi)) 100%}
.kal .kal-casovi{background:var(--kp);border-right:0}
.kal .kal-agol{background:var(--kp);border-bottom:0}
.kal .kal-skala span{background:var(--kp);color:var(--ki3)}
/* глава: денот е пилула, денешниот во градиентот на програмата */
.kal .kal-den-glava{background:var(--kp);border-bottom:0;backdrop-filter:none}
.kal .kal-den-glava a{margin:7px 4px 2px;border-radius:12px;background:var(--kl)}
.kal .kal-den-glava a:hover{background:color-mix(in srgb,var(--ak) 14%,var(--kl))}
.kal .kal-den-glava a b{color:var(--ki);background:none;box-shadow:none;width:auto;height:auto;font-size:17px}
.kal .kal-den-glava a span{color:var(--ki2)}
.kal .kal-den-glava a em{color:var(--ki3)}
.kal .kal-den.denes .kal-den-glava a{background:var(--grad);box-shadow:0 6px 16px rgba(47,107,255,.32)}
.kal .kal-den.denes .kal-den-glava a b,.kal .kal-den.denes .kal-den-glava a span,.kal .kal-den.denes .kal-den-glava a em{color:#fff;background:none;box-shadow:none}
.kal .kal-stolovi{border-top:0}
.kal.pogled-den .kal-den-glava a{display:none}
.kal.pogled-den .kal-den-glava,.kal.pogled-den .kal-agol{height:30px}
.kal .kal-stolovi span{color:var(--ki3);border-left:0}
/* термини */
.kal .kal-blok{background:color-mix(in srgb,var(--b) var(--km),var(--kp));border:0;border-radius:12px;box-shadow:none;padding:5px 6px 3px 9px;opacity:1;
  transition:transform .14s,box-shadow .14s}
.kal .kal-blok:hover{transform:translateY(-2px);z-index:2;box-shadow:0 10px 22px color-mix(in srgb,var(--b) 32%,transparent)}
.kal .kal-den.minat .kal-blok{opacity:.93}
.kal .kal-blok b{font-size:12.5px;font-weight:700;letter-spacing:-.015em;color:var(--ki)}
.kal .kal-blok .bl-cas{font-weight:650;color:color-mix(in srgb,var(--b) 55%,var(--ki))}
.kal .kal-blok .bl-vid{color:color-mix(in srgb,var(--b) 28%,var(--ki2))}
/* состојбата како кругче со штикла или крст */
.kal .kal-blok .bl-status{top:4px;right:6px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--kok);box-shadow:0 0 0 1.5px #fff}
.kal .kal-blok .bl-status::before{content:none}
.kal .kal-blok .bl-status::after{content:"\2713";position:static;width:auto;height:auto;border:0;background:none;transform:none;border-radius:0;font-size:9px;font-weight:800;line-height:1;color:#fff}
.kal .kal-blok.st-potvrden .bl-status{background:var(--b)}
.kal .kal-blok.st-zakazan{background:color-mix(in srgb,var(--b) 9%,var(--kp));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--b) 45%,transparent)}
.kal .kal-blok.st-zakazan .bl-status{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--b) 60%,transparent)}
.kal .kal-blok.st-zakazan .bl-status::after{content:""}
.kal .kal-blok.st-ne_dojde{background:var(--kbadbg);border:0;box-shadow:none}
.kal .kal-blok.st-ne_dojde b,.kal .kal-blok.st-ne_dojde .bl-cas{color:var(--kbad)}
.kal .kal-blok.st-ne_dojde .bl-status{background:#d94444}
.kal .kal-blok.st-ne_dojde .bl-status::after{content:"\2715";font-size:8px}
.kal .kal-blok.st-ne_dojde.prezakazan{opacity:.55}
/* алергијата стои во истиот ред со состојбата, лево од неа, не под неа */
.kal .kal-blok .bl-alergija{position:absolute;top:4px;right:25px;width:14px;height:14px;margin:0;border-radius:50%;display:grid;place-items:center;background:#d94444;color:#fff;font-size:9px;font-weight:800;font-style:normal;line-height:1;box-shadow:0 0 0 1.5px #fff}
@media (prefers-reduced-motion:reduce){.kal .kal-blok{transition:none}}
/* низок термин во неделниот поглед: час и презиме, услугата е во описот при допир со глувчето */
.kal.pogled-nedela .kal-blok:not(.kratok){container-type:size}
.kal.pogled-nedela .kal-blok b{line-height:1.2}
@container (max-height:40px){.kal.pogled-nedela .kal-blok .bl-vid{display:none}}
.kal.pogled-den .kal-blok .bl-cas{white-space:nowrap;flex:none;width:auto;min-width:104px}
@media (max-width:700px){
  .kal.pogled-den .kal-blok:not(.kratok){container-type:size}
  @container (max-height:40px){.kal.pogled-den .kal-blok .bl-vid{display:none}}
}
/* поглед „Ден" на компјутер: поголем текст, услугата во пилула, состојбата напишана со збор */
@media (min-width:701px){
  .kal.pogled-den .kal-blok{padding:7px 114px 7px 16px;gap:3px 12px;align-content:center;border-radius:14px}
  .kal.pogled-den .kal-blok:not(.kratok){container-type:size}
  .kal.pogled-den .kal-blok .bl-cas{min-width:100px;font-size:14px;font-weight:750;letter-spacing:-.01em}
  .kal.pogled-den .kal-blok b{font-size:15px;font-weight:700;white-space:nowrap}
  .kal.pogled-den .kal-blok .bl-vid{justify-self:start;align-self:center;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;padding:1px 10px;border-radius:20px;
    background:color-mix(in srgb,var(--kp) 62%,transparent);color:color-mix(in srgb,var(--b) 45%,var(--ki))}
  .kal.pogled-den .kal-blok .bl-dop{font-size:13px;color:color-mix(in srgb,var(--b) 22%,var(--ki2))}
  .kal.pogled-den .kal-blok .bl-alergija{position:static;display:inline-grid;width:16px;height:16px;margin-left:6px;vertical-align:2px;font-size:10px}
  .kal.pogled-den .kal-blok .bl-status{top:50%;right:14px;transform:translateY(-50%);width:auto;height:auto;padding:4px 12px;border-radius:20px;background:var(--kp);box-shadow:none}
  .kal.pogled-den .kal-blok .bl-status::after{content:"\2713\00a0 Дојде";font-size:12px;font-weight:700;color:var(--kok);white-space:nowrap}
  .kal.pogled-den .kal-blok.st-potvrden .bl-status::after{content:"\2713\00a0 Потврден";color:color-mix(in srgb,var(--b) 72%,var(--ki))}
  .kal.pogled-den .kal-blok.st-zakazan .bl-status{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--b) 50%,transparent)}
  .kal.pogled-den .kal-blok.st-zakazan .bl-status::after{content:"Закажан";color:var(--ki2)}
  .kal.pogled-den .kal-blok.st-ne_dojde .bl-status{background:var(--kp)}
  .kal.pogled-den .kal-blok.st-ne_dojde .bl-status::after{content:"\2715\00a0 Не дојде";font-size:12px;color:var(--kbad)}
  @container (max-height:42px){.kal.pogled-den .kal-blok .bl-dop{display:none}}
}

/* ================= денес, распоред ================= */
/* Распоредот на почетната страница: пастелни редови во бојата на докторот, како во календарот. */
.dr-lista{display:flex;flex-direction:column;gap:8px;--dm:14%}
html[data-tema=temna] .dr-lista{--dm:30%}
.dr-red{display:grid;grid-template-columns:70px minmax(0,1.5fr) minmax(0,1fr) auto;gap:4px 18px;align-items:center;padding:12px 16px 12px 16px;border-radius:14px;
  background:color-mix(in srgb,var(--b) var(--dm),var(--bel));color:var(--tekst);transition:transform .14s,box-shadow .14s}
.dr-red:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--b) 28%,transparent)}
.dr-red>span{min-width:0;display:flex;flex-direction:column}
.dr-cas b{font-size:17px;color:var(--crn);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.dr-cas small,.dr-dok small{font-size:12px;color:var(--siv)}
.dr-telo>b{font-size:15.5px;color:var(--crn);letter-spacing:-.01em}
.dr-telo>span{font-size:13px;color:var(--siv)}
.dr-al{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#d94444;color:#fff;font-size:10.5px;font-weight:800;font-style:normal;vertical-align:2px;box-shadow:0 0 0 1.5px #fff}
.dr-sl{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--grad);padding:2px 9px;border-radius:20px;vertical-align:2px;margin-left:4px;white-space:nowrap}
.dr-dok b{font-size:13.5px;font-weight:600;color:var(--tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-st{font-size:12px;font-weight:650;padding:4px 12px;border-radius:20px;background:var(--bel);color:var(--siv);white-space:nowrap;justify-self:end}
.dr-red.st-dojde .dr-st{color:var(--zel)} .dr-red.st-potvrden .dr-st{color:var(--ak-t)}
.dr-red.st-ne_dojde{background:color-mix(in srgb,#e04848 var(--dm),var(--bel))}
.dr-red.st-ne_dojde .dr-st{color:var(--crv)} .dr-red.st-ne_dojde .dr-telo>b{text-decoration:line-through;color:var(--crv)}
.dr-red.st-zakazan{background:color-mix(in srgb,var(--b) 6%,var(--bel));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--b) 40%,transparent)}
.dr-red.minat{opacity:.6}
.dr-red.sleden{box-shadow:0 0 0 2px var(--ak),0 12px 28px rgba(47,107,255,.22)}
@media (max-width:700px){
  .dr-red{grid-template-columns:54px minmax(0,1fr);gap:3px 12px;padding:11px 12px;align-items:start}
  .dr-red>.dr-dok,.dr-red>.dr-st{grid-column:2}
  .dr-dok{flex-direction:row!important;flex-wrap:wrap;gap:0 8px;align-items:baseline}
  .dr-dok b{white-space:normal}
  .dr-st{justify-self:start;margin-top:3px}
  .dr-cas b{font-size:15.5px} .dr-telo>b{font-size:14.5px}
  #raspored .zp-nasl{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.dr-red{transition:none}}

/* ================= календар, филтер по состојба ================= */
.kal-blok[hidden]{display:none!important}
.kal-filtri{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.kal-filtri button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--lin);background:var(--bel);color:var(--tekst);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:none}
.kal-filtri button:hover{border-color:var(--ak)}
.kal-filtri button b{font-weight:650;color:var(--siv);font-variant-numeric:tabular-nums}
.kal-filtri button i{width:9px;height:9px;border-radius:50%;background:var(--siv)}
.kal-filtri .kf-site i{display:none}
.kal-filtri .kf-zakazan i{background:transparent;box-shadow:inset 0 0 0 2px var(--siv)}
.kal-filtri .kf-potvrden i{background:var(--ak)} .kal-filtri .kf-dojde i{background:var(--zel)} .kal-filtri .kf-ne_dojde i{background:var(--crv)}
.kal-filtri button.akt{background:var(--ak-s);border-color:var(--ak);color:var(--ak-t)}
.kal-filtri button.akt b{color:var(--ak-t)}
@media (max-width:700px){.kal-filtri{margin:0 0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.kal-filtri button{flex:none}}

/* ================= календар, класичен со елементи од Precision ================= */
/* Во изгледот „Класичен" се земени три работи од Precision: голем датум во главата, квадратни значки за состојба и филтер со симболи. */
html:not([data-calendar-theme=precision]){--ps-b:#2c609e;--ps-s:#edf4ff;--ps-l:#cedff4}
html[data-tema=temna]:not([data-calendar-theme=precision]){--ps-b:#8fb8ee;--ps-s:#17284a;--ps-l:#2f4770}
/* глава на денот во неделата: име на денот горе, голем датум, број на термини десно, линија долу */
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den-glava,html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-agol{height:76px}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den-glava a{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 8px;margin:0 6px;padding:8px 6px 5px;border-radius:0;background:none;box-shadow:none;border-bottom:2px solid var(--kl)}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den-glava a:hover{background:color-mix(in srgb,var(--ak) 7%,transparent)}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den-glava a span{grid-column:1 / -1;font-size:11px;letter-spacing:.08em;color:var(--ki3)}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den-glava a b{font-size:25px;font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--ki);justify-self:start}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den-glava a em{justify-self:end;padding-bottom:4px;color:var(--ki3)}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den.denes .kal-den-glava a{background:color-mix(in srgb,var(--ak) 11%,transparent);border-bottom-color:var(--ak);border-radius:10px 10px 0 0;box-shadow:none}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den.denes .kal-den-glava a b,html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den.denes .kal-den-glava a span{color:var(--ak-t);background:none}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-den.denes .kal-den-glava a em{color:var(--ki2)}
/* квадратни значки за состојба во неделата: празно закажан, штикла потврден, две штикли завршен, крст не дојде */
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok .bl-status{top:4px;right:5px;width:16px;height:16px;border-radius:5px;background:var(--ps-s);box-shadow:inset 0 0 0 1px var(--ps-l);transform:none;padding:0}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok .bl-status::after{content:"\2713";font-size:9.5px;font-weight:800;color:var(--ps-b);letter-spacing:0}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-zakazan .bl-status{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ps-l)}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-zakazan .bl-status::after{content:""}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-dojde .bl-status{width:23px;background:var(--kok);box-shadow:0 0 0 1.5px #fff}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-dojde .bl-status::after{content:"\2713\2713";color:#fff;letter-spacing:-2.5px;margin-left:-2px}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-ne_dojde .bl-status{background:#d94444;box-shadow:0 0 0 1.5px #fff}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-ne_dojde .bl-status::after{content:"\00d7";color:#fff;font-size:13px}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok .bl-alergija{top:4px;right:25px;width:16px;height:16px;border-radius:5px}
html:not([data-calendar-theme=precision]) .kal.pogled-nedela .kal-blok.st-dojde .bl-alergija{right:32px}
@media (max-width:700px){
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-status{top:4px;right:5px;width:16px;height:16px;border-radius:5px;background:var(--ps-s);box-shadow:inset 0 0 0 1px var(--ps-l);transform:none;padding:0}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-status::after{content:"\2713";font-size:9.5px;font-weight:800;color:var(--ps-b);letter-spacing:0}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-zakazan .bl-status{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ps-l)}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-zakazan .bl-status::after{content:""}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-dojde .bl-status{width:23px;background:var(--kok);box-shadow:0 0 0 1.5px #fff}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-dojde .bl-status::after{content:"\2713\2713";color:#fff;letter-spacing:-2.5px;margin-left:-2px}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-ne_dojde .bl-status{background:#d94444;box-shadow:0 0 0 1.5px #fff}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-ne_dojde .bl-status::after{content:"\00d7";color:#fff;font-size:13px}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-alergija{top:4px;right:25px;width:16px;height:16px;border-radius:5px}
html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-dojde .bl-alergija{right:32px}
}
/* поглед „Ден" на компјутер: „Завршен" со две штикли и ознака „! Алергија" */
@media (min-width:701px){
  html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-status{border-radius:8px}
  html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok.st-dojde .bl-status::after{content:"\2713\2713\00a0 Завршен"}
}
@media (min-width:1560px){
  html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-alergija{width:auto;height:auto;border-radius:6px;padding:1px 8px;font-size:0;background:#fdecec;box-shadow:inset 0 0 0 1px #f3c4c4;vertical-align:middle;position:relative;top:-1px;margin-left:8px}
  html:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-alergija::after{content:"! Алергија";font-size:11px;font-weight:650;color:#c93636;line-height:1.5}
  html[data-tema=temna]:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-alergija{background:#3a181c;box-shadow:inset 0 0 0 1px #6b2a2f}
  html[data-tema=temna]:not([data-calendar-theme=precision]) .kal.pogled-den .kal-blok .bl-alergija::after{color:#ff9a9a}
}
/* филтер по состојба: симбол во квадрат и збор, без рамка */
html:not([data-calendar-theme=precision]) .kal-filtri{gap:4px;align-items:center}
html:not([data-calendar-theme=precision]) .kal-filtri button{border:0;background:transparent;padding:5px 9px 5px 6px;border-radius:9px;color:var(--siv);font-size:12.5px;font-weight:600}
html:not([data-calendar-theme=precision]) .kal-filtri button:hover{background:var(--ps-s)}
html:not([data-calendar-theme=precision]) .kal-filtri button i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;line-height:1;background:var(--ps-s);box-shadow:inset 0 0 0 1px var(--ps-l);color:var(--ps-b)}
html:not([data-calendar-theme=precision]) .kal-filtri .kf-site{padding-left:10px}
html:not([data-calendar-theme=precision]) .kal-filtri .kf-site i{display:none}
html:not([data-calendar-theme=precision]) .kal-filtri .kf-zakazan i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ps-l)}
html:not([data-calendar-theme=precision]) .kal-filtri .kf-dojde i{background:var(--zel);color:#fff;box-shadow:none;letter-spacing:-2.5px;padding-right:2px}
html:not([data-calendar-theme=precision]) .kal-filtri .kf-ne_dojde i{background:var(--crv);color:#fff;box-shadow:none;font-size:15px}
html:not([data-calendar-theme=precision]) .kal-filtri button.akt{background:var(--ak-s);color:var(--ak-t)}