/* A clearer working surface. Brand accents inherit the existing DNA theme. */
body.afrodita-console{background:var(--af-canvas);--workspace-ink:#192d2c;--workspace-muted:#526563}
.afrodita-console .console-shell{width:calc(100% - 40px);max-width:1520px;padding:24px 0 40px}
.afrodita-console .console-hero{align-items:center;gap:20px;margin-bottom:22px;padding:24px 28px;border:1px solid var(--af-border);border-radius:20px;background:linear-gradient(110deg,color-mix(in srgb,var(--af-accent) 16%,white),#fff 75%);box-shadow:none;border-left:5px solid var(--af-accent)}
.afrodita-console .hero-copy h1{font-size:clamp(24px,2.5vw,34px);line-height:1.16;letter-spacing:-.045em;margin:6px 0 10px;max-width:700px;color:var(--workspace-ink)}
.afrodita-console .hero-copy p{font-size:15px;line-height:1.55;max-width:650px;margin:0;color:var(--workspace-muted)}
.afrodita-console .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--workspace-ink);margin-bottom:4px}
.afrodita-console .hero-actions{gap:10px;flex-shrink:0}.afrodita-console .sync-pill{font-size:12px;min-height:32px;padding:0 11px}.afrodita-console .secondary-action{min-height:38px;border-radius:10px;box-shadow:none;font-size:14px}
.workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.workspace-tabs button{display:flex;align-items:center;gap:12px;min-height:76px;margin:0;padding:14px 16px;text-align:left;border:1px solid #dce4e3;border-radius:14px;background:#fff;color:var(--workspace-ink);cursor:pointer;box-shadow:none;font-family:inherit;transition:border-color .15s,background .15s}
.workspace-tabs button strong,.workspace-tabs button small{display:block}.workspace-tabs button strong{font-size:15px;font-weight:750;line-height:1.35}.workspace-tabs button small{font-size:12px;font-weight:450;color:var(--workspace-muted);margin-top:4px;line-height:1.35}
.workspace-tab-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;font-size:12px;font-weight:750;background:#eef2f3;color:#425759}
.workspace-tabs button:nth-child(2) .workspace-tab-number{background:#eeeafb;color:#625195}.workspace-tabs button:nth-child(3) .workspace-tab-number{background:#fff1db;color:#866017}
.workspace-tabs button[aria-selected=true]{border-color:var(--af-accent);background:color-mix(in srgb,var(--af-accent) 9%,white);box-shadow:inset 0 -3px var(--af-accent)}
.workspace-tabs button:hover{border-color:var(--af-accent)}.workspace-tabs button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.workspace-guidance{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--workspace-muted)}
.afrodita-console .panel-card{padding:22px;border:1px solid #e0e7e6;border-radius:16px;background:#fff;box-shadow:0 3px 16px #18372e05;backdrop-filter:none}
.afrodita-console .panel-heading{margin-bottom:20px;gap:12px}.afrodita-console .panel-heading h2{font-size:18px;letter-spacing:-.025em;color:var(--workspace-ink)}
.afrodita-console .panel-heading p{font-size:14px;color:var(--workspace-muted);line-height:1.5}.afrodita-console .panel-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;color:#1c6854;background:color-mix(in srgb,var(--af-accent) 14%,white)}
.afrodita-console .field-group>label{font-size:14px;color:var(--workspace-ink)}.afrodita-console .field-help{font-size:13px;color:var(--workspace-muted);line-height:1.55}
.afrodita-console .field-group select,.afrodita-console .field-group textarea,.afrodita-console .field-group input:not([type=range]):not([type=checkbox]):not([type=color]){border-color:#dce4e3;border-radius:10px;background:#fafcfc;color:#223834;font-size:14px}
.afrodita-console .console-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px}.afrodita-console .settings-column,.afrodita-console .preview-column{gap:18px}
.afrodita-console[data-workspace-view] .appearance-card{display:none}
.afrodita-console[data-workspace-view=responses] #commercialCard{display:none}
.afrodita-console[data-workspace-view=actions] .settings-column>.panel-card:not(#commercialCard){display:none}
.afrodita-console[data-workspace-view]:not([data-workspace-view=design]) .preview-column{position:sticky;top:16px}
.afrodita-console[data-workspace-view=design] .settings-column{display:none}
.afrodita-console[data-workspace-view=design] .console-grid{display:block}
.afrodita-console[data-workspace-view=design] .preview-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:start}
.afrodita-console[data-workspace-view=design] .appearance-card{display:block;grid-column:1;grid-row:1}
.afrodita-console[data-workspace-view=design] .preview-card{grid-column:2;grid-row:1;position:sticky;top:16px}
.afrodita-console .preview-card{border-top:3px solid var(--af-accent)}.afrodita-console .preview-note{font-size:12px;color:var(--workspace-muted)}
.afrodita-console .preview-canvas{min-height:270px}.afrodita-console .commercial-channel{border-radius:12px}.afrodita-console .commercial-card-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e0e7e6;padding-top:16px}
.afrodita-console .primary-action{color:var(--brand-contrast,#fff);border-radius:10px}
@media(min-width:1101px){.afrodita-console[data-workspace-view=design] .compact-preview-slot{display:none}}
@media(max-width:1100px){.afrodita-console .console-grid{grid-template-columns:1fr}.afrodita-console[data-workspace-view]:not([data-workspace-view=design]) .preview-column{display:none}.afrodita-console[data-workspace-view=design] .preview-column{grid-template-columns:1fr}.afrodita-console[data-workspace-view=design] .preview-card{position:relative;grid-column:1;grid-row:1;top:auto}.afrodita-console[data-workspace-view=design] .appearance-card{grid-column:1;grid-row:2}.afrodita-console .console-hero{padding:20px;align-items:flex-start}.afrodita-console .hero-actions{align-items:flex-end}}
@media(max-width:720px){.afrodita-console .console-shell{width:calc(100% - 24px);padding-top:14px}.afrodita-console .console-hero{display:block}.afrodita-console .hero-actions{margin-top:16px;flex-direction:row;justify-content:space-between;align-items:center}.workspace-tabs{gap:6px}.workspace-tabs button{padding:12px 8px;gap:6px;justify-content:center;min-height:64px}.workspace-tabs button strong{font-size:13px}.workspace-tabs button small,.workspace-tab-number{display:none}.afrodita-console .panel-card{padding:18px}.workspace-guidance{font-size:13px}}
@media(prefers-reduced-motion:reduce){.workspace-tabs button{transition:none}}