/* SuperFuncionarios platform theme.
   Mirrors DESIGN.md and the member-area shell. Keep this scoped and token-led. */
:root {
  color-scheme: dark;
  --cosmos: #020812;
  --night: #071421;
  --surface: #0b1a29;
  --mineral: #102332;
  --line: #213747;
  --cream: #f4ede3;
  --muted: #9aabbd;
  --quiet: #71879a;
  --gold: #efb94f;
  --gold-light: #f5ce7b;
  --gold-deep: #cd8f27;
  --cyan: #61d8ce;
  --success: #52d6a6;
  --warning: #ffcc66;
  --danger: #ff6f75;
  --page: var(--cosmos);
  --panel: var(--night);
  --raised: var(--surface);
  --ink: var(--cream);
  --ink-2: var(--muted);
  --ink-3: var(--quiet);
  --stroke: rgba(169, 185, 201, .16);
  --focus: var(--cyan);
  --shadow: 0 24px 70px rgba(0, 0, 0, .28);
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 28px;
  --interface-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --sans: var(--interface-font);
  --display: var(--interface-font);
  --body-font: var(--interface-font);
  --display-font: var(--interface-font);
  --fast: 180ms;
  --base: 280ms;
  --editorial: 520ms;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --bg: var(--page);
  --radius: var(--radius-m);
  --link: var(--gold-light);
  --gold-text: var(--gold-light);
  --control-border: var(--quiet);
  --warning-surface: #282316;
  --warning-ink: var(--warning);
  --success-surface: #0c3029;
  --success-ink: var(--success);
  --danger-surface: #321b24;
  --danger-ink: #ffb4b8;
  --neutral-surface: var(--mineral);
  --disabled-bg: var(--raised);
  --selected-bg: var(--warning-surface);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
:root[data-theme="light"] {
  color-scheme: light;
  --page: #e9eff3;
  --panel: #f5f8fa;
  --raised: #e9eef0;
  --ink: #10212c;
  --ink-2: #526675;
  --ink-3: #748691;
  --stroke: #ccd5d8;
  --gold: #c98718;
  --gold-light: #e9b64b;
  --gold-deep: #8e590c;
  --cyan: #087f7a;
  --focus: #087f7a;
  --shadow: 0 24px 70px rgba(46, 61, 70, .12);
  --muted: var(--ink-2);
  --link: var(--gold-deep);
  --gold-text: var(--gold-deep);
  --control-border: var(--ink-2);
  --warning-surface: #fff0c9;
  --warning-ink: #765000;
  --success-surface: #e0f3eb;
  --success-ink: #175d48;
  --danger-surface: #fce8e9;
  --danger-ink: #922e37;
  --neutral-surface: var(--raised);
}
body { background: var(--page); color: var(--ink); }
.credential-page .legal-header { margin-inline: auto; padding: 24px; }
.credential-page .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.credential-page .confirmation { display: flex; align-items: flex-start; gap: 12px; }
.credential-page .confirmation input { flex: 0 0 20px; }
@media(max-width:720px){.credential-page .form-grid{grid-template-columns:1fr}}
a { color: var(--link); }
button, input, select, textarea { font-family: var(--sans); font-size: 16px; }
button, .button {
  min-width: 44px; min-height: 46px; padding: 8px 16px;
  border-radius: var(--radius-s); gap: 8px;
  background: linear-gradient(135deg, var(--gold), var(--gold-light)); color: #11100d;
  white-space: normal; line-height: 1.4;
  transition: background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);
}
button:hover:not(:disabled), .button:hover { filter: none; box-shadow: inset 0 0 0 1px currentColor; }
button:disabled, input:disabled, select:disabled {
  opacity: 1; cursor: not-allowed; color: var(--ink-2); background: var(--disabled-bg);
  border-color: var(--stroke); box-shadow: none;
}
.secondary { background: transparent; color: var(--ink); border-color: var(--control-border); }
input, select, textarea { border-color: var(--control-border); border-radius: var(--radius-s); padding: 8px 12px; min-height: 46px; }
label { color: var(--ink-2); font-size: 12px; }
label input, label select, textarea { font-size: 16px; margin-top: 8px; }
input::placeholder, textarea::placeholder { color: var(--ink-2); opacity: 1; }
::selection { background: var(--gold-light); color: #11100d; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
* { scrollbar-color: var(--ink-3) var(--panel); }
h1, h2, h3 { font-family: var(--interface-font); font-weight: 680; text-wrap: balance; overflow-wrap: anywhere; }
h1 { font-size: 32px; line-height: 1.16; letter-spacing: -.025em; margin: 0 0 8px; }
h2 { font-size: 24px; line-height: 1.22; }
h3 { font-size: 18px; line-height: 1.35; margin-top: 24px; }
p, li, dd, dt { overflow-wrap: anywhere; }
.sidebar { width: 244px; padding: 32px 16px 24px; border-color: var(--stroke); }
.workspace { margin-left: 244px; }
.brand { min-height: 80px; padding: 8px 16px 24px; align-items: center; }
.brand img { display: block; width: 128px; height: auto; aspect-ratio: 1258 / 600; object-fit: contain; }
.brand .brand-logo-light { display: none; }
[data-theme="light"] .brand .brand-logo-dark { display: none; }
[data-theme="light"] .brand .brand-logo-light { display: block; }
.product-name { margin-bottom: 32px; }
.sidebar nav { gap: 8px; }
.sidebar nav button { gap: 12px; border: 1px solid transparent; color: var(--ink-2); font-size: 16px; }
.sidebar nav button[aria-current="page"] { background: var(--selected-bg); color: var(--gold-text); border-color: var(--gold-text); }
.sidebar svg { flex: 0 0 20px; }
.sidebar-bottom { padding: 24px 8px 0; gap: 8px; }
.sidebar-bottom a, footer a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
.topbar { padding: 24px 32px; border-color: var(--stroke); flex-wrap: wrap; align-items: end; }
.topbar .account-select { min-width: min(100%, 240px); max-width: none; }
.topbar > label:not(.account-select) { min-width: 160px; }
.topbar > button { margin-left: 0; }
.theme-toggle { min-width: 124px; font-size: 12px; }
.theme-toggle svg { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; }
.theme-toggle .theme-sun, [data-theme="light"] .theme-toggle .theme-moon { display: none; }
[data-theme="light"] .theme-toggle .theme-sun { display: block; }
main { padding: 32px; }
.page-heading { gap: 24px; margin-bottom: 32px; }
.page-heading p { font-size: 16px; }
.page-heading > .secondary { font-size: 12px; }
.context, .muted, .source-note, .notice, .mode { font-size: 12px; color: var(--ink-2); }
.metrics { border-color: var(--stroke); padding: 24px 0; gap: 24px; margin-bottom: 32px; }
.metrics dt { font-size: 12px; color: var(--ink-2); }
.metrics dd { font-size: 32px; line-height: 1.2; }
.metrics > div { min-width: 0; }
#summary .metrics { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.metrics dd { white-space: nowrap; overflow-wrap: normal; }
.panel { border-color: var(--stroke); border-radius: var(--radius-m); padding: 24px; margin-bottom: 24px; }
.section-head { gap: 16px; align-items: center; }
.section-head > * { min-width: 0; }
.tabs button { min-height: 44px; border-radius: var(--radius-s); }
.tabs button[aria-pressed="true"] { color: var(--gold-text); background: var(--selected-bg); border-color: var(--gold-text); }
.filters { gap: 16px; }
.table-wrap, .commercial-table { border-radius: var(--radius-s); }
table { font-size: 16px; }
th { font-size: 12px; }
th, td { border-color: var(--stroke); padding: 16px; }
.row-name { color: var(--ink); font-size: 16px; min-height: 44px; border-radius: var(--radius-s); padding: 4px; background: transparent; }
.row-meta { font-size: 12px; flex-wrap: wrap; }
.row-meta span:last-child { overflow-wrap: anywhere; }
.pill { font-size: 12px; padding: 4px 8px; border-radius: var(--radius-s); background: var(--neutral-surface); color: var(--ink-2); }
.pill.active { background: var(--success-surface); color: var(--success-ink); }
.pill.paused { background: var(--warning-surface); color: var(--warning-ink); }
.message { background: var(--warning-surface); border-color: var(--warning-ink); color: var(--warning-ink); padding: 16px; }
.message.error { background: var(--danger-surface); border-color: var(--danger-ink); color: var(--danger-ink); }
#draft-error { color: var(--danger-ink); }
.empty { padding: 32px 24px; border-color: var(--control-border); }
details { font-size: 16px; color: var(--ink-2); }
summary { min-height: 44px; min-width: 44px; padding: 8px 0; color: var(--ink); overflow-wrap: anywhere; }
.bar-item span { font-size: 12px; }
.creative-grid { gap: 24px; }
.creative { border-color: var(--stroke); border-radius: var(--radius-m); min-width: 0; width: 100%; }
.creative-image { background: var(--raised); color: var(--ink-2); }
.creative-body { padding: 24px; }
.creative h3 { font-size: 21px; }
.creative p, .mini-metrics span { font-size: 12px; }
.mini-metrics strong { font-size: 16px; }
.mini-metrics { gap: 16px; flex-wrap: wrap; }
.recommendation { border-color: var(--stroke); padding: 24px 0; gap: 24px; }
.recommendation p { font-size: 16px; }
.recommendation > div { min-width: 0; }
.recommendation h3 { font-size: 21px; }
.form-grid { gap: 24px; margin: 24px 0; }
.form-grid > label { min-width: 0; }
.business-days { border-color: var(--control-border); border-radius: var(--radius-s); margin: 24px 0; min-width: 0; }
.business-days label { min-width: 80px; }
.business-days input, .confirmation input { min-height: 20px; width: 20px; height: 20px; accent-color: var(--gold-deep); }
.confirmation { min-width: 44px; min-height: 44px; font-size: 16px; align-items: center; margin: 24px 0; }
.confirmation input { margin: 0; }
.draft-row { border-color: var(--stroke); }
.draft-row > div { min-width: 0; overflow-wrap: anywhere; }
.proposal-preview { border-color: var(--stroke); border-radius: var(--radius-m); padding: 24px; }
main[aria-busy="true"] #today-recommendations, main[aria-busy="true"] #creative-grid { border-radius: var(--radius-m); }
dialog { padding: 24px; border-color: var(--stroke); box-shadow: var(--shadow); }
.detail-head { gap: 16px; }
.detail-head h2 { font-size: 32px; }
.detail-head > button { flex-shrink: 0; }
.detail-data { gap: 24px; margin: 24px 0; }
.detail-data > div { min-width: 0; }
footer { gap: 24px; flex-wrap: wrap; }
.legal-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 840px; }
.legal-header .brand { padding: 8px 0; min-height: 64px; }
.legal-header .brand img { width: 112px; }
.legal-page { max-width: 840px; padding: 32px 24px 64px; font-size: 16px; }
.legal-page h1 { font-size: 40px; }
.legal-page h2 { font-size: 32px; }
.legal-page li { margin-bottom: 16px; }
.legal-page a { overflow-wrap: anywhere; }
.legal-page .button { margin-top: 8px; }
@media (min-width: 1500px) {
  main, .topbar { padding-inline: 48px; }
  .metrics dd { font-size: 32px; }
}
@media (max-width: 1100px) {
  .sidebar { width: 200px; }
  .workspace { margin-left: 200px; }
  main, .topbar { padding: 24px; }
  .metrics { gap: 24px; }
}
@media (max-width: 720px) {
  .sidebar { width: auto; padding: 16px 16px 0; position: static; }
  .workspace { margin: 0; }
  .brand { justify-content: flex-start; padding: 0; min-height: 48px; }
  .brand img { width: 88px; }
  .product-name { top: 32px; right: 16px; }
  .sidebar nav { margin-top: 16px; gap: 8px; padding-bottom: 16px; }
  .sidebar nav button { flex: 1 0 auto; padding: 8px; font-size: 12px; gap: 8px; }
  .sidebar svg { flex-basis: 16px; }
  main, .topbar { padding: 24px 16px; }
  .topbar { gap: 16px; }
  .topbar .account-select { min-width: 100%; }
  .topbar > label:not(.account-select) { min-width: 100%; }
  .topbar > button { flex: 1; font-size: 12px; }
  h1, .legal-page h1 { font-size: 32px; }
  h2, .detail-head h2, .legal-page h2 { font-size: 21px; }
  .page-heading { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
  .page-heading > div { min-width: 0; flex: 1 1 160px; }
  .page-heading > .secondary { padding: 8px 12px; font-size: 12px; }
  .metrics dd { font-size: 32px; }
  #summary .metrics { padding: 16px 0; gap: 16px; }
  #summary .metrics { grid-template-columns: 1fr; }
  #summary .metrics dd { font-size: 21px; }
  .today-summary .metrics > div { padding: 8px 0; }
  .today-summary .metrics dd { font-size: 21px; }
  .panel { padding: 16px; }
  .section-head { align-items: start; }
  .section-head > label { width: 100%; }
  .section-head > button { margin-left: 0; }
  .tabs { gap: 4px; }
  .tabs button { font-size: 12px; padding: 8px; }
  .filters > label:not(.search) { flex: 1 1 100%; min-width: 0; }
  .creative-body { padding: 16px; }
  .recommendation, #today-panel .recommendation { gap: 16px; }
  .recommendation button { max-width: 100%; }
  .form-grid { gap: 16px; }
  .detail-data { grid-template-columns: 1fr; gap: 16px; }
  .commercial-metrics > div { flex-wrap: wrap; gap: 8px; }
  .proposal-preview { padding: 16px; }
  .legal-header { padding: 16px 16px 0; gap: 16px; flex-wrap: wrap; }
  .legal-page { padding: 24px 16px 48px; }
  .legal-header .brand img { width: 88px; }
  .legal-header .brand { min-height: 48px; }
  .skip { left: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Production shell parity: login.superfuncionarios.ai.
   Content components retain their accessible sizing; chrome follows the main app. */
.ads-platform .sidebar { width: 232px; padding: 28px 18px; background: rgba(2,8,18,.88); overflow-y: auto; }
.ads-platform .workspace { margin-left: 232px; }
.ads-platform .sidebar-head { margin: 2px 0 24px; padding: 0 2px; }
.ads-platform .sidebar-head .brand { display: flex; width: calc(100% - 16px); margin: 0 8px; padding: 0; min-height: 0; }
.ads-platform .sidebar-head .brand img { width: 75%; height: auto; margin-inline: auto; }
.ads-platform .product-name { position: static; margin: 0 0 18px; font-size: 12px; color: var(--ink-2); }
.ads-platform .sidebar nav { gap: 8px; }
.ads-platform .sidebar nav button { min-height: 44px; padding: 8px 10px; font-size: 14px; font-weight: 650; border-radius: 14px; gap: 12px; }
.ads-platform .sidebar nav button[aria-current="page"] { background: linear-gradient(100deg,rgba(239,185,79,.11),rgba(239,185,79,.024) 72%,transparent); border-color: rgba(239,185,79,.22); }
.ads-platform .nav-glyph { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: rgba(154,171,189,.06); }
.ads-platform .platform-theme { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 11px; width: 100%; margin: auto 0 12px; padding: 10px 11px; border: 1px solid var(--stroke); border-radius: 14px; background: rgba(255,255,255,.025); color: var(--ink); text-align: left; }
.platform-theme .theme-copy { display: grid; gap: 3px; }
.platform-theme strong { font-size: 12px; line-height: 1.2; }
.platform-theme small { font-size: 10px; line-height: 1.35; color: var(--ink-2); }
.theme-switch { position: relative; display: grid; width: 76px; height: 34px; grid-template-columns: 1fr 1fr; place-items: center; overflow: hidden; border: 1px solid rgba(154,171,189,.2); border-radius: 999px; background: linear-gradient(#010810,#0a1c2b); isolation: isolate; }
.theme-switch>b { position: absolute; z-index: -1; top: 2px; left: 5.5px; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(145deg,#183448,#0b1b2b); transform: translateX(37px); }
.theme-sun,.theme-moon { position: relative; display: block; width: 14px; height: 14px; border: 1.5px solid currentColor; border-radius: 50%; color: #d9e7ef; }
.theme-sun { box-shadow: 0 -7px 0 -5.5px currentColor,0 7px 0 -5.5px currentColor,7px 0 0 -5.5px currentColor,-7px 0 0 -5.5px currentColor; }
.theme-moon { overflow: hidden; }
.theme-moon::after { content: ""; position: absolute; top: -3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #102638; }
.ads-platform .sidebar-bottom { margin-top: 0; padding: 12px 0 0; border-top: 1px solid var(--stroke); }
[data-theme="light"] .ads-platform .sidebar { background: linear-gradient(rgba(252,253,253,.98),rgba(238,244,246,.98) 58%,rgba(246,249,250,.98)); }
[data-theme="light"] .ads-platform .workspace { background: radial-gradient(circle at 78% 4%,rgba(206,158,62,.12),transparent 26%),radial-gradient(circle at 16% 34%,rgba(39,145,146,.07),transparent 30%),linear-gradient(#f5f8fa,#e9eff3 42%,#eef3f6); }
[data-theme="light"] .ads-platform .sidebar nav button[aria-current="page"] { background: linear-gradient(100deg,rgba(239,185,79,.18),rgba(255,255,255,.65) 78%); color: #704600; }
[data-theme="light"] .platform-theme { background: rgba(255,249,235,.9); }
[data-theme="light"] .theme-switch>b { background: linear-gradient(145deg,#ffd778,#dda13c); transform: translateX(0); }
[data-theme="light"] .theme-sun { color: #342108; }
@media (max-height: 820px) and (min-width: 761px) { .ads-platform .sidebar { padding-top: 18px; padding-bottom: 18px; } }
@media (max-width: 760px) {
  .ads-platform .sidebar { position: static; width: auto; padding: 16px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
  .ads-platform .workspace { margin-left: 0; }
  .ads-platform .sidebar-head { margin: 0; padding: 0; align-self: center; }
  .ads-platform .sidebar-head .brand { width: 120px; margin: 0; }
  .ads-platform .sidebar-head .brand img { width: 100%; }
  .ads-platform .platform-theme { grid-column: 2; grid-row: 1; width: auto; margin: 0; padding: 8px; grid-template-columns: 76px; }
  .platform-theme .theme-copy { display: none; }
  .ads-platform .product-name { grid-column: 1 / -1; margin: 0; }
  .ads-platform .sidebar nav { position: fixed; z-index: 30; left: 12px; right: 12px; bottom: 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 8px; border: 1px solid var(--stroke); border-radius: 18px; background: var(--panel); box-shadow: var(--shadow); }
  .ads-platform .workspace { padding-bottom: 144px; }
  .ads-platform .sidebar nav button { flex: 1; font-size: 12px; padding: 8px; gap: 6px; }
  .ads-platform .sidebar nav .nav-glyph { display: none; }
  .ads-platform .sidebar-bottom { display: flex; flex-wrap: wrap; grid-column: 1 / -1; font-size: 12px; }
}

/* Member-platform shell parity. Ads sections live inside the tool, not in a second product sidebar. */
.ads-platform .sidebar{width:232px;padding:28px 18px 24px;background:rgba(2,8,18,.88);border-right:1px solid rgba(179,198,217,.085);backdrop-filter:blur(22px)}
.ads-platform .sidebar-head{margin:2px 0 34px;padding:0 2px}.ads-platform .sidebar-head .brand{display:flex;width:auto;margin:0 8px;overflow:hidden}.ads-platform .sidebar-head .brand img{display:block;width:132px;max-width:100%;height:auto;margin-inline:auto;object-fit:contain}
html[data-theme="light"] body.ads-platform .sidebar-head .brand-full{content:url('/assets/brand/logo-superfuncionarios-light.png')}
.ads-platform .nav-list{display:grid;gap:6px;min-height:0;overflow:auto}.ads-platform .nav-list>a,.ads-platform .nav-resource-toggle{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 10px;border:1px solid transparent;border-radius:14px;background:transparent;color:#8f9fb2;font-size:.875rem;font-weight:650;text-align:left;text-decoration:none;box-shadow:none}
.ads-platform .nav-list>a:hover,.ads-platform .nav-resource-toggle:hover{border-color:rgba(154,171,189,.09);background:rgba(255,255,255,.025);color:var(--ink)}.ads-platform .nav-resource-toggle[aria-expanded="true"]{color:var(--gold)}
.ads-platform .nav-submenu{display:grid;gap:4px;margin:2px 0 8px 28px;padding-left:12px;border-left:1px solid rgba(154,171,189,.15)}.ads-platform .nav-subitem{display:flex!important;min-height:40px!important;padding:8px 10px!important}.ads-platform .nav-subitem[aria-current="page"]{background:linear-gradient(90deg,rgba(239,185,79,.1),transparent);color:var(--gold)}
.ads-platform .nav-glyph{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(154,171,189,.14);border-radius:50%;font-size:14px}.ads-platform .nav-glyph .icon{display:block;width:17px;height:17px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.ads-platform .super-ai-orb{width:26px;height:26px}
.ads-platform [data-glyph="home"] .icon{--icon:url('/assets/icons/home.svg')}.ads-platform [data-glyph="tools"] .icon{--icon:url('/assets/icons/experiment.svg')}.ads-platform [data-glyph="courses"] .icon{--icon:url('/assets/icons/courses.svg')}.ads-platform [data-glyph="projects"] .icon{--icon:url('/assets/icons/systems.svg')}.ads-platform [data-glyph="explore"] .icon{--icon:url('/assets/icons/explore.svg')}.ads-platform [data-glyph="progress"] .icon{--icon:url('/assets/icons/progress.svg')}
.ads-platform .workspace{margin-left:232px;min-width:0}.ads-platform main{margin-left:0}.ads-platform .sidebar-bottom{display:grid;gap:8px}.ads-platform .platform-theme{margin-top:auto}
.ads-section-nav{position:sticky;z-index:18;top:0;display:flex;gap:4px;overflow-x:auto;padding:8px clamp(20px,4vw,56px);border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px)}
.ads-section-nav button{flex:0 0 auto;min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-2);font-size:13px;font-weight:680;box-shadow:none}.ads-section-nav button:hover{background:var(--raised);color:var(--ink)}.ads-section-nav button[aria-current="page"]{border-color:var(--line);background:var(--panel);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.ads-platform,.ads-platform button,.ads-platform input,.ads-platform select,.ads-platform textarea{font-family:var(--interface-font)}.ads-platform main{padding-top:30px}.ads-platform h1,.ads-platform h2,.ads-platform h3,.ads-platform h4{font-family:var(--interface-font);font-weight:680;letter-spacing:-.018em}.ads-platform .page-heading h1{font-family:var(--interface-font)}
.ads-platform .decision-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:20px 22px;border-radius:16px;background:var(--panel)}.ads-platform .decision-hero h2{margin:5px 0 8px;font-size:22px;line-height:1.25}.ads-platform .decision-hero p{font-size:13px}.ads-platform .decision-stats strong{font-size:27px}
.ads-platform .topbar{min-height:74px;padding:12px clamp(20px,4vw,56px)}.ads-platform .topbar label{font-size:11px}.ads-platform .topbar select{min-height:38px}.ads-platform .page-heading{margin-bottom:28px;max-width:none}.ads-platform .page-heading h1{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.14;font-weight:720}
@media(max-width:760px){.ads-platform .sidebar{position:static;display:flex;width:auto;padding:12px 16px}.ads-platform .sidebar .nav-list,.ads-platform .sidebar .platform-theme,.ads-platform .sidebar .sidebar-bottom{display:none}.ads-platform .sidebar-head{margin:0}.ads-platform .sidebar-head .brand{width:130px}.ads-platform .workspace{margin-left:0;padding-bottom:28px}.ads-section-nav{top:0;padding-inline:12px}.ads-platform .decision-hero{grid-template-columns:1fr}.ads-platform .topbar{position:static;display:grid;height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px 16px}.ads-platform .topbar .account-select{grid-column:1/-1}.ads-platform .topbar>label:not(.account-select){min-width:0}.ads-platform .topbar>#refresh{width:auto;margin:0}.ads-platform main{padding-top:24px}.ads-platform .page-heading{display:block;margin-top:0}.ads-platform .page-heading .actions{margin-top:18px}.ads-platform .page-heading .actions button{flex:1 1 150px}}

/* Visual intelligence layer — one dominant scene per route, progressive detail below. */
body.ads-platform{min-height:100vh;background:var(--page)}
body.ads-platform::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(97,216,206,.09),transparent 24%),radial-gradient(circle at 84% 8%,rgba(239,185,79,.1),transparent 25%),radial-gradient(circle,rgba(239,185,79,.28) 0 1px,transparent 1.2px) 0 0/118px 118px,radial-gradient(circle,rgba(97,216,206,.2) 0 1px,transparent 1.2px) 42px 68px/164px 164px}
.ads-platform .workspace{min-height:100vh;background:linear-gradient(155deg,color-mix(in srgb,var(--page) 96%,var(--cyan)) 0,var(--page) 38%,color-mix(in srgb,var(--page) 96%,var(--gold)) 100%)}
.ads-platform main{width:min(100%,1540px);padding:36px clamp(24px,4vw,64px) 72px}
.ads-platform .topbar{border-bottom:0;background:color-mix(in srgb,var(--page) 84%,transparent);backdrop-filter:blur(22px)}
.ads-platform .openai-connection-notice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;flex:0 0 100%;grid-column:1/-1;align-items:center;gap:13px;min-height:58px;padding:10px 12px 10px 14px;border:1px solid color-mix(in srgb,var(--gold) 56%,var(--stroke));border-radius:14px;background:linear-gradient(105deg,color-mix(in srgb,var(--gold) 94%,#fff) 0%,color-mix(in srgb,var(--gold-light) 82%,#fff) 100%);color:#17130b;text-decoration:none;box-shadow:0 13px 34px rgba(205,143,39,.22);transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}
.ads-platform .openai-connection-notice:hover{color:#17130b;transform:translateY(-1px);box-shadow:0 17px 38px rgba(205,143,39,.29)}
.ads-platform .openai-connection-notice:active{transform:translateY(0)}
.ads-platform .openai-notice-signal{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(23,19,11,.3);border-radius:50%;background:rgba(255,255,255,.22)}
.ads-platform .openai-notice-signal::before{content:"";width:8px;height:8px;border-radius:50%;background:#17130b;box-shadow:0 0 0 5px rgba(23,19,11,.1)}
.ads-platform .openai-notice-copy{display:grid;min-width:0;line-height:1.25}.ads-platform .openai-notice-copy strong{font-size:14px;font-weight:760}.ads-platform .openai-notice-copy>span{margin-top:2px;font-size:12px;color:rgba(23,19,11,.72)}
.ads-platform .openai-notice-action{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border-radius:10px;background:#17130b;color:#fff;font-size:12px;font-weight:740;white-space:nowrap}
.ads-section-nav{top:12px;width:calc(100% - clamp(40px,8vw,112px));margin:0 clamp(20px,4vw,56px);padding:5px;border:1px solid var(--stroke);border-radius:16px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 16px 42px rgba(0,0,0,.09);backdrop-filter:blur(24px)}
.ads-section-nav button{flex:1 0 auto;border-radius:11px}
.ads-section-nav button[aria-current="page"]{border-color:color-mix(in srgb,var(--gold) 30%,var(--stroke));background:color-mix(in srgb,var(--raised) 88%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.ads-platform .page-heading{align-items:flex-end;margin:28px 0 30px;padding:20px 0 8px}
.ads-platform .page-heading-copy{max-width:780px}.ads-platform .page-kicker{margin-bottom:8px;color:var(--gold-text)}
.ads-platform .page-heading h1{font-size:clamp(2.35rem,3.8vw,3.35rem);line-height:.98;letter-spacing:-.052em;font-weight:760}
.ads-platform .page-heading p{max-width:58ch;margin-top:14px;font-size:17px;line-height:1.55}
.ads-platform .page-heading .actions{align-self:center}.ads-platform .page-heading .actions .secondary{border-color:var(--stroke);background:color-mix(in srgb,var(--panel) 72%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.07)}
.ads-platform #context{display:inline-flex;width:auto;max-width:100%;margin:0 0 16px;padding:7px 11px;border:1px solid var(--stroke);border-radius:999px;background:color-mix(in srgb,var(--panel) 58%,transparent)}

/* Executive scene: narrative, visual signal, then supporting numbers. */
.ads-platform #summary{position:relative;isolation:isolate;overflow:hidden;margin:0 0 44px;padding:36px 40px 30px;border:1px solid rgba(154,171,189,.17);border-radius:28px 28px 68px 28px;background:radial-gradient(circle at 84% 12%,rgba(97,216,206,.16),transparent 27%),radial-gradient(circle at 16% 120%,rgba(239,185,79,.14),transparent 38%),linear-gradient(145deg,#061421,#0a1e2e 62%,#071421);color:#f4ede3;box-shadow:0 30px 90px rgba(0,8,18,.27)}
.ads-platform #summary::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.36;background:linear-gradient(115deg,transparent 48%,rgba(97,216,206,.08) 48.2%,transparent 48.4%),radial-gradient(circle,rgba(244,237,227,.4) 0 1px,transparent 1.2px) 0 0/92px 92px}
.summary-insight{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:36px;min-height:230px}
.summary-story .eyebrow{color:#61d8ce}.summary-story h2{max-width:19ch;margin:10px 0 12px;color:#f4ede3;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.02;letter-spacing:-.045em}.summary-story>p{max-width:58ch;margin:0;color:#aebdca;font-size:15px}
html[data-theme="light"] .ads-platform .summary-story h2,html[data-theme="light"] .ads-platform .campaign-spotlight h2{color:#f4ede3}
.summary-score{display:grid;place-items:center;align-content:center;min-width:150px;min-height:174px;padding:14px;border-left:1px solid rgba(154,171,189,.15);text-align:center}.summary-score strong{margin-top:8px;color:#f4ede3;font-size:15px}.summary-score span{color:#9aabbd;font-size:11px;text-transform:uppercase;letter-spacing:.13em}
.summary-orbit{width:112px;height:112px;transform:rotate(-90deg)}.summary-orbit circle{fill:none;stroke-width:8}.summary-orbit .orbit-track{stroke:rgba(154,171,189,.15)}.summary-orbit .orbit-value{stroke:#61d8ce;stroke-linecap:round}.summary-insight.attention .orbit-value{stroke:#efb94f}.summary-insight.positive .orbit-value{stroke:#52d6a6}.summary-orbit--empty{display:block;border:8px solid rgba(154,171,189,.15);border-right-color:#efb94f;border-radius:50%}
.summary-sparkline{display:flex;align-items:end;gap:12px;width:min(100%,420px);margin-top:24px}.summary-sparkline svg{display:block;width:min(100%,300px);height:72px;overflow:visible}.summary-sparkline polyline{fill:none;stroke:#61d8ce;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.summary-sparkline polygon{fill:rgba(97,216,206,.08)}.summary-sparkline span{max-width:92px;color:#9aabbd;font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.ads-platform #summary .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:26px 0 0;padding:24px 0 0;border:0;border-top:1px solid rgba(154,171,189,.15)}
.ads-platform #summary .metrics>div{padding:0 24px;border-right:1px solid rgba(154,171,189,.14)}.ads-platform #summary .metrics>div:first-child{padding-left:0}.ads-platform #summary .metrics>div:last-child{border-right:0}
.ads-platform #summary .metrics dt{color:#9aabbd;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.ads-platform #summary .metrics dd{margin-top:6px;color:#f4ede3;font-size:clamp(1.7rem,2.4vw,2.5rem);font-weight:620;letter-spacing:-.035em}

/* Today: a clear focus followed by a quieter, scannable queue. */
.ads-platform #today-panel .decision-hero{grid-template-columns:minmax(0,1fr) auto;margin:0 0 8px;padding:0 0 24px;border:0;border-bottom:1px solid var(--stroke);border-radius:0;background:transparent}
.ads-platform #today-panel .decision-hero h2{margin:7px 0 6px;font-size:clamp(1.65rem,2.4vw,2.35rem);letter-spacing:-.035em}.ads-platform #today-panel .decision-hero .eyebrow{color:var(--gold-text)}
.ads-platform .decision-stats{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px}.ads-platform .decision-stats div{min-height:88px;padding:14px;border:1px solid var(--stroke);border-radius:16px;background:color-mix(in srgb,var(--panel) 76%,transparent)}.ads-platform .decision-stats strong{font-size:30px}.ads-platform .decision-stats span{font-size:11px;line-height:1.3}
.ads-platform .priority-grid{grid-template-columns:1.45fr 1fr 1fr;gap:18px;margin:24px 0 52px}.ads-platform .priority-grid article{position:relative;overflow:hidden;min-height:190px;margin:0;padding:24px;border:1px solid var(--stroke);border-radius:20px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--raised) 86%,var(--gold)));box-shadow:0 18px 50px rgba(0,0,0,.09)}
.ads-platform .priority-grid article:first-child{grid-column:span 2;min-height:240px;padding:32px;background:radial-gradient(circle at 90% 10%,rgba(239,185,79,.17),transparent 34%),linear-gradient(145deg,#071421,#0d2232);color:#f4ede3;box-shadow:0 25px 70px rgba(0,8,18,.22)}
.ads-platform .priority-grid article:first-child .eyebrow{color:#efb94f}.ads-platform .priority-grid article:first-child h3{max-width:21ch;color:#f4ede3;font-size:30px;letter-spacing:-.035em}.ads-platform .priority-grid article:first-child p{color:#aebdca;font-size:15px}
.ads-platform .priority-grid article:first-child button{color:#f4ede3}
.ads-platform .priority-grid h3{font-size:21px;letter-spacing:-.025em}.ads-platform .priority-grid button{border-color:color-mix(in srgb,var(--gold) 45%,var(--stroke));background:transparent}
.ads-platform #today-panel>.section-head{margin-top:10px;padding-top:10px}.ads-platform #queue-toolbar{padding:8px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.ads-platform #today-panel .recommendation{margin:0;padding:22px 4px;border:0;border-bottom:1px solid var(--stroke);border-radius:0;background:transparent}.ads-platform #today-panel .recommendation:hover{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cyan) 4%,transparent),transparent)}

/* Campaigns: an editorial insight scene plus list-like operational detail. */
.campaign-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:40px;align-items:center;margin:0 0 30px;padding:34px 38px;border:1px solid rgba(154,171,189,.16);border-radius:28px 28px 64px 28px;background:radial-gradient(circle at 86% 12%,rgba(239,185,79,.18),transparent 30%),linear-gradient(145deg,#071421,#0d2232);color:#f4ede3;box-shadow:0 26px 72px rgba(0,8,18,.22)}
.campaign-spotlight .eyebrow{color:#61d8ce}.campaign-spotlight h2{max-width:22ch;margin:10px 0 12px;color:#f4ede3;font-size:clamp(1.8rem,2.8vw,2.8rem);letter-spacing:-.04em}.campaign-spotlight p{color:#aebdca}.campaign-spotlight dl{display:flex;gap:28px;margin:28px 0 0}.campaign-spotlight dl>div{display:grid;gap:5px}.campaign-spotlight dt{color:#9aabbd;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.campaign-spotlight dd{margin:0;color:#f4ede3;font-size:20px;font-weight:650}
.campaign-bars{margin:0;padding:22px;border:1px solid rgba(154,171,189,.15);border-radius:20px;background:rgba(2,8,18,.28)}.campaign-bars svg{display:block;width:100%;height:auto;overflow:visible}.campaign-bars text{fill:#aebdca;font:9px var(--interface-font)}.campaign-bars .chart-value{fill:#f4ede3}.campaign-bars rect{fill:#efb94f}.campaign-bars figcaption{margin-top:12px;color:#9aabbd;font-size:11px}
body[data-active-view="campaigns"] #summary{padding:12px 28px 18px;border-radius:20px 20px 38px 20px;background:linear-gradient(145deg,#071421,#0b1c2b);box-shadow:0 18px 48px rgba(0,8,18,.16)}body[data-active-view="campaigns"] #summary-insight{display:none}body[data-active-view="campaigns"] #summary .metrics{margin-top:0;padding-top:8px;border-top:0}
.ads-platform #table-panel{padding:0;border:0;background:transparent}.ads-platform #table-panel .saved-views{padding:18px 20px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.ads-platform #table-panel .table-wrap{overflow:auto;border-radius:18px}.ads-platform #table-panel table{border-collapse:separate;border-spacing:0 8px}.ads-platform #table-panel thead th{border:0;background:transparent;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.ads-platform #table-panel tbody tr{background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.055)}.ads-platform #table-panel tbody td{border-block:1px solid var(--stroke)}.ads-platform #table-panel tbody td:first-child{border-left:1px solid var(--stroke);border-radius:14px 0 0 14px}.ads-platform #table-panel tbody td:last-child{border-right:1px solid var(--stroke);border-radius:0 14px 14px 0}.ads-platform #table-panel tbody tr:hover{background:color-mix(in srgb,var(--raised) 90%,var(--cyan))}
.ads-platform #trend-panel{padding:28px 30px;border-color:var(--stroke);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--cyan)),var(--panel));box-shadow:0 18px 48px rgba(0,0,0,.06)}.ads-platform #trend-panel .trend{height:150px}.ads-platform #trend-panel .bar-item rect{fill:var(--gold);filter:drop-shadow(0 7px 12px rgba(239,185,79,.22))}

/* Creative, funnel, studio and automation surfaces share the same visual grammar. */
.ads-platform .analysis-heading,.ads-platform .studio-context{margin:0 0 28px;padding:30px 32px;border:1px solid rgba(154,171,189,.16);border-radius:24px 24px 56px 24px;background:radial-gradient(circle at 88% 10%,rgba(97,216,206,.14),transparent 32%),linear-gradient(145deg,#071421,#0b1c2b);color:#f4ede3;box-shadow:0 24px 65px rgba(0,8,18,.2)}
.ads-platform .analysis-heading .eyebrow,.ads-platform .studio-context .eyebrow{color:#61d8ce}.ads-platform .analysis-heading h2,.ads-platform .studio-context h2{max-width:22ch;color:#f4ede3;font-size:clamp(1.8rem,2.8vw,2.8rem);letter-spacing:-.04em}.ads-platform .analysis-heading p,.ads-platform .studio-context p{color:#aebdca}.ads-platform .analysis-heading>button,.ads-platform .studio-context>button{border-color:rgba(239,185,79,.5);color:#f4ede3}
.ads-platform .workbench-toolbar{padding:8px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--panel) 75%,transparent)}
.ads-platform #creative-grid{gap:26px}.ads-platform #creative-grid .creative{border:0;border-radius:22px;background:var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.13);transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease)}.ads-platform #creative-grid .creative:hover{transform:translateY(-4px);box-shadow:0 28px 65px rgba(0,0,0,.2)}.ads-platform #creative-grid .creative-image{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--raised) 76%,var(--cyan)),var(--raised))}.ads-platform #creative-grid .compare-check{border-bottom-color:var(--stroke);background:color-mix(in srgb,var(--raised) 82%,transparent)}
.ads-platform .funnel-grid{position:relative;gap:0;margin:30px 0 42px;padding:20px 0}.ads-platform .funnel-grid::before{content:"";position:absolute;top:50%;right:8%;left:8%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--gold));opacity:.45}.ads-platform .funnel-grid article{position:relative;z-index:1;margin:0;padding:24px;border:0;border-right:1px solid var(--stroke);border-radius:0;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 18px 45px rgba(0,0,0,.08)}.ads-platform .funnel-grid article:first-child{border-radius:24px 0 0 24px}.ads-platform .funnel-grid article:last-child{border-right:0;border-radius:0 24px 24px 0}.ads-platform .funnel-grid strong{font-size:46px;letter-spacing:-.045em}
body[data-active-view="results"] #commercial-panel{padding-top:28px;border-top-color:var(--stroke)}body[data-active-view="results"] #commercial-content>p[role="status"]{display:inline-flex;margin:0 0 10px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--cyan) 40%,var(--stroke));border-radius:999px;background:color-mix(in srgb,var(--cyan) 8%,transparent);color:var(--cyan);font-size:11px;font-weight:700}
body[data-active-view="results"] .commercial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:none;margin:22px 0 34px}body[data-active-view="results"] .commercial-metrics>div{display:grid;align-content:space-between;min-height:112px;padding:18px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--panel) 88%,transparent)}body[data-active-view="results"] .commercial-metrics dt{font-size:11px;line-height:1.4}body[data-active-view="results"] .commercial-metrics dd{align-self:end;margin-top:18px;font-size:24px;letter-spacing:-.03em}
body[data-active-view="results"] .revenue-comparison{margin:36px 0;padding:30px 32px;border:1px solid rgba(154,171,189,.16);border-radius:26px 26px 58px 26px;background:radial-gradient(circle at 88% 12%,rgba(239,185,79,.16),transparent 30%),linear-gradient(145deg,#071421,#0d2232);color:#f4ede3;box-shadow:0 24px 65px rgba(0,8,18,.18)}body[data-active-view="results"] .revenue-comparison h3{margin-top:0;color:#f4ede3;font-size:28px}body[data-active-view="results"] .revenue-comparison .commercial-metrics>div{border-color:rgba(154,171,189,.14);background:rgba(2,8,18,.24)}body[data-active-view="results"] .revenue-comparison .commercial-metrics dt{color:#9aabbd}body[data-active-view="results"] .revenue-comparison .commercial-metrics dd{color:#f4ede3}body[data-active-view="results"] .revenue-comparison .muted{color:#aebdca}
body[data-active-view="results"] .commercial-table{overflow:auto;border-radius:18px}body[data-active-view="results"] .commercial-table table{border-collapse:separate;border-spacing:0 8px}body[data-active-view="results"] .commercial-table thead th{border:0;background:transparent;text-transform:uppercase;letter-spacing:.055em}body[data-active-view="results"] .commercial-table tbody tr{background:color-mix(in srgb,var(--panel) 88%,transparent)}body[data-active-view="results"] .commercial-table tbody td{border-block:1px solid var(--stroke)}body[data-active-view="results"] .commercial-table tbody td:first-child{border-left:1px solid var(--stroke);border-radius:14px 0 0 14px}body[data-active-view="results"] .commercial-table tbody td:last-child{border-right:1px solid var(--stroke);border-radius:0 14px 14px 0}
.ads-platform .workflow-steps{position:relative;gap:8px;padding:5px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--panel) 72%,transparent)}.ads-platform .workflow-steps span{position:relative;border-radius:13px;background:transparent;text-align:center}.ads-platform .workflow-steps span:first-child{background:color-mix(in srgb,var(--gold) 12%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 34%,transparent)}
.ads-platform #studio-panel .creative-studio{padding:28px;border:1px solid var(--stroke);border-radius:24px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.07)}
.ads-platform .rule-templates{gap:20px}.ads-platform .rule-templates button{position:relative;min-height:210px;padding:28px;border:0;border-radius:22px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--raised) 88%,var(--cyan)));box-shadow:0 18px 48px rgba(0,0,0,.1);transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease)}.ads-platform .rule-templates button:hover{transform:translateY(-4px);box-shadow:0 28px 65px rgba(0,0,0,.17)}.ads-platform .rule-templates strong{font-size:21px}.ads-platform .rule-templates span{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--stroke));border-radius:50%;letter-spacing:0}
.ads-platform #rules-panel,.ads-platform #settings-panel,.ads-platform #connection-panel{border:0;background:transparent;padding:0}.ads-platform #rules-panel>.creative-group,.ads-platform #today-panel>.creative-group{border-color:var(--stroke);border-radius:24px;background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.06)}

@media(max-width:1100px){.summary-insight{grid-template-columns:minmax(0,1fr) 145px}.campaign-spotlight{grid-template-columns:1fr}.campaign-bars{max-width:520px}.ads-platform .priority-grid{grid-template-columns:1fr 1fr}.ads-platform .priority-grid article:first-child{grid-column:1/-1}.ads-platform .funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ads-platform .funnel-grid::before{display:none}.ads-platform .funnel-grid article,.ads-platform .funnel-grid article:first-child,.ads-platform .funnel-grid article:last-child{border:1px solid var(--stroke);border-radius:18px}body[data-active-view="results"] .commercial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.ads-platform::before{opacity:.6}.ads-section-nav{top:8px;width:calc(100% - 24px);margin-inline:12px;padding:4px}.ads-section-nav button{flex:0 0 auto}.ads-platform main{padding:22px 16px 48px}.ads-platform .page-heading{padding-top:8px}.ads-platform .page-heading h1{font-size:2.4rem}.ads-platform .page-heading p{font-size:15px}.summary-insight{grid-template-columns:1fr;min-height:0}.summary-score{grid-template-columns:auto 1fr;grid-template-rows:auto auto;justify-items:start;min-height:0;padding:18px 0 0;border-top:1px solid rgba(154,171,189,.15);border-left:0;text-align:left}.summary-score .summary-orbit{grid-row:1/3;width:72px;height:72px;margin-right:14px}.summary-score strong{align-self:end;margin:0}.summary-score span{align-self:start}.ads-platform #summary{padding:26px 24px;border-radius:24px 24px 46px 24px}.summary-story h2{font-size:2rem}.ads-platform #summary .metrics{grid-template-columns:1fr;gap:0}.ads-platform #summary .metrics>div,.ads-platform #summary .metrics>div:first-child{display:flex;padding:12px 0;border-right:0;border-bottom:1px solid rgba(154,171,189,.12);align-items:center;justify-content:space-between;gap:16px}.ads-platform #summary .metrics>div:last-child{border-bottom:0}.ads-platform #summary .metrics dd{font-size:22px}.ads-platform #today-panel .decision-hero{grid-template-columns:1fr}.ads-platform .decision-stats{width:100%}.ads-platform .priority-grid{grid-template-columns:1fr}.ads-platform .priority-grid article:first-child{grid-column:auto;min-height:220px}.campaign-spotlight{padding:26px 24px;border-radius:24px 24px 46px 24px}.campaign-spotlight dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.campaign-spotlight dd{font-size:16px}.campaign-bars{padding:16px}.ads-platform #table-panel .table-wrap{border-radius:14px}.ads-platform .analysis-heading,.ads-platform .studio-context{padding:24px;border-radius:22px 22px 44px 22px}.ads-platform .funnel-grid{grid-template-columns:1fr}.ads-platform #studio-panel .creative-studio{padding:18px}.ads-platform .rule-templates button{min-height:180px}body[data-active-view="results"] .commercial-metrics{grid-template-columns:1fr}body[data-active-view="results"] .revenue-comparison{padding:24px;border-radius:22px 22px 44px 22px}}
@media(max-width:760px){.ads-platform .openai-connection-notice{grid-template-columns:auto minmax(0,1fr);padding:11px 12px}.ads-platform .openai-notice-copy>span{display:none}.ads-platform .openai-notice-action{grid-column:1/-1;justify-content:center;width:100%}body.openai-disconnected[data-active-view="studio"] .topbar{display:grid;grid-template-columns:1fr;padding:12px 16px}body.openai-disconnected[data-active-view="studio"] .topbar>.openai-connection-notice{display:grid}}
@media(prefers-reduced-motion:reduce){.ads-platform .openai-connection-notice{transition:none}}

@media(max-width:760px){body[data-active-view="campaigns"] #summary .metrics>div:nth-child(n){display:flex}body[data-active-view="campaigns"] #summary-toggle{display:none}}

/* Three task spaces: understand results, create an ad, and monitor exceptions. */
.ads-platform .results-overview{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);gap:42px;align-items:center;margin:0 0 18px;padding:38px 40px;border:1px solid rgba(154,171,189,.16);border-radius:28px 28px 64px 28px;background:radial-gradient(circle at 8% 8%,rgba(97,216,206,.13),transparent 30%),radial-gradient(circle at 92% 12%,rgba(239,185,79,.14),transparent 28%),linear-gradient(145deg,#071421,#0b1c2b);color:#f4ede3;box-shadow:0 26px 72px rgba(0,8,18,.22)}
.ads-platform .results-story h2{max-width:15ch;margin:10px 0 14px;color:#f4ede3;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.02;letter-spacing:-.05em}.ads-platform .results-story>p{max-width:38ch;color:#aebdca}.ads-platform .results-source{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(154,171,189,.14)}.ads-platform .results-source span{color:#8498aa;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.ads-platform .results-source strong{color:#f4ede3;font-size:12px}
.ads-platform .results-overview .funnel-grid{display:grid;grid-template-columns:1fr;margin:0;padding:0;border:1px solid rgba(154,171,189,.14);border-radius:20px;background:rgba(2,8,18,.22);overflow:hidden}.ads-platform .results-overview .funnel-grid::before{display:none}.ads-platform .results-overview .funnel-grid article,.ads-platform .results-overview .funnel-grid article:first-child,.ads-platform .results-overview .funnel-grid article:last-child{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;min-height:82px;margin:0;padding:15px 20px;border:0;border-bottom:1px solid rgba(154,171,189,.12);border-radius:0;background:transparent;box-shadow:none}.ads-platform .results-overview .funnel-grid article:last-child{border-bottom:0}.ads-platform .funnel-index{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(239,185,79,.34);border-radius:50%;color:#efb94f;font-size:10px;font-weight:750;letter-spacing:.06em}.ads-platform .results-overview .funnel-grid article>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 18px;align-items:baseline}.ads-platform .results-overview .funnel-grid h3{margin:0;color:#c4d0da;font-size:14px;font-weight:600}.ads-platform .results-overview .funnel-grid strong{grid-column:2;grid-row:1/3;color:#f4ede3;font-size:29px;line-height:1;letter-spacing:-.04em}.ads-platform .results-overview .funnel-grid p{margin:0;color:#7890a3;font-size:11px}.ads-platform .results-footnote{margin:0 0 28px}
body[data-active-view="results"] .commercial-metrics{gap:0;border-block:1px solid var(--stroke)}body[data-active-view="results"] .commercial-metrics>div{min-height:104px;padding:18px 20px;border:0;border-right:1px solid var(--stroke);border-radius:0;background:transparent}body[data-active-view="results"] .commercial-metrics>div:last-child{border-right:0}body[data-active-view="results"] .revenue-comparison{border-color:var(--stroke);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--gold)),var(--panel));color:var(--ink);box-shadow:0 18px 48px rgba(0,0,0,.07)}body[data-active-view="results"] .revenue-comparison h3,body[data-active-view="results"] .revenue-comparison .commercial-metrics dd{color:var(--ink)}body[data-active-view="results"] .revenue-comparison .commercial-metrics dt,body[data-active-view="results"] .revenue-comparison .muted{color:var(--ink-3)}body[data-active-view="results"] .revenue-comparison .commercial-metrics>div{border-color:var(--stroke);background:transparent}

.ads-platform #studio-panel .workflow-steps{margin-bottom:22px}.ads-platform .studio-workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:22px;align-items:start}.ads-platform .studio-workspace>*{min-width:0}.ads-platform .studio-workspace .studio-context{position:sticky;top:108px;display:grid;align-content:space-between;min-height:470px;margin:0;padding:34px;border-radius:26px 26px 60px 26px}.ads-platform .studio-workspace .studio-context h2{max-width:11ch;font-size:clamp(2.2rem,3.5vw,3.5rem);line-height:1.02}.ads-platform .studio-workspace .studio-context button{justify-self:start}.ads-platform #studio-panel .studio-workspace .creative-studio{display:block;margin:0;padding:32px;border-radius:26px}.ads-platform .studio-workspace .creative-studio>h2{margin-top:0;font-size:25px}.ads-platform .studio-workspace .creative-studio>p,.ads-platform .studio-workspace #generation-availability{max-width:100%;overflow-wrap:anywhere;font-size:14px}.ads-platform .studio-workspace #generation-form{display:grid;gap:16px}.ads-platform .studio-workspace #generation-form>label{margin:0}.ads-platform .studio-workspace #generation-form>button{width:100%;margin:0}.ads-platform .studio-workspace #proposals-history{margin-top:24px;padding-top:20px;border-top:1px solid var(--stroke)}

.ads-platform .analysis-heading:has(.automation-overview){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:end}.ads-platform .automation-overview{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:0;margin:0;padding:10px 0}.ads-platform .automation-overview>div{padding:4px 18px;border-left:1px solid rgba(154,171,189,.16)}.ads-platform .automation-overview dt{color:#8498aa;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.ads-platform .automation-overview dd{margin:6px 0 0;color:#f4ede3;font-size:28px;font-weight:680;letter-spacing:-.04em}
.ads-platform .automation-workspace{display:grid;grid-template-columns:minmax(235px,.62fr) minmax(440px,1.38fr);gap:22px;align-items:start;margin:0 0 34px}.ads-platform .automation-workspace .rule-templates{display:grid;grid-template-columns:1fr;gap:8px;margin:0}.ads-platform .automation-workspace .rule-templates button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center;min-height:0;padding:16px 18px;border:1px solid var(--stroke);border-radius:17px;background:color-mix(in srgb,var(--panel) 86%,transparent);box-shadow:none}.ads-platform .automation-workspace .rule-templates button:hover{transform:none;border-color:color-mix(in srgb,var(--gold) 55%,var(--stroke));box-shadow:0 12px 30px rgba(0,0,0,.08)}.ads-platform .automation-workspace .rule-templates button[aria-pressed="true"]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--panel));box-shadow:inset 3px 0 var(--gold)}.ads-platform .automation-workspace .rule-templates button>span:first-child{width:36px;height:36px}.ads-platform .automation-workspace .template-copy{display:grid;width:auto;height:auto;place-items:initial;border:0;border-radius:0;text-align:left}.ads-platform .automation-workspace .template-copy strong{font-size:14px}.ads-platform .automation-workspace .template-copy small{margin-top:3px;font-size:11px;line-height:1.4}.ads-platform .automation-builder{padding:28px 30px;border:1px solid var(--stroke);border-radius:24px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.07)}.ads-platform .automation-builder-copy{display:flex;align-items:end;justify-content:space-between;gap:22px;padding-bottom:18px;border-bottom:1px solid var(--stroke)}.ads-platform .automation-builder-copy h2{margin:0;font-size:24px}.ads-platform .automation-builder-copy p{max-width:42ch;margin:0;color:var(--ink-3);font-size:12px}.ads-platform .automation-builder .rule-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin:24px 0 0}.ads-platform .automation-builder .rule-form label{margin:0}.ads-platform .automation-builder #rule-results{margin-top:18px}.ads-platform .automation-recurring{padding:30px 32px!important}.ads-platform .automation-recurring>h2{max-width:18ch;font-size:30px}.ads-platform .automation-recurring>#automation-service{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in srgb,var(--cyan) 42%,var(--stroke));border-radius:999px;color:var(--cyan);font-size:11px}

@media(max-width:1100px){.ads-platform .results-overview{grid-template-columns:1fr}.ads-platform .studio-workspace{grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr)}.ads-platform .automation-workspace{grid-template-columns:minmax(210px,.55fr) minmax(390px,1.45fr)}.ads-platform .automation-workspace .rule-templates{grid-template-columns:1fr}.ads-platform .automation-builder .rule-form{grid-template-columns:repeat(3,minmax(0,1fr))}.ads-platform .automation-builder .rule-form button{grid-column:1/-1}}
@media(max-width:760px){.ads-platform .results-overview{gap:24px;padding:26px 24px;border-radius:24px 24px 46px 24px}.ads-platform .results-story h2{font-size:2.25rem}.ads-platform .results-overview .funnel-grid article,.ads-platform .results-overview .funnel-grid article:first-child,.ads-platform .results-overview .funnel-grid article:last-child{grid-template-columns:36px minmax(0,1fr);padding:14px;gap:12px}.ads-platform .results-overview .funnel-grid article>div{grid-template-columns:1fr auto}.ads-platform .results-overview .funnel-grid strong{font-size:24px}body[data-active-view="results"] .commercial-metrics{display:grid;grid-template-columns:1fr;border:0}body[data-active-view="results"] .commercial-metrics>div{min-height:82px;border:0;border-bottom:1px solid var(--stroke)}.ads-platform .studio-workspace{grid-template-columns:1fr}.ads-platform .studio-workspace .studio-context{position:static;min-height:330px}.ads-platform .studio-workspace .creative-studio{padding:22px}.ads-platform .analysis-heading:has(.automation-overview){grid-template-columns:1fr}.ads-platform .automation-overview{width:100%}.ads-platform .automation-overview>div:first-child{border-left:0;padding-left:0}.ads-platform .automation-workspace .rule-templates{grid-template-columns:1fr}.ads-platform .automation-workspace .rule-templates button{grid-template-columns:42px minmax(0,1fr)}.ads-platform .automation-builder{padding:22px}.ads-platform .automation-builder-copy{display:block}.ads-platform .automation-builder-copy p{margin-top:8px}.ads-platform .automation-builder .rule-form{grid-template-columns:1fr}.ads-platform .automation-recurring{padding:22px!important}}

/* Studio: idea first, visual result second, implementation details on demand. */
body[data-active-view="studio"] .topbar{grid-template-columns:minmax(260px,520px);justify-content:start}
body[data-active-view="studio"] .topbar>label:not(.account-select),body[data-active-view="studio"] #refresh{display:none}
body[data-active-view="studio"] .page-heading{align-items:end}
body[data-active-view="studio"] #guided-setup{display:none}
body[data-active-view="studio"] #context{display:none}
body[data-active-view="studio"] .source-note{display:none}
.ads-platform #studio-panel{display:block;width:100%;max-width:1320px;min-width:0;margin-inline:auto}
.ads-platform #studio-panel[hidden]{display:none}
.ads-platform #studio-panel .studio-context{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 16px;padding:28px 32px;border-radius:24px 24px 54px 24px}
.ads-platform #studio-panel .studio-context h2{max-width:16ch;margin:8px 0;color:#f4ede3;font-size:clamp(2rem,3.2vw,3.3rem);line-height:1;letter-spacing:-.05em}
.ads-platform #studio-panel .studio-context p{max-width:62ch;margin:0;font-size:13px}
.ads-platform #studio-panel .studio-context>button{flex:0 0 auto;margin:0;background:rgba(2,8,18,.16)}
.ads-platform #studio-panel .workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 22px;padding:0;border:0;border-bottom:1px solid var(--stroke);border-radius:0;background:transparent}
.ads-platform #studio-panel .workflow-steps span{padding:12px 8px;border-radius:0;color:var(--ink-3);font-size:11px;font-weight:680;text-align:left}
.ads-platform #studio-panel .workflow-steps span[aria-current="step"]{color:var(--ink);box-shadow:inset 0 -2px var(--gold)}
.ads-platform #studio-panel .studio-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:start}
.ads-platform #studio-panel .studio-workspace>*{min-width:0}
.ads-platform #studio-panel .creative-studio{display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.ads-platform #studio-panel .creative-studio>h2{margin:0;color:var(--ink);font-size:24px;letter-spacing:-.03em}
.ads-platform #studio-panel .creative-studio>p{max-width:52ch;margin:6px 0 20px;color:var(--ink-3);font-size:14px}
.ads-platform #studio-panel #generation-form{display:grid;gap:18px;margin:0}
.ads-platform .studio-brief{display:grid;gap:18px;padding:28px;border:1px solid var(--stroke);border-radius:24px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.08)}
.ads-platform .studio-brief-heading h3{margin:5px 0 7px;font-size:28px;letter-spacing:-.04em}
.ads-platform .studio-brief-heading p{max-width:58ch;margin:0;color:var(--ink-3);font-size:13px}
.ads-platform .studio-prompt{display:block;margin:0;color:transparent;font-size:0}
.ads-platform .studio-prompt textarea{min-height:156px;margin:0;padding:20px;border:1px solid color-mix(in srgb,var(--stroke) 75%,var(--ink-3));border-radius:18px;background:color-mix(in srgb,var(--raised) 78%,transparent);color:var(--ink);font:500 18px/1.5 var(--interface-font);resize:vertical;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ads-platform .studio-prompt textarea::placeholder{color:color-mix(in srgb,var(--ink-3) 78%,transparent)}
.ads-platform .studio-brief-actions{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(230px,1.25fr);gap:12px;align-items:end}
.ads-platform .studio-brief-actions>label{margin:0}
.ads-platform .studio-brief-actions .confirmation{min-height:48px;margin:0;padding:10px 12px 10px 66px;border:1px solid var(--stroke);border-radius:14px;background:color-mix(in srgb,var(--raised) 72%,transparent);font-size:11px;line-height:1.35}
.ads-platform .studio-brief-actions #generate-text{grid-column:1/-1;width:100%;min-height:52px;margin:0;font-size:15px}
.ads-platform .studio-brief-actions #new-generation{grid-column:1/-1;width:auto;justify-self:start;margin:-2px 0 0;padding-inline:0;border-color:transparent;background:transparent;box-shadow:none;color:var(--ink-2)}
.ads-platform #generation-feedback:empty{display:none}
.ads-platform #generation-feedback{margin:0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--cyan) 8%,transparent);font-size:12px}
.ads-platform .studio-directions{padding:24px 0 0;border-top:1px solid var(--stroke)}
.ads-platform #creative-concepts{margin:0;padding:0;border:0}
.ads-platform #creative-concepts>legend{padding:0;color:var(--ink);font-size:20px;font-weight:720;letter-spacing:-.025em}
.ads-platform #creative-concepts>p{max-width:64ch;margin:7px 0 16px;color:var(--ink-3);font-size:12px}
.ads-platform #concept-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ads-platform #concept-options .concept-choice{position:relative;display:grid;min-height:116px;margin:0;padding:17px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--panel) 82%,transparent);cursor:pointer;transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease),background var(--fast) var(--ease)}
.ads-platform #concept-options .concept-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 55%,var(--stroke))}
.ads-platform #concept-options .concept-choice:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--panel));box-shadow:inset 3px 0 var(--gold)}
.ads-platform #concept-options .concept-choice input{position:absolute;top:14px;right:14px;width:18px;height:18px;opacity:0}
.ads-platform #concept-options .concept-choice strong{padding-right:22px;color:var(--ink);font-size:14px}
.ads-platform #concept-options .concept-choice span{margin-top:8px;color:var(--ink-3);font-size:11px;line-height:1.45}
.ads-platform #concept-options .concept-choice:has(input:checked)::after{content:"✓";position:absolute;top:14px;right:14px;color:var(--gold-text);font-size:13px;font-weight:800}
.ads-platform #concept-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding:18px;border:1px solid var(--stroke);border-radius:18px;background:color-mix(in srgb,var(--raised) 74%,transparent)}
.ads-platform #concept-fields label{margin:0}.ads-platform #concept-fields label:first-child{grid-column:1/-1}
.ads-platform .studio-details,.ads-platform #studio-panel #proposals-history{overflow:clip;margin:0;border:1px solid var(--stroke);border-radius:17px;background:color-mix(in srgb,var(--panel) 76%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.ads-platform .studio-details>summary,.ads-platform #studio-panel #proposals-history>summary{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:64px;padding:12px 15px;list-style:none;color:var(--ink);cursor:pointer;transition:background var(--fast) var(--ease)}
.ads-platform .studio-details>summary::-webkit-details-marker,.ads-platform #studio-panel #proposals-history>summary::-webkit-details-marker{display:none}
.ads-platform .studio-details>summary:hover,.ads-platform #studio-panel #proposals-history>summary:hover{background:color-mix(in srgb,var(--raised) 70%,transparent)}
.ads-platform .studio-details>summary>span:nth-child(2),.ads-platform #studio-panel #proposals-history>summary>span:nth-child(2){display:grid;gap:2px;min-width:0}
.ads-platform .studio-details>summary strong,.ads-platform #studio-panel #proposals-history>summary strong{font-size:13px;font-weight:720;letter-spacing:-.01em}
.ads-platform .studio-details>summary small,.ads-platform #studio-panel #proposals-history>summary small{overflow:hidden;color:var(--ink-3);font-size:10px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}
.ads-platform .disclosure-glyph{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--stroke) 80%,var(--ink-3));border-radius:11px;background:color-mix(in srgb,var(--raised) 82%,transparent)}
.ads-platform .disclosure-glyph::before{content:"";width:17px;height:17px;background:var(--ink-2);mask:var(--disclosure-icon) center/contain no-repeat;-webkit-mask:var(--disclosure-icon) center/contain no-repeat}
.ads-platform .disclosure-context{--disclosure-icon:url('/assets/icons/settings.svg')}.ads-platform .disclosure-history{--disclosure-icon:url('/assets/icons/clock.svg')}
.ads-platform .studio-details>summary>i,.ads-platform #studio-panel #proposals-history>summary>i{justify-self:center;width:8px;height:8px;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);transition:transform var(--fast) var(--ease)}
.ads-platform .studio-details[open]>summary>i,.ads-platform #studio-panel #proposals-history[open]>summary>i{transform:rotate(225deg)}
.ads-platform .studio-details-body{display:grid;gap:12px;padding:4px 15px 16px}
.ads-platform .studio-details-body>#generation-context,.ads-platform .studio-details-body>#lineage-context{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.ads-platform .studio-details-body>#generation-availability{margin:0;padding-top:2px;color:var(--ink-3);font-size:10px}
.ads-platform .context-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--stroke)}
.ads-platform .context-inspector-head strong{color:var(--ink-2);font-size:11px;font-weight:650}
.ads-platform .context-inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
.ads-platform .context-inspector-grid>div{min-width:0;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--stroke) 72%,transparent)}
.ads-platform .context-inspector-grid dt{margin:0 0 3px;color:var(--ink-3);font-size:9px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}
.ads-platform .context-inspector-grid dd{margin:0;color:var(--ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere}

/* One disclosure language across the product. Keep progressive disclosure,
   remove the browser's document-like marker and raw text-row treatment. */
.ads-platform main details:not(.studio-details):not(#proposals-history),
.ads-platform dialog details{
  margin-block:14px;
  padding:0 16px 16px;
  overflow:clip;
  border:1px solid color-mix(in srgb,var(--stroke) 86%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--raised) 76%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.34);
}
.ads-platform main details:not(.studio-details):not(#proposals-history):not([open]),
.ads-platform dialog details:not([open]){padding-bottom:0}
.ads-platform main details:not(.studio-details):not(#proposals-history)>summary,
.ads-platform dialog details>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:56px;
  margin:0 -16px;
  padding:12px 16px;
  list-style:none;
  color:var(--ink);
  font-size:14px;
  font-weight:680;
  line-height:1.3;
  letter-spacing:-.012em;
  text-decoration:none;
  text-underline-offset:0;
  cursor:pointer;
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease);
}
.ads-platform main details:not(.studio-details):not(#proposals-history)>summary::-webkit-details-marker,
.ads-platform dialog details>summary::-webkit-details-marker{display:none}
.ads-platform main details:not(.studio-details):not(#proposals-history)>summary::after,
.ads-platform dialog details>summary::after{
  content:"";
  justify-self:center;
  width:8px;
  height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  opacity:.64;
  transform:rotate(45deg) translate(-2px,-2px);
  transition:transform var(--fast) var(--ease),opacity var(--fast) var(--ease);
}
.ads-platform main details:not(.studio-details):not(#proposals-history)[open]>summary,
.ads-platform dialog details[open]>summary{
  margin-bottom:14px;
  border-bottom:1px solid color-mix(in srgb,var(--stroke) 76%,transparent);
  background:color-mix(in srgb,var(--raised) 92%,transparent);
}
.ads-platform main details:not(.studio-details):not(#proposals-history)[open]>summary::after,
.ads-platform dialog details[open]>summary::after{opacity:.9;transform:rotate(225deg) translate(-1px,-1px)}
.ads-platform main details:not(.studio-details):not(#proposals-history)>summary:hover,
.ads-platform dialog details>summary:hover{background:color-mix(in srgb,var(--raised) 94%,var(--gold) 6%)}
.ads-platform main details:not(.studio-details):not(#proposals-history)>summary:focus-visible,
.ads-platform dialog details>summary:focus-visible{position:relative;z-index:1;outline:2px solid var(--focus);outline-offset:-3px;border-radius:13px}
.ads-platform main details:not(.studio-details):not(#proposals-history)>:last-child,
.ads-platform dialog details>:last-child{margin-bottom:0}
.ads-platform .studio-preview-stage{position:sticky;top:104px;padding:18px;border:1px solid rgba(154,171,189,.16);border-radius:26px 26px 58px 26px;background:radial-gradient(circle at 88% 8%,rgba(239,185,79,.15),transparent 28%),linear-gradient(145deg,#071421,#0a1d2b);color:#f4ede3;box-shadow:0 28px 72px rgba(0,8,18,.24)}
.ads-platform .studio-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px}.ads-platform .studio-preview-toolbar .eyebrow{color:#61d8ce}.ads-platform .studio-preview-toolbar>span:last-child{padding:5px 9px;border:1px solid rgba(154,171,189,.2);border-radius:999px;color:#aebdca;font-size:10px}
.ads-platform .studio-ad-preview{overflow:hidden;border:1px solid rgba(154,171,189,.16);border-radius:20px;background:#f4ede3;color:#071421;transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease)}
.ads-platform .studio-ad-preview.has-idea{transform:translateY(-2px);box-shadow:0 22px 48px rgba(0,0,0,.25)}
.ads-platform .studio-preview-art{position:relative;display:grid;min-height:300px;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(239,185,79,.32),transparent 22%),radial-gradient(circle at 50% 45%,#15344b,#071421 64%)}
.ads-platform .studio-preview-art::before,.ads-platform .studio-preview-art::after{content:"";position:absolute;width:64%;aspect-ratio:1;border:1px solid rgba(97,216,206,.18);border-radius:50%}.ads-platform .studio-preview-art::after{width:42%;border-color:rgba(239,185,79,.28)}
.ads-platform .studio-preview-art span{position:relative;z-index:1;color:#f4ede3;font-size:64px;font-weight:850;letter-spacing:-.09em}.ads-platform .studio-preview-art i{position:absolute;width:7px;height:7px;border-radius:50%;background:#61d8ce;box-shadow:0 0 18px #61d8ce}
.ads-platform .studio-preview-copy{padding:22px 22px 24px}.ads-platform .studio-preview-copy>span{color:#9b6b18;font-size:9px;font-weight:800;letter-spacing:.11em}.ads-platform .studio-preview-copy h2{margin:8px 0 10px;color:#071421;font-size:24px;line-height:1.05;letter-spacing:-.04em}.ads-platform .studio-preview-copy p{display:-webkit-box;overflow:hidden;min-height:44px;margin:0;color:#43596a;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ads-platform .studio-preview-copy b{display:inline-flex;margin-top:18px;padding:9px 13px;border-radius:10px;background:#efb94f;color:#071421;font-size:11px}
.ads-platform .studio-preview-note{margin:14px 4px 2px;color:#8fa2b2;font-size:10px;line-height:1.45}
.ads-platform #studio-panel #proposals-history{margin-top:0}
.ads-platform #studio-panel #proposals-history>#refresh-proposals{margin:4px 15px 12px}
.ads-platform #studio-panel #proposals-list{padding:0 15px 14px}
.ads-platform #studio-panel #proposal-editor{grid-column:1/-1;margin-top:28px}

@media(max-width:1100px){.ads-platform #studio-panel .studio-workspace{grid-template-columns:minmax(0,1fr) minmax(290px,.72fr)}.ads-platform .studio-preview-art{min-height:230px}.ads-platform .studio-brief-actions{grid-template-columns:1fr}.ads-platform .studio-brief-actions #generate-text,.ads-platform .studio-brief-actions #new-generation{grid-column:1}}
@media(max-width:760px){body[data-active-view="studio"] .topbar{display:none}.ads-platform #studio-panel .studio-context{display:grid;align-items:start;padding:24px}.ads-platform #studio-panel .studio-context h2{font-size:2.35rem}.ads-platform #studio-panel .studio-context>button{justify-self:start}.ads-platform #studio-panel .workflow-steps{width:100%;max-width:100%;grid-template-columns:repeat(4,minmax(92px,1fr));overflow-x:auto}.ads-platform #studio-panel .workflow-steps span{text-align:center}.ads-platform #studio-panel .studio-workspace{width:100%;grid-template-columns:minmax(0,1fr)}.ads-platform .studio-preview-stage{position:static;grid-row:1;padding:14px;border-radius:22px 22px 44px 22px}.ads-platform .studio-preview-art{min-height:240px}.ads-platform #studio-panel .creative-studio{grid-row:2;padding:0}.ads-platform .studio-brief{padding:20px}.ads-platform #concept-options{grid-template-columns:1fr}.ads-platform #concept-fields{grid-template-columns:1fr}.ads-platform #concept-fields label:first-child{grid-column:auto}.ads-platform .context-inspector-grid{grid-template-columns:1fr}.ads-platform .automation-workspace{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.ads-platform .automation-builder{width:100%;min-width:0;padding:22px}.ads-platform .automation-builder-copy,.ads-platform .automation-builder .rule-form{min-width:0}.ads-platform .automation-builder input,.ads-platform .automation-builder select,.ads-platform .automation-builder button{width:100%;min-width:0}.ads-platform .automation-workspace .template-copy,.ads-platform .automation-workspace .template-copy>*{min-width:0;overflow-wrap:anywhere}}