:root {
  --bg: #090d19;
  --surface: #111729;
  --surface-2: #151d33;
  --line: rgba(255,255,255,.09);
  --text: #f5f7ff;
  --muted: #97a1bc;
  --teal: #38dfb0;
  --purple: #8875ff;
  --danger: #ff6f7c;
  --warning: #ffbf58;
  --shadow: 0 20px 55px rgba(0,0,0,.24);
  font-family: Inter, system-ui, sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 8% 0%, rgba(86,69,190,.17), transparent 34%), var(--bg); min-height: 100vh; }
button, input, select { font: inherit; }
button { cursor: pointer; }
h1, h2, p { margin-top: 0; }
h1, h2, .brand { font-family: Manrope, Inter, sans-serif; }

.topbar {
  min-height: 70px; padding: 12px clamp(18px,4vw,60px); display: flex; align-items: center;
  justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line);
  background: rgba(9,13,25,.88); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 30;
}
.brand { color: var(--text); text-decoration: none; font-size: 18px; display: flex; align-items: center; gap: 10px; }
.brand b { color: var(--teal); }
.brand-mark { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #08140f; background: var(--teal); font-weight: 900; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.secure-badge { color: var(--muted); font-size: 12px; display: flex; align-items: center; gap: 7px; }
.secure-badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 12px var(--teal); }

.tabs {
  position: sticky; top: 70px; z-index: 25; display: flex; gap: 6px; padding: 9px clamp(18px,4vw,60px);
  overflow-x: auto; background: rgba(9,13,25,.94); border-bottom: 1px solid var(--line); scrollbar-width: none;
}
.tab { border: 0; background: transparent; color: var(--muted); padding: 10px 14px; border-radius: 10px; white-space: nowrap; font-weight: 700; }
.tab:hover, .tab.active { color: var(--text); background: var(--surface-2); }
.tab.active { box-shadow: inset 0 -2px var(--teal); }
.auth-notice { width: min(1372px, calc(100% - 34px)); margin: 16px auto 0; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(255,191,88,.3); border-radius: 14px; background: rgba(255,191,88,.1); box-shadow: var(--shadow); }
.auth-notice[hidden] { display: none; }
.auth-notice strong, .auth-notice span { display: block; }
.auth-notice strong { color: #ffe0a7; font-size: 13px; }
.auth-notice span { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.auth-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.auth-actions a { display: inline-flex; align-items: center; text-decoration: none; }

.shell { width: min(1440px, calc(100% - 34px)); margin: 0 auto; padding: 34px 0 80px; }
.tab-panel { display: none; }
.tab-panel.active { display: block; animation: fade .25s ease; }
@keyframes fade { from { opacity: .35; transform: translateY(5px); } }

.hero, .page-title { display: flex; justify-content: space-between; gap: 28px; align-items: end; margin-bottom: 26px; }
.hero > div:first-child, .page-title > div:first-child { max-width: 760px; }
.hero h1, .page-title h1 { font-size: clamp(30px,4vw,54px); line-height: 1.06; margin-bottom: 12px; letter-spacing: -.04em; }
.hero h1 em { color: var(--teal); font-style: normal; }
.hero p, .page-title p { color: var(--muted); max-width: 680px; line-height: 1.65; }
.eyebrow { color: var(--teal)!important; font-size: 11px!important; letter-spacing: .16em; font-weight: 800; margin-bottom: 9px!important; }
.period-box { width: min(520px,100%); padding: 17px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.period-box > label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 10px; font-weight: 700; }
.period-fields { display: flex; align-items: center; gap: 8px; }
.period-fields span { color: var(--muted); font-size: 12px; }
.period-box small { display: block; color: var(--muted); margin-top: 10px; line-height: 1.4; }

input, select {
  width: 100%; min-height: 44px; border: 1px solid var(--line); background: #0c1222; color: var(--text);
  border-radius: 10px; padding: 10px 12px; outline: 0;
}
input:focus, select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(56,223,176,.1); }
input::placeholder { color: #66718c; }
.button { min-height: 44px; border-radius: 11px; border: 1px solid transparent; padding: 9px 15px; font-weight: 800; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { opacity: .55; cursor: wait; transform: none; }
.button-primary { color: #07120f; background: var(--teal); }
.button-secondary { color: var(--text); border-color: var(--line); background: var(--surface-2); }
.button-small { min-height: 39px; }
.text-button { border: 0; background: transparent; color: var(--teal); font-weight: 800; padding: 8px 0; }

.metric-grid { display: grid; grid-template-columns: repeat(5,minmax(170px,1fr)); gap: 13px; margin-bottom: 18px; }
.metric-card, .section-card, .table-card, .form-card, .integration-card, .column-picker {
  background: linear-gradient(145deg, rgba(21,29,51,.94), rgba(15,21,38,.96)); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow);
}
.metric-card { padding: 18px; min-height: 132px; display: flex; flex-direction: column; justify-content: space-between; }
.metric-card.featured { border-color: rgba(56,223,176,.38); background: linear-gradient(145deg, rgba(28,76,70,.75), rgba(18,28,44,.98)); }
.metric-card.featured[data-result="negative"] { border-color: rgba(255,111,124,.5); background: linear-gradient(145deg, rgba(85,35,49,.7), rgba(18,28,44,.98)); }
.metric-title { display: flex; justify-content: space-between; align-items: start; gap: 8px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.metric-card strong { font: 800 clamp(22px,2.3vw,32px)/1 Manrope; letter-spacing: -.035em; }
.metric-card small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.info-button { flex: 0 0 auto; width: 22px; height: 22px; padding: 0; border-radius: 50%; border: 1px solid var(--line); color: var(--muted); background: transparent; font-weight: 800; }
.info-button:hover { color: var(--teal); border-color: var(--teal); }

.plain-result { margin-bottom: 14px; padding: clamp(20px,2.8vw,30px); border: 1px solid rgba(56,223,176,.3); border-radius: 20px; background: linear-gradient(145deg,rgba(20,53,51,.7),rgba(15,21,38,.98)); box-shadow: var(--shadow); }
.plain-result[data-result="negative"] { border-color: rgba(255,111,124,.42); background: linear-gradient(145deg,rgba(77,31,43,.62),rgba(15,21,38,.98)); }
.plain-result[data-result="attention"] { border-color: rgba(255,190,92,.44); background: linear-gradient(145deg,rgba(74,50,20,.58),rgba(15,21,38,.98)); }
.plain-result[data-result="positive"] { border-color: rgba(56,223,176,.5); }
.plain-result-heading { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.plain-result-heading h2 { margin: 0; font-size: clamp(20px,2.4vw,28px); }
.plain-result-badge { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.04); font-size: 11px; font-weight: 800; white-space: nowrap; }
.plain-result[data-result="negative"] .plain-result-badge { color: #ffd6da; border-color: rgba(255,111,124,.35); background: rgba(255,111,124,.12); }
.plain-result[data-result="attention"] .plain-result-badge { color: #ffe0ac; border-color: rgba(255,190,92,.38); background: rgba(255,190,92,.11); }
.plain-result[data-result="positive"] .plain-result-badge { color: var(--teal); border-color: rgba(56,223,176,.35); background: rgba(56,223,176,.1); }
.money-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; margin-top: 20px; }
.money-flow article { min-height: 126px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(5,10,19,.42); }
.money-flow article span,.money-flow article strong,.money-flow article small { display: block; }
.money-flow article span { color: var(--muted); font-size: 12px; font-weight: 700; }
.money-flow article strong { margin: 13px 0 8px; font: 800 clamp(25px,3vw,37px)/1 Manrope; letter-spacing: -.04em; }
.money-flow article small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.money-flow > i { color: var(--muted); font: 800 24px/1 Manrope; font-style: normal; }
.money-definition { margin:12px 0 0; padding-top:11px; border-top:1px solid rgba(255,255,255,.08); color:var(--muted); font-size:12px; line-height:1.55; }
.money-definition b { color:var(--text); }
.money-in strong { color: var(--teal); }
.money-out strong { color: #ffbe5c; }
.plain-result[data-result="negative"] .money-result strong { color: #ff8c97; }
.plain-result[data-result="attention"] .money-result strong { color: #ffbe5c; font-size: clamp(20px,2.3vw,29px); }
.plain-result[data-result="positive"] .money-result strong { color: var(--teal); }
.plain-explanation { margin-top: 16px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(5,10,19,.34); }
.plain-explanation > div:first-child > strong { display: block; font-size: 16px; }
.plain-explanation > div:first-child > p { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.simple-order-math { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 15px; }
.simple-order-math > span { padding: 11px 13px; border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.035); font-size: 11px; }
.simple-order-math strong { display: block; margin-top: 5px; color: var(--text); font-size: 16px; }
.simple-formula,.simple-decision { margin: 12px 0 0; padding: 11px 13px; border-radius: 11px; font-size: 12px; line-height: 1.55; }
.simple-formula { color: var(--muted); background: rgba(136,117,255,.08); }
.simple-decision { color: var(--text); border: 1px solid rgba(56,223,176,.18); background: rgba(56,223,176,.06); }
.plain-result[data-result="negative"] .simple-decision { border-color: rgba(255,190,92,.25); background: rgba(255,190,92,.07); }
.plain-result[data-result="attention"] .simple-decision { border-color: rgba(255,190,92,.28); background: rgba(255,190,92,.08); }
.financial-details { margin-bottom: 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }
.financial-details-heading { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 16px 17px; border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(56,223,176,.09),transparent); }
.financial-details-heading span,.financial-details-heading small { display: block; }
.financial-details-heading span { color:var(--teal); font-size: 14px; font-weight: 900; }
.financial-details-heading small { margin-left: auto; color: var(--muted); font-size: 11px; }
.financial-details .number-audit { margin: 0 14px 14px; }
.financial-details .metric-grid { margin: 0 14px 14px; }

.section-card { padding: clamp(18px,2.3vw,28px); margin-top: 18px; }
.number-audit { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 18px; }
.number-audit > div { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.number-audit span,.number-audit strong { display: block; }.number-audit span { color: var(--muted); font-size: 9px; }.number-audit strong { margin-top: 5px; color: var(--teal); font-size: 10px; line-height: 1.4; }.number-audit strong.attention { color: var(--warning); }
.onboarding-strip { display: grid; grid-template-columns: minmax(250px,.72fr) 2fr; gap: 24px; align-items: center; margin-bottom: 14px; padding: 22px; border: 1px solid rgba(136,117,255,.28); border-radius: 18px; background: linear-gradient(120deg,rgba(136,117,255,.16),rgba(56,223,176,.055)); }
.onboarding-strip h2 { margin-bottom: 6px; font-size: 18px; }
.onboarding-strip p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.onboarding-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.onboarding-steps button { display: flex; align-items: flex-start; gap: 10px; min-height: 118px; padding: 13px 11px; color: var(--text); text-align: left; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.035); transition: .18s ease; }
.onboarding-steps button:hover { transform: translateY(-2px); border-color: rgba(56,223,176,.35); background: rgba(56,223,176,.055); }
.onboarding-steps b { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; color: var(--muted); background: var(--surface-2); }
.onboarding-steps b.done { color: #07120f; background: var(--teal); font-size: 0; }
.onboarding-steps b.done::before { content: "✓"; font-size: 13px; }
.onboarding-steps span { font-weight: 800; font-size: 11px; line-height: 1.35; }
.onboarding-steps small { display: block; margin-top: 5px; color: var(--muted); font-weight: 500; font-size: 9px; line-height: 1.45; }
.onboarding-steps em { display: block; margin-top: 8px; color: var(--teal); font-size: 9px; font-style: normal; }
.tab-guide { display: grid; grid-template-columns: minmax(280px,1.1fr) minmax(260px,.9fr); gap: 22px; align-items: center; margin: -8px 0 22px; padding: 16px 18px; border: 1px solid rgba(56,223,176,.16); border-radius: 15px; background: rgba(56,223,176,.045); }
.tab-guide > div { display: flex; align-items: center; gap: 13px; }
.guide-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 11px; color: #07120f; background: var(--teal); font-weight: 900; }
.tab-guide strong { display: block; margin-bottom: 4px; font-size: 13px; }
.tab-guide p, .tab-guide small { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.tab-guide small { padding-left: 20px; border-left: 1px solid var(--line); }
.tab-guide small b { color: var(--text); }
.home-guide { margin-top: 0; }
.section-heading { display: flex; justify-content: space-between; align-items: start; gap: 18px; margin-bottom: 20px; }
.section-heading h2, .integration-card h2 { font-size: 20px; margin-bottom: 5px; }
.section-heading p { color: var(--muted); margin: 0; font-size: 13px; }
.recommendations { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.recommendation { display: flex; gap: 12px; padding: 16px; border-radius: 14px; background: rgba(255,255,255,.035); border: 1px solid var(--line); }
.recommendation i { flex: 0 0 auto; width: 9px; height: 9px; margin-top: 5px; border-radius: 50%; background: var(--purple); }
.recommendation[data-tone="positive"] i { background: var(--teal); }
.recommendation[data-tone="warning"] i { background: var(--warning); }
.recommendation[data-tone="danger"] i { background: var(--danger); }
.recommendation strong { font-size: 13px; }
.recommendation .confidence { display: block; width: max-content; margin-bottom: 7px; padding: 3px 6px; border-radius: 999px; color: var(--purple); background: rgba(136,117,255,.11); font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.recommendation p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.source-badge { white-space: nowrap; padding: 7px 10px; border-radius: 999px; color: var(--teal); background: rgba(56,223,176,.09); border: 1px solid rgba(56,223,176,.2); font-size: 10px; font-weight: 800; }
.commerce-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.commerce-grid > div { min-height: 92px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--line); border-radius: 12px; }
.commerce-grid span { display: flex; align-items: start; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.commerce-grid strong { font: 800 20px/1 Manrope; }
.data-warning { display: flex; gap: 8px; align-items: start; margin-top: 12px; padding: 12px 14px; border-radius: 11px; color: #f9d89c; background: rgba(255,191,88,.08); border: 1px solid rgba(255,191,88,.18); font-size: 11px; line-height: 1.5; }
.data-warning[data-tone="positive"] { color: #a8f4df; background: rgba(56,223,176,.07); border-color: rgba(56,223,176,.18); }
.data-warning strong { flex: 0 0 auto; }
.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

.funnel { display: grid; gap: 8px; }
.funnel div { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 16px; background: rgba(136,117,255,.12); border: 1px solid rgba(136,117,255,.18); border-radius: 10px; }
.funnel div:nth-child(2) { margin-inline: 4%; }
.funnel div:nth-child(3) { margin-inline: 8%; }
.funnel div:nth-child(4) { margin-inline: 12%; background: rgba(56,223,176,.11); border-color: rgba(56,223,176,.2); }
.funnel span { color: var(--muted); font-size: 12px; }
.calculation { display: grid; gap: 7px; }
.calculation > div { display: flex; justify-content: space-between; gap: 14px; padding: 7px 0; color: var(--muted); font-size: 13px; }
.calculation .minus strong { color: var(--danger); }
.calculation .total { color: var(--text); border-top: 1px solid var(--line); margin-top: 4px; padding-top: 14px; font-size: 16px; }
.calculation .total strong { color: var(--teal); }

.chart { height: 235px; display: flex; align-items: stretch; gap: clamp(5px,1vw,14px); overflow-x: auto; padding: 10px 2px 2px; }
.day-column { flex: 1 0 55px; min-width: 55px; display: flex; flex-direction: column; align-items: center; justify-content: end; gap: 6px; }
.bars { height: 165px; width: 100%; display: flex; align-items: end; justify-content: center; gap: 3px; border-bottom: 1px solid var(--line); }
.bar { display: block; width: min(18px,35%); min-height: 2px; border-radius: 5px 5px 0 0; }
.bar.revenue { background: var(--teal); }
.bar.spend { background: var(--purple); }
.day-column span { color: var(--muted); font-size: 10px; }
.day-column b { font-size: 9px; white-space: nowrap; }
.positive-text { color: var(--teal); }
.negative-text { color: var(--danger); }

.page-title { align-items: center; }
.page-title h1 { font-size: clamp(30px,4vw,46px); }
.page-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: end; }
.live-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--teal); padding: 7px 10px; border: 1px solid rgba(56,223,176,.24); border-radius: 999px; background: rgba(56,223,176,.07); font-size: 10px; font-weight: 800; }
.columns-home-card { border-color:rgba(56,223,176,.3); scroll-margin-top:145px; }
.columns-home-heading { margin-bottom:12px; }
.column-summary { display:flex; gap:8px; align-items:flex-start; padding:12px 14px; border:1px solid rgba(56,223,176,.16); border-radius:11px; background:rgba(56,223,176,.055); color:var(--muted); font-size:12px; line-height:1.55; }
.column-summary strong { color:var(--teal); white-space:nowrap; }
.column-picker { padding:20px; margin-top:16px; border:1px solid var(--line); border-radius:14px; background:rgba(4,9,18,.35); }
.column-picker-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.column-picker-heading h3 { margin:0 0 5px; font-size:18px; }
.column-picker-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.column-builder { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; }
.column-builder-panel { padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }
.column-builder-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.column-builder-title strong { font-size:13px; }
.column-builder-title span { color:var(--muted); font-size:11px; }
.selected-column-list,.available-column-list { display:grid; gap:8px; }
.selected-column-item { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; min-height:44px; padding:7px 9px; border:1px solid var(--line); border-radius:10px; background:rgba(4,9,18,.45); }
.selected-column-item strong { font-size:12px; }
.column-position { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:var(--teal); background:rgba(56,223,176,.1); font-size:11px; font-weight:800; }
.column-order-actions { display:flex; gap:5px; }
.column-order-actions button { min-width:30px; min-height:30px; padding:5px 8px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:rgba(255,255,255,.035); font-weight:800; cursor:pointer; }
.column-order-actions button:disabled { opacity:.3; cursor:not-allowed; }
.column-order-actions .remove-column { color:var(--danger); font-size:10px; }
.available-column-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.available-column { display:flex; align-items:center; gap:8px; min-height:38px; padding:8px 10px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:rgba(255,255,255,.025); text-align:left; font-size:11px; font-weight:700; cursor:pointer; }
.available-column:hover,.column-order-actions button:hover:not(:disabled) { border-color:rgba(56,223,176,.45); background:rgba(56,223,176,.08); }
.available-column span { color:var(--teal); font-size:16px; }
.empty-state.compact { padding:14px; }
.checkbox-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }
.check-option { display: flex!important; flex-direction: row!important; align-items: center; gap: 9px; padding: 11px; background: rgba(255,255,255,.035); border: 1px solid var(--line); border-radius: 10px; font-size: 12px; }
.check-option input { width: 16px; min-height: 16px; accent-color: var(--teal); }
.form-actions { display: flex; gap: 16px; align-items: center; margin-top: 18px; }
.table-card { padding: 4px; overflow: hidden; }
.performance-toolbar { display: grid; grid-template-columns: repeat(4,minmax(150px,1fr)) auto; gap: 10px; align-items: end; margin-bottom: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.performance-toolbar label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 800; }
.performance-toolbar select { min-height: 40px; }
.attribution-note { margin: 0 0 12px; padding: 11px 13px; border-radius: 11px; color: var(--muted); background: rgba(136,117,255,.07); border: 1px solid rgba(136,117,255,.17); font-size: 10px; line-height: 1.55; }
.attribution-note strong { color: var(--text); }
.sync-note { margin: 0 0 12px; padding: 11px 13px; border-radius: 11px; color: var(--muted); background: rgba(56,223,176,.055); border: 1px solid rgba(56,223,176,.15); font-size: 10px; line-height: 1.55; }
.sync-note strong { color: var(--teal); }
.hidden-entities-panel { padding: 20px; margin-bottom: 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.hidden-entities-list { display: grid; gap: 8px; }
.hidden-entity { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(4,9,18,.34); }
.hidden-entity span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.hidden-entity strong { display: block; margin-top: 3px; font-size: 11px; }
.row-delete { border: 1px solid rgba(255,111,124,.25); border-radius: 8px; color: var(--danger); background: rgba(255,111,124,.06); padding: 7px 9px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.table-scroll { overflow: auto; max-height: 65vh; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th { position: sticky; top: 0; z-index: 2; background: #12192d; text-align: left; padding: 13px 12px; border-bottom: 1px solid var(--line); }
td { padding: 13px 12px; border-bottom: 1px solid var(--line); color: #dce2f2; font-size: 12px; white-space: nowrap; }
tr:hover td { background: rgba(255,255,255,.02); }
.table-info { border: 0; padding: 0; color: var(--muted); background: transparent; font-size: 11px; font-weight: 800; white-space: nowrap; }
.table-info span { display: inline-grid; place-items: center; width: 17px; height: 17px; border: 1px solid var(--line); border-radius: 50%; }
.name-cell { max-width: 280px; overflow: hidden; text-overflow: ellipsis; font-weight: 700; color: var(--text); }
.diagnosis-cell { color: var(--teal); font-weight: 700; }

.form-card { padding: clamp(18px,3vw,32px); }
.form-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.form-grid label, .integration-card label, .webhook-box > label { display: flex; flex-direction: column; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.form-grid .wide { grid-column: span 2; }
.adjustment-list { display: grid; gap: 10px; }
.adjustment-item { display: grid; grid-template-columns: minmax(180px,1fr) 2fr auto; gap: 18px; align-items: center; padding: 14px 16px; background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 12px; }
.adjustment-item p { color: var(--muted); margin: 4px 0 0; font-size: 11px; }
.adjustment-values { display: flex; gap: 22px; justify-content: end; }
.adjustment-values span { color: var(--muted); font-size: 10px; }
.adjustment-values b { display: block; color: var(--text); font-size: 12px; margin-top: 3px; }
.item-actions { display: flex; gap: 8px; }
.item-actions button { border: 0; color: var(--teal); background: transparent; font-size: 11px; font-weight: 800; }
.item-actions button:last-child { color: var(--danger); }

.integration-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.integration-health { margin: 0 0 18px; }
.health-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.health-item { display: flex; align-items: center; gap: 11px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.health-item i { flex: 0 0 10px; height: 10px; border-radius: 50%; background: var(--muted); box-shadow: 0 0 0 5px rgba(255,255,255,.03); }
.health-item[data-health="good"] i { background: var(--teal); box-shadow: 0 0 12px rgba(56,223,176,.65); }
.health-item[data-health="waiting"] i { background: var(--warning); }
.health-item strong,.health-item span,.health-item small { display: block; }
.health-item strong { font-size: 12px; }.health-item span { margin-top: 3px; color: var(--muted); font-size: 10px; }.health-item small { margin-top: 5px; color: #65708a; font-size: 8px; }
.source-badge.attention { color: var(--warning); background: rgba(255,191,88,.08); border-color: rgba(255,191,88,.2); }
.integration-card { padding: clamp(20px,3vw,30px); }
.integration-header { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; }
.integration-header h2 { margin: 0 0 5px; }
.integration-logo { width: 45px; height: 45px; border-radius: 13px; display: grid; place-items: center; font-weight: 900; background: var(--purple); color: white; }
.integration-logo.hotmart { background: #ff6534; }
.integration-logo.kiwify { background: #7157ff; }
.integration-logo.payt { background: #08a0ef; }
.integration-logo.finance { background: var(--teal); color: #07120f; font-size: 13px; }
.integration-logo.more { margin-bottom: 18px; }
.status-chip { display: inline-block; border-radius: 999px; background: rgba(255,255,255,.06); padding: 4px 8px; color: var(--muted); font-size: 10px; font-weight: 800; }
.status-chip.positive { color: var(--teal); background: rgba(56,223,176,.1); }
.guide { margin: 0 0 18px; padding-left: 20px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.platform-purpose, .hotmart-difference, .credential-path { margin-bottom: 16px; padding: 14px 15px; border: 1px solid rgba(136,117,255,.2); border-radius: 12px; background: rgba(136,117,255,.07); }
.platform-purpose strong, .platform-purpose span, .hotmart-difference strong, .hotmart-difference span, .credential-path strong, .credential-path span { display: block; }
.platform-purpose strong, .hotmart-difference strong, .credential-path strong { margin-bottom: 6px; color: var(--text); font-size: 12px; }
.platform-purpose span, .hotmart-difference span, .credential-path span { color: var(--muted); font-size: 11px; line-height: 1.65; }
.hotmart-difference { border-color: rgba(255,101,52,.24); background: rgba(255,101,52,.07); }
.credential-path { border-color: rgba(56,223,176,.22); background: rgba(56,223,176,.055); }
.integration-steps { margin: 0 0 22px; padding: 0; list-style: none; counter-reset: integration-step; display: grid; gap: 10px; }
.integration-steps li { counter-increment: integration-step; position: relative; min-height: 58px; padding: 12px 13px 12px 49px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.integration-steps li::before { content: counter(integration-step); position: absolute; left: 12px; top: 13px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #07120f; background: var(--teal); font-size: 11px; font-weight: 900; }
.integration-steps li > b, .integration-steps li > span { display: block; }
.integration-steps li > b { color: var(--text); font-size: 12px; line-height: 1.4; }
.integration-steps li > span { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.integration-steps li > span b { display: inline; color: var(--text); font-size: inherit; }
.credential-steps { margin-top: 12px; }
.integration-card form { display: grid; gap: 13px; }
.connected-list { display: grid; gap: 7px; margin-top: 14px; }
.connected-account { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.025); border: 1px solid var(--line); font-size: 10px; }
.connected-account strong { color: var(--text); }
.mini-danger { margin-left: auto; padding: 0; border: 0; color: var(--danger); background: transparent; font-size: 9px; font-weight: 800; cursor: pointer; }
.mini-danger:hover { text-decoration: underline; }
.financial-card > p, .future-card p, .future-card small { color: var(--muted); font-size: 12px; line-height: 1.65; }
.fee-policy { margin: 14px 0 16px; padding: 13px 14px; border-radius: 12px; color: var(--muted); background: rgba(56,223,176,.06); border: 1px solid rgba(56,223,176,.18); font-size: 12px; line-height: 1.55; }
.fee-policy strong { display: block; color: var(--text); margin-bottom: 3px; }
.webhook-box { padding: 14px; margin-top: 16px; border-radius: 12px; background: rgba(56,223,176,.06); border: 1px solid rgba(56,223,176,.18); }
.webhook-box > div { display: flex; gap: 8px; margin-top: 8px; }
.integration-note { margin-top: 14px; padding: 13px; border-radius: 11px; background: rgba(136,117,255,.08); border: 1px solid rgba(136,117,255,.18); }
.integration-note strong { font-size: 11px; }
.integration-note p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.recommended-history { margin-top: 20px; padding: 18px; border: 1px solid rgba(56,223,176,.32); border-radius: 15px; background: linear-gradient(145deg,rgba(56,223,176,.10),rgba(15,21,38,.68)); }
.recommended-history h3 { margin: 9px 0 6px; font-size: 16px; }
.recommended-history > p { margin: 0 0 16px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.recommended-badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: #07120f; background: var(--teal); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.import-result { margin-top: 12px; padding: 13px 14px; border: 1px solid rgba(56,223,176,.25); border-radius: 11px; color: var(--teal); background: rgba(56,223,176,.07); font-size: 11px; line-height: 1.55; }
.danger-button { width: 100%; margin-top: 13px; padding: 9px 12px; color: var(--danger); border: 1px solid rgba(255,111,124,.22); border-radius: 10px; background: rgba(255,111,124,.055); }
.danger-button:hover { background: rgba(255,111,124,.1); }
.switch-guide { display: grid; grid-template-columns: .9fr 1.25fr .85fr; gap: 22px; align-items: center; }
.switch-guide h2 { margin-bottom: 6px; font-size: 19px; }
.switch-guide p, .switch-guide ol, .preserve-note span { color: var(--muted); font-size: 11px; line-height: 1.6; }
.switch-guide p { margin: 0; }.switch-guide ol { margin: 0; padding-left: 19px; }.switch-guide li + li { margin-top: 4px; }
.preserve-note { padding: 13px; border: 1px solid rgba(56,223,176,.18); border-radius: 12px; background: rgba(56,223,176,.06); }
.preserve-note strong, .preserve-note span { display: block; }.preserve-note strong { margin-bottom: 5px; color: var(--teal); font-size: 11px; }
.future-card { display: flex; flex-direction: column; justify-content: center; align-items: start; background: linear-gradient(145deg, rgba(49,37,93,.75), rgba(15,21,38,.96)); }
.analysis-scope { border-color: rgba(56,223,176,.24); background: linear-gradient(145deg,rgba(56,223,176,.06),rgba(15,21,38,.96)); }
.scope-toolbar { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; gap: 10px; align-items: end; }
.scope-toolbar label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 800; }
.scope-note { display: flex; gap: 8px; margin-top: 13px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 11px; line-height: 1.5; }
.scope-note strong { color: var(--text); white-space: nowrap; }.scope-note[data-tone="positive"] { border-color: rgba(56,223,176,.28); background: rgba(56,223,176,.07); }.scope-note[data-tone="warning"] { border-color: rgba(255,190,92,.28); background: rgba(255,190,92,.07); }

.funnel-builder { scroll-margin-top: 140px; margin-bottom: 18px; padding: clamp(20px,3vw,30px); border: 1px solid rgba(56,223,176,.25); border-radius: 18px; background: linear-gradient(145deg,rgba(20,53,51,.82),rgba(15,21,38,.98)); box-shadow: var(--shadow); }
.funnel-how-it-works { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 14px; margin-bottom: 16px; }
.funnel-how-it-works > div { display: grid; grid-template-columns: 34px 1fr; column-gap: 10px; align-items: center; }
.funnel-how-it-works > div span { grid-row: 1 / 3; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #07120f; background: var(--teal); font-weight: 900; }
.funnel-how-it-works strong,.funnel-how-it-works small { display: block; }
.funnel-how-it-works strong { font-size: 12px; }
.funnel-how-it-works small { color: var(--muted); font-size: 11px; }
.funnel-how-it-works > i { color: var(--purple); font-style: normal; }
.funnel-progress { display: grid; grid-template-columns: 1fr 30px 1fr 30px 1fr; align-items: center; margin: 8px 0 24px; }
.funnel-progress button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 11px; font-weight: 800; }
.funnel-progress button span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: rgba(255,255,255,.06); }
.funnel-progress button.active { color: var(--text); border-color: rgba(56,223,176,.45); background: rgba(56,223,176,.09); }
.funnel-progress button.active span { color: #07120f; background: var(--teal); }
.funnel-progress i { height: 1px; background: var(--line); }
.funnel-wizard-panel { padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(4,9,18,.28); }
.wizard-copy { margin-bottom: 18px; }
.wizard-copy > span { color: var(--teal); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.wizard-copy h3 { margin: 6px 0; font-size: 20px; }
.wizard-copy p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.funnel-basics { grid-template-columns: 2fr 1fr 1fr; }
.builder-help { display: flex; gap: 8px; margin: 17px 0 12px; padding: 11px 13px; border-radius: 11px; color: var(--muted); background: rgba(136,117,255,.08); font-size: 10px; line-height: 1.5; }.builder-help strong { color: var(--text); white-space: nowrap; }
.funnel-step-list { display: grid; gap: 8px; }
.funnel-step-row { display: grid; grid-template-columns: 24px minmax(170px,.8fr) minmax(200px,1fr) 1.5fr 30px; gap: 10px; align-items: start; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(4,9,18,.35); }
.funnel-step-row label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.funnel-step-row label small { color: var(--muted); font-size: 10px; line-height: 1.4; font-weight: 500; }
.funnel-step-row input,.funnel-step-row select { min-height: 40px; padding: 8px 10px; font-size: 11px; }
.step-handle { align-self: center; color: var(--muted); font-size: 13px; }
.step-remove { align-self: center; width: 28px; height: 28px; padding: 0; border: 1px solid rgba(255,111,124,.25); border-radius: 50%; color: var(--danger); background: rgba(255,111,124,.06); }
.step-advanced { align-self: stretch; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.02); }
.step-advanced summary { color: var(--text); font-size: 11px; font-weight: 800; cursor: pointer; }
.step-advanced summary span { margin-left: 4px; color: var(--muted); font-size: 9px; font-weight: 600; }
.step-advanced > div { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 9px; margin-top: 11px; }
.wizard-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
.wizard-actions > div { display: flex; gap: 8px; }
.funnel-review-journey { margin-top: 0; }
.funnel-readiness { display: grid; gap: 8px; margin-top: 16px; }
.funnel-readiness article { display: flex; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.funnel-readiness article > span { display: grid; place-items: center; flex: 0 0 27px; height: 27px; border-radius: 9px; font-weight: 900; }
.funnel-readiness article.ready > span { color: #07120f; background: var(--teal); }
.funnel-readiness article.attention > span { color: #2a1900; background: #ffbe5c; }
.funnel-readiness strong,.funnel-readiness small { display: block; }
.funnel-readiness strong { font-size: 11px; }
.funnel-readiness small { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.funnel-templates { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-bottom: 18px; }
.template-card { display: grid; grid-template-columns: 44px 1fr; grid-template-rows: auto auto; column-gap: 13px; text-align: left; padding: 18px; color: var(--text); border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }.template-card:hover { border-color: rgba(56,223,176,.4); transform: translateY(-1px); }.template-card > span { grid-row: 1 / 3; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #07120f; background: var(--teal); }.template-card strong { font-size: 13px; }.template-card small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.funnel-list { display: grid; gap: 14px; }.saved-funnel { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }.saved-funnel-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; }.saved-funnel h2 { margin: 8px 0 3px; font-size: 18px; }.saved-funnel p { color: var(--muted); font-size: 10px; }
.visual-journey { display: flex; gap: 8px; align-items: stretch; overflow-x: auto; margin-top: 18px; }.visual-journey > div { flex: 1 0 130px; min-height: 82px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }.visual-journey > div span { display: grid; place-items: center; width: 22px; height: 22px; margin-bottom: 8px; border-radius: 50%; color: #07120f; background: var(--teal); font-size: 9px; font-weight: 900; }.visual-journey strong,.visual-journey small { display: block; }.visual-journey strong { font-size: 10px; }.visual-journey small { margin-top: 4px; color: var(--muted); font-size: 8px; }.visual-journey > i { align-self: center; color: var(--purple); font-style: normal; }
.funnel-card-note { display: flex; justify-content: space-between; gap: 12px; margin-top: 13px; padding: 11px 13px; border: 1px solid rgba(136,117,255,.2); border-radius: 11px; background: rgba(136,117,255,.07); color: var(--muted); font-size: 11px; }
.funnel-card-note strong { color: var(--text); white-space: nowrap; }

.dictionary-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.dictionary-card { text-align: left; min-height: 175px; padding: 18px; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 15px; }
.dictionary-card:hover { transform: translateY(-2px); border-color: rgba(56,223,176,.4); }
.dictionary-card span { font-weight: 800; }
.dictionary-card p { margin: 10px 0 15px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.dictionary-card b { color: var(--teal); font-size: 10px; }

dialog { width: min(560px,calc(100% - 30px)); color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 28px; box-shadow: var(--shadow); }
dialog::backdrop { background: rgba(2,5,12,.75); backdrop-filter: blur(4px); }
.dialog-close { position: absolute; right: 14px; top: 12px; border: 0; background: transparent; color: var(--muted); font-size: 26px; }
dialog > p { color: var(--muted); line-height: 1.65; }
.dialog-block { margin-top: 14px; padding: 14px; border-radius: 12px; background: rgba(255,255,255,.035); }
.dialog-block span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 7px; }
.dialog-block strong { font-size: 13px; line-height: 1.55; }
.empty-state { width: 100%; padding: 30px; color: var(--muted); text-align: center; font-size: 12px; }
.toast { position: fixed; z-index: 100; left: 50%; bottom: 22px; transform: translate(-50%,20px); opacity: 0; pointer-events: none; background: var(--teal); color: #07120f; padding: 12px 18px; border-radius: 11px; font-weight: 800; font-size: 12px; box-shadow: var(--shadow); transition: .2s ease; }
.toast[data-tone="error"] { background: var(--danger); color: white; }
.toast.show { opacity: 1; transform: translate(-50%,0); }

@media (max-width: 1180px) {
  .metric-grid { grid-template-columns: repeat(3,1fr); }
  .recommendations, .dictionary-grid { grid-template-columns: repeat(2,1fr); }
  .checkbox-grid { grid-template-columns: repeat(3,1fr); }
  .commerce-grid { grid-template-columns: repeat(3,1fr); }
  .health-grid { grid-template-columns: repeat(2,1fr); }
  .funnel-step-row { grid-template-columns: 22px 1fr 1fr 28px; }.funnel-step-row .step-advanced { grid-column: 2 / 4; }
}
@media (max-width: 820px) {
  .shell { width: min(100% - 24px,1440px); padding-top: 22px; }
  .hero, .page-title { flex-direction: column; align-items: stretch; }
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .two-columns, .integration-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: repeat(2,1fr); }
  .commerce-grid { grid-template-columns: repeat(2,1fr); }
  .adjustment-item { grid-template-columns: 1fr; }
  .adjustment-values { justify-content: start; flex-wrap: wrap; }
  .item-actions { justify-content: start; }
  .onboarding-strip { grid-template-columns: 1fr; }.onboarding-steps { grid-template-columns: repeat(2,1fr); }
  .tab-guide { grid-template-columns: 1fr; gap: 12px; }
  .tab-guide small { padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .number-audit { grid-template-columns: repeat(2,1fr); }
  .funnel-basics { grid-template-columns: 1fr; }
  .funnel-how-it-works { grid-template-columns: 1fr; }
  .funnel-how-it-works > i { display: none; }
  .funnel-progress { grid-template-columns: 1fr; gap: 7px; }
  .funnel-progress i { display: none; }
  .funnel-progress button { justify-content: flex-start; padding: 8px 10px; }
  .step-advanced > div { grid-template-columns: 1fr; }
  .performance-toolbar { grid-template-columns: repeat(2,1fr); }
  .switch-guide { grid-template-columns: 1fr; }
  .scope-toolbar { grid-template-columns: repeat(2,1fr); }.scope-toolbar .button { grid-column: 1 / -1; }
  .auth-notice { flex-direction: column; align-items: stretch; }
  .auth-actions { flex-wrap: wrap; }
  .money-flow { grid-template-columns: 1fr; }
  .money-flow > i { text-align: center; }
}
@media (max-width: 560px) {
  .topbar { padding: 10px 12px; min-height: 62px; }
  .tabs { top: 62px; padding-inline: 10px; }
  .brand { font-size: 14px; }
  .brand-mark { width: 32px; height: 32px; }
  .secure-badge { display: none; }
  .button-small { font-size: 11px; padding-inline: 10px; }
  .auth-notice { width: calc(100% - 24px); }
  .auth-actions { display: grid; grid-template-columns: 1fr; }
  .hero h1, .page-title h1 { font-size: 32px; }
  .period-fields { display: grid; grid-template-columns: 1fr 1fr; }
  .period-fields span { display: none; }
  .period-fields .button { grid-column: 1 / -1; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .metric-card { padding: 14px; min-height: 122px; }
  .metric-card strong { font-size: 21px; }
  .onboarding-steps { grid-template-columns: 1fr; }
  .onboarding-steps button { min-height: 96px; }
  .recommendations, .dictionary-grid, .checkbox-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .wide { grid-column: auto; }
  .section-heading { flex-direction: column; }
  .webhook-box > div { flex-direction: column; }
  .commerce-grid { grid-template-columns: 1fr; }
  .data-warning { flex-direction: column; }
  .health-grid,.funnel-templates { grid-template-columns: 1fr; }
  .funnel-step-row { grid-template-columns: 20px 1fr 28px; }.funnel-step-row label { grid-column: 2; }.funnel-step-row .step-advanced { grid-column: 2; }.funnel-step-row .step-remove { grid-column: 3; grid-row: 1; }.builder-help { flex-direction: column; }
  .wizard-actions,.wizard-actions > div,.funnel-card-note { flex-direction: column; align-items: stretch; }
  .funnel-card-note strong { white-space: normal; }
  .performance-toolbar { grid-template-columns: 1fr; }
  .number-audit { grid-template-columns: 1fr; }
  .scope-toolbar { grid-template-columns: 1fr; }.scope-toolbar .button { grid-column: auto; }.scope-note { flex-direction: column; }.scope-note strong { white-space: normal; }
  .plain-result-heading,.financial-details-heading { flex-direction: column; align-items: stretch; }
  .plain-result-badge { align-self: flex-start; }
  .simple-order-math { grid-template-columns: 1fr; }
  .financial-details-heading small { margin-left: 0; }
}

.reconciliation-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.reconciliation-actions[hidden],.reconciliation-panel[hidden] { display:none !important; }
.reconciliation-panel { border-color:rgba(255,174,66,.42); background:linear-gradient(145deg,rgba(255,174,66,.08),rgba(18,27,48,.96)); }
.reconciliation-heading { margin-bottom:16px; }
.reconciliation-safety { display:flex; gap:9px; padding:13px 15px; border:1px solid rgba(56,223,176,.25); border-radius:12px; background:rgba(56,223,176,.07); font-size:12px; line-height:1.55; }
.reconciliation-safety strong { color:var(--teal); white-space:nowrap; }
.reconciliation-safety span { color:var(--muted); }
.reconciliation-list { display:grid; gap:10px; margin-top:16px; }
.reconciliation-order { position:relative; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:12px; padding:15px; border:1px solid var(--line); border-radius:13px; background:rgba(6,11,23,.62); cursor:pointer; }
.reconciliation-order:hover { border-color:rgba(56,223,176,.38); }
.reconciliation-order input { position:absolute; opacity:0; pointer-events:none; }
.order-check { width:20px; height:20px; border:2px solid #61708e; border-radius:6px; }
.reconciliation-order:has(input:checked) { border-color:var(--teal); background:rgba(56,223,176,.08); }
.reconciliation-order:has(input:checked) .order-check { border-color:var(--teal); background:var(--teal); box-shadow:inset 0 0 0 4px #102019; }
.order-content { min-width:0; }
.order-content strong,.order-content small,.order-content em { display:block; }
.order-content strong { font-size:14px; }
.order-content small { margin-top:5px; color:var(--muted); font-size:12px; line-height:1.45; }
.order-content em { margin-top:5px; color:#8090ae; font-size:11px; font-style:normal; }
.reconciliation-order > b { color:var(--teal); font-size:11px; text-align:right; }
.reconciliation-order.locked { opacity:.7; cursor:default; }
.reconciliation-order.locked > b { color:var(--muted); }
.reconciliation-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.reconciliation-footer p { margin:0; color:var(--muted); font-size:12px; }

@media (max-width:560px) {
  .reconciliation-actions,.reconciliation-footer,.reconciliation-safety { flex-direction:column; align-items:stretch; }
  .reconciliation-order { grid-template-columns:24px minmax(0,1fr); }
  .reconciliation-order > b { grid-column:2; text-align:left; }
  .reconciliation-safety strong { white-space:normal; }
}
.integration-divider{height:1px;background:var(--line);margin:24px 0}.integration-header.compact{margin-bottom:12px}.integration-header.compact h3{margin:0 0 6px;font-size:1rem}.integration-logo.api{font-size:.7rem;letter-spacing:.03em;background:#fff3e8;color:#d85a17}.form-help,.security-note{color:var(--muted);font-size:.88rem;line-height:1.55}.security-note{margin:12px 0 0}

/* Legibilidade: textos auxiliares não ficam abaixo de 11px nas áreas de decisão. */
.metric-card small,.number-audit span,.number-audit strong,.onboarding-steps small,
.onboarding-steps em,.recommendation .confidence,.source-badge,.commerce-grid span,
.day-column span,.day-column b,.live-badge,.performance-toolbar label,.attribution-note,
.sync-note,.hidden-entity span,.row-delete,.health-item span,.health-item small,
.status-chip,.connected-account,.mini-danger,.integration-note p,.recommended-badge,
.import-result,.switch-guide p,.switch-guide ol,.preserve-note span,.scope-toolbar label,
.scope-note { font-size: 11px; }
.tab-guide p,.tab-guide small,.platform-purpose span,.hotmart-difference span,
.credential-path span,.integration-steps li > span,.recommended-history > p,
.dictionary-card p,.future-card small { font-size: 12px; }
.integration-steps li > b,.platform-purpose strong,.hotmart-difference strong,
.credential-path strong,.form-grid label,.integration-card label,.webhook-box > label { font-size: 13px; }

.table-card-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.025); }
.table-card-heading strong,.table-card-heading span { display:block; }
.table-card-heading strong { font-size:14px; }
.table-card-heading span { margin-top:3px; color:var(--muted); font-size:12px; }

.financial-rules-card { border-color:rgba(56,223,176,.28); }
.financial-inline-form { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:14px; align-items:start; }
.financial-inline-form > label { display:flex; flex-direction:column; gap:7px; color:var(--muted); font-size:13px; font-weight:700; }
.financial-inline-form label small { color:var(--muted); font-size:11px; line-height:1.5; font-weight:500; }
.financial-inline-form > .button { align-self:end; }
.advanced-tax-settings { grid-column:1 / -1; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }
.advanced-tax-settings summary { color:var(--text); font-size:13px; font-weight:800; cursor:pointer; }
.advanced-tax-settings > p { margin:10px 0 14px; color:var(--muted); font-size:12px; line-height:1.6; }
.cost-rule-note { display:flex; gap:8px; margin-top:15px; padding:13px 14px; border-radius:11px; border:1px solid rgba(136,117,255,.2); background:rgba(136,117,255,.07); color:var(--muted); font-size:12px; line-height:1.55; }
.cost-rule-note strong { color:var(--text); white-space:nowrap; }
.compact-history { padding:15px; }
.compact-history > p { margin-bottom:0; }
.commerceCsvForm { margin-top:13px; }

@media (max-width:820px) {
  .financial-inline-form { grid-template-columns:1fr 1fr; }
  .advanced-tax-settings { grid-column:1 / -1; }
  .column-builder { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .financial-inline-form { grid-template-columns:1fr; }
  .advanced-tax-settings { grid-column:auto; }
  .table-card-heading,.cost-rule-note { flex-direction:column; align-items:stretch; }
  .cost-rule-note strong { white-space:normal; }
  .columns-home-heading,.column-picker-heading,.column-summary { flex-direction:column; align-items:stretch; }
  .column-summary strong { white-space:normal; }
  .selected-column-item { grid-template-columns:28px 1fr; }
  .column-order-actions { grid-column:1 / -1; justify-content:flex-end; }
  .available-column-list { grid-template-columns:1fr; }
}
/* SaaS account, plans and identity */
.workspace-switcher{display:flex;align-items:center;gap:8px;color:#95a2bd;font-size:12px}.workspace-switcher select{max-width:190px;padding:9px 30px 9px 11px;border:1px solid #26324b;border-radius:10px;background:#111a2c;color:#edf3ff;font-weight:700}.user-menu-button{border:1px solid #2b3853;border-radius:999px;background:#111a2c;color:#dce5f8;padding:9px 14px;font-weight:700;cursor:pointer}.tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:999px;background:#25314a;color:#fff;font-size:11px}.account-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);gap:16px}.plan-card>strong{display:block;margin:12px 0 4px;color:#35dfbd;font:800 34px/1.1 Manrope,sans-serif}.usage-meter{margin:14px 0}.usage-meter div{display:flex;justify-content:space-between;margin-bottom:7px;color:#dbe6fa}.usage-meter progress{width:100%;height:10px;accent-color:#35dfbd}.workspace-list{display:grid;gap:10px}.workspace-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #25324c;border-radius:14px;background:#0d1526}.workspace-item.active{border-color:#35dfbd;background:#10231f}.workspace-item span{display:grid;gap:4px}.workspace-item small{color:#91a0bd}.inline-create-form{display:flex;align-items:end;gap:10px;margin-top:16px}.inline-create-form label{flex:1}.legal-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.legal-card>div:last-child{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.legal-card a{color:#35dfbd;font-weight:700}.alert-center{display:grid;gap:12px}.decision-alert{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border:1px solid #2b3852;border-radius:15px;background:#0e1729}.decision-alert i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#24314a;color:#fff;font-style:normal;font-weight:800}.decision-alert.warning{border-color:#85652e}.decision-alert.critical{border-color:#984654}.decision-alert.success{border-color:#277964}.decision-alert strong{display:block;margin-bottom:5px}.decision-alert p,.decision-alert small{display:block;margin:4px 0;color:#aab6cc}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-summary article{padding:16px;border:1px solid #26324a;border-radius:14px}.admin-summary strong{display:block;margin-top:7px;font-size:28px}.account-settings-row{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(180px,.7fr) auto auto!important;align-items:center}.account-settings-row>span:first-child{display:grid}.account-settings-row small{color:#8190ab}.account-settings-row label{display:grid;gap:5px;color:#91a1bd;font-size:12px}.account-settings-row select{padding:8px;border:1px solid #2a3650;border-radius:9px;background:#0b1323;color:#fff}.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,#123c35 0,transparent 32%),#080e1b;color:#eef4ff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;max-width:1120px;margin:auto;gap:70px;align-items:center;padding:40px}.auth-story h1{max-width:650px;font:800 clamp(38px,5vw,66px)/1.03 Manrope,sans-serif}.auth-story>p{max-width:620px;color:#afbdd3;font-size:18px;line-height:1.65}.auth-story ul{display:grid;gap:10px;padding:0;list-style:none}.auth-story li:before{content:'✓';margin-right:10px;color:#35dfbd}.auth-card{padding:28px;border:1px solid #263450;border-radius:22px;background:rgba(14,23,41,.94);box-shadow:0 24px 70px #0007}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:12px;background:#091120}.auth-tabs button{padding:11px;border:0;border-radius:9px;background:transparent;color:#93a1bb;font-weight:800}.auth-tabs button.active{background:#17243a;color:#fff}.auth-card form{display:grid;gap:15px;margin-top:24px}.auth-card label{display:grid;gap:7px;color:#c6d2e6;font-weight:700}.auth-card input{padding:13px;border:1px solid #2b3852;border-radius:11px;background:#091120;color:#fff}.consent-check{grid-template-columns:auto 1fr!important;align-items:start;font-size:13px!important;font-weight:500!important}.consent-check input{margin-top:3px}.consent-check a{color:#35dfbd}.auth-message{min-height:22px;color:#ff7e8e}.legal-page{background:#090f1d;color:#eaf1ff}.legal-document{max-width:820px;margin:0 auto;padding:48px 24px 100px}.legal-document h1{font:800 46px Manrope,sans-serif}.legal-document h2{margin-top:34px}.legal-document p{color:#adbad0;line-height:1.75}.legal-document .brand{display:inline-flex;margin-bottom:50px}
@media(max-width:900px){.workspace-switcher span,.secure-badge,.user-menu-button{display:none}.workspace-switcher select{max-width:145px}.account-grid,.auth-shell{grid-template-columns:1fr}.auth-shell{gap:28px;padding:24px}.account-settings-row{grid-template-columns:1fr!important}.admin-summary{grid-template-columns:1fr 1fr}.legal-card{align-items:flex-start;flex-direction:column}}
.plan-dialog{width:min(920px,calc(100% - 30px));padding:28px;border:1px solid #31405d;border-radius:22px;background:#0d1628;color:#eef4ff}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.plan-options article{display:grid;gap:13px;padding:20px;border:1px solid #2a3751;border-radius:16px;background:#0a1221}.plan-options article.recommended{border-color:#35dfbd}.plan-options em{color:#35dfbd;font-size:11px;font-style:normal;font-weight:800}.plan-options strong{font-size:21px}.plan-options b{font-size:25px}.plan-options span{color:#99a8c1}.plan-dialog>small{color:#91a0ba}.direct-connect-box{margin:16px 0;padding:17px;border:1px solid #267963;border-radius:15px;background:#0d2824}.direct-connect-box h3{margin:9px 0 6px}.direct-connect-box p,.direct-connect-box small{display:block;color:#a8b9c9;line-height:1.5}.direct-connect-box .button{margin:10px 0}.alternative-connection{margin-top:14px}.alternative-connection>summary{cursor:pointer;color:#b9c6da;font-weight:800}.meta-oauth-accounts{display:grid;gap:9px;margin:18px 0}.meta-oauth-account{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:13px;border:1px solid #2a3750;border-radius:12px}.meta-oauth-account span{display:grid}.meta-oauth-account small{color:#8fa0bd}@media(max-width:700px){.plan-options{grid-template-columns:1fr}}
.tracking-code{display:grid;gap:10px;margin:15px 0}.tracking-code code{display:block;padding:14px;border:1px solid #2b3851;border-radius:12px;background:#070d18;color:#9eeedc;overflow-wrap:anywhere;line-height:1.5}
.auth-text-button{border:0;background:transparent;color:#35dfbd;cursor:pointer;font:inherit;font-weight:700;padding:10px 0 0;text-align:left}
.feedback-launcher{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:8px;padding:13px 17px;border:1px solid #4be5c3;border-radius:999px;background:#35dfbd;color:#06120f;box-shadow:0 14px 35px #0008;font-weight:800;cursor:pointer}.feedback-dialog{width:min(560px,calc(100% - 28px));padding:28px;border:1px solid #31405d;border-radius:22px;background:#0d1628;color:#eef4ff}.feedback-dialog>p{color:#a7b5cb}.feedback-dialog form{display:grid;gap:15px}.feedback-dialog label{display:grid;gap:7px;color:#d6e0f1;font-weight:700}.feedback-dialog select,.feedback-dialog textarea,.admin-actions select,#adminCustomers select,.feedback-admin-item select{padding:11px;border:1px solid #2d3a55;border-radius:10px;background:#091120;color:#fff;font:inherit}.feedback-dialog textarea{resize:vertical}.feedback-admin-list{display:grid;gap:12px}.feedback-admin-item{display:grid;grid-template-columns:1fr minmax(150px,.25fr);gap:18px;padding:17px;border:1px solid #2a3650;border-radius:15px;background:#0c1526}.feedback-admin-item>div{display:grid;gap:7px}.feedback-admin-item strong{margin-top:3px}.feedback-admin-item p{margin:4px 0;color:#dce5f4;line-height:1.55;white-space:pre-wrap}.feedback-admin-item small,#adminCustomers small{display:block;color:#8fa0bd;line-height:1.5}.feedback-admin-item label,.admin-actions{display:grid;align-content:start;gap:8px}.access-pill{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#1b3340;color:#71e5cb;font-size:11px;font-weight:800}.access-pill.blocked{background:#3c2028;color:#ff94a2}.access-pill.active{background:#18362e;color:#74e2c8}#adminCustomers td>strong{display:block;margin-bottom:4px}#adminCustomers select{min-width:135px}.admin-summary{grid-template-columns:repeat(5,1fr)}@media(max-width:800px){.feedback-launcher span{display:none}.feedback-launcher{right:14px;bottom:14px;width:48px;height:48px;justify-content:center;padding:0}.feedback-admin-item{grid-template-columns:1fr}.admin-summary{grid-template-columns:1fr 1fr}}

/* Beta: primary result first, advanced controls remain available. */
.data-condition{display:grid;gap:8px;line-height:1.6}.data-condition span,.data-condition small{color:var(--muted)}
.beta-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.beta-comparison-grid article{padding:16px;border:1px solid var(--border,#31405d);border-radius:12px;display:grid;gap:8px}.beta-comparison-grid small{color:var(--muted)}
.budget-value{display:block;font-size:28px;margin:12px 0}.beta-advanced>summary{cursor:pointer;font-weight:700;padding:8px 0}.beta-advanced .section-card{box-shadow:none}
@media(max-width:700px){.beta-comparison-grid{grid-template-columns:1fr 1fr}.budget-value{font-size:24px}}