:root {
    --ui-bg: #f4f7fb;
    --ui-bg-accent: #e7eef8;
    --ui-surface: #ffffff;
    --ui-surface-soft: #f8fbff;
    --ui-border: rgba(15, 23, 42, 0.1);
    --ui-border-strong: rgba(15, 23, 42, 0.16);
    --ui-text: #0f172a;
    --ui-text-soft: #475569;
    --ui-primary: #0f766e;
    --ui-primary-strong: #115e59;
    --ui-secondary: #1d4ed8;
    --ui-secondary-strong: #1e40af;
    --ui-highlight: #f97316;
    --ui-success-bg: #dcfce7;
    --ui-success-text: #166534;
    --ui-error-bg: #fee2e2;
    --ui-error-text: #991b1b;
    --ui-warning-bg: #fff7ed;
    --ui-warning-text: #9a3412;
    --ui-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    --ui-radius-xl: 24px;
    --ui-radius-lg: 18px;
    --ui-radius-md: 14px;
    --ui-radius-sm: 10px;
    --ui-container: 1280px;
    --ui-font-body: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
    --ui-font-heading: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.ui-common-body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--ui-font-body);
    color: var(--ui-text);
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 26rem),
        radial-gradient(circle at top right, rgba(29, 78, 216, 0.06), transparent 24rem),
        linear-gradient(180deg, var(--ui-bg-accent) 0%, var(--ui-bg) 28%, #eef3f8 100%);
}

.ui-page-shell {
    width: min(var(--ui-container), calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.25rem 0 2.5rem;
}

.ui-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.93));
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-xl);
    box-shadow: var(--ui-shadow);
}

.ui-page-header {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    padding: 2rem;
    margin-bottom: 1.5rem;
}

.ui-page-header::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(29, 78, 216, 0.08), transparent 24%),
        linear-gradient(120deg, rgba(15, 118, 110, 0.06), transparent 40%);
    pointer-events: none;
}

.ui-page-header > * {
    position: relative;
    z-index: 1;
}

.ui-eyebrow {
    margin: 0 0 0.8rem;
    color: var(--ui-primary);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ui-title {
    margin: 0;
    font-family: var(--ui-font-heading);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.ui-lead {
    margin: 1rem 0 0;
    color: var(--ui-text-soft);
    font-size: 1rem;
    line-height: 1.7;
}

.ui-page-meta,
.ui-page-actions,
.ui-badge-row,
.ui-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ui-badge,
.ui-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
    color: var(--ui-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

.ui-status-pill {
    background: rgba(15, 118, 110, 0.08);
    color: var(--ui-primary);
    border-color: rgba(15, 118, 110, 0.16);
}

.ui-page-actions {
    justify-content: flex-start;
    align-items: flex-start;
}

.ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0 1rem;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-sm);
    background: var(--ui-primary);
    color: #ffffff;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.ui-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 118, 110, 0.18);
    text-decoration: none;
}

.ui-button.is-secondary {
    background: var(--ui-secondary);
}

.ui-button.is-secondary:hover {
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.18);
}

.ui-button.is-ghost {
    background: #eef2f7;
    color: var(--ui-text);
    border-color: var(--ui-border);
}

.ui-button.is-ghost:hover {
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.ui-button.is-warn {
    background: #b91c1c;
}

.ui-grid {
    display: grid;
    gap: 1rem;
}

.ui-grid.is-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ui-grid.is-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ui-section {
    padding: 1.5rem;
}

.ui-section-title {
    margin: 0 0 0.6rem;
    font-size: 1.3rem;
    color: var(--ui-text);
}

.ui-copy {
    margin: 0;
    color: var(--ui-text-soft);
    line-height: 1.65;
}

.ui-alert {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: var(--ui-radius-md);
    border: 1px solid transparent;
    line-height: 1.55;
}

.ui-alert.is-success {
    background: var(--ui-success-bg);
    color: var(--ui-success-text);
}

.ui-alert.is-error {
    background: var(--ui-error-bg);
    color: var(--ui-error-text);
}

.ui-alert.is-warning {
    background: var(--ui-warning-bg);
    color: var(--ui-warning-text);
}

.ui-form-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.ui-field {
    display: grid;
    gap: 0.45rem;
}

.ui-label {
    color: var(--ui-text-soft);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ui-input,
.ui-select,
.ui-textarea {
    width: 100%;
    min-height: 2.9rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-sm);
    background: #ffffff;
    color: var(--ui-text);
    font: inherit;
}

.ui-textarea {
    min-height: 7rem;
    resize: vertical;
}

.ui-input:focus,
.ui-select:focus,
.ui-textarea:focus,
.ui-button:focus,
.ui-link:focus {
    outline: 3px solid rgba(29, 78, 216, 0.14);
    outline-offset: 1px;
}

.ui-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: #ffffff;
}

.ui-table {
    width: 100%;
    border-collapse: collapse;
}

.ui-table th,
.ui-table td {
    padding: 0.9rem 0.85rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
}

.ui-table th {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #f8fafc;
}

.ui-table tbody tr:hover {
    background: #f8fbff;
}

.ui-stat-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.ui-stat {
    padding: 1rem;
    border-radius: var(--ui-radius-lg);
    border: 1px solid var(--ui-border);
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.ui-stat-label {
    display: block;
    color: var(--ui-text-soft);
    font-size: 0.8rem;
    font-weight: 700;
}

.ui-stat-value {
    display: block;
    margin-top: 0.35rem;
    color: var(--ui-text);
    font-size: 1.55rem;
    font-weight: 800;
}

.ui-page-footer {
    margin-top: 1.5rem;
    padding: 1.4rem 1.5rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.ui-page-footer-copy,
.ui-page-footer-meta {
    color: var(--ui-text-soft);
    line-height: 1.6;
}

.ui-page-footer-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.ui-link {
    color: var(--ui-secondary);
    text-decoration: none;
    font-weight: 700;
}

.ui-link:hover {
    text-decoration: underline;
}

@media (max-width: 900px) {
    .ui-page-header {
        grid-template-columns: 1fr;
    }

    .ui-grid.is-two,
    .ui-grid.is-three {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ui-page-shell {
        width: min(var(--ui-container), calc(100% - 1rem));
    }

    .ui-page-header,
    .ui-section,
    .ui-page-footer {
        padding: 1.2rem;
    }

    .ui-title {
        font-size: 2rem;
    }

    .ui-page-actions,
    .ui-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .ui-button {
        width: 100%;
    }
}

body.projects-hub-page .projects-page-shell {
    width: min(var(--ui-container), 100%);
    margin: 0 auto;
}

body.projects-hub-page .c-content-box.c-bg-grey-1,
body.projects-hub-page .c-layout-breadcrumbs-1 {
    background: transparent;
}

body.projects-hub-page .c-topbar {
    background: linear-gradient(135deg, #0f172a 0%, #0f766e 58%, #1d4ed8 100%);
}

body.projects-hub-page .c-navbar {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

body.projects-hub-page .c-layout-footer {
    background: #0f172a;
}

body.projects-hub-page .c-layout-footer a {
    color: #cbd5e1 !important;
}

body.projects-hub-page .portal-card,
body.projects-hub-page .project-card {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-xl);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.93));
    box-shadow: var(--ui-shadow);
}

body.projects-hub-page .portal-card h2,
body.projects-hub-page .portal-card h3,
body.projects-hub-page .project-card h3 {
    color: var(--ui-text);
}

body.projects-hub-page .portal-copy,
body.projects-hub-page .project-description,
body.projects-hub-page .project-path,
body.projects-hub-page .portal-note,
body.projects-hub-page .portal-monospace {
    color: var(--ui-text-soft);
}

body.projects-hub-page .project-summary {
    color: #1f2937;
}

body.projects-hub-page .portal-button {
    min-height: 2.8rem;
    border-radius: var(--ui-radius-sm);
    background: var(--ui-primary);
    color: #ffffff;
    font-weight: 700;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

body.projects-hub-page .portal-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 118, 110, 0.18);
}

body.projects-hub-page .portal-button.secondary {
    background: var(--ui-secondary);
}

body.projects-hub-page .portal-button.ghost {
    background: #eef2f7;
    color: var(--ui-text);
}

body.projects-hub-page .portal-button.warn {
    background: #b91c1c;
}

body.projects-hub-page .portal-input,
body.projects-hub-page .portal-select,
body.projects-hub-page .portal-textarea {
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-sm);
}

body.projects-hub-page .portal-table th {
    background: #f8fafc;
    color: #64748b;
}

body.projects-hub-page .portal-table td {
    color: #334155;
}

body.projects-hub-page .project-chip,
body.projects-hub-page .portal-pill {
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
}

body.projects-hub-page .project-kicker,
body.projects-hub-page .portal-label {
    color: var(--ui-primary);
}

body.projects-hub-page .project-status {
    background: rgba(29, 78, 216, 0.08);
    color: var(--ui-secondary);
}

body.projects-hub-page .alert-success,
body.projects-hub-page .alert-error {
    border-radius: var(--ui-radius-md);
}

body.fatture-app {
    margin: 0;
    min-height: 100vh;
    font-family: var(--ui-font-body);
    color: var(--ui-text);
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.1), transparent 24rem),
        radial-gradient(circle at top right, rgba(29, 78, 216, 0.08), transparent 20rem),
        linear-gradient(180deg, #edf4fb 0%, #f4f7fb 52%, #eef3f8 100%) !important;
}

body.fatture-app .container {
    width: min(var(--ui-container), calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.25rem 0 2.5rem;
}

body.fatture-app .card,
body.fatture-app .logout-card,
body.fatture-app .summary-card,
body.fatture-app .pie-card,
body.fatture-app .split-card,
body.fatture-app .project-preview-card,
body.fatture-app .overview-group,
body.fatture-app .help-box,
body.fatture-app .contact-modal-card,
body.fatture-app details.payment-group,
body.fatture-app details.payment-date,
body.fatture-app .customer-results,
body.fatture-app .selected-customer,
body.fatture-app .due-card,
body.fatture-app .auth-card {
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius-xl) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)) !important;
    box-shadow: var(--ui-shadow) !important;
}

body.fatture-app .overview-group-table,
body.fatture-app table {
    width: 100%;
    border-collapse: collapse;
}

body.fatture-app th,
body.fatture-app td {
    border-bottom: 1px solid #e2e8f0;
}

body.fatture-app th {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #f8fafc;
}

body.fatture-app input,
body.fatture-app textarea,
body.fatture-app select {
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-sm);
}

body.fatture-app .button,
body.fatture-app button {
    min-height: 2.8rem;
    border-radius: var(--ui-radius-sm);
    font-weight: 700;
}

body.fatture-app .button:not(.all-customers),
body.fatture-app button:not(.all-customers) {
    background: var(--ui-primary);
}

body.fatture-app .button.secondary,
body.fatture-app button.secondary {
    background: var(--ui-secondary);
}

body.fatture-app .button.ghost,
body.fatture-app button.ghost,
body.fatture-app .contact-modal-close {
    background: #eef2f7;
    color: var(--ui-text);
}

body.fatture-app .page-actions {
    gap: 0.85rem;
    margin-bottom: 1rem;
}

body.fatture-app .page-actions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.fatture-app .pill {
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
    color: var(--ui-secondary);
    font-weight: 700;
}

body.fatture-app .muted,
body.fatture-app .field-label,
body.fatture-app .field-value.subtle {
    color: var(--ui-text-soft);
}

body.fatture-app .alert.success,
body.fatture-app .alert.error {
    border-radius: var(--ui-radius-md);
}

body.fatture-app .alert.success {
    background: var(--ui-success-bg);
    color: var(--ui-success-text);
}

body.fatture-app .alert.error {
    background: var(--ui-error-bg);
    color: var(--ui-error-text);
}

body.fatture-app .hero,
body.fatture-app .industrial-chart-card {
    border-radius: var(--ui-radius-xl) !important;
    box-shadow: var(--ui-shadow) !important;
}

body.fatture-app .hero {
    background: linear-gradient(135deg, #0f172a 0%, #0f766e 52%, #1d4ed8 100%) !important;
}

body.fatture-app .auth-shell {
    min-height: calc(100vh - 2rem);
}

body.formulario-app .hero-card,
body.formulario-app .toolbar-card,
body.formulario-app .form-card,
body.formulario-app .status-card {
    border-color: var(--ui-border);
    border-radius: var(--ui-radius-xl);
    box-shadow: var(--ui-shadow);
}

body.formulario-app .button {
    border-radius: var(--ui-radius-sm);
}

body.formulario-app .field input,
body.formulario-app .field textarea,
body.formulario-app .field select {
    border-color: var(--ui-border-strong);
}

body.todo-app .topbar,
body.todo-app .panel,
body.todo-app .hero-card,
body.todo-app .stat-card,
body.todo-app .list-card,
body.todo-app .comment-card,
body.todo-app .attachment-card,
body.todo-app .flash,
body.todo-app .site-footer {
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow);
}

body.todo-app .topbar,
body.todo-app .panel,
body.todo-app .hero-card,
body.todo-app .stat-card,
body.todo-app .list-card,
body.todo-app .comment-card,
body.todo-app .attachment-card,
body.todo-app .site-footer {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.93));
}

body.todo-app .site-footer {
    border-radius: var(--ui-radius-xl);
}

body.thomas-app {
    padding: 0;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.1), transparent 24rem),
        radial-gradient(circle at top right, rgba(29, 78, 216, 0.07), transparent 20rem),
        linear-gradient(180deg, #eff4fb 0%, #f6f8fc 48%, #eef3f8 100%) !important;
}

body.thomas-app .thomas-shell {
    width: min(var(--ui-container), calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.25rem 0 2.5rem;
}

body.thomas-app .card,
body.thomas-app .top-box,
body.thomas-app .info-top-card,
body.thomas-app .copilota-box,
body.thomas-app .riepilogo-item {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94));
    box-shadow: var(--ui-shadow);
}

body.thomas-app .tabs {
    gap: 0.75rem;
}

body.thomas-app .tab-button,
body.thomas-app button {
    min-height: 2.8rem;
    border-radius: var(--ui-radius-sm);
    font-weight: 700;
}

body.thomas-app .tab-button {
    border: 1px solid var(--ui-border-strong);
    background: #ffffff;
}

body.thomas-app .tab-button.viaggio.attiva,
body.thomas-app button:not(.secondario):not(.maps) {
    background: var(--ui-primary);
    color: #ffffff;
}

body.thomas-app .tab-button.normale.attiva {
    background: var(--ui-secondary);
    color: #ffffff;
}

body.thomas-app button.secondario {
    background: #eef2f7;
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
}

body.thomas-app button.maps {
    background: #b91c1c;
}

body.thomas-app input,
body.thomas-app select {
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-sm);
}

body.thomas-app table {
    background: #ffffff;
    border-radius: var(--ui-radius-lg);
    overflow: hidden;
}

body.thomas-app th,
body.thomas-app td {
    border: 1px solid #e2e8f0;
}

body.thomas-app th {
    background: #f8fafc;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.78rem;
}

body.thomas-app .messaggio,
body.thomas-app .totale-bar {
    border-radius: var(--ui-radius-md);
}

body.magazzinonew-app {
    color: var(--ui-text) !important;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 24rem),
        radial-gradient(circle at top right, rgba(29, 78, 216, 0.08), transparent 22rem),
        linear-gradient(180deg, #eef4fb 0%, #f5f8fc 52%, #edf2f8 100%) !important;
}

body.magazzinonew-app::before,
body.magazzinonew-app::after {
    display: none !important;
}

body.magazzinonew-app .page,
body.magazzinonew-app .wrap {
    width: min(var(--ui-container), calc(100% - 2rem)) !important;
    max-width: var(--ui-container) !important;
    margin: 0 auto !important;
    padding: 1.25rem 0 2.5rem !important;
}

body.magazzinonew-app .hero,
body.magazzinonew-app .panel,
body.magazzinonew-app .box,
body.magazzinonew-app .card,
body.magazzinonew-app .sheet {
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius-xl) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)) !important;
    color: var(--ui-text) !important;
    box-shadow: var(--ui-shadow) !important;
    backdrop-filter: none !important;
}

body.magazzinonew-app .eyebrow,
body.magazzinonew-app .app-nav-title {
    color: var(--ui-primary) !important;
}

body.magazzinonew-app .headline,
body.magazzinonew-app h1,
body.magazzinonew-app h2,
body.magazzinonew-app h3,
body.magazzinonew-app strong {
    color: var(--ui-text);
}

body.magazzinonew-app .subhead,
body.magazzinonew-app .panel-note,
body.magazzinonew-app .helper,
body.magazzinonew-app .app-nav-user,
body.magazzinonew-app .userbar {
    color: var(--ui-text-soft) !important;
}

body.magazzinonew-app .quick-actions a,
body.magazzinonew-app .button,
body.magazzinonew-app .toolbar a,
body.magazzinonew-app .toolbar button,
body.magazzinonew-app .card a {
    border-radius: var(--ui-radius-sm) !important;
    font-weight: 700 !important;
}

body.magazzinonew-app .button.primary,
body.magazzinonew-app .quick-actions a,
body.magazzinonew-app .card {
    color: var(--ui-text);
}

body.magazzinonew-app .button.primary,
body.magazzinonew-app .toolbar button {
    background: var(--ui-primary) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body.magazzinonew-app .button.secondary,
body.magazzinonew-app .toolbar a {
    background: #eef2f7 !important;
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
}

body.magazzinonew-app .quick-actions a:hover,
body.magazzinonew-app .button:hover,
body.magazzinonew-app .app-nav-link:hover {
    text-decoration: none;
}

body.magazzinonew-app input,
body.magazzinonew-app select,
body.magazzinonew-app textarea {
    border: 1px solid var(--ui-border-strong) !important;
    border-radius: var(--ui-radius-sm) !important;
    background: #ffffff !important;
    color: var(--ui-text) !important;
}

body.magazzinonew-app option {
    color: var(--ui-text);
    background: #ffffff;
}

body.magazzinonew-app th {
    background: #f8fafc !important;
    color: #64748b !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.78rem;
}

body.magazzinonew-app th,
body.magazzinonew-app td {
    border-bottom: 1px solid #e2e8f0 !important;
    color: #334155;
}

body.magazzinonew-app .notice.success {
    background: var(--ui-success-bg) !important;
    color: var(--ui-success-text) !important;
}

body.magazzinonew-app .notice.error {
    background: var(--ui-error-bg) !important;
    color: var(--ui-error-text) !important;
}

body.magazzinonew-app .app-nav-inner {
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius-lg) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: var(--ui-shadow) !important;
    backdrop-filter: none !important;
}

body.magazzinonew-app .app-nav-link {
    border: 1px solid var(--ui-border) !important;
    background: #f8fbff !important;
    color: var(--ui-text) !important;
}

body.magazzinonew-app .app-nav-link.is-active {
    border-color: rgba(29, 78, 216, 0.18) !important;
    background: rgba(29, 78, 216, 0.08) !important;
    color: var(--ui-secondary) !important;
}

body.magazzinonew-app .user-links a,
body.magazzinonew-app .logout,
body.magazzinonew-app .topbar a {
    color: var(--ui-secondary) !important;
}

@media (max-width: 900px) {
    body.fatture-app .container,
    body.thomas-app .thomas-shell,
    body.magazzinonew-app .page,
    body.magazzinonew-app .wrap {
        width: calc(100% - 1rem) !important;
    }
}