:root {
    --local-sky: #dce8f6;
    --local-sky-deep: #bfd3ec;
    --local-ink: #15283a;
    --local-muted: #6f8192;
    --local-line: rgba(21, 40, 58, 0.1);
    --local-panel: rgba(255, 255, 255, 0.96);
    --local-panel-soft: #f7fafc;
    --local-accent: #4a97d2;
    --local-accent-strong: #247fc3;
    --local-accent-dark: #213344;
    --local-green: #5bcf78;
    --local-shadow: 0 22px 48px rgba(21, 40, 58, 0.14);
}

body.legacy-local-shell,
body[class*="dashboard"],
body .dashboard-page--local,
body .auth-page--local {
    background:
        #f8f8f8 url('/assets/images/light-pattern.png') repeat;
}

.local-shell {
    margin-bottom: 18px;
    color: #fff;
}

.local-shell__sky {
    background:
        linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)),
        url('/legacy-image/img/sky-1313395_960_720.jpg') center top / cover no-repeat;
    border-top: 1px solid #9fd9e8;
}

.local-shell__band {
    background:
        linear-gradient(180deg, rgba(30, 31, 34, 0.96), rgba(34, 35, 39, 0.96)),
        repeating-linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0.02),
            rgba(255, 255, 255, 0.02) 6px,
            transparent 6px,
            transparent 12px
        );
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.local-shell__inner {
    width: min(1040px, calc(100% - 24px));
    margin: 0 auto;
}

.local-shell__inner--narrow {
    padding: 14px 0 16px;
    text-align: center;
}

.local-shell__utility {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 0 8px;
}

.local-shell__brand img {
    width: 168px;
    display: block;
}

.local-shell__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    color: #fff;
    font: 700 0.95rem/1.2 Podkova, Georgia, serif;
    text-shadow: 0.5px 0.5px rgba(63, 107, 169, 0.5);
}

.local-shell__meta a,
.local-shell__logout button {
    color: #fff;
    font: inherit;
    text-decoration: none;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.local-shell__lang {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--local-ink);
    text-shadow: none;
}

.local-shell__lang-form {
    margin: 0;
}

.local-shell__lang-select {
    min-width: 58px;
    min-height: 25px;
    padding: 0 24px 0 10px;
    border-radius: 10px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: var(--local-ink);
    font: inherit;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #213243 50%),
        linear-gradient(135deg, #213243 50%, transparent 50%);
    background-position:
        calc(100% - 13px) calc(50% - 2px),
        calc(100% - 8px) calc(50% - 2px);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
}

.local-shell__flag {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.local-shell__lang-select:focus {
    outline: 2px solid rgba(255, 255, 255, 0.75);
    outline-offset: 2px;
}

.local-shell__logout {
    margin: 0;
}

.local-shell__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0 0 8px;
}

.local-shell__nav-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 13px;
    border-radius: 0;
    background: #56a9de;
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #fff;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.9rem;
    letter-spacing: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}

.local-shell__nav-item.is-active {
    background: #222;
}

.local-shell__nav-item:hover {
    background: #57b6ec;
}

.local-shell__inner--narrow h1 {
    margin: 0 0 6px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.85rem, 4vw, 2.3rem);
    line-height: 0.98;
    text-shadow: 1px 1px #1e2430;
}

.local-shell__inner--narrow p {
    margin: 0;
    color: rgba(255,255,255,0.55);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.84rem;
}

.legacy-local-shell .auth-card {
    max-width: 420px;
    margin: 40px auto 0;
    padding: 26px 24px;
}

.legacy-local-shell .auth-card__intro {
    text-align: center;
}

.legacy-local-shell .auth-card__intro h1 {
    margin-bottom: 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
}

.legacy-local-shell .stack-form {
    display: grid;
    gap: 14px;
}

.legacy-local-shell .stack-form label span {
    display: block;
    margin-bottom: 6px;
    color: #3c5569;
    font-size: 0.92rem;
    font-weight: 700;
}

.legacy-local-shell .wrap,
.local-shell + .dashboard-page--local,
.local-shell + .auth-page--local {
    width: min(1100px, calc(100% - 40px));
    margin: 0 auto 46px;
}

.dashboard-page--local,
.auth-page--local {
    display: grid;
    gap: 22px;
}

.dashboard-page--local .dashboard-hero,
.legacy-local-shell .hero,
.legacy-local-shell .panel,
.legacy-local-shell .card,
.legacy-local-shell .report-box,
.dashboard-page--local .panel,
.dashboard-page--local .order-tile,
.dashboard-page--local .auth-card,
.dashboard-page--local .dashboard-hero,
.dashboard-page--local .menu-card {
    border: 1px solid rgba(24, 41, 57, 0.08);
    background: var(--local-panel);
    border-radius: 26px;
    box-shadow: var(--local-shadow);
    backdrop-filter: blur(14px);
}

.dashboard-page--local .dashboard-hero,
.legacy-local-shell .hero {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248, 251, 253, 0.95)),
        radial-gradient(circle at top right, rgba(74,151,210,0.12), transparent 30%);
    padding: 26px 28px;
}

.dashboard-page--local .dashboard-hero h1,
.legacy-local-shell h1,
.legacy-local-shell h2,
.legacy-local-shell h3,
.dashboard-page--local h1,
.dashboard-page--local h2,
.dashboard-page--local h3,
.auth-page--local h1 {
    color: #102338;
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
}

.dashboard-page--local .dashboard-hero p,
.legacy-local-shell p,
.dashboard-page--local p,
.auth-page--local p {
    color: var(--local-muted);
}

.dashboard-page--local .eyebrow,
.legacy-local-shell .eyebrow,
.auth-page--local .eyebrow {
    color: var(--local-accent-dark);
    letter-spacing: 0.16em;
    font-size: 0.72rem;
}

.dashboard-page--local .subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
}

.dashboard-page--local .subnav__item {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(24, 41, 57, 0.1);
    box-shadow: 0 12px 28px rgba(18, 35, 51, 0.08);
    color: #29445a;
    text-decoration: none;
    font-weight: 700;
}

.dashboard-page--local .subnav__item.is-active {
    background: linear-gradient(135deg, var(--local-accent), var(--local-accent-strong));
    color: #fff;
}

.dashboard-page--local .button,
.legacy-local-shell .button,
.legacy-local-shell .mini-button,
.auth-page--local .button {
    border-radius: 999px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid transparent;
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(21, 40, 58, 0.1);
}

.dashboard-page--local .button-primary,
.legacy-local-shell .button.primary {
    background: linear-gradient(135deg, var(--local-green), #49be67);
    color: #fff;
}

.dashboard-page--local .button-dark,
.legacy-local-shell .button.dark {
    background: linear-gradient(135deg, var(--local-accent-dark), #2f465b);
    color: #fff;
}

.dashboard-page--local .button-ghost,
.legacy-local-shell .button,
.legacy-local-shell .mini-button {
    background: rgba(255,255,255,0.95);
    border-color: rgba(16, 35, 56, 0.1);
    color: #173042;
}

.dashboard-page--local .button-danger {
    background: linear-gradient(135deg, #f06455, #de4a3a);
    color: #fff;
}

.legacy-local-shell input,
.legacy-local-shell select,
.legacy-local-shell textarea,
.dashboard-page--local input,
.dashboard-page--local select,
.dashboard-page--local textarea,
.auth-page--local input,
.auth-page--local select,
.auth-page--local textarea {
    border-radius: 16px;
    border: 1px solid rgba(21, 40, 58, 0.14);
    background: #fff;
    color: #172a3b;
    box-shadow: inset 0 1px 2px rgba(21, 40, 58, 0.04);
}

.legacy-local-shell .panel,
.legacy-local-shell .card,
.dashboard-page--local .panel,
.dashboard-page--local .order-tile,
.dashboard-page--local .auth-card {
    padding: 22px;
}

.legacy-local-shell .toolbar,
.legacy-local-shell .actions {
    gap: 12px;
}

.legacy-local-shell .metric,
.dashboard-page--local .metric-card,
.dashboard-page--local .order-summary-card,
.dashboard-page--local .faq-card,
.dashboard-page--local .category-card,
.dashboard-page--local .panel-nested {
    border-radius: 22px;
    border: 1px solid rgba(21, 40, 58, 0.08);
    background: linear-gradient(180deg, #ffffff, #f7fafc);
    box-shadow: 0 14px 26px rgba(21, 40, 58, 0.08);
}

.dashboard-page--local .order-tile__header,
.dashboard-page--local .panel-heading,
.dashboard-page--local .menu-card__top,
.dashboard-page--local .menu-card__bottom {
    gap: 16px;
}

.dashboard-page--local .status-pill,
.legacy-local-shell .pill,
.legacy-local-shell .badge {
    border-radius: 999px;
    background: rgba(74, 151, 210, 0.14);
    color: var(--local-accent-strong);
    font-weight: 700;
}

.dashboard-page--local .menu-type-tab {
    border-radius: 18px;
    border: 1px solid rgba(24, 41, 57, 0.1);
    background: rgba(255,255,255,0.92);
    box-shadow: 0 12px 28px rgba(18, 35, 51, 0.08);
}

.dashboard-page--local .menu-type-tab.is-active {
    background: linear-gradient(135deg, var(--local-accent), var(--local-accent-strong));
    color: #fff;
}

.dashboard-page--local .restaurant-media {
    border-radius: 18px;
}

.dashboard-page--local .auth-card {
    width: min(520px, 100%);
    margin: 0 auto;
}

.dashboard-page--local .auth-card__intro h1,
.auth-page--local .auth-card__intro h1 {
    font-size: clamp(2.2rem, 5vw, 4rem);
}

.legacy-local-shell table {
    width: 100%;
    border-collapse: collapse;
}

.legacy-local-shell th,
.legacy-local-shell td {
    padding: 13px 12px;
    border-bottom: 1px solid rgba(21, 40, 58, 0.08);
}

.legacy-local-shell tbody tr:nth-child(even) {
    background: rgba(74, 151, 210, 0.05);
}

.legacy-local-shell .empty-state {
    border-radius: 22px;
    border-color: rgba(21, 40, 58, 0.14);
    background: linear-gradient(180deg, #fff, #f8fbfd);
}

@media (max-width: 900px) {
    .local-shell__utility,
    .local-shell__nav {
        justify-content: flex-start;
    }

    .local-shell__meta {
        gap: 12px;
    }

    .local-shell__nav-item {
        min-height: 40px;
        font-size: 0.9rem;
    }

    .legacy-local-shell .wrap,
    .local-shell + .dashboard-page--local,
    .local-shell + .auth-page--local {
        width: min(100% - 20px, 100%);
    }
}

/* Legacy mirror v6: local backoffice */

body.legacy-local-shell,
body[class*="dashboard"],
body .dashboard-page--local,
body .auth-page--local {
    background:
        linear-gradient(180deg, #cfe0f4 0%, #e8eff7 220px, #f6f8fb 220px);
}

.local-shell {
    margin-bottom: 28px;
}

.local-shell__sky {
    background:
        linear-gradient(180deg, rgba(216, 229, 244, 0.78), rgba(193, 213, 236, 0.72)),
        radial-gradient(circle at top right, rgba(255,255,255,0.86), transparent 38%);
    border-top: 4px solid #b9eaf6;
}

.local-shell__inner {
    width: min(1180px, calc(100% - 28px));
}

.local-shell__utility {
    align-items: flex-start;
    padding: 18px 0 12px;
}

.local-shell__brand img {
    width: 154px;
}

.local-shell__meta {
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.95rem;
    text-shadow: 0 1px 2px rgba(27, 55, 79, 0.26);
}

.local-shell__lang {
    background: rgba(255,255,255,0.94);
    color: #213243;
    border: 1px solid rgba(255,255,255,0.54);
}

.local-shell__lang-select {
    background-color: rgba(255,255,255,0.94);
    color: #213243;
    border: 1px solid rgba(255,255,255,0.54);
}

.local-shell__nav {
    gap: 4px;
    padding: 0 0 10px;
}

.local-shell__nav-item {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(180deg, #66b8ee, #4396cf);
    border: 1px solid rgba(255,255,255,0.46);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.36);
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.96rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.local-shell__nav-item.is-active {
    background: linear-gradient(180deg, #2f3238, #202228);
    color: #ffffff;
}

.local-shell__band {
    background:
        linear-gradient(180deg, rgba(30, 31, 34, 0.96), rgba(34, 35, 39, 0.96)),
        repeating-linear-gradient(-45deg, rgba(255,255,255,0.02), rgba(255,255,255,0.02) 6px, transparent 6px, transparent 12px);
    border-top: 1px solid rgba(255,255,255,0.16);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.local-shell__inner--narrow {
    padding: 24px 0 22px;
}

.local-shell__inner--narrow h1 {
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.4rem, 4vw, 3.8rem);
    font-weight: 700;
    letter-spacing: -0.04em;
}

.local-shell__inner--narrow p {
    color: rgba(255,255,255,0.7);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
}

.local-shell + .dashboard-page--local,
.local-shell + .auth-page--local,
.legacy-local-shell .wrap {
    width: min(1120px, calc(100% - 36px));
    margin: 0 auto 44px;
}

.dashboard-page--local,
.auth-page--local {
    gap: 22px;
}

.dashboard-page--local .dashboard-hero,
.legacy-local-shell .hero {
    padding: 24px 26px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248, 251, 253, 0.96)),
        radial-gradient(circle at top right, rgba(97, 190, 228, 0.12), transparent 30%);
    border: 1px solid rgba(24, 41, 57, 0.08);
    box-shadow: 0 18px 34px rgba(24, 41, 57, 0.1);
}

.dashboard-page--local .dashboard-hero h1,
.dashboard-page--local h1,
.dashboard-page--local h2,
.dashboard-page--local h3,
.auth-page--local h1,
.legacy-local-shell h1,
.legacy-local-shell h2,
.legacy-local-shell h3 {
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    color: #102338;
    letter-spacing: -0.03em;
}

.dashboard-page--local .dashboard-hero p,
.dashboard-page--local p,
.auth-page--local p,
.legacy-local-shell p {
    color: #6f8192;
}

.dashboard-page--local .subnav__item {
    min-height: 42px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: #28445a;
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.dashboard-page--local .subnav__item.is-active {
    background: linear-gradient(135deg, #4a97d2, #247fc3);
    color: #ffffff;
}

.dashboard-page--local .panel,
.dashboard-page--local .order-tile,
.dashboard-page--local .auth-card,
.legacy-local-shell .panel,
.legacy-local-shell .card,
.legacy-local-shell .report-box {
    border-radius: 22px;
    background: rgba(255,255,255,0.97);
    border: 1px solid rgba(24, 41, 57, 0.08);
    box-shadow: 0 16px 28px rgba(24, 41, 57, 0.08);
}

.dashboard-page--local .metric-card,
.dashboard-page--local .order-summary-card,
.dashboard-page--local .faq-card,
.dashboard-page--local .category-card,
.dashboard-page--local .panel-nested {
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f7fafc);
}

.dashboard-page--local .status-pill,
.legacy-local-shell .pill,
.legacy-local-shell .badge {
    background: rgba(74, 151, 210, 0.14);
    color: #247fc3;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.dashboard-page--local .button-primary,
.legacy-local-shell .button.primary {
    background: linear-gradient(135deg, #61bee4, #4a97d2);
    color: #ffffff;
}

.dashboard-page--local .button-dark,
.legacy-local-shell .button.dark {
    background: linear-gradient(135deg, #2f3238, #202228);
    color: #ffffff;
}

@media (max-width: 900px) {
    .local-shell + .dashboard-page--local,
    .local-shell + .auth-page--local,
    .legacy-local-shell .wrap {
        width: min(100% - 16px, 100%);
    }
}

/* Legacy mirror v7: header + modules linked from login.php */

body.legacy-local-shell,
body[class*="dashboard"],
body .dashboard-page--local,
body .auth-page--local {
    background:
        linear-gradient(180deg, #d8e4f3 0, #d8e4f3 188px, rgba(255,255,255,0) 188px),
        #f8f8f8 url('/assets/images/light-pattern.png') repeat;
}

.local-shell {
    margin-bottom: 22px;
}

.local-shell__sky {
    background:
        linear-gradient(rgba(255,255,255,0.12), rgba(255,255,255,0.12)),
        url('/legacy-image/img/sky-1313395_960_720.jpg') center top / cover no-repeat;
    border-top: 1px solid #b9eef7;
}

.local-shell__inner {
    width: min(1040px, calc(100% - 24px));
}

.local-shell__utility {
    padding: 16px 0 8px;
}

.local-shell__brand img {
    width: 178px;
}

.local-shell__meta {
    gap: 12px;
    color: #fff;
    font: 700 0.95rem/1.2 Podkova, Georgia, serif;
    text-shadow: 0.5px 0.5px rgba(63, 107, 169, 0.5);
}

.local-shell__lang-select {
    min-width: 58px;
    min-height: 25px;
    padding: 0 24px 0 10px;
    border-radius: 10px;
    border: 1px solid #bdbdbd;
    background-color: #fff;
    color: #213243;
}

.local-shell__flag {
    width: 16px;
    height: 16px;
}

.local-shell__nav {
    gap: 4px;
    padding: 0 0 10px;
}

.local-shell__nav-item {
    min-height: 39px;
    padding: 0 14px;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: linear-gradient(180deg, #65b5ea, #4198d1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.28);
    font: 400 0.92rem/1 Georgia, "Times New Roman", serif;
}

.local-shell__nav-item:hover {
    background: linear-gradient(180deg, #77c3f3, #4aa6da);
}

.local-shell__nav-item.is-active {
    background: #222326;
}

.local-shell__inner--narrow {
    padding: 16px 0 18px;
}

.local-shell__inner--narrow h1 {
    margin: 0 0 6px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.1rem, 4vw, 3rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    text-shadow: 1px 1px #1e2430;
}

.local-shell__inner--narrow p {
    color: rgba(255,255,255,0.58);
    font: 400 0.86rem/1.25 Georgia, "Times New Roman", serif;
}

.local-shell + .dashboard-page--local,
.local-shell + .auth-page--local,
.legacy-local-shell .wrap,
.dashboard-page--local {
    width: min(1040px, calc(100% - 24px));
    margin: 0 auto 38px;
}

.dashboard-page--local {
    gap: 18px;
}

.dashboard-page--local .dashboard-hero,
.legacy-local-shell .hero,
.dashboard-page--local .panel,
.dashboard-page--local .order-tile,
.dashboard-page--local .auth-card,
.dashboard-page--local .metric-card,
.dashboard-page--local .category-card,
.dashboard-page--local .panel-nested,
.dashboard-page--local .order-summary-card,
.dashboard-page--local .qr-table-card,
.dashboard-page--local .inventory-card,
.dashboard-page--local .event-photo-card,
.legacy-local-shell .panel,
.legacy-local-shell .card,
.legacy-local-shell .report-box {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(249,249,249,0.98));
    box-shadow: 0 0 10px rgba(0,0,0,.14);
    backdrop-filter: none;
}

.dashboard-page--local .panel,
.dashboard-page--local .order-tile,
.dashboard-page--local .auth-card,
.legacy-local-shell .panel,
.legacy-local-shell .card {
    padding: 16px;
}

.dashboard-page--local h1,
.dashboard-page--local h2,
.dashboard-page--local h3,
.auth-page--local h1,
.legacy-local-shell h1,
.legacy-local-shell h2,
.legacy-local-shell h3 {
    color: #102338;
    font-family: Podkova, Georgia, serif;
    letter-spacing: 0;
}

.dashboard-page--local p,
.dashboard-page--local label,
.dashboard-page--local span,
.auth-page--local p,
.legacy-local-shell p {
    color: #5e6671;
}

.dashboard-page--local .eyebrow,
.legacy-local-shell .eyebrow,
.auth-page--local .eyebrow {
    color: #17375a;
    font: 700 0.78rem/1.2 Podkova, Georgia, serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dashboard-page--local .panel-heading,
.dashboard-page--local .order-tile__header,
.dashboard-page--local .menu-card__top,
.dashboard-page--local .menu-card__bottom {
    gap: 10px;
    margin-bottom: 12px;
}

.dashboard-page--local .button,
.legacy-local-shell .button,
.legacy-local-shell .mini-button,
.auth-page--local .button {
    min-height: 32px;
    padding: 0 14px;
    border-radius: 18px;
    box-shadow: none;
    font: 700 0.82rem/1 Arial, sans-serif;
}

.dashboard-page--local .button-primary,
.legacy-local-shell .button.primary {
    background: linear-gradient(180deg, #65b5ea, #4198d1);
    color: #fff;
}

.dashboard-page--local .button-dark,
.legacy-local-shell .button.dark {
    background: linear-gradient(180deg, #30333a, #202228);
    color: #fff;
}

.dashboard-page--local .button-ghost,
.legacy-local-shell .button,
.legacy-local-shell .mini-button {
    border: 1px solid #bababa;
    background: #fff;
    color: #173042;
}

.dashboard-page--local .button-danger {
    background: linear-gradient(180deg, #f27d70, #d75d50);
    color: #fff;
}

.legacy-local-shell input,
.legacy-local-shell select,
.legacy-local-shell textarea,
.dashboard-page--local input,
.dashboard-page--local select,
.dashboard-page--local textarea,
.auth-page--local input,
.auth-page--local select,
.auth-page--local textarea {
    min-height: 30px;
    border-radius: 10px;
    border: 1px solid #9c9c9c;
    background: #fff;
    color: #172a3b;
    box-shadow: inset 0 1px 2px rgba(21, 40, 58, 0.04);
    font: 400 0.84rem/1 Arial, sans-serif;
}

.dashboard-page--local textarea,
.auth-page--local textarea,
.legacy-local-shell textarea {
    min-height: 110px;
    padding: 8px 10px;
}

.dashboard-page--local .status-pill,
.legacy-local-shell .pill,
.legacy-local-shell .badge {
    border-radius: 18px;
    background: rgba(95, 176, 228, 0.16);
    color: #247fc3;
    font: 700 0.78rem/1 Arial, sans-serif;
    letter-spacing: 0;
}

.dashboard-page--local .metric-grid,
.dashboard-page--local .split-grid,
.dashboard-page--local .menu-section-toggles,
.dashboard-page--local .menu-workspace,
.dashboard-page--local .qr-toolbar {
    gap: 14px;
}

.dashboard-page--local .split-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-page--local .metric-card {
    padding: 14px 16px;
}

.dashboard-page--local .metric-card span {
    display: block;
    font: 700 0.74rem/1.2 Podkova, Georgia, serif;
    text-transform: uppercase;
    color: #17375a;
}

.dashboard-page--local .metric-card strong {
    display: block;
    margin-top: 6px;
    color: #102338;
    font: 700 1.25rem/1.1 Georgia, "Times New Roman", serif;
}

.dashboard-page--local .data-table,
.dashboard-page--local .category-stack,
.dashboard-page--local .inventory-stack {
    display: grid;
    gap: 10px;
}

.dashboard-page--local .list-row {
    padding: 10px 12px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background: rgba(255,255,255,0.84);
}

.dashboard-page--local .menu-toolbar,
.dashboard-page--local .qr-toolbar {
    padding: 0;
    background: transparent;
    border: 0;
}

.dashboard-page--local .menu-type-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.dashboard-page--local .menu-type-tab,
.dashboard-page--local .subnav__item {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 0;
    border: 1px solid rgba(255,255,255,0.42);
    background: linear-gradient(180deg, #65b5ea, #4198d1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.28);
    font: 400 0.88rem/1 Georgia, "Times New Roman", serif;
}

.dashboard-page--local .menu-type-tab.is-active,
.dashboard-page--local .subnav__item.is-active {
    background: #222326;
    color: #fff;
}

.dashboard-page--local .menu-type-tab span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    min-height: 22px;
    margin-left: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,0.2);
    color: inherit;
    font: 700 0.72rem/1 Arial, sans-serif;
}

.dashboard-page--local .menu-legend,
.dashboard-page--local .panel-heading h2,
.dashboard-page--local .order-panel-block__header strong,
.dashboard-page--local .category-card h3,
.dashboard-page--local .qr-table-card strong {
    color: #102338;
}

.dashboard-page--local .menu-workspace {
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
}

.dashboard-page--local .order-board {
    display: grid;
    gap: 14px;
}

.dashboard-page--local .order-tile__body,
.dashboard-page--local .order-actions-grid,
.dashboard-page--local .qr-table-grid,
.dashboard-page--local .event-photo-grid {
    gap: 12px;
}

.dashboard-page--local .qr-table-card,
.dashboard-page--local .event-photo-card,
.dashboard-page--local .inventory-card,
.dashboard-page--local .category-card {
    padding: 14px;
}

.dashboard-page--local .qr-table-card__image,
.dashboard-page--local .event-photo-card img,
.dashboard-page--local .menu-photo-block__preview img {
    border-radius: 8px;
    border: 1px solid #dcdcdc;
}

.dashboard-page--local .order-summary-grid {
    gap: 10px;
}

.dashboard-page--local .order-summary-card,
.dashboard-page--local .panel-nested {
    padding: 12px;
}

.dashboard-page--local .form-grid,
.dashboard-page--local .stack-form {
    gap: 10px;
}

.dashboard-page--local .category-card__row,
.dashboard-page--local .inventory-card__actions,
.dashboard-page--local .list-row__actions {
    gap: 8px;
}

@media (max-width: 980px) {
    .local-shell__inner,
    .local-shell + .dashboard-page--local,
    .local-shell + .auth-page--local,
    .legacy-local-shell .wrap,
    .dashboard-page--local {
        width: min(100% - 16px, 100%);
    }

    .dashboard-page--local .split-grid,
    .dashboard-page--local .menu-workspace {
        grid-template-columns: 1fr;
    }
}

/* Legacy mirror v8: final shell override for local dashboard pages */
body.legacy-local-shell {
    margin: 0;
    background:
        linear-gradient(180deg, #d7e4f4 0, #d7e4f4 155px, rgba(255,255,255,0) 155px),
        #fbfbfb url('/assets/images/light-pattern.png') repeat !important;
    color: #1f1f1f;
}

body.legacy-local-shell .site-shell,
body.legacy-local-shell .site-shell--legacy-local {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.legacy-local-shell .flash {
    width: min(1040px, calc(100% - 24px));
    margin: 18px auto;
}

body.legacy-local-shell .local-shell {
    margin: 0 0 28px;
}

body.legacy-local-shell .local-shell__sky {
    background: url('/legacy-image/img/sky-1313395_960_720.jpg') center top / cover no-repeat;
    border-top: 1px solid #c9eef7;
}

body.legacy-local-shell .local-shell__inner {
    width: min(1240px, calc(100% - 36px));
}

body.legacy-local-shell .local-shell__inner--header {
    padding: 0;
}

body.legacy-local-shell .local-shell__container {
    position: relative;
    min-height: 340px;
    background-color: transparent;
}

body.legacy-local-shell .local-shell__brand-wrap {
    position: absolute;
    top: 8px;
    left: 18px;
    width: 240px;
    z-index: 3;
}

body.legacy-local-shell .local-shell__brand {
    display: block;
    width: 100%;
    margin-top: 0;
    text-decoration: none;
}

body.legacy-local-shell .local-shell__brand-logo {
    display: block;
    width: 190px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 190px 38px;
}

body.legacy-local-shell .local-shell__meta,
body.legacy-local-shell .local-shell__legacy-meta {
    position: absolute;
    top: 10px;
    right: 18px;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    padding: 0;
    color: #fff;
    font: 400 15px/1.4 Georgia, "Times New Roman", serif;
    text-shadow: 0.5px 0.5px rgba(63, 107, 169, 0.5);
    z-index: 3;
}

body.legacy-local-shell .local-shell__meta-link,
body.legacy-local-shell .local-shell__logout button {
    color: #fff;
    font: 700 15px/1.4 Georgia, "Times New Roman", serif;
    text-shadow: 0.5px 0.5px rgba(63, 107, 169, 0.5);
    text-decoration: none;
}

body.legacy-local-shell .local-shell__logout button {
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

body.legacy-local-shell .local-shell__lang-select {
    min-width: 58px;
    height: 25px;
    min-height: 25px;
    padding: 0 20px 0 8px;
    border-radius: 10px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #000;
    font: 400 14px/1 Arial, sans-serif;
}

body.legacy-local-shell .local-shell__flag {
    width: 20px;
    height: 20px;
}

body.legacy-local-shell .local-shell__lang-form,
body.legacy-local-shell .local-shell__logout {
    display: inline-flex;
    margin: 0;
}

body.legacy-local-shell .local-shell__legacy-meta form,
body.legacy-local-shell .local-shell__legacy-meta a,
body.legacy-local-shell .local-shell__legacy-meta img {
    flex: 0 0 auto;
}

body.legacy-local-shell .local-shell__nav {
    position: absolute;
    top: 42px;
    left: 118px;
    clear: none;
    padding: 0;
    z-index: 2;
}

body.legacy-local-shell .local-shell__nav-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.legacy-local-shell .local-shell__nav-entry {
    display: block;
    margin: 0;
    padding: 0 0 0 22px;
    position: relative;
}

body.legacy-local-shell .local-shell__nav-entry::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 19px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,0.88);
}

body.legacy-local-shell .local-shell__nav-item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 39px;
    padding: 0 14px;
    min-width: 95px;
    border-radius: 0;
    border: 1px solid rgba(255,255,255,0.45);
    background: linear-gradient(180deg, #63b7ef, #4398d0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.24);
    color: #fff;
    font: 700 13px/1 Georgia, "Times New Roman", serif;
    text-transform: uppercase;
    text-decoration: none;
}

body.legacy-local-shell .local-shell__nav-entry--toggle .local-shell__nav-item {
    background: linear-gradient(180deg, #63b7ef, #4398d0);
}

body.legacy-local-shell .local-shell__nav-item--orders {
    background: #50c878;
}

body.legacy-local-shell .local-shell__nav-item:hover {
    background: linear-gradient(180deg, #77c5f5, #50a5dc);
}

body.legacy-local-shell .local-shell__nav-item--orders:hover {
    background: #5fdd86;
}

body.legacy-local-shell .local-shell__nav-item.is-active {
    background: transparent url('/assets/images/leather-pattern.png') repeat 0 0;
    border-color: rgba(255,255,255,0.35);
}

body.legacy-local-shell .local-shell__band {
    background:
        linear-gradient(rgba(33,33,33,0.94), rgba(33,33,33,0.94)),
        url('/assets/images/leather-pattern.png') repeat;
    border-top: 1px solid #474747;
    border-bottom: 1px solid #4d4d4d;
}

body.legacy-local-shell .local-shell__inner--narrow {
    width: min(1240px, calc(100% - 36px));
    padding: 16px 0 18px;
    text-align: center;
}

body.legacy-local-shell .local-shell__inner--narrow h1 {
    margin: 0 0 5px;
    color: #fff;
    font: 700 29px/1.05 Podkova, Georgia, serif;
    text-shadow: 1px 1px #1e2430;
    letter-spacing: 0;
}

body.legacy-local-shell .local-shell__inner--narrow p {
    margin: 0;
    color: rgba(255,255,255,0.56);
    font: 400 13px/1.25 Georgia, "Times New Roman", serif;
}

body.legacy-local-shell .dashboard-page--local {
    width: min(1040px, calc(100% - 36px));
    margin: 0 auto 40px;
    gap: 14px;
}

body.legacy-local-shell .dashboard-page--local .dashboard-hero,
body.legacy-local-shell .dashboard-page--local .subnav {
    display: none;
}

body.legacy-local-shell .local-shell-footer {
    width: 100%;
    margin-top: 24px;
    background: #202020;
    padding: 14px 0 18px;
}

body.legacy-local-shell .local-shell-footer__inner {
    width: min(1040px, calc(100% - 36px));
    margin: 0 auto;
    text-align: center;
}

body.legacy-local-shell .local-shell-footer__brand {
    color: #9d9d9d;
    font: 700 18px/1.2 Arial, sans-serif;
}

body.legacy-local-shell .local-shell-footer__links,
body.legacy-local-shell .local-shell-footer__links a {
    color: #fff;
    font: 400 14px/1.35 Arial, sans-serif;
}

@media (max-width: 980px) {
    body.legacy-local-shell .local-shell__inner,
    body.legacy-local-shell .local-shell__inner--narrow,
    body.legacy-local-shell .dashboard-page--local,
    body.legacy-local-shell .local-shell-footer__inner {
        width: min(100% - 16px, 100%);
    }

    body.legacy-local-shell .local-shell__brand-wrap,
    body.legacy-local-shell .local-shell__meta,
    body.legacy-local-shell .local-shell__legacy-meta {
        position: static;
        float: none;
    }

    body.legacy-local-shell .local-shell__meta,
    body.legacy-local-shell .local-shell__legacy-meta {
        justify-content: flex-start;
        padding-right: 0;
    }

    body.legacy-local-shell .local-shell__nav-list {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    body.legacy-local-shell .local-shell__nav {
        position: static;
        padding: 12px 0 0;
    }

    body.legacy-local-shell .local-shell__container {
        min-height: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body.legacy-local-shell .local-shell__nav-entry {
        padding-left: 0;
    }

    body.legacy-local-shell .local-shell__nav-entry::before {
        display: none;
    }
}