/* Setup and reporting continue THE OFFINDEX's existing black/ivory system. */
#view-connections, #view-reports { padding-top: 24px; }
.workspace-disclaimer { display:flex;align-items:center;gap:13px;padding:15px 20px;background:#171717;color:#efeee8;margin-bottom:22px; }
.workspace-disclaimer p { margin:0;font-size:14px; }
.channel-small { font-size:13px;line-height:1.85;color:var(--muted);word-break:keep-all; }
.setup-layout { display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;margin-top:30px; }
.setup-steps { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px; }
.setup-steps button { display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--border);background:#efeee8;width:100%;padding:17px 13px;min-height:64px; }
.setup-steps button[aria-current] { background:#171717;color:#fff;border-color:#171717; }
.setup-steps button:disabled { color:#6a6a61;background:#f4f3ed; }
.setup-steps button span { font-size:13px;font-variant-numeric:tabular-nums; }
.setup-steps button strong { font-size:14px; }
.setup-content { min-width:0;min-height:410px; }
.setup-content h3 { font-size:25px;letter-spacing:-.8px;line-height:1.55;margin:15px 0 10px;word-break:keep-all; }
.setup-content > p { font-size:15px;line-height:1.9;color:var(--body); }
.setup-fields { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0; }
.setup-fields label,.verification-label,.report-toolbar label { display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--body); }
.setup-fields select,.verification-label select { width:100%; }
.setup-deliverable { padding:20px;border-left:3px solid #171717;background:#efeee8;margin:24px 0; }
.setup-deliverable strong { font-size:14px; }
.setup-deliverable p { margin:6px 0 0;line-height:1.9;color:var(--body);font-size:14px; }
.setup-note { border-top:1px solid var(--border);padding-top:18px;margin-top:26px; }
.setup-permission { display:flex;align-items:flex-start;gap:18px;padding:24px 0; }
.setup-permission p { margin:8px 0;font-size:15px; }
.setup-permission small { color:var(--muted);font-size:13px; }
.connection-mark { display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#171717;color:#dbff48;font-size:18px;font-weight:650; }
.module-preview { --brand-original-display:none;--brand-reverse-display:block;background:#171717;color:#efeee8;margin:24px 0; }
.module-preview > div { display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #484841;padding:16px 20px;font-size:12px;letter-spacing:.8px; }
.module-preview > div > span:last-child { color:#dbff48; }
.module-preview ol { list-style:none;margin:0;padding:10px 20px 20px; }
.module-preview li { padding:12px 0; }
.module-preview li span { display:block;font-size:12px;color:#bdbdb1;margin-bottom:4px; }
.module-preview code { font-size:14px;line-height:1.8;white-space:normal;word-break:keep-all; }
.channel-catalog-heading { margin:38px 0 20px; }
.channel-catalog { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.channel-scope { min-width:0; }
.channel-scope-top { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.channel-scope h3 { font-size:20px;margin:20px 0 10px;letter-spacing:-.4px; }
.channel-scope p { font-size:14px;line-height:1.85;word-break:keep-all; }
.channel-scope details { border-top:1px solid var(--border);padding-top:14px;margin-top:20px; }
.channel-scope summary { font-size:13px;cursor:pointer;min-height:30px; }
.channel-scope details p { color:var(--muted);font-size:13px; }
.channel-scope summary:focus-visible,.table-scroll:focus-visible { outline:3px solid #6555d6;outline-offset:4px; }
.verification-label { max-width:350px;margin:20px 0; }
.verification-stream { display:flex;align-items:center;gap:12px;padding:22px 18px;background:#efeee8;margin:20px 0; }
.verification-stream span { font-size:13px;white-space:nowrap; }
.verification-stream i { height:2px;flex:1;min-width:12px;background:#babbb0;position:relative;overflow:hidden; }
.verification-stream.is-running i:after { content:"";position:absolute;inset:0 auto 0 0;width:45%;background:#171717;animation:channel-signal .7s ease-in-out infinite; }
.verification-result { border:1px solid var(--border);padding:20px;font-size:14px;line-height:1.9;min-height:115px; }
.verification-result strong { font-size:17px; }
.verification-result p { color:var(--body); }
.setup-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:20px; }
.report-cover { display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171717;color:#efeee8;padding:30px;margin-bottom:25px; }
.report-cover .eyebrow { color:#c0c0b6;font-size:12px; }
.report-cover h2 { font-size:34px;letter-spacing:-1.3px;line-height:1.4;margin:10px 0; }
.report-cover p { color:#d0d0c5;margin:0;font-size:13px; }
.report-cover .secondary-button { background:#dbff48;border-color:#dbff48;white-space:nowrap; }
.report-toolbar { display:flex;align-items:flex-end;justify-content:space-between;gap:18px; }
.report-toolbar select { min-width:255px; }
.report-reading-status { background:#e6e5dd;padding:12px 15px;font-size:14px;line-height:1.8; }
.report-metrics .metric-value { font-size:clamp(22px,2.15vw,34px);letter-spacing:-1.2px;white-space:nowrap; }
.report-metrics .metric-value span { font-size:13px; }
.report-metrics .metric-card p { font-size:12px;line-height:1.8; }
#report-channel-table table td:not(:first-child) { white-space:nowrap; }
#report-channel-table table th,#report-channel-table table td { font-size:13px; }
#report-channel-table td:first-child { min-width:215px; }
.report-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0; }
.report-detail-grid > article { min-width:0; }
.session-bars { display:flex;flex-direction:column;gap:20px;margin:25px 0; }
.session-bar > div:first-child { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:14px; }
.session-bar strong { font-weight:600;font-variant-numeric:tabular-nums; }
.session-bar small { color:var(--muted);font-weight:400;font-size:12px; }
.session-track { height:10px;background:#deddd4; }
.session-track i { display:block;height:100%;background:#171717; }
.order-ledger dl { margin:25px 0; }
.order-ledger dl > div { display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--border);font-size:14px; }
.order-ledger dd { margin:0;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap; }
.order-ledger .ledger-total { font-weight:600;align-items:center;border:0;background:#e5e4da;margin:12px -10px 0;padding:18px 10px; }
.order-ledger .ledger-total dd { font-size:25px;letter-spacing:-1px; }
.report-boundary { margin-top:25px;padding-top:20px;border-top:1px dashed #8f9083; }
.report-boundary strong { font-size:13px; }
.report-boundary p { font-size:13px;line-height:1.8;color:var(--body);margin-bottom:0; }
.report-ai { margin:20px 0; }
.ai-report-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px; }
.ai-report-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.ai-report-metrics > div { display:flex;flex-direction:column;padding:16px 0; }
.ai-report-metrics span { font-size:13px; }
.ai-report-metrics strong { font-size:30px;font-variant-numeric:tabular-nums;margin:8px 0; }
.ai-report-metrics small { font-size:12px;color:var(--muted);line-height:1.8; }
.report-week-bars { display:flex;gap:12px;margin-top:15px; }
.report-week-bars > div { flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0; }
.report-week-bars strong { font-size:13px; }
.report-week-bars small { font-size:11px;white-space:nowrap;color:var(--muted); }
.report-week-track { height:80px;width:100%;max-width:55px;background:#e5e4da;display:flex;align-items:flex-end; }
.report-week-track i { width:100%;background:#171717; }
.report-week-bars > div:last-child .report-week-track i { background:#718916; }
.report-insight { display:grid;grid-template-columns:1.1fr 1fr;gap:40px;background:#171717;color:#efeee8;padding:32px;margin-top:25px; }
.report-insight .eyebrow { color:#c8c8bb;font-size:12px; }
.report-insight .tag { color:#171717;background:#dbff48; }
.report-insight h2 { font-size:29px;line-height:1.5;letter-spacing:-1px;margin:18px 0;word-break:keep-all; }
.report-insight p { font-size:14px;line-height:1.9;color:#d0d0c4; }
.report-insight > div > strong { font-size:16px;line-height:1.9;display:block; }
.report-insight dl { margin:0 0 25px; }
.report-insight dl > div { padding:13px 0;border-bottom:1px solid #53534c; }
.report-insight dt { font-size:12px;color:#bcbcaf; }
.report-insight dd { font-size:14px;margin:6px 0 0;line-height:1.8; }
.report-insight .primary-button { background:#dbff48;border-color:#dbff48;color:#171717;width:100%; }
.report-insight .primary-button:disabled { background:#505046;border-color:#6b6b60;color:#efeee8; }
.report-insight-action > p { font-size:12px; }
.report-empty { padding:35px 15px;text-align:center;background:#efeee8;margin-top:22px; }
.report-empty p { color:var(--body);font-size:14px;line-height:1.9; }
.report-empty strong { font-size:17px; }
.report-reading { outline:3px solid #718916;outline-offset:4px;animation:report-focus .6s ease-out; }
.report-experiment { margin-top:20px; }
.report-filters { display:flex;gap:8px;flex-wrap:wrap;margin-top:20px; }
.filter-button { padding:10px 15px;background:#efeee8;border:1px solid var(--border);font-size:14px;min-height:44px; }
.filter-button.active { background:#171717;color:#efeee8;border-color:#171717; }
.brand-select-control { display:flex;align-items:center;gap:10px;min-width:0; }
.brand-select-control select { flex:1;min-width:0; }
.setup-fields label { min-width:0; }
.setup-selected-brand,.report-selected-brand,.channel-scope-brands,.report-channel-brand,.setup-permission-brand { display:flex;align-items:center;flex-shrink:0; }
.setup-selected-brand:empty { display:none; }
.setup-permission-brand { padding-top:1px; }
.channel-scope-top { min-height:48px;flex-wrap:wrap; }
.channel-scope-brands { min-height:44px; }
.module-preview .module-provider { align-items:center; }
.module-provider-name { display:flex;align-items:center;gap:12px;min-width:0; }
.module-store-brand { display:flex;align-items:center;flex-shrink:0; }
.module-store-brand:empty { display:none; }
.module-provider-name > span:last-child { line-height:1.7; }
.report-toolbar label { min-width:0; }
.report-toolbar .brand-select-control select { min-width:0; }
.report-channel-name { display:flex;align-items:center;gap:13px; }
.report-channel-name > span:last-child { min-width:0; }
.report-channel-name strong,.report-channel-name small { display:block; }
.report-empty-brand { display:flex;justify-content:center;margin-bottom:18px; }
.report-evidence-brand { display:flex;margin-bottom:18px; }
@keyframes channel-signal { from{transform:translateX(-100%)}to{transform:translateX(350%)} }
@keyframes report-focus { from{outline-color:#dbff48;background-color:#e9edda}to{outline-color:#718916} }
@media(min-width:1450px){.channel-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.setup-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}.report-detail-grid,.ai-report-grid{grid-template-columns:1fr}.report-insight{gap:24px}.report-metrics .metric-value{font-size:27px}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  #view-connections,#view-reports{padding-top:20px}.workspace-disclaimer{align-items:flex-start;padding:17px 15px}.workspace-disclaimer p{font-size:13px;line-height:1.8}.setup-panel{padding:20px 16px}.setup-layout{grid-template-columns:1fr;gap:22px;margin-top:23px}.setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setup-steps button{padding:12px 9px;gap:8px;min-height:57px}.setup-steps button strong{font-size:12px}.setup-steps button span{font-size:11px}.setup-content{min-height:0}.setup-content h3{font-size:23px}.setup-content > p{font-size:14px}.setup-fields{grid-template-columns:1fr;gap:16px}.setup-fields select{font-size:14px}.setup-deliverable{padding:16px}.channel-catalog{grid-template-columns:1fr}.channel-scope{padding:21px}.channel-scope h3{font-size:20px}.verification-stream{gap:6px;padding:18px 10px}.verification-stream span{font-size:11px}.verification-stream i{min-width:8px}.verification-result{padding:16px;font-size:13px}.module-preview > div{padding:14px 12px;font-size:10px}.module-preview ol{padding:8px 12px 15px}.module-preview code{font-size:12px}.report-cover{padding:24px 20px;flex-direction:column;align-items:flex-start}.report-cover h2{font-size:29px}.report-cover p{font-size:12px;line-height:1.9}.report-cover .secondary-button{width:100%;margin-top:6px}.report-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.report-toolbar label,.report-toolbar select{width:100%;min-width:0}.report-toolbar .text-button{font-size:13px}.report-reading-status{font-size:13px}.report-metrics .metric-card{padding:17px 11px}.report-metrics .metric-label{font-size:12px}.report-metrics .metric-value{font-size:clamp(18px,5.4vw,27px);letter-spacing:-.7px}.report-metrics .metric-value span{font-size:11px;margin-left:2px}.report-metrics .metric-card p{font-size:11px}.channel-small{font-size:12px}.report-detail-grid{gap:15px}.report-detail-grid .panel,.report-ai,#report-channel-table{padding:22px 17px}.order-ledger dl > div{font-size:12px;gap:8px}.order-ledger .ledger-total dd{font-size:23px}.ai-report-metrics{gap:10px}.ai-report-metrics span{font-size:12px}.ai-report-metrics strong{font-size:28px}.ai-report-metrics small{font-size:11px}.report-week-bars{gap:10px}.report-week-bars small{font-size:10px}.report-insight{grid-template-columns:1fr;gap:22px;padding:25px 21px}.report-insight h2{font-size:26px}.report-insight > div > strong{font-size:15px}.report-insight-action > p{font-size:12px}.report-cover .eyebrow{font-size:10px}.report-empty{padding:25px 12px}.report-empty strong{font-size:15px}.report-empty p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.verification-stream.is-running i:after,.report-reading{animation:none}.verification-stream.is-running i{background:#171717}}
@media(max-width:720px){.brand-select-control{gap:9px}.setup-permission{gap:12px}.setup-permission-brand{max-width:100px}.module-provider-name{gap:9px}.module-preview .module-provider{flex-wrap:wrap;gap:10px}.report-toolbar .brand-select-control{width:100%}.report-channel-name{gap:10px}}