/* Shared finishing layer. Keep readable content inside fluid tracks. */
:root{--paper:#f3f6fa;--ink:#17324c;--muted:#687d92;--line:#e1e7ee}
body{font-size:14px;line-height:22px;font-weight:400}
.workspace{max-width:1360px;padding:24px 32px}
.topbar{max-width:1296px;min-height:64px;margin-top:20px;padding:12px 24px;border-radius:20px;gap:24px;backdrop-filter:none;background:#fff}
.brand{gap:16px}.brand-logo{width:96px;height:32px;background:transparent;border-radius:0;flex:none}
.brand-logo img{width:120px;height:120px;left:-12px;top:-43px;filter:grayscale(1) invert(1) contrast(2);mix-blend-mode:multiply}
.brand-sub{font-weight:400;font-size:11px;line-height:16px}.topbar nav a{font-weight:500;font-size:13px;padding:9px 14px;border-radius:12px}
.topbar nav a[aria-current]{background:#eaf0f6;color:#173b59}.topbar .quiet{font-size:12px;font-weight:500}
.pagehead{gap:20px;margin:16px 0 20px}.pagehead h1{font-size:28px;line-height:36px;letter-spacing:-.7px;font-weight:600}.pagehead h2{font-size:22px;line-height:30px}.pagehead p.muted{margin-top:6px}
h2{font-size:18px;line-height:26px;letter-spacing:-.2px}h3{font-size:15px;line-height:22px}h1,h2,h3{text-wrap:initial}
.client-workspace{margin-bottom:24px}.client-workspace>.pagehead{margin-top:12px;margin-bottom:12px}.client-tabs{gap:28px}.client-tabs a{padding:12px 0;border-bottom-width:2px;font-size:13px}.client-tabs a[aria-current]{font-weight:600}
.settings-tabs{gap:8px}.settings-tabs a{background:transparent;border:1px solid var(--line);font-size:12px;padding:6px 12px;border-radius:10px}
.panel{border-radius:16px;padding:24px;background:white}.panel h2{margin-bottom:12px}.panel .sectionhead h2{margin:0}
.sectionhead{align-items:center;gap:16px;flex-wrap:wrap}.sectionhead>*,.pagehead>*,.two-col>*,.stats>*,.lead-sections>*,.lead-row>*,.recent-item summary>*{min-width:0}
.sectionhead a{font-size:12px}.pagehead,.sectionhead,.rule-list>div{overflow-wrap:anywhere}.sectionhead a,.actions a{max-width:100%}
button,.button{font-size:13px;line-height:20px;font-weight:500;padding:10px 16px;max-width:100%;white-space:normal;overflow-wrap:anywhere;border-radius:12px}
.button.secondary,button.secondary{border-color:#d7e1eb;background:white}.button.secondary:hover,button.secondary:hover,.quiet:hover{background:#f0f4f8}.primary:hover{background:#214c6d}.button,button{box-shadow:none}
.field label{font-weight:500}.field input:not([type=checkbox]),.field textarea,.field select,.search input{font-size:14px;line-height:22px;padding:10px 12px;border-radius:10px;border-color:#d4dee8;min-width:0;max-width:100%}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#93a9bc}.field{margin-bottom:20px}.hint{font-size:12px;line-height:18px;overflow-wrap:anywhere}.error,.notes{overflow-wrap:anywhere}
.actions,.panel form:not(.stats-filters):not(.search):not(:has(.field)){flex-wrap:wrap}.actions{gap:12px}
.stat{padding:20px;border-radius:16px;gap:8px}.stat span{line-height:20px}.stat strong,.analytics-stats .stat strong{font-size:26px;line-height:34px;letter-spacing:-.6px;overflow-wrap:normal;font-variant-numeric:tabular-nums}.stat small{font-size:11px;line-height:17px}.analytics-stats .stat:nth-child(3){background:#e7eff6;color:var(--ink);border-color:#dbe6ef}.analytics-stats .stat:nth-child(3) span,.analytics-stats .stat:nth-child(3) small{color:var(--muted)}
.badge{font-size:11px;line-height:16px;padding:4px 8px;border-radius:8px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.panel.lead-card{padding:0;margin:0;border-radius:0;border-bottom:0}.panel.lead-card:last-of-type{border-radius:0 0 16px 16px;border-bottom:1px solid var(--line)}
.lead-table-labels,.lead-expand>.lead-row{grid-template-columns:70px minmax(100px,1fr) 164px minmax(100px,.8fr) 144px 110px 16px;gap:16px;padding:14px 20px}
.lead-table-labels{font-size:11px;line-height:16px;background:#fafbfd;border-radius:16px 16px 0 0;padding-top:10px;padding-bottom:10px}.lead-expand>.lead-row{min-height:60px;font-size:13px;line-height:20px}
.lead-row h2{font-size:14px;line-height:20px;font-weight:500;margin:0}.lead-row-phone a{font-size:13px;font-weight:500}.lead-row-phone{white-space:normal}.lead-row>.badge{justify-self:start}.lead-row time{font-size:11px;line-height:17px}.lead-row-arrow{font-size:16px}
.lead-body{padding:20px 24px 24px;border-top:1px solid var(--line);background:#fafbfd}.lead-body>form{padding-bottom:12px}.lead-body .hint:first-child{margin-top:0}.lead-facts{margin:16px 0;padding:20px;gap:20px;background:#eef3f8;border-radius:12px}.lead-facts dd{font-weight:500}.lead-sections{gap:24px;margin:24px 0}.lead-answers dd{font-size:14px;line-height:22px;font-weight:400}.lead-answers dl>div{padding:14px 16px;border-radius:10px}.lead-source{padding:20px;background:#f0f4f8;border-radius:12px}.lead-delivery{min-width:min(100%,220px);max-width:100%;display:flex;flex-wrap:wrap;align-content:start;align-items:center;gap:8px}.lead-delivery>strong{margin:0}.lead-delivery>form,.lead-delivery>p{flex-basis:100%;min-width:0}.lead-details{overflow-wrap:anywhere}.payload{max-width:100%}
.panel.lead-search{padding:0;border:0;background:none;margin-bottom:16px}.lead-search form{gap:12px;flex-wrap:nowrap}.lead-search .field{max-width:360px;flex:1;min-width:0;margin:0}.lead-search button{min-height:44px;flex:none}.lead-search .field label{font-size:12px}.status-filters{gap:8px;margin:16px 0}.status-filters a{font-size:12px;line-height:18px;padding:7px 12px;border-radius:10px;background:#e9eff5}.lead-count{font-size:16px;line-height:24px;margin-left:8px}
.panel.recent-leads{padding:0}.recent-item summary{grid-template-columns:70px minmax(100px,1fr) minmax(150px,1fr) 144px 110px 16px;padding:14px 20px;gap:16px}.recent-item summary strong{font-weight:500;overflow-wrap:anywhere}.recent-item summary>span{overflow-wrap:anywhere}.recent-item summary .badge{white-space:normal}.recent-leads>.sectionhead{padding:20px}.recent-body{padding:20px 24px;font-size:14px;overflow-wrap:anywhere}
.notice{border-radius:12px;padding:14px 18px;font-size:13px;line-height:20px}.notice.neutral{background:#eaf1f7;border-color:#d8e4ee;color:#506a80}.checkfield,.site-item{background:#f1f5f9}.rule-list{margin-bottom:0}.rule-list>div{font-size:13px;line-height:20px;gap:16px;padding:8px 0}.rule-list dt,.rule-list dd{min-width:0;flex:1}.rule-list dd{font-weight:500}
.integration-source{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.integration-source span{flex:1;min-width:180px}.integration-source a{flex:none}.channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.channel-list .panel{margin:0;border-radius:12px;padding:20px;background:#fafbfd}.channel-list form{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.channel-list .sectionhead{align-items:start}.channel-list h3{margin:0}.integration-title{margin-bottom:20px}.integration-title h2{margin-bottom:6px}.integration-title p{font-size:13px}
.formpanel>p{font-size:14px;line-height:23px;margin-bottom:20px}.formpanel>form{margin-top:20px}.formpanel>form>button{margin:8px 8px 0 0}.table-wrap{overflow:auto}.stats-table-scroll{max-width:100%}.stats-table th,.stats-table td{font-size:13px;padding:14px 16px}.stats-table th{font-size:12px}.table-wrap table{min-width:560px}.lead-pagination{flex-wrap:wrap}.lead-pagination>div{display:flex;flex-wrap:wrap;gap:8px}.explanatory{background:#f5f8fb}.connection-chips{gap:8px}
:focus-visible{outline:2px solid #5e90b5;outline-offset:3px}footer{font-size:11px;max-width:1296px}.review-notice{flex-wrap:wrap}
@media(max-width:1100px){.topbar{margin:16px 24px;gap:16px}.workspace{padding:16px 24px}.brand-sub{display:none}.lead-table-labels,.lead-expand>.lead-row{grid-template-columns:60px minmax(80px,1fr) 148px minmax(80px,.7fr) 136px 100px 16px;gap:10px;padding-left:16px;padding-right:16px}.recent-item summary{grid-template-columns:60px minmax(90px,1fr) 148px 136px 16px;gap:12px}.recent-item time{display:none}}
@media(max-width:960px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:space-between}.two-col,.form-layout{grid-template-columns:minmax(0,1fr)}.channel-list{grid-template-columns:minmax(0,1fr)}.lead-table-labels{display:none}.lead-expand>.lead-row{grid-template-columns:minmax(0,1fr) minmax(110px,145px) 16px;gap:8px 12px;padding:16px}.lead-row h2{grid-column:1;grid-row:1}.lead-row-phone{grid-column:1;grid-row:2}.lead-row>.badge{grid-column:2;grid-row:1;justify-self:end;text-align:center}.lead-row time{grid-column:2;grid-row:2;text-align:right}.lead-row-arrow{grid-column:3;grid-row:1 / 3}.lead-row-number{grid-column:1;grid-row:3}.lead-row-client{grid-column:2 / 4;grid-row:3;text-align:right}.lead-sections{grid-template-columns:minmax(0,1fr)}.recent-item summary{grid-template-columns:55px minmax(0,1fr) 136px 16px;gap:10px}.recent-item summary>span:nth-child(3){display:none}}
@media(max-width:600px){.workspace{padding:16px}.topbar{margin:12px 16px 0;padding:12px 16px;border-radius:16px;gap:12px}.topbar nav a{padding:8px;font-size:12px}.brand-logo{width:84px;height:28px}.brand-logo img{width:106px;height:106px;left:-11px;top:-38px}.pagehead h1{font-size:24px;line-height:32px}.client-workspace>.pagehead{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}.client-workspace .button{padding:7px 10px;font-size:11px;border-radius:10px}.client-workspace>.pagehead>div{flex:1 1 190px}.client-tabs{gap:24px}.client-tabs a{font-size:12px;padding:12px 0}.client-workspace{margin-bottom:20px}.settings-tabs{gap:6px}.settings-tabs a{font-size:11px;padding:6px 9px}.panel{padding:20px}.stat{padding:16px;gap:6px}.stats{gap:12px}.stat strong,.analytics-stats .stat strong{font-size:22px;line-height:30px}.stat span{font-size:12px;line-height:18px}.stat small{font-size:11px;line-height:16px}.sectionhead{gap:8px}.sectionhead h2{font-size:16px}.sectionhead a{font-size:11px}.lead-search form{gap:8px;flex-wrap:nowrap}.lead-search .field{flex-basis:auto}.lead-search button{padding:10px 12px;font-size:12px}.status-filters{gap:6px}.status-filters a{font-size:11px;padding:6px 10px}.lead-body{padding:16px}.lead-facts{padding:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.lead-facts dd{font-size:13px}.lead-reason{margin-top:12px;font-size:13px}.lead-delivery{flex-basis:100%;min-width:0}.recent-item summary{grid-template-columns:48px minmax(0,1fr) 118px 12px;padding:12px;gap:8px;font-size:12px}.recent-item summary .badge{font-size:10px;line-height:15px;padding:4px 6px}.recent-body{padding:16px}.recent-leads>.sectionhead{padding:16px}.stats-filters .field{min-width:0;flex:1 1 130px}.actions{flex-wrap:wrap}.brand-sub{display:none}.rule-list>div{font-size:12px}.panel.table-wrap{padding:12px}.formpanel{padding:20px}.formpanel>form>button{margin:8px 0 0;width:100%}}
@media(max-width:600px){.table-wrap table{min-width:0;width:100%}.table-wrap thead{display:none}.table-wrap tbody{display:block}.table-wrap tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 8px;border-bottom:1px solid var(--line)}.table-wrap td{display:block;min-width:0;padding:0;border:0;overflow-wrap:anywhere}.table-wrap td:nth-child(1){grid-column:1;grid-row:1}.table-wrap td:nth-child(2){grid-column:1 / -1;grid-row:2;font-size:12px;color:var(--muted)}.table-wrap td:nth-child(3){grid-column:1;grid-row:3;font-size:12px}.table-wrap td:nth-child(4){grid-column:2;grid-row:1;font-size:12px}.table-wrap .empty-cell{grid-column:1 / -1}}