/* Approved matte dark / frosted light concepts. Keep finance opaque and legible. */
@font-face {font-family:Inter;src:url("/assets/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;}
@font-face {
 font-family:Manrope;src:url("/assets/fonts/Manrope-cyrillic.woff2") format("woff2");font-weight:200 800;font-display:swap;
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
 font-family:Manrope;src:url("/assets/fonts/Manrope-latin-ext.woff2") format("woff2");font-weight:200 800;font-display:swap;
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
 font-family:Manrope;src:url("/assets/fonts/Manrope-latin.woff2") format("woff2");font-weight:200 800;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
 --ui-bg:#282828; --ui-card:#1C1C1C; --ui-raised:#303030; --ui-hover:#383838;
 --ui-text:#F7F7F7; --ui-muted:#BDBDBD; --ui-line:#525252;
 --ui-accent:#A8DD50; --ui-accent-ink:#151515; --ui-accent-hover:#B8E865;
 --ui-selected:#333C29; --ui-profit:#1C1C1C; --ui-danger:#FFADB3; --ui-danger-bg:#3c292b;
 --ui-warning:#f2c28c; --ui-warning-bg:#362d24; --ui-focus:#A8DD50;
 --ui-shadow:none; --ui-modal:#303030; --ui-mask:rgba(7,12,15,.82);
}
:root[data-theme="light"] {
 --ui-bg:#F4F3F8; --ui-card:#FFFFFF; --ui-raised:#FFFFFF;
 --ui-hover:#EDEBF8; --ui-text:#171842; --ui-muted:#62657B; --ui-line:#E1DFEE;
 --ui-accent:#242078; --ui-accent-ink:#FFFFFF; --ui-accent-hover:#1D195F;
 --ui-selected:#EDEBF8; --ui-profit:#81D0EA; --ui-danger:#A62B37; --ui-danger-bg:#fff0ee;
 --ui-warning:#89501d; --ui-warning-bg:#fff4e6; --ui-focus:#242078;
 --ui-shadow:none; --ui-modal:#FFFFFF; --ui-mask:rgba(23,24,66,.48);
}
html {background:var(--ui-bg);}
body.minimal-ui {
 --paper:var(--ui-bg); --white:var(--ui-card); --ink:var(--ui-text); --muted:var(--ui-muted);
 --line:var(--ui-line); --minimal-rule:var(--ui-line); --green:var(--ui-accent);
 --blue:var(--ui-focus); --red:var(--ui-danger); --orange:var(--ui-warning);
 --accent-ink:var(--ui-accent-ink); --accent-line:var(--ui-line);
 --surface-raised:var(--ui-raised); --surface-hover:var(--ui-hover);
 --surface-accent:var(--ui-profit); --lime:var(--ui-profit);
 --workshop-inactive:var(--ui-card); --workshop-inactive-line:var(--ui-line);
 --economy-surface:var(--ui-card); --economy-border:transparent;
 --warning-surface:var(--ui-warning-bg); --warning-line:var(--ui-warning);
 --danger-surface:var(--ui-danger-bg); --shadow:var(--ui-shadow);
 background:var(--ui-bg); color:var(--ink); font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif;
}
.minimal-ui .shell {max-width:820px;}
.minimal-ui .topbar {border-color:var(--line);gap:8px;}
.minimal-ui .nav {align-items:center;gap:4px;}
.minimal-ui .nav button {color:var(--muted);}
.minimal-ui .nav button.active {color:var(--green);}
.minimal-ui .theme-toggle {display:grid;place-items:center;width:44px;min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--ui-card);color:var(--ink);}
.minimal-ui .theme-toggle:hover {background:var(--surface-hover);}
.minimal-ui .button.primary {background:var(--green);border-color:var(--green);color:var(--accent-ink);font-weight:650;}
.minimal-ui .button.primary:hover:not(:disabled) {background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);}
.minimal-ui .button.secondary,.minimal-ui .button.ghost {border-color:var(--line);color:var(--green);}
.minimal-ui .workspace-tabs {background:var(--ui-card);border:0;border-radius:16px;padding:4px;box-shadow:var(--ui-shadow);}
.minimal-ui .workspace-tabs > button {border-radius:12px;color:var(--muted);font-weight:500;}
.minimal-ui .workspace-tabs > button.selected {background:var(--ui-raised);color:var(--ink);box-shadow:0 1px 4px #00000012;}
.minimal-ui .workspace-tabs > button.selected::after {display:none;}
.minimal-ui .workspace-action-badge {background:var(--green);color:var(--accent-ink);}
.minimal-ui .workspace-team-badge {background:var(--ui-raised);color:var(--muted);}
.minimal-ui .living-customers {gap:12px;}
.minimal-ui .living-economy .metric-A,
.minimal-ui .living-economy .sales-capacity,
.minimal-ui .finance-metrics {border:0;border-radius:18px;background:var(--ui-card);box-shadow:var(--ui-shadow);}
.minimal-ui .living-economy .metric-A {padding:10px 14px;}
.minimal-ui .living-economy .metric-A > .economy-row {min-height:86px;}
.minimal-ui .living-economy .metric-A .metric-copy b {font-size:15px;font-weight:400;}
.minimal-ui .living-economy .metric-A .metric-number {font-size:34px;letter-spacing:-.8px;color:var(--ink);}
.minimal-ui .living-economy .metric-copy {padding-right:0;}
.minimal-ui .living-economy .metric-copy b {font-weight:500;}
.minimal-ui .living-economy .metric-trigger.ready {color:var(--green);}
.minimal-ui .living-economy .metric-trigger:not(.ready) {color:var(--muted);}
.minimal-ui .living-economy .conversion-grid {gap:12px;background:none;border:0;border-radius:0;overflow:visible;}
.minimal-ui .living-economy .conversion-card,
.minimal-ui .living-economy .conversion-card + .conversion-card {border:0;border-radius:18px;background:var(--ui-card);box-shadow:var(--ui-shadow);padding:14px 12px 10px;}
.minimal-ui .conversion-code {font-size:14px;font-weight:500;color:var(--ink);}
.minimal-ui .conversion-rate {font-size:34px;color:var(--ink);font-weight:650;}
.minimal-ui .conversion-title {color:var(--muted);font-size:14px;}
.minimal-ui .conversion-result {border-color:var(--line);margin-top:10px;}
.minimal-ui .conversion-result strong {font-size:18px;}
.minimal-ui .conversion-result span {font-size:12px;}
.minimal-ui .living-economy .sales-capacity {padding:0 14px 12px;}
.minimal-ui .sales-capacity .metric-with-help > .economy-row {grid-template-columns:minmax(0,1fr) max-content 24px;gap:4px 6px;padding:14px 0 10px;}
.minimal-ui .sales-capacity .metric-copy {grid-column:1;grid-row:1;}
.minimal-ui .sales-capacity .metric-copy b {font-size:14px;}
.minimal-ui .sales-capacity .metric-number {grid-column:2;grid-row:1;text-align:right;font-size:27px;}
.minimal-ui .sales-capacity .metric-trigger {grid-column:3;grid-row:1;}
.minimal-ui .sales-capacity .metric-with-help > .metric-help {align-self:center;margin:0;}
.minimal-ui .production-load progress {height:8px;background:var(--ui-line);}
.minimal-ui .production-load progress::-webkit-progress-bar {background:var(--ui-line);}
.minimal-ui .production-load progress::-webkit-progress-value {background:var(--green);}
.minimal-ui .production-load progress::-moz-progress-bar {background:var(--green);}
.minimal-ui .capacity-warning {color:var(--orange);}
.minimal-ui .finance-metrics {padding:0 14px;margin-top:12px;}
.minimal-ui .finance-metrics .receipt-heading {padding:14px 0 2px;border:0;}
.minimal-ui .finance-metrics .receipt-heading h2 {font-size:19px;color:var(--ink);font-weight:650;}
.minimal-ui .finance-metrics > .metric-with-help > .economy-row {min-height:58px;}
.minimal-ui .finance-metrics .metric-copy b {font-size:15px;font-weight:400;}
.minimal-ui .finance-metrics .metric-number {font-size:21px;font-variant-numeric:tabular-nums;}
/* One amount axis; the editable price uses a separate pen before the amount. */
.minimal-ui .finance-metrics > .metric-D > .economy-row {grid-template-columns:minmax(0,1fr) 24px max-content;column-gap:6px;padding-right:0;}
.minimal-ui .finance-metrics > .metric-D .metric-number {grid-column:3;}
.minimal-ui .finance-metrics > .metric-D .metric-trigger {grid-column:2;}
.minimal-ui .finance-metrics .expenses-heading {min-height:58px;color:var(--ink);}
.minimal-ui .finance-metrics .expenses-heading > span {font-size:15px;font-weight:400;}
.minimal-ui .finance-metrics .expenses-heading > strong {font-size:21px;}
.minimal-ui .expenses-heading > svg {color:var(--muted);}
.minimal-ui .living-economy .month-profit.compact-business-profit {background:var(--ui-profit);border:0;border-left:3px solid var(--green);border-radius:18px;padding:14px 16px;margin:12px 0;}
.minimal-ui .compact-business-profit .profit-primary {grid-template-columns:minmax(0,1fr) max-content;gap:2px 8px;}
.minimal-ui .compact-business-profit h3 {grid-column:1/-1;grid-row:1;font-size:18px;padding-right:58px;line-height:1.35;}
.minimal-ui .compact-business-profit .profit-title > p {grid-column:1/-1;grid-row:2;font-size:13px;margin:0;}
.minimal-ui .compact-business-profit .profit-score > span {grid-column:2;grid-row:1;align-self:start;max-width:78px;font-size:11px;color:var(--muted);}
.minimal-ui .compact-business-profit .profit-score > strong {grid-column:1/-1;grid-row:3;text-align:left;font-size:38px;letter-spacing:-1px;margin-top:6px;}
.minimal-ui .compact-business-profit .profit-score > strong.profit-long {font-size:34px;}
.minimal-ui .compact-business-profit .profit-net {border-color:var(--line);font-size:13px;margin-top:10px;padding-top:8px;}
.minimal-ui .compact-business-profit .profit-net > strong {font-size:15px;color:var(--muted);}
.minimal-ui .compact-business-profit .profit-net > strong.negative {color:var(--red);}
.minimal-ui .workshop-cash {padding:4px 0;}
.minimal-ui .workshop-cash .account-balance strong {font-size:22px;color:var(--ink);}
.minimal-ui .workshop-cash .account-balance > svg {color:var(--green);}
.minimal-ui .actions-footer {margin-top:14px;}
.minimal-ui .actions-footer > .button {min-height:52px;border-radius:14px;}
.minimal-ui .living-economy .economy-row.actionable:hover {background:transparent;}
.minimal-ui .tutorial-board .tutorial-quiet {opacity:.48;}
.minimal-ui .living-economy .tutorial-quiet .metric-copy b,
.minimal-ui .living-economy .tutorial-quiet .metric-number,
.minimal-ui .living-economy .tutorial-quiet .metric-copy small,
.minimal-ui .living-economy .tutorial-quiet .conversion-title,
.minimal-ui .living-economy .tutorial-quiet .conversion-result strong {color:var(--muted);}
/* The rest of the game uses the same palette, including dialogs and guides. */
.minimal-ui dialog {background:var(--ui-modal);border-color:var(--line);color:var(--ink);box-shadow:0 20px 70px #0004;}
.minimal-ui dialog::backdrop {background:var(--ui-mask);}
.minimal-ui .coach-card {background:var(--ui-modal);border-color:var(--line);color:var(--ink);box-shadow:0 10px 36px #0003;}
.minimal-ui .coach-mask,.minimal-ui .coach-point .coach-mask {background:var(--ui-mask);}
.minimal-ui .coach-point-label {background:var(--ui-card);border-color:var(--line);}
.minimal-ui .coach-point-label button {background:var(--ui-raised);color:var(--ink);}
.minimal-ui .coach-spotlight {border-color:var(--green);box-shadow:0 0 0 2px var(--ui-bg);}
.minimal-ui .economy-layout .offer-carousel .offer {background:var(--ui-card);border-color:var(--line);box-shadow:var(--ui-shadow);}
.minimal-ui .offer-carousel .offer.carousel-active {border-color:var(--green);}
.minimal-ui .offer-carousel .offer.expert-offer {background:var(--ui-profit);border-color:var(--green);}
.minimal-ui .expert-recommendation {background:var(--ui-profit);color:var(--green);}
.minimal-ui .carousel-arrow {background:var(--ui-card);border-color:var(--line);color:var(--ink);}
.minimal-ui .carousel-dot {background:transparent;}
.minimal-ui .carousel-dot span {background:var(--line);}
.minimal-ui .carousel-dot.active span {background:var(--green);}
.minimal-ui .contract-effects,.minimal-ui .expert-row,.minimal-ui .expert-specialty {background:var(--ui-card);border-color:var(--line);}
.minimal-ui .contract-effects strong,.minimal-ui .cost-only strong {color:var(--ink);}
.minimal-ui .employee-proposals {background:var(--ui-card);border-radius:18px;padding:0 14px;}
.minimal-ui .team-project-open {border-color:var(--line);}
.minimal-ui .team-role,.minimal-ui .helper-option {background:var(--ui-card);border-color:var(--line);}
.minimal-ui .helper-option {padding:14px;border-radius:14px;margin-bottom:10px;border:1px solid var(--line);}
.minimal-ui .confirmation-balance,.minimal-ui .one-time-row,.minimal-ui .profit-net,
.minimal-ui .changes-panel,.minimal-ui .library-idea {border-color:var(--line);}
.minimal-ui .button.secondary,.minimal-ui .team-project-open {border-color:var(--line);}
.minimal-ui .library-idea[open],.minimal-ui .library-filters > button.active {background:var(--ui-profit);}
.minimal-ui .history-chart-bar {background:var(--green);}
.minimal-ui .alert,.minimal-ui .paused,.minimal-ui .network-banner {color:var(--orange);}
.minimal-ui .footer {border-color:var(--line);}
html[data-theme="light"] .minimal-ui .workspace-tabs {border:1px solid #fff;backdrop-filter:blur(12px);}
html[data-theme="light"] .minimal-ui .workspace-tabs > button.selected {background:var(--ui-selected);color:var(--ui-accent);box-shadow:none;}
html[data-theme="light"] .minimal-ui .theme-toggle {background:#ffffffb8;border-color:#fff;box-shadow:var(--ui-shadow);}
html[data-theme="light"] .minimal-ui .living-economy .metric-A,
html[data-theme="light"] .minimal-ui .living-economy .conversion-card,
html[data-theme="light"] .minimal-ui .living-economy .sales-capacity,
html[data-theme="light"] .minimal-ui .finance-metrics {border:1px solid #ffffffd9;}
@keyframes advertising-frame-pulse {0%,100%{border-color:var(--green);box-shadow:0 0 0 2px var(--ui-bg);}50%{border-color:var(--green);box-shadow:0 0 0 4px var(--ui-line);}}
@keyframes advertising-label-pulse {0%,100%{background:transparent;}50%{background:var(--ui-profit);}}
@media(max-width:600px) {
 .minimal-ui .nav [data-do="home"] {display:none;}
 .minimal-ui .brand-icon {display:none;}
 .minimal-ui .topbar {height:64px;}
 .minimal-ui .shell {padding-inline:16px;}
 .minimal-ui .nav button {min-width:40px;width:40px;padding:8px;}
 .minimal-ui .theme-toggle {min-width:40px;width:40px;height:40px;}
}
@media(max-width:350px) {
 .minimal-ui .shell {padding-inline:12px;}
 .minimal-ui .living-economy .conversion-grid {gap:10px;}
 .minimal-ui .living-economy .conversion-card,
 .minimal-ui .living-economy .conversion-card + .conversion-card {padding-inline:10px;}
 .minimal-ui .conversion-code {font-size:12px;}
 .minimal-ui .conversion-title {font-size:12px;}
 .minimal-ui .conversion-result strong {font-size:17px;}
 .minimal-ui .conversion-result span {font-size:11px;}
 .minimal-ui .sales-capacity .metric-copy b {font-size:13px;}
 .minimal-ui .sales-capacity .metric-copy small {font-size:12px;}
 .minimal-ui .finance-metrics .expenses-heading > span {font-size:13px;}
 .minimal-ui .finance-metrics .expenses-heading > strong {font-size:18px;}
 .minimal-ui .compact-business-profit h3 {font-size:16px;}
 .minimal-ui .compact-business-profit .profit-score > strong {font-size:36px;}
 .minimal-ui .compact-business-profit .profit-score > strong.profit-long {font-size:30px;}
 .minimal-ui .compact-business-profit .profit-net {font-size:12px;}
 .minimal-ui .compact-business-profit .profit-net > strong {font-size:14px;}
}
@media(prefers-reduced-transparency:reduce) {
 .minimal-ui .workspace-tabs {backdrop-filter:none;}
}

/* Match the approved compositions: do not substitute new icon or number layouts. */
.minimal-ui .topbar {border:0;height:62px;}
.minimal-ui .brand-identity {display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.minimal-ui .brand-meta {display:none;}
.minimal-ui .header-month {font-size:13px;white-space:nowrap;color:var(--muted);}
.minimal-ui .brand .bakery-wordmark {font-size:20px;font-weight:600;}
.minimal-ui .brand,.minimal-ui .wordmark.bakery-wordmark {font-family:inherit;}
.minimal-ui .brand-icon {display:none;}
.minimal-ui .nav {gap:4px;}
.minimal-ui .nav > button {display:grid;place-items:center;width:36px;min-width:36px;padding:6px;}
.minimal-ui .nav .theme-toggle {width:36px;min-width:36px;height:36px;min-height:36px;border-radius:50%;background:var(--ui-card);border:1px solid var(--line);color:var(--ink);}
.minimal-ui .workshop-heading {margin:12px 0;}
.minimal-ui .compact-heading h1 {font-size:24px;}
.minimal-ui .workspace-game > .workshop-heading .compact-month {display:none;}
.minimal-ui .workspace-tabs {margin-bottom:12px;padding:3px;border-radius:14px;}
.minimal-ui .workspace-tabs > button {min-height:42px;padding:8px 10px;font-size:16px;}
.minimal-ui .living-economy .metric-A {padding:10px 14px;}
.minimal-ui .living-economy .metric-A > .economy-row {padding:0;min-height:0;gap:2px 6px;}
.minimal-ui .living-economy .metric-A .metric-number {font-size:34px;line-height:1.15;}
.minimal-ui .living-economy .metric-A .metric-trigger {grid-row:1/3;align-self:center;}
.minimal-ui .living-economy .conversion-choice {gap:2px 4px;}
.minimal-ui .conversion-code {min-height:18px;line-height:18px;}
.minimal-ui .conversion-title {min-height:18px;line-height:18px;}
.minimal-ui .conversion-trigger {min-height:38px;}
.minimal-ui .conversion-rate {line-height:1.1;}
.minimal-ui .conversion-result {min-height:0;margin-top:8px;padding-top:8px;}
.minimal-ui .conversion-result > div {flex-wrap:nowrap;gap:4px;}
.minimal-ui .conversion-result span {font-size:12px;}
.minimal-ui .living-economy .conversion-card,
.minimal-ui .living-economy .conversion-card + .conversion-card {padding:12px;}
.minimal-ui .sales-capacity .metric-with-help > .economy-row {padding-block:10px 8px;min-height:0;}
.minimal-ui .finance-metrics {padding:0 14px 4px;}
.minimal-ui .finance-metrics .receipt-heading {padding:10px 0 4px;}
.minimal-ui .finance-metrics > .metric-with-help > .economy-row,
.minimal-ui .finance-metrics .expenses-heading {min-height:34px;padding-block:3px;}
.minimal-ui .finance-metrics .metric-with-help > .metric-help {height:32px;min-height:32px;}
.minimal-ui .finance-metrics .metric-copy b,
.minimal-ui .finance-metrics .expenses-heading > span {font-size:14px;}
.minimal-ui .finance-metrics .expenses-heading > span {font-size:13px;}
.minimal-ui .finance-metrics > .metric-D > .economy-row {grid-template-columns:minmax(0,1fr) max-content 24px;}
.minimal-ui .finance-metrics > .metric-D .metric-number {grid-column:2;}
.minimal-ui .finance-metrics > .metric-D .metric-trigger {grid-column:3;}
.minimal-ui .finance-metrics .metric-trigger {min-height:28px;height:28px;}
.minimal-ui .finance-metrics > .metric-with-help > .economy-row.fact-row {padding-right:30px;}
.minimal-ui .finance-metrics .expenses-heading {grid-template-columns:minmax(0,1fr) max-content 52px;gap:6px;}
.minimal-ui .finance-metrics .expenses-heading > svg {justify-self:end;}
.minimal-ui .finance-metrics .metric-number,
.minimal-ui .finance-metrics .expenses-heading > strong {font-size:18px;}
.minimal-ui .compact-business-profit .profit-title > p {font-size:13px;}
.minimal-ui .living-economy .month-profit.compact-business-profit {padding:12px 14px;}
.minimal-ui .compact-business-profit .profit-score > strong {margin-top:4px;}
.minimal-ui .compact-business-profit .profit-net {margin-top:8px;padding-top:6px;}
.minimal-ui .actions-footer > .button {min-height:48px;}
.minimal-ui .footer {margin-top:12px;padding-block:10px;gap:6px 14px;border:0;}
html[data-theme="light"] .minimal-ui .topbar {height:84px;}
html[data-theme="light"] .minimal-ui .brand-icon {display:grid;width:30px;height:36px;}
html[data-theme="light"] .minimal-ui .brand-meta {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:400;}
html[data-theme="light"] .minimal-ui .header-month {display:none;}
html[data-theme="light"] .minimal-ui .theme-progress {display:flex;gap:3px;}
html[data-theme="light"] .minimal-ui .theme-progress i {width:12px;height:4px;border-radius:4px;background:var(--line);}
html[data-theme="light"] .minimal-ui .theme-progress .done {background:var(--green);}
html[data-theme="light"] .minimal-ui .theme-progress .done:not(.current) {background:#b6e5d6;}
html[data-theme="light"] .minimal-ui .living-economy .month-profit.compact-business-profit {border:0;background:var(--ui-profit);box-shadow:var(--ui-shadow);}
html[data-theme="light"] .minimal-ui .workspace-game > .workshop-heading:not(.project-heading):not(.team-workspace-heading) {display:none;}
html[data-theme="light"] .minimal-ui .nav .theme-toggle {background:#ffffffb8;border-color:#fff;}
@media(max-width:350px) {
 .minimal-ui .brand .bakery-wordmark {font-size:18px;}
 .minimal-ui .header-month {font-size:11px;}
 .minimal-ui .nav {gap:0;}
 .minimal-ui .nav > button,.minimal-ui .nav .theme-toggle {min-width:32px;width:32px;}
 .minimal-ui .living-economy .conversion-card,
 .minimal-ui .living-economy .conversion-card + .conversion-card {padding-inline:10px;}
 .minimal-ui .conversion-result strong {font-size:17px;}
 .minimal-ui .conversion-result span {font-size:11px;}
 .minimal-ui .finance-metrics .metric-copy b,
 .minimal-ui .finance-metrics .expenses-heading > span {font-size:12px;}
 .minimal-ui .finance-metrics .metric-number,
 .minimal-ui .finance-metrics .expenses-heading > strong {font-size:17px;}
 .minimal-ui .finance-metrics .expenses-heading {gap:4px;grid-template-columns:minmax(0,1fr) max-content 54px;}
}

/* Reference-sized mobile rhythm, measured with both mockups at the same width. */
.minimal-ui .topbar {height:42px;min-height:0;padding-block:0;}
.minimal-ui .brand .bakery-wordmark {font-size:17px;}
.minimal-ui .workshop-heading {margin:0 0 8px;}
.minimal-ui .compact-heading h1 {font-size:20px;}
.minimal-ui .workspace-tabs {padding:2px;margin-bottom:10px;border-radius:12px;}
.minimal-ui .workspace-tabs > button {min-height:32px;padding:6px 10px;font-size:14px;border-radius:10px;}
.minimal-ui .workspace-action-badge,.minimal-ui .workspace-team-badge {min-width:18px;height:18px;font-size:12px;}
html:not([data-theme="light"]) .minimal-ui .workspace-action-badge,
html:not([data-theme="light"]) .minimal-ui .workspace-team-badge {background:none;color:inherit;min-width:0;height:auto;font-size:14px;}
.minimal-ui .living-customers {gap:10px;}
.minimal-ui .living-economy .metric-A {padding:8px 12px;}
.minimal-ui .living-economy .metric-A .metric-copy b {font-size:14px;}
.minimal-ui .living-economy .metric-A,.minimal-ui .living-economy .sales-capacity,
.minimal-ui .living-economy .conversion-card,.minimal-ui .finance-metrics {border-radius:12px;}
.minimal-ui .living-economy .conversion-card + .conversion-card {border-radius:12px;}
.minimal-ui .living-economy .conversion-grid {gap:10px;}
.minimal-ui .living-economy .conversion-card,
.minimal-ui .living-economy .conversion-card + .conversion-card {padding:10px 12px;}
.minimal-ui .conversion-code {font-size:14px;}
.minimal-ui .conversion-rate {font-size:32px;}
.minimal-ui .conversion-title {font-size:13px;}
.minimal-ui .conversion-result span {font-size:13px;}
.minimal-ui .conversion-result strong {font-size:16px;}
.minimal-ui .living-economy .sales-capacity {padding:0 12px 10px;}
.minimal-ui .sales-capacity .metric-with-help > .economy-row {padding-block:8px 6px;}
.minimal-ui .sales-capacity .metric-copy b {font-size:14px;}
.minimal-ui .sales-capacity .metric-copy small {font-size:13px;}
.minimal-ui .sales-capacity .metric-number {font-size:24px;}
.minimal-ui .sales-capacity .metric-trigger {min-height:28px;height:28px;}
.minimal-ui .sales-capacity .metric-with-help > .metric-help {min-height:32px;height:32px;}
.minimal-ui .finance-metrics {margin-top:10px;padding-inline:12px;}
.minimal-ui .finance-metrics .receipt-heading {padding:8px 0 2px;}
.minimal-ui .finance-metrics .receipt-heading h2 {font-size:16px;}
.minimal-ui .finance-metrics > .metric-with-help > .economy-row,
.minimal-ui .finance-metrics .expenses-heading {min-height:30px;padding-block:0;}
.minimal-ui .finance-metrics .metric-with-help > .metric-help {height:28px;min-height:28px;}
.minimal-ui .finance-metrics .metric-copy b,
.minimal-ui .finance-metrics .expenses-heading > span {font-size:14px;}
.minimal-ui .finance-metrics .metric-number,
.minimal-ui .finance-metrics .expenses-heading > strong {font-size:16px;}
.minimal-ui .finance-metrics > .metric-with-help > .economy-row.fact-row .metric-number {font-size:16px;}
.minimal-ui .living-economy .month-profit.compact-business-profit {padding:8px 12px;margin:10px 0;border-radius:12px;}
.minimal-ui .compact-business-profit .profit-primary {gap:0 6px;}
.minimal-ui .compact-business-profit h3 {font-size:16px;}
.minimal-ui .compact-business-profit h3 .metric-help {height:22px;min-height:22px;}
.minimal-ui .compact-business-profit .profit-title > p {font-size:13px;}
.minimal-ui .compact-business-profit .profit-score > strong {font-size:34px;line-height:1.1;margin-top:2px;}
.minimal-ui .compact-business-profit .profit-score > strong.profit-long {font-size:30px;}
.minimal-ui .compact-business-profit .profit-net {font-size:13px;margin-top:6px;padding-top:4px;}
.minimal-ui .compact-business-profit .profit-net > strong {font-size:14px;}
.minimal-ui .workshop-cash .account-balance strong {font-size:19px;}
.minimal-ui .actions-footer {margin-top:10px;}
.minimal-ui .actions-footer > .button {min-height:44px;font-size:15px;border-radius:12px;}
.minimal-ui .shell {padding-inline:12px;}
html[data-theme="light"] .minimal-ui .topbar {height:72px;}
html[data-theme="light"] .minimal-ui .brand .bakery-wordmark {font-size:22px;}
html[data-theme="light"] .minimal-ui .living-economy .metric-A,
html[data-theme="light"] .minimal-ui .living-economy .conversion-card,
html[data-theme="light"] .minimal-ui .living-economy .sales-capacity,
html[data-theme="light"] .minimal-ui .finance-metrics,
html[data-theme="light"] .minimal-ui .living-economy .month-profit.compact-business-profit {border-radius:18px;}
@media(max-width:350px) {
 .minimal-ui .conversion-code {font-size:13px;padding-right:0;}
 .minimal-ui .sales-capacity .metric-copy b {font-size:13px;}
 .minimal-ui .finance-metrics .expenses-heading > span {font-size:13px;}
}

/* The approved light mock has its own control placement and wallet surface. */
.minimal-ui .compact-business-profit h3 {font-weight:650;}
html[data-theme="light"] .minimal-ui .conversion-code {font-size:13px;padding-right:22px;}
html[data-theme="light"] .minimal-ui .conversion-trigger {grid-row:1;min-height:22px;height:22px;align-self:start;border-radius:7px;background:#ffffffc4;box-shadow:0 2px 6px #173d3212;}
html[data-theme="light"] .minimal-ui .conversion-trigger > svg {width:16px;height:16px;}
html[data-theme="light"] .minimal-ui .conversion-main > .metric-help {right:24px;top:0;width:22px;min-width:22px;height:22px;min-height:22px;font-size:13px;}
html[data-theme="light"] .minimal-ui .conversion-main > .metric-help::before {width:17px;height:17px;}
html[data-theme="light"] .minimal-ui .living-metric .metric-trigger.ready {min-height:28px;height:28px;border-radius:8px;background:#ffffffbd;box-shadow:0 2px 6px #173d3214;}
html[data-theme="light"] .minimal-ui .production-load progress::-webkit-progress-value {background:var(--ui-accent);}
html[data-theme="light"] .minimal-ui .production-load progress::-moz-progress-bar {background:var(--ui-accent);}
html[data-theme="light"] .minimal-ui .compact-business-profit .profit-score > span {background:#b9efd8;color:#18533f;border-radius:7px;padding:3px 6px;}
html[data-theme="light"] .minimal-ui .workshop-cash {padding:8px 12px;background:var(--ui-card);border:1px solid #ffffffd9;border-radius:18px;box-shadow:var(--ui-shadow);}
html[data-theme="light"] .minimal-ui .workshop-cash .account-balance span {font-weight:600;}
html[data-theme="light"] .minimal-ui .actions-footer > .button.primary {background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:none;}
@media(max-width:350px) {
 html[data-theme="light"] .minimal-ui .conversion-code {font-size:13px;padding-right:0;}
 html[data-theme="light"] .minimal-ui .conversion-trigger {grid-row:2;background:none;box-shadow:none;align-self:center;}
 html[data-theme="light"] .minimal-ui .conversion-main > .metric-help {right:-4px;}
}

/* Expanded costs use the same value and trailing-control columns as revenue. */
.minimal-ui .finance-metrics .expenses-details {padding:0;}
.minimal-ui .finance-metrics .expenses-help {min-height:30px;gap:6px;font-size:13px;color:var(--muted);}
.minimal-ui .finance-metrics .expenses-details .metric-with-help {grid-template-columns:minmax(0,1fr) 28px;}
.minimal-ui .finance-metrics .expenses-details .metric-with-help > .economy-row {
 grid-template-columns:minmax(0,1fr) max-content 24px;grid-template-rows:auto;
 column-gap:6px;row-gap:0;padding:6px 0;min-height:36px;align-items:center;
}
.minimal-ui .finance-metrics .expenses-details .metric-with-help > .economy-row.fact-row {
 grid-template-columns:minmax(0,1fr) max-content;padding-right:30px;
}
.minimal-ui .finance-metrics .expenses-details .metric-copy {grid-column:1;grid-row:1;padding:0;}
.minimal-ui .finance-metrics .expenses-details .metric-copy b {font-size:14px;font-weight:400;line-height:1.4;}
.minimal-ui .finance-metrics .expenses-details .metric-copy small {display:block;font-size:13px;line-height:1.4;margin-top:3px;color:var(--muted);}
.minimal-ui .finance-metrics .expenses-details .metric-with-help > .economy-row .metric-number {
 grid-column:2;grid-row:1;font-size:16px;font-weight:700;line-height:1.25;text-align:right;white-space:nowrap;
}
.minimal-ui .finance-metrics .expenses-details .metric-trigger {grid-column:3;grid-row:1;min-height:28px;height:28px;width:24px;}
.minimal-ui .finance-metrics .expenses-details .metric-help {align-self:center;height:28px;min-height:28px;}
.minimal-ui .finance-metrics .expenses-details .metric-with-help:last-child {border-bottom:0;}
.minimal-ui .finance-metrics .one-time-details {padding:0;}
.minimal-ui .finance-metrics .one-time-row {
 grid-template-columns:minmax(0,1fr) max-content;align-items:center;
 gap:8px;padding:6px 58px 6px 0;min-height:36px;font-size:14px;line-height:1.4;
}
.minimal-ui .finance-metrics .one-time-row > strong {font-size:16px;font-weight:700;line-height:1.25;text-align:right;}

/* Prepared proposals inherit the active theme in every interactive state. */
.minimal-ui .prepared-project {background:var(--ui-card);border-color:var(--line);color:var(--ink);}
.minimal-ui .prepared-project:hover:not(:disabled),
.minimal-ui .prepared-project:focus-visible,
.minimal-ui .prepared-project:active {background:var(--ui-hover);border-color:var(--green);color:var(--ink);}
.minimal-ui .prepared-project .copy small {color:var(--muted);}

/* Same compact game header in both themes; report and decision headers keep their layouts. */
html .minimal-ui .topbar:not(.decision-topbar):not(.report-topbar) {height:42px;min-height:42px;padding-block:0;}
html .minimal-ui .topbar:not(.report-topbar) .brand-icon,
html .minimal-ui .topbar:not(.report-topbar) .brand-meta {display:none;}
html .minimal-ui .topbar .brand .bakery-wordmark {font-size:17px;font-weight:600;white-space:nowrap;}
html .minimal-ui .topbar .header-month {display:inline-block;margin-inline-end:14px;font-size:13px;white-space:nowrap;}
.minimal-ui .helper-project-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.minimal-ui .helper-project-tabs button {min-width:0;padding:12px;text-align:left;background:var(--ui-card);border:1px solid var(--line);border-radius:12px;color:var(--ink);}
.minimal-ui .helper-project-tabs button.active {background:var(--surface-hover);border-color:var(--green);}
.minimal-ui .helper-project-tabs button:hover:not(:disabled) {background:var(--surface-hover);}
.minimal-ui .helper-project-tabs b {display:block;font-size:15px;line-height:1.35;color:var(--ink);}
.minimal-ui .helper-project-tabs span {display:block;margin-top:6px;font-size:13px;line-height:1.3;color:var(--muted);}
.minimal-ui .helper-project-tabs button.active span {color:var(--ink);}
.minimal-ui .purchase-result .receipt-row {display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.5fr);column-gap:12px;align-items:center;}
.minimal-ui .purchase-result .receipt-row > span {width:auto;min-width:0;max-width:100%;font-size:14px;line-height:1.4;}
.minimal-ui .purchase-result .receipt-row > strong {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 5px;width:100%;max-width:100%;font-size:clamp(14px,4vw,17px);line-height:1.4;white-space:normal;}
.minimal-ui .purchase-result strong > span {white-space:nowrap;}


/* Name the action once, then show the group used to calculate its percentage. */
.minimal-ui .living-economy .conversion-code {grid-column:1/-1;padding-right:20px;white-space:normal;letter-spacing:-.01em;}
.minimal-ui .living-economy .conversion-title {min-height:36px;line-height:18px;}
html[data-theme="light"] .minimal-ui .living-economy .conversion-trigger {grid-row:2;background:none;box-shadow:none;align-self:center;}
html[data-theme="light"] .minimal-ui .living-economy .conversion-main > .metric-help {right:-4px;}
html[data-theme="light"] .minimal-ui .living-economy .conversion-code {padding-right:20px;}

/* Availability notices inherited a cream surface from the original light theme. */
html:not([data-theme="light"]) .minimal-ui .expert-unavailable,
html:not([data-theme="light"]) .minimal-ui .offer-availability,
html:not([data-theme="light"]) .minimal-ui .catalog-notice {
 background:var(--ui-warning-bg);
 color:var(--ui-warning);
 border-left-color:var(--ui-warning);
}

/* Override original light hover rules, including their :not(:disabled) specificity. */
.minimal-ui :is(.helper-option,.direction,.power-choice):is(:hover,:focus-visible,:active):not(:disabled) {
 background:var(--ui-hover);
 color:var(--ui-text);
 border-color:var(--ui-line);
}


/* Approved economy previews. These rules only change visual styling. */
html:not([data-theme="light"]) .minimal-ui .workspace-tabs > button.selected {
 background:var(--ui-selected);
 color:var(--ink);
 box-shadow:none;
}
html:not([data-theme="light"]) .minimal-ui :is(.metric-A,.conversion-card,.sales-capacity,.finance-metrics,.compact-business-profit) {
 background-image:linear-gradient(155deg,#171717,#222222);
 box-shadow:inset 0 0 0 1px var(--line);
}
html:not([data-theme="light"]) .minimal-ui .compact-business-profit :is(.profit-title > p,.profit-net > strong) {
 color:var(--ink);
}
html[data-theme="light"] .minimal-ui .compact-business-profit :is(.profit-score > strong,.profit-title > p,.profit-net > strong) {
 color:var(--ink);
}