:root{
  --ivory:#f6f1e8;--paper:#fbf8f2;--ink:#191714;--ink2:#4a443b;--muted:#857c6e;--gold:#b08d57;--gold2:#d9c19a;--night:#12100d;
  --line:rgba(25,23,20,.11);--free:#2f7d5b;--hold:#7b6cd9;--busy:#b5483b;--warn:#c9862a;
  --serif:"EB Garamond",Georgia,serif;--sans:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.2,.7,.1,1)
}
*{box-sizing:border-box}
body{margin:0;font:15.5px/1.6 var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;margin:0 0 .4em}
h2{font-size:2rem}h3{font-size:1.35rem}
a{color:inherit}
.eyebrow{font:700 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.muted{color:var(--muted)}.small{font-size:.84rem}
.demo-ribbon{background:#efe4cf;color:#5b4520;text-align:center;font-size:.76rem;padding:6px 14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font:600 .92rem/1 var(--sans);cursor:pointer;text-decoration:none;transition:transform .2s var(--ease),background .2s;color:inherit;background:none}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:#9e7c48}
.btn-dark{background:var(--ink);color:#fff}
.btn-line{border-color:var(--ink)}
.btn-red{border-color:var(--busy);color:var(--busy)}
.btn-green{background:var(--free);color:#fff}
.btn-sm{min-height:38px;padding:0 16px;font-size:.84rem}
.btn-block{width:100%}
.row{display:flex;gap:10px;flex-wrap:wrap}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin:0 0 16px;box-shadow:0 20px 50px -38px rgba(25,23,20,.4)}
.field{display:block;margin:0 0 14px}
.field>span{display:block;font-size:.78rem;font-weight:600;color:var(--ink2);margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid #d8d0c2;border-radius:12px;background:#fff;padding:10px 14px;font:500 .98rem var(--sans);color:var(--ink)}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(176,141,87,.18)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink2);margin:6px 0 10px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin-top:2px}
.err{color:var(--busy);font-size:.88rem;min-height:1.2em;margin:4px 0 8px}
.kv{list-style:none;padding:0;margin:8px 0 18px}
.kv li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.kv li span{color:var(--muted)}
.kv li b{text-align:right;font-weight:600}
.kv.pay button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 12px;font:600 .74rem var(--sans);cursor:pointer}
.note{background:var(--paper);border-left:3px solid var(--gold);padding:12px 14px;border-radius:8px;font-size:.92rem}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;font-size:.9rem;z-index:99;transition:transform .4s var(--ease),visibility 0s .4s;visibility:hidden}
.toast.on{transform:translate(-50%,0);visibility:visible;transition:transform .4s var(--ease)}

/* ---------- portal ---------- */
.p-head{position:relative;color:#fff;overflow:hidden;background:var(--night)}
.p-head img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.p-head-in{position:relative;max-width:760px;margin:0 auto;padding:28px 20px 44px}
.p-brand{display:inline-block;font:500 1.2rem/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;margin-bottom:46px;opacity:.9}
.p-head .eyebrow{color:var(--gold2)}
.p-head h1{font-size:clamp(2.8rem,10vw,4.4rem);margin:0}
.p-head h1 em{color:var(--gold2)}
.p-date{margin:.3em 0 0;opacity:.85}
.countdown{margin-top:18px;display:flex;align-items:baseline;gap:10px}
.countdown b{font:500 3rem/1 var(--serif);color:var(--gold2)}
.countdown span{font-size:.85rem;opacity:.8}
.p-main{max-width:760px;margin:-22px auto 0;padding:0 14px 60px;position:relative}
.stepper{list-style:none;margin:0 0 16px;padding:16px 12px;display:flex;justify-content:space-between;background:#fff;border-radius:22px;border:1px solid var(--line);overflow-x:auto;gap:6px}
.stepper li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);min-width:56px;position:relative;text-align:center}
.stepper li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #d8d0c2;font-weight:700;font-size:.8rem;background:#fff;z-index:1}
.stepper li.done span{background:var(--free);border-color:var(--free);color:#fff}
.stepper li.now span{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 5px rgba(176,141,87,.15)}
.stepper li.now{color:var(--ink);font-weight:700}
.action h2{font-size:2.3rem}
.contract{white-space:pre-wrap;font:13px/1.55 ui-monospace,Menlo,monospace;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;max-height:320px;overflow:auto}
.locked{background:var(--paper);border:1px dashed #d8d0c2;border-radius:14px;padding:16px;text-align:center;color:var(--ink2);font-weight:600;margin-top:10px}
.pl-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.ring{--p:0;width:74px;height:74px;border-radius:50%;flex:none;background:conic-gradient(var(--gold) calc(var(--p)*1%),#eee6d8 0);display:grid;place-items:center;transition:background .5s}
.ring b{width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center;font:600 1.1rem var(--serif)}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:14px -4px 18px;padding:4px;scrollbar-width:none}
.tabs button{flex:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 16px;font:600 .85rem var(--sans);cursor:pointer;color:var(--ink2)}
.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tl{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px}
.tl-row{display:grid;grid-template-columns:110px 1fr 38px;gap:8px;align-items:center}
.tl-row.two{grid-template-columns:1fr 1fr 38px}
.tl-row input{min-height:46px;border:1px solid #d8d0c2;border-radius:12px;padding:8px 12px;font:500 .95rem var(--sans);width:100%;background:#fff}
.tl-row .x,.chip button{border:0;background:var(--paper);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.1rem;color:var(--muted)}
.songlist{border-top:1px solid var(--line);padding:16px 0}
.songlist:first-child{border-top:0;padding-top:0}
.sl-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.chip{display:inline-flex;align-items:center;gap:4px;background:#f1ebe0;border-radius:999px;padding:5px 6px 5px 13px;font-size:.86rem}
.chip.no{background:#f6e3e0;color:#7e2f26}
.chip button{width:24px;height:24px;font-size:.9rem;background:transparent}
.ac{position:relative}
.ac input{width:100%;min-height:46px;border:1px solid #d8d0c2;border-radius:12px;padding:8px 14px;font:500 .95rem var(--sans)}
.ac-list{position:absolute;left:0;right:0;top:100%;z-index:5;background:#fff;border-radius:12px;box-shadow:0 16px 40px -10px rgba(0,0,0,.25);overflow:hidden}
.ac-list button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:11px 14px;font:500 .9rem var(--sans);cursor:pointer;border-bottom:1px solid var(--line)}
.ac-list button:hover{background:var(--paper)}
.ac-list .own{color:var(--gold);font-weight:700}
.pl-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.stars-in button{border:0;background:none;font-size:2rem;color:#ddd4c4;cursor:pointer;padding:0 2px}
.stars-in button.on{color:var(--gold)}
.quote{font:italic 500 1.3rem/1.4 var(--serif)}

/* ---------- admin ---------- */
.admin{background:#f3efe8;padding-bottom:84px}
.a-top{position:sticky;top:0;z-index:10;background:rgba(18,16,13,.96);backdrop-filter:blur(10px);color:var(--ivory);display:flex;align-items:center;gap:12px;padding:12px 16px}
.a-top .brand{font:500 1.15rem/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;margin-right:auto}
.a-top a{color:var(--gold2);font-size:.8rem;text-decoration:none}
.a-main{max-width:980px;margin:0 auto;padding:16px 14px}
.a-tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.a-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;font-size:.7rem;font-weight:600;color:var(--muted);text-decoration:none;position:relative}
.a-tabs a i{font-style:normal;font-size:1.25rem;line-height:1}
.a-tabs a.on{color:var(--ink)}
.a-tabs a.on::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--gold)}
.badge{position:absolute;top:4px;left:calc(50% + 8px);background:var(--busy);color:#fff;border-radius:999px;font-size:.64rem;padding:1px 6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.stat{background:#fff;border-radius:18px;padding:14px;border:1px solid var(--line)}
.stat b{display:block;font:500 1.9rem/1 var(--serif)}
.stat span{font-size:.74rem;color:var(--muted)}
@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}
.filters{display:flex;gap:6px;overflow-x:auto;margin:0 -14px 12px;padding:0 14px;scrollbar-width:none}
.filters button{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:600 .8rem var(--sans);cursor:pointer;color:var(--ink2)}
.filters button.on{background:var(--ink);color:#fff}
.filters b{opacity:.6;margin-left:4px}
.list{display:flex;flex-direction:column;gap:8px}
.item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s}
.item:hover{transform:translateY(-1px);box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}
.date-tile{background:var(--paper);border-radius:12px;text-align:center;padding:6px 0}
.date-tile b{display:block;font:600 1.5rem/1 var(--serif)}
.date-tile span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.item h4{margin:0;font-size:.98rem}
.item p{margin:2px 0 0;font-size:.8rem;color:var(--muted)}
.pill{display:inline-block;font:700 .68rem/1 var(--sans);padding:6px 10px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}
.s-novi{background:#fbefc9;color:#7a5a00}.s-ponuda{background:#fbe2c7;color:#8a4b0c}.s-ugovor{background:#e7e3fb;color:#4c3fae}
.s-kapara,.s-potvrdeno{background:#dcefe5;color:#1f5e42}.s-odrzano{background:#ebebeb;color:#555}
.s-odbijeno,.s-isteklo,.s-otkazano{background:#f5e1de;color:#8c3a30}
.new-dot{width:8px;height:8px;border-radius:50%;background:var(--busy);display:inline-block;margin-right:6px}
.d-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.d-head h2{font-size:1.9rem;margin:0}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.quick a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:var(--paper);text-decoration:none;font-size:.78rem;font-weight:600}
.quick a i{font-style:normal;font-size:1.2rem}
.actions{display:flex;flex-direction:column;gap:8px}
.actions .row .btn{flex:1}
.sheet{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:rgba(18,16,13,.55)}
.sheet[hidden]{display:none}
.sheet .panel{background:var(--paper);width:min(560px,100%);border-radius:24px 24px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom));max-height:92svh;overflow:auto;animation:up .35s var(--ease)}
@media (min-width:700px){.sheet{align-items:center}.sheet .panel{border-radius:24px}}
@keyframes up{from{transform:translateY(30px);opacity:0}}
.timeline{list-style:none;padding:0;margin:0}
.timeline li{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.86rem}
.timeline li time{color:var(--muted);font-size:.76rem}
.who-sustav{color:var(--gold);font-weight:700}
.mail-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:.88rem}
.mail-row:hover{background:var(--paper)}
.mail-row small{color:var(--muted)}
.role{font:700 .62rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;padding:4px 7px;border-radius:6px;background:#efe4cf;color:#5b4520;margin-right:6px}
.role.bend{background:#e3e9f5;color:#2c4677}
.mail-frame{width:100%;height:70svh;border:0;border-radius:14px;background:#f4efe6}
.pl-view h4{margin:14px 0 6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.pl-view ul{margin:0;padding-left:18px;font-size:.92rem}
.fc{--fc-border-color:var(--line);--fc-today-bg-color:rgba(176,141,87,.12);font-size:.85rem}
.fc .fc-toolbar-title{font-family:var(--serif);font-size:1.5rem}
.fc .fc-button{background:var(--ink);border:0;border-radius:999px!important;padding:6px 12px;font-weight:600;text-transform:none}
.fc .fc-button:disabled{opacity:.35}
.fc .fc-daygrid-day{cursor:pointer}
.fc-event{border-radius:6px!important;padding:1px 4px;font-weight:600;cursor:pointer}
.login{min-height:100svh;display:grid;place-items:center;padding:20px;background:var(--night) url() center/cover}
.login .card{width:min(380px,100%);text-align:center}
.pin{display:flex;gap:10px;justify-content:center;margin:18px 0}
.pin input{width:56px;height:64px;text-align:center;font:600 1.6rem var(--sans);border:1px solid #d8d0c2;border-radius:14px}
.empty{text-align:center;color:var(--muted);padding:30px}
.demo-tools{background:#fff8e9;border:1px dashed #e2c98f}
.ical{word-break:break-all;font-size:.78rem;background:var(--paper);padding:10px;border-radius:10px}

/* ---------- admin v2: feed, oznake "novo", jedno vjenčanje na jednom mjestu ---------- */
.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.newb{display:inline-block;background:var(--busy);color:#fff;font:700 .66rem/1 var(--sans);padding:4px 8px;border-radius:999px;margin-left:6px;letter-spacing:.02em;vertical-align:middle}
.feed{padding:18px}
.feed-row{display:flex;gap:10px;padding:10px 6px;border-top:1px solid var(--line);text-decoration:none;font-size:.88rem;border-radius:10px}
.feed-row small{color:var(--muted)}
.feed-row .fdot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none;background:transparent}
.feed-row.unread{background:#fff7ef}
.feed-row.unread .fdot{background:var(--busy)}
.item-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.dtabs{display:flex;gap:6px;overflow-x:auto;margin:4px 0 12px;scrollbar-width:none}
.dtabs button{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font:600 .86rem var(--sans);cursor:pointer;color:var(--ink2)}
.dtabs button.on{background:var(--ink);color:#fff}
.steps-card .step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.steps-card .step:first-child{border-top:0;padding-top:0}
.steps-card h4{margin:2px 0 6px;font-size:1rem}
.sdot{width:24px;height:24px;border-radius:50%;border:1.5px solid #d8d0c2;display:grid;place-items:center;font-size:.75rem;font-weight:700;background:#fff}
.step.ok .sdot{background:var(--free);border-color:var(--free);color:#fff}
.steps-card .kv{margin:0 0 6px}
.steps-card .kv li{padding:6px 0}
.ua{font-weight:400!important;font-size:.72rem;color:var(--muted)}
.hl-new{border:1.5px solid var(--busy);box-shadow:0 0 0 4px rgba(181,72,59,.08)}
.pl-sec-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.pl-sec-h h4{margin:0;font:400 1.35rem var(--serif);margin-right:auto}
.card h5{margin:12px 0 4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.tl-view{margin:0;padding-left:18px;font-size:.92rem}
.timeline li.is-new{background:#fff7ef}
.who-par{color:#8a4b0c;font-weight:700}
.calc{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 14px}
.calc .row-between{padding:3px 0}
.seg{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.seg label{cursor:pointer}
.seg input{position:absolute;opacity:0}
.seg span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:600;font-size:.85rem;background:#fff}
.seg input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.pk-edit{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px}
.pk-edit input{width:100%;min-height:42px;border:1px solid #d8d0c2;border-radius:10px;padding:6px 10px;font:500 .9rem var(--sans);margin-bottom:6px}
.pk-edit .row input{flex:1;min-width:60px}
.suf{position:relative}
.suf i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--muted);font-size:.8rem;pointer-events:none}
.field .suf input{padding-right:62px}
[hidden]{display:none!important}
.wish-box{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff4f2;border:1px solid #f0c9c3;border-radius:14px;padding:12px 14px;margin:12px 0 4px}
.wish-box b{display:block;color:#a33a2e}
.wish-box span{font-size:.8rem;color:var(--muted)}
.gig-row{padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.rep-ta{width:100%;border:1px solid #d8d0c2;border-radius:12px;padding:10px;font:13px/1.5 ui-monospace,Menlo,monospace}
code{background:var(--paper);padding:1px 5px;border-radius:5px;font-size:.85em}

.demo-play{display:flex;gap:14px;align-items:center;width:100%;text-align:left;border:1px solid var(--line,#e5ddd0);cursor:pointer;font:inherit;color:inherit;margin-bottom:14px}
.demo-play .dp-ico{flex:none;width:46px;height:46px;border-radius:50%;background:#b08d57;color:#fff;display:grid;place-items:center;font-size:1rem}
.demo-play small{display:block;color:#857c6e;font-size:.84rem;margin-top:2px}

/* runda 6d: upravljanje */
.ava{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:#efe4cf}
.ava.ini{display:grid;place-items:center;font:700 .72rem var(--sans);color:#6b4a14;letter-spacing:.02em}
.ava.sm{width:34px;height:34px}
.ava.lg{width:64px;height:64px;font-size:.95rem}
.item-m{display:flex;gap:12px;align-items:center;min-width:0}
.d-who{display:flex;gap:14px;align-items:center}
.feed-row{align-items:flex-start}
.feed-row .ava{margin-top:2px}
.two-cal{padding:18px}
.tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:6px}
@media (max-width:700px){.tc-grid{grid-template-columns:1fr}}
.tc-month h4{margin:0 0 8px;font:500 1.2rem var(--serif);text-transform:capitalize}
.tc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.tc-dow{font-size:.66rem;color:var(--muted);text-align:center}
.tc-d{aspect-ratio:1.25;display:grid;place-items:center;border-radius:8px;font-size:.82rem;color:var(--ink2);text-decoration:none;background:#faf7f1}
a.tc-d{font-weight:700;color:#fff}
.tc-d.today{outline:2px solid var(--ink);outline-offset:-2px}
.tc-d.s-potvrdeno,.tc-leg .s-potvrdeno{background:#2f8f63}.tc-d.s-ugovor,.tc-leg .s-ugovor{background:#7b6cd9}
.tc-d.s-ponuda,.tc-leg .s-ponuda{background:#d08a3a}.tc-d.s-novi,.tc-leg .s-novi{background:#c9a227}.tc-d.s-blok,.tc-leg .s-blok{background:#3b3f47;color:#fff}
.tc-list{list-style:none;padding:0;margin:10px 0 0;font-size:.84rem}
.tc-list li{padding:5px 0;border-top:1px solid var(--line)}
.tc-list a{text-decoration:none;color:inherit}
.tc-leg{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0;color:var(--muted)}
.tc-leg span{display:flex;align-items:center;gap:6px}.tc-leg i{width:12px;height:12px;border-radius:3px;display:inline-block}
.next-step{border-radius:14px;padding:12px 14px;margin:12px 0 4px;background:#f3efe6}
.next-step .ns-who{display:inline-block;font:700 .66rem var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 9px;margin-bottom:6px;background:#e5dccb;color:#5b4520}
.next-step.ns-vi{background:#fff4dc;border:1px solid #ecd093}.next-step.ns-vi .ns-who{background:#b08d57;color:#fff}
.next-step b{display:block}.next-step p{margin:4px 0 0;font-size:.86rem;color:var(--ink2)}
.sum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 16px}
@media (max-width:700px){.sum-grid{grid-template-columns:1fr 1fr}}
.sum-grid span{display:block;font-size:.72rem;color:var(--muted)}.sum-grid b{font-size:.92rem}
details.demo-tools summary{cursor:pointer}
.sheet .panel.wide{width:min(1100px,94vw)}
/* portal: fotografija */
.ph-box{display:flex;gap:14px;align-items:center;margin:4px 0 14px}
.ph-img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.ph-empty{display:grid;place-items:center;background:#efe4cf;font-size:1.6rem}
.ph-box b{display:block}.ph-box .small{display:block;margin:2px 0 8px}
.ph-btn{cursor:pointer}
.link-x{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:.84rem}

/* runda 6e: ljepsa pocetna u upravljanju */
.hello{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start;background:linear-gradient(135deg,#1c1813,#2a231a);color:#f6f1e8;border-radius:24px;padding:24px;margin-bottom:14px;box-shadow:0 20px 40px -28px rgba(0,0,0,.6)}
@media (max-width:760px){.hello{grid-template-columns:1fr;padding:20px}}
.hello h1{font:400 clamp(1.8rem,4vw,2.4rem)/1.1 var(--serif);margin:0 0 8px}
.hello .eyebrow{color:#d9c19a}
.hello .muted{color:rgba(246,241,232,.75);margin:0}
.hello b{color:#fff}
.todo{display:flex;flex-direction:column;gap:8px}
.todo-row{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(217,193,154,.35);border-radius:14px;padding:10px 12px;text-decoration:none;color:#fff;transition:background .2s}
.todo-row:hover{background:rgba(255,255,255,.14)}
.todo-row > span:not(.ava){flex:1;min-width:0}.todo-row b{display:block;color:#d9c19a}.todo-row small{color:rgba(246,241,232,.75)}
.todo-row i{font-style:normal;color:#d9c19a}
.tc-list li{border-top:1px solid var(--line);padding:0}
.tc-list a{display:flex;gap:10px;align-items:center;padding:8px 2px}
.tc-list a:hover{background:#faf7f1}
.tc-list span{min-width:0}.tc-list b{font-weight:600}.tc-list small{display:block;color:var(--muted);font-size:.78rem}
.tc-dn{flex:none;min-width:34px;text-align:center;border-radius:8px;color:#fff;font-weight:700;font-size:.8rem;padding:4px 0}
.tc-dn.s-potvrdeno{background:#2f8f63}.tc-dn.s-ugovor{background:#7b6cd9}.tc-dn.s-ponuda{background:#d08a3a}.tc-dn.s-novi{background:#c9a227}
.tc-st{font-style:normal;font-size:.7rem;color:var(--muted)}
.list-h{margin:26px 2px 10px}
.stat{position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b08d57}
.stat:nth-child(1)::before{background:#c9a227}.stat:nth-child(2)::before{background:#7b6cd9}.stat:nth-child(3)::before{background:#2f8f63}
.d-who img.ava{cursor:zoom-in}

/* runda 6f */
.a-top .brand{color:var(--ivory);text-decoration:none}
.top-nav{display:flex;gap:4px;margin-right:auto}
.top-nav a{color:rgba(246,241,232,.75);font-size:.86rem;font-weight:600;padding:8px 12px;border-radius:999px;text-decoration:none}
.top-nav a.on{background:rgba(246,241,232,.12);color:#fff}
.top-nav .badge{position:static;display:inline-grid;margin-left:4px}
@media (max-width:760px){.top-nav{display:none}.a-top .brand{margin-right:auto}}
@media (min-width:761px){.a-tabs{display:none}.a-main{padding-bottom:40px}}
.crumb{margin:4px 0 2px;font-size:.84rem;color:var(--muted)}.crumb a{color:var(--ink)}
.page-h{font:400 2rem/1.1 var(--serif);margin:0 0 14px}
.pk-row4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:600px){.pk-row4{grid-template-columns:1fr 1fr}}
.pk-edit .field{margin-bottom:8px}
.o-prev{margin:14px 0 6px}
.op-card{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff}
.op-card>span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.op-card>b{display:block;font:400 1.9rem/1.2 var(--serif)}
.op-card ul{list-style:none;padding:0;margin:6px 0}.op-card li{display:flex;justify-content:space-between;font-size:.84rem;padding:4px 0;border-top:1px solid var(--line)}
.op-card em{font-style:normal;font-weight:600}.op-card p{font-size:.86rem;font-style:italic;color:var(--ink2)}
.op-card i{display:block;text-align:center;font-style:normal;background:var(--gold);color:#fff;border-radius:999px;padding:9px;font-size:.84rem;font-weight:600;margin-top:8px}

/* kalendar u upravljanju: cijeli tekst u oznakama, ljepse */
#cal .fc-daygrid-event,#cal .fc-event{white-space:normal;border-radius:8px;border:0;padding:2px 5px;font-size:.74rem;line-height:1.25}
#cal .fc-event-title,#cal .fc-event-main{white-space:normal;overflow:visible;text-overflow:clip}
#cal .fc-daygrid-day-number{font-size:.8rem;color:var(--ink2);text-decoration:none}
#cal .fc-day-today{background:#fff7e6!important}
#cal .fc-toolbar-title{font:400 1.5rem var(--serif);text-transform:capitalize}
#cal .fc-button{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px!important;margin:0 2px!important;text-transform:none;box-shadow:none!important}
#cal .fc-button-active,#cal .fc-button:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
#cal .fc-multimonth{border:0}#cal .fc-multimonth-title{font:500 1.15rem var(--serif);text-transform:capitalize;padding:6px 0}
#cal .fc-multimonth-daygrid{background:#fff}
#cal th,#cal td{border-color:#efe9dd}
@media (max-width:700px){#cal .fc-toolbar{flex-wrap:wrap;gap:8px}}

.a-main:has(.cal-card){max-width:1280px}
#cal .fc-multimonth-daygrid-table .fc-daygrid-day-frame{min-height:74px}
#cal .fc-list-event-title a{white-space:normal}

.bc-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.bc-bar h2{margin:0;font:400 1.5rem var(--serif);text-transform:capitalize}
.icon-b{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.3rem;cursor:pointer;margin-right:4px}
.chip-b{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:600 .82rem var(--sans);cursor:pointer;margin-left:4px}
.chip-b.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:900px){.bc-grid{grid-template-columns:1fr}}
.bc-month h3{margin:0 0 8px;font:500 1.2rem var(--serif);text-transform:capitalize}
.bc-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.bc-dow{font-size:.68rem;color:var(--muted);text-align:center;padding:2px 0}
.bc-d{min-height:78px;background:#faf7f1;border-radius:10px;padding:5px;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0}
.bc-d:hover{background:#f3ecdf}.bc-d.wk{background:#f6f0e4}.bc-d.past{opacity:.55;cursor:default}
.bc-d.today{outline:2px solid var(--ink);outline-offset:-2px}
.bc-d b{font-size:.78rem;color:var(--ink2);font-weight:600}
.bc-ev{border:0;border-radius:7px;padding:3px 5px;font:600 .68rem/1.25 var(--sans);color:#fff;text-align:left;cursor:pointer;white-space:normal;word-break:break-word;hyphens:auto}
.bc-ev.s-potvrdeno{background:#2f8f63}.bc-ev.s-ugovor{background:#7b6cd9}.bc-ev.s-ponuda{background:#d08a3a}.bc-ev.s-novi{background:#c9a227}.bc-ev.s-blok{background:#3b3f47}
@media (max-width:600px){.bc-d{min-height:54px;padding:3px}.bc-days .bc-ev{height:8px;min-height:0;padding:0;overflow:hidden;color:transparent;font-size:1px;line-height:0;text-indent:-999px}.bc-days .bc-ev small{display:none}}
.bc-list{list-style:none;padding:0;margin:10px 0 0;display:none}
.bc-list li{margin:4px 0}.bc-list .bc-ev{width:100%;font-size:.8rem!important;height:auto!important;padding:8px 10px!important}
@media (max-width:600px){.bc-list{display:block}}
.bc-ev small{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
.ical{word-break:break-all}

/* odrzane (prosle) svadbe: sivo, da ne izgledaju kao nadolazece */
.tc-d.s-odrzano,.tc-leg .s-odrzano,.tc-dn.s-odrzano,.bc-ev.s-odrzano{background:#a3a7ae}
.tc-d.past{opacity:.6}

/* portal: kontakt i podsjetnici */
.contact h3{margin:0 0 12px}
.c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
@media (max-width:560px){.c-grid{grid-template-columns:1fr 1fr}}
.c-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;font-size:.86rem;text-align:center}
.c-btn i{font-style:normal;font-size:1.2rem}
.c-btn small{font-weight:400;font-size:.7rem;color:var(--muted);word-break:break-all}
.c-btn.wa{background:#e8f7ee;border-color:#bfe6cd}
.c-rem{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 0}
.c-rem>div:first-child{flex:1;min-width:220px}.c-rem b{display:block}.c-rem .small{display:block}

.seg{display:flex;gap:8px;margin:0 0 10px}.seg label{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.86rem;cursor:pointer;background:#fff}
.zone-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.zone-row .field{margin-bottom:6px}
.ct-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.ct-tag{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;font:600 .74rem var(--sans);cursor:pointer}.ct-tag small{font-weight:400;color:var(--muted)}

.day[hidden]{display:none}
.pay-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 14px}
@media (max-width:560px){.pay-st{grid-template-columns:1fr}}
.pay-st>div{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--paper)}
.pay-st>div.ok{background:#e8f5ee;border-color:#bfe3cc}.pay-st>div.wait{background:#fff4dc;border-color:#ecd093}
.pay-st span{display:block;font-size:.72rem;color:var(--muted)}.pay-st b{display:block;font:400 1.4rem var(--serif)}.pay-st em{font-style:normal;font-size:.78rem}
#pFaq .faq details{border-bottom:1px solid var(--line)}#pFaq summary{cursor:pointer;padding:12px 0;font-weight:600}#pFaq details p{margin:0 0 12px;color:var(--ink2);font-size:.92rem}

/* pocetna: lijevo brojke i sljedeca svirka, desno "na vama" (najvise 4) */
.hello-l{display:flex;flex-direction:column;gap:14px}
.h-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.h-stats>div{background:rgba(255,255,255,.07);border:1px solid rgba(217,193,154,.22);border-radius:14px;padding:10px 12px}
.h-stats b{display:block;font:400 1.7rem/1.1 var(--serif);color:#fff}.h-stats span{font-size:.74rem;color:rgba(246,241,232,.7)}
.h-next{display:flex;gap:12px;align-items:center;background:rgba(47,143,99,.18);border:1px solid rgba(76,194,140,.45);border-radius:14px;padding:12px;text-decoration:none;color:#fff}
.h-next span{flex:1;min-width:0}.h-next small{display:block;color:#9fe0bf;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.h-next b{display:block;font-size:1rem}.h-next em{font-style:normal;font-size:.8rem;color:rgba(246,241,232,.75)}.h-next i{font-style:normal;color:#9fe0bf}
.ava.md{width:48px;height:48px}
.todo-h{margin:0 0 2px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d9c19a}
.todo-row{padding:9px 12px}.todo-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.todo-row em{font-style:normal;font-size:.72rem;color:#f0c987}
.todo-more{background:none;border:1px dashed rgba(217,193,154,.5);color:#d9c19a;border-radius:12px;padding:9px;font:600 .84rem var(--sans);cursor:pointer}
.list-q{width:100%;min-height:46px;border:1px solid var(--line);border-radius:999px;padding:0 18px;font:500 .95rem var(--sans);background:#fff;margin:0 0 10px}
#listMore{margin-top:10px}

/* popis vjencanja na mobitelu: oznaka statusa ispod imena, ime ne smije biti stisnuto */
.item-r .pill{white-space:nowrap}
@media (max-width:640px){
  .item{grid-template-columns:52px 1fr;row-gap:8px}
  .item-r{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px}
  .item-m .ava{width:36px;height:36px}
}

.ed-row{display:grid;gap:8px;align-items:end;border-top:1px solid var(--line);padding-top:10px;margin-bottom:6px}
.ex-row{grid-template-columns:3fr 1fr auto auto}.tm-row{grid-template-columns:1.2fr 1fr 1.4fr 1fr auto auto}
@media (max-width:700px){.ex-row,.tm-row{grid-template-columns:1fr 1fr}}
.ed-row .field{margin-bottom:0}.ed-row .check{margin:0 0 12px}
.o-extras{border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:6px 0 10px;background:#fff}.o-extras .check{margin:4px 0}
.ical-box{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.ical-box>div:first-child{flex:1;min-width:240px}.ical-box b{display:block}.ical-box .small{display:block}
.rem-btns{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.rem-btns .btn{flex:1 1 120px}

.rep-add-a{display:grid;grid-template-columns:1.3fr 1.3fr 1fr auto;gap:8px;align-items:end}
@media (max-width:700px){.rep-add-a{grid-template-columns:1fr 1fr}}
.rep-add-a .field{margin:0}.rep-add-a select,.ra-row select{min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 10px;background:#fff;font:inherit}
.ra-row{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:7px 0}
.ra-row b{display:block;font-size:.92rem}.ra-row span{font-size:.8rem;color:var(--muted)}.ra-row select{min-height:38px;font-size:.84rem}
.ra-genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ra-g{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:.84rem;background:#fff}.ra-g b{color:var(--gold);margin-left:3px}
.ra-g button{border:0;background:none;color:var(--busy);cursor:pointer;font-size:1rem;margin-left:4px}
.ra-u{grid-column:1/-1}.ra-u em{font-weight:400;color:var(--muted);font-style:normal}
.ra-link{display:block;width:100%;margin-top:4px;border:1px dashed var(--line);border-radius:8px;padding:4px 8px;font:.78rem var(--sans);color:var(--ink2);background:transparent}
.ra-link:focus{border-style:solid;background:#fff}
.hello>*{min-width:0}.hello .eyebrow{overflow-wrap:anywhere}
@media (max-width:420px){.hello{padding:16px}.hello h1{font-size:1.7rem}.h-stats b{font-size:1.4rem}}
@media (max-width:640px){.filters{flex-wrap:wrap;overflow:visible}.filters button{flex:0 1 auto}}

.ra-box{max-height:440px;overflow-y:auto;border:1px solid var(--line);border-radius:14px;padding:0 12px;scrollbar-width:thin;scrollbar-color:#d9c19a transparent}
.ra-box .ra-row:first-child{border-top:0}
.rev-row{align-items:flex-start}.rev-act{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rev-add{margin-top:12px}.rev-add summary{list-style:none;display:inline-flex}.rev-add summary::-webkit-details-marker{display:none}
.rev-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}
@media (max-width:760px){.rev-grid{grid-template-columns:1fr 1fr}}
.rev-grid select{min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 10px;background:#fff;width:100%}
.tabs{flex-wrap:wrap;overflow:visible}   /* planer: sve kartice vidljive, prelamaju se u drugi red */