/* SABZIO — Calm architectural workspace / 2026-10-22
   Additive skin over the original V3 app. No custom cursor or webfont download.
   Every interaction remains handled by Django and the existing application JS. */
:root{
 --navy:#204c3d;--navy-2:#1d4438;--navy-3:#163529;
 --orange:#ba8851;--orange-2:#d1a56b;
 --ink:#263a32;--muted:#75847b;--bg:#f7f6f1;
 --surface:#fffefa;--surface-2:#f0f4ed;--line:#e4e9df;
 --success:#2f805a;--danger:#b85652;--warning:#c59149;
 --shadow:0 18px 46px rgba(29,62,44,.10);
 --shadow-soft:0 7px 24px rgba(29,62,44,.06);
 --sg-navy:#204c3d;--sg-navy-mid:#204c3d;--sg-navy-deep:#163529;
 --sg-orange:#ba8851;--sg-orange-light:#d1a56b;
 --sg-ink:#263a32;--sg-muted:#75847b;--sg-line:#e4e9df;--sg-bg:#f7f6f1;
}
html{scroll-behavior:smooth}body,button,input,select,textarea{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
body.app-body{background:radial-gradient(circle at 96% 1%,#e9f0e7 0,transparent 32%),linear-gradient(180deg,#fbfaf5,#f7f6f1 450px);color:var(--ink)}
*{cursor:auto}a,button,select,[role="button"],summary,input[type="checkbox"],input[type="radio"]{cursor:pointer!important}input:not([type="checkbox"]):not([type="radio"]),textarea{cursor:text!important}
:focus-visible{outline:3px solid #b38e5b;outline-offset:3px}
.app-topline{height:3px;background:linear-gradient(90deg,#254e3f 0 76%,#b38c56 76% 100%)}
.site-header{background:rgba(255,254,249,.96)!important;border-bottom:1px solid #e4e8dc;box-shadow:0 5px 24px rgba(34,66,48,.07);backdrop-filter:blur(14px)}
.site-header:after{display:none}
.site-header .header-inner{min-height:79px;grid-template-columns:minmax(215px,275px) minmax(0,1fr) auto;gap:12px}
.site-header .brand{color:var(--navy)!important;overflow:visible;min-width:0}
.site-header .brand-mark{width:48px;height:48px;border-radius:15px;background:#eff4eb;box-shadow:none;border:1px solid #dde9dc;flex:none}
.site-header .brand-mark img,.site-header .brand img{width:44px;height:44px;padding:2px;background:none;box-shadow:none}
.brand-copy{gap:1px;white-space:nowrap}.brand-copy b{font-size:20px!important;font-weight:900;letter-spacing:-.5px;line-height:1.3;max-width:none}
.brand-copy small{font-size:10px!important;color:#869489!important;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.brand-roman{font-size:9px;color:#a5afa0;font-weight:700;letter-spacing:1.1px;margin-right:5px;vertical-align:middle}
.nav a{color:#607268!important;border-radius:11px;font-size:12px!important;font-weight:700}
.nav a:hover{background:#eff5ec!important;color:#225641!important}.nav a.active{background:#eaf2e7!important;color:#245840!important}
.nav-dot{background:#a5bba8!important}.nav a.active .nav-dot{background:#3d8661!important}
.site-header .header-actions{gap:10px}.site-header .user-menu-button{background:#f4f6f1;border:1px solid #e3e8df;color:#2b4b38;box-shadow:none}
.user-chip-copy b{color:#345346}.user-chip-copy small,.user-chevron{color:#829587}
.site-header .user-avatar,.member-avatar,.mini-avatar{background:#dfece1;color:#275840}
.mobile-toggle{background:#edf4eb!important;border:1px solid #dfebe0!important;color:#204c3d!important}
.dropdown-menu{box-shadow:0 18px 48px rgba(29,62,44,.16);border-color:#e6ecdf}
.dropdown-menu a:hover,.dropdown-menu a:focus{background:#f1f7ef}
.btn,.btn-outline,.btn-danger,.form-input,.property-cta{transition:background-color .16s,box-shadow .16s,border-color .16s,transform .16s}
.btn-orange,.sg-login-submit,.search-all-submit{background:#23553f!important;color:white!important;box-shadow:0 9px 24px rgba(35,85,63,.18)!important;border:0}
.btn-orange:hover,.sg-login-submit:hover,.search-all-submit:hover{background:#194832!important;box-shadow:0 11px 28px rgba(35,85,63,.22)!important}
.btn-navy,.btn:not(.btn-orange):not(.btn-light):not(.btn-outline):not(.btn-danger){background:#2f5c49;color:#fff}
.btn-outline{background:#fffefa;color:#315840;border:1px solid #d9e4da}
.btn-outline:hover{background:#f2f8ef;border-color:#a7c6ae}
.btn-light{color:#28503d;background:#fffefa;box-shadow:none}
.btn-danger{color:#b55651;background:#fcf1ef}
.form-input{border-color:#dce5db;background:#fffefa;color:#243c2d;border-radius:12px;font-size:13px}
.form-input:focus{border-color:#79a98b!important;box-shadow:0 0 0 4px rgba(76,132,90,.13)!important}
.dashboard-hero,.account-hero,.team-hero,.agency-settings-hero,.form-context-banner{background:linear-gradient(118deg,#204839,#2d5b47 58%,#527562)!important;border:1px solid rgba(240,242,221,.28)!important;box-shadow:0 24px 58px rgba(22,65,41,.13)!important}
.dashboard-hero{min-height:400px;padding:47px 49px 105px;border-radius:29px;isolation:isolate;overflow:visible}
.dashboard-hero:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 80% 100%,rgba(210,194,144,.24),transparent 48%);}
.dashboard-hero:after{content:"";position:absolute;left:2.5%;bottom:30px;top:30px;width:30%;height:auto;border:0;border-radius:9px;box-shadow:none;opacity:.63;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 28px,rgba(225,230,205,.11) 28px 30px,transparent 30px 75px),linear-gradient(150deg,transparent 30%,rgba(247,239,212,.12) 30% 34%,transparent 34% 45%,rgba(247,239,212,.07) 45%);clip-path:polygon(0 40%,35% 20%,60% 30%,70% 6%,100% 22%,100% 100%,0 100%)}
.hero-copy{max-width:850px}.hero-copy h1{font-size:clamp(26px,3.35vw,44px);font-weight:650;line-height:1.65;margin:9px 0 7px;max-width:800px}
.hero-copy h1 strong{color:#f3e4bf!important;font-weight:900;display:block}
.hero-copy p{max-width:720px;color:#dce9db;font-size:13px;line-height:2.1}
.hero-kicker,.section-kicker{color:#ba8f53;font-size:10px;letter-spacing:.75px}
.dashboard-hero .hero-kicker,.dashboard-hero .section-kicker{color:#e7c697}
.hero-agency-chip{border:1px solid rgba(255,255,255,.22);color:#eaf2e9;background:rgba(255,255,255,.09)}
.system-live{color:#e1e9dc}.hero-side-status{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}
.hero-actions{gap:10px;flex-wrap:wrap}.btn-ghost-light{border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.06)!important}
.hero-search .form-input{background:#fffefa;border:4px solid #fffefa;box-shadow:0 14px 38px rgba(19,55,39,.17)}
.hero-search .form-input:focus{border-color:#fffefa}.hero-search-intro{color:#355a46}.search-icon{color:#24513d}.dashboard-search-results{border:1px solid #e3e9df}
.stats-strip{gap:13px}.stats-strip .stat-card{background:#fffefa;border-color:#e5eadf;box-shadow:0 9px 26px rgba(38,67,45,.045);border-radius:19px;min-height:118px}
.stats-strip .stat-card strong{color:#214d39}.stats-strip .stat-card>span{color:#a6b1a3}.stats-strip .stat-card.stat-accent{background:#244f3e;border-color:#244f3e}.stats-strip .stat-card.stat-accent strong{color:#fff}.stats-strip .stat-card.stat-accent small{color:#e7f0e7}.stats-strip .stat-card.stat-accent>span{color:#adc8b4}
.stats-strip .stat-card.stat-warning{background:#fffaf1;border-color:#f1e7d1}
.section-heading h2,.info-card-head h2,.page-title h1{color:#214d3b}
.workspace-card,.team-snapshot-card,.info-card,.summary-tile,.smart-form,.filter-drawer,.property-card,.agency-summary-grid,.team-table-card{background:#fffefa!important;border:1px solid #e3e9df!important;box-shadow:0 8px 26px rgba(29,62,44,.05)!important}
.workspace-card{border-radius:20px;min-height:140px}.workspace-card:hover{border-color:#bdd4c1!important;box-shadow:0 16px 36px rgba(29,62,44,.1)!important}
.workspace-card p,.subtitle{color:#7a887d}.workspace-card h3{color:#254e3e}.workspace-card:after{background:#eef4eb}
.workspace-index{color:#b0c2af}.workspace-card b{color:#457c58}
.property-card{display:flex;flex-direction:column;border-radius:21px}.property-media{height:200px;background:#eaf0e7}
.property-body{display:flex;flex-direction:column;flex:1;padding-bottom:13px}.property-body h3{font-size:16px;line-height:1.75;color:#284b38}
.property-facts-mini{gap:8px}.property-price{margin-top:auto}
.property-cta{margin-top:auto;border-radius:11px;background:#ebf3e9;color:#245b41}
.property-cta:hover{background:#dfeedd;color:#18482f}
.badge.orange,.result-count,.status-dot{background:#edf3eb;color:#38654c;border-color:#dbe9d9}
.badge.presale{background:#24553f;border-color:#24553f}
.road-pill{display:inline-flex!important;width:max-content!important;max-width:100%;min-height:0!important;align-items:center!important;gap:6px;padding:4px 9px!important;margin:7px 0!important;border:1px solid #e2e9de!important;border-radius:8px!important;background:#f1f6ed!important;font-size:10px!important;color:#547261!important;line-height:1.6!important}
.road-pill b{font-size:10px!important;white-space:nowrap;color:#305942}
.detail-hero{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);align-items:stretch}
.detail-media{box-shadow:0 14px 35px rgba(32,74,49,.09);background:#e9ede4;height:460px}
.detail-media-shade{background:linear-gradient(to top,rgba(19,48,33,.84),transparent 70%)}
.detail-price-panel{background:#f9faf5!important;color:#244936!important;border:1px solid #e2eade!important;box-shadow:0 14px 33px rgba(31,66,44,.08)!important;padding:24px 26px;justify-content:center;min-height:460px}
.detail-price-panel>.section-kicker{color:#977448!important}.detail-price-panel>small,.detail-price-panel .meter-price span{color:#829387!important;font-size:12px}
.detail-price-panel>strong{font-size:clamp(24px,2.6vw,33px);color:#1c4935!important;overflow-wrap:anywhere}
.detail-price-panel .meter-price{border-color:#e2e9dd}.detail-price-panel .meter-price b{color:#315c42;font-size:15px}
.detail-price-panel .detail-actions{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap}
.detail-price-panel .detail-actions .btn{flex:1 1 auto;min-width:94px}
.detail-price-panel .detail-actions .btn-outline{background:#fff!important;border:1px solid #cddccd!important;color:#29533b!important}
.detail-price-panel .creator-stamp{border-color:#dde7db!important;background:#eef4eb;color:#27543b}.detail-price-panel .creator-stamp small{color:#758a7a}.detail-price-panel .creator-stamp b{color:#25533c}
.contract-panel-date{background:#edf3e9;color:#2a563b}
.v2-property-strip{gap:8px;margin:12px 0;align-items:start}.v2-property-strip>div{flex:0 1 auto;min-width:0;max-width:240px;padding:9px 12px;border-color:#e3eade;background:#fffefa;box-shadow:none;border-radius:12px}.v2-property-strip small{font-size:10px;color:#8b998d}.v2-property-strip strong{font-size:12px;margin-top:2px;color:#2c5941;white-space:normal}
.detail-summary-grid{gap:10px}.summary-tile{border-radius:14px}.summary-tile strong{color:#254f3a}
.info-card-head>span{background:#ecf3ea;color:#315d43}.data-grid>div{background:#f6f8f3}
.data-grid b{overflow-wrap:anywhere}.match-score{background:#26563f;color:#fff}.match-card{border-color:#e0e8dd}.match-section .section-kicker{color:#9b774c}
.form-context-banner{border-radius:0!important}.form-section{border-color:#e5eae1}.form-section-title>span{background:#eaf2e8;color:#2a6348}.check-card:has(input:checked){background:#eaf5e7;border-color:#a4cbb0;color:#245e42}
.sticky-form-actions{background:rgba(255,255,251,.97);border-color:#e4eade}
.form-grid{gap:13px}.filter-grid{gap:12px}
/* Standalone sign-in, structurally unchanged so existing validation still works */
body.sg-login-page{background:#f7f6f1;color:#263b31}
.sg-login-brand{background:linear-gradient(140deg,#214b3a 0%,#315e47 66%,#66806c 100%)!important;color:white}
.sg-login-brand:before{background:radial-gradient(circle at 18% 70%,rgba(227,216,174,.18),transparent 34%)}
.sg-login-logo{background:#edf4e9!important;border-color:#d4e2d4!important}.sg-login-brand .sg-login-logo img,.sg-login-mobile-brand .sg-login-logo img{background:transparent}
.sg-login-brand-copy h1{line-height:1.5;letter-spacing:-.6px}.sg-login-brand-copy p{color:#e1e9db}
.sg-login-eyebrow,.sg-login-brand-note{color:#eacb9e}.sg-login-heading>span{color:#b48d56}.sg-login-heading h2{color:#28513e}
.sg-login-form-panel{background:linear-gradient(180deg,#fffefa,#f5f6f0)}
.sg-login-field input:focus{border-color:#8caf95;box-shadow:0 0 0 4px rgba(81,137,91,.11)}
.sg-login-password-toggle{background:#edf3e8;color:#285940}.sg-login-remember input{accent-color:#24563f}
.sg-login-secure{color:#567862}.sg-login-mobile-brand strong{color:#28543f}
.sabzio-splash{display:grid;place-items:center;min-height:100vh;background:#f7f6f1;text-align:center;color:#29533d;font-family:Tahoma,Arial,sans-serif}.sabzio-splash img{width:96px;margin:auto}.sabzio-splash h1{font-size:34px}.sabzio-splash p{color:#819284}.sabzio-splash a{display:inline-block;padding:12px 20px;border-radius:12px;background:#24583f;color:white}
/* Small screens are the first-class field-entry experience. */
@media(max-width:1180px){.site-header .header-inner{grid-template-columns:minmax(165px,210px) minmax(0,1fr) auto}.nav a{padding-inline:8px!important;font-size:10px!important}}
@media(max-width:900px){
 .site-header .header-inner{display:flex;gap:9px;min-height:70px}
 .nav{display:none}.mobile-toggle{display:inline-flex}.brand-copy b{font-size:18px!important}.brand-roman{display:none}
 .header-actions .quick-create{display:block!important}.quick-create-button{min-height:38px;padding:6px 9px;font-size:11px}
 .header-actions{gap:7px}.user-menu-button{min-width:42px;max-width:42px;padding:4px}
 .quick-create .dropdown-menu{position:fixed!important;top:73px!important;left:12px!important;right:12px!important;z-index:2000;width:auto!important}
 .mobile-nav-create{background:#e9f3e6;color:#245b42!important;font-weight:800}
 .dashboard-hero{padding:30px 24px 100px;min-height:390px}.dashboard-hero:after{opacity:.15;width:40%}
 .hero-copy h1{font-size:clamp(23px,4vw,34px)}
 .detail-hero{grid-template-columns:1fr}.detail-media{height:360px}.detail-price-panel{min-height:0;padding:22px}
 .v2-property-strip>div{max-width:none}
}
@media(max-width:680px){
 .site-header .header-inner{min-height:65px}.site-header .brand-mark{width:42px;height:42px}
 .brand-copy{gap:0}.brand-copy small{font-size:8px!important;max-width:110px}
 .brand-copy b{font-size:16px!important}.site-header .user-menu-button{display:none}
 .header-actions .quick-create{display:block!important}
 .quick-create-button{font-size:11px!important;padding:6px 10px!important;min-height:36px!important}
 .dashboard-hero{margin-top:17px;padding:26px 21px 25px;min-height:0;border-radius:21px}
 .dashboard-hero:after,.hero-side-status{display:none}
 .hero-copy h1{font-size:23px;line-height:1.7}.hero-copy p{font-size:12px}
 .hero-actions{gap:8px}.hero-actions .btn{min-height:39px;font-size:11px}
 .hero-search{position:relative;inset:auto;bottom:auto;margin-top:21px}
 .hero-search .form-input{height:57px;min-height:57px;border-width:2px;padding-inline-start:42px;padding-inline-end:42px;border-radius:13px}
 .hero-search-intro{display:none}.hero-search .search-all-submit{font-size:10px;padding-inline:8px}
 .stats-strip{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .stats-strip .stat-card{min-height:94px;padding:12px 13px;border-radius:14px}.stats-strip .stat-card strong{font-size:27px}.stats-strip .stat-card small{font-size:10px}
 .workspace-grid-4{grid-template-columns:1fr 1fr;gap:8px}.workspace-card{min-height:124px;padding:14px!important}
 .workspace-card p{font-size:10px}.workspace-card h3{font-size:14px}
 .page-title{gap:12px}.page-title h1{font-size:26px}
 .property-grid{grid-template-columns:1fr!important}.property-media{height:190px}
 .detail-hero{gap:10px;margin-top:16px}.detail-media{height:300px;border-radius:17px}.detail-heading{bottom:15px;right:16px;left:16px}.detail-heading h1{font-size:23px}
 .detail-price-panel{border-radius:17px;padding:18px}.detail-price-panel>strong{font-size:26px}
 .detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-grid{grid-template-columns:1fr!important}
 .v2-property-strip>div{min-width:0;padding:8px 10px}.v2-property-strip strong{font-size:11px}
 .form-grid,.compact-form .form-grid{grid-template-columns:1fr!important;gap:11px}
 .form-section{padding:17px 15px}.sticky-form-actions{padding:12px 15px}.smart-form{border-radius:17px}
 .team-stats,.team-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-login-form-panel{padding:20px!important}
}
@media(max-width:410px){.brand-copy small{display:none!important}.header-actions .quick-create-button{font-size:10px!important}.site-header .brand-mark{width:37px;height:37px}.site-header .brand-mark img{width:34px;height:34px}.workspace-grid-4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* SABZIO 1.1 / editorial workspace: predictable contrast and spatial rhythm */
:root{--sabzio-forest:#20553d;--sabzio-tea:#eaf2e7;--sabzio-cream:#faf8f3;--sabzio-ink:#253d32;--sabzio-ring:#78a286}
html{scroll-padding-top:94px}
body{background:radial-gradient(ellipse 760px 410px at 8% 6%,rgba(213,228,209,.37),transparent 68%),linear-gradient(155deg,#faf9f5 0%,#f4f6f0 100%);color:var(--sabzio-ink);cursor:auto!important}
body *{cursor:revert-layer}
button,a,select,summary,input[type="submit"]{cursor:pointer}
input,textarea{cursor:text}
:focus-visible{outline:3px solid #6aa17c!important;outline-offset:3px!important}
::selection{background:#cce2cb;color:#183f2e}
.site-header{background:rgba(255,254,249,.96)!important;backdrop-filter:blur(12px);border-bottom:1px solid #e5ebe1}
.app-main{padding-bottom:74px}
.page-title{padding:12px 0 5px}.page-title h1{letter-spacing:-.2px!important;line-height:1.5!important}
.subtitle,.page-title p{line-height:2.1}
.property-card,.workspace-card,.team-snapshot-card,.info-card,.filter-drawer{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.property-card:hover,.workspace-card:hover{transform:translateY(-3px);border-color:#a9c6ad!important;box-shadow:0 14px 36px rgba(25,74,48,.09)!important}
.property-media{overflow:hidden}
.property-media img{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.property-card:hover .property-media img{transform:scale(1.035)}
.data-grid>div{min-width:0;background:#f5f7f1!important;border:1px solid #edf0e9}
.data-grid span{color:#607467!important;font-size:12px!important}
.data-grid b{color:#264737!important;font-size:13px!important;line-height:1.85}
.detail-price-panel strong{color:#193d2d!important}
.property-top small,.property-facts-mini,.property-facts-mini span{color:#627568}
.form-input,.filter-drawer input,.filter-drawer select,textarea{border-color:#d8e3d5!important;background:#fffefa!important;box-shadow:0 1px 1px rgba(14,48,24,.02)}
.form-input:focus,.filter-drawer input:focus,.filter-drawer select:focus,textarea:focus{border-color:#79ad8a!important;box-shadow:0 0 0 4px rgba(95,153,111,.11)!important}
.btn,.btn-outline,.property-cta,.quick-create-button{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.btn:active,.property-cta:active{transform:translateY(1px)}
/* Abbreviated road-width chip must never turn into a tall content block. */
.road-pill{width:max-content!important;max-width:100%;font-size:12px!important;padding:5px 11px!important;white-space:nowrap}
.road-pill b{font-size:12px!important}
@media(max-width:760px){.app-main{padding-bottom:90px}.property-card:hover,.workspace-card:hover{transform:none}.page-title{margin-top:18px}.data-grid>div{padding:10px 11px}}
@media(prefers-reduced-motion:reduce){.property-card,.workspace-card,.property-media img{transition:none!important}.property-card:hover .property-media img{transform:none!important}}

@media(max-width:680px){.dashboard-hero:has(.hero-search-v21){margin-bottom:18px!important;padding-bottom:25px!important}.stats-strip{margin-top:12px!important}}