/* =====================================================================
   Account: sign-in, onboarding, dashboard (and shared form parts used by
   the listing wizard and staff console).
   ===================================================================== */

/* ---------- Sign in ---------- */
.auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:calc(100svh - var(--hdr));background:var(--paper)}
.auth__art{position:relative;isolation:isolate;overflow:hidden;margin:12px 0 12px 12px;border-radius:var(--r-xl);background:var(--navy-deep);color:#fff;display:flex;align-items:flex-end}
.auth__art img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.auth__art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,43,77,.95) 0%,rgba(20,43,77,.55) 45%,rgba(20,43,77,.1) 100%)}
.auth__quote{padding:clamp(28px,4vw,56px)}
.auth__line{margin:0 0 22px;max-width:18ch;font:600 clamp(30px,3.2vw,44px)/1.08 var(--serif);letter-spacing:-.025em}
.auth__line em{color:var(--gold);font-style:normal}
.auth__quote ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.auth__quote li{display:flex;gap:10px;align-items:center;font-size:15px;color:rgba(255,255,255,.86)}
.auth__quote li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:rgba(232,200,131,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8C883' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") no-repeat center/11px}
.auth__panel{display:grid;place-items:center;padding:clamp(24px,5vw,64px)}
.auth__card{width:100%;max-width:440px}
.auth__card .h-section{font-size:clamp(28px,3vw,36px);margin:0 0 10px}
.auth__sub{margin:0 0 24px;color:var(--mut);font-size:15px;line-height:1.6}
.auth__sub b{color:var(--ink)}
@media (max-width:900px){
  .auth{grid-template-columns:1fr;min-height:0}
  .auth__art{margin:0;border-radius:0 0 28px 28px;min-height:230px}
  .auth__line{font-size:28px;margin-bottom:0}
  .auth__quote ul{display:none}
  .auth__panel{padding:28px var(--gut) 56px;place-items:start center}
}

/* ---------- Onboarding + profile ---------- */
.onboard{max-width:820px;padding-block:clamp(40px,6vw,72px)}
.onboard__head{margin-bottom:28px}
.onboard__head .h-display{font-size:clamp(34px,4.4vw,52px);margin:0 0 10px}
.pform{display:grid;gap:26px}
.pform__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
@media (max-width:640px){.types,.pform__grid{grid-template-columns:1fr}.pform__foot .btn{width:100%}}

/* ---------- Dashboard ---------- */
.dash__top{padding-block:clamp(28px,4vw,44px) 20px;background:linear-gradient(180deg,var(--paper-warm),var(--paper))}
.dash__top-in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.dash__top .h-section{margin:0}
.dash__acts{display:flex;flex-wrap:wrap;gap:10px}
.dash__body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;padding-block:20px 80px}
.dash__nav{position:sticky;top:calc(var(--hdr) + 16px);display:grid;gap:4px}
.dnav{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border:0;border-radius:12px;background:none;color:var(--text);font:600 14.5px var(--sans);text-align:start;cursor:pointer;transition:background .2s,color .2s}
.dnav .i{color:var(--mut)}
.dnav:hover{background:var(--paper-warm)}
.dnav.is-on{background:var(--navy);color:#fff}
.dnav.is-on .i{color:var(--gold)}
.dnav__n{margin-inline-start:auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--paper-warm);color:var(--mut);font:700 11.5px/22px var(--sans);font-style:normal;text-align:center}
.dnav.is-on .dnav__n{background:rgba(255,255,255,.18);color:#fff}
.dnav__n.is-hot{background:var(--red);color:#fff}
.dnav--out{margin-top:10px;color:var(--mut)}
.dash__main{display:grid;gap:22px;min-width:0}
.panel{padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.panel__head small{color:var(--mut)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpis--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi{display:grid;gap:6px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.kpi small{color:var(--mut);font-size:12.5px;font-weight:600}
.kpi b{font:600 34px/1 var(--serif);color:var(--navy);letter-spacing:-.02em}
.kpi em{font-style:normal;font-size:12px;color:var(--dim)}
.kpi--red{background:var(--navy);border-color:var(--navy)}
.kpi--red small{color:rgba(255,255,255,.7)}.kpi--red b{color:#fff}
.rows{list-style:none;margin:14px 0 0;padding:0}
.row{display:grid;grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.row b{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row small{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row time{color:var(--dim);font-size:12.5px;white-space:nowrap}
.ulist,.enqs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.uitem{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;transition:box-shadow .25s}
.uitem:hover{box-shadow:var(--sh-sm)}
.uitem__img{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--paper-warm)}
.uitem__img img{width:100%;height:100%;object-fit:cover}
.uitem__main{display:grid;gap:4px;justify-items:start;min-width:0}
.uitem__main b{font:700 18px/1.25 var(--serif);color:var(--navy)}
.uitem__main small{color:var(--mut);font-size:12.5px}
.uitem__price{font-weight:800}
.uitem__main .note{margin:6px 0 0;padding:8px 12px;font-size:13px}
.uitem__stats{display:flex;gap:18px;margin:0}
.uitem__stats div{display:grid;gap:2px;text-align:center}
.uitem__stats dt{font-size:11.5px;color:var(--mut)}
.uitem__stats dd{margin:0;font:600 22px/1 var(--serif);color:var(--navy)}
.uitem__acts{display:flex;gap:8px}
.enq{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.enq__who{display:grid;gap:4px;min-width:0;flex:1 1 280px}
.enq__who b{font-size:16px}
.enq__who small{color:var(--mut)}
.enq__unit{color:var(--navy);font-weight:700;font-size:14px}
.enq__who p{margin:6px 0 0;padding:10px 12px;border-radius:12px;background:var(--paper-warm);font-size:14px;color:var(--text)}
.enq__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.seg--sm .seg__a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-weight:700;font-size:13px;color:var(--mut)}
.seg--sm .seg__a.is-on{background:var(--navy);color:#fff}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{position:sticky;top:0;padding:12px 14px;background:var(--paper-warm);color:var(--mut);font-size:12px;font-weight:700;text-align:start;white-space:nowrap}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);white-space:nowrap}
.tbl td b{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis}
.tbl td small{color:var(--mut);font-size:11.5px}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.empty--big{padding:56px 24px}
@media (max-width:1100px){.uitem{grid-template-columns:100px minmax(0,1fr)}.uitem__stats,.uitem__acts{grid-column:2}}
@media (max-width:900px){
  .dash__body{grid-template-columns:1fr;padding-top:8px}
  .dash__nav{position:sticky;top:var(--hdr);z-index:20;display:flex;gap:6px;overflow-x:auto;margin-inline:calc(var(--gut)*-1);padding:10px var(--gut);background:rgba(250,250,247,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);scrollbar-width:none}
  .dash__nav::-webkit-scrollbar{display:none}
  .dnav{flex:none;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line)}
  .dnav.is-on{border-color:var(--navy)}
  .dnav--out{margin:0}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpis--6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row{grid-template-columns:auto minmax(0,1fr);row-gap:4px}
  .row small,.row time{grid-column:2}
  .dash__acts,.dash__acts .btn{width:100%}
}
@media (max-width:560px){.uitem{grid-template-columns:84px minmax(0,1fr);gap:12px}.uitem__stats{gap:12px}.enq__acts .btn{flex:1}}

/* =====================================================================
   Listing wizard
   ===================================================================== */
.wiz{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);max-width:calc(var(--wrap) + 2 * var(--gut));margin:0 auto;padding:clamp(24px,4vw,48px) var(--gut) 90px}
.wiz__rail{position:sticky;top:calc(var(--hdr) + 20px);align-self:start;display:grid;gap:14px}
.wiz__ref{margin:-6px 0 0;font-size:12px;color:var(--mut);min-height:14px}
.wsteps{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:s}
.wstep{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--mut);font:600 14px var(--sans);text-align:start;cursor:pointer;transition:background .2s,color .2s}
.wstep i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);font:600 11.5px/1 var(--mono);font-style:normal;transition:all .25s}
.wstep:hover{background:var(--paper-warm);color:var(--ink)}
.wstep.is-done{color:var(--ink)}
.wstep.is-done i{background:var(--navy-tint);border-color:var(--navy-tint);color:var(--navy)}
.wstep.is-on{background:var(--navy);color:#fff}
.wstep.is-on i{background:var(--red);border-color:var(--red);color:#fff}
.wiz__save{margin:0;min-height:18px;font-size:12.5px;color:var(--navy)}
.wiz__help{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--paper-warm);font-size:13px;color:var(--mut)}
.wiz__help b{color:var(--navy);font:700 17px var(--serif)}
.wiz__help .link{justify-self:start;margin-top:4px}
.wiz__main{min-width:0}
.wiz__bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-bottom:24px}
.wiz__bar span{display:block;height:100%;width:11%;background:linear-gradient(90deg,var(--navy),var(--red));border-radius:4px;transition:width .5s var(--ease)}
.wpane{margin:0;padding:0;border:0;min-width:0}
.wpane legend{margin:0 0 22px;padding:0;font-size:clamp(28px,3.2vw,40px)}
.wpane__body{display:grid;gap:20px;animation:you-acc .35s var(--ease)}
.wgrid{display:grid;gap:12px}
.wgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wlbl{margin:6px 0 -6px;font:600 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.wlbl em{font:400 12px var(--sans);letter-spacing:0;text-transform:none;color:var(--dim);margin-inline-start:6px}
.whint{margin:0;font-size:13.5px;color:var(--mut);line-height:1.55}
.wch input,.wchip input{position:absolute;opacity:0;pointer-events:none}
.wch>span{display:grid;gap:6px;height:100%;padding:20px;border:1.5px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .3s,transform .2s}
.wch>span:hover{border-color:var(--line-2);transform:translateY(-2px)}
.wch b{font:700 19px/1.2 var(--serif);color:var(--navy)}
.wch small{font-size:13px;color:var(--mut);line-height:1.45}
.wch.is-on>span{border-color:var(--navy);box-shadow:0 18px 36px -24px rgba(31,63,110,.7);background:linear-gradient(180deg,#fff,var(--navy-tint))}
.wch input:focus-visible+span,.wchip input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.wchips{display:flex;flex-wrap:wrap;gap:8px}
.wchip>span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}
.wchip>span:hover{border-color:var(--navy)}
.wchip.is-on>span{background:var(--navy);border-color:var(--navy);color:#fff}
.wchips--lg .wchip>span{height:46px}
.wchips--lg .wchip.is-on>span::before{content:"✓";margin-inline-end:8px;color:var(--gold)}
.stp{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 6px;border:1px solid var(--line-2);border-radius:14px;background:#fff}
.stp button{width:40px;height:40px;border:0;border-radius:10px;background:var(--paper-warm);color:var(--navy);font-size:20px;line-height:1;cursor:pointer}
.stp button:hover{background:var(--navy);color:#fff}
.stp output{font:700 22px var(--serif);color:var(--navy)}
.wtoggle{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px;cursor:pointer}
.wtoggle input{position:absolute;opacity:0}
.wtoggle>span{position:relative;width:46px;height:28px;border-radius:999px;background:var(--line-2);transition:background .2s}
.wtoggle>span::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .25s var(--ease)}
.wtoggle input:checked+span{background:var(--navy)}
.wtoggle input:checked+span::after{transform:translateX(18px)}
.wtoggle input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.wtoggle b{font-weight:600}
.wtoggle small{flex-basis:100%;margin-inline-start:58px;margin-top:-8px;font-size:12.5px;color:var(--mut)}
.wmap{position:relative;height:340px;border-radius:18px;overflow:hidden;background:var(--paper-warm);border:1px solid var(--line)}
.wmap__me{position:absolute;top:12px;right:12px;z-index:500;background:#fff}
.wproj{display:grid;gap:14px}
.wplist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.wplist__load{grid-column:1/-1;padding:14px;color:var(--mut);font-size:14px}
.wpitem{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1.5px solid var(--line);border-radius:14px;background:#fff;text-align:start;cursor:pointer;transition:border-color .2s}
.wpitem img,.wpitem i{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover;background:linear-gradient(150deg,#16284C,#34528E)}
.wpitem span{display:grid;gap:2px;min-width:0}
.wpitem b{font:700 16px var(--serif);color:var(--navy)}
.wpitem small{font-size:12px;color:var(--mut)}
.wpitem.is-on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.wreq{padding:14px 16px;border-radius:14px;background:var(--paper-warm)}
.wreq summary{cursor:pointer;font-weight:700;color:var(--navy)}
.wreq[open] summary{margin-bottom:12px}
.wreq .btn{margin-top:12px}
.wdrop{display:grid;place-items:center;min-height:170px;padding:24px;border:1.5px dashed var(--line-2);border-radius:18px;background:#fff;text-align:center;color:var(--mut);cursor:pointer;transition:border-color .2s,background .2s}
.wdrop:hover,.wdrop.is-over{border-color:var(--navy);background:var(--navy-tint);color:var(--navy)}
.wdrop span{display:grid;justify-items:center;gap:6px}
.wdrop b{color:var(--ink)}
.wdrop small{font-size:12.5px}
.wphotos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.wphotos li{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--paper-warm)}
.wphotos li:first-child{outline:2px solid var(--red);outline-offset:2px}
.wphotos img{width:100%;height:100%;object-fit:cover}
.wphotos em{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:var(--red);color:#fff;font:600 10.5px var(--sans);font-style:normal}
.wphotos div{position:absolute;inset:auto 6px 6px;display:flex;justify-content:space-between;gap:4px;opacity:0;transition:opacity .2s}
.wphotos li:hover div,.wphotos li:focus-within div{opacity:1}
.wphotos button{flex:1;height:28px;border:0;border-radius:8px;background:rgba(20,43,77,.82);color:#fff;font-size:15px;cursor:pointer}
.wphotos li.is-loading{background:linear-gradient(100deg,var(--paper-warm) 30%,#fff 50%,var(--paper-warm) 70%);background-size:220% 100%;animation:you-shimmer 1.2s linear infinite}
.wcount{margin:0;font:600 12px var(--mono);color:var(--mut)}
.wprice{max-width:420px}
.wmoney{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:14px;background:#fff;overflow:hidden}
.wmoney input{flex:1;min-width:0;height:60px;border:0!important;box-shadow:none!important;font:700 28px var(--serif)!important;color:var(--navy)!important}
.wmoney b{padding:0 18px;font:600 13px var(--mono);color:var(--mut)}
.wmoney:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px rgba(31,63,110,.12)}
.wtips{margin:0;padding:16px 16px 16px 34px;border-radius:14px;background:var(--paper-warm);font-size:13.5px;color:var(--mut);line-height:1.7}
.wrev__cover{aspect-ratio:16/7;border-radius:18px;overflow:hidden}
.wrev__cover img{width:100%;height:100%;object-fit:cover}
.wrev{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.wrev li{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:14px 18px;border-top:1px solid var(--line)}
.wrev li:first-child{border-top:0}
.wrev small{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.wrev b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrev em{grid-column:2;font-style:normal;font-size:13px;color:var(--red)}
.wrev li.is-bad{background:#FDF3F4}
.wrev .link{grid-row:1;grid-column:3}
.form-msg.is-bad{color:var(--red);font-weight:600}
.wiz__nav{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--paper) 70%,rgba(250,250,247,0));}
.wiz__count{font:600 12px var(--mono);color:var(--mut)}
@media (max-width:900px){
  .wiz{grid-template-columns:1fr;padding-top:16px}
  .wiz__rail{position:static;display:block}
  .wiz__rail .eyebrow,.wiz__ref,.wiz__help,.wiz__save{display:none}
  .wsteps{display:flex;overflow-x:auto;gap:6px;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 6px;scrollbar-width:none}
  .wsteps::-webkit-scrollbar{display:none}
  .wstep{flex:none;min-height:38px;padding:0 12px 0 6px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}
  .wstep i{width:24px;height:24px}
  .wgrid--3,.wgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wmap{height:280px}
  .wiz__nav{margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(20,43,77,.3)}
  .wiz__count{display:none}
  .wiz__nav .btn{flex:1}
}
@media (max-width:520px){.wgrid--2{grid-template-columns:1fr}.wrev li{grid-template-columns:1fr auto}.wrev small{grid-column:1/-1}.wrev em{grid-column:1/-1}}

/* =====================================================================
   Staff console
   ===================================================================== */
.con .kpi{text-decoration:none;transition:border-color .2s,transform .2s}
.con a.kpi:hover{border-color:var(--navy);transform:translateY(-2px)}
.queue{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.qitem{display:grid;grid-template-columns:260px minmax(0,1fr) 220px;gap:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.qitem--reg{grid-template-columns:auto minmax(0,1fr) 220px;align-items:center}
.qitem__ph{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start;position:relative}
.qitem__ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.qitem__ph img:first-child{grid-column:1/-1;border-radius:12px}
.qitem__ph em{position:absolute;right:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:rgba(20,43,77,.8);color:#fff;font:600 11px var(--mono);font-style:normal}
.qitem__main{display:grid;gap:5px;align-content:start;min-width:0}
.qitem__main b{font:700 20px/1.25 var(--serif);color:var(--navy)}
.qitem__main>span{font-size:13.5px;color:var(--text)}
.qitem__main small{color:var(--mut);font-size:12px}
.qitem__price{font-weight:800}
.qitem__by{color:var(--mut)!important;font-size:12.5px!important}
.qitem__desc summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--navy)}
.qitem__desc p{font-size:13.5px;color:var(--text);margin:8px 0 0}
.qitem__acts{display:grid;gap:8px;align-content:start}
.qitem__acts .btn{width:100%}
.qreject summary{list-style:none;width:100%}
.qreject summary::-webkit-details-marker{display:none}
.qreject__box{display:grid;gap:8px;margin-top:8px;padding:12px;border-radius:14px;background:var(--paper-warm)}
.qreject__box .wchip>span{height:32px;padding:0 12px;font-size:12.5px}
.qreject__box textarea{min-height:80px;padding:10px 12px;line-height:1.45}
.con-search{flex:1;max-width:320px}
.con-search .sel{min-height:40px;border-radius:999px;background-image:none}
.tbl__acts{display:flex;gap:14px;justify-content:flex-end}
.tbl__empty{text-align:center;color:var(--mut);padding:30px!important}
.link--red{color:var(--red)!important}
.con-pages{display:flex;gap:6px;flex-wrap:wrap}
.con-pages a{display:grid;place-items:center;min-width:36px;height:36px;border-radius:10px;border:1px solid var(--line);font-weight:700;font-size:13px}
.con-pages a.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.enq--con .enq__src{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--navy-tint);color:var(--navy);font-size:11px}
.enq__notes{margin-top:8px}
.enq__notes summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--navy)}
.enq__notes ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.enq__notes li{padding:10px 12px;border-radius:12px;background:var(--paper-warm);font-size:13px}
.enq__notes li p{margin:4px 0 0!important;padding:0!important;background:none!important}
.enq__notes time{color:var(--dim);font-size:11.5px}
.enq__add{display:grid;gap:8px}
.enq__add textarea{min-height:60px;padding:10px 12px}
.chart svg{display:block;width:100%;height:220px;margin-top:12px}
.chart__key{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--mut)}
.chart__key span{width:18px;height:3px;border-radius:2px;margin-inline-start:10px}
.k-v{background:var(--navy)}.k-e{background:var(--red)}
.chart__x{display:flex;justify-content:space-between;font:600 11px var(--mono);color:var(--dim);padding:0 28px}
.con-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tbl--mini th,.tbl--mini td{padding:9px 10px}
.bar{display:inline-block;vertical-align:middle;width:calc(var(--w) * .6);max-width:60%;height:6px;margin-inline-end:8px;border-radius:3px;background:linear-gradient(90deg,var(--navy),var(--navy))}
.toplist{margin:12px 0 0;padding-inline-start:20px;display:grid;gap:10px}
.toplist a{font-weight:700;color:var(--navy)}
.toplist span{display:block;font-size:12.5px;color:var(--mut)}
.print-head{display:none}
@media (max-width:1100px){.qitem{grid-template-columns:200px minmax(0,1fr)}.qitem__acts{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.con-2{grid-template-columns:1fr}}
@media (max-width:640px){.qitem,.qitem--reg{grid-template-columns:1fr}.tbl__acts{justify-content:flex-start}}
@media print{
  .ubar,.hdr,.ftr,.dash__nav,.dash__top,.panel__head .seg,.panel__head .dash__acts,.panel__head .btn,.wa-float,.drawer,.skip{display:none!important}
  body{background:#fff}
  .dash__body{display:block;padding:0}
  .print-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:16px;border-bottom:2px solid var(--navy)}
  .print-head p{margin:0;font-size:12px;color:var(--mut)}
  .kpi,.panel{break-inside:avoid;box-shadow:none}
  .con-2{grid-template-columns:1fr 1fr}
  @page{size:A4;margin:14mm}
}
.wsimilar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:12px;border-radius:12px;background:#fff;border:1px dashed var(--line-2)}
.wsimilar p{flex-basis:100%;margin:0 0 2px;font-size:13px;font-weight:700;color:var(--navy)}
.wsimilar .wchip{border:0;background:none;padding:0;cursor:pointer}
.qnew{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px;padding:8px 10px;border-radius:10px;background:#FBEEEE;border:1px solid #EBC9CA;font-size:12.5px;color:var(--red)}
.qnew b{font-weight:700;color:var(--red)}
/* Bookings tab */
.bklist{display:grid;gap:10px}
.bkrow{display:grid;grid-template-columns:170px 1fr auto auto auto;gap:16px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.bkrow--pending{border-color:#EBC9CA;background:#FFFCF4}
.bkrow__d,.bkrow__u{display:grid;gap:2px;min-width:0}.bkrow__d small,.bkrow__u small{color:var(--mut);font-size:12.5px}
.bkrow__u a{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkrow__t{font-weight:800;color:var(--navy);white-space:nowrap}
.bkrow__a{display:flex;gap:8px}
.bkblock{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}
.bkical{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.bkical li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--paper-warm)}
@media (max-width:900px){.bkrow{grid-template-columns:1fr auto}.bkrow__u,.bkrow__a{grid-column:1/-1}.bkblock{grid-template-columns:1fr}}
/* Trips (guest bookings) */
.trips{display:grid;gap:12px}
.trip{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;color:inherit;transition:border-color .2s}
.trip:hover{border-color:var(--navy)}
.trip img{width:110px;height:84px;border-radius:12px;object-fit:cover}
.trip__b{flex:1;display:grid;gap:4px}.trip__b b{font:700 18px var(--serif)}.trip__b small{color:var(--mut)}.trip__b em{font-style:normal;font-weight:700;color:var(--navy)}
/* Wizard: the step row scrolls on its own instead of widening the page. */
.wiz,.wiz>*,.wiz__rail,.wiz__main{min-width:0}
@media (max-width:900px){
  .wsteps{display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .wsteps::-webkit-scrollbar{display:none}
  .wstep{flex:none;scroll-snap-align:center}
}
/* Trips: stack on phones so the title gets the full width. */
@media (max-width:640px){
  .trip{display:grid;grid-template-columns:96px 1fr;align-items:start;gap:12px 14px}
  .trip img{width:96px;height:80px}
  .trip__b b{font-size:17px;line-height:1.25}
  .trip .pill{grid-column:2;justify-self:start}
}
.trust{display:inline-flex;align-items:center;gap:6px;margin-inline-end:10px;font-size:12.5px;font-weight:700;cursor:pointer}
.trust input{accent-color:var(--navy)}
.sel--sm{height:32px;margin-inline-end:10px;padding:0 28px 0 10px;font-size:12.5px}
body.is-agent [data-unit-act="approve"],body.is-agent [data-unit-act="reject"],body.is-agent [data-co-act]{display:none!important}
body.is-agent .qitem__acts::after,body.is-agent .creg__acts::after{content:"A YOU manager approves this";font-size:12.5px;font-weight:600;color:var(--mut)}
/* Add a project */
.ap{padding:28px 0 90px;max-width:980px}
.ap__head{margin-bottom:22px}.ap__head .lead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--mut)}
.ap__form{display:grid;gap:18px}
.ap__step{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;display:grid;gap:14px}
.ap__step h2{display:flex;align-items:center;gap:12px;margin:0;font:700 22px var(--serif);color:var(--navy)}
.ap__step h2>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font:700 14px var(--sans)}
.ap__opt{font:500 13px var(--sans);color:var(--mut);font-style:normal}
.ap__matches{display:grid;gap:8px}
.ap__mh{margin:0;font-size:12.5px;font-weight:700;color:var(--red)}
.ap__m{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:14px;background:#fff;text-align:start;cursor:pointer;transition:border-color .2s}
.ap__m:hover{border-color:var(--navy)}
.ap__m span{flex:1;display:grid;gap:2px}.ap__m b{font-size:15px}.ap__m small{color:var(--mut);font-size:12.5px}
.ap__m em{font:600 11.5px var(--mono);font-style:normal;color:var(--navy)}
.ap__m i{font-style:normal;font-weight:700;color:var(--navy)}
.ap__m--new{border-style:dashed;background:var(--paper)}
.ap__picked{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ap__chip{display:grid;gap:2px;padding:12px 16px;border-radius:14px;background:#E7F6EE}
.ap__chip.is-new{background:#FBEEEE}
.ap__chip b{font-size:15.5px}.ap__chip small{font-size:12.5px;color:var(--mut)}
.ap__newh{margin:4px 0 0;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ap__new{display:grid;gap:12px}
.ap__tblwrap{overflow-x:auto}
.ap__tbl{width:100%;min-width:720px;border-collapse:separate;border-spacing:6px}
.ap__tbl th{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:start}
.ap__tbl .sel,.ap__tbl .inp{width:100%;height:42px}
.ap__foot{display:flex;justify-content:flex-end}
.ap__done{display:grid;justify-items:center;gap:10px;padding:60px 0;text-align:center}
.ap__acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
/* Add a project: full project form */
.ap__sub{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line);font:700 18px var(--serif);color:var(--navy)}
.ap__hint{margin:-4px 0 0;font-size:13px;color:var(--mut)}
.ap__map{height:320px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.pform__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ap__chips{display:flex;flex-wrap:wrap;gap:8px}
.ap__chips .wchip{position:relative;cursor:pointer}.ap__chips .wchip input{position:absolute;opacity:0;inset:0}
.ap__chips .wchip span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font:600 13px var(--sans)}
.ap__chips .wchip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.ap__media{display:flex;flex-wrap:wrap;gap:18px}
.ap__fname{display:block;max-width:90px;font-size:10.5px;line-height:1.2;word-break:break-all;color:var(--navy)}
.ap__gal{display:flex;flex-wrap:wrap;gap:10px}
.ap__galadd{display:grid;place-items:center;align-content:center;gap:2px;width:150px;height:100px;border:1.5px dashed var(--line-2);border-radius:14px;cursor:pointer;text-align:center;font-weight:700;font-size:13px;color:var(--navy)}
.ap__galadd small{font-weight:500;font-size:11px;color:var(--mut)}
.ap__gi{position:relative;width:150px;height:100px;border-radius:14px;overflow:hidden}
.ap__gi img{width:100%;height:100%;object-fit:cover}
.ap__gi button{position:absolute;top:6px;inset-inline-end:6px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.ap__gi em{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:var(--navy);color:#fff;font:700 10px var(--sans);font-style:normal}
.rte{border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:#fff}
.rte__bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--line);background:var(--paper)}
.rte__bar button{min-width:36px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:none;font:700 13px var(--sans);color:var(--ink);cursor:pointer}
.rte__bar button:hover{background:#fff;border-color:var(--line-2)}
.rte__bar i{width:1px;margin:4px 4px;background:var(--line-2)}
.rte__area{min-height:260px;max-height:640px;overflow-y:auto;padding:18px 20px;outline:0;font-size:15.5px;line-height:1.7}
.rte__area:empty::before{content:attr(data-placeholder);color:var(--dim)}
.rte__area h2{font:700 24px var(--serif);color:var(--navy);margin:18px 0 8px}.rte__area h3{font:700 19px var(--serif);color:var(--navy);margin:14px 0 6px}
.rte__area blockquote{margin:12px 0;padding:6px 16px;border-inline-start:3px solid var(--gold);color:var(--mut);font-style:normal}
.rte__area a{color:var(--navy);text-decoration:underline}
.ap__faqs{display:grid;gap:10px}
.ap__faq{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.ap__faq textarea{grid-column:1}.ap__faq .inp{width:100%}
.ap__faq button{grid-row:1/3;grid-column:2;align-self:start;font-size:20px}
@media (max-width:760px){.pform__grid--4{grid-template-columns:1fr 1fr}.ap__gi,.ap__galadd{width:calc(50% - 5px)}}
.wseo{margin-top:6px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.wseo summary{cursor:pointer;font-weight:700;font-size:14.5px}.wseo summary em{font-weight:500;font-style:normal;color:var(--mut);font-size:12.5px}
.wseo .wgrid{margin-top:12px}
[data-cc].is-over{color:var(--red);font-weight:700}
[dir=rtl] input,[dir=rtl] textarea,input[dir=rtl],textarea[dir=rtl]{font-family:var(--sans)}
.rte[dir=rtl] .rte__area{text-align:right;font-family:var(--sans)}
[data-apcc].is-over{color:var(--red);font-weight:700}
.ppage{display:grid;gap:12px;margin-top:10px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.ppage__h{display:flex;justify-content:space-between;align-items:center;margin:0;font:700 20px var(--serif);color:var(--navy)}.ppage__h a{font:700 13px var(--sans)}
.ppage__note{margin:-6px 0 0;color:var(--mut);font-size:13px}
.ppage__lbl{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.rte__area figure{margin:14px 0}
.rte__area img{max-width:100%;height:auto;border-radius:12px;cursor:pointer;outline:2px solid transparent;transition:outline-color .15s}
.rte__area img:hover{outline-color:var(--navy)}
.rte__area figcaption{color:var(--mut);font-size:13px;text-align:center}
.rte__bar [data-rte-img]{font-size:12.5px}
.ap__fps{display:flex;flex-wrap:wrap;gap:12px}.ap__fp{display:grid;gap:6px;width:170px}.ap__fp .ap__gi{width:170px;height:120px;background:#fff;border:1px solid var(--line)}.ap__fp .ap__gi img{object-fit:contain}.ap__fp .inp{height:38px;font-size:12.5px}
.wadd{display:inline-flex}.wadd__btn{border-style:dashed!important;color:var(--navy)!important;font-weight:700}.wadd__form{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.wadd__form[hidden]{display:none}.wadd__form .inp{height:38px;width:170px}
.wcount.is-good{color:var(--navy);font-weight:700}
/* Projects list (sidebar) */
.plist__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.plist__head .dsec__h em{font:600 13px var(--sans);font-style:normal;color:var(--mut)}
.plist__tools{display:flex;gap:10px;align-items:center}
.plist__q{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:#fff;color:var(--mut)}
.plist__q input{border:0;outline:0;background:none;font:500 14px var(--sans);width:220px}
.plist__rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.plist__row{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}
.plist__row[hidden]{display:none}
.plist__img img,.plist__img span{display:block;width:96px;height:72px;border-radius:12px;object-fit:cover;background:var(--paper-warm)}
.plist__main{display:grid;gap:4px;min-width:0}
.plist__main b{font:700 17px var(--serif);color:var(--navy)}
.plist__main small{color:var(--mut);font-size:13px}
.plist__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12.5px;color:var(--mut)}
.plist__todo{font-size:12px;font-weight:600;color:var(--red)}
.plist__acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ap__editbar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;font-size:14px;color:var(--mut)}.ap__editbar a{font-weight:700}
@media (max-width:760px){.plist__row{grid-template-columns:72px 1fr}.plist__img img,.plist__img span{width:72px;height:56px}.plist__acts{grid-column:1/-1;justify-content:flex-start}.plist__q input{width:140px}}
.plist__note{margin:-6px 0 14px;font-size:13px;color:var(--mut)}
.plist__img--logo img,.plist__img--logo span{width:72px;height:72px;object-fit:contain;padding:6px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font:700 26px var(--serif);color:var(--navy)}
.plist__locked{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;background:var(--paper-warm);font-size:12.5px;font-weight:600;color:var(--mut)}
.pill--mute{background:var(--paper-warm);color:var(--mut)}
.logo-up__st{display:block;max-width:220px;font-size:12px;line-height:1.4;color:var(--mut);word-break:break-word}
.logo-up__st.is-ok{color:var(--navy);font-weight:600}.logo-up__st.is-bad{color:var(--red);font-weight:600}
.logo-up.is-busy .logo-up__img{animation:you-pulse 1s ease-in-out infinite}
@keyframes you-pulse{50%{opacity:.4}}
.ap__pdf{display:grid;place-items:center;width:100%;height:100%;background:var(--red);color:#fff;font:800 13px var(--sans);border-radius:inherit}
.ap__draftst{flex:1;font-size:12.5px;color:var(--mut)}
.ap__foot{align-items:center;gap:12px}
.ap__restore{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;border-radius:14px;background:#FBEEEE;border:1px solid #EBC9CA;font-size:14px;color:var(--red)}
.ap__restore span{flex:1}
.ap__del{margin-inline-end:auto}.plist__nodel{display:inline-flex;align-items:center;height:34px;padding:0 4px;font-size:12px;font-weight:600;color:var(--mut);cursor:help;white-space:nowrap}
/* Drag & drop */
.ap__gal.is-over,.ap__fps.is-over,.logo-up.is-over{outline:2px dashed var(--navy);outline-offset:6px;border-radius:16px;background:var(--navy-tint)}
.ap__gi[draggable=true],.ap__fp[draggable=true]{cursor:grab}
.ap__gi.is-drag,.ap__fp.is-drag{opacity:.4}
.ap__gi.is-target,.ap__fp.is-target{outline:2px solid var(--navy);outline-offset:2px}
.logo-up::after{content:attr(data-drop-hint);display:block}
[data-w-photos] li[draggable=true]{cursor:grab}[data-w-photos] li.is-drag{opacity:.4}[data-w-photos] li.is-target{outline:2px solid var(--navy);outline-offset:2px}