:root{color-scheme:dark;--bg:#101412;--sidebar:#101311;--panel:#171c19;--panel-2:#1c231f;--line:#2a342e;--muted:#96a49b;--text:#eef4ef;--green:#c1f36b;--green-deep:#33452a;--teal:#8cd4b3;--red:#f4a19b;--amber:#eac989;--radius:13px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg)}

*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}
a{color:inherit}
button{color:inherit}
h1,h2,h3,p{margin:0}
h1{font-size:29px;letter-spacing:-.8px;font-weight:650}
h2{font-size:17px;letter-spacing:-.3px}
h3{font-size:14px}
p{line-height:1.6}
.muted{color:var(--muted)}
.small{font-size:12px}
.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}
.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:650}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.skip-link{position:fixed;top:-60px;left:20px;background:var(--green);color:#13200b;padding:12px;z-index:100}
.skip-link:focus{top:12px}
.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:18px}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:#17230e;font-size:28px;font-weight:800;letter-spacing:-5px;padding-right:6px}
.brand-mark span{font-size:19px;transform:translateY(-4px);margin-left:1px}
.brand{display:flex;align-items:center;gap:10px;padding:26px 23px;font-size:20px;font-weight:700;letter-spacing:-.6px}
.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--sidebar);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;z-index:25}
.workspace-switch{margin:4px 16px 26px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#181e1a}
.workspace-switch label{display:block;margin-bottom:8px}
.workspace-switch select{width:100%;padding:0;border:0;background:transparent;font-weight:550;outline-offset:5px}
.nav-group{padding:0 12px 14px}
.nav-label{padding:0 13px 10px;font-size:10px;letter-spacing:1.5px;color:#718378;font-weight:650}
.nav-item{width:100%;border:0;background:transparent;border-radius:8px;padding:11px 12px;display:flex;gap:11px;align-items:center;text-align:left;color:#aab8ae;font-weight:500;margin-bottom:3px}
.nav-item:hover{background:#1e2721;color:var(--text)}
.nav-item.active{background:#2a3924;color:var(--green)}
.nav-item svg{width:18px;height:18px;opacity:.9}
.nav-count{margin-left:auto;border-radius:5px;background:#3e522f;padding:2px 6px;font-size:10px}
.sidebar-footer{margin-top:auto;padding:18px 17px;border-top:1px solid var(--line)}
.profile{display:flex;gap:10px;align-items:center}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#2e3c32;color:#d0e9d5;flex-shrink:0;font-size:12px;font-weight:600}
.profile-copy{min-width:0;flex:1}
.profile-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-copy span{font-size:10px;color:var(--muted)}
.icon-button{border:0;background:transparent;padding:7px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}
.icon-button:hover{background:var(--panel-2)}
.icon-button svg{width:18px;height:18px}
.workspace{grid-column:2;min-width:0}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:14px;background:#121713}
.breadcrumb{color:#9caba1;font-size:12px;display:flex;gap:12px;align-items:center}
.breadcrumb strong{font-weight:500;color:var(--text)}
.top-actions{display:flex;align-items:center;gap:16px}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}
.header-status{font-size:11px;color:var(--muted)}
.topbar .avatar{width:30px;height:30px;font-size:10px}
.menu-button{display:none}
.demo-banner{background:#222a1b;color:#c7d2b1;font-size:11px;padding:9px 32px;border-bottom:1px solid #36432a;display:flex;align-items:center;gap:9px}
.demo-banner strong{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.main{padding:30px 32px 40px;max-width:1760px;margin:auto}
.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.page-heading p{color:var(--muted);font-size:12px;margin-top:7px}
.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn{border:1px solid var(--line);border-radius:8px;background:#1c241e;padding:10px 14px;font-size:12px;font-weight:550;display:inline-flex;gap:7px;align-items:center;justify-content:center;text-decoration:none;line-height:1.3}
.btn:hover{background:#29332c;border-color:#53654b}
.btn.primary{background:var(--green);color:#1a260e;border-color:var(--green)}
.btn.primary:hover{background:#d0ff80}
.btn.danger{background:#33211f;border-color:#69413b;color:var(--red)}
.btn.subtle{background:transparent}
.btn.compact{padding:7px 10px;font-size:11px}
.btn svg{width:15px;height:15px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.card-pad{padding:22px}
.card-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
.card-header p{font-size:11px;color:var(--muted);margin-top:6px}
.card-footer{padding:14px 22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}
.stat{padding:20px 21px}
.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}
.stat-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #334433;border-radius:9px;color:var(--green);background:#202c20}
.stat-icon svg{width:15px;height:15px}
.stat-value{font-size:32px;letter-spacing:-1px;margin:15px 0 9px;font-weight:600}
.stat-foot{font-size:10px;color:var(--muted)}
.stat-foot .accent{color:var(--green)}
.grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px}
.grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.stack{display:grid;gap:20px}
.section-gap{margin-top:22px}
.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #354338;border-radius:5px;font-size:9px;line-height:1.2;white-space:nowrap;color:#bccbbe;background:#233027;font-weight:550;text-transform:capitalize}
.badge.green{background:#283c25;color:#c1eaa4;border-color:#3b5231}
.badge.amber{background:#342d1f;color:var(--amber);border-color:#4a3f28}
.badge.red{background:#392624;color:var(--red);border-color:#543530}
.badge.blue{background:#213436;color:#a1d7df;border-color:#304b4c}
.badge.gray{background:#282f2a;color:#adbbb0;border-color:#3b453e}
.badge.purple{background:#312b3e;color:#c4b3e4;border-color:#483b5c}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.accent{color:var(--green)}
.notice{padding:14px 16px;border:1px solid #4b452b;border-radius:9px;background:#27261b;color:#ddcf9e;font-size:12px;line-height:1.6;margin-bottom:20px}
.notice.neutral{border-color:var(--line);background:var(--panel-2);color:var(--muted)}
.notice strong{color:var(--text)}
.empty{padding:48px 24px;text-align:center;max-width:510px;margin:auto}
.empty-icon{display:grid;place-items:center;margin:0 auto 16px;width:47px;height:47px;border-radius:13px;background:#243127;color:#a8c4ad}
.empty-icon svg{width:23px;height:23px}
.empty h3{font-size:14px;margin-bottom:8px}
.empty p{font-size:12px;color:var(--muted)}
.empty .btn{margin-top:18px}
.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;text-align:left}
th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#89998e;font-weight:500;padding:13px 21px;background:#161c18;white-space:nowrap}
td{padding:17px 21px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle}
td strong{font-size:12px;font-weight:550;display:block}
td .sub{font-size:10px;color:var(--muted);display:block;margin-top:5px}
tbody tr:hover{background:#1b231d}
.person-cell{display:flex;align-items:center;gap:11px}
.person-cell .avatar{width:32px;height:32px;font-size:10px}
.text-button{border:0;background:none;color:var(--green);font-size:11px;padding:4px;cursor:pointer}
.row-actions{display:flex;gap:6px}
.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;justify-content:space-between}
.search{position:relative;min-width:210px;max-width:360px;flex:1}
.search svg{position:absolute;width:15px;height:15px;left:12px;top:12px;color:var(--muted)}
.search input{padding-left:35px;width:100%;font-size:12px;height:39px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{padding:8px 12px;border:1px solid transparent;background:transparent;border-radius:7px;font-size:11px;color:var(--muted)}
.tab.active{background:#29352b;border-color:#3c4b3b;color:var(--text)}
.tab:hover{background:var(--panel-2)}
input,select,textarea{border:1px solid #39463c;background:#111713;color:var(--text);border-radius:7px;padding:11px 12px;min-width:0}
select{padding-right:25px}
textarea{resize:vertical;line-height:1.6;min-height:95px}
input::placeholder,textarea::placeholder{color:#687c6d}
input[type=checkbox]{accent-color:var(--green);width:15px;height:15px}
.field{display:flex;flex-direction:column;gap:8px;font-size:12px}
.field>span,.field>label{font-size:11px;color:#b5c6ba}
.field small{font-size:10px;color:var(--muted);line-height:1.6}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field.full{grid-column:1/-1}
.checkbox-row{display:flex;gap:9px;align-items:center;font-size:12px}
.form-actions{display:flex;gap:9px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--line);margin-top:24px}
.error-text{color:var(--red);font-size:12px;line-height:1.6;margin-bottom:16px}
.detail-list{display:grid;gap:18px}
.detail-item{display:flex;align-items:flex-start;gap:10px}
.detail-item svg{width:15px;height:15px;color:var(--muted);margin-top:2px;flex-shrink:0}
.detail-item label{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}
.detail-item span{font-size:12px;overflow-wrap:anywhere}
.readiness-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.readiness-row:last-child{border:0;padding-bottom:0}
.readiness-row:first-child{padding-top:0}
.readiness-title{font-size:12px;margin-bottom:4px}
.readiness-copy{font-size:10px;color:var(--muted);line-height:1.6}
.progress{height:5px;border-radius:5px;background:#28372c;overflow:hidden;margin-top:10px}
.progress span{display:block;height:100%;background:var(--green);border-radius:5px}
.activity{padding:0 22px}
.activity-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}
.activity-row:last-child{border:0}
.activity-dot{width:7px;height:7px;border-radius:50%;background:#719778;margin-top:5px;flex-shrink:0}
.activity-row p{font-size:12px}
.activity-row time{font-size:10px;color:var(--muted);display:block;margin-top:4px}
.campaign-card{padding:22px}
.campaign-card h3{font-size:15px}
.campaign-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 0;color:var(--muted);font-size:11px}
.campaign-card p{font-size:12px;color:var(--muted);margin-top:10px}
.campaign-card .row-actions{margin-top:19px}
.split-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}
.info-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;margin-top:12px}
.info-line svg{width:14px;height:14px}
.pipeline{display:flex;gap:14px;overflow:auto;padding-bottom:12px}
.pipeline-col{min-width:215px;flex:1;background:#141b16;border:1px solid var(--line);border-radius:11px;padding:13px}
.pipeline-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:15px;text-transform:capitalize}
.pipeline-card{background:#1b251e;border:1px solid #314034;padding:14px;border-radius:9px;margin-bottom:10px}
.pipeline-card strong{font-size:12px}
.pipeline-card p{font-size:10px;color:var(--muted);margin-top:6px}
.pipeline-card .badges{margin-top:12px}
.pipeline-card button{margin-top:8px}
.pipeline-empty{font-size:11px;color:var(--muted);padding:20px 0;text-align:center}
.inbox-layout{display:grid;grid-template-columns:285px minmax(330px,1fr) 245px;min-height:650px;height:calc(100vh - 249px);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.thread-sidebar{border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column;background:#141b16}
.thread-tools{padding:17px 15px;border-bottom:1px solid var(--line)}
.thread-tools .search{min-width:0}
.thread-tools .tabs{margin-top:12px;gap:2px}
.thread-tools .tab{font-size:10px;padding:6px 8px}
.thread-list{overflow:auto;flex:1}
.thread-item{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:18px 15px;color:var(--text)}
.thread-item:hover{background:#1e2821}
.thread-item.selected{background:#263323;box-shadow:inset 3px 0 var(--green)}
.thread-top{display:flex;gap:9px;align-items:center}
.thread-name{font-size:12px;font-weight:550;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-time{font-size:9px;color:var(--muted)}
.thread-preview{font-size:11px;color:var(--muted);margin:10px 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-item .avatar{width:29px;height:29px;font-size:10px}
.thread-bottom{display:flex;justify-content:space-between;align-items:center}
.thread-handler{font-size:9px;color:#9caf9e}
.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:#171e19}
.conversation-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.conversation-head h2{font-size:14px}
.conversation-head .sub{font-size:10px;color:var(--muted);margin-top:5px}
.conversation-head select{font-size:11px;padding:8px}
.messages{flex:1;overflow:auto;padding:23px 22px;display:flex;flex-direction:column;gap:18px;min-height:150px}
.message{max-width:85%;align-self:flex-start}
.message.outbound{align-self:flex-end}
.message-label{font-size:9px;color:var(--muted);margin-bottom:6px}
.message.outbound .message-label{text-align:right}
.bubble{padding:12px 15px;background:#28332b;border:1px solid #36433a;border-radius:11px 11px 11px 2px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.outbound .bubble{background:#34492b;border-color:#49613a;border-radius:11px 11px 2px 11px;color:#e0edda}
.message.draft .bubble{border-style:dashed;background:#282638;border-color:#58496b}
.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:6px;font-size:9px;color:var(--muted)}
.message-meta .badge{font-size:8px;padding:2px 5px}
.composer{border-top:1px solid var(--line);padding:16px 20px;background:#141b16}
.composer textarea{width:100%;min-height:78px;background:#1b241e;border-color:#354337;font-size:12px}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.composer-footer small{font-size:9px;color:var(--muted)}
.contact-panel{border-left:1px solid var(--line);background:#141b16;overflow:auto}
.contact-profile{padding:24px 17px;text-align:center;border-bottom:1px solid var(--line)}
.contact-profile .avatar{width:51px;height:51px;font-size:16px;margin-bottom:12px}
.contact-profile h3{font-size:14px}
.contact-profile p{font-size:10px;color:var(--muted);margin-top:5px}
.contact-section{padding:19px 17px;border-bottom:1px solid var(--line)}
.contact-section h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:15px}
.contact-section .field{margin-top:14px}
.contact-section .field select{font-size:11px;padding:8px;width:100%}
.contact-section p{font-size:11px}
.note{padding:10px;background:#202b23;border:1px solid #324135;border-radius:7px;font-size:11px;white-space:pre-wrap;margin-bottom:9px}
.note small{display:block;color:var(--muted);font-size:9px;margin-top:7px}
.mode-notice{font-size:10px;padding:9px 20px;color:#bacbac;background:#253022;border-bottom:1px solid #34412c}
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.login-story{background:#192519;padding:65px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #34462f;position:relative;overflow:hidden}
.login-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #456039;border-radius:50%;right:-170px;bottom:-190px;box-shadow:0 0 0 90px #45603918,0 0 0 180px #4560390c;pointer-events:none}
.login-story .brand{padding:0}
.login-story h1{font-size:55px;max-width:500px;line-height:1.13;font-weight:500;letter-spacing:-2.5px;margin-top:70px;position:relative;z-index:1}
.login-story h1 span{color:var(--green)}
.login-story p{color:#a8b9a5;max-width:360px;margin-top:25px;font-size:14px}
.login-proof{display:flex;gap:28px;margin-top:55px;position:relative;z-index:1}
.login-proof div{font-size:11px;color:#a0b59a}
.login-proof strong{display:block;font-size:16px;color:#dde9d7;margin-bottom:7px;font-weight:500}
.login-copyright{font-size:10px;color:#788f71;margin-top:70px}
.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px}
.login-box{width:100%;max-width:350px}
.login-box h2{font-size:29px;letter-spacing:-.8px}
.login-box p{font-size:12px;color:var(--muted);margin-top:10px;margin-bottom:32px}
.login-box .field{margin-bottom:20px}
.login-box .btn{width:100%;padding:13px}
.login-footer{margin-top:28px;text-align:center;font-size:10px;color:var(--muted);line-height:1.7}
.loading-line{height:3px;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:load 1.2s infinite;width:35%;position:fixed;top:0;z-index:100}
@keyframes load{from{left:-35%}
to{left:100%}
}
#toast{position:fixed;right:26px;bottom:25px;z-index:110;max-width:390px;display:none;padding:14px 18px;border:1px solid #57704c;border-radius:10px;background:#293c26;color:#e0efda;box-shadow:0 12px 50px #0008;font-size:12px;line-height:1.6}
#toast.visible{display:block}
#toast.error{border-color:#80504b;background:#3b2623;color:#f5c3bd}
dialog{background:#19211c;color:var(--text);border:1px solid #405043;border-radius:15px;padding:0;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);box-shadow:0 30px 100px #0009}
dialog::backdrop{background:#07100cc9;backdrop-filter:blur(5px)}
.modal-head{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.modal-head h2{font-size:19px}
.modal-head p{font-size:11px;color:var(--muted);margin-top:7px}
.modal-body{padding:25px}
.modal-body .notice{font-size:11px}
.check-options{display:grid;gap:11px;max-height:220px;overflow:auto;padding:12px;border:1px solid #39463c;border-radius:8px;background:#111713}
.code-preview{font-family:ui-monospace,monospace;font-size:11px;background:#101712;border:1px solid var(--line);padding:14px;border-radius:8px;white-space:pre-wrap;max-height:280px;overflow:auto;line-height:1.7}
.admin-tabs{margin-bottom:22px;gap:10px}
.admin-tabs .tab{padding:9px 14px}
.usage-meter{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.usage-meter:last-child{border:0}
.usage-meter label{flex:1;font-size:12px;color:var(--muted)}
.usage-meter strong{font-size:18px;font-weight:500}
.date-pill{width:42px;border:1px solid #40513c;border-radius:8px;overflow:hidden;text-align:center;flex-shrink:0}
.date-pill span{display:block;background:#2a3929;font-size:8px;padding:3px;text-transform:uppercase;color:var(--green)}
.date-pill strong{display:block;padding:5px;font-size:17px}
.appointment-row{display:flex;align-items:center;gap:14px;padding:18px 22px;border-top:1px solid var(--line)}
.appointment-copy{flex:1;min-width:0}
.appointment-copy h3{font-size:12px}
.appointment-copy p{font-size:10px;color:var(--muted);margin-top:5px}
.booking-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--amber)}
.booking-status svg{width:15px;height:15px}
.divider{height:1px;background:var(--line);margin:22px 0}
.inline-select{font-size:11px;padding:7px 24px 7px 9px}
.owner-lock{display:flex;gap:6px;align-items:center;color:#afc2a9;font-size:10px;margin-top:13px}
.owner-lock svg{width:12px;height:12px}
.table-name{max-width:260px;overflow-wrap:anywhere}
.text-wrap{white-space:pre-wrap;overflow-wrap:anywhere}
.catalog-list{max-height:340px;overflow:auto}
.catalog-item{padding:13px 0;border-bottom:1px solid var(--line)}
.catalog-item label{display:flex;gap:10px;align-items:start}
.catalog-item p{font-size:10px;color:var(--muted);margin-top:5px}
.catalog-item input{margin-top:4px}
.collapsible{border:1px solid var(--line);border-radius:9px;padding:14px;margin-top:15px}
.collapsible summary{cursor:pointer;font-size:12px}
.collapsible .code-preview{margin-top:12px}
.form-hint{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}
.empty-inline{font-size:11px;color:var(--muted);padding:20px 0}
.mobile-overlay{display:none}
.filter-select{font-size:11px;padding:9px 25px 9px 11px}

@media(min-width:1700px){.inbox-layout{grid-template-columns:310px minmax(350px,1fr) 280px}
.main{padding-top:35px}
.stat{padding:25px}
}

@media(max-width:1250px){.shell{grid-template-columns:200px minmax(0,1fr)}
.sidebar{width:200px}
.brand{padding-left:18px}
.topbar{padding:0 23px}
.main{padding:25px 23px}
.inbox-layout{grid-template-columns:245px minmax(300px,1fr)}
.contact-panel{display:none}
.stats{gap:10px}
.stat{padding:17px}
.grid-2{grid-template-columns:1.2fr 1fr}
.demo-banner{padding-left:23px}
.login-story{padding:45px}
.login-story h1{font-size:45px}
}

@media(max-width:960px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-2,.grid-even{grid-template-columns:1fr}
.page-heading{align-items:flex-start}
.page-actions{justify-content:flex-end}
.inbox-layout{grid-template-columns:220px minmax(260px,1fr)}
.inbox-layout .thread-item{padding:16px 12px}
.inbox-layout .messages{padding:18px 14px}
.conversation-head{padding:14px}
.composer{padding:14px}
.login-story{padding:30px}
.login-story h1{font-size:38px}
.login-proof{gap:18px}
.top-actions{gap:9px}
.header-status{display:none}
}

@media(max-width:760px){.shell{display:block}
.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px}
.shell.menu-open .sidebar{transform:translateX(0)}
.shell.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#000a;z-index:24;border:0;border-radius:0}
.workspace{width:100%}
.menu-button{display:inline-flex}
.topbar{height:60px;padding:0 17px}
.breadcrumb{gap:7px;font-size:10px}
.main{padding:22px 16px}
.demo-banner{padding:9px 16px;font-size:10px;align-items:start}
.page-heading{margin-bottom:23px;gap:12px}
h1{font-size:25px}
.page-heading p{font-size:11px;max-width:240px}
.page-actions .btn{padding:9px 10px;font-size:11px}
.stats{gap:10px}
.stat-value{font-size:28px;margin:13px 0 8px}
.stat{padding:16px}
.card-header{padding:17px}
.card-pad{padding:18px}
th,td{padding:14px 16px}
.toolbar{flex-wrap:wrap;gap:10px}
.search{max-width:none;min-width:180px}
.inbox-layout{height:calc(100vh - 240px);min-height:540px;grid-template-columns:205px minmax(240px,1fr);margin:0 -6px}
.thread-tools{padding:13px 10px}
.conversation-head .sub{font-size:9px}
.conversation-head h2{font-size:12px}
.conversation-head select{font-size:9px;padding:7px}
.composer-footer{align-items:flex-end}
.composer-footer small{max-width:100px;font-size:8px}
.composer-footer .btn{font-size:10px;padding:8px}
.login{grid-template-columns:1fr}
.login-story{display:none}
.login-form-side{padding:35px 25px;min-height:100vh}
.top-actions .btn{padding:7px;font-size:10px}
.topbar .avatar{display:none}
.card-header h2{font-size:15px}
.form-grid{gap:15px}
.modal-head,.modal-body{padding:20px}
#toast{right:16px;left:16px;max-width:none;bottom:18px}
.appointment-row{padding:16px}
.appointment-row .btn{font-size:10px;padding:7px}
.admin-tabs{gap:3px}
.admin-tabs .tab{font-size:10px;padding:8px 9px}
}

@media(max-width:520px){.inbox-layout{display:block;height:auto;min-height:600px}
.thread-sidebar{max-height:290px;border-right:0;border-bottom:1px solid var(--line)}
.thread-list{max-height:210px}
.thread-item{padding:11px!important}
.thread-preview{margin:6px 0}
.conversation{min-height:530px;max-height:700px}
.messages{min-height:240px;max-height:400px}
.conversation-head{padding:14px}
.page-heading{flex-wrap:wrap}
.page-actions{justify-content:flex-start}
.page-heading:has(+ .inbox-layout){align-items:center}
.stats{gap:8px}
.stat-top{font-size:10px}
.stat-icon{width:26px;height:26px}
.stat-foot{font-size:9px}
.form-grid{grid-template-columns:1fr}
.field.full{grid-column:auto}
.top-actions .btn span{display:none}
.breadcrumb span:first-child{display:none}
.toolbar .tabs{width:100%}
.stat{padding:14px}
.login-box h2{font-size:27px}
.card-header{gap:8px}
.card-header .btn{font-size:10px;padding:7px}
.grid-even{gap:13px}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


.attachment-preview{display:block;max-width:100%;max-height:60vh;object-fit:contain;margin:auto;border-radius:8px}
.conversation-head>div:first-child{flex:1;min-width:0}
.conversation-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heading .eyebrow{margin-bottom:8px}
.page-heading .eyebrow{margin-bottom:8px}
.campaign-card .eyebrow{margin-bottom:8px}
.login-box .eyebrow{margin-bottom:12px}
.login-footer svg{width:11px;height:11px;vertical-align:middle;margin-right:4px}
.notice>svg,.pipeline-card .text-button svg{width:13px;height:13px;vertical-align:middle}
.split-heading>svg{width:17px;height:17px;color:var(--muted)}

.checkbox-row{flex-direction:row;align-items:flex-start}
.checkbox-row input{flex-shrink:0;margin-top:1px}
.thread-top,.thread-bottom{pointer-events:none}
.conversation-head .icon-button{flex-shrink:0}
.field:has(.check-options){min-width:0}
.check-options label{line-height:1.5}
.form-actions .btn{min-width:86px}


.message-hold{font-size:10px;color:var(--amber);display:flex;align-items:flex-start;gap:5px;line-height:1.6;margin-top:7px}
.message-hold svg{width:12px;height:12px;flex-shrink:0;margin-top:2px}


/* Dedicated agency HQ: global ownership remains distinct from workspace context. */
.agency-nav{margin:0 12px 18px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.agency-nav .nav-item{background:#202c20;color:#d9ebd1}
.agency-nav .nav-item.active{background:#314527;color:var(--green)}
.agency-nav-caption{color:var(--muted);font-size:10px;padding:6px 13px 0}
.agency-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:22px;padding:17px 18px;background:#161e18;border:1px solid var(--line);border-radius:12px}
.agency-toolbar .field{min-width:180px;gap:6px}
.agency-toolbar input,.agency-toolbar select{height:39px;font-size:12px;padding:9px 11px}
.agency-toolbar .agency-query{flex:1;min-width:180px;max-width:390px}
.agency-toolbar .btn{height:39px;white-space:nowrap}
.agency-scope{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font-size:10px;padding-bottom:12px;white-space:nowrap}
.agency-scope svg{width:14px;height:14px;color:var(--green)}
.agency-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.agency-summary h2{font-size:22px;margin-top:7px;font-weight:550;letter-spacing:-.5px}
.agency-summary p{color:var(--muted);font-size:12px;margin-top:7px}
.agency-summary>.badge{white-space:nowrap}
.agency-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;color:var(--muted);font-size:11px}
.agency-pagination .btn{font-size:11px;padding:8px 12px}
.resource-chain{display:flex;flex-direction:column;gap:7px;min-width:175px;font-size:11px}
.resource-chain span{display:flex;align-items:center;gap:5px}
.resource-chain span:first-child{color:#c5d9bf}
.resource-chain svg{width:11px;height:11px;color:#7e927d}
.admin-tabs{gap:5px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.admin-tabs .tab{padding:9px 11px}
@media(max-width:1100px){.agency-toolbar{flex-wrap:wrap}.agency-scope{display:none}.agency-toolbar .agency-query{max-width:none}.admin-tabs .tab{padding:8px 10px;font-size:10px}}
@media(max-width:600px){.agency-toolbar{padding:14px;gap:10px}.agency-toolbar .field,.agency-toolbar .agency-query{min-width:100%;width:100%}.agency-toolbar .btn{flex:1}.agency-summary{align-items:flex-start;flex-direction:column;gap:13px}.agency-summary h2{font-size:20px}.agency-pagination{flex-wrap:wrap}.agency-pagination .row-actions{margin-left:auto}}