:root{
  --bg:#ffffff;--panel:#ffffff;--ink:#101828;--muted:#667085;--muted2:#98a2b3;--line:#e4e7ec;--line2:#eef2f6;
  --blue:#0b63f6;--blue2:#0053d6;--blue-soft:#eef4ff;--green:#0a9f55;--green-soft:#ecfdf3;--amber:#f59e0b;--amber-soft:#fff8e7;
  --purple:#7c3aed;--purple-soft:#f4efff;--red:#d92d20;--red-soft:#fff1f0;--sidebar:304px;
  --radius:12px;--shadow:0 1px 2px rgba(16,24,40,.03),0 12px 32px rgba(16,24,40,.035);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{display:block}body{overflow-x:hidden}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);background:#fff}
.sidebar{min-height:100vh;height:100vh;position:sticky;top:0;border-right:1px solid var(--line);padding:28px 22px 22px;display:flex;flex-direction:column;background:#fff;z-index:40}
.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:760;letter-spacing:-.03em;padding:3px 10px 28px}.brand-mark{width:28px;height:28px;color:#101828;display:grid;place-items:center}.brand-mark svg{width:27px;height:27px;stroke-width:2}
.workspace{border:1px solid #d9dee7;border-radius:8px;padding:16px 16px;margin:0 10px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.workspace-title{font-size:13px;font-weight:700;color:#111827}.workspace-sub{font-size:12px;color:#667085;margin-top:5px}.workspace-arrow{color:#667085;width:18px;height:18px}
.nav-group{display:grid;gap:6px}.nav-item{width:100%;height:52px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:14px;padding:0 15px;color:#344054;text-align:left;font-weight:520;transition:.14s ease}.nav-item:hover{background:#f8fafc;color:#101828}.nav-item.active{background:#eff4ff;color:var(--blue);font-weight:600}.nav-ico{width:21px!important;height:21px!important}.nav-ico svg{width:21px;height:21px;stroke-width:1.7}.nav-item .badge{margin-left:auto;background:var(--blue);color:white;min-width:23px;height:23px;padding:0 7px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700}.sidebar-spacer{flex:1}.sidebar-help{border-top:1px solid var(--line);padding:22px 10px 20px}.help-link{display:flex;align-items:center;gap:14px;color:#344054;font-weight:520;padding:10px 5px}.help-link span:first-child{width:20px;height:20px}.profile{border-top:1px solid var(--line);padding:22px 0 0;margin:0 10px;display:flex;align-items:center;gap:12px}.profile-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#d1d5db,#9ca3af);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.profile-copy{min-width:0;flex:1}.profile-name{font-weight:650;color:#101828}.profile-role{font-size:12px;color:#667085;margin-top:3px}.profile-arrow{color:#344054;width:18px;height:18px}
.main{min-width:0;background:#fff}.content{padding:42px 42px 60px;max-width:1510px;margin:0 auto}.mobile-topbar{display:none}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}.page-head h1{font-size:30px;line-height:1.15;margin:0;font-weight:770;letter-spacing:-.04em;color:#101828}.page-head p{font-size:14px;color:#5f6b7a;margin:12px 0 0}.page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{height:44px;border-radius:7px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:620;border:1px solid transparent;transition:.14s ease}.primary-btn{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 1px 2px rgba(11,99,246,.15)}.primary-btn:hover{background:var(--blue2)}.secondary-btn{background:#fff;color:#111827;border-color:#cfd5df}.secondary-btn:hover{background:#f9fafb}.ghost-btn{background:transparent;color:#475467}.ghost-btn:hover{background:#f8fafc}.danger-btn{background:#fff;color:var(--red);border-color:#f2c8c4}.btn-small{height:36px;padding:0 12px;font-size:12px}.icon-btn{width:40px;height:40px;border:1px solid #d8dde6;border-radius:8px;background:#fff;display:grid;place-items:center;color:#475467}.icon-btn:hover{background:#f8fafc}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px}.metric-card{border:1px solid #dce1e8;border-radius:8px;padding:22px 22px 20px;background:#fff;min-height:145px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-label{font-size:13px;font-weight:650;color:#111827}.metric-icon{width:26px;height:26px;display:grid;place-items:center}.metric-icon svg{width:22px;height:22px;stroke-width:1.8}.metric-icon.green{color:#0aad57}.metric-icon.blue{color:#101828}.metric-icon.orange{color:#101828}.metric-icon.purple{color:#101828}.metric-value{font-size:30px;font-weight:760;letter-spacing:-.04em;margin-top:16px;color:#101828}.metric-foot{margin-top:14px;font-size:12px;color:#475467;display:flex;gap:5px;align-items:center}.metric-up{color:#0aab4f;font-weight:700}
.dashboard-main{display:grid;grid-template-columns:minmax(0,1.67fr) minmax(360px,.92fr);gap:22px;margin-bottom:22px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.67fr) minmax(360px,.92fr);gap:22px}.panel{border:1px solid #dce1e8;border-radius:8px;background:#fff;box-shadow:none}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px}.panel-title{font-size:14px;font-weight:700;color:#101828}.panel-sub{font-size:12px;color:#667085;margin-top:5px;line-height:1.45}.date-chip,.filter-select{height:38px;border:1px solid #d7dce5;border-radius:7px;background:#fff;color:#475467;padding:0 12px;font-size:12px}.chart-panel{min-height:380px}.chart-area{padding:6px 22px 24px}.chart-wrap{height:290px;position:relative;margin-left:56px}.chart-gridline{position:absolute;left:0;right:0;height:1px;background:#edf0f4}.chart-gridline span{position:absolute;right:100%;padding-right:18px;transform:translateY(-50%);font-size:11px;color:#667085}.chart-svg{position:absolute;left:0;right:0;top:16px;width:100%;height:230px;overflow:visible}.chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#667085;font-size:11px}.chart-dot{fill:var(--blue)}
.activity-panel{padding-bottom:4px}.activity-list{padding:2px 20px 12px}.activity-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f4}.activity-row:last-child{border-bottom:0}.activity-ico{width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.activity-ico svg{width:18px;height:18px}.activity-copy{min-width:0}.activity-title{font-size:13px;font-weight:650;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-sub{font-size:12px;color:#667085;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:11px;color:#667085;white-space:nowrap}
.sources-panel{min-height:250px}.sources-body{display:grid;grid-template-columns:190px 1fr;align-items:center;padding:4px 28px 28px;gap:24px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#2f73f4 0 45%,#35b46f 45% 75%,#ffb312 75% 90%,#a9bedc 90% 100%);position:relative;margin:auto}.donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff}.legend{display:grid;gap:17px}.legend-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;font-size:12px}.legend-swatch{width:14px;height:14px;border-radius:3px}.legend-value{font-weight:650;color:#111827}
.automation-status{padding-bottom:6px}.status-list{padding:0 22px 12px}.status-row{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #eef1f4}.status-row:last-child{border-bottom:0}.status-name{font-size:13px;color:#111827}.status-active{font-size:12px;color:#0a9f55;background:#f0fbf5;border-radius:99px;padding:4px 8px}.status-arrow{color:#667085}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-heading h2{font-size:24px;margin:0;letter-spacing:-.03em}.section-heading p{color:#667085;margin:8px 0 0}.section-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-panel{overflow:hidden}.table-head{padding:20px 22px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center;gap:20px}.filter-row{display:flex;gap:9px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table th{font-size:11px;text-transform:none;color:#667085;font-weight:600;text-align:left;padding:12px 20px;background:#fbfcfd;border-bottom:1px solid var(--line2)}.data-table td{padding:15px 20px;border-bottom:1px solid var(--line2);font-size:12px;color:#344054}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fbfcff}.lead-name{display:flex;align-items:center;gap:11px}.lead-avatar,.conv-avatar{width:34px;height:34px;border-radius:50%;background:#f2f4f7;display:grid;place-items:center;font-size:10px;font-weight:700;color:#475467}.lead-main{font-weight:650;color:#101828}.lead-sub{font-size:11px;color:#667085;margin-top:3px}.money{font-weight:700;color:#101828!important}.muted{color:#667085!important}.nowrap{white-space:nowrap}.status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:10.5px;font-weight:650;background:#f2f4f7;color:#475467}.status.booked{background:#ecfdf3;color:#067647}.status.active{background:#eff8ff;color:#175cd3}.status.followup{background:#fff7ed;color:#b54708}.status.new{background:#f4f3ff;color:#5925dc}.status.closed{background:#f2f4f7;color:#475467}
.inbox-layout{height:calc(100vh - 84px);min-height:620px;display:grid;grid-template-columns:330px minmax(0,1fr) 320px;border:1px solid #dce1e8;border-radius:8px;overflow:hidden}.inbox-list{border-right:1px solid var(--line);background:#fff;min-width:0}.inbox-search{padding:16px;border-bottom:1px solid var(--line2)}.input,textarea{width:100%;border:1px solid #d7dce5;border-radius:7px;background:#fff;color:#101828;padding:11px 12px;outline:none}.input:focus,textarea:focus{border-color:#8eb2ff;box-shadow:0 0 0 3px #eff4ff}.inbox-tabs{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line2)}.tab{border:0;background:transparent;color:#667085;border-radius:6px;padding:7px 9px;font-size:11px}.tab.active{background:#f2f4f7;color:#101828;font-weight:650}.conversation-list{overflow:auto;max-height:calc(100vh - 190px)}.conv-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:15px 16px;border-bottom:1px solid #f0f2f5;cursor:pointer}.conv-item:hover{background:#fafbfc}.conv-item.active{background:#f4f7ff}.conv-top{display:flex;align-items:center;gap:7px}.conv-name{font-size:12px;font-weight:650}.conv-time{margin-left:auto;font-size:10px;color:#98a2b3}.unread{width:7px;height:7px;background:var(--blue);border-radius:50%}.conv-preview{font-size:11px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.tiny-source{font-size:9.5px;color:#667085}.conv-meta{margin-top:6px}.chat-pane{display:flex;flex-direction:column;min-width:0;background:#fff}.chat-head{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:10px}.chat-person{font-weight:650}.chat-sub{font-size:11px;color:#667085;margin-top:3px}.messages{flex:1;overflow:auto;padding:24px;background:#fbfcfd}.message{max-width:72%;margin-bottom:16px}.message.out{margin-left:auto}.bubble{display:inline-block;border:1px solid #e3e7ed;background:#fff;padding:10px 12px;border-radius:12px 12px 12px 3px;font-size:12px;line-height:1.5;box-shadow:0 1px 1px rgba(16,24,40,.02)}.message.out .bubble{background:var(--blue);color:#fff;border-color:var(--blue);border-radius:12px 12px 3px 12px}.message-meta{font-size:9.5px;color:#98a2b3;margin-top:5px}.message.out .message-meta{text-align:right}.composer{border-top:1px solid var(--line);padding:14px 16px;background:#fff;display:flex;gap:10px}.composer textarea{resize:none;height:46px;min-height:46px;max-height:120px}.lead-side{border-left:1px solid var(--line);overflow:auto;background:#fff}.details-section{padding:18px;border-bottom:1px solid var(--line2)}.detail-person{display:flex;align-items:center;gap:10px}.detail-title{font-weight:700}.detail-sub{font-size:11px;color:#667085;margin-top:3px}.detail-row{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:8px 0;font-size:11px}.detail-label{color:#667085}.detail-value{color:#101828;font-weight:520}.value-big{font-size:25px;font-weight:760;color:#0a9f55}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:9px}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3;margin-top:4px}.timeline-title{font-size:11px;font-weight:600}.timeline-time{font-size:9.5px;color:#98a2b3;margin-top:3px}
.automation-grid,.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.automation-card,.integration-card{border:1px solid #dce1e8;border-radius:8px;background:#fff;padding:20px}.auto-card-top{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start}.auto-ico{width:40px;height:40px;border-radius:8px;display:grid;place-items:center}.auto-card-title{font-weight:700}.auto-card-desc,.integration-desc{font-size:12px;line-height:1.55;color:#667085;margin-top:5px}.auto-card-foot,.integration-foot{border-top:1px solid #eef1f4;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.auto-stat{font-size:11px;color:#667085}.toggle{width:38px;height:22px;border:0;border-radius:99px;padding:2px;background:#d0d5dd;display:flex;align-items:center}.toggle:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:.15s}.toggle.on{background:var(--blue)}.toggle.on:after{transform:translateX(16px)}.integration-logo{width:44px;height:44px;border:1px solid #e0e4ea;border-radius:9px;display:grid;place-items:center;font-weight:750;color:#475467}.integration-name{font-weight:700;margin-top:14px}.connected{color:#0a9f55;font-size:11px}.not-connected{color:#667085;font-size:11px}
.setup-callout{border:1px solid #d8e5ff;background:#f7faff;border-radius:8px;padding:18px 20px;margin-bottom:24px;display:flex;align-items:center;gap:24px}.setup-progress{flex:1}.setup-title{font-weight:700}.setup-text{font-size:11px;color:#667085;margin-top:5px}.progress-track{height:5px;background:#e7edf8;border-radius:99px;margin-top:12px;overflow:hidden}.progress-bar{height:100%;width:62%;background:var(--blue)}.setup-count{font-size:20px;font-weight:760}
.calendar-shell{border:1px solid #dce1e8;border-radius:8px;overflow:auto;background:#fff}.calendar-toolbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 18px}.calendar-title{font-weight:700;margin-left:5px}.calendar-grid{display:grid;grid-template-columns:70px repeat(5,minmax(150px,1fr));min-width:900px}.cal-head{height:62px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);display:grid;place-items:center;color:#667085;font-size:11px}.cal-head strong{display:block;color:#101828;font-size:15px;text-align:center;margin-top:4px}.time-cell{height:100px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:8px;color:#98a2b3;font-size:10px}.day-cell{height:100px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:7px}.booking{height:100%;border-radius:7px;padding:9px;font-size:10.5px;border-left:3px solid}.booking.blue{background:#eff6ff;border-color:#2f73f4}.booking.green{background:#ecfdf3;border-color:#22a35a}.booking.orange{background:#fff7ed;border-color:#f59e0b}.booking-title{font-weight:700;margin-bottom:4px}.booking-time{color:#667085;margin-top:4px}
.revenue-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,1fr);gap:18px;margin-bottom:18px}.big-revenue-card{border:1px solid #dce1e8;border-radius:8px;padding:24px}.big-label{font-size:12px;color:#667085}.big-money{font-size:38px;font-weight:780;letter-spacing:-.05em;color:#0a9f55;margin-top:9px}.big-foot{font-size:11px;color:#667085;margin-top:13px}.big-foot strong{color:#0a9f55}.attribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-stat{border:1px solid #dce1e8;border-radius:8px;padding:16px}.small-stat-label{font-size:10.5px;color:#667085}.small-stat-val{font-size:20px;font-weight:740;margin-top:7px}.small-stat-sub{font-size:9.5px;color:#98a2b3;margin-top:6px}.bar-list{padding:10px 22px 22px}.bar-row{display:grid;grid-template-columns:180px 1fr 90px;gap:18px;align-items:center;padding:11px 0}.bar-label{font-size:12px}.bar-track{height:8px;background:#eef1f4;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--blue);border-radius:99px}.bar-value{text-align:right;font-size:12px;font-weight:700}
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.settings-nav{border:1px solid #dce1e8;border-radius:8px;padding:8px;height:max-content}.settings-nav button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:6px;color:#667085}.settings-nav button.active{background:#f2f4f7;color:#101828;font-weight:650}.settings-panel{border:1px solid #dce1e8;border-radius:8px}.settings-head{padding:20px;border-bottom:1px solid var(--line2)}.settings-head h3{margin:0;font-size:16px}.settings-head p{margin:7px 0 0;color:#667085;font-size:12px}.settings-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:11px;font-weight:650;margin-bottom:7px;color:#344054}.field textarea{min-height:100px;resize:vertical}.form-help{font-size:10px;color:#98a2b3;margin-top:6px}.settings-footer{border-top:1px solid var(--line2);padding:14px 20px;display:flex;justify-content:flex-end;gap:9px}
.modal-backdrop,.search-overlay{position:fixed;inset:0;background:rgba(15,23,42,.32);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(2px)}.modal{width:min(620px,100%);background:#fff;border-radius:10px;border:1px solid #dce1e8;box-shadow:0 24px 70px rgba(16,24,40,.18);overflow:hidden}.modal-head,.modal-foot{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head{border-bottom:1px solid var(--line2)}.modal-foot{border-top:1px solid var(--line2);justify-content:flex-end}.modal-title{font-size:16px;font-weight:750}.modal-body{padding:18px}.search-modal{width:min(660px,100%);background:#fff;border:1px solid #dce1e8;border-radius:10px;box-shadow:0 24px 70px rgba(16,24,40,.18);overflow:hidden;align-self:start;margin-top:12vh}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line2)}.search-input-wrap input{border:0;outline:0;flex:1;font-size:14px}.search-key{font-size:10px;color:#667085;border:1px solid #dce1e8;border-radius:5px;padding:3px 6px}.search-results{max-height:360px;overflow:auto;padding:8px}.search-result{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px;border-radius:7px;cursor:pointer}.search-result:hover{background:#f8fafc}.search-result-icon{width:32px;height:32px;border-radius:7px;background:#f2f4f7;display:grid;place-items:center}.search-result-main{font-size:12px;font-weight:650}.search-result-sub{font-size:10.5px;color:#667085;margin-top:3px}.empty{padding:24px;text-align:center;color:#98a2b3}.toast{position:fixed;right:22px;bottom:22px;background:#101828;color:#fff;border-radius:8px;padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:12px;z-index:120;box-shadow:0 12px 30px rgba(16,24,40,.2)}
.overlay-sidebar{display:none}.back-inbox{display:none!important}
@media(max-width:1120px){:root{--sidebar:250px}.content{padding:34px 28px 50px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main,.dashboard-bottom{grid-template-columns:1fr}.revenue-summary{grid-template-columns:1fr}.inbox-layout{grid-template-columns:300px 1fr}.lead-side{display:none}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:285px;transform:translateX(-102%);transition:.2s;box-shadow:12px 0 38px rgba(16,24,40,.12)}.sidebar.open{transform:translateX(0)}.overlay-sidebar{display:block;position:fixed;inset:0;background:rgba(15,23,42,.24);z-index:35}.mobile-topbar{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:30}.mobile-brand{font-weight:760;letter-spacing:-.03em}.content{padding:24px 16px 42px}.page-head{margin-bottom:24px}.page-head h1{font-size:25px}.page-actions{width:100%;margin-top:8px}.page-head{flex-direction:column}.metrics-grid{gap:12px}.metric-card{padding:17px;min-height:130px}.dashboard-main,.dashboard-bottom{gap:14px}.chart-panel{min-height:330px}.chart-wrap{height:230px;margin-left:46px}.chart-svg{height:185px}.sources-body{grid-template-columns:1fr;gap:14px}.legend{width:min(340px,100%);margin:auto}.inbox-layout{height:calc(100vh - 110px);min-height:560px;display:block}.inbox-list{height:100%;border-right:0}.chat-pane{display:none;height:100%}.inbox-layout:not(.show-list) .inbox-list{display:none}.inbox-layout:not(.show-list) .chat-pane{display:flex}.back-inbox{display:grid!important}.automation-grid,.integration-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap;width:auto}.form-grid{grid-template-columns:1fr}.calendar-shell{margin:0 -2px}.revenue-summary{grid-template-columns:1fr}.attribution-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:118px}.page-actions .primary-btn,.page-actions .secondary-btn{flex:1}.sources-body{padding:0 18px 22px}.donut{width:132px;height:132px}.donut:after{inset:30px}.activity-time{display:none}.activity-row{grid-template-columns:36px 1fr}.bar-row{grid-template-columns:1fr 70px;gap:10px}.bar-track{grid-column:1/-1}.attribution-grid{grid-template-columns:1fr}.inbox-layout{border-radius:0;margin:0 -16px;border-left:0;border-right:0}.toast{left:14px;right:14px;bottom:14px}.modal-backdrop{padding:10px}.modal{max-height:92vh;overflow:auto}}
/* Build 3 functional states */
.empty-cell{padding:44px 20px!important;text-align:center;color:#98a2b3!important;cursor:default}.team-flag{font-size:9px;font-weight:700;color:#b54708;background:#fff7ed;border-radius:4px;padding:2px 5px;margin-left:4px}.tiny-source.paused{color:#6941c6;background:#f4f3ff}.integration-detail{font-size:11px;color:#344054;margin-top:10px;padding:8px 10px;background:#f8fafc;border-radius:6px;border:1px solid #eef1f4}.integration-modal-row{display:flex;gap:14px;align-items:flex-start}.integration-logo.large{width:52px;height:52px;flex:0 0 52px}.success-note{margin-top:14px;padding:10px 12px;border:1px solid #b7ebcd;background:#f0fbf5;color:#067647;border-radius:7px;font-size:11px}.modal-foot-wrap{flex-wrap:wrap}.modal-spacer{flex:1}.danger-text{color:#b42318}.help-list{display:grid;gap:0;border:1px solid #eef1f4;border-radius:8px;overflow:hidden}.help-list>div{display:grid;gap:4px;padding:14px;border-bottom:1px solid #eef1f4}.help-list>div:last-child{border-bottom:0}.help-list strong{font-size:12px}.help-list span{font-size:11px;line-height:1.5;color:#667085}.empty-state{padding:60px 24px;text-align:center;color:#667085}.booking{border-top:0;border-right:0;border-bottom:0;width:100%;text-align:left;color:#344054;cursor:pointer}.booking:hover{filter:brightness(.98)}.booking:focus-visible{outline:2px solid #0b63f6;outline-offset:1px}.primary-btn:disabled,.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.automation-mini{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #eef1f4}.automation-mini:last-child{border-bottom:0}.auto-name{font-size:12px;font-weight:650}.auto-desc{font-size:11px;color:#667085;margin-top:4px;line-height:1.45}.avatar{width:34px;height:34px;border-radius:50%;background:#f2f4f7;display:grid;place-items:center;font-size:10px;font-weight:700;color:#475467}
@media(max-width:540px){.modal-foot-wrap .modal-spacer{display:none}.modal-foot-wrap>*{flex:1}.integration-modal-row{align-items:center}}

/* Managed-service / operator layer */
.workspace.ops-workspace{height:auto;min-height:76px;padding:12px 14px;align-items:center;background:#fbfcfe;border-color:#e5e9f0}
.workspace-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;color:#98a2b3;margin-bottom:5px}.help-q{width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:11px}.help-link{width:100%;justify-content:flex-start;padding-left:5px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#667085;margin-bottom:8px}.managed-page-head{margin-bottom:24px}.managed-metric .metric-foot{margin-top:10px}.managed-metric .metric-foot span{color:#667085}
.ops-callout{border:1px solid #d9e1ee;border-radius:9px;padding:20px 22px;margin:-2px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fbfdff}.ops-callout>div{flex:1}.ops-callout-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#667085}.ops-callout-value{font-size:22px;font-weight:760;letter-spacing:-.03em;margin-top:6px}.ops-callout-value span{font-size:13px;color:#98a2b3;font-weight:600}.ops-progress{height:6px;border-radius:99px;background:#e9edf3;overflow:hidden;margin-top:11px;max-width:520px}.ops-progress div{height:100%;border-radius:99px;background:#2b6ff7}.ops-callout-sub{font-size:11px;color:#667085;margin-top:8px}.ops-dashboard-main{grid-template-columns:minmax(0,1.5fr) minmax(340px,.9fr)}
.attention-list,.client-health-list{padding:0 20px 18px}.attention-row{width:100%;display:grid;grid-template-columns:10px 1fr auto 18px;align-items:center;gap:14px;border:0;border-top:1px solid #eef1f4;background:#fff;padding:15px 0;text-align:left;color:#101828}.attention-row:first-child{border-top:0}.attention-row:hover .attention-main strong{color:#175cd3}.priority-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3}.priority-dot.urgent{background:#d92d20}.priority-dot.high{background:#f79009}.priority-dot.medium{background:#2b6ff7}.priority-dot.low{background:#98a2b3}.attention-main>div{display:flex;gap:9px;align-items:center}.attention-main strong{font-size:12px}.attention-main span{font-size:10px;color:#667085;background:#f2f4f7;padding:3px 6px;border-radius:5px}.attention-main p{margin:4px 0 0;font-size:11px;color:#667085}.attention-value{text-align:right}.attention-value strong{display:block;font-size:12px}.attention-value span{font-size:10px;color:#667085}.client-health-row{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border:0;border-top:1px solid #eef1f4;background:#fff;padding:13px 0;text-align:left}.client-health-row:first-child{border-top:0}.client-avatar{width:36px;height:36px;border-radius:8px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-size:10px;font-weight:800}.client-avatar.large{width:46px;height:46px;font-size:12px}.client-avatar.xlarge{width:58px;height:58px;font-size:15px}.client-health-main>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.client-health-main strong{font-size:11.5px}.client-health-main small{display:block;font-size:9.5px;color:#667085;margin-top:5px}.health-track{height:4px;background:#eef1f4;border-radius:99px;overflow:hidden;margin-top:7px}.health-track span{display:block;height:100%;background:#2b6ff7;border-radius:99px}.client-health-row>strong{font-size:12px}
.status.live{background:#ecfdf3;color:#067647}.status.pilot{background:#eff8ff;color:#175cd3}.status.setup{background:#fff7ed;color:#b54708}.status.paused{background:#f2f4f7;color:#475467}.status.lost{background:#fff1f0;color:#b42318}
.client-summary-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #dce1e8;border-radius:8px;margin-bottom:18px;overflow:hidden}.client-summary-strip>div{padding:17px 20px;border-right:1px solid #e8ebf0;background:#fff}.client-summary-strip>div:last-child{border-right:0}.client-summary-strip strong{display:block;font-size:20px;letter-spacing:-.03em}.client-summary-strip span{display:block;font-size:10px;color:#667085;margin-top:5px}.client-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.managed-client-card{border:1px solid #dce1e8;border-radius:9px;background:#fff;padding:20px}.managed-client-top{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center}.client-card-title{font-size:14px;font-weight:750}.client-card-sub{font-size:11px;color:#667085;margin-top:4px}.client-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.client-kpis>div{background:#fafbfc;border-radius:7px;padding:11px 12px}.client-kpis span,.client-card-foot span{display:block;font-size:9.5px;color:#667085}.client-kpis strong,.client-card-foot strong{display:block;font-size:13px;margin-top:5px}.client-card-foot{border-top:1px solid #eef1f4;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.queue-summary{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;gap:12px;align-items:center;margin-bottom:16px}.queue-summary>div:not(.queue-tabs){border:1px solid #dce1e8;border-radius:8px;padding:13px 15px}.queue-summary span{font-size:10px;color:#667085}.queue-summary strong{display:block;font-size:18px;margin-top:5px}.queue-tabs{display:flex;background:#f2f4f7;border-radius:7px;padding:3px}.queue-tabs button{border:0;background:transparent;border-radius:5px;padding:8px 10px;font-size:10px;color:#667085}.queue-tabs button.active{background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.08)}.priority-pill{display:inline-flex;padding:5px 7px;border-radius:99px;font-size:9.5px;font-weight:750}.priority-pill.urgent{background:#fff1f0;color:#b42318}.priority-pill.high{background:#fff7ed;color:#b54708}.priority-pill.medium{background:#eff8ff;color:#175cd3}.priority-pill.low{background:#f2f4f7;color:#475467}.rescue-table{min-width:1020px}
.conv-client{font-size:9.5px;font-weight:650;color:#2b6ff7;margin:2px 0 3px}.chat-actions{display:flex;gap:7px;margin-left:auto}.reply-status{font-size:10px;color:#667085;margin-bottom:8px}.client-modal-hero{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center}.modal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.modal-kpis>div{background:#fafbfc;padding:12px;border-radius:7px}.modal-kpis span{font-size:9.5px;color:#667085;display:block}.modal-kpis strong{font-size:14px;display:block;margin-top:5px}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-card{border:1px solid #dce1e8;border-radius:9px;padding:20px;background:#fff}.report-head{display:flex;justify-content:space-between;gap:12px}.report-client{font-weight:750}.report-period{font-size:10px;color:#667085;margin-top:4px}.report-hero{margin:20px 0;padding:17px;background:#f7faf8;border-radius:8px}.report-hero span{display:block;font-size:10px;color:#667085}.report-hero strong{display:block;color:#087443;font-size:25px;margin-top:6px}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-kpis>div{border:1px solid #eef1f4;border-radius:7px;padding:11px}.report-kpis span{font-size:9.5px;color:#667085;display:block}.report-kpis strong{font-size:14px;display:block;margin-top:5px}.report-foot{border-top:1px solid #eef1f4;margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.report-foot span{font-size:10px;color:#667085}.report-preview-brand{font-size:9px;font-weight:800;letter-spacing:.14em;color:#667085}.report-preview h2{font-size:24px;margin:9px 0 2px}.report-preview-period{font-size:11px;color:#667085}.report-preview-hero{margin-top:20px;padding:20px;background:#f7faf8;border-radius:8px}.report-preview-hero span,.report-preview-hero small{display:block;color:#667085;font-size:10px}.report-preview-hero strong{display:block;font-size:31px;color:#087443;margin:6px 0}.report-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.report-preview-grid>div{border:1px solid #e8ebf0;border-radius:7px;padding:12px}.report-preview-grid span{font-size:9px;color:#667085;display:block}.report-preview-grid strong{font-size:15px;display:block;margin-top:5px}.report-section{border-top:1px solid #eef1f4;margin-top:18px;padding-top:16px}.report-section strong{font-size:11px}.report-section p{font-size:11px;color:#667085;line-height:1.6;margin:6px 0 0}
@media(max-width:1120px){.ops-dashboard-main{grid-template-columns:1fr}.client-summary-strip{grid-template-columns:repeat(3,1fr)}.client-summary-strip>div{border-bottom:1px solid #e8ebf0}.client-card-grid,.report-grid{grid-template-columns:1fr}.queue-summary{grid-template-columns:repeat(3,1fr)}.queue-tabs{grid-column:1/-1;justify-self:start}.modal-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ops-callout{align-items:flex-start;flex-direction:column}.client-summary-strip{grid-template-columns:repeat(2,1fr)}.queue-summary{grid-template-columns:1fr 1fr}.queue-tabs{grid-column:1/-1}.managed-client-top{grid-template-columns:46px 1fr}.managed-client-top>.status{grid-column:2;justify-self:start}.chat-actions{margin-left:0}.client-modal-hero{grid-template-columns:58px 1fr}.client-modal-hero>.status{grid-column:2;justify-self:start}.report-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.client-summary-strip{grid-template-columns:1fr 1fr}.client-kpis{grid-template-columns:1fr 1fr}.queue-summary{grid-template-columns:1fr}.modal-kpis{grid-template-columns:1fr 1fr}.report-kpis,.report-preview-grid{grid-template-columns:1fr}.report-foot{align-items:flex-start;flex-direction:column}.attention-row{grid-template-columns:8px 1fr auto}.attention-row>span:last-child{display:none}}
.connection-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#667085}.connection-state i{width:7px;height:7px;border-radius:50%;background:#d0d5dd}.connection-state.on{color:#067647}.connection-state.on i{background:#12b76a}.integration-matrix{min-width:900px}.connection-checks{display:grid;gap:0;border:1px solid #e4e7ec;border-radius:8px;overflow:hidden}.connection-check{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border-bottom:1px solid #eef1f4;background:#fff}.connection-check:last-child{border-bottom:0}.connection-check strong{font-size:11px;display:block}.connection-check span{font-size:10px;color:#667085;display:block;margin-top:4px;line-height:1.4}.connection-check input{width:18px;height:18px}

/* --------------------------------------------------------------------------
   Build 5 — fluid desktop + control-system polish
   -------------------------------------------------------------------------- */
:root{
  --sidebar:268px;
  --control-h:42px;
  --control-radius:9px;
  --surface:#fff;
  --surface-soft:#f8fafc;
  --surface-hover:#f4f7fb;
  --border:#dfe4eb;
  --border-strong:#cfd6df;
  --focus:0 0 0 3px rgba(43,111,247,.14);
  --button-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 1px rgba(16,24,40,.03);
}
html{background:#fff}
body{line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus);border-color:#8eb2ff!important}

/* Use the monitor instead of centering a narrow website inside it. */
.content{
  width:100%;
  max-width:none;
  margin:0;
  padding:34px clamp(28px,2.45vw,58px) 64px;
}
.main{width:100%;min-width:0}
.section-heading{align-items:center;margin-bottom:22px}
.section-heading h2{font-size:26px;font-weight:750;letter-spacing:-.035em}
.section-heading p{font-size:12.5px;line-height:1.55;margin-top:7px;max-width:760px}
.section-tools{gap:9px}

/* Sidebar — quieter, tighter, more like installed software. */
.sidebar{padding:24px 15px 18px;border-right-color:#e6e9ee}
.brand{padding:2px 10px 22px;font-size:19px;gap:10px}
.brand-mark{width:25px;height:25px}.brand-mark svg{width:25px;height:25px}
.workspace.ops-workspace{margin:0 6px 22px;min-height:72px;border-radius:10px;padding:12px 13px;background:#fbfcfe;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.workspace.ops-workspace:hover{border-color:#ccd6e5;background:#f8fbff}
.nav-group{gap:3px}
.nav-item{height:44px;border-radius:8px;padding:0 12px;gap:11px;font-size:12.5px;font-weight:540;color:#3f4a5a;position:relative}
.nav-item:hover{background:#f6f8fb;color:#172033}
.nav-item.active{background:#edf4ff;color:#1768e6;font-weight:650}
.nav-item.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:99px;background:#2b6ff7}
.nav-ico,.nav-ico svg{width:18px!important;height:18px!important}
.nav-item .badge{min-width:20px;height:20px;border-radius:6px;font-size:10px;padding:0 6px;box-shadow:0 1px 2px rgba(43,111,247,.2)}
.sidebar-help{padding:16px 6px 13px}
.help-link{height:38px;border-radius:8px!important;padding:0 8px!important;font-size:12px}
.profile{margin:0 6px;padding:15px 8px 2px;border-top-color:#edf0f4;border-radius:8px}
.profile:hover{background:#f7f9fc}
.profile-avatar{width:34px;height:34px;font-size:10px;background:#e9eef5;color:#46556a;box-shadow:none}
.profile-name{font-size:12px}.profile-role{font-size:10.5px}

/* One consistent button language across the app. */
.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.quiet-btn,.icon-btn,.date-chip,.filter-select,.keycap{
  appearance:none;
  border-radius:var(--control-radius);
  font-weight:620;
  letter-spacing:-.005em;
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .12s ease;
}
.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.quiet-btn{
  min-height:var(--control-h);
  height:var(--control-h);
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  font-size:12px;
  white-space:nowrap;
}
.primary-btn{
  color:#fff;
  background:linear-gradient(180deg,#2677f5 0%,#1665df 100%);
  border-color:#1663d9;
  box-shadow:0 1px 2px rgba(16,24,40,.08),0 4px 10px rgba(43,111,247,.14);
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.primary-btn:hover{background:linear-gradient(180deg,#1f70ef 0%,#0f5ed6 100%);box-shadow:0 2px 3px rgba(16,24,40,.08),0 6px 14px rgba(43,111,247,.16);transform:translateY(-1px)}
.primary-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(16,24,40,.08)}
.secondary-btn{
  color:#263244;background:#fff;border-color:var(--border-strong);box-shadow:var(--button-shadow)
}
.secondary-btn:hover{background:#f8fafc;border-color:#bcc6d3;color:#111827;transform:translateY(-1px)}
.secondary-btn:active{transform:translateY(0);background:#f4f6f8}
.quiet-btn{
  color:#344054;background:#f8fafc;border-color:#e4e8ee;box-shadow:none
}
.quiet-btn:hover{color:#172033;background:#eef3f8;border-color:#d5dce6;transform:translateY(-1px)}
.ghost-btn{color:#475467;background:transparent;border-color:transparent;box-shadow:none}
.ghost-btn:hover{background:#f5f7fa;color:#172033}
.danger-btn,.quiet-btn.danger-text{color:#b42318;background:#fff;border-color:#f0cbc8}
.danger-btn:hover,.quiet-btn.danger-text:hover{background:#fff5f4;border-color:#eab6b2}
.btn-small{height:34px!important;min-height:34px!important;padding:0 11px!important;border-radius:8px!important;font-size:11px!important}
.icon-btn{width:40px;height:40px;min-width:40px;border:1px solid var(--border-strong);background:#fff;color:#475467;box-shadow:var(--button-shadow);display:grid;place-items:center}
.icon-btn:hover{background:#f7f9fb;color:#172033;border-color:#bcc6d3;transform:translateY(-1px)}
.primary-btn svg,.secondary-btn svg,.quiet-btn svg,.ghost-btn svg{width:15px;height:15px}
.primary-btn:disabled,.secondary-btn:disabled,.quiet-btn:disabled{opacity:.48;transform:none;box-shadow:none;cursor:not-allowed}

/* Selects and fields should feel designed too. */
.filter-select,.date-chip{
  height:40px;min-height:40px;border:1px solid var(--border-strong);background:#fff;color:#344054;padding:0 34px 0 12px;font-size:11.5px;box-shadow:0 1px 2px rgba(16,24,40,.03)
}
.filter-select:hover,.date-chip:hover{border-color:#b8c2cf;background:#fbfcfd}
.input,textarea,.search-inline,.reply-box{
  border-radius:9px
}
.input,textarea{border-color:#d6dce5;box-shadow:inset 0 1px 1px rgba(16,24,40,.015)}
.input:hover,textarea:hover{border-color:#c4ccd7}

/* Cards and panels — softer outlines, slightly more breathing room. */
.panel,.metric-card,.managed-client-card,.report-card,.small-stat,.big-revenue-card,.settings-panel,.settings-nav{
  border-color:#e0e5eb;
  border-radius:11px;
}
.panel,.managed-client-card,.report-card,.metric-card{box-shadow:0 1px 2px rgba(16,24,40,.018)}
.metric-card{padding:20px 20px 18px;min-height:132px}
.metric-label{font-size:12px;color:#344054}.metric-value{font-size:28px;margin-top:13px}.metric-foot{font-size:10.5px;margin-top:10px}
.panel-head{padding:18px 20px}.panel-title{font-size:13px}.panel-sub{font-size:10.5px;line-height:1.55}
.table-head{padding:17px 19px}.data-table th{padding:11px 17px;font-size:10px;background:#fafbfd}.data-table td{padding:13px 17px;font-size:11.5px}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f8faff}

/* Dashboard fills wide screens intelligently. */
.metrics-grid{gap:14px;margin-bottom:16px}
.ops-callout{border-radius:11px;margin-bottom:16px;padding:17px 19px;background:#fbfcfe}
.ops-progress{max-width:none}
.ops-dashboard-main{grid-template-columns:minmax(0,1.62fr) minmax(370px,.78fr);gap:16px;margin-bottom:16px}
.dashboard-bottom{gap:16px}
.attention-list,.client-health-list{padding-left:18px;padding-right:18px}
.attention-row,.client-health-row{
  border-left:0;border-right:0;border-bottom:0;cursor:pointer;border-radius:7px;padding-left:8px;padding-right:8px;margin:0 -8px
}
.attention-row:hover,.client-health-row:hover{background:#f8faff}
.attention-row:active,.client-health-row:active{background:#f2f6fc}
.client-table .quiet-btn{min-width:62px}

/* Tabs / segmented controls. */
.queue-tabs,.inbox-tabs{background:#f1f4f7;border:1px solid #e5e9ef;border-radius:9px;padding:3px;gap:2px}
.queue-tabs button,.inbox-tabs button,.settings-nav button{
  appearance:none;border:0;cursor:pointer;transition:.14s ease;color:#667085;font-weight:600
}
.queue-tabs button,.inbox-tabs button{border-radius:7px;padding:7px 10px;background:transparent;font-size:10.5px}
.queue-tabs button:hover,.inbox-tabs button:hover{color:#344054;background:rgba(255,255,255,.55)}
.queue-tabs button.active,.inbox-tabs button.active{background:#fff;color:#172033;box-shadow:0 1px 3px rgba(16,24,40,.09)}
.settings-nav button{border-radius:8px}.settings-nav button:hover{background:#f6f8fa;color:#344054}.settings-nav button.active{background:#edf4ff;color:#175cd3}

/* Inbox / conversations polish. */
.inbox-layout{border-radius:11px;border-color:#e0e5eb;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.conv-item{appearance:none;width:100%;border:0;border-bottom:1px solid #f0f2f5;background:#fff;text-align:left;transition:.13s ease}
.conv-item:hover{background:#f8faff}.conv-item.active{background:#eef4ff;box-shadow:inset 3px 0 0 #2b6ff7}
.reply-box{border:1px solid #dfe4eb;background:#fff;padding:7px;display:flex;gap:8px;align-items:flex-end;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.reply-box textarea{border:0!important;box-shadow:none!important;padding:8px 9px;min-height:42px;max-height:120px;resize:none}
.reply-box .primary-btn{flex:0 0 auto}

/* Toggles, cards and interactive rows. */
.toggle{width:40px;height:23px;padding:2px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.06)}
.toggle:hover{filter:brightness(.98)}
.toggle:focus-visible{box-shadow:var(--focus),inset 0 0 0 1px rgba(16,24,40,.06)}
.automation-card,.integration-card{border-radius:11px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}
.automation-card:hover,.integration-card:hover,.managed-client-card:hover{border-color:#cfd8e5;box-shadow:0 6px 18px rgba(16,24,40,.045);transform:translateY(-1px)}
.search-result{width:100%;border:0;background:#fff;text-align:left}.search-result:hover{background:#f6f9fd}

/* Modals should feel like the same product, not a browser dialog. */
.modal{border-radius:13px;border-color:#d9e0e9;box-shadow:0 28px 80px rgba(16,24,40,.2)}
.modal-head{padding:18px 20px}.modal-body{padding:20px}.modal-foot{padding:14px 20px;background:#fbfcfd}
.modal-title{font-size:15px;letter-spacing:-.015em}
.search-modal{border-radius:13px}
.toast{border-radius:10px;padding:12px 15px;box-shadow:0 14px 38px rgba(16,24,40,.22)}

/* Extra screen real estate becomes useful instead of blank. */
@media(min-width:1450px){
  .metrics-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}
  .client-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .automation-grid,.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1900px){
  :root{--sidebar:276px}
  .content{padding-left:clamp(42px,2.3vw,72px);padding-right:clamp(42px,2.3vw,72px)}
  .metrics-grid{grid-template-columns:repeat(4,minmax(260px,1fr));gap:18px}
  .ops-dashboard-main{grid-template-columns:minmax(0,1.8fr) minmax(430px,.72fr);gap:18px}
  .client-summary-strip{grid-template-columns:repeat(5,minmax(180px,1fr))}
  .client-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .automation-grid,.integration-grid{grid-template-columns:repeat(3,minmax(320px,1fr))}
  .data-table th,.data-table td{padding-left:20px;padding-right:20px}
}
@media(min-width:2600px){
  .content{padding-left:72px;padding-right:72px}
  .client-card-grid{grid-template-columns:repeat(4,minmax(310px,1fr))}
  .report-grid{grid-template-columns:repeat(4,minmax(300px,1fr))}
  .automation-grid,.integration-grid{grid-template-columns:repeat(4,minmax(300px,1fr))}
}

/* Preserve compact laptop/mobile behavior. */
@media(max-width:1120px){
  :root{--sidebar:238px}
  .content{padding:30px 26px 50px}
  .client-card-grid,.report-grid{grid-template-columns:1fr}
  .automation-grid,.integration-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .content{padding:22px 16px 42px}
  .section-heading{align-items:flex-start}
  .section-tools{width:100%}
  .filter-select{max-width:100%}
  .automation-grid,.integration-grid{grid-template-columns:1fr}
  .primary-btn,.secondary-btn,.quiet-btn{min-height:42px}
}
@media(max-width:540px){
  .section-tools>.primary-btn,.section-tools>.secondary-btn{flex:1}
  .client-card-grid{grid-template-columns:1fr}
  .modal-foot .primary-btn,.modal-foot .secondary-btn,.modal-foot .quiet-btn{flex:1}
}
.keycap{height:28px;min-width:38px;padding:0 8px;border:1px solid #d8dee7;background:#f8fafc;color:#667085;font-size:9px;display:inline-grid;place-items:center;box-shadow:0 1px 1px rgba(16,24,40,.03)}
.keycap:hover{background:#f1f4f7;color:#344054}
.workspace,.profile,.attention-row,.client-health-row,.search-result,.conv-item{font:inherit}
.workspace:focus-visible,.profile:focus-visible,.attention-row:focus-visible,.client-health-row:focus-visible,.search-result:focus-visible,.conv-item:focus-visible{outline:none;box-shadow:var(--focus)}
@media(min-width:1450px){.inbox-layout{grid-template-columns:minmax(330px,22%) minmax(0,1fr)}}

/* --------------------------------------------------------------------------
   Build 6 — readable desktop scale
   The app should feel comfortably sized at 100% browser zoom, including on
   1440p/ultrawide displays. Extra width grows information; it does not shrink it.
   -------------------------------------------------------------------------- */
:root{
  --sidebar:282px;
  --control-h:44px;
}
html,body{font-size:15px}

/* Primary page hierarchy */
.page-head{margin-bottom:32px}
.page-head h1{font-size:32px;line-height:1.12}
.page-head p{font-size:14px;line-height:1.55;max-width:780px}
.section-heading h2{font-size:27px}
.section-heading p{font-size:14px;line-height:1.55}

/* Sidebar: readable at a glance, not miniature utility text. */
.sidebar{padding:26px 17px 20px}
.brand{font-size:20px;padding-bottom:24px}
.workspace.ops-workspace{min-height:78px;padding:14px 14px;margin-bottom:24px}
.workspace-title{font-size:14px}.workspace-sub{font-size:12.5px}
.nav-item{height:48px;padding:0 13px;gap:12px;font-size:14px}
.nav-ico,.nav-ico svg{width:19px!important;height:19px!important}
.nav-item .badge{min-width:22px;height:22px;font-size:11px}
.help-link{height:42px!important;font-size:13px!important}
.profile{padding-top:17px}.profile-avatar{width:38px;height:38px;font-size:11px}
.profile-name{font-size:13.5px}.profile-role{font-size:12px}

/* Controls: labels should be comfortably readable without browser zoom. */
.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.quiet-btn{
  min-height:44px;height:44px;padding:0 16px;font-size:13.5px;gap:8px
}
.btn-small{height:38px!important;min-height:38px!important;padding:0 13px!important;font-size:12.5px!important}
.icon-btn{width:42px;height:42px;min-width:42px}
.primary-btn svg,.secondary-btn svg,.quiet-btn svg,.ghost-btn svg{width:16px;height:16px}
.filter-select,.date-chip{height:42px;min-height:42px;font-size:13px;padding-left:13px}
.input,textarea{font-size:14px;padding:12px 13px}
.keycap{font-size:10.5px;height:30px}

/* Dashboard cards */
.metric-card{padding:22px 22px 20px;min-height:145px}
.metric-label{font-size:13.5px}
.metric-value{font-size:32px;margin-top:14px}
.metric-foot{font-size:12px;margin-top:11px}
.panel-head{padding:20px 22px}
.panel-title{font-size:14.5px}
.panel-sub{font-size:12px;line-height:1.55}
.ops-callout{padding:19px 21px}
.ops-callout-label{font-size:11.5px}
.ops-callout-value{font-size:25px}.ops-callout-value span{font-size:14px}
.ops-callout-sub{font-size:12.5px}

/* Operator attention + health */
.attention-row{padding-top:17px;padding-bottom:17px}
.attention-main strong{font-size:13.5px}
.attention-main span{font-size:11px}
.attention-main p{font-size:12.5px;line-height:1.45}
.attention-value strong{font-size:13.5px}.attention-value span{font-size:11px}
.client-health-row{padding-top:15px;padding-bottom:15px;grid-template-columns:40px 1fr auto}
.client-avatar{width:40px;height:40px;font-size:11px}
.client-health-main strong{font-size:13px}
.client-health-main small{font-size:11px;line-height:1.4}
.client-health-row>strong{font-size:13px}
.health-track{height:5px}

/* Tables are one of the most-used parts of the app. */
.table-head{padding:19px 21px}
.data-table th{padding:13px 18px;font-size:12px;line-height:1.35}
.data-table td{padding:16px 18px;font-size:13.5px;line-height:1.4}
.lead-avatar,.conv-avatar{width:38px;height:38px;font-size:11px}
.lead-main{font-size:13.5px}.lead-sub{font-size:12px}
.status{font-size:11.5px;padding:5px 9px}
.priority-pill{font-size:11px;padding:5px 8px}
.connection-state{font-size:11.5px}

/* Portfolio/client screens */
.client-summary-strip>div{padding:19px 21px}
.client-summary-strip strong{font-size:23px}.client-summary-strip span{font-size:11.5px}
.managed-client-card,.report-card{padding:22px}
.client-card-title{font-size:15.5px}.client-card-sub{font-size:12.5px}
.client-kpis span,.client-card-foot span{font-size:11px}
.client-kpis strong,.client-card-foot strong{font-size:14.5px}
.queue-summary span{font-size:11.5px}.queue-summary strong{font-size:20px}
.queue-tabs button,.inbox-tabs button{font-size:12px;padding:8px 11px}

/* Conversations */
.inbox-layout{grid-template-columns:370px minmax(0,1fr) 350px}
.inbox-search{padding:18px}
.inbox-tabs{padding:11px 16px}
.conv-item{grid-template-columns:40px minmax(0,1fr);padding:17px 17px}
.conv-name{font-size:13.5px}.conv-time{font-size:11.5px}.conv-preview{font-size:12.5px}
.conv-client{font-size:11px}
.reply-status{font-size:11.5px}
.reply-box textarea{font-size:14px;min-height:46px}

/* Reports / integrations / settings */
.report-client{font-size:14.5px}.report-period{font-size:11.5px}
.report-hero span,.report-foot span{font-size:11.5px}
.report-hero strong{font-size:27px}
.report-kpis span{font-size:11px}.report-kpis strong{font-size:15px}
.connection-check{padding:16px 16px}
.connection-check strong{font-size:13px}.connection-check span{font-size:11.5px;line-height:1.5}
.modal-title{font-size:16.5px}.modal-head{padding:20px 22px}.modal-body{padding:22px}.modal-foot{padding:16px 22px}

/* Large desktop: increase visual scale instead of cramming in more columns. */
@media(min-width:1500px){
  :root{--sidebar:292px;--control-h:46px}
  html,body{font-size:15.5px}
  .content{padding:40px clamp(38px,2.6vw,64px) 72px}
  .page-head h1{font-size:34px}
  .page-head p{font-size:14.5px}
  .nav-item{height:50px;font-size:14.5px}
  .primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.quiet-btn{height:46px;min-height:46px;font-size:14px}
  .metrics-grid{gap:18px;margin-bottom:18px}
  .metric-card{min-height:154px;padding:24px}
  .metric-label{font-size:14px}.metric-value{font-size:34px}.metric-foot{font-size:12.5px}
  .panel-title{font-size:15px}.panel-sub{font-size:12.5px}
  .ops-dashboard-main{grid-template-columns:minmax(0,1.55fr) minmax(440px,.82fr);gap:18px}
  .data-table th{font-size:12.5px;padding-top:14px;padding-bottom:14px}
  .data-table td{font-size:14px;padding-top:17px;padding-bottom:17px}
  .attention-main strong,.attention-value strong{font-size:14px}
  .attention-main p{font-size:13px}
  .client-health-main strong{font-size:13.5px}.client-health-main small{font-size:11.5px}
  .client-card-grid{grid-template-columns:repeat(3,minmax(300px,1fr))}
  .report-grid{grid-template-columns:repeat(3,minmax(320px,1fr))}
  .automation-grid,.integration-grid{grid-template-columns:repeat(3,minmax(330px,1fr))}
}

/* Very wide screens stay readable; don't turn everything into four tiny columns. */
@media(min-width:1900px){
  :root{--sidebar:304px}
  html,body{font-size:16px}
  .content{padding:44px clamp(48px,2.7vw,78px) 78px}
  .brand{font-size:21px}
  .nav-item{height:52px;font-size:15px}
  .section-heading h2{font-size:29px}
  .metric-card{min-height:162px}
  .metric-label{font-size:14.5px}.metric-value{font-size:36px}.metric-foot{font-size:13px}
  .ops-dashboard-main{grid-template-columns:minmax(0,1.6fr) minmax(470px,.8fr)}
  .client-card-grid{grid-template-columns:repeat(3,minmax(330px,1fr))}
  .report-grid{grid-template-columns:repeat(3,minmax(340px,1fr))}
  .automation-grid,.integration-grid{grid-template-columns:repeat(3,minmax(350px,1fr))}
}

/* Only truly huge canvases earn a fourth column. */
@media(min-width:2800px){
  .client-card-grid{grid-template-columns:repeat(4,minmax(340px,1fr))}
  .report-grid{grid-template-columns:repeat(4,minmax(340px,1fr))}
  .automation-grid,.integration-grid{grid-template-columns:repeat(4,minmax(360px,1fr))}
}

/* Laptop remains compact enough; mobile keeps its dedicated layout. */
@media(max-width:1120px){
  html,body{font-size:14.5px}
  :root{--sidebar:242px}
  .nav-item{font-size:13px;height:45px}
  .data-table th{font-size:11.5px}.data-table td{font-size:13px}
}
@media(max-width:820px){
  html,body{font-size:15px}
  .page-head h1{font-size:28px}
  .section-heading h2{font-size:24px}
  .primary-btn,.secondary-btn,.quiet-btn,.danger-btn{font-size:13.5px}
}

/* --------------------------------------------------------------------------
   Build 7 — large-screen comfort mode (default)
   Designed for 1440p / ultrawide displays at 100% browser zoom.
   Text and controls are intentionally larger; we trade density for readability.
   -------------------------------------------------------------------------- */
@media (min-width: 1280px){
  :root{--sidebar:320px;--control-h:50px}

  .content{padding:48px clamp(46px,3vw,84px) 84px}
  .page-head{margin-bottom:36px}
  .page-head h1{font-size:38px;line-height:1.08}
  .page-head p{font-size:17px;line-height:1.58;margin-top:8px}
  .section-heading{margin-bottom:26px}
  .section-heading h2{font-size:31px}
  .section-heading p{font-size:16px}

  .sidebar{padding:30px 20px 22px}
  .brand{font-size:23px;padding:2px 12px 27px}
  .brand-mark,.brand-mark svg{width:29px;height:29px}
  .workspace.ops-workspace{min-height:88px;padding:16px;margin:0 7px 26px}
  .workspace-title{font-size:16px}
  .workspace-sub{font-size:14px;line-height:1.4}
  .nav-group{gap:5px}
  .nav-item{height:56px;padding:0 15px;gap:13px;font-size:16px;border-radius:9px}
  .nav-ico,.nav-ico svg{width:21px!important;height:21px!important}
  .nav-item .badge{min-width:24px;height:24px;font-size:12px}
  .help-link{height:48px!important;font-size:15px!important}
  .profile{padding-top:19px}
  .profile-avatar{width:43px;height:43px;font-size:12px}
  .profile-name{font-size:15.5px}
  .profile-role{font-size:13.5px}

  .primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.quiet-btn{
    height:50px;min-height:50px;padding:0 18px;font-size:15.5px;border-radius:9px
  }
  .btn-small{height:42px!important;min-height:42px!important;padding:0 15px!important;font-size:14px!important}
  .icon-btn{width:48px;height:48px;min-width:48px}
  .filter-select,.date-chip{height:48px;min-height:48px;font-size:15px;padding-left:15px;padding-right:38px}
  .input,textarea{font-size:16px;padding:14px 15px;min-height:48px}
  .keycap{font-size:12px;height:33px;min-width:42px}

  .metrics-grid{gap:20px;margin-bottom:20px}
  .metric-card{padding:27px 27px 24px;min-height:174px;border-radius:12px}
  .metric-label{font-size:16px}
  .metric-value{font-size:40px;line-height:1;margin-top:18px}
  .metric-foot{font-size:14.5px;margin-top:14px}
  .panel-head{padding:23px 25px}
  .panel-title{font-size:17px}
  .panel-sub{font-size:14.5px;line-height:1.55}
  .ops-callout{padding:22px 25px}
  .ops-callout-label{font-size:13.5px}
  .ops-callout-value{font-size:31px}.ops-callout-value span{font-size:16px}
  .ops-callout-sub{font-size:14.5px}

  .attention-list,.client-health-list{padding-left:22px;padding-right:22px}
  .attention-row{padding-top:20px;padding-bottom:20px}
  .attention-main strong{font-size:16px}
  .attention-main span{font-size:13px}
  .attention-main p{font-size:15px;line-height:1.48;margin-top:4px}
  .attention-value strong{font-size:16px}
  .attention-value span{font-size:13px}
  .client-health-row{padding-top:18px;padding-bottom:18px;grid-template-columns:46px 1fr auto}
  .client-avatar{width:46px;height:46px;font-size:12.5px}
  .client-health-main strong{font-size:15.5px}
  .client-health-main small{font-size:13px;line-height:1.45}
  .client-health-row>strong{font-size:15px}
  .health-track{height:6px}

  .table-head{padding:22px 24px}
  .data-table th{padding:15px 20px;font-size:14px;line-height:1.4}
  .data-table td{padding:19px 20px;font-size:16px;line-height:1.45}
  .lead-avatar,.conv-avatar{width:44px;height:44px;font-size:12px}
  .lead-main{font-size:16px}
  .lead-sub{font-size:14px;line-height:1.4}
  .status{font-size:13px;padding:6px 10px}
  .priority-pill{font-size:13px;padding:6px 9px}
  .connection-state{font-size:13.5px}

  .client-summary-strip>div{padding:23px 25px}
  .client-summary-strip strong{font-size:29px}
  .client-summary-strip span{font-size:13.5px}
  .managed-client-card,.report-card{padding:26px}
  .client-card-title{font-size:18px}
  .client-card-sub{font-size:14.5px}
  .client-kpis span,.client-card-foot span{font-size:13px}
  .client-kpis strong,.client-card-foot strong{font-size:17px}
  .queue-summary span{font-size:13.5px}
  .queue-summary strong{font-size:25px}
  .queue-tabs button,.inbox-tabs button{font-size:14px;padding:10px 13px}

  .inbox-layout{grid-template-columns:430px minmax(0,1fr) 390px}
  .inbox-search{padding:20px}
  .inbox-tabs{padding:12px 18px}
  .conv-item{grid-template-columns:46px minmax(0,1fr);padding:19px 19px}
  .conv-name{font-size:16px}
  .conv-time{font-size:13px}
  .conv-preview{font-size:14.5px;line-height:1.45}
  .conv-client{font-size:13px}
  .reply-status{font-size:13.5px}
  .reply-box textarea{font-size:16px;min-height:50px}

  .report-client{font-size:17px}
  .report-period{font-size:13.5px}
  .report-hero span,.report-foot span{font-size:13.5px}
  .report-hero strong{font-size:33px}
  .report-kpis span{font-size:13px}
  .report-kpis strong{font-size:18px}
  .connection-check{padding:19px}
  .connection-check strong{font-size:15.5px}
  .connection-check span{font-size:13.5px;line-height:1.5}
  .modal-title{font-size:19px}
  .modal-head{padding:23px 25px}
  .modal-body{padding:25px}
  .modal-foot{padding:18px 25px}

  /* Generic smaller text that otherwise remained at old template sizes. */
  .muted,.helper,.form-hint,.setting-hint,.card-sub,.empty-copy,.meta,.tiny,.subtle{font-size:14px!important;line-height:1.5}
  label{font-size:14.5px}
}

/* On genuinely large/ultrawide monitors we scale another step. */
@media (min-width: 2200px){
  :root{--sidebar:350px;--control-h:54px}
  .content{padding:56px clamp(62px,3.2vw,108px) 96px}
  .brand{font-size:25px}
  .workspace-title{font-size:17px}.workspace-sub{font-size:15px}
  .nav-item{height:60px;font-size:17.5px;padding-left:17px}
  .nav-ico,.nav-ico svg{width:23px!important;height:23px!important}
  .help-link{height:52px!important;font-size:16px!important}
  .profile-name{font-size:16.5px}.profile-role{font-size:14.5px}
  .page-head h1{font-size:42px}
  .page-head p{font-size:18px}
  .section-heading h2{font-size:34px}.section-heading p{font-size:17px}
  .primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.quiet-btn{height:54px;min-height:54px;font-size:16.5px;padding:0 20px}
  .filter-select,.date-chip{height:52px;min-height:52px;font-size:16px}
  .metric-card{min-height:188px;padding:30px}
  .metric-label{font-size:17px}.metric-value{font-size:44px}.metric-foot{font-size:15.5px}
  .panel-title{font-size:18px}.panel-sub{font-size:15.5px}
  .attention-main strong,.attention-value strong{font-size:17px}
  .attention-main p{font-size:16px}.attention-main span,.attention-value span{font-size:14px}
  .client-health-main strong{font-size:16.5px}.client-health-main small{font-size:14px}
  .data-table th{font-size:15px;padding-top:17px;padding-bottom:17px}
  .data-table td{font-size:17px;padding-top:21px;padding-bottom:21px}
  .lead-main{font-size:17px}.lead-sub{font-size:15px}
  .status,.priority-pill{font-size:14px}
  .client-card-title{font-size:19px}.client-card-sub{font-size:15.5px}
  .conv-name{font-size:17px}.conv-preview{font-size:15.5px}.conv-time,.conv-client{font-size:14px}
  .inbox-layout{grid-template-columns:470px minmax(0,1fr) 420px}
}

/* --------------------------------------------------------------------------
   Build 8 — consistency audit
   Removes leftover legacy-density surfaces and modernizes Conversations/Search.
   -------------------------------------------------------------------------- */

/* Conversations: current two-column operator inbox. */
.inbox-layout{
  grid-template-columns:minmax(430px,32%) minmax(0,1fr)!important;
  min-height:680px;
  height:calc(100vh - 205px);
  background:#fff;
}
.inbox-list{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-right:1px solid #e5e9ef}
.conversation-toolbar{padding:18px;border-bottom:1px solid #e9edf2;background:#fbfcfd;display:grid;gap:14px}
.conversation-search{height:48px;border:1px solid #cfd7e3;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 11px 0 14px;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s ease,box-shadow .15s ease}
.conversation-search:focus-within{border-color:#8eb2ff;box-shadow:0 0 0 3px rgba(43,111,247,.12)}
.conversation-search>svg{width:19px;height:19px;color:#667085;flex:0 0 auto}
.conversation-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#172033;font-size:15px;font-weight:500;padding:0}
.conversation-search input::placeholder{color:#98a2b3}
.conversation-search-clear{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:#f2f4f7;color:#667085;flex:0 0 auto;transition:.14s ease}
.conversation-search-clear:hover{background:#e8edf3;color:#172033}
.conversation-search-clear svg{width:16px;height:16px}
.conversation-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.conversation-filter-row .inbox-tabs{padding:3px;border-bottom:0}
.inbox-tabs button{display:flex;align-items:center;gap:7px}
.inbox-tabs button em{font-style:normal;min-width:22px;height:22px;border-radius:6px;background:#e9edf3;color:#667085;display:grid;place-items:center;font-size:12px;font-weight:700;padding:0 5px}
.inbox-tabs button.active em{background:#e7efff;color:#175cd3}
.conversation-count{color:#667085;font-size:13.5px;font-weight:550;white-space:nowrap}
.conv-list{overflow:auto;flex:1;min-height:0;background:#fff}
.conv-item{position:relative;grid-template-columns:46px minmax(0,1fr) auto!important;gap:13px!important;padding:18px 18px!important;align-items:start}
.conv-item.active{background:#f2f6ff!important;box-shadow:inset 4px 0 0 #2b6ff7!important}
.conv-item .conv-avatar{margin-top:1px}
.conv-copy{min-width:0}
.conv-top{gap:10px}
.conv-top>span{font-size:16px;font-weight:700;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-top time{font-size:13px;color:#98a2b3;white-space:nowrap}
.conv-client{display:flex;align-items:center;gap:7px;font-size:13.5px!important;margin-top:3px!important;margin-bottom:4px!important}
.conv-preview{font-size:14.5px!important;line-height:1.48!important;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0!important}
.unread-dot{width:9px;height:9px;border-radius:50%;background:#2b6ff7;margin-top:7px;box-shadow:0 0 0 3px #eef4ff}
.team-flag{font-size:11.5px!important;padding:3px 6px!important;border-radius:5px!important;margin-left:2px!important;white-space:nowrap}
.conversation-empty{padding:54px 28px;text-align:center;color:#667085;display:flex;flex-direction:column;align-items:center;gap:8px}
.conversation-empty.centered{margin:auto}
.conversation-empty-icon{width:44px;height:44px;border-radius:12px;background:#f2f4f7;color:#667085;display:grid;place-items:center;margin-bottom:3px}
.conversation-empty-icon svg{width:21px;height:21px}
.conversation-empty strong{font-size:16px;color:#344054}
.conversation-empty span{font-size:14px;line-height:1.55;max-width:360px}
.conversation-empty .secondary-btn{margin-top:8px}

/* Conversation thread had legacy class names; give the live markup a complete current style. */
.chat-pane{min-height:0;overflow:hidden}
.chat-head{height:auto;min-height:82px;padding:15px 20px;border-bottom:1px solid #e5e9ef;background:#fff;flex-wrap:wrap}
.chat-person{font-size:17px;font-weight:750;color:#172033}
.chat-sub{font-size:14px!important;line-height:1.45;color:#667085;margin-top:3px}
.chat-actions{gap:8px}
.chat-body{flex:1;min-height:0;overflow:auto;padding:30px clamp(24px,2.2vw,42px);background:#f8fafc}
.message{max-width:min(72%,720px);margin:0 0 18px}
.message.customer{margin-left:auto}
.message-bubble{display:inline-block;padding:12px 15px;border-radius:14px 14px 14px 4px;border:1px solid #e0e5ec;background:#fff;color:#273244;font-size:15px;line-height:1.55;box-shadow:0 1px 2px rgba(16,24,40,.035)}
.message.customer .message-bubble{background:#1267e8;color:#fff;border-color:#1267e8;border-radius:14px 14px 4px 14px}
.message-meta{font-size:12.5px!important;color:#98a2b3;margin-top:6px;line-height:1.4}
.message.customer .message-meta{text-align:right}
.reply-area{border-top:1px solid #e5e9ef;background:#fff;padding:14px 18px 18px}
.reply-status{font-size:13.5px!important;margin-bottom:9px;color:#667085}
.reply-box{border-radius:11px!important;padding:8px!important}
.reply-box textarea{font-size:15.5px!important;line-height:1.45;min-height:50px!important}

/* Global search: bring the command palette into the same design system. */
.search-overlay{background:rgba(15,23,42,.38);backdrop-filter:blur(5px)}
.search-modal{width:min(780px,calc(100vw - 40px));border-radius:15px!important;border:1px solid #d7dee8;box-shadow:0 30px 90px rgba(16,24,40,.24);margin-top:10vh}
.search-box{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #e9edf2;background:#fff}
.search-box>svg{width:22px;height:22px;color:#667085;flex:0 0 auto}
.search-box input{border:0;outline:0;flex:1;min-width:0;font-size:17px;color:#172033;padding:3px 0;background:transparent}
.search-box input::placeholder{color:#98a2b3}
.keycap{font-size:12.5px!important;min-width:44px!important;height:32px!important;border:1px solid #d7dee8!important;background:#f8fafc!important;color:#667085!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.search-results{max-height:470px;padding:9px;overflow:auto}
.search-result{grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:12px!important;border-radius:10px!important;align-items:center}
.search-result-icon{width:40px!important;height:40px!important;border-radius:10px!important;background:#f2f5f9!important;color:#475467}
.search-result-icon svg{width:19px;height:19px}
.search-result-main{font-size:15px!important;font-weight:700!important;color:#273244}
.search-result-sub{font-size:13.5px!important;line-height:1.45!important;margin-top:3px!important;color:#667085!important}
.search-results .empty{font-size:14.5px;padding:34px 24px}

/* Modals/details: remove the last tiny-text islands. */
.modal{width:min(720px,calc(100vw - 36px))}
.modal-head{padding:22px 24px!important}
.modal-body{padding:24px!important}
.modal-foot{padding:17px 24px!important;gap:10px}
.modal-title{font-size:20px!important;line-height:1.25;font-weight:760}
.modal-head .panel-sub{font-size:14.5px!important;margin-top:4px}
.client-modal-hero{grid-template-columns:64px minmax(0,1fr) auto;gap:16px}
.modal-kpis{gap:12px;margin-top:22px}
.modal-kpis>div{padding:15px;border:1px solid #edf0f4;border-radius:9px;background:#fafbfd}
.modal-kpis span{font-size:13.5px!important;line-height:1.4}
.modal-kpis strong{font-size:18px!important;margin-top:6px}
.details-section{padding:20px 0!important}
.detail-title{font-size:17px;font-weight:720}
.detail-sub{font-size:14.5px!important;line-height:1.45}
.detail-row{grid-template-columns:150px minmax(0,1fr);gap:18px;padding:11px 0!important;font-size:15px!important;line-height:1.45;border-bottom:1px solid #f0f2f5}
.detail-row:last-child{border-bottom:0}
.detail-label{font-size:14.5px;color:#667085}
.detail-value{font-size:15px;color:#172033;font-weight:600;overflow-wrap:anywhere}
.value-big{font-size:32px}
.timeline{gap:17px}
.timeline-title{font-size:15px!important}
.timeline-time{font-size:13px!important;margin-top:4px!important}
.timeline-dot{width:9px;height:9px;margin-top:6px}

/* Test Guide and other informational cards. */
.help-list{border:0!important;border-radius:0!important;gap:12px!important;overflow:visible!important}
.help-list>div{padding:17px 18px!important;border:1px solid #e5e9ef!important;border-radius:10px;background:#fbfcfd;gap:6px!important}
.help-list strong{font-size:16px!important;color:#273244}
.help-list span{font-size:14.5px!important;line-height:1.58!important;color:#667085!important}
.form-help{font-size:14px!important;line-height:1.55!important;color:#667085!important;background:#f8fafc;border:1px solid #e9edf2;padding:11px 12px;border-radius:8px}
.success-note{font-size:14px!important;line-height:1.5;padding:12px 14px!important}
.integration-detail{font-size:14px!important;line-height:1.5;padding:11px 12px!important}
.auto-name{font-size:15px!important}
.auto-desc{font-size:14px!important;line-height:1.5!important}
.automation-mini{padding:17px 0!important}
.avatar{width:39px!important;height:39px!important;font-size:12px!important}

/* Remaining cards/settings/integration labels from earlier builds. */
.auto-card-title,.integration-name,.setup-title{font-size:17px}
.auto-card-desc,.integration-desc{font-size:14.5px!important;line-height:1.55!important}
.auto-stat,.connected,.not-connected{font-size:13.5px!important}
.setup-text{font-size:14.5px!important;line-height:1.5}
.connection-check strong{font-size:15px!important}
.connection-check span{font-size:13.5px!important;line-height:1.5!important}
.connection-state{font-size:13.5px!important}
.settings-head h3{font-size:19px!important}
.settings-head p{font-size:14.5px!important;line-height:1.5!important}
.field label{font-size:14.5px!important;margin-bottom:8px!important}
.settings-nav button{font-size:15px!important}
.empty,.empty-state,.empty-cell{font-size:14.5px!important;line-height:1.55}
.toast{font-size:14px!important;padding:13px 16px!important}
.workspace-kicker,.eyebrow{font-size:12px!important}

/* Calendar / revenue / reports had several sub-12px labels. */
.cal-head{font-size:13.5px!important}
.cal-head strong{font-size:17px!important}
.time-cell{font-size:13px!important}
.booking{font-size:13.5px!important;line-height:1.4;padding:10px!important}
.big-label{font-size:15px!important}
.big-foot{font-size:14px!important;line-height:1.5}
.small-stat-label{font-size:13.5px!important}
.small-stat-sub{font-size:13px!important;line-height:1.45}
.bar-label,.bar-value{font-size:14.5px!important}
.report-preview-brand{font-size:11.5px!important}
.report-preview-period{font-size:14px!important}
.report-preview-hero span,.report-preview-hero small{font-size:13.5px!important;line-height:1.45}
.report-preview-grid span{font-size:13px!important}
.report-preview-grid strong{font-size:17px!important}
.report-section strong{font-size:15px!important}
.report-section p{font-size:14.5px!important;line-height:1.6!important}
.report-period,.report-hero span,.report-foot span,.report-kpis span{font-size:13.5px!important}

/* Large screens: prioritize reading comfort in secondary surfaces too. */
@media (min-width:1280px){
  .conversation-search{height:54px;padding-left:16px}
  .conversation-search input{font-size:16.5px}
  .conversation-count{font-size:14.5px}
  .conv-top>span{font-size:17px}
  .conv-top time{font-size:14px}
  .conv-client{font-size:14.5px!important}
  .conv-preview{font-size:15.5px!important}
  .chat-person{font-size:19px}
  .chat-sub{font-size:15px!important}
  .message-bubble{font-size:16px;padding:13px 16px}
  .message-meta{font-size:13.5px!important}
  .reply-status{font-size:14.5px!important}
  .modal-title{font-size:21px!important}
  .help-list strong{font-size:17px!important}
  .help-list span{font-size:15.5px!important}
  .detail-row,.detail-value{font-size:16px!important}
  .detail-label{font-size:15.5px!important}
  .search-result-main{font-size:16px!important}
  .search-result-sub{font-size:14.5px!important}
}

@media (min-width:2200px){
  .inbox-layout{grid-template-columns:minmax(520px,30%) minmax(0,1fr)!important}
  .conversation-toolbar{padding:21px;gap:16px}
  .conversation-search{height:58px}
  .conversation-search input{font-size:17.5px}
  .conv-item{grid-template-columns:50px minmax(0,1fr) auto!important;padding:21px!important}
  .conv-avatar{width:50px!important;height:50px!important}
  .conv-top>span{font-size:18px}
  .conv-preview{font-size:16px!important}
  .chat-head{min-height:92px;padding:18px 24px}
  .chat-person{font-size:20px}
  .chat-sub{font-size:16px!important}
  .message-bubble{font-size:17px;line-height:1.58;padding:14px 17px}
  .message-meta{font-size:14px!important}
  .modal{width:min(800px,calc(100vw - 48px))}
  .modal-title{font-size:23px!important}
  .modal-head .panel-sub{font-size:16px!important}
  .help-list strong{font-size:18px!important}
  .help-list span{font-size:16.5px!important}
  .detail-row,.detail-value{font-size:17px!important}
  .detail-label{font-size:16.5px!important}
  .field label{font-size:16px!important}
  .form-help{font-size:15.5px!important}
  .search-box input{font-size:19px}
  .search-result-main{font-size:17px!important}
  .search-result-sub{font-size:15.5px!important}
}

@media(max-width:820px){
  .inbox-layout{display:block!important;height:calc(100vh - 120px);min-height:560px}
  .conversation-toolbar{padding:14px}
  .conversation-filter-row{align-items:flex-start;flex-direction:column}
  .conversation-count{padding-left:2px}
  .conversation-search{height:50px}
  .conversation-search input{font-size:15px}
  .chat-body{padding:22px 16px}
  .message{max-width:88%}
  .chat-head{padding:12px 14px;align-items:flex-start}
  .chat-actions{width:100%;padding-left:48px}
  .modal-kpis{grid-template-columns:1fr 1fr}
  .detail-row{grid-template-columns:1fr;gap:4px}
}
.conversation-search-clear.is-hidden{visibility:hidden;pointer-events:none}

/* Build 12: real call lifecycle */
.field-help{margin-top:8px;font-size:14px;line-height:1.45;color:#667085}
.call-timeline-card{margin-top:22px;border:1px solid #e4e7ec;border-radius:14px;background:#fbfcfe;overflow:hidden}
.call-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #eaecf0;background:#fff}
.call-timeline-head>div{display:flex;flex-direction:column;gap:4px}.call-timeline-head strong{font-size:15px;color:#101828}.call-timeline-head span{font-size:13px;color:#667085}
.call-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.call-state.answered{background:#ecfdf3;color:#067647}.call-state.missed{background:#fef3f2;color:#b42318}.call-state.active{background:#eff8ff;color:#175cd3}
.call-timeline{padding:8px 18px}.call-event{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #f0f2f5}.call-event:last-child{border-bottom:0}.call-dot{width:8px;height:8px;border-radius:50%;background:#1570ef;margin-top:5px}.call-event>div{display:flex;flex-direction:column;gap:3px}.call-event strong{font-size:14px;color:#101828}.call-event span,.call-event time{font-size:12px;color:#667085}.call-route{padding:12px 18px;border-top:1px solid #eaecf0;font-size:13px;color:#475467;background:#fff}
@media (min-width:1800px){.field-help{font-size:15px}.call-timeline-head strong{font-size:16px}.call-timeline-head span,.call-route{font-size:14px}.call-event strong{font-size:15px}.call-event span,.call-event time{font-size:13px}}

/* Build 13 — voice-first production polish */
.call-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.calls-table .call-state{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:750;border:1px solid #dfe4eb;background:#f8fafc;color:#475467}
.calls-table .call-state.answered{background:#ecfdf3;border-color:#c7f0d8;color:#067647}
.calls-table .call-state.missed{background:#fff3f1;border-color:#ffd5d0;color:#b42318}
.calls-table .call-state.active{background:#eef4ff;border-color:#d3e2ff;color:#175cd3}
.live-indicator{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#667085}
.live-indicator i{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.1)}
.voice-only-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;background:#fbfcfe;border-top:1px solid #e6eaf0}
.voice-only-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.voice-only-copy strong{font-size:12px;color:#172033}.voice-only-copy span{font-size:11px;line-height:1.45;color:#667085}
.voice-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.voice-action-row a{text-decoration:none}
.system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.locked-integration{background:#fafafa}.future-connections{margin-top:18px;border:1px dashed #d8dee7;background:#fbfcfd;border-radius:11px;padding:15px 17px;display:flex;gap:10px;align-items:flex-start;font-size:11.5px;color:#667085}.future-connections strong{color:#344054;white-space:nowrap}
.preference-row{margin-top:20px;padding:16px 0 0;border-top:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;gap:18px}.preference-row>div{display:flex;flex-direction:column;gap:4px}.preference-row strong{font-size:12px;color:#172033}.preference-row span{font-size:11px;color:#667085;line-height:1.5}
.voice-readiness-card{grid-column:1/-1;border:1px solid #f2cfc8;background:#fff8f6;border-radius:10px;padding:14px 15px;display:flex;flex-direction:column;gap:4px}.voice-readiness-card.ready{border-color:#cdebd8;background:#f3fcf7}.voice-readiness-card strong{font-size:12px}.voice-readiness-card span{font-size:11px;color:#667085;line-height:1.45}
.boot-error{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f7f8fa}.boot-error>div{width:min(520px,100%);background:#fff;border:1px solid #e1e6ed;border-radius:16px;padding:28px;box-shadow:0 18px 50px rgba(16,24,40,.08)}.boot-error h2{margin:0 0 8px;font-size:24px}.boot-error p{color:#667085;line-height:1.55;margin:0 0 20px}
@media(max-width:1100px){.system-grid,.call-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.call-summary-grid,.system-grid{grid-template-columns:1fr}.voice-only-actions{align-items:flex-start;flex-direction:column}.voice-action-row{width:100%;justify-content:stretch}.voice-action-row>*{flex:1}.future-connections{flex-direction:column}.future-connections strong{white-space:normal}}

/* Build 14 — operator workflow polish */
.client-card-actions,.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.voice-status-line{display:flex;gap:11px;align-items:flex-start;border:1px solid #e4e7ec;border-radius:10px;padding:12px 13px;margin:0 0 16px;background:#fbfcfe}
.voice-status-line.ready{background:#f5fbf7;border-color:#ccebd7}.voice-status-line.needs{background:#fffbf5;border-color:#f4dfbd}
.voice-status-dot{width:9px;height:9px;border-radius:50%;background:#f79009;margin-top:5px;flex:0 0 auto}.ready .voice-status-dot{background:#12b76a}
.voice-status-line>div{display:flex;flex-direction:column;gap:3px}.voice-status-line strong{font-size:14px;color:#172033}.voice-status-line span{font-size:12.5px;line-height:1.4;color:#667085}
.client-voice-panel{margin-top:18px;border:1px solid #e4e7ec;border-radius:12px;padding:16px;background:#fbfcfe}.client-voice-panel.ready{background:#f6fbf7;border-color:#ccebd7}.client-voice-panel.needs{background:#fffbf5;border-color:#f4dfbd}
.client-voice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.client-voice-head>div{display:flex;flex-direction:column;gap:4px}.client-voice-head strong{font-size:15px;color:#101828}.client-voice-head span{font-size:13px;line-height:1.45;color:#667085}
.client-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.client-voice-grid>div{background:#fff;border:1px solid #eaecf0;border-radius:9px;padding:11px 12px}.client-voice-grid span{display:block;font-size:11.5px;color:#667085}.client-voice-grid strong{display:block;margin-top:5px;font-size:14px;color:#101828}
.modal-section{padding:0 0 22px}.modal-section+.modal-section{border-top:1px solid #eaecf0;padding-top:22px}.modal-section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.modal-section-head strong{font-size:16px;color:#101828}.modal-section-head span{font-size:13px;line-height:1.45;color:#667085}
.voice-setup-status{display:flex;align-items:flex-start;gap:11px;border:1px solid #e4e7ec;border-radius:10px;padding:12px 13px;margin-bottom:14px;background:#fffbf5}.voice-setup-status.ready{background:#f5fbf7;border-color:#ccebd7}.voice-setup-status>div{display:flex;flex-direction:column;gap:3px}.voice-setup-status strong{font-size:14px}.voice-setup-status span{font-size:12.5px;color:#667085;line-height:1.4}
.recovery-banner{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid #cdddfd;background:#f5f8ff;border-radius:11px;margin-bottom:18px}.recovery-banner.needs{border-color:#f2d5a8;background:#fffbf5}.recovery-banner.won{border-color:#b7e4c7;background:#f2fbf5}.recovery-banner.lost{border-color:#ead0ce;background:#fff7f6}.recovery-banner strong{font-size:14.5px;color:#101828}.recovery-banner span{font-size:13px;line-height:1.45;color:#667085}
.callback-phone-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e4e7ec;border-radius:11px;padding:14px 15px;background:#fbfcfe;margin-bottom:18px}.callback-phone-card>div{display:flex;flex-direction:column;gap:2px}.callback-phone-card span,.callback-phone-card small{font-size:12px;color:#667085}.callback-phone-card strong{font-size:16px;color:#101828}
.outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px}.outcome-option{appearance:none;text-align:left;border:1px solid #d9dee7;border-radius:10px;background:#fff;padding:12px 13px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:.12s ease}.outcome-option:hover{border-color:#9db9f8;background:#f9fbff}.outcome-option.active{border-color:#1570ef;background:#f2f7ff;box-shadow:0 0 0 2px rgba(21,112,239,.08)}.outcome-option strong{font-size:13.5px;color:#101828}.outcome-option span{font-size:11.5px;color:#667085;line-height:1.35}.callback-fields{margin-top:16px}.optional{font-weight:450;color:#98a2b3}.booking-inline{margin-top:18px;padding:16px;border:1px solid #dbe7ff;border-radius:11px;background:#f7f9ff}.is-hidden{display:none!important}
.result-copy{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.result-copy strong{font-size:16px;color:#101828}.result-copy span{font-size:13px;line-height:1.45;color:#667085}.result-modal-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-bottom:12px}.result-modal-icon.won{background:#eaf8ef;color:#067647}.result-modal-icon span{width:20px!important;height:20px!important}
.call-state.abandoned{background:#f2f4f7;color:#475467;border-color:#e4e7ec}
.data-table td:last-child .table-actions{justify-content:flex-end;min-width:220px}
.modal{width:min(760px,100%)}
.modal-foot{flex-wrap:wrap}
@media(min-width:1800px){.voice-status-line strong,.client-voice-head strong,.voice-setup-status strong,.recovery-banner strong{font-size:16px}.voice-status-line span,.client-voice-head span,.voice-setup-status span,.recovery-banner span{font-size:14px}.outcome-option strong{font-size:15px}.outcome-option span{font-size:13px}.callback-phone-card strong{font-size:18px}.client-voice-grid span{font-size:13px}.client-voice-grid strong{font-size:16px}}
@media(max-width:720px){.client-voice-head{flex-direction:column}.client-voice-grid,.outcome-grid{grid-template-columns:1fr}.callback-phone-card{align-items:flex-start;flex-direction:column}.callback-phone-card button{width:100%}.client-card-actions{width:100%}.client-card-actions>*{flex:1}.data-table td:last-child .table-actions{min-width:0;justify-content:flex-start}.modal-foot>*{flex:1 1 auto}}
.appointment-status-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e4e7ec;background:#fbfcfe;border-radius:11px;padding:14px 15px;margin-bottom:16px}.appointment-status-card>div{display:flex;flex-direction:column;gap:3px}.appointment-status-card span{font-size:12.5px;color:#667085}.appointment-status-card strong{font-size:16px;color:#101828}
.status.confirmed,.status.completed{background:#ecfdf3;color:#067647}.status.cancelled,.status.noshow{background:#fef3f2;color:#b42318}
.message.system .message-bubble{background:#f7f8fa!important;color:#344054!important;border-color:#e4e7ec!important;box-shadow:none!important}.message.system{margin-left:0!important;max-width:78%}.message.system .message-meta{text-align:left!important}

/* Build 15: Infobip outbound messaging */
.messaging-status-strip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dbe6f7;border-radius:12px;background:#f8fbff;margin-bottom:12px}
.messaging-status-strip strong{font-size:14px;color:#10213a;white-space:nowrap}
.messaging-status-strip span{font-size:13px;line-height:1.45;color:#60728e}
.messaging-status-strip.outbound-only{border-color:#d7e5ff;background:#f5f9ff}
.reply-composer{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.reply-composer textarea{width:100%;min-height:82px;max-height:180px;resize:vertical;border:1px solid #d8dee8;border-radius:12px;padding:12px 14px;font:inherit;color:#142033;background:#fff;outline:none}
.reply-composer textarea:focus{border-color:#77a7ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
@media (max-width:720px){.reply-composer{grid-template-columns:1fr}.reply-composer .primary-btn{width:100%}.messaging-status-strip{display:block}.messaging-status-strip strong{display:block;margin-bottom:4px}}

/* Build 16 — developer inbound simulator + AI qualification */
.ai-test-console{border-top:1px solid #e5e9ef;background:#f8fafc;padding:16px 18px;display:grid;gap:12px}
.ai-test-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ai-test-head>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ai-test-head strong{font-size:15px;color:#172033}
.dev-badge{display:inline-flex;align-items:center;padding:5px 7px;border-radius:6px;background:#eef2ff;color:#4055c8;font-size:10px;font-weight:800;letter-spacing:.08em}
.ai-engine-pill{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #dfe5ee;border-radius:999px;background:#fff;color:#526075;font-size:12px;font-weight:650}
.ai-engine-pill.live{border-color:#b7dfca;background:#f1fbf5;color:#147a43}.ai-engine-pill.sim{background:#fff8e8;border-color:#f2ddb1;color:#8a5a10}
.ai-test-console>p{margin:0;color:#667085;font-size:13.5px;line-height:1.5}
.ai-test-quick{display:flex;gap:7px;flex-wrap:wrap}.ai-test-quick button{border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:7px 9px;color:#4b5870;font:inherit;font-size:12px;cursor:pointer}.ai-test-quick button:hover{background:#f1f5f9;border-color:#cfd8e5;color:#172033}
.ai-test-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.ai-test-composer textarea{min-height:58px;max-height:130px;resize:vertical;font-size:14.5px;line-height:1.45}
.ai-state-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e3e8ef;background:#fff;border-radius:9px;padding:9px 11px}.ai-state-summary strong{font-size:12px;color:#344054}.ai-state-summary span{font-size:12.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-state-summary em{font-style:normal;font-size:11px;color:#8b95a7}
@media(max-width:720px){.ai-test-composer{grid-template-columns:1fr}.ai-test-composer .secondary-btn{width:100%}.ai-state-summary{grid-template-columns:1fr}.ai-state-summary span{white-space:normal}.ai-test-console{padding:14px}}
@media(min-width:1800px){.ai-test-head strong{font-size:16.5px}.ai-test-console>p{font-size:14.5px}.ai-test-quick button{font-size:13px;padding:8px 10px}.ai-test-composer textarea{font-size:16px;min-height:66px}.ai-state-summary strong,.ai-state-summary span{font-size:14px}}

/* =========================================================
   BUILD 17 — UI CONSISTENCY + ACTION HIERARCHY
   ========================================================= */
:root{--control-h:44px;--control-h-sm:38px;--control-radius:10px;--action-gap:10px}
button,input,select,textarea{font:inherit}
.primary-btn,.secondary-btn,.danger-btn,.success-btn,.quiet-btn{min-height:var(--control-h);border-radius:var(--control-radius);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease}
.primary-btn:active,.secondary-btn:active,.danger-btn:active,.success-btn:active,.quiet-btn:active{transform:translateY(1px)}
.primary-btn{box-shadow:0 1px 2px rgba(22,80,190,.12)}
.secondary-btn{background:#fff}.quiet-btn{padding-inline:12px;background:transparent}
.btn-small{min-height:var(--control-h-sm)!important;padding:0 13px!important;font-size:14px!important;border-radius:9px!important}
.success-btn{border:1px solid #168247;background:#168247;color:#fff}.success-btn:hover{background:#126f3c;border-color:#126f3c}
.subtle-danger{background:#fff;color:#b42318;border:1px solid #f0c7c3}.subtle-danger:hover{background:#fff7f6;border-color:#e7a7a0}
.toolbar-actions,.section-tools,.page-actions,.chat-actions,.client-card-actions,.voice-action-row,.filter-row,.modal-action-group{display:flex;align-items:center;gap:var(--action-gap);flex-wrap:wrap}
.section-tools,.page-actions{justify-content:flex-end}.managed-page-head,.page-head{align-items:flex-start!important;gap:28px!important}.page-title-copy{min-width:0;max-width:760px}.page-title-copy p{max-width:720px}.section-tools .filter-select{min-height:var(--control-h)}
.panel-head,.table-head{gap:18px}.panel-head>div:first-child,.table-head>div:first-child{min-width:0;flex:1}.table-head>.primary-btn,.table-head>.secondary-btn,.panel-head>.primary-btn,.panel-head>.secondary-btn,.panel-head>.quiet-btn{flex:0 0 auto}.data-table td:last-child{text-align:right}.data-table td:last-child .quiet-btn,.data-table td:last-child .secondary-btn{margin-left:auto}
.client-title-block{min-width:0;flex:1}.client-card-actions{justify-content:flex-end}.client-open-btn{min-width:124px}
.client-setup-list{display:grid;gap:10px;margin:4px 0 16px}.client-setup-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e7ebf2;border-radius:12px;background:#fafbfc}.client-setup-row.ready{background:#f7fcf9;border-color:#d8eee1}.client-setup-row.needs{background:#fffaf5;border-color:#f1dfc9}.client-setup-row>div{min-width:0}.client-setup-row strong{display:block;font-size:14px;color:#1b2535;margin-bottom:3px}.client-setup-row span:not(.setup-status-dot){display:block;font-size:13px;line-height:1.35;color:#6c7788;overflow:hidden;text-overflow:ellipsis}.setup-status-dot{width:9px;height:9px;border-radius:50%;background:#d78b2d;box-shadow:0 0 0 4px rgba(215,139,45,.11)}.ready .setup-status-dot{background:#28a160;box-shadow:0 0 0 4px rgba(40,161,96,.11)}.client-card-foot{align-items:center!important;gap:16px}.client-card-foot>div:first-child{min-width:0;flex:1}
.modal{width:min(820px,calc(100vw - 34px));max-height:min(90vh,920px)}.modal-body{padding:24px 26px 28px}.modal-foot{padding:16px 20px;border-top:1px solid #e8ebf0;background:#fbfcfd}.modal-foot-inner{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-spacer{flex:1 1 auto;min-width:10px}.modal-action-group{justify-content:flex-start}.modal-action-group:last-child{justify-content:flex-end}
.modal-quick-actions{display:flex;gap:10px;margin:16px 0 18px;flex-wrap:wrap}.client-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.client-setup-card{border:1px solid #e5e9ef;border-radius:14px;padding:16px;background:#fbfcfe;display:flex;flex-direction:column;gap:12px}.client-setup-card.ready{background:#f8fcfa;border-color:#d7ebdf}.client-setup-card.needs{background:#fffaf5;border-color:#efddc8}.client-setup-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-setup-card-head strong{display:block;font-size:16px;color:#172033;margin-top:3px}.setup-kicker{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;color:#788396}.client-setup-card p{font-size:14px;line-height:1.5;color:#687386;margin:0}.setup-detail{display:flex;justify-content:space-between;gap:16px;padding-top:9px;border-top:1px solid rgba(100,115,135,.12);font-size:13px}.setup-detail span{color:#7b8493}.setup-detail strong{color:#2b3545;text-align:right}.client-setup-card button{margin-top:auto;align-self:flex-start}
.lead-workflow-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;margin:14px 0 20px;border:1px solid #dfe6f1;border-radius:14px;background:#f8faff}.lead-next-action{min-width:0}.lead-next-action span{display:block;font-size:11px;font-weight:750;letter-spacing:.11em;color:#6f7b8c;margin-bottom:4px}.lead-next-action strong{display:block;font-size:15px;color:#1d2b42;line-height:1.35}.lead-workflow-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.ai-profile-intro{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border:1px solid #dce5f7;border-radius:14px;background:#f7faff;margin-bottom:20px}.ai-profile-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#2b6ff7;color:#fff;font-weight:800;flex:0 0 auto}.ai-profile-intro strong{display:block;font-size:16px;color:#18243a;margin:1px 0 4px}.ai-profile-intro span{display:block;font-size:14px;line-height:1.5;color:#68768a}.ai-profile-form textarea{min-height:92px;resize:vertical}.ai-profile-safety{margin-top:18px;padding:14px 16px;border-radius:12px;background:#f7f8fa;border:1px solid #e7e9ed}.ai-profile-safety strong{display:block;font-size:14px;color:#273246;margin-bottom:4px}.ai-profile-safety span{display:block;font-size:13px;line-height:1.5;color:#6e7888}
.chat-head{gap:14px}.chat-head>div:nth-child(2){min-width:0;flex:1}.chat-actions{justify-content:flex-end;margin-left:auto}.conversation-toolbar{padding:16px!important}.conversation-search{min-height:44px}.conversation-filter-row{gap:14px!important}.inbox-tabs{display:flex;gap:6px;flex-wrap:wrap}.conv-item{min-height:92px}.ai-test-console{margin:14px 18px 4px!important;border-radius:14px!important}.ai-test-head{gap:14px}.ai-test-quick{gap:8px!important}.ai-test-quick button{min-height:34px;padding:0 11px;border-radius:8px}.ai-test-composer,.reply-composer{align-items:flex-end!important}.reply-composer textarea,.ai-test-composer textarea{min-height:78px}.voice-action-row{justify-content:flex-end;padding-top:10px}
.settings-footer{display:flex;align-items:center;gap:10px}.settings-footer [data-action="logout"]{margin-right:auto}.integration-card,.automation-card{display:flex;flex-direction:column}.integration-foot,.auto-card-foot{margin-top:auto}.outcome-option{min-height:72px}.report-foot{gap:14px}.report-foot .secondary-btn{margin-left:auto}.call-summary-grid,.metrics-grid{gap:15px!important}
@media (min-width:1600px){body{font-size:17px}.content{padding:38px 44px!important}.managed-page-head h2{font-size:34px!important}.managed-page-head p,.page-head p{font-size:16px!important}.panel-title{font-size:18px!important}.panel-sub{font-size:14px!important;line-height:1.45}.data-table th{font-size:13px!important}.data-table td{font-size:15px!important;padding-top:15px!important;padding-bottom:15px!important}.primary-btn,.secondary-btn,.danger-btn,.success-btn,.quiet-btn{font-size:15.5px}.btn-small{font-size:14.5px!important}}
@media (max-width:900px){.managed-page-head,.page-head{flex-direction:column}.section-tools,.page-actions{width:100%;justify-content:flex-start}.client-setup-grid{grid-template-columns:1fr}.lead-workflow-bar{align-items:flex-start;flex-direction:column}.lead-workflow-actions{width:100%;justify-content:flex-start}.modal-foot-inner{align-items:stretch}}
@media (max-width:620px){.toolbar-actions>*{flex:1 1 auto}.toolbar-actions .filter-select{width:100%}.client-setup-row{grid-template-columns:auto minmax(0,1fr)}.client-setup-row button{grid-column:2;justify-self:start}.modal-action-group{width:100%}.modal-action-group>*{flex:1 1 auto}.modal-spacer{display:none}.chat-actions{width:100%;justify-content:flex-start}}

/* =========================================================
   BUILD 17.1 — GLOBAL MODAL / VIEWPORT SCROLL FIX
   Keep modal chrome visible while the content itself scrolls.
   ========================================================= */
.modal-backdrop{
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal{
  display:flex;
  flex-direction:column;
  max-height:calc(100dvh - 40px);
  overflow:hidden;
}
.modal-head,
.modal-foot{
  flex:0 0 auto;
}
.modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

/* Give long forms a clear bottom edge instead of clipping into the footer. */
.modal-body > :last-child{
  margin-bottom:2px;
}

@media (max-height:760px){
  .modal-backdrop{
    place-items:start center;
    padding-top:12px;
    padding-bottom:12px;
  }
  .modal{
    max-height:calc(100dvh - 24px);
  }
}

@media (max-width:540px){
  .modal-backdrop{
    place-items:start center;
    padding:8px;
  }
  .modal{
    width:100%;
    max-height:calc(100dvh - 16px);
  }
  .modal-head{padding:14px 15px}
  .modal-body{padding:18px 16px 22px}
  .modal-foot{padding:12px 14px}
}


/* Build 17.2 — surface provider fallbacks instead of silently looking like real AI */
.ai-provider-warning{margin:12px 0;padding:12px 14px;border:1px solid #f0c7c3;border-radius:11px;background:#fff7f6;color:#7a271a;display:grid;gap:4px}
.ai-provider-warning strong{font-size:13px}.ai-provider-warning span{font-size:12px;line-height:1.45;color:#9a463a;overflow-wrap:anywhere}


/* --------------------------------------------------------------------------
   Build 18 — onboarding, setup center and guided product tour
   -------------------------------------------------------------------------- */
.setup-banner{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(180px,260px) auto;gap:16px;align-items:center;border:1px solid #d8e4fb;background:linear-gradient(110deg,#f8fbff 0%,#fff 62%);border-radius:12px;padding:15px 16px;margin:-10px 0 18px;box-shadow:0 8px 22px rgba(39,101,196,.045);animation:setupRise .38s ease both}.setup-banner-icon{width:40px;height:40px;border-radius:10px;background:#eaf2ff;color:#1768e6;display:grid;place-items:center}.setup-banner-copy span,.setup-kicker{display:block;font-size:9px;letter-spacing:.11em;font-weight:800;color:#718096}.setup-banner-copy strong{display:block;font-size:13px;margin-top:3px}.setup-banner-copy p{font-size:10.5px;color:#667085;margin:3px 0 0}.setup-banner-meter>div{height:6px;border-radius:99px;background:#eaf0f7;overflow:hidden}.setup-banner-meter>div span,.setup-linear span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b6ff7,#5a8ff8);transition:width .45s ease}.setup-banner-meter small{display:block;font-size:9.5px;color:#667085;margin-top:6px;text-align:right}
.setup-command{position:relative;overflow:hidden;min-height:230px;border:1px solid #dbe4f0;border-radius:16px;background:linear-gradient(135deg,#f8fbff 0%,#fff 50%,#f7f9fc 100%);padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:34px;margin-bottom:18px}.setup-command-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(43,111,247,.12),rgba(43,111,247,0) 68%);right:-120px;top:-165px;pointer-events:none}.setup-command-copy{position:relative;max-width:780px}.setup-command-copy h1{font-size:30px;letter-spacing:-.045em;margin:9px 0 9px}.setup-command-copy p{color:#667085;line-height:1.65;margin:0;max-width:700px}.setup-command-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.setup-command-chips span{font-size:10px;color:#46556a;border:1px solid #dfe5ed;background:rgba(255,255,255,.78);border-radius:99px;padding:6px 9px}.setup-progress-orb{--setup-pct:0deg;position:relative;width:150px;height:150px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#2b6ff7 var(--setup-pct),#e7edf5 0);display:grid;place-items:center;box-shadow:0 16px 40px rgba(43,111,247,.08);animation:orbIn .55s cubic-bezier(.2,.8,.2,1) both}.setup-progress-orb:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.setup-progress-orb>div{position:relative;text-align:center}.setup-progress-orb strong{display:block;font-size:30px;letter-spacing:-.04em}.setup-progress-orb span{display:block;font-size:9px;color:#667085;margin-top:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.setup-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:18px}.setup-checklist-panel,.setup-side-card{border:1px solid #e0e5eb;border-radius:13px;background:#fff}.setup-panel-head{padding:20px 21px 17px;border-bottom:1px solid #edf0f4}.setup-panel-head h3,.setup-side-card h3{font-size:15px;margin:5px 0 5px}.setup-panel-head p,.setup-side-card p{font-size:10.5px;color:#667085;line-height:1.55;margin:0}.setup-linear{height:5px;background:#edf1f5;border-radius:99px;margin-top:15px;overflow:hidden}.setup-task-list{padding:3px 18px 9px}.setup-task{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid #eef1f4;transition:transform .16s ease,background .16s ease}.setup-task:last-child{border-bottom:0}.setup-task:hover{transform:translateX(2px)}.setup-task-state{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f3f5f8;color:#98a2b3}.setup-task-state span{width:7px;height:7px;border-radius:50%;background:#b8c1cd}.setup-task.complete .setup-task-state{background:#ecfdf3;color:#079455}.setup-task-state svg{width:14px;height:14px}.setup-task-copy strong{font-size:11.5px}.setup-task-copy p{font-size:10px;color:#667085;margin:3px 0 0;line-height:1.45}.setup-side{display:grid;align-content:start;gap:18px}.setup-side-card{padding:20px}.setup-side-card.ready{border-color:#caead8;background:linear-gradient(145deg,#fbfffc,#fff)}.setup-flow-mini{display:grid;gap:8px;margin-top:17px}.setup-flow-mini>div{display:flex;align-items:center;gap:10px;font-size:10.5px;color:#344054}.setup-flow-mini i{font-style:normal;width:24px;height:24px;border-radius:7px;background:#eef4ff;color:#1768e6;display:grid;place-items:center;font-size:9px;font-weight:800}.setup-flow-mini b{width:1px;height:9px;background:#dce3ec;margin-left:12px}
.onboarding-overlay{position:fixed;inset:0;z-index:1000;background:rgba(244,247,251,.96);backdrop-filter:blur(12px);display:grid;place-items:center;padding:22px;animation:onboardingFade .24s ease both}.onboarding-shell{width:min(1040px,100%);height:min(790px,calc(100vh - 44px));background:#fff;border:1px solid #dfe5ed;border-radius:20px;box-shadow:0 28px 90px rgba(15,23,42,.16);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.onboarding-top{height:68px;padding:0 22px 0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.onboarding-brand{display:flex;align-items:center;gap:9px;font-size:14px}.onboarding-brand .brand-mark{width:23px;height:23px}.onboarding-progress{display:grid;grid-template-columns:repeat(8,1fr);padding:17px 34px 11px;border-bottom:1px solid #f0f2f5;background:#fbfcfd}.onboarding-step-dot{position:relative;text-align:center;color:#98a2b3}.onboarding-step-dot:before{content:"";position:absolute;left:-50%;right:50%;top:14px;height:1px;background:#dfe5ec}.onboarding-step-dot:first-child:before{display:none}.onboarding-step-dot>span{position:relative;z-index:1;margin:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;border:1px solid #e1e5eb;font-size:9px;font-weight:800}.onboarding-step-dot small{display:block;font-size:8.5px;margin-top:5px;font-weight:650}.onboarding-step-dot.active{color:#1768e6}.onboarding-step-dot.active>span{background:#edf4ff;border-color:#b9d0fb;color:#1768e6;box-shadow:0 0 0 4px #f5f8ff}.onboarding-step-dot.done{color:#079455}.onboarding-step-dot.done>span{background:#eafaf1;border-color:#b7e3c9;color:#079455}.onboarding-step-dot.done:before{background:#a7dabb}.onboarding-step-dot svg{width:13px;height:13px}.onboarding-stage{overflow:auto;padding:34px 52px 44px}.onboarding-step-card{max-width:850px;margin:0 auto;animation:onboardingStepIn .34s cubic-bezier(.2,.8,.2,1) both}.onboarding-foot{min-height:74px;border-top:1px solid #edf0f4;padding:14px 24px;display:flex;align-items:center;background:#fff}.onboarding-copy{margin-bottom:20px;max-width:720px}.onboarding-copy h2{font-size:25px;letter-spacing:-.035em;margin:7px 0 8px}.onboarding-copy p{color:#667085;line-height:1.6;margin:0}.onboarding-welcome{text-align:center;padding:20px 0 4px}.onboarding-badge{display:inline-flex;border:1px solid #d8e4fb;background:#f4f8ff;color:#1768e6;border-radius:99px;padding:6px 9px;font-size:8.5px;letter-spacing:.1em;font-weight:800}.onboarding-welcome h1,.onboarding-finish h1{font-size:34px;line-height:1.12;letter-spacing:-.05em;max-width:680px;margin:16px auto 12px}.onboarding-welcome>p,.onboarding-finish>p{max-width:650px;margin:0 auto;color:#667085;line-height:1.7}.onboarding-flow-preview{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:34px auto 28px;max-width:780px}.onboarding-flow-preview>div{border:1px solid #e2e7ee;border-radius:13px;padding:18px 10px;background:#fff;animation:flowPop .45s ease both;animation-delay:var(--d)}.onboarding-flow-preview>div>span{width:34px;height:34px;margin:0 auto 9px;border-radius:10px;background:#eef4ff;color:#1768e6;display:grid;place-items:center;font-size:10px;font-weight:800}.onboarding-flow-preview strong{display:block;font-size:11px}.onboarding-flow-preview small{display:block;font-size:9px;color:#667085;margin-top:3px}.onboarding-flow-preview>i{color:#a6b0bd}.onboarding-note{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#667085}.onboarding-note strong{color:#344054}.onboarding-form-card{border:1px solid #e1e6ed;border-radius:14px;padding:21px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.035)}.onboarding-form-card .form-grid{gap:16px}.routing-visual{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin:26px 0 20px}.routing-visual>div{padding:17px;border:1px solid #e1e6ed;border-radius:13px;text-align:center;background:#fff}.routing-visual>div.routing-focus{border-color:#bed2f7;background:#f7faff}.routing-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#1768e6;display:grid;place-items:center;margin:0 auto 8px;font-size:9px;font-weight:850}.routing-visual strong,.routing-visual small{display:block}.routing-visual strong{font-size:11px}.routing-visual small{font-size:9px;color:#667085;margin-top:3px}.routing-visual>i{color:#98a2b3}.onboarding-status-row,.ai-guardrail-row{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f4;margin-top:18px;padding-top:15px}.onboarding-status-row>span{width:9px;height:9px;border-radius:50%;background:#f79009}.onboarding-status-row.ready>span{background:#12b76a}.onboarding-status-row strong,.ai-guardrail-row strong{display:block;font-size:10.5px}.onboarding-status-row small,.ai-guardrail-row small{display:block;font-size:9.5px;color:#667085;margin-top:2px;line-height:1.45}.ai-guardrail-row>span{width:28px;height:28px;border-radius:8px;background:#ecfdf3;color:#079455;display:grid;place-items:center;flex:0 0 auto}.onboarding-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.onboarding-connection-card{border:1px solid #e1e6ed;border-radius:14px;padding:20px;background:#fff}.onboarding-connection-card.ready{border-color:#c6e7d3;background:#fbfffc}.connection-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start}.connection-card-head>span{width:38px;height:38px;border-radius:10px;background:#eef4ff;color:#1768e6;display:grid;place-items:center;font-size:9px;font-weight:800}.connection-card-head strong{font-size:11px}.connection-card-head small{display:block;font-size:9.5px;color:#667085;line-height:1.45;margin-top:3px}.connection-card-head em{font-style:normal;font-size:8.5px;border-radius:99px;padding:5px 7px;background:#fff7ed;color:#b54708}.ready .connection-card-head em{background:#ecfdf3;color:#067647}.connection-truth{margin-top:22px;padding-top:15px;border-top:1px solid #edf0f4}.connection-truth strong{font-size:9.5px}.connection-truth span{display:block;font-size:9.5px;color:#667085;margin-top:4px}.onboarding-handoff-note{margin-top:15px;padding-top:14px;border-top:1px solid #edf0f4}.recovery-test-card{border:1px solid #dfe5ed;border-radius:16px;padding:25px;background:linear-gradient(145deg,#fff,#f9fbfe);box-shadow:0 10px 30px rgba(16,24,40,.04)}.recovery-test-card.complete{border-color:#c6e7d3;background:linear-gradient(145deg,#fff,#f7fff9)}.recovery-test-top{display:flex;gap:15px;align-items:center}.test-orbit{width:54px;height:54px;border-radius:50%;background:#eef4ff;color:#1768e6;display:grid;place-items:center;position:relative}.test-orbit:after{content:"";position:absolute;inset:-5px;border:1px solid #d9e6fc;border-radius:50%;animation:testPulse 2.1s ease infinite}.complete .test-orbit{background:#ecfdf3;color:#079455}.recovery-test-top strong{font-size:13px}.recovery-test-top p{font-size:10.5px;color:#667085;margin:4px 0 0;line-height:1.55}.test-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:28px 0}.test-sequence>div{text-align:center;color:#98a2b3;transition:.25s ease}.test-sequence>div i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#f2f4f7;display:grid;place-items:center;margin:0 auto 7px;font-size:9px;font-weight:800}.test-sequence>div span{font-size:9px;font-weight:650}.test-sequence>div.done{color:#079455}.test-sequence>div.done i{background:#ecfdf3;color:#079455;transform:scale(1.06)}.test-sequence b{width:30px;height:1px;background:#dfe5ec}.recovery-test-actions{display:flex;justify-content:center;gap:9px}.onboarding-finish{text-align:center;padding:10px 0}.finish-burst{position:relative;width:92px;height:92px;margin:0 auto 6px;display:grid;place-items:center}.finish-burst>span{position:relative;width:62px;height:62px;border-radius:50%;background:#ecfdf3;color:#079455;display:grid;place-items:center;box-shadow:0 12px 30px rgba(7,148,85,.12);animation:finishPop .55s cubic-bezier(.2,.9,.2,1.15) both}.finish-burst>span svg{width:27px;height:27px}.finish-burst i{position:absolute;left:44px;top:44px;width:5px;height:5px;border-radius:50%;background:#2b6ff7;transform:rotate(calc(var(--i)*36deg)) translateY(-42px);animation:confetti .65s ease both}.finish-burst i:nth-child(2n){background:#12b76a}.finish-burst i:nth-child(3n){background:#f79009}.finish-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:720px;margin:28px auto}.finish-summary>div{border:1px solid #e4e8ee;border-radius:10px;padding:12px;background:#fff;color:#98a2b3;display:flex;align-items:center;gap:7px;font-size:9.5px}.finish-summary>div.done{color:#067647;background:#fbfffc;border-color:#d7ebdf}.finish-summary span{width:18px;height:18px;display:grid;place-items:center}.finish-actions{display:flex;justify-content:center;gap:10px}.tour-layer{position:fixed;inset:0;z-index:1100;pointer-events:none}.tour-blocker{position:absolute;inset:0;pointer-events:auto;background:transparent}.tour-spotlight{position:fixed;border:2px solid #74a3ff;border-radius:13px;box-shadow:0 0 0 9999px rgba(15,23,42,.58),0 0 0 5px rgba(116,163,255,.16);transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease;pointer-events:none;animation:tourSpot .35s ease both}.tour-card{position:fixed;z-index:2;background:#fff;border:1px solid #dce2ea;border-radius:14px;padding:17px;box-shadow:0 24px 60px rgba(15,23,42,.25);pointer-events:auto;animation:tourCardIn .28s cubic-bezier(.2,.8,.2,1) both}.tour-card-top{display:flex;justify-content:space-between;align-items:center}.tour-card-top>span{font-size:9px;color:#667085;font-weight:750;letter-spacing:.08em}.tour-card-top button{border:0;background:transparent;color:#667085;width:27px;height:27px;display:grid;place-items:center}.tour-card h3{font-size:18px;letter-spacing:-.025em;margin:11px 0 7px}.tour-card p{font-size:11px;line-height:1.6;color:#667085;margin:0}.tour-card-foot{display:flex;align-items:center;gap:9px;margin-top:17px}.tour-dots{display:flex;gap:3px;flex:1;justify-content:center}.tour-dots i{width:5px;height:5px;border-radius:99px;background:#d8dee7}.tour-dots i.active{width:14px;background:#2b6ff7}.help-launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-launch-card{border:1px solid #e1e6ed;border-radius:12px;background:#fff;padding:15px;display:grid;grid-template-columns:34px 1fr 16px;gap:10px;align-items:center;text-align:left;color:#344054}.help-launch-card:hover{border-color:#c6d5ed;background:#f9fbff}.help-launch-icon{width:34px;height:34px;border-radius:9px;background:#eef4ff;color:#1768e6;display:grid;place-items:center}.help-launch-card strong{font-size:10.5px}.help-launch-card p{font-size:9.5px;color:#667085;line-height:1.45;margin:3px 0 0}.help-list.compact{margin-top:15px}
@keyframes setupRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes orbIn{from{opacity:0;transform:scale(.86) rotate(-14deg)}to{opacity:1;transform:none}}@keyframes onboardingFade{from{opacity:0}to{opacity:1}}@keyframes onboardingStepIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes flowPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes testPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}@keyframes finishPop{from{opacity:0;transform:scale(.55) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes confetti{from{opacity:0;transform:rotate(calc(var(--i)*36deg)) translateY(-12px) scale(.2)}to{opacity:1;transform:rotate(calc(var(--i)*36deg)) translateY(-42px) scale(1)}}@keyframes tourSpot{from{opacity:0}to{opacity:1}}@keyframes tourCardIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.setup-banner{grid-template-columns:40px 1fr auto}.setup-banner-meter{display:none}.setup-grid{grid-template-columns:1fr}.setup-command{align-items:flex-start}.setup-progress-orb{width:120px;height:120px}.onboarding-stage{padding:28px 28px 38px}.onboarding-step-dot small{display:none}.onboarding-two-col{grid-template-columns:1fr}.finish-summary{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.setup-banner{grid-template-columns:38px 1fr}.setup-banner>button{grid-column:1/-1}.setup-command{padding:23px;display:block}.setup-command-copy h1{font-size:25px}.setup-progress-orb{margin:24px auto 0}.setup-task{grid-template-columns:30px 1fr}.setup-task>button{grid-column:2;justify-self:start}.onboarding-overlay{padding:0}.onboarding-shell{height:100vh;width:100%;border-radius:0;border:0}.onboarding-progress{padding:13px 11px 8px}.onboarding-step-dot>span{width:24px;height:24px}.onboarding-stage{padding:24px 18px 34px}.onboarding-welcome h1,.onboarding-finish h1{font-size:28px}.onboarding-flow-preview{grid-template-columns:1fr 1fr;gap:9px}.onboarding-flow-preview>i{display:none}.routing-visual{grid-template-columns:1fr}.routing-visual>i{transform:rotate(90deg);margin:auto}.test-sequence{grid-template-columns:1fr 1fr;gap:12px}.test-sequence b{display:none}.recovery-test-actions,.finish-actions{flex-direction:column}.finish-summary{grid-template-columns:1fr}.help-launch-grid{grid-template-columns:1fr}.tour-card{left:14px!important;right:14px;width:auto!important;top:auto!important;bottom:14px}}
@media(prefers-reduced-motion:reduce){.onboarding-overlay,.onboarding-step-card,.onboarding-flow-preview>div,.setup-banner,.setup-progress-orb,.tour-card,.tour-spotlight,.finish-burst>span,.finish-burst i{animation:none!important;transition:none!important}.test-orbit:after{animation:none!important}}


/* Build 18.1 — readable onboarding + larger guided tour */
.onboarding-shell{width:min(1180px,calc(100vw - 40px));height:min(860px,calc(100dvh - 36px));border-radius:22px}
.onboarding-top{height:76px;padding:0 30px}.onboarding-brand{font-size:17px;gap:11px}.onboarding-brand .brand-mark{width:28px;height:28px}
.onboarding-progress{padding:19px 38px 14px}.onboarding-step-dot:before{top:17px}.onboarding-step-dot>span{width:34px;height:34px;font-size:11px}.onboarding-step-dot small{font-size:10.5px;margin-top:7px}
.onboarding-stage{padding:38px 58px 50px}.onboarding-step-card{max-width:980px}.onboarding-foot{min-height:82px;padding:16px 30px}.onboarding-foot .primary-btn,.onboarding-foot .secondary-btn,.onboarding-foot .ghost-btn{min-height:44px;padding:0 18px;font-size:13px}
.setup-kicker,.setup-banner-copy span{font-size:10.5px}.onboarding-copy{margin-bottom:22px;max-width:860px}.onboarding-copy h2{font-size:31px;line-height:1.18;margin:8px 0 10px}.onboarding-copy p{font-size:15px;line-height:1.65;max-width:820px}
.onboarding-welcome{padding:24px 0 8px}.onboarding-badge{font-size:10.5px;padding:8px 12px}.onboarding-welcome h1,.onboarding-finish h1{font-size:42px;max-width:800px;margin:18px auto 14px}.onboarding-welcome>p,.onboarding-finish>p{font-size:16px;max-width:790px;line-height:1.65}
.onboarding-flow-preview{max-width:930px;gap:12px;margin:38px auto 26px}.onboarding-flow-preview>div{padding:22px 14px;min-height:142px;display:flex;flex-direction:column;justify-content:center}.onboarding-flow-preview>div>span{width:42px;height:42px;font-size:12px;margin-bottom:11px}.onboarding-flow-preview strong{font-size:14px;line-height:1.25}.onboarding-flow-preview small{font-size:11.5px;line-height:1.45;margin-top:5px}
.onboarding-form-card{padding:26px;border-radius:16px}.onboarding-form-card .form-grid{gap:19px}.onboarding-shell .field label{font-size:12.5px;margin-bottom:7px}.onboarding-shell .input,.onboarding-shell input.input,.onboarding-shell select.input,.onboarding-shell textarea{font-size:14px;line-height:1.45}.onboarding-shell input.input,.onboarding-shell select.input{min-height:46px}.onboarding-shell textarea{min-height:92px;padding:12px 13px}.onboarding-shell .field-help{font-size:11.5px;line-height:1.5;margin-top:6px}
.onboarding-explainer{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;border:1px solid #d8e5fb;background:linear-gradient(135deg,#f7faff,#fff);border-radius:14px;padding:17px 18px;margin:-3px 0 22px}.onboarding-explainer-icon{width:40px;height:40px;border-radius:11px;background:#eaf2ff;color:#1768e6;display:grid;place-items:center}.onboarding-explainer-icon svg{width:18px;height:18px}.onboarding-explainer strong{display:block;font-size:13.5px;color:#1d2939}.onboarding-explainer p{font-size:12.5px;line-height:1.55;color:#475467;margin:4px 0 0}.onboarding-explainer ul{margin:9px 0 0;padding-left:18px;color:#667085}.onboarding-explainer li{font-size:11.8px;line-height:1.5;margin:3px 0}
.routing-visual{gap:16px;margin:28px 0 22px}.routing-visual>div{padding:22px 18px}.routing-icon{width:42px;height:42px;font-size:11px}.routing-visual strong{font-size:14px}.routing-visual small{font-size:11.5px;line-height:1.4;margin-top:5px}.onboarding-status-row,.ai-guardrail-row{gap:13px;margin-top:21px;padding-top:18px}.onboarding-status-row strong,.ai-guardrail-row strong{font-size:13px}.onboarding-status-row small,.ai-guardrail-row small{font-size:11.5px;line-height:1.5}.ai-guardrail-row>span{width:36px;height:36px}
.onboarding-two-col{gap:22px}.onboarding-connection-card{padding:25px}.connection-card-head{grid-template-columns:46px minmax(0,1fr) auto;gap:13px}.connection-card-head>span{width:46px;height:46px;font-size:11px}.connection-card-head strong{font-size:14px}.connection-card-head small{font-size:11.5px;line-height:1.5;margin-top:5px}.connection-card-head em{font-size:10.5px;padding:6px 9px}.connection-truth strong{font-size:12px}.connection-truth span{font-size:11.5px;line-height:1.45}.onboarding-handoff-note{font-size:11.5px!important;line-height:1.5!important}
.recovery-test-card{padding:30px}.test-orbit{width:62px;height:62px}.recovery-test-top strong{font-size:16px}.recovery-test-top p{font-size:12.5px;line-height:1.55}.test-sequence{margin:32px 0}.test-sequence>div i{width:36px;height:36px;font-size:11px}.test-sequence>div span{font-size:11.5px}.recovery-test-actions .primary-btn,.recovery-test-actions .secondary-btn{min-height:43px;font-size:12.5px;padding:0 17px}.finish-summary{max-width:850px;gap:10px}.finish-summary>div{font-size:11.5px;padding:14px}.finish-actions .primary-btn,.finish-actions .secondary-btn{min-height:44px;font-size:13px;padding:0 18px}
.tour-card{border-radius:18px;padding:25px 26px 21px;box-shadow:0 28px 80px rgba(15,23,42,.30)}.tour-card-top>span{font-size:11px;letter-spacing:.1em}.tour-card-top button{width:34px;height:34px;border-radius:9px}.tour-card-top button:hover{background:#f2f4f7}.tour-card h3{font-size:26px;line-height:1.15;margin:15px 0 10px}.tour-card-copy{font-size:14.5px!important;line-height:1.65!important;color:#475467!important}.tour-action{margin-top:18px;border:1px solid #d8e5fb;background:#f7faff;border-radius:12px;padding:14px 15px}.tour-action strong{display:block;font-size:12px;color:#1768e6;text-transform:uppercase;letter-spacing:.06em}.tour-action span{display:block;font-size:13.5px;line-height:1.55;color:#344054;margin-top:5px}.tour-card-foot{gap:12px;margin-top:20px}.tour-card-foot .primary-btn,.tour-card-foot .secondary-btn{min-height:42px;font-size:12.5px;padding:0 16px}.tour-dots{gap:5px}.tour-dots i{width:7px;height:7px}.tour-dots i.active{width:19px}.tour-keyboard-hint{font-size:10.5px;color:#98a2b3;text-align:center;margin-top:12px}.tour-spotlight{border-width:3px;box-shadow:0 0 0 9999px rgba(15,23,42,.60),0 0 0 6px rgba(116,163,255,.18)}
@media(max-width:900px){.onboarding-shell{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.onboarding-stage{padding:30px 28px 40px}.onboarding-copy h2{font-size:28px}.onboarding-copy p{font-size:14px}.onboarding-welcome h1,.onboarding-finish h1{font-size:36px}.onboarding-welcome>p,.onboarding-finish>p{font-size:14.5px}.onboarding-step-dot small{display:none}.onboarding-progress{padding-left:22px;padding-right:22px}}
@media(max-width:640px){.onboarding-shell{width:100%;height:100dvh}.onboarding-top{height:64px;padding:0 17px}.onboarding-progress{padding:11px 8px 8px}.onboarding-step-dot>span{width:27px;height:27px}.onboarding-stage{padding:24px 17px 32px}.onboarding-copy h2{font-size:25px}.onboarding-copy p{font-size:14px}.onboarding-welcome h1,.onboarding-finish h1{font-size:31px}.onboarding-welcome>p,.onboarding-finish>p{font-size:14px}.onboarding-flow-preview>div{min-height:128px;padding:17px 11px}.onboarding-explainer{grid-template-columns:36px 1fr;padding:14px}.onboarding-explainer-icon{width:34px;height:34px}.tour-card{padding:22px 20px 18px}.tour-card h3{font-size:23px}.tour-card-copy{font-size:14px!important}.tour-action span{font-size:13px}.tour-keyboard-hint{display:none}}


/* Build 18.4 — cleaner production sidebar */
.sidebar .brand{
  margin-bottom:18px;
}
.sidebar .nav-group{
  margin-top:2px;
}


/* Build 18.5 — larger, more readable Setup screen */
.setup-command{
  min-height:270px;
  padding:36px 40px;
  gap:42px;
  border-radius:18px;
  margin-bottom:24px;
}
.setup-command-copy{max-width:880px}
.setup-command-copy h1{font-size:34px;margin:10px 0 12px}
.setup-command-copy p{font-size:16px;line-height:1.65;max-width:800px}
.setup-command-chips{gap:9px;margin-top:24px}
.setup-command-chips span{font-size:13px;padding:8px 12px}
.setup-progress-orb{width:176px;height:176px}
.setup-progress-orb:before{inset:11px}
.setup-progress-orb strong{font-size:38px}
.setup-progress-orb span{font-size:11px;margin-top:5px}

.setup-grid{
  grid-template-columns:minmax(0,1.5fr) minmax(380px,.72fr);
  gap:24px;
}
.setup-checklist-panel,.setup-side-card{
  border-radius:16px;
}
.setup-panel-head{
  padding:28px 30px 24px;
}
.setup-kicker{
  font-size:12px;
  letter-spacing:.11em;
}
.setup-panel-head h3,.setup-side-card h3{
  font-size:21px;
  margin:7px 0 8px;
  letter-spacing:-.015em;
}
.setup-panel-head p,.setup-side-card p{
  font-size:14.5px;
  line-height:1.6;
}
.setup-linear{
  height:7px;
  margin-top:20px;
}
.setup-task-list{
  padding:4px 26px 12px;
}
.setup-task{
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:16px;
  min-height:82px;
  padding:18px 4px;
}
.setup-task-state{
  width:38px;
  height:38px;
}
.setup-task-state span{
  width:9px;
  height:9px;
}
.setup-task-state svg{
  width:18px;
  height:18px;
}
.setup-task-copy strong{
  display:block;
  font-size:16px;
  line-height:1.3;
}
.setup-task-copy p{
  font-size:13.5px;
  line-height:1.5;
  margin:5px 0 0;
}
.setup-task button{
  min-height:40px;
  padding:9px 15px;
  font-size:13px;
}
.setup-side{
  gap:22px;
}
.setup-side-card{
  padding:28px;
}
.setup-flow-mini{
  gap:11px;
  margin-top:22px;
}
.setup-flow-mini>div{
  gap:13px;
  font-size:14px;
  line-height:1.45;
}
.setup-flow-mini i{
  width:34px;
  height:34px;
  border-radius:9px;
  font-size:12px;
  flex:0 0 auto;
}
.setup-flow-mini b{
  height:12px;
  margin-left:17px;
}
.setup-side-card button{
  min-height:44px;
  padding:10px 17px;
  font-size:14px;
  margin-top:18px;
}

@media (max-width:1180px){
  .setup-grid{grid-template-columns:1fr}
  .setup-side{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .setup-command{padding:26px 22px;min-height:0;align-items:flex-start}
  .setup-command-copy h1{font-size:28px}
  .setup-progress-orb{width:132px;height:132px}
  .setup-side{grid-template-columns:1fr}
  .setup-task{grid-template-columns:42px minmax(0,1fr);gap:12px}
  .setup-task button{grid-column:2;justify-self:start}
  .setup-panel-head{padding:23px 21px 20px}
  .setup-task-list{padding:3px 18px 10px}
}

/* Keep onboarding language readable too */
.onboarding-copy h2{font-size:29px;line-height:1.16;letter-spacing:-.025em}
.onboarding-copy>p{font-size:16px;line-height:1.65}
.onboarding-explainer strong{font-size:16px}
.onboarding-explainer p,.onboarding-explainer li{font-size:14px;line-height:1.55}
.onboarding-form-card .field label{font-size:13px}
.onboarding-form-card .input{font-size:15px;min-height:46px}

/* Build 18.8 — use the favicon mark everywhere */
.brand-mark svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}


/* Build 18.10 — multi-client setup context + guided test feedback */
.setup-client-switcher{
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:18px 20px;margin:0 0 18px;border:1px solid #cfe0ff;border-radius:14px;
  background:linear-gradient(135deg,#f7faff 0%,#eef5ff 100%);
}
.setup-client-label{display:grid;gap:3px;min-width:0}
.setup-client-label>span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#1768e6}
.setup-client-label>strong{font-size:18px;color:#101828;line-height:1.25}
.setup-client-label>small{font-size:12.5px;color:#667085}
.setup-client-select-wrap{min-width:260px}
.setup-client-select-wrap label{display:block;font-size:11px;font-weight:700;color:#475467;margin-bottom:6px}
.setup-client-select-wrap select{min-height:44px;font-weight:650;background:#fff}

.onboarding-client-switch{
  margin-left:auto;margin-right:12px;display:flex;align-items:center;gap:9px;
  padding:6px 8px 6px 11px;border:1px solid #d8e4f8;border-radius:10px;background:#f7faff
}
.onboarding-client-switch span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667085}
.onboarding-client-switch select{
  max-width:260px;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:#1768e6;outline:none;cursor:pointer
}

.recovery-test-card.running{border-color:#9fc1ff;box-shadow:0 0 0 3px rgba(43,111,247,.08)}
.test-sequence>div.active{border-color:#9fc1ff;background:#f4f8ff;color:#1768e6}
.recovery-test-result{
  display:flex;align-items:center;gap:12px;margin:18px 0 2px;padding:14px 16px;
  border:1px solid #bde4cf;border-radius:11px;background:#f1fbf5;color:#166534
}
.recovery-test-result>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dff6e8}
.recovery-test-result>span svg{width:16px;height:16px}
.recovery-test-result div{display:grid;gap:2px}
.recovery-test-result strong{font-size:13.5px}
.recovery-test-result small{font-size:12px;color:#47705a}

@media(max-width:760px){
  .setup-client-switcher{align-items:stretch;flex-direction:column}
  .setup-client-select-wrap{min-width:0;width:100%}
  .onboarding-client-switch{margin-left:8px;max-width:52vw}
  .onboarding-client-switch span{display:none}
  .onboarding-client-switch select{max-width:100%}
}


/* Build 18.11 — readable Overview setup banner */
.setup-banner{
  grid-template-columns:56px minmax(0,1fr) minmax(260px,360px) auto;
  gap:22px;
  min-height:92px;
  padding:20px 22px;
  margin:0 0 24px;
  border-radius:15px;
}
.setup-banner-icon{
  width:52px;
  height:52px;
  border-radius:13px;
}
.setup-banner-icon svg{
  width:22px;
  height:22px;
}
.setup-banner-copy span{
  font-size:11px;
  letter-spacing:.105em;
  margin-bottom:4px;
}
.setup-banner-copy strong{
  font-size:18px;
  line-height:1.25;
  margin-top:0;
}
.setup-banner-copy p{
  font-size:13.5px;
  line-height:1.5;
  margin:5px 0 0;
  max-width:760px;
}
.setup-banner-meter>div{
  height:8px;
}
.setup-banner-meter small{
  font-size:11.5px;
  margin-top:8px;
}
.setup-banner>button{
  min-height:44px;
  padding:10px 17px;
  font-size:13.5px;
}

.recovery-test-card.complete{
  border-color:#a7dfbe;
  background:linear-gradient(145deg,#f6fff9,#fff);
}
.recovery-test-card.complete .recovery-test-top>div>strong{
  font-size:18px;
}
.recovery-test-card.complete .recovery-test-top p{
  font-size:13.5px;
  line-height:1.55;
}
.recovery-test-actions{
  margin-top:18px;
}
.recovery-test-actions button{
  min-height:44px;
  padding:10px 16px;
  font-size:13.5px;
}

@media(max-width:900px){
  .setup-banner{
    grid-template-columns:52px 1fr auto;
  }
  .setup-banner-meter{
    grid-column:2/-1;
    display:block;
    width:100%;
  }
}
@media(max-width:640px){
  .setup-banner{
    grid-template-columns:48px 1fr;
    gap:14px;
    padding:17px;
  }
  .setup-banner-icon{
    width:46px;height:46px;
  }
  .setup-banner>button{
    grid-column:1/-1;
    width:100%;
  }
  .setup-banner-meter{
    grid-column:1/-1;
  }
}


/* Build 18.12 — deterministic guided-test result */
.guided-test-banner{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:14px 16px 0;
  padding:14px 15px;
  border:1px solid #a9dfbf;
  border-radius:12px;
  background:linear-gradient(135deg,#f1fbf5,#fbfffc);
}
.guided-test-banner-icon{
  width:40px;height:40px;border-radius:10px;
  display:grid;place-items:center;
  background:#dcf7e7;color:#067647;
}
.guided-test-banner-icon svg{width:19px;height:19px}
.guided-test-banner>div:nth-child(2){display:grid;gap:3px}
.guided-test-banner strong{font-size:14.5px;color:#14532d}
.guided-test-banner span{font-size:12.5px;line-height:1.45;color:#47705a}
.guided-test-banner button{min-height:38px}

@media(max-width:720px){
  .guided-test-banner{grid-template-columns:40px 1fr}
  .guided-test-banner button{grid-column:1/-1;width:100%}
}

/* Build 18.14 — AI calendar scheduling */
.calendar-ai-status{margin:12px 0 0;padding:12px 13px;border-radius:10px;display:grid;gap:3px}
.calendar-ai-status strong{font-size:13px}.calendar-ai-status span{font-size:12px;line-height:1.45}
.calendar-ai-status.booked{border:1px solid #a8dfbe;background:#f2fbf6;color:#166534}.calendar-ai-status.booked span{color:#47705a}
.calendar-ai-status.offered{border:1px solid #bfd3fb;background:#f5f8ff;color:#174ea6}.calendar-ai-status.offered span{color:#4d6385}

/* Build 18.16 — compact provider fallback notice */
.ai-provider-warning{
  margin:10px 0 0 !important;
  padding:10px 12px !important;
  border:1px solid #ead59a !important;
  border-radius:10px !important;
  background:#fffbeb !important;
  color:#7a5410 !important;
  display:grid !important;
  gap:3px !important;
}
.ai-provider-warning strong{font-size:12.5px !important;color:#76520d !important}
.ai-provider-warning>span{font-size:11.5px !important;line-height:1.4 !important;color:#876a2b !important}
.ai-provider-warning details{margin-top:3px;font-size:11px;color:#7b641f}
.ai-provider-warning summary{cursor:pointer;user-select:none}
.ai-provider-warning code{display:block;margin-top:5px;white-space:normal;overflow-wrap:anywhere;font-size:10.5px;line-height:1.35;color:#765d1b}

/* Build 18.17 — sales demo mode */
.demo-page{display:grid;gap:20px}.demo-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:26px;padding:30px;border:1px solid #dbe4f5;border-radius:18px;background:linear-gradient(135deg,#f8fbff 0%,#fff 62%)}.demo-hero-copy{display:grid;align-content:start;gap:10px}.demo-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#2b6ff7}.demo-hero h1{font-size:32px;line-height:1.08;letter-spacing:-.035em;margin:0;max-width:720px;color:#172033}.demo-hero p{font-size:15px;line-height:1.6;max-width:720px;margin:0;color:#5b6475}.demo-hero small{font-size:11.5px;color:#7a8393}.demo-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.demo-hero-actions select{min-width:220px;min-height:42px}.demo-status-card{border:1px solid #dce5f2;background:#fff;border-radius:14px;padding:18px;display:grid;align-content:center;gap:8px;box-shadow:0 8px 24px rgba(27,50,90,.05)}.demo-status-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8993a4;font-weight:700}.demo-status-card>strong{font-size:18px;color:#1d2b45}.demo-progress-track{height:8px;background:#edf1f7;border-radius:999px;overflow:hidden;margin-top:3px}.demo-progress-track i{display:block;height:100%;background:#2b6ff7;border-radius:inherit}.demo-progress-label{font-size:11.5px;color:#788296}.demo-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-step{border:1px solid #e2e7ef;border-radius:14px;padding:16px;background:#fff;display:grid;grid-template-columns:34px 1fr;gap:10px}.demo-step>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f1f4f8;color:#7c8799;font-size:12px;font-weight:800}.demo-step.done{border-color:#b8dfc8;background:#fbfffc}.demo-step.done>span{background:#ddf7e7;color:#087443}.demo-step strong{font-size:13.5px;color:#25324a}.demo-step p{font-size:11.5px;line-height:1.45;margin:4px 0 0;color:#6e788a}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-script{display:grid;gap:10px;padding:2px 18px 18px}.demo-script>div{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start;border-top:1px solid #edf0f4;padding-top:10px}.demo-script>div:first-child{border-top:0;padding-top:0}.demo-script span{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8992a2}.demo-script strong{font-size:12.5px;line-height:1.45;color:#334057;font-weight:600}.demo-proof-card{padding-bottom:18px}.demo-proof-card>.primary-btn,.demo-proof-wait,.demo-win,.demo-proof-links{margin-left:18px;margin-right:18px}.demo-proof-wait{font-size:12.5px;line-height:1.55;color:#697386}.demo-proof-links{display:flex;gap:8px;margin-top:16px}.demo-win{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;border:1px solid #b9e2c9;background:#f3fbf6;border-radius:11px;padding:12px}.demo-win>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#dff6e8;color:#067647}.demo-win strong{font-size:14px;color:#12623a}.demo-win p{font-size:11.5px;color:#52705e;margin:3px 0 0}.demo-reset-note{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border:1px dashed #cdd7e5;border-radius:13px;padding:15px 17px;background:#fbfcfe}.demo-reset-note>div:first-child{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#edf3ff;color:#2b6ff7}.demo-reset-note strong{font-size:13px;color:#2d3a51}.demo-reset-note p{font-size:11.5px;line-height:1.5;margin:3px 0 0;color:#697486}.demo-reset-note code{font-size:11px;background:#eef2f7;padding:2px 5px;border-radius:5px}.sales-demo-console{border:1px solid #c7d7f8 !important;background:#f9fbff !important}.sales-demo-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-demo-console-head>div{display:flex;align-items:center;gap:8px}.sales-demo-console-head span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#2b6ff7;background:#eaf1ff;padding:4px 7px;border-radius:6px}.sales-demo-console-head strong{font-size:13px;color:#273550}.sales-demo-quick button{background:#fff}
@media(max-width:980px){.demo-hero{grid-template-columns:1fr}.demo-flow{grid-template-columns:1fr 1fr}.demo-grid{grid-template-columns:1fr}}@media(max-width:620px){.demo-hero{padding:20px}.demo-hero h1{font-size:26px}.demo-flow{grid-template-columns:1fr}.demo-hero-actions>*{width:100%}}


/* Build 18.23 — self-serve first-time setup */
.selfserve-shell{width:min(1080px,calc(100vw - 34px));height:min(850px,calc(100dvh - 28px));border-radius:26px;background:#fbfcfe;box-shadow:0 30px 110px rgba(15,23,42,.22);overflow:hidden}
.selfserve-shell .onboarding-top{height:72px;padding:0 28px;border-bottom:1px solid #e9edf3;background:rgba(255,255,255,.92)}
.onboarding-preview-pill{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.1em;color:#1768e6;background:#edf4ff;border:1px solid #d7e6ff;border-radius:999px;padding:5px 8px;margin-left:7px}
.selfserve-progress{padding:14px 34px 11px;background:#fff;border-bottom:1px solid #eef1f5}
.selfserve-progress .onboarding-step-dot small{font-size:10px;color:#98a2b3}.selfserve-progress .onboarding-step-dot.active small,.selfserve-progress .onboarding-step-dot.done small{color:#475467}
.selfserve-stage{padding:34px 56px 44px;overflow:auto;background:linear-gradient(180deg,#fbfcfe 0,#f7f9fc 100%)}
.selfserve-stage .onboarding-step-card{max-width:900px}
.onboarding-copy.simple{margin:0 0 23px}.onboarding-copy.simple h2{font-size:34px;letter-spacing:-.04em;margin:7px 0 9px;color:#101828}.onboarding-copy.simple p{font-size:15px;line-height:1.6;color:#667085;max-width:720px}
.selfserve-welcome{text-align:center;padding:28px 0 6px}.selfserve-welcome h1{font-size:48px;line-height:1.03;letter-spacing:-.055em;color:#101828;margin:18px auto 14px}.selfserve-welcome>p{max-width:710px;margin:0 auto;color:#667085;font-size:16px;line-height:1.65}.selfserve-welcome .onboarding-badge{display:inline-flex}
.ob-three{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:34px auto 22px;max-width:850px}.ob-three>div{text-align:left;border:1px solid #e3e8ef;background:#fff;border-radius:17px;padding:20px;box-shadow:0 8px 26px rgba(16,24,40,.035)}.ob-three>div>span{width:38px;height:38px;border-radius:11px;background:#edf4ff;color:#1768e6;display:grid;place-items:center;margin-bottom:15px}.ob-three>div>span>span{width:18px!important;height:18px!important}.ob-three strong{display:block;font-size:14px;color:#1d2939}.ob-three small{display:block;font-size:12px;line-height:1.5;color:#667085;margin-top:5px}
.ob-mini-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;text-align:left;max-width:850px;margin:15px auto;border:1px solid #e3e8ef;background:#fff;border-radius:14px;padding:14px 16px}.ob-mini-note>span{width:36px;height:36px;border-radius:10px;background:#f2f4f7;color:#475467;display:grid;place-items:center}.ob-mini-note.good{border-color:#ccebd9;background:#f7fdf9}.ob-mini-note.good>span{background:#e7f8ed;color:#16803c}.ob-mini-note.pending{border-color:#dbe7fb;background:#f8fbff}.ob-mini-note.pending>span{background:#eaf2ff;color:#1768e6}.ob-mini-note strong{display:block;color:#344054;font-size:13px}.ob-mini-note p{margin:3px 0 0;color:#667085;font-size:12.5px;line-height:1.5}
.ob-welcome-foot{max-width:850px;margin:17px auto 0;display:flex;align-items:center;justify-content:space-between;color:#98a2b3;font-size:11px}
.simple-card{padding:24px;border-radius:18px;border:1px solid #e3e8ef;background:#fff;box-shadow:0 9px 30px rgba(16,24,40,.035)}.simple-card .form-grid{gap:18px}.selfserve-shell .field label{font-size:12px;font-weight:700;color:#344054}.selfserve-shell .input,.selfserve-shell textarea{border-color:#d9dee7;background:#fff;border-radius:10px}.selfserve-shell .input:focus,.selfserve-shell textarea:focus{border-color:#8db5ff;box-shadow:0 0 0 3px rgba(43,111,247,.09)}
.ob-choice-stack{display:grid;gap:11px}.ob-choice-card{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid #e2e7ee;background:#fff;border-radius:16px;padding:18px 19px;cursor:pointer;transition:.18s ease}.ob-choice-card:hover{border-color:#c3d5f5;transform:translateY(-1px)}.ob-choice-card.selected{border-color:#7eabff;background:#f7faff;box-shadow:0 0 0 3px rgba(43,111,247,.06)}.ob-choice-card input{position:absolute;opacity:0;pointer-events:none}.ob-choice-radio{width:19px;height:19px;border-radius:50%;border:1.5px solid #b6bfcc;margin-top:2px;position:relative}.ob-choice-card.selected .ob-choice-radio{border-color:#2b6ff7}.ob-choice-card.selected .ob-choice-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#2b6ff7}.ob-choice-card strong{display:block;font-size:14px;color:#1d2939}.ob-choice-card p{font-size:12.5px;line-height:1.5;color:#667085;margin:5px 0 0}.ob-choice-card em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;color:#1768e6;background:#eaf2ff;padding:5px 8px;border-radius:999px}
.ob-connection-status{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:18px;padding:16px 18px;border:1px solid #e3e8ef;border-radius:15px;background:#fff}.ob-connection-icon{width:42px;height:42px;border-radius:12px;background:#eff4fb;color:#49627f;display:grid;place-items:center}.ob-connection-status span{display:block;font-size:9px;font-weight:800;letter-spacing:.09em;color:#98a2b3}.ob-connection-status strong{display:block;font-size:14px;color:#344054;margin-top:2px}.ob-connection-status p{font-size:11.5px;color:#667085;line-height:1.45;margin:4px 0 0}.ob-connection-status em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:6px 9px}.ob-connection-status em.pending{color:#9a6700;background:#fff5d9}.ob-connection-status em.live{color:#16703b;background:#e9f9ef}
.ob-section-card{border:1px solid #e3e8ef;background:#fff;border-radius:18px;padding:22px;margin-bottom:14px}.ob-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ob-section-head strong{font-size:14px;color:#1d2939}.ob-section-head p,.ob-form-title p{font-size:12px;line-height:1.5;color:#667085;margin:4px 0 0}.ob-switch input{display:none}.ob-switch span{width:45px;height:25px;border-radius:99px;background:#d0d5dd;display:block;position:relative;transition:.2s}.ob-switch span:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 4px rgba(16,24,40,.25);transition:.2s}.ob-switch input:checked+span{background:#2b6ff7}.ob-switch input:checked+span:after{transform:translateX(20px)}
.ob-calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.ob-calendar-choice{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:12px;border:1px solid #e3e8ef;border-radius:13px;cursor:pointer;background:#fff}.ob-calendar-choice.selected{border-color:#8db5ff;background:#f7faff}.ob-calendar-choice input{display:none}.ob-calendar-choice>span{width:31px;height:31px;border-radius:9px;background:#f2f4f7;display:grid;place-items:center;font-weight:800;font-size:12px;color:#475467}.ob-calendar-choice strong{display:block;font-size:12px;color:#344054}.ob-calendar-choice small{font-size:10px;color:#98a2b3}.ob-calendar-choice>span+div+span{color:#1768e6}.ob-simulated-label{font-size:10.5px;color:#98a2b3;margin-top:10px}.ob-form-title{margin-bottom:17px}.ob-form-title strong{font-size:14px;color:#1d2939}
.ob-practice-card{border:1px solid #e3e8ef;background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 34px rgba(16,24,40,.04)}.ob-practice-card.complete{border-color:#ccebd9}.ob-practice-title{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center}.ob-practice-title>span{width:42px;height:42px;border-radius:13px;background:#edf4ff;color:#1768e6;display:grid;place-items:center}.ob-practice-card.complete .ob-practice-title>span{background:#e8f8ee;color:#16803c}.ob-practice-title strong{font-size:15px;color:#1d2939}.ob-practice-title p{font-size:12.5px;color:#667085;line-height:1.5;margin:4px 0 0}.ob-practice-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:7px;align-items:center;margin:26px 0 20px}.ob-practice-flow>div{border:1px solid #e3e8ef;border-radius:13px;padding:13px 9px;text-align:center;background:#fafbfc;color:#667085}.ob-practice-flow>div.done{border-color:#bce4ca;background:#f5fcf7;color:#176a3a}.ob-practice-flow i{width:24px;height:24px;border-radius:50%;background:#eef1f5;display:grid;place-items:center;margin:0 auto 7px;font-style:normal;font-size:10px;font-weight:800}.ob-practice-flow>div.done i{background:#dff5e6;color:#176a3a}.ob-practice-flow span{font-size:10.5px;font-weight:700}.ob-practice-flow b{height:1px;background:#dfe4ea}.ob-practice-success{display:flex;align-items:center;gap:8px;border-radius:11px;background:#f0faf4;color:#176a3a;padding:11px 13px;font-size:12px;font-weight:700;margin-bottom:15px}
.selfserve-finish{text-align:center;padding:18px 0}.selfserve-finish h1{font-size:42px;letter-spacing:-.05em;margin:16px auto 12px}.selfserve-finish>p{max-width:690px;margin:0 auto;color:#667085;font-size:15px;line-height:1.6}.ob-finish-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:820px;margin:28px auto}.ob-finish-summary>div{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce5ef;background:#fff;border-radius:12px;padding:12px;color:#176a3a;font-size:11px;font-weight:700}.ob-finish-summary>div.pending{color:#8a6500;background:#fffbeb;border-color:#f0df9f}
.selfserve-shell .onboarding-foot{min-height:76px;padding:13px 28px;border-top:1px solid #e8ecf2;background:#fff}.selfserve-shell .onboarding-foot .primary-btn,.selfserve-shell .onboarding-foot .secondary-btn,.selfserve-shell .onboarding-foot .ghost-btn{min-height:42px}
@media(max-width:820px){.selfserve-shell{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:20px}.selfserve-stage{padding:28px 23px 36px}.selfserve-progress{padding-left:12px;padding-right:12px}.ob-three{grid-template-columns:1fr}.ob-three>div{padding:16px}.selfserve-welcome h1{font-size:38px}.onboarding-copy.simple h2{font-size:29px}.ob-calendar-grid{grid-template-columns:1fr}.ob-practice-flow{grid-template-columns:1fr 1fr;gap:9px}.ob-practice-flow b{display:none}.ob-finish-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.selfserve-shell{width:100%;height:100dvh;border-radius:0}.selfserve-shell .onboarding-top{height:62px;padding:0 15px}.selfserve-stage{padding:22px 15px 30px}.selfserve-progress .onboarding-step-dot small{display:none}.selfserve-welcome{padding-top:18px}.selfserve-welcome h1{font-size:34px}.selfserve-welcome>p{font-size:14px}.ob-welcome-foot{align-items:flex-start;gap:12px;flex-direction:column}.simple-card{padding:18px}.ob-choice-card{grid-template-columns:22px minmax(0,1fr);padding:15px}.ob-choice-card em{grid-column:2;justify-self:start}.ob-connection-status{grid-template-columns:40px 1fr}.ob-connection-status em{grid-column:2;justify-self:start}.ob-section-head{gap:12px}.ob-finish-summary{grid-template-columns:1fr}.selfserve-finish h1{font-size:33px}}


/* Build 18.24 — larger, quieter first-run setup */
.selfserve-shell{width:min(1240px,calc(100vw - 28px));height:min(900px,calc(100dvh - 24px));border-radius:28px}
.selfserve-stage{padding:46px 66px 56px}
.selfserve-stage .onboarding-step-card{max-width:1040px}
.selfserve-progress{padding:17px 58px 13px}
.selfserve-progress .onboarding-step-dot>span{width:36px;height:36px;font-size:12px}
.selfserve-progress .onboarding-step-dot:before{top:18px}
.selfserve-progress .onboarding-step-dot small{min-height:16px;font-size:11px;margin-top:7px}
.onboarding-copy.simple{margin-bottom:28px}
.onboarding-copy.simple h2{font-size:42px;line-height:1.05;letter-spacing:-.05em;margin:8px 0 0;max-width:850px}
.onboarding-copy.simple>p{font-size:15px;margin-top:11px}
.selfserve-welcome.ob-clean-welcome{max-width:850px;margin:0 auto;padding:42px 0 12px}
.ob-clean-welcome h1{font-size:62px;line-height:.98;letter-spacing:-.065em;margin:20px auto 13px}
.ob-clean-welcome>p{font-size:20px;line-height:1.45;max-width:640px;color:#667085}
.ob-website-start{max-width:760px;margin:36px auto 0;text-align:left}
.ob-website-start>label{display:block;font-size:14px;font-weight:760;color:#344054;margin-bottom:9px}
.ob-website-start>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.ob-website-start .input{height:58px;font-size:17px;border-radius:13px}
.ob-website-start .primary-btn{min-height:58px;padding:0 24px;font-size:14px}
.ob-website-start small{display:block;color:#98a2b3;font-size:12px;margin-top:9px}
.ob-or{display:flex;align-items:center;gap:12px;max-width:760px;margin:24px auto 17px;color:#98a2b3;font-size:12px}
.ob-or:before,.ob-or:after{content:"";height:1px;background:#e4e8ee;flex:1}
.ob-manual-link{border:0;background:transparent;color:#344054;font-size:14px;font-weight:750;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.ob-manual-link:hover{color:#1768e6}
.ob-manual-link svg{width:15px;height:15px}
.ob-roomy-form{padding:32px;border-radius:20px}
.ob-roomy-form .form-grid{gap:24px 22px}
.selfserve-shell .field label{font-size:14px;margin-bottom:9px}
.selfserve-shell .input,.selfserve-shell input.input,.selfserve-shell select.input,.selfserve-shell textarea{font-size:16px;border-radius:12px}
.selfserve-shell input.input,.selfserve-shell select.input{min-height:54px}
.selfserve-shell textarea{min-height:86px;padding:14px 15px}
.ob-inline-fill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.ob-inline-fill .secondary-btn{min-height:54px;padding:0 18px}
.ob-autofill-ok{display:flex!important;align-items:center;gap:7px;color:#067647!important;font-size:13px!important;font-weight:700;margin-top:12px!important}
.ob-autofill-ok svg{width:16px;height:16px}
.ob-choice-big{gap:14px;max-width:900px}
.ob-choice-big .ob-choice-card{min-height:72px;align-items:center;padding:20px 22px;border-radius:16px;grid-template-columns:26px minmax(0,1fr) auto}
.ob-choice-big .ob-choice-card strong{font-size:17px}
.ob-choice-big .ob-choice-radio{margin-top:0;width:21px;height:21px}
.ob-short-status{display:flex;align-items:center;gap:9px;color:#667085;font-size:13px;margin:18px 2px 0}
.ob-short-status svg{width:17px;height:17px;color:#1768e6}
.ob-simple-section{padding:28px;border-radius:20px;margin-bottom:18px}
.ob-simple-section .ob-section-head{align-items:center}
.ob-simple-section .ob-section-head strong{font-size:17px}
.ob-calendar-grid{gap:12px;margin-top:22px}
.ob-calendar-choice{min-height:68px;padding:14px 16px;border-radius:14px}
.ob-calendar-choice strong{font-size:14px}
.ob-preview-hint{font-size:11px;color:#98a2b3;margin-top:11px}
.ob-form-title{margin-bottom:20px}.ob-form-title strong{font-size:17px}
.ob-practice-card{padding:32px;border-radius:22px}
.ob-practice-title strong{font-size:18px}
.ob-practice-flow{margin:34px 0 28px}.ob-practice-flow span{font-size:12px}.ob-practice-flow>div{padding:16px 10px}
.selfserve-finish h1{font-size:54px}.selfserve-finish>p{font-size:17px}
.selfserve-shell .onboarding-foot{min-height:84px;padding:15px 34px}
.selfserve-shell .onboarding-foot .primary-btn,.selfserve-shell .onboarding-foot .secondary-btn,.selfserve-shell .onboarding-foot .ghost-btn{min-height:48px;font-size:14px;padding:0 20px}
@media(max-width:820px){
  .selfserve-shell{width:calc(100vw - 12px);height:calc(100dvh - 12px)}
  .selfserve-stage{padding:30px 24px 40px}
  .onboarding-copy.simple h2{font-size:34px}
  .ob-clean-welcome h1{font-size:46px}
  .ob-clean-welcome>p{font-size:17px}
  .ob-website-start>div,.ob-inline-fill{grid-template-columns:1fr}
  .ob-roomy-form{padding:22px}
}
@media(max-width:560px){
  .selfserve-shell{width:100%;height:100dvh}
  .selfserve-stage{padding:24px 16px 32px}
  .selfserve-progress{padding-left:8px;padding-right:8px}
  .selfserve-progress .onboarding-step-dot>span{width:30px;height:30px}
  .selfserve-progress .onboarding-step-dot:before{top:15px}
  .ob-clean-welcome h1{font-size:39px}
  .ob-clean-welcome>p{font-size:16px}
  .ob-website-start{margin-top:28px}
  .onboarding-copy.simple h2{font-size:31px}
  .ob-choice-big .ob-choice-card strong{font-size:15px}
  .ob-calendar-grid{grid-template-columns:1fr}
}


/* Build 18.25 — reference-inspired app shell and responsive dashboard */
:root{--sidebar:292px;--app-blue:#0867f2;--app-ink:#111827;--app-muted:#687386;--app-line:#e2e7ee;--app-soft:#f5f8ff}
.reference-shell{background:#fff}
.reference-shell .sidebar{padding:30px 22px 24px;border-right:1px solid #e4e8ee;background:#fff}
.reference-shell .brand{padding:2px 10px 27px;font-size:24px;font-weight:780;letter-spacing:-.045em;color:#101828}
.reference-shell .brand-mark{width:32px;height:32px}
.workspace-switcher{position:relative;margin:0 10px 27px;min-height:72px;border:1px solid #dbe1e9;border-radius:9px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:13px 14px 12px;transition:.15s ease}
.workspace-switcher:hover{border-color:#bdc8d7;background:#fbfcfe}.workspace-copy{min-width:0}.workspace-copy strong{display:block;font-size:14px;color:#182230;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-copy span{display:block;font-size:12px;color:#687386;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-chevron{font-size:18px;color:#475467;margin-left:10px;transform:translateY(-2px)}.workspace-switcher select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.reference-shell .nav-group{gap:5px}.reference-shell .nav-item{height:49px;padding:0 14px;border-radius:8px;font-size:14px;color:#273444;font-weight:530}.reference-shell .nav-item:hover{background:#f7f9fc}.reference-shell .nav-item.active{background:#eef4ff;color:#0867f2;font-weight:650}.reference-shell .nav-ico,.reference-shell .nav-ico svg{width:21px!important;height:21px!important}.reference-shell .nav-item .badge{border-radius:5px;min-width:22px;height:22px;font-size:10px}
.nav-more{margin-top:7px;border-top:1px solid #edf0f4;padding-top:7px}.nav-more summary{list-style:none;height:39px;margin:0 4px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#8a94a3;font-size:11px;font-weight:720;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary span:last-child{font-size:14px;transition:.15s}.nav-more[open] summary span:last-child{transform:rotate(180deg)}.utility-nav{display:grid;gap:4px}.utility-nav .nav-item{height:43px;font-size:13px}.utility-nav .nav-ico,.utility-nav .nav-ico svg{width:18px!important;height:18px!important}
.reference-shell .sidebar-help{padding:18px 10px 16px}.reference-shell .help-link{font-size:13px}.reference-shell .profile{padding-top:18px}.reference-shell .profile-avatar{width:40px;height:40px;background:#edf2fa;color:#344054;border:1px solid #dce3ec;box-shadow:none}.reference-shell .profile-name{font-size:13px}.reference-shell .profile-role{font-size:11px}
.reference-shell .main{background:#fff}.reference-shell .content{max-width:1540px;padding:44px 40px 60px}
.home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:34px}.home-head h1{margin:0;color:#101828;font-size:29px;line-height:1.12;font-weight:770;letter-spacing:-.045em}.home-head p{margin:11px 0 0;color:#697586;font-size:14px}.home-actions{display:flex;align-items:center;gap:12px}.home-actions .primary-btn,.home-actions .secondary-btn{min-width:168px}
.home-metrics{gap:20px;margin-bottom:22px}.home-metric{min-height:146px;padding:22px 22px 20px;border-color:#dce2ea;border-radius:8px;box-shadow:none}.home-metric .metric-label{font-size:13px}.home-metric .metric-value{font-size:31px;margin-top:15px}.home-metric .metric-foot{font-size:11.5px;color:#677386}.home-metric .metric-icon.green{color:#13a75b}.home-metric .metric-icon.blue{color:#111827}
.home-dashboard-main,.home-dashboard-bottom{grid-template-columns:minmax(0,1.67fr) minmax(330px,.96fr);gap:22px}.home-dashboard-main{margin-bottom:22px}.home-dashboard-bottom{margin-bottom:0}.home-dashboard-main .panel,.home-dashboard-bottom .panel{border-color:#dce2ea;border-radius:8px}.home-dashboard-main .panel-head,.home-dashboard-bottom .panel-head{padding:21px 22px 18px}.home-dashboard-main .panel-title,.home-dashboard-bottom .panel-title{font-size:14px}.home-dashboard-main .panel-sub,.home-dashboard-bottom .panel-sub{font-size:11.5px}
.home-pipeline-panel{min-height:370px}.pipeline-chart{padding:14px 24px 24px;display:grid;gap:24px}.pipeline-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:12px;color:#596579}.pipeline-row-head strong{font-size:13px;color:#182230}.pipeline-track{height:10px;border-radius:99px;background:#eef1f5;overflow:hidden}.pipeline-track i{display:block;height:100%;border-radius:inherit;background:#1473f6}.pipeline-track i.green{background:#24ad67}.pipeline-track i.amber{background:#f7b01d}.pipeline-foot{border-top:1px solid #edf0f4;margin:2px 22px 0;padding:17px 2px 20px;display:flex;align-items:center;justify-content:space-between;color:#657184;font-size:12px}.pipeline-foot strong{font-size:18px;color:#111827}
.activity-list{padding:0 20px 14px}.activity-row{padding:14px 0;grid-template-columns:38px minmax(0,1fr) auto}.activity-ico{width:32px;height:32px;border-radius:8px;background:#f2f4f7;color:#667085}.activity-ico.green{background:#edf9f2;color:#159a53}.activity-ico.blue{background:#eef4ff;color:#1768e6}.activity-ico.purple{background:#f3f0ff;color:#673de6}.activity-ico.gray{background:#f3f5f7;color:#687386}.activity-title{font-size:12.5px}.activity-sub{font-size:11.5px}.activity-time{font-size:10.5px}
.home-sources{min-height:190px}.source-ring{width:148px;height:148px;border-radius:50%;margin:auto;background:conic-gradient(#2f73f4 0 calc(var(--p1)*1%),#31ad68 calc(var(--p1)*1%) calc(var(--p2)*1%),#ffb313 calc(var(--p2)*1%) calc(var(--p3)*1%),#a8bdd8 calc(var(--p3)*1%) 100%);position:relative}.source-ring:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff}.legend-swatch.blue{background:#2f73f4}.legend-swatch.green{background:#31ad68}.legend-swatch.amber{background:#ffb313}.legend-swatch.slate{background:#a8bdd8}.legend-row strong{font-size:12px;color:#111827}.status-list{padding:0 22px 10px}.status-row{width:100%;border:0;background:#fff;text-align:left}.status-row:hover{background:#fafbfc}.status-active.paused{color:#a15c08;background:#fff7ed}
/* Keep the rest of the product in the same visual language. */
.reference-shell .managed-page-head h2,.reference-shell .section-heading h2{font-size:28px;letter-spacing:-.04em}.reference-shell .managed-page-head p,.reference-shell .section-heading p{font-size:13.5px}.reference-shell .panel,.reference-shell .table-panel,.reference-shell .settings-panel,.reference-shell .settings-nav,.reference-shell .managed-client-card,.reference-shell .report-card,.reference-shell .integration-card,.reference-shell .automation-card{border-color:#dce2ea;border-radius:9px;box-shadow:none}.reference-shell .primary-btn{background:#0867f2;border-color:#0867f2;border-radius:7px}.reference-shell .primary-btn:hover{background:#0058d7}.reference-shell .secondary-btn{border-color:#cdd5df;border-radius:7px}.reference-shell .input,.reference-shell .filter-select,.reference-shell textarea{border-color:#d6dde7;border-radius:8px}
.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand-mark{width:22px;height:22px;border-radius:7px;background:#2b6ff7;position:relative}.mobile-brand-mark:after{content:"";position:absolute;width:8px;height:8px;border:2px solid white;border-bottom:0;border-radius:6px 6px 0 0;left:5px;top:6px}
@media(max-width:1180px) and (min-width:821px){:root{--sidebar:92px}.reference-shell .sidebar{padding:25px 14px 20px}.reference-shell .brand{padding:2px 9px 25px;justify-content:center}.reference-shell .brand>span{display:none}.reference-shell .brand-mark{width:34px;height:34px}.workspace-switcher{height:50px;min-height:50px;margin:0 5px 24px;padding:0;display:grid;place-items:center;background:#f7f9fc}.workspace-switcher:before{content:"↕";font-size:17px;color:#526174}.workspace-copy,.workspace-chevron{display:none}.reference-shell .nav-item{justify-content:center;padding:0}.reference-shell .nav-item>span:not(.nav-ico):not(.badge){display:none}.reference-shell .nav-item .badge{position:absolute;margin:0;transform:translate(13px,-13px);min-width:18px;height:18px;padding:0 4px}.reference-shell .nav-item{position:relative}.nav-more summary{justify-content:center;padding:0}.nav-more summary span:first-child{display:none}.utility-nav .nav-item{height:43px}.reference-shell .sidebar-help{padding:15px 4px}.reference-shell .help-link{justify-content:center}.reference-shell .help-link span:last-child{display:none}.reference-shell .profile{margin:0 4px;justify-content:center}.profile-copy,.profile-arrow{display:none}.reference-shell .content{padding:36px 28px 50px}.home-head{margin-bottom:28px}.home-dashboard-main,.home-dashboard-bottom{grid-template-columns:1fr}.home-pipeline-panel{min-height:auto}}
@media(max-width:820px){.reference-shell .sidebar{width:min(310px,88vw);padding:24px 20px}.reference-shell .content{padding:24px 16px 88px}.reference-shell .mobile-topbar{height:64px}.home-head{flex-direction:column;gap:19px;margin-bottom:24px}.home-head h1{font-size:27px}.home-head p{font-size:13.5px}.home-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.home-actions .primary-btn,.home-actions .secondary-btn{min-width:0;width:100%}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-metric{min-height:135px;padding:18px}.home-metric .metric-value{font-size:27px}.home-dashboard-main,.home-dashboard-bottom{grid-template-columns:1fr;gap:14px}.home-pipeline-panel{min-height:auto}.pipeline-chart{padding:10px 18px 20px;gap:20px}.home-sources{grid-template-columns:150px minmax(0,1fr);padding:4px 22px 24px}.source-ring{width:126px;height:126px}.source-ring:after{inset:29px}.reference-shell .managed-page-head h2,.reference-shell .section-heading h2{font-size:25px}}
@media(max-width:560px){.reference-shell .content{padding:20px 13px 82px}.home-head h1{font-size:25px}.home-actions{grid-template-columns:1fr}.home-metrics{grid-template-columns:1fr 1fr;gap:10px}.home-metric{min-height:126px;padding:16px}.home-metric .metric-label{font-size:11.5px}.home-metric .metric-value{font-size:25px}.home-metric .metric-foot{font-size:10.5px}.home-dashboard-main .panel-head,.home-dashboard-bottom .panel-head{padding:18px 17px 15px}.activity-list{padding:0 16px 10px}.activity-time{display:none}.activity-row{grid-template-columns:36px 1fr}.home-sources{grid-template-columns:1fr;gap:18px}.legend{width:100%}.source-ring{width:132px;height:132px}.pipeline-foot{margin-left:17px;margin-right:17px}.reference-shell .managed-page-head h2,.reference-shell .section-heading h2{font-size:23px}}


/* Build 18.26 — cleaner conversations, aligned appointment status, profile photos */
.message{width:fit-content;max-width:min(72%,720px);display:flex;flex-direction:column;align-items:flex-start}
.message.assistant{margin-left:auto;align-items:flex-end}
.message.customer{margin-left:0;margin-right:auto;align-items:flex-start}
.message.assistant .message-bubble{background:#1267e8;color:#fff;border-color:#1267e8;border-radius:14px 14px 4px 14px}
.message.assistant .message-meta{text-align:right}
.message.customer .message-bubble{background:#fff;color:#273244;border-color:#e0e5ec;border-radius:14px 14px 14px 4px}
.message.customer .message-meta{text-align:left}
.test-reply-bar{border-top:1px solid #e5e9ef;background:#fff;padding:14px 18px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.test-reply-bar textarea{min-height:56px;max-height:120px;resize:vertical;font-size:15px;line-height:1.45;border-radius:10px}
.test-reply-bar .secondary-btn{min-height:44px}
.ai-typing-message{margin-top:-4px}
.typing-bubble{min-width:58px;display:flex!important;align-items:center;justify-content:center;gap:5px;padding:13px 15px!important}
.typing-bubble i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.92);animation:navoriqTyping 1.15s infinite ease-in-out}
.typing-bubble i:nth-child(2){animation-delay:.14s}.typing-bubble i:nth-child(3){animation-delay:.28s}
@keyframes navoriqTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.appointments-table th:last-child,.appointments-table td:last-child{text-align:center!important}
.profile-avatar.has-photo{overflow:hidden;padding:0;background:#eef2f7}
.profile-avatar.has-photo img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-setting{display:flex;align-items:center;gap:16px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #edf0f4}
.profile-photo-preview{width:70px;height:70px;border-radius:50%;overflow:hidden;background:#edf2fa;border:1px solid #dce3ec;display:grid;place-items:center;color:#344054;font-weight:750;font-size:18px;flex:0 0 auto}
.profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-setting>div:last-child{min-width:0}.profile-photo-setting strong{display:block;font-size:15px;color:#172033}.profile-photo-setting span{display:block;font-size:13px;color:#667085;margin-top:3px}.profile-photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media(max-width:720px){.test-reply-bar{grid-template-columns:1fr;padding:12px 14px 14px}.test-reply-bar .secondary-btn{width:100%}.message{max-width:84%}.profile-photo-setting{align-items:flex-start}.profile-photo-preview{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.typing-bubble i{animation:none!important}}


/* --------------------------------------------------------------------------
   Build 18.30 — reliable sidebar scrolling
   Keep navigation scrollable independently from the page. This prevents the
   expanded More section from being clipped on shorter laptop windows, desktop
   app webviews, and mobile screens while the account/footer stays reachable.
   -------------------------------------------------------------------------- */
.sidebar{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
.sidebar-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:0 3px 14px 0;
  scrollbar-width:thin;
  scrollbar-color:#cfd6e0 transparent;
}
.sidebar-scroll::-webkit-scrollbar{width:8px}
.sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar-scroll::-webkit-scrollbar-thumb{background:#d6dce5;border-radius:999px;border:2px solid #fff}
.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#bfc8d5}
.sidebar-footer{flex:0 0 auto;background:#fff;border-top:1px solid #f0f2f5;padding-top:2px}
.sidebar-footer .sidebar-help{border-top:0}
.nav-more[open]{padding-bottom:6px}
.utility-nav{padding-bottom:2px}

@media(max-width:820px){
  .sidebar{height:100dvh;min-height:100dvh;overflow:hidden}
  .sidebar-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y}
}

@media(max-height:760px){
  .sidebar{padding-top:18px;padding-bottom:14px}
  .brand{padding-bottom:16px}
  .workspace-switcher{margin-bottom:14px}
  .sidebar-help{padding-top:10px;padding-bottom:8px}
  .profile{padding-top:10px}
}

/* 18.33 booking workflow clarity */
.chat-workflow-state{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border:1px solid #dbe4f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:11px;font-weight:650;vertical-align:1px;white-space:nowrap}.chat-workflow-state.awaiting_address{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.chat-workflow-state.offered{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.chat-workflow-state.booked{background:#ecfdf5;border-color:#a7f3d0;color:#047857}


/* --------------------------------------------------------------------------
   Build 18.36 — web + Windows parity
   The browser app is the product source of truth; the Windows shell loads this
   exact hosted UI. These rules make the same interface resilient in normal
   browser windows, touch devices, and the Tauri WebView.
   -------------------------------------------------------------------------- */
html,body,#app{min-width:0;min-height:100%;min-height:100dvh}
body{min-height:100dvh;overscroll-behavior-y:none}
.reference-shell,.reference-shell .app-shell,.reference-shell .main{min-height:100dvh}
.reference-shell .main{width:100%;min-width:0}
.reference-shell .content{width:100%;min-width:0}
.mobile-brand-mark{display:grid;place-items:center;overflow:hidden;background:transparent!important}
.mobile-brand-mark:after{content:none!important}
.mobile-brand-mark svg{width:100%;height:100%;display:block}
.table-wrap,.settings-nav,.sidebar-scroll{scrollbar-gutter:stable}
.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
button,.nav-item,.help-link,.profile{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(43,111,247,.28);outline-offset:2px}

@media(max-width:820px){
  body:has(.sidebar.open){overflow:hidden;touch-action:none}
  .reference-shell .sidebar{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .reference-shell .mobile-topbar{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .reference-shell .content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .inbox-layout{height:calc(100dvh - 104px - env(safe-area-inset-top));min-height:0}
  .chat-messages,.inbox-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .test-reply-bar{padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .modal-backdrop{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
}

@media(max-width:420px){
  .home-metrics{grid-template-columns:1fr}
  .home-metric{min-height:112px}
  .message{max-width:90%}
  .reference-shell .managed-page-head h2,.reference-shell .section-heading h2{font-size:22px}
}

@media(hover:none){
  .btn:hover,.primary-btn:hover,.secondary-btn:hover,.nav-item:hover{transform:none}
}