/* Traffic Forge AI / Studio
   One presentation system for the complete customer CRM.
   Spacing: 4/8/12/16/24/32/48. Text: 13/14/16/20/24/36.
   Layers: header 20, menus 30, dialogs 50, notifications 60. */
:root{--canvas:#f5f7fa;--surface:#fff;--surface-muted:#f8fafc;--ink:#202b39;--muted:#617083;--line:#e3e8ee;--accent:#086da8;--accent-hover:#075a8b;--accent-soft:#eaf4fb;--green:#21795b;--green-soft:#e9f5ed;--red:#b43f52;--red-soft:#fbecef;--amber:#905b18;--amber-soft:#fbf3e6;--radius:12px;--font:"Manrope",Arial,sans-serif;--mono:"DM Mono",Consolas,monospace}
*{box-sizing:border-box}
[x-cloak],[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:132px}
body.crm-studio{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{color:var(--ink);text-wrap:balance}
h1{font-size:36px;font-weight:750;letter-spacing:-1.3px;line-height:1.18}
h2{font-size:20px;font-weight:750;letter-spacing:-.45px;line-height:1.4}
h3{font-size:17px;font-weight:700;letter-spacing:-.2px}
small{font-size:13px;line-height:1.5}
strong,b{font-weight:700}
svg{flex-shrink:0}
button svg,a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #87bcdf;outline-offset:3px}
button,a,input,select,textarea{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #d4dce5;border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.5}
textarea{resize:vertical;min-height:112px}
input::placeholder,textarea::placeholder{color:#68788a;opacity:1}
input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--accent)}
input[type=file]{max-width:100%}
input:hover,select:hover,textarea:hover{border-color:#acbac8}
label{color:var(--ink)}
code{font:13px var(--mono);overflow-wrap:anywhere}
.skip-link{position:fixed;left:16px;top:-70px;z-index:70;padding:12px 20px;background:var(--ink);color:white;border-radius:8px}
.skip-link:focus{top:12px}
.studio-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fff}
.studio-masthead,.studio-navigation{max-width:1664px;margin:auto;padding-inline:40px;display:flex;align-items:center}
.studio-masthead{height:76px;gap:24px}
.studio-brand{display:block;position:relative;overflow:hidden;width:250px;height:50px;flex-shrink:0}
.studio-brand img{position:absolute;width:129.2%;max-width:none;height:auto;left:-14.6%;top:50%;transform:translateY(-49.6%)}
.workspace-label{border-left:1px solid var(--line);padding-left:24px;color:var(--muted);font-size:13px}
.studio-utilities{margin-left:auto;display:flex;align-items:center;gap:24px}
.studio-search{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--muted)}
.studio-search kbd{border:1px solid var(--line);border-radius:4px;padding:1px 4px;background:white;font:11px var(--font)}
.studio-account-wrap{position:relative}
.studio-account{display:flex;align-items:center;gap:10px;border:0;background:transparent;min-height:44px;color:var(--ink);font-weight:600}
.studio-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:15px;font-weight:750}
.studio-account-menu{position:absolute;right:0;top:50px;z-index:30;width:240px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 40px #2134431c}
.studio-account-menu small{display:block;color:var(--muted);padding:8px 12px}
.studio-account-menu a{display:flex;justify-content:space-between;padding:12px;border-radius:6px}
.studio-account-menu a:hover{background:var(--surface-muted)}
.studio-navigation{gap:10px;height:52px}
.studio-navigation a{display:flex;align-items:center;justify-content:center;position:relative;height:52px;padding:0 18px;font-size:14px;color:#57697b;white-space:nowrap;font-weight:550}
.studio-navigation a:hover{color:var(--accent);background:var(--surface-muted)}
.studio-navigation a.is-active{color:var(--accent);font-weight:750}
.studio-navigation a.is-active::after{position:absolute;content:"";height:3px;bottom:0;left:12px;right:12px;background:var(--accent);border-radius:3px 3px 0 0}
.studio-nav-account{margin-left:auto}
.studio-main{max-width:1664px;min-height:calc(100dvh - 200px);margin:auto;padding:36px 40px 56px}
.studio-footer{max-width:1664px;margin:auto;padding:20px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.page-heading,.account-heading,.reports-heading,.schedule-heading,.audit-heading,.composer-heading-v3,.monitor-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.page-heading p,.account-heading p,.reports-heading p,.schedule-heading p,.audit-heading p,.composer-heading-v3 p,.connection-heading>p{margin-top:10px;color:var(--muted);font-size:15px;max-width:680px}
.page-heading-actions,.crm-welcome-actions,.monitor-head-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.page-date{color:var(--muted);font-size:13px}
.button-primary,.button-secondary,.crm-primary-action,.crm-secondary-action,.wizard-next,.wizard-back,.summary-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff;font-size:14px;font-weight:650;white-space:nowrap}
.button-primary:hover,.crm-primary-action:hover,.wizard-next:hover,.summary-submit:hover{background:var(--accent-hover)}
.button-secondary,.crm-secondary-action,.wizard-back{background:#fff;color:var(--ink);border-color:#dce4ec}
.button-secondary:hover,.crm-secondary-action:hover,.wizard-back:hover{background:var(--surface-muted);border-color:#acbecd}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:650}
.text-link:hover{text-decoration:underline}
.crm-eyebrow,.page-kicker{display:none}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}
.panel-heading p{margin-top:5px;font-size:13px;color:var(--muted)}
.count-label{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-left:6px;padding:0 7px;font-size:12px;vertical-align:middle;background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.metric-strip,.report-kpi-band,.schedule-metric-band,.monitor-telemetry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px 0}
.metric-strip>article,.report-kpi-band>article,.schedule-metric-band>article,.monitor-telemetry>div{padding:0 26px;min-width:0}
.metric-strip>article+article,.report-kpi-band>article+article,.schedule-metric-band>article+article,.monitor-telemetry>div+div{border-left:1px solid var(--line)}
.metric-strip span,.report-kpi-band span,.schedule-metric-band span,.monitor-telemetry>div>span{display:block;color:var(--muted);font-size:14px;font-weight:500}
.metric-strip strong,.report-kpi-band strong,.schedule-metric-band strong,.monitor-telemetry strong{display:block;font-size:36px;font-weight:750;letter-spacing:-1px;line-height:1.35;font-variant-numeric:tabular-nums;margin:4px 0}
.metric-strip small,.report-kpi-band small,.schedule-metric-band small,.monitor-telemetry small{display:block;color:var(--muted);font-size:12px}
.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.overview-layout.is-full-width{grid-template-columns:1fr}
.campaign-panel,.workspace-panel,.activity-panel,.current-operation-panel,.overview-progress{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}
.overview-side{display:grid;gap:20px}
.overview-side .panel-heading{padding:20px}
.overview-side h2{font-size:17px}
.campaign-toolbar{padding:0 24px 18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.status-tabs,.account-tabs,.log-filter-group{display:flex;align-items:center;gap:4px}
.status-tabs button,.account-tabs button,.log-filter-group button{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:7px;min-height:40px;font-size:13px;font-weight:600;white-space:nowrap}
.status-tabs button.is-active,.account-tabs button.is-active,.log-filter-group button.is-active{background:var(--accent-soft);color:var(--accent);font-weight:750}
.status-tabs button:hover,.account-tabs button:hover,.log-filter-group button:hover{background:var(--surface-muted);color:var(--accent)}
.status-tabs button span{margin-left:4px;font-size:12px}
.campaign-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1;justify-content:flex-end}
.campaign-filters label,.report-ledger>header>label{display:flex;align-items:center;gap:8px;max-width:250px;min-width:180px;flex:1;padding:0 12px;border:1px solid var(--line);border-radius:8px}
.campaign-filters label svg,.report-ledger>header>label svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:1.8}
.campaign-filters input,.report-ledger>header>label input{border:0!important;background:transparent!important;min-height:42px!important;padding:8px 0!important;outline-offset:5px}
.campaign-filters select{width:142px;min-height:42px;padding:8px;font-size:13px}
.campaign-ledger-head,.campaign-record{display:grid;grid-template-columns:minmax(220px,1.9fr) minmax(125px,1fr) 78px 100px 82px;gap:18px;align-items:center;padding:18px 24px}
.campaign-ledger-head{font-size:12px;color:var(--muted);border-block:1px solid var(--line);padding-block:12px;background:var(--surface-muted)}
.campaign-record{min-height:96px;border-bottom:1px solid var(--line)}
.campaign-record:hover{background:#fcfdff}
.campaign-identity{display:flex;align-items:center;gap:12px;min-width:0}
.campaign-engine-code{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:12px var(--mono)}
.campaign-identity>div{min-width:0}
.campaign-identity small{display:none}
.campaign-identity a{display:block;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.campaign-identity a:hover{color:var(--accent)}
.campaign-identity p{margin-top:4px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}
.campaign-delivery>div{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.campaign-delivery strong{font-size:14px;font-variant-numeric:tabular-nums}
.campaign-delivery span{font-size:12px;color:var(--muted)}
.campaign-delivery>i,.operation-progress>i,.usage-meter>i,.monitor-telemetry>div>i{display:block;height:5px;background:var(--accent-soft);overflow:hidden;border-radius:4px;margin-top:8px}
.campaign-delivery>i>b,.operation-progress>i>b,.usage-meter>i>b,.monitor-telemetry>div>i>b{display:block;width:100%;height:100%;background:var(--accent);border-radius:inherit;transform-origin:left}
.campaign-duration strong,.campaign-duration span{display:block}
.campaign-duration strong{font-size:14px}
.campaign-duration span{font-size:12px;color:var(--muted)}
.campaign-state,.report-state,.audit-job-state,.status-running{display:inline-flex;align-items:center;gap:6px;justify-self:start;border-radius:6px;padding:5px 8px;background:#eff2f6;color:#617083;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap}
.campaign-state i,.report-state i,.audit-job-state i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.campaign-state.is-running,.report-state.is-running,.audit-job-state.is-running,.status-running{background:var(--green-soft);color:var(--green)}
.campaign-state.is-completed,.report-state.is-completed,.audit-job-state.is-completed{background:var(--accent-soft);color:var(--accent)}
.campaign-state.is-paused,.report-state.is-paused,.audit-job-state.is-queued{background:var(--amber-soft);color:var(--amber)}
.campaign-state.is-failed,.report-state.is-failed,.audit-job-state.is-failed{background:var(--red-soft);color:var(--red)}
.campaign-control-cell{display:flex;gap:4px;justify-content:flex-end}
.campaign-menu-wrap{position:relative}
.campaign-quick-control,.campaign-menu-trigger{display:grid;place-items:center;width:36px;height:38px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:14px}
.campaign-quick-control:hover,.campaign-menu-trigger:hover{background:var(--accent-soft);color:var(--accent);border-color:#cde3f2}
.campaign-quick-control svg{width:16px;height:16px}
.campaign-action-menu{position:absolute;right:0;top:42px;z-index:30;width:224px;padding:6px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px #21344326}
.campaign-action-menu a,.campaign-action-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;background:transparent;border:0;border-radius:5px;font-size:13px;color:var(--ink)}
.campaign-action-menu a:hover,.campaign-action-menu button:hover{background:var(--surface-muted)}
.campaign-action-menu .is-danger{color:var(--red)}
.ledger-footer{display:flex;justify-content:space-between;padding:16px 24px;color:var(--muted);font-size:12px}
.campaign-empty,.schedule-empty,.monitor-event-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 24px}
.campaign-empty p,.schedule-empty p,.monitor-event-empty p{max-width:400px;color:var(--muted)}
.empty-symbol{display:grid;place-items:center;width:52px;height:52px;background:var(--accent-soft);color:var(--accent);border-radius:12px;font-size:28px;font-weight:400;margin-bottom:4px}
.campaign-skeletons,.schedule-loading{display:grid;gap:16px;padding:24px}
.campaign-skeletons i,.schedule-loading i{height:56px;border-radius:8px;background:#f5f7fa}
.workspace-facts{margin:0;padding:0 20px 8px}
.workspace-facts>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.workspace-facts dt{color:var(--muted)}
.workspace-facts dd{margin:0;font-weight:650;text-align:right}
.workspace-shortcut{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px}
.workspace-shortcut+.workspace-shortcut{border-top:1px solid var(--line)}
.workspace-shortcut:hover{background:var(--surface-muted)}
.workspace-shortcut strong{display:block;font-size:13px;color:var(--accent)}
.workspace-shortcut small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.current-operation-content{padding:0 20px 20px}
.current-operation-content h3{font-size:15px;overflow-wrap:anywhere}
.current-operation-content>p{color:var(--muted);font-size:13px;margin-top:4px}
.operation-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;margin:20px 0}
.operation-progress strong{font-size:22px}
.operation-progress span{align-self:center;color:var(--muted);font-size:12px}
.operation-progress>i{width:100%;margin:0}
.operation-actions{display:flex;gap:8px}.operation-actions>*{flex:1}
.activity-list-v3>a{display:grid;grid-template-columns:7px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}
.activity-list-v3>a>i{width:6px;height:6px;border-radius:50%;background:#adbcca}
.activity-list-v3>a>i.is-running{background:var(--green)}.activity-list-v3>a>i.is-paused{background:var(--amber)}
.activity-list-v3 strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.activity-list-v3 span{display:block;font-size:12px;color:var(--muted);text-transform:capitalize;margin-top:3px}
.activity-list-v3 small{color:var(--muted)}
.overview-progress{margin-top:24px}
.delivery-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 36px;padding:0 24px 24px}
.delivery-comparison>a{display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,1fr) 40px;align-items:center;gap:16px;padding:10px 0;font-size:13px}
.delivery-comparison>a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-comparison>a:hover>span{color:var(--accent)}
.delivery-comparison i{display:block;height:7px;overflow:hidden;background:var(--accent-soft);border-radius:4px}.delivery-comparison b{display:block;height:100%;border-radius:inherit;background:var(--accent)}.delivery-comparison strong{text-align:right;font-size:13px}
.delivery-chart{position:relative;height:190px;margin:4px 24px 24px;padding:0 0 0 48px}
.delivery-chart svg{width:100%;height:100%;overflow:visible}
.chart-scale{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font:11px var(--mono)}
.chart-gridlines{stroke:var(--line);stroke-width:1;fill:none}
.chart-line{stroke:var(--accent);stroke-width:3;fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.customer-toast{position:fixed;right:28px;bottom:28px;z-index:60;display:flex;align-items:center;gap:10px;max-width:min(460px,calc(100vw - 32px));padding:16px 20px;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 35px #2134431c;background:white;font-size:14px}
.customer-toast.is-error{color:var(--red);border-color:#e9b7c0}
.customer-toast.is-success{color:var(--green)}
.customer-modal-layer,.audit-result-overlay,.command-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#17273555;backdrop-filter:blur(4px)}
.customer-modal{background:white;border:1px solid var(--line);border-radius:16px;width:min(660px,100%);max-height:90dvh;overflow:auto;box-shadow:0 24px 64px #17273529;padding:28px}
.customer-modal>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}
.customer-modal>header p{color:var(--muted);margin-top:8px;font-size:14px}
.customer-modal>header>div>span{display:none}
.customer-modal>header>button{align-self:start;border:0;background:var(--surface-muted);border-radius:6px;width:34px;height:34px;font-size:24px}
.customer-edit-modal form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.customer-edit-modal label>span{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.field-wide,.customer-edit-modal form>footer{grid-column:1/-1}
.customer-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.customer-modal footer button{min-height:42px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:white;font-size:14px}
.customer-modal footer button:last-child{background:var(--accent);color:white;border-color:var(--accent)}
.customer-delete-modal{width:min(470px,100%);text-align:center;padding:32px}
.customer-delete-modal>p{margin-top:12px;color:var(--muted)}
.customer-delete-modal .delete-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 20px;background:var(--red-soft);color:var(--red);border-radius:50%;font-size:28px}
.customer-modal footer button.is-danger{background:var(--red);border-color:var(--red)}
.command-overlay{align-items:flex-start;padding-top:15dvh}
.command-palette{width:min(560px,100%);max-height:75dvh;overflow:auto;background:white;border-radius:16px;box-shadow:0 24px 70px #17273533}
.command-search{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}
.command-search svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.8}
.command-search input{border:0!important;padding:5px!important;min-height:36px!important}
.command-search button{border:1px solid var(--line);border-radius:5px;padding:4px 7px;background:var(--surface-muted);font-size:12px;color:var(--muted)}
.command-list{padding:8px}
.command-list>button{display:flex;justify-content:space-between;width:100%;padding:13px 14px;border:0;border-radius:7px;background:white;text-align:left;font-size:14px}
.command-list>button:hover{background:var(--accent-soft);color:var(--accent)}
.command-palette footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.command-no-results{padding:20px;color:var(--muted)}

/* Campaign setup: staged form with a persistent, readable configuration summary. */
.composer-page{max-width:1320px;margin:auto}
.composer-back{display:inline-flex;align-items:center;min-height:32px;margin-bottom:10px;color:var(--muted);font-size:13px}
.composer-back:hover{color:var(--accent)}
.draft-state{font-size:13px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:7px;white-space:nowrap}
.composer-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px}
.composer-stepper button{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;text-align:left}
.composer-stepper button>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #dce4ec;font:11px var(--mono);flex-shrink:0}
.composer-stepper button.is-active{background:var(--accent-soft);color:var(--accent)}
.composer-stepper button.is-active>span{background:var(--accent);border-color:var(--accent);color:white}
.composer-stepper button.is-complete>span{background:var(--green-soft);border-color:#cae5d8;color:var(--green)}
.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.composer-main{background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}
.composer-section{padding:32px;min-height:455px}
.composer-section>header{display:flex;align-items:start;gap:12px;padding-bottom:24px}
.composer-section>header>span{display:none}
.composer-section>header p{color:var(--muted);font-size:14px;margin-top:8px;max-width:580px}
.composer-section>header>a{font-size:13px;color:var(--accent);margin-left:auto;white-space:nowrap}
.engine-selector,.network-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}
.engine-selector button,.network-options button{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;color:var(--ink);min-height:94px}
.engine-selector button>span,.network-options button>span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--surface-muted);color:var(--muted);font:12px var(--mono)}
.engine-selector button>strong,.network-options button>strong{font-size:14px}
.engine-selector button>small,.network-options button>small{color:var(--muted);font-size:12px}
.engine-selector button:hover,.network-options button:hover{border-color:#87bcdf;background:#fcfdff}
.engine-selector button.is-selected,.network-options button.is-selected{border-color:var(--accent);background:#f4f9fd;box-shadow:0 0 0 1px var(--accent)}
.engine-selector button.is-selected>span,.network-options button.is-selected>span{background:var(--accent-soft);color:var(--accent)}
.crm-field{display:block;margin-top:20px}
.crm-field>span{display:flex;gap:10px;justify-content:space-between;font-size:14px;font-weight:650;margin-bottom:8px}
.crm-field em{font-size:12px;font-weight:450;font-style:normal;color:var(--muted)}
.crm-field>small{display:block;margin-top:7px;color:var(--muted);font-size:12px}
.delivery-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.number-control{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}
.number-control>span{display:block;font-weight:650;font-size:13px;margin-bottom:12px}
.number-control>div{display:flex;align-items:baseline;gap:8px}
.number-control input{font-size:28px!important;padding:6px 8px!important;min-width:0;font-variant-numeric:tabular-nums;font-weight:700}
.number-control small{font-size:12px;color:var(--muted)}
.number-control p{margin-top:12px;font-size:12px;color:var(--muted)}
.duration-callout{display:flex;align-items:start;gap:12px;border-radius:8px;margin-top:24px;padding:16px;background:var(--surface-muted)}
.duration-callout svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8}
.duration-callout strong{font-size:13px}.duration-callout p{color:var(--muted);font-size:12px;margin-top:4px}
.network-subpanel{border-top:1px solid var(--line);padding-top:4px}
.test-pool-button,.file-upload>span,.schedule-options button,.audit-select-button{min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:650;font-size:13px}
.test-pool-button{margin-top:14px}
.file-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.file-upload>span{display:none}.file-upload>small{color:var(--muted)}
.proxy-result{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}
.proxy-result header{display:flex;justify-content:space-between;gap:12px}.proxy-result code{display:block;padding-top:5px}.proxy-result p{color:var(--red);margin-top:8px}
.schedule-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.schedule-options button{text-align:left;padding:16px}
.schedule-options button strong,.schedule-options button small{display:block}
.schedule-options button small{margin-top:5px;color:var(--muted);font-weight:400;font-size:12px}
.schedule-options button.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.toggle-row{display:flex;gap:12px;align-items:center;margin-top:24px;padding-block:18px;border-block:1px solid var(--line)}
.toggle-row>span{display:none}
.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:14px}.toggle-row small{color:var(--muted);margin-top:3px}
.review-manifest{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:18px}
.review-manifest>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.review-manifest span{color:var(--muted)}.review-manifest strong{overflow-wrap:anywhere;text-align:right}
.wizard-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-top:1px solid var(--line);background:#fcfdff;border-radius:0 0 12px 12px}
.wizard-navigation>div{text-align:center}.wizard-navigation>div span{display:block;color:var(--muted);font-size:12px}.wizard-navigation>div strong{font-size:13px}
.composer-summary{position:sticky;top:152px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}
.summary-status{font-size:12px;color:var(--accent);margin-bottom:16px}
.summary-kicker{display:none}
.composer-summary h2{font-size:18px}.composer-summary>p{color:var(--muted);font-size:13px;margin-top:8px}
.summary-destination{padding:18px 0;border-bottom:1px solid var(--line)}
.summary-destination>span{font-size:12px;color:var(--muted)}
.summary-destination strong{display:block;overflow-wrap:anywhere;font-size:14px;margin-top:6px}
.summary-destination small{color:var(--muted);font-size:12px}
.summary-list{padding:8px 0}
.summary-list>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:10px 0}
.summary-list span{color:var(--muted)}.summary-list strong{max-width:58%;overflow-wrap:anywhere;text-align:right}
.summary-submit{display:none}
.summary-note{display:block;color:var(--muted);padding-top:12px;border-top:1px solid var(--line);font-size:12px}
.composer-error{margin:24px 24px 0;border:1px solid #e9bdc5;border-radius:8px;background:var(--red-soft);color:var(--red);padding:14px;font-size:14px}

/* Reports: report selection leads; aggregate context follows. */
.reports-portal{display:flex;flex-direction:column;gap:24px}
.reports-heading{order:0;margin:0}
.reports-heading>div:last-child{display:flex;gap:12px;align-items:center}
.reports-heading>div:last-child a{display:inline-flex;gap:8px;padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;font-size:14px;font-weight:600}
.reports-heading>div:last-child a.is-primary{background:var(--accent);color:white;border-color:var(--accent)}
.report-metric-band{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0;background:white;border:1px solid var(--line);border-radius:12px}
.report-metric-band article{padding:0 24px}.report-metric-band article+article{border-left:1px solid var(--line)}
.report-metric-band span{display:block;color:var(--muted);font-size:14px}
.report-metric-band strong{display:block;font-size:34px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.report-metric-band small{color:var(--muted);font-size:12px}
.report-ledger{order:2;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.report-ledger>header,.schedule-ledger>header,.audit-history>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}
.report-ledger>header p,.schedule-ledger>header p,.audit-history>header p{color:var(--muted);font-size:13px;margin-top:6px}
.report-ledger-head,.report-ledger>article{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(140px,1fr) 100px 120px 140px;gap:24px;align-items:center;padding:18px 24px}
.report-ledger-head{padding-block:12px;background:var(--surface-muted);color:var(--muted);font-size:12px;border-block:1px solid var(--line)}
.report-ledger>article{border-bottom:1px solid var(--line);min-height:88px}
.report-ledger>article>div:first-child{display:flex;gap:12px;align-items:center;min-width:0}
.report-ledger>article>div:first-child>div{min-width:0}
.report-ledger>article small{display:block;font-size:12px;color:var(--muted)}
.report-ledger>article>div:first-child a{display:block;font-weight:650;overflow-wrap:anywhere}
.report-ledger>article time{color:var(--muted);font-size:13px}
.report-ledger>article em{font-style:normal;font-size:12px;color:var(--muted)}
.report-download{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);font-weight:650}
.report-download>span{display:none}
.report-visual-grid{order:3;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:24px}
.report-visual-grid>article{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}
.report-visual-grid header{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}
.report-visual-grid header small{color:var(--muted);font-size:12px}
.report-bars>div{display:grid;grid-template-columns:170px 1fr 45px;gap:20px;align-items:center;margin:18px 0;font-size:13px}
.report-bars>div>i{display:block;height:8px;overflow:hidden;background:var(--accent-soft);border-radius:4px}
.report-bars>div>i>b{display:block;height:100%;background:var(--accent);border-radius:4px}
.report-bars>div>strong{text-align:right;font-size:13px}.report-bars>p{color:var(--muted)}
.report-state-card>div p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}
.report-state-card>div p>span{color:var(--muted)}
.report-state-card footer{padding-top:16px;color:var(--muted);font-size:12px}
.account-empty,.audit-empty{padding:24px;text-align:center;color:var(--muted);font-size:14px}

/* Schedules */
.schedule-ledger{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}
.schedule-ledger>header>span{color:var(--muted);font-size:13px}
.schedule-ledger-head,.schedule-record{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(140px,1fr) minmax(150px,1fr) minmax(130px,1fr) 150px;gap:20px;padding:18px 24px;align-items:center}
.schedule-ledger-head{font-size:12px;color:var(--muted);background:var(--surface-muted);padding-block:12px;border-block:1px solid var(--line)}
.schedule-record{border-bottom:1px solid var(--line)}
.schedule-identity{display:flex;align-items:center;gap:12px}
.schedule-identity>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:12px var(--mono)}
.schedule-identity small,.schedule-frequency small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.schedule-identity a,.schedule-frequency strong{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}
.schedule-record time{color:var(--muted);font-size:13px}
.schedule-actions{display:flex;gap:10px;align-items:center}
.schedule-actions button,.schedule-actions a{font-size:13px;color:var(--accent);font-weight:650;padding:8px 10px;border:1px solid var(--line);background:white;border-radius:7px;white-space:nowrap}
.schedule-empty>span{font-weight:700;font-size:19px}
.schedule-empty>a{display:inline-flex;align-items:center;background:var(--accent);color:white;min-height:44px;padding:10px 16px;border-radius:8px;font-weight:650}
.schedule-ready{font-size:24px!important;color:var(--green)}

/* Account: persistent section navigation and open, clear billing content. */
.account-portal{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:32px;align-items:start}
.account-heading{grid-column:1/-1}
.account-tabs{position:sticky;top:156px;display:flex;flex-direction:column;align-items:stretch;gap:6px;grid-column:1;grid-row:2}
.account-tabs button{text-align:left;padding:12px 16px;min-height:46px;font-size:14px}
.account-portal>div:not(.customer-toast),.account-portal>template+div{grid-column:2}
.account-loading{padding:40px;color:var(--muted);text-align:center}
.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.account-main-column,.account-side-column{display:grid;gap:20px}
.account-identity-card,.account-limits,.account-usage-card,.account-reports-card,.current-plan-card,.account-security-mini,.addon-card,.ledger-card,.security-grid>article{border:1px solid var(--line);border-radius:12px;background:white;padding:24px}
.account-identity-card{display:flex;align-items:center;gap:16px}
.account-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:700;flex-shrink:0}
.account-identity-card>div>span{font-size:12px;color:var(--muted)}
.account-identity-card h2{margin:3px 0;font-size:20px}.account-identity-card p{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.verified-pill{margin-left:auto;background:var(--green-soft);color:var(--green);padding:4px 8px;border-radius:6px;font-size:12px}
.account-secure{font-size:12px;color:var(--muted);white-space:nowrap}
.account-limits header,.account-reports-card header,.ledger-card header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px}
.account-limits h2,.account-reports-card h2{font-size:18px}
.account-limits header small{color:var(--accent);font-size:12px}
.limit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.limit-row>div+div{border-left:1px solid var(--line);padding-left:20px}.limit-row>div{padding-right:14px}
.limit-icon{display:none}
.limit-row strong{display:block;font-size:28px;font-weight:750;letter-spacing:-.7px}
.limit-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.usage-summary{display:flex;justify-content:space-between}
.usage-summary>div>span{font-size:14px;color:var(--muted)}
.usage-summary strong{display:block;font-size:34px;margin-top:5px;letter-spacing:-1px}
.usage-summary small{color:var(--muted);font-size:12px}
.usage-orbit{display:none}
.usage-meter{margin-top:20px}.usage-meter header{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted)}
.account-usage-card footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.account-usage-card footer button,.current-plan-card button,.plan-grid button{background:var(--accent);color:white;padding:10px 16px;min-height:42px;border-radius:8px;border:1px solid var(--accent);font-size:13px;font-weight:650}
.account-usage-card footer button.quiet{background:white;border-color:var(--line);color:var(--ink)}
.account-reports-card header button{border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:650}
.account-report-list>div{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.report-file-icon{display:grid;place-items:center;width:34px;height:40px;border:1px solid var(--line);border-radius:7px;color:var(--accent);font:10px var(--mono);flex-shrink:0;background:#f7fbfe}
.account-report-list>div>div{flex:1;min-width:0}
.account-report-list strong{display:block;font-size:13px;overflow-wrap:anywhere}
.account-report-list small{color:var(--muted);font-size:12px}
.account-report-list a{padding:8px;font-size:18px;color:var(--accent)}
.current-plan-card{background:#eaf4fb;border-color:#cde3f2}
.plan-mark{display:none}
.current-plan-card>small{color:var(--muted);font-size:13px}
.current-plan-card h2{font-size:24px;margin-top:4px}
.current-plan-card>p{margin:18px 0 20px}.current-plan-card>p>strong{font-size:34px;letter-spacing:-1px}.current-plan-card>p>span{font-size:13px;color:var(--muted)}
.current-plan-card ul,.plan-grid ul{list-style:none;padding:0;margin:0}
.current-plan-card li{display:flex;gap:8px;align-items:baseline;padding:8px 0;font-size:13px}
.current-plan-card li>i{color:var(--accent);font-style:normal}
.current-plan-card button{width:100%;margin-top:20px}
.current-plan-card em{display:block;font-size:12px;margin-top:12px;font-style:normal;color:var(--muted)}
.account-security-mini header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.account-security-mini header>a{color:var(--accent);font-size:12px}
.account-security-mini>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line)}
.security-provider{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--surface-muted);color:var(--muted)}
.account-security-mini p{min-width:0;flex:1}.account-security-mini p strong{font-size:13px;display:block}.account-security-mini p small{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.account-security-mini>div>i{font-size:11px;color:var(--green);font-style:normal}
.section-editorial-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.section-editorial-head p{max-width:660px;font-size:14px;color:var(--muted);margin-top:8px}
.section-editorial-head>a{color:var(--accent);font-size:14px;white-space:nowrap}
.balance-chip{padding:12px 16px;border-radius:8px;background:var(--accent-soft);white-space:nowrap}.balance-chip span{display:block;font-size:12px;color:var(--muted)}.balance-chip strong{font-size:18px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.plan-grid>article{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:12px;padding:24px}
.plan-grid>article.is-featured{border-color:var(--accent);background:#fbfdff}
.plan-top{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:30px}
.plan-top>span{font-size:17px;font-weight:700}.plan-top>small{font-size:11px;color:var(--accent)}
.plan-grid>article>p{margin:20px 0}.plan-grid>article>p>strong{font-size:34px;letter-spacing:-1px}.plan-grid>article>p>span{font-size:12px;color:var(--muted)}
.plan-rule{border-top:1px solid var(--line);margin-bottom:18px}
.plan-grid li{padding:8px 0;font-size:13px;color:var(--muted)}
.plan-grid li b{color:var(--ink)}
.plan-grid button{margin-top:auto;width:100%}.plan-grid ul{padding-bottom:24px}
.addon-card{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}
.addon-card p{font-size:13px;color:var(--muted);margin-top:10px;max-width:480px}
.addon-calculator{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.addon-calculator label>span{font-size:12px;color:var(--muted)}
.addon-calculator label>div{display:flex;align-items:center;gap:8px;margin-top:8px}
.addon-calculator input{font-size:20px!important;font-weight:650}
.quote-result{border-left:1px solid var(--line);padding-left:24px}
.quote-result span,.quote-result small{display:block;font-size:12px;color:var(--muted)}.quote-result strong{font-size:30px}
.addon-calculator>button{grid-column:1/-1;min-height:42px;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--muted)}
.ledger-card>div p{display:grid;grid-template-columns:66px 1fr 120px;gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--line);font-size:13px}
.ledger-card>div p>span{font:14px var(--mono)}.ledger-card small{color:var(--muted);font-size:12px}
.is-positive{color:var(--green)}.is-negative{color:var(--red)}
.reports-table{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.reports-table>header,.reports-table>div{display:grid;grid-template-columns:minmax(200px,1.6fr) 120px 100px 130px 100px;gap:18px;padding:18px 24px;align-items:center}
.reports-table>header{font-size:12px;color:var(--muted);background:var(--surface-muted)}
.reports-table>div{font-size:13px;border-top:1px solid var(--line)}.reports-table>div>span:first-child{display:flex;gap:12px;align-items:center}
.reports-table a{color:var(--accent)}
.security-grid{display:grid;gap:16px}
.security-grid>article{display:flex;gap:20px;align-items:center}
.security-large-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:var(--accent-soft);border-radius:10px;color:var(--accent);font-size:20px}
.security-grid>article>div{flex:1;min-width:0}.security-grid h3{overflow-wrap:anywhere}.security-grid p,.security-grid small{font-size:13px;color:var(--muted);margin-top:4px}
.security-grid>article>b{font-size:12px;color:var(--green)}
.signout-card>button{border:1px solid #eec5cd;color:var(--red);background:var(--red-soft);padding:10px 16px;border-radius:8px;min-height:42px;font-size:13px}

/* Website ownership, inspection controls, and evidence drawer. */
.audit-service-state{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}
.audit-service-state i{width:7px;height:7px;background:#969fac;border-radius:50%}
.audit-service-state.is-online i{background:var(--green)}
.audit-disabled{display:flex;align-items:center;gap:24px;padding:40px;background:white;border:1px solid var(--line);border-radius:12px}
.audit-disabled-mark{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.audit-disabled p{color:var(--muted);margin-top:10px;font-size:14px}
.audit-intro-band{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px;gap:24px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:white}
.audit-intro-band article{display:flex;align-items:center;gap:14px}
.audit-intro-band article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:12px var(--mono)}
.audit-intro-band small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.audit-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px}
.audit-target-panel,.audit-run-panel,.audit-history{background:white;border:1px solid var(--line);border-radius:12px}
.audit-target-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}
.audit-target-panel>header>small{color:var(--muted);font-size:13px}
.audit-add-target{padding:0 24px 24px;border-bottom:1px solid var(--line)}
.audit-add-target>label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
.audit-add-target>div{display:flex;gap:10px}
.audit-add-target input{min-width:0}
.audit-add-target button,.audit-run-button,.audit-verify-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid var(--accent);background:var(--accent);color:white;border-radius:8px;white-space:nowrap;font-size:13px;font-weight:650}
.audit-add-target>p{font-size:12px;color:var(--muted);margin-top:8px}
.audit-target{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--line)}
.audit-target:last-child{border:0}
.audit-target-identity{display:flex;align-items:center;gap:12px;min-width:0}
.audit-target-identity>span{display:grid;place-items:center;width:38px;height:38px;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;flex-shrink:0}
.audit-target-identity>div{min-width:0}
.audit-target-identity strong{display:block;font-size:14px;overflow-wrap:anywhere}
.audit-target-identity small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.audit-status{background:var(--amber-soft);color:var(--amber);padding:4px 8px;border-radius:6px;font-size:12px;text-transform:capitalize}
.is-verified .audit-status{background:var(--green-soft);color:var(--green)}
.audit-verification{grid-column:1/-1;padding:16px;background:var(--surface-muted);border-radius:8px}
.audit-verification>p{font-size:13px;color:var(--muted)}
.audit-verification>div{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:white}
.audit-verification code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}
.audit-verification>div>button{border:1px solid var(--line);background:white;border-radius:6px;padding:8px;color:var(--accent);font-size:12px}
.audit-remove-button{grid-column:3;grid-row:1;background:transparent;border:0;color:var(--muted);width:32px;height:32px;font-size:22px}
.audit-select-button{grid-column:1/-1;justify-self:start}
.audit-select-button.is-selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.audit-run-panel{position:sticky;top:152px;padding:24px}
.audit-run-panel h2{font-size:20px}.audit-run-panel>p{font-size:13px;color:var(--muted);margin:8px 0 24px}
.audit-run-panel label>span{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
.audit-limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.audit-boundary{display:flex;gap:12px;color:var(--muted);font-size:12px;padding:14px 0;border-top:1px solid var(--line)}
.audit-run-button{width:100%}.audit-run-panel>small{display:block;margin-top:12px;color:var(--muted);font-size:12px}
.audit-history{margin-top:24px;overflow:hidden}
.audit-history>header>button{min-height:40px;padding:8px 14px;background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px}
.audit-job-head,.audit-job-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) 110px 140px 110px;align-items:center;gap:24px;padding:18px 24px}
.audit-job-head{font-size:12px;color:var(--muted);background:var(--surface-muted);border-block:1px solid var(--line);padding-block:12px}
.audit-job-row{border-bottom:1px solid var(--line)}.audit-job-row>div>strong{display:block;overflow-wrap:anywhere;font-size:14px}.audit-job-row>div>small{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted)}
.audit-progress>span{display:block;background:var(--accent-soft);height:5px;border-radius:4px;overflow:hidden;margin-bottom:8px}
.audit-progress i{display:block;height:100%;background:var(--accent)}.audit-job-row time{font-size:13px;color:var(--muted)}
.audit-job-row>button{border:1px solid var(--line);background:white;border-radius:7px;min-height:40px;padding:8px;color:var(--accent);font-size:13px}
.audit-result-overlay{justify-content:flex-end;padding:0}
.audit-result-drawer{background:white;width:min(720px,100%);height:100dvh;overflow:auto;padding:28px;box-shadow:-16px 0 64px #21344322}
.audit-result-drawer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}
.audit-result-drawer>header>button{height:36px;width:36px;font-size:24px;border:0;border-radius:8px;background:var(--surface-muted)}
.audit-score-band{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;background:var(--surface-muted);border-radius:10px;gap:20px}
.audit-score-band span,.audit-score-band small{display:block;color:var(--muted);font-size:13px}
.audit-score-band strong{display:block;font-size:32px}
.audit-page-results article{padding:20px 0;border-bottom:1px solid var(--line)}
.audit-page-results header{display:flex;align-items:start;justify-content:space-between;gap:16px}
.audit-page-results header>div{min-width:0}.audit-page-results small{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:12px}
.audit-page-results article>div{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;color:var(--muted);font-size:12px}
.audit-page-results ul{padding-left:20px;font-size:13px;color:var(--muted)}

/* Connections retain their form bindings but use clear field groups. */
.connections-page{max-width:1080px;margin:auto}
.connection-heading{margin-bottom:28px}
.connection-card{background:white;border:1px solid var(--line)!important;border-radius:12px!important;padding:28px!important}
.connection-card-head{gap:24px;border-color:var(--line)!important;padding-bottom:24px!important;margin-bottom:24px}
.connection-card-head h3{font-size:20px!important;color:var(--ink)!important}
.connection-card-head p{font-size:13px!important;color:var(--muted)!important;margin-top:8px!important}
.connection-card-head>span{border:1px solid var(--line)!important;background:var(--surface-muted)!important;color:var(--muted)!important;border-radius:6px!important;font-size:12px!important;white-space:nowrap}
.connection-form{display:grid;gap:24px}
.connection-form>*,.connection-card>*{margin-top:0!important}
.connection-token-panel{padding:20px!important;background:var(--surface-muted)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.connection-form label{font-size:13px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;margin-bottom:8px}
.connection-form input{font-family:var(--font)!important;background:white!important;color:var(--ink)!important;border-color:#d4dce5!important;font-size:14px!important}
.connection-form button{min-height:44px;border-radius:8px!important;padding:10px 16px!important;background:var(--accent)!important;background-image:none!important;border:1px solid var(--accent)!important;color:white!important;font-size:13px!important;box-shadow:none!important}
.connection-form button[type=button]{background:white!important;color:var(--accent)!important;border-color:#c5d8e7!important}
.connection-form>div:last-child{border-color:var(--line)!important;gap:16px;flex-wrap:wrap}
.connection-result{background:var(--surface-muted)!important;border-color:var(--line)!important;color:var(--ink)!important;font-size:13px!important}
.connection-result .text-white{color:var(--ink)!important}
.connection-result .text-gray-400{color:var(--muted)!important}
.connection-token-panel .text-gray-400{color:var(--muted)!important;overflow-wrap:anywhere;font-size:12px!important}
.connection-result .text-emerald-400,.connection-token-panel .text-emerald-400{color:var(--green)!important}
.connection-result .text-red-400{color:var(--red)!important}

/* Live monitor: actions at the top, timeline and on-demand preview below. */
.monitor-head{align-items:flex-start}
.monitor-head h1{font-size:30px!important;font-weight:750!important;color:var(--ink)!important;overflow-wrap:anywhere}
.monitor-head>div:first-child{min-width:0;width:100%}.monitor-head>div:first-child>div{flex-wrap:wrap}
.monitor-stage>*,.account-main-column,.account-side-column{min-width:0}
.monitor-preview-panel>div:first-child{flex-wrap:wrap;gap:10px}
.monitor-head>div>p{color:var(--muted)!important;font-size:13px!important;line-height:1.7;font-family:var(--font)!important}
.monitor-head .text-emerald-400{color:var(--green)!important;background:var(--green-soft)!important;border-color:#c5e5d5!important}
.monitor-head .text-blue-400{color:var(--accent)!important;background:var(--accent-soft)!important;border-color:#c6dae8!important}
.monitor-head .animate-ping{animation:none}
.monitor-head-actions{flex-direction:column;align-items:flex-end}
.monitor-run-controls{display:flex;gap:8px}
.monitor-run-controls>button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:13px;font-weight:650}
.monitor-run-controls>button.is-primary{color:white;background:var(--accent);border-color:var(--accent)}
.monitor-run-controls>button.is-danger{color:var(--red);background:var(--red-soft);border-color:#ecc5cb}
.monitor-view-switcher{background:var(--surface)!important;border-color:var(--line)!important;gap:3px!important;padding:5px!important}
.monitor-view-switcher>button{font-size:13px!important;min-height:36px;background:transparent!important;border:0!important;color:var(--muted)!important;padding:7px 11px!important}
.monitor-view-switcher>button.bg-indigo-600{background:var(--accent-soft)!important;color:var(--accent)!important}
.monitor-view-switcher>button:last-child{background:var(--accent)!important;color:white!important}
.monitor-telemetry strong{font-size:24px;letter-spacing:-.6px}
.monitor-log-panel,.monitor-preview-panel{background:white;border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important}
.monitor-log-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}
.monitor-log-head p{color:var(--muted);font-size:13px;margin-top:6px}
.monitor-log-meta{text-align:right;white-space:nowrap;font-size:13px}
.monitor-log-meta small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.monitor-log-meta>span{display:flex;gap:7px;align-items:center}.monitor-log-meta i{height:6px;width:6px;border-radius:50%;background:#a6aeb9}.monitor-log-meta i.is-online{background:var(--green)}
.monitor-log-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;border-block:1px solid var(--line);background:var(--surface-muted)}
.auto-scroll-control{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.auto-scroll-control>span{display:none}
.monitor-event-list{height:480px;overflow:auto;overscroll-behavior:contain}
.monitor-event{display:grid;grid-template-columns:6px 88px 60px minmax(0,1fr);gap:14px;padding:14px 20px;align-items:baseline;border-bottom:1px solid #eff2f5;font:12px/1.7 var(--mono)}
.monitor-event>i{width:5px;height:5px;border-radius:50%;background:#9daab8}
.monitor-event>time{color:var(--muted)}
.monitor-event>span{font-size:11px;color:var(--accent)}
.monitor-event>p{overflow-wrap:anywhere}
.monitor-event.is-error{background:#fff8f9}.monitor-event.is-error>span{color:var(--red)}
.monitor-event.is-warn{background:#fffcf6}.monitor-event.is-warn>span{color:var(--amber)}
.monitor-event-empty>span{font-size:17px;font-weight:650}
.monitor-preview-panel>div:first-child{background:#fff!important;border-color:var(--line)!important;color:var(--ink)}
.monitor-preview-panel>div:first-child .text-white{color:var(--ink)!important}
.monitor-preview-panel>div:first-child .text-indigo-300{color:var(--accent)!important;background:var(--accent-soft)!important;border-color:#d0e2ee!important}
.monitor-preview-panel>div:nth-child(2){background:#1c2732!important;color:white;min-height:480px}
.monitor-preview-panel .text-gray-500{color:#b4c2ce!important}

/* Authentication: supplied white logo on ink, calm white form surface. */
body.crm-auth{margin:0;background:#f5f7fa;min-height:100dvh;font:14px/1.55 var(--font);color:var(--ink)}
.portal-auth-shell{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(460px,1.1fr);min-height:100dvh}
.portal-auth-story{display:flex;flex-direction:column;padding:48px clamp(32px,5vw,80px);background:#172735;color:white}
.portal-auth-brand{display:block;position:relative;width:300px;height:58px;overflow:hidden}
.portal-auth-brand>span{display:contents}
.portal-auth-brand img{position:absolute;max-width:none;width:129.2%;height:auto;left:-14.6%;top:50%;transform:translateY(-49.6%)}
.portal-auth-brand>div{display:none}
.portal-auth-copy{margin:auto 0;padding:64px 0}
.portal-auth-copy h1{font-size:clamp(36px,3.5vw,56px);line-height:1.12;letter-spacing:-1.8px;font-weight:700;color:white;max-width:560px}
.portal-auth-copy h1 em{font-style:normal;color:#79bdea}
.portal-auth-copy p{font-size:16px;line-height:1.8;color:#bbcbd7;max-width:440px;margin-top:24px}
.portal-auth-proof{display:grid;gap:18px;padding-bottom:32px}
.portal-auth-proof>div{display:flex;gap:12px;align-items:start}
.portal-auth-proof>div>i{width:5px;height:5px;border-radius:50%;background:#79bdea;margin-top:8px}
.portal-auth-proof strong{display:block;font-size:13px;font-weight:650}.portal-auth-proof small{display:block;color:#92a7b7;font-size:12px}
.portal-auth-story>footer{display:flex;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid #ffffff1a;color:#92a7b7;font-size:12px}
.portal-auth-panel{display:grid;place-items:center;padding:48px;background:white}
.portal-auth-card{width:100%;max-width:430px}
.portal-auth-card>header{margin-bottom:28px}
.portal-auth-card>header>p{font-size:14px;color:var(--muted);margin-bottom:8px}
.portal-auth-card h2{font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.2}
.portal-auth-card>header>small{display:block;margin-top:12px;color:var(--muted);font-size:14px}
.auth-symbol{display:none}
.auth-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;background:white;border:1px solid #d8e0e8;border-radius:8px;font-size:14px;font-weight:650}
.auth-google:hover{background:var(--surface-muted)}
.auth-google svg{width:20px;height:20px;stroke:none}
.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.portal-auth-form{display:grid;gap:20px}
.portal-auth-form>label>span{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
.portal-auth-form input{min-height:48px}
.auth-form-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}
.auth-form-meta label{display:flex;align-items:center;gap:8px}
.auth-form-meta input,.auth-consent input{min-height:auto;flex-shrink:0}
.auth-consent{display:flex;align-items:start;gap:10px}
.auth-consent>span{font-weight:400!important;font-size:12px!important;color:var(--muted)}
.auth-primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 18px;background:var(--accent);border:1px solid var(--accent);color:white;border-radius:8px;font-size:14px;font-weight:650}
.auth-primary:hover{background:var(--accent-hover)}.auth-primary i{font-style:normal}
.auth-switch{margin-top:24px;text-align:center;color:var(--muted);font-size:13px}
.auth-switch a{font-weight:650;color:var(--accent)}
.auth-message{padding:14px;margin-bottom:20px;border:1px solid #e6b6bf;border-radius:8px;background:var(--red-soft);color:var(--red);font-size:13px}
.auth-message.is-success{color:var(--green);background:var(--green-soft);border-color:#bee0cc}
.trial-capacity{border-top:1px solid #ffffff26;padding:24px 0;margin-top:24px}
.trial-capacity>span{font-size:12px;color:#92a7b7}
.trial-capacity>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}
.trial-capacity strong{font-size:28px;font-weight:700}.trial-capacity small{display:block;font-size:12px;font-weight:400;color:#92a7b7}

/* Responsive rules are defined for every product area. */
@media(min-width:1600px){.overview-layout{grid-template-columns:minmax(0,1fr) 350px}.campaign-record,.campaign-ledger-head{grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) 90px 110px 86px}}
@media(max-width:1250px){
 .studio-masthead,.studio-navigation{padding-inline:24px}.studio-main{padding:28px 24px 48px}
 .studio-navigation{gap:0}.studio-navigation a{padding-inline:13px;font-size:13px}
 .workspace-label{display:none}.studio-brand{width:210px}
 .overview-layout{grid-template-columns:1fr}.overview-side{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .metric-strip>article,.report-metric-band article{padding-inline:20px}
 .page-heading h1{font-size:32px}.page-date{display:none}
 .account-portal{grid-template-columns:145px 1fr;gap:24px}.account-grid{grid-template-columns:1fr}.account-side-column{grid-template-columns:1fr 1fr}
 .plan-grid>article{padding:18px}.plan-top{flex-wrap:wrap}.plan-top small{min-height:18px}
 .monitor-head{flex-direction:column}.monitor-head-actions{width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
 .schedule-record,.schedule-ledger-head{grid-template-columns:minmax(180px,1.4fr) minmax(130px,1fr) 145px 130px 136px;gap:14px}
 .report-ledger-head,.report-ledger>article{gap:18px;grid-template-columns:minmax(200px,1.5fr) 140px 100px 110px 120px}
}
@media(max-width:1000px){
 .studio-navigation{overflow-x:auto;scrollbar-width:none}.studio-navigation::-webkit-scrollbar{display:none}.studio-nav-account{margin-left:0}
 .overview-side{grid-template-columns:1fr 1fr}.activity-panel{grid-column:1/-1}
 .composer-layout{grid-template-columns:1fr 260px;gap:18px}.composer-section{padding:24px}
 .composer-summary{padding:20px}.engine-selector,.network-options{grid-template-columns:1fr}
 .delivery-control-grid{grid-template-columns:1fr}.number-control>div{max-width:260px}
 .audit-workspace{grid-template-columns:1fr 300px;gap:18px}.audit-intro-band{gap:16px;padding:18px}
 .account-portal{display:block}.account-tabs{position:static;flex-direction:row;margin-bottom:24px}.account-grid{grid-template-columns:1fr 280px}.account-side-column{grid-template-columns:1fr}
 .limit-row strong{font-size:22px}.addon-card{grid-template-columns:1fr}
 .report-ledger,.schedule-ledger,.audit-history,.reports-table{overflow-x:auto}
 .report-ledger-head,.report-ledger>article{min-width:820px}
 .schedule-ledger-head,.schedule-record{min-width:920px}
 .audit-job-head,.audit-job-row{min-width:810px}
 .reports-table>header,.reports-table>div{min-width:800px}
 .report-visual-grid{grid-template-columns:1fr 300px}
 .portal-auth-shell{grid-template-columns:minmax(300px,.85fr) minmax(400px,1.15fr)}
 .portal-auth-story{padding:32px}.portal-auth-brand{width:250px;height:48px}.portal-auth-panel{padding:36px}
 .portal-auth-copy h1{font-size:36px}
}
@media(max-width:760px){
 html{scroll-padding-top:120px}.studio-masthead{height:68px;padding-inline:18px;gap:12px}.studio-brand{width:195px;height:42px}.studio-utilities{gap:10px}
 .studio-search{min-height:38px;padding:8px;border:0;background:transparent}.studio-search>span,.studio-search>kbd{display:none}
 .studio-account>span:not(.studio-avatar){display:none}.studio-avatar{width:32px;height:32px;font-size:13px}
 .studio-navigation{height:46px;padding:0 10px}.studio-navigation a{height:46px;padding:0 13px;font-size:13px}
 .studio-main{padding:26px 18px 36px}.studio-footer{padding:18px}
 .page-heading,.account-heading,.reports-heading,.schedule-heading,.audit-heading,.composer-heading-v3{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}
 h1,.page-heading h1{font-size:29px;letter-spacing:-.9px}h2{font-size:19px}
 .page-heading p,.account-heading p,.reports-heading p,.schedule-heading p,.audit-heading p,.composer-heading-v3 p{font-size:14px}
 .page-heading-actions{width:100%}.page-heading-actions>.button-primary{width:100%;justify-content:center}
 .metric-strip,.report-metric-band,.schedule-metric-band,.monitor-telemetry{grid-template-columns:1fr 1fr;padding:0;gap:0}
 .metric-strip>article,.report-metric-band article,.schedule-metric-band>article,.monitor-telemetry>div{padding:18px!important;border:0!important}
 .metric-strip>article:nth-child(odd),.report-metric-band article:nth-child(odd),.schedule-metric-band>article:nth-child(odd),.monitor-telemetry>div:nth-child(odd){border-right:1px solid var(--line)!important}
 .metric-strip>article:nth-child(n+3),.report-metric-band article:nth-child(n+3),.schedule-metric-band>article:nth-child(n+3),.monitor-telemetry>div:nth-child(n+3){border-top:1px solid var(--line)!important}
 .metric-strip strong,.report-metric-band strong,.schedule-metric-band strong{font-size:30px}.metric-strip span,.report-metric-band span,.schedule-metric-band span{font-size:13px}
 .metric-strip small{font-size:12px}
 .panel-heading{padding:20px 18px}
 .campaign-toolbar{padding:0 18px 18px;gap:12px}.status-tabs{overflow-x:auto;max-width:100%;gap:0}.status-tabs button{padding-inline:10px;font-size:12px}
 .campaign-filters{flex-basis:100%;justify-content:stretch;flex-wrap:nowrap}
 .campaign-filters label{max-width:none;min-width:0}.campaign-filters select{width:125px;font-size:12px}
 .campaign-ledger-head{display:none}
 .campaign-record{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity control" "delivery delivery" "duration status";gap:12px;padding:20px 18px}
 .campaign-identity{grid-area:identity;gap:10px}.campaign-identity p{max-width:230px}.campaign-identity a{font-size:14px}
 .campaign-control-cell{grid-area:control}.campaign-delivery{grid-area:delivery}.campaign-duration{grid-area:duration;display:flex;align-items:baseline;gap:5px}.campaign-state{grid-area:status;justify-self:end}
 .campaign-delivery span{font-size:12px}.campaign-engine-code{width:32px;height:32px;font-size:11px}
 .ledger-footer{padding:14px 18px;font-size:12px;gap:12px}
 .overview-side{grid-template-columns:1fr}.activity-panel{grid-column:auto}
 .overview-progress .delivery-chart{height:150px;margin:4px 18px 20px;padding-left:40px}
 .delivery-comparison{grid-template-columns:1fr;padding:0 18px 20px}
 .composer-layout{display:flex;flex-direction:column}.composer-main,.composer-summary{width:100%}.composer-summary{position:static;order:2}
 .composer-stepper{gap:2px;padding:6px;overflow-x:auto;display:flex}
 .composer-stepper button{flex:0 0 125px;gap:8px;padding:8px 10px;font-size:13px;min-height:44px}.composer-stepper button>span{width:22px;height:22px;font-size:10px}
 .composer-section{padding:22px 18px;min-height:0}.composer-section>header{display:block}.composer-section>header>a{display:block;margin-top:10px}
 .engine-selector,.network-options{grid-template-columns:1fr}
 .delivery-control-grid{grid-template-columns:1fr}.number-control>div{max-width:none}
 .schedule-options{grid-template-columns:1fr}.review-manifest{grid-template-columns:1fr}
 .wizard-navigation{padding:16px;gap:8px;position:sticky;bottom:0;z-index:10;border-radius:0 0 12px 12px}
 .wizard-navigation>div strong{display:none}.wizard-navigation>div span{font-size:11px}
 .wizard-next,.wizard-back{padding:10px 14px;font-size:13px}
 .composer-heading-v3 .draft-state{display:none}
 .report-visual-grid{grid-template-columns:1fr}.report-bars>div{grid-template-columns:120px 1fr 40px;gap:12px}
 .reports-heading>div:last-child{width:100%}.reports-heading>div:last-child>a{flex:1;justify-content:center;padding:10px 12px;font-size:13px}
 .report-ledger>header,.schedule-ledger>header,.audit-history>header{padding:20px;flex-direction:column;align-items:stretch}
 .report-ledger>header>label{max-width:none}
 .account-heading .account-secure{display:none}
 .account-tabs{gap:3px;overflow-x:auto}.account-tabs button{font-size:13px;padding:10px 12px;white-space:nowrap}
 .account-grid{grid-template-columns:1fr}.account-side-column{grid-template-columns:1fr}
 .account-identity-card,.account-limits,.account-usage-card,.account-reports-card,.current-plan-card,.account-security-mini,.addon-card,.ledger-card,.security-grid>article{padding:20px}
 .account-identity-card{flex-wrap:wrap}.verified-pill{margin-left:0}
 .limit-row strong{font-size:24px}.limit-row>div+div{padding-left:12px}.limit-row small{font-size:11px}
 .section-editorial-head{flex-direction:column;align-items:start}
 .plan-grid{grid-template-columns:1fr}.plan-grid>article{padding:24px}
 .plan-grid button{min-height:44px}.plan-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 .addon-card{gap:24px}.addon-calculator{gap:16px}.ledger-card>div p{grid-template-columns:44px 1fr;gap:10px}.ledger-card>div p>small{grid-column:2}
 .security-grid>article{flex-wrap:wrap;gap:14px}.security-grid>article>div{min-width:180px}.signout-card button{width:100%}
 .audit-intro-band{grid-template-columns:1fr;gap:16px}.audit-workspace{grid-template-columns:1fr}.audit-run-panel{position:static}
 .audit-add-target>div{flex-direction:column}.audit-add-target{padding:0 20px 20px}.audit-target-panel>header{padding:20px}
 .audit-target{padding:20px;gap:10px}.audit-target-identity strong{font-size:13px}.audit-status{font-size:11px}
 .audit-disabled{padding:24px;align-items:flex-start}.audit-disabled-mark{display:none}
 .audit-result-drawer{padding:20px}.audit-score-band{gap:12px;padding:16px}
 .connection-card{padding:20px!important}.connection-card-head{flex-direction:column;align-items:start!important;gap:12px}
 .connection-token-panel{padding:16px!important}
 .connection-form>div:last-child{flex-direction:column;align-items:stretch}
 .monitor-head-actions{align-items:stretch}.monitor-view-switcher{width:100%;justify-content:space-between}.monitor-run-controls{width:100%}.monitor-run-controls>button{flex:1;justify-content:center}
 .monitor-telemetry strong{font-size:20px}
 .monitor-log-head{padding:20px;gap:12px}.monitor-log-head p{font-size:12px}.monitor-log-meta small{font-size:11px}
 .monitor-log-toolbar{padding:10px 14px;flex-wrap:wrap;gap:10px}.log-filter-group{gap:0}.log-filter-group button{font-size:12px;padding:8px 10px}
 .monitor-event-list{height:420px}.monitor-event{grid-template-columns:76px 1fr;gap:4px 10px;padding:12px 16px;font-size:11px}.monitor-event>i{display:none}.monitor-event>p{grid-column:1/-1}.monitor-event>span{text-align:right}
 .customer-modal-layer{padding:12px}.customer-modal{padding:22px;max-height:92dvh}.customer-edit-modal form{grid-template-columns:1fr}.customer-modal footer{flex-wrap:wrap}.customer-modal footer>button{flex:1}
 .customer-toast{right:16px;bottom:16px}
 .portal-auth-shell{grid-template-columns:1fr}
 .portal-auth-story{padding:26px 24px;min-height:0}
 .portal-auth-brand{width:245px;height:45px}
 .portal-auth-copy{padding:32px 0 0}.portal-auth-copy h1{font-size:30px;letter-spacing:-.8px;max-width:500px}.portal-auth-copy h1 br{display:none}
 .portal-auth-copy p{font-size:14px;line-height:1.7;margin-top:12px}
 .portal-auth-proof,.portal-auth-story>footer,.trial-capacity{display:none}
 .portal-auth-panel{padding:32px 24px 48px}
 .portal-auth-card h2{font-size:27px}
}
@media(max-width:380px){.studio-brand{width:160px}.studio-masthead{padding-inline:12px}.studio-main{padding-inline:12px}.campaign-identity p{max-width:155px}.status-tabs button{font-size:11px;padding-inline:8px}.metric-strip>article{padding:14px!important}.metric-strip span{font-size:12px}.metric-strip small{font-size:11px}.limit-row strong{font-size:21px}.limit-row>div+div{padding-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.no-print,.studio-header,.studio-footer,.page-heading-actions,.command-overlay,.customer-toast{display:none!important}body.crm-studio{background:#fff}.studio-main{max-width:none;padding:0}.overview-layout{display:block}.overview-side{display:none!important}.report-ledger,.schedule-ledger,.reports-table{overflow:visible}.campaign-panel,.overview-progress{break-inside:avoid}button{display:none!important}}
