/* Apartmani Sutomore: dashboard styles (owner area and admin view), the dashboard parts of the prototype css
   (design/redizajn-2026-10-11/app.css, "dashboards" section). Loaded only on /moj-nalog/*, after as.css, which
   carries the tokens, the buttons, fields, pills and the older account rules. Names that as.css already uses for the
   pre-redesign dashboard are re-declared here under .as-dash so these rules win. */

.as-dash{padding-block:20px 8px}
.as-dash .as-wrap{max-width:var(--as-max)}
.as-dash .as-icon--viber{color:var(--as-viber)}
.as-dash .as-icon--whatsapp{color:var(--as-wa)}
.as-dash .as-btn--danger{color:var(--as-danger)!important}
.as-dash .as-btn--icon.as-btn--sm{width:40px;min-height:40px}
.as-grow{flex:1 1 auto}
.as-link{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:14px;text-decoration:none;color:var(--as-ink)}
.as-link:hover{color:var(--as-sea-ink)}
.as-link .as-icon{width:18px;height:18px}

/* ---- shell: sidebar on desktop, tab bar on phones ---- */
.as-shell{display:grid;grid-template-columns:256px minmax(0,1fr);gap:24px;align-items:start}
.as-side{position:sticky;top:calc(var(--as-hdr) + 16px);max-height:calc(100vh - var(--as-hdr) - 32px);overflow:auto;display:flex;flex-direction:column;gap:4px;padding:14px 12px;background:#fff;border:1px solid var(--as-line);border-radius:var(--as-r-lg)}
.as-side__nav{display:flex;flex-direction:column;gap:2px}
.as-side__lbl{font-size:12px;font-weight:650;color:var(--as-ink-2);padding:14px 12px 6px}
.as-side__a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--as-ink-2);font:600 15px/1.2 var(--as-font);text-decoration:none;text-align:left;width:100%;cursor:pointer}
.as-side__a:hover{background:var(--as-canvas);color:var(--as-ink)}
.as-side__a.is-on{background:var(--as-sea-50);color:var(--as-navy)}
.as-side__a.is-on .as-icon{color:var(--as-sea-ink)}
.as-nbadge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--as-navy);color:#fff;font-size:12px;font-weight:700;margin-left:auto}
.as-side__foot{margin-top:auto;display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--as-line)}
.as-me{display:flex;gap:10px;align-items:center;padding:10px 12px}
.as-me__av{width:36px;height:36px;border-radius:50%;background:var(--as-navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.as-me__av.has-img{background:var(--as-canvas);overflow:hidden}
.as-me__av img{width:100%;height:100%;object-fit:cover;display:block}
.as-me b{display:block;font-size:14.5px;line-height:1.2}
.as-me span:not(.as-me__av){font-size:12.5px;color:var(--as-ink-2)}
.as-tabbar{display:none}
.as-main{min-width:0}
.as-main__in{max-width:1120px;display:grid;gap:24px;align-content:start}
.as-main__in:focus,.as-main__in:focus-visible{outline:none;box-shadow:none}
.as-mtop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.as-mtop h1{font-size:30px;font-weight:750;letter-spacing:-.03em;line-height:1.1;margin-top:0}
.as-mtop p{color:var(--as-ink-2);margin-top:6px}
.as-mtop .as-link{margin-bottom:8px}
.as-mtop__s{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:var(--as-ink-2)}
.as-dash .as-skel i:first-child{aspect-ratio:auto;height:72px;border-radius:var(--as-r-md)}
.as-none{font-size:14.5px;color:var(--as-ink-2);padding:2px 0}
.as-panel__f>.as-none{padding:18px 20px}
.as-dash .as-empty{border-radius:var(--as-r-lg)}
.as-panel .as-empty{border:0;padding:8px 0}
.as-panel__f>.as-empty{border:0;padding:24px 20px}
.as-dash .as-drop{min-height:92px}
.as-dash .as-empty .as-btn{margin-top:4px}

/* ---- panels ---- */
.as-panel{background:#fff;border:1px solid var(--as-line);border-radius:16px;min-width:0}
.as-panel__h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--as-line);flex-wrap:wrap}
.as-panel__h h2{font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.as-panel__h .as-small{margin-right:auto;margin-left:4px}
.as-panel__b{padding:16px 20px;display:grid;gap:16px}
.as-panel__f{display:grid}
.as-panel__f:empty{display:none}

/* ---- overview: today list, kpis, chart ---- */
.as-todo{display:grid}
.as-todo li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 20px}
.as-todo li+li{border-top:1px solid var(--as-line)}
.as-todo__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.as-todo__ic--new{background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-todo__ic--warn{background:var(--as-warn-50);color:var(--as-warn)}
.as-todo__ic--ok{background:var(--as-ok-50);color:var(--as-ok)}
.as-todo b{display:block;font-weight:650;font-size:15px}
.as-todo span:not(.as-todo__ic){font-size:13.5px;color:var(--as-ink-2)}
.as-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.as-kpi{background:#fff;border:1px solid var(--as-line);border-radius:16px;padding:16px 18px;display:grid;gap:4px;align-content:start;min-width:0}
.as-kpi__l{font-size:13.5px;font-weight:600;color:var(--as-ink-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.as-kpi__l .as-icon{width:17px;height:17px}
.as-kpi__p{font-weight:500;flex-basis:100%;font-size:12.5px;color:var(--as-ink-2)}
.as-kpi__v{font-size:28px;font-weight:760;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.as-kpi__d{font-size:12.5px;color:var(--as-ink-2);font-weight:650}
.as-kpi__d.is-up{color:var(--as-ok)}
.as-spark{width:100%;height:34px;margin-top:6px}
.as-kpis--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.as-kpi--view{--c:#3E5A6C}
.as-kpis--stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.as-kpis--stats .as-kpi--pv,.as-kpis--stats .as-kpi--shown{grid-column:span 2}
.as-kpis__g{grid-column:1/-1;margin:8px 0 0;font-size:13.5px;font-weight:650;color:var(--as-ink-2)}
.as-kpi--pv{--c:#0B6FA4}.as-kpi--shown{--c:#3E5A6C}.as-kpi--phone_reveal{--c:#3E5A6C}
.as-kpi__v--lg{font-size:40px}
.as-kpi__s{font-size:13px;font-weight:600;color:var(--as-ink-2)}
.as-statsbox{display:grid;gap:8px}
.as-statsnote{margin:0}
.as-kpi--inquiry{--c:#001E31}.as-kpi--call{--c:#0B6FA4}.as-kpi--viber{--c:#7360F2}.as-kpi--whatsapp{--c:#1DA851}
.as-spark__a{fill:var(--c);opacity:.12}
.as-spark__l{fill:none;stroke:var(--c);stroke-width:2}
.as-spark__d{fill:var(--c)}
.as-chart{display:grid;gap:12px}
.as-chart__leg{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--as-ink-2);font-weight:550}
.as-chart__leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.as-chart svg{width:100%;height:200px;overflow:visible}
.as-chart text{font:500 11.5px var(--as-font);fill:var(--as-ink-2)}
.as-ch__grid{stroke:#E6EBEE}
.as-k--inquiry{background:#001E31;fill:#001E31}.as-k--call{background:#0B6FA4;fill:#0B6FA4}.as-k--viber{background:#7360F2;fill:#7360F2}.as-k--whatsapp{background:#1DA851;fill:#1DA851}
.as-chart__leg i{fill:none}
.as-ch__bar{background:none}
.as-dgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.as-dgrid--even{grid-template-columns:repeat(2,minmax(0,1fr))}

/* property rows */
.as-prow{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 20px}
.as-prow+.as-prow{border-top:1px solid var(--as-line)}
.as-prow__img{width:112px;aspect-ratio:4/3;height:auto;border-radius:12px;object-fit:cover;background:#DCE4E9}
.as-prow__img--none{display:grid;place-items:center;color:var(--as-ink-3)}
.as-prow__img--none .as-icon{width:24px;height:24px}
.as-prow__t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.as-prow__t b{font-size:16.5px;font-weight:700;letter-spacing:-.012em}
.as-prow__m{font-size:13.5px;color:var(--as-ink-2);margin-top:3px}
.as-prow__main{min-width:0}
.as-prow__main .as-note-inline{margin-top:8px;font-size:13.5px;align-items:flex-start}
.as-prow__main .as-note-inline .as-icon{margin-top:2px}
.as-meter{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--as-ink-2)}
.as-meter i{flex:0 0 140px;height:6px;border-radius:999px;background:#E6EBEE;overflow:hidden;position:relative}
.as-meter i::after{content:"";position:absolute;inset:0;width:var(--v);background:var(--as-sea);border-radius:999px}
.as-meter.is-done i::after{background:var(--as-ok)}
.as-prow__act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.as-dash .as-hint .as-icon,.as-dash .as-warn .as-icon{color:var(--as-link)}
.as-dash .as-warn{color:var(--as-warn)}
.as-dash .as-warn .as-icon{color:var(--as-warn)}
.as-newprop-panel[hidden]{display:none}
.as-dash .as-newprop{display:grid;gap:12px;max-width:560px;padding:0;border:0;background:none}

/* ---- inbox ---- */
.as-inbox{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);min-height:560px;overflow:hidden}
.as-inbox__list{border-right:1px solid var(--as-line);overflow:auto;max-height:78vh}
.as-inbox__tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--as-line);position:sticky;top:0;background:#fff;z-index:1}
.as-inbox__tabs button{height:34px;padding:0 12px;border-radius:8px;border:0;background:none;font:600 14px/1 var(--as-font);color:var(--as-ink-2);cursor:pointer}
.as-inbox__tabs button.is-on{background:var(--as-canvas);color:var(--as-ink)}
.as-inbox__list>.as-none{padding:18px 16px}
.as-msg{text-decoration:none;color:inherit;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--as-line);position:relative}
.as-msg:hover{background:var(--as-surface-2)}
.as-msg.is-on{background:var(--as-sea-50)}
.as-panel__f>.as-msg:last-child{border-bottom:0}
.as-msg__av{width:40px;height:40px;border-radius:50%;background:var(--as-canvas);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--as-ink)}
.as-msg.is-new .as-msg__av{background:var(--as-navy);color:#fff}
.as-msg__body{min-width:0;display:grid;gap:2px}
.as-msg__t{display:flex;justify-content:space-between;gap:8px}
.as-msg__t b{font-weight:650;font-size:15px}
.as-msg__t time{font-size:12.5px;color:var(--as-ink-2);white-space:nowrap}
.as-msg.is-new .as-msg__t b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--as-sea);margin-left:8px;vertical-align:2px}
.as-msg p{font-size:13.5px;color:var(--as-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-msgd{padding:24px;display:grid;gap:18px;align-content:start;min-width:0}
.as-inbox__back{display:none}
.as-msgd__h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.as-msgd__h h2{font-size:22px;font-weight:740;letter-spacing:-.02em}
.as-qfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.as-qfacts div{background:var(--as-canvas);border-radius:12px;padding:12px 14px}
.as-qfacts span{display:block;font-size:12.5px;color:var(--as-ink-2);font-weight:600}
.as-qfacts b{font-size:15.5px;font-weight:700}
.as-dash .as-quote{padding:16px 18px;border-radius:14px;background:var(--as-surface-2);border:1px solid var(--as-line);font-size:15.5px;line-height:1.55;white-space:pre-wrap}
.as-reply{display:grid;gap:10px}
.as-reply__btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.as-reply__btns .as-btn{padding:0 10px}

/* ---- editor ---- */
.as-ed{display:grid;grid-template-columns:232px minmax(0,1fr);gap:24px;align-items:start}
.as-esteps{position:sticky;top:calc(var(--as-hdr) + 16px);display:grid;gap:2px}
.as-esteps a{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:var(--as-ink-2);font-weight:600;font-size:14.5px}
.as-esteps a:hover{background:#fff}
.as-esteps a.is-on{background:#fff;color:var(--as-ink);box-shadow:var(--as-sh-1);border-color:var(--as-line)}
.as-esteps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--as-line-2);font-size:13px;font-weight:700;color:var(--as-ink-2);background:#fff}
.as-esteps a.is-done b{background:var(--as-ok);border-color:var(--as-ok);color:#fff}
.as-esteps a.is-on b{background:var(--as-navy);border-color:var(--as-navy);color:#fff}
.as-esteps small{display:block;font-size:12px;font-weight:500;color:var(--as-ink-2)}
.as-ed__col{display:grid;gap:16px;min-width:0}
.as-stepbody{padding:0;min-width:0}
.as-dash .as-stack{gap:16px}
.as-stepnav{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}
.as-stepnav:empty{display:none}
.as-savechip{position:fixed;left:0;right:0;bottom:20px;margin:0 auto;width:max-content;max-width:calc(100vw - 32px);z-index:var(--as-z-sticky);padding:9px 16px;background:#fff;border:1px solid var(--as-line);border-radius:999px;box-shadow:var(--as-sh-2);opacity:0;pointer-events:none;transition:opacity .2s ease}
.as-savechip.is-show{opacity:1}
.as-saved{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--as-ink-2)}
.as-saved .as-icon{width:16px;height:16px;color:var(--as-ok)}
.as-saved.is-busy .as-icon{color:var(--as-ink-2)}
.as-saved.is-err{color:var(--as-danger)}
.as-saved.is-err .as-icon{color:var(--as-danger)}
.as-pinmap{height:320px;border-radius:var(--as-r-md);overflow:hidden;border:1px solid var(--as-line);background:var(--as-canvas)}
.as-dash .as-field__l{font-size:13.5px;font-weight:650}
.as-dash .as-field{gap:6px}
.as-dash .as-field label{font-size:13.5px;font-weight:650}
.as-dash .as-grid2{display:grid;gap:16px 20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.as-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px 20px}
.as-seg{align-self:flex-start;display:inline-grid;grid-auto-flow:column;gap:2px;padding:4px;border-radius:12px;background:#E7ECEF}
.as-seg button{height:40px;padding:0 14px;border-radius:9px;border:0;background:none;font:650 14.5px/1 var(--as-font);color:var(--as-ink-2);cursor:pointer;white-space:nowrap}
.as-seg button.is-on{background:#fff;color:var(--as-ink);box-shadow:0 1px 3px rgba(0,30,49,.15)}
.as-nstp{align-self:flex-start;display:inline-flex;align-items:center;height:48px;border:1px solid var(--as-line-2);border-radius:var(--as-r);background:#fff;overflow:hidden}
.as-nstp button{width:46px;height:100%;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--as-ink)}
.as-nstp button:hover:not(:disabled){background:var(--as-canvas)}
.as-nstp button:disabled{opacity:.35;cursor:default}
.as-nstp output{min-width:44px;text-align:center;font-weight:700}
.as-tgs{display:flex;flex-wrap:wrap;gap:8px}
.as-tg{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:var(--as-r);border:1px solid var(--as-line-2);background:#fff;font:600 14.5px/1 var(--as-font);cursor:pointer;color:var(--as-ink)}
.as-tg .as-icon{width:17px;height:17px;color:var(--as-ink-2)}
.as-tg.is-on{border-color:var(--as-navy);background:var(--as-sea-50);box-shadow:inset 0 0 0 1px var(--as-navy)}
.as-tg.is-on .as-icon{color:var(--as-sea-ink)}
.as-switch{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--as-line);cursor:pointer;background:#fff}
.as-switch input{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;border-radius:999px;background:#C8D2D9;position:relative;margin:2px 0 0;cursor:pointer;transition:background-color .2s}
.as-switch input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s var(--as-ease)}
.as-switch input:checked{background:var(--as-ok)}
.as-switch input:checked::after{transform:translateX(18px)}
.as-switch b{display:block;font-weight:650}
.as-switch span{font-size:13.5px;color:var(--as-ink-2)}
.as-dash .as-chips input[type=checkbox]{accent-color:var(--as-navy-2)}

/* photos */
.as-photos{display:grid;gap:12px}
.as-dash .as-pgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.as-dash .as-pgrid:empty{display:none}
.as-dash .as-pitem{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#DCE4E9;cursor:grab}
.as-dash .as-pitem img{width:100%;height:100%;object-fit:cover}
.as-dash .as-pitem__cover{position:absolute;left:8px;top:8px;font:700 11.5px/1 var(--as-font);background:#fff;color:var(--as-ink);border-radius:6px;padding:4px 7px}
.as-dash .as-pitem__bar .as-btn{width:34px;min-height:34px;box-shadow:none}
@media (hover:hover){.as-dash .as-pitem__bar{opacity:0;transition:opacity .15s}.as-dash .as-pitem:hover .as-pitem__bar,.as-dash .as-pitem:focus-within .as-pitem__bar{opacity:1}}
.as-dash .as-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:1.5px dashed var(--as-line-2);border-radius:var(--as-r-md);background:#fff;text-align:center;cursor:pointer;min-height:92px;color:var(--as-ink-2);font-size:13.5px;font-weight:600}
.as-dash .as-drop:hover,.as-dash .as-drop.is-over{border-color:var(--as-ink);color:var(--as-ink);background:var(--as-sea-50)}
.as-dash .as-drop .as-icon{width:26px;height:26px}
.as-dash .as-drop small{font-weight:500;font-size:12.5px}
.as-uploads:empty{display:none}

/* units */
.as-ulist{display:grid;margin:0 -20px -16px;border-top:1px solid var(--as-line)}
.as-ulist>.as-none{padding:18px 20px}
.as-urow{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 20px;border:0;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}
.as-urowx{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.as-urowx+.as-urowx,.as-uedit+.as-urowx,.as-urowx+.as-uedit{border-top:1px solid var(--as-line)}
.as-urowx:hover{background:var(--as-surface-2)}
.as-urowx__mv{display:flex;flex-direction:column;gap:4px;padding-right:12px}
.as-urowx__b{display:grid;place-items:center;width:40px;height:34px;padding:0;border:1px solid var(--as-line);border-radius:10px;background:#fff;color:var(--as-ink);cursor:pointer;transition:border-color .15s,background-color .15s}
.as-urowx__b:hover:not(:disabled){border-color:var(--as-ink)}
.as-urowx__b:disabled{opacity:.35;cursor:default}
.as-urowx__b .as-icon{width:18px;height:18px}
.as-urow img,.as-urow__ph{width:72px;height:54px;border-radius:9px;object-fit:cover;background:#DCE4E9;display:grid;place-items:center;color:var(--as-ink-3)}
.as-urow__t b{font-weight:700;font-size:15.5px}
.as-urow__t span{font-size:13.5px;color:var(--as-ink-2)}
.as-uedit{padding:20px;display:grid;gap:22px;background:var(--as-surface-2)}
.as-uedit__prev{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--as-line);flex-wrap:wrap}
.as-uedit__prev b{font-size:22px;font-weight:760;letter-spacing:-.025em;display:block;line-height:1.15}
.as-beds{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.as-bedrow{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;gap:8px;align-items:center;width:100%;max-width:440px}

/* prices table: Period (one picker button), price, minimum nights, remove. Narrow fields and tight gaps so a laptop shows the
   whole row (no horizontal scroll at 1280 or 1366); under 1100 px and on phones each period becomes a small card. */
.as-pricepanel{overflow:hidden}
.as-tscroll{overflow-x:auto}
.as-tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.as-tbl th{text-align:left;font-size:12.5px;font-weight:650;color:var(--as-ink-2);padding:10px 8px;border-bottom:1px solid var(--as-line);white-space:nowrap}
.as-tbl td{padding:8px;border-bottom:1px solid var(--as-line);vertical-align:middle}
.as-tbl th:first-child,.as-tbl td:first-child{padding-left:20px}
.as-tbl td .as-input{min-height:44px;min-width:0;width:100%;padding:0 10px}
.as-tbl td.as-prrow__p .as-input{width:84px}
.as-tbl td.as-prrow__n .as-input{width:72px}
.as-tbl td.as-prrow__per{min-width:236px}
.as-pricepanel .as-panel__b{padding-top:12px}
.as-tbl__x{width:44px;padding-right:12px!important}
.as-tbl .as-tbl__x .as-btn--icon{width:40px;min-height:40px}
.as-tbl tbody:empty{display:none}
.as-datebtn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 10px;border:1px solid var(--as-line-2);border-radius:var(--as-r);background:#fff;color:var(--as-ink);font:500 14.5px/1.2 var(--as-font);text-align:left;white-space:nowrap;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.as-datebtn .as-icon{width:18px;height:18px;flex:none;color:var(--as-ink-2)}
.as-datebtn:hover{border-color:#A9B6BF}
.as-datebtn.is-open{border-color:var(--as-navy);box-shadow:0 0 0 4px rgba(13,173,245,.28)}
.as-datebtn.is-empty .as-datebtn__v{color:#5A6B76}
.as-datenative{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.as-datenative[hidden]{display:none}

/* finish step */
.as-check2{display:grid;gap:12px}
.as-dash .as-warnbox,.as-dash .as-hintbox{padding:14px 18px;border-radius:var(--as-r-md)}
.as-dash .as-warnbox{background:var(--as-warn-50);color:#5C3800}
.as-dash .as-hintbox{background:var(--as-canvas)}
.as-dash .as-warnbox .as-btn,.as-dash .as-hintbox .as-btn{white-space:normal;text-align:left;line-height:1.25;padding-block:8px;max-width:100%}   /* a long label wraps: at 320 px 'Postavi najveću položenu kao naslovnu' pushed the whole editor sideways */
.as-dash .as-okbox{display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:var(--as-r-md);background:var(--as-ok-50);color:var(--as-ok);font-weight:650}
.as-signout{margin-top:6px}

@media (prefers-reduced-motion:reduce){.as-switch input,.as-switch input::after{transition:none}}

/* ---- tablet and phone ---- */
@media (max-width:1000px){
  .as-dgrid,.as-dgrid--even{grid-template-columns:1fr}
}
@media (max-width:900px){
  .as-dash{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .as-shell{display:block}
  .as-side{display:none}
  .as-tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:var(--as-z-hdr);background:#fff;border-top:1px solid var(--as-line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(0,30,49,.08)}
  .as-tabbar__a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;padding:6px 2px;border-radius:10px;font-size:11.5px;font-weight:650;color:var(--as-ink-2);text-decoration:none;position:relative}
  .as-tabbar__a.is-on{color:var(--as-navy);background:var(--as-sea-50)}
  .as-tabbar__a.is-on .as-icon{color:var(--as-sea-ink)}
  .as-tabbar__a .as-nbadge{position:absolute;top:2px;left:calc(50% + 6px);box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;font-size:11px;background:var(--as-heart);margin:0}
  .as-mtop h1{font-size:25px}
  .as-kpis{grid-template-columns:1fr 1fr}
  .as-ed{grid-template-columns:1fr}
  .as-esteps{position:static;grid-auto-flow:column;overflow-x:auto;grid-auto-columns:max-content;scrollbar-width:none;padding-bottom:4px}
  .as-esteps small{display:none}
  .as-savechip{bottom:calc(84px + env(safe-area-inset-bottom))}
  .as-inbox{grid-template-columns:1fr;min-height:0}
  .as-inbox__list{border-right:0;max-height:none}
  .as-inbox .as-inbox__back{display:inline-flex}
  .as-inbox.show-d .as-inbox__list{display:none}
  .as-inbox:not(.show-d) .as-msgd{display:none}
  .as-qfacts{grid-template-columns:1fr 1fr}
  .as-reply__btns{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .as-prow{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .as-prow__img{width:76px}
  .as-prow__act{grid-column:1/-1;justify-content:flex-start}
  .as-meter i{flex-basis:96px}
  .as-todo li{grid-template-columns:40px minmax(0,1fr)}
  .as-todo li>.as-btn{grid-column:2;justify-self:start}
  .as-msgd{padding:18px 16px}
}
/* the price table becomes one card per period: on phones, and on small laptops where the editor column sits beside two rails */
@media (max-width:700px),(min-width:901px) and (max-width:1100px){
  .as-tbl thead{display:none}
  .as-tbl,.as-tbl tbody,.as-tbl tr,.as-tbl td{display:block}
  .as-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px 12px;padding:14px 16px;border-bottom:1px solid var(--as-line);align-items:end}
  .as-tbl td,.as-tbl td:first-child{padding:0;border:0;min-width:0}
  .as-tbl td.as-prrow__per{grid-column:1/-1;min-width:0}
  .as-tbl td.as-prrow__p .as-input,.as-tbl td.as-prrow__n .as-input{width:100%}
  .as-tbl td::before{content:attr(data-label);display:block;font-size:12.5px;font-weight:650;color:var(--as-ink-2);margin-bottom:4px}
  .as-tbl td.as-tbl__x{grid-column:3;width:auto;padding:0!important;justify-self:end}
  .as-tbl td.as-tbl__x::before{content:none}
  .as-tbl .as-tbl__x .as-btn--icon{width:44px;min-height:44px}
  .as-datebtn{font-size:16px}
}
@media (max-width:480px){
  .as-kpi{padding:14px}
  .as-kpi__v{font-size:26px}
  .as-panel__h,.as-panel__b{padding-inline:16px}
  .as-prow,.as-todo li{padding-inline:16px}
  .as-ulist{margin-inline:-16px}
  .as-urow{grid-template-columns:60px minmax(0,1fr);padding-inline:16px}
  .as-urow img,.as-urow__ph{width:60px;height:46px}
  .as-urow>.as-pill{grid-column:2;justify-self:start}
  .as-uedit{padding:16px}
  .as-seg button{padding:0 10px;font-size:14px}
}

.as-dash .as-btn--sea .as-icon--viber,.as-dash .as-btn--sea .as-icon--whatsapp{color:inherit}

/* ---- admin (R9) ---- */
.as-kpis--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.as-kpi .as-pill{align-self:flex-start}
.as-qcard{align-items:start}
.as-qcard .as-panel__b{gap:14px}
.as-phg{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.as-phg>div{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#DCE4E9}
.as-phg img{width:100%;height:100%;object-fit:cover;display:block}
.as-qfactline{color:var(--as-ink-2)}
.as-chk{display:grid;margin:0;padding:0;list-style:none}
.as-chk li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;font-size:14.5px}
.as-chk li+li{border-top:1px solid var(--as-line)}
.as-chk .as-icon{width:20px;height:20px;margin-top:1px}
.as-chk .is-ok .as-icon{color:var(--as-ok)}
.as-chk .is-warn .as-icon{color:var(--as-warn)}
.as-chk .is-no .as-icon{color:var(--as-danger)}
.as-chk li.is-no{color:var(--as-danger)}
.as-chk__d{font-size:13.5px;color:var(--as-ink-2);text-align:right}
.as-me--flat{padding:0}
.as-reply__btns--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.as-qcard .as-row{gap:10px}
.as-qcard .as-note-inline{align-items:flex-start;font-size:13.5px}
.as-qcard .as-note-inline .as-icon{margin-top:2px}
.as-aclaim{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:20px;padding:18px 20px;align-items:start}
.as-aclaim__main{display:grid;gap:12px;min-width:0}
.as-aclaim__act{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start}
.as-aclaim__act .as-btn{width:100%}
.as-ftool{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}
.as-fgroup{display:flex;flex-wrap:wrap;gap:8px}
.as-sortsel{display:none;gap:8px;align-items:center}
.as-sortsel select{min-width:150px}
.as-atblp{overflow:hidden}
.as-tscroll:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px}
.as-atbl{width:100%;min-width:760px;border-collapse:collapse;font-size:14.5px}
.as-atbl th{text-align:left;padding:0;border-bottom:1px solid var(--as-line);white-space:nowrap}
.as-atbl th.num,.as-atbl td.num{text-align:right;font-variant-numeric:tabular-nums}
.as-atbl td{padding:12px 14px;border-bottom:1px solid var(--as-line);vertical-align:middle}
.as-atbl tbody tr:last-child td{border-bottom:0}
.as-sortbtn{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 14px;border:0;background:none;font:650 12.5px/1.2 var(--as-font);color:var(--as-ink-2);cursor:pointer;text-align:inherit}
.as-atbl th.num .as-sortbtn{justify-content:flex-end}
.as-sortbtn:hover{color:var(--as-ink)}
.as-sortbtn::after{content:"";flex:none;width:0;height:0;border:4px solid transparent;opacity:.0}
.as-atbl th[aria-sort=ascending] .as-sortbtn,.as-atbl th[aria-sort=descending] .as-sortbtn{color:var(--as-ink)}
.as-atbl th[aria-sort=ascending] .as-sortbtn::after{border-bottom:5px solid currentColor;border-top-width:0;opacity:1}
.as-atbl th[aria-sort=descending] .as-sortbtn::after{border-top:5px solid currentColor;border-bottom-width:0;opacity:1}
.as-tbl__p{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.as-tbl__p b{font-weight:650}
.as-atbl td[data-label=Vlasnik]{display:table-cell}
.as-atbl td[data-label=Vlasnik]>*+*{margin-left:8px}
.as-ver{display:inline-flex;vertical-align:middle;color:var(--as-ok)}
.as-ver .as-icon{width:17px;height:17px}
.as-meter--sm{margin-top:0;justify-content:flex-end}
.as-meter--sm i{flex-basis:72px}
.as-atbl__acts{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.as-atbl__none td{padding:0}
.as-apager{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.as-apager:empty{display:none}
.as-demoreset .as-panel__b{max-width:560px}
.as-demoreset .as-pre:empty{display:none}
.as-tabbar:has(>a:nth-child(6)) .as-tabbar__a{font-size:10.5px;padding-inline:0}
.as-tabbar:has(>a:nth-child(6)) .as-tabbar__a .as-nbadge{left:calc(50% + 2px)}
@media (max-width:900px){
  .as-aclaim{grid-template-columns:1fr}
}
@media (max-width:700px){
  .as-kpis--2{grid-template-columns:1fr}
  .as-sortsel{display:flex;width:100%}
  .as-sortsel select{flex:1 1 auto}
  .as-atbl{min-width:0}
  .as-atbl thead{display:none}
  .as-atbl,.as-atbl tbody{display:block}
  .as-atbl tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 16px;border-bottom:1px solid var(--as-line)}
  .as-atbl tbody tr:last-child{border-bottom:0}
  .as-atbl td{display:block;padding:0;border:0;min-width:0;text-align:left}
  .as-atbl td.num{text-align:left}
  .as-atbl td[data-label]::before{content:attr(data-label);display:block;font-size:12.5px;font-weight:650;color:var(--as-ink-2);margin-bottom:3px}
  .as-atbl td[data-label=Objekat]{grid-column:1/-1}
  .as-atbl td[data-label=Objekat]::before{content:none}
  .as-atbl td[data-label=Vlasnik]{display:block}
  .as-atbl td.as-atbl__act{grid-column:1/-1}
  .as-atbl__acts{justify-content:flex-start}
  .as-atbl tr.as-atbl__none{display:block;padding:0}
  .as-atbl tr.as-atbl__none td{display:block;padding:0}
  .as-meter--sm{justify-content:flex-start}
  .as-chk li{grid-template-columns:24px minmax(0,1fr)}
  .as-chk__d{grid-column:2;text-align:left;margin-top:-6px}
  .as-aclaim{padding:16px}
}

/* ---- password eye (login, new password, Nalog): the button sits inside the right edge of the field ---- */
.as-pw{position:relative;display:block}
.as-pw .as-input{padding-right:52px}
.as-pw__btn{position:absolute;top:50%;right:2px;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:none;color:var(--as-ink-2);cursor:pointer}
.as-pw__btn:hover{color:var(--as-ink);background:var(--as-canvas)}
.as-pw__btn[aria-pressed=true]{color:var(--as-navy)}
.as-pw__i{width:22px;height:22px;display:block}
.as-pw__btn .as-pw__i--hide,.as-pw__btn[aria-pressed=true] .as-pw__i--show{display:none}
.as-pw__btn[aria-pressed=true] .as-pw__i--hide{display:block}

/* ---- visits: first tile, the countries panel ---- */
.as-cc{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.as-cc li{display:grid;grid-template-columns:minmax(110px,200px) minmax(0,1fr) 48px;gap:14px;align-items:center;font-size:14.5px}
.as-cc__n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-cc i{height:8px;border-radius:999px;background:#E6EBEE;overflow:hidden;position:relative}
.as-cc i::after{content:"";position:absolute;inset:0;width:var(--v);background:var(--as-sea);border-radius:999px}
.as-cc b{text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:1180px){
  .as-kpis--5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .as-kpis--5 .as-kpi--view{grid-column:1/-1}
}
@media (max-width:900px){
  .as-kpis--5{grid-template-columns:1fr 1fr}
  .as-kpis--stats{grid-template-columns:1fr 1fr}
  .as-kpis--stats .as-kpi--pv,.as-kpis--stats .as-kpi--shown{grid-column:1/-1}
}
@media (max-width:480px){
  .as-cc li{grid-template-columns:minmax(0,1fr) 40px;gap:6px 10px}
  .as-cc i{grid-column:1/-1;grid-row:2}
}

/* ---- profile photo (Nalog) ---- */
.as-avrow{display:flex;gap:20px;align-items:center}
.as-avrow__t{display:grid;gap:10px;min-width:0}
.as-avatar{flex:none;width:96px;height:96px;border-radius:50%;background:var(--as-navy);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:700;overflow:hidden}
.as-avatar.has-img{background:var(--as-canvas)}
.as-avatar img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:480px){
  .as-avrow{flex-direction:column;align-items:flex-start}
}

/* "Ništa od navedenog" under the amenity toggles */
.as-tgs--none{margin-top:2px}

/* phone buttons one step smaller, same as the end of as.css (Milos, 2026-10-12) */
@media (max-width:719px){
  .as-seg button{font-size:13.5px}
  .as-inbox__tabs button{font-size:13px}
}
@media (max-width:480px){
  .as-seg button{font-size:13px}
}

/* ---------------------------------------------------------------- photos: library, menu, picker, groups, arrange (plan galerija 2026-10-14; ported from design/galerija-2026-10-14/proto.css) */
.as-dash .as-ptile{cursor:default}
.as-dash .as-ptile.as-pitem--sort{cursor:grab}
.as-ptile__hit{position:absolute;inset:0;border:0;padding:0;margin:0;background:none;cursor:pointer;display:block;width:100%;height:100%}
.as-ptile__hit img{width:100%;height:100%;object-fit:cover;display:block}
.as-ptile__hit:focus-visible{outline:3px solid var(--as-sea);outline-offset:-3px;border-radius:12px}
.as-ptile__hit[disabled]{cursor:default}
.as-pbadges{position:absolute;left:6px;top:6px;right:6px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
.as-pitem__b{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:6px;background:#fff;color:var(--as-ink);font:700 11.5px/1 var(--as-font);box-shadow:0 1px 2px rgba(0,30,49,.15);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.as-pitem__b .as-icon{width:12px;height:12px}
.as-pitem__b--star{padding:0 5px;color:#7A4D00;background:#FFF3DC}
.as-pitem__b--star .as-icon{fill:currentColor}
.as-pitem__b--imp{background:var(--as-navy);color:#fff}
.as-pitem__b--days{background:rgba(0,30,49,.78);color:#fff}
.as-dash .as-ptile .as-pitem__bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;gap:4px;padding:6px;background:linear-gradient(transparent,rgba(0,16,26,.55))}
.as-dash .as-ptile .as-pitem__bar .as-btn{width:34px;min-height:34px;border:0}
.as-ptile.is-sel{box-shadow:0 0 0 3px var(--as-sea)}
.as-ptile.is-sel::after,.as-ptile.is-in::after{content:"";position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--as-sea) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001E31' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 2px #fff;pointer-events:none}
.as-ptile.is-mode::before{content:"";position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:rgba(0,16,26,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);pointer-events:none;z-index:1}
.as-ptile.is-in{box-shadow:0 0 0 3px var(--as-sea)}
.as-ptile.is-already{opacity:.55}
.as-ptile__where{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;background:linear-gradient(transparent,rgba(0,16,26,.7));color:#fff;font:650 11.5px/1.2 var(--as-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.as-dash .as-pgrid--s{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.as-over{color:var(--as-warn);font-weight:700}
.as-warnline{font-size:13px;color:var(--as-warn);font-weight:600;margin:0}

/* "Sve fotografije": groups */
.as-ptools{display:flex;flex-wrap:wrap;gap:8px}
.as-pgroups{display:grid;gap:10px}
.as-pgrp{border:1px solid var(--as-line);border-radius:var(--as-r-md);background:#fff}
.as-pgrp>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:10px 12px;min-height:56px;cursor:pointer;border-radius:var(--as-r-md)}
.as-pgrp>summary::-webkit-details-marker{display:none}
.as-pgrp>summary:focus-visible{outline:2px solid var(--as-sea);outline-offset:2px}
.as-pgrp>summary>.as-icon{width:18px;height:18px;transition:transform .2s var(--as-ease)}
.as-pgrp[open]>summary>.as-icon{transform:rotate(180deg)}
.as-pgrp__t{display:flex;align-items:baseline;gap:8px;min-width:0}
.as-pgrp__t b{font-size:15px;font-weight:700}
.as-pgrp__t span{font-size:13px;color:var(--as-ink-2);font-variant-numeric:tabular-nums}
.as-pstack{display:flex}
.as-pstack img{width:34px;height:26px;object-fit:cover;border-radius:5px;box-shadow:0 0 0 2px #fff}
.as-pstack img+img{margin-left:-8px}
.as-pgrp[open] .as-pstack{display:none}
.as-pgrp__b{padding:0 12px 12px;display:grid;gap:10px}
.as-pgrp__n{font-size:13px;color:var(--as-ink-2);margin:0}

/* "Rasporedi" bar, "Označi više" bar, chips */
.as-dash .as-pall .as-panel__b{position:relative}
.as-parr{position:sticky;top:var(--as-hdr);z-index:var(--as-z-sticky);display:grid;gap:10px;margin:-16px -20px 0;padding:12px 20px;background:#fff;border-bottom:1px solid var(--as-line);border-radius:16px 16px 0 0}
.as-parr__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.as-parr__row .as-small{flex:1 1 160px;min-width:0}
.as-parr__row .as-btn--ghost{padding:0 10px}
.as-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
.as-chip2{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--as-line-2);background:#fff;color:var(--as-ink);font:600 14px/1 var(--as-font);cursor:pointer;white-space:nowrap}
.as-chip2 small{font-size:12px;color:var(--as-ink-2);font-weight:600;font-variant-numeric:tabular-nums}
.as-chip2[aria-pressed="true"]{background:var(--as-navy);border-color:var(--as-navy);color:#fff}
.as-chip2[aria-pressed="true"] small{color:#BFD3DF}
.as-chip2 .as-icon{width:15px;height:15px}
.as-chip2:focus-visible{outline:2px solid var(--as-sea);outline-offset:2px}
.as-psel{position:sticky;bottom:12px;z-index:var(--as-z-sticky);display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:var(--as-navy);color:#fff;border-radius:16px;box-shadow:var(--as-sh-2)}
.as-psel b{flex:1 1 100%;font-size:14px}
.as-psel .as-btn{min-height:44px;padding:0 12px;font-size:14px}
.as-psel .as-btn--white[disabled]{opacity:.5}
@media (max-width:900px){.as-psel{bottom:calc(72px + env(safe-area-inset-bottom))}}
@media (min-width:640px){.as-psel b{flex:1 1 auto}}

/* sheet: a bottom sheet on a phone, a dialog from 720 px */
.as-layer{position:fixed;inset:0;z-index:var(--as-z-sheet);pointer-events:none}
.as-layer>*{pointer-events:auto}
.as-sheet__scrim{position:absolute;inset:0;background:rgba(0,30,49,.5);animation:as-sh-fade .18s ease-out}
.as-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:92%;background:#fff;color:var(--as-ink);border-radius:22px 22px 0 0;box-shadow:var(--as-sh-pop);animation:as-sh-up .24s var(--as-ease)}
.as-sheet:focus{outline:none}
.as-sheet__grab{width:40px;height:4px;border-radius:2px;background:var(--as-line-2);margin:8px auto 0;flex:none}
.as-sheet__h{display:flex;align-items:flex-start;gap:12px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--as-line);flex:none}
.as-sheet__h h2{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0;text-wrap:balance}
.as-sheet__h p{margin:3px 0 0;font-size:13.5px;color:var(--as-ink-2)}
.as-sheet__h>div{flex:1;min-width:0}
.as-sheet__b{overflow:auto;padding:14px 20px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;min-height:0}
.as-sheet__b>*{flex:none}
.as-sheet__f{flex:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--as-line)}
.as-sheet__f .as-small{flex:1 1 160px;min-width:0}
@media (min-width:720px){
  .as-sheet{left:50%;top:50%;bottom:auto;width:min(620px,calc(100% - 48px));max-height:min(760px,calc(100% - 48px));transform:translate(-50%,-50%);border-radius:20px;animation:as-sh-pop .2s var(--as-ease)}
  .as-sheet--sm{width:min(440px,calc(100% - 48px))}
  .as-sheet__grab{display:none}
}
@keyframes as-sh-fade{from{opacity:0}}
@keyframes as-sh-up{from{transform:translateY(40px);opacity:.4}}
@keyframes as-sh-pop{from{transform:translate(-50%,-48%);opacity:0}}
@keyframes as-toast-in{from{transform:translate(-50%,14px);opacity:0}}

/* photo menu */
.as-pph{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}
.as-pph img{width:96px;height:72px;object-fit:cover;border-radius:10px}
.as-pph b{display:block;font-size:15px}
.as-pph span{display:block;font-size:13.5px;color:var(--as-ink-2)}
.as-pbig{width:100%;max-height:60vh;object-fit:contain;border-radius:10px;background:var(--as-canvas)}
.as-pacts{display:grid;gap:2px;margin:0 -8px}
.as-pact{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:52px;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--as-ink);font:600 15px/1.25 var(--as-font);text-align:left;cursor:pointer;width:100%}
.as-pact:hover{background:var(--as-canvas)}
.as-pact:focus-visible{outline:2px solid var(--as-sea);outline-offset:-2px}
.as-pact .as-icon{width:20px;height:20px;color:var(--as-ink-2)}
.as-pact small{display:block;font-size:12.5px;font-weight:500;color:var(--as-ink-2);margin-top:2px}
.as-pact--danger,.as-pact--danger .as-icon{color:var(--as-danger)}
.as-pact[aria-checked="true"]{background:var(--as-sea-50)}
.as-pact__tick{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--as-line-2);display:grid;place-items:center}
.as-pact[aria-checked="true"] .as-pact__tick{background:var(--as-navy);border-color:var(--as-navy);color:#fff}
.as-pact__tick .as-icon{width:14px;height:14px;color:inherit}
.as-pact--radio .as-pact__tick{border-radius:50%}
.as-psep{height:1px;background:var(--as-line);margin:4px 10px}
.as-puse{margin:0;padding-left:18px;display:grid;gap:3px}

/* picker */
.as-ppick__info{font-size:13.5px;color:var(--as-ink-2);margin:0}
.as-ppick .as-chips{margin-inline:-20px;padding-inline:20px}
.as-ppick .as-pgrid--s{grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}
.as-ppick .as-ptile{cursor:pointer}
.as-pfrom{position:absolute;left:6px;bottom:6px;right:6px;font:650 11px/1.2 var(--as-font);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* toast with buttons (undo, "Rasporedi") */
.as-toast--act{display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 24px);padding:8px 8px 8px 18px;bottom:calc(158px + env(safe-area-inset-bottom));animation:as-toast-in .2s var(--as-ease)}
.as-toast--act span{min-width:0;text-wrap:pretty}
.as-toast--act button{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:0;background:var(--as-sea);color:var(--as-navy);font:700 14px var(--as-font);cursor:pointer}
@media (min-width:901px){.as-toast--act{bottom:28px}}
@media (prefers-reduced-motion:reduce){.as-sheet__scrim,.as-sheet,.as-toast--act{animation:none}.as-pgrp>summary>.as-icon{transition:none}}

/* ==== Kalendar (C6): inbox statuses, tabs in two rows, the block under the message ==== */
.as-pill--sm{height:20px;padding:0 8px;font-size:11.5px}
.as-inbox__tabs--wrap{flex-wrap:wrap;row-gap:4px}
.as-inbox__tabs--wrap button{white-space:nowrap}
.as-calblock{display:grid;gap:14px}
.as-bs__sum{font-size:15px;color:var(--as-ink-2)}
.as-bs__sum b{color:var(--as-ink)}
/* ==== end Kalendar C6 ==== */

/* ===== Calendar (owner), C7: month table, unit chips, desktop grid, sync rows, linking guide, admin table, guest details on a stay =====
   Ported from design/kalendar-2026-10-14/src/cal.css. Guest details use the prefix gdt (the prototype used gst, which the guest-count
   popover already owns in as.css). Boxes use .as-cbox from as.css. */
.as-oc{display:grid;gap:12px}
.as-oc__head{display:flex;align-items:center;gap:8px}
.as-oc__head h3{flex:1;font-size:17px;font-weight:700;letter-spacing:-.01em}
.as-oc__head .as-btn{width:44px;min-height:44px;padding:0}
.as-oc__tbl{width:100%;border-collapse:separate;border-spacing:0 4px;table-layout:fixed}
.as-oc__tbl th{font-size:12px;font-weight:650;color:var(--as-ink-2);padding:2px 0 4px;text-align:center}
.as-oc__tbl td{padding:0;height:46px;position:relative}
.as-oc__d{position:relative;display:grid;place-items:center;width:100%;height:46px;padding:0;border:0;background:none;
  font:600 15px/1 var(--as-font);color:var(--as-ink);cursor:pointer;font-variant-numeric:tabular-nums;isolation:isolate;-webkit-tap-highlight-color:transparent}
.as-oc__d>span{position:relative;z-index:2}
/* the two halves of a day: ::before = night that ended this morning (am), ::after = night that starts tonight (pm) */
.as-oc__d::before,.as-oc__d::after{content:"";position:absolute;top:7px;bottom:7px;z-index:0;display:none}
.as-oc__d::before{left:-1px;right:50%}
.as-oc__d::after{left:50%;right:-1px}
.as-oc__d[data-am]::before,.as-oc__d[data-pm]::after{display:block}
.as-oc__d[data-am=own]::before,.as-oc__d[data-pm=own]::after{background:var(--as-oc-own)}
.as-oc__d[data-am=imp]::before,.as-oc__d[data-pm=imp]::after{background:var(--as-oc-imp)}
.as-oc__d[data-am=free]::before,.as-oc__d[data-pm=free]::after{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(4,73,108,.16) 5px 7px);box-shadow:inset 0 1.5px 0 var(--as-oc-imp-ink),inset 0 -1.5px 0 var(--as-oc-imp-ink)}
.as-oc__d[data-am=sel]::before,.as-oc__d[data-pm=sel]::after{background:var(--as-oc-sel)}
/* rounded bar ends: arrival (pm without am), departure (am without pm), turnover (am and pm of different stays) */
.as-oc__d.is-arr::after{left:50%}
.as-oc__d.is-dep::before{right:50%}
/* arrival, departure and turnover days: the number sits in a white disc over the bar ends, so it stays readable and the bar
   visibly starts or ends at the middle of the day */
.as-oc__d.is-arr>span,.as-oc__d.is-dep>span,.as-oc__d.is-turn>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;
  color:var(--as-ink)!important;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px var(--as-oc-own)}
.as-oc__d.is-arr[data-pm=imp]>span,.as-oc__d.is-dep[data-am=imp]>span{box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #4BA9D6}
.as-oc__d.is-arr[data-pm=sel]>span,.as-oc__d.is-dep[data-am=sel]>span{box-shadow:0 0 0 2px #fff,inset 0 0 0 2px var(--as-sea)}
.as-oc__d.is-arr[data-pm=free]>span,.as-oc__d.is-dep[data-am=free]>span{box-shadow:0 0 0 2px #fff,inset 0 0 0 2px var(--as-oc-imp-ink)}
/* row edges: a bar is cut square at Monday and Sunday so it reads as continuing */
td:first-child>.as-oc__d::before{left:2px}
td:last-child>.as-oc__d::after{right:2px}
.as-oc__d[data-pm=own]>span,.as-oc__d.is-full-own>span{color:var(--as-oc-own-ink)}
.as-oc__d[data-pm=imp]>span{color:var(--as-oc-imp-ink)}
.as-oc__d[data-pm=sel]>span{color:var(--as-navy)}
.as-oc__d.is-past{color:var(--as-ink-3);cursor:default}
.as-oc__d.is-past::before,.as-oc__d.is-past::after{opacity:.45}
.as-oc__d.is-today>span::after{content:"";position:absolute;left:50%;bottom:-6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}
.as-oc__d.is-a1>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--as-oc-sel);color:var(--as-navy)}
.as-oc__d:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px;box-shadow:none;border-radius:10px}
@media (hover:hover){.as-oc__d:not(.is-past):hover>span{text-decoration:underline;text-underline-offset:4px}}
.as-oc__hint{display:flex;align-items:center;gap:8px;min-height:24px;font-size:14px;color:var(--as-ink-2)}
.as-oc__hint b{color:var(--as-ink)}

/* unit switcher on phones: scrollable chips, each with the calendar state */
  font:650 14.5px/1.1 var(--as-font);color:var(--as-ink);cursor:pointer;scroll-snap-align:start;text-align:left}

/* state line under the unit: "Kalendar potvrđen danas" + Sve tačno */
.as-oc-state{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--as-surface-2);border:1px solid var(--as-line)}
.as-oc-state__t{flex:1 1 200px;display:grid;gap:2px;font-size:14px;min-width:0}
.as-oc-state__t b{font-size:14.5px}
.as-oc-state__t span{color:var(--as-ink-2);font-size:13.5px}
.as-oc-state.is-stale{background:var(--as-warn-50);border-color:#F1DDB5}
.as-oc-state.is-stale .as-oc-state__t span{color:var(--as-warn)}
.as-oc-state.is-err{background:var(--as-danger-50);border-color:#F2CFCB}
.as-oc-state.is-err .as-oc-state__t span{color:var(--as-danger)}

/* list of stays: the accessible twin of the grid, and the place to cancel */
.as-oc-list{display:grid}
.as-oc-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--as-line)}
.as-oc-list li:first-child{border-top:0}
.as-oc-list__k{width:10px;height:36px;border-radius:5px;background:var(--as-oc-own)}
.as-oc-list__k.k-imp{background:var(--as-oc-imp)}
.as-oc-list__k.k-free{background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(4,73,108,.25) 4px 6px);box-shadow:inset 0 0 0 1.5px var(--as-oc-imp-ink)}
.as-oc-list b{display:block;font-size:15px;font-weight:650}
.as-oc-list span{font-size:13.5px;color:var(--as-ink-2)}
.as-oc-list .as-btn{min-height:40px}

/* ---------- owner: segmented switch inside Jedinice ---------- */

/* ---------- owner: desktop grid, all units by day ---------- */
  background:var(--as-oc-own);color:#fff;font:650 12.5px/1 var(--as-font);white-space:nowrap;overflow:hidden;cursor:pointer;z-index:1;text-align:left}

/* ---------- owner: sync health rows ---------- */
.as-sync{display:grid}
.as-sync li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 20px;border-top:1px solid var(--as-line)}
.as-sync li:first-child{border-top:0}
.as-sync__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--as-ok-50);color:var(--as-ok)}
.as-sync__ic.is-warn{background:var(--as-warn-50);color:var(--as-warn)}
.as-sync__ic.is-err{background:var(--as-danger-50);color:var(--as-danger)}
.as-sync__ic.is-none{background:var(--as-canvas);color:var(--as-ink-2)}
.as-sync b{display:block;font-size:15px;font-weight:650}
.as-sync span.s{display:block;font-size:13.5px;color:var(--as-ink-2)}
.as-sync span.s.is-err{color:var(--as-danger)}
.as-sync__acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:560px){.as-sync li{grid-template-columns:auto minmax(0,1fr)}.as-sync__acts{grid-column:1/-1;justify-content:flex-start}}

/* our export link: read-only field + copy */
.as-copy{display:flex;gap:8px;align-items:stretch}
.as-copy input{flex:1;min-width:0;height:48px;padding:0 12px;border:1px solid var(--as-line-2);border-radius:10px;background:var(--as-surface-2);font:500 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--as-ink)}

/* ---------- owner: linking guide ---------- */
.as-guide{display:grid;gap:18px}
.as-steps2{display:grid;gap:16px;counter-reset:st}
.as-steps2>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;counter-increment:st}
.as-steps2>li::before{content:counter(st);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--as-navy);color:#fff;font-weight:700;font-size:14.5px}
.as-steps2 h3{font-size:16px;font-weight:700;margin-bottom:4px}
.as-steps2 p{font-size:14.5px;color:var(--as-ink-2);max-width:62ch}
.as-steps2 p+*{margin-top:10px}
.as-shot{display:grid;place-items:center;align-content:center;gap:4px;aspect-ratio:16/7;max-width:440px;border:1.5px dashed var(--as-line-2);border-radius:12px;background:var(--as-surface-2);color:var(--as-ink-2);font-size:13px;text-align:center;padding:16px}
.as-shot b{color:var(--as-ink);font-size:13.5px}
.as-viberhelp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px;border-radius:14px;background:#F1EEFE;color:#2E2366}
.as-viberhelp .as-icon{width:28px;height:28px;color:var(--as-viber)}
.as-viberhelp b{display:block;font-size:15.5px;color:#22195A}
.as-viberhelp p{font-size:14px;margin-top:2px}
.as-viberhelp .as-btn{grid-column:1/-1}
@media (min-width:640px){.as-viberhelp{grid-template-columns:auto minmax(0,1fr) auto}.as-viberhelp .as-btn{grid-column:auto}}

/* ---------- admin ---------- */
/* admin: a connection of one unit, as the sheet shows it */
.as-feed{display:grid;gap:10px;padding:14px;border-radius:12px;background:var(--as-surface-2);border:1px solid var(--as-line)}
.as-feed__u{font:500 13.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--as-ink);word-break:break-all}

/* ---------- guest details on a stay (owner and admin only; never guests, never the iCal export) ---------- */
.as-gdt{display:grid;gap:10px;padding:14px;border:1px solid var(--as-line);border-radius:14px;background:#fff}
.as-gdt.is-empty{background:var(--as-surface-2);border-color:transparent}
.as-gdt__h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.as-gdt__h>.as-icon{width:20px;height:20px;color:var(--as-ink-2)}
.as-gdt__h b{display:block;font-size:15.5px;line-height:1.3;overflow-wrap:anywhere}
.as-gdt__h span{display:block;font-size:13.5px;color:var(--as-ink-2);line-height:1.4}
.as-gdt__h .as-btn{min-height:44px}
.as-gdt__note{font-size:14px;line-height:1.45;padding:10px 12px;border-radius:10px;background:var(--as-surface-2)}
.as-gdt__priv{color:var(--as-ink-2);font-size:12.5px;line-height:1.45}
.as-gdt-add{border:1px solid var(--as-line);border-radius:14px;padding:0 14px}
.as-gdt-add>summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-weight:650;font-size:15px;list-style:none}
.as-gdt-add>summary::-webkit-details-marker{display:none}
.as-gdt-add>summary .as-icon{width:18px;height:18px;color:var(--as-ink-2)}
.as-gdt-add>summary span{font-weight:500;font-size:13px;color:var(--as-ink-2)}
.as-gdt-add>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--as-ink-2);border-bottom:2px solid var(--as-ink-2);transform:rotate(45deg) translateY(-2px);transition:transform .18s var(--as-ease)}
.as-gdt-add[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.as-gdt-add[open]{padding-bottom:14px;display:grid;gap:12px}
.as-gform{display:grid;gap:12px}
.as-gform__2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}
.as-gform .as-input{width:100%}
.as-calview,.as-guidepage{display:grid;gap:16px;min-width:0}
.as-calview>*,.as-guidepage>*,.as-calview .as-panel__b>*,.as-guidepage .as-panel__b>*{min-width:0}
.as-atbl th .as-th{display:block;padding:12px 14px;font:650 12.5px/1.2 var(--as-font);color:var(--as-ink-2);white-space:nowrap}
.as-chip__n{font-size:12px;opacity:.7;margin-left:2px;font-variant-numeric:tabular-nums}
.as-guidepage .as-mtop{margin-bottom:0}
/* ==== end Kalendar C7 ==== */

/* ==== Vlasnički panel 2026-10, vp1: shell, Pregled, object form, Jedinice, one unit (ported from design/vlasnicki-panel-2026-10-15/src/new.css) ==== */
/* ---------- shell: Nalog leaves the tab bar ---------- */
.as-me{text-decoration:none;color:inherit;border-radius:10px;min-height:56px;transition:background-color .15s}
.as-me:hover{background:var(--as-canvas)}
.as-me.is-on{background:var(--as-sea-50)}
.as-me>.as-icon{margin-left:auto;width:16px;height:16px;color:var(--as-ink-3)}
.as-me:not([href]){cursor:default}
.as-me:not([href]):hover{background:none}
/* Pregled header: the phone's way to Nalog (the sidebar identity does it on a desktop) */
.as-acct{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border:1px solid var(--as-line);border-radius:999px;background:#fff;color:var(--as-ink);font:650 14.5px/1 var(--as-font);text-decoration:none;align-self:flex-start}
.as-acct:hover{border-color:var(--as-ink)}
.as-acct .as-me__av{width:36px;height:36px;font-size:13px}
.as-back-ph{display:none}
@media (min-width:901px){.as-acct{display:none}}
@media (max-width:900px){
  .as-back-ph{display:inline-flex}
  .as-mtop:has(.as-acct){flex-wrap:nowrap;align-items:flex-start}
  .as-mtop:has(.as-acct)>div{min-width:0}
}

/* ---------- Pregled until the first property is on the site: three steps instead of empty numbers ---------- */
.as-setup{display:grid}
.as-setup li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:16px 20px;align-items:start}
.as-setup li+li{border-top:1px solid var(--as-line)}
.as-setup__n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--as-line-2);color:var(--as-ink-2);font-weight:700;font-size:14px;background:#fff}
.as-setup__n .as-icon{width:18px;height:18px}
.as-setup li.is-done .as-setup__n{background:var(--as-ok);border-color:var(--as-ok);color:#fff}
.as-setup li.is-cur .as-setup__n{background:var(--as-navy);border-color:var(--as-navy);color:#fff}
.as-setup__t b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-top:4px}
.as-setup__t p{font-size:14px;color:var(--as-ink-2);margin-top:2px;max-width:56ch}
.as-setup__t .as-btn{margin-top:12px}
.as-setup li.is-done .as-setup__t b{color:var(--as-ink-2)}
.as-setupp>.as-panel__b{padding:0}

/* ---------- object form: 4 parts, and the way on to the units ---------- */
.as-esteps--4 a small{white-space:nowrap}
.as-unext__b{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px}
.as-unext__ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--as-canvas);color:var(--as-ink-2)}
.as-unext__ic .as-icon{width:24px;height:24px}
.as-unext.is-first{border-color:var(--as-navy);box-shadow:inset 0 0 0 1px var(--as-navy)}
.as-unext.is-first .as-unext__ic{background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-unext__t h2{font-size:17px;font-weight:720;letter-spacing:-.012em}
.as-unext__t p{font-size:14px;color:var(--as-ink-2);margin-top:3px;max-width:60ch}
.as-unext{container-type:inline-size}
@container (max-width:560px){.as-unext__b{grid-template-columns:44px minmax(0,1fr)}.as-unext__b .as-btn{grid-column:1/-1;width:100%}.as-unext__ic{width:44px;height:44px}}

/* ---------- Jedinice: property switch, draft line ---------- */
.as-psw__w{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--as-ink-2)}
.as-psw__w .as-icon{width:18px;height:18px}
.as-dash .as-psw{width:auto;min-width:220px;max-width:100%;min-height:44px;font-weight:650;color:var(--as-ink)}
.as-pubbar{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid var(--as-line)}
.as-pubbar__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-pubbar b{display:block;font-size:15.5px;font-weight:700}
.as-pubbar p{font-size:14px;color:var(--as-ink-2);margin-top:2px}
.as-pubbar.is-warn .as-pubbar__ic{background:var(--as-warn-50);color:var(--as-warn)}
.as-pubbar.is-ok{border-color:#BFE2CC;background:var(--as-ok-50)}
.as-pubbar.is-ok .as-pubbar__ic{background:#fff;color:var(--as-ok)}
@media (max-width:640px){.as-pubbar{grid-template-columns:40px minmax(0,1fr)}.as-pubbar>.as-btn{grid-column:1/-1;width:100%}}

/* ---------- Jedinice list (absorbs the J plan's add-box redesign). One heading: the page's "Jedinice" with the count under it,
   "Dodaj" right of it; the list card has no second title (design review 15.10) ---------- */
.as-umtop2{flex-wrap:nowrap;align-items:flex-end}
.as-umtop2>div{min-width:0}
.as-umtop2>.as-btn{flex:none}
.as-uhead__sw{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
@media (max-width:767px){.as-urowx.is-reo .as-urowx__b{width:44px;height:44px}}
.as-upanel>.as-panel__b{padding-top:0;padding-bottom:0;gap:0}
.as-upanel .as-ulist{border-top:0;margin-bottom:0} /* live .as-ulist bleeds -16px into the panel padding; here a footer follows the list */
.as-ufoot{display:flex;justify-content:flex-start;margin:0 -20px;padding:6px 12px;border-top:1px solid var(--as-line)}
.as-ulist--nav .as-urowx{grid-template-columns:minmax(0,1fr)}
.as-urow--go,.as-urow--st{grid-template-columns:72px minmax(0,1fr) minmax(150px,auto) auto;grid-template-areas:"img txt pr go";text-decoration:none;color:inherit}
.as-urow--go>img,.as-urow--go>.as-urow__ph,.as-urow--st>img,.as-urow--st>.as-urow__ph{grid-area:img}
.as-urow--go>.as-urow__t,.as-urow--st>.as-urow__t{grid-area:txt}
.as-urow--go>.as-icon{grid-area:go}
.as-urow--go>.as-icon{color:var(--as-ink-3)}
.as-urow--go:hover>.as-icon{color:var(--as-ink)}
.as-urow--st{cursor:default}
.as-urow__t{display:grid;gap:1px;min-width:0}
.as-urow__t>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-urow__pr{grid-area:pr;display:grid;justify-items:end;text-align:right;gap:1px;min-width:0}
.as-urow__pr b{font-size:16px;font-weight:720;letter-spacing:-.01em;color:var(--as-ink);white-space:nowrap}
.as-urow__pr small{font-size:12.5px;color:var(--as-ink-2);white-space:nowrap}
.as-urow__pr.is-none b{font-size:14px;font-weight:650;color:var(--as-warn)}
.as-urow__pr small.is-warn{color:var(--as-warn);font-weight:600}
.as-urowx.is-reo{grid-template-columns:minmax(0,1fr) auto}
.as-uadd{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:12px 20px;border:0;border-top:1px solid var(--as-line);background:none;font:650 15px/1.2 var(--as-font);color:var(--as-ink-2);text-align:left;cursor:pointer}
.as-uadd__i{display:grid;place-items:center;width:72px;height:54px;border:1.5px dashed var(--as-line-2);border-radius:9px;color:var(--as-ink-2)}
.as-uadd:hover{background:var(--as-surface-2);color:var(--as-ink)}
.as-uadd:hover .as-uadd__i{border-color:var(--as-ink-2);color:var(--as-ink)}
.as-ureo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;align-items:center;margin:0 -20px;padding:12px 20px;background:var(--as-sea-50);border-bottom:1px solid var(--as-line);border-radius:16px 16px 0 0;font-size:14px;color:var(--as-ink)}
.as-ureo .as-icon{flex:none}
.as-utypes{display:grid;gap:8px}
.as-utype{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:64px;padding:10px 12px 10px 10px;border:1px solid var(--as-line);border-radius:14px;background:#fff;color:var(--as-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}
.as-utype:hover{border-color:var(--as-ink)}
.as-utype__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--as-sea-50);color:var(--as-ink)}
.as-utype__ic .as-icon{width:22px;height:22px}
.as-utype b{display:block;font-size:15.5px;font-weight:700}
.as-utype__t>span{display:block;font-size:13.5px;color:var(--as-ink-2);margin-top:1px}
.as-utype>.as-icon{color:var(--as-ink-3)}
.as-utype:disabled{opacity:.6;cursor:progress}
.as-utype--copy .as-utype__ic{background:var(--as-surface-2)}
.as-utype__img{width:44px;height:44px;border-radius:12px;object-fit:cover}
.as-uempty{display:grid;gap:14px;padding:4px 0}
.as-uempty p{margin:0;font-size:14.5px;color:var(--as-ink-2);max-width:62ch}
@media (max-width:720px){
  .as-urow--go,.as-urow--st{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"img txt go" "img pr go";row-gap:2px;padding-inline:16px}
  .as-urow__pr{display:flex;flex-wrap:wrap;justify-content:start;text-align:left;align-items:baseline;column-gap:6px;row-gap:0}
  .as-urow__pr small{white-space:normal}
  .as-urow__pr b{font-size:14px}
  .as-urow--go img,.as-urow--go .as-urow__ph{width:60px;height:46px}
  .as-uadd{grid-template-columns:60px minmax(0,1fr);padding-inline:16px}.as-uadd__i{width:60px;height:46px}
  .as-ureo{margin-inline:-16px;padding-inline:16px}
  .as-ufoot{margin-inline:-16px}
}

/* ---------- one unit: Podaci | Fotografije | Cijene ---------- */
.as-umtop{align-items:flex-end}
.as-umtop h1{margin-top:2px}
.as-upager{display:flex;align-items:center;gap:6px}
.as-upager__n{font-size:13.5px;color:var(--as-ink-2);min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.as-upager .is-off{opacity:.35;pointer-events:none}
.as-utabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#E7ECEF;justify-self:start;max-width:100%;overflow-x:auto;scrollbar-width:none}
.as-utabs a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border-radius:10px;color:var(--as-ink-2);font:650 14.5px/1 var(--as-font);text-decoration:none;white-space:nowrap}
.as-utabs a small{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:rgba(0,30,49,.08);font-size:12px;font-weight:700}
.as-utabs a.is-on{background:#fff;color:var(--as-ink);box-shadow:0 1px 3px rgba(0,30,49,.15)}
.as-utabs a:hover:not(.is-on){color:var(--as-ink)}
.as-ubody{display:grid;gap:16px}
.as-ubody>.as-panel .as-uedit{padding:0;background:none}
.as-uacts{gap:8px}
.as-gprice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--as-line)}
.as-gprice__l{flex-basis:100%;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--as-ink-2)}
.as-gprice__l .as-icon{width:16px;height:16px}
.as-gprice__w{flex-basis:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:start;margin-top:8px;padding:12px 14px;border-radius:12px;background:var(--as-warn-50);border:1px solid #F1DDB5;color:#5C3800;font-size:14px}
.as-gprice__w>.as-icon{color:var(--as-warn);width:18px;height:18px;margin-top:1px}
.as-gprice__w .as-btn{grid-column:2;justify-self:start}
.as-gprice.is-gap{border-color:#F1DDB5}
.as-cphold{color:var(--as-warn)}
.as-gprice b{font-size:18px;font-weight:740;letter-spacing:-.015em}
.as-gprice span:not(.as-gprice__l){font-size:14px;color:var(--as-ink-2)}
.as-cpchips{display:flex;flex-wrap:wrap;gap:8px}
.as-cpchip{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:52px;padding:6px 14px 6px 12px;border:1px solid var(--as-line);border-radius:12px;background:#fff;cursor:pointer;font-size:14.5px;font-weight:650}
.as-cpchip input{grid-row:1/3;width:20px;height:20px;accent-color:var(--as-navy);margin:0}
.as-cpchip small{font-size:12px;font-weight:500;color:var(--as-ink-2)}
.as-cpchip:has(input:checked){border-color:var(--as-navy);box-shadow:inset 0 0 0 1px var(--as-navy);background:var(--as-sea-50)}
@media (max-width:640px){.as-umtop{flex-wrap:nowrap}.as-utabs{justify-self:stretch}.as-utabs a{flex:1;justify-content:center;padding:0 10px}}

@media (prefers-reduced-motion:reduce){.as-me,.as-utype{transition:none}}

/* ---------- Milos 15.10: more room between a field and its explanation; the note under "Poruka gostu" in "Predloži druge datume" ---------- */
.as-dash .as-field>p.as-small,.as-dash .as-fld>.as-fld__h{margin-top:4px}
/* "Predloži druge datume": the live .as-ofr-body has no layout rule, so its parts touched (0 px between the message field and
   "Šaljemo gostu mejlom…", between the options and "Cijena po noćenju"). The note speaks for the whole proposal: a rule above it. */
.as-ofr-body{display:grid;gap:16px}
.as-ofr-body>.as-fld:has(#of-m)+p.as-small{padding-top:14px;border-top:1px solid var(--as-line)}
/* Milos 15.10, comment 3: Naziv one third, Adresa two thirds (three 220 px auto-fill columns cut the address); a phone stacks them */
.as-nameaddr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}
@media (max-width:640px){.as-nameaddr{grid-template-columns:minmax(0,1fr)}}
.as-main__in h1[tabindex="-1"]:focus,.as-main__in h1[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}   /* the page heading gets the focus after a screen change: no ring (the global ring has a box-shadow too) */

/* ==== Vlasnički panel 2026-10, vp2: Kalendar section, Booking i Airbnb, linking guide (src/new.css lines 154-406) ==== */
/* =========================================================== Kalendar section ===========================================================
   One look on every width: units with a thin strip of the month (no day numbers), the chosen unit's month under them. */
.as-kv{gap:16px;container-type:inline-size}
.as-kmn{display:flex;align-items:center;gap:8px}
.as-kmn__t{font-size:19px;font-weight:740;letter-spacing:-.018em;padding:0 6px;min-width:118px;text-align:center;font-variant-numeric:tabular-nums}
.as-dash .as-kmn .as-btn--icon.as-btn--sm,.as-dash .as-upager .as-btn--icon.as-btn--sm{width:44px;min-height:44px}
.as-kov__h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--as-line)}
.as-kov__h .as-oc-leg{gap:6px 16px;font-size:13px}
.as-kov__f{padding:12px 20px 16px;border-top:1px solid var(--as-line)}
.as-kov__f .as-oc-leg{font-size:13px;gap:6px 16px}

/* the strip: one slot per day, the stay as one bar over the slots */
.as-ks{position:relative;display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));gap:1px;height:26px;align-items:stretch;border-radius:6px;overflow:hidden}
.as-ks>i{background:#F0F3F6}
.as-ks>i.is-we{background:#E6EBEF}
.as-ks>i.is-past{background:repeating-linear-gradient(135deg,#F0F3F6 0 3px,#F9FAFB 3px 5px)}
.as-ks__b{position:absolute;top:6px;bottom:6px;border-radius:999px;background:var(--as-oc-own);box-shadow:0 0 0 1.5px #fff}
.as-ks__b.k-imp{background:var(--as-oc-imp);box-shadow:inset 0 0 0 1.5px #2F86B8,0 0 0 1.5px #fff}
.as-ks__b.k-free{background:repeating-linear-gradient(135deg,#fff 0 3px,rgba(4,73,108,.22) 3px 5px);box-shadow:inset 0 0 0 1.5px var(--as-oc-imp-ink),0 0 0 1.5px #fff}
.as-ks__b.is-cutl{border-top-left-radius:2px;border-bottom-left-radius:2px}
.as-ks__b.is-cutr{border-top-right-radius:2px;border-bottom-right-radius:2px}
.as-ks__b.is-past{opacity:.45}

/* Sve jedinice, wide: one row per unit, the name and state on the left, the strip on the right */
.as-kov__rows{position:relative;display:grid;padding:22px 0 8px;--ucol:220px}
.as-kov__r{display:grid;grid-template-columns:var(--ucol) minmax(0,1fr);align-items:center;gap:0;min-height:50px;padding:4px 20px 4px 0;color:inherit;text-decoration:none;border-radius:0;position:relative}
.as-kov__li+.as-kov__li{border-top:1px solid #EEF1F4}
.as-kov__r:hover{background:var(--as-surface-2)}
.as-kov__r:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px;box-shadow:none}
.as-kov__u{display:grid;gap:2px;padding:0 16px 0 20px;min-width:0}
.as-kov__u b{font-size:15px;font-weight:680;letter-spacing:-.008em;color:var(--as-ink)}
:is(.as-kov__u,.as-kls__u,.as-krail__r,.as-kpick__t) small{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:550;color:var(--as-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.as-kov__u,.as-kls__u,.as-krail__r,.as-kpick__t) small::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--as-ok)}
:is(.as-kov__u,.as-kls__u,.as-krail__r,.as-kpick__t) small[data-st=stale]::before{background:var(--as-warn)}
:is(.as-kov__u,.as-kls__u,.as-krail__r,.as-kpick__t) small[data-st=err]::before{background:var(--as-danger)}
:is(.as-kov__u,.as-kls__u,.as-krail__r,.as-kpick__t) small[data-st=none]::before{background:var(--as-line-2)}
:is(.as-kov__u,.as-kls__u,.as-krail__r,.as-kpick__t) small[data-st=err]{color:var(--as-danger)}
/* today: one line through every strip, a small flag above the first row */
.as-kov__now{position:absolute;top:6px;bottom:8px;left:var(--ucol);right:20px;pointer-events:none}
.as-kov__now::before{content:"";position:absolute;top:14px;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--as-sea-ink);border-radius:2px;opacity:.85}
.as-kov__now em{position:absolute;top:0;left:var(--x);transform:translateX(-50%);font:700 10.5px/14px var(--as-font);font-style:normal;color:#fff;background:var(--as-sea-ink);border-radius:999px;padding:0 6px;white-space:nowrap}
.as-kov--wide .as-kov__rows .as-ks{height:28px}

/* the switch "Jedna jedinica | Sve jedinice": quiet, in the page header right of the title */
.as-kmtop{align-items:flex-end}
.as-kmode__bar:empty{display:none}
.as-kmode{align-self:flex-end}
.as-kmode button{min-width:124px}
.as-kmode__w{display:flex;justify-content:flex-end}
@media (max-width:640px){.as-kmode__bar{flex-basis:100%}.as-kmode{display:grid;grid-template-columns:1fr 1fr;width:100%}.as-kmode button{min-width:0;height:44px}}

/* Jedna jedinica, computer: the units on the left (names and states, no calendar), the unit's month on the right */
.as-kone{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.as-kone__m{display:grid;gap:16px;min-width:0}
.as-kone__sub{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}
.as-krail{display:grid;gap:6px;padding:14px 8px 8px;border:1px solid var(--as-line);border-radius:16px;background:#fff}
.as-krail__h{font-size:13px;font-weight:700;color:var(--as-ink-2);padding:0 12px 2px}
.as-krail__l{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.as-krail__r{display:grid;gap:2px;min-height:44px;padding:8px 12px;border-radius:11px;color:var(--as-ink);text-decoration:none;min-width:0}
.as-krail__r b{font-size:15px;font-weight:680;letter-spacing:-.008em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-krail__r:hover{background:var(--as-surface-2)}
.as-krail__r:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px;box-shadow:none}
.as-krail__r.is-on{background:var(--as-navy);color:#fff}
.as-krail__r.is-on small{color:#D6E6F0}
.as-krail__r.is-on small[data-st=err]{color:#FFD2CC}
.as-krail__l.is-sheet{gap:4px}
.as-krail__l.is-sheet .as-krail__r{border:1px solid var(--as-line);padding:10px 14px}
.as-krail__l.is-sheet .as-krail__r.is-on{border-color:var(--as-navy)}
@container (max-width:819px){
  .as-krail{padding:10px}
  .as-krail__h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .as-krail__l{display:flex;flex-wrap:wrap;gap:6px}
  .as-krail__r{min-height:44px;padding:6px 12px;border:1px solid var(--as-line);border-radius:999px;align-content:center}
  .as-krail__r small{display:none}
  .as-krail__r b{font-size:14px}
}
@container (min-width:820px){
  .as-kone{grid-template-columns:224px minmax(0,1fr)}
  .as-krail{position:sticky;top:16px}
  .as-kone.is-solo{grid-template-columns:minmax(0,1fr)}
}
@container (min-width:1040px){.as-kone__sub{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.as-kdet{display:grid;overflow:hidden}
.as-kdet__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--as-line)}
.as-kdet__head h2{font-size:22px;font-weight:760;letter-spacing:-.024em;line-height:1.15}
.as-kdet__head h2:focus{outline:none}
.as-kdet__head h2:focus-visible{outline:2px solid var(--as-navy);outline-offset:4px;border-radius:4px}
.as-kdet__head .as-oc-state{padding:10px 12px}
.as-kdet__bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:12px 20px 0}
.as-kdet__bar .as-oc-leg{gap:6px 16px;font-size:13px}
.as-kdet__cal{display:grid;gap:12px;align-content:start;padding:12px 20px 18px;min-width:0}
@container (max-width:700px){.as-kdet__head{grid-template-columns:minmax(0,1fr)}}

/* Jedna jedinica, phone: the unit is a button that opens the list of units */
.as-kpick{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px 10px 18px;border:1px solid var(--as-line);border-radius:16px;background:#fff;color:var(--as-ink);font:inherit;text-align:left;cursor:pointer}
.as-kpick:hover{border-color:var(--as-ink)}
.as-kpick:focus-visible{outline:2px solid var(--as-navy);outline-offset:2px}
.as-kpick__t{display:grid;gap:2px;min-width:0}
.as-kpick__t b{font-size:20px;font-weight:750;letter-spacing:-.022em;line-height:1.15}
.as-kpick__c{display:inline-flex;align-items:center;gap:2px;font:650 14px/1 var(--as-font);color:var(--as-link)}
.as-kpick__c .as-icon{width:18px;height:18px}
.as-kone__h1{font-size:22px;font-weight:760;letter-spacing:-.024em}

/* stays from today: each row opens the stay */
.as-kstays{display:grid}
.as-kstays li+li{border-top:1px solid var(--as-line)}
.as-kstay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:56px;padding:10px 4px;border:0;background:none;text-align:left;cursor:pointer;color:var(--as-ink);font:inherit;border-radius:10px}
.as-kstay:hover{background:rgba(0,30,49,.04)}
.as-kstay:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px;box-shadow:none}
.as-kstay>.as-icon{width:18px;height:18px;color:var(--as-ink-3)}
.as-kstay__t{display:grid;gap:1px;min-width:0}
.as-kstay__t b{font-size:15px;font-weight:650}
.as-kstay__t span{font-size:13.5px;color:var(--as-ink-2)}
.as-kstay .as-oc-list__k{height:32px}

/* the big month: the phone's month, larger, with the guest's name on the stay */
.as-oc--big .as-oc__tbl{border-spacing:0;border:1px solid #E6EBEF;border-radius:14px;overflow:hidden;background:#fff}
.as-oc--big .as-oc__tbl th{padding:10px 10px 8px;text-align:left;font-size:12.5px;font-weight:650;color:var(--as-ink-2);background:var(--as-surface-2);border-bottom:1px solid #E6EBEF}
.as-oc--big .as-oc__tbl th.is-we{color:var(--as-ink)}
.as-oc--big .as-oc__tbl td{height:auto;border-top:1px solid #EEF1F4;border-left:1px solid #EEF1F4}
.as-oc--big .as-oc__tbl td:first-child{border-left:0}
.as-oc--big .as-oc__tbl tbody tr:first-child td{border-top:0}
.as-oc--big .as-oc__tbl td.is-out{background:repeating-linear-gradient(135deg,#fff 0 6px,#F7F9FA 6px 8px)}
.as-oc--big .as-oc__tbl td.has-lab{z-index:3}
.as-oc--big .as-oc__d{place-items:start;padding:8px 10px;font-size:14px;font-weight:620}
.as-oc--big .as-oc__d.is-we{background:#FAFBFC}
.as-oc--big .as-oc__d:not(.is-past):hover{background:var(--as-sea-50)}
.as-oc--big .as-oc__d>span{display:grid;place-items:center;min-width:28px;height:28px;margin:-4px 0 0 -6px;border-radius:50%}
.as-oc--big .as-oc__d.is-arr>span,.as-oc--big .as-oc__d.is-dep>span,.as-oc--big .as-oc__d.is-turn>span{width:28px;height:28px;background:none;box-shadow:none}
.as-oc--big .as-oc__d[data-pm]>span{color:var(--as-ink)}
.as-oc--big .as-oc__d.is-today>span{background:var(--as-navy);color:#fff!important}
.as-oc--big .as-oc__d.is-today>span::after{content:none}
.as-oc--big .as-oc__d.is-a1{background:var(--as-sea-50)}
.as-oc--big .as-oc__d.is-a1>span{background:var(--as-sea);color:var(--as-navy)!important}
.as-oc--big .as-oc__d.is-past{background:repeating-linear-gradient(135deg,transparent 0 6px,#F4F6F8 6px 8px)}
.as-oc--big .as-oc__d.is-past>span{color:var(--as-ink-3)}
/* the half-day bands sit low in the cell, under the number */
.as-oc--big .as-oc__d::before,.as-oc--big .as-oc__d::after{top:auto;bottom:12px;height:26px}
.as-oc--big .as-oc__d.is-arr::after{border-radius:13px 0 0 13px}
.as-oc--big .as-oc__d.is-dep::before{border-radius:0 13px 13px 0}
.as-oc--big .as-oc__d.is-turn::before{border-radius:0 13px 13px 0;right:calc(50% + 2px)}
.as-oc--big .as-oc__d.is-turn::after{border-radius:13px 0 0 13px;left:calc(50% + 2px)}
.as-oc--big td:first-child>.as-oc__d::before{left:0}
.as-oc--big td:last-child>.as-oc__d::after{right:0}
.as-oc__lab{position:absolute;z-index:3;bottom:12px;left:8px;height:26px;width:calc(var(--n) * 100% - 16px);display:block;font:650 12.5px/26px var(--as-font);font-style:normal;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-align:left}
.as-oc__lab.is-start{left:calc(50% + 10px);width:calc(var(--n) * 100% - 20px)}
.as-oc__lab.is-start.is-end{width:calc(var(--n) * 100% - 30px)}
.as-oc__lab.k-imp{color:var(--as-oc-imp-ink)}
.as-oc__lab.k-free{color:var(--as-oc-imp-ink)}
.as-oc--big .as-oc__d{height:clamp(56px,calc((100vh - 380px) / 6),84px)}
.as-oc--big .as-oc__d.is-past[data-pm=own]::after,.as-oc--big .as-oc__d.is-past[data-am=own]::before{background:#C3CDD4;opacity:1}
.as-oc--big .as-oc__d.is-past[data-pm=imp]::after,.as-oc--big .as-oc__d.is-past[data-am=imp]::before{opacity:.6}
.as-oc__lab.is-gone{color:var(--as-ink)}
.as-oc__lab.k-imp.is-gone,.as-oc__lab.k-free.is-gone{color:var(--as-oc-imp-ink)}

/* stale calendars: one line, one button for all */
.as-kstale{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:var(--as-warn-50);border:1px solid #F1DDB5;color:#5C3800;font-size:14px}
.as-kstale>.as-icon{color:var(--as-warn)}
.as-kstale b{color:#3D2600}
@media (max-width:640px){.as-kstale{grid-template-columns:auto minmax(0,1fr)}.as-kstale .as-btn{grid-column:1/-1;width:100%}}

/* narrow: the list of units, each a link to its own month */
.as-kls{display:grid}
.as-kls__r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;align-items:center;padding:14px 16px;color:inherit;text-decoration:none}
.as-kls__li+.as-kls__li{border-top:1px solid #EEF1F4}
.as-kls__r>.as-icon{color:var(--as-ink-3);width:18px;height:18px}
.as-kls__r:hover{background:var(--as-surface-2)}
.as-kls__r:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px;box-shadow:none}
.as-kls__r .as-ks{grid-column:1/-1;height:24px}
.as-kls__u{display:grid;gap:2px;min-width:0}
.as-kls__u b{font-size:15.5px;font-weight:680}
.as-kov:not(.as-kov--wide) .as-kov__h{justify-content:center;padding:10px 12px}
.as-kuconn{display:grid;gap:10px}
.as-kuconn h3{font-size:15.5px;font-weight:700}
.as-oc-state.is-none{background:var(--as-surface-2)}

/* ---------- Booking i Airbnb: one card, one row per unit, each site with its own state and action ---------- */
.as-klinks__t{display:grid}
.as-klinks__r{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) minmax(0,1fr);gap:12px 18px;align-items:center;padding:10px 20px}
.as-klinks__r+.as-klinks__r{border-top:1px solid #EEF1F4}
.as-klinks__hd{padding-block:10px 8px;font-size:12.5px;font-weight:650;color:var(--as-ink-2);background:var(--as-surface-2)}
.as-klinks__u b{font-size:15px;font-weight:680}
.as-klc{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-size:14px;color:var(--as-ink-2)}
.as-klc__s{min-width:0}   /* may wrap: "Zadnje čitanje nije uspjelo" next to "Više" in a 220 px column (review 15.10) */
.as-klc.is-off .as-klc__s>.as-icon{color:var(--as-ink-3)}
.as-klinks__r>[role=cell]+[role=cell]{border-left:1px solid #EEF1F4;padding-left:18px}
.as-klinks__r>.as-klinks__oth{grid-column:1/-1;border-left:0;padding-left:0;display:grid;gap:4px}
.as-klinks__r.is-ph{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;padding:10px 16px}
.as-klinks__r.is-ph>[role=cell]+[role=cell]{border-left:0;padding-left:0}
.as-klinks__r.is-ph>.as-klinks__oth{flex-basis:100%}
.as-kchips{display:flex;gap:6px;flex-wrap:wrap}
.as-kchip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 10px;border:1px solid var(--as-line);border-radius:999px;background:#fff;color:var(--as-link);font:650 14px/1 var(--as-font);text-decoration:none;cursor:pointer;white-space:nowrap}
.as-kchip:hover{border-color:var(--as-ink)}
.as-kchip .as-smark,.as-kchip .as-icon{width:16px;height:16px;flex:none}
.as-kchip.is-ok{color:var(--as-ink)}
.as-kchip.is-ok .as-icon{color:var(--as-ok)}
.as-kchip.is-warn .as-icon{color:var(--as-warn)}
.as-kchip.is-err{border-color:#F2CFCB;background:var(--as-danger-50);color:var(--as-danger)}
.as-kchip.is-err .as-icon{color:var(--as-danger)}
.as-klc__s{display:inline-flex;align-items:center;gap:7px;min-width:0}
.as-klc__s .as-icon{width:18px;height:18px;flex:none}
.as-klc.is-ok .as-klc__s{color:var(--as-ink)}
.as-klc.is-ok .as-klc__s .as-icon{color:var(--as-ok)}
.as-klc.is-warn .as-klc__s .as-icon{color:var(--as-warn)}
.as-klc.is-err .as-klc__s{color:var(--as-danger);font-weight:600}
.as-klc.is-err .as-klc__s .as-icon{color:var(--as-danger)}
.as-klc .as-btn{flex:none}
.as-klc__s b{font-weight:650;color:var(--as-ink);margin-right:4px}
/* the site's mark beside its name: guide switch, table head, cell label */
.as-smark{display:block;flex:none;width:18px;height:18px}
.as-gsite button{display:inline-flex;align-items:center;gap:8px}
.as-klinks__hd [role=columnheader]{display:inline-flex;align-items:center;gap:7px}
.as-klinks__hd .as-smark{width:16px;height:16px}
.as-klc__site{display:inline-flex;align-items:center;gap:6px;min-width:5.8em}
.as-klc__s b.as-klc__site{margin-right:0}
.as-klc__site .as-smark{width:16px;height:16px}
.as-klc__go{flex:none;display:inline-grid;place-items:center;min-height:44px;min-width:44px;padding:0 10px;border:0;border-radius:9px;background:none;color:var(--as-link);font:650 14.5px/1 var(--as-font);text-decoration:none;cursor:pointer}
.as-klc__go:hover{background:var(--as-sea-50);text-decoration:underline;text-underline-offset:3px}

.as-klinks.is-empty{border-style:dashed;border-color:var(--as-line-2);background:var(--as-surface-2)}
.as-klinks__e{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}
.as-klinks__ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid var(--as-line);color:var(--as-ink-2)}
.as-klinks__e h2{font-size:17px;font-weight:720;letter-spacing:-.012em}
.as-klinks__e p{font-size:14px;color:var(--as-ink-2);margin-top:3px;max-width:64ch}
@media (max-width:719px){
  .as-klinks__r{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 16px}
  .as-klinks__e{grid-template-columns:44px minmax(0,1fr);padding:16px}.as-klinks__e .as-btn{grid-column:1/-1;width:100%}
}

/* ---------- linking guide: unit first, then the site ---------- */
.as-gpick{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center}
.as-gpick__l{font-size:13.5px;font-weight:650;color:var(--as-ink-2)}
.as-gpick .as-seg{justify-self:start}
.as-gunits{display:flex;flex-wrap:wrap;gap:6px}
.as-gunit{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--as-line);border-radius:999px;background:#fff;color:var(--as-ink);font:600 14px/1 var(--as-font);cursor:pointer}
.as-gunit .as-icon{width:16px;height:16px;color:var(--as-ok)}
.as-gunit:hover{border-color:var(--as-ink)}
.as-gunit.is-on{background:var(--as-navy);border-color:var(--as-navy);color:#fff}
.as-gunit.is-on .as-icon{color:#9BE2B7}
.as-gunit.is-err .as-icon{color:var(--as-danger)}
.as-gunit.is-on.is-err .as-icon{color:#FFB4AA}
.as-gour{display:grid;gap:8px}
.as-gour .as-gour__new{justify-self:start;padding-inline:4px}
.as-gnext{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px 18px;border-radius:14px;background:var(--as-ok-50);border:1px solid #BFE2CC}
.as-gnext p{font-size:15px;color:var(--as-ink)}
.as-gerr{display:block;color:var(--as-danger);font-size:13.5px;margin-top:6px}
.as-gour{margin-top:10px}
.as-guide [data-res]>*{margin-top:10px}
@media (max-width:640px){.as-gpick{grid-template-columns:1fr;gap:6px}.as-gnext .as-btn{width:100%}}
@media (max-width:767px){.as-dash .as-gunit{min-height:44px}}

@media (prefers-reduced-motion:reduce){.as-me,.as-utype{transition:none}}
/* view only (administrator, plan 0b): plain rows and chips */
.as-kstay.is-plain{cursor:default}
.as-kstay.is-plain:hover{background:none}
.as-kchip.is-plain{cursor:default;pointer-events:none}
.as-kchip.is-off{color:var(--as-ink-2)}
.as-oc__tbl.is-ro .as-oc__d{cursor:default}
@media (hover:hover){.as-oc__tbl.is-ro .as-oc__d:not(.is-past):hover>span{text-decoration:none}}
.as-oc--big .as-oc__tbl.is-ro .as-oc__d:not(.is-past):hover{background:none}
/* ==== end vp2 ==== */

.as-capq .as-input{max-width:220px}
/* ==== end Vlasnički panel vp1 (vp2 block above) ==== */

/* ==== Izmjene vlasnika (admin change log, inc/changes.php) ==== */
.as-chg__bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:18px}
.as-chg__bar .as-input{max-width:280px}
.as-chgs{display:grid;gap:14px;margin-top:18px}
.as-chg__list{list-style:none;margin:0;padding:0;display:grid}
.as-chg{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:6px 16px;padding:12px 0;border-top:1px solid var(--as-line)}
.as-chg:first-child{border-top:0;padding-top:0}
.as-chg__f{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.as-chg__f b{font-weight:600}
.as-chg__v{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.as-chg__old{color:var(--as-ink-2);text-decoration:line-through;text-decoration-color:rgba(0,30,49,.35)}
.as-chg__to{color:var(--as-ink-2)}
.as-chg__new{color:var(--as-ink)}
.as-chg.is-flag .as-chg__new{font-weight:600}
@media (max-width:640px){.as-chg{grid-template-columns:1fr}.as-chg__bar .as-input{max-width:none;width:100%}}