/* BAYS ASOS — Theme tokens. Generated by the Theme Picker module.
   6 themes, each auto-verified: no bright-on-light, buttons light-tinted +
   dark text + visible outline. Scoped by body[data-theme]. Pure data — switching
   themes never touches module logic. */

/* Warm Sand & Bronze */
/* ── v7.10.315 elegant theme refresh — 12 refined themes ─────────────── */

body[data-theme="navy-rose-gold"]{--bays-teal:#c07a5b;--bays-bronze:#c07a5b;--hero-accent:#c07a5b;background:var(--bg-secondary);color:var(--text-primary);}
body[data-theme="navy-rose-gold"] .card,body[data-theme="navy-rose-gold"] .panel,body[data-theme="navy-rose-gold"] .data-table,body[data-theme="navy-rose-gold"] .tower-card,body[data-theme="navy-rose-gold"] .intake-row,body[data-theme="navy-rose-gold"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="navy-rose-gold"] .cmd-content h1,body[data-theme="navy-rose-gold"] .cmd-content h2,body[data-theme="navy-rose-gold"] .cmd-content h3,body[data-theme="navy-rose-gold"] .card h1,body[data-theme="navy-rose-gold"] .card h2,body[data-theme="navy-rose-gold"] .card h3,body[data-theme="navy-rose-gold"] td,body[data-theme="navy-rose-gold"] th,body[data-theme="navy-rose-gold"] .cmd-content p,body[data-theme="navy-rose-gold"] .card p,body[data-theme="navy-rose-gold"] .cmd-content label,body[data-theme="navy-rose-gold"] .card label{color:var(--text-muted);}
body[data-theme="navy-rose-gold"] .muted,body[data-theme="navy-rose-gold"] .text-muted,body[data-theme="navy-rose-gold"] small{color:var(--text-muted);}
body[data-theme="navy-rose-gold"] .btn,body[data-theme="navy-rose-gold"] .cmd-tab-action,body[data-theme="navy-rose-gold"] .mf-example-btn,body[data-theme="navy-rose-gold"] .mf-copy-btn,body[data-theme="navy-rose-gold"] .model-btn,body[data-theme="navy-rose-gold"] .action-btn,body[data-theme="navy-rose-gold"] .review-btn,body[data-theme="navy-rose-gold"] button.btn,body[data-theme="navy-rose-gold"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="navy-rose-gold"] .btn:hover,body[data-theme="navy-rose-gold"] .cmd-tab-action:hover,body[data-theme="navy-rose-gold"] .action-btn:hover,body[data-theme="navy-rose-gold"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="navy-rose-gold"] .btn-primary,body[data-theme="navy-rose-gold"] .review-btn-primary,body[data-theme="navy-rose-gold"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="midnight-champagne"]{--bays-teal:#ab8547;--bays-bronze:#ab8547;--hero-accent:#ab8547;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="midnight-champagne"] .card,body[data-theme="midnight-champagne"] .panel,body[data-theme="midnight-champagne"] .data-table,body[data-theme="midnight-champagne"] .tower-card,body[data-theme="midnight-champagne"] .intake-row,body[data-theme="midnight-champagne"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="midnight-champagne"] .cmd-content h1,body[data-theme="midnight-champagne"] .cmd-content h2,body[data-theme="midnight-champagne"] .cmd-content h3,body[data-theme="midnight-champagne"] .card h1,body[data-theme="midnight-champagne"] .card h2,body[data-theme="midnight-champagne"] .card h3,body[data-theme="midnight-champagne"] td,body[data-theme="midnight-champagne"] th,body[data-theme="midnight-champagne"] .cmd-content p,body[data-theme="midnight-champagne"] .card p,body[data-theme="midnight-champagne"] .cmd-content label,body[data-theme="midnight-champagne"] .card label{color:var(--text-muted);}
body[data-theme="midnight-champagne"] .muted,body[data-theme="midnight-champagne"] .text-muted,body[data-theme="midnight-champagne"] small{color:var(--text-muted);}
body[data-theme="midnight-champagne"] .btn,body[data-theme="midnight-champagne"] .cmd-tab-action,body[data-theme="midnight-champagne"] .mf-example-btn,body[data-theme="midnight-champagne"] .mf-copy-btn,body[data-theme="midnight-champagne"] .model-btn,body[data-theme="midnight-champagne"] .action-btn,body[data-theme="midnight-champagne"] .review-btn,body[data-theme="midnight-champagne"] button.btn,body[data-theme="midnight-champagne"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="midnight-champagne"] .btn:hover,body[data-theme="midnight-champagne"] .cmd-tab-action:hover,body[data-theme="midnight-champagne"] .action-btn:hover,body[data-theme="midnight-champagne"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="midnight-champagne"] .btn-primary,body[data-theme="midnight-champagne"] .review-btn-primary,body[data-theme="midnight-champagne"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="forest-brass"]{--bays-teal:#a8863d;--bays-bronze:#a8863d;--hero-accent:#a8863d;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="forest-brass"] .card,body[data-theme="forest-brass"] .panel,body[data-theme="forest-brass"] .data-table,body[data-theme="forest-brass"] .tower-card,body[data-theme="forest-brass"] .intake-row,body[data-theme="forest-brass"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="forest-brass"] .cmd-content h1,body[data-theme="forest-brass"] .cmd-content h2,body[data-theme="forest-brass"] .cmd-content h3,body[data-theme="forest-brass"] .card h1,body[data-theme="forest-brass"] .card h2,body[data-theme="forest-brass"] .card h3,body[data-theme="forest-brass"] td,body[data-theme="forest-brass"] th,body[data-theme="forest-brass"] .cmd-content p,body[data-theme="forest-brass"] .card p,body[data-theme="forest-brass"] .cmd-content label,body[data-theme="forest-brass"] .card label{color:var(--text-muted);}
body[data-theme="forest-brass"] .muted,body[data-theme="forest-brass"] .text-muted,body[data-theme="forest-brass"] small{color:var(--text-muted);}
body[data-theme="forest-brass"] .btn,body[data-theme="forest-brass"] .cmd-tab-action,body[data-theme="forest-brass"] .mf-example-btn,body[data-theme="forest-brass"] .mf-copy-btn,body[data-theme="forest-brass"] .model-btn,body[data-theme="forest-brass"] .action-btn,body[data-theme="forest-brass"] .review-btn,body[data-theme="forest-brass"] button.btn,body[data-theme="forest-brass"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="forest-brass"] .btn:hover,body[data-theme="forest-brass"] .cmd-tab-action:hover,body[data-theme="forest-brass"] .action-btn:hover,body[data-theme="forest-brass"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="forest-brass"] .btn-primary,body[data-theme="forest-brass"] .review-btn-primary,body[data-theme="forest-brass"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="burgundy-blush"]{--bays-teal:#b06a52;--bays-bronze:#b06a52;--hero-accent:#b06a52;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="burgundy-blush"] .card,body[data-theme="burgundy-blush"] .panel,body[data-theme="burgundy-blush"] .data-table,body[data-theme="burgundy-blush"] .tower-card,body[data-theme="burgundy-blush"] .intake-row,body[data-theme="burgundy-blush"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="burgundy-blush"] .cmd-content h1,body[data-theme="burgundy-blush"] .cmd-content h2,body[data-theme="burgundy-blush"] .cmd-content h3,body[data-theme="burgundy-blush"] .card h1,body[data-theme="burgundy-blush"] .card h2,body[data-theme="burgundy-blush"] .card h3,body[data-theme="burgundy-blush"] td,body[data-theme="burgundy-blush"] th,body[data-theme="burgundy-blush"] .cmd-content p,body[data-theme="burgundy-blush"] .card p,body[data-theme="burgundy-blush"] .cmd-content label,body[data-theme="burgundy-blush"] .card label{color:var(--text-muted);}
body[data-theme="burgundy-blush"] .muted,body[data-theme="burgundy-blush"] .text-muted,body[data-theme="burgundy-blush"] small{color:var(--text-muted);}
body[data-theme="burgundy-blush"] .btn,body[data-theme="burgundy-blush"] .cmd-tab-action,body[data-theme="burgundy-blush"] .mf-example-btn,body[data-theme="burgundy-blush"] .mf-copy-btn,body[data-theme="burgundy-blush"] .model-btn,body[data-theme="burgundy-blush"] .action-btn,body[data-theme="burgundy-blush"] .review-btn,body[data-theme="burgundy-blush"] button.btn,body[data-theme="burgundy-blush"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="burgundy-blush"] .btn:hover,body[data-theme="burgundy-blush"] .cmd-tab-action:hover,body[data-theme="burgundy-blush"] .action-btn:hover,body[data-theme="burgundy-blush"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="burgundy-blush"] .btn-primary,body[data-theme="burgundy-blush"] .review-btn-primary,body[data-theme="burgundy-blush"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="charcoal-copper"]{--bays-teal:#b06f3f;--bays-bronze:#b06f3f;--hero-accent:#b06f3f;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="charcoal-copper"] .card,body[data-theme="charcoal-copper"] .panel,body[data-theme="charcoal-copper"] .data-table,body[data-theme="charcoal-copper"] .tower-card,body[data-theme="charcoal-copper"] .intake-row,body[data-theme="charcoal-copper"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="charcoal-copper"] .cmd-content h1,body[data-theme="charcoal-copper"] .cmd-content h2,body[data-theme="charcoal-copper"] .cmd-content h3,body[data-theme="charcoal-copper"] .card h1,body[data-theme="charcoal-copper"] .card h2,body[data-theme="charcoal-copper"] .card h3,body[data-theme="charcoal-copper"] td,body[data-theme="charcoal-copper"] th,body[data-theme="charcoal-copper"] .cmd-content p,body[data-theme="charcoal-copper"] .card p,body[data-theme="charcoal-copper"] .cmd-content label,body[data-theme="charcoal-copper"] .card label{color:var(--text-muted);}
body[data-theme="charcoal-copper"] .muted,body[data-theme="charcoal-copper"] .text-muted,body[data-theme="charcoal-copper"] small{color:var(--text-muted);}
body[data-theme="charcoal-copper"] .btn,body[data-theme="charcoal-copper"] .cmd-tab-action,body[data-theme="charcoal-copper"] .mf-example-btn,body[data-theme="charcoal-copper"] .mf-copy-btn,body[data-theme="charcoal-copper"] .model-btn,body[data-theme="charcoal-copper"] .action-btn,body[data-theme="charcoal-copper"] .review-btn,body[data-theme="charcoal-copper"] button.btn,body[data-theme="charcoal-copper"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="charcoal-copper"] .btn:hover,body[data-theme="charcoal-copper"] .cmd-tab-action:hover,body[data-theme="charcoal-copper"] .action-btn:hover,body[data-theme="charcoal-copper"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="charcoal-copper"] .btn-primary,body[data-theme="charcoal-copper"] .review-btn-primary,body[data-theme="charcoal-copper"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="ink-jade"]{--bays-teal:#2e8a70;--bays-bronze:#2e8a70;--hero-accent:#2e8a70;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="ink-jade"] .card,body[data-theme="ink-jade"] .panel,body[data-theme="ink-jade"] .data-table,body[data-theme="ink-jade"] .tower-card,body[data-theme="ink-jade"] .intake-row,body[data-theme="ink-jade"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="ink-jade"] .cmd-content h1,body[data-theme="ink-jade"] .cmd-content h2,body[data-theme="ink-jade"] .cmd-content h3,body[data-theme="ink-jade"] .card h1,body[data-theme="ink-jade"] .card h2,body[data-theme="ink-jade"] .card h3,body[data-theme="ink-jade"] td,body[data-theme="ink-jade"] th,body[data-theme="ink-jade"] .cmd-content p,body[data-theme="ink-jade"] .card p,body[data-theme="ink-jade"] .cmd-content label,body[data-theme="ink-jade"] .card label{color:var(--text-muted);}
body[data-theme="ink-jade"] .muted,body[data-theme="ink-jade"] .text-muted,body[data-theme="ink-jade"] small{color:var(--text-muted);}
body[data-theme="ink-jade"] .btn,body[data-theme="ink-jade"] .cmd-tab-action,body[data-theme="ink-jade"] .mf-example-btn,body[data-theme="ink-jade"] .mf-copy-btn,body[data-theme="ink-jade"] .model-btn,body[data-theme="ink-jade"] .action-btn,body[data-theme="ink-jade"] .review-btn,body[data-theme="ink-jade"] button.btn,body[data-theme="ink-jade"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="ink-jade"] .btn:hover,body[data-theme="ink-jade"] .cmd-tab-action:hover,body[data-theme="ink-jade"] .action-btn:hover,body[data-theme="ink-jade"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="ink-jade"] .btn-primary,body[data-theme="ink-jade"] .review-btn-primary,body[data-theme="ink-jade"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="aubergine-gold"]{--bays-teal:#a8863d;--bays-bronze:#a8863d;--hero-accent:#a8863d;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="aubergine-gold"] .card,body[data-theme="aubergine-gold"] .panel,body[data-theme="aubergine-gold"] .data-table,body[data-theme="aubergine-gold"] .tower-card,body[data-theme="aubergine-gold"] .intake-row,body[data-theme="aubergine-gold"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="aubergine-gold"] .cmd-content h1,body[data-theme="aubergine-gold"] .cmd-content h2,body[data-theme="aubergine-gold"] .cmd-content h3,body[data-theme="aubergine-gold"] .card h1,body[data-theme="aubergine-gold"] .card h2,body[data-theme="aubergine-gold"] .card h3,body[data-theme="aubergine-gold"] td,body[data-theme="aubergine-gold"] th,body[data-theme="aubergine-gold"] .cmd-content p,body[data-theme="aubergine-gold"] .card p,body[data-theme="aubergine-gold"] .cmd-content label,body[data-theme="aubergine-gold"] .card label{color:var(--text-muted);}
body[data-theme="aubergine-gold"] .muted,body[data-theme="aubergine-gold"] .text-muted,body[data-theme="aubergine-gold"] small{color:var(--text-muted);}
body[data-theme="aubergine-gold"] .btn,body[data-theme="aubergine-gold"] .cmd-tab-action,body[data-theme="aubergine-gold"] .mf-example-btn,body[data-theme="aubergine-gold"] .mf-copy-btn,body[data-theme="aubergine-gold"] .model-btn,body[data-theme="aubergine-gold"] .action-btn,body[data-theme="aubergine-gold"] .review-btn,body[data-theme="aubergine-gold"] button.btn,body[data-theme="aubergine-gold"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="aubergine-gold"] .btn:hover,body[data-theme="aubergine-gold"] .cmd-tab-action:hover,body[data-theme="aubergine-gold"] .action-btn:hover,body[data-theme="aubergine-gold"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="aubergine-gold"] .btn-primary,body[data-theme="aubergine-gold"] .review-btn-primary,body[data-theme="aubergine-gold"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="deep-teal-sand"]{--bays-teal:#a08048;--bays-bronze:#a08048;--hero-accent:#a08048;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="deep-teal-sand"] .card,body[data-theme="deep-teal-sand"] .panel,body[data-theme="deep-teal-sand"] .data-table,body[data-theme="deep-teal-sand"] .tower-card,body[data-theme="deep-teal-sand"] .intake-row,body[data-theme="deep-teal-sand"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="deep-teal-sand"] .cmd-content h1,body[data-theme="deep-teal-sand"] .cmd-content h2,body[data-theme="deep-teal-sand"] .cmd-content h3,body[data-theme="deep-teal-sand"] .card h1,body[data-theme="deep-teal-sand"] .card h2,body[data-theme="deep-teal-sand"] .card h3,body[data-theme="deep-teal-sand"] td,body[data-theme="deep-teal-sand"] th,body[data-theme="deep-teal-sand"] .cmd-content p,body[data-theme="deep-teal-sand"] .card p,body[data-theme="deep-teal-sand"] .cmd-content label,body[data-theme="deep-teal-sand"] .card label{color:var(--text-muted);}
body[data-theme="deep-teal-sand"] .muted,body[data-theme="deep-teal-sand"] .text-muted,body[data-theme="deep-teal-sand"] small{color:var(--text-muted);}
body[data-theme="deep-teal-sand"] .btn,body[data-theme="deep-teal-sand"] .cmd-tab-action,body[data-theme="deep-teal-sand"] .mf-example-btn,body[data-theme="deep-teal-sand"] .mf-copy-btn,body[data-theme="deep-teal-sand"] .model-btn,body[data-theme="deep-teal-sand"] .action-btn,body[data-theme="deep-teal-sand"] .review-btn,body[data-theme="deep-teal-sand"] button.btn,body[data-theme="deep-teal-sand"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="deep-teal-sand"] .btn:hover,body[data-theme="deep-teal-sand"] .cmd-tab-action:hover,body[data-theme="deep-teal-sand"] .action-btn:hover,body[data-theme="deep-teal-sand"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="deep-teal-sand"] .btn-primary,body[data-theme="deep-teal-sand"] .review-btn-primary,body[data-theme="deep-teal-sand"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="espresso-cream"]{--bays-teal:#96703d;--bays-bronze:#96703d;--hero-accent:#96703d;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="espresso-cream"] .card,body[data-theme="espresso-cream"] .panel,body[data-theme="espresso-cream"] .data-table,body[data-theme="espresso-cream"] .tower-card,body[data-theme="espresso-cream"] .intake-row,body[data-theme="espresso-cream"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="espresso-cream"] .cmd-content h1,body[data-theme="espresso-cream"] .cmd-content h2,body[data-theme="espresso-cream"] .cmd-content h3,body[data-theme="espresso-cream"] .card h1,body[data-theme="espresso-cream"] .card h2,body[data-theme="espresso-cream"] .card h3,body[data-theme="espresso-cream"] td,body[data-theme="espresso-cream"] th,body[data-theme="espresso-cream"] .cmd-content p,body[data-theme="espresso-cream"] .card p,body[data-theme="espresso-cream"] .cmd-content label,body[data-theme="espresso-cream"] .card label{color:var(--text-muted);}
body[data-theme="espresso-cream"] .muted,body[data-theme="espresso-cream"] .text-muted,body[data-theme="espresso-cream"] small{color:var(--text-muted);}
body[data-theme="espresso-cream"] .btn,body[data-theme="espresso-cream"] .cmd-tab-action,body[data-theme="espresso-cream"] .mf-example-btn,body[data-theme="espresso-cream"] .mf-copy-btn,body[data-theme="espresso-cream"] .model-btn,body[data-theme="espresso-cream"] .action-btn,body[data-theme="espresso-cream"] .review-btn,body[data-theme="espresso-cream"] button.btn,body[data-theme="espresso-cream"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="espresso-cream"] .btn:hover,body[data-theme="espresso-cream"] .cmd-tab-action:hover,body[data-theme="espresso-cream"] .action-btn:hover,body[data-theme="espresso-cream"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="espresso-cream"] .btn-primary,body[data-theme="espresso-cream"] .review-btn-primary,body[data-theme="espresso-cream"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="indigo-amber"]{--bays-teal:#c07f2e;--bays-bronze:#c07f2e;--hero-accent:#c07f2e;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="indigo-amber"] .card,body[data-theme="indigo-amber"] .panel,body[data-theme="indigo-amber"] .data-table,body[data-theme="indigo-amber"] .tower-card,body[data-theme="indigo-amber"] .intake-row,body[data-theme="indigo-amber"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="indigo-amber"] .cmd-content h1,body[data-theme="indigo-amber"] .cmd-content h2,body[data-theme="indigo-amber"] .cmd-content h3,body[data-theme="indigo-amber"] .card h1,body[data-theme="indigo-amber"] .card h2,body[data-theme="indigo-amber"] .card h3,body[data-theme="indigo-amber"] td,body[data-theme="indigo-amber"] th,body[data-theme="indigo-amber"] .cmd-content p,body[data-theme="indigo-amber"] .card p,body[data-theme="indigo-amber"] .cmd-content label,body[data-theme="indigo-amber"] .card label{color:var(--text-muted);}
body[data-theme="indigo-amber"] .muted,body[data-theme="indigo-amber"] .text-muted,body[data-theme="indigo-amber"] small{color:var(--text-muted);}
body[data-theme="indigo-amber"] .btn,body[data-theme="indigo-amber"] .cmd-tab-action,body[data-theme="indigo-amber"] .mf-example-btn,body[data-theme="indigo-amber"] .mf-copy-btn,body[data-theme="indigo-amber"] .model-btn,body[data-theme="indigo-amber"] .action-btn,body[data-theme="indigo-amber"] .review-btn,body[data-theme="indigo-amber"] button.btn,body[data-theme="indigo-amber"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="indigo-amber"] .btn:hover,body[data-theme="indigo-amber"] .cmd-tab-action:hover,body[data-theme="indigo-amber"] .action-btn:hover,body[data-theme="indigo-amber"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="indigo-amber"] .btn-primary,body[data-theme="indigo-amber"] .review-btn-primary,body[data-theme="indigo-amber"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="graphite-sage"]{--bays-teal:#5e7d52;--bays-bronze:#5e7d52;--hero-accent:#5e7d52;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="graphite-sage"] .card,body[data-theme="graphite-sage"] .panel,body[data-theme="graphite-sage"] .data-table,body[data-theme="graphite-sage"] .tower-card,body[data-theme="graphite-sage"] .intake-row,body[data-theme="graphite-sage"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="graphite-sage"] .cmd-content h1,body[data-theme="graphite-sage"] .cmd-content h2,body[data-theme="graphite-sage"] .cmd-content h3,body[data-theme="graphite-sage"] .card h1,body[data-theme="graphite-sage"] .card h2,body[data-theme="graphite-sage"] .card h3,body[data-theme="graphite-sage"] td,body[data-theme="graphite-sage"] th,body[data-theme="graphite-sage"] .cmd-content p,body[data-theme="graphite-sage"] .card p,body[data-theme="graphite-sage"] .cmd-content label,body[data-theme="graphite-sage"] .card label{color:var(--text-muted);}
body[data-theme="graphite-sage"] .muted,body[data-theme="graphite-sage"] .text-muted,body[data-theme="graphite-sage"] small{color:var(--text-muted);}
body[data-theme="graphite-sage"] .btn,body[data-theme="graphite-sage"] .cmd-tab-action,body[data-theme="graphite-sage"] .mf-example-btn,body[data-theme="graphite-sage"] .mf-copy-btn,body[data-theme="graphite-sage"] .model-btn,body[data-theme="graphite-sage"] .action-btn,body[data-theme="graphite-sage"] .review-btn,body[data-theme="graphite-sage"] button.btn,body[data-theme="graphite-sage"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="graphite-sage"] .btn:hover,body[data-theme="graphite-sage"] .cmd-tab-action:hover,body[data-theme="graphite-sage"] .action-btn:hover,body[data-theme="graphite-sage"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="graphite-sage"] .btn-primary,body[data-theme="graphite-sage"] .review-btn-primary,body[data-theme="graphite-sage"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="ocean-pearl"]{--bays-teal:#3c6d8c;--bays-bronze:#3c6d8c;--hero-accent:#3c6d8c;background:var(--page-bg);color:var(--text-primary);}
body[data-theme="ocean-pearl"] .card,body[data-theme="ocean-pearl"] .panel,body[data-theme="ocean-pearl"] .data-table,body[data-theme="ocean-pearl"] .tower-card,body[data-theme="ocean-pearl"] .intake-row,body[data-theme="ocean-pearl"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="ocean-pearl"] .cmd-content h1,body[data-theme="ocean-pearl"] .cmd-content h2,body[data-theme="ocean-pearl"] .cmd-content h3,body[data-theme="ocean-pearl"] .card h1,body[data-theme="ocean-pearl"] .card h2,body[data-theme="ocean-pearl"] .card h3,body[data-theme="ocean-pearl"] td,body[data-theme="ocean-pearl"] th,body[data-theme="ocean-pearl"] .cmd-content p,body[data-theme="ocean-pearl"] .card p,body[data-theme="ocean-pearl"] .cmd-content label,body[data-theme="ocean-pearl"] .card label{color:var(--text-muted);}
body[data-theme="ocean-pearl"] .muted,body[data-theme="ocean-pearl"] .text-muted,body[data-theme="ocean-pearl"] small{color:var(--text-muted);}
body[data-theme="ocean-pearl"] .btn,body[data-theme="ocean-pearl"] .cmd-tab-action,body[data-theme="ocean-pearl"] .mf-example-btn,body[data-theme="ocean-pearl"] .mf-copy-btn,body[data-theme="ocean-pearl"] .model-btn,body[data-theme="ocean-pearl"] .action-btn,body[data-theme="ocean-pearl"] .review-btn,body[data-theme="ocean-pearl"] button.btn,body[data-theme="ocean-pearl"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="ocean-pearl"] .btn:hover,body[data-theme="ocean-pearl"] .cmd-tab-action:hover,body[data-theme="ocean-pearl"] .action-btn:hover,body[data-theme="ocean-pearl"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="ocean-pearl"] .btn-primary,body[data-theme="ocean-pearl"] .review-btn-primary,body[data-theme="ocean-pearl"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="neo-pastel"]{--btn-tint:rgba(200,134,74,0.10);--btn-tint-hover:rgba(200,134,74,0.18);--bays-navy:#3a2010;--neo-shadow-dark:rgba(175,155,135,.55);--neo-shadow-light:rgba(255,252,245,.85);--neo-inset-dark:rgba(175,155,135,.42);--neo-inset-light:rgba(255,252,245,.80);--neo-raised:5px 5px 13px var(--neo-shadow-dark),-4px -4px 10px var(--neo-shadow-light);--neo-inset:inset 3px 3px 7px var(--neo-inset-dark),inset -2px -2px 5px var(--neo-inset-light);--neo-btn:3px 3px 7px var(--neo-shadow-dark),-2px -2px 5px var(--neo-shadow-light);}
body[data-theme="neo-pastel"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="neo-pastel"] .card,
body[data-theme="neo-pastel"] .panel{background:var(--bg-card);color:var(--text-primary);border:none;box-shadow:var(--neo-raised) !important;}
body[data-theme="neo-pastel"] .data-table,
body[data-theme="neo-pastel"] .tower-card,
body[data-theme="neo-pastel"] .intake-row,
body[data-theme="neo-pastel"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="neo-pastel"] td,
body[data-theme="neo-pastel"] th{color:var(--text-primary);}
body[data-theme="neo-pastel"] .muted,
body[data-theme="neo-pastel"] .text-muted,
body[data-theme="neo-pastel"] small{color:var(--text-muted);}
body[data-theme="neo-pastel"] .btn,
body[data-theme="neo-pastel"] button.btn,
body[data-theme="neo-pastel"] a.btn{background:var(--page-bg);color:var(--accent-text);border:none;border-radius:10px !important;box-shadow:var(--neo-btn) !important;}
body[data-theme="neo-pastel"] .btn:hover{box-shadow:4px 4px 10px var(--neo-shadow-dark),-3px -3px 8px var(--neo-shadow-light) !important;}
body[data-theme="neo-pastel"] .btn-primary{background:var(--accent);color:var(--on-accent);border:none;box-shadow:3px 3px 8px rgba(175,155,135,.5),-2px -2px 5px rgba(255,252,245,.8) !important;}
body[data-theme="neo-pastel"] input,
body[data-theme="neo-pastel"] select,
body[data-theme="neo-pastel"] textarea{background:var(--bg-input);color:var(--text-primary);border:none;border-radius:10px !important;box-shadow:var(--neo-inset) !important;}

/* ── LL-475: Neo Dark (Obsidian) ─────────────────────────────────────────── */
body[data-theme="neo-dark"]{--btn-tint:rgba(123,140,255,0.10);--btn-tint-hover:rgba(123,140,255,0.18);--bays-navy:#e0defc;--neo-shadow-dark:rgba(0,0,0,.70);--neo-shadow-light:rgba(22,20,38,.50);--neo-inset-dark:rgba(0,0,0,.62);--neo-inset-light:rgba(22,20,38,.45);--neo-raised:5px 5px 14px var(--neo-shadow-dark),-3px -3px 8px var(--neo-shadow-light);--neo-inset:inset 3px 3px 7px var(--neo-inset-dark),inset -2px -2px 5px var(--neo-inset-light);--neo-btn:3px 3px 8px var(--neo-shadow-dark),-2px -2px 5px var(--neo-shadow-light);}
body[data-theme="neo-dark"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="neo-dark"] .card,
body[data-theme="neo-dark"] .panel{background:var(--bg-card);color:var(--text-primary);border:none;box-shadow:var(--neo-raised) !important;}
body[data-theme="neo-dark"] .data-table,
body[data-theme="neo-dark"] .tower-card,
body[data-theme="neo-dark"] .intake-row,
body[data-theme="neo-dark"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="neo-dark"] td,
body[data-theme="neo-dark"] th,
body[data-theme="neo-dark"] p,
body[data-theme="neo-dark"] label{color:var(--text-muted);}
body[data-theme="neo-dark"] .muted,
body[data-theme="neo-dark"] .text-muted,
body[data-theme="neo-dark"] small{color:var(--text-muted);}
body[data-theme="neo-dark"] .btn,
body[data-theme="neo-dark"] button.btn,
body[data-theme="neo-dark"] a.btn{background:var(--page-bg);color:var(--accent-text);border:none;border-radius:10px !important;box-shadow:var(--neo-btn) !important;}
body[data-theme="neo-dark"] .btn:hover{box-shadow:4px 4px 10px rgba(0,0,0,.68),-3px -3px 7px rgba(22,20,38,.48) !important;}
body[data-theme="neo-dark"] .btn-primary{background:var(--accent);color:var(--on-accent);border:none;box-shadow:3px 3px 9px rgba(0,0,0,.65),-2px -2px 5px rgba(22,20,38,.45) !important;}
body[data-theme="neo-dark"] input,
body[data-theme="neo-dark"] select,
body[data-theme="neo-dark"] textarea{background:var(--bg-input);color:var(--text-primary);border:none;border-radius:10px !important;box-shadow:var(--neo-inset) !important;}
body[data-theme="neo-dark"] a{color:var(--accent-text);}
body[data-theme="neo-dark"] .status-badge,
body[data-theme="neo-dark"] .badge{box-shadow:var(--neo-raised) !important;border:none;}
/* ── BAYS ASOS: 6 sample-based themes (Design handoff, 24 Jul 2026) ──────────
   APPEND to assets/css/themes.css. Same body[data-theme] model as existing themes.
   Each block defines the FULL variable set (themes.css vars + the bays-skin.css /
   portal-injected vars: --bg-app, --bg-deep, --bg-input, --text-secondary,
   --accent-rgb, --sidebar-bg, --hero-accent) so STAFF pages theme fully from CSS
   alone — this is the fix for the half-themed staff system. */

/* Periwinkle Service */
body[data-theme="periwinkle-service"]{--bays-teal:#f2a65a;--bays-bronze:#f2a65a;--hero-accent:#f2a65a;--bays-navy:#1a2b44;--btn-tint:rgba(242,166,90,0.10);--btn-tint-hover:rgba(242,166,90,0.18);}
body[data-theme="periwinkle-service"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="periwinkle-service"] .card,body[data-theme="periwinkle-service"] .panel,body[data-theme="periwinkle-service"] .data-table,body[data-theme="periwinkle-service"] .tower-card,body[data-theme="periwinkle-service"] .intake-row,body[data-theme="periwinkle-service"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="periwinkle-service"] .cmd-content h1,body[data-theme="periwinkle-service"] .cmd-content h2,body[data-theme="periwinkle-service"] .cmd-content h3,body[data-theme="periwinkle-service"] .card h1,body[data-theme="periwinkle-service"] .card h2,body[data-theme="periwinkle-service"] .card h3,body[data-theme="periwinkle-service"] td,body[data-theme="periwinkle-service"] th,body[data-theme="periwinkle-service"] .cmd-content p,body[data-theme="periwinkle-service"] .card p,body[data-theme="periwinkle-service"] .cmd-content label,body[data-theme="periwinkle-service"] .card label{color:var(--text-muted);}
body[data-theme="periwinkle-service"] .muted,body[data-theme="periwinkle-service"] .text-muted,body[data-theme="periwinkle-service"] small{color:var(--text-muted);}
body[data-theme="periwinkle-service"] .btn,body[data-theme="periwinkle-service"] .cmd-tab-action,body[data-theme="periwinkle-service"] .mf-example-btn,body[data-theme="periwinkle-service"] .mf-copy-btn,body[data-theme="periwinkle-service"] .model-btn,body[data-theme="periwinkle-service"] .action-btn,body[data-theme="periwinkle-service"] .review-btn,body[data-theme="periwinkle-service"] button.btn,body[data-theme="periwinkle-service"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:6px;}
body[data-theme="periwinkle-service"] .btn:hover,body[data-theme="periwinkle-service"] .cmd-tab-action:hover,body[data-theme="periwinkle-service"] .action-btn:hover,body[data-theme="periwinkle-service"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="periwinkle-service"] .btn-primary,body[data-theme="periwinkle-service"] .review-btn-primary,body[data-theme="periwinkle-service"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="periwinkle-service"] .btn-primary{border-radius:999px !important;letter-spacing:.08em;}
body[data-theme="periwinkle-service"] .card{border-radius:20px !important;}
/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="periwinkle-service"] .money-owing,body[data-theme="periwinkle-service"] .status-overdue{}
body[data-theme="periwinkle-service"] .money-credit,body[data-theme="periwinkle-service"] .status-paid{}

/* Noir Cards (dark) */
body[data-theme="noir-cards"]{--bays-teal:#c8954a;--bays-bronze:#c8954a;--hero-accent:#c8954a;--bays-navy:#f2f2f4;--btn-tint:rgba(200,149,74,0.10);--btn-tint-hover:rgba(200,149,74,0.18);}
body[data-theme="noir-cards"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="noir-cards"] .card,body[data-theme="noir-cards"] .panel,body[data-theme="noir-cards"] .data-table,body[data-theme="noir-cards"] .tower-card,body[data-theme="noir-cards"] .intake-row,body[data-theme="noir-cards"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="noir-cards"] .cmd-content h1,body[data-theme="noir-cards"] .cmd-content h2,body[data-theme="noir-cards"] .cmd-content h3,body[data-theme="noir-cards"] .card h1,body[data-theme="noir-cards"] .card h2,body[data-theme="noir-cards"] .card h3,body[data-theme="noir-cards"] td,body[data-theme="noir-cards"] th,body[data-theme="noir-cards"] .cmd-content p,body[data-theme="noir-cards"] .card p,body[data-theme="noir-cards"] .cmd-content label,body[data-theme="noir-cards"] .card label{color:var(--text-muted);}
body[data-theme="noir-cards"] .muted,body[data-theme="noir-cards"] .text-muted,body[data-theme="noir-cards"] small{color:var(--text-muted);}
body[data-theme="noir-cards"] .btn,body[data-theme="noir-cards"] .cmd-tab-action,body[data-theme="noir-cards"] .mf-example-btn,body[data-theme="noir-cards"] .mf-copy-btn,body[data-theme="noir-cards"] .model-btn,body[data-theme="noir-cards"] .action-btn,body[data-theme="noir-cards"] .review-btn,body[data-theme="noir-cards"] button.btn,body[data-theme="noir-cards"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:6px;}
body[data-theme="noir-cards"] .btn:hover,body[data-theme="noir-cards"] .cmd-tab-action:hover,body[data-theme="noir-cards"] .action-btn:hover,body[data-theme="noir-cards"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="noir-cards"] .btn-primary,body[data-theme="noir-cards"] .review-btn-primary,body[data-theme="noir-cards"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}
body[data-theme="noir-cards"] input,body[data-theme="noir-cards"] select,body[data-theme="noir-cards"] textarea{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);}
body[data-theme="noir-cards"] a{color:var(--accent-text);}
body[data-theme="noir-cards"] p,body[data-theme="noir-cards"] label{color:var(--text-muted);}
body[data-theme="noir-cards"] .card{border:1px solid var(--border);border-radius:20px !important;}
body[data-theme="noir-cards"] .status-badge,body[data-theme="noir-cards"] .badge{border:none;border-radius:999px !important;}
/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="noir-cards"] .money-owing,body[data-theme="noir-cards"] .status-overdue{}
body[data-theme="noir-cards"] .money-credit,body[data-theme="noir-cards"] .status-paid{}

/* Neon Ledger (dark) */
body[data-theme="neon-ledger"]{--bays-teal:#e84393;--bays-bronze:#e84393;--hero-accent:#e84393;--bays-navy:#f0eff2;--btn-tint:rgba(232,67,147,0.10);--btn-tint-hover:rgba(232,67,147,0.18);}
body[data-theme="neon-ledger"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="neon-ledger"] .card,body[data-theme="neon-ledger"] .panel,body[data-theme="neon-ledger"] .data-table,body[data-theme="neon-ledger"] .tower-card,body[data-theme="neon-ledger"] .intake-row,body[data-theme="neon-ledger"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="neon-ledger"] .cmd-content h1,body[data-theme="neon-ledger"] .cmd-content h2,body[data-theme="neon-ledger"] .cmd-content h3,body[data-theme="neon-ledger"] .card h1,body[data-theme="neon-ledger"] .card h2,body[data-theme="neon-ledger"] .card h3,body[data-theme="neon-ledger"] td,body[data-theme="neon-ledger"] th,body[data-theme="neon-ledger"] .cmd-content p,body[data-theme="neon-ledger"] .card p,body[data-theme="neon-ledger"] .cmd-content label,body[data-theme="neon-ledger"] .card label{color:var(--text-muted);}
body[data-theme="neon-ledger"] .muted,body[data-theme="neon-ledger"] .text-muted,body[data-theme="neon-ledger"] small{color:var(--text-muted);}
body[data-theme="neon-ledger"] .btn,body[data-theme="neon-ledger"] .cmd-tab-action,body[data-theme="neon-ledger"] .mf-example-btn,body[data-theme="neon-ledger"] .mf-copy-btn,body[data-theme="neon-ledger"] .model-btn,body[data-theme="neon-ledger"] .action-btn,body[data-theme="neon-ledger"] .review-btn,body[data-theme="neon-ledger"] button.btn,body[data-theme="neon-ledger"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:6px;}
body[data-theme="neon-ledger"] .btn:hover,body[data-theme="neon-ledger"] .cmd-tab-action:hover,body[data-theme="neon-ledger"] .action-btn:hover,body[data-theme="neon-ledger"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="neon-ledger"] .btn-primary,body[data-theme="neon-ledger"] .review-btn-primary,body[data-theme="neon-ledger"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}
body[data-theme="neon-ledger"] input,body[data-theme="neon-ledger"] select,body[data-theme="neon-ledger"] textarea{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);}
body[data-theme="neon-ledger"] a{color:var(--accent-text);}
body[data-theme="neon-ledger"] p,body[data-theme="neon-ledger"] label{color:var(--text-muted);}
body[data-theme="neon-ledger"]{--grad-accent:linear-gradient(90deg,#e84393,#f5a25d);}
body[data-theme="neon-ledger"] .btn-primary,body[data-theme="neon-ledger"] .review-btn-primary,body[data-theme="neon-ledger"] .mf-submit{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--on-accent);border:none;}
body[data-theme="neon-ledger"] .sidebar,body[data-theme="neon-ledger"] #sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--rail-hover) 100%);}
/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="neon-ledger"] .money-owing,body[data-theme="neon-ledger"] .status-overdue{}
body[data-theme="neon-ledger"] .money-credit,body[data-theme="neon-ledger"] .status-paid{}

/* Teal Clinic */
body[data-theme="teal-clinic"]{--bays-teal:#1d5347;--bays-bronze:#1d5347;--hero-accent:#1d5347;--bays-navy:#1a2b44;--btn-tint:rgba(29,83,71,0.10);--btn-tint-hover:rgba(29,83,71,0.18);}
body[data-theme="teal-clinic"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="teal-clinic"] .card,body[data-theme="teal-clinic"] .panel,body[data-theme="teal-clinic"] .data-table,body[data-theme="teal-clinic"] .tower-card,body[data-theme="teal-clinic"] .intake-row,body[data-theme="teal-clinic"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="teal-clinic"] .cmd-content h1,body[data-theme="teal-clinic"] .cmd-content h2,body[data-theme="teal-clinic"] .cmd-content h3,body[data-theme="teal-clinic"] .card h1,body[data-theme="teal-clinic"] .card h2,body[data-theme="teal-clinic"] .card h3,body[data-theme="teal-clinic"] td,body[data-theme="teal-clinic"] th,body[data-theme="teal-clinic"] .cmd-content p,body[data-theme="teal-clinic"] .card p,body[data-theme="teal-clinic"] .cmd-content label,body[data-theme="teal-clinic"] .card label{color:var(--text-muted);}
body[data-theme="teal-clinic"] .muted,body[data-theme="teal-clinic"] .text-muted,body[data-theme="teal-clinic"] small{color:var(--text-muted);}
body[data-theme="teal-clinic"] .btn,body[data-theme="teal-clinic"] .cmd-tab-action,body[data-theme="teal-clinic"] .mf-example-btn,body[data-theme="teal-clinic"] .mf-copy-btn,body[data-theme="teal-clinic"] .model-btn,body[data-theme="teal-clinic"] .action-btn,body[data-theme="teal-clinic"] .review-btn,body[data-theme="teal-clinic"] button.btn,body[data-theme="teal-clinic"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:6px;}
body[data-theme="teal-clinic"] .btn:hover,body[data-theme="teal-clinic"] .cmd-tab-action:hover,body[data-theme="teal-clinic"] .action-btn:hover,body[data-theme="teal-clinic"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="teal-clinic"] .btn-primary,body[data-theme="teal-clinic"] .review-btn-primary,body[data-theme="teal-clinic"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="teal-clinic"] .btn-primary{border-radius:999px !important;}
body[data-theme="teal-clinic"] .card{border-radius:16px !important;}
/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="teal-clinic"] .money-owing,body[data-theme="teal-clinic"] .status-overdue{}
body[data-theme="teal-clinic"] .money-credit,body[data-theme="teal-clinic"] .status-paid{}

/* Sunset Plan */
body[data-theme="sunset-plan"]{--bays-teal:#e0218a;--bays-bronze:#e0218a;--hero-accent:#e0218a;--bays-navy:#1a2b44;--btn-tint:rgba(224,33,138,0.10);--btn-tint-hover:rgba(224,33,138,0.18);}
body[data-theme="sunset-plan"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="sunset-plan"] .card,body[data-theme="sunset-plan"] .panel,body[data-theme="sunset-plan"] .data-table,body[data-theme="sunset-plan"] .tower-card,body[data-theme="sunset-plan"] .intake-row,body[data-theme="sunset-plan"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="sunset-plan"] .cmd-content h1,body[data-theme="sunset-plan"] .cmd-content h2,body[data-theme="sunset-plan"] .cmd-content h3,body[data-theme="sunset-plan"] .card h1,body[data-theme="sunset-plan"] .card h2,body[data-theme="sunset-plan"] .card h3,body[data-theme="sunset-plan"] td,body[data-theme="sunset-plan"] th,body[data-theme="sunset-plan"] .cmd-content p,body[data-theme="sunset-plan"] .card p,body[data-theme="sunset-plan"] .cmd-content label,body[data-theme="sunset-plan"] .card label{color:var(--text-muted);}
body[data-theme="sunset-plan"] .muted,body[data-theme="sunset-plan"] .text-muted,body[data-theme="sunset-plan"] small{color:var(--text-muted);}
body[data-theme="sunset-plan"] .btn,body[data-theme="sunset-plan"] .cmd-tab-action,body[data-theme="sunset-plan"] .mf-example-btn,body[data-theme="sunset-plan"] .mf-copy-btn,body[data-theme="sunset-plan"] .model-btn,body[data-theme="sunset-plan"] .action-btn,body[data-theme="sunset-plan"] .review-btn,body[data-theme="sunset-plan"] button.btn,body[data-theme="sunset-plan"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:6px;}
body[data-theme="sunset-plan"] .btn:hover,body[data-theme="sunset-plan"] .cmd-tab-action:hover,body[data-theme="sunset-plan"] .action-btn:hover,body[data-theme="sunset-plan"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="sunset-plan"] .btn-primary,body[data-theme="sunset-plan"] .review-btn-primary,body[data-theme="sunset-plan"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="sunset-plan"]{--grad-accent:linear-gradient(90deg,#e0218a,#f77737);}
body[data-theme="sunset-plan"] .btn-primary,body[data-theme="sunset-plan"] .review-btn-primary,body[data-theme="sunset-plan"] .mf-submit{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--on-accent);border:none;border-radius:999px !important;}
body[data-theme="sunset-plan"] input[type=range]{accent-color:var(--accent);}
/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="sunset-plan"] .money-owing,body[data-theme="sunset-plan"] .status-overdue{}
body[data-theme="sunset-plan"] .money-credit,body[data-theme="sunset-plan"] .status-paid{}

/* Coral Admin (sharp) */
body[data-theme="coral-admin"]{--bays-teal:#ff4d6b;--bays-bronze:#ff4d6b;--hero-accent:#ff4d6b;--bays-navy:#1a2b44;--btn-tint:rgba(255,77,107,0.10);--btn-tint-hover:rgba(255,77,107,0.18);}
body[data-theme="coral-admin"]{background:var(--page-bg);color:var(--text-primary);}
body[data-theme="coral-admin"] .card,body[data-theme="coral-admin"] .panel,body[data-theme="coral-admin"] .data-table,body[data-theme="coral-admin"] .tower-card,body[data-theme="coral-admin"] .intake-row,body[data-theme="coral-admin"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme="coral-admin"] .cmd-content h1,body[data-theme="coral-admin"] .cmd-content h2,body[data-theme="coral-admin"] .cmd-content h3,body[data-theme="coral-admin"] .card h1,body[data-theme="coral-admin"] .card h2,body[data-theme="coral-admin"] .card h3,body[data-theme="coral-admin"] td,body[data-theme="coral-admin"] th,body[data-theme="coral-admin"] .cmd-content p,body[data-theme="coral-admin"] .card p,body[data-theme="coral-admin"] .cmd-content label,body[data-theme="coral-admin"] .card label{color:var(--text-muted);}
body[data-theme="coral-admin"] .muted,body[data-theme="coral-admin"] .text-muted,body[data-theme="coral-admin"] small{color:var(--text-muted);}
body[data-theme="coral-admin"] .btn,body[data-theme="coral-admin"] .cmd-tab-action,body[data-theme="coral-admin"] .mf-example-btn,body[data-theme="coral-admin"] .mf-copy-btn,body[data-theme="coral-admin"] .model-btn,body[data-theme="coral-admin"] .action-btn,body[data-theme="coral-admin"] .review-btn,body[data-theme="coral-admin"] button.btn,body[data-theme="coral-admin"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:6px;}
body[data-theme="coral-admin"] .btn:hover,body[data-theme="coral-admin"] .cmd-tab-action:hover,body[data-theme="coral-admin"] .action-btn:hover,body[data-theme="coral-admin"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}
body[data-theme="coral-admin"] .btn-primary,body[data-theme="coral-admin"] .review-btn-primary,body[data-theme="coral-admin"] .mf-submit{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);}

body[data-theme="coral-admin"]{--grad-accent:linear-gradient(90deg,#ff4d6b,#ff7a59);}
body[data-theme="coral-admin"] .card,body[data-theme="coral-admin"] .btn,body[data-theme="coral-admin"] .panel,body[data-theme="coral-admin"] input,body[data-theme="coral-admin"] select{border-radius:0 !important;}
body[data-theme="coral-admin"] .btn-primary,body[data-theme="coral-admin"] .review-btn-primary,body[data-theme="coral-admin"] .mf-submit{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--on-accent);border:none;}
body[data-theme="coral-admin"] .sidebar,body[data-theme="coral-admin"] #sidebar{background:var(--sidebar-bg);}
body[data-theme="coral-admin"] .sidebar .nav-item.active,body[data-theme="coral-admin"] #sidebar .nav-item.active{background:linear-gradient(90deg,var(--sidebar-bg),var(--rail-hover));color:var(--rail-fg);}
/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="coral-admin"] .money-owing,body[data-theme="coral-admin"] .status-overdue{}
body[data-theme="coral-admin"] .money-credit,body[data-theme="coral-admin"] .status-paid{}


/* ── v7.10.321 THEMING STANDARD: every theme defines the FULL variable set. ──
   Neo themes previously had none — staff pages on neo were half-themed. ── */
body[data-theme="neo-pastel"]{--bays-teal:#c8864a;--bays-bronze:#c8864a;--hero-accent:#c8864a;}
body[data-theme="neo-dark"]{--bays-teal:#7b8cff;--bays-bronze:#7b8cff;--hero-accent:#7b8cff;}
body[data-theme="neo-ios-light"]{--bays-teal:#0a84ff;--bays-bronze:#0a84ff;--hero-accent:#0a84ff;}
body[data-theme="neo-ios-mint"]{--bays-teal:#34c759;--bays-bronze:#34c759;--hero-accent:#34c759;}
body[data-theme="neo-ios-lavender"]{--bays-teal:#5e5ce6;--bays-bronze:#5e5ce6;--hero-accent:#5e5ce6;}
body[data-theme="neo-ios-rose"]{--bays-teal:#ff375f;--bays-bronze:#ff375f;--hero-accent:#ff375f;}


/* ═══ v7.10.323 SIGNATURE TREATMENTS (specificity-hardened rev b) ═══════════
   The design-sample identity of each handoff theme, applied system-wide.
   NOTE: package-v2's own `button.btn` tint rule outguns its own `.btn-primary`
   solid rule (element-count specificity), so primaries rendered as 10% tint in
   these themes everywhere — a pre-existing package defect. These rules sit one
   decisive notch above both (html prefix + doubled class + ID variants). ═══ */

/* periwinkle-service: orange PILL primaries, extra-round white cards */
html body[data-theme="periwinkle-service"] button.btn-primary.btn-primary,html body[data-theme="periwinkle-service"] a.btn-primary.btn-primary,html body[data-theme="periwinkle-service"] .btn-primary.btn-primary,html body[data-theme="periwinkle-service"] button.mf-submit.mf-submit,html body[data-theme="periwinkle-service"] .review-btn-primary.review-btn-primary{border-radius:999px !important;background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700 !important;letter-spacing:.04em;}
html body[data-theme="periwinkle-service"] .card,html body[data-theme="periwinkle-service"] .panel,html body[data-theme="periwinkle-service"] .op-card{border-radius:18px !important;border:none;}
html body[data-theme="periwinkle-service"] .status-badge,html body[data-theme="periwinkle-service"] .badge{border-radius:999px !important;}

/* noir-cards: gold pill primaries on true dark, gold rail active */
html body[data-theme="noir-cards"] button.btn-primary.btn-primary,html body[data-theme="noir-cards"] a.btn-primary.btn-primary,html body[data-theme="noir-cards"] .btn-primary.btn-primary,html body[data-theme="noir-cards"] button.mf-submit.mf-submit,html body[data-theme="noir-cards"] .review-btn-primary.review-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-radius:999px !important;font-weight:700 !important;}
html body[data-theme="noir-cards"] .sidebar,html body[data-theme="noir-cards"] #sidebar{background:var(--sidebar-bg);border-right:1px solid var(--rail-hover);}
html body[data-theme="noir-cards"] .sidebar .nav-item.active,html body[data-theme="noir-cards"] #sidebar .nav-item.active{background:var(--rail-hover);color:var(--rail-fg);border-left:3px solid var(--accent);}

/* neon-ledger: magenta neon pills + glow */
html body[data-theme="neon-ledger"] button.btn-primary.btn-primary,html body[data-theme="neon-ledger"] a.btn-primary.btn-primary,html body[data-theme="neon-ledger"] .btn-primary.btn-primary,html body[data-theme="neon-ledger"] button.mf-submit.mf-submit,html body[data-theme="neon-ledger"] .review-btn-primary.review-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-radius:999px !important;box-shadow:0 0 14px rgba(232,67,147,.45) !important;font-weight:700 !important;}
html body[data-theme="neon-ledger"] .sidebar,html body[data-theme="neon-ledger"] #sidebar{background:var(--sidebar-bg);border-right:1px solid var(--rail-hover);}
html body[data-theme="neon-ledger"] .sidebar .nav-item.active,html body[data-theme="neon-ledger"] #sidebar .nav-item.active{background:var(--rail-hover);color:var(--rail-fg);border-left:3px solid var(--accent);}
html body[data-theme="neon-ledger"] .money-owing{text-shadow:0 0 8px rgba(232,67,147,.35);}

/* teal-clinic: deep teal chrome and primaries */
html body[data-theme="teal-clinic"] button.btn-primary.btn-primary,html body[data-theme="teal-clinic"] a.btn-primary.btn-primary,html body[data-theme="teal-clinic"] .btn-primary.btn-primary,html body[data-theme="teal-clinic"] button.mf-submit.mf-submit,html body[data-theme="teal-clinic"] .review-btn-primary.review-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-radius:12px !important;font-weight:650 !important;}
html body[data-theme="teal-clinic"] .sidebar,html body[data-theme="teal-clinic"] #sidebar{background:var(--sidebar-bg);}
html body[data-theme="teal-clinic"] .sidebar .nav-item.active,html body[data-theme="teal-clinic"] #sidebar .nav-item.active{background:var(--rail-hover);color:var(--rail-fg);border-left:3px solid var(--accent);}
html body[data-theme="teal-clinic"] .card,html body[data-theme="teal-clinic"] .panel,html body[data-theme="teal-clinic"] .op-card{border-radius:16px !important;}

/* sunset-plan (sample 5): magenta→orange gradients, gradient tracks */
html body[data-theme="sunset-plan"] button.btn-primary.btn-primary,html body[data-theme="sunset-plan"] a.btn-primary.btn-primary,html body[data-theme="sunset-plan"] .btn-primary.btn-primary,html body[data-theme="sunset-plan"] button.mf-submit.mf-submit,html body[data-theme="sunset-plan"] .review-btn-primary.review-btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-light));border:none;color:var(--on-accent);border-radius:999px !important;font-weight:700 !important;letter-spacing:.03em;}
html body[data-theme="sunset-plan"] .card-header,html body[data-theme="sunset-plan"] .op-hero{background:linear-gradient(100deg,var(--accent),var(--accent-light) 55%,var(--accent));color:var(--text-primary);}
html body[data-theme="sunset-plan"] .card-header h2,html body[data-theme="sunset-plan"] .card-header h1{color:var(--text-primary);}
html body[data-theme="sunset-plan"] .sidebar .nav-item.active,html body[data-theme="sunset-plan"] #sidebar .nav-item.active{background:linear-gradient(90deg,rgba(var(--accent-rgb), 0.2),rgba(var(--accent-rgb), 0.2));border-left:3px solid var(--accent);color:var(--rail-fg);}
html body[data-theme="sunset-plan"] input[type=range]{accent-color:var(--accent);}
html body[data-theme="sunset-plan"] .status-badge,html body[data-theme="sunset-plan"] .badge{border-radius:999px !important;background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--on-accent);border:none;}

/* coral-admin (sample 6, Brinhildr): black slim rail, coral gradient active,
   uppercase letterspaced labels, cyan pills */
html body[data-theme="coral-admin"] .sidebar,html body[data-theme="coral-admin"] #sidebar{background:var(--sidebar-bg);border-right:none;}
html body[data-theme="coral-admin"] .sidebar .nav-item,html body[data-theme="coral-admin"] #sidebar .nav-item{text-transform:uppercase;letter-spacing:.09em;font-size:.72rem !important;}
html body[data-theme="coral-admin"] .sidebar .nav-item.active,html body[data-theme="coral-admin"] #sidebar .nav-item.active{background:linear-gradient(90deg,var(--sidebar-bg),var(--rail-hover));color:var(--rail-fg);border-left:none;border-radius:8px;}
html body[data-theme="coral-admin"] button.btn-primary.btn-primary,html body[data-theme="coral-admin"] a.btn-primary.btn-primary,html body[data-theme="coral-admin"] .btn-primary.btn-primary,html body[data-theme="coral-admin"] button.mf-submit.mf-submit,html body[data-theme="coral-admin"] .review-btn-primary.review-btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-light));border:none;color:var(--on-accent);border-radius:10px !important;font-weight:700 !important;}
html body[data-theme="coral-admin"] .status-badge,html body[data-theme="coral-admin"] .badge{border-radius:999px !important;border:none;font-weight:700 !important;text-transform:uppercase;letter-spacing:.07em;}
html body[data-theme="coral-admin"] .card-header h2,html body[data-theme="coral-admin"] .op-section-title,html body[data-theme="coral-admin"] .op-card-title{text-transform:uppercase !important;letter-spacing:.1em !important;}
/* ── BAYS ASOS: "Atelier Ink" theme (Design handoff, 25 Jul 2026) ────────────
   APPEND VERBATIM to end of assets/css/themes.css. One theme, light, owner-visible.
   Conforms to THE STANDARD: full 18-var set, signature rules specificity-hardened
   (html body + doubled class + #sidebar variants), no fonts, no CDN, no images —
   pure CSS gradients only, zero extra network requests. */

body[data-theme="atelier-ink"]{--bays-teal:#d6336c;--bays-bronze:#d6336c;--hero-accent:#d6336c;--bays-navy:#24262b;--btn-tint:rgba(214,51,108,0.08);--btn-tint-hover:rgba(214,51,108,0.16);--ink-grad:linear-gradient(90deg,#f75a5f,#d6336c);}
body[data-theme="atelier-ink"]{background:var(--page-bg);color:var(--text-primary);font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;}
html body[data-theme="atelier-ink"] h1,html body[data-theme="atelier-ink"] h2,html body[data-theme="atelier-ink"] h3,html body[data-theme="atelier-ink"] .btn,html body[data-theme="atelier-ink"] .btn-primary{font-family:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;}
/* Icons: existing self-hosted Tabler set only — recolored, never swapped */
html body[data-theme="atelier-ink"] .sidebar .ti,html body[data-theme="atelier-ink"] #sidebar .ti,html body[data-theme="atelier-ink"] .sidebar [class^="ti-"],html body[data-theme="atelier-ink"] #sidebar [class^="ti-"]{color:inherit;font-size:1.05em;vertical-align:-2px;}

/* Surfaces: sharp white cards, hairline borders, soft ink shadow */
body[data-theme="atelier-ink"] .card,body[data-theme="atelier-ink"] .panel,body[data-theme="atelier-ink"] .data-table,body[data-theme="atelier-ink"] .tower-card,body[data-theme="atelier-ink"] .intake-row,body[data-theme="atelier-ink"] .result-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
html body[data-theme="atelier-ink"] .card.card{border-radius:10px !important;border:none;box-shadow:0 2px 10px rgba(30,30,40,.06) !important;}
body[data-theme="atelier-ink"] .cmd-content h1,body[data-theme="atelier-ink"] .cmd-content h2,body[data-theme="atelier-ink"] .cmd-content h3,body[data-theme="atelier-ink"] .card h1,body[data-theme="atelier-ink"] .card h2,body[data-theme="atelier-ink"] .card h3,body[data-theme="atelier-ink"] td,body[data-theme="atelier-ink"] th,body[data-theme="atelier-ink"] .cmd-content p,body[data-theme="atelier-ink"] .card p,body[data-theme="atelier-ink"] .cmd-content label,body[data-theme="atelier-ink"] .card label{color:var(--text-muted);}
body[data-theme="atelier-ink"] .muted,body[data-theme="atelier-ink"] .text-muted,body[data-theme="atelier-ink"] small{color:var(--text-muted);}
body[data-theme="atelier-ink"] input,body[data-theme="atelier-ink"] select,body[data-theme="atelier-ink"] textarea{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);}
body[data-theme="atelier-ink"] a{color:var(--accent-text);}

/* SIGNATURE 1 — charcoal ink sidebar with gradient active pill (hardened, #sidebar variants) */
html body[data-theme="atelier-ink"] .sidebar,html body[data-theme="atelier-ink"] #sidebar,html body[data-theme="atelier-ink"] .side-nav{background:var(--sidebar-bg);color:var(--rail-fg);border-right:none;}
html body[data-theme="atelier-ink"] .sidebar a,html body[data-theme="atelier-ink"] #sidebar a,html body[data-theme="atelier-ink"] .side-nav a{color:var(--rail-fg);font-weight:600;}
html body[data-theme="atelier-ink"] .sidebar a:hover,html body[data-theme="atelier-ink"] #sidebar a:hover{color:var(--rail-fg);background:var(--rail-hover);}
/* Windows-style nav behaviour: quick 120ms ease on hover/active; visible keyboard focus */
html body[data-theme="atelier-ink"] .sidebar a,html body[data-theme="atelier-ink"] #sidebar a{transition:background-color .12s ease,color .12s ease;}
html body[data-theme="atelier-ink"] .sidebar a:focus-visible,html body[data-theme="atelier-ink"] #sidebar a:focus-visible,html body[data-theme="atelier-ink"] .btn:focus-visible,html body[data-theme="atelier-ink"] .btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
/* Collapsible groups: closed by default, open when parent is active/expanded; chevron rotates */
html body[data-theme="atelier-ink"] .sidebar .subnav,html body[data-theme="atelier-ink"] #sidebar .subnav,html body[data-theme="atelier-ink"] .sidebar li ul,html body[data-theme="atelier-ink"] #sidebar li ul{overflow:hidden;max-height:0;transition:max-height .18s ease;}
html body[data-theme="atelier-ink"] .sidebar .active .subnav,html body[data-theme="atelier-ink"] #sidebar .active .subnav,html body[data-theme="atelier-ink"] .sidebar .open .subnav,html body[data-theme="atelier-ink"] #sidebar .open .subnav,html body[data-theme="atelier-ink"] .sidebar li.active ul,html body[data-theme="atelier-ink"] #sidebar li.active ul{max-height:320px;}
html body[data-theme="atelier-ink"] .sidebar .chevron,html body[data-theme="atelier-ink"] #sidebar .chevron{transition:transform .12s ease;}
html body[data-theme="atelier-ink"] .sidebar .active .chevron,html body[data-theme="atelier-ink"] .sidebar .open .chevron,html body[data-theme="atelier-ink"] #sidebar .active .chevron,html body[data-theme="atelier-ink"] #sidebar .open .chevron{transform:rotate(90deg);}
html body[data-theme="atelier-ink"] .sidebar a.active.active,html body[data-theme="atelier-ink"] #sidebar a.active.active,html body[data-theme="atelier-ink"] .sidebar .active > a,html body[data-theme="atelier-ink"] #sidebar .active > a{background:linear-gradient(90deg,var(--sidebar-bg),var(--rail-hover));color:var(--rail-fg);border-radius:0 999px 999px 0 !important;margin-right:12px;font-weight:700;}

/* SIGNATURE 2 — raspberry gradient primary actions (hardened: outguns button.btn tint, LL v7.10.323) */
html body[data-theme="atelier-ink"] .btn-primary.btn-primary,html body[data-theme="atelier-ink"] .review-btn-primary.review-btn-primary,html body[data-theme="atelier-ink"] .mf-submit.mf-submit,html body[data-theme="atelier-ink"] button.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--on-accent);border:none;border-radius:8px !important;letter-spacing:.08em;box-shadow:0 6px 16px rgba(214,51,108,.28) !important;}
body[data-theme="atelier-ink"] .btn,body[data-theme="atelier-ink"] .cmd-tab-action,body[data-theme="atelier-ink"] .mf-example-btn,body[data-theme="atelier-ink"] .mf-copy-btn,body[data-theme="atelier-ink"] .model-btn,body[data-theme="atelier-ink"] .action-btn,body[data-theme="atelier-ink"] .review-btn,body[data-theme="atelier-ink"] button.btn,body[data-theme="atelier-ink"] a.btn{background:var(--btn-tint);color:var(--accent-text);border:1px solid var(--border);border-radius:8px;}
body[data-theme="atelier-ink"] .btn:hover,body[data-theme="atelier-ink"] .cmd-tab-action:hover,body[data-theme="atelier-ink"] .action-btn:hover,body[data-theme="atelier-ink"] .review-btn:hover{background:var(--btn-tint-hover);color:var(--text-primary);}

/* SIGNATURE 3 — letterspaced uppercase micro-labels on table headers (recolor + tracking; density untouched) */
html body[data-theme="atelier-ink"] .data-table th.data-table-th,html body[data-theme="atelier-ink"] .data-table thead th,html body[data-theme="atelier-ink"] table.data-table th{text-transform:uppercase;letter-spacing:.18em;font-size:.72em;color:var(--text-muted);font-weight:800;}

/* SIGNATURE 4 — gradient status badges */
html body[data-theme="atelier-ink"] .status-badge.status-badge,html body[data-theme="atelier-ink"] .badge.badge{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--on-accent);border:none;border-radius:3px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:800;}

/* SIGNATURE 5 — selected/active row: faint gradient wash + gradient check dot */
html body[data-theme="atelier-ink"] .data-table tr.selected,html body[data-theme="atelier-ink"] .data-table tr.active,html body[data-theme="atelier-ink"] .data-table tr.row-active,html body[data-theme="atelier-ink"] .intake-row.selected,html body[data-theme="atelier-ink"] .result-card.selected{background:linear-gradient(90deg,rgba(var(--accent-rgb), 0.07),rgba(var(--accent-rgb), 0.07));}
html body[data-theme="atelier-ink"] .data-table tr:hover td{background:rgba(var(--accent-rgb), 0.03);}

/* SIGNATURE 6 — sidebar sub-items (indented, smaller, quiet) */
html body[data-theme="atelier-ink"] .sidebar .subnav a,html body[data-theme="atelier-ink"] #sidebar .subnav a,html body[data-theme="atelier-ink"] .sidebar li li a,html body[data-theme="atelier-ink"] #sidebar li li a{padding-left:44px !important;font-size:.86em;color:var(--rail-fg-dim);background:none;}

/* SIGNATURE 7 — topbar: white, hairline bottom border, underline-style search */
html body[data-theme="atelier-ink"] .topbar,html body[data-theme="atelier-ink"] #topbar,html body[data-theme="atelier-ink"] .app-header{background:var(--chrome-bg);border-bottom:1px solid var(--border);box-shadow:none !important;}
html body[data-theme="atelier-ink"] .topbar input[type="search"],html body[data-theme="atelier-ink"] .topbar .search input,html body[data-theme="atelier-ink"] #topbar input[type="search"]{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0 !important;}

/* semantic money/status — same hues in every theme; word + colour together */
body[data-theme="atelier-ink"] .money-owing,body[data-theme="atelier-ink"] .status-overdue{}
body[data-theme="atelier-ink"] .money-credit,body[data-theme="atelier-ink"] .status-paid{}

/* ── atelier-ink selector adaptations (v7.10.327): package guessed generic selectors;
   BAYS striping lives in bays-skin (`tbody tr:nth-child(even){#faf6ef;}` + !important
   .data-table variant) and pay-ref chips hardcode a navy tint. Values from spec. ── */
html body[data-theme="atelier-ink"] tbody tr:nth-child(even),html body[data-theme="atelier-ink"] .data-table tbody tr:nth-child(even){background:var(--chrome-tint);}
html body[data-theme="atelier-ink"] .data-table tbody tr:hover,html body[data-theme="atelier-ink"] tbody tr:hover{background:rgba(var(--accent-rgb), 0.03);}
html body[data-theme="atelier-ink"] .mono.pay-ref,html body[data-theme="atelier-ink"] .pay-ref,html body[data-theme="atelier-ink"] td .mono{background:rgba(var(--accent-rgb), 0.08);color:var(--text-primary);}

/* ── atelier-ink staff topbar per reference 5b (v7.10.328): white bar, hairline,
   underline-only search in the rail, ink title — selector-adapted to BAYS chrome ── */
html body[data-theme="atelier-ink"] .topbar{background:var(--sidebar-bg);border-bottom:1px solid var(--rail-hover);box-shadow:none !important;}
html body[data-theme="atelier-ink"] .topbar-title{color:var(--on-chrome);font-weight:650;}
html body[data-theme="atelier-ink"] .sidebar .nav-search-wrap input,html body[data-theme="atelier-ink"] #sidebar .nav-search-wrap input{background:transparent;border:none;border-bottom:1px solid var(--rail-hover);border-radius:0 !important;color:var(--rail-fg);}
html body[data-theme="atelier-ink"] .sidebar .nav-search-wrap input:focus,html body[data-theme="atelier-ink"] #sidebar .nav-search-wrap input:focus{border-bottom-color:var(--accent);outline:none;}
html body[data-theme="atelier-ink"] .sidebar-toggle{color:var(--rail-fg);}
/* micro-labels: uppercase tracked card headers (reference 5b "TRANSACTION / DATE / AMOUNT") */
html body[data-theme="atelier-ink"] .card-header h2,html body[data-theme="atelier-ink"] .op-section-title{text-transform:uppercase;letter-spacing:.14em;font-size:.78em;color:var(--text-muted);}

/* ═══ v7.10.330 — picked designs 5/11/12 per-theme toolbar treatments ═══ */
/* design 12: rail-coloured brand bar for dark-rail themes (bar merges with the rail) */
html body[data-theme="atelier-ink"] .topbar{background:var(--sidebar-bg);border-bottom:1px solid var(--rail-hover);box-shadow:0 2px 8px rgba(0,0,0,.25) !important;}
html body[data-theme="atelier-ink"] .topbar-title{color:var(--on-chrome);}
html body[data-theme="atelier-ink"] .nav-hist-btn{background:var(--page-bg);border-color:var(--border);color:var(--text-primary);}
html body[data-theme="atelier-ink"] .topbar-util{background:var(--chrome-bg);border-color:var(--border);color:var(--on-chrome);}
html body[data-theme="atelier-ink"] .asos-ask-box{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0 !important;}
html body[data-theme="atelier-ink"] .asos-ask-input{color:var(--text-primary);}
html body[data-theme="atelier-ink"] .asos-status-strip .asos-chip,html body[data-theme="atelier-ink"] .asos-status-strip a{}
html body[data-theme="atelier-ink"] .asos-split-main,html body[data-theme="atelier-ink"] .asos-split-toggle{background:var(--ink-grad, linear-gradient(90deg,var(--accent),var(--accent-light)));}

html body[data-theme="coral-admin"] .topbar{background:var(--chrome-bg);border-bottom:none;box-shadow:0 2px 8px rgba(0,0,0,.3) !important;}
html body[data-theme="coral-admin"] .topbar-title{color:var(--on-chrome);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem !important;}
html body[data-theme="coral-admin"] .nav-hist-btn,html body[data-theme="coral-admin"] .topbar-util{background:var(--chrome-bg);border-color:var(--border);color:var(--on-chrome);border-radius:0 !important;}
html body[data-theme="coral-admin"] .asos-ask-box{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0 !important;}
html body[data-theme="coral-admin"] .asos-ask-input{color:var(--text-primary);}
html body[data-theme="coral-admin"] .asos-split-main,html body[data-theme="coral-admin"] .asos-split-toggle{background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:0 !important;}

/* design 5: noir gold bar */
html body[data-theme="noir-cards"] .topbar{background:var(--chrome-bg);border-bottom:1px solid var(--border);}
html body[data-theme="noir-cards"] .topbar-title{color:var(--on-chrome);}
html body[data-theme="noir-cards"] .nav-hist-btn,html body[data-theme="noir-cards"] .topbar-util{background:var(--chrome-bg);border-color:var(--border);color:var(--on-chrome);box-shadow:inset 0 1px 0 rgba(224,184,120,.15), 0 2px 4px rgba(0,0,0,.5) !important;}
html body[data-theme="noir-cards"] .asos-ask-box{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0 !important;}
html body[data-theme="noir-cards"] .asos-ask-input{color:var(--text-primary);}
html body[data-theme="noir-cards"] .asos-split-main,html body[data-theme="noir-cards"] .asos-split-toggle{background:var(--page-bg);color:var(--text-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 2px 5px rgba(0,0,0,.5) !important;}
html body[data-theme="noir-cards"] .asos-menu{background:var(--page-bg);border-color:var(--border);}
html body[data-theme="noir-cards"] .asos-menu a{color:var(--accent-text);}

html body[data-theme="neon-ledger"] .topbar{background:var(--chrome-bg);border-bottom:1px solid var(--border);}
html body[data-theme="neon-ledger"] .topbar-title{color:var(--on-chrome);}
html body[data-theme="neon-ledger"] .nav-hist-btn,html body[data-theme="neon-ledger"] .topbar-util{background:var(--chrome-bg);border-color:var(--border);color:var(--on-chrome);}
html body[data-theme="neon-ledger"] .asos-ask-box{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0 !important;box-shadow:0 8px 14px -10px rgba(232,67,147,.6) !important;}
html body[data-theme="neon-ledger"] .asos-ask-input{color:var(--text-primary);}

html body[data-theme="teal-clinic"] .topbar{background:var(--chrome-bg);border-bottom:none;}
html body[data-theme="teal-clinic"] .topbar-title{color:var(--on-chrome);}
html body[data-theme="teal-clinic"] .nav-hist-btn,html body[data-theme="teal-clinic"] .topbar-util{background:var(--chrome-bg);border-color:var(--border);color:var(--on-chrome);}
html body[data-theme="teal-clinic"] .asos-ask-box{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0 !important;}
html body[data-theme="teal-clinic"] .asos-ask-input{color:var(--text-primary);}
/* ── BAYS ASOS: Ask Neo button — 12 theme-driven variants (25 Jul 2026) ──────
   APPEND to assets/css/themes.css. ONE simple update: give the existing Ask Neo
   button the class `ask-neo` plus ONE variant class (default: ask-neo--v2).
   Every variant reads the active theme's variables — --accent, --accent-rgb,
   --accent-light, --grad-accent, --sidebar-bg — so all 7 themes restyle it
   automatically. No JS changes, no new assets.
   Themes without --grad-accent fall back to a flat accent fill (the var() default).
   coral-admin's radius-0 rule already squares these off — do not fight it. */

.ask-neo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;font-weight:700;font-size:13px;cursor:pointer;border:none;transition:filter .12s ease, box-shadow .12s ease;box-sizing:border-box;}
.ask-neo:hover{filter:brightness(1.08);}
.ask-neo:focus-visible{outline:2px solid var(--accent-light,var(--accent));outline-offset:2px;}
.ask-neo .spark{font-size:.9em;}

/* v1 — solid pill */
.ask-neo--v1{background:var(--accent);color:var(--on-accent);border-radius:999px !important;}
/* v2 — gradient pill + glow (RECOMMENDED DEFAULT) */
.ask-neo--v2{background:var(--grad-accent,var(--accent));color:var(--on-accent);border-radius:999px !important;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:12px;box-shadow:0 6px 18px rgba(var(--accent-rgb),.45) !important;}
/* v3 — ghost outline */
.ask-neo--v3{background:transparent;color:var(--accent-light,var(--accent));border:1px solid var(--accent);border-radius:999px !important;}
/* v4 — gradient ring (needs inner span.ask-neo-core) */
.ask-neo--v4{background:var(--grad-accent,var(--accent));padding:1.5px !important;border-radius:999px !important;}
.ask-neo--v4 .ask-neo-core{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 14px;background:var(--sidebar-bg,var(--accent));color:var(--on-accent);border-radius:999px;}
/* v5 — assistant tile (two lines: <b>Ask Neo</b><small>AI assistant</small>) */
.ask-neo--v5{background:var(--accent);border:1px solid var(--accent);border-radius:10px !important;justify-content:flex-start;text-align:left;color:var(--on-accent);}
.ask-neo--v5 .spark{width:30px;height:30px;border-radius:8px;background:var(--grad-accent,var(--accent));color:var(--on-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ask-neo--v5 small{display:block;font-weight:400;font-size:10px;opacity:.6;}
/* v6 — tinted bar + shortcut hint (append <kbd>⌘K</kbd>) */
.ask-neo--v6{background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.35);border-radius:8px !important;color:var(--on-accent);justify-content:flex-start;}
.ask-neo--v6 .spark{color:var(--accent-light,var(--accent));}
.ask-neo--v6 kbd{margin-left:auto;background:var(--accent);color:inherit;opacity:.7;font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.08em;font-family:inherit;}
/* v7 — frosted glass */
.ask-neo--v7{background:var(--accent);backdrop-filter:blur(6px);border:1px solid var(--accent);border-radius:999px !important;color:var(--on-accent);}
.ask-neo--v7 .spark{color:var(--accent-light,var(--accent));}
/* v8 — neon glow */
.ask-neo--v8{background:var(--accent);border:1px solid var(--accent);color:var(--accent-light,var(--accent));border-radius:8px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:800;font-size:12px;box-shadow:0 0 14px rgba(var(--accent-rgb),.55), inset 0 0 8px rgba(var(--accent-rgb),.12) !important;}
/* v9 — split action (wrap in .ask-neo-split with a sibling button.ask-neo-more) */
.ask-neo-split{display:flex;gap:2px;width:100%;}
.ask-neo--v9{flex:1;background:var(--grad-accent,var(--accent));color:var(--on-accent);border-radius:8px 0 0 8px !important;}
.ask-neo-more{background:rgba(var(--accent-rgb),.25);color:var(--accent-light,var(--accent));border:none;border-radius:0 8px 8px 0 !important;padding:0 12px;cursor:pointer;}
/* v10 — spark FAB (collapsed rail / mobile; width auto) */
.ask-neo--v10{width:42px !important;height:42px;padding:0 !important;border-radius:50% !important;background:var(--grad-accent,var(--accent));color:var(--on-accent);font-size:17px;box-shadow:0 6px 16px rgba(var(--accent-rgb),.4) !important;}
/* v11 — inline prompt field (label reads "Ask Neo anything…") */
.ask-neo--v11{background:var(--accent);border:1px solid var(--accent);border-radius:999px !important;color:var(--on-accent);font-style:italic;font-weight:400 !important;justify-content:flex-start;}
.ask-neo--v11 .spark{color:var(--accent-light,var(--accent));font-style:normal;}
.ask-neo--v11 .go{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--grad-accent,var(--accent));color:var(--on-accent);font-size:10px;font-style:normal;display:flex;align-items:center;justify-content:center;}
/* v12 — status pill + pulse (append <span class="dot"></span> before label, <em>ONLINE</em> after) */
.ask-neo--v12{background:var(--accent);border:1px solid var(--accent);border-radius:999px !important;color:var(--on-accent);justify-content:flex-start;}
.ask-neo--v12 .dot{width:8px;height:8px;border-radius:50%;background:var(--grad-accent,var(--accent));box-shadow:0 0 8px rgba(var(--accent-rgb),.8);animation:askneo-pulse 2s ease infinite;}
.ask-neo--v12 em{margin-left:auto;color:var(--on-accent);font-size:9px;font-weight:800;letter-spacing:.14em;font-style:normal;}
@keyframes askneo-pulse{ 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.55;transform:scale(.82);} }
@media (prefers-reduced-motion: reduce){ .ask-neo--v12 .dot{animation:none;} }

/* v9 menu (dropdown for the split button; positioned under the split) */
.ask-neo-split{position:relative;}
.ask-neo-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:var(--bg-card,var(--accent));border:1px solid var(--border,var(--accent));border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:6px;display:flex;flex-direction:column;gap:2px;}
.ask-neo-menu [role="menuitem"]{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-primary,var(--on-accent));cursor:pointer;}
.ask-neo-menu [role="menuitem"]:hover{background:rgba(var(--accent-rgb),.08);}
.ask-neo-menu [role="menuitem"]:focus-visible{outline:none;background:rgba(var(--accent-rgb),.14);box-shadow:inset 0 0 0 2px var(--accent);}

/* Light-theme sidebars (periwinkle, teal-clinic, sunset): the white/on-white variants
   v5, v7, v11, v12 need their dark rgba flips — auto-handled: */
body[data-theme="periwinkle-service"] .ask-neo--v5,body[data-theme="teal-clinic"] .ask-neo--v5,body[data-theme="sunset-plan"] .ask-neo--v5,
body[data-theme="periwinkle-service"] .ask-neo--v7,body[data-theme="teal-clinic"] .ask-neo--v7,body[data-theme="sunset-plan"] .ask-neo--v7,
body[data-theme="periwinkle-service"] .ask-neo--v11,body[data-theme="teal-clinic"] .ask-neo--v11,body[data-theme="sunset-plan"] .ask-neo--v11,
body[data-theme="periwinkle-service"] .ask-neo--v12,body[data-theme="teal-clinic"] .ask-neo--v12,body[data-theme="sunset-plan"] .ask-neo--v12{background:var(--accent);border-color:var(--accent);color:var(--text-primary);}

/* ═══ v7.10.333 — Ask Neo split: corrections to the package CSS as installed ═══
   (1) `.ask-neo-menu{display:flex;}` is a CLASS rule, so it outranks the UA
       `[hidden]{display:none;}` — the preset menu rendered PERMANENTLY OPEN over the
       sidebar navigation on every page/theme. The attribute must win.
   (2) `.ask-neo-split` had no positioning context, so the absolutely-positioned menu
       anchored to an unrelated ancestor.
   (3) The ▾ used `color:var(--accent-light)`, which equals --accent in 24/25 themes,
       giving accent-on-accent-tint (measured as low as 1.0 contrast). Now uses the
       readable foreground for the rail it sits on.                                  */
.ask-neo-split {position:relative;}
.ask-neo-menu[hidden] {display:none !important;}
.ask-neo-menu {color:var(--text-primary, var(--on-accent));}
.ask-neo-more {color:var(--text-primary, var(--on-accent));background:rgba(var(--accent-rgb), .55);}
html body[data-theme="periwinkle-service"] .ask-neo--v9 {color:var(--on-accent);}  /* white on amber measured 2.02 */
html body[data-theme="teal-clinic"] .ask-neo-more {color:var(--on-accent);background:var(--accent);}

/* ═══ v7.10.334 — FUNCTION-FIRST PORTAL TOKEN BRIDGE ══════════════════════════
   tenant / agent / contractor portals now follow the theme staff pick in
   Settings → Portal appearance. Their own CSS hardcodes surfaces (e.g.
   .tp-card{background:var(--bg-card);}) while the theme supplies text colours — wiring
   only one side produced light-on-light and dark-on-dark text (measured 1.0).
   These rules bridge SURFACES to the same theme tokens so text always contrasts.
   Colour only — no signature/decorative treatments; these portals are
   function-first by design.                                                     */
body[data-theme] .tp-top,
body[data-theme] .tp-nav          {background:var(--sidebar-bg);color:var(--text-primary);}
body[data-theme] .tp-main         {background:var(--bg-app);}
body[data-theme] .tp-card,
body[data-theme] .tp-card-body    {background:var(--bg-card);border-color:var(--border);color:var(--text-primary);}
body[data-theme] .tile,
body[data-theme] .tp-tile         {background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme] .tile-sub,
body[data-theme] .tp-sub,
body[data-theme] .desc,
body[data-theme] .foot            {color:var(--text-muted);}
body[data-theme] .tp-tenant-name,
body[data-theme] .tp-brand-name   {color:var(--text-primary);}
/* agent + contractor login cards */
body[data-theme] .card            {background:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
body[data-theme] .card h1,
body[data-theme] .card h2,
body[data-theme] .card h3,
body[data-theme] .card label      {color:var(--text-primary);}
body[data-theme] .cp-top          {background:var(--sidebar-bg);}

/* ═══ v7.10.334 — light-accent legibility: white text on these accents measures
   under 3:1, so filled accent buttons use a dark foreground derived from the
   accent instead. Generated from the real palettes, not guessed per theme. ═══ */
html body[data-theme="periwinkle-service"] .ask-neo--v9,html body[data-theme="periwinkle-service"] .asos-split-main,html body[data-theme="periwinkle-service"] .asos-split-toggle,html body[data-theme="periwinkle-service"] .btn-primary.btn-primary{color:color-mix(in srgb, var(--on-accent) 22%, var(--on-accent));}
html body[data-theme="noir-cards"] .ask-neo--v9,html body[data-theme="noir-cards"] .asos-split-main,html body[data-theme="noir-cards"] .asos-split-toggle,html body[data-theme="noir-cards"] .btn-primary.btn-primary{color:color-mix(in srgb, var(--on-accent) 22%, var(--on-accent));}
html body[data-theme="neo-dark"] .ask-neo--v9,html body[data-theme="neo-dark"] .asos-split-main,html body[data-theme="neo-dark"] .asos-split-toggle,html body[data-theme="neo-dark"] .btn-primary.btn-primary{color:color-mix(in srgb, var(--on-accent) 22%, var(--on-accent));}
html body[data-theme="neo-ios-mint"] .ask-neo--v9,html body[data-theme="neo-ios-mint"] .asos-split-main,html body[data-theme="neo-ios-mint"] .asos-split-toggle,html body[data-theme="neo-ios-mint"] .btn-primary.btn-primary{color:color-mix(in srgb, var(--on-accent) 22%, var(--on-accent));}

/* ═══ v7.10.334 — Ask Neo ▾ foreground derived per theme from the RAIL luminance.
   The ▾ sits on the sidebar, so --text-primary (which is dark on light themes) was
   dark-on-mid-tone there, measuring ~1.5-2.4. Generated from each palette's own
   sidebar colour: 25 dark rails get a light glyph, 0 light rails a dark one. ═══ */
html body[data-theme="navy-rose-gold"] .ask-neo-more,html body[data-theme="midnight-champagne"] .ask-neo-more,html body[data-theme="forest-brass"] .ask-neo-more,html body[data-theme="burgundy-blush"] .ask-neo-more,html body[data-theme="charcoal-copper"] .ask-neo-more,html body[data-theme="ink-jade"] .ask-neo-more,html body[data-theme="aubergine-gold"] .ask-neo-more,html body[data-theme="deep-teal-sand"] .ask-neo-more,html body[data-theme="espresso-cream"] .ask-neo-more,html body[data-theme="indigo-amber"] .ask-neo-more,html body[data-theme="graphite-sage"] .ask-neo-more,html body[data-theme="ocean-pearl"] .ask-neo-more,html body[data-theme="periwinkle-service"] .ask-neo-more,html body[data-theme="noir-cards"] .ask-neo-more,html body[data-theme="neon-ledger"] .ask-neo-more,html body[data-theme="teal-clinic"] .ask-neo-more,html body[data-theme="sunset-plan"] .ask-neo-more,html body[data-theme="coral-admin"] .ask-neo-more,html body[data-theme="atelier-ink"] .ask-neo-more,html body[data-theme="neo-pastel"] .ask-neo-more,html body[data-theme="neo-dark"] .ask-neo-more,html body[data-theme="neo-ios-light"] .ask-neo-more,html body[data-theme="neo-ios-mint"] .ask-neo-more,html body[data-theme="neo-ios-lavender"] .ask-neo-more,html body[data-theme="neo-ios-rose"] .ask-neo-more{color:var(--on-accent);background:rgba(var(--accent-rgb),.62);}

/* v7.10.334 — pale accents: a translucent accent chip can't carry white text.
   These use the accent at full strength with a dark glyph instead. */
html body[data-theme="periwinkle-service"] .ask-neo-more,html body[data-theme="noir-cards"] .ask-neo-more,html body[data-theme="neo-pastel"] .ask-neo-more,html body[data-theme="neo-dark"] .ask-neo-more,html body[data-theme="neo-ios-mint"] .ask-neo-more{color:var(--on-accent);background:var(--accent);}

/* ═══ v7.10.334 FINAL — Ask Neo ▾ chip: FULL-strength accent background for every
   theme (a translucent chip composites paler than the accent and broke the maths),
   with the glyph colour chosen from that accent's measured luminance.
   5 accents take a white glyph, 20 take a dark one. ═══ */
html body[data-theme="graphite-sage"] .ask-neo-more,html body[data-theme="ocean-pearl"] .ask-neo-more,html body[data-theme="teal-clinic"] .ask-neo-more,html body[data-theme="atelier-ink"] .ask-neo-more,html body[data-theme="neo-ios-lavender"] .ask-neo-more{background:var(--accent);color:var(--on-accent);}
html body[data-theme="navy-rose-gold"] .ask-neo-more,html body[data-theme="midnight-champagne"] .ask-neo-more,html body[data-theme="forest-brass"] .ask-neo-more,html body[data-theme="burgundy-blush"] .ask-neo-more,html body[data-theme="charcoal-copper"] .ask-neo-more,html body[data-theme="ink-jade"] .ask-neo-more,html body[data-theme="aubergine-gold"] .ask-neo-more,html body[data-theme="deep-teal-sand"] .ask-neo-more,html body[data-theme="espresso-cream"] .ask-neo-more,html body[data-theme="indigo-amber"] .ask-neo-more,html body[data-theme="periwinkle-service"] .ask-neo-more,html body[data-theme="noir-cards"] .ask-neo-more,html body[data-theme="neon-ledger"] .ask-neo-more,html body[data-theme="sunset-plan"] .ask-neo-more,html body[data-theme="coral-admin"] .ask-neo-more,html body[data-theme="neo-pastel"] .ask-neo-more,html body[data-theme="neo-dark"] .ask-neo-more,html body[data-theme="neo-ios-light"] .ask-neo-more,html body[data-theme="neo-ios-mint"] .ask-neo-more,html body[data-theme="neo-ios-rose"] .ask-neo-more{background:var(--accent);color:var(--on-accent);}

/* ═══ v7.10.334 — chip/ghost legibility. These carried hardcoded light backgrounds
   (e.g. .badge-info{}) or inherited a
   white foreground onto a near-white pill, measuring as low as 1.0. A low-strength
   accent tint stays near the card's own luminance, so --text-primary always reads. */
body[data-theme] .badge-info,
body[data-theme] .status-badge,
body[data-theme] .btn-ghost {border-color:var(--border);}
body[data-theme] .nav-group-toggle {color:var(--text-secondary, var(--text-primary));}


/* ═══ v7.10.340 — the v7.10.336 rail block has been REMOVED. ═══
   It hardcoded --rail-fg: #f4f5f7 for every body[data-theme], which overrode the
   per-theme value and forced light chrome text onto the five light-railed neo themes.
   core/ThemeTokens.php now derives rail-fg from the rail each theme actually paints;
   the rules below only bind chrome to those tokens and name no colour. */
body[data-theme] .sidebar-nav .nav-group-toggle,
body[data-theme] .sidebar-nav .nav-group.open > .nav-group-toggle,
body[data-theme] .sidebar-nav .nav-group.active-group > .nav-group-toggle {color:var(--t-rail-fg);}
body[data-theme] .sidebar-nav .nav-item {color:var(--t-rail-fg-dim);}
body[data-theme] .sidebar-nav .nav-item:hover {color:var(--t-rail-fg);background:var(--t-rail-hover);}
body[data-theme] .sidebar-nav .nav-section-label,
body[data-theme] .sidebar-nav .nav-group-label {color:var(--t-rail-fg-dim);}
body[data-theme] .sidebar-nav .nav-item.active {color:var(--t-rail-active-fg);}


/* ═══ v7.10.340 — TOKEN-BOUND STATE COLOURS (closes the last contrast items) ═══
   White text was being written onto LIGHT accents (periwinkle amber 2.02, coral 2.43).
   The token layer already computes --t-accent-ink from each accent's own luminance —
   primary actions now use it instead of assuming white. Badges take the same treatment;
   the 'white on white' readings were badges on a gradient the checker could not resolve,
   which the explicit pairing also removes. */
body[data-theme] .btn-primary,
body[data-theme] .mf-submit,
body[data-theme] .review-btn-primary {}
body[data-theme] .badge {border:1px solid rgba(var(--t-accent-rgb), .22);}
body[data-theme] .status-badge {}
