/* Presentation-only layer. Do not override [hidden], authorization or data states. */
:root{--ink:#163b32;--paper:#f8f6f0;--accent:#ac4224;--line:#d5ddd1}
body{background:var(--paper);line-height:1.65}
header,main,footer{width:min(1190px,calc(100% - 64px))}
header{padding:22px 0;min-height:90px}
.brand{font-size:24px;letter-spacing:-.045em;line-height:1.2}
.brand small{font-size:10px;letter-spacing:.08em;line-height:1.8;margin-top:8px;color:#536b5d}
.notice{font-size:11px;letter-spacing:.055em;padding:9px 18px}
.intro{padding:30px 0 20px;max-width:840px}
h1{font-size:clamp(36px,3.8vw,50px);letter-spacing:-.05em;line-height:1.15;margin:15px 0}
h1 em{letter-spacing:-.035em}.eyebrow{font-size:11px;color:#3f5d4b;letter-spacing:.09em}
h2{font-size:23px;line-height:1.3;letter-spacing:-.025em}
p{line-height:1.8}.small{font-size:14px;line-height:1.8;color:#52674f}
.panel{border-radius:14px;padding:28px;box-shadow:0 12px 32px -23px rgba(16,42,39,.22);margin-bottom:24px}
.login{gap:52px;align-items:start;padding:34px}
.login h2{font-size:30px;margin-top:12px;letter-spacing:-.04em}
#login-form{padding:24px;background:#f7f9f2;border:1px solid var(--line);border-radius:12px}
#login-form .primary{width:100%;min-height:50px}
#login-form .small{font-size:13px}
a{color:var(--ink);text-underline-offset:4px}
button{border-color:#91a28f;border-radius:8px;min-height:46px;line-height:1.5;font-size:14px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
button:not(:disabled):hover{transform:none;box-shadow:0 3px 12px rgba(21,59,52,.08)}
button.primary{background:var(--ink);border-color:var(--ink);color:#fff}
button.primary:not(:disabled):hover{background:#274f40}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #8e321c;outline-offset:3px}
input,select,textarea{font-size:16px;min-height:48px;border-color:#87998b;border-radius:8px;padding:11px 12px;line-height:1.5}
label{font-size:13px;line-height:1.7}
textarea{min-height:110px}
.summary{grid-template-columns:1.5fr .65fr 1.2fr;background:#edf2e7;margin-top:20px;box-shadow:none}
.summary>div{padding:19px 20px;min-width:0}
.summary span,.metric>span{font-size:11px;letter-spacing:.06em;color:#4a654f}
.summary strong{font-size:16px;font-weight:650;line-height:1.6}
.attention-summary{gap:14px;margin-bottom:20px}
.metric{min-width:0;min-height:120px;border-radius:11px;padding:20px;background:#fff}
.metric strong{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;margin:10px 0}
.metric small{font-size:13px;line-height:1.65;color:#52674f}
.workspace-nav{gap:4px;padding:7px;top:8px;background:#f8f6f0;border-color:#c7d2c1;box-shadow:0 6px 20px rgba(21,59,52,.055)}
.workspace-nav a{display:flex;align-items:center;min-height:44px;padding:10px 13px;font-size:13px;color:#3d5b47;transition:background .16s ease,color .16s ease}
.workspace-nav a:hover{transform:none;background:#e8eee0}.workspace-nav a:focus-visible{background:#fff;outline:3px solid #8e321c;outline-offset:-3px}
#automation-panel,#notifications-panel,#inquiries-panel,#entry-panel,#team-panel,#settings-panel,#followup-panel,#billing-panel,#pilot-panel{scroll-margin-top:90px}
.section-title{gap:20px;align-items:flex-start;margin-bottom:8px}
.section-title .small{margin-top:0}.section-title select{font-size:14px}
.columns{gap:24px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.lead{padding:18px;border-color:#c7d2c1;border-radius:10px}
.lead:hover{transform:none}.lead.active{background:#edf3e7;border-color:#68836a;box-shadow:inset 3px 0 #456f4c}
.lead strong{font-size:15px}.lead small{font-size:13px;line-height:1.65;color:#52674f}
.lead-status{font-size:11px;line-height:1.6}.history{font-size:13px;line-height:1.8}
.badge{font-size:11px;padding:5px 9px;border-radius:6px}
.request{padding:18px;background:#f2f5ec;line-height:1.8}
.next-action{padding:17px 19px}.next-action strong{font-size:12px}
.notification-card{padding:18px;background:#f9faf6;border-radius:10px}
.notification-head strong{font-size:15px;line-height:1.5}
.notification-card p{font-size:14px;color:#52674f}
.notification-card button{min-height:44px;padding:10px 13px;font-size:12px}
.notification-read{opacity:1;background:#f3f5ee}
.notification-head span{font-size:12px;color:#52674f}
.onboarding-step p{font-size:13px;line-height:1.75;color:#52674f}
.onboarding-step a,.empty-state-link,.paid-access-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.onboarding-number{font-size:11px;color:#52674f}
.onboarding-head h2{font-size:26px;line-height:1.25}
.empty-state strong{font-size:15px}.empty-state p{font-size:13px}
.sending-controls>label{font-size:13px}.sending-controls{background:#f7f9f2}
footer{font-size:13px;line-height:1.9;color:#53674f;margin-top:28px;padding:25px 0 40px}
@media(max-width:900px){.onboarding-steps{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.summary{grid-template-columns:1.3fr .7fr 1fr}}
@media(max-width:760px){
 header,main,footer{width:calc(100% - 32px)}header{padding:18px 0;min-height:82px}.brand{font-size:22px}.brand small{font-size:9px}.notice{font-size:10px;padding:8px 16px;line-height:1.7}.intro{padding-top:24px}.intro>p:last-child{font-size:15px}.panel{padding:22px}.login{padding:24px;gap:18px}.login h2{font-size:27px}#login-form{padding:20px}.summary{grid-template-columns:1fr 1fr}.summary>div:first-child{grid-column:1/-1}.summary>div{padding:14px 16px}.summary strong{font-size:15px}.attention-summary{grid-template-columns:1fr;gap:10px}.metric{min-height:0;padding:16px 18px}.metric strong{font-size:29px;margin:8px 0}.workspace-nav{top:0;margin-inline:0}.workspace-nav a{font-size:12px;min-height:44px;padding:10px 12px}.section-title{flex-wrap:wrap;gap:12px}.notification-head{flex-wrap:wrap;gap:7px}.notification-head span{white-space:normal}.notification-card{padding:16px}.form-grid{gap:18px}.onboarding-steps{grid-template-columns:1fr}.sending-controls{padding:18px}.toolbar .actions button{flex:1}.panel .actions{gap:10px}.empty-state-link{white-space:normal}
}
@media(max-width:380px){.login,.panel{padding:18px}#login-form{padding:17px}.intro h1{font-size:36px}.summary strong{font-size:14px}.notification-card{padding:14px}.section-title>button{width:100%}.sending-controls .actions>button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.primary,.metric,.lead-status,.badge,.message-state{border:1px solid ButtonText}:focus-visible{outline:3px solid Highlight}}