/* MadWeb Digital – same look as madweb.bg: paper background, navy panels,
   condensed capitals for headings, brand blue #169eda. */

@font-face{font-family:"Sofia Sans";font-weight:400;font-display:swap;src:url(../fonts/sofia-sans-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Sofia Sans";font-weight:600;font-display:swap;src:url(../fonts/sofia-sans-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Sofia Sans";font-weight:700;font-display:swap;src:url(../fonts/sofia-sans-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Sofia Sans";font-weight:400;font-display:swap;src:url(../fonts/sofia-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116}
@font-face{font-family:"Sofia Sans";font-weight:600;font-display:swap;src:url(../fonts/sofia-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116}
@font-face{font-family:"Sofia Sans";font-weight:700;font-display:swap;src:url(../fonts/sofia-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116}
@font-face{font-family:"Sofia C";font-weight:800;font-display:swap;src:url(../fonts/sofia-sans-condensed-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Sofia C";font-weight:800;font-display:swap;src:url(../fonts/sofia-sans-condensed-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116}
@font-face{font-family:"Sofia XC";font-weight:500;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Sofia XC";font-weight:500;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116}

:root{
  --paper:#f3f4f1;--card:#fff;--line:#e2e5e7;--line-2:#eef0f2;
  --night:#0c1a2b;--navy:#11253b;--ink:#0f2236;--muted:#5a6b7a;--on-dark:#aebdcb;
  --blue:#169eda;--blue-deep:#0a6a9b;--blue-light:#4fc0ef;--sky:#e9f5fb;
  --ok:#11845b;--ok-bg:#e3f6ee;--warn:#9a6200;--warn-bg:#fdf1db;--bad:#b3261e;--bad-bg:#fde8e6;--info:#0a6a9b;--info-bg:#e6f3fb;
  --text:"Sofia Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Sofia C","Sofia Sans","Arial Narrow",sans-serif;
  --eyebrow:"Sofia XC","Sofia Sans",sans-serif;
  --r:4px;--r-s:3px;
  --shadow:0 30px 60px -40px rgba(12,26,43,.45);
  --side:16.5rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--blue-deep);text-underline-offset:.18em}
a:hover{color:var(--ink)}
img{max-width:100%;display:block}
code{background:var(--sky);padding:.1em .4em;border-radius:var(--r-s);font-size:.88em;word-break:break-all}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:var(--r-s)}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:#fff;padding:.5rem 1rem;border-radius:0 0 var(--r-s) var(--r-s)}
.skip:focus{top:0}
.ic{width:1.2rem;height:1.2rem;flex:none}
.dot{color:var(--blue)}
.muted{color:var(--muted)}
.small{font-size:.88rem}
.big{font-family:var(--display);font-weight:800;font-size:1.6rem}
.is-soon{color:var(--bad)!important;font-weight:700}
.eyebrow{display:flex;align-items:center;gap:.6rem;font-family:var(--eyebrow);font-weight:500;font-size:1.25rem;line-height:1.1;color:var(--blue-light);margin-bottom:.4rem}
.eyebrow::before{content:"";width:1.4rem;height:2px;background:currentColor;border-radius:2px}
.eyebrow--ink{color:var(--blue-deep)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.85rem;padding:.6rem 1.25rem;border-radius:var(--r-s);border:1.5px solid transparent;font:700 .98rem/1.2 var(--text);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s,transform .15s}
.btn:active{transform:scale(.98)}
.btn .ic{width:1.1rem;height:1.1rem}
.btn--primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px -14px rgba(22,158,218,.9)}
.btn--primary:hover{background:var(--night);color:#fff}
.btn--dark{background:var(--night);color:#fff}
.btn--dark:hover{background:var(--blue);color:#fff}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn--danger{background:transparent;border-color:#f1c4c0;color:var(--bad)}
.btn--danger:hover{background:var(--bad);color:#fff}
.btn--sm{min-height:2.4rem;padding:.45rem 1rem;font-size:.92rem}
.btn--lg{min-height:3.3rem;font-size:1.05rem}
.btn--block{width:100%}
.iconbtn{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border-radius:var(--r-s);border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.iconbtn:hover{background:var(--night);border-color:var(--night);color:#fff}
.iconbtn--sm{width:2.15rem;height:2.15rem}
.iconbtn--sm .ic{width:1.05rem;height:1.05rem}
.iconbtn--ok:hover{background:var(--ok);border-color:var(--ok)}

/* ---------- badges ---------- */
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--r-s);font-size:.8rem;font-weight:700;white-space:nowrap}
.badge::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentColor}
.badge--ok{background:var(--ok-bg);color:var(--ok)}
.badge--warn{background:var(--warn-bg);color:var(--warn)}
.badge--bad{background:var(--bad-bg);color:var(--bad)}
.badge--info{background:var(--info-bg);color:var(--info)}
.badge--muted{background:var(--line-2);color:var(--muted)}
.tag{display:inline-block;padding:.08rem .5rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep);font-size:.74rem;font-weight:700;vertical-align:middle}
.tag--warn{background:var(--warn-bg);color:var(--warn)}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem 1rem 1rem;color:var(--on-dark);overflow-y:auto;
  background:radial-gradient(30rem 20rem at 0 100%,rgba(22,158,218,.16),transparent 60%),var(--night)}
.brand{display:inline-flex;align-items:center;gap:.7rem;padding:0 .4rem;color:#fff;text-decoration:none}
.brand:hover{color:#fff}
.brand__mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--r-s);background:var(--blue);color:#fff;font:800 1.35rem/1 var(--display)}
.brand__name{display:grid;font:800 1.5rem/1 var(--display)}
.brand__name b{color:var(--blue-light);font-weight:800}
.brand__name small{font:500 .95rem/1.1 var(--eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark);margin-top:.15rem}
.side__client{margin:0 .4rem;padding:.7rem .85rem;border-radius:var(--r-s);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;line-height:1.3}
.side__client span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark)}
.side__nav{display:grid;gap:.15rem}
.side__nav a{display:flex;align-items:center;gap:.8rem;padding:.65rem .85rem;border-radius:var(--r-s);color:var(--on-dark);text-decoration:none;font-weight:600;transition:background-color .25s,color .25s}
.side__nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.side__nav a[aria-current]{background:rgba(22,158,218,.18);color:#fff;box-shadow:inset 3px 0 0 var(--blue)}
.side__nav a[aria-current] .ic{color:var(--blue-light)}
.side__count{margin-left:auto;min-width:1.4rem;padding:.05rem .45rem;border-radius:var(--r-s);background:var(--blue);color:#fff;font-size:.78rem;text-align:center}
.side__help{margin-top:auto;padding:1rem;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;gap:.6rem}
.side__help p{color:#fff;font-weight:700}
.side__tel{display:flex;align-items:center;gap:.5rem;color:var(--on-dark);text-decoration:none;font-size:.92rem;font-weight:600}
.side__tel:hover{color:#fff}
.side__me{display:flex;align-items:center;gap:.5rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.1)}
.side__help+.side__me{margin-top:0}
.side__nav+.side__me{margin-top:auto}
.side__me .iconbtn{background:transparent;border-color:rgba(255,255,255,.16);color:var(--on-dark)}
.side__me .iconbtn:hover{background:#fff;color:var(--night)}
.me{flex:1;min-width:0;display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none}
.me:hover{color:#fff}
.me>span:last-child{display:grid;min-width:0}
.me b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me small{font-size:.78rem;color:var(--on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar{display:inline-grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep);font:800 .95rem/1 var(--display);letter-spacing:.02em}
.side .avatar{background:rgba(255,255,255,.12);color:#fff}
.avatar--sm{width:2rem;height:2rem;font-size:.8rem}
.avatar--lg{width:3.2rem;height:3.2rem;font-size:1.2rem}
.avatar--xl{width:4.2rem;height:4.2rem;font-size:1.5rem;border-radius:var(--r-s)}
.avatar--team{background:var(--night);color:#fff}
.avatar--co{border-radius:var(--r-s);background:linear-gradient(140deg,var(--blue),#0e6fa6);color:#fff}

.main{min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;min-height:4.6rem;padding:.8rem clamp(1rem,3vw,2.25rem);background:rgba(243,244,241,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(12,26,43,.06)}
.top__menu{display:none}
.top__title{font:800 clamp(1.5rem,2.4vw,2rem)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top__actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.top__search{display:flex;align-items:center;gap:.4rem;padding:0 .85rem;height:2.4rem;border-radius:var(--r-s);background:var(--card);border:1px solid var(--line);color:var(--muted)}
.top__search input{border:0;outline:0;background:none;font:inherit;width:11rem;color:var(--ink)}
.addmenu{position:relative}
.addmenu summary{list-style:none}
.addmenu summary::-webkit-details-marker{display:none}
.addmenu__list{position:absolute;right:0;top:calc(100% + .4rem);z-index:30;min-width:12rem;padding:.4rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);display:grid}
.addmenu__list a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:var(--r-s);color:var(--ink);text-decoration:none;font-weight:600}
.addmenu__list a:hover{background:var(--sky)}
.content{padding:clamp(1rem,3vw,2.25rem);display:grid;gap:1.4rem;align-content:start;max-width:92rem;width:100%}
.scrim{display:none}

@media (max-width:980px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;z-index:60;width:min(18rem,86vw);transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .is-menu .side{transform:none;box-shadow:30px 0 60px -20px rgba(0,0,0,.5)}
  .is-menu .scrim{display:block;position:fixed;inset:0;z-index:55;background:rgba(12,26,43,.45)}
  .top__menu{display:inline-grid}
  .top__search{display:none}
}
@media (max-width:560px){.top .btn span{display:none}.top .btn{padding:.45rem .7rem}}

/* ---------- alerts ---------- */
.alert{padding:.8rem 1rem;border-radius:var(--r-s);font-weight:600;border:1px solid transparent}
.alert--ok{background:var(--ok-bg);color:var(--ok);border-color:#bfe8d6}
.alert--err{background:var(--bad-bg);color:var(--bad);border-color:#f6c9c4}
.copy{width:100%;margin-top:.4rem;padding:.45rem .6rem;border:1px solid currentColor;border-radius:var(--r-s);background:#fff;font:600 .85rem/1.3 ui-monospace,Menlo,monospace;color:var(--ink)}

/* ---------- cards & layout ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.1rem,2vw,1.5rem)}
.card--flush{padding:0;overflow:hidden}
.card--dark{background:radial-gradient(20rem 12rem at 100% 0,rgba(22,158,218,.25),transparent 60%),var(--night);color:#fff;border-color:transparent}
.card--note{background:#fffaf0;border-color:#f3e3c0}
.card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.card__head h2{display:flex;align-items:center;gap:.5rem;font:800 1.25rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.card__head a{font-weight:700;font-size:.92rem;text-decoration:none}
.card__h{font:800 1.15rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin-bottom:.9rem}
.card__h:not(:first-child){margin-top:1.4rem}
.grid2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.grid2--wide{grid-template-columns:minmax(0,1.7fr) minmax(17rem,1fr)}
.stack{display:grid;gap:1.4rem;align-content:start}
@media (max-width:1100px){.grid2,.grid2--wide{grid-template-columns:1fr}}
.back{font-size:.92rem;margin-bottom:-.6rem}
.back a{text-decoration:none;font-weight:600}
.empty{color:var(--muted);padding:.4rem 0}
.empty--page{display:grid;justify-items:center;gap:.6rem;padding:3.5rem 1rem;text-align:center;background:var(--card);border:1px dashed #cfd7dd;border-radius:var(--r)}
.empty--page h2{font:800 1.5rem/1.1 var(--display);text-transform:uppercase;color:var(--ink)}
.empty__ic{width:3rem;height:3rem;color:var(--blue)}
.text p+p{margin-top:.7em}

/* ---------- greeting ---------- */
.hello{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem;padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--r);color:#fff;
  background:radial-gradient(40rem 20rem at 100% 0,rgba(22,158,218,.3),transparent 60%),radial-gradient(30rem 18rem at 0 120%,rgba(22,158,218,.14),transparent 60%),var(--night);position:relative;overflow:hidden}
.hello::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 80% 20%,#000,transparent 70%);mask-image:radial-gradient(circle at 80% 20%,#000,transparent 70%);pointer-events:none}
.hello>*{position:relative}
.hello__title{font:800 clamp(2rem,4vw,3.1rem)/1 var(--display);text-transform:uppercase}
.hello__lede{margin-top:.5rem;color:var(--on-dark)}
.hello__manager{display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;border-radius:var(--r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.hello__manager .avatar{background:var(--blue);color:#fff}
.hello__manager div{display:grid;line-height:1.35}
.hello__manager small{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark)}
.hello__manager a{color:#dbe6ef;font-size:.9rem;text-decoration:none}
.hello__manager a:hover{color:#fff}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.stats--3{grid-template-columns:1fr}.stat{padding:1rem}.stat__ic{display:none}.stat__label{padding-right:0}}
.stat{position:relative;display:grid;gap:.15rem;padding:1.15rem 1.25rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
a.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent;color:var(--ink)}
.stat__ic{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep)}
.stat__label{font-size:.88rem;color:var(--muted);font-weight:600;padding-right:2.8rem}
.stat__num{font:800 clamp(1.6rem,2.4vw,2.1rem)/1.1 var(--display);margin-top:.35rem}
.stat small{color:var(--muted);font-size:.85rem}
.stat--warn .stat__ic{background:var(--warn-bg);color:var(--warn)}
.stat--warn .stat__num{color:var(--warn)}
.stat--bad .stat__ic{background:var(--bad-bg);color:var(--bad)}
.stat--bad .stat__num{color:var(--bad)}
.stat--dark{background:radial-gradient(18rem 10rem at 100% 0,rgba(22,158,218,.35),transparent 60%),var(--night);border-color:transparent;color:#fff}
.stat--dark .stat__label,.stat--dark small{color:var(--on-dark)}
.stat--dark .stat__ic{background:rgba(255,255,255,.1);color:var(--blue-light)}

/* ---------- lists ---------- */
.svc{display:grid;gap:.5rem}
.svc__item{display:flex;align-items:center;gap:.9rem;padding:.75rem .85rem;border:1px solid var(--line-2);border-radius:var(--r-s);color:var(--ink);text-decoration:none;transition:border-color .25s,background-color .25s}
.svc__item:hover{border-color:var(--line);background:#fafbfb;color:var(--ink)}
.svc__ic{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep)}
.svc__ic--lg{width:3.6rem;height:3.6rem;border-radius:var(--r-s)}
.svc__ic--lg .ic{width:1.6rem;height:1.6rem}
.svc__ic--hosting,.svc__ic--domain,.svc__ic--email{background:#eef0fb;color:#3d4fb8}
.svc__ic--seo,.svc__ic--google_ads,.svc__ic--meta_ads{background:#e7f6f3;color:#127a69}
.svc__ic--support{background:#fdf1e3;color:#a35a00}
.svc__main{flex:1;min-width:0;display:grid;gap:.1rem}
.svc__main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc__main small,.svc__side small{color:var(--muted);font-size:.85rem}
.svc__side{display:grid;justify-items:end;gap:.2rem;text-align:right}
.rows{display:grid}
.rows__item{display:flex;align-items:center;gap:.8rem;padding:.75rem 0;border-bottom:1px solid var(--line-2);color:var(--ink);text-decoration:none}
.rows li:last-child .rows__item,.rows>.rows__item:last-child{border-bottom:0}
.rows__item--link{padding-inline:.5rem;margin-inline:-.5rem;border-radius:var(--r-s)}
.rows__item--link:hover{background:#f6f8f9;color:var(--ink)}
.rows__main{flex:1;min-width:0;display:grid;gap:.1rem}
.rows__main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows__main small{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows__side{display:grid;justify-items:end;gap:.2rem;text-align:right;white-space:nowrap}
.rows__side small{color:var(--muted);font-size:.82rem}
.rows__act{display:flex;gap:.3rem}
.rows__act form,.actions form{display:inline}
.progress{display:block;height:.42rem;margin-top:.35rem;border-radius:var(--r-s);background:var(--line-2);overflow:hidden}
.progress i{display:block;height:100%;border-radius:var(--r-s);background:linear-gradient(90deg,var(--blue),var(--blue-light))}
.progress--lg{height:.7rem}
.facts{display:grid}
.facts div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line-2)}
.facts div:last-child{border-bottom:0}
.facts dt{color:var(--muted)}
.facts dd{font-weight:700;text-align:right}
.facts+.btn{margin-top:1rem}
.feed{display:grid;gap:.85rem}
.feed li{display:flex;gap:.8rem}
.feed__dot{flex:none;width:.6rem;height:.6rem;margin-top:.45rem;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--sky)}
.feed li>span:last-child{display:grid}
.feed small{color:var(--muted);font-size:.84rem}
.people{display:grid;gap:.4rem;margin-bottom:.8rem}
.people li{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--line-2)}
.people li>span:nth-child(2){flex:1;min-width:0;display:grid}
.people small{font-size:.82rem;color:var(--muted)}
.people .is-off,.people li.is-off{opacity:.55}
.people__act{display:flex;gap:.3rem}
.people__act form{display:inline}
.addbox summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:700;color:var(--blue-deep);list-style:none}
.addbox summary::-webkit-details-marker{display:none}
.addbox .form{margin-top:.9rem}

/* ---------- toolbar, tabs, search ---------- */
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}
.tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.3rem;border-radius:var(--r-s);background:var(--card);border:1px solid var(--line)}
.tabs a{padding:.45rem .95rem;border-radius:var(--r-s);color:var(--muted);font-weight:700;font-size:.92rem;text-decoration:none;transition:background-color .25s,color .25s}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current]{background:var(--night);color:#fff}
.search{display:flex;align-items:center;gap:.5rem;height:2.6rem;padding:0 1rem;border-radius:var(--r-s);background:var(--card);border:1px solid var(--line);color:var(--muted)}
.search input{border:0;outline:0;background:none;font:inherit;color:var(--ink);width:14rem}
.search--wide input{width:20rem}
@media (max-width:640px){.search,.search input{width:100%}.tabs{border-radius:var(--r)}}

/* ---------- tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem}
.tile{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent;color:var(--ink)}
.tile__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.tile__title{font-size:1.08rem;line-height:1.3}
.tile__sub{color:var(--muted);font-size:.88rem}
.tile__foot{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-weight:700;font-size:.92rem}
.tile__foot span{display:inline-flex;align-items:center;gap:.35rem}
.tile__foot small{color:var(--muted);font-weight:400}
.tile__foot .ic{width:1rem;height:1rem;color:var(--muted)}
.tile--person{align-items:flex-start}
.tile.is-off{opacity:.6}

/* ---------- table ---------- */
.table{width:100%;border-collapse:collapse;font-size:.95rem}
.table th{padding:.85rem 1rem;text-align:left;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#fafbfb;border-bottom:1px solid var(--line)}
.table td{padding:.85rem 1rem;border-bottom:1px solid var(--line-2);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table tbody tr:hover{background:#fafbfb}
.table .num{text-align:right;white-space:nowrap}
.table .actions{text-align:right;white-space:nowrap}
.table .actions>*{margin-left:.25rem}
.who{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none}
.who span:last-child{display:grid}
.who small{color:var(--muted);font-size:.82rem}
@media (max-width:760px){
  .table thead{display:none}
  .table,.table tbody,.table tr,.table td{display:block}
  .table tr{padding:.7rem 1rem;border-bottom:1px solid var(--line)}
  .table td{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border:0;text-align:right}
  .table td::before{content:attr(data-label);color:var(--muted);font-size:.85rem;text-align:left}
  .table td.actions{justify-content:flex-end}
  .table td.actions::before{content:none}
}

/* ---------- heads ---------- */
.head{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem}
.head__main{flex:1;min-width:14rem}
.head__kicker{color:var(--muted);font-size:.9rem}
.head__kicker a{font-weight:600}
.head__title{font:800 clamp(1.6rem,3vw,2.3rem)/1.05 var(--display);text-transform:uppercase;margin-top:.15rem}
.head__link,.head__meta a{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;margin-right:1rem;font-weight:600;font-size:.92rem;text-decoration:none}
.head__link .ic,.head__meta .ic{width:1rem;height:1rem}
.head__side{display:flex;align-items:center;gap:.6rem}

/* ---------- invoices: bank ---------- */
.pay{display:flex;gap:1rem;align-items:flex-start}
.pay__ic{display:grid;place-items:center;flex:none;width:3rem;height:3rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep)}
.pay h2{font:800 1.15rem/1.1 var(--display);text-transform:uppercase;margin-bottom:.4rem}
.pay__iban{margin:.3rem 0;font-size:1.05rem}

/* ---------- tickets ---------- */
.tlist{display:grid;gap:.6rem}
.tlist__item{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:box-shadow .3s,border-color .3s,transform .3s}
.tlist__item:hover{box-shadow:var(--shadow);border-color:transparent;transform:translateY(-2px);color:var(--ink)}
.tlist__item.is-attn{border-left:4px solid var(--blue)}
.tlist__ic{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep)}
.tlist__main{flex:1;min-width:0;display:grid;gap:.15rem}
.tlist__main small{color:var(--muted);font-size:.86rem}
.tlist__side{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem .6rem;text-align:right}
.tlist__side small{width:100%;color:var(--muted);font-size:.82rem}
@media (max-width:640px){.tlist__item{flex-wrap:wrap}.tlist__side{width:100%;justify-content:flex-start;text-align:left}}

.thread{display:grid;gap:1rem;align-content:start}
.msg{display:flex;gap:.8rem;align-items:flex-start}
.msg__bubble{flex:1;min-width:0;padding:1rem 1.15rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r-s)}
.msg--team .msg__bubble{background:#f2f9fd;border-color:#d4eaf6}
.msg--internal .msg__bubble{background:#fffaf0;border-color:#f3e3c0;border-style:dashed}
.msg__head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin-bottom:.5rem}
.msg__head time{margin-left:auto;color:var(--muted);font-size:.82rem}
.msg__body p+p{margin-top:.6em}
.files{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.files a{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink);text-decoration:none;font-size:.9rem}
.files a:hover{border-color:var(--blue)}
.files span{display:grid;line-height:1.25}
.files small{color:var(--muted);font-size:.78rem}
.reply .field{margin-bottom:.8rem}
.reply__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.reply__bar .btn{margin-left:auto}
.reply__bar select{max-width:15rem}

/* ---------- new request ---------- */
.newreq{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr);gap:1.4rem;align-items:start}
@media (max-width:1000px){.newreq{grid-template-columns:1fr}}
.newreq__main{display:grid;gap:1.1rem}
.newreq__title{font:800 clamp(1.8rem,3.4vw,2.6rem)/1 var(--display);text-transform:uppercase}
.choice{border:0;padding:0;margin:0}
.choice legend{font-weight:700;margin-bottom:.5rem;font-size:.95rem}
.choice__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
@media (max-width:640px){.choice__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.choice__item input{position:absolute;opacity:0;pointer-events:none}
.choice__item span{display:flex;flex-direction:column;gap:.55rem;height:100%;padding:.9rem 1rem;border:1.5px solid var(--line);border-radius:var(--r-s);cursor:pointer;transition:border-color .25s,background-color .25s,box-shadow .25s}
.choice__item span .ic{width:1.5rem;height:1.5rem;color:var(--blue-deep)}
.choice__item b{font-size:.95rem;line-height:1.25}
.choice__item span:hover{border-color:#b9c6cf}
.choice__item input:checked+span{border-color:var(--blue);background:var(--sky);box-shadow:0 0 0 3px rgba(22,158,218,.15)}
.choice__item input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.3rem;border-radius:var(--r-s);background:var(--paper);margin-bottom:.7rem}
.seg input{position:absolute;opacity:0}
.seg span{display:block;padding:.5rem .3rem;border-radius:var(--r-s);text-align:center;font-weight:700;font-size:.9rem;color:var(--muted);cursor:pointer}
.seg input:checked+span{background:var(--night);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--blue)}
.steps{counter-reset:s;display:grid;gap:.7rem}
.steps li{counter-increment:s;display:flex;align-items:center;gap:.7rem;color:#dbe6ef}
.steps li::before{content:counter(s);display:grid;place-items:center;flex:none;width:1.8rem;height:1.8rem;border-radius:var(--r-s);background:var(--blue);color:#fff;font:800 .95rem/1 var(--display)}
.drop{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;border:2px dashed #c9d4dc;border-radius:var(--r);cursor:pointer;transition:border-color .25s,background-color .25s}
.drop:hover,.drop.is-over{border-color:var(--blue);background:var(--sky)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop__ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep)}
.drop>span:nth-of-type(2){display:grid}
.drop small{color:var(--muted);font-size:.86rem}
.drop__list{width:100%;display:flex;flex-wrap:wrap;gap:.4rem}
.drop__list:empty{display:none}
.drop__list li{padding:.25rem .6rem;border-radius:var(--r-s);background:#fff;border:1px solid var(--line);font-size:.85rem}
.drop--sm{padding:.45rem .9rem;border-width:1.5px;border-radius:var(--r-s);gap:.4rem;font-weight:700;font-size:.9rem}
.drop--sm .drop__list{width:auto}

/* ---------- quick actions ---------- */
.quick__title{font:800 1.3rem/1.1 var(--display);text-transform:uppercase;margin-bottom:.9rem}
.quick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:1100px){.quick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quick__item{display:grid;gap:.3rem;padding:1.1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.quick__item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent;color:var(--ink)}
.quick__ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.4rem;border-radius:var(--r-s);background:var(--night);color:var(--blue-light)}
.quick__item small{color:var(--muted);font-size:.86rem}

/* ---------- forms ---------- */
.form{display:grid;gap:1rem}
.form--page{max-width:52rem}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form__row--3{grid-template-columns:repeat(3,1fr)}
.form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem}
@media (max-width:640px){.form__row,.form__row--3{grid-template-columns:1fr}}
.form__h{font-weight:700;margin-top:.4rem;color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.form__actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.field{display:grid;gap:.35rem}
.field>span{font-weight:700;font-size:.92rem}
.field>span small{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea,.reply__bar select{width:100%;font:inherit;color:var(--ink);background:#f7f8f8;border:1.5px solid var(--line);border-radius:var(--r-s);padding:.75rem .9rem;transition:border-color .2s,background-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:6rem}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#c4cfd6}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(22,158,218,.15)}
.field input:disabled{color:var(--muted)}
.field__err{color:var(--bad);font-size:.86rem;font-weight:600}
.check{display:flex;align-items:flex-start;gap:.55rem;font-size:.94rem;cursor:pointer}
.check input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--blue-deep)}

/* ---------- auth ---------- */
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.auth__art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.8rem,4vw,3.5rem);color:#fff;
  background:radial-gradient(50rem 30rem at 100% 0,rgba(22,158,218,.3),transparent 60%),radial-gradient(40rem 26rem at 0 110%,rgba(22,158,218,.16),transparent 60%),var(--night)}
.auth__art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at 60% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 60% 40%,#000,transparent 75%)}
.auth__art>*{position:relative}
.brand--lg .brand__mark{width:2.8rem;height:2.8rem;font-size:1.6rem}
.brand--lg .brand__name{font-size:1.8rem}
.auth__pitch{max-width:30rem}
.auth__big{font:800 clamp(2.2rem,4vw,3.4rem)/1 var(--display);text-transform:uppercase}
.auth__list{margin-top:1.6rem;display:grid;gap:.7rem}
.auth__list li{display:flex;align-items:center;gap:.7rem;color:#dbe6ef}
.auth__list .ic{color:var(--blue-light)}
.auth__grid{position:absolute!important;right:-4rem;bottom:-2rem;width:min(30rem,70%);color:rgba(214,229,240,.35)}
.auth__grid .a{stroke:var(--blue-light)}
.auth__grid .f{fill:rgba(79,192,239,.12)}
.auth__grid .p{fill:#11253b}
.auth__grid .type{stroke:var(--blue-light);stroke-dasharray:100;animation:type 4s ease-in-out infinite}
.auth__grid .pulse{transform-box:fill-box;transform-origin:center;animation:pulse 1.6s ease-in-out infinite alternate}
@keyframes type{0%{stroke-dashoffset:100}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes pulse{to{transform:scale(1.08)}}
.auth__main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.25rem}
.auth__box{width:100%;max-width:26rem;display:grid;gap:1rem}
.auth__title{font:800 clamp(2.2rem,4vw,3rem)/1 var(--display);text-transform:uppercase}
.auth__lede{color:var(--muted)}
.auth__alt{text-align:center;font-size:.94rem}
.auth__foot{margin-top:2.5rem;color:var(--muted);font-size:.86rem}
@media (max-width:900px){.auth{grid-template-columns:1fr}.auth__art{min-height:auto;padding-bottom:2rem}.auth__pitch,.auth__grid{display:none}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* fixes */
@media (min-width:981px){.shell{background:linear-gradient(to right,var(--night) var(--side),transparent var(--side))}}
.auth__grid{right:-3rem;top:16%;bottom:auto;width:min(26rem,60%);opacity:.8}
@media (max-height:820px){.auth__grid{display:none}}
.msg,#posledno{scroll-margin-top:6rem}

/* ---------- brand lockup: logo | Digital ---------- */
.brand{gap:0;padding:0 .3rem}
.brand__lockup{display:inline-flex;align-items:center;gap:.7rem;min-width:0}
.brand__logo{height:2rem;width:auto;max-width:9rem;object-fit:contain}
.brand__logo.is-white{filter:brightness(0) invert(1)}
.brand__word{font:800 1.65rem/1 var(--display);color:#fff;letter-spacing:.005em}
.brand__word b{color:var(--blue-light);font-weight:800}
.brand__sep{width:1.5px;height:1.6rem;background:currentColor;opacity:.35}
.brand__tag{font:500 1.35rem/1 var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-light)}
.brand--lg .brand__logo{height:2.5rem;max-width:11rem}
.brand--lg .brand__word{font-size:2rem}
.brand--lg .brand__tag{font-size:1.6rem}
.brand--auth{display:none;color:var(--ink);margin-bottom:.5rem}
.brand--auth .brand__word{color:var(--ink)}
.brand--auth .brand__word b,.brand--auth .brand__tag{color:var(--blue-deep)}
@media (max-width:900px){.brand--auth{display:inline-flex}.auth__art .brand{display:none}}
.logoprev{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.logoprev>div{display:flex;align-items:center;justify-content:center;min-height:5.5rem;border-radius:var(--r-s);padding:1rem}
.logoprev__dark{background:var(--night);color:#fff}
.logoprev__light{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.logoprev__light .brand__word{color:var(--ink)}
.logoprev__light .brand__word b,.logoprev__light .brand__tag{color:var(--blue-deep)}

/* ---------- cleaner side menu: flat rows, no rounded left edge ---------- */
.side{padding-left:0;padding-right:0}
.side>.brand,.side__client,.side__help,.side__me{margin-left:1rem;margin-right:1rem}
.side__nav{gap:0}
.side__nav a{border-radius:0;padding:.78rem 1.4rem;box-shadow:none!important;border-left:0;position:relative}
.side__nav a:hover{background:rgba(255,255,255,.05)}
.side__nav a[aria-current]{background:rgba(255,255,255,.07);color:#fff}
.side__nav a[aria-current] .ic{color:var(--blue-light)}
.side__count{margin-right:.4rem}

/* inactive clients */
.tabs a small{margin-left:.25rem;opacity:.65;font-weight:600}
.table tr.is-off td{opacity:.6}
.banner{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;padding:1rem 1.25rem;border-radius:var(--r);background:var(--warn-bg);border:1px solid #f0d9a8;color:#6b4500}
.banner>div{flex:1;min-width:16rem}
.banner__ic{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--r-s);background:#fff;color:var(--warn)}
.activebox{display:grid;gap:.7rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r-s);background:#fafbfb}
.activebox__warn{display:none;gap:.6rem;padding:.9rem 1rem;border-radius:var(--r-s);background:var(--warn-bg);color:#6b4500;font-size:.93rem}
.activebox__warn p{display:flex;gap:.5rem;align-items:flex-start}
.activebox__warn .ic{flex:none;margin-top:.15rem;color:var(--warn)}
.activebox.is-off .activebox__warn{display:grid}
.check--field{align-self:end;padding-bottom:.85rem}
.mailstatus{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.howto summary{cursor:pointer;font-weight:700;color:var(--blue-deep)}
.howto p{margin:.6rem 0 .3rem;font-size:.92rem;color:var(--muted)}
.howto code{display:block;padding:.6rem .8rem;border-radius:var(--r-s)}
.tag .ic{width:.85rem;height:.85rem;vertical-align:-2px}
.tag--mail{background:#eef0fb;color:#3d4fb8}
.banner--assign{align-items:flex-start}
.assign{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.7rem}
.assign select{font:inherit;padding:.55rem .8rem;border-radius:var(--r-s);border:1.5px solid #e8d6ad;background:#fff;min-width:14rem}

/* =====================================================================
   1.1 – titles in the page, logo in the mobile bar, calmer dashboards
   ===================================================================== */
.top__brand{display:none;color:var(--ink);text-decoration:none}
.top__brand .brand__lockup{gap:.55rem}
.top__brand .brand__logo{height:1.7rem}
.top__brand .brand__word{color:var(--ink);font-size:1.4rem}
.top__brand .brand__word b,.top__brand .brand__tag{color:var(--blue-deep)}
.top__brand .brand__tag{font-size:1.1rem}
.top__brand .brand__sep{height:1.3rem}
.top__crumb{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.top{min-height:4rem}
@media (max-width:980px){.top__brand{display:inline-flex}.top__crumb{display:none}.top{gap:.7rem;padding-inline:1rem}}
.pagetitle{font:800 clamp(1.5rem,3vw,2.1rem)/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;margin-bottom:-.3rem}
.back+.pagetitle{margin-top:0}
.content>.back:first-child,.content>.alert+.back{margin-bottom:-.8rem}

/* service / ticket / client heads: one title, smaller */
.head{gap:.9rem 1rem}
.head__title{font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.12}
.head__kicker{font-size:.86rem}
@media (max-width:640px){
  .head{padding:1rem}
  .head .svc__ic--lg,.head .avatar--xl{width:2.8rem;height:2.8rem;font-size:1.05rem;border-radius:var(--r-s)}
  .head__main{min-width:0;flex:1 1 calc(100% - 4rem)}
  .head__title{font-size:1.2rem}
  .head__side{width:100%;justify-content:space-between}
  .card__head h2,.card__h{font-size:1.05rem}
  .svc__item{padding:.65rem .7rem;gap:.7rem}
  .svc__ic{width:2.2rem;height:2.2rem;border-radius:var(--r-s)}
  .svc__main b,.rows__main b{font-size:.94rem}
  .svc__main small,.rows__main small{font-size:.8rem}
  .tile__title{font-size:1rem}
  .facts div{font-size:.94rem}
  .hello{padding:1.2rem}
  .hello__title{font-size:1.75rem}
  .pagetitle{font-size:1.5rem}
}

/* quick actions under the greeting */
.qbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:-.4rem}
.qbar a{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.qbar a:hover{border-color:transparent;box-shadow:var(--shadow);transform:translateY(-2px);color:var(--ink)}
.qbar__ic{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:var(--r-s);background:var(--night);color:var(--blue-light)}
.qbar a>span:last-child{display:grid;min-width:0;line-height:1.25}
.qbar b{font-size:.93rem}
.qbar small{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.qbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.qbar{gap:.5rem}.qbar a{padding:.65rem .7rem;gap:.55rem}.qbar__ic{width:2rem;height:2rem}.qbar small{display:none}.qbar b{font-size:.86rem}}

/* staff dashboard */
.sect{font:800 1.05rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:-.5rem}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;align-items:start}
@media (max-width:1200px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.grid3{grid-template-columns:1fr}}
.card--list{padding:1.1rem 1.15rem .6rem}
.card__head h2 .ic{width:1.1rem;height:1.1rem;color:var(--blue-deep)}
.count{display:inline-grid;place-items:center;min-width:1.6rem;height:1.45rem;padding:0 .45rem;border-radius:var(--r-s);background:var(--sky);color:var(--blue-deep);font:700 .8rem/1 var(--text);letter-spacing:0}
.count--bad{background:var(--bad-bg);color:var(--bad)}
.mini li+li{border-top:1px solid var(--line-2)}
.mini a,.mini__row{display:flex;align-items:center;gap:.7rem;padding:.65rem .35rem;margin:0 -.35rem;border-radius:var(--r-s);color:var(--ink);text-decoration:none}
.mini a:hover{background:#f6f8f9;color:var(--ink)}
.mini__main{flex:1;min-width:0;display:grid;gap:.05rem}
.mini__main b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini__main small{font-size:.79rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini__side{flex:none;display:grid;justify-items:end;text-align:right;font-size:.9rem}
.mini__date b{font:800 1.05rem/1 var(--display)}
.mini__date small{font-size:.74rem;color:var(--muted)}
.mini__date.is-soon b,.mini__date.is-soon small{color:var(--bad)}
.mini__row form{display:inline}
.facts--money dd{font:800 1.15rem/1.1 var(--display)}
.is-ok{color:var(--ok)!important}
.hello--staff{padding-block:clamp(1.2rem,2.4vw,1.7rem)}
.hello--staff .hello__title{font-size:clamp(1.8rem,3vw,2.4rem)}
@media (max-width:520px){.stat__ic{display:none}.stat__label{padding-right:0}.stat{padding:.95rem 1rem}.stat__num{font-size:1.5rem}}

/* ---- ticket: who gets the e-mails */
.card__h--sm{font-size:.82rem;margin:1.1rem 0 .5rem;color:var(--muted,#6b7785);text-transform:uppercase;letter-spacing:.06em}
.cclist{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.cclist li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;word-break:break-all}
.cclist .ic{width:16px;height:16px;flex:none;color:#169eda}
.cclist small{color:var(--muted,#6b7785);font-size:.75rem;margin-left:.25rem}

/* ---- two-factor */
.twofa{max-width:46rem}
.twofa__steps{margin:.4rem 0 1.2rem 1.1rem;display:grid;gap:.45rem;color:var(--muted)}
.twofa__steps b{color:var(--ink,#0c1a2b)}
.twofa__grid{display:grid;grid-template-columns:200px 1fr;gap:1.6rem;align-items:start}
.qr{width:200px;aspect-ratio:1;background:#fff;border:1px solid var(--line,#e2e5e9);padding:6px}
.qr svg{width:100%;height:100%;display:block}
.secret{font:600 1.05rem/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;background:#f3f5f7;border:1px dashed #c9d1d9;padding:.6rem .8rem;margin:.3rem 0 1rem;word-break:break-all}
.codein{font:600 1.35rem/1 ui-monospace,Menlo,Consolas,monospace!important;letter-spacing:.25em;text-align:center}
.codes{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 1.2rem;list-style:none;padding:0}
.codes li{font:600 1rem ui-monospace,Menlo,Consolas,monospace;background:#f3f5f7;border:1px solid #e2e5e9;padding:.55rem;text-align:center;letter-spacing:.06em}
.twofa__manage{margin-top:1rem;max-width:24rem}
@media (max-width:640px){.twofa__grid{grid-template-columns:1fr}.qr{margin:0 auto}.codes{grid-template-columns:repeat(2,1fr)}}

/* ---- security checks */
.checks{list-style:none;margin:0 0 1rem;padding:0;display:grid}
.checks__row{display:grid;grid-template-columns:1.6rem 11rem 1fr;gap:.7rem;align-items:start;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.checks__row:last-child{border-bottom:0}
.checks__row span:last-child{color:var(--muted)}
.checks__dot{width:1.6rem;height:1.6rem;display:grid;place-items:center}
.checks__dot .ic{width:16px;height:16px}
.checks__row--ok .checks__dot{background:#e6f6ee;color:#178a4c}
.checks__row--warn .checks__dot{background:#fff4dc;color:#a86a00}
.checks__row--bad .checks__dot{background:#fde8e6;color:#c0392b}
.checks__row--bad b{color:#c0392b}
@media (max-width:640px){.checks__row{grid-template-columns:1.6rem 1fr}.checks__row span:last-child{grid-column:2}}

/* ---- login on phones: slim dark bar with the logo (as on desktop), form right below */
@media (max-width:900px){
  .auth{display:flex;flex-direction:column;min-height:100vh}
  .auth__art{min-height:0;padding:1rem 1.25rem;flex:none}
  .auth__art .brand{display:inline-flex}
  .auth__art .brand--lg .brand__logo{height:2rem}
  .auth__art .brand--lg .brand__tag{font-size:1.3rem}
  .brand--auth{display:none}
  .auth__main{justify-content:flex-start;padding:1.6rem 1.25rem 1.5rem;flex:1}
  .auth__box{gap:.85rem}
  .auth__title{font-size:2.3rem}
  .auth__foot{margin-top:2rem}
}
.auth__note{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:var(--muted);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blue);padding:.75rem .9rem;margin-top:.4rem}
.auth__note .ic{width:18px;height:18px;flex:none;color:var(--blue);margin-top:.1rem}
.auth__note a{font-weight:700}

/* ---- documents */
.docs{list-style:none;margin:0;padding:0;display:grid}
.docs__item{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.8rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}
.docs__item:last-child{border-bottom:0}
.docs__item.is-hidden{opacity:.72}
.docs__ic{width:2.4rem;height:2.4rem;display:grid;place-items:center;background:#eaf6fc;color:var(--blue)}
.docs__ic .ic{width:18px;height:18px}
.docs__main{display:grid;gap:.15rem;min-width:0}
.docs__main a{color:inherit;text-decoration:none}
.docs__main a:hover b{color:var(--blue-deep)}
.docs__main b{overflow-wrap:anywhere}
.docs__main small{color:var(--muted);font-size:.82rem}
.docs__act{display:flex;gap:.3rem}
.kind{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.1rem .4rem;background:#eef1f4;color:#4a5865}
.kind--contract{background:#e3f3fb;color:#0b6f9e}
.kind--offer{background:#fff3dc;color:#9a6200}
.kind--annex{background:#ede9fb;color:#5a45b0}
.kind--protocol{background:#e6f6ee;color:#178a4c}
.iconbtn--bad{color:var(--bad)}

/* ---- client stage: offer / client */
.stage{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.stage legend{font-weight:700;font-size:.9rem;margin-bottom:.45rem}
.stage__opt{display:flex;gap:.6rem;align-items:flex-start;border:1px solid var(--line);background:var(--card);padding:.8rem .9rem;cursor:pointer}
.stage__opt:has(input:checked){border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.stage__opt input{margin-top:.2rem}
.stage__opt span{display:grid;gap:.15rem}
.stage__opt small{color:var(--muted);font-size:.82rem;line-height:1.4}
.banner--lead{border-left:3px solid #e0a020}
@media (max-width:640px){.stage{grid-template-columns:1fr}}

/* ---- e-mail templates */
.mailhead{background:var(--night);border-bottom:3px solid var(--blue);padding:14px 20px;margin-bottom:1rem}
.vars{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.82rem;color:var(--muted);margin:.2rem 0 .4rem}
.vars code{background:var(--sky);color:var(--blue-deep);padding:.05rem .3rem;font-size:.8rem}
.tpl textarea{font:400 .95rem/1.55 var(--text)}

/* ---- invoice payments */
.paybar{height:8px;background:var(--line-2);margin:.2rem 0 .5rem;overflow:hidden}
.paybar__fill{display:block;height:100%;background:var(--ok)}
.paysum{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--muted);margin-bottom:.6rem}
.paysum b{color:var(--ink)}

/* ---- potential clients: stage bar */
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.3rem 0 1rem}
.chips a{padding:.3rem .7rem;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;font-size:.85rem;text-decoration:none}
.chips a[aria-current]{border-color:var(--blue);color:var(--blue-deep);box-shadow:inset 0 -2px 0 var(--blue)}
.chips small{opacity:.7;margin-left:.15rem}
.leadbox{border-left:3px solid #e0a020;display:grid;gap:.8rem}
.leadbox--lost{border-left-color:var(--bad)}
.leadbox__steps{display:flex;flex-wrap:wrap;gap:0}
.leadbox__step{position:relative;padding:.4rem .9rem .4rem 1.2rem;background:var(--line-2);color:var(--muted);font:700 .8rem/1.2 var(--text);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.leadbox__step:first-child{padding-left:.9rem}
.leadbox__step.is-done{background:#dceff8;color:var(--blue-deep)}
.leadbox__step.is-on{background:var(--blue);color:#fff}
.leadbox__step.is-lost{background:var(--bad);color:#fff}
.leadbox__step--end{margin-left:auto}
.leadbox__text{font-size:.92rem}
.leadbox__act{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}
.leadbox__lost summary{list-style:none;cursor:pointer}
.leadbox__lost summary::-webkit-details-marker{display:none}
.leadbox__lost[open]{flex-basis:100%}
.leadbox__lost form{margin-top:.6rem;max-width:30rem}
.stage{grid-template-columns:repeat(2,1fr)}

/* ---- archived correspondence */
.mails{list-style:none;margin:0;padding:0;display:grid}
.mails>li{border-bottom:1px solid var(--line)}
.mails>li:last-child{border-bottom:0}
.mails__item summary{display:grid;grid-template-columns:1.8rem 1fr;gap:.6rem;align-items:start;padding:.7rem 0;cursor:pointer;list-style:none}
.mails__item summary::-webkit-details-marker{display:none}
.mails__dir{width:1.8rem;height:1.8rem;display:grid;place-items:center;font-weight:800;background:var(--sky);color:var(--blue-deep)}
.mails__item--in .mails__dir{background:#e6f6ee;color:var(--ok)}
.mails__main{display:grid;gap:.1rem;min-width:0}
.mails__main small{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.mails__body{padding:0 0 .9rem 2.4rem;font-size:.92rem;color:#2a3a4a}
.mails__body p{margin-bottom:.5rem}

/* ---- phone menu: fit the visible screen (iOS address bar), profile + logout always visible */
@supports (height:100dvh){.side{height:100dvh}}
@media (max-width:980px){
  .side{height:auto;max-height:100dvh;top:0;bottom:0;gap:.8rem;padding-top:1rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom));overflow:hidden}
  .side__nav{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;align-content:start}
  .side__nav a{padding:.62rem 1.4rem}
  .side__help{margin-top:0;padding:.8rem}
  .side__me{flex:none;margin-top:0!important;padding-top:.8rem;background:var(--night)}
}

/* ---- reports */
.legend{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}
.legend i{display:inline-block;width:.8rem;height:.55rem;margin-left:.4rem}
.legend .l-inv,.bars__inv{background:#cfe6f3}
.legend .l-col,.bars__col{background:var(--blue)}
.bars{display:grid;gap:.45rem}
.bars__row{display:grid;grid-template-columns:2.4rem 1fr 7.5rem;gap:.7rem;align-items:center}
.bars__m{font-weight:700;font-size:.85rem;color:var(--muted)}
.bars__track{position:relative;height:1.4rem;background:var(--line-2)}
.bars__track i{position:absolute;left:0;top:0;bottom:0;display:block}
.bars__col{top:.35rem!important;bottom:.35rem!important}
.bars__v{text-align:right;display:grid;line-height:1.15}
.bars__v b{font-size:.9rem}
.bars__v small{font-size:.75rem;color:var(--muted)}
.stat__sub{display:block;font-size:.8rem;color:var(--muted);margin-top:.2rem}
.stat--dark .stat__sub{color:var(--on-dark)}
@media (max-width:640px){.bars__row{grid-template-columns:2rem 1fr 5.8rem;gap:.5rem}}
.docs__note{font-style:italic}
.docs__attach{display:inline}
.docs__attach label{cursor:pointer}
.notif{display:flex;flex-wrap:wrap;gap:.3rem;margin:.25rem 0 .15rem}
.notif form{display:inline}
.notif__chip{font:700 .72rem/1 var(--text);padding:.28rem .5rem;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}
.notif__chip.is-on{border-color:#bfe3f4;background:var(--sky);color:var(--blue-deep)}
.notifset{border:0;padding:0;margin:0;display:grid;gap:.35rem}
.notifset legend{font-weight:700;font-size:.9rem;margin-bottom:.3rem}

/* ---- services table (staff) */
.svcbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin:-.2rem 0 1rem}
.svcbar .chips{margin:0}
.svcbar__right{display:flex;gap:.5rem;flex-wrap:wrap}
.seg--sm{display:inline-flex;border:1px solid var(--line);background:var(--card)}
.seg--sm a{padding:.35rem .7rem;font-weight:700;font-size:.82rem;color:var(--muted);text-decoration:none;border-right:1px solid var(--line)}
.seg--sm a:last-child{border-right:0}
.seg--sm a[aria-current]{background:var(--night);color:#fff}
.svctable td{vertical-align:middle}
.svcname{display:flex;gap:.6rem;align-items:center;color:inherit;text-decoration:none;min-width:0}
.svcname span:last-child{display:grid;min-width:0}
.svcname b{font-size:.92rem}
.svcname small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22rem}
.svcname:hover b{color:var(--blue-deep)}
.svc__ic--sm{width:2rem;height:2rem;flex:none}
.svc__ic--sm .ic{width:16px;height:16px}
.svctable td.num b,.svctable td.num small{display:block}
.progress--xs{display:block;height:4px;margin-top:.35rem;max-width:12rem}
.due{display:grid;line-height:1.2}
.due small{font-size:.75rem;color:var(--muted)}
.due--soon b,.due--soon small{color:var(--warn)}
.due--late b,.due--late small{color:var(--bad)}
.svcrow--done,.svcrow--ended{opacity:.7}
.svcgroup{margin-bottom:1rem}
.svcgroup__head{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line)}
.svcgroup__head a:first-child{color:var(--ink);text-decoration:none;font-size:1.02rem}
.svcgroup__head .btn{margin-left:auto}

/* =====================================================================
   Phones: dark top bar, compact lists (one row = title + line + amount/status)
   ===================================================================== */
.d-hide{display:none}
@media (max-width:980px){
  .top{background:var(--night);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:none;backdrop-filter:none}
  .top .top__menu{background:transparent;border-color:rgba(255,255,255,.18);color:#fff}
  .top__brand .brand__word{color:#fff}
  .top__brand .brand__word b,.top__brand .brand__tag{color:var(--blue-light)}
  .top__brand .brand__sep{background:#fff;opacity:.3}
  .top .addmenu summary,.top .btn--primary{box-shadow:none}
}
@media (max-width:760px){
  .table--list tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.9rem;row-gap:.2rem;align-items:start;padding:.8rem 1rem}
  .table--list td{display:block;padding:0;border:0;text-align:left}
  .table--list td::before{content:none!important}
  .table--list .m-hide{display:none!important}
  .table--list .d-hide{display:block}
  .table--list .m-main{grid-column:1;min-width:0}
  .table--list .m-main b{overflow-wrap:anywhere}
  .table--list .m-sub{grid-column:1;font-size:.82rem;color:var(--muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .table--list .m-side{grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
  .table--list .m-side2{grid-column:2;grid-row:2;text-align:right}
  .table--list .m-side small,.table--list .m-side2 small{display:block;font-size:.75rem}
  .table--list .d-hide.small{display:inline}
  .table--list .actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.35rem;margin-top:.4rem}
  .table--list .actions>*{margin:0}
  .table--list .who .avatar{width:2.1rem;height:2.1rem;font-size:.8rem}
  .table--list .svcname small{max-width:none;white-space:normal}
  .table--list .svc__ic--sm{width:1.8rem;height:1.8rem}

  /* client page: rows wrap instead of squeezing */
  .rows__item{flex-wrap:wrap;row-gap:.35rem}
  .rows__main{flex:1 1 60%;min-width:0}
  .rows__act{flex-basis:100%;justify-content:flex-end}
  .svc__item{flex-wrap:wrap}
  .svc__main{flex:1 1 60%}
  .svc__main b{white-space:normal}
  .svc__side{grid-auto-flow:column;align-items:center;gap:.5rem}
  .head.card{flex-wrap:wrap}
  .head__side{width:100%;justify-content:flex-start}
  .stats{grid-template-columns:1fr 1fr;gap:.6rem}
  .stat{padding:.85rem}
  .stat__num{font-size:1.35rem}
  .svcbar{flex-direction:column;align-items:stretch}
  .svcbar .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}
  .svcbar .chips a{flex:none}
  .toolbar .tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .toolbar .tabs a{flex:none}
}
@media (max-width:760px){
  .main,.content{min-width:0;max-width:100vw}
  .toolbar{min-width:0;max-width:100%}
  .toolbar>*{min-width:0;max-width:100%}
  .toolbar .tabs{flex:1 1 100%;display:flex}
  .stats.stats--3{grid-template-columns:1fr 1fr}
  .stats--3>.stat:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:760px){.svcbar,.svcbar>*{min-width:0;max-width:100%}.svcbar__right{flex-wrap:nowrap;overflow-x:auto}}
/* profile: room between fields, legible checkboxes */
.form .notifset{margin:.2rem 0}
.form .notifset .check{padding:.15rem 0}
@media (max-width:760px){.form>.btn,.form .form__actions .btn{width:100%;justify-content:center}}

/* ---- phone menu v2: fills the whole screen (also behind Safari's floating bar);
   profile + logout sit above the bar; no separate band behind the profile */
@media (max-width:980px){
  .side{top:0;bottom:auto;height:100vh;max-height:none;background:var(--night);
    padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
  @supports (height:100lvh){
    .side{height:100lvh;padding-bottom:calc(1rem + (100lvh - 100dvh) + env(safe-area-inset-bottom))}
  }
  .side__me{background:transparent;border-top:1px solid rgba(255,255,255,.12);padding:.85rem 0 0;margin-left:1rem;margin-right:1rem;align-items:center}
  .side__me .me{gap:.7rem}
  .side__me .avatar{width:2.5rem;height:2.5rem;flex:none}
  .side__me .iconbtn{width:2.5rem;height:2.5rem;flex:none}
}

/* ---- tasks & meetings */
.side__count--warn{background:#e0a020}
.toolbar__btns{display:flex;gap:.5rem;margin-left:auto}
.tasks{list-style:none;margin:0;padding:0;display:grid}
.task{display:grid;grid-template-columns:2rem 1fr;gap:.7rem;align-items:start;padding:.7rem 0;border-bottom:1px solid var(--line-2)}
.task:last-child{border-bottom:0}
.task__check{margin:0}
.task__check button{width:1.6rem;height:1.6rem;margin-top:.05rem;display:grid;place-items:center;border:2px solid #b8c3cd;background:var(--card);cursor:pointer;color:#fff;padding:0}
.task__check button .ic{width:14px;height:14px}
.task__check button:hover{border-color:var(--ok)}
.task.is-done .task__check button{background:var(--ok);border-color:var(--ok)}
.task--meeting .task__check button{border-color:var(--blue);color:var(--blue)}
.task--meeting.is-done .task__check button{background:var(--blue);color:#fff}
.task__main{display:grid;gap:.15rem;color:var(--ink);text-decoration:none;min-width:0}
.task__main b{font-size:.95rem;overflow-wrap:anywhere}
.task__main small{color:var(--muted);font-size:.8rem}
.task.is-done .task__main b{text-decoration:line-through;color:var(--muted)}
.task.is-late .task__when{color:var(--bad);font-weight:700}
.task--meeting .task__when{color:var(--blue-deep);font-weight:700}
.taskgroup{margin-bottom:1rem}
.taskgroup--late .card__head h2{color:var(--bad)}
.kindsw{display:inline-flex;align-self:start}
.kindsw label{display:flex;align-items:center;gap:.35rem;padding:.4rem .8rem;font-weight:700;font-size:.88rem;cursor:pointer;border-right:1px solid var(--line)}
.kindsw label:last-child{border-right:0}
.kindsw label:has(input:checked){background:var(--night);color:#fff}
.kindsw input{position:absolute;opacity:0;pointer-events:none}
.checks2{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.checks2 form{margin:0}
.checks2 button{display:flex;gap:.6rem;align-items:flex-start;width:100%;text-align:left;background:none;border:0;padding:.35rem 0;cursor:pointer;font:inherit;color:var(--ink)}
.checks2 .box{width:1.15rem;height:1.15rem;flex:none;border:2px solid #b8c3cd;display:grid;place-items:center;margin-top:.1rem}
.checks2 .box .ic{width:12px;height:12px}
.checks2 .is-on .box{background:var(--ok);border-color:var(--ok);color:#fff}
.checks2 .is-on span:last-child{text-decoration:line-through;color:var(--muted)}
/* month calendar */
.cal{padding:0}
.cal__head{display:flex;align-items:center;gap:.6rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}
.cal__head h2{font:800 1.3rem/1 var(--display);text-transform:uppercase;min-width:9.5rem;text-align:center}
.cal__who{margin-left:auto}
.cal__who select{padding:.35rem .6rem;border:1px solid var(--line);background:var(--card);font:inherit;font-size:.88rem}
.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal__wd{padding:.5rem .6rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);background:#fafbfb}
.cal__day{min-height:7rem;padding:.35rem .4rem .5rem;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);display:flex;flex-direction:column;gap:.2rem;min-width:0}
.cal__day:nth-child(7n){border-right:0}
.cal__day.is-out{background:#fafbfb}
.cal__day.is-out .cal__num{color:#b5bec7}
.cal__num{font-weight:700;font-size:.85rem;color:var(--ink);text-decoration:none;width:1.7rem;height:1.7rem;display:grid;place-items:center}
.cal__num:hover{background:var(--sky)}
.cal__day.is-today .cal__num{background:var(--blue);color:#fff}
.cal__item{display:block;font-size:.75rem;line-height:1.25;padding:.18rem .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;background:#eef1f4;color:#33414f}
.cal__item--meeting{background:#dff1fb;color:#08597f;border-left:2px solid var(--blue)}
.cal__item.is-done{opacity:.55;text-decoration:line-through}
.cal__more{font-size:.72rem;color:var(--muted)}
@media (max-width:760px){
  .toolbar__btns{margin-left:0;width:100%}
  .toolbar__btns .btn{flex:1;justify-content:center}
  .cal__head{flex-wrap:wrap}
  .cal__head h2{min-width:0;font-size:1.1rem}
  .cal__who{margin-left:0;width:100%}
  .cal__who select{width:100%}
  .cal__day{min-height:4.2rem;padding:.2rem}
  .cal__item{font-size:0;height:.45rem;padding:0;border-left:0}
  .cal__item b{display:none}
  .cal__wd{padding:.4rem .2rem;font-size:.65rem;text-align:center}
  .cal__num{font-size:.78rem;width:1.5rem;height:1.5rem}
}
.card__links{display:flex;gap:.8rem;font-weight:700;font-size:.9rem}
.card__links a{text-decoration:none}
.card__hlink{float:right;font:700 .8rem var(--text);text-transform:none;letter-spacing:0;text-decoration:none}
.mytasks{margin-bottom:1.2rem}
.howto-list{margin:.6rem 0 .6rem 1rem;display:grid;gap:.3rem;color:var(--muted)}
.howto-list b{color:var(--ink)}
[hidden]{display:none!important}
.cal__agenda{display:none;margin-top:1rem}
@media (max-width:760px){.cal__agenda{display:block}}

/* =====================================================================
   Projects
   ===================================================================== */
.ic--xs{width:13px;height:13px;vertical-align:-2px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.5}
.pj__ic{background:var(--night);color:var(--blue-light)}
.btnrow{display:flex;flex-wrap:wrap;gap:.5rem}
.pjstage{display:grid;gap:.7rem;margin-bottom:1rem}
.pjstage__top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.pjstage__top span{display:grid}
.pjstage__top small{color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.pjstage__top b{font:800 1.35rem/1.15 var(--display)}
.pjstage__pct{color:var(--blue-deep)}
.stages{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px}
.stages li{min-width:0}
.stages form{margin:0;height:100%}
.stages button,.stages__x{display:flex;align-items:center;gap:.5rem;width:100%;height:100%;padding:.55rem .7rem;background:var(--line-2);border:0;color:var(--muted);font:700 .82rem/1.2 var(--text);text-align:left;cursor:default}
.stages button{cursor:pointer;transition:background-color .2s,color .2s}
.stages button:hover{background:#dde3e8;color:var(--ink)}
.stages i{display:grid;place-items:center;flex:none;width:1.45rem;height:1.45rem;border:2px solid currentColor;font-style:normal;font-size:.75rem}
.stages i .ic{width:12px;height:12px}
.stages span span{overflow:hidden;text-overflow:ellipsis}
.stages .is-done button,.stages .is-done .stages__x{background:#dceff8;color:var(--blue-deep)}
.stages .is-done i{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}
.stages .is-on .stages__x,.stages .is-on button{background:var(--blue);color:#fff}
.stages .is-on i{border-color:#fff}
.pjstage__next{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.pjwait{display:flex;gap:1rem;align-items:flex-start;border-left:3px solid #e0a020;background:#fffaf0;margin-bottom:1rem}
.pjwait__ic{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;background:#e0a020;color:#fff}
.pjwait__main{flex:1;min-width:0}
.pjwait__main b small{font-weight:600;color:var(--muted);margin-left:.3rem}
.pjwait__main .text{margin-top:.25rem}
.pjwait__act{flex:none}
.pjwaitform{margin:-.3rem 0 1rem}
.plan{display:grid;gap:.9rem}
.plan__stage h3{display:flex;justify-content:space-between;gap:.6rem;font:800 .95rem/1.2 var(--text);padding-bottom:.35rem;border-bottom:1px solid var(--line-2);margin-bottom:.25rem}
.plan__stage h3 small{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.plan__stage.is-on h3{color:var(--blue-deep)}
.plan__stage.is-on h3 small{color:var(--blue)}
.plan__stage.is-done h3 small{color:var(--ok)}
.checks2__ro{display:flex;gap:.6rem;align-items:flex-start;padding:.35rem 0;color:var(--ink)}
.checks2__ro .box{width:1.15rem;height:1.15rem;flex:none;border:2px solid #b8c3cd;display:grid;place-items:center;margin-top:.1rem}
.checks2__ro .box .ic{width:12px;height:12px}
.checks2__ro.is-on .box{background:var(--ok);border-color:var(--ok);color:#fff}
.checks2__ro.is-on span:last-child{color:var(--muted)}
.handover summary{list-style:none}
.handover summary::-webkit-details-marker{display:none}
.handover[open] summary{display:none}
.subs{border:1px solid var(--line);padding:.7rem .8rem;display:grid;gap:.45rem}
.subs legend{padding:0 .3rem;font-weight:700;font-size:.88rem}
.subs__row{display:grid;grid-template-columns:auto minmax(0,1fr) 5rem 6.5rem;gap:.4rem;align-items:center}
.subs__row .check{margin:0}
.subs__row input:not([type=checkbox]),.subs__row select{min-width:0;padding:.45rem .5rem;font-size:.88rem}
.pjrow__stage{display:block;font-weight:700;font-size:.9rem}
.pjrow__wait{display:block;margin-top:.3rem;color:#a66b00;font-size:.8rem}
.pjcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}
.pjcard{display:grid;gap:.35rem;color:var(--ink);text-decoration:none;transition:border-color .25s,box-shadow .25s}
.pjcard:hover{color:var(--ink);box-shadow:var(--shadow);border-color:transparent}
.pjcard__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3rem}
.pjcard__name{font:800 1.15rem/1.2 var(--display)}
.pjcard__stage{display:flex;justify-content:space-between;gap:.6rem;margin-top:.5rem;font-size:.9rem}
.pjcard__pct{color:var(--blue-deep)}
.pjcard__wait{margin-top:.4rem;padding:.45rem .6rem;background:#fffaf0;border-left:3px solid #e0a020;font-size:.85rem;color:#7a5200}
.pjmini{display:grid;gap:.15rem;min-width:0}
.pjmini .progress{margin-top:.2rem}
.is-bad{color:var(--bad);font-weight:700}
@media (max-width:760px){
  .stages{grid-auto-flow:row;grid-auto-columns:auto}
  .stages button,.stages__x{padding:.5rem .6rem}
  .pjwait{flex-wrap:wrap}
  .pjwait__act{width:100%}
  .pjstage__top b{font-size:1.15rem}
  .subs__row{grid-template-columns:auto minmax(0,1fr) 4.5rem;}
  .subs__row select{grid-column:2/-1}
  .table--list .m-sub .progress{max-width:12rem}
}
@media (min-width:980px){.mini--cols{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.mini--cols li+li{border-top:0}.mini--cols li{border-top:1px solid var(--line-2)}.mini--cols li:nth-child(-n+2){border-top:0}}
.pjhome{margin:0 0 1.2rem}
.alert--info{background:var(--info-bg);color:var(--info);border-color:#c5e2f3;font-weight:500;margin-bottom:1rem}
.renewbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}
/* login on desktop: the dark half always reaches the bottom of the window, the illustration stays inside it */
@media (min-width:901px){
  body.auth{background:linear-gradient(to right,var(--night) 50%,var(--paper) 50%) fixed;min-height:100vh;min-height:100dvh;align-items:stretch}
  .auth__art{position:sticky;top:0;height:100vh;height:100dvh;min-height:34rem}
  .auth__main{min-height:100vh;min-height:100dvh}
  .auth__grid{right:2.5rem;width:min(24rem,52%)}
}

/* =====================================================================
   Content plan
   ===================================================================== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.svc__ic--social{background:#f1ecfb;color:#6a3fb5}
.plat{display:inline-flex;align-items:center;padding:.05rem .42rem;margin-right:.25rem;font-size:.72rem;font-weight:700;line-height:1.5;color:#fff;background:#5a6b7a}
.plat--facebook{background:#1877f2}.plat--instagram{background:#d62976}.plat--tiktok{background:#111}.plat--linkedin{background:#0a66c2}.plat--youtube{background:#e62117}.plat--google{background:#188038}
.cbar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin-bottom:1rem}
.cmonth{display:flex;align-items:center;gap:.5rem}
.cmonth h2{font:800 1.5rem/1 var(--display);text-transform:uppercase;min-width:11rem;text-align:center}
.cmonth .iconbtn{font-size:1.4rem;line-height:1;text-decoration:none}
.cfilter{display:flex;gap:.5rem;flex-wrap:wrap}
.cfilter select{padding:.45rem .6rem;border:1px solid var(--line);background:var(--card);font:inherit;font-size:.9rem;max-width:15rem}
.cbar__right{margin-left:auto;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.cbar__right form{margin:0}
.cstats{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:-.2rem 0 .9rem;font-size:.86rem;color:var(--muted)}
.cstat{display:inline-flex;align-items:center;gap:.4rem}
.cstat i{width:.6rem;height:.6rem;background:#b8c3cd}
.cstat b{color:var(--ink)}
.cstat--draft i,.cchip--draft{--c:#0a6a9b}.cstat--review i,.cchip--review{--c:#d38a00}.cstat--changes i,.cchip--changes{--c:#c0392b}.cstat--approved i,.cchip--approved{--c:#11845b}.cstat--published i,.cchip--published{--c:#0c1a2b}.cstat--idea i,.cchip--idea{--c:#9aa6b2}
.cstat i{background:var(--c,#b8c3cd)}
.ccal{padding:0;overflow:hidden}
.ccal__head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--night);color:#cfdbe6;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ccal__head span{padding:.55rem .7rem}
.ccal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ccal__day{min-height:8.5rem;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:.4rem .4rem .5rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.ccal__day:nth-child(7n){border-right:0}
.ccal__day.is-out{background:#f7f8f6}
.ccal__day.is-weekend:not(.is-out){background:#fbfbfa}
.ccal__num{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem;color:var(--muted);padding:0 .2rem}
.ccal__day.is-today .ccal__num{color:var(--blue-deep)}
.ccal__day.is-today .ccal__num::before{content:"";position:absolute}
.ccal__add{opacity:0;text-decoration:none;font-weight:800;color:var(--blue-deep);padding:0 .3rem;transition:opacity .2s}
.ccal__day:hover .ccal__add,.ccal__add:focus{opacity:1}
.cchip{display:flex;gap:.4rem;align-items:flex-start;padding:.3rem .35rem;background:#fff;border:1px solid var(--line);border-left:3px solid var(--c,#9aa6b2);color:var(--ink);text-decoration:none;min-width:0;transition:box-shadow .2s}
.cchip:hover{box-shadow:var(--shadow);color:var(--ink)}
.cchip__img{flex:none;width:2.1rem;height:2.1rem;overflow:hidden;background:var(--line-2);display:grid;place-items:center}
.cchip__img img{width:100%;height:100%;object-fit:cover}
.cchip__txt{display:grid;min-width:0;gap:.05rem}
.cchip__txt small{font-size:.7rem;color:var(--muted)}
.cchip__txt b{font-size:.8rem;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cchip__meta{display:flex;flex-wrap:wrap;gap:.15rem;align-items:center}
.cchip__meta .plat{font-size:.6rem;padding:0 .25rem;margin:0}
.cchip__meta em{font-style:normal;font-size:.68rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cthumb__vid{font-size:.8rem;color:var(--muted)}
.clist--mobile{display:none}
.clist__day{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.clist__date{display:grid;align-content:start;font:inherit}
.clist__date b{font:800 2rem/1 var(--display);color:var(--navy)}
.clist__date span{font-size:.8rem;color:var(--muted)}
.clist__date.is-today b{color:var(--blue)}
.clist__items{display:grid;gap:.5rem}
.cpost{display:flex;gap:.9rem;align-items:flex-start;padding:.7rem;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--c,#9aa6b2);color:var(--ink);text-decoration:none}
.cpost:hover{color:var(--ink);box-shadow:var(--shadow)}
.cpost--draft{--c:#0a6a9b}.cpost--review{--c:#d38a00}.cpost--changes{--c:#c0392b}.cpost--approved{--c:#11845b}.cpost--published{--c:#0c1a2b}
.cpost__img{flex:none;width:4.2rem;height:4.2rem;background:var(--line-2);display:grid;place-items:center;overflow:hidden;color:#9aa6b2}
.cpost__img img{width:100%;height:100%;object-fit:cover}
.cpost__main{flex:1;min-width:0;display:grid;gap:.15rem}
.cpost__main small{color:var(--muted);font-size:.8rem}
.cpost__cap{font-size:.86rem;color:var(--muted);line-height:1.4}
.cpost__meta{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;margin-top:.2rem}
.cpost__c{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;color:var(--muted);margin-left:.4rem}
.cpost__c .ic{width:14px;height:14px}
.cpost__side{flex:none}
.platpick{display:flex;flex-wrap:wrap;gap:.4rem}
.platpick__i{position:relative;cursor:pointer}
.platpick__i input{position:absolute;opacity:0;pointer-events:none}
.platpick__i span{display:inline-block;padding:.4rem .75rem;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:.86rem;color:var(--muted)}
.platpick__i input:checked+span{background:var(--c2,#5a6b7a);border-color:var(--c2,#5a6b7a);color:#fff}
.platpick__i input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.platpick__i.plat--facebook{--c2:#1877f2}.platpick__i.plat--instagram{--c2:#d62976}.platpick__i.plat--tiktok{--c2:#111}.platpick__i.plat--linkedin{--c2:#0a66c2}.platpick__i.plat--youtube{--c2:#e62117}.platpick__i.plat--google{--c2:#188038}
.platpick__i{background:none!important;padding:0}
fieldset.field{border:0;padding:0;margin:0;min-width:0}
fieldset.field legend{font-weight:700;font-size:.9rem;margin-bottom:.4rem;padding:0}
.cfiles{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0 .6rem}
.cfiles__i{display:grid;gap:.25rem;width:6.5rem;font-size:.78rem}
.cfiles__i img{width:6.5rem;height:6.5rem;object-fit:cover;border:1px solid var(--line)}
.cfiles__doc{display:grid;place-items:center;gap:.2rem;width:6.5rem;height:6.5rem;border:1px solid var(--line);background:var(--card);text-align:center;font-size:.72rem;overflow:hidden;padding:.3rem;word-break:break-all}
.cfiles__keep{display:flex;gap:.3rem;align-items:center;color:var(--muted)}
.howto{padding-left:1.1rem;display:grid;gap:.35rem}
.pcomm{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.pcomm__i{display:flex;gap:.6rem}
.pcomm__i>div{flex:1;min-width:0;font-size:.92rem}
.pcomm__i .text{margin-top:.2rem}
.pcomm__i--changes>div{background:#fdf1f0;padding:.5rem .6rem;border-left:3px solid #c0392b}
.ppreview{display:grid;gap:1rem;align-content:start}
.ppreview__media{display:grid;gap:.4rem}
.ppreview__media.is-multi{grid-template-columns:1fr 1fr}
.ppreview__media img,.ppreview__media video{width:100%;display:block;max-height:34rem;object-fit:contain;background:#f1f3f4}
.ppreview__text{font-size:1rem;line-height:1.6;white-space:normal}
@media (max-width:760px){
  .ccal{display:none}
  .clist--mobile{display:block}
  .clist__day{grid-template-columns:3.2rem minmax(0,1fr);gap:.6rem}
  .clist__date b{font-size:1.6rem}
  .cpost{flex-wrap:wrap}
  .cpost__img{width:3.4rem;height:3.4rem}
  .cpost__side{order:-1;width:100%}
  .cmonth h2{min-width:0;font-size:1.25rem}
  .cbar__right{margin-left:0;width:100%}
  .cfilter,.cfilter select{width:100%;max-width:none}
  .cview{display:none}
}

/* ---- printable content plan (A4) */
.cprint{background:#e9ebe7}
.cprint__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:var(--night);color:#cfdbe6;font-size:.88rem}
.sheet{width:210mm;min-height:297mm;margin:1.5rem auto;background:#fff;padding:12mm 13mm 16mm;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.sheet__head{display:flex;justify-content:space-between;align-items:center;background:var(--night);color:#fff;margin:-12mm -13mm 0;padding:9mm 13mm}
.sheet__head .brand__logo{height:9mm}.sheet__head .brand__tag{font-size:16pt}.sheet__head .brand__sep{height:7mm}
.sheet__title{text-align:right}
.sheet__title small{display:block;font:500 12pt/1 var(--eyebrow);color:var(--blue-light);letter-spacing:.06em;text-transform:uppercase}
.sheet__title h1{font:800 26pt/1 var(--display);text-transform:uppercase;color:#fff;margin-top:1.5mm}
.sheet__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4mm;padding:6mm 0;border-bottom:.3mm solid var(--line)}
.sheet__meta small{display:block;font-size:7.5pt;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.sheet__meta b{font-size:10pt}
.mcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:.3mm solid var(--line);margin:6mm 0;font-size:7pt}
.mcal__h{background:var(--night);color:#cfdbe6;padding:1.4mm 2mm;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.mcal__d{min-height:17mm;border-right:.3mm solid var(--line-2);border-top:.3mm solid var(--line-2);padding:1.2mm 1.4mm;display:flex;flex-direction:column;gap:.8mm}
.mcal__d:nth-child(7n){border-right:0}
.mcal__d.is-out{background:#f6f7f5}
.mcal__d b{font-size:8pt;color:var(--muted)}
.mcal__p{display:block;padding:.6mm 1.2mm;background:#eef5fa;border-left:.8mm solid var(--c,#0a6a9b);line-height:1.25;color:var(--ink)}
.mcal__p--review{--c:#d38a00}.mcal__p--changes{--c:#c0392b}.mcal__p--approved{--c:#11845b}.mcal__p--published{--c:#0c1a2b}
.plist{display:grid}
.plist__i{display:grid;grid-template-columns:16mm 30mm minmax(0,1fr);gap:5mm;padding:5mm 0;border-bottom:.3mm solid var(--line-2);break-inside:avoid;page-break-inside:avoid}
.plist__date b{display:block;font:800 16pt/1 var(--display);color:var(--navy)}
.plist__date small{font-size:8pt;color:var(--muted)}
.plist__img{width:30mm;height:30mm;background:var(--line-2);display:grid;place-items:center;overflow:hidden;font-size:8pt;color:var(--muted)}
.plist__img img{width:100%;height:100%;object-fit:cover}
.plist__top{display:flex;flex-wrap:wrap;gap:1.2mm;align-items:center;margin-bottom:1.5mm}
.plist__top .plat{font-size:7pt}
.plist__top .badge{font-size:7pt}
.plist__fmt{font-size:8pt;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-right:1mm}
.plist__main h2{font:800 12.5pt/1.15 var(--display);text-transform:uppercase;color:var(--navy);margin-bottom:1.5mm}
.plist__cap{font-size:9pt;line-height:1.5;color:#334354}
.sheet__foot{position:absolute;left:13mm;right:13mm;bottom:7mm;display:flex;justify-content:space-between;font-size:7pt;color:#8a96a3;border-top:.3mm solid var(--line);padding-top:2mm}
@media print{
  @page{size:A4;margin:11mm 12mm 15mm}
  .cprint{background:#fff}
  .cprint__bar{display:none}
  .sheet{width:auto;margin:0;box-shadow:none;min-height:auto;padding:0}
  .sheet__head{margin:0;padding:7mm 8mm}
  .sheet__foot{position:static;margin-top:6mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media screen and (max-width:820px){.sheet{width:auto;margin:0;min-height:0}.sheet__meta{grid-template-columns:1fr 1fr}.plist__i{grid-template-columns:3rem 5rem minmax(0,1fr)}.plist__img{width:5rem;height:5rem}.mcal{display:none}}
/* list filters: client + period */
.lfilter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.3rem 0 1rem}
.lfilter select,.lfilter input[type=date]{padding:.42rem .6rem;border:1px solid var(--line);background:var(--card);font:inherit;font-size:.9rem;max-width:16rem}
.lfilter__d{display:flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--muted)}
.lfilter__range{font-size:.86rem;color:var(--muted)}
.lfilter__clear{font-size:.86rem;font-weight:700}
.lsum{margin:-.3rem 0 .8rem;font-size:.92rem;color:var(--muted)}
.lsum b{color:var(--ink)}
.docno{font-weight:700;color:var(--muted);margin-right:.3rem;white-space:nowrap}
@media (max-width:760px){.lfilter select{flex:1 1 100%;max-width:none}.lfilter__d{flex:1}.lfilter__d input{flex:1;min-width:0}}
@media (max-width:760px){.table--list .docno.d-hide{display:inline}}
.nowrap{white-space:nowrap}

/* ---- generated documents (offer / contract / other) ---- */
.gno{display:block;margin-top:2mm;font-size:9pt;color:#aebdcb;letter-spacing:.02em;max-width:95mm;margin-left:auto}
.gdoc .sheet__title h1{font-size:24pt}
.glead{font-size:10pt;line-height:1.6;color:#2c3c4d;margin-top:6mm}
.glead b{color:var(--navy)}
.gsec{margin-top:7mm}
.gsec>h2{display:flex;align-items:center;gap:2.5mm;font:800 12pt/1 var(--display);text-transform:uppercase;color:var(--navy);margin-bottom:3.5mm}
.gsec>h2 span{display:grid;place-items:center;width:6mm;height:6mm;border-radius:1.2mm;background:var(--blue);color:#fff;font-size:9pt}
.gitems-p{border-top:.5mm solid var(--navy)}
.gitm{display:grid;grid-template-columns:minmax(0,1fr) 32mm;gap:6mm;padding:3.6mm 0;border-bottom:.3mm solid var(--line-2);break-inside:avoid}
.gitm h3{font-size:10.5pt;font-weight:700;line-height:1.25;color:var(--navy)}
.gitm__t{font-weight:700;font-size:7pt;text-transform:uppercase;letter-spacing:.07em;color:var(--blue-deep);margin-left:1.5mm;padding:.4mm 1.5mm;background:#e8f4fb;border-radius:1mm;vertical-align:1px}
.gitm__t--month,.gitm__t--year{background:#eaf6ef;color:#11845b}
.gitm ul{margin:1.6mm 0 0;padding:0;list-style:none;columns:2;column-gap:6mm}
.gitm li{font-size:8.6pt;line-height:1.45;color:#46576a;padding-left:3.6mm;position:relative;break-inside:avoid}
.gitm li::before{content:"";position:absolute;left:0;top:1.75mm;width:1.5mm;height:1.5mm;border-radius:50%;background:var(--blue)}
.gitm__p{text-align:right;font:800 13pt/1.1 var(--display);color:var(--navy)}
.gitm__p small{display:block;font:600 7.5pt/1.3 var(--body,"Sofia Sans",sans-serif);color:var(--muted);margin-top:1mm}
.gtotals{display:flex;margin-top:5mm;background:var(--night);color:#fff;border-radius:2mm;overflow:hidden;break-inside:avoid}
.gtotals>div{flex:1;padding:4mm 5mm;border-right:.3mm solid rgba(255,255,255,.12)}
.gtotals>div.is-sum{flex:1.3;border:0;background:var(--blue)}
.gtotals small{display:block;font-size:7.5pt;text-transform:uppercase;letter-spacing:.08em;color:#aebdcb;font-weight:700}
.gtotals .is-sum small{color:#e3f4fc}
.gtotals b{display:block;font:800 17pt/1.1 var(--display);margin-top:1.2mm}
.gtotals em{font-style:normal;font-size:8pt;opacity:.8}
.gsteps{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));counter-reset:gs;break-inside:avoid}
.gstep{position:relative;padding-right:2mm}
.gstep::before{counter-increment:gs;content:counter(gs);display:grid;place-items:center;width:7mm;height:7mm;border-radius:50%;background:#fff;border:.5mm solid var(--blue);color:var(--blue-deep);font:800 9pt/1 var(--display);position:relative;z-index:1}
.gstep::after{content:"";position:absolute;left:7mm;right:0;top:3.4mm;height:.4mm;background:var(--line)}
.gstep:last-child::after{display:none}
.gstep b{display:block;font-size:9pt;color:var(--navy);margin-top:2mm}
.gstep small{display:block;font-size:7.8pt;color:var(--muted);line-height:1.35;margin-top:.6mm}
.gcols{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4mm}
.gbox{border:.3mm solid var(--line);border-radius:2mm;padding:3.6mm 4.5mm;break-inside:avoid}
.gbox h3,.gmgr small,.gparty>small,.gsign small{display:block;font-size:7.5pt;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.gbox h3{margin-bottom:2mm}
.gbox ul{list-style:none;margin:0;padding:0}
.gbox li{position:relative;padding-left:3.6mm;font-size:9pt;line-height:1.5;color:#2c3c4d}
.gbox li::before{content:"";position:absolute;left:0;top:1.9mm;width:1.5mm;height:1.5mm;border-radius:50%;background:var(--blue)}
.gbox--blue{background:#eef7fc;border-color:#cde7f5}
.gmgr{display:grid;grid-template-columns:12mm minmax(0,1fr);gap:3.5mm;align-items:center;border:.3mm solid var(--line);border-radius:2mm;padding:4mm;break-inside:avoid}
.gmgr__av{width:12mm;height:12mm;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;font:800 11pt/1 var(--display)}
.gmgr b{display:block;font-size:10.5pt;color:var(--navy);margin:.6mm 0}
.gmgr div>span{display:block;font-size:8.6pt;color:#46576a;line-height:1.45;word-break:break-word}
.gaccept{display:flex;justify-content:space-between;align-items:center;gap:6mm;margin-top:6mm;background:#eef7fc;border-left:1.2mm solid var(--blue);border-radius:2mm;padding:4mm 5mm;break-inside:avoid}
.gaccept b{display:block;font:800 11pt/1.1 var(--display);text-transform:uppercase;color:var(--navy)}
.gaccept span{display:block;font-size:8.6pt;color:#34465a;margin-top:1mm}
.gaccept .url{font-weight:700;color:#fff;background:var(--blue);padding:2.2mm 4mm;border-radius:1.5mm;white-space:nowrap;margin:0;font-size:9pt}
.gparties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6mm;margin-top:6mm}
.gparty{border:.3mm solid var(--line);border-radius:2mm;padding:4mm 4.5mm;break-inside:avoid}
.gparty>small{color:var(--blue-deep)}
.gparty b{display:block;font-size:11pt;color:var(--navy);margin:1mm 0 1.5mm}
.gparty dl{display:grid;grid-template-columns:22mm minmax(0,1fr);gap:.8mm 2mm;margin:0;font-size:8.6pt;line-height:1.4}
.gparty dt{color:var(--muted)}
.gparty dd{margin:0;color:#2c3c4d;word-break:break-word}
.gblank{color:#b5bec7}
.gbodytext{margin-top:5mm}
.gbodytext>p,.gart p{font-size:9.2pt;line-height:1.58;color:#2c3c4d;text-align:justify;margin:0 0 1.6mm;hyphens:auto}
.gbodytext b{color:var(--navy)}
.gart{margin-top:5mm}
.gart h2{font:800 10.5pt/1.2 var(--display);text-transform:uppercase;color:var(--navy);letter-spacing:.02em;padding-bottom:1.6mm;border-bottom:.3mm solid var(--line);margin-bottom:2.4mm;break-after:avoid}
.gart h2 em{font-style:normal;color:var(--blue)}
.gbodytext ol,.gbodytext ul{margin:0 0 1.6mm;padding-left:6mm}
.gbodytext ol{list-style:decimal}.gbodytext ul{list-style:disc}
.gbodytext li{font-size:9.2pt;line-height:1.55;color:#2c3c4d;margin-bottom:.6mm}
.gbodytext li::marker{color:var(--blue-deep);font-weight:700}
.gsign{display:grid;grid-template-columns:1fr 1fr;gap:12mm;margin-top:12mm;break-inside:avoid}
.gsign b{display:block;font-size:10pt;color:var(--navy);margin-top:1mm}
.gsign__line{height:16mm;border-bottom:.3mm solid var(--navy);margin-top:3mm}
.gsign>div>span{display:block;font-size:8pt;color:var(--muted);margin-top:1.2mm}
.gannex{break-before:page;padding-top:2mm}
.gannex__h{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:.5mm solid var(--navy);padding-bottom:2.5mm;margin-bottom:2mm}
.gannex__h small{display:block;font:500 11pt/1 var(--eyebrow);color:var(--blue-deep);letter-spacing:.06em;text-transform:uppercase}
.gannex__h h2{font:800 18pt/1.05 var(--display);text-transform:uppercase;color:var(--navy);margin-top:1mm}
.gannex__h span{font-size:8pt;color:var(--muted)}
.gtbl{width:100%;border-collapse:collapse;font-size:8.8pt;margin-top:3mm}
.gtbl th{text-align:left;font-size:7.3pt;text-transform:uppercase;letter-spacing:.07em;color:#cfdbe6;background:var(--night);padding:2mm 2.5mm}
.gtbl td{padding:2.4mm 2.5mm;border-bottom:.3mm solid var(--line-2);vertical-align:top;color:#2c3c4d}
.gtbl td b{color:var(--navy)}
.gtbl .r{text-align:right;white-space:nowrap}
.gtbl tfoot td{font-weight:700;color:var(--navy);border-bottom:0;border-top:.3mm solid var(--line)}
.gtbl tfoot tr:first-child td{border-top:.5mm solid var(--navy)}
@media print{.gdoc{padding-right:.4mm}}
@media screen and (max-width:820px){.gparties,.gcols{grid-template-columns:1fr;grid-auto-flow:row}.gsteps{grid-template-columns:1fr 1fr}.gitm ul{columns:1}.gtotals{flex-wrap:wrap}}
/* generator form */
.genfrom{margin-bottom:1rem}
.gitems legend small{font-weight:500;color:var(--muted)}
.gitem{border:1px solid var(--line);border-radius:var(--r-s);padding:.6rem;margin-bottom:.6rem;background:var(--paper);display:grid;gap:.5rem}
.gitem__top{display:grid;grid-template-columns:minmax(0,1fr) 8.5rem 6.5rem auto;gap:.5rem;align-items:center}
.gitem input,.gitem select,.gitem textarea{width:100%}
.gbody{font:0.9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.genact{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.genfile{margin-top:.5rem}
.genhelp code,.genvars code{font-size:.78rem;background:var(--line-2);padding:.05rem .3rem;border-radius:4px;color:var(--ink)}
.genvars{line-height:2}
.docgen{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
@media (max-width:600px){.gitem__top{grid-template-columns:1fr 1fr}.gitem__top input[name="item_name[]"]{grid-column:1/-1}}
.genpick{max-width:44rem}
.genpick__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}
.genpick__own{display:flex;gap:.6rem;align-items:flex-end;margin-bottom:.6rem}
.genpick__own .field{flex:1;margin:0}
.gmgr__ok{display:block;font-style:normal;font-size:7.6pt;line-height:1.35;color:var(--blue-deep);margin-top:1.4mm;font-weight:600}
.gdoc--offer .gsec{margin-top:5.5mm}.gdoc--offer .glead{margin-top:5mm}.gdoc--offer .gitm{padding:3mm 0}
.cprint__bar .btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)}
@media screen and (max-width:820px){.cprint__bar>span{display:none}.gbodytext>p,.gart p{text-align:left}.sheet__head{flex-wrap:wrap;gap:1rem}}
.gitem__top{grid-template-columns:minmax(0,1fr) 9.5rem 6.5rem auto}
.genterm{max-width:22rem;margin-top:.4rem}.genterm input{max-width:8rem}
.gterms{list-style:none;margin:0;padding:0;border-top:.3mm solid var(--line);break-inside:auto}
.gterms li{position:relative;padding:1.8mm 0 1.8mm 5mm;border-bottom:.3mm solid var(--line-2);font-size:8.8pt;line-height:1.45;color:#2c3c4d;break-inside:avoid}
.gterms li::before{content:"";position:absolute;left:.5mm;top:3.2mm;width:2.2mm;height:.5mm;background:var(--blue)}
.gtotals>div{min-width:0}
.gtotals b{font-size:15pt}
.gsec>h2{break-after:avoid}
.gsec--keep{break-inside:avoid}
.gitm__t--quarter,.gitm__t--half{background:#eaf6ef;color:#11845b}
.gitm li b{color:var(--navy)}
.genappx{margin-top:.5rem!important;padding:1rem 1.1rem!important;border:1px dashed var(--line,#d5dde4)!important;border-radius:14px}
.genappx legend small{font-weight:400;color:var(--muted,#5a6b7a)}
/* документи v15: лого, заглавие, отстъпки, мениджър със снимка, номера на страниците */
.doclogo{display:block;height:11mm;width:auto;max-width:70mm;object-fit:contain}
.doclogo.is-white{filter:brightness(0) invert(1)}
.logoprev__doc{padding:1rem 1.2rem;border-radius:12px;background:var(--night,#07111d);display:flex;align-items:center;min-height:4.5rem}
.logoprev__doc .doclogo{height:2.4rem;max-width:14rem}
.gdoc .sheet__title h1{font:800 30pt/1 var(--display);letter-spacing:.01em;margin:0}
.sheet__no{display:block;margin-top:1.6mm;font:700 12pt/1 var(--display);color:var(--blue-light);letter-spacing:.04em}
.gold{display:block;font:600 9pt/1.2 var(--body,"Sofia Sans",sans-serif);color:#8a96a3;text-decoration:line-through}
.gdisc{display:inline-block;margin-left:1.5mm;padding:.3mm 1.4mm;border-radius:1mm;background:#fdecec;color:#b42318;font:700 7.5pt/1.4 var(--body,"Sofia Sans",sans-serif);font-style:normal;vertical-align:2px}
.gtbl .gold{display:inline;font-size:8pt}
.gtbl__save td{color:#b42318!important;font-weight:700}
.gtotals>div.is-save{background:#0f2a42}
.gtotals .is-save b{color:#7fdcae}
.gmgr{display:block}
.gmgr__row{display:flex;align-items:center;gap:3mm;margin:2.6mm 0 2.2mm}
.gmgr__av{flex:none;width:14mm;height:14mm;overflow:hidden}
.gmgr__av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.gmgr__row b{margin:0!important}
.gmgr__pos{display:block;font-size:8pt;color:var(--muted);line-height:1.3}
.gmgr__c{display:block;font-size:8.4pt;color:#46576a;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photofld{display:flex;gap:1rem;align-items:center}
.photofld__img{width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover;flex:none}
.photofld__img--none{display:grid;place-items:center;background:var(--night,#07111d);color:#fff;font-weight:800;font-size:1.4rem}
.gitem__top{grid-template-columns:minmax(0,1fr) 9.5rem 6.5rem 7.5rem auto}
@media (max-width:600px){.gitem__top{grid-template-columns:1fr 1fr}.gitem__top input[name="item_name[]"]{grid-column:1/-1}}
@media print{
  @page{@bottom-right{content:"Стр. " counter(page) " от " counter(pages);font:7pt "Sofia Sans",sans-serif;color:#8a96a3;vertical-align:top;padding-top:3mm}}
}

/* =====================================================================
   v3 – визията на новия madweb.bg: Sofia Sans Extra Condensed, кръгли
   бутони, заоблени карти, тъмна лента със заглавие, долно меню на телефон.
   Печатните документи (.cprint) не се променят.
   ===================================================================== */
@font-face{font-family:"Sofia XC8";font-weight:800;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Sofia XC8";font-weight:800;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116}
body:not(.cprint){--display:"Sofia XC8","Sofia C","Sofia Sans","Arial Narrow",sans-serif;--paper:#f2f5f7;--line:#e3e8ed;--line-2:#edf1f4;--night:#050d17;--navy:#0c1a2b;--r:18px;--r-s:12px;--shadow:0 24px 50px -30px rgba(5,13,23,.45)}
body:not(.cprint){background:var(--paper)}

/* бутони и етикети */
body:not(.cprint) .btn{border-radius:999px}
body:not(.cprint) .btn--sm{padding:.45rem 1.1rem}
body:not(.cprint) .btn--primary{box-shadow:0 14px 28px -16px rgba(22,158,218,.95)}
body:not(.cprint) .badge,body:not(.cprint) .tag,body:not(.cprint) .side__count{border-radius:999px}
body:not(.cprint) .tabs{border-radius:999px;padding:.3rem}
body:not(.cprint) .tabs a{border-radius:999px}
body:not(.cprint) .search,body:not(.cprint) .top__search{border-radius:999px}
body:not(.cprint) .avatar{border-radius:50%}
body:not(.cprint) .field input,body:not(.cprint) .field select,body:not(.cprint) .field textarea{border-radius:12px;background:#f7f9fa}

/* заглавия като на сайта */
body:not(.cprint) .card__head h2,body:not(.cprint) .card__h,body:not(.cprint) .head__title,body:not(.cprint) .pay h2,body:not(.cprint) .empty--page h2{letter-spacing:0}
body:not(.cprint) .card__head h2,body:not(.cprint) .card__h{font-size:1.45rem}
body:not(.cprint) .stat__num{font-size:clamp(2rem,3vw,2.6rem);line-height:1}
body:not(.cprint) .hello__title{font-size:clamp(2.6rem,5vw,4rem);line-height:.9}
body:not(.cprint) .eyebrow{font:600 .8rem/1.2 var(--text);letter-spacing:.16em;text-transform:uppercase}
body:not(.cprint) .card,body:not(.cprint) .stat,body:not(.cprint) .tile{border-color:var(--line)}
body:not(.cprint) .svc__item,body:not(.cprint) .svc__ic,body:not(.cprint) .stat__ic{border-radius:12px}

/* тъмни повърхности – синьото сияние от сайта */
body:not(.cprint) .side{background:radial-gradient(30rem 22rem at 0 100%,rgba(22,158,218,.18),transparent 62%),var(--night)}
body:not(.cprint) .hello,body:not(.cprint) .card--dark,body:not(.cprint) .stat--dark{background:radial-gradient(38rem 22rem at 85% 10%,rgba(22,158,218,.32),transparent 62%),var(--night)}
body:not(.cprint) .side__nav a{margin:0 .7rem;padding:.7rem .95rem;border-radius:12px}
body:not(.cprint) .side__nav a[aria-current]{background:rgba(22,158,218,.18)}
body:not(.cprint) .side__client,body:not(.cprint) .side__help{border-radius:14px}

/* горна лента и заглавие на страницата */
body:not(.cprint) .top{background:var(--night);border-bottom:1px solid rgba(255,255,255,.06);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
body:not(.cprint) .top__crumb{color:#8fa5b8}
body:not(.cprint) .top .iconbtn{background:transparent;border-color:rgba(255,255,255,.18);color:#fff}
body:not(.cprint) .top__search{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#8fa5b8}
body:not(.cprint) .top__search input{color:#fff}
.pagehead{background:radial-gradient(40rem 16rem at 80% 0,rgba(22,158,218,.28),transparent 65%),var(--night);color:#fff}
.pagehead__in{max-width:92rem;padding:clamp(1.2rem,3vw,2rem) clamp(1rem,3vw,2.25rem) clamp(1.6rem,3.4vw,2.6rem)}
.pagehead__eb{display:flex;align-items:center;gap:.7rem;margin:0 0 .6rem;font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#4fc0ef}
.pagehead__eb::before{content:"";width:1.4rem;height:2px;background:currentColor;border-radius:2px}
.pagehead .pagetitle{margin:0;font:800 clamp(2.4rem,5vw,4rem)/.9 var(--display);text-transform:uppercase;letter-spacing:0;color:#fff}
body:not(.cprint) .top:has(+.pagehead) .top__crumb{display:none}
body:not(.cprint) .top:has(+.pagehead){border-bottom:0}

/* долно меню на телефон */
.tabbar{display:none}
@media (max-width:980px){
  .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);padding:.35rem .4rem calc(.4rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(5,13,23,.35)}
  .tabbar a,.tabbar button{position:relative;display:grid;justify-items:center;gap:.15rem;padding:.4rem .2rem;border:0;background:none;color:var(--muted);font:600 .7rem/1.1 var(--text);text-decoration:none;cursor:pointer;border-radius:12px}
  .tabbar .ic{width:1.35rem;height:1.35rem}
  .tabbar a[aria-current]{color:var(--blue-deep)}
  .tabbar a[aria-current] .ic{color:var(--blue)}
  .tabbar b{position:absolute;top:.15rem;left:calc(50% + .35rem);min-width:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--blue);color:#fff;font-size:.65rem;line-height:1.1rem;text-align:center}
  body:not(.cprint):not(.auth) .main{padding-bottom:calc(4.4rem + env(safe-area-inset-bottom))}
  body:not(.cprint) .top__menu{display:none}
  body:not(.cprint) .top{min-height:3.8rem}
  .is-menu .tabbar{z-index:40}
}
@media print{.tabbar,.pagehead__eb{display:none}.pagehead{background:none;color:var(--ink)}.pagehead .pagetitle{color:var(--ink)}}
body:not(.cprint) .lfilter select,body:not(.cprint) .lfilter input[type=date]{border-radius:999px;padding:.5rem .9rem}

/* v18 – оферти: подреждане на услугите, специални месеци, пакети */
.gitem__bar{display:flex;align-items:center;gap:.5rem;min-height:1.6rem}
.gitem__drag{cursor:grab;color:var(--muted);font-weight:800;letter-spacing:-.15em;padding:0 .3rem;user-select:none}
.gitem__drag:active{cursor:grabbing}
.gitem__move{margin-left:auto;display:flex;gap:.3rem}
.gitem__move .iconbtn{width:1.9rem;height:1.9rem;font-weight:800}
.gitem__grp{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .3rem .15rem .55rem;border-radius:999px;background:#e6f5fc;color:#0a6a9b;font-size:.8rem}
.gitem__grp .ic{width:.9rem;height:.9rem}
.gitem__grp button{border:0;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0 .2rem}
.gitem__spec{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.gitem__spec label{display:flex;align-items:center;gap:.5rem;flex:1;min-width:14rem;margin:0}
.gitem__spec label span{font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}
.gitem__spec label input{flex:1}
.gitem__quick{display:flex;gap:.35rem;flex-wrap:wrap}
.chipbtn{border:1px dashed var(--line);background:none;border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.78rem;font-weight:600;color:#0a6a9b;cursor:pointer}
.chipbtn:hover{border-color:#169eda;background:#f0f9fd}
.gitem.is-drag{opacity:.45}
.gitem.is-moved{animation:gmoved .7s ease}
@keyframes gmoved{from{box-shadow:0 0 0 3px rgba(22,158,218,.45)}to{box-shadow:0 0 0 0 rgba(22,158,218,0)}}
.gitems__add{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.gpkpick select{border-radius:999px;padding:.45rem .9rem;font-weight:600}
.gpklist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.gpk{display:flex;gap:.8rem;align-items:flex-start;justify-content:space-between;padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card)}
.gpk.is-on{border-color:#169eda;background:#f0f9fd}
.gpk__main{display:grid;gap:.2rem;min-width:0}
.gpk__name{font-weight:800;color:var(--ink)}
.gpk__val{font-weight:700;color:#0a6a9b}
.gpk__desc{font-style:italic;color:var(--muted)}
.gpk__act{display:flex;gap:.3rem;flex:none;align-items:center}
.gpk__act form.inline{display:inline}
.gpk__act .iconbtn{width:2rem;height:2rem}
.gpk--wide{grid-column:1/-1}
/* печат */
.ggrp{display:flex;justify-content:space-between;align-items:flex-end;gap:4mm;margin-top:3mm;padding:2.4mm 3mm;border-radius:1.6mm;background:#eef6fb;break-after:avoid}
.ggrp h3{margin:0;font:800 12pt/1.1 var(--display);color:var(--navy);text-transform:uppercase}
.ggrp h3 small{display:block;font:700 6.8pt/1.2 var(--body,"Sofia Sans",sans-serif);letter-spacing:.12em;color:#0a6a9b;margin-bottom:.6mm}
.ggrp b{font:800 10pt/1.2 var(--display);color:var(--navy);white-space:nowrap}
.gitm--in{padding-left:3mm}
.gspec{display:block;margin-top:1.2mm}
.gspec em{display:block;font:700 7.4pt/1.35 var(--body,"Sofia Sans",sans-serif);font-style:normal;color:#11845b}
.gtbl__grp td{background:#eef6fb;font-weight:800;color:var(--navy)}
.gtbl td small{color:#11845b;font-weight:700}
@media (max-width:600px){.gitem__spec label{min-width:0;flex-basis:100%}}
.ggrp--extra{background:#f4f6f9}.ggrp--extra h3{font-size:10.5pt}
/* v18.1 – специалните месеци винаги видими; варианти без обща сума */
.gitem__spec label span small{font-weight:500}
.gitem:has(select[data-gen-type] option[value="once"]:checked) .gitem__spec,.gitem:has(select[data-gen-type] option[value="none"]:checked) .gitem__spec{opacity:.5}
.genmode{align-items:flex-start}.genmode small.muted{display:block;margin-top:.3rem;font-size:.78rem}
.genmode .genterm{margin-top:0}
.ggrp--var{background:var(--night,#07111d)}.ggrp--var h3,.ggrp--var b{color:#fff}.ggrp--var h3 small{color:#4fc0ef}
.gvars{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3mm;margin-top:5mm;break-inside:avoid}
.gvar{padding:4mm;border-radius:2mm;background:var(--night,#07111d);color:#fff}
.gvar:nth-child(2n){background:var(--blue,#169eda)}
.gvar small{display:block;font:700 6.8pt/1.2 var(--body,"Sofia Sans",sans-serif);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.gvar h3{margin:1.2mm 0 2mm;font:800 12pt/1.05 var(--display);text-transform:uppercase}
.gvar b{display:block;font:800 15pt/1.1 var(--display)}
.gvar span{display:block;margin-top:2mm;font-size:7.6pt;opacity:.85}
.gvars__note{margin:2mm 0 0;font-size:7.6pt;color:var(--muted)}
@media screen and (max-width:820px){.gvars{grid-template-columns:1fr}}
.gvarno{display:block;font:700 6.8pt/1.2 var(--body,"Sofia Sans",sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#0a6a9b;margin-bottom:.8mm}
.genpkgsum{margin:.2rem 0 .4rem}.genpkgsum small{font-size:.78rem}

/* =====================================================================
   v4 – Моят MadWeb: спокоен Motion (светла горна част, син кръг, прави карти)
   ===================================================================== */
body:not(.cprint):not(.auth){background:#f2f4f7}
body:not(.cprint) .main{position:relative;isolation:isolate}
body:not(.cprint) .main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(7,17,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,29,.035) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%)}
/* горна лента – светла */
body:not(.cprint) .top{background:rgba(242,244,247,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,17,29,.06);color:var(--ink)}
body:not(.cprint) .top__crumb{color:var(--muted)}
body:not(.cprint) .top .iconbtn{border-color:var(--line);color:var(--ink);background:#fff}
body:not(.cprint) .top__search{background:#fff;border-color:var(--line);color:var(--muted)}
body:not(.cprint) .top__search input{color:var(--ink)}
body:not(.cprint) .top .btn--primary{background:var(--night);box-shadow:0 14px 28px -18px rgba(7,17,29,.8)}
/* заглавие на страницата – без тъмна лента */
body:not(.cprint) .pagehead{background:transparent;color:var(--ink)}
body:not(.cprint) .pagehead__in{padding-bottom:clamp(.6rem,1.6vw,1.1rem)}
body:not(.cprint) .pagehead__eb{color:var(--blue)}
body:not(.cprint) .pagehead .pagetitle{color:var(--ink);font-size:clamp(2.2rem,4.2vw,3.6rem)}
/* поздрав на таблото – светъл, със синия кръг */
body:not(.cprint) .hello{position:relative;overflow:visible;background:transparent!important;color:var(--ink);padding:clamp(.6rem,2vw,1.2rem) 0 clamp(.4rem,1.4vw,.8rem);border:0;box-shadow:none}
body:not(.cprint) .hello::before{content:"";position:absolute;z-index:-1;right:-6rem;top:-11rem;width:min(26rem,55vw);aspect-ratio:1;border-radius:42% 58% 63% 37%/45% 38% 62% 55%;background:radial-gradient(circle at 30% 30%,#4fc0ef,#169eda 45%,#0a6a9b);opacity:.92;animation:mdblob 9s ease-in-out infinite alternate}
@keyframes mdblob{to{border-radius:61% 39% 35% 65%/58% 62% 38% 42%}}
body:not(.cprint) .hello .eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem .4rem .6rem;border-radius:999px;background:#fff;color:var(--ink);font-size:.8rem;letter-spacing:.04em;text-transform:none;box-shadow:0 10px 30px -18px rgba(7,17,29,.45)}
body:not(.cprint) .hello .eyebrow::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#3ddc97}
body:not(.cprint) .hello__title{margin-top:.8rem;color:var(--ink);font-size:clamp(2.6rem,5.2vw,4.6rem)}
body:not(.cprint) .hello__title .out{color:transparent;-webkit-text-stroke:1.6px var(--ink)}
body:not(.cprint) .hello__lede{color:#3b4a5b}
body:not(.cprint) .hello__manager{background:#fff;border:0;color:var(--ink);border-radius:22px;box-shadow:0 24px 50px -32px rgba(7,17,29,.55)}
body:not(.cprint) .hello__manager small{color:var(--muted)}
body:not(.cprint) .hello__manager a{color:var(--blue-deep)}
/* карти и числа */
body:not(.cprint) .card,body:not(.cprint) .tile{border-radius:24px;border-color:transparent;box-shadow:0 26px 50px -42px rgba(7,17,29,.55)}
body:not(.cprint) .stat{border-radius:22px;border-color:transparent;box-shadow:0 26px 50px -42px rgba(7,17,29,.55)}
body:not(.cprint) .stat__num{font-size:clamp(2.2rem,3.3vw,3rem);line-height:.95}
body:not(.cprint) .stat--dark,body:not(.cprint) .card--dark{background:var(--night)!important}
body:not(.cprint) .stats>.stat:last-child:not(.stat--warn):not(.stat--dark){background:var(--blue);color:#fff}
body:not(.cprint) .stats>.stat:last-child:not(.stat--warn):not(.stat--dark) .stat__label,body:not(.cprint) .stats>.stat:last-child:not(.stat--warn):not(.stat--dark) .stat__sub{color:#dff3fc}
body:not(.cprint) .stats>.stat:last-child:not(.stat--warn):not(.stat--dark) .stat__ic{background:rgba(255,255,255,.18);color:#fff}
body:not(.cprint) .card__head h2,body:not(.cprint) .card__h{font-size:1.6rem}
/* бързи действия – като бутоните на сайта */
body:not(.cprint) .qbar a{border-radius:999px;border-color:transparent;padding:.6rem 1rem .6rem .7rem;box-shadow:0 14px 30px -26px rgba(7,17,29,.6)}
body:not(.cprint) .qbar__ic{border-radius:50%;background:var(--night)}
/* бутони с кръгла иконка */
body:not(.cprint) .btn--primary .ic,body:not(.cprint) .btn--dark .ic{transition:transform .25s}
body:not(.cprint) .btn--primary:hover .ic{transform:translateX(2px)}
/* странично меню */
body:not(.cprint) .side__nav a{border-radius:999px}
body:not(.cprint) .side__nav a[aria-current]{background:#fff;color:var(--ink)}
body:not(.cprint) .side__nav a[aria-current] .ic{color:var(--blue)}
body:not(.cprint) .side__help{border-radius:22px}
body:not(.cprint) .side__client{border-radius:18px}
/* знак до логото: MY / ЕКИП */
.brand__tag--pill{display:inline-grid;place-items:center;padding:.18rem .55rem;border-radius:999px;background:var(--blue);color:#fff;font:800 .68rem/1 var(--text,"Sofia Sans",sans-serif);letter-spacing:.12em;text-transform:uppercase}
.brand__lockup:has(.brand__tag--pill) .brand__sep{display:none}
/* телефон */
@media (max-width:980px){
  body:not(.cprint) .hello::before{right:-7rem;top:-4rem;width:15rem}
  .tabbar{left:.75rem!important;right:.75rem!important;bottom:.75rem!important;border-radius:999px;border:0!important;background:rgba(7,17,29,.95)!important;padding:.35rem!important;box-shadow:0 20px 40px -15px rgba(7,17,29,.6)}
  .tabbar a,.tabbar button{color:#9fb2c4!important;border-radius:999px}
  .tabbar a[aria-current]{background:var(--blue);color:#fff!important}
  .tabbar a[aria-current] .ic{color:#fff!important}
  body:not(.cprint):not(.auth) .main{padding-bottom:calc(5.6rem + env(safe-area-inset-bottom))}
}
/* вход – пълният Motion */
.auth .auth__art{background:var(--night)}
.auth .auth__art::before{content:"";position:absolute;right:-12rem;top:-8rem;width:36rem;aspect-ratio:1;border-radius:42% 58% 63% 37%/45% 38% 62% 55%;background:radial-gradient(circle at 30% 30%,#4fc0ef,#169eda 45%,#0a6a9b);animation:mdblob 9s ease-in-out infinite alternate}
.auth .auth__grid{display:none}
.auth .auth__big{position:relative;font-size:clamp(3rem,6.4vw,6.4rem);line-height:.86}
.auth .auth__big .out{display:block;margin-left:.6em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.75)}
.auth .auth__pitch,.auth .brand{position:relative;z-index:1}
.auth__badge{position:absolute;z-index:1;right:12%;top:38%;width:9.5rem;height:9.5rem}
.auth__badge svg{position:absolute;inset:0;animation:mdspin 16s linear infinite}
.auth__badge b{position:absolute;inset:2.2rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--night);font-size:1.6rem}
@keyframes mdspin{to{transform:rotate(360deg)}}
.auth .auth__main input:not([type=checkbox]){border-radius:999px;padding-inline:1.2rem;min-height:3.3rem}
.auth .auth__main .btn--primary{background:var(--night);min-height:3.5rem;justify-content:space-between;padding-inline:1.4rem .4rem}
.auth .auth__main .btn--primary::after{content:"→";display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}
@media (max-width:820px){.auth__badge{display:none}.auth .auth__art::before{width:22rem;right:-9rem}}
@media (prefers-reduced-motion:reduce){body:not(.cprint) .hello::before,.auth .auth__art::before,.auth__badge svg{animation:none}}
/* v4.1 – поправки: кръгът не влиза под горната лента; текст в синята карта */
body:not(.cprint) .top{z-index:20}
body:not(.cprint) .hello::before{top:-5rem}
body:not(.cprint) .stats>.stat:last-child:not(.stat--warn):not(.stat--dark) small{color:#dff3fc}
@media (max-width:760px){body:not(.cprint) .hello::before{top:-2rem}}
body:not(.cprint) .hello::before{left:auto;bottom:auto;inset-inline-start:auto}
.howto li code,.genhelp li code{display:inline;padding:.05rem .35rem;border-radius:6px}
body:not(.cprint) .content{overflow-x:clip}
body:not(.cprint) .hello::before{top:-2.5rem}
@media (max-width:760px){body:not(.cprint) .hello::before{top:-1rem}}

/* ==========================================================================
   v5 – Моят MadWeb по дизайна на сайта (MadWeb Builder 1.2 Pro)
   ========================================================================== */
/* полета като формите на сайта: заоблен правоъгълник, светъл фон, син фокус */
body:not(.cprint) .auth .field input{border-radius:16px;background:#f5f7fa;border:1.5px solid #dde3ea;height:3.5rem}
body:not(.cprint) .auth .field input:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,158,218,.12)}
.auth__pill{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.4rem;padding:.45rem 1rem .45rem .7rem;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.85rem;font-weight:600;color:#dbe6ef}
.auth__pill i{width:.6rem;height:.6rem;border-radius:50%;background:#22c27a;box-shadow:0 0 0 4px rgba(34,194,122,.18)}
.auth .auth__art::before{opacity:.75}
.auth__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.2rem 0 .1rem}
.auth__forgot{font-size:.92rem;font-weight:600}
.auth__hint{margin:.6rem 0 0;text-align:center}
/* превключвател „Запомни ме“ */
.check--sw{align-items:center;gap:.7rem;font-weight:600;user-select:none}
.check--sw input{position:absolute;opacity:0;width:1px;height:1px}
.check--sw i{position:relative;flex:none;width:2.6rem;height:1.5rem;border-radius:99px;background:#d6dde5;transition:background-color .2s}
.check--sw i::after{content:"";position:absolute;left:.2rem;top:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(7,17,29,.25);transition:transform .2s}
.check--sw input:checked+i{background:var(--blue)}
.check--sw input:checked+i::after{transform:translateX(1.1rem)}
.check--sw input:focus-visible+i{outline:2px solid var(--blue);outline-offset:2px}
/* отметка за условията */
.check--terms{padding:.85rem 1rem;border-radius:16px;background:#fff;border:1.5px solid #dde3ea;font-size:.9rem;line-height:1.45;color:#3b4a5b}
.check--terms a{font-weight:700}
.check--terms:has(input:checked){border-color:var(--blue);background:#f2fafe}
/* запомнени устройства в профила */
.devlist{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}
.devlist li{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem 1rem;border-radius:16px;background:#f5f7fa}
.devlist .ic{flex:none;margin-top:.15rem;color:var(--blue-deep)}
.devlist b{display:block;font-size:.95rem}
.devlist em{font-style:normal;color:var(--blue-deep)}
.devlist small{color:#5b6a7a}
body.auth:not(.cprint) .auth__box .field input{border-radius:16px;background:#f5f7fa;border:1.5px solid #dde3ea;height:3.5rem;box-shadow:none}
body.auth:not(.cprint) .auth__box .field input:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,158,218,.12)}
.auth__badge b svg{position:static;inset:auto;width:26px;height:26px;animation:none;color:var(--ink)}

/* v20.1 – името на фирмата до логото и пълна ширина на съдържанието */
body:not(.cprint) .content{max-width:110rem;margin-inline:auto}
.brand__name{display:flex;flex-direction:column;justify-content:center;gap:.22rem;min-width:0;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.16);line-height:1}
.brand__name b{font:800 1.18rem/1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:#fff;white-space:nowrap}
.brand__name small{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light);white-space:nowrap}
.brand--lg .brand__name b{font-size:1.5rem}
.brand--lg .brand__name small{font-size:.8rem}
.brand--auth .brand__name,.logoprev__light .brand__name,.top__brand .brand__name{border-left-color:rgba(7,17,29,.14)}
.brand--auth .brand__name b,.logoprev__light .brand__name b,.top__brand .brand__name b{color:var(--ink)}
.brand--auth .brand__name small,.logoprev__light .brand__name small,.top__brand .brand__name small{color:var(--blue-deep)}
.top__brand .brand__name b{font-size:1.05rem}
@media (max-width:420px){.top__brand .brand__name small{display:none}}
.brand__name small{font-family:"Sofia Sans",system-ui,sans-serif;font-size:.68rem;letter-spacing:.12em}