:root {
    --black: #050506;
    --ink: #16171a;
    --muted: #6f737b;
    --line: #e4e5e8;
    --soft: #f5f6f8;
    --white: #fff;
    --orange: #ff8a00;
    --orange-dark: #dc6900;
    --green: #13a66b;
    --red: #d64045;
    --purple: #6c63ff;
    --blue: #1689e6;
    --radius: 14px;
    --shadow: 0 14px 40px rgba(14, 17, 22, .08);
    --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Solution Studio */
.customer-tools-nav .studio-nav-link { color:#7b3e00; }
.hub-heading .button { margin-top:12px; }
.studio-hero { padding:80px 0 66px; color:#fff; background:radial-gradient(circle at 82% 25%,rgba(255,138,0,.24),transparent 27%),linear-gradient(135deg,#08090b,#161719); }
.studio-hero__grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr); align-items:center; gap:65px; }
.studio-hero h1 { max-width:850px; margin:8px 0 18px; font-size:clamp(48px,6vw,82px); line-height:.96; letter-spacing:-.055em; }
.studio-hero p { max-width:780px; color:#c9cbd0; font-size:18px; line-height:1.7; }
.studio-principles { margin-top:26px; display:flex; flex-wrap:wrap; gap:8px; }
.studio-principles span { padding:8px 11px; border:1px solid #3c3e43; border-radius:999px; color:#eee; font-size:11px; font-weight:800; }
.studio-robot { padding:32px; display:grid; gap:7px; border:1px solid #36383d; border-radius:18px; background:rgba(255,255,255,.04); box-shadow:0 28px 70px rgba(0,0,0,.32); }
.studio-robot>span { width:70px; height:70px; display:grid; place-items:center; border-radius:50%; color:#111; background:var(--orange); font-size:32px; font-weight:900; }
.studio-robot strong { margin-top:13px; font-size:22px; }.studio-robot small { color:#aaaeb5; line-height:1.5; }
.studio-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:25px; }
.studio-main,.studio-side { display:grid; gap:24px; }.studio-side { position:sticky; top:20px; }
.studio-brief textarea { resize:vertical; }.studio-brief .field small { color:var(--muted); }
.studio-scopes { margin:22px 0; padding:0; border:0; }.studio-scopes legend { font-size:14px; font-weight:900; }.studio-scopes>p { margin:4px 0 13px; color:var(--muted); font-size:12px; }
.studio-scopes>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.studio-scopes label { padding:14px; display:flex; align-items:flex-start; gap:10px; border:1px solid var(--line); border-radius:9px; cursor:pointer; }
.studio-scopes label:has(input:checked) { border-color:var(--orange); background:#fff8ec; }.studio-scopes input { margin-top:3px; }
.studio-scopes span { display:grid; gap:3px; }.studio-scopes small { color:var(--muted); font-size:10px; line-height:1.4; }
.studio-promise { padding-left:19px; display:grid; gap:10px; color:#525760; font-size:13px; line-height:1.45; }.studio-promise li::marker { color:var(--orange); }
.studio-results { display:grid; gap:30px; }.studio-count { padding:9px 13px; border-radius:999px; color:#176d4b; background:#e8f8f1; font-size:11px; font-weight:900; white-space:nowrap; }
.studio-scope-result { display:grid; gap:14px; }.studio-scope-result__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.studio-scope-result__heading>div { display:flex; align-items:center; gap:12px; }.studio-scope-result__heading>div>span { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; color:#fff; background:#111; font-weight:900; }
.studio-scope-result h3 { margin:0; font-size:24px; }.studio-scope-result__heading p { margin:3px 0 0; color:var(--muted); font-size:12px; }.studio-scope-result__heading>small { color:var(--muted); }
.studio-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.studio-product { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#fff; }
.studio-product__select { padding:10px 13px; display:flex; align-items:center; gap:8px; color:#111; background:#f3f4f5; font-size:11px; font-weight:900; cursor:pointer; }
.studio-product__select:has(input:checked) { color:#764000; background:#fff0d8; }.studio-product__image { height:185px; display:grid; place-items:center; background:var(--soft); }
.studio-product__image img { width:100%; height:100%; object-fit:contain; }.studio-product__image>span { font-size:48px; font-weight:900; }
.studio-product__body { padding:18px; }.studio-match-label { color:#a55300; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.studio-product h4 { margin:5px 0 4px; font-size:18px; line-height:1.15; }.studio-product__body>small { color:var(--muted); }.studio-product__body>p { min-height:55px; color:#555a62; font-size:12px; line-height:1.5; }
.studio-stock { margin:10px 0; color:#8b5600; font-size:11px; font-weight:900; }.studio-stock.in-stock { color:#176d4b; }
.studio-product .text-link { font-size:11px; }.studio-companions { margin-top:15px; padding-top:12px; border-top:1px solid var(--line); }.studio-companions summary { font-size:11px; font-weight:900; cursor:pointer; }
.studio-companions p { color:var(--muted); font-size:10px; line-height:1.45; }.studio-companions>span { margin-top:6px; display:block; font-size:10px; }.studio-companions>span small { color:var(--muted); }
.studio-empty { box-shadow:none; }.studio-create-project { display:flex; align-items:center; justify-content:space-between; gap:30px; border-color:#ffbd68; background:#fffaf2; }.studio-create-project h2 { margin:4px 0; }.studio-create-project p { margin:0; }
.studio-admin-list { display:grid; gap:16px; }.studio-admin-card { padding:24px; }.studio-admin-card__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.studio-admin-card__heading h2 { margin:8px 0 3px; }
.studio-admin-card blockquote { margin:20px 0; padding:16px 18px; border-left:3px solid var(--orange); background:var(--soft); font-size:13px; line-height:1.6; }
.studio-admin-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); }.studio-admin-meta>div { padding:13px; display:grid; gap:4px; background:#fff; }.studio-admin-meta strong { color:var(--muted); font-size:9px; text-transform:uppercase; }.studio-admin-meta span { font-size:11px; font-weight:700; }
.studio-admin-exclusions { margin:14px 0; padding:13px; border-radius:8px; background:#fff6e9; }.studio-admin-exclusions p { margin:4px 0 0; font-size:12px; }

@media (max-width:900px) {
    .studio-layout,.studio-hero__grid { grid-template-columns:1fr; }.studio-side { position:static; }.studio-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.studio-admin-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .studio-hero { padding:58px 0 45px; }.studio-hero h1 { font-size:48px; }.studio-principles { align-items:flex-start; flex-direction:column; }.studio-scopes>div,.studio-product-grid,.studio-admin-meta { grid-template-columns:1fr; }.studio-scope-result__heading,.studio-create-project,.studio-admin-card__heading { align-items:flex-start; flex-direction:column; }.studio-create-project .button { width:100%; }
}

.admin-subnav { margin: -4px 0 8px 42px; display: grid; gap: 2px; }
.admin-subnav a { padding: 5px 8px; color: #9295a0; font-size: 11px; border-radius: 5px; }
.admin-subnav a:hover { color: #fff; background: #18181c; }
.permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hub-page-grid { margin-bottom: 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hub-page-card { padding: 24px; color: inherit; text-decoration: none; transition: transform .15s ease, border-color .15s ease; }
.hub-page-card:hover { transform: translateY(-2px); border-color: #ff8a00; }
.hub-page-card h2 { margin: 8px 0; }
.hub-page-card p { min-height: 48px; color: var(--muted); }

@media (max-width: 980px) {
    .hub-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .permission-grid, .hub-page-grid { grid-template-columns: 1fr; }
}

/* Customer intelligence and Robbie */
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.robbie-nav-link { display:inline-flex!important; align-items:center; gap:7px; color:#ff8a00!important; }
.robbie-nav-link span,.robbie-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#ff8a00; color:#08090b; font-weight:900; }
.robbie-heading { padding:88px 0 72px; background:radial-gradient(circle at 80% 30%,#30200d 0,transparent 30%),#090a0d; }
.robbie-capabilities { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }.robbie-capabilities span { padding:8px 12px; border:1px solid #383a40; border-radius:999px; color:#e3e4e7; background:rgba(255,255,255,.04); font-size:12px; font-weight:700; }
.shell.robbie-shell { width:min(1060px,calc(100% - 48px)); }.robbie-chat { border:1px solid #dedfe3; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 22px 60px rgba(0,0,0,.1); }
.robbie-chat__header { display:flex; align-items:center; gap:13px; padding:18px 22px; color:#fff; background:#0b0c0f; }
.robbie-chat__header div { display:grid; gap:3px; }.robbie-chat__header small { color:#b8bbc3; }.robbie-chat__header small i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#38c777; }
.robbie-messages { display:grid; gap:22px; min-height:400px; max-height:680px; padding:34px; overflow-y:auto; background:#f5f6f8; }
.robbie-message { display:flex; align-items:flex-start; gap:12px; max-width:88%; }.robbie-message>span { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:50%; background:#111318; color:#fff; font-size:11px; font-weight:800; }.robbie-message>div { min-width:0; padding:17px 20px; border-radius:4px 17px 17px 17px; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06); }.robbie-message strong { display:block; margin-bottom:5px; font-size:12px; color:#be6100; }.robbie-message p { margin:0; white-space:pre-wrap; font-size:15px; line-height:1.65; }.robbie-message--customer { justify-self:end; flex-direction:row-reverse; }.robbie-message--customer>div { color:#fff; background:#17191f; border-radius:17px 4px 17px 17px; }.robbie-message--customer strong { color:#ff9a28; }
.robbie-message--typing p::after { content:'...'; animation:robbie-dots 1s steps(4,end) infinite; } @keyframes robbie-dots { 0%{content:''}25%{content:'.'}50%{content:'..'}75%,100%{content:'...'} }
.robbie-products { display:grid; gap:10px; margin-top:16px; }.robbie-products a { display:grid; grid-template-columns:76px 1fr; gap:14px; align-items:center; padding:12px; border:1px solid #e3e4e7; border-radius:12px; color:#111; text-decoration:none; transition:border-color .15s,transform .15s; }.robbie-products a:hover { border-color:#ff8a00; transform:translateY(-1px); }.robbie-products img { width:76px; height:76px; object-fit:contain; background:#f7f7f8; }.robbie-products small { display:block; color:#666; }.robbie-products ul { margin:8px 0 0; padding-left:17px; color:#4f535a; font-size:11px; line-height:1.45; }
.robbie-sources { display:grid; gap:6px; margin-top:16px; padding-top:13px; border-top:1px solid #e7e7e9; }.robbie-sources>strong { color:#555; }.robbie-sources a { display:flex; justify-content:space-between; gap:18px; color:#a95300; font-size:12px; font-weight:750; }.robbie-sources a small { color:#858890; font-weight:500; }
.robbie-form { display:grid; grid-template-columns:1fr auto; gap:12px; padding:22px; border-top:1px solid #ddd; }.robbie-form textarea { min-height:62px; padding:14px 16px; resize:vertical; border:1px solid #cfd1d6; border-radius:10px; color:var(--ink); background:#fff; line-height:1.5; outline:none; }.robbie-form textarea:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,138,0,.14); }.robbie-form .button { min-width:132px; border-radius:10px; }.robbie-escalation { padding:28px; border-top:1px solid #e0e0e0; background:#fff8ee; }.robbie-disclaimer { margin:0; padding:2px 28px 22px; color:#676b73; font-size:12px; line-height:1.55; }
.project-pack__toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }.project-pack__header { display:grid; grid-template-columns:220px 1fr; gap:40px; padding:36px; color:#fff; background:#07080a; }.project-pack__header h1 { margin:7px 0; font-size:38px; }.project-pack__details { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:28px; background:#ddd; }.project-pack__details div { display:grid; gap:5px; padding:18px; background:#fff; }.pack-product { display:grid; grid-template-columns:130px 1fr 300px; gap:22px; padding:26px 0; border-bottom:1px solid #ddd; }.pack-product>img { width:130px; height:130px; object-fit:contain; }.pack-product h2 { margin:5px 0 10px; }.pack-product__resources { display:grid; align-content:start; gap:6px; font-size:13px; }.pack-product__resources strong { margin-top:8px; }.project-pack__footer { padding:25px; background:#f1f2f4; }
.installer-label-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.installer-label { display:grid; grid-template-columns:120px 1fr; gap:16px; min-height:170px; padding:18px; border:2px solid #111; break-inside:avoid; }.installer-label>img { width:120px; height:120px; }.installer-label h2 { margin:9px 0 4px; font-size:19px; }
.replacement-list { display:grid; gap:18px; }.replacement-row { display:grid; grid-template-columns:150px 1fr; gap:22px; }.replacement-row>img { width:150px; height:150px; object-fit:contain; }.replacement-option { display:grid; gap:3px; margin-top:9px; padding:13px; border:1px solid #ddd; border-radius:9px; color:#111; text-decoration:none; }.replacement-option:hover { border-color:#ff8a00; }
.solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.solution-card { min-height:340px; display:flex; align-items:flex-end; padding:25px; border-radius:14px; overflow:hidden; color:#fff; text-decoration:none; background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.15)),var(--solution-image,#181a1f); background-size:cover; background-position:center; }.solution-card h2 { font-size:29px; }.solution-card p { color:#ddd; }.solution-hero { padding:100px 0 55px; color:#fff; background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.2)),var(--solution-image,#101115); background-size:cover; background-position:center; }.solution-hero h1 { max-width:800px; font-size:54px; }
.solution-content { display:grid; gap:38px; }.solution-introduction { max-width:880px; font-size:17px; }.solution-products { padding:34px; }.solution-products .hub-card__heading p { margin:6px 0 0; color:var(--muted); }.solution-product-list { display:grid; gap:20px; }.solution-product { display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:start; gap:25px; padding:24px 0; border-top:1px solid var(--line); }.solution-product__media { position:relative; }.solution-product__media img { width:150px; height:150px; object-fit:contain; border-radius:10px; background:var(--soft); }.solution-product__media span { position:absolute; right:8px; bottom:8px; padding:5px 8px; border-radius:999px; color:#fff; background:#111; font-size:11px; font-weight:800; }.solution-product__body h3 { margin:3px 0 10px; font-size:23px; }.solution-product__body>p { max-width:760px; color:#555a62; font-size:14px; }.solution-section-label { display:inline-block; margin-bottom:11px; color:#9d4b00; font-size:12px; }.solution-note { padding:10px 12px; border-left:3px solid var(--orange); background:#fff8ed; }.solution-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:16px 0; background:var(--line); }.solution-facts div { padding:10px 12px; background:var(--soft); }.solution-facts dt { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.solution-facts dd { margin:3px 0 0; font-size:12px; font-weight:700; }.solution-relations { margin-top:17px; padding-top:14px; border-top:1px solid var(--line); }.solution-relations>strong { font-size:12px; }.solution-relations>div { display:flex; flex-wrap:wrap; gap:8px; margin-top:9px; }.solution-relations a { padding:8px 10px; border:1px solid var(--line); border-radius:8px; font-size:12px; }.solution-relations a span { margin-right:7px; color:var(--orange-dark); font-size:9px; font-weight:900; text-transform:uppercase; }.solution-relations a small { display:block; color:var(--muted); }
.knowledge-coverage { grid-template-columns:repeat(2,1fr); margin:0; }.knowledge-coverage .health-card { min-height:130px; padding:20px; background:var(--soft); }.knowledge-coverage strong { font-size:32px; }
.filter-tabs { display:flex; gap:8px; margin-bottom:18px; }.filter-tabs a { padding:9px 14px; border-radius:8px; color:#555; text-decoration:none; background:#eee; }.filter-tabs a.active { color:#fff; background:#111; }.inline-actions { display:flex; gap:7px; }.admin-detail { padding:15px 0; border-bottom:1px solid #ddd; }.admin-detail summary { display:flex; justify-content:space-between; cursor:pointer; }.admin-detail form { margin-top:18px; }.subform { padding:15px; background:#f5f6f7; }.admin-transcript { display:grid; gap:12px; }.admin-transcript .robbie-message { max-width:100%; }.conversation-list { display:grid; }.conversation-list a { display:grid; gap:4px; padding:12px 0; border-bottom:1px solid #ddd; color:#111; text-decoration:none; }.conversation-list span { color:#777; font-size:12px; }
.health-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:28px; }.health-card { position:relative; min-height:220px; padding:28px; display:flex; flex-direction:column; align-items:flex-start; }.health-card h2 { margin:0 34px 26px 0; font-size:21px; line-height:1.2; }.health-card>strong { margin-bottom:8px; font-size:14px; line-height:1.4; }.health-card p { margin:0 0 18px; color:#454950; line-height:1.55; }.health-card>small { margin-top:auto; color:var(--muted); }.health-dot { position:absolute; top:28px; right:28px; width:12px; height:12px; border-radius:50%; background:#999; }.health-dot.ok { background:#23ae67; box-shadow:0 0 0 5px #e2f7ec; }.health-dot.warn { background:#ed9b19; box-shadow:0 0 0 5px #fff0d8; }.health-dot.bad { background:#cf3636; box-shadow:0 0 0 5px #fee7e7; }.cron-list { display:grid; gap:12px; }.cron-list code { padding:14px 16px; border-radius:7px; background:#111; color:#b9f7d2; overflow-x:auto; }.system-task-panel .help-text { margin:18px 0 0; line-height:1.55; }
@media print { .site-header,.customer-tools-nav,.site-footer,.project-pack__toolbar,.flash { display:none!important; }.section { padding:0!important; }.shell { width:100%!important; }.project-pack__header { -webkit-print-color-adjust:exact; print-color-adjust:exact; }.installer-label-grid { grid-template-columns:repeat(2,1fr); }.installer-label { page-break-inside:avoid; } }
@media (max-width:900px) { .solution-grid,.health-grid { grid-template-columns:repeat(2,1fr); }.pack-product { grid-template-columns:90px 1fr; }.pack-product__resources { grid-column:2; }.installer-label-grid { grid-template-columns:1fr; } }
@media (max-width:640px) { .robbie-form { grid-template-columns:1fr; }.robbie-message { max-width:95%; }.project-pack__header { grid-template-columns:1fr; }.project-pack__details,.solution-grid,.health-grid { grid-template-columns:1fr; }.pack-product { grid-template-columns:1fr; }.pack-product__resources { grid-column:auto; }.replacement-row { grid-template-columns:1fr; }.installer-label { grid-template-columns:90px 1fr; }.installer-label>img { width:90px; height:90px; } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--white); line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, select { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
.shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.shell--reading { width: min(900px, calc(100% - 48px)); }
.shell--narrow { width: min(760px, calc(100% - 48px)); }
.section { padding-block: 84px; }
.section--tight { padding-top: 26px; }
.eyebrow { display: block; margin-bottom: 9px; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.meta { color: var(--muted); font-size: 12px; font-weight: 600; }
.back-link { color: var(--muted); font-size: 13px; font-weight: 700; }

.wordmark { color: #fff; font-size: 34px; font-weight: 750; letter-spacing: .19em; line-height: 1; white-space: nowrap; }
.site-header { position: relative; z-index: 20; background: #000; border-bottom: 1px solid #1a1a1c; }
.site-header__inner { min-height: 102px; display: flex; align-items: center; gap: 38px; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: 22px; flex: 1; }
.site-nav a { color: #fff; font-size: 11px; font-weight: 750; text-transform: uppercase; white-space: nowrap; transition: color .2s; }
.site-nav a:hover, .site-nav a.active { color: var(--orange); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.header-actions a { color: #fff; font-size: 12px; font-weight: 700; }
.icon-button { width: 36px; height: 36px; border: 1px solid #353537; border-radius: 50%; display: grid; place-items: center; font-size: 20px !important; }
.account-link { white-space: nowrap; }
.menu-toggle { display: none; margin-left: auto; padding: 5px; border: 0; background: transparent; }
.menu-toggle span { display: block; width: 25px; height: 2px; margin: 5px; background: #fff; }
.preview-ribbon { padding: 9px 20px; color: #201700; background: #ffd76a; text-align: center; font-size: 13px; }
.preview-ribbon a { text-decoration: underline; font-weight: 800; }

.news-hero { position: relative; min-height: 650px; display: flex; align-items: end; overflow: hidden; color: #fff; background: #111 var(--hero-image) center/cover no-repeat; }
.news-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 15%, rgba(255,138,0,.14), transparent 34%); }
.news-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 46%, rgba(0,0,0,.05) 79%), linear-gradient(0deg, rgba(0,0,0,.75), transparent 56%); }
.news-hero__content { position: relative; z-index: 1; padding-block: 90px; }
.news-hero__content h1 { max-width: 790px; margin: 18px 0 20px; font-size: clamp(44px, 6.6vw, 90px); line-height: .99; letter-spacing: -.055em; }
.news-hero__content > p:not(.hero-kicker) { max-width: 670px; color: #ddd; font-size: 19px; }
.hero-kicker { margin-bottom: 0; color: var(--orange); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 32px; }
.hero-actions span { color: #c9c9c9; font-size: 12px; }
.category-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; color: #fff; background: color-mix(in srgb, var(--category) 88%, #000); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }

.button { min-height: 44px; padding: 11px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 7px; font-weight: 800; font-size: 13px; transition: transform .18s, background .18s, border-color .18s; }
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: .5; transform: none; }
.button--accent { color: #111; background: var(--orange); }
.button--accent:hover { background: #ffa01d; }
.button--dark { color: #fff; background: var(--ink); }
.button--light { color: #111; background: #fff; }
.button--ghost { color: var(--ink); background: #fff; border-color: #d7d9dd; }
.button--quiet { color: #50535a; background: transparent; border-color: transparent; }
.button--success { color: #fff; background: var(--green); }
.button--danger { color: #fff; background: var(--red); }
.button--small { min-height: 36px; padding: 7px 12px; font-size: 12px; }
.button--wide { width: 100%; }

.intro-band { display: grid; grid-template-columns: 1.45fr 1fr; align-items: end; gap: 80px; padding-bottom: 42px; border-bottom: 1px solid var(--line); }
.intro-band h2 { max-width: 760px; margin: 0; font-size: clamp(32px, 4vw, 58px); line-height: 1.07; letter-spacing: -.04em; }
.intro-band > p { margin-bottom: 7px; color: var(--muted); font-size: 17px; }
.section-heading { margin-bottom: 28px; display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.section-heading h2 { margin-bottom: 0; font-size: 34px; letter-spacing: -.035em; }
.section-stat { color: var(--muted); font-size: 12px; font-weight: 750; }
.section-heading--light { color: #fff; }

.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.article-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: transform .2s, box-shadow .2s; }
.article-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.article-card__image { min-height: 245px; padding: 18px; display: flex; align-items: flex-start; background: #151519 var(--card-image) center/cover no-repeat; }
.article-card__image:empty { background-image: linear-gradient(135deg, #17171b, #34333b); }
.article-card__body { padding: 23px; }
.article-card__body h3 { margin: 7px 0 12px; font-size: 23px; line-height: 1.18; letter-spacing: -.025em; }
.article-card__body > p:not(.meta) { min-height: 74px; color: var(--muted); font-size: 14px; }
.text-link { color: var(--orange-dark); font-size: 13px; font-weight: 850; }

.dark-panel { color: #fff; background: #0b0b0d; }
.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #27272b; border-radius: var(--radius); overflow: hidden; }
.category-tile { min-height: 260px; padding: 28px; position: relative; border-right: 1px solid #27272b; border-bottom: 1px solid #27272b; background: linear-gradient(145deg, color-mix(in srgb, var(--category) 11%, transparent), transparent 44%); }
.category-tile:nth-child(3n) { border-right: 0; }
.category-tile:nth-last-child(-n+3) { border-bottom: 0; }
.category-tile > span { color: var(--category); font-size: 12px; font-weight: 850; }
.category-tile h3 { margin: 42px 0 8px; font-size: 24px; }
.category-tile p { color: #a7a7ad; font-size: 13px; }
.category-tile strong { position: absolute; bottom: 25px; color: var(--category); font-size: 12px; }

.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.product-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.product-card__image { aspect-ratio: 1; padding: 20px; display: grid; place-items: center; background: #f3f4f5; }
.product-card__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.product-card__body { padding: 19px; }
.product-card__body > span, .product-card__body > p { color: var(--muted); font-size: 11px; }
.product-card__body h3 { min-height: 48px; margin: 7px 0; font-size: 17px; line-height: 1.25; }
.product-card__body > div { padding-top: 13px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font-size: 12px; }
.product-card__body a { color: var(--orange-dark); font-weight: 800; }
.newsletter-band { padding-block: 72px; color: #fff; background: linear-gradient(110deg, #d96800, #ff8a00 53%, #ffb000); }
.newsletter-band__inner { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.newsletter-band h2 { margin-bottom: 7px; font-size: 40px; letter-spacing: -.04em; }
.newsletter-band p { margin-bottom: 0; color: #211300; }
.newsletter-band .eyebrow { color: #211300; }

.site-footer { padding-top: 70px; color: #c6c6ca; background: #070708; }
.footer-grid { padding-bottom: 55px; display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 60px; }
.footer-grid p { max-width: 330px; color: #89898f; font-size: 13px; }
.footer-grid h2 { margin: 2px 0 18px; color: #fff; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.footer-grid > div:not(:first-child) a { display: block; margin: 9px 0; font-size: 13px; }
.wordmark--footer { display: inline-block; margin-bottom: 20px; font-size: 28px; }
.footer-bottom { padding-block: 20px; display: flex; justify-content: space-between; border-top: 1px solid #29292c; color: #74747a; font-size: 11px; }

.story { padding-top: 86px; }
.story-header { text-align: center; }
.story-header h1 { margin: 24px auto 22px; font-size: clamp(42px, 6vw, 76px); line-height: 1.02; letter-spacing: -.055em; }
.story-standfirst { max-width: 760px; margin: auto; color: var(--muted); font-size: 20px; }
.story-byline { margin-top: 30px; display: flex; justify-content: center; align-items: center; gap: 11px; text-align: left; }
.story-byline div { display: flex; flex-direction: column; font-size: 12px; }
.story-byline span { color: var(--muted); }
.story-hero { margin-top: 55px; height: min(680px, 62vw); overflow: hidden; border-radius: 16px; background: var(--soft); }
.story-hero img { width: 100%; height: 100%; object-fit: contain; }
.story-layout { display: grid; grid-template-columns: 120px minmax(0, 760px) 120px; justify-content: center; gap: 30px; padding-block: 66px; }
.story-share { padding-top: 8px; display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.story-share a { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 16px; }
.story-body { grid-column: 2; font-size: 18px; line-height: 1.82; }
.story-body h2 { margin: 48px 0 14px; font-size: 34px; line-height: 1.15; letter-spacing: -.03em; }
.story-body h3 { margin-top: 35px; font-size: 25px; }
.story-body p { margin-bottom: 24px; }
.story-body blockquote { margin: 40px 0; padding: 23px 30px; border-left: 4px solid var(--orange); background: var(--soft); font-size: 22px; font-weight: 700; }
.story-body a { color: var(--orange-dark); text-decoration: underline; }
.linked-products { border-top: 1px solid var(--line); }
.product-grid--article { grid-template-columns: repeat(2, minmax(0, 360px)); }
.related-stories { border-top: 1px solid var(--line); }
.category-header { padding-block: 92px; color: #fff; background: linear-gradient(120deg, #0a0a0c, color-mix(in srgb, var(--category) 35%, #0a0a0c)); }
.category-header h1 { margin-bottom: 12px; font-size: 62px; letter-spacing: -.05em; }
.category-header p { max-width: 650px; color: #d3d3d6; font-size: 18px; }
.preference-wrap { padding-block: 85px; }
.preference-wrap > header { margin-bottom: 35px; text-align: center; }
.preference-wrap h1 { margin-bottom: 10px; font-size: 48px; letter-spacing: -.04em; }
.preference-wrap header p { color: var(--muted); }
.preference-card, .unsubscribe-box, .preference-status { margin-bottom: 22px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.preference-card fieldset { margin: 0 0 25px; padding: 0; border: 0; }
.preference-card legend { font-size: 24px; font-weight: 800; }
.preference-card fieldset > p { color: var(--muted); font-size: 13px; }
.interest-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.interest-list label, .resubscribe { padding: 15px; display: flex; align-items: flex-start; gap: 11px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.interest-list label:has(input:checked) { border-color: var(--orange); background: #fff7eb; }
.interest-list input, .resubscribe input { margin-top: 4px; accent-color: var(--orange); }
.interest-list span { display: flex; flex-direction: column; }
.interest-list small { color: var(--muted); }
.resubscribe { margin-bottom: 22px; background: var(--soft); }
.unsubscribe-box { display: flex; justify-content: space-between; align-items: center; box-shadow: none; }
.unsubscribe-box p { margin: 2px 0 0; color: var(--muted); font-size: 13px; }
.preference-status--off { border-color: #edc8c9; background: #fff5f5; box-shadow: none; }
.error-page { min-height: 650px; padding-block: 130px; text-align: center; }
.error-page > span { color: var(--orange); font-size: 120px; font-weight: 900; line-height: 1; }
.error-page h1 { margin: 20px 0 10px; font-size: 42px; }
.error-page p { color: var(--muted); }

/* Authentication */
.auth-site { min-height: 100vh; color: #fff; background: radial-gradient(circle at 20% 20%, rgba(255,138,0,.2), transparent 30%), radial-gradient(circle at 80% 70%, rgba(108,99,255,.16), transparent 30%), #08080a; }
.auth-wrap { min-height: 100vh; padding: 45px 20px; display: grid; place-items: center; }
.login-card { width: min(480px, 100%); padding: 42px; border: 1px solid #2b2b30; border-radius: 18px; background: rgba(16,16,19,.94); box-shadow: 0 30px 90px rgba(0,0,0,.38); }
.login-brand { margin-bottom: 42px; }
.login-heading h1 { margin-bottom: 6px; font-size: 42px; letter-spacing: -.04em; }
.login-heading p { color: #9999a2; }
.stack-form { display: grid; gap: 17px; }
.stack-form label { display: grid; gap: 7px; color: #d6d6d8; font-size: 12px; font-weight: 750; }
.stack-form input { width: 100%; padding: 13px 14px; color: #fff; border: 1px solid #37373d; border-radius: 8px; outline: none; background: #101013; }
.stack-form input:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,138,0,.12); }
.demo-logins { margin-top: 25px; padding-top: 22px; border-top: 1px solid #2b2b30; }
.demo-logins > span { display: block; margin-bottom: 10px; color: #a9a9af; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.demo-logins > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.demo-logins button { width: 100%; min-height: 42px; padding: 6px; color: #ddd; border: 1px solid #37373d; border-radius: 6px; background: transparent; font-size: 10px; font-weight: 750; }
.demo-logins button:hover { color: #111; border-color: var(--orange); background: var(--orange); }
.demo-logins small { display: block; margin-top: 10px; color: #73737a; }
.login-card > .back-link { display: block; margin-top: 24px; text-align: center; }

/* Administration */
.admin-site { min-height: 100vh; background: #f3f4f6; }
.admin-sidebar { width: 255px; position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; flex-direction: column; overflow: hidden; color: #fff; background: #09090b; }
.admin-brand { padding: 29px 25px 26px; flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid #252529; }
.admin-brand .wordmark { font-size: 23px; }
.admin-brand small { color: var(--orange); font-size: 9px; font-weight: 850; letter-spacing: .38em; }
.admin-nav { padding: 20px 13px; min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #3b3b42 transparent; }
.admin-nav::-webkit-scrollbar { width: 7px; }
.admin-nav::-webkit-scrollbar-thumb { border-radius: 10px; background: #3b3b42; }
.admin-nav a { margin: 3px 0; padding: 11px 13px; display: flex; align-items: center; gap: 12px; border-radius: 7px; color: #a9a9af; font-size: 13px; font-weight: 680; }
.admin-nav a span { width: 20px; color: #7a7a80; text-align: center; font-size: 17px; }
.admin-nav a:hover { color: #fff; background: #17171a; }
.admin-nav a.active { color: #111; background: var(--orange); }
.admin-nav a.active span { color: #111; }
.admin-tree { margin: 3px 0; }
.admin-tree summary { padding: 11px 13px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 12px; border-radius: 7px; color: #a9a9af; font-size: 13px; font-weight: 680; cursor: pointer; list-style: none; }
.admin-tree summary::-webkit-details-marker { display: none; }
.admin-tree summary:hover { color: #fff; background: #17171a; }
.admin-tree summary.active { color: #111; background: var(--orange); }
.admin-tree summary > span:first-child { color: #7a7a80; text-align: center; font-size: 17px; }
.admin-tree summary.active > span:first-child { color: #111; }
.admin-tree summary b { transition: transform .18s ease; font-size: 14px; }
.admin-tree[open] summary b { transform: rotate(180deg); }
.admin-tree .admin-subnav { margin: 5px 0 10px 34px; padding-left: 10px; border-left: 1px solid #303037; }
.admin-tree .admin-subnav a { padding: 7px 9px; }
.admin-nav__label { margin: 25px 13px 8px; color: #606068; font-size: 9px; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
.sidebar-user { margin: 10px 15px 15px; padding: 14px; flex: 0 0 auto; display: flex; align-items: center; gap: 11px; border: 1px solid #2b2b30; border-radius: 9px; background: #121215; }
.sidebar-user div { min-width: 0; display: flex; flex-direction: column; }
.sidebar-user strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.sidebar-user small { color: #888891; font-size: 10px; }
.avatar { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; color: #111; border-radius: 50%; background: var(--orange); font-size: 11px; font-weight: 850; }
.avatar--dark { color: #fff; background: var(--ink); }
.avatar--small { width: 29px; height: 29px; font-size: 9px; }
.admin-shell { min-height: 100vh; margin-left: 255px; }
.admin-topbar { height: 76px; padding: 0 30px; position: sticky; top: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); }
.admin-topbar > div:first-of-type { display: flex; flex-direction: column; }
.admin-topbar .eyebrow { margin: 0; font-size: 8px; }
.admin-topbar strong { font-size: 14px; }
.topbar-actions { display: flex; align-items: center; gap: 6px; }
.topbar-actions form { margin: 0; }
.sidebar-toggle { display: none; border: 0; background: transparent; font-size: 21px; }
.admin-main { padding: 38px clamp(28px, 2.6vw, 48px) 52px; }
.page-heading { margin-bottom: 34px; display: flex; align-items: end; justify-content: space-between; gap: 34px; }
.page-heading h1 { margin: 0; font-size: 35px; line-height: 1.1; letter-spacing: -.045em; }
.page-heading p { max-width: 820px; margin: 9px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.page-heading--editor { align-items: center; }
.page-heading--editor .back-link { display: block; margin-bottom: 7px; }
.heading-actions { display: flex; gap: 9px; }
.flash { margin-block: 18px; padding: 13px 16px; border-radius: 8px; font-size: 13px; font-weight: 750; }
.site-header + .flash { position: relative; z-index: 5; }
.flash--success { color: #075838; border: 1px solid #a4ddc5; background: #eafaf4; }
.flash--error { color: #8e2529; border: 1px solid #eab9bb; background: #fff1f2; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 3px 14px rgba(20,23,30,.03); }
.panel-heading { padding: 24px 26px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.panel-heading h2 { margin: 0; font-size: 17px; letter-spacing: -.02em; }
.panel-heading p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.admin-main > .panel + .panel, .admin-main > .table-panel + .panel, .admin-main > details.panel + .panel { margin-top: 24px; }
.panel-heading > a { color: var(--orange-dark); font-size: 11px; font-weight: 850; }
.action-centre > .metric-grid { margin: 0; padding: 24px; }
.notification-row { padding: 16px 24px; }
.notification-row:last-child { border-bottom: 0; }
.panel > .knowledge-coverage { margin: 24px 26px; }
.panel > .knowledge-coverage + .help-text { margin: 0; padding: 0 26px 26px; line-height: 1.55; }
.page-actions { display: flex; align-items: center; gap: 9px; }
.page-actions form { margin: 0; }
.feed-status-panel { margin-bottom: 24px; overflow: hidden; }
.feed-health-summary { padding: 22px; display: grid; grid-template-columns: minmax(150px,.8fr) minmax(190px,1fr) minmax(260px,1.8fr); gap: 20px; }
.feed-health-summary > div { display: grid; align-content: start; gap: 4px; }
.feed-health-summary span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.feed-health-summary strong { font-size: 15px; }
.feed-health-summary small { color: var(--muted); font-size: 10px; }
.feed-health-message { padding-left: 20px; border-left: 1px solid var(--line); }
.feed-health-message p { margin: 3px 0 0; color: #4f535b; font-size: 11px; line-height: 1.6; }
.log-message { max-width: 330px; display: block; overflow: hidden; color: #4f535b; text-overflow: ellipsis; white-space: nowrap; }
.import-history { margin-top: 24px; overflow: hidden; }
.import-history summary { padding: 18px 22px; cursor: pointer; font-size: 12px; font-weight: 800; }
.import-history[open] summary { border-bottom: 1px solid var(--line); }
.validation-errors { margin: 24px 0; overflow: hidden; }
.validation-errors__legacy { margin: 22px; }
.metric-grid { margin-bottom: 30px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.metric-grid--three { grid-template-columns: repeat(3, 1fr); }
.metric-grid--four { grid-template-columns: repeat(4, 1fr); }
.metric-grid--five { grid-template-columns: repeat(5, 1fr); }
.metric-card { min-height: 112px; padding: 22px; display: flex; align-items: center; gap: 17px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.metric-card > div { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.metric-card strong { font-size: 25px; line-height: 1.1; letter-spacing: -.035em; }
.metric-card span:not(.metric-icon) { margin-top: 4px; color: var(--muted); font-size: 11px; }
.metric-card > small { color: var(--orange-dark); font-size: 9px; font-weight: 800; }
.metric-card--compact { min-height: 85px; }
.metric-icon { width: 45px; height: 45px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; font-size: 20px; }
.metric-icon--orange { color: #a54f00; background: #fff0db; }
.metric-icon--purple { color: #5248dc; background: #efedff; }
.metric-icon--blue { color: #0874cc; background: #e4f3ff; }
.metric-icon--green { color: #087b4d; background: #e5f8f0; }
.dashboard-grid { display: grid; grid-template-columns: 2.1fr 1fr; gap: 24px; }
.dashboard-grid--lower { margin-top: 24px; grid-template-columns: 1fr 1fr; }
.workflow-list > a { min-height: 72px; padding: 16px 24px; display: grid; grid-template-columns: auto 1fr auto 125px; align-items: center; gap: 16px; border-bottom: 1px solid #eeeef0; }
.workflow-list > a:last-child { border-bottom: 0; }
.workflow-list strong, .campaign-mini-list strong { display: block; font-size: 12px; }
.workflow-list small, .campaign-mini-list small { display: block; color: var(--muted); font-size: 10px; }
.workflow-list time { color: var(--muted); font-size: 10px; text-align: right; }
.status-dot { width: 9px; height: 9px; display: inline-block; border-radius: 50%; background: #a1a4aa; }
.status-dot--in_review { background: var(--purple); box-shadow: 0 0 0 4px #efedff; }
.status-dot--changes_requested { background: var(--red); }
.status-dot--approved, .status-dot--published { background: var(--green); }
.status-dot--scheduled { background: var(--blue); }
.status-dot--draft { background: #a1a4aa; }
.status-badge, .role-badge { padding: 5px 8px; display: inline-flex; align-items: center; border-radius: 999px; color: #555961; background: #eff0f2; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.status-badge--in_review { color: #4b43b7; background: #eeecff; }
.status-badge--changes_requested, .status-badge--complained { color: #a1282d; background: #ffebec; }
.status-badge--approved, .status-badge--published, .status-badge--subscribed, .status-badge--completed { color: #087348; background: #e6f8f0; }
.status-badge--unchanged { color: #0969b7; background: #e5f3ff; }
.status-badge--running { color: #985000; background: #fff0db; }
.status-badge--failed { color: #a1282d; background: #ffebec; }
.status-badge--scheduled, .status-badge--sending { color: #0969b7; background: #e5f3ff; }
.status-badge--unsubscribed, .status-badge--cleaned, .status-badge--cancelled, .status-badge--archived { color: #6b6e74; background: #ebeced; }
.import-health { padding-bottom: 20px; text-align: center; }
.health-ring { width: 76px; height: 76px; margin: 24px auto 13px; display: grid; place-items: center; color: var(--green); border: 7px solid #dff5ec; border-radius: 50%; font-size: 27px; }
.import-health h3 { margin-bottom: 5px; font-size: 17px; }
.import-health > p { padding: 0 25px; color: var(--muted); font-size: 11px; }
.import-health dl { margin: 18px 20px; }
.import-health dl div { padding: 7px 0; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font-size: 10px; }
.import-health dt { color: var(--muted); }
.import-health dd { margin: 0; font-weight: 750; }
.import-health > .button { width: calc(100% - 40px); margin-inline: 20px; }
.campaign-mini-list a { padding: 17px 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.campaign-symbol { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: #fff0db; }
.activity-list { padding: 12px 24px; }
.activity-list > div { padding: 13px 0; display: flex; gap: 12px; border-bottom: 1px solid var(--line); }
.activity-list > div:last-child { border-bottom: 0; }
.activity-list p { margin: 0; font-size: 11px; }
.activity-list small { display: block; color: var(--muted); }
.empty-state { padding: 70px 25px; text-align: center; }
.empty-state > span { color: var(--orange); font-size: 40px; }
.empty-state h2, .empty-state h3 { margin: 10px 0 3px; }
.empty-state p { color: var(--muted); font-size: 12px; }
.empty-state--compact { padding: 28px 20px; }
.empty-state--compact > span { font-size: 25px; }
.empty-state--compact h3 { font-size: 14px; }

.filter-bar { margin-bottom: 22px; padding: 15px; display: flex; gap: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.filter-bar select { min-width: 170px; padding: 8px 11px; border: 1px solid #dfe1e4; border-radius: 7px; background: #fff; font-size: 12px; }
.search-field { min-height: 38px; display: flex; align-items: center; flex: 1; border: 1px solid #dfe1e4; border-radius: 7px; background: #fff; }
.search-field span { padding-left: 11px; color: #999ca3; }
.search-field input { width: 100%; padding: 8px 10px; border: 0; outline: none; background: transparent; font-size: 12px; }
.search-field--wide { max-width: 650px; }
.table-panel { overflow: hidden; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 11px; }
thead th { padding: 14px 19px; color: #757981; background: #f8f8f9; font-size: 9px; font-weight: 850; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
tbody td { padding: 16px 19px; border-top: 1px solid #ececee; vertical-align: middle; line-height: 1.45; }
.table-panel > h2 { margin: 0; padding: 22px 24px; border-bottom: 1px solid var(--line); font-size: 17px; }
tbody tr:hover { background: #fcfcfd; }
.title-cell { min-width: 260px; display: flex; align-items: center; gap: 11px; }
.title-cell > div { min-width: 0; }
.title-cell strong { display: block; }
.title-cell small, .cell-subtext { display: block; color: var(--muted); font-size: 9px; }
.table-thumb { width: 48px; height: 37px; flex: 0 0 auto; border-radius: 5px; background: #222 var(--thumb) center/cover no-repeat; }
.table-product-image { width: 44px; height: 44px; flex: 0 0 auto; object-fit: contain; border-radius: 6px; background: var(--soft); }
.table-action { color: var(--orange-dark); font-size: 10px; font-weight: 850; white-space: nowrap; }
.audit-fixed { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; }
.table-actions { display: flex; align-items: center; gap: 12px; }
.admin-interest-list { margin-top: 5px; }
.truncate-cell { max-width: 240px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stock-value { font-weight: 850; }
.in-stock { color: var(--green); }
.out-stock { color: var(--red); }
.tiny-warning { margin-left: 4px; padding: 2px 4px; color: #8a5000; border-radius: 3px; background: #fff1d6; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.pagination { padding: 13px 17px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.pagination div { display: flex; gap: 15px; }
.pagination a { color: var(--orange-dark); font-weight: 800; }
code { padding: 3px 5px; border-radius: 4px; background: #f0f1f3; font-size: 10px; }
pre > code { display: block; padding: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; white-space: inherit; overflow-wrap: inherit; word-break: inherit; }

.workflow-strip { margin-bottom: 17px; padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.workflow-strip > div:first-child { display: grid; grid-template-columns: auto auto; align-items: center; gap: 4px 10px; }
.workflow-strip small { grid-column: 2; color: var(--muted); font-size: 10px; }
.workflow-lock { margin-bottom: 17px; }
.workflow-history em { margin-top: 3px; color: #555961; font-size: 10px; }
.editor-layout[inert] { opacity: .72; }
.workflow-actions { display: flex; gap: 7px; }
.workflow-actions form { margin: 0; }
.editor-layout, .campaign-editor { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 24px; align-items: start; }
.editor-main { display: grid; gap: 24px; }
.editor-side { display: grid; gap: 24px; position: sticky; top: 93px; }
.form-panel { padding: 26px; }
.form-panel > h2 { margin: 0 0 21px; font-size: 16px; }
.form-panel .panel-heading { margin: -26px -26px 24px; }
.field { margin-bottom: 23px; display: grid; gap: 8px; color: #42454c; font-size: 11px; font-weight: 750; }
.field:last-child { margin-bottom: 0; }
.field input, .field textarea, .field select { width: 100%; padding: 11px 12px; color: var(--ink); border: 1px solid #dfe1e4; border-radius: 7px; outline: none; background: #fff; font-size: 12px; font-weight: 450; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,138,0,.1); }
.field small, .field-help, .form-panel > small { color: var(--muted); font-size: 9px; font-weight: 450; }
.field--title input { padding: 13px; font-size: 20px; font-weight: 750; letter-spacing: -.02em; }
.field--title small { text-align: right; }
.input-prefix { display: flex; align-items: center; overflow: hidden; border: 1px solid #dfe1e4; border-radius: 7px; }
.input-prefix span { padding-left: 10px; color: var(--muted); font-size: 10px; font-weight: 500; }
.input-prefix input { border: 0; box-shadow: none !important; }
.editor-toolbar { min-height: 38px; padding: 5px 7px; display: flex; align-items: center; gap: 4px; border: 1px solid #dfe1e4; border-bottom: 0; border-radius: 7px 7px 0 0; background: #f7f8f9; }
.editor-toolbar button { min-width: 29px; height: 27px; border: 1px solid #dddfe3; border-radius: 4px; background: #fff; font-size: 10px; }
.editor-toolbar span { margin-left: auto; color: var(--muted); font-size: 8px; font-weight: 600; }
.code-editor { border-radius: 0 0 7px 7px !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 11px !important; line-height: 1.6; resize: vertical; }
.check-field { padding: 11px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; }
.check-field input { margin-top: 4px; accent-color: var(--orange); }
.check-field span { display: flex; flex-direction: column; font-size: 10px; }
.check-field small { color: var(--muted); }
.image-preview { aspect-ratio: 16/10; display: grid; place-items: end start; overflow: hidden; border: 1px dashed #cfd1d5; border-radius: 8px; background: #f3f4f5 var(--preview) center/contain no-repeat; }
.image-preview span { margin: 8px; padding: 3px 6px; color: #fff; border-radius: 4px; background: rgba(0,0,0,.65); font-size: 8px; }
.media-field-actions { margin-top: 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.media-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.media-card { min-width: 0; overflow: hidden; }
.media-card__preview { aspect-ratio: 16/10; display: grid; place-items: center; overflow: hidden; background: #eceef1; }
.media-card__preview img { width: 100%; height: 100%; object-fit: contain; }
.media-card__body { padding: 17px; }
.media-card__body > strong, .media-card__body > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-card__body > strong { font-size: 12px; }
.media-card__body > small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.media-card__badges { margin: 13px 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.media-card .field { margin-bottom: 9px; }
.media-picker { width: min(920px, calc(100% - 30px)); }
.media-picker__inner { padding: 23px; }
.media-picker__grid { max-height: 65vh; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; overflow-y: auto; }
.media-picker__grid button { min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: #fff; text-align: left; }
.media-picker__grid button:hover { border-color: var(--orange); }
.media-picker__grid img { width: 100%; aspect-ratio: 16/10; object-fit: contain; background: var(--soft); }
.media-picker__grid span { margin-top: 6px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.product-search { margin-bottom: 8px; }
.product-search-results { max-height: 270px; overflow-y: auto; border-radius: 7px; }
.product-search-result, .selected-product { padding: 8px; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.product-search-result + .product-search-result, .selected-product + .selected-product { margin-top: 6px; }
.product-search-result:hover { border-color: var(--orange); }
.product-search-result img, .selected-product img { width: 44px; height: 44px; object-fit: contain; border-radius: 5px; background: var(--soft); }
.product-search-result span, .selected-product span { min-width: 0; display: flex; flex-direction: column; }
.product-search-result strong, .selected-product strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.product-search-result small, .selected-product small { color: var(--muted); font-size: 8px; }
.product-search-result button, .selected-product button { width: 27px; height: 27px; border: 0; border-radius: 50%; background: #f1f2f4; font-weight: 850; }
.selected-products { margin-top: 11px; }
.selected-product input { display: none; }
.placeholder-copy { color: var(--muted); font-size: 10px; text-align: center; }
.revision-list > div { padding: 10px 0; display: flex; gap: 10px; border-bottom: 1px solid var(--line); }
.revision-list p { margin: 0; display: flex; flex-direction: column; font-size: 10px; }
.revision-list span, .revision-list small { color: var(--muted); }

.modal { width: min(570px, calc(100% - 30px)); padding: 0; border: 0; border-radius: 14px; box-shadow: 0 25px 100px rgba(0,0,0,.3); }
.modal::backdrop { background: rgba(5,5,7,.7); backdrop-filter: blur(3px); }
.modal > form { padding: 23px; }
.modal-heading { margin: -23px -23px 22px; padding: 20px 23px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }
.modal-heading h2 { margin: 0; font-size: 21px; }
.modal-heading button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--soft); font-size: 19px; }
.modal-actions { padding-top: 16px; display: flex; justify-content: flex-end; gap: 8px; }
.warning-box, .demo-notice { padding: 14px; border: 1px solid #f0d2a4; border-radius: 8px; background: #fff8eb; }
.warning-box p, .demo-notice p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.file-drop { margin-top: 17px; min-height: 130px; padding: 25px; display: grid; place-items: center; align-content: center; border: 2px dashed #d8dade; border-radius: 9px; text-align: center; cursor: pointer; }
.file-drop input { max-width: 100%; }
.file-drop span { margin-top: 9px; font-size: 12px; font-weight: 800; }
.file-drop small { color: var(--muted); }
.demo-badge { padding: 6px 9px; color: #6c4a00; border: 1px solid #f0d2a4; border-radius: 999px; background: #fff8eb; font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.demo-notice { margin-bottom: 18px; display: flex; align-items: center; gap: 13px; }
.demo-notice > span { font-size: 22px; }
.demo-notice strong { font-size: 12px; }
.audience-estimate { margin: 12px 0; padding: 14px; display: flex; flex-direction: column; border-radius: 8px; background: var(--soft); }
.audience-estimate strong { font-size: 27px; }
.audience-estimate span { color: var(--muted); font-size: 9px; }
.audience-proof { margin: -5px 0 12px; padding: 9px 12px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 7px; font-size: 9px; }
.audience-proof span { color: var(--muted); }
.campaign-readiness { margin-bottom: 18px; }
.campaign-readiness ul { margin: 8px 0 0; padding-left: 18px; color: var(--muted); font-size: 10px; }
.review-note { margin-bottom: 18px; padding: 15px 18px; border-left: 4px solid var(--orange); border-radius: 7px; background: #fff8eb; }
.review-note p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.check-list { margin: 0; padding: 0; list-style: none; }
.check-list li { margin: 8px 0; padding-left: 21px; position: relative; color: var(--muted); font-size: 10px; }
.check-list li::before { content: "○"; position: absolute; left: 0; }
.check-list li.done { color: #176d4b; }
.check-list li.done::before { content: "✓"; font-weight: 900; }
.campaign-editor { margin-bottom: 18px; }
.email-preview-panel { padding-bottom: 28px; }
.email-preview { width: min(660px, calc(100% - 40px)); margin: 28px auto 0; border: 1px solid #dfe1e4; background: #fff; box-shadow: 0 12px 35px rgba(0,0,0,.08); }
.email-preview__inbox { padding: 10px 14px; display: flex; flex-direction: column; gap: 2px; color: #24262a; border-bottom: 1px solid #dfe1e4; background: #f6f7f8; }
.email-preview__inbox strong { font-size: 11px; }
.email-preview__inbox span { overflow: hidden; color: #777c84; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.email-preview__header { padding: 24px; display: flex; align-items: baseline; justify-content: space-between; color: #fff; background: #000; }
.email-preview__header span { font-size: 25px; font-weight: 780; letter-spacing: .18em; }
.email-preview__header small { color: var(--orange); font-weight: 850; letter-spacing: .18em; }
.email-preview__body { padding: 42px; }
.email-preview__article img { width: 100%; max-height: 320px; display: block; object-fit: cover; }
.email-preview__article > div { padding: 34px 42px 0; }
.email-preview__article h2 { margin: 7px 0 9px; font-size: 30px; line-height: 1.08; letter-spacing: -.035em; }
.email-preview__article p { margin: 0; color: #555a62; font-size: 13px; line-height: 1.55; }
.email-preview__body h2 { font-size: 34px; line-height: 1.08; letter-spacing: -.04em; }
.email-preview__body p { color: #555a62; font-size: 14px; }
.email-preview__body > a { margin-top: 15px; padding: 11px 17px; display: inline-block; color: #111; border-radius: 5px; background: var(--orange); font-size: 11px; font-weight: 850; }
.email-preview__footer { padding: 22px; color: #858990; background: #f2f3f4; font-size: 9px; text-align: center; }
.campaign-history { margin-top: 18px; }
.heading-actions{display:flex;align-items:center;gap:10px}.campaign-settings{margin-bottom:22px;padding:25px}.campaign-settings__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.composer-layout{margin-bottom:24px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.composer-workspace{min-width:0;display:grid;gap:18px}.composer-sidebar{display:grid;gap:18px;position:sticky;top:92px}.block-palette{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.block-palette h2{margin:0 0 4px;font-size:18px}.block-palette p{margin:0;color:var(--muted);font-size:10px}.block-palette__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.block-palette__buttons button{min-width:62px;padding:9px 10px;display:grid;gap:3px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:9px;font-weight:750}.block-palette__buttons button:hover{border-color:var(--orange);background:#fff8ed}.block-palette__buttons span{color:var(--orange-dark);font-size:15px}.campaign-block-list{display:grid;gap:13px}.campaign-block{overflow:hidden;border:1px solid var(--line)}.campaign-block.dragging{opacity:.55;outline:2px solid var(--orange)}.campaign-block__header{padding:13px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:#f8f8f9}.campaign-block__header strong{font-size:12px;text-transform:capitalize}.campaign-block__handle{color:#a2a5aa;cursor:grab;letter-spacing:-3px}.campaign-block__actions{margin-left:auto;display:flex;gap:4px}.campaign-block__actions button{width:29px;height:29px;border:1px solid #dfe1e4;border-radius:5px;background:#fff;font-weight:800}.campaign-block__actions button:last-child{color:#a21e1e}.campaign-block__body{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.campaign-block__body .field:has(textarea){grid-column:1/-1}.campaign-block__body textarea{resize:vertical}.composer-empty{padding:55px;text-align:center;color:var(--muted)}.composer-product-selected{margin-bottom:7px;padding:9px;border-radius:6px;background:var(--soft);font-size:10px}.composer-product-results{margin-top:6px;display:grid;gap:4px}.composer-product-result{padding:8px;border:1px solid var(--line);border-radius:5px;background:#fff;text-align:left;font-size:9px}.composer-product-result:hover{border-color:var(--orange)}.preview-switch{padding:3px;display:flex;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.preview-switch button{padding:7px 11px;border:0;border-radius:5px;background:transparent;font-size:9px;font-weight:750}.preview-switch button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}.email-preview.is-mobile{width:390px;max-width:calc(100% - 30px)}.email-preview__greeting{padding:30px 42px 3px;font-size:14px}.composer-preview-block{padding:21px 42px}.composer-preview-block img{width:100%;max-height:360px;display:block;object-fit:contain}.composer-preview-block .eyebrow{margin-top:14px;display:block;color:var(--orange-dark);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.composer-preview-block h2{margin:6px 0 10px;font-size:28px;line-height:1.12}.composer-preview-block p{color:#555a62;font-size:13px;line-height:1.6}.composer-preview-button{margin-top:10px;padding:11px 17px;display:inline-block;border-radius:5px;background:var(--orange);font-size:11px;font-weight:850}.composer-preview-link{color:var(--orange-dark);font-size:11px;font-weight:850}.composer-preview-block--divider{padding-block:14px}.composer-preview-block--divider hr{border:0;border-top:1px solid var(--line)}.composer-preview-block--image small{margin-top:7px;display:block;color:var(--muted);font-size:9px}.analytics-config{margin-bottom:18px}.info-box{margin-bottom:18px;padding:17px 20px;border:1px solid #cfe0f7;border-radius:9px;background:#f1f7ff}.info-box p{margin:5px 0 0;color:var(--muted);font-size:10px}
.delivery-safety { margin-bottom: 18px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid; border-radius: 10px; }
.delivery-safety p { margin: 4px 0 0; font-size: 10px; }
.delivery-safety--paused { color: #6c4a00; border-color: #f0d2a4; background: #fff8eb; }
.delivery-safety--live { color: #176d4b; border-color: #a8dfc8; background: #e9f9f2; }
.delivery-grid { margin-bottom: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.config-list { margin: 0; }
.config-list > div { padding: 10px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.config-list > div:last-child { border-bottom: 0; }
.config-list dt { color: var(--muted); font-size: 10px; }
.config-list dd { margin: 0; font-size: 10px; font-weight: 750; text-align: right; }
.dns-checks { display: grid; gap: 10px; }
.dns-checks > div { padding: 13px 15px; display: flex; justify-content: space-between; border-radius: 8px; font-size: 10px; }
.dns-checks .done { color: #176d4b; background: #e9f9f2; }
.dns-checks .attention { color: #8a5200; background: #fff4df; }
.delivery-cron { margin-top: 18px; }
.delivery-cron code { margin: 10px 0; padding: 10px 12px; display: block; overflow-wrap: anywhere; color: #fff; border-radius: 6px; background: #111; font-size: 10px; }
.role-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.role-card { padding: 23px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.role-card h2 { margin: 17px 0 7px; font-size: 17px; }
.role-card p { color: var(--muted); font-size: 11px; }
.role-badge--owner { color: #985000; background: #fff0db; }
.role-badge--editor { color: #4d45bd; background: #eeecff; }
.role-badge--creator { color: #176d4b; background: #e6f8f0; }

/* Customer Hub */
.global-feature { min-height: 120px; padding: 24px max(24px, calc((100% - 1240px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 30px; color: #fff; background: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.35)), #111 var(--global-image) center/cover no-repeat; }
.customer-tools-nav { border-bottom: 1px solid #dedfe2; background: #fff; }
.customer-tools-nav > div { min-height: 52px; display: flex; align-items: center; justify-content: center; gap: 27px; }
.customer-tools-nav a { padding-block: 5px; color: #555961; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.customer-tools-nav a:hover { color: var(--orange-dark); }
.global-feature span { display: flex; flex-direction: column; }
.global-feature strong { font-size: 24px; }
.global-feature small { color: #ddd; }
.global-feature b { color: var(--orange); white-space: nowrap; }
.news-hero--story { min-height: 480px; }
.hub-heading { padding: 78px 0; color: #fff; background: radial-gradient(circle at 85% 20%, rgba(255,138,0,.17), transparent 34%), #09090b; }
.hub-heading h1 { max-width: 920px; margin-bottom: 15px; font-size: clamp(44px, 6vw, 76px); line-height: 1; letter-spacing: -.055em; }
.hub-heading p { max-width: 760px; margin-bottom: 0; color: #bec0c6; font-size: 17px; }
.hub-heading .back-link { margin-bottom: 25px; display: block; color: #ccc; }
.hub-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .8fr); align-items: start; gap: 24px; }
.hub-main, .hub-side { min-width: 0; display: grid; gap: 22px; }
.hub-side { position: sticky; top: 20px; }
.hub-card { min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 8px 30px rgba(10,13,18,.04); }
.hub-card--feature { max-width: 700px; grid-column: 1/-1; margin-inline: auto; }
.hub-card h2 { margin-bottom: 8px; font-size: 25px; letter-spacing: -.03em; }
.hub-card > p { color: var(--muted); }
.hub-card--danger { border-color: #efc3c5; background: #fffafa; }
.hub-card__heading { margin-bottom: 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.hub-card__heading h2 { margin: 0; }
.hub-actions { min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.private-link { padding: 12px; border-radius: 7px; background: var(--soft); font-size: 10px; }
.private-link strong { display: block; }
.private-link input { display: block; width: 100%; min-width: 0; padding: 5px 0 0; border: 0; background: transparent; color: var(--muted); font-size: 10px; text-overflow: ellipsis; }
.hub-search { display: flex; gap: 8px; }
.hub-search input { min-width: 0; flex: 1; padding: 12px 14px; border: 1px solid #d7d9dd; border-radius: 7px; }
.hub-search--light { max-width: 760px; margin-top: 28px; }
.hub-search--light input { border-color: #39393e; color: #fff; background: rgba(255,255,255,.08); }
.hub-results { margin-top: 20px; display: grid; gap: 9px; }
.hub-product-row { padding: 14px; display: grid; grid-template-columns: 76px 1fr auto; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: 10px; }
.hub-product-row img { width: 76px; height: 76px; object-fit: contain; background: var(--soft); }
.hub-product-row > div { min-width: 0; display: flex; flex-direction: column; }
.hub-product-row strong { overflow-wrap: anywhere; font-size: 15px; line-height: 1.35; }
.hub-product-row small { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.hub-product-row span { color: var(--green); font-size: 12px; font-weight: 700; }
.hub-product-row form { display: flex; gap: 6px; }
.hub-product-row input[type=number], .project-item__edit input[type=number] { width: 68px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; }
.project-items { margin-bottom: 16px; display: grid; gap: 10px; }
.project-item { padding: 12px; display: grid; grid-template-columns: auto 58px minmax(160px,1fr) auto auto; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 9px; }
.project-item > img { width: 58px; height: 58px; object-fit: contain; background: var(--soft); }
.project-item > div { display: flex; flex-direction: column; }
.project-item small, .project-item span { color: var(--muted); font-size: 12px; }
.compare-check { color: var(--muted); font-size: 11px; }
.project-item__edit { display: flex; gap: 6px; }
.project-item__edit input:not([type=number]) { width: 130px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; }
.project-builder { min-width: 0; }
.project-builder > *, .project-builder .hub-card__heading > *, .project-builder .hub-product-row > * { min-width: 0; }
.project-builder .project-cables { grid-column: 1 / -1; }
.compare-table { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.compare-table table { min-width: 900px; width: 100%; border-collapse: collapse; }
.compare-table th, .compare-table td { width: 220px; padding: 17px; vertical-align: top; border: 1px solid var(--line); text-align: left; }
.compare-table th:first-child { width: 130px; }
.compare-table thead th { background: #111; color: #fff; }
.compare-table th small { display: block; color: #aaa; }
.compare-table img { width: 150px; height: 150px; object-fit: contain; }
.compare-spec { font-size: 10px; }
.manual-grid { display: grid; gap: 12px; }
.manual-card { padding: 20px; display: grid; grid-template-columns: 100px 1fr auto; align-items: center; gap: 18px; border: 1px solid var(--line); border-radius: 10px; }
.document-icon { width: 52px; height: 58px; display: grid; place-items: center; color: #fff; border-radius: 6px; background: #d94040; font-size: 11px; font-weight: 900; }
.manual-card h2 { margin: 3px 0; font-size: 17px; }
.manual-card small, .manual-card p, .manual-card span { color: var(--muted); font-size: 12px; }
.manual-card__actions { display: flex; align-items: center; gap: 15px; }
.manual-search select { min-width: 220px; padding: 0 14px; border: 1px solid #d9dadd; border-radius: 7px; background: #fff; }
.document-filter-pills { margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.document-filter-pills a { padding: 7px 11px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: #fff; font-size: 11px; font-weight: 750; }
.document-filter-pills a.active, .document-filter-pills a:hover { color: #fff; border-color: var(--ink); background: var(--ink); }
.document-result-count { color: var(--muted); font-size: 12px; }
.document-icon { font-size: 20px; }
.document-icon--technical_drawing { background: #3867d6; }
.document-icon--datasheet { background: #6c63ff; }
.document-icon--certificate { background: #13a66b; }
.document-icon--quick_start { color: #2a1d00; background: #ffbd2e; }
.document-icon--photometric { background: #8d5bdb; }
.document-icon--firmware { background: #45505f; }
.document-icon--other { background: #777b83; font-size: 10px; }
.document-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.document-badges > span { padding: 3px 7px; border-radius: 999px; background: var(--soft); }
.document-type-badge { color: var(--ink) !important; font-weight: 800; }
.document-filename { display: block; max-width: 720px; overflow-wrap: anywhere; }
.document-product-thumb { width: 96px; height: 96px; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.document-product-thumb > img { width: 100%; height: 100%; object-fit: contain; }
.document-product-thumb > .document-icon { width: 100%; height: 100%; border-radius: 0; }
.document-product-thumb > b { width: 28px; height: 28px; position: absolute; right: 5px; bottom: 5px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.15); font-size: 13px; }
.document-report { position: relative; }
.document-report summary { color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 700; }
.document-report form { width: 320px; margin-top: 8px; padding: 14px; position: absolute; z-index: 5; right: 0; border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: var(--shadow); }
.document-admin-list { display: grid; }
.document-admin-list > details { border-bottom: 1px solid var(--line); }
.document-admin-list > details > summary { padding: 14px 18px; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 14px; cursor: pointer; }
.document-admin-list > details > summary .document-icon { width: 44px; height: 48px; }
.document-admin-list > details > summary strong, .document-admin-list > details > summary small { display: block; }
.document-admin-list > details > form { margin: 0 18px 18px; border: 1px solid var(--line); border-radius: 9px; }
.expectation-list { margin-top: 20px; display: grid; gap: 8px; }
.expectation-list > div { padding: 10px; display: grid; grid-template-columns: 1fr auto; border-top: 1px solid var(--line); }
.expectation-list small { grid-column: 1; color: var(--muted); }
.faq-list { display: grid; gap: 12px; }
.faq-card { border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.faq-card summary { padding: 20px; cursor: pointer; font-size: 17px; font-weight: 800; }
.faq-card > div { padding: 0 20px 20px; color: #484c54; }
.faq-card form { margin-top: 18px; display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding-top: 14px; }
.finder-form { max-width: 900px; margin-top: 28px; display: flex; align-items: stretch; gap: 10px; }
.finder-form textarea { min-width: 0; padding: 16px; flex: 1; resize: vertical; border: 1px solid #414146; border-radius: 8px; color: #fff; background: rgba(255,255,255,.08); }
.finder-summary { margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.finder-summary h2 { margin: 8px 0 4px; font-size: 32px; }
.finder-summary p { margin: 0; color: var(--muted); }
.finder-summary__actions, .finder-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.finder-summary__actions { flex: 0 0 auto; justify-content: flex-end; }
.finder-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.finder-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }
.finder-card > img { width: 100%; aspect-ratio: 1.2; object-fit: contain; background: var(--soft); }
.finder-card > div { padding: 20px; }
.finder-card small { color: var(--muted); }
.finder-card h2 { margin: 5px 0; font-size: 19px; }
.finder-card ul { padding-left: 18px; color: #176d4b; font-size: 12px; }
.finder-card p { color: var(--muted); font-size: 13px; }
.finder-card__actions { display: flex; align-items: center; gap: 12px; }
.finder-clarifier { max-width: 980px; margin-inline: auto; padding: 32px; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
.finder-clarifier__robot { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; color: #111; background: var(--orange); font-size: 30px; font-weight: 900; }
.finder-clarifier__body h2 { margin: 10px 0 6px; font-size: clamp(26px, 4vw, 38px); line-height: 1.06; }
.finder-clarifier__body > p { max-width: 720px; margin: 0; color: var(--muted); }
.finder-understood { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 7px; }
.finder-understood span { padding: 7px 10px; border-radius: 999px; color: #5d3d00; background: #fff2dc; font-size: 10px; font-weight: 800; }
.finder-questions { margin-top: 24px; display: grid; gap: 16px; }
.finder-question { min-width: 0; margin: 0; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.finder-question legend { padding: 0 6px 0 0; display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 850; }
.finder-question legend span { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 50%; color: #111; background: var(--orange); font-size: 11px; }
.finder-question > p { margin: 3px 0 15px; color: var(--muted); font-size: 12px; }
.finder-answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.finder-answer-grid label { position: relative; cursor: pointer; }
.finder-answer-grid input { position: absolute; opacity: 0; pointer-events: none; }
.finder-answer-grid span { min-height: 46px; padding: 11px 13px; display: flex; align-items: center; border: 1px solid #cfd1d6; border-radius: 8px; background: #fff; font-size: 12px; font-weight: 750; transition: border-color .15s, box-shadow .15s, background .15s; }
.finder-answer-grid input:checked + span { border-color: var(--orange); background: #fff7eb; box-shadow: inset 0 0 0 1px var(--orange); }
.finder-answer-grid input:focus-visible + span { outline: 3px solid rgba(255,133,0,.28); outline-offset: 2px; }
.finder-answer-text { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #cfd1d6; border-radius: 8px; background: #fff; }
.finder-unknown { margin-top: 10px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.finder-evidence { margin: 14px 0; padding: 13px 14px; border-left: 3px solid #20ad77; border-radius: 0 7px 7px 0; background: #effaf6; }
.finder-evidence strong { display: block; margin-bottom: 5px; font-size: 11px; }
.finder-evidence ul { margin: 0; padding-left: 17px; color: #176d4b; font-size: 11px; }
.related-products { margin-top: 20px; padding-top: 16px; display: grid; gap: 8px; border-top: 1px solid var(--line); }
.related-products__heading { font-size: 13px; }
.related-products__help { margin: 0 0 4px; color: var(--muted); font-size: 10px !important; }
.related-product { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.related-product[open] { border-color: #ffb45d; box-shadow: 0 8px 20px rgba(17,17,17,.07); }
.related-product > summary { min-width: 0; padding: 11px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; cursor: pointer; list-style: none; }
.related-product > summary::-webkit-details-marker { display: none; }
.related-product__type { padding: 5px 7px; border-radius: 999px; color: #7a4200 !important; background: #fff0d8; font-size: 8px !important; font-weight: 850; text-transform: uppercase; }
.related-product__identity { min-width: 0; }
.related-product__identity strong, .related-product__identity small { display: block; }
.related-product__identity strong { overflow: hidden; color: #17171a; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.related-product__identity small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.related-product__quick { color: var(--orange-dark) !important; font-size: 9px !important; font-weight: 850; white-space: nowrap; }
.related-product[open] .related-product__quick::after { content: " open"; }
.related-product__snapshot { padding: 14px; display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 13px; border-top: 1px solid var(--line); background: var(--soft); }
.related-product__snapshot > img { width: 78px; height: 78px; object-fit: contain; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.related-product__snapshot h3 { margin: 0 0 5px; font-size: 14px; line-height: 1.25; }
.related-product__snapshot p { margin: 0 0 9px; font-size: 10px; }
.related-product__note { padding: 8px; border-radius: 6px; background: #fff; }
.related-product__actions { margin-bottom: 8px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.related-product__snapshot small { display: block; color: var(--muted); font-size: 8px; }

/* Product Finder ranking controls */
.ranking-rule-create { margin-bottom: 24px; }
.ranking-rule-grid { display: grid; grid-template-columns: 150px minmax(260px, 1.4fr) minmax(180px, .8fr) minmax(170px, .7fr); gap: 18px; align-items: end; }
.ranking-rule-grid__note { grid-column: 1 / span 3; }
.ranking-rule-grid__active { min-height: 50px; margin: 0; align-self: end; }
.ranking-rule-list { display: grid; gap: 14px; padding: 20px; }
.ranking-rule-card { padding: 20px; border: 1px solid var(--line); border-left: 5px solid var(--green); border-radius: 12px; background: #fff; }
.ranking-rule-card--paused { border-left-color: var(--muted); background: var(--soft); opacity: .82; }
.ranking-rule-card > header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 18px; }
.ranking-rule-card > header > div { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.ranking-rule-card > header strong { font-size: 18px; }
.ranking-rule-card > header small { flex-basis: 100%; color: var(--muted); }
.ranking-rule-card > header > b { padding: 8px 12px; border-radius: 999px; background: #fff0d7; color: var(--orange-dark); white-space: nowrap; }
.ranking-rule-grid--edit { grid-template-columns: 130px minmax(240px, 1.3fr) minmax(170px, .8fr) 120px; }
.ranking-rule-grid--edit .ranking-rule-grid__note { grid-column: 1 / -1; }
.ranking-rule-card__actions { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 14px; }
.ranking-rule-card > form:last-child { margin-top: 10px; }

@media (max-width: 900px) {
    .ranking-rule-grid,
    .ranking-rule-grid--edit { grid-template-columns: 1fr 1fr; }
    .ranking-rule-grid__value,
    .ranking-rule-grid__note { grid-column: 1 / -1; }
    .ranking-rule-grid__active { min-height: auto; }
}

@media (max-width: 620px) {
    .ranking-rule-grid,
    .ranking-rule-grid--edit { grid-template-columns: 1fr; gap: 12px; }
    .ranking-rule-grid__value,
    .ranking-rule-grid__note { grid-column: auto; }
    .ranking-rule-list { padding: 12px; }
    .ranking-rule-card { padding: 16px; }
    .ranking-rule-card > header,
    .ranking-rule-card__actions { align-items: flex-start; flex-direction: column; }
}
.finder-fallback { margin-top: 24px; text-align: center; }
.two-fields, .three-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.three-fields { grid-template-columns: repeat(3, 1fr); }
.idea-item { padding: 14px 0; border-bottom: 1px solid var(--line); }
.idea-item span { color: var(--orange-dark); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.idea-item h3 { margin: 5px 0; }
.idea-item p { margin: 0; color: var(--muted); font-size: 11px; }
.honeypot { width: 1px; height: 1px; position: absolute; left: -10000px; overflow: hidden; }
.hub-admin-tabs { margin-bottom: 18px; padding: 10px; display: flex; flex-wrap: wrap; gap: 7px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.hub-admin-tabs a { padding: 8px 11px; border-radius: 6px; background: var(--soft); font-size: 10px; font-weight: 800; }
.hub-admin-grid { margin-bottom: 24px; display: grid; grid-template-columns: minmax(320px,.75fr) minmax(500px,1.25fr); gap: 24px; scroll-margin-top: 15px; }
.hub-admin-grid > .panel:not(.form-panel):not(.table-panel) { padding: 26px; }
.hub-admin-grid > .panel:not(.form-panel):not(.table-panel) > h2:first-child { margin-top: 0; }
.table-wrap--scroll { max-height: 620px; overflow: auto; }
.hero-admin-list, .faq-admin-list, .feedback-admin-list { max-height: 680px; overflow: auto; }
.hero-admin-list > article { padding: 12px 18px; display: grid; grid-template-columns: 90px 1fr auto auto auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }
.hero-admin-list img { width: 90px; height: 55px; object-fit: cover; border-radius: 5px; }
.hero-admin-list div { display: flex; flex-direction: column; }
.hero-admin-list small { color: var(--muted); font-size: 9px; }
.unanswered-box { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
.unanswered-box p { margin: 0; padding: 8px 0; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); font-size: 10px; }
.unanswered-box span { color: var(--muted); }
.faq-admin-list details, .feedback-admin-list details { border-bottom: 1px solid var(--line); }
.faq-admin-list summary, .feedback-admin-list summary { padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; }
.faq-admin-list form, .feedback-detail { padding: 0 18px 18px; }
.feedback-admin-list summary > div { display: flex; flex-direction: column; }
.feedback-admin-list summary span:first-child { color: var(--muted); font-size: 9px; }
.feedback-detail > p { padding: 14px; border-radius: 7px; background: var(--soft); font-size: 11px; }

@media (max-width: 1180px) {
    .site-nav { gap: 13px; }
    .site-nav a { font-size: 9px; }
    .wordmark { font-size: 28px; }
    .article-grid { grid-template-columns: repeat(2, 1fr); }
    .product-grid { grid-template-columns: repeat(3, 1fr); }
    .metric-grid { grid-template-columns: repeat(2, 1fr); }
    .metric-grid--five { grid-template-columns: repeat(3, 1fr); }
    .admin-main { padding-inline: 30px; }
}

@media (max-width: 900px) {
    .site-header__inner { min-height: 78px; }
    .menu-toggle { display: block; }
    .site-nav { padding: 18px 24px; position: absolute; top: 78px; left: 0; right: 0; display: none; flex-direction: column; align-items: flex-start; background: #000; border-top: 1px solid #262629; }
    .site-nav.open { display: flex; }
    .header-actions { display: none; }
    .news-hero { min-height: 560px; }
    .intro-band { grid-template-columns: 1fr; gap: 25px; }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .category-tile:nth-child(3n) { border-right: 1px solid #27272b; }
    .category-tile:nth-child(2n) { border-right: 0; }
    .category-tile:nth-last-child(-n+3) { border-bottom: 1px solid #27272b; }
    .category-tile:nth-last-child(-n+2) { border-bottom: 0; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .story-layout { grid-template-columns: 1fr; }
    .story-share { padding: 0; flex-direction: row; }
    .story-body { grid-column: 1; }
    .admin-sidebar { transform: translateX(-100%); transition: transform .2s; }
    .admin-sidebar.open { transform: translateX(0); }
    .admin-shell { margin-left: 0; }
    .sidebar-toggle { display: block; }
    .admin-topbar { justify-content: flex-start; gap: 18px; }
    .topbar-actions { margin-left: auto; }
    .dashboard-grid, .dashboard-grid--lower { grid-template-columns: 1fr; }
    .editor-layout, .campaign-editor { grid-template-columns: 1fr; }
    .editor-side { position: static; grid-template-columns: repeat(2, 1fr); }
    .role-grid { grid-template-columns: 1fr; }
    .delivery-grid { grid-template-columns: 1fr; }
    .feed-health-summary { grid-template-columns: 1fr 1fr; }
    .feed-health-message { padding: 16px 0 0; grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; }
    .media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .media-picker__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hub-layout, .hub-admin-grid { grid-template-columns: 1fr; }
    .hub-side { position: static; }
    .finder-grid { grid-template-columns: repeat(2, 1fr); }
    .solution-product { grid-template-columns:120px minmax(0,1fr); }
    .solution-product__media img { width:120px; height:120px; }
    .solution-product>.button { grid-column:2; justify-self:start; }
    .project-item { grid-template-columns: auto 50px 1fr; }
    .project-item__edit, .project-item > form:last-child { grid-column: 3; }
}

@media (max-width: 640px) {
    .shell, .shell--reading, .shell--narrow { width: min(100% - 28px, 1240px); }
    .section { padding-block: 55px; }
    .news-hero__content { padding-block: 62px; }
    .news-hero__content h1 { font-size: 43px; }
    .hero-actions { align-items: flex-start; flex-direction: column; }
    .intro-band h2 { font-size: 37px; }
    .article-grid, .category-grid, .product-grid, .interest-list { grid-template-columns: 1fr; }
    .category-tile { border-right: 0 !important; border-bottom: 1px solid #27272b !important; }
    .category-tile:last-child { border-bottom: 0 !important; }
    .newsletter-band__inner, .unsubscribe-box { align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .footer-bottom { flex-direction: column; gap: 4px; }
    .story { padding-top: 55px; }
    .story-header h1 { font-size: 43px; }
    .story-hero { width: 100%; height: 70vw; border-radius: 0; }
    .story-body { font-size: 16px; }
    .story-body h2 { font-size: 28px; }
    .preference-wrap h1, .category-header h1 { font-size: 41px; }
    .login-card { padding: 28px 22px; }
    .demo-logins > div { grid-template-columns: 1fr; }
    .admin-main { padding: 20px 14px; }
    .admin-topbar { padding: 0 14px; }
    .admin-topbar > div:first-of-type, .topbar-actions .button--ghost { display: none; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .page-heading h1 { font-size: 31px; }
    .page-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .page-actions form, .page-actions .button { width: 100%; }
    .heading-actions { width: 100%; }
    .heading-actions .button { flex: 1; }
    .metric-grid, .metric-grid--three, .metric-grid--four, .metric-grid--five { grid-template-columns: 1fr 1fr; }
    .metric-card { min-height: 90px; padding: 17px; }
    .metric-card > small { display: none; }
    .filter-bar { align-items: stretch; flex-direction: column; }
    .filter-bar select { width: 100%; }
    .workflow-strip { align-items: flex-start; flex-direction: column; }
    .workflow-actions { width: 100%; flex-wrap: wrap; }
    .editor-side { grid-template-columns: 1fr; }
    .form-panel { padding: 20px; }
    .form-panel .panel-heading { margin: -20px -20px 20px; padding: 20px; }
    .panel-heading { padding: 20px; }
    .action-centre > .metric-grid { padding: 18px; }
    thead th, tbody td { padding-inline: 13px; }
    .health-card { min-height: 190px; padding: 22px; }
    .health-card h2 { margin-bottom: 22px; }
    .health-dot { top: 22px; right: 22px; }
    .editor-toolbar span { display: none; }
    .email-preview { width: calc(100% - 20px); }
    .email-preview__body { padding: 26px 20px; }
    .email-preview__body h2 { font-size: 28px; }
    .feed-health-summary { grid-template-columns: 1fr; }
    .feed-health-message { grid-column: auto; }
    .media-grid { grid-template-columns: 1fr; }
    .media-picker__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hub-heading { padding: 55px 0; }
    .robbie-heading { padding:60px 0 48px; }
    .shell.robbie-shell { width:min(100% - 20px,1060px); }
    .robbie-messages { min-height:360px; padding:18px 12px; }
    .robbie-message { max-width:98%; gap:7px; }
    .robbie-message>span { flex-basis:30px; height:30px; }
    .robbie-message>div { padding:14px; }
    .robbie-message p { font-size:14px; }
    .robbie-products a { grid-template-columns:58px 1fr; padding:9px; }
    .robbie-products img { width:58px; height:58px; }
    .robbie-sources a { align-items:flex-start; flex-direction:column; gap:0; }
    .robbie-form,.robbie-escalation { padding:16px; }
    .robbie-disclaimer { padding:2px 16px 17px; }
    .hub-card__heading, .finder-summary, .manual-card__actions { align-items: flex-start; flex-direction: column; }
    .hub-search, .finder-form { flex-direction: column; }
    .hub-product-row, .manual-card { grid-template-columns: 76px 1fr; }
    .document-product-thumb { width: 72px; height: 72px; }
    .hub-product-row form, .manual-card__actions { grid-column: 2; }
    .manual-search select { width: 100%; min-height: 44px; }
    .document-report form { width: min(300px, calc(100vw - 48px)); right: auto; left: 0; }
    .document-admin-list > details > summary { grid-template-columns: 44px 1fr; }
    .document-admin-list > details > summary .status-badge { grid-column: 2; }
    .project-item { grid-template-columns: auto 1fr; }
    .project-item > img { display: none; }
    .project-item__edit, .project-item > form:last-child { grid-column: 2; flex-wrap: wrap; }
    .project-builder { width: calc(100% - 28px); gap: 18px; overflow: visible; }
    .project-builder .hub-main, .project-builder .hub-side { width: 100%; gap: 18px; }
    .project-builder .hub-card { width: 100%; padding: 20px 16px; overflow: hidden; }
    .project-builder .hub-card__heading { width: 100%; gap: 15px; }
    .project-builder .hub-card__heading h2 { overflow-wrap: anywhere; font-size: 28px; line-height: 1.12; }
    .project-builder .hub-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; gap: 8px; }
    .project-builder .hub-actions .button { width: 100%; min-width: 0; min-height: 48px; justify-content: center; padding: 10px 8px; white-space: normal; text-align: center; line-height: 1.25; }
    .project-builder .hub-actions .button:last-child { grid-column: 1 / -1; }
    .project-builder .private-link { width: 100%; margin-top: 16px; padding: 13px; overflow: hidden; }
    .project-builder .private-link input { max-width: 100%; padding-top: 7px; font-size: 12px; white-space: nowrap; overflow: hidden; }
    .project-builder .hub-search { width: 100%; gap: 10px; }
    .project-builder .hub-search input, .project-builder .hub-search .button { width: 100%; min-height: 48px; }
    .project-builder .hub-product-row { width: 100%; grid-template-columns: 68px minmax(0, 1fr); align-items: start; gap: 12px; padding: 13px; }
    .project-builder .hub-product-row img { width: 68px; height: 68px; }
    .project-builder .hub-product-row small { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
    .project-builder .hub-product-row form { width: 100%; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; }
    .project-builder .hub-product-row input[type=number] { width: 100%; min-width: 0; min-height: 46px; }
    .project-builder .hub-product-row form .button { min-width: 88px; min-height: 46px; justify-content: center; }
    .project-builder .project-item > div strong, .project-builder .project-item > div small { overflow-wrap: anywhere; }
    .project-builder .project-item__edit { width: 100%; display: grid; grid-template-columns: 76px minmax(0, 1fr); }
    .project-builder .project-item__edit input:not([type=number]) { width: 100%; min-width: 0; }
    .project-builder .project-item__edit .button { grid-column: 1 / -1; justify-content: center; }
    .project-builder .project-item > form:last-child .button, .project-builder > .project-cables .button { width: 100%; justify-content: center; }
    .finder-grid, .two-fields, .three-fields { grid-template-columns: 1fr; }
    .finder-clarifier { padding: 20px 16px; grid-template-columns: 1fr; gap: 16px; }
    .finder-clarifier__robot { width: 54px; height: 54px; font-size: 23px; }
    .finder-answer-grid { grid-template-columns: 1fr; }
    .finder-question { padding: 17px 13px; }
    .finder-summary__actions, .finder-action-row { width: 100%; align-items: stretch; flex-direction: column; }
    .finder-summary__actions .button, .finder-action-row .button { justify-content: center; }
    .related-product > summary { grid-template-columns: 1fr auto; }
    .related-product__type { width: max-content; grid-column: 1; }
    .related-product__identity { grid-column: 1 / -1; grid-row: 2; }
    .related-product__identity strong { white-space: normal; }
    .related-product__quick { grid-column: 2; grid-row: 1; }
    .related-product__snapshot { grid-template-columns: 64px minmax(0,1fr); padding: 12px; }
    .related-product__snapshot > img { width: 64px; height: 64px; }
    .solution-hero { padding:68px 0 42px; }.solution-hero h1 { font-size:clamp(38px,12vw,52px); }
    .solution-products { padding:20px 16px; }.solution-product { grid-template-columns:1fr; gap:16px; }.solution-product__media img { width:100%; height:auto; aspect-ratio:1.4; }.solution-product>.button { grid-column:auto; justify-self:stretch; }.solution-facts { grid-template-columns:1fr; }.knowledge-coverage { grid-template-columns:1fr; }
    .hero-admin-list > article { grid-template-columns: 70px 1fr; }
    .hero-admin-list form, .hero-admin-list .status-badge { grid-column: 2; }
    .global-feature { align-items: flex-start; flex-direction: column; }
    .customer-tools-nav > div { padding-block: 10px; justify-content: flex-start; gap: 18px; overflow-x: auto; }
    .customer-tools-nav a { white-space: nowrap; }
}
@media (max-width: 420px) {
    .project-builder .hub-actions { grid-template-columns: 1fr; }
    .project-builder .hub-actions .button:last-child { grid-column: auto; }
    .project-builder .project-item { grid-template-columns: 1fr; }
    .project-builder .project-item > *, .project-builder .project-item__edit, .project-builder .project-item > form:last-child { grid-column: 1; }
}
.action-centre{margin-bottom:24px;border-top:4px solid var(--orange,#ff8500)}
.queue-card--open{box-shadow:inset 0 0 0 2px rgba(255,133,0,.28)}
.queue-card--open strong{color:#c65d00}
.queue-card--clear{opacity:.78}
.notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.notification-row:last-child{border-bottom:0}
.notification-row>a{color:inherit;text-decoration:none}.notification-row small{display:block;margin-top:4px;color:#667085}
.notification-matrix th:not(:first-child),.notification-matrix td:not(:first-child){width:100px;text-align:center}
.product-cell{display:flex;gap:12px;align-items:flex-start;min-width:250px}.product-cell img{width:64px;height:64px;object-fit:contain;border:1px solid #e5e7eb;border-radius:8px}
@media(max-width:700px){.notification-row{grid-template-columns:1fr}.action-centre .metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.composer-layout{grid-template-columns:1fr}.composer-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.block-palette{align-items:flex-start;flex-direction:column}.block-palette__buttons{justify-content:flex-start}}
@media(max-width:700px){.campaign-settings__grid,.campaign-block__body,.composer-sidebar,.template-gallery{grid-template-columns:1fr!important}.campaign-block__body .field:has(textarea){grid-column:auto}.block-palette__buttons button{min-width:54px}.composer-preview-block,.email-preview__greeting{padding-left:24px;padding-right:24px}.heading-actions{align-items:stretch;flex-direction:column}.template-picker select{min-width:100%!important;width:100%!important}}
.template-picker{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.template-picker h2{margin:0 0 4px;font-size:16px}.template-picker p{margin:0;color:var(--muted);font-size:10px}.template-picker>div:last-child{display:flex;align-items:center;gap:7px}.template-picker select{min-width:210px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10px}.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{overflow:hidden}.template-card--inactive{opacity:.62}.template-card__preview{min-height:180px;padding:22px;display:grid;align-content:center;gap:7px;background:#111}.template-mini{padding:9px 12px;display:block;border-radius:4px;background:#fff;color:#111;font-size:8px;font-weight:800;text-transform:uppercase}.template-mini--image{min-height:40px;background:linear-gradient(135deg,#ff8a00,#7424b9);color:#fff}.template-mini--divider{height:1px;min-height:1px;padding:0;background:#555}.template-mini--spacer{min-height:20px;background:transparent}.template-mini--button{width:35%;background:var(--orange)}.template-card__body{padding:20px}.template-card__body h2{margin:14px 0 7px;font-size:18px}.template-card__body p{min-height:38px;color:var(--muted);font-size:10px}.template-card__body small{display:block;color:var(--muted);font-size:9px}.template-card__body form{margin-top:15px}@media(max-width:1000px){.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.template-picker{align-items:flex-start;flex-direction:column}.template-picker>div:last-child{flex-wrap:wrap}}
.cable-hero{background:radial-gradient(circle at 78% 20%,rgba(255,138,0,.24),transparent 35%),#0b0b0d;color:#fff}.confidence-card{max-width:330px;padding:24px;border:1px solid #36363b;border-radius:14px;background:#151519}.confidence-card span{display:block;margin-top:7px;color:#b7b7c0}.cable-mode-grid{width:min(100% - 40px,1280px);margin:34px auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cable-mode{padding:24px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.cable-mode strong,.cable-mode span{display:block}.cable-mode span{margin-top:6px;color:var(--muted)}.cable-mode.active{border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,138,0,.15)}.cable-help,.cable-builder,.cable-result-grid,.cable-promises{width:min(100% - 40px,1280px);margin:18px auto}.cable-builder{padding:32px}.cable-visual{display:grid;grid-template-columns:minmax(130px,auto) 1fr minmax(170px,auto) 1fr minmax(130px,auto);align-items:center;gap:10px;margin:28px 0;padding:26px;border-radius:14px;background:#111;color:#fff;text-align:center}.cable-visual i{height:12px;background:linear-gradient(#202025,#050505);border-radius:10px}.cable-visual span{padding:14px 12px;border:2px solid #777;border-radius:8px;background:#242429}.cable-visual strong small{display:block;margin-top:4px;color:#aaa}.cable-summary{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.cable-summary strong,.cable-summary span,.cable-summary small{display:block}.cable-summary strong{font-size:30px}.cable-summary span{margin-top:5px;color:var(--muted)}.product-port-results{display:grid;gap:8px;margin:14px 0}.product-port-result{padding:13px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff}.product-port-result strong,.product-port-result span{display:block}.product-port-result span{margin-top:4px;color:var(--muted)}.spec-sheet{max-width:950px;margin:30px auto;padding:50px;background:#fff}.spec-sheet header{display:flex;justify-content:space-between;padding:22px;background:#050505;color:#fff}.spec-sheet table{width:100%;margin:30px 0;border-collapse:collapse}.spec-sheet th,.spec-sheet td{padding:14px;border:1px solid #ccc;text-align:left}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.sign-grid span{padding-top:55px;border-bottom:1px solid #111}.span-three{grid-column:1/-1}@media(max-width:760px){.cable-mode-grid{grid-template-columns:1fr}.cable-builder{padding:20px}.cable-visual{grid-template-columns:1fr}.cable-visual i{height:35px;width:12px;justify-self:center}.cable-summary{align-items:stretch;flex-direction:column}.sign-grid{grid-template-columns:1fr}.spec-sheet{margin:0;padding:20px}.span-three{grid-column:auto}}@media print{.public-site>header,.public-site>nav,.public-site>footer,.spec-sheet button{display:none}.spec-sheet{margin:0;max-width:none;box-shadow:none}}
/* Public launch control and customer accounts */
.site-state-ribbon{position:relative;z-index:1200;display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:8px 18px;color:#18120a;background:#ffdca8;font-size:13px}
.site-state-ribbon--off{color:#fff;background:#9f1d24}.site-state-ribbon strong{letter-spacing:.08em}.site-state-ribbon form{margin:0}.site-state-ribbon button{padding:5px 10px;border:1px solid currentColor;border-radius:5px;color:inherit;background:transparent;font-weight:800;cursor:pointer}
.unavailable-section{min-height:62vh;display:grid;place-items:center}.unavailable-card{max-width:760px;padding:54px;text-align:center}.unavailable-card h1{font-size:clamp(32px,5vw,58px);line-height:1.03}.unavailable-card .hero-actions{justify-content:center}
.launch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.launch-preview-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px;margin-bottom:24px}.launch-preview-panel>div{flex:1}.launch-preview-panel .private-link{display:flex;gap:10px;margin-top:14px}.launch-preview-panel .private-link input{flex:1;min-width:0}
.launch-control-panel .panel-heading{position:sticky;top:68px;z-index:5;background:#fff}.launch-sections{display:grid}.launch-section{display:grid;grid-template-columns:minmax(280px,1fr) minmax(440px,.9fr);align-items:center;gap:28px;padding:24px 28px;border-top:1px solid #e3e4e8}.launch-section p{max-width:700px;margin:5px 0;color:#676b75}.launch-section>div>small{color:#9599a3}.launch-state-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.launch-state{cursor:pointer}.launch-state input{position:absolute;opacity:0;pointer-events:none}.launch-state span{display:block;padding:13px;border:2px solid #e2e3e7;border-radius:9px;background:#fafafa;text-align:center;transition:.15s}.launch-state b,.launch-state small{display:block}.launch-state small{margin-top:2px;color:#777}.launch-state input:checked+span{border-color:#111;background:#111;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.14)}.launch-state--live input:checked+span{border-color:#15875d;background:#e5f8f0;color:#075e40}.launch-state--test input:checked+span{border-color:#e49112;background:#fff3df;color:#845000}.launch-state--off input:checked+span{border-color:#a52a31;background:#fbe9ea;color:#861820}.launch-section .launch-state input:focus-visible+span{outline:3px solid rgba(255,138,0,.3)}.panel-footer{display:flex;justify-content:flex-end;padding:20px 28px;border-top:1px solid #e3e4e8}.account-readiness{margin-top:24px;padding:28px}.account-readiness .health-grid{grid-template-columns:repeat(4,1fr)}
.account-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);align-items:center;gap:70px;min-height:70vh}.account-auth__intro h1{max-width:680px;font-size:clamp(42px,6vw,76px);line-height:.98}.account-auth__intro>p{max-width:650px;font-size:19px;color:#626772}.account-auth__intro ul{display:grid;gap:10px;margin:28px 0;padding:0;list-style:none}.account-auth__intro li:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;color:#08744d;background:#dff5ec;font-weight:900}.account-form{padding:34px}.account-form h1,.account-form h2{margin-top:0}.account-form__switch{text-align:center;color:#6f737c}.account-form__links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e4e5e8}.account-resend{margin-top:18px;padding-top:18px;border-top:1px solid #e4e5e8}.account-resend summary{cursor:pointer;font-weight:800}.account-resend form{margin-top:16px}.account-single{display:grid;place-items:center;min-height:68vh}.account-single .account-form{width:min(560px,100%)}
.account-dashboard .page-heading{margin-bottom:28px}.account-metrics{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:18px;margin-bottom:22px}.account-email{font-size:clamp(16px,2vw,24px)!important;overflow-wrap:anywhere}.account-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:22px}.account-main,.account-side{display:grid;align-content:start;gap:22px}.account-dashboard .hub-card{padding:28px}.account-dashboard .field{margin-bottom:16px}.account-projects{display:grid;margin-top:18px;border-top:1px solid #e5e6e9}.account-projects a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px;border-bottom:1px solid #e5e6e9;color:#16171a}.account-projects strong,.account-projects small{display:block}.account-projects small{margin-top:4px;color:#747984}.account-projects span{color:#d86f00;font-weight:800;white-space:nowrap}
@media(max-width:1100px){.launch-summary{grid-template-columns:repeat(2,1fr)}.launch-section{grid-template-columns:1fr}.account-readiness .health-grid{grid-template-columns:repeat(2,1fr)}.account-auth{grid-template-columns:1fr;gap:30px;padding-top:50px}.account-auth__intro h1{font-size:52px}.account-layout{grid-template-columns:1fr}.account-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.site-state-ribbon{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.launch-summary,.account-metrics,.account-readiness .health-grid{grid-template-columns:1fr}.launch-preview-panel{display:block}.launch-preview-panel form{margin-top:18px}.launch-preview-panel .private-link{display:grid}.launch-control-panel .panel-heading{position:static}.launch-section{padding:20px 16px}.launch-state-options{grid-template-columns:1fr}.launch-state span{display:flex;align-items:center;justify-content:space-between;text-align:left}.account-auth{display:block;min-height:0;padding-top:34px}.account-auth__intro{margin-bottom:28px}.account-auth__intro h1{font-size:40px}.account-form{padding:24px 18px}.account-form__links{display:grid}.account-dashboard .page-heading{align-items:flex-start}.account-dashboard .hub-card{padding:21px 17px}.account-projects a{align-items:flex-start;flex-direction:column}.unavailable-card{padding:38px 20px}}
.account-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Customer account centre */
.account-request-list,.admin-request-list,.account-note-list,.activity-timeline{display:grid;gap:14px;margin:18px 0}.account-request-list article,.admin-request-list>article,.account-note-list article{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.account-request-list article{display:grid;grid-template-columns:1fr auto;gap:7px 16px}.account-request-list article p,.account-request-list article>small{grid-column:1/-1}.account-request-list small,.account-note-list small{color:var(--muted)}.account-request-form{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.privacy-card>small{display:block;margin-top:16px;color:var(--muted);line-height:1.5}
.account-admin-metrics{margin-bottom:22px}.filter-panel{padding:20px 24px;margin-bottom:22px}.filter-panel .filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) 220px auto auto;align-items:end;gap:14px}.filter-panel .field{margin:0}.attention-count{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;color:#8a4800;background:#ffe7c2}.account-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.account-admin-summary article{padding:22px}.account-admin-summary span,.account-admin-summary strong,.account-admin-summary small{display:block}.account-admin-summary span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.account-admin-summary strong{margin:10px 0 6px;font-size:19px;overflow-wrap:anywhere}.account-admin-summary small{color:var(--muted)}.account-admin-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr);gap:22px}.account-admin-main,.account-admin-side{display:grid;align-content:start;gap:22px}.account-detail-panel .detail-grid{padding:6px 24px 24px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-grid div{padding:16px;border-radius:9px;background:#f6f7f8}.detail-grid dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.detail-grid dd{margin:7px 0 0;font-weight:700;overflow-wrap:anywhere}.span-two{grid-column:1/-1}.request-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.request-heading strong,.request-heading small{display:block}.request-heading small{margin-top:4px;color:var(--muted)}.admin-request-list>article>form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.account-actions{padding:24px}.account-actions form+form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.account-note-list article p{margin-top:0}.activity-timeline{padding:0 24px 24px}.activity-timeline article{display:grid;grid-template-columns:14px 1fr;gap:12px}.activity-timeline article>span{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--orange)}.activity-timeline strong,.activity-timeline small{display:block}.activity-timeline small{margin-top:4px;color:var(--muted)}.danger-zone{padding:24px;border-color:#e9b8bb;background:#fff7f7}.danger-zone h2{color:#8f1f25}.button--danger{border-color:#9f1d24!important;color:#fff!important;background:#9f1d24!important}
@media(max-width:1100px){.account-admin-summary{grid-template-columns:repeat(2,1fr)}.account-admin-layout{grid-template-columns:1fr}.filter-panel .filter-bar{grid-template-columns:1fr 1fr auto}}
@media(max-width:720px){.account-admin-summary,.detail-grid,.filter-panel .filter-bar{grid-template-columns:1fr}.filter-panel .button{width:100%}.account-request-list article{grid-template-columns:1fr}.account-request-list article .status-badge{justify-self:start}.account-request-list article p,.account-request-list article>small{grid-column:auto}.request-heading{align-items:flex-start;flex-direction:column}.account-detail-panel .detail-grid{padding:4px 16px 18px}.span-two{grid-column:auto}}

/* Product relationship intelligence review */
.relationship-review-heading{align-items:flex-start}.relationship-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.relationship-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.relationship-summary__item{min-height:150px;padding:20px;border:1px solid var(--line);border-top:4px solid #999;border-radius:12px;color:inherit;background:#fff;text-decoration:none}.relationship-summary__item span,.relationship-summary__item strong,.relationship-summary__item small{display:block}.relationship-summary__item span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.relationship-summary__item strong{margin:9px 0 8px;font-size:30px}.relationship-summary__item small{color:var(--muted);line-height:1.5}.relationship-summary__item--ready{border-top-color:#19a76e}.relationship-summary__item--caution{border-top-color:#ed9b20}.relationship-summary__item--weak{border-top-color:#76808d}.relationship-summary__item--blocked{border-top-color:#b52c35}.relationship-filter-panel{padding:20px;margin:22px 0}.relationship-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px 190px 170px auto auto;align-items:end;gap:12px}.relationship-filters .field{margin:0}.relationship-batch-bar{position:sticky;top:68px;z-index:15;display:flex;align-items:center;gap:18px;margin:20px 0;padding:13px 16px;border:1px solid #282a2e;border-radius:10px;color:#fff;background:#111}.relationship-batch-bar>span{margin-left:auto}.relationship-batch-bar select{min-width:220px;padding:9px;border:0;border-radius:6px;background:#fff}.relationship-review-list{display:grid;gap:20px}.relationship-review-card{overflow:hidden;border:1px solid var(--line);border-left:5px solid #858a92;border-radius:13px;background:#fff;box-shadow:0 4px 18px rgba(20,23,30,.04)}.relationship-review-card--ready{border-left-color:#19a76e}.relationship-review-card--caution{border-left-color:#ed9b20}.relationship-review-card--blocked{border-left-color:#b52c35}.relationship-review-card__header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);background:#f8f8f9}.relationship-review-card__header>strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.relationship-confidence{margin-left:auto;color:var(--muted);font-size:11px}.relationship-select{display:flex;gap:7px;align-items:center;font-weight:750}.relationship-state{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;background:#e8eaed}.relationship-state--ready{color:#08734a;background:#e1f6ed}.relationship-state--caution{color:#8a5000;background:#fff0d7}.relationship-state--blocked{color:#98232a;background:#fde7e9}.relationship-pair{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:stretch}.relationship-product{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:24px}.relationship-product__image{width:150px;height:150px;display:grid;place-items:center;border:1px solid #e5e6e8;border-radius:10px;background:#f5f5f6;color:var(--muted);font-size:11px}.relationship-product__image img{width:100%;height:100%;padding:8px;object-fit:contain;mix-blend-mode:multiply}.relationship-product__role{display:block;margin-bottom:7px;color:#8b5100;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.relationship-product h2{margin:0 0 7px;font-size:19px;line-height:1.25}.relationship-product p{margin:9px 0;color:var(--muted);font-size:11px;line-height:1.5}.relationship-product a{color:var(--orange-dark);font-size:11px;font-weight:800}.relationship-arrow{display:grid;place-items:center;align-content:center;gap:7px;color:#6d727b;background:#f5f5f6;text-align:center}.relationship-arrow span{font-size:10px;font-weight:850;text-transform:uppercase}.relationship-arrow b{font-size:28px}.relationship-evidence{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 24px;border-top:1px solid var(--line);background:#fafafa}.relationship-evidence>div{padding:17px;border-radius:9px;background:#fff}.relationship-evidence h3{margin:0 0 8px;font-size:13px}.relationship-evidence ul,.relationship-evidence p{margin:0;padding-left:17px;color:#555b65;font-size:11px;line-height:1.6}.relationship-evidence p{padding-left:0}.relationship-evidence__warning{border-left:4px solid #ed9b20}.relationship-evidence__warning.is-clear{border-left-color:#19a76e}.relationship-existing{display:flex;gap:12px;padding:13px 24px;color:#075f40;background:#e5f7ef}.relationship-review-card__footer{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 24px;border-top:1px solid var(--line)}.relationship-decision-note{flex:1}.relationship-decision-note label{display:block;margin-bottom:6px;font-size:10px;font-weight:800}.relationship-decision-note input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px}.relationship-approval-blocked{max-width:190px;color:#9b2930;font-size:10px;font-weight:800;line-height:1.4}.empty-state{padding:50px;text-align:center}
@media(max-width:1200px){.relationship-summary{grid-template-columns:repeat(2,1fr)}.relationship-filters{grid-template-columns:repeat(2,1fr)}.relationship-pair{grid-template-columns:1fr}.relationship-arrow{min-height:56px}.relationship-arrow b{transform:rotate(90deg)}.relationship-product{grid-template-columns:120px 1fr}.relationship-product__image{width:120px;height:120px}}
@media(max-width:720px){.relationship-summary,.relationship-filters,.relationship-evidence{grid-template-columns:1fr}.relationship-heading-actions{width:100%}.relationship-heading-actions form,.relationship-heading-actions button{width:100%}.relationship-batch-bar{position:static;align-items:stretch;flex-direction:column}.relationship-batch-bar>span{margin:0}.relationship-batch-bar select{min-width:0;width:100%}.relationship-review-card__header{align-items:flex-start;flex-wrap:wrap}.relationship-confidence{width:100%;margin:0}.relationship-product{grid-template-columns:86px minmax(0,1fr);gap:13px;padding:18px 14px}.relationship-product__image{width:86px;height:86px}.relationship-product h2{font-size:16px}.relationship-evidence{padding:14px}.relationship-review-card__footer{align-items:stretch;flex-direction:column;padding:16px 14px}.relationship-review-card__footer .inline-actions{width:100%;flex-direction:column}.relationship-review-card__footer .button{width:100%}.relationship-approval-blocked{max-width:none}.empty-state{padding:30px 18px}}
.account-projects>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #e6e7e9}.account-projects>article>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;color:inherit;text-decoration:none}.account-projects>article>a strong,.account-projects>article>a small{display:block}.account-projects>article>a small{margin-top:4px;color:var(--muted)}
@media(max-width:700px){.account-projects>article{grid-template-columns:1fr;padding-bottom:12px}.account-projects>article>a{padding-bottom:3px}.account-projects>article form .button{width:100%}}

/* Shared admin readability and responsive controls */
.admin-main .content-grid{display:grid;gap:24px;align-items:start}
.admin-main .content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-main .content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-main .split-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);gap:24px;align-items:start}
.admin-main .split-layout>aside{display:grid;gap:24px}
.admin-main .admin-form-rail{display:grid;gap:24px}
.admin-main .split-layout>aside>.panel>form,.admin-main .split-layout>aside.panel>form{padding:24px}
.admin-main .form-grid{display:grid;gap:18px 20px;align-items:start}
.admin-main .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-main .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-main .form-grid>.span-two{grid-column:span 2}
.admin-main .form-grid>.span-three{grid-column:1/-1}
.admin-main .form-grid>label,.admin-main .form-panel form>label:not(.check-field),.admin-main .stack-form>.field{min-width:0;display:grid;gap:7px;color:#42454c;font-size:11px;font-weight:750;line-height:1.35}
.admin-main .form-grid>label>input:not([type=checkbox]):not([type=radio]),.admin-main .form-grid>label>select,.admin-main .form-grid>label>textarea,
.admin-main .form-panel form>label:not(.check-field)>input:not([type=checkbox]):not([type=radio]),.admin-main .form-panel form>label:not(.check-field)>select,.admin-main .form-panel form>label:not(.check-field)>textarea,
.admin-main .stack-form>.field>input,.admin-main .stack-form>.field>select,.admin-main .stack-form>.field>textarea{
    width:100%;min-width:0;min-height:43px;padding:10px 12px;border:1px solid #d8dbe0;border-radius:7px;outline:none;color:var(--ink);background:#fff;font:450 12px/1.4 var(--font)
}
.admin-main textarea{min-height:92px;resize:vertical}
.admin-main .form-grid input:focus,.admin-main .form-grid select:focus,.admin-main .form-grid textarea:focus,
.admin-main .stack-form input:focus,.admin-main .stack-form select:focus,.admin-main .stack-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,138,0,.1)}
.admin-main .check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.admin-main .check-field{min-height:46px;padding:11px 12px;display:flex!important;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fafafa}
.admin-main .check-field input{width:auto!important;min-height:0!important;margin:3px 0 0;accent-color:var(--orange)}
.admin-main .check-field span{display:grid;gap:3px}.admin-main .check-field small{color:var(--muted);font-size:9px;font-weight:450;line-height:1.45}
.admin-main .form-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px}
.admin-main .form-section-heading h2{margin:2px 0 0;font-size:17px}
.admin-main .form-section-heading .eyebrow{margin:0}
.admin-main .form-panel form>.button:last-child,.admin-main .form-grid>.button:last-child{justify-self:start;margin-top:4px}
.admin-main .table-wrap{position:relative;overflow:auto;-webkit-overflow-scrolling:touch}
.admin-main .table-wrap table{min-width:720px}
.admin-main thead th{position:sticky;top:0;z-index:2;white-space:nowrap}
.admin-main tbody td{vertical-align:top}
.admin-main tbody td>small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}
.admin-main tbody td .button{white-space:nowrap}
.admin-main .panel>.table-wrap:last-child{border-radius:0 0 var(--radius) var(--radius)}
.admin-main .panel>.table-wrap:first-child{border-radius:var(--radius)}
.admin-main .table-actions{flex-wrap:wrap}
.admin-main .code-wrap{display:block;max-width:520px;padding:8px 10px;border-radius:6px;background:#f4f5f7;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.5}
.admin-main .inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-main .inline-actions form{margin:0}
.admin-main .detail-list{display:grid;margin:0}
.admin-main .detail-list>div{padding:16px 0;border-top:1px solid var(--line)}
.admin-main .detail-list dt{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.admin-main .detail-list dd{margin:5px 0 0;line-height:1.6}
.admin-main .metric-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1200px){
    .admin-main .content-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-main .split-layout{grid-template-columns:1fr}
    .admin-main .metric-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
    .admin-main .content-grid.two,.admin-main .content-grid.three,.admin-main .form-grid.two,.admin-main .form-grid.three,.admin-main .check-grid{grid-template-columns:1fr}
    .admin-main .form-grid>.span-two,.admin-main .form-grid>.span-three{grid-column:auto}
    .admin-main .page-heading{align-items:flex-start;flex-direction:column}
    .admin-main .heading-actions{width:100%;align-items:stretch;flex-direction:column}
    .admin-main .heading-actions .button{width:100%}
    .admin-main .panel-heading{align-items:flex-start;flex-direction:column}
    .admin-main .metric-grid--four{grid-template-columns:1fr}
}
@media(max-width:600px){
    .admin-main{padding:24px 14px 42px}
    .admin-main .form-panel{padding:18px 15px}
    .admin-main .form-panel .panel-heading{margin:-18px -15px 18px}
    .admin-main .table-wrap table{min-width:640px}
    .admin-main thead th,.admin-main tbody td{padding-left:13px;padding-right:13px}
}

/* Configuration centre and custom page builder */
.configuration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0 0 1.5rem}
.configuration-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.5rem;border:1px solid var(--line,#dfe2e6);border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 30px rgba(10,15,25,.04);transition:transform .18s ease,border-color .18s ease}
.configuration-card:hover{transform:translateY(-2px);border-color:#ff8a00}.configuration-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff1df;color:#c96500;font-size:1.25rem}.configuration-card h2{margin:0 0 .45rem;font-size:1.2rem}.configuration-card p{margin:0 0 .75rem;color:#606775;line-height:1.55}.configuration-card small{display:block;color:#7a808a}.configuration-card>b{grid-column:2;color:#c96500}
.configuration-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.configuration-switch{display:flex;gap:.85rem;padding:1rem;border:1px solid #e1e4e8;border-radius:14px;background:#fafbfc;cursor:pointer}.configuration-switch input{width:20px;height:20px;margin-top:.15rem;accent-color:#ff8a00}.configuration-switch span{display:grid;gap:.25rem}.configuration-switch small{color:#68707d;line-height:1.45}
.admin-copy-group .field small{line-height:1.45}.sticky-save-bar{position:sticky;bottom:1rem;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-top:1rem;border:1px solid #dfe2e6;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 40px rgba(10,15,25,.14);backdrop-filter:blur(10px)}.sticky-save-bar>div:first-child{display:grid}.sticky-save-bar span{color:#6a717d;font-size:.84rem}

/* Signup form platform */
.signup-platform-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 26px;padding:28px 32px;border-radius:18px;background:#0b0d11;color:#fff}.signup-platform-callout h2{margin:4px 0 8px;font-size:clamp(24px,2vw,34px)}.signup-platform-callout p{max-width:760px;margin:0;color:#b9bec8}.signup-channel-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:270px}.signup-channel-list span,.data-chip-grid span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em}.signup-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.signup-admin-card{display:grid;gap:22px;min-width:0;padding:24px;border:1px solid #dfe2e7;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(12,17,25,.04)}.signup-admin-card__top,.signup-admin-card__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.signup-admin-card h2{margin:0 0 7px;font-size:23px}.signup-admin-card p{min-height:42px;margin:0 0 13px;color:#6b717d}.signup-admin-card code{display:block;overflow:hidden;color:#b85e00;font-size:12px;text-overflow:ellipsis}.signup-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.signup-card-metrics div{display:grid;gap:4px;padding:12px;background:#f8f9fa}.signup-card-metrics dt{color:#777e89;font-size:9px;font-weight:800;text-transform:uppercase}.signup-card-metrics dd{margin:0;font-size:17px;font-weight:850}.version-notice{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:14px 18px;border-left:4px solid #ff8a00;border-radius:8px;background:#fff4e6}.version-notice span{color:#666d78;font-size:13px}.signup-designer{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.signup-designer__main{display:grid;gap:20px}.signup-designer__aside{position:sticky;top:88px;display:grid;gap:16px}.signup-designer .form-panel{padding:0}.signup-designer .form-panel>.panel-heading{padding:24px 26px 17px}.signup-designer .form-panel>.form-grid,.signup-designer .form-panel>.field,.signup-designer .form-panel>.check-grid{margin:0;padding:5px 26px 26px}.input-prefix{display:flex;align-items:stretch}.input-prefix>span{display:flex;align-items:center;padding:0 10px;border:1px solid #d8dce2;border-right:0;border-radius:7px 0 0 7px;background:#f1f3f5;color:#666d76;font-size:12px}.input-prefix input{min-width:0;border-radius:0 7px 7px 0!important}.signup-field-editor{margin:4px 26px 26px;border:1px solid #dfe2e7;border-radius:12px;overflow:hidden}.signup-field-editor__head,.signup-field-editor__row{display:grid;grid-template-columns:220px minmax(220px,1fr) 130px;gap:14px;align-items:center;padding:12px 15px}.signup-field-editor__head{background:#f3f4f6;color:#6b727e;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.signup-field-editor__row+.signup-field-editor__row{border-top:1px solid #eceef1}.signup-field-editor__row>input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d9dde3;border-radius:7px}.switch{display:flex;align-items:center;gap:10px}.switch>input{position:absolute;opacity:0}.switch>span{position:relative;width:36px;height:21px;border-radius:20px;background:#c9cdd3;transition:.2s}.switch>span:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #777}.switch>input:checked+span{background:#ff8a00}.switch>input:checked+span:after{transform:translateX(15px)}.switch b{font-size:12px}.check-field--compact{padding:0!important;border:0!important}.signup-preview-card{border-top:5px solid var(--signup-accent);padding:23px}.signup-preview-card h2{font-size:25px}.signup-preview-card>p,.signup-preview-card>small{color:#6b717b}.signup-preview-fields{display:grid;gap:9px;margin:22px 0}.signup-preview-fields span,.signup-preview-fields b{padding:12px;border:1px solid #dfe2e6;border-radius:7px;color:#777;font-size:11px}.signup-preview-fields b{border-color:var(--signup-accent);background:var(--signup-accent);color:#111;text-align:center}.signup-safety-card{padding:20px;border-left:4px solid #21aa72}.signup-safety-card p{margin-bottom:0;color:#68707a;font-size:12px}.signup-save-bar{grid-column:1/-1;margin:0}.secondary-action-form{display:flex;justify-content:flex-end;margin-top:14px}.integration-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.integration-method{position:relative;display:grid;align-content:start;gap:18px;min-width:0;padding:28px;border:1px solid #dfe2e7;border-radius:17px;background:#fff}.integration-method--featured{border-color:#ffb153;background:linear-gradient(145deg,#fff8ef,#fff)}.integration-method__number{position:absolute;right:23px;top:20px;color:#e2e4e8;font-size:34px;font-weight:900}.integration-method h2{margin:4px 0 6px;font-size:25px}.integration-method p{margin:0;color:#656c77}.integration-method pre{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:17px;border-radius:10px;background:#101216;color:#d8f9e8;overflow:auto;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.integration-method pre>code{display:block;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit}.integration-output{display:flex;min-width:0;gap:8px}.integration-output input{width:100%;min-width:0;max-width:100%;flex:1;padding:10px;border:1px solid #d9dde3;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-method details{min-width:0;padding-top:14px;border-top:1px solid #eceef1}.integration-method summary{cursor:pointer;font-weight:800}.integration-settings{display:flex;gap:22px;margin:0}.integration-settings div{display:grid}.integration-settings dt{color:#777e88;font-size:9px;text-transform:uppercase}.integration-settings dd{margin:3px 0 0;font-weight:800}.integration-data-map{margin-top:20px;padding:24px}.data-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.data-chip-grid span{border-color:#dadde2;background:#f5f6f7}.conversion-funnel{display:grid;gap:10px;padding:10px 0}.conversion-funnel div{display:flex;align-items:center;justify-content:space-between;width:var(--funnel);min-width:180px;padding:13px 16px;border-radius:8px;background:linear-gradient(90deg,#ff8a00,#ffb347);color:#111}.conversion-funnel div:nth-child(2){background:linear-gradient(90deg,#292d34,#565c66);color:#fff}.conversion-funnel div:nth-child(3){background:linear-gradient(90deg,#169e68,#2bc383);color:#fff}.analytics-note{padding:12px;border-radius:8px;background:#fff6e8;color:#865100;font-size:12px}.source-list{display:grid}.source-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eceef1}.source-list span{font-weight:850}

.signup-page{display:grid;place-items:center;min-height:70vh;padding-top:55px;padding-bottom:70px}.signup-page--embed{display:block;min-height:0;padding:0}.signup-card{width:min(680px,100%);margin:auto;border:1px solid #dfe1e5;border-top:6px solid var(--signup-accent);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(11,14,19,.11);overflow:hidden}.signup-card--dark{border-color:#30343b;background:#111318;color:#fff}.signup-card__brand{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid #eceef1;background:#090a0c;color:#fff}.signup-card__brand span{font-weight:900;letter-spacing:.3em}.signup-card__brand small{color:var(--signup-accent);font-weight:850;letter-spacing:.16em}.signup-card__intro{padding:32px 32px 15px}.signup-card__intro h1{margin:5px 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.04}.signup-card__intro p{margin:0;color:#69707b;font-size:16px}.signup-card--dark .signup-card__intro p,.signup-card--dark .signup-footnote{color:#b8bdc6}.signup-card>.flash{margin:10px 32px}.signup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:16px 32px}.signup-fields .field:first-child{grid-column:1/-1}.signup-card .field{display:grid;gap:7px}.signup-card .field>span,.signup-interests legend{font-size:12px;font-weight:850}.signup-card .field b,.signup-interests legend b{margin-left:6px;color:#8a5b00;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.signup-card input[type=email],.signup-card input[type=text],.signup-card input[type=tel]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #ccd1d8;border-radius:8px;background:#fff;color:#111;font-size:16px}.signup-card--dark input[type=email],.signup-card--dark input[type=text],.signup-card--dark input[type=tel]{border-color:#444a54;background:#1d2026;color:#fff}.signup-interests{margin:10px 32px;padding:20px;border:1px solid #e0e3e7;border-radius:11px}.signup-interests>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.signup-interests label{display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:8px;background:#f5f6f7}.signup-card--dark .signup-interests label{background:#1d2026}.signup-interests input{margin-top:3px}.signup-interests label span{display:grid}.signup-interests label strong{font-size:12px}.signup-interests label small{color:#737a85;font-size:10px}.signup-consent{display:flex;align-items:flex-start;gap:11px;margin:20px 32px;color:#555d68;font-size:11px;line-height:1.55}.signup-consent input{margin-top:3px}.signup-consent a{color:#a95300}.signup-card--dark .signup-consent{color:#c5c9d0}.signup-submit{display:flex;width:calc(100% - 64px);justify-content:center;margin:0 32px}.signup-footnote{margin:15px 32px 28px;color:#777e89;font-size:10px;line-height:1.5}.signup-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.signup-embed{margin:0;background:transparent}.signup-embed .signup-card{box-shadow:none}.signup-result-card{padding:46px;text-align:center}.signup-result-card__mark{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 22px;border-radius:50%;background:#e2f7ed;color:#169d67;font-size:34px}.signup-result-card h1{font-size:38px}.signup-result-card>p{color:#656c76;font-size:17px}.signup-next-step{display:grid;gap:5px;margin:25px 0;padding:18px;border-radius:10px;background:#fff4e6;text-align:left}.signup-next-step span{color:#705834;font-size:12px}.signup-result-card .heading-actions{justify-content:center}

@media(max-width:1180px){.signup-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signup-designer{grid-template-columns:1fr}.signup-designer__aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.signup-platform-callout{display:grid;padding:23px}.signup-channel-list{justify-content:flex-start;min-width:0}.signup-form-grid,.integration-method-grid{grid-template-columns:1fr}.signup-card-metrics{grid-template-columns:repeat(2,1fr)}.signup-designer__aside{grid-template-columns:1fr}.signup-field-editor__head{display:none}.signup-field-editor__row{grid-template-columns:1fr;gap:9px;padding:15px}.signup-field-editor__row+.signup-field-editor__row{border-top:1px solid #dfe2e7}.signup-save-bar{position:static;align-items:stretch;flex-direction:column}.signup-save-bar .button{width:100%}.integration-method{padding:23px}.integration-method pre{padding:15px;font-size:10px;line-height:1.6}.integration-output{align-items:stretch;flex-direction:column}.signup-page{padding:24px 14px 45px}.signup-page--embed{padding:0}.signup-card{border-radius:11px}.signup-card__brand,.signup-card__intro{padding-left:21px;padding-right:21px}.signup-card__intro h1{font-size:32px}.signup-fields{grid-template-columns:1fr;padding:14px 21px}.signup-fields .field:first-child{grid-column:auto}.signup-interests{margin:10px 21px;padding:15px}.signup-interests>div{grid-template-columns:1fr}.signup-consent{margin:18px 21px}.signup-submit{width:calc(100% - 42px);margin:0 21px}.signup-footnote{margin:14px 21px 23px}.signup-result-card{padding:35px 24px}.signup-result-card h1{font-size:31px}}

/* Product support and controlled spare-parts catalogue */
.spare-parts-metrics{margin-bottom:24px}.spare-parts-metrics .metric-card{color:inherit;text-decoration:none}.spare-parts-metrics .metric-card--active{border-color:#ff8a00;box-shadow:inset 0 0 0 2px #ff8a00}.spare-parts-register>.panel-heading>strong{color:#68707a;font-size:13px}.spare-parts-list{display:grid}.spare-part-admin-card{display:grid;grid-template-columns:90px minmax(280px,1.2fr) minmax(280px,1fr) minmax(190px,.55fr);gap:22px;align-items:start;padding:24px;border-top:1px solid var(--line)}.spare-part-select{display:flex;align-items:center;gap:8px;font-weight:800}.spare-part-select input{width:20px;height:20px}.spare-part-admin-card__identity{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start}.spare-part-admin-card__identity img,.spare-part-placeholder{display:grid;place-items:center;width:88px;height:88px;border:1px solid #e0e3e7;border-radius:12px;background:#f5f6f7;object-fit:contain}.spare-part-placeholder{color:#ff8a00;font-size:30px}.spare-part-admin-card h3{margin:5px 0 7px;font-size:19px}.spare-part-admin-card p{margin:0;color:#6c727d}.spare-part-admin-card__fitment strong,.spare-part-admin-card__fitment small{display:block}.spare-part-admin-card__fitment ul{margin:8px 0;padding-left:18px}.spare-part-admin-card__fitment li{margin:4px 0;color:#4d535c;font-size:12px}.spare-part-admin-card__state{display:grid;justify-items:start;gap:8px}.spare-part-admin-card__state small{color:#737985;font-size:11px}.spare-import-preview{scroll-margin-top:100px}.spare-import-preview td small{display:block;margin-top:4px;color:#737985}.spare-import-preview .status-badge--failed{max-width:350px;white-space:normal;line-height:1.4}.replacement-finder-heading .hub-search{max-width:880px}.finder-expectations{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.finder-expectations span{padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:11px;font-weight:800}.support-finder-results>.section-heading{align-items:end}.support-result-group+.support-result-group{margin-top:50px}.support-result-group__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.support-result-group__heading h2{margin:4px 0 0}.spare-part-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.spare-part-public-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:24px}.spare-part-public-card>img,.spare-part-public-card__placeholder{display:grid;place-items:center;width:150px;height:150px;border-radius:12px;background:#f4f5f6;object-fit:contain}.spare-part-public-card__placeholder{color:#ff8a00;font-size:44px}.spare-part-public-card h3{margin:6px 0 10px;font-size:24px}.spare-fit-list{display:grid;gap:7px;margin:18px 0}.spare-fit-list>a{display:grid;gap:3px;padding:10px 12px;border-left:3px solid #1faa76;border-radius:3px;background:#f0faf6;color:#15171a;text-decoration:none}.spare-fit-list>a:hover{background:#e2f6ed}.spare-fit-list small{color:#60716a}.replacement-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;align-items:start;padding:24px}.replacement-row>img{width:180px;height:180px;border-radius:12px;background:#f5f6f7;object-fit:contain}.replacement-row__meta{display:flex;flex-wrap:wrap;gap:7px}.replacement-row__meta span{padding:5px 8px;border-radius:999px;background:#eef0f2;color:#585e68;font-size:10px;font-weight:850;text-transform:uppercase}.replacement-row__body h3{margin:9px 0 6px;font-size:27px}.replacement-row__body>p{color:#6c727b}.replacement-options{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #e4e6e9}.replacement-option{display:grid;gap:3px;padding:11px 13px;border-radius:8px;background:#f4f5f6;color:#191b1f;text-decoration:none}.replacement-option:hover{background:#eceef1}.replacement-option span{font-weight:800}.replacement-option small{color:#6e747e}.replacement-options--spares .replacement-option{border-left:3px solid #1faa76;background:#f0faf6}.support-result-note{margin-top:18px;padding:13px 15px;border-left:3px solid #ff9e24;border-radius:4px;background:#fff6e9!important;color:#75542c!important}.support-no-result{padding:34px}.support-finder-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.support-finder-intro article{padding:28px}.support-finder-intro article>span{color:#ff8a00;font-size:30px;font-weight:900}.support-finder-intro h2{margin:10px 0 8px}
@media(max-width:1180px){.spare-part-admin-card{grid-template-columns:70px minmax(260px,1fr) minmax(220px,1fr)}.spare-part-admin-card__state{grid-column:2/-1;grid-template-columns:auto 1fr 1fr;align-items:center}.spare-part-public-grid{grid-template-columns:1fr}}
@media(max-width:760px){.spare-parts-metrics,.support-finder-intro{grid-template-columns:1fr}.spare-part-admin-card{grid-template-columns:1fr;gap:16px;padding:20px 16px}.spare-part-admin-card__state{grid-column:auto;grid-template-columns:1fr}.spare-part-admin-card__identity{grid-template-columns:72px minmax(0,1fr)}.spare-part-admin-card__identity img,.spare-part-placeholder{width:72px;height:72px}.spare-parts-register .relationship-bulk-bar{position:static}.support-finder-results>.section-heading,.support-result-group__heading{align-items:flex-start;flex-direction:column}.spare-part-public-card,.replacement-row{grid-template-columns:1fr;padding:19px}.spare-part-public-card>img,.spare-part-public-card__placeholder{width:100%;height:210px}.replacement-row>img{width:100%;height:230px}.replacement-row__body h3{font-size:23px}.replacement-row__body .heading-actions{align-items:stretch;flex-direction:column}.replacement-row__body .button{width:100%}.finder-expectations{margin-top:14px}.support-result-group+.support-result-group{margin-top:38px}}
.custom-page-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:1.5rem}.custom-page-editor .editor-main{min-width:0}.custom-page-composer{overflow:hidden}.page-editor-tabs{display:flex;align-items:center;gap:.35rem;padding:1rem 1.25rem;border-bottom:1px solid #e1e4e8;background:#f7f8fa}.page-editor-tabs button{border:1px solid transparent;border-radius:8px;background:transparent;padding:.65rem .9rem;font-weight:800;cursor:pointer}.page-editor-tabs button.active{background:#101114;color:#fff}.page-editor-tabs span{margin-left:auto;color:#6b7280;font-size:.78rem}.page-visual-toolbar{padding:.75rem 1rem;border-bottom:1px solid #e1e4e8}.page-visual-editor,.page-source-editor{width:100%;min-height:560px;border:0;border-radius:0;padding:2rem;font:inherit;line-height:1.7;background:#fff;color:#17191d;outline:none;overflow:auto}.page-visual-editor:focus{box-shadow:inset 0 0 0 2px #ff8a00}.page-visual-editor h2,.page-visual-editor h3{margin-top:1.5em}.page-source-editor{resize:vertical;background:#111318;color:#eef4ee;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.page-source-editor[hidden],.page-visual-editor[hidden],[data-page-toolbar][hidden]{display:none!important}.custom-page-editor .editor-side{display:grid;align-content:start;gap:1rem}.custom-page-editor .editor-side .button{width:100%;margin-bottom:.55rem}
.custom-content-page{padding:4rem 0 6rem}.custom-content-page__header{padding-bottom:2rem;border-bottom:1px solid #e2e4e7}.custom-content-page__header h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.98;margin:0}.custom-content-page__body{padding-top:2.5rem}.custom-content-page__body img{max-width:100%;height:auto;border-radius:14px}.custom-content-page__body figure{margin:2rem 0}.custom-content-page__body a{color:#b85d00}

@media(max-width:1100px){.configuration-cards{grid-template-columns:1fr}.custom-page-editor{grid-template-columns:1fr}.custom-page-editor .editor-side{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-page-editor .editor-side section:last-child{grid-column:1/-1}}
@media(max-width:760px){.configuration-switches{grid-template-columns:1fr}.custom-page-editor .editor-side{grid-template-columns:1fr}.custom-page-editor .editor-side section:last-child{grid-column:auto}.page-editor-tabs{flex-wrap:wrap}.page-editor-tabs span{width:100%;margin:0}.page-visual-editor,.page-source-editor{min-height:440px;padding:1.15rem}.sticky-save-bar{position:static;align-items:stretch;flex-direction:column}.sticky-save-bar .heading-actions{display:grid;grid-template-columns:1fr}.configuration-card{padding:1.15rem}}

/* Relationship register and round-trip data cleanse */
.relationship-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.relationship-workbook .panel-heading{margin-bottom:22px}
.relationship-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0 0 24px;list-style:none;counter-reset:relationship-step}
.relationship-workflow li{position:relative;display:grid;gap:5px;min-height:112px;padding:18px 18px 18px 54px;border:1px solid var(--line);border-radius:12px;background:#fafafa;counter-increment:relationship-step}
.relationship-workflow li:before{content:counter(relationship-step);position:absolute;top:18px;left:18px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ff8a00;color:#111;font-size:11px;font-weight:900}
.relationship-workflow strong{font-size:14px}.relationship-workflow span{color:var(--muted);font-size:11px;line-height:1.55}
.relationship-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:20px;border-radius:12px;background:#f4f5f7}
.relationship-upload .field{margin:0}.relationship-upload .button{min-height:43px}
.relationship-preview{padding-bottom:24px}.relationship-change-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:20px}
.relationship-change{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fafafa}
.relationship-change strong{font-size:25px}.relationship-change span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.relationship-change small{color:var(--muted);font-size:9px;line-height:1.4}
.relationship-change--add,.relationship-change--restore{border-color:#bce9d8;background:#f0fbf7}.relationship-change--update{border-color:#cddff9;background:#f3f7fd}.relationship-change--remove,.relationship-change--errors{border-color:#f2c9cb;background:#fff5f5}
.relationship-row--remove{background:#fff7f7}.relationship-row--add,.relationship-row--restore{background:#f4fcf9}.relationship-row--update{background:#f5f8fd}
.relationship-decision--remove,.relationship-decision--error{background:#fee4e5;color:#9b252b}.relationship-decision--add,.relationship-decision--restore{background:#def5eb;color:#177653}.relationship-decision--update{background:#e6eefb;color:#315f9d}
.relationship-apply{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fafafa}
.relationship-apply>.check-field{max-width:520px}.relationship-apply>div{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-left:auto}.relationship-apply p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.relationship-table td small a{color:#ba6100}
.relationship-filter-bar{display:grid;grid-template-columns:minmax(280px,2fr) minmax(170px,1fr) minmax(170px,1fr) auto;align-items:end;gap:14px;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f8f9}
.relationship-filter-bar .field,.relationship-bulk-bar .field{margin:0}.relationship-filter-bar__actions{display:flex;gap:8px}.relationship-filter-bar__actions .button{min-height:43px}
.relationship-bulk-bar{display:grid;grid-template-columns:auto minmax(190px,1fr) minmax(210px,1fr) auto;align-items:end;gap:14px;padding:16px 20px;border-bottom:1px solid #dfd7c9;background:#fff7e9}
.relationship-select-all{display:flex;align-items:center;gap:9px;min-height:43px;font-size:11px;font-weight:850;white-space:nowrap}.relationship-select-all input,.relationship-row-select input{width:18px;height:18px;accent-color:#ff8a00}
.relationship-row-select{display:flex;align-items:center;justify-content:center;min-height:28px}.relationship-row-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.relationship-row-actions>form{margin:0}
.relationship-edit{min-width:150px;border:1px solid #d9dde2;border-radius:7px;background:#fff}.relationship-edit>summary{cursor:pointer;padding:9px 11px;color:#24272d;font-size:10px;font-weight:850;list-style-position:inside}.relationship-edit[open]{flex:1 1 330px}.relationship-edit>form{display:grid;gap:11px;padding:13px;border-top:1px solid #e6e8eb}.relationship-edit .field{margin:0}.relationship-edit textarea{resize:vertical}
.relationship-pagination{align-items:center}.relationship-pagination span{line-height:1.5}
@media(max-width:1200px){.relationship-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.relationship-change-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.relationship-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.relationship-filter-bar{grid-template-columns:1fr 1fr}.relationship-filter-bar__search{grid-column:1/-1}.relationship-bulk-bar{grid-template-columns:1fr 1fr}.relationship-select-all{align-self:end}.relationship-bulk-bar>.button{width:100%}}
@media(max-width:760px){
    .relationship-metrics,.relationship-change-grid,.relationship-workflow{grid-template-columns:1fr 1fr}
    .relationship-upload{grid-template-columns:1fr}.relationship-upload .button{width:100%}
    .relationship-apply,.relationship-apply>div{align-items:stretch;flex-direction:column}.relationship-apply>div{width:100%;margin:0}.relationship-apply .button{width:100%}
    .relationship-filter-bar,.relationship-bulk-bar{grid-template-columns:1fr;padding:16px}.relationship-filter-bar__search{grid-column:auto}.relationship-filter-bar__actions{display:grid;grid-template-columns:1fr 1fr}.relationship-filter-bar__actions .button,.relationship-bulk-bar>.button{width:100%}
    .relationship-select-all{padding:4px 0}.relationship-pagination{align-items:flex-start;flex-direction:column;gap:10px;padding:16px}.relationship-pagination div{width:100%;justify-content:space-between}
    .admin-main .relationship-table-wrap{overflow:visible}
    .admin-main .relationship-table{display:block;min-width:0}
    .admin-main .relationship-table thead{display:none}
    .admin-main .relationship-table tbody{display:grid;gap:12px;padding:14px;background:#f4f5f7}
    .admin-main .relationship-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(15,20,30,.04)}
    .admin-main .relationship-table td{display:grid;align-content:start;gap:4px;min-width:0;padding:14px;border:0;border-top:1px solid #eceef1}
    .admin-main .relationship-table td:before{content:attr(data-label);color:#777e89;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .admin-main .relationship-table td:first-child,.admin-main .relationship-table td:nth-child(2){border-top:0}
    .admin-main .relationship-table td:last-child{grid-column:1/-1}
    .admin-main .relationship-table td strong,.admin-main .relationship-table td small{overflow-wrap:anywhere}
    .admin-main .relationship-table .inline-actions,.admin-main .relationship-table .inline-actions form,.admin-main .relationship-table td:last-child form{width:100%}
    .admin-main .relationship-table td:last-child .button{width:100%}
    .admin-main .relationship-row-select{justify-content:flex-start}.admin-main .relationship-row-actions{display:grid;grid-template-columns:1fr;width:100%}.admin-main .relationship-edit{width:100%}.admin-main .relationship-edit[open]{flex-basis:auto}.admin-main .relationship-edit>summary{padding:12px}.admin-main .relationship-edit>form{width:auto!important}
}
@media(max-width:460px){.relationship-metrics,.relationship-change-grid,.relationship-workflow{grid-template-columns:1fr}.admin-main .relationship-table tr{grid-template-columns:1fr}.admin-main .relationship-table td,.admin-main .relationship-table td:first-child,.admin-main .relationship-table td:nth-child(2){border-top:1px solid #eceef1}.admin-main .relationship-table td:first-child{border-top:0}.admin-main .relationship-table td:last-child{grid-column:auto}}

/* Editable campaign templates and seamless image slices */
.template-card__badges,.template-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.template-card__actions{margin-top:18px}.template-card__actions form{margin:0}.template-mini--seamless{margin:-7px -12px;padding:10px 12px;border-radius:0;background:linear-gradient(135deg,#152336,#007f82);color:#fff}.template-built-in-note{display:flex;align-items:center;justify-content:space-between;gap:24px}.template-built-in-note p{margin-bottom:0}.template-composer-layout{grid-template-columns:minmax(0,1fr) 320px}.compact-steps{display:grid;gap:10px;margin:16px 0;padding-left:20px;color:#555b65;font-size:11px;line-height:1.55}.composer-preview-block--image.is-seamless{padding:0;font-size:0;line-height:0}.composer-preview-block--image.is-seamless img{width:100%;max-height:none;object-fit:contain;vertical-align:top}.composer-preview-block--image.is-seamless+.composer-preview-block--image.is-seamless{margin-top:0}
@media(max-width:900px){.template-composer-layout{grid-template-columns:1fr}.template-built-in-note{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.template-card__actions{align-items:stretch;flex-direction:column}.template-card__actions form,.template-card__actions .button{width:100%}}

/* Mobile Action Centre containment */
.dashboard-grid>*{min-width:0}
.workflow-list>a>div,.campaign-mini-list a>div{min-width:0}
.workflow-list strong,.campaign-mini-list strong,.workflow-list small,.campaign-mini-list small{overflow-wrap:anywhere}
.import-health>p{overflow-wrap:anywhere}
@media(max-width:640px){
    .dashboard-grid{gap:18px}
    .dashboard-grid--lower{margin-top:18px}
    .workflow-list>a{grid-template-columns:14px minmax(0,1fr);align-items:start;gap:9px 12px;padding:17px 18px}
    .workflow-list>a>.status-dot{grid-column:1;grid-row:1;margin-top:5px}
    .workflow-list>a>div{grid-column:2;grid-row:1}
    .workflow-list>a>.status-badge{grid-column:2;grid-row:2;justify-self:start}
    .workflow-list>a>time{grid-column:2;grid-row:3;text-align:left;white-space:normal}
    .workflow-list strong{font-size:13px;line-height:1.45}
    .workflow-list small{margin-top:4px;line-height:1.45}
    .import-health>p{padding:0 18px;line-height:1.55}
    .import-health dl{margin:18px}
    .import-health dl div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;text-align:left}
    .import-health dd{text-align:right;overflow-wrap:anywhere}
    .campaign-mini-list a{grid-template-columns:36px minmax(0,1fr);align-items:start;padding:17px 18px}
    .campaign-mini-list a>.status-badge{grid-column:2;justify-self:start}
    .campaign-mini-list strong{font-size:13px;line-height:1.4}
    .campaign-mini-list small{margin-top:4px;line-height:1.45}
}
@media(max-width:420px){
    .action-centre .metric-grid,.admin-main>.metric-grid{grid-template-columns:1fr}
}

/* Search Intelligence */
.intelligence-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 24px}.intelligence-heading h1{margin:5px 0 8px;font-size:clamp(34px,4vw,54px);line-height:1}.intelligence-heading p{max-width:780px;margin:0;color:#666d78;font-size:15px;line-height:1.6}.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap}
.intelligence-toolbar{padding:20px 22px;margin-bottom:20px}.intelligence-filter{display:grid;grid-template-columns:180px minmax(280px,1fr) auto;align-items:end;gap:14px}.intelligence-filter label{display:grid;gap:7px}.intelligence-filter label>span{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.intelligence-filter input,.intelligence-filter select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #d7dbe1;border-radius:8px;background:#fff;color:#17191d;font:inherit}.intelligence-filter .button{min-height:44px}.intelligence-privacy{margin:18px 0 0;padding:14px 16px;border-left:4px solid #24ad78;border-radius:7px;background:#eefaf5;color:#436356;font-size:11px;line-height:1.55}
.intelligence-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}.intelligence-metrics article{display:grid;gap:5px;min-width:0;padding:21px;border:1px solid #dfe2e6;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(12,17,25,.035)}.intelligence-metrics span{color:#6d7480;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.intelligence-metrics strong{font-size:32px;line-height:1}.intelligence-metrics small{color:#7a818c;font-size:10px}.intelligence-metric--accent{border-top:4px solid #ff8a00!important;padding-top:18px!important}
.intelligence-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;margin-bottom:20px}.intelligence-grid--lower{align-items:start}.intelligence-grid .panel,.intelligence-topics,.intelligence-detail,.intelligence-settings{min-width:0;padding:0;overflow:hidden}.panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 19px;border-bottom:1px solid #e5e7eb}.panel__heading h2{margin:4px 0 4px;font-size:23px}.panel__heading p,.panel__heading>small{margin:0;color:#727985;font-size:11px;line-height:1.55}.panel-note{margin:18px 24px 23px;padding:13px 15px;border-radius:8px;background:#f4f5f7;color:#686f7a;font-size:10px;line-height:1.55}
.intelligence-funnel__rows{display:grid;gap:12px;padding:24px 26px 5px}.intelligence-funnel__row{display:grid;grid-template-columns:145px minmax(100px,1fr) 46px;align-items:center;gap:12px}.intelligence-funnel__row>span{font-size:11px;font-weight:800}.intelligence-funnel__row>div{height:13px;border-radius:99px;background:#eceef1;overflow:hidden}.intelligence-funnel__row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a00,#ffb64e)}.intelligence-funnel__row strong{text-align:right;font-size:12px}
.intelligence-trends ol,.intelligence-routes ol{display:grid;margin:0;padding:8px 26px 18px;list-style:none}.intelligence-trends li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #eceef1}.intelligence-trends li>div{display:grid;gap:3px}.intelligence-trends li small{color:#7a818c;font-size:9px}.intelligence-trends li>span{display:flex;align-items:center;gap:8px;font-weight:900}.intelligence-trends li b{padding:4px 7px;border-radius:99px;background:#edf0f3;color:#65707a;font-size:9px}.intelligence-trends .trend-up b{background:#def5eb;color:#14754f}
.intelligence-topic-list{display:grid}.intelligence-topic{display:grid;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(70px,.55fr)) minmax(120px,.8fr);align-items:center;gap:12px;padding:15px 26px;border-top:1px solid #eceef1}.intelligence-topic--head{border-top:0;background:#f6f7f8;color:#777e89;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.intelligence-topic>div{display:grid;min-width:0;gap:4px}.intelligence-topic>div strong,.intelligence-topic>div small{overflow-wrap:anywhere}.intelligence-topic>div small{color:#818792;font-size:9px}.intelligence-topic>span{font-size:11px}.intelligence-rate{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e4f6ed;color:#157852;font-size:10px}.metric-warning{color:#ae5d00;font-weight:900}
.intelligence-routes ol{padding-top:12px}.intelligence-routes li{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #eceef1}.intelligence-routes li>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.intelligence-routes li b{padding:5px 7px;border-radius:6px;background:#f0f2f4;font-size:9px}.intelligence-routes li i{color:#ff8a00;font-style:normal}.intelligence-routes li>strong{font-size:12px}
.intelligence-journey-list{display:grid}.intelligence-journey-list>a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 25px;border-bottom:1px solid #eceef1;color:inherit;text-decoration:none}.intelligence-journey-list>a:hover{background:#fff8ee}.intelligence-journey-list>a>div{display:grid;min-width:0;gap:4px}.intelligence-journey-list strong,.intelligence-journey-list small{overflow-wrap:anywhere}.intelligence-journey-list small,.intelligence-journey-list time{color:#7b828d;font-size:9px}.status-dot--success{background:#20aa74;box-shadow:0 0 0 4px #e1f5ec}.status-dot--warning{background:#f1a220;box-shadow:0 0 0 4px #fff1d8}.status-dot--neutral{background:#a4a9b1;box-shadow:0 0 0 4px #eef0f2}
.intelligence-detail{margin:0 0 20px}.intelligence-timeline{display:grid;margin:0;padding:18px 28px 26px;list-style:none}.intelligence-timeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:13px;padding:12px 0}.intelligence-timeline li:not(:last-child):before{content:"";position:absolute;top:31px;bottom:-12px;left:6px;width:2px;background:#e5e7eb}.intelligence-timeline li>span{position:relative;z-index:1;width:14px;height:14px;margin-top:3px;border:3px solid #fff;border-radius:50%;background:#ff8a00;box-shadow:0 0 0 1px #ff8a00}.intelligence-timeline li>div{display:grid;gap:4px}.intelligence-timeline p{margin:0;color:#505762;font-size:11px;line-height:1.5}.intelligence-timeline .intelligence-product{color:#b65f00;font-weight:800}.intelligence-timeline small,.intelligence-timeline time{color:#7b828d;font-size:9px}
.intelligence-settings{margin-bottom:30px}.intelligence-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 26px;cursor:pointer;list-style:none}.intelligence-settings>summary::-webkit-details-marker{display:none}.intelligence-settings>summary h2{margin:4px 0;font-size:22px}.intelligence-settings>summary p{margin:0;color:#737a85;font-size:11px}.intelligence-settings>summary>span{color:#b76000;font-weight:900}.intelligence-settings>form{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 26px;border-top:1px solid #e5e7eb}.intelligence-settings .checkbox-field{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #e1e4e8;border-radius:9px;background:#fafbfc}.intelligence-settings .checkbox-field input{width:19px;height:19px;margin-top:2px;accent-color:#ff8a00}.intelligence-settings .checkbox-field span{display:grid;gap:4px}.intelligence-settings .checkbox-field small{color:#707783;line-height:1.45}.intelligence-settings .form-actions{grid-column:1/-1}
.finder-new-search{display:inline-flex;margin:0}
@media(max-width:1180px){.intelligence-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.intelligence-topic{grid-template-columns:minmax(230px,1.5fr) repeat(5,minmax(60px,.5fr)) minmax(110px,.7fr)}}
@media(max-width:900px){.intelligence-heading{align-items:flex-start;flex-direction:column}.intelligence-grid{grid-template-columns:1fr}.intelligence-filter{grid-template-columns:1fr 1fr}.intelligence-filter__search{grid-column:1/-1}.intelligence-filter .button{width:100%}.intelligence-topic--head{display:none}.intelligence-topic{grid-template-columns:repeat(3,1fr);gap:13px}.intelligence-topic>div{grid-column:1/-1}.intelligence-topic>span:before{content:attr(data-label);display:block;margin-bottom:4px;color:#858b95;font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.intelligence-topic>span:last-child{grid-column:1/-1}.intelligence-topic>span:last-child:before{display:inline;margin-right:6px}.intelligence-settings>form{grid-template-columns:1fr}.intelligence-settings .form-actions{grid-column:auto}}
@media(max-width:640px){.intelligence-toolbar{padding:16px}.intelligence-filter{grid-template-columns:1fr}.intelligence-filter__search{grid-column:auto}.intelligence-metrics{grid-template-columns:1fr 1fr;gap:10px}.intelligence-metrics article{padding:17px}.intelligence-metrics strong{font-size:27px}.panel__heading{padding:20px 18px}.intelligence-funnel__rows{padding:19px 18px 4px}.intelligence-funnel__row{grid-template-columns:1fr 38px;gap:7px 10px}.intelligence-funnel__row>div{grid-column:1/-1;grid-row:2}.intelligence-funnel__row>strong{grid-column:2;grid-row:1}.intelligence-trends ol,.intelligence-routes ol{padding-left:18px;padding-right:18px}.intelligence-topic{grid-template-columns:1fr 1fr;padding:17px 18px}.intelligence-topic>span:last-child{grid-column:1/-1}.intelligence-journey-list>a{grid-template-columns:12px minmax(0,1fr);padding:16px 18px}.intelligence-journey-list time{grid-column:2}.intelligence-timeline{padding:14px 18px 22px}.intelligence-timeline li{grid-template-columns:18px minmax(0,1fr)}.intelligence-timeline time{grid-column:2}.intelligence-settings>summary{align-items:flex-start;padding:20px 18px}.intelligence-settings>summary>span{display:none}.intelligence-settings>form{padding:20px 18px}.finder-summary__actions,.finder-action-row{align-items:stretch;flex-direction:column}.finder-new-search,.finder-new-search .button{width:100%}}
@media(max-width:420px){.intelligence-metrics{grid-template-columns:1fr}.intelligence-topic{grid-template-columns:1fr 1fr}}

/* Protected article-to-campaign automation */
.campaign-automation{margin:0 0 22px;padding:0;overflow:hidden;border-left:4px solid #ff8a00}
.campaign-automation>.panel-heading{margin:0;padding:22px 25px}
.campaign-automation>.heading-actions{padding:0 25px 24px}
.campaign-automation .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 25px 20px;overflow:hidden;border:1px solid #e2e4e8;border-radius:10px;background:#e2e4e8}
.campaign-automation .stat-grid>div{display:grid;gap:5px;padding:15px;background:#f8f9fa}
.campaign-automation .stat-grid span{color:#737985;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.campaign-automation .stat-grid strong{font-size:20px}
.campaign-automation .notice{margin:0 25px 18px;padding:14px 16px;border-radius:8px}
.campaign-automation .notice--warning{border:1px solid #efd09e;background:#fff7e8}
.campaign-automation .notice p{margin:4px 0 0;color:#666c75;font-size:11px;line-height:1.5}
@media(max-width:760px){.campaign-automation .stat-grid{grid-template-columns:1fr 1fr;margin-inline:15px}.campaign-automation .notice{margin-inline:15px}.campaign-automation>.heading-actions{padding-inline:15px}.campaign-automation>.panel-heading{padding-inline:18px}}
@media(max-width:420px){.campaign-automation .stat-grid{grid-template-columns:1fr}}

/* Moderated social-channel publishing */
.social-admin-heading p{max-width:820px}
.social-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.social-channel-panel{padding:0;overflow:hidden}.social-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}
.social-channel-card{display:grid;align-content:start;gap:17px;min-width:0;padding:19px;border:1px solid #e0e3e7;border-radius:12px;background:#fafbfc}
.social-channel-card>div:first-child{display:grid;gap:6px}.social-channel-card strong,.social-channel-card small{overflow-wrap:anywhere}.social-channel-card small{color:#727985;font-size:9px}
.social-channel-card dl{display:grid;gap:8px;margin:0}.social-channel-card dl div{display:flex;justify-content:space-between;gap:14px;padding-top:8px;border-top:1px solid #e4e6e9}.social-channel-card dt{color:#727985;font-size:9px}.social-channel-card dd{margin:0;text-align:right;font-size:10px;font-weight:800}.social-channel-error{margin:0;padding:10px;border-left:3px solid #d84a4a;background:#fff0f0;color:#7d2f2f;font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.social-platform{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 8px;border-radius:99px;background:#eceff2;color:#333943;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.social-platform--youtube{background:#ffe8e8;color:#b51616}.social-platform--instagram{background:#fae8f7;color:#8a2778}.social-platform--facebook{background:#e7efff;color:#2856a1}.social-platform--linkedin{background:#e4f2fa;color:#146a99}.social-platform--tiktok{background:#e5f8f7;color:#08736f}.social-platform--x{background:#e8e9eb;color:#17191d}
.social-post-table td:nth-child(2){max-width:430px}.social-sync-log{padding:0;overflow:hidden}.social-sync-log>summary{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;cursor:pointer;list-style:none}.social-sync-log>summary::-webkit-details-marker{display:none}.social-sync-log h2{margin:3px 0 0}.social-sync-log>summary>span{color:#b86100;font-size:10px;font-weight:900}.social-sync-log[open]>summary{border-bottom:1px solid #e4e6e9}
.social-hero{padding:70px 0 48px;background:#0b0b0d;color:#fff}.social-hero h1{max-width:900px;margin:8px 0 14px;font-size:clamp(45px,7vw,86px);line-height:.95}.social-hero p{max-width:700px;margin:0;color:#b5bac2;font-size:17px;line-height:1.55}.social-hero nav{display:flex;gap:9px;margin-top:30px;overflow-x:auto;padding-bottom:4px}.social-hero nav a{flex:0 0 auto;padding:10px 15px;border:1px solid #393c42;border-radius:99px;color:#d7d9dd;text-decoration:none;font-size:10px;font-weight:800}.social-hero nav a.active,.social-hero nav a:hover{border-color:#ff8a00;background:#ff8a00;color:#111}
.social-stream{padding-top:42px;padding-bottom:80px}.social-feed{display:grid;gap:26px;max-width:1180px;margin:0 auto}.social-story{display:grid;grid-template-columns:minmax(300px,42%) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #dedfe2;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(10,15,22,.055)}.social-story--text-only{grid-template-columns:1fr;border-left:5px solid #ff8a00}.social-story__media{position:relative;display:block;min-height:340px;overflow:hidden;background:#111}.social-story__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.social-story__media:hover img{transform:scale(1.018)}.social-story__video{display:flex;min-height:340px;aspect-ratio:16/9}.social-story__video iframe{width:100%;min-height:100%;border:0}.social-story__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:34px 36px}.social-story__header{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.social-story__header>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.social-story__header strong{font-size:12px}.social-story__header time{flex:0 0 auto;color:#737a84;font-size:11px}.social-story h2{margin:0 0 17px;font-size:clamp(25px,3vw,39px);line-height:1.08}.social-story h2 a{color:#111318;text-decoration:none}.social-story h2 a:hover{color:#b86100}.social-story p{margin:0;color:#555d68;font-size:16px;line-height:1.72}.social-story__fallback{font-style:italic}.social-story__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:auto;padding-top:28px}.social-story__source{color:#b55f00;font-size:12px;font-weight:900;text-decoration:none}.social-stream>.empty-state{margin-bottom:20px}
.social-post-page{background:#f4f5f6}.social-post-page__hero{padding:55px 0 50px;background:#0b0b0d;color:#fff}.social-post-page__back{display:inline-flex;margin-bottom:32px;color:#ff9a22;font-size:13px;font-weight:850;text-decoration:none}.social-post-page__identity{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.social-post-page__identity>a,.social-post-page__identity strong{color:#fff;font-size:13px;text-decoration:none}.social-post-page__identity time{color:#aeb4bd;font-size:12px}.social-post-page__identity time:before{content:"·";margin-right:12px}.social-post-page__hero h1{max-width:1020px;margin:22px 0 0;font-size:clamp(38px,6vw,76px);line-height:1.02}.social-post-page__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:34px;align-items:start;padding-top:44px;padding-bottom:80px}.social-post-page__main,.social-post-page__aside{overflow:hidden;border:1px solid #dde0e4;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(10,15,22,.045)}.social-post-page__media{display:flex;justify-content:center;margin:0;background:#0d0e11}.social-post-page__media img{display:block;max-width:100%;max-height:760px;object-fit:contain}.social-post-page__video{aspect-ratio:16/9}.social-post-page__video iframe{width:100%;border:0}.social-post-page__copy{padding:38px 42px}.social-post-page__copy p{margin:0;color:#353b44;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.social-post-page__aside{position:sticky;top:24px;padding:30px}.social-post-page__aside h2{margin:8px 0 12px;font-size:27px;line-height:1.15}.social-post-page__aside p{margin:0 0 24px;color:#646b75;font-size:13px;line-height:1.65}.social-post-page__aside .button{width:100%}.social-post-page__return{display:block;margin-top:19px;color:#b55f00;font-size:12px;font-weight:850;text-align:center;text-decoration:none}
@media(max-width:1100px){.social-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-story{grid-template-columns:minmax(280px,40%) minmax(0,1fr)}.social-story__content{padding:28px}.social-story p{font-size:15px}}
@media(max-width:860px){.social-story{grid-template-columns:1fr}.social-story__media{min-height:0;aspect-ratio:16/10}.social-story__video{aspect-ratio:16/9}.social-post-page__layout{grid-template-columns:1fr}.social-post-page__aside{position:static}}
@media(max-width:760px){.social-metrics{grid-template-columns:1fr 1fr}.social-channel-grid{grid-template-columns:1fr;padding:14px}.social-filter{grid-template-columns:1fr}.social-hero{padding:50px 0 35px}.social-hero p{font-size:14px}.social-stream{padding-top:28px}.social-story__content{padding:24px}.social-story__header{margin-bottom:20px}.social-story h2{font-size:27px}.social-story p{font-size:15px;line-height:1.62}.social-story__actions{align-items:stretch;flex-direction:column;width:100%}.social-story__actions .button{width:100%}.social-story__source{text-align:center}.social-post-page__hero{padding:38px 0}.social-post-page__back{margin-bottom:24px}.social-post-page__identity time{width:100%}.social-post-page__identity time:before{display:none}.social-post-page__layout{gap:20px;padding-top:22px;padding-bottom:45px}.social-post-page__copy{padding:25px 23px}.social-post-page__copy p{font-size:16px;line-height:1.75}.social-post-page__aside{padding:24px}.social-sync-log>summary{padding:19px 18px}.social-sync-log .table-wrap{overflow-x:auto}}
@media(max-width:420px){.social-metrics{grid-template-columns:1fr}.social-story__content{padding:20px}.social-story__header{align-items:flex-start;flex-direction:column;gap:10px}.social-story h2{font-size:24px}.social-post-page__hero h1{font-size:36px}}

/* Encrypted backup and recovery centre */
.backup-heading p{max-width:850px}.backup-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.backup-state--good{border-top:4px solid #20ad76!important}.backup-state--warn{border-top:4px solid #ee9c1d!important}.backup-state--bad{border-top:4px solid #d4484d!important}
.notice-card{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:17px 20px;border:1px solid #dce0e4;border-radius:12px;background:#fff}.notice-card strong{flex:0 0 auto}.notice-card p{flex:1;margin:0;color:#656c76;font-size:11px;line-height:1.55}.notice-card form{margin:0}.notice-card--warning{border-color:#efd5aa;background:#fff8ec}
.backup-history{padding:0;overflow:hidden}.backup-table td:nth-child(2){max-width:420px}.backup-checksum{display:block;width:max-content;max-width:100%;margin-top:8px;padding:4px 7px;border-radius:5px;background:#f0f2f4;color:#59616c;font-size:8px;overflow-wrap:anywhere}.backup-error{color:#ae3035!important}
.backup-control-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;align-items:start;margin:20px 0}.backup-control-grid>.panel{min-width:0}.backup-control-grid>.form-panel{padding:0}.backup-control-grid>.form-panel>.panel-heading{padding:24px 26px}.backup-control-grid>.form-panel>.form-grid,.backup-control-grid>.form-panel>.form-actions{padding-left:26px;padding-right:26px}.backup-control-grid>.form-panel>.form-actions{padding-bottom:26px}.backup-control-grid>.form-panel>hr{margin:25px 26px;border:0;border-top:1px solid #e1e4e8}.panel-heading--compact{padding:0 26px 16px!important}
.recovery-playbook{padding:26px}.recovery-playbook h2{margin:5px 0 18px}.recovery-playbook h3{margin:25px 0 8px}.recovery-playbook p{color:#69707b;font-size:11px;line-height:1.6}.cron-command{display:block;padding:13px;border-radius:8px;background:#111;color:#d7ffe9;font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.backup-verification-log{padding:0;overflow:hidden}.backup-verification-log>summary{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;cursor:pointer;list-style:none}.backup-verification-log>summary::-webkit-details-marker{display:none}.backup-verification-log h2{margin:3px 0 0}.backup-verification-log>summary>span{color:#b86100;font-size:10px;font-weight:900}
.status-badge--not_configured,.status-badge--pending{color:#76540e;background:#fff2d2}.status-badge--failed{color:#9a292e;background:#fee9ea}.status-badge--deleted{color:#626975;background:#eceef1}
@media(max-width:1120px){.backup-metrics{grid-template-columns:1fr 1fr}.backup-control-grid{grid-template-columns:1fr}}
@media(max-width:760px){.backup-metrics{grid-template-columns:1fr}.notice-card{align-items:flex-start;flex-direction:column}.notice-card form,.notice-card .button{width:100%}.backup-control-grid>.form-panel>.panel-heading,.backup-control-grid>.form-panel>.form-grid,.backup-control-grid>.form-panel>.form-actions{padding-left:18px;padding-right:18px}.backup-control-grid>.form-panel>hr{margin-left:18px;margin-right:18px}.panel-heading--compact{padding-left:18px!important;padding-right:18px!important}.backup-verification-log>summary{padding:19px 18px}.backup-verification-log .table-wrap{overflow-x:auto}}

/* Social publishing controls and homepage content widget */
.social-homepage-settings{margin:0 0 22px;padding:0;overflow:hidden;border-left:4px solid #ff8a00}.social-homepage-settings>.panel-heading{margin:0;padding:23px 25px;border-bottom:1px solid #e2e5e8}.social-homepage-settings>form{padding:23px 25px}.social-homepage-settings__save{align-self:end}.social-homepage-settings__save .button{width:100%}
.social-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.social-row-actions button,.social-row-actions .table-action{min-height:31px;padding:7px 9px;border:1px solid #d8dce1;border-radius:7px;background:#fff;color:#313741;font:inherit;font-size:9px;font-weight:850;line-height:1;cursor:pointer;text-decoration:none}.social-row-actions button:hover,.social-row-actions .table-action:hover{border-color:#ff8a00;color:#a85600}.social-content-warning{color:#a24d00!important;font-weight:800}.social-post-row--missing{background:#fffaf2}.hidden-action-form{display:none}
.social-embed-status{font-weight:850}.social-embed-status--ready{color:#137650}.social-embed-status--blocked{color:#a33b2f}.social-embed-status--unchecked{color:#8a6415}
.social-edit-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:22px;align-items:start}.social-edit-grid>.form-panel{padding:0}.social-edit-grid>.form-panel>.panel-heading{padding:24px 26px}.social-edit-grid>.form-panel .form-grid{padding:25px 26px}.social-edit-grid>.form-panel .form-actions{padding:0 26px 26px}.social-edit-side{display:grid;gap:20px;position:sticky;top:20px}.social-source-preview{padding:0;overflow:hidden}.social-source-preview>.panel-heading{padding:22px}.social-source-preview>img{display:block;width:100%;max-height:420px;object-fit:contain;background:#111}.social-source-preview__actions{padding:18px}.social-edit-actions{padding:23px}.social-edit-actions h2{margin:0 0 9px}.social-edit-actions p{margin:0 0 18px;color:#686f79;font-size:11px;line-height:1.6}.social-edit-actions form{margin-top:10px}.social-edit-actions .button{width:100%}
.social-story__video--portrait{aspect-ratio:9/16;max-height:700px}.social-story__video--portrait iframe{min-height:600px}.social-post-page__video--portrait{max-height:760px;aspect-ratio:9/16}.social-post-page__video--portrait iframe{max-width:440px}
.social-home{padding-top:58px;padding-bottom:64px}.social-home__all{color:#ad5900;text-decoration:none}.social-home__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:22px}.social-home-card{display:grid;grid-template-columns:minmax(180px,38%) minmax(0,1fr);min-height:300px;overflow:hidden;border:1px solid #dedfe2;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(10,15,22,.05)}.social-home-card__media{position:relative;display:block;min-height:100%;overflow:hidden;background:#111}.social-home-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.social-home-card__media:hover img{transform:scale(1.02)}.social-home-card__play{position:absolute;left:50%;top:50%;display:grid;width:54px;height:54px;place-items:center;padding-left:3px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,138,0,.94);color:#111;font-size:17px}.social-home-card__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:25px}.social-home-card__copy header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px}.social-home-card__copy time{color:#7c838d;font-size:9px}.social-home-card h3{margin:18px 0 11px;font-size:25px;line-height:1.12}.social-home-card h3 a{color:#111318;text-decoration:none}.social-home-card h3 a:hover{color:#ad5900}.social-home-card p{margin:0;color:#626a75;font-size:12px;line-height:1.65}.social-home-card__link{margin-top:auto;padding-top:20px;color:#ad5900;font-size:11px;font-weight:900;text-decoration:none}
.social-home-card--native{display:flex;min-height:0;flex-direction:column;align-items:center;padding:24px;background:#f5f6f8}.social-home-card__native-footer{display:flex;width:100%;max-width:500px;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;border-top:1px solid #dde1e6}.social-home-card__native-footer span{color:#737b86;font-size:9px}.social-home-card__native-footer a{color:#a95700;font-size:10px;font-weight:900;text-decoration:none}
.social-facebook-embed{position:relative;display:flex;width:100%;min-width:0;min-height:180px;align-items:flex-start;justify-content:center;overflow:hidden}.social-facebook-embed>.fb-post{width:100%;max-width:500px}.social-facebook-embed iframe{display:block!important;max-width:100%!important;margin:0 auto;border:0;background:#fff}.social-facebook-embed__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;color:#6c7480;font-size:13px;text-align:center}.social-facebook-embed.is-rendered{min-height:0}.social-facebook-embed.is-rendered .social-facebook-embed__loading{display:none}.social-facebook-embed__unavailable{box-sizing:border-box;width:100%;max-width:500px;margin:0 auto;padding:20px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;color:#4d5662}.social-facebook-embed__unavailable a{color:#a95700;font-weight:900}
.social-story--native{display:block;width:min(100%,620px);margin:0 auto;padding:26px;background:#f5f6f8}.social-story__native{display:flex;justify-content:center;min-width:0}.social-story__native-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:500px;margin:0 auto;padding:16px 0 0;border-top:1px solid #dde1e6}.social-story__native-footer span{color:#737b86;font-size:10px}.social-story__native-footer div{display:flex;flex-wrap:wrap;gap:14px}.social-story__native-footer a{color:#a95700;font-size:10px;font-weight:900;text-decoration:none}.social-post-page__native{display:flex;justify-content:center;padding:28px;background:#f5f6f8}
@media(max-width:1120px){.social-edit-grid{grid-template-columns:1fr}.social-edit-side{position:static;grid-template-columns:1fr 1fr}.social-home-card{grid-template-columns:1fr}.social-home-card__media{min-height:230px}.social-home-card__copy{min-height:260px}}
@media(max-width:760px){.social-homepage-settings>.panel-heading{align-items:flex-start;flex-direction:column;padding:20px 18px}.social-homepage-settings>form{padding:20px 18px}.social-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-row-actions .table-action,.social-row-actions button{display:flex;align-items:center;justify-content:center;width:100%}.social-edit-grid>.form-panel>.panel-heading,.social-edit-grid>.form-panel .form-grid,.social-edit-grid>.form-panel .form-actions{padding-left:18px;padding-right:18px}.social-edit-side{grid-template-columns:1fr}.social-home{padding-top:42px;padding-bottom:48px}.social-home__grid{grid-template-columns:1fr}.social-home__all{display:none}.social-home-card{grid-template-columns:minmax(120px,36%) minmax(0,1fr);min-height:250px}.social-home-card__media{min-height:100%}.social-home-card__copy{min-height:0;padding:20px}.social-home-card h3{font-size:22px}.social-home-card p{font-size:12px}.social-home-card--native{display:flex;padding:14px}.social-home-card__native-footer,.social-story__native-footer{align-items:flex-start;flex-direction:column}.social-story--native{padding:14px}.social-post-page__native{padding:14px}.social-story__video--portrait iframe{min-height:520px}}
@media(max-width:520px){.social-home-card{grid-template-columns:1fr}.social-home-card__media{min-height:220px;aspect-ratio:16/10}.social-home-card__copy{min-height:250px}.social-home-card__copy header{align-items:flex-start}.social-edit-heading .heading-actions{width:100%}.social-edit-heading .heading-actions .button{width:100%}}
.facebook-connection{padding:0;overflow:hidden;border-left:4px solid #1877f2}.facebook-connection>.panel-heading{margin:0;padding:24px 26px;border-bottom:1px solid #e2e5e8}.facebook-connection__body{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(360px,1.3fr);gap:24px;padding:25px 26px}.facebook-connection__checks{display:grid;gap:10px}.facebook-connection__checks>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:12px 14px;border:1px solid #e1e4e8;border-radius:10px}.facebook-connection__checks span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;font-weight:900}.facebook-connection__checks strong{font-size:11px}.facebook-connection__checks small{font-size:9px}.facebook-connection__checks .is-ready span{background:#e3f7ee;color:#117650}.facebook-connection__checks .is-ready small{color:#117650}.facebook-connection__checks .is-waiting span{background:#fff0d7;color:#9a6200}.facebook-connection__checks .is-waiting small{color:#8a6415}.facebook-connection__setup{display:grid;align-content:start;gap:9px;padding:20px;border-radius:12px;background:#12151b;color:#eef2f7}.facebook-connection__setup h3{margin:0 0 5px;color:#fff}.facebook-connection__setup code{display:block;padding:9px 11px;border:1px solid #353b46;border-radius:7px;background:#090b0e;color:#bce1ff;font-size:10px;overflow-wrap:anywhere}.facebook-connection__setup p{margin:5px 0 0;color:#b8bec8;font-size:10px;line-height:1.6}.facebook-connection__setup p span{overflow-wrap:anywhere}.facebook-connection__setup p strong{color:#fff}.facebook-connection__actions{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 26px;border-top:1px solid #e2e5e8}.facebook-connection__actions p{max-width:780px;margin:0;color:#656d78;font-size:10px;line-height:1.55}.facebook-channel-state{display:inline-flex;width:max-content;margin-top:3px;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:850}.facebook-channel-state.is-connected{background:#e3f7ee;color:#117650}.facebook-channel-state.is-manual{background:#fff0d7;color:#8a6415}.facebook-page-choice{padding:0}.facebook-page-choice form{padding:28px}.facebook-page-choice fieldset{margin:0;padding:0;border:0}.facebook-page-choice legend{margin-bottom:15px;font-size:18px;font-weight:900}.facebook-page-choice__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.facebook-page-option{display:flex;align-items:flex-start;gap:13px;padding:18px;border:2px solid #e1e4e8;border-radius:12px;cursor:pointer}.facebook-page-option:has(input:checked){border-color:#1877f2;background:#f1f6ff}.facebook-page-option input{margin-top:4px}.facebook-page-option span{display:grid;gap:5px}.facebook-page-option strong{font-size:15px}.facebook-page-option small{color:#6d7480;font-size:10px;overflow-wrap:anywhere}.facebook-page-choice__attach{margin-top:24px}.facebook-page-choice .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
@media(max-width:760px){.facebook-connection>.panel-heading{align-items:flex-start;flex-direction:column;padding:20px 18px}.facebook-connection__body{grid-template-columns:1fr;padding:20px 18px}.facebook-connection__actions{align-items:stretch;flex-direction:column;padding:18px}.facebook-connection__actions form,.facebook-connection__actions .button{width:100%}.facebook-page-choice form{padding:20px 18px}.facebook-page-choice__grid{grid-template-columns:1fr}.facebook-page-choice .form-actions{align-items:stretch;flex-direction:column}.facebook-page-choice .form-actions .button{width:100%}}

/* Deployment Centre */
.deployment-heading{align-items:center}.deployment-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.deployment-stats .stat-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.deployment-stats span{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.deployment-stats strong{margin:10px 0 6px;font-size:26px;overflow-wrap:anywhere}.deployment-stats small{color:var(--muted);line-height:1.45}.deployment-upload{margin-bottom:24px}.deployment-upload form,.deployment-confirm form{padding:0 26px 26px}.deployment-upload code,.deployment-confirm code,.deployment-facts code,.deployment-events code{overflow-wrap:anywhere}.release-assurance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.deployment-facts{padding:0 26px 26px}.deployment-facts dl{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);gap:0;margin:0}.deployment-facts dt,.deployment-facts dd{margin:0;padding:13px 0;border-bottom:1px solid var(--line)}.deployment-facts dt{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.deployment-facts dd{font-weight:700;overflow-wrap:anywhere}.deployment-confirm{margin-bottom:22px}.deployment-confirm--install{border-color:#9bd7c1}.deployment-confirm--rollback{border-color:#e4b2b5;background:#fffafa}.deployment-events{margin-top:22px}.deployment-events ol{list-style:none;margin:0;padding:0 26px 26px}.deployment-events li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.deployment-events li:last-child{border-bottom:0}.deployment-events p{margin:6px 0;color:var(--muted);line-height:1.55}.deployment-events small{color:var(--muted)}.responsive-table td small,.responsive-table td strong{display:block}.responsive-table td small{margin-top:4px;color:var(--muted)}
@media(max-width:1080px){.deployment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.release-assurance-grid{grid-template-columns:1fr}}
@media(max-width:700px){.deployment-stats{grid-template-columns:1fr}.deployment-upload form,.deployment-confirm form{padding:0 18px 20px}.deployment-facts{padding:0 18px 20px}.deployment-facts dl{grid-template-columns:1fr}.deployment-facts dt{padding-bottom:3px;border-bottom:0}.deployment-facts dd{padding-top:3px}.deployment-events ol{padding:0 18px 18px}.deployment-events li{grid-template-columns:1fr;gap:10px}.deployment-events li>.status{justify-self:start}}