/* SHONO: warm paper, forest navigation, clear hierarchy. No external assets. */
:root{--ink:#1d3431;--muted:#7c8b86;--green:#32685b;--light:#eef4ef;--line:#e3e9e3;--bg:#f3f5ef;--white:#fffefa;--amber:#987441;--shadow:0 5px 24px #243d3012}
body{background:radial-gradient(ellipse at 95% 0,#e5ede155,transparent 48%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
#sidebar{width:246px;background:linear-gradient(165deg,#1b3c36,#172f2d 80%);border:0;padding:29px 17px 20px;color:#eaf2ea;box-shadow:8px 0 38px #12302608}.brand{color:#f6f8e9;font-size:30px;letter-spacing:6px;padding-left:14px}.brand span{color:#9fb6ab;font-size:8px;letter-spacing:2.5px;margin-top:9px}.workspace{margin-top:27px;padding:18px 10px;border-color:#d8ebd519;color:#edf3e9;font-size:11px;gap:10px}.workspace small{color:#9bb6a9;font-size:10px}.avatar{border:1px solid #ffffff20;background:#c9dfbf;color:#244936;font-size:11px}.nav-label{color:#87a797;font-size:8px;letter-spacing:2px;margin:22px 14px 10px}#nav{gap:0;padding-right:2px;scrollbar-width:thin;scrollbar-color:#5c7c6d transparent}.nav-group{margin:0 0 13px}.nav-group-title{font-size:8px;letter-spacing:1.7px;text-transform:uppercase;margin:15px 13px 9px;color:#83a291;font-weight:650}nav a{color:#b5c9bc;gap:10px;border-radius:9px;font-size:11px;min-height:36px;padding:9px 12px;margin:2px 0;border:1px solid transparent;transition:background .16s,color .16s}nav a:hover{background:#ffffff0b;color:#fffef0}nav a.active{background:#d9e8c9;color:#183f31;font-weight:650;border-color:#e7f1df;box-shadow:0 3px 14px #071d2520}nav a span:first-child{font-size:16px;width:19px;opacity:.9}nav .count{font-size:9px;background:#ffffff10;color:#b9ccbc;border-radius:5px;padding:2px 5px}nav a.active .count{background:#c1d8b6;color:#2b523b}.sidebar-bottom{padding:17px 9px 0;color:#b3c8b4;font-size:9px;border-top:1px solid #d8ebd519}.sidebar-bottom small{color:#7f9d8d;font-size:9px}.live-dot{background:#bdd7a1;box-shadow:0 0 0 3px #bcd7a112}
.app{margin-left:246px}header{height:73px;position:sticky;top:0;z-index:15;padding:0 38px;background:#fafcf5e8;backdrop-filter:blur(16px);border-bottom:1px solid #dfe6da}.crumb{font-size:11px;color:#8d9b8c}.crumb b{color:#426257}.header-actions{gap:12px}.session-user{color:#658173;font-size:10px;padding:6px 10px;border:1px solid #dce5d8;border-radius:20px;background:#ffffff90;max-width:175px}.header-actions .quiet{font-size:10px;border-radius:7px}.header-actions .avatar{background:#dce8d1;border-color:#cfddc6;color:#4c6c43}
main{padding:35px 38px;max-width:1700px}.page-heading{align-items:center;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:2.4px;color:#8fa183}h1{font-size:30px;font-weight:620;letter-spacing:-1px;color:#203e35;margin-top:11px}.page-heading p{font-size:12px;color:#8a9789;max-width:650px;line-height:1.7}.heading-actions{gap:9px}.heading-actions button{font-size:11px;padding:12px 17px;border-radius:9px}button{border:1px solid #dce4d8;background:#fffefa;border-radius:8px;color:#39594c;font-size:12px;transition:background .15s,border-color .15s,box-shadow .15s}button:hover{border-color:#a9c1a7;background:#f0f5e9;box-shadow:0 2px 8px #274d3010}button.primary{background:#32685b;border-color:#32685b;color:#fffef3;box-shadow:0 3px 9px #1e584c1c}button.primary:hover{background:#265a4c;border-color:#265a4c}.quiet{background:transparent;border-color:transparent}.icon{font-size:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c6dba8;outline-offset:3px}a{color:#32685b}a:hover{color:#193f31}input,select,textarea{border-radius:8px!important;border-color:#dce5d7!important;background:#fffefa!important;color:#2d4b3e!important}input:focus,select:focus,textarea:focus{border-color:#82a67c!important;box-shadow:0 0 0 3px #acc89c20}input::placeholder,textarea::placeholder{color:#9aa695}textarea{line-height:1.7}
.stats{gap:16px;margin-bottom:24px}.stat{padding:21px 22px;border:1px solid #e2e8dd;border-radius:13px;background:linear-gradient(120deg,#fffefa,#fafcf5);box-shadow:var(--shadow);overflow:hidden}.stat:after{content:"";position:absolute;right:-30px;bottom:-35px;border-radius:50%;width:120px;height:120px;background:#e8efdf55;pointer-events:none}.stat .label{font-size:11px;color:#7f917d}.stat b{font-size:32px;letter-spacing:-1.5px;font-weight:540;color:#285447;margin:18px 0 8px}.stat small{font-size:10px;position:relative;z-index:1;color:#8b9b84}.stat .stat-icon{right:20px;top:19px;font-size:17px;color:#9db596;opacity:.9}.stat:nth-child(2){background:linear-gradient(120deg,#fffdf7,#f7f4e7)}.stat:nth-child(3){background:linear-gradient(120deg,#fbfdf9,#ecf3ec)}.stat:nth-child(4){background:linear-gradient(120deg,#fdfdf9,#edf2f0)}
.panel{border:1px solid #e0e7da;border-radius:13px;background:#fffefa;box-shadow:0 4px 20px #263d2810;overflow:hidden;margin-bottom:23px}.panel-title{padding:20px 23px;background:#fffefa;border-bottom:1px solid #e8ecdf;gap:14px;flex-wrap:wrap}.panel-title h2{font-size:13px;letter-spacing:-.2px;font-weight:650;color:#3c5b49}.panel-title a{font-size:10px}.panel-body{padding:23px;color:#72856f}.panel-body p{line-height:1.8}.table-wrap{scrollbar-width:thin;scrollbar-color:#c8d7bf transparent}table{font-size:12px}th{font-size:8px;letter-spacing:1.35px;color:#8c9d82;font-weight:650;background:#f7f9f1;padding:15px 20px;white-space:nowrap}td{border-bottom:1px solid #eef0e7;padding:15px 20px;line-height:1.6;color:#52705a}tbody tr{transition:background .12s}tbody tr:hover{background:#f5f8ed}tbody tr:last-child td{border-bottom:0}.name-btn{font-size:12px;color:#2b5947;font-weight:600;text-align:left;line-height:1.6}.sub{font-size:9px;color:#95a28e;margin-top:5px}.pill{font-size:9px;border-radius:6px;background:#eef4e3;color:#62844c;padding:5px 8px;border:1px solid #e0eacb}.pill.amber{background:#faf0db;color:#9e7a38;border-color:#f1e1be}.pill.red{background:#faeae3;color:#ab6a57;border-color:#f0d5ca}.pill.blue{background:#e8f0ed;color:#608b80;border-color:#d8e5e0}.toolbar{gap:9px;margin-bottom:18px}.toolbar input,.toolbar select{padding:11px 12px;font-size:11px;min-height:38px}.toolbar input[type=search]{background:#fffefa!important;border:1px solid #dfe6d8!important;box-shadow:0 2px 8px #25492504}.notice{border:1px solid #e5e8d6;border-left:3px solid #a9bb8a;border-radius:9px;background:#f4f6e9;color:#8a916e;font-size:11px;line-height:1.8;padding:15px 18px;margin-bottom:20px}.empty{font-size:12px;color:#97a38d;padding:42px 24px;line-height:1.8;text-align:center;background:linear-gradient(135deg,#fffefa,#fbfcf5)}.list-footer{color:#8c9a81;font-size:10px;margin:14px 0 26px}.list-footer button{border-radius:7px;padding:7px 12px}
.property,.recommendation{border-radius:13px;border-color:#dfe6d9;box-shadow:0 3px 18px #314e2d09;background:#fffefa;transition:box-shadow .18s,border-color .18s}.property:hover,.recommendation:hover{border-color:#b6c9a8;box-shadow:0 9px 27px #314e2d12}.property h3{font-size:15px;color:#355640}.property .price{color:#2d654c}.cards{gap:18px}.match-checks li{border-radius:8px;background:#f6f8ef;border:1px solid #edf0e3}.contact-history{border-radius:7px;background:#f2f5e8;color:#84916f;font-size:10px}.funnel-row .bar{border-radius:7px;background:#edf2e4}.funnel-row .bar i{border-radius:7px;background:linear-gradient(90deg,#68916c,#b2cb91)}.signal{border-color:#e8edde}.signal b{color:#5e7b54}.signal p{color:#94a087}.calendar-day{border-color:#e2e8d7;background:#fffefa;border-radius:10px;min-height:135px}.calendar-day>b{color:#7a8e6b;font-size:10px}.calendar-day.today{border-color:#93b17a;background:#f1f6e7}.calendar-item{font-size:10px;border-color:#e1e9d5;background:#f8faf2;color:#678056}.calendar-item.done{background:#e5eedb}.geo-map{background:#f3f6ec}.coach-box{background:#f0f4e7;border-color:#dfe7d1;border-radius:10px}.checkrow{font-size:12px;color:#668057}.tabs button{border-radius:8px;font-size:11px}.tabs button.selected{background:#e5eed8;color:#486c39;border-color:#d2e0c1}
footer{background:transparent;border-color:#e0e7d9;font-size:9px;color:#9ba68e;padding:20px 38px}footer a{color:#708b5e}dialog{width:min(780px,96vw);max-width:96vw;background:#f6f8ef;border-left:1px solid #d4dfc8;box-shadow:-30px 0 100px #102f2a25}dialog::backdrop{background:#183a3255;backdrop-filter:blur(3px)}.detail-head{background:#fffef8ef;backdrop-filter:blur(14px);border-color:#e1e7d8;padding:26px 28px}.detail-head h2{color:#375a44;font-weight:550;font-size:23px;line-height:1.4}.detail-body{padding:25px 28px}.detail-body section{background:#fffefa;border-color:#e1e7d8;border-radius:11px;padding:24px}.form-grid{gap:18px}.form-grid label{font-size:10px;color:#879776}.form-grid input,.form-grid select,.form-grid textarea{padding:12px;font-size:12px}.kv{border-bottom:1px solid #f0f2e8;padding:12px 0;color:#496949}.kv>span:first-child{color:#97a184;font-size:10px}.kv:last-child{border:0}.shortlist-pick,.client-option{border-color:#dee7d3;background:#fffefa;border-radius:10px}.client-option h3{color:#365d44}.client-selection h2{color:#2f5740;letter-spacing:-.5px}.prose{color:#627959}.form-actions{padding-top:22px;border-top:1px solid #e4ead9;margin-top:20px}.form-actions button{padding:11px 18px}.login-page{background:radial-gradient(ellipse at 70% 10%,#dce9c4,transparent 55%),#ecf1e5}.login-card{border-radius:20px;border-color:#dce5cf;box-shadow:0 25px 80px #24452f18;background:#fffef7}.login-card h1{color:#315b42}.login-card button{background:#32685b;color:#fffef3}.login-card p{color:#8b9b7b}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px){main{padding:28px 24px}.stats{gap:12px}.stat{padding:18px}.header-actions{gap:7px}header{padding:0 24px}.session-user{max-width:135px}}
@media(max-width:680px){#sidebar{width:246px;padding:26px 17px 18px}.app{margin:0}header{height:62px;padding:0 14px}.session-user{display:none}main{padding:25px 16px}.page-heading{align-items:flex-start;margin-bottom:23px}h1{font-size:27px;letter-spacing:-.8px}.page-heading p{font-size:11px}.heading-actions button{font-size:11px;padding:11px 12px}.stats{gap:10px}.stat{padding:17px 13px;border-radius:11px}.stat b{font-size:28px;margin-top:13px}.stat .label{font-size:10px}.stat small{font-size:9px}.panel{border-radius:11px}.panel-title{padding:18px}.panel-body{padding:18px}.toolbar{gap:8px}.toolbar select{font-size:11px}.notice{font-size:10px;padding:13px 15px}.detail-head{padding:20px}.detail-head h2{font-size:21px}.detail-body{padding:16px}.detail-body section{padding:18px}.form-grid{gap:16px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;padding:11px}.form-grid label{font-size:11px}.kv{grid-template-columns:105px minmax(0,1fr)}.calendar-day{min-height:80px}.property,.recommendation{border-radius:11px}footer{padding:16px}.client-option{padding:16px}.form-actions{flex-wrap:wrap}}
/* Keep secondary text readable during long work sessions. */
nav a{font-size:12px}.nav-group-title{font-size:9px}.page-heading p{font-size:13px;color:#71816e}.stat .label{font-size:12px;color:#6b7e66}.stat small{font-size:11px;color:#71836a}.sub{font-size:10px;color:#788a70}th{font-size:9px;color:#748667}.panel-body{color:#687c62}.muted,small{color:#74856c}.notice{color:#747e58}.form-grid label{font-size:11px;color:#738465}.kv>span:first-child{font-size:11px;color:#7b8b6d}.eyebrow{font-size:9px;color:#7b8f70}.empty{color:#7c8d72}.sidebar-bottom small{color:#9cb09f}footer{color:#7f9174}.list-footer{font-size:11px;color:#74896a}.session-user{font-size:11px}
@media(max-width:680px){.page-heading p{font-size:12px}.stat .label{font-size:11px}.stat small{font-size:10px}.form-grid label{font-size:12px}.eyebrow{font-size:9px}.notice{font-size:11px}}

.client-export-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-top:20px;background:#edf3e4;border:1px solid #d8e4ca;border-radius:11px}.client-export-bar b{font-size:13px}.client-export-bar small{max-width:620px;margin-top:7px}.client-export-bar button{flex-shrink:0}.message-part{margin:18px 0}.message-part label{display:block;color:#718568;font-size:11px;margin-bottom:8px}.message-part textarea{width:100%;padding:13px;font-size:12px;line-height:1.7;resize:vertical}.message-part button{margin-top:9px}@media(max-width:680px){.client-export-bar{align-items:stretch;flex-direction:column}.message-part textarea{font-size:16px}}