@import url("tokens.css?v=20260907-identity1");
@import url("identity.css?v=20260907-identity1");

:root {
  --bg: var(--surface-0);
  --surface: var(--surface-1);
  --surface-2: #181b1a;
  --surface-3: #202321;
  --line: #2b302d;
  --text: var(--text-primary);
  --muted: var(--text-muted);
  --yellow: var(--accent-commercial);
  --yellow-soft: rgba(244,196,48,.12);
  --green: #4f8c5b;
  --green-bright: var(--accent-system);
  --danger: #e36b63;
  --radius: var(--radius-panel);
  --shadow: 0 8px 24px rgba(0,0,0,.16);
  font-family: var(--font-ui);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, .button { cursor: pointer; }
.shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.brand { display: inline-flex; align-items: center; gap: 11px; letter-spacing: -.02em; }
.brand-mark { width: 38px; height: 42px; display: grid; place-items: center; background: var(--yellow); color: #111; font-weight: 900; clip-path: polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); }
.brand > span:last-child { display: flex; align-items: baseline; gap: 6px; }
.brand strong { font-size: 18px; }
.brand small { font-size: 9px; letter-spacing: .24em; color: var(--yellow); font-weight: 800; }
.button { min-height: 46px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--yellow); border-radius:var(--radius-sm); background: var(--yellow); color: #111; font-weight: 800; }
.button:hover { filter: brightness(1.04); }
.button-small { min-height: 38px; padding: 0 14px; font-size: 13px; }
.button-secondary { background: transparent; color: var(--text); border-color: var(--line); }
.text-link { color: var(--text); font-weight: 750; }
.text-link span { color: var(--yellow); margin-left: 5px; }
.eyebrow, .panel-kicker {font-size:12px;letter-spacing:.06em; font-weight: 850;color:var(--tenant-accent,var(--accent-system)); }
.site-header { height: 86px; display: flex; align-items: center; justify-content: space-between; }
.site-nav { display: flex; gap: 30px; color: #c9ceca; font-size: 14px; }
.site-nav a:hover { color: var(--yellow); }
.hero { min-height: 680px; padding: 82px 0 70px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 68px; align-items: center; }
.hero-copy h1 { margin: 18px 0 22px; max-width: 720px; font-size: clamp(50px,6vw,78px); line-height: .98; letter-spacing: -.055em; }
.hero-text { max-width: 650px; margin: 0; color: #adb4ae; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 34px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 38px; color: #7f8781; font-size: 12px; }
.trust-row span::before { content: "•"; color: var(--green-bright); margin-right: 7px; }
.hero-panel { position: relative; padding: 18px; border: 1px solid var(--line);border-radius:var(--radius-xs) var(--radius-panel) var(--radius-xs) var(--radius-xs);background:var(--surface-1);box-shadow:none; }
.hero-panel::before {content: ""; position: absolute; width: 220px; height: 220px; background: var(--yellow-soft); filter: blur(70px); top: -70px; right: -40px; pointer-events: none;opacity:.35;}
.window-bar { display: flex; align-items: center; gap: 7px; height: 34px; color: #7e8680; font-size: 11px; }
.window-bar span { width: 7px; height: 7px; border-radius: 50%; background: #3b403d; }
.window-bar b { margin-left: 10px; font-weight: 650; }
.preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mini-card {padding: 19px;border:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line);}
.mini-card small { display:block; color:#777f79; font-size:9px; letter-spacing:.14em; }
.mini-card strong { display:block; margin:6px 0 3px; font-size:30px; letter-spacing:-.04em; }
.mini-card em { color: var(--green-bright); font-size:11px; font-style:normal; }
.preview-chart { margin: 10px 0; padding: 18px; height: 220px;border:0;border-radius:0;background:transparent; }
.chart-title { display:flex; justify-content:space-between; color:#929a94; font-size:11px; }
.chart-title b { font-weight:600; }
.bars { height:150px; display:flex; align-items:flex-end; gap:11px; padding-top:22px; }
.bars i { flex:1; border-radius:7px 7px 2px 2px; background: linear-gradient(180deg,var(--yellow),#816b20); opacity:.9; }
.activity-row { display:grid; grid-template-columns:10px 1fr auto; gap:12px; align-items:center; padding:15px 5px; border-top:1px solid #262b28; }
.activity-row div { display:flex; flex-direction:column; gap:3px; }
.activity-row b { font-size:12px; }.activity-row small { color:#7e8680; font-size:10px; }.activity-row > strong { font-size:10px; color:#aeb5b0; }
.status-dot { width:8px; height:8px; border-radius:50%; }.success{background:var(--green-bright)}.warning{background:var(--yellow)}
.logo-strip { min-height: 88px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; color:#707772; text-transform:uppercase; letter-spacing:.15em; font-size:10px; font-weight:800; }
.section { padding: 110px 0; }
.section-heading { max-width: 720px; margin-bottom: 48px; }.section-heading.compact{margin-bottom:32px}.section-heading h2,.split-section h2 { font-size: clamp(36px,4.5vw,58px); line-height:1.05; letter-spacing:-.045em; margin:14px 0 18px; }.section-heading p,.split-section p { color:#9aa19c; line-height:1.7; font-size:16px; }
.feature-grid,.channel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.feature-card,.channel-card { padding:30px; min-height:250px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.feature-icon { display:grid; width:43px; height:43px; place-items:center; border:1px solid #39403c; border-radius:var(--radius-sm); color:var(--yellow); font-size:11px; font-weight:850; }.feature-card h3,.channel-card h3{font-size:21px;margin:44px 0 10px}.feature-card p,.channel-card p{color:#8f9791;line-height:1.6;font-size:14px}
.split-section { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.rule-card { padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); display:grid; grid-template-columns:60px 1fr; gap:12px; box-shadow: var(--shadow); }.rule-card > span{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.15em}.rule-card > b{padding-bottom:13px;border-bottom:1px solid var(--line);font-size:13px}.rule-card footer{grid-column:1/-1;color:#727a74;font-size:11px;padding-top:8px}
.channel-card { min-height:220px; display:flex; flex-direction:column; justify-content:space-between; }.channel-card div{display:flex;align-items:center;gap:14px}.channel-card h3{margin:0}.channel-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:#232725;color:var(--yellow);font-size:10px;font-weight:900}.channel-card small{color:#737b75}.channel-card.active{border-color:#5a512a;background:linear-gradient(160deg,#181915,#111311)}
.site-footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:#6f7671; font-size:11px; }

/* Dashboard */
.dashboard-page { min-height:100vh; background:#0d0f0e; }
.sidebar { position:fixed; inset:0 auto 0 0; width:248px; padding:26px 18px 18px; background:#0a0c0b; border-right:1px solid #252a27; z-index:30; display:flex; flex-direction:column; }
.dashboard-brand { padding:0 8px 26px; }.dashboard-brand .brand-mark{width:34px;height:38px}.dashboard-brand strong{font-size:16px}
.side-nav { display:flex; flex-direction:column; gap:4px; }.side-nav a{height:43px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:var(--radius-sm);color:#8f9791;font-size:13px;font-weight:650}.side-nav a span{width:20px;color:#69716b;text-align:center}.side-nav a:hover,.side-nav a.active{background:#171a18;color:#f2f4ef}.side-nav a.active span{color:var(--yellow)}
.side-section { padding-top:26px; margin-top:16px; border-top:1px solid #232725; }.side-section > small{display:block;padding:0 12px 10px;color:#555c57;font-size:9px;letter-spacing:.16em;font-weight:850}.compact-nav a{height:39px}
.account-card { margin-top:auto; display:grid; grid-template-columns:36px 1fr auto; gap:10px; align-items:center; padding:12px; border:1px solid #282d2a; border-radius:var(--radius-sm); background:#111312; }.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--yellow);color:#151515;font-size:11px;font-weight:900}.account-card div{display:flex;flex-direction:column;min-width:0}.account-card b{font-size:11px}.account-card small{color:#626a64;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card button{border:0;background:transparent;color:#656d67}
.dashboard-shell { margin-left:248px; min-height:100vh; }.dashboard-header { position:sticky;top:0;height:74px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,15,14,.9);backdrop-filter:blur(18px);border-bottom:1px solid #252a27;z-index:20}.dashboard-header > div:first-of-type{display:flex;flex-direction:column}.dashboard-header small{font-size:8px;color:#626963;letter-spacing:.15em;font-weight:850}.dashboard-header strong{font-size:13px}.header-actions{display:flex;align-items:center;gap:10px}.dev-badge{padding:7px 10px;border:1px solid #4d482d;border-radius:999px;background:#252315;color:#d3bd55;font-size:9px;font-weight:800}.icon-button,.mobile-menu{border:1px solid #2e3430;background:#141715;color:#9ca39e;border-radius:var(--radius-sm);height:38px;min-width:38px}.mobile-menu{display:none}
.dashboard-content { padding:34px; max-width:1600px; margin:0 auto; }.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.welcome-row h1{font-size:32px;letter-spacing:-.04em;margin:0 0 7px}.welcome-row p{margin:0;color:#757d77;font-size:13px}.period-control{display:flex;padding:3px;border:1px solid #2b302d;border-radius:var(--radius-sm);background:#111312}.period-control button{height:31px;padding:0 11px;border:0;border-radius:var(--radius-xs);background:transparent;color:#707871;font-size:10px;font-weight:750}.period-control button.active{background:#252925;color:#e7e9e6}
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-card{min-height:145px;padding:20px;border:1px solid #292e2b;border-radius:var(--radius-md);background:#121514}.metric-card > div{display:flex;justify-content:space-between;align-items:center}.metric-card span{color:#8d958f;font-size:11px}.metric-card em{font-size:9px;font-style:normal;color:#777f79}.metric-card em.positive{color:var(--green-bright)}.metric-card strong{display:block;margin:20px 0 5px;font-size:31px;letter-spacing:-.04em}.metric-card small{color:#626963;font-size:9px}.metric-card.accent-card{border-color:#504b2c;background:linear-gradient(160deg,#1b1b14,#121512)}
.dashboard-grid { display:grid;gap:12px;margin-bottom:12px}.main-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr)}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}.panel{border:1px solid #292e2b;border-radius:var(--radius-md);background:#121514;overflow:hidden}.panel > header{min-height:75px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #262b28}.panel h2{font-size:16px;margin:4px 0 0;letter-spacing:-.02em}.panel-kicker{font-size:10px}.panel select{border:1px solid #2d332f;background:#171a18;color:#a9b0ab;padding:7px 24px 7px 9px;border-radius:var(--radius-sm);font-size:9px}.text-button{border:0;background:transparent;color:#a4aba6;font-size:10px;font-weight:750}
.large-chart{height:316px;padding:28px 24px 18px;display:grid;grid-template-columns:38px 1fr}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#505752;font-size:8px;padding-bottom:26px}.chart-area{position:relative}.grid-lines{position:absolute;inset:0 0 26px;background:repeating-linear-gradient(to bottom,#232825 0,#232825 1px,transparent 1px,transparent 25%)}.chart-area svg{position:absolute;inset:0 0 26px;width:100%;height:calc(100% - 26px);color:var(--yellow);filter:drop-shadow(0 0 8px rgba(244,196,48,.16))}.chart-area svg .ghost-line{color:#3d6744;opacity:.6}.x-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#555d57;font-size:8px}
.channel-status-list{padding:10px 20px}.channel-status{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:17px 0;border-bottom:1px solid #252a27}.channel-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:#202420;color:var(--yellow);font-size:9px;font-weight:900}.channel-status div{display:flex;flex-direction:column;gap:3px}.channel-status b{font-size:11px}.channel-status small{font-size:9px;color:#666e68}.channel-state{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7c847e}.channel-state.development{color:var(--green-bright)}.setup-note{margin:10px 20px 20px;padding:13px;display:grid;grid-template-columns:25px 1fr;gap:9px;background:#1c1b12;border:1px solid #474323;border-radius:var(--radius-sm)}.setup-note > span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#322f18;color:var(--yellow);font-weight:900;font-size:10px}.setup-note div{display:flex;flex-direction:column;gap:3px}.setup-note b{font-size:10px;color:#d8d4b8}.setup-note small{font-size:8px;color:#77745e;line-height:1.5}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;padding:12px 20px;color:#555d57;font-size:8px;letter-spacing:.08em;border-bottom:1px solid #252a27}td{padding:16px 20px;border-bottom:1px solid #232825;color:#9fa6a1}tbody tr:last-child td{border-bottom:0}.campaign-name{color:#e4e7e3;font-weight:700}.status-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#202520;color:#7eac84;font-size:8px;text-transform:uppercase;font-weight:800}.status-pill.draft{background:#252521;color:#a8a579}.status-pill.automated{background:#1e2327;color:#86a8b8}
.automation-list{padding:3px 20px}.automation-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #252a27}.automation-item:last-child{border-bottom:0}.automation-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:#202420;color:var(--green-bright);font-weight:900}.automation-item div{display:flex;flex-direction:column;gap:3px}.automation-item b{font-size:10px}.automation-item small{font-size:8px;color:#626963}.toggle-dot{width:28px;height:16px;padding:2px;border-radius:999px;background:#2f5035}.toggle-dot::after{content:"";display:block;width:12px;height:12px;margin-left:12px;border-radius:50%;background:#8bc894}.toggle-dot.design{background:#3e3b27}.toggle-dot.design::after{background:#b6aa62;margin-left:6px}
.design-notice{margin-top:24px;padding:28px;border:1px solid #3f3b25;border-radius:var(--radius-md);background:linear-gradient(130deg,#171711,#111412);display:flex;align-items:center;justify-content:space-between;gap:30px}.design-notice h2{font-size:19px;margin:7px 0}.design-notice p{max-width:760px;margin:0;color:#7c847e;font-size:11px;line-height:1.65}.design-notice code{color:#d7c561;background:#252416;padding:2px 5px;border-radius:var(--radius-xs)}
.toast{position:fixed;right:24px;bottom:24px;max-width:340px;padding:13px 16px;border:1px solid #444a46;border-radius:var(--radius-sm);background:#171a18;color:#cdd2ce;font-size:11px;box-shadow:var(--shadow);transform:translateY(25px);opacity:0;pointer-events:none;transition:.2s ease;z-index:100}.toast.show{transform:translateY(0);opacity:1}
@media (max-width: 1080px){.hero{grid-template-columns:1fr;gap:50px}.hero-panel{max-width:720px;box-shadow:none;background:var(--surface-1);border-radius:var(--radius-xs) var(--radius-panel) var(--radius-xs) var(--radius-xs);}.feature-grid,.channel-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr;gap:45px}.metric-grid{grid-template-columns:1fr 1fr}.main-grid,.lower-grid{grid-template-columns:1fr}.site-nav{display:none}}
@media (max-width: 760px){.shell{width:min(100% - 28px,1180px)}.site-header{height:72px}.site-header>.button{display:none}.hero{padding-top:50px;min-height:auto}.hero-copy h1{font-size:49px}.hero-text{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.logo-strip{overflow:auto;justify-content:flex-start;padding:0 6px}.feature-grid,.channel-grid{grid-template-columns:1fr}.section{padding:75px 0}.split-section{gap:35px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:7px}.sidebar{transform:translateX(-100%);transition:.22s ease}.sidebar.open{transform:translateX(0);box-shadow:20px 0 70px #000}.dashboard-shell{margin-left:0}.mobile-menu{display:inline-grid;place-items:center}.dashboard-header{padding:0 15px}.dashboard-header>div:first-of-type{display:none}.dev-badge{display:none}.dashboard-content{padding:20px 14px}.welcome-row{align-items:flex-start;flex-direction:column;gap:18px}.metric-grid{grid-template-columns:1fr 1fr}.design-notice{align-items:flex-start;flex-direction:column}.header-actions .icon-button{display:none}}
@media (max-width: 480px){.preview-grid{grid-template-columns:1fr}.hero-panel{padding:12px;box-shadow:none;background:var(--surface-1);border-radius:var(--radius-xs) var(--radius-panel) var(--radius-xs) var(--radius-xs);}.metric-grid{grid-template-columns:1fr}.period-control{width:100%}.period-control button{flex:1}.dashboard-header .button{padding:0 10px}.welcome-row h1{font-size:27px}}

/* Internationalization and regional settings, v0.3 */
.site-actions { display:flex; align-items:center; gap:10px; }
.language-control { min-height:38px; display:flex; align-items:center; gap:8px; padding:0 8px 0 11px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#101211; color:#8f9791; }
.language-control > span { font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.language-select { max-width:150px; height:30px; border:0; outline:0; background:#151816; color:#d7dcd8; border-radius:var(--radius-xs); padding:0 8px; font-size:10px; font-weight:750; cursor:pointer; }
.compact-language { padding:0 4px; min-height:36px; }
.compact-language .language-select { max-width:118px; }
.regional-panel { margin-top:12px; padding:26px; border:1px solid #292e2b; border-radius:var(--radius-md); background:#121514; }
.regional-heading { display:grid; grid-template-columns:minmax(0,1fr); max-width:850px; }
.regional-heading h2 { margin:7px 0; font-size:19px; letter-spacing:-.02em; }
.regional-heading p { margin:0; color:#7c847e; font-size:11px; line-height:1.65; }
.regional-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:22px; }
.regional-grid article { min-height:108px; padding:16px; display:flex; flex-direction:column; justify-content:center; border:1px solid #292e2b; border-radius:var(--radius-sm); background:#0f1210; }
.regional-grid small { color:#696f6b; font-size:8px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.regional-grid strong { margin:8px 0 3px; font-size:13px; }
.regional-grid span { color:#8a928c; font-size:9px; }
@media (max-width: 1080px){.regional-grid{grid-template-columns:1fr 1fr}.site-actions .language-control > span{display:none}}
@media (max-width: 760px){.site-actions .button{display:none}.language-control{padding-left:4px}.language-select{max-width:112px}.compact-language .language-select{max-width:84px}.header-actions{gap:6px}.regional-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 480px){.regional-grid{grid-template-columns:1fr}.compact-language{display:none}}


/* Dashboard personalization, v0.3 */
.button-outline{background:#171a18;border-color:#343a36;color:#cfd4d0}.button-outline:hover{border-color:#575f59;background:#1d211e}.dashboard-widget-hidden{display:none!important}.dashboard-grid.dashboard-grid-empty,.metric-grid.dashboard-grid-empty{display:none}.dashboard-grid.dashboard-grid-single{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.customizer-open{overflow:hidden}
.dashboard-customizer-backdrop{position:fixed;inset:0;z-index:500;display:flex;justify-content:flex-end;background:rgba(3,5,4,.72);backdrop-filter:blur(5px);opacity:0;transition:opacity .17s ease}.dashboard-customizer-backdrop.open{opacity:1}.dashboard-customizer-backdrop[hidden]{display:none}.dashboard-customizer{width:min(520px,100%);height:100%;display:flex;flex-direction:column;background:#0f1210;border-left:1px solid #303632;box-shadow:-24px 0 80px rgba(0,0,0,.45);transform:translateX(35px);transition:transform .2s ease}.dashboard-customizer-backdrop.open .dashboard-customizer{transform:translateX(0)}.dashboard-customizer>header{padding:27px 28px 22px;display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #272c29}.dashboard-customizer h2{margin:7px 0 7px;font-size:22px;letter-spacing:-.03em}.dashboard-customizer header p{margin:0;max-width:390px;color:#777f79;font-size:11px;line-height:1.55}.customizer-close{width:36px;height:36px;flex:0 0 auto;border:1px solid #303632;border-radius:var(--radius-sm);background:#151816;color:#929a94;font-size:20px;cursor:pointer}.customizer-content{padding:22px 28px;overflow:auto;flex:1}.customizer-group{margin:0 0 22px;padding:0;border:0}.customizer-group legend{width:100%;padding:0 0 9px;color:#6d756f;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #252a27}.widget-choice{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #212623;cursor:pointer}.widget-choice>span{display:flex;flex-direction:column;gap:4px}.widget-choice b{font-size:11px;color:#dce0dc}.widget-choice small{font-size:8px;color:#656d67}.widget-choice input{position:absolute;opacity:0;pointer-events:none}.widget-choice i{position:relative;width:34px;height:19px;flex:0 0 auto;border-radius:999px;background:#2b302d;border:1px solid #3a403c;transition:.16s ease}.widget-choice i:after{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:#747c76;transition:.16s ease}.widget-choice input:checked+i{background:#405f2e;border-color:#5f7a41}.widget-choice input:checked+i:after{left:17px;background:var(--yellow)}.widget-choice input:focus-visible+i{outline:2px solid var(--yellow);outline-offset:3px}.customizer-hint{padding:13px 14px;margin:4px 0 0;border:1px solid #343425;border-radius:var(--radius-sm);background:#18180f;color:#77745e;font-size:9px;line-height:1.55}.dashboard-customizer>footer{padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #292e2b;background:#101311}.dashboard-customizer>footer>div{display:flex;gap:8px}.customizer-reset{color:#969d98}.customize-dashboard-button{white-space:nowrap}
@media (max-width:760px){.customize-dashboard-button{font-size:0;width:38px;padding:0;display:grid;place-items:center}.customize-dashboard-button:after{content:"⚙";font-size:14px}.dashboard-customizer{width:100%}.dashboard-customizer>header,.customizer-content,.dashboard-customizer>footer{padding-left:20px;padding-right:20px}}
@media (max-width:480px){.dashboard-customizer>footer{align-items:stretch;flex-direction:column-reverse}.dashboard-customizer>footer>div{display:grid;grid-template-columns:1fr 1fr}.dashboard-customizer>footer .button{justify-content:center}.customizer-reset{text-align:center;padding:8px}.metric-grid{grid-template-columns:1fr}}

/* =========================================================
   V0.6 PRODUCT SHELL, PUBLIC DEMO AND AUTH
   ========================================================= */
.auth-page,.product-page{background:#090b0b;color:#f5f6f2;min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-shell>.brand{position:absolute;top:28px;left:32px}.auth-card{width:min(460px,100%);background:#111515;border:1px solid #252b29;border-radius:var(--radius-panel);padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.auth-card h1{margin:10px 0 8px;font-size:32px}.auth-card>p{color:#98a19d;line-height:1.6}.auth-form{display:grid;gap:16px;margin-top:26px}.auth-form label,.product-dialog label,.campaign-form label,.settings-grid label{display:grid;gap:8px;color:#cfd4d1;font-size:13px;font-weight:650}.auth-form input,.product-dialog input,.product-dialog textarea,.campaign-form input,.campaign-form textarea,.campaign-form select,.settings-grid input,.settings-grid select,.search-input,.filters-row select{width:100%;background:#0b0e0e;color:#f5f6f2;border:1px solid #2a302e;border-radius:var(--radius-sm);padding:12px 13px;outline:none}.auth-form input:focus,.campaign-form input:focus,.campaign-form textarea:focus,.search-input:focus{border-color:#d5f548;box-shadow:0 0 0 3px rgba(213,245,72,.08)}.full-button{display:flex;justify-content:center;width:100%}.auth-separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:#717b77}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#272d2b;flex:1}.auth-note{display:block;color:#727b77;text-align:center;margin-top:14px;line-height:1.5}.form-status{min-height:20px;color:#ffcf5a}
.product-sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:22px 16px;background:#0d1010;border-right:1px solid #212625;z-index:30;display:flex;flex-direction:column}.product-sidebar .brand{margin:2px 8px 20px}.demo-mode-pill{margin:0 7px 16px;border:1px solid rgba(213,245,72,.28);background:rgba(213,245,72,.07);color:#d5f548;padding:8px 10px;border-radius:var(--radius-sm);font-size:10px;font-weight:800;letter-spacing:.08em}.product-nav{display:grid;gap:4px;overflow-y:auto;min-height:0;align-content:start;padding-bottom:16px;scrollbar-width:thin}.product-nav button,.product-nav a{appearance:none;border:0;background:transparent;color:#9da6a2;text-decoration:none;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);font:inherit;font-size:13px;cursor:pointer;text-align:left;width:100%}.product-nav button span,.product-nav a span{width:18px;text-align:center;color:#707a76}.product-nav button:hover,.product-nav a:hover,.product-nav button.active{background:#171c1a;color:#fff}.product-nav button.active span{color:#d5f548}.product-sidebar .side-section{margin-top:22px}.product-sidebar .side-section>small{display:block;color:#59625f;font-size:9px;font-weight:800;letter-spacing:.12em;padding:0 12px 8px}.product-account{margin-top:auto;border-top:1px solid #222826;padding:16px 6px 0;display:flex;align-items:center;gap:10px}.product-account div{display:grid;min-width:0}.product-account b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-account small{color:#717b77;font-size:10px}.product-shell{margin-left:252px;min-height:100vh}.product-header{height:70px;position:sticky;top:0;z-index:20;background:rgba(9,11,11,.93);backdrop-filter:blur(15px);border-bottom:1px solid #202523;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 28px}.product-header .mobile-menu{margin-right:auto}.breadcrumb{display:grid}.breadcrumb small{font-size:9px;color:#6e7874;text-transform:uppercase;letter-spacing:.12em}.breadcrumb strong{font-size:15px}.product-content{padding:28px;max-width:1600px;margin:0 auto}.product-section{display:none;animation:sectionIn .18s ease}.product-section.active{display:block}@keyframes sectionIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.demo-banner{margin-left:252px;display:flex;align-items:center;gap:10px;padding:10px 28px;background:#151b11;border-bottom:1px solid rgba(213,245,72,.18);color:#d5f548}.demo-banner>span{font-size:9px}.demo-banner div{display:flex;align-items:baseline;gap:12px}.demo-banner b{font-size:12px}.demo-banner small{color:#89956f}.section-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-toolbar h1{font-size:34px;margin:5px 0 6px;font-family:var(--tenant-font,var(--font-display));}.section-toolbar p{margin:0;color:#8e9894;max-width:720px;line-height:1.6}.toolbar-actions,.filters-row{display:flex;gap:10px;align-items:center}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.filters-row{margin-bottom:14px}.filters-row .search-input{flex:1}.filters-row select{width:220px}.table-panel{padding:0;overflow:hidden}.table-panel table{width:100%}.contact-cell{display:flex;align-items:center;gap:10px}.avatar.small{width:32px;height:32px;font-size:10px}.locale-pill{font-size:10px;padding:5px 8px;border-radius:999px;background:#171c1a;border:1px solid #2b312f;color:#b6bfbb}.empty-cell{text-align:center!important;color:#77817d;padding:35px!important}.card-collection,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-card{display:flex;gap:16px;padding:20px;border-radius:var(--radius-md);border:1px solid #222927;background:#111515;min-height:150px}.collection-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:grid;place-items:center;background:#1b211f;color:#d5f548;font-size:19px}.collection-card small{color:#66706c;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.collection-card h3{margin:6px 0 6px}.collection-card p{color:#8b9591;font-size:12px;min-height:36px}.collection-card b{font-size:11px;color:#cdd3d0}.segment-card .collection-icon{color:#6ff0a8}.subsection-title{font-size:17px;margin:28px 0 12px}.campaign-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.campaign-list-panel{padding:0;overflow:hidden}.campaign-list-panel header{padding:18px;border-bottom:1px solid #242a28}.campaign-list{display:grid}.campaign-item{appearance:none;border:0;border-bottom:1px solid #202624;background:transparent;color:#fff;padding:16px 18px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.campaign-item:hover{background:#151a18}.campaign-item span{display:grid;min-width:0}.campaign-item b,.campaign-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-item small{color:#77817d;margin-top:5px}.editor-panel{min-height:650px}.empty-editor{min-height:500px;display:grid;place-items:center;color:#65706b;text-align:center}.campaign-form{display:grid;gap:14px}.campaign-form.hidden,.hidden{display:none!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-tools{display:flex;flex-wrap:wrap;gap:6px}.builder-tools button{appearance:none;border:1px solid #2c3430;background:#121715;color:#9aa49f;border-radius:var(--radius-xs);padding:6px 9px;font-size:10px;cursor:pointer}.field-label{display:block;color:#cfd4d1;font-size:13px;font-weight:650;margin-bottom:8px}.email-preview-frame{background:#f6f6f3;color:#252525;border-radius:var(--radius-sm);min-height:330px;padding:24px;overflow:auto}.email-preview-frame h2{color:#111}.email-preview-frame a{color:#356d37}.form-actions{display:flex;justify-content:flex-end;gap:10px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-card{border:1px solid #222927;background:#111515;border-radius:var(--radius-md);overflow:hidden}.template-preview{height:180px;background:#f4f4ef;color:#222;padding:20px;overflow:hidden;font-size:11px}.template-preview h2{font-size:20px;color:#111}.template-card footer{padding:15px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.template-card footer div{min-width:0}.template-card small{color:#67716d}.template-card h3{margin:4px 0}.template-card p{font-size:11px;color:#89938f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-canvas{min-height:560px;border:1px solid #212725;border-radius:var(--radius-md);background:radial-gradient(circle at 1px 1px,#252c29 1px,transparent 1px);background-size:22px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow-node{width:min(420px,80%);background:#131816;border:1px solid #2b332f;border-radius:var(--radius-sm);padding:18px}.flow-node small{color:#69736f;letter-spacing:.12em}.flow-node b{display:block;margin-top:6px}.flow-node.condition{border-color:#675f34}.flow-node.action{border-color:#2b6848}.flow-arrow{font-size:26px;color:#5b6661;margin:7px}.demo-chart-bars{height:260px;display:flex;align-items:flex-end;gap:12px;padding:25px 8px 8px}.demo-chart-bars i{flex:1;display:block;background:linear-gradient(to top,var(--tenant-accent,var(--accent-system)),var(--green-bright));border-radius:5px 5px 2px 2px;opacity:.85}.connection-item,.setting-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #212725}.connection-item div,.setting-row span{display:grid;flex:1}.connection-item small,.setting-row small{color:#76807c;margin-top:4px}.channel-logo{width:40px;height:40px;border-radius:var(--radius-sm);background:#191f1d;color:#d5f548;display:grid;place-items:center;font-weight:800}.compact-list{display:grid}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #212725}.compact-row>span{display:grid}.compact-row small{color:#77817d;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .panel{display:grid;gap:14px;align-content:start}.settings-grid h2{margin:0 0 5px}.product-dialog{width:min(520px,calc(100% - 30px));background:#111515;color:#fff;border:1px solid #2a312e;border-radius:var(--radius-md);padding:0;box-shadow:0 30px 120px rgba(0,0,0,.55)}.product-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.product-dialog form{display:grid;gap:14px;padding:20px}.product-dialog header,.product-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-dialog header h2{margin:0}.product-dialog header button{border:0;background:transparent;color:#8f9995;font-size:24px;cursor:pointer}.product-dialog footer{justify-content:flex-end;border-top:1px solid #242a28;padding-top:16px}.checkbox-line{grid-template-columns:auto 1fr!important;align-items:center}.checkbox-line input{width:auto}.toast#productToast{position:fixed;right:24px;bottom:24px;background:#1b211f;border:1px solid #343d39;color:#fff;padding:12px 16px;border-radius:var(--radius-sm);transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s;z-index:100}.toast#productToast.show{opacity:1;transform:none}
@media(max-width:1100px){.card-collection,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-layout{grid-template-columns:300px minmax(0,1fr)}.builder-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:850px){.product-sidebar{transform:translateX(-105%);transition:.2s}.menu-open .product-sidebar{transform:none}.product-shell{margin-left:0}.demo-banner{margin-left:0}.product-header{padding:0 16px}.product-content{padding:18px}.section-toolbar{align-items:flex-start;flex-direction:column}.campaign-layout{grid-template-columns:1fr}.campaign-list-panel{max-height:300px}.card-collection,.template-grid{grid-template-columns:1fr}.toolbar-actions,.filters-row{width:100%;flex-wrap:wrap}.filters-row .search-input{flex-basis:100%}.filters-row select{flex:1}.form-grid{grid-template-columns:1fr}.demo-banner div{display:grid;gap:2px}.header-actions .language-control{display:none}}
.auth-form select{width:100%;background:#0b0e0e;color:#f5f6f2;border:1px solid #2a302e;border-radius:var(--radius-sm);padding:12px 13px}.auth-form label small{color:#6f7975;font-weight:400}.auth-switch{text-align:center;color:#7d8783;font-size:12px;margin:16px 0 0}.auth-switch a{color:#d5f548}.dashboard-widget-hidden{display:none!important}.dashboard-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-pref-grid .checkbox-line{border:1px solid #262d2a;border-radius:var(--radius-sm);padding:12px}.dialog-help{color:#87918d;font-size:12px;line-height:1.5}@media(max-width:600px){.dashboard-pref-grid{grid-template-columns:1fr}}

/* v0.6 interactive content and workspace controls */
.email-preview-frame{width:100%;border:0;display:block;padding:0;background:#f6f6f3}
.template-editor-dialog{width:min(980px,calc(100% - 30px))}
.safe-template-preview{display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f4f4ef,#e7e9df);color:#202522;text-align:center;line-height:1.55}
.safe-template-preview span{max-width:90%;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.template-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.template-actions .button{padding:7px 10px;font-size:10px}
.settings-grid .panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-note{margin:0;color:#7d8783;font-size:12px;line-height:1.5}
.api-key-result{display:grid;gap:8px;padding:12px;border:1px solid rgba(213,245,72,.2);background:rgba(213,245,72,.06);border-radius:var(--radius-sm)}
.api-key-result small{color:#aab39b}
.api-key-result code{display:block;padding:10px;background:#080b0a;border-radius:var(--radius-sm);color:#d5f548;word-break:break-all;user-select:all}
@media(max-width:720px){.template-actions{justify-content:flex-start}.template-editor-dialog{width:calc(100% - 18px)}}
.auth-inline-link{color:#aab39b;font-size:12px;text-align:right;text-decoration:none}.auth-inline-link:hover{color:#d5f548}.api-key-result a{color:#d5f548;word-break:break-all;font-size:11px}
.settings-form{display:grid;gap:14px}.button:disabled{opacity:.45;cursor:not-allowed}
.auth-form-step{display:grid;gap:16px}.mfa-icon{width:54px;height:54px;border-radius:var(--radius-md);display:grid;place-items:center;background:rgba(213,245,72,.08);border:1px solid rgba(213,245,72,.24);color:#d5f548;font-weight:850;letter-spacing:.08em}.auth-form-step>p{margin:0;color:#98a19d;font-size:13px;line-height:1.6}
.setting-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto!important}.recovery-codes{background:#080b0a;border:1px solid #2a312e;color:#d5f548;padding:14px;border-radius:var(--radius-sm);line-height:1.8;user-select:all;white-space:pre-wrap}.button-danger{background:#3a1717!important;border-color:#6d2c2c!important;color:#ffb4b4!important}

/* Platform administration hierarchy */
.platform-admin-page{margin:0;background:#0d0f0e;color:#eef1ed;min-height:100vh}.platform-admin-sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:24px 18px;display:flex;flex-direction:column;background:#0b0d0c;border-right:1px solid #242925;z-index:20}.platform-admin-sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:28px}.platform-admin-sidebar nav button,.platform-admin-sidebar nav a{border:0;background:transparent;color:#858d87;text-align:left;padding:11px 12px;border-radius:var(--radius-sm);font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.platform-admin-sidebar nav button:hover,.platform-admin-sidebar nav button.active,.platform-admin-sidebar nav a:hover{background:#171a18;color:#f2f4ef}.platform-badge{margin-top:20px;padding:8px 10px;border:1px solid #4a4529;border-radius:var(--radius-sm);background:#1d1b11;color:#dac45b;font-size:9px;font-weight:900;letter-spacing:.12em}.platform-admin-user{margin-top:auto;padding:13px;border:1px solid #292e2b;border-radius:var(--radius-sm);background:#111312;display:flex;flex-direction:column;gap:3px}.platform-admin-user b{font-size:11px}.platform-admin-user small{color:#737b75;font-size:9px}.platform-admin-shell{margin-left:248px;min-height:100vh}.platform-admin-header{height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252a27;background:rgba(13,15,14,.94);position:sticky;top:0;z-index:15}.platform-admin-header>div:first-child{display:flex;flex-direction:column;gap:2px}.platform-admin-header small{font-size:8px;letter-spacing:.14em;color:#626963}.platform-admin-content{padding:32px;max-width:1500px;margin:0 auto}.admin-section{display:none}.admin-section.active{display:block}.platform-metrics .small-metric{font-size:18px;margin-top:26px}.platform-dialog{width:min(720px,calc(100% - 28px));border:1px solid #353b37;border-radius:var(--radius-md);background:#121514;color:#eef1ed;padding:0;box-shadow:0 30px 100px #000}.platform-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.platform-dialog form{padding:24px}.platform-dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.platform-dialog h2{margin:5px 0 0}.dialog-close{border:0;background:transparent;color:#8a928c;font-size:26px}.platform-dialog label{display:flex;flex-direction:column;gap:7px;color:#9aa19c;font-size:10px;font-weight:700;margin-bottom:14px}.platform-dialog input,.platform-dialog select{height:42px;border:1px solid #303632;border-radius:var(--radius-sm);background:#0e1110;color:#e9ece8;padding:0 12px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-hint{color:#6e766f;font-size:10px;line-height:1.5}.admin-result{white-space:pre-wrap;margin:16px 0 0;padding:12px;border:1px solid #3d432c;border-radius:var(--radius-sm);background:#17180f;color:#d8c75d;font-size:10px}.table-panel small{color:#69716b}@media(max-width:760px){.platform-admin-sidebar{transform:translateX(-100%)}.platform-admin-shell{margin-left:0}.platform-admin-header{padding:0 14px}.platform-admin-content{padding:20px 14px}.dialog-grid{grid-template-columns:1fr}}


/* Landing conversion actions, V0.6 */
.contact-section{padding-top:40px;padding-bottom:110px}.contact-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:50px;align-items:center;padding:42px;border:1px solid #4a4428;border-radius:var(--radius-panel);background:linear-gradient(135deg,#181813,#111412);box-shadow:var(--shadow)}.contact-card h2{margin:12px 0 14px;font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.04em}.contact-card p{max-width:720px;margin:0;color:#959d97;line-height:1.7}.contact-address{display:block;margin-top:18px;color:#d5c46a;font-size:12px;font-weight:750}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.contact-actions .text-link{text-align:center;padding-top:8px}.site-actions>.button{white-space:nowrap}
@media (max-width:1080px){.contact-card{grid-template-columns:1fr}.site-actions{gap:7px}.site-actions>.button{padding:0 10px}}
@media (max-width:760px){.site-actions>.button-secondary{display:none}.site-actions>.button{display:inline-flex}.site-actions>.text-link{display:none}.contact-card{padding:28px;gap:28px}}
@media (max-width:480px){.site-actions>.button{min-height:34px;padding:0 9px;font-size:11px}.contact-card{padding:22px}}

/* ================================================================
   V0.6 subscription, timed trial and Control Center extensions
   ================================================================ */
.demo-timer-pill{margin:8px 12px 0;padding:9px 12px;border:1px solid rgba(245,193,36,.28);border-radius:var(--radius-sm);background:rgba(245,193,36,.07);display:flex;justify-content:space-between;gap:12px;font-size:12px}.demo-timer-pill strong{font-variant-numeric:tabular-nums;color:var(--yellow,#f5c124)}
.trial-gate{min-height:calc(100vh - 86px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:48px;align-items:center;padding-top:54px;padding-bottom:72px}.trial-gate-copy h1,.plans-heading h1{font-size:clamp(40px,6vw,72px);line-height:1.02;max-width:920px;margin:12px 0 20px}.trial-gate-copy>p{font-size:18px;line-height:1.65;max-width:760px;color:var(--muted,#9ba39c)}.trial-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.trial-feature-grid article{padding:18px;border:1px solid var(--border,#273029);background:var(--panel,#141914);border-radius:var(--radius-md);display:grid;gap:6px}.trial-feature-grid small{color:var(--muted,#9ba39c)}.trial-gate-card{padding:30px;border:1px solid rgba(245,193,36,.25);background:linear-gradient(160deg,rgba(245,193,36,.09),rgba(37,154,82,.05));border-radius:var(--radius-panel);box-shadow:0 26px 70px rgba(0,0,0,.24)}.trial-clock{font-size:64px;line-height:1;font-weight:800;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:var(--yellow,#f5c124)}.trial-gate-card>span{display:block;margin:9px 0 22px;color:var(--muted,#9ba39c)}.trial-gate-card ul{padding-left:20px;line-height:2}.trial-gate-card>small{display:block;margin-top:22px;color:var(--muted,#9ba39c);line-height:1.5}
.plans-shell{padding-top:70px;padding-bottom:90px}.plans-heading{text-align:center;display:grid;justify-items:center;margin-bottom:46px}.plans-heading p{max-width:780px;color:var(--muted,#9ba39c);font-size:17px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{position:relative;border:1px solid var(--border,#273029);background:var(--panel,#141914);border-radius:var(--radius-panel);padding:28px;display:flex;flex-direction:column;min-height:440px}.pricing-card.featured{border-color:rgba(245,193,36,.55);box-shadow:0 18px 55px rgba(245,193,36,.08)}.pricing-card h2{font-size:30px;margin:7px 0 10px}.pricing-card>p{color:var(--muted,#9ba39c);line-height:1.5;min-height:70px}.pricing-card ul{padding-left:20px;line-height:1.9;margin:18px 0 28px;flex:1}.pricing-card .button{width:100%;text-align:center}.pricing-badge{position:absolute;right:20px;top:20px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#101410;background:var(--yellow,#f5c124);padding:6px 9px;border-radius:999px}.plan-volume{display:grid;gap:3px;padding:18px 0;border-top:1px solid var(--border,#273029);border-bottom:1px solid var(--border,#273029)}.plan-volume strong{font-size:27px}.plan-volume span{font-size:12px;color:var(--muted,#9ba39c)}.plans-note{max-width:950px;margin:30px auto 0;text-align:center;color:var(--muted,#9ba39c);line-height:1.6}.selected-plan-chip{display:inline-flex;align-items:center;width:max-content;padding:7px 10px;border:1px solid rgba(245,193,36,.35);background:rgba(245,193,36,.08);border-radius:999px;color:var(--yellow,#f5c124);font-size:12px;font-weight:700;margin-bottom:14px}
.demo-expired-overlay[hidden]{display:none}.demo-expired-overlay{position:fixed;z-index:9999;inset:0;background:rgba(5,8,6,.88);backdrop-filter:blur(12px);display:grid;place-items:center;padding:22px}.demo-expired-card{width:min(960px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(245,193,36,.35);background:#101510;border-radius:var(--radius-panel);padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.demo-expired-card h2{font-size:40px;margin:8px 0}.demo-expired-card>p{color:var(--muted,#9ba39c);max-width:680px;line-height:1.6}.expired-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.expired-plan{text-decoration:none;color:inherit;border:1px solid var(--border,#273029);border-radius:var(--radius-md);padding:18px;display:grid;gap:7px;background:rgba(255,255,255,.018)}.expired-plan.featured{border-color:rgba(245,193,36,.5);background:rgba(245,193,36,.06)}.expired-plan small{color:var(--yellow,#f5c124);font-weight:800}.expired-plan b{font-size:22px}.expired-plan span{font-size:13px;color:var(--muted,#9ba39c);line-height:1.5}.demo-expired .product-shell,.demo-expired .product-sidebar{pointer-events:none;user-select:none}
.admin-pricing-grid{margin-bottom:22px}.admin-pricing-grid .pricing-card{min-height:350px}.subscription-dialog{width:min(1060px,94vw)}.subscription-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.usage-meter-card{padding:16px;border:1px solid var(--border,#273029);border-radius:var(--radius-md);margin:16px 0;background:rgba(255,255,255,.018)}.usage-meter-card>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.usage-meter-card progress{width:100%;height:9px}.usage-meter-card small{display:block;margin-top:8px;color:var(--muted,#9ba39c)}.subscription-config-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;max-height:52vh;overflow:auto;padding-right:4px}.module-toggle-list,.limit-editor-list{display:grid;gap:8px}.module-toggle-row,.limit-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--border,#273029);padding:12px;border-radius:var(--radius-sm)}.module-toggle-row div,.limit-editor-row div{display:grid;gap:4px}.module-toggle-row small,.limit-editor-row small{color:var(--muted,#9ba39c);line-height:1.35}.module-toggle-row select{min-width:142px}.module-disabled-global{opacity:.55}.limit-editor-row{grid-template-columns:minmax(0,1fr) 110px auto auto}.limit-editor-row input{width:110px}
@media(max-width:900px){.trial-gate,.pricing-grid,.expired-plan-grid,.subscription-config-grid{grid-template-columns:1fr}.trial-gate{padding-top:30px}.pricing-card{min-height:0}.subscription-summary-grid{grid-template-columns:1fr}.limit-editor-row{grid-template-columns:1fr 1fr}.limit-editor-row>div{grid-column:1/-1}}
@media(max-width:560px){.trial-feature-grid{grid-template-columns:1fr}.trial-clock{font-size:50px}.demo-expired-card{padding:22px}.demo-expired-card h2{font-size:30px}}
.subscription-client-panel{grid-column:1/-1}.client-plan-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.client-plan-summary span{padding:14px;border:1px solid var(--border,#273029);border-radius:var(--radius-sm);display:grid;gap:5px}.client-plan-summary small{color:var(--muted,#9ba39c)}.client-plan-summary strong{font-size:22px}.subscription-client-panel progress{width:100%;height:9px}.subscription-client-panel>small{display:block;color:var(--muted,#9ba39c);margin-top:8px}
@media(max-width:560px){.client-plan-summary{grid-template-columns:1fr}}

/* ================================================================
   V0.6 pre-V0.7 product hardening
   ================================================================ */
:root{--tenant-primary:#f5c542;--tenant-accent:#2fbf71}
.onboarding-panel{margin:0 0 18px;border-color:color-mix(in srgb,var(--tenant-primary) 45%,transparent)}
.onboarding-panel.complete{opacity:.82}.onboarding-panel progress{width:100%;margin-top:12px}.onboarding-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.onboarding-step{border:1px solid var(--line,#2b2d31);background:var(--panel-2,#17191d);color:inherit;border-radius:var(--radius-sm);padding:10px;text-align:left;display:flex;gap:8px;align-items:center;cursor:pointer}.onboarding-step.done{border-color:var(--tenant-accent);background:color-mix(in srgb,var(--tenant-accent) 10%,transparent)}.onboarding-step span{font-weight:800;color:var(--tenant-accent)}
.audience-health-grid,.import-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.mini-stat,.import-summary-grid>div{background:var(--panel,#141619);border:1px solid var(--line,#2b2d31);border-radius:var(--radius-sm);padding:14px}.mini-stat small,.import-summary-grid small{display:block;color:var(--muted,#9298a1);margin-bottom:5px}.mini-stat strong,.import-summary-grid strong{font-size:1.35rem}
.wide-dialog{width:min(940px,94vw)}.product-dialog table select{min-width:180px}.rule-builder-list{display:grid;gap:8px;margin:12px 0}.rule-builder-row{display:grid;grid-template-columns:1.1fr .9fr 1.2fr auto;gap:8px;align-items:center}.rule-builder-row select,.rule-builder-row input{width:100%}
.builder-blocks{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}.builder-blocks>span{font-size:.75rem;color:var(--muted,#9298a1);font-weight:800;text-transform:uppercase;margin-right:4px}.builder-blocks button{border:1px solid var(--line,#2b2d31);background:var(--panel-2,#17191d);color:inherit;border-radius:var(--radius-sm);padding:7px 10px;cursor:pointer}.builder-blocks button:hover{border-color:var(--tenant-primary)}
.preflight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preflight-check{border:1px solid var(--line,#2b2d31);border-radius:var(--radius-sm);padding:12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px}.preflight-check span{grid-row:1/3;font-size:1.5rem}.preflight-check small{color:var(--muted,#9298a1)}.preflight-check.ok{border-color:color-mix(in srgb,var(--tenant-accent) 60%,var(--line));}.preflight-check.ok span{color:var(--tenant-accent)}.preflight-check.warn span{color:#f2a74b}.preflight-audience{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}.preflight-audience>div{padding:12px;background:var(--panel-2,#17191d);border-radius:var(--radius-sm)}.preflight-audience small{display:block;color:var(--muted,#9298a1)}.preflight-audience strong{font-size:1.25rem}
.template-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-template{border:1px solid var(--line,#2b2d31);border-radius:var(--radius-md);padding:16px;background:var(--panel-2,#17191d)}.library-template small{color:var(--tenant-primary);font-weight:800}.library-template h3{margin:7px 0}.library-template p{min-height:48px;color:var(--muted,#9298a1)}
.automation-workspace{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);gap:16px}.automation-list{min-height:340px}.automation-row{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.automation-canvas{min-height:340px}.automation-canvas .flow-node{border-color:color-mix(in srgb,var(--tenant-primary) 45%,var(--line))}
.settings-form input[type=color]{height:42px;padding:3px}.subscription-status-select{min-width:150px}.feature-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-flag-card{border:1px solid var(--line,#2b2d31);border-radius:var(--radius-sm);padding:13px}.feature-flag-card header{display:flex;justify-content:space-between;gap:12px}.feature-flag-card p{font-size:.86rem;color:var(--muted,#9298a1);margin:6px 0 10px}.feature-flag-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-flag-controls label{font-size:.75rem;color:var(--muted,#9298a1)}
.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.use-case-card{padding:20px;border:1px solid var(--line,#2b2d31);background:var(--panel,#141619);border-radius:var(--radius-md)}.use-case-card small{color:var(--tenant-primary);font-weight:800}.use-case-card h3{margin:8px 0}.landing-pricing-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.landing-price-card{border:1px solid var(--line,#2b2d31);border-radius:var(--radius-md);padding:20px;background:var(--panel,#141619)}.landing-price-card.featured{border-color:var(--tenant-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--tenant-primary) 35%,transparent)}
@media(max-width:900px){.onboarding-grid,.audience-health-grid,.import-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preflight-grid,.template-library-grid,.use-case-grid,.landing-pricing-preview{grid-template-columns:1fr 1fr}.preflight-audience{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-workspace{grid-template-columns:1fr}.rule-builder-row{grid-template-columns:1fr 1fr}.rule-builder-row input{grid-column:1/-1}}
@media(max-width:600px){.onboarding-grid,.audience-health-grid,.import-summary-grid,.preflight-grid,.template-library-grid,.use-case-grid,.landing-pricing-preview,.preflight-audience{grid-template-columns:1fr}.rule-builder-row{grid-template-columns:1fr}}


/* V0.6 pre-V0.7 plan comparison */
.plan-comparison-section{margin-top:56px}.compact-heading{margin-bottom:20px}.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.plan-comparison-table{width:100%;min-width:720px;border-collapse:collapse}.plan-comparison-table th,.plan-comparison-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:center}.plan-comparison-table th:first-child,.plan-comparison-table td:first-child{text-align:left;font-weight:700}.plan-comparison-table thead th{background:rgba(255,255,255,.025);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.plan-comparison-table th:nth-child(3),.plan-comparison-table td:nth-child(3){background:rgba(245,197,66,.045)}.plan-comparison-table tbody tr:last-child td{border-bottom:0}

/* V0.6 pricing and Custom quote calculator */
.plan-price{display:flex;align-items:baseline;gap:7px;margin:14px 0 12px;flex-wrap:wrap}.plan-price>span{font-size:12px;color:var(--muted,#9ba39c)}.plan-price strong{font-size:34px;letter-spacing:-.035em}.plan-price strong+span{font-size:12px;color:var(--muted,#9ba39c)}
.admin-plan-price{display:flex;align-items:baseline;gap:7px;margin:10px 0 12px;flex-wrap:wrap}.admin-plan-price span,.admin-plan-price small{font-size:11px;color:var(--muted,#9ba39c)}.admin-plan-price strong{font-size:27px;color:var(--yellow,#f5c124)}
.subscription-calculator-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.subscription-calculator-link small{color:var(--muted,#9ba39c)}
.pricing-calculator-dialog{width:min(1180px,96vw)}.pricing-calculator-dialog>form{max-height:90vh;overflow:auto}.pricing-calculator-dialog header p{margin:6px 0 0}.pricing-calculator-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:20px}.pricing-calculator-inputs{min-width:0}.calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calculator-grid label{min-width:0}.calculator-grid input,.calculator-grid select{width:100%}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calculator-subsection{margin-top:20px;padding-top:18px;border-top:1px solid var(--border,#273029)}.calculator-subsection h3{margin:0 0 4px}.quote-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.quote-module-option{display:flex;align-items:center;gap:10px;border:1px solid var(--border,#273029);border-radius:var(--radius-sm);padding:10px 12px;min-width:0;background:rgba(255,255,255,.015)}.quote-module-option input{width:auto;flex:0 0 auto}.quote-module-option span{display:grid;gap:3px;min-width:0}.quote-module-option b{font-size:13px;overflow-wrap:anywhere}.quote-module-option small{font-size:11px;color:var(--muted,#9ba39c)}.quote-module-option.planned{opacity:.52}.calculator-cost-assumptions{margin-top:18px;border:1px solid var(--border,#273029);border-radius:var(--radius-sm);padding:12px}.calculator-cost-assumptions summary{cursor:pointer;font-weight:700}.calculator-cost-assumptions[open] summary{margin-bottom:12px}.pricing-quote-panel{align-self:start;position:sticky;top:0;border:1px solid var(--border,#273029);background:var(--panel,#141914);border-radius:var(--radius-md);padding:20px}.quote-total{display:grid;gap:4px;padding:15px 0 18px;border-bottom:1px solid var(--border,#273029)}.quote-total small,.quote-total span{color:var(--muted,#9ba39c)}.quote-total strong{font-size:38px;letter-spacing:-.04em;color:var(--yellow,#f5c124)}.quote-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0}.quote-kpis>div{border:1px solid var(--border,#273029);padding:11px;border-radius:var(--radius-sm);display:grid;gap:5px}.quote-kpis small{color:var(--muted,#9ba39c);font-size:10px}.quote-kpis b{font-size:17px}.quote-recommendation{padding:12px;border-radius:var(--radius-sm);background:rgba(47,191,113,.08);border:1px solid rgba(47,191,113,.22);font-size:12px;line-height:1.5;margin-bottom:14px}.quote-breakdown{display:grid;gap:8px}.quote-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.quote-breakdown>div span{color:var(--muted,#9ba39c)}.quote-minimum-note{display:block;margin-top:8px;color:var(--yellow,#f5c124);line-height:1.4}.pricing-calculator-dialog footer{flex-wrap:wrap}
@media(max-width:900px){.pricing-calculator-layout{grid-template-columns:1fr}.pricing-quote-panel{position:static}.compact-grid{grid-template-columns:1fr}.quote-module-grid{grid-template-columns:1fr}}
@media(max-width:600px){.calculator-grid{grid-template-columns:1fr}.quote-kpis{grid-template-columns:1fr}.pricing-calculator-dialog{width:96vw}.plan-price strong{font-size:30px}}

/* V0.6 finance controls and bounded credit contingency */
.finance-metrics { margin-top: 14px; }
.plan-finance-mini { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:14px 0; padding:12px; border:1px solid var(--border); border-radius:var(--radius-sm); background:rgba(255,255,255,.025); }
.plan-finance-mini div { min-width:0; display:flex; flex-direction:column; gap:2px; }
.plan-finance-mini span,.plan-finance-mini small { color:var(--muted); font-size:.74rem; }
.plan-finance-mini b { font-size:.94rem; }
.subscription-finance-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; }
.subscription-finance-strip > div { border:1px solid var(--border); border-radius:var(--radius-sm); padding:12px; display:flex; flex-direction:column; gap:4px; background:rgba(255,255,255,.025); }
.subscription-finance-strip small { color:var(--muted); }
.credit-contingency-box { margin:14px 0; padding:16px; border:1px solid var(--border); border-radius:var(--radius-md); background:rgba(245,197,66,.035); }
.credit-contingency-box h3 { margin:0 0 4px; }
.credit-state-line { margin-top:10px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
#subscriptionCreditState[data-state="warning"] { color:#e8ba4b; }
#subscriptionCreditState[data-state="critical"],#subscriptionCreditState[data-state="exhausted"] { color:#f16d6d; }
#subscriptionCreditState[data-state="grace"] { color:#e8ba4b; }
#subscriptionCreditState[data-state="ok"],#subscriptionCreditState[data-state="unlimited"] { color:#62cf8c; }
.sensitive-mfa-field { display:block; margin:14px 0; padding:14px; border:1px dashed rgba(245,197,66,.45); border-radius:var(--radius-sm); }
.sensitive-mfa-field small { display:block; margin-top:6px; color:var(--muted); }
.quote-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width: 760px) {
  .subscription-finance-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quote-kpis { grid-template-columns:1fr; }
  .plan-finance-mini { grid-template-columns:1fr 1fr; }
}
.plan-margin-hint { display:block; margin:-4px 0 12px; color:var(--muted); font-size:.75rem; }
.credit-alert { margin:14px 20px 0; padding:12px 14px; border:1px solid var(--border); border-radius:var(--radius-sm); display:flex; align-items:center; gap:12px; background:rgba(245,197,66,.06); }
.credit-alert[hidden] { display:none; }
.credit-alert > span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:rgba(245,197,66,.15); font-weight:800; }
.credit-alert > div { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.credit-alert small { color:var(--muted); }
.credit-alert[data-state="critical"],.credit-alert[data-state="exhausted"] { border-color:rgba(241,109,109,.45); background:rgba(241,109,109,.07); }
.credit-alert[data-state="grace"] { border-color:rgba(232,186,75,.5); }
@media (max-width: 700px) { .credit-alert { margin:10px 12px 0; align-items:flex-start; flex-wrap:wrap; } }
.finance-dialog-status{min-height:18px;margin:8px 0 0;font-size:11px;line-height:1.45;color:#e28f86}.finance-dialog-status.success{color:#8fd7a8}.finance-dialog-status.error{color:#e28f86}.platform-dialog button:disabled{opacity:.58;cursor:wait}

/* Promo QR + MFA QR */
.mfa-setup-box{display:grid;gap:14px}.mfa-qr-wrap{display:grid;justify-items:center;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}.mfa-qr-wrap img{width:min(240px,78vw);aspect-ratio:1;background:#fff;padding:10px;border-radius:var(--radius-sm)}.mfa-qr-wrap small{text-align:center;color:var(--muted);max-width:440px}.mfa-manual-key summary{cursor:pointer;color:var(--muted)}
.promo-admin-panel{margin-top:18px}.promo-admin-presets{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.promo-admin-panel td small{display:block;color:var(--muted);margin-top:3px}.promo-qr-content{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:22px;align-items:center}.promo-qr-content img{width:100%;background:#fff;padding:12px;border-radius:var(--radius-md)}.promo-qr-content strong{display:block;font-size:28px;letter-spacing:.08em;margin:5px 0}.promo-qr-content a{word-break:break-all;color:var(--accent)}
.promo-shell{padding-top:54px;padding-bottom:80px}.promo-hero-card{max-width:880px;margin:auto;padding:32px;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--panel)}.promo-hero-card>h1{font-size:clamp(34px,6vw,62px);margin:12px 0}.promo-code-display{display:grid;gap:5px;margin:24px 0;padding:20px;border:1px dashed rgba(245,197,66,.55);border-radius:var(--radius-md)}.promo-code-display strong{font-size:clamp(26px,5vw,42px);letter-spacing:.1em}.promo-code-display span,.promo-expiry{color:var(--muted)}.promo-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}.promo-offer-card{padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}.promo-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:15px 0}.promo-price del{color:var(--muted)}.promo-price strong{font-size:34px}.promo-register-banner{display:grid;gap:2px;padding:12px 14px;border:1px solid rgba(245,197,66,.45);border-radius:var(--radius-sm);background:rgba(245,197,66,.07)}.promo-register-banner strong{font-size:18px}.promo-register-banner.error{border-color:rgba(255,100,100,.5);background:rgba(255,80,80,.06)}
@media(max-width:680px){.promo-qr-content{grid-template-columns:1fr}.promo-qr-content img{max-width:260px;margin:auto}.promo-hero-card{padding:22px}}

/* V0.6 token top-up and contingency controls */
.credit-alert-actions,.panel-header-actions,.plan-admin-actions,.topup-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.token-topup-dialog{width:min(680px,calc(100% - 24px))}
.topup-balance-grid,.topup-quote-card,.topup-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.topup-balance-grid>div,.topup-quote-card>div,.topup-admin-summary>div{padding:12px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);background:var(--card,#15181c);display:grid;gap:4px;min-width:0}
.topup-balance-grid small,.topup-quote-card small,.topup-admin-summary small{color:var(--muted,#9ba3ad)}
.topup-balance-grid strong,.topup-quote-card strong,.topup-admin-summary b{font-size:1.05rem;overflow-wrap:anywhere}
.topup-quote-card .topup-total{border-color:var(--accent,#f5c542)}
.topup-picker{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:end;margin:14px 0}
.topup-picker label{margin:0}.topup-step{height:48px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);background:var(--card,#15181c);color:inherit;font-size:1.5rem;cursor:pointer}
.upgrade-recommendation{border:1px solid var(--accent,#f5c542);border-radius:var(--radius-sm);padding:12px;display:grid;gap:7px;margin:12px 0}.upgrade-recommendation[hidden]{display:none}
.auto-recharge-settings{border-top:1px solid var(--border,#2b2f34);border-bottom:1px solid var(--border,#2b2f34);padding:12px 0;margin:14px 0}.auto-recharge-settings summary{cursor:pointer;font-weight:700;margin-bottom:10px}
.topup-order-history{margin-top:14px}.topup-order-history h3{margin-bottom:8px}.topup-admin-box{margin-top:14px}.topup-admin-summary{margin-bottom:10px}
.plan-topup-mini{display:grid;gap:3px;padding:10px 0;border-top:1px solid var(--border,#2b2f34);border-bottom:1px solid var(--border,#2b2f34);margin:10px 0}.plan-topup-mini span,.plan-topup-mini small{color:var(--muted,#9ba3ad)}
.credit-state-line strong[data-state="topup"]{color:var(--accent,#f5c542)}
@media(max-width:640px){.topup-balance-grid,.topup-quote-card,.topup-admin-summary{grid-template-columns:1fr}.topup-picker{grid-template-columns:44px minmax(0,1fr) 44px}.credit-alert-actions{width:100%}.credit-alert-actions .button{flex:1}}
.dashboard-empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:28px;color:#7f8a85}.dashboard-empty-state b{color:#d7ddda;font-size:15px}.dashboard-empty-state span{max-width:520px;line-height:1.55;font-size:12px}.dashboard-empty-state .button{margin-top:5px}.analytics-empty{min-height:220px;border:1px dashed #2a312e;border-radius:var(--radius-md);background:#0f1312;margin-bottom:14px}.demo-banner b{letter-spacing:.04em}

/* V0.6 Business Suite 1 */
.billing-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);background:rgba(255,255,255,.025);margin-top:18px}.billing-toggle button{border:0;background:transparent;color:var(--muted,#9ba3ad);padding:10px 15px;border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.billing-toggle button.active{background:var(--accent,#f5c542);color:#111}.billing-toggle button span{font-size:.72rem;margin-left:5px}.annual-saving{display:block;color:#62cf8c;margin:-4px 0 12px}.hidden{display:none!important}
.simple-email-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:18px;padding:16px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-md);background:rgba(255,255,255,.018);margin:12px 0}.simple-email-fields{display:grid;gap:10px}.tall-preview{min-height:540px;background:#fff;border-radius:var(--radius-sm)}.automation-builder-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:20px}.automation-builder-fields{display:grid;gap:10px}.automation-mini-tree,.tree-canvas{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:360px;padding:24px;border:1px dashed var(--border,#2b2f34);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 0,rgba(245,197,66,.07),transparent 38%)}.tree-node{min-width:210px;max-width:320px;padding:13px 16px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);background:var(--panel,#141619);text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.12)}.tree-node small{display:block;font-size:.66rem;letter-spacing:.09em;color:var(--muted,#9ba3ad);margin-bottom:4px}.tree-node.event{border-color:#4fa3ff}.tree-node.condition{border-color:#f5c542}.tree-node.action{border-color:#62cf8c}.tree-node.wait{border-color:#b89cff}.tree-node.approval{border-color:#ff9f5a}.tree-node.end{border-color:#6f767e}.tree-line.vertical{width:2px;height:28px;background:var(--border,#2b2f34);flex:none}.tree-branches{display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative;margin-top:4px}.tree-branch{display:flex;flex-direction:column;align-items:center;gap:10px}.tree-branch>span{font-size:.7rem;font-weight:800;color:var(--muted,#9ba3ad)}
.compact-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0}.mini-stat{padding:13px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);display:grid;gap:4px}.mini-stat small{color:var(--muted,#9ba3ad)}.brand-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.branding-studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px}.brand-preview-app{display:grid;grid-template-columns:82px 1fr;min-height:380px;border-radius:var(--radius-md);overflow:hidden;background:var(--preview-bg,#090b0b);color:#fff}.brand-preview-sidebar{background:var(--preview-sidebar,#0d1010);padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:18px}.brand-preview-logo{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--preview-primary,#f5c542);color:#111;display:grid;place-items:center;font-weight:900}.brand-preview-sidebar i{width:34px;height:7px;border-radius:var(--radius-sm);background:rgba(255,255,255,.16)}.brand-preview-main{padding:18px}.brand-preview-header{height:22px;width:52%;border-radius:var(--radius-sm);background:rgba(255,255,255,.12);margin-bottom:30px}.brand-preview-card{padding:22px;border-radius:var(--radius-md);background:var(--preview-panel,#111515);border:1px solid rgba(255,255,255,.08)}.brand-preview-card button{margin-top:12px;background:var(--preview-primary,#f5c542);border:0;padding:9px 14px;border-radius:var(--radius-sm)}.email-delivery-report{margin-top:16px}.table-panel{margin-top:14px}
.product-page{font-family:var(--tenant-font,Inter,system-ui,sans-serif)}
@media(max-width:900px){.simple-email-builder,.automation-builder-grid,.branding-studio{grid-template-columns:1fr}.brand-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brand-color-grid,.compact-metrics{grid-template-columns:1fr}.tree-branches{gap:16px}.tree-node{min-width:150px}.billing-toggle{display:flex;width:100%}.billing-toggle button{flex:1;padding:9px 8px}.tall-preview{min-height:430px}}

/* Business Suite plan integrations */
.plan-integrations-section{margin:32px 0}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.integration-grid .panel{padding:20px}.integration-grid h3{margin:0 0 8px}.integration-grid p{margin:0;color:var(--muted,#9aa3a3);line-height:1.55}@media(max-width:900px){.integration-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.integration-grid{grid-template-columns:1fr}}

/* Visual workflow tree viewer */
.workflow-tree{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22px;overflow:auto}.workflow-tree-title{align-self:flex-start;display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.workflow-tree-title small{font-size:.68rem;letter-spacing:.14em;opacity:.6}.workflow-tree-title strong{font-size:1rem}.tree-line.short{height:18px}.tree-branches{align-items:flex-start}.tree-branch{min-width:180px}.automation-row{width:100%;text-align:left;cursor:pointer;border:0;background:transparent}.automation-row:hover{background:rgba(255,255,255,.04)}

/* Personalized corporate dashboard theme */
.product-page{background:var(--tenant-bg,#090b0b);color:var(--tenant-text,#fff)}
.product-page .product-sidebar{background:var(--tenant-sidebar,#0d1010)}
.product-page .product-header{background:color-mix(in srgb,var(--tenant-header,#0d1010) 92%,transparent)}
.product-page .panel,.product-page .metric-card,.product-page .card-item,.product-page .campaign-list-panel,.product-page .editor-panel{background:var(--tenant-panel,#111515);border-radius:var(--tenant-radius,var(--radius-panel))}
.product-page .button:not(.button-secondary):not(.button-outline):not(.button-danger){background:var(--tenant-primary,#f5c542);color:var(--tenant-button-text,#111)}
.product-page .product-nav button.active,.product-page .product-nav button:hover{border-color:color-mix(in srgb,var(--tenant-accent,var(--accent-system)) 55%,transparent)}
.product-page .product-nav button.active span,.product-page .eyebrow,.product-page .panel-kicker{color:var(--tenant-accent,var(--accent-system))}
.product-page .avatar,.product-page .brand-mark{background:var(--tenant-primary,#f5c542);color:var(--tenant-button-text,#111)}
.product-page .status-chip.success{border-color:color-mix(in srgb,var(--tenant-accent,#2fbf71) 50%,transparent);color:var(--tenant-accent,#2fbf71)}
.tenant-brand-logo{width:38px;height:38px;object-fit:contain;border-radius:var(--radius-sm);flex:0 0 auto}
.brand-preview-card{border-radius:var(--preview-radius,14px)}
.range-value{display:block;margin-top:4px;color:var(--muted,#9ba3ad);font-size:.75rem}
.declaration-panel{margin-bottom:14px}.declaration-panel>header{gap:14px;flex-wrap:wrap}.declaration-actions{display:flex;gap:8px;align-items:center}.declaration-actions input{min-height:36px;background:#111;color:inherit;border:1px solid var(--line,#2b2f34);border-radius:var(--radius-sm);padding:0 9px}.declaration-note{padding:0 20px 14px}

/* Business Suite: only Email and WhatsApp Business are public channels. */
.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.channel-grid{grid-template-columns:1fr}}

/* Reporting Center V1 */
.report-center-panel{overflow:hidden}.reports-toolbar{align-items:flex-start}.report-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.report-type-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;border-bottom:1px solid var(--line,#28302d);scrollbar-width:thin}.report-type-strip button{flex:0 0 auto;border:1px solid var(--line,#303633);background:transparent;color:inherit;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}.report-type-strip button.active{background:var(--accent,#f5c542);border-color:var(--accent,#f5c542);color:#111}.report-type-strip button:disabled{opacity:.35;cursor:not-allowed}.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;padding:18px 0}.report-filter-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.report-filter-grid input,.report-filter-grid select{width:100%;min-height:42px;border:1px solid var(--line,#303633);border-radius:var(--radius-sm);background:var(--panel,#111515);color:inherit;padding:9px 11px}.report-search-field{grid-column:span 2}.report-filter-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px}.report-summary{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;padding:4px 0 18px}.report-summary-card{border:1px solid var(--line,#29302d);border-radius:var(--radius-sm);padding:12px;background:rgba(255,255,255,.015);display:grid;gap:5px}.report-summary-card small{opacity:.65}.report-summary-card strong{font-size:18px}.report-result-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;border-top:1px solid var(--line,#29302d);padding:18px 0 12px}.report-result-heading h2{margin:2px 0 0}.report-result-heading small{opacity:.6}.report-table-wrap{max-height:560px;overflow:auto;border:1px solid var(--line,#29302d);border-radius:var(--radius-sm)}.report-table-wrap table{min-width:900px;font-size:13px;}.report-table-wrap thead{position:sticky;top:0;z-index:2;background:var(--panel,#111515)}.report-table-wrap td{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-note{font-size:12px;opacity:.55;padding-top:12px}
@media(max-width:1100px){.report-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.report-overview-grid,.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-grid{grid-template-columns:1fr}.report-search-field{grid-column:auto}.report-filter-actions{justify-content:stretch}.report-filter-actions .button{flex:1}.reports-toolbar .toolbar-actions{width:100%;display:flex}.reports-toolbar .toolbar-actions .button{flex:1}.report-result-heading{align-items:flex-start;flex-direction:column}.report-table-wrap{max-height:65vh}}
/* Reporting Center V2: accessible semantic status badges */
.product-page .status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border:1px solid var(--line,#303633);border-radius:999px;text-decoration:none!important;font-style:normal;font-weight:800;line-height:1.2;background:rgba(255,255,255,.045);color:var(--tenant-text,#fff)}
.product-page .status-chip.success{background:#153b27!important;border-color:#2f8f57!important;color:#e8fff0!important;text-decoration:none!important}
.product-page .status-chip.danger{background:#471d22!important;border-color:#a6424c!important;color:#ffe9eb!important;text-decoration:none!important}
.product-page .status-chip.warning{background:#493b13!important;border-color:#9d7e20!important;color:#fff6cf!important;text-decoration:none!important}
.report-print-header{display:none}.report-print-brand{display:flex;align-items:center;gap:14px}.report-print-brand img{width:58px;height:58px;object-fit:contain}.report-print-brand>div{display:grid;gap:3px}.report-print-brand strong{font-size:18px}.report-print-brand span{font-size:10pt;color:#555}.report-print-title{margin:18px 0 8px}.report-print-title span{font-size:9pt;text-transform:uppercase;letter-spacing:.15em}.report-print-title h1{margin:3px 0 0;font-size:24pt}.report-print-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:2px solid #111;font-size:9pt}.print-guidance{display:grid;gap:8px;padding:8px 0}.print-guidance strong{font-size:1.05rem}.print-guidance p{margin:0;line-height:1.55}
@page{size:landscape;margin:10mm}
@media print{
  .product-sidebar,.product-header,.demo-banner,.credit-alert,.report-type-strip,.report-filter-grid,.reports-toolbar,.report-note,.report-overview-grid,.report-result-heading,.toast,.product-dialog{display:none!important}
  html,body{background:#fff!important;color:#000!important;font-family:Arial,sans-serif!important}
  .product-shell{margin:0!important;display:block!important}.product-content{padding:0!important}.product-section{display:none!important}.product-section[data-section="reports"]{display:block!important}
  .report-center-panel{display:block!important;border:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:visible!important}
  .report-print-header{display:block!important;margin-bottom:12mm}.report-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:8mm}.report-summary-card{break-inside:avoid;background:#fff!important;border:1px solid #aaa!important;color:#000!important;padding:8px!important}.report-summary-card small{color:#444!important}.report-summary-card strong{color:#000!important}
  .report-table-wrap{max-height:none!important;overflow:visible!important;border:0!important}.report-table-wrap table{width:100%!important;min-width:0!important;font-size:13px;border-collapse:collapse!important}.report-table-wrap thead{position:static!important;background:#f1f1f1!important}.report-table-wrap th,.report-table-wrap td{color:#000!important;border-bottom:1px solid #bbb!important;padding:6px 7px!important;white-space:normal!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.report-table-wrap tr{break-inside:avoid}
  .product-page .status-chip,.product-page .status-chip.success,.product-page .status-chip.danger,.product-page .status-chip.warning{background:#fff!important;color:#000!important;border:1px solid #666!important;text-decoration:none!important;padding:2px 6px!important}
}

/* ================================================================
   Branding asset uploads
   ================================================================ */
.brand-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 14px}.brand-asset-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--border,#273029);border-radius:var(--radius-md);background:rgba(255,255,255,.018)}.brand-asset-card>div:last-child{display:grid;gap:6px}.brand-asset-card small{color:var(--muted,#9ba39c);line-height:1.35}.brand-asset-preview{height:74px;border-radius:var(--radius-sm);border:1px dashed color-mix(in srgb,var(--tenant-primary) 38%,var(--border,#273029));background:color-mix(in srgb,var(--tenant-primary) 5%,transparent);display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted,#9ba39c)}.brand-asset-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.brand-asset-preview-icon{width:74px}.brand-asset-preview-banner{height:82px}.brand-asset-preview-banner img{object-fit:cover;padding:0}.brand-asset-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-button{position:relative;overflow:hidden;cursor:pointer}.brand-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}.brand-advanced{margin:8px 0 16px;padding:12px;border:1px solid var(--border,#273029);border-radius:var(--radius-sm)}.brand-advanced summary{cursor:pointer;font-weight:700}.brand-advanced[open] summary{margin-bottom:10px}.brand-asset-card.uploading{opacity:.66;pointer-events:none}.brand-asset-card.uploading .brand-asset-preview{animation:brandPulse 1s ease-in-out infinite alternate}@keyframes brandPulse{from{filter:brightness(.8)}to{filter:brightness(1.4)}}
@media(max-width:760px){.brand-assets-grid{grid-template-columns:1fr}.brand-asset-card{grid-template-columns:88px minmax(0,1fr)}.brand-asset-preview{height:66px}.brand-asset-preview-icon{width:66px}}

/* ================================================================
   Workflow Engine V2
   ================================================================ */
.workflow-toolbar{align-items:flex-start}.workflow-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.workflow-v2-shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(520px,1fr) minmax(250px,320px);gap:14px;min-height:690px}.workflow-sidebar,.workflow-inspector,.workflow-stage{min-width:0}.workflow-sidebar,.workflow-inspector{padding:0;overflow:hidden}.workflow-side-section{padding:16px;border-bottom:1px solid var(--border,#2b2f34)}.workflow-side-section:last-child{border-bottom:0}.workflow-side-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.workflow-side-title>div{display:flex;flex-direction:column;gap:2px}.workflow-side-title small{font-size:.64rem;letter-spacing:.16em;color:var(--muted,#9ba3ad)}.workflow-side-title strong{font-size:.95rem}.workflow-flow-list{max-height:210px;overflow:auto}.automation-row.active{background:rgba(245,197,66,.08);box-shadow:inset 3px 0 0 var(--primary,#f5c542)}.workflow-search{width:100%;margin-bottom:10px}.workflow-palette{display:grid;gap:7px;max-height:330px;overflow:auto;padding-right:3px}.workflow-palette-item{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;width:100%;padding:9px 10px;text-align:left;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);background:rgba(255,255,255,.015);color:inherit;cursor:pointer}.workflow-palette-item:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.045)}.workflow-palette-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);background:rgba(255,255,255,.055);font-weight:900}.workflow-palette-item div{display:flex;min-width:0;flex-direction:column}.workflow-palette-item b{font-size:.82rem}.workflow-palette-item small{font-size:.67rem;line-height:1.3;color:var(--muted,#9ba3ad)}.workflow-helper{font-size:.72rem;line-height:1.45;color:var(--muted,#9ba3ad);margin:12px 0}.workflow-branch-picker{display:grid;gap:5px;padding-top:10px;border-top:1px solid var(--border,#2b2f34)}.workflow-branch-picker small{font-size:.66rem;color:var(--muted,#9ba3ad);line-height:1.4}.workflow-stage{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0}.workflow-stage-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border,#2b2f34);background:rgba(255,255,255,.014)}.workflow-name-group{min-width:220px;flex:1}.workflow-name-group input{font-size:1rem;font-weight:800;border:0;background:transparent;padding:4px 0;width:100%}.workflow-name-group span{display:block;font-size:.68rem;color:var(--muted,#9ba3ad);margin-top:2px}.workflow-stage-tools{display:flex;align-items:center;gap:7px;white-space:nowrap}.workflow-stage-tools>span{font-size:.72rem;min-width:38px;text-align:center}.workflow-toggle{display:flex!important;align-items:center;gap:6px!important;margin:0 8px 0 0!important;font-size:.75rem}.workflow-toggle input{width:auto!important}.compact-button{padding:8px 11px!important;min-height:0}.workflow-canvas-scroll{position:relative;flex:1;overflow:auto;min-height:610px;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;background-position:0 0}.workflow-canvas-v2{min-width:max-content;min-height:100%;padding:40px 60px 100px}.workflow-tree-v2{display:flex;justify-content:center;min-width:max-content;transition:transform .15s ease}.workflow-tree-item{display:flex;flex-direction:column;align-items:center;position:relative}.workflow-node-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:190px;max-width:260px;padding:12px 15px;border:2px solid #59636e;border-radius:var(--radius-md);background:var(--panel,#141619);color:var(--text,#fff);text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.2);cursor:pointer;z-index:2}.workflow-node-card:hover{filter:brightness(1.12)}.workflow-node-card.selected{outline:3px solid rgba(245,197,66,.18);box-shadow:0 0 0 2px var(--primary,#f5c542),0 12px 34px rgba(0,0,0,.3)}.workflow-node-card.simulated{box-shadow:0 0 0 2px var(--accent,#2fbf71),0 0 24px rgba(47,191,113,.25)}.workflow-node-card.drop-target{outline:3px dashed var(--accent,#2fbf71);outline-offset:4px}.workflow-node-card small{font-size:.62rem;letter-spacing:.14em;color:var(--muted,#9ba3ad)}.workflow-node-card strong{font-size:.86rem;line-height:1.25}.workflow-node-card em{font-size:.58rem;font-style:normal;letter-spacing:.1em;color:#ffb0a9}.workflow-node-card.type-event{border-color:#5ea8ff}.workflow-node-card.type-condition{border-color:#f5c542}.workflow-node-card.type-router{border-color:#29c6c8}.workflow-node-card.type-action{border-color:#62cf8c}.workflow-node-card.type-wait{border-color:#b89cff}.workflow-node-card.type-approval{border-color:#ff9f5a}.workflow-node-card.type-lookup{border-color:#72c4e8}.workflow-node-card.type-transform{border-color:#df7ee8}.workflow-node-card.type-update{border-color:#75d59b}.workflow-node-card.type-retry{border-color:#ffa570}.workflow-node-card.type-subflow{border-color:#8a9fff}.workflow-node-card.type-notification{border-color:#d5d970}.workflow-node-card.type-end{border-color:#7f8993}.workflow-children{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:22px;padding-top:44px}.workflow-children.branched{gap:34px}.workflow-children:before{content:"";position:absolute;top:18px;left:50%;width:2px;height:27px;background:#8b97a3;transform:translateX(-50%)}.workflow-child{position:relative;display:flex;flex-direction:column;align-items:center;min-width:205px}.workflow-child:before{content:"";position:absolute;top:-26px;left:50%;width:2px;height:27px;background:#8b97a3;transform:translateX(-50%)}.workflow-children.branched>.workflow-child:after{content:"";position:absolute;top:-26px;left:0;right:0;height:2px;background:#8b97a3}.workflow-children.branched>.workflow-child:first-child:after{left:50%}.workflow-children.branched>.workflow-child:last-child:after{right:50%}.workflow-edge{position:absolute;top:-19px;left:50%;transform:translate(-50%,-50%);z-index:3;max-width:150px}.workflow-edge span{display:block;padding:3px 8px;border-radius:999px;background:#111515;border:1px solid #6d7781;color:#f4f5f5;font-size:.62rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-empty-state{display:flex;min-width:400px;min-height:460px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted,#9ba3ad)}.workflow-empty-state strong{color:var(--text,#fff)}.workflow-inspector-body{display:grid;gap:11px;padding:0 16px 18px;max-height:630px;overflow:auto}.workflow-inspector-body label{display:grid;gap:5px}.workflow-inspector-sub{display:grid;gap:7px;padding-top:12px;border-top:1px solid var(--border,#2b2f34)}.workflow-inspector-sub>small,.workflow-variable-list>small{font-size:.63rem;letter-spacing:.13em;color:var(--muted,#9ba3ad)}.workflow-rule-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm)}.workflow-rule-row input{grid-column:1/3}.workflow-rule-row .icon-button{position:absolute}.workflow-edge-edit{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(100px,1fr) auto;align-items:center;gap:5px}.workflow-edge-edit span{font-size:.67rem;color:var(--muted,#9ba3ad);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-inspector-actions{display:flex;gap:7px;padding-top:10px;border-top:1px solid var(--border,#2b2f34)}.danger-button{border-color:rgba(255,98,90,.45)!important;color:#ffb0a9!important}.workflow-variable-list{display:grid;gap:7px;padding:9px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-sm);background:rgba(255,255,255,.015)}.workflow-variable-list>div{display:flex;flex-wrap:wrap;gap:5px}.variable-chip{padding:4px 7px;border:1px solid var(--border,#2b2f34);border-radius:999px;background:rgba(255,255,255,.03);color:inherit;font-size:.62rem;cursor:pointer}.workflow-simulation{position:absolute;right:14px;bottom:14px;width:min(370px,calc(100% - 28px));max-height:420px;overflow:auto;border:1px solid var(--accent,#2fbf71);border-radius:var(--radius-md);background:rgba(10,13,13,.97);box-shadow:0 18px 50px rgba(0,0,0,.42);z-index:10}.workflow-simulation header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0d1010;border-bottom:1px solid var(--border,#2b2f34)}.workflow-simulation header>div{display:flex;flex-direction:column}.workflow-simulation header small{font-size:.58rem;letter-spacing:.13em;color:var(--accent,#2fbf71)}.workflow-sim-step{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.workflow-sim-step>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(47,191,113,.13);font-size:.68rem}.workflow-sim-step>div{display:flex;flex-direction:column}.workflow-sim-step b{font-size:.75rem}.workflow-sim-step small{font-size:.65rem;color:var(--muted,#9ba3ad)}.workflow-sim-step em{font-style:normal;color:var(--accent,#2fbf71)}.workflow-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-template-card{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid var(--border,#2b2f34);border-radius:var(--radius-md);background:rgba(255,255,255,.015)}.workflow-template-card small{font-size:.61rem;letter-spacing:.08em;color:var(--muted,#9ba3ad)}.workflow-template-card h3{margin:0}.workflow-template-card p{margin:0;color:var(--muted,#9ba3ad);font-size:.75rem;line-height:1.45}.workflow-template-card .button{margin-top:auto;align-self:flex-start}.workflow-template-card.locked{opacity:.55}.workflow-template-card em{font-style:normal;font-size:.65rem;color:var(--muted,#9ba3ad)}
@media(max-width:1250px){.workflow-v2-shell{grid-template-columns:230px minmax(500px,1fr)}.workflow-inspector{grid-column:1/-1}.workflow-inspector-body{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.workflow-inspector-sub,.workflow-inspector-actions{grid-column:1/-1}}
@media(max-width:850px){.workflow-v2-shell{grid-template-columns:1fr}.workflow-sidebar,.workflow-inspector{grid-column:auto}.workflow-palette{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.workflow-stage-header{align-items:flex-start;flex-direction:column}.workflow-stage-tools{width:100%;overflow:auto}.workflow-canvas-scroll{min-height:520px}.workflow-inspector-body{grid-template-columns:1fr}.workflow-template-grid{grid-template-columns:1fr}.workflow-children,.workflow-children.branched{gap:14px}.workflow-node-card{min-width:165px}.workflow-child{min-width:175px}}
@media(max-width:560px){.workflow-actions{width:100%;justify-content:stretch}.workflow-actions .button{flex:1}.workflow-palette{grid-template-columns:1fr}.workflow-canvas-v2{padding:32px 24px 80px}.workflow-node-card{min-width:145px;max-width:180px}.workflow-child{min-width:155px}.workflow-edge span{max-width:105px}.workflow-empty-state{min-width:270px}.workflow-inspector-body{padding:0 12px 14px}.workflow-rule-row{grid-template-columns:1fr}.workflow-rule-row input{grid-column:auto}.workflow-edge-edit{grid-template-columns:1fr auto}.workflow-edge-edit span{grid-column:1/3}}

/* Workflow Engine V2 operations and execution history */
.workflow-operations-dialog{width:min(980px,94vw)}
.workflow-ops-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.workflow-ops-tabs .active{border-color:var(--accent,#f5c542);box-shadow:inset 0 -2px 0 var(--accent,#f5c542)}
.workflow-operations-body{min-height:320px;max-height:64vh;overflow:auto;padding:2px}
.workflow-ops-summary{display:flex;align-items:baseline;gap:10px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border,#2a302d);border-radius:var(--radius-sm);background:rgba(255,255,255,.02)}
.workflow-ops-summary strong{font-size:26px}
.workflow-ops-summary span{opacity:.72}
.workflow-ops-list{display:grid;gap:8px}
.workflow-op-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:13px 14px;border:1px solid var(--border,#2a302d);border-radius:var(--radius-sm);background:rgba(255,255,255,.018);color:inherit}
button.workflow-op-row{cursor:pointer}
button.workflow-op-row:hover{border-color:#708090;background:rgba(255,255,255,.04)}
.workflow-op-row.static{cursor:default}
.workflow-op-row>span{display:grid;gap:4px;min-width:0}
.workflow-op-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workflow-op-row small{opacity:.7}
.workflow-op-row.approval{align-items:flex-start}
.workflow-approval-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.workflow-run-detail{display:grid;gap:9px;margin-top:14px}
.workflow-run-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border,#2a302d);border-radius:var(--radius-sm)}
.workflow-run-detail h3{margin:2px 0 4px}.workflow-run-detail p{margin:0;opacity:.72}
.workflow-run-step{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--border,#2a302d);border-radius:var(--radius-sm)}
.workflow-run-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(139,151,163,.14);font-weight:700}
.workflow-run-step>div{display:grid;gap:3px}.workflow-run-step small{opacity:.68}.workflow-run-step.failed{border-color:rgba(224,82,82,.6)}
/* Stronger visual connectors for tree readability */
.workflow-edge::before{background:#aeb8c2!important;box-shadow:0 0 0 1px rgba(174,184,194,.16)}
.workflow-children.branched::before{border-top-color:#aeb8c2!important}
.workflow-child::before{border-left-color:#aeb8c2!important}
.workflow-edge span{border-color:#64717c!important;background:#101513!important;color:#dfe7ed!important}
.workflow-children:before,.workflow-child:before,.workflow-children.branched>.workflow-child:after{background:#c7d1da!important;box-shadow:0 0 5px rgba(199,209,218,.18)}
.workflow-edge span{border-color:#87939e!important;background:#0c1111!important;color:#f2f6f8!important;box-shadow:0 0 0 1px rgba(135,147,158,.12)}

/* Branding persistence status */
.branding-save-row{position:sticky;bottom:10px;z-index:8;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 4px;padding:12px;border:1px solid var(--border,#273029);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tenant-panel,#111515) 92%,#000 8%);box-shadow:0 10px 32px rgba(0,0,0,.28)}.branding-save-state{font-size:12px;opacity:.78;min-height:1em}.branding-save-state[data-state="dirty"]{opacity:1}.branding-save-state[data-state="saved"]{opacity:1}.branding-save-state[data-state="error"]{opacity:1;font-weight:700}

/* V0.6 public site refresh */
.public-site-page{padding-top:76px}
.public-floating-header{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:80;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:rgba(10,12,11,.82);backdrop-filter:blur(20px);box-shadow:0 12px 45px rgba(0,0,0,.28)}
.public-brand .brand-mark{width:31px;height:34px;font-size:12px}.public-brand strong{font-size:15px}.public-brand small{font-size:8px}
.public-menu-button{width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#141816;display:grid;align-content:center;justify-items:center;gap:4px;padding:0;color:var(--text);transition:background-color .24s ease,border-color .24s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.public-menu-button:hover{background:#1a201d;border-color:#3a443f;transform:translateY(-1px)}
.public-menu-button span{display:block;width:17px;height:2px;border-radius:var(--radius-xs);background:currentColor;transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,width .32s cubic-bezier(.22,1,.36,1)}
.public-menu-open .public-menu-button span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.public-menu-open .public-menu-button span:nth-child(2){opacity:0;width:8px}
.public-menu-open .public-menu-button span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.public-menu-backdrop{position:fixed;inset:0;width:100vw;height:100vh;z-index:96;background:rgba(0,0,0,.54);backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease,backdrop-filter .34s ease,visibility 0s linear .34s}
.public-menu-panel{position:fixed;top:14px;right:14px;z-index:97;width:min(390px,calc(100vw - 28px));height:calc(100vh - 28px);padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(16,20,19,.98);box-shadow:0 28px 90px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(calc(100% + 56px),0,0) scale(.985);transform-origin:right center;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .42s;overflow:auto;will-change:transform,opacity}
.public-menu-open .public-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s}
.public-menu-open .public-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(5px);transition:opacity .34s ease,backdrop-filter .34s ease,visibility 0s}.public-menu-open{overflow:hidden}
.public-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.public-menu-close{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#161a18;color:#fff;font-size:24px}
.public-menu-panel>a{display:flex;align-items:center;min-height:48px;padding:0 13px;border-radius:var(--radius-sm);color:#c8cfca;font-weight:750;transform:translateX(10px);opacity:.78;transition:background-color .22s ease,color .22s ease,transform .3s cubic-bezier(.22,1,.36,1),opacity .24s ease}.public-menu-open .public-menu-panel>a{transform:translateX(0);opacity:1}.public-menu-panel>a:nth-of-type(1){transition-delay:.04s}.public-menu-panel>a:nth-of-type(2){transition-delay:.06s}.public-menu-panel>a:nth-of-type(3){transition-delay:.08s}.public-menu-panel>a:nth-of-type(4){transition-delay:.10s}.public-menu-panel>a:nth-of-type(5){transition-delay:.12s}.public-menu-panel>a:nth-of-type(6){transition-delay:.14s}.public-menu-panel>a:nth-of-type(7){transition-delay:.16s}.public-menu-panel>a:hover{background:#171c1a;color:#fff;transform:translateX(3px)}.public-menu-language{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.public-menu-language label{display:grid;gap:8px;color:var(--muted);font-size:11px}.public-menu-language select{width:100%;height:42px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0c0f0e;color:#fff;padding:0 10px}
.compact-public-main{padding-top:34px!important}.public-hero{min-height:610px;padding-top:54px}.public-hero .hero-copy h1{max-width:780px}.public-about-section{padding-top:88px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px}.about-story{font-size:17px;line-height:1.8;color:#a3aba6}.about-story p:first-child{margin-top:0}.about-principles{display:grid;gap:10px}.about-principles article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.about-principles strong{color:var(--yellow);font-size:12px;letter-spacing:.12em}.about-principles span{font-weight:750}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{min-height:260px;padding:22px;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;border-top:1px solid var(--line);box-shadow:none;}.service-icon{width:43px;height:43px;border-radius:var(--radius-sm);background:#1a201d;color:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:11px}.service-card h3{margin:28px 0 10px;font-size:20px}.service-card p{margin:0 0 18px;color:#8f9791;line-height:1.65;font-size:13px;flex:1}.service-card a{color:var(--yellow);font-size:12px;font-weight:800}.service-card:hover{border-color:#3b453f;transform:translateY(-2px);transition:.18s}
.public-platform-section{padding-top:92px}.integration-flow{padding:28px;border:1px solid var(--line);border-radius:var(--radius-panel);background:linear-gradient(145deg,#151a17,#0f1211);display:grid;justify-items:center;gap:10px}.integration-flow>span{width:min(360px,100%);padding:14px 18px;text-align:center;border:1px solid #39413d;border-radius:var(--radius-sm);background:#111514;font-weight:800}.integration-flow>b{color:var(--yellow);font-size:20px}.integration-flow>div{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.integration-flow>div span{padding:11px;text-align:center;border:1px solid #2e3732;border-radius:var(--radius-sm);color:#aeb6b1;font-size:12px}
.demo-public-section{padding-top:70px;padding-bottom:70px}.demo-public-card{padding:34px;border:1px solid rgba(244,196,48,.28);border-radius:var(--radius-panel);background:linear-gradient(145deg,rgba(244,196,48,.07),rgba(79,140,91,.05));display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}.demo-public-card h2{font-size:clamp(32px,4vw,50px);margin:10px 0}.demo-public-card p{max-width:680px;color:var(--muted);line-height:1.7}.demo-public-actions{min-width:180px;display:grid;justify-items:start}.demo-public-actions strong{font-size:48px;color:var(--yellow);line-height:1}.demo-public-actions span{margin:7px 0 18px;color:var(--muted);font-size:12px}

/* Global footer */
.global-site-footer{margin-top:72px;border-top:1px solid var(--line);background:#090b0a}.global-footer-inner{padding-top:34px;padding-bottom:28px;display:grid;gap:24px}.footer-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer-brand-row p{max-width:520px;margin:3px 0 0;color:#7f8882;line-height:1.6;font-size:12px;text-align:right}.footer-brand .brand-mark{width:31px;height:34px}.footer-brand strong{font-size:14px}.footer-social-block{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #1d221f}.footer-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#747c76;font-weight:800}.footer-social-links{display:flex;align-items:center;gap:9px}.social-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #2c332f;border-radius:var(--radius-sm);background:#121614;color:#dfe4e0}.social-icon:hover{border-color:#626c65;color:var(--yellow)}.social-icon svg{width:18px;height:18px;fill:currentColor}.social-icon.is-disabled{opacity:.28;pointer-events:none}.footer-token-note{margin:0;padding:15px 17px;border:1px solid #252b28;border-radius:var(--radius-sm);background:#0e1110;color:#737c76;font-size:11px;line-height:1.6}.footer-legal-row{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#656d67;font-size:10px}.product-footer-wrap .global-site-footer,.admin-footer-wrap .global-site-footer,.dashboard-footer-wrap .global-site-footer{margin-top:32px}.product-footer-wrap .global-footer-inner,.admin-footer-wrap .global-footer-inner,.dashboard-footer-wrap .global-footer-inner{width:min(1180px,calc(100% - 40px))}.product-footer-wrap{padding:0 28px 28px}.admin-footer-wrap{padding:0 32px 28px}.dashboard-footer-wrap{padding:0 34px 28px}

/* Demo countdowns */
.account-demo-countdown{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid rgba(244,196,48,.32);border-radius:var(--radius-sm);background:rgba(244,196,48,.06);font-variant-numeric:tabular-nums}.account-demo-countdown[hidden]{display:none}.account-demo-countdown small{color:#c1aa50;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.account-demo-countdown strong{font-size:11px;color:#fff}.account-demo-countdown[data-state="warning"]{border-color:rgba(244,196,48,.55)}.account-demo-countdown[data-state="critical"]{border-color:rgba(227,107,99,.55);background:rgba(227,107,99,.07)}.account-demo-countdown[data-state="critical"] strong{color:#ffaca6}

/* Public auth and plans spacing */
.auth-page.public-site-page .auth-shell{min-height:calc(100vh - 76px);padding-top:42px;padding-bottom:42px}.plans-page .plans-shell{padding-top:34px}.promo-page .promo-shell{padding-top:34px}

/* Progressive motion for public pages. Elements are never hidden without JS. */
.public-motion-ready .public-motion-item{opacity:0;transform:translateY(16px);transition:opacity .58s ease var(--public-motion-delay,0ms),transform .64s cubic-bezier(.22,1,.36,1) var(--public-motion-delay,0ms)}
.public-motion-ready .public-motion-item.public-motion-visible{opacity:1;transform:translateY(0)}
.public-site-page .button,.public-site-page .service-card,.public-site-page .about-principles article,.public-site-page .integration-flow>span,.public-site-page .integration-flow>div span{transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .24s ease,background-color .24s ease,box-shadow .28s ease,color .24s ease}
.public-site-page .button:hover{transform:translateY(-2px)}
.public-site-page .service-card:hover,.public-site-page .about-principles article:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.18)}

@media(prefers-reduced-motion:reduce){.public-menu-button,.public-menu-button span,.public-menu-backdrop,.public-menu-panel,.public-menu-panel>a,.public-site-page .button,.public-site-page .service-card,.public-site-page .about-principles article,.public-site-page .integration-flow>span,.public-site-page .integration-flow>div span{transition:none!important}.public-motion-ready .public-motion-item{opacity:1!important;transform:none!important;transition:none!important}}

@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}.footer-brand-row{display:grid}.footer-brand-row p{text-align:left}.demo-public-card{grid-template-columns:1fr}}
@media(max-width:700px){.public-site-page{padding-top:66px}.public-floating-header{top:8px;height:50px}.public-hero{padding-top:30px;min-height:auto}.public-hero .hero-copy h1{font-size:clamp(42px,13vw,62px)}.section{padding:76px 0}.service-grid{grid-template-columns:1fr}.footer-social-block{align-items:flex-start;flex-direction:column}.footer-social-links{flex-wrap:wrap}.footer-legal-row{align-items:flex-start;flex-direction:column}.demo-public-actions strong{font-size:42px}.integration-flow>div{grid-template-columns:1fr}.product-footer-wrap,.admin-footer-wrap,.dashboard-footer-wrap{padding-left:14px;padding-right:14px}.account-demo-countdown{max-width:150px}.account-demo-countdown small{display:none}}

/* ==================================================================
   2026-09-05 visual refresh: public navigation, branding studio,
   authenticated brand watermark and report readability/padding.
   ================================================================== */

/* Public site: desktop navigation now behaves like a classic corporate site. */
.public-floating-header{
  width:min(1240px,calc(100% - 34px));
  height:66px;
  top:16px;
  padding:0 14px 0 18px;
  border-radius:var(--radius-md);
  background:rgba(8,11,10,.72);
  border-color:rgba(255,255,255,.09);
  box-shadow:0 16px 50px rgba(0,0,0,.22);
  transition:height .36s cubic-bezier(.22,1,.36,1),top .36s cubic-bezier(.22,1,.36,1),background-color .3s ease,border-color .3s ease,box-shadow .36s ease;
}
.public-floating-header.public-nav-scrolled{
  top:9px;
  height:58px;
  background:rgba(8,11,10,.9);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 18px 56px rgba(0,0,0,.36);
}
.public-brand{min-width:max-content}
.public-brand .brand-mark{width:30px;height:34px}
.public-desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;margin-right:auto}
.public-desktop-nav a{position:relative;display:flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;color:#b6beb9;font-size:12.5px;font-weight:760;transition:color .24s ease,background-color .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.public-desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateY(-1px)}
.public-desktop-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:999px;background:var(--yellow);opacity:0;transition:left .28s cubic-bezier(.22,1,.36,1),right .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.public-desktop-nav a.active::after{left:13px;right:13px;opacity:1}
.public-header-actions{display:flex;align-items:center;gap:7px;min-width:max-content}
.public-header-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:var(--radius-sm);font-size:12px;font-weight:800;transition:transform .26s cubic-bezier(.22,1,.36,1),background-color .24s ease,border-color .24s ease,color .24s ease}
.public-header-demo{border:1px solid rgba(244,196,48,.34);color:#f5d45f;background:rgba(244,196,48,.055)}
.public-header-login{border:1px solid var(--line);color:#e4e8e5;background:#111513}
.public-header-link:hover{transform:translateY(-1px);border-color:#5b655f;color:#fff}
.public-menu-button{display:none}
.public-menu-backdrop,.public-menu-panel{display:none}
.public-site-page{padding-top:92px}
.public-hero{padding-top:54px;min-height:640px}
.public-hero .hero-panel{transform:translateY(var(--hero-shift,0));transition:transform .16s linear}
.public-hero .hero-copy h1{font-size:clamp(54px,6vw,82px);max-width:820px}
.public-hero .hero-text{max-width:690px}
.service-card{overflow:hidden;position:relative;isolation:isolate;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;}
.service-card::after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-90px;border-radius:50%;background:rgba(244,196,48,.065);filter:blur(8px);z-index:-1;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.service-card:hover::after{transform:scale(1.35) translate(-12px,-12px);opacity:1}
.public-metrics-section{padding-top:72px;padding-bottom:72px}
.public-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.public-metric-grid article{min-height:190px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-panel);background:linear-gradient(150deg,#151918,#101311);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .34s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .34s ease}
.public-metric-grid article:hover{transform:translateY(-2px);border-color:#48514c;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.public-metric-grid strong{font-size:48px;letter-spacing:-.055em;color:var(--yellow);line-height:1}
.public-metric-grid span{margin-top:12px;font-size:15px;font-weight:800}
.public-metric-grid small{margin-top:8px;color:#7f8882;font-size:11px;line-height:1.55}
.contact-card{overflow:hidden;position:relative}
.contact-card::before{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-120px;border-radius:50%;background:rgba(244,196,48,.08);filter:blur(55px);pointer-events:none}
.public-motion-ready .public-motion-item{opacity:0;transform:translate3d(0,22px,0) scale(.992);filter:blur(2px);transition:opacity .7s ease var(--public-motion-delay,0ms),transform .78s cubic-bezier(.16,1,.3,1) var(--public-motion-delay,0ms),filter .62s ease var(--public-motion-delay,0ms)}
.public-motion-ready .public-motion-item.public-motion-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}

/* Mobile public navigation: compact floating sheet, never a persistent side drawer. */
@media(max-width:900px){
  .public-floating-header{width:min(720px,calc(100% - 20px));height:58px;top:10px;padding:0 9px 0 13px;border-radius:var(--radius-md)}
  .public-floating-header.public-nav-scrolled{top:7px;height:54px}
  .public-site-page{padding-top:76px}
  .public-desktop-nav,.public-header-demo,.public-header-login{display:none}
  .public-menu-button{display:grid;width:40px;height:40px}
  .public-menu-backdrop{display:block;position:fixed;inset:0;width:100vw;height:100vh;z-index:96;background:rgba(0,0,0,.5);backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,backdrop-filter .38s ease,visibility 0s linear .38s}
  .public-menu-panel{display:flex;position:fixed;top:76px;left:50%;right:auto;z-index:97;width:min(660px,calc(100vw - 22px));height:auto;max-height:calc(100vh - 92px);padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:rgba(14,18,16,.97);box-shadow:0 30px 90px rgba(0,0,0,.52);flex-direction:column;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%,-16px,0) scale(.975);transform-origin:top center;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility 0s linear .42s;overflow:auto}
  .public-menu-open .public-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0) scale(1);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility 0s}
  .public-menu-open .public-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(5px);transition:opacity .38s ease,backdrop-filter .38s ease,visibility 0s}
  .public-menu-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .public-menu-brand{pointer-events:none}
  .public-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .public-menu-links>a{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);color:#c6cec9;font-weight:760;opacity:.72;transform:translateY(-2px);transition:opacity .34s ease,transform .42s cubic-bezier(.16,1,.3,1),background-color .22s ease,border-color .22s ease,color .22s ease}
  .public-menu-open .public-menu-links>a{opacity:1;transform:translateY(0)}
  .public-menu-open .public-menu-links>a:nth-child(1){transition-delay:.02s}.public-menu-open .public-menu-links>a:nth-child(2){transition-delay:.04s}.public-menu-open .public-menu-links>a:nth-child(3){transition-delay:.06s}.public-menu-open .public-menu-links>a:nth-child(4){transition-delay:.08s}.public-menu-open .public-menu-links>a:nth-child(5){transition-delay:.10s}.public-menu-open .public-menu-links>a:nth-child(6){transition-delay:.12s}.public-menu-open .public-menu-links>a:nth-child(7){transition-delay:.14s}
  .public-menu-links>a:hover{background:#171c1a;border-color:#2d3531;color:#fff}
  .public-menu-language{margin-top:0;padding-top:12px}
  .public-menu-language label{font-size:11px}
  .public-menu-language select{height:44px}
  .public-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .public-menu-links{grid-template-columns:1fr}
  .public-metric-grid{grid-template-columns:1fr}
  .public-metric-grid article{min-height:150px}
}

/* Authenticated workspace: remove the Voracity hex from the sidebar when a custom brand is active. */
.product-page.has-custom-branding #tenantBrandMark{display:none!important}
.product-page.has-custom-branding .dashboard-brand{gap:10px}
.tenant-brand-logo{width:auto;max-width:48px;height:42px;object-fit:contain;border-radius:var(--radius-sm);flex:0 0 auto}
.voracity-watermark{display:none;align-items:center;gap:5px;margin-left:2px;padding:4px 2px 4px 8px;border-left:1px solid rgba(255,255,255,.09);opacity:.36;transition:opacity .24s ease,transform .24s cubic-bezier(.22,1,.36,1);user-select:none;pointer-events:none}
.voracity-watermark-mark{width:24px;height:27px;display:grid;place-items:center;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);background:var(--yellow);color:#111;font-weight:900;font-size:9px}
.voracity-watermark small{font-size:7px;letter-spacing:.18em;color:#d7ddd9;font-weight:900}
.product-page.has-custom-branding .voracity-watermark:not([hidden]){display:inline-flex!important}
.product-page.has-custom-branding .product-header:hover .voracity-watermark{opacity:.58}
.product-header .header-actions{padding-right:2px}

/* Branding Studio V2 */
.branding-toolbar{align-items:flex-start;margin-bottom:18px}
.branding-hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:end;margin-bottom:18px;padding:12px 0 28px;border:0;border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid var(--line);}
.branding-hero-card::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-150px;background:color-mix(in srgb,var(--tenant-primary,#f5c542) 13%,transparent);filter:blur(56px);pointer-events:none;display:none;}
.branding-hero-copy h2{max-width:760px;margin:8px 0 10px;font-size:26px;letter-spacing:-.035em;line-height:1.08;font-family:var(--font-display);}
.branding-hero-copy p{max-width:760px;margin:0;color:#8e9892;line-height:1.65;font-size:13px}
.branding-surface-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.branding-surface-chips span{padding:4px 10px 4px 0;border:0;border-radius:0;background:transparent;color:#c5ccc8;font-size:12px;font-weight:800}
.branding-hero-status{display:flex;align-items:center;gap:12px;padding:15px 16px;border:0;border-radius:0;background:transparent;border-left:1px solid var(--line);}
.branding-status-dot{width:10px;height:10px;border-radius:50%;background:var(--tenant-accent,#2fbf71);box-shadow:0 0 0 5px color-mix(in srgb,var(--tenant-accent,#2fbf71) 12%,transparent)}
.branding-hero-status>div{display:grid;gap:3px}.branding-hero-status small{font-size:8px;letter-spacing:.14em;color:#65706a;font-weight:900}.branding-hero-status strong{font-size:12px}.branding-hero-status span:last-child{color:#7f8983;font-size:10px;line-height:1.4}
.branding-studio-v2{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:28px;align-items:start}
.branding-editor-panel{padding:0;overflow:hidden}.branding-form-v2{gap:0}.branding-form-section{padding:24px 26px;border-bottom:1px solid var(--line)}.branding-form-section:last-of-type{border-bottom:0}
.branding-section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.branding-section-heading>div{display:flex;align-items:flex-start;gap:12px}.branding-section-heading>div>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--tenant-primary,#f5c542) 38%,#313936);border-radius:var(--radius-sm);color:var(--tenant-primary,#f5c542);font-size:9px;font-weight:900}.branding-section-heading h2{margin:0;font-size:18px}.branding-section-heading p{margin:5px 0 0;color:#7e8882;font-size:11px;line-height:1.45}
.branding-identity-grid{margin-bottom:16px}.brand-assets-grid-v2{gap:12px}.brand-assets-grid-v2 .brand-asset-card{min-height:132px;padding:14px;border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.008));transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .24s ease,background-color .24s ease,box-shadow .28s ease}.brand-assets-grid-v2 .brand-asset-card:hover{transform:translateY(-2px);border-color:#3a4540;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.brand-assets-grid-v2 .brand-asset-preview{width:92px;min-width:92px;height:82px;border-radius:var(--radius-sm)}.brand-assets-grid-v2 .brand-asset-preview-banner{width:104px;min-width:104px}.brand-assets-grid-v2 .brand-asset-copy{display:grid;align-content:center;gap:4px;min-width:0}.brand-assets-grid-v2 .brand-asset-copy>b{font-size:13px}.brand-assets-grid-v2 .brand-asset-copy>small{color:#7e8882;font-size:10px;line-height:1.4}
.branding-storage-hint{display:block;margin-top:10px}.brand-advanced{margin-top:14px}.brand-advanced summary{padding:13px 14px;border:1px solid #29312d;border-radius:var(--radius-sm);background:#0f1311;font-weight:800;cursor:pointer}.brand-advanced[open] summary{margin-bottom:12px}
.brand-color-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.brand-color-grid-v2 label{min-height:84px;padding:12px;border:1px solid #29312d;border-radius:var(--radius-sm);background:rgba(255,255,255,.012);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-direction:row!important}.brand-color-grid-v2 label>span:first-child{font-size:11px;color:#bdc5c0;font-weight:750}.brand-color-grid-v2 input[type="color"]{width:42px;height:34px;border-radius:var(--radius-sm);padding:2px;cursor:pointer}.brand-color-grid-v2 .brand-radius-field{grid-column:span 2;display:grid!important;grid-template-columns:1fr auto;align-items:center}.brand-radius-field input[type="range"]{grid-column:1/-1;width:100%}
.branding-save-row{margin:18px 26px 24px;bottom:12px;border-radius:var(--radius-md);padding:13px 14px;background:color-mix(in srgb,var(--tenant-panel,#111515) 95%,#000 5%)}
.brand-preview-v2{position:sticky;top:88px;padding:0;overflow:hidden}.brand-preview-toolbar{padding:18px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.brand-preview-toolbar h2{margin:4px 0 0;font-size:18px}
.brand-preview-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;border-bottom:1px solid var(--line);background:#0e1110}.brand-preview-tabs button{min-height:36px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:#79837d;font-size:10px;font-weight:800;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.brand-preview-tabs button:hover{color:#fff}.brand-preview-tabs button.active{background:color-mix(in srgb,var(--tenant-primary,#f5c542) 10%,#111513);border-color:color-mix(in srgb,var(--tenant-primary,#f5c542) 38%,#28302d);color:#fff}
.brand-preview-stage{min-height:500px;padding:24px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(112,185,138,.04) 24px),var(--surface-0)}.brand-preview-pane{animation:brandPreviewIn .34s cubic-bezier(.22,1,.36,1)}@keyframes brandPreviewIn{from{opacity:0;transform:translateY(5px) scale(.995)}to{opacity:1;transform:none}}
.brand-preview-v2 .brand-preview-app{min-height:470px}.brand-preview-custom-logo{width:46px;height:46px;object-fit:contain}.brand-preview-card small{display:block;margin-bottom:8px;color:#73807a;font-size:8px;letter-spacing:.12em;font-weight:900}.brand-preview-help{margin:0;padding:13px 16px;border-top:1px solid var(--line);color:#737d77;font-size:10px;line-height:1.55}
.brand-header-preview{min-height:470px;border-radius:var(--radius-md);overflow:hidden;background:var(--tenant-bg,#090b0b);border:1px solid #252d29}.brand-header-preview-brand,.brand-header-preview-actions{display:flex;align-items:center;gap:9px}.brand-header-preview{padding:16px}.brand-header-preview>div:first-child{height:62px;margin:-16px -16px 0;padding:0 16px;background:var(--tenant-header,#0d1010);border-bottom:1px solid #252d29;display:flex;align-items:center;justify-content:space-between}.brand-header-preview-brand img{max-width:40px;height:34px;object-fit:contain}.brand-header-preview-brand strong{font-size:12px}.brand-header-preview-actions{margin-left:auto}.brand-header-preview-actions>span:first-child,.brand-header-preview-actions button{height:30px;padding:0 9px;border:1px solid #313935;border-radius:var(--radius-sm);background:#111513;color:#dce1de;font-size:8px}.brand-header-watermark{width:24px!important;height:27px!important;display:grid!important;place-items:center!important;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);background:var(--yellow)!important;color:#111!important;font-weight:900!important;opacity:.45}
.brand-email-preview{min-height:470px;border-radius:var(--radius-md);background:#f2f1ec;color:#222;overflow:hidden}.brand-email-preview-head{min-height:82px;padding:18px 22px;background:var(--tenant-header,#111515);color:#fff;display:flex;align-items:center;gap:12px}.brand-email-preview-head img{max-width:64px;height:42px;object-fit:contain}.brand-email-preview-body{padding:38px 28px}.brand-email-preview-body>span{font-size:10px;color:#787878}.brand-email-preview-body h3{font-size:25px;line-height:1.12;margin:9px 0 13px}.brand-email-preview-body p{color:#666;line-height:1.55;font-size:12px}.brand-email-preview-body button{margin-top:14px;border:0;border-radius:var(--radius-sm);padding:10px 14px;background:var(--tenant-primary,#f5c542);color:var(--tenant-button-text,#111);font-weight:800}.brand-email-preview-foot{padding:18px 24px;border-top:1px solid #ddd;color:#787878;font-size:9px}
.brand-report-preview{min-height:470px;border-radius:var(--radius-md);background:#f7f7f3;color:#222;padding:24px}.brand-report-preview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:3px solid var(--tenant-primary,#f5c542)}.brand-report-preview-head>div{display:flex;align-items:center;gap:10px}.brand-report-preview-head img{max-width:52px;height:38px;object-fit:contain}.brand-report-preview-head strong{font-size:12px}.brand-report-preview-head>span{font-size:8px;letter-spacing:.16em;font-weight:900}.brand-report-preview h3{font-size:27px;margin:30px 0}.brand-report-preview-lines{display:grid;gap:11px}.brand-report-preview-lines i{height:32px;border-radius:var(--radius-xs);background:linear-gradient(90deg,#ecece7,#f4f4ef)}.brand-report-preview-lines i:nth-child(2){width:82%}.brand-report-preview-lines i:nth-child(3){width:92%}.brand-report-preview-lines i:nth-child(4){width:68%}.brand-report-preview>small{display:block;margin-top:34px;color:#8d8d86}
@media(max-width:1180px){.branding-studio-v2{grid-template-columns:1fr;gap:24px;}.brand-preview-v2{position:relative;top:auto}.branding-hero-card{grid-template-columns:1fr;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px 0 28px;}.brand-color-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.branding-form-section{padding:20px 16px}.branding-save-row{margin-left:16px;margin-right:16px}.brand-color-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-radius-field{grid-column:1/-1!important}.brand-assets-grid-v2 .brand-asset-card{display:grid;grid-template-columns:auto 1fr}.branding-hero-card{padding:12px 0 28px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;}.brand-preview-tabs{grid-template-columns:repeat(2,1fr)}}

/* Previous report readability update, extended so rounded containers have enough breathing room. */
@media (min-width:1101px){.product-section[data-section="reports"]{margin-inline:-10px}}
.report-center-panel{overflow:hidden;padding:0 18px 18px;border-radius:var(--radius-panel)}
.report-type-strip{flex-wrap:wrap;overflow:visible;gap:9px;padding:12px 0 17px}
.report-type-strip button{min-height:42px;padding:10px 16px;font-size:13px;line-height:1.15;white-space:nowrap}
.report-filter-grid{gap:14px;padding:20px 2px}.report-filter-grid label{font-size:13px}.report-filter-grid input,.report-filter-grid select{min-height:46px;font-size:13px;padding-inline:13px;border-radius:var(--radius-sm)}
.report-overview-grid .metric-card{min-height:128px;padding:19px 20px;border-radius:var(--radius-md);overflow:hidden}.report-overview-grid .metric-card span{font-size:12px}.report-overview-grid .metric-card strong{font-size:31px;line-height:1.05;margin-top:8px}.report-overview-grid .metric-card small{font-size:12px;line-height:1.45;margin-top:auto;padding-top:10px}
.report-summary{gap:11px;padding:6px 0 20px}.report-summary-card{min-height:88px;padding:15px 16px;border-radius:var(--radius-md);overflow:hidden}.report-summary-card small,.report-note,.report-result-heading small{font-size:12px;line-height:1.45}.report-summary-card strong{font-size:20px;margin-top:4px}
.report-result-heading{padding:20px 2px 14px}.report-table-wrap{border-radius:var(--radius-md);margin:0 0 4px;overflow:auto}.report-table-wrap table{font-size:13px}.report-table-wrap th{font-size:11px;padding:13px 14px}.report-table-wrap td{line-height:1.5;padding:13px 14px}.report-note{padding:14px 2px 4px}
.product-nav button,.product-nav a{min-height:43px;font-size:14px;line-height:1.25}.product-sidebar .side-section>small{font-size:10px}.product-account b{font-size:12.5px}.product-account small{font-size:10.5px}.side-nav a{min-height:44px;font-size:14px;line-height:1.25}.side-section>small{font-size:10px}.product-page .metric-card span{font-size:12px}.product-page .metric-card small{font-size:12px}.product-page table{font-size:13px}.product-page th{font-size:11px}
@media(max-width:1100px){.report-center-panel{padding-inline:14px}.report-type-strip{flex-wrap:nowrap;overflow-x:auto;scroll-padding-inline:12px;padding-bottom:13px}.report-overview-grid .metric-card{min-height:116px}}

@media(prefers-reduced-motion:reduce){
  .public-floating-header,.public-desktop-nav a,.public-header-link,.public-menu-button,.public-menu-button span,.public-menu-backdrop,.public-menu-panel,.public-menu-links>a,.public-site-page .button,.public-site-page .service-card,.public-metric-grid article,.brand-assets-grid-v2 .brand-asset-card,.brand-preview-pane{transition:none!important;animation:none!important}
  .public-motion-ready .public-motion-item{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .public-hero .hero-panel{transform:none!important}
}
.brand-header-preview-bar{height:62px;margin:-16px -16px 0;padding:0 16px;background:var(--tenant-header,#0d1010);border-bottom:1px solid #252d29;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-header-preview-body{padding-top:36px;display:grid;gap:14px}.brand-header-preview-body i{height:72px;border:1px solid #252d29;border-radius:var(--tenant-radius,var(--radius-panel));background:var(--tenant-panel,#111515)}.brand-header-preview-body i:nth-child(2){width:72%}.brand-header-preview-body i:nth-child(3){width:88%}
.brand-header-preview>div:first-child{height:auto;margin:0;padding:0;background:transparent;border:0;display:block}
.brand-header-preview>div.brand-header-preview-bar:first-child{height:62px;margin:-16px -16px 0;padding:0 16px;background:var(--tenant-header,#0d1010);border-bottom:1px solid #252d29;display:flex;align-items:center;justify-content:space-between;gap:12px}

/* ==================================================================
   2026-09-05 workspace spacing audit
   Normalize panel interiors, forms and responsive gutters across the
   authenticated product workspace. This intentionally keeps data tables
   edge-to-edge while giving forms, summaries and settings breathing room.
   ================================================================== */
.product-page{
  --workspace-page-x:34px;
  --workspace-page-y:32px;
  --workspace-panel-x:22px;
  --workspace-panel-y:20px;
  --workspace-field-gap:14px;
}
.product-content{
  padding:var(--workspace-page-y) var(--workspace-page-x) 44px;
}
.product-section{
  min-width:0;
  padding-bottom:4px;
}
.product-section .section-toolbar{
  margin-bottom:26px;
  padding-inline:2px;
}
.product-section .section-toolbar + .metric-grid,
.product-section .section-toolbar + .settings-grid,
.product-section .section-toolbar + .dashboard-empty-state,
.product-section .section-toolbar + .channel-grid,
.product-section .section-toolbar + .campaign-layout,
.product-section .section-toolbar + .card-collection,
.product-section .section-toolbar + .template-grid,
.product-section .section-toolbar + .workflow-v2-shell{
  margin-top:2px;
}

/* Shared form rhythm. Branding previously lived outside .settings-grid,
   so its labels/fields were missing the same form treatment as invoicing. */
.product-page .settings-form{
  gap:var(--workspace-field-gap);
}
.product-page .settings-form label{
  display:grid;
  gap:8px;
  min-width:0;
  color:#cfd4d1;
  font-size:13px;
  font-weight:650;
  line-height:1.35;
}
.product-page .settings-form input:not([type="color"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]),
.product-page .settings-form select,
.product-page .settings-form textarea{
  width:100%;
  min-width:0;
  min-height:46px;
  padding:11px 13px;
  border:1px solid #2a302e;
  border-radius:var(--radius-sm);
  background:#0b0e0e;
  color:#f5f6f2;
  outline:none;
  line-height:1.4;
}
.product-page .settings-form textarea{
  min-height:96px;
  resize:vertical;
}
.product-page .settings-form input:not([type="color"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]):focus,
.product-page .settings-form select:focus,
.product-page .settings-form textarea:focus{
  border-color:color-mix(in srgb,var(--tenant-primary,#f5c542) 72%,#2a302e);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-primary,#f5c542) 9%,transparent);
}
.product-page .settings-form .form-grid{
  gap:14px;
}
.product-page .form-hint{
  line-height:1.55;
}

/* Panel header spacing across operational modules. */
.product-page .product-section:not([data-section="branding"]) .panel > header{
  min-height:78px;
  padding:20px var(--workspace-panel-x);
}

/* Invoicing + workspace settings. Panels with headers keep the header
   edge-to-edge, while their body content receives a consistent inner gutter. */
.product-section[data-section="invoicing"] .settings-grid,
.product-section[data-section="settings"] .settings-grid{
  gap:18px;
}
.product-section[data-section="invoicing"] .settings-grid .panel,
.product-section[data-section="settings"] .settings-grid .panel{
  min-width:0;
}
.product-section[data-section="invoicing"] .settings-grid .panel > .settings-form{
  padding:2px var(--workspace-panel-x) 24px;
}
.product-section[data-section="invoicing"] .settings-grid .panel > .setting-row{
  margin-inline:var(--workspace-panel-x);
  padding:17px 0;
}
.product-section[data-section="invoicing"] .settings-grid .panel > .setting-row:first-of-type{
  padding-top:20px;
}
.product-section[data-section="invoicing"] .settings-grid .panel > .setting-row:last-child{
  padding-bottom:22px;
  border-bottom:0;
}
.product-section[data-section="settings"] .settings-grid .panel > h2:first-child{
  margin:0;
  padding:22px var(--workspace-panel-x) 0;
}
.product-section[data-section="settings"] .settings-grid .panel > h2:first-child + .settings-form{
  padding:18px var(--workspace-panel-x) 24px;
}
.product-section[data-section="settings"] .settings-grid .panel > .compact-list{
  padding:2px var(--workspace-panel-x) 10px;
}
.product-section[data-section="settings"] .settings-grid .panel > .setting-row{
  margin-inline:var(--workspace-panel-x);
  padding:17px 0;
}
.product-section[data-section="settings"] .settings-grid .panel > h2:first-child + .setting-row{
  margin-top:8px;
}
.product-section[data-section="settings"] .settings-grid .panel > .setting-row:last-child{
  padding-bottom:22px;
  border-bottom:0;
}
.product-section[data-section="settings"] .subscription-client-panel > .client-plan-summary{
  margin:3px var(--workspace-panel-x) 0;
  gap:18px;
}
.product-section[data-section="settings"] .subscription-client-panel > progress{
  width:calc(100% - (var(--workspace-panel-x) * 2));
  margin:2px var(--workspace-panel-x) 0;
}
.product-section[data-section="settings"] .subscription-client-panel > #clientTokenDetail{
  display:block;
  margin:0 var(--workspace-panel-x) 22px;
  line-height:1.55;
}

/* Branding Studio: stronger gutters and properly stacked controls. */
.product-section[data-section="branding"] .branding-hero-card{
  padding:30px 32px;
}
.product-section[data-section="branding"] .branding-form-section{
  padding:28px 30px 30px;
}
.product-section[data-section="branding"] .branding-section-heading{
  margin-bottom:22px;
}
.product-section[data-section="branding"] .branding-identity-grid{
  margin-bottom:18px;
}
.product-section[data-section="branding"] .brand-assets-grid-v2{
  gap:14px;
  margin-top:4px;
  margin-bottom:16px;
}
.product-section[data-section="branding"] .brand-assets-grid-v2 .brand-asset-card{
  padding:16px;
  gap:16px;
}
.product-section[data-section="branding"] .brand-color-grid-v2{
  gap:12px;
}
.product-section[data-section="branding"] .brand-color-grid-v2 label{
  min-height:88px;
  padding:14px;
}
.product-section[data-section="branding"] .branding-form-section > label + .form-grid,
.product-section[data-section="branding"] .branding-form-section > .form-grid + label,
.product-section[data-section="branding"] .branding-form-section > label + label{
  margin-top:2px;
}
.product-section[data-section="branding"] .branding-form-section textarea[name="email_footer"]{
  min-height:112px;
}
.product-section[data-section="branding"] .branding-save-row{
  margin:20px 30px 16px;
  padding:14px 16px;
}
.product-section[data-section="branding"] .branding-form-v2 > #brandingHint{
  display:block;
  margin:0;
  padding:0 30px 26px;
}
.product-section[data-section="branding"] .brand-preview-toolbar{
  padding:20px 20px 16px;
}
.product-section[data-section="branding"] .brand-preview-tabs{
  padding:11px 12px;
}
.product-section[data-section="branding"] .brand-preview-stage{
  padding:16px;
}
.product-section[data-section="branding"] .brand-preview-help{
  padding:15px 18px;
}

/* Analytics, purchasing and finance had body content touching panel edges. */
.product-section[data-section="analytics"] .email-delivery-report > .compact-metrics{
  margin:20px var(--workspace-panel-x) 16px;
}
.product-section[data-section="analytics"] .email-delivery-report > .table-wrap{
  margin:0 var(--workspace-panel-x) 22px;
  border:1px solid #252c29;
  border-radius:var(--radius-sm);
  overflow:auto;
}
.product-section[data-section="purchases"] .declaration-panel > .panel-note{
  margin:18px var(--workspace-panel-x) 8px;
}
.product-section[data-section="purchases"] .declaration-panel > .compact-list,
.product-section[data-section="finance"] .panel > .compact-list{
  padding:0 var(--workspace-panel-x) 14px;
}
.product-section[data-section="purchases"] .declaration-panel > .compact-list .compact-row:last-child,
.product-section[data-section="finance"] .panel > .compact-list .compact-row:last-child{
  border-bottom:0;
}

/* Tables stay wide, but headers/empty states and surrounding cards receive
   enough breathing room so rounded corners never visually clip content. */
.product-page .table-panel{
  border-radius:var(--tenant-radius,var(--radius-panel));
}
.product-page .table-panel > header{
  padding-inline:var(--workspace-panel-x);
}
.product-page .table-panel .empty-cell{
  padding:40px 24px!important;
}
.product-page .filters-row{
  gap:12px;
  margin-bottom:18px;
}
.product-page .collection-card,
.product-page .channel-card,
.product-page .template-card footer{
  padding:22px;
}

/* Report Center keeps the previous readability fix and adds more corner
   clearance around the full report container. */
.product-section[data-section="reports"] .report-center-panel{
  padding:0 22px 22px;
  border-radius:var(--radius-panel);
}
.product-section[data-section="reports"] .report-type-strip{
  padding-top:14px;
}
.product-section[data-section="reports"] .report-table-wrap{
  margin-bottom:6px;
}
.product-section[data-section="reports"] .report-note{
  padding-bottom:4px;
}

/* Dialogs and compact settings: consistent inner edges. */
.product-dialog form{
  gap:16px;
  padding:22px 24px 24px;
}
.product-dialog footer{
  margin-top:2px;
  padding-top:18px;
}
.connection-item,.setting-row,.compact-row{
  min-width:0;
}

@media(max-width:1100px){
  .product-page{--workspace-page-x:24px;--workspace-page-y:26px;--workspace-panel-x:20px}
  .product-section[data-section="branding"] .branding-form-section{padding:24px 22px 26px}
  .product-section[data-section="branding"] .branding-save-row{margin-left:22px;margin-right:22px}
  .product-section[data-section="branding"] .branding-form-v2 > #brandingHint{padding-left:22px;padding-right:22px}
}
@media(max-width:760px){
  .product-page{--workspace-page-x:16px;--workspace-page-y:20px;--workspace-panel-x:16px}
  .product-content{padding-bottom:30px}
  .product-section .section-toolbar{margin-bottom:20px;padding-inline:0}
  .product-page .form-grid{grid-template-columns:1fr}
  .product-section[data-section="branding"] .branding-hero-card{padding:22px 18px}
  .product-section[data-section="branding"] .branding-form-section{padding:22px 18px 24px}
  .product-section[data-section="branding"] .branding-save-row{margin:16px 18px 12px}
  .product-section[data-section="branding"] .branding-form-v2 > #brandingHint{padding:0 18px 22px}
  .product-section[data-section="branding"] .brand-assets-grid-v2 .brand-asset-card{padding:14px}
  .product-section[data-section="branding"] .brand-color-grid-v2 label{min-height:80px;padding:12px}
  .product-section[data-section="reports"] .report-center-panel{padding:0 14px 16px}
  .product-dialog form{padding:20px 18px 22px}
}

/* Specificity corrections for the spacing audit. */
.product-section[data-section="invoicing"] .settings-grid .panel,
.product-section[data-section="settings"] .settings-grid .panel{
  gap:0;
}
.product-section[data-section="branding"] .branding-form-v2 .brand-color-grid-v2 label{
  display:flex;
  flex-direction:row!important;
  align-items:center;
  justify-content:space-between;
}
.product-section[data-section="branding"] .branding-form-v2 .brand-color-grid-v2 .brand-radius-field{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:center;
}