/* Shared English workspace theme. Color reinforces hierarchy without changing layout. */
:root {
    --brand-primary: #187f75;
    --brand-indigo: #5867d9;
    --brand-focus: #7785ed;
    --brand-soft-shadow: 0 8px 28px rgb(34 57 100 / 7%);
}
body {
    background-color: #f4f7fb;
}
button, input, select, textarea, a {
    accent-color: var(--brand-primary);
}
button:focus-visible, a:focus-visible {
    outline: 3px solid var(--brand-focus);
    outline-offset: 3px;
}
.btn-primary, .btn.primary, button.primary, .primary-button,
#searchButton, #sync-button, #ai-provider-save {
    background: linear-gradient(120deg, #187f75, #216b88);
    border-color: #187f75;
    color: #fff;
    box-shadow: 0 3px 10px rgb(24 127 117 / 14%);
}
.btn-primary:hover, .btn.primary:hover, button.primary:hover, .primary-button:hover {
    background: linear-gradient(120deg, #12695f, #195875);
    border-color: #12695f;
}
.topbar {
    border-bottom-color: #dee5f3;
    box-shadow: 0 2px 14px rgb(45 61 102 / 4%);
}
.home-link {
    border-color: #dce4f6;
    color: #35467b;
    background: #f8faff;
}
.home-link:hover {
    color: #4659bd;
    border-color: #b5c2f1;
}
.shell {
    --bg: #f4f7fb;
    --ink: #21334d;
    --muted: #728098;
    --line: #e1e7f0;
    --green: #187f75;
    --green-dark: #12695f;
    --mint: #e9f5f3;
    --shadow: var(--brand-soft-shadow);
}
.shell .sidebar {
    background: linear-gradient(180deg, #fff 60%, #f7f9ff);
}
.shell .brand img {
    box-shadow: 0 4px 16px rgb(75 91 146 / 12%);
    border-radius: 10px;
}
.shell .nav-item.active {
    box-shadow: inset 3px 0 #187f75;
}
.shell .eyebrow {
    color: #6574b3;
}
.shell .hero {
    border-color: #d8e3f2;
    background: linear-gradient(115deg, #eaf6f1, #edf2ff 75%, #f5f0fd);
}
.shell .hero-art::before {
    border-color: #cbd4f3;
    background: linear-gradient(135deg, #e0e9fb, #ede6fa);
}
.shell .hero-art svg {
    color: #6273b4;
}
.shell .module-card {
    border-top: 3px solid #6780bd;
}
.shell .module-card[data-module="products"] {
    border-top-color: #4f80dc;
}
.shell .module-card[data-module="products"] .module-icon {
    color: #376ac4;
    background: #eaf1ff;
}
.shell .module-card[data-module="customer_messages"] {
    border-top-color: #269d8d;
}
.shell .module-card[data-module="phone_case_preview"] {
    border-top-color: #9268d5;
}
.shell .module-card[data-module="phone_case_preview"] .module-icon {
    color: #8455bc;
    background: #f0eafc;
}
.shell .module-card[data-group="Production"] {
    border-top-color: #d7a047;
}
.shell .module-card[data-group="Production"] .module-icon {
    color: #b4832e;
    background: #fff4df;
}
.shell .module-card[data-group="Management"] .module-icon {
    color: #6170b5;
    background: #edf0fc;
}
.shell .profile-card {
    border-top: 3px solid #7b8bcd;
}
.shell .profile-layout > div > .panel:first-child {
    border-top: 3px solid #52a795;
}
.shell .profile-layout > div > .panel:nth-child(2) {
    border-top: 3px solid #8c7abd;
}
.shell .panel-title > svg {
    color: #7185b8;
}
.shell .avatar {
    background: #e4f1ee;
    color: #247b70;
}
.shell .avatar.large {
    background: linear-gradient(135deg, #def0e9, #e6eafb);
}
.shell .permission-chips span:nth-child(3n + 1) {
    background: #eaf1ff;
    color: #496da9;
}
.shell .permission-chips span:nth-child(3n + 2) {
    background: #e8f4ef;
    color: #42806c;
}
.shell .permission-chips span:nth-child(3n) {
    background: #f1ebfa;
    color: #7c60a3;
}
.shell .stat:nth-child(1) {
    border-top: 3px solid #7b8bcd;
}
.shell .stat:nth-child(2) {
    border-top: 3px solid #52a795;
}
.shell .stat:nth-child(3) {
    border-top: 3px solid #d7a047;
}
.shell .role-card {
    border-top: 3px solid #95a4dc;
}
.auth-layout {
    --ink: #21334d;
    --green: #187f75;
}
.auth-art {
    background: linear-gradient(145deg, #edf7f1, #e9effd 65%, #f0eafa);
}
.auth-art .art-box {
    background: linear-gradient(135deg, #dceee5, #e0e5f9);
    border-color: #c7d8e8;
}
.auth-art .art-box svg {
    color: #668bb0;
}
@media (prefers-reduced-motion: reduce) {
    .module-card { transition: none; }
}