/* Boorgan identity: supplied yellow/black/white palette, shared by all layouts. */
:root{
 --bg:#FAFAF7;--surface:#FFFFFF;--surface-2:#F4F4EF;--border:#D5D5CB;
 --ink:#30302C;--ink-2:#54544D;--ink-3:#73736B;
 --primary:#F8BA17;--primary-soft:#FFF3C4;--primary-ink:#766000;
 --accent:#9B7100;--accent-soft:#FFFBEB;--brand-ink:#181818;--brand-hover:#E5A900;--brand-pressed:#CA9200;
 --danger:#DC2626;--danger-soft:#FEF2F2;--info:#2563EB;--info-soft:#EFF6FF;
 --focus:#766000;--input-border:#85857B;
 --shadow:0 1px 2px #18181806,0 8px 24px #18181808;--shadow-lg:0 12px 40px #18181820;
}
html.dark{
 --bg:#141413;--surface:#1E1E1B;--surface-2:#292925;--border:#3D3D35;
 --ink:#FAFAF7;--ink-2:#C7C7BC;--ink-3:#A3A397;
 --primary:#F8BA17;--primary-soft:#443600;--primary-ink:#FFD454;
 --accent:#FFC52E;--accent-soft:#443600;--danger:#FCA5A5;--danger-soft:#451C1C;
 --info:#93C5FD;--info-soft:#172B4A;--focus:#FFD454;
 --shadow:0 1px 2px #0005,0 8px 24px #0003;--shadow-lg:0 12px 40px #0007;
}
h1,h2,h3{color:var(--ink)}
.btn-primary,.fab,.lb-dl,.pk-day.sel,.tp-ampm button.on,.todo-item.done .todo-check{color:var(--brand-ink)}
.btn-primary:hover,.fab:hover,.lb-dl:hover{background:var(--brand-hover);filter:none}
.btn-primary:active,.fab:active,.lb-dl:active{background:var(--brand-pressed)}
.btn-ghost{background:var(--surface);border-color:var(--input-border)}
.avatar{background:var(--primary-soft);color:var(--primary-ink)}
.fab{box-shadow:0 10px 28px #18181825}
.field input,.field select,.field textarea,.search input,.choice-trigger,.choice-query{border-color:var(--input-border);background:var(--surface)}
.field input:focus,.field select:focus,.field textarea:focus,.search input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--primary-soft)}
:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.notif-ic,.choice-clear,.choice-option[aria-selected=true]::before{color:var(--primary-ink)}
.sidebar{background:#181818;border-color:#3D3D35;color:#FAFAF7}
.sidebar .nav a,.sidebar .nav-grp-btn{color:#C7C7BC}
.sidebar .nav a:hover,.sidebar .nav-grp-btn:hover{background:#292925;color:#FAFAF7}
.sidebar .nav a.active{background:#F8BA17;color:#181818}
.sidebar .side-foot{border-color:#3D3D35}
.sidebar .muted,.sidebar .side-brand span{color:#C7C7BC}
.sidebar .icon-btn{background:#292925;border-color:#85857B;color:#FAFAF7}
.side-brand{gap:12px;min-height:112px;padding:4px 6px 16px}
.side-brand b{font-size:16px;color:#FAFAF7}
.boorgan-mark{display:block;flex:none;line-height:0}
.boorgan-mark img{display:block;object-fit:contain;width:60px;height:76px}
.boorgan-mark .brand-logo-dark{display:none}
html.dark .boorgan-mark .brand-logo-light,.brand-on-dark .brand-logo-light{display:none}
html.dark .boorgan-mark .brand-logo-dark,.brand-on-dark .brand-logo-dark{display:block}
.brand{justify-content:center;flex-direction:column;text-align:center;gap:16px}
.brand .boorgan-mark img{width:100px;height:126px}
.brand h1{font-size:21px;color:var(--ink)}
.brand p{font-size:13px}
.login-wrap{background:radial-gradient(ellipse at top,#FFF3C4 0,transparent 60%),var(--bg);grid-template-rows:1fr auto;gap:14px}
html.dark .login-wrap{background:radial-gradient(ellipse at top,#443600 0,transparent 60%),var(--bg)}
.login-card{border-top:4px solid #F8BA17}
.public-property{background:var(--bg)}
.property-brand{color:var(--ink);font-size:20px}
.property-brand small{font-size:12px}
.property-price{color:var(--ink)}
.property-eyebrow{color:var(--primary-ink)}
.property-mobile-call{color:#181818;background:#F8BA17}
.property-call{color:#181818}
.property-footer{max-width:none;background:#181818;color:#F4F4EF;margin-top:24px}
.public-property button:focus-visible,.public-property a:focus-visible{outline-color:var(--focus)}
.property-lightbox{background:#141413}
.property-lightbox-content{direction:rtl}
.property-lightbox-content button{background:#292925;color:#FAFAF7}
.property-lightbox-content button:hover{background:#F8BA17;color:#181818}
.gallery-arrow{width:25px;height:25px;display:block;flex:none;pointer-events:none;direction:ltr}
.property-lightbox-content button{display:grid;place-items:center}
.share-toast{background:#181818;color:#FAFAF7;border:1px solid #F8BA17}
.share-toast.share-error{background:#991B1B;border-color:#FCA5A5}
.brand-survey{--bg1:#181818;--bg2:#262626;--card:#FFF;--ink:#30302C;--ink2:#54544D;--ink3:#73736B;--line:#D5D5CB;--soft:#F4F4EF;--primary:#F8BA17;--primary2:#E5A900;--gold:#F8BA17;--ok:#15803D;background:#181818}
.survey-brand{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 20px 0;color:#FAFAF7}
.survey-brand strong{display:block;font-size:21px}.survey-brand small{color:#C7C7BC}
.brand-survey .hero-bg{background:radial-gradient(circle at 30% 20%,#F8BA171F,transparent 60%)}
.brand-survey .ava-fallback{background:#262626;color:#F8BA17}
.brand-survey .hbtn-primary,.brand-survey .nnext,.brand-survey .nsubmit{background:#F8BA17;color:#181818;box-shadow:0 8px 22px #18181820}
.brand-survey .hbtn-primary:hover,.brand-survey .nnext:hover,.brand-survey .nsubmit:hover{background:#E5A900}
.brand-survey .fin-name,.brand-survey .fin-comment{border-color:#85857B}
.brand-survey .hero h1,.brand-survey .hero h2{color:#FAFAF7}
.brand-survey .footer-brand{color:#C7C7BC}
@media(max-width:540px){.property-brand{font-size:17px}.property-brand .boorgan-mark img{width:52px;height:66px}.brand .boorgan-mark img{width:88px;height:112px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Keep native pinch zoom while preventing automatic input zoom on phones. */
@media(max-width:1000px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=file]),textarea,select,[contenteditable=true]{font-size:16px!important}}

/* Keep the app header in the document scrolling context, including mobile. */
.app>.main{overflow:visible}.app>.main>.topbar{position:sticky;top:0;z-index:40;flex-shrink:0;min-height:60px;padding-top:max(10px,env(safe-area-inset-top))}

/* Pin the app navigation independently of Safari's ancestor overflow behavior. */
.app>.main{padding-top:var(--app-header-height,82px)}.app>.main>.topbar{position:fixed;top:0;right:248px;left:0;width:auto;z-index:40;box-shadow:0 2px 10px #18181808}
@media(max-width:980px){.app>.main>.topbar{right:0}.app>.main{padding-top:var(--app-header-height,72px)}}
body.ai-page .app>.main{padding-top:0}body.ai-page .app>.main>.topbar{position:relative;inset:auto;width:auto}
.ranking-page,.ranking-page .panel,.ranking-page .rank-list{min-width:0;max-width:100%}.ranking-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-top:16px}.ranking-trend{display:block;max-width:100%;min-width:0}
.ranking-page .rank-row{display:grid;grid-template-columns:26px 36px minmax(0,1fr) auto;gap:10px;padding:12px 14px;min-width:0}.ranking-person{min-width:0;overflow-wrap:anywhere}.ranking-score{min-width:65px;text-align:end;font-variant-numeric:tabular-nums}.ranking-score .stars{white-space:nowrap}.ranking-page .card-head h3{overflow-wrap:anywhere}
.ranking-branch-row{display:grid;grid-template-columns:26px minmax(0,1fr) 50px;align-items:center;gap:8px;padding:12px 14px}.ranking-branch-row .name{min-width:0;overflow-wrap:anywhere;font-size:13px}.ranking-branch-row .val{grid-column:3;grid-row:1;text-align:end;font-weight:700}.ranking-branch-row .bar-track{grid-column:2 / -1;width:100%;min-width:0;display:block}.ranking-branch-row .bar-fill{display:block;height:100%}
@media(max-width:1100px){.ranking-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.ranking-page .rank-row{gap:7px;padding:10px}.ranking-score{grid-column:3 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px}.ranking-person{grid-column:3 / -1}}