/* ================================================
   TEMA DARK FUTURISTICO - Matrix Style
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Exo+2:wght@300;400;500;600&display=swap');

html, body {
    font-family: 'Exo 2', 'Segoe UI', sans-serif;
    height: 100%;
    margin: 0;
    background-color: #0a0a0a !important;
    color: #c8ffc8;
}

/* Scrollbar verde matrix */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #00ff41; border-radius: 2px; opacity: .4; }
::-webkit-scrollbar-thumb:hover { background: #00cc33; }

/* Forza sfondo scuro su tutti i pannelli MudBlazor */
.mud-paper {
    background-color: #111 !important;
    border: 1px solid #1a3a1a !important;
}

.mud-card {
    background-color: #111 !important;
    border: 1px solid #1a3a1a !important;
}

/* AppBar */
.mud-appbar {
    background: linear-gradient(90deg, #001a00 0%, #002600 100%) !important;
    border-bottom: 1px solid #00ff41 !important;
    box-shadow: 0 0 20px rgba(0,255,65,0.15) !important;
}

/* Drawer/Sidebar */
.mud-drawer {
    background-color: #050f05 !important;
    border-right: 1px solid #0d2b0d !important;
}

.mud-nav-link {
    color: #7abf7a !important;
    transition: all .2s;
}

.mud-nav-link:hover,
.mud-nav-link.active {
    background-color: #001a00 !important;
    color: #00ff41 !important;
    border-left: 3px solid #00ff41 !important;
    text-shadow: 0 0 8px rgba(0,255,65,.6);
}

.mud-nav-link.active {
    background-color: #00200a !important;
}

/* Main content area */
.mud-main-content {
    background-color: #0a0a0a !important;
}

/* Tabelle DataGrid */
.mud-table {
    background-color: #0d0d0d !important;
    border: 1px solid #1a3a1a !important;
}

.mud-table-head .mud-table-cell {
    background-color: #001a00 !important;
    color: #00ff41 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .5px;
    border-bottom: 1px solid #00ff41 !important;
}

.mud-table-row {
    border-bottom: 1px solid #0d200d !important;
    transition: background .15s;
}

.mud-table-row:hover {
    background-color: #001a00 !important;
    cursor: pointer;
}

.mud-table-cell {
    color: #a0d4a0 !important;
    border-bottom: 1px solid #0d200d !important;
}

/* Input fields */
.mud-input-root {
    color: #c8ffc8 !important;
}

.mud-input-outlined .mud-input-outlined-border {
    border-color: #1a4a1a !important;
}

.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: #00aa22 !important;
}

.mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: #00ff41 !important;
    box-shadow: 0 0 8px rgba(0,255,65,.3);
}

.mud-input-label {
    color: #4a8a4a !important;
}

.mud-input-label.mud-input-label-animated.mud-input-label-mudblazor {
    color: #00aa22 !important;
}

/* Select dropdowns */
.mud-popover {
    background-color: #0d1a0d !important;
    border: 1px solid #1a4a1a !important;
}

.mud-list-item:hover {
    background-color: #001a00 !important;
    color: #00ff41 !important;
}

/* Buttons */
.mud-button-filled-primary {
    background: linear-gradient(135deg, #004d00, #007a00) !important;
    border: 1px solid #00aa00 !important;
    color: #00ff41 !important;
    box-shadow: 0 0 12px rgba(0,255,65,.2) !important;
    transition: all .2s !important;
}

.mud-button-filled-primary:hover {
    background: linear-gradient(135deg, #006600, #009900) !important;
    box-shadow: 0 0 20px rgba(0,255,65,.4) !important;
}

.mud-button-filled-error {
    background: linear-gradient(135deg, #4a0000, #7a0000) !important;
    border: 1px solid #cc0000 !important;
    color: #ff6666 !important;
}

/* Tabs */
.mud-tabs-toolbar {
    background-color: #080f08 !important;
    border-bottom: 1px solid #1a3a1a !important;
}

.mud-tab {
    color: #4a8a4a !important;
}

.mud-tab.mud-tab-active {
    color: #00ff41 !important;
    border-bottom: 2px solid #00ff41 !important;
}

/* Chips / Badge */
.mud-chip {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 11px !important;
}

/* KPI card glow effect */
.kpi-card-glow {
    transition: box-shadow .3s, transform .2s;
}
.kpi-card-glow:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(0,255,65,.15) !important;
}

/* Section labels */
.section-label {
    font-family: 'Share Tech Mono', monospace;
    font-size: 11px;
    letter-spacing: 2px;
    color: #00aa22;
    text-transform: uppercase;
    margin-bottom: 8px;
    padding-left: 2px;
}

/* MudText secondary */
.mud-secondary-text { color: #4a8a4a !important; }

/* Dialog */
.mud-dialog {
    background-color: #0d1a0d !important;
    border: 1px solid #1a4a1a !important;
}

.mud-dialog-title {
    color: #00ff41 !important;
    border-bottom: 1px solid #1a3a1a !important;
}

/* Snackbar */
.mud-snackbar {
    background-color: #001a00 !important;
    border: 1px solid #00aa22 !important;
    color: #00ff41 !important;
}

/* Progress bar */
.mud-progress-linear-bar {
    background-color: #00ff41 !important;
}

/* FAB button */
.mud-fab {
    background: linear-gradient(135deg, #cc0000, #ff0000) !important;
    box-shadow: 0 0 20px rgba(255,0,0,.4) !important;
}

/* DataGrid pager */
.mud-table-pagination-toolbar {
    background-color: #080f08 !important;
    color: #4a8a4a !important;
    border-top: 1px solid #1a3a1a !important;
}

/* Checkboxes */
.mud-checkbox .mud-icon-root { color: #00aa22 !important; }
.mud-checkbox.mud-checked .mud-icon-root { color: #00ff41 !important; }

/* Form labels */
.mud-form-label { color: #7abf7a !important; }

/* Alert */
.mud-alert-filled-success {
    background-color: #001a00 !important;
    border: 1px solid #00aa22 !important;
    color: #00ff41 !important;
}

.mud-alert-filled-error {
    background-color: #1a0000 !important;
    border: 1px solid #cc0000 !important;
}

/* Page title */
.mud-typography-h5, .mud-typography-h4 {
    color: #00ff41 !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 1px;
}

/* Divider */
.mud-divider { border-color: #1a3a1a !important; }

/* Selection highlight */
::selection { background: #004400; color: #00ff41; }