/* =========================================================
   ADMIN FLAT UI
   Diseño administrativo simple, plano, sin sombras ni rojos
   ========================================================= */

.admin-page {
    padding-top: 16px;
    padding-bottom: 32px;
}

/* Panel principal */

.admin-panel {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: none !important;
}

/* Paneles informativos */

.admin-loading-panel,
.admin-message-panel {
    padding: 24px;
}

.admin-message-panel {
    color: #424242;
    background: #ffffff;
}

/* Toolbar superior */

.admin-table-toolbar {
    width: 100%;
    padding: 18px 20px 14px 20px;
    gap: 16px;
}

.admin-toolbar-top {
    width: 100%;
    gap: 12px;
}

.admin-toolbar-buttons {
    flex-wrap: wrap;
}

.admin-toolbar-filters {
    width: 100%;
    gap: 16px;
}

.admin-section-title {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.7px;
    color: #263238;
    text-transform: uppercase;
}

.admin-action-button {
    text-transform: uppercase;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    box-shadow: none !important;
}

/* Inputs */

.admin-search-box {
    flex: 1;
    min-width: 280px;
}

.admin-filter-select {
    width: 190px;
    min-width: 190px;
}

/* Tabla */

.admin-table {
    background: #ffffff;
}

    .admin-table .mud-table-container {
        border-top: 1px solid #e0e0e0;
    }

    .admin-table .mud-table-head {
        background: #fafafa;
    }

        .admin-table .mud-table-head .mud-table-cell {
            font-size: 0.82rem;
            font-weight: 700;
            color: #333333;
            border-bottom: 1px solid #d9d9d9;
            white-space: nowrap;
        }

    .admin-table .mud-table-cell {
        font-size: 0.88rem;
        color: #263238;
        border-bottom: 1px solid #eeeeee;
        vertical-align: middle;
    }

    .admin-table .mud-table-row:hover {
        background-color: #fafafa;
    }

/* Labels / Badges */

.admin-plate-label,
.admin-soft-label,
.admin-status-label {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
}

.admin-plate-label {
    min-height: 26px;
    padding: 2px 9px;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #263238;
    white-space: nowrap;
}

.admin-soft-label {
    min-height: 24px;
    padding: 2px 9px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    font-size: 0.78rem;
    color: #424242;
    white-space: nowrap;
}

.admin-status-label {
    justify-content: center;
    min-height: 24px;
    padding: 2px 9px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #424242;
    white-space: nowrap;
}

.admin-status-ok {
    color: #2e7d32;
}

.admin-status-neutral {
    color: #616161;
}

/* Acciones */

.admin-actions-header {
    text-align: right;
}

.admin-actions-cell {
    text-align: right;
    white-space: nowrap;
}

.admin-icon-button {
    color: #555555 !important;
}

    .admin-icon-button:hover {
        background-color: #f5f5f5 !important;
    }

/* Utilidades */

.admin-fw-semibold {
    font-weight: 600;
}

.admin-empty-state {
    min-height: 220px;
    padding: 32px 16px;
    text-align: center;
}

.admin-empty-title {
    margin-top: 8px;
    font-weight: 600;
    color: #333333;
}

/* Eliminar sombras globales dentro del diseño admin */

.admin-panel .mud-paper,
.admin-panel .mud-button-root,
.admin-panel .mud-icon-button {
    box-shadow: none !important;
}

/* Responsive tablet */

@media (max-width: 960px) {
    .admin-table-toolbar {
        padding: 16px;
    }

    .admin-toolbar-top {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .admin-toolbar-buttons {
        justify-content: flex-start;
    }

    .admin-toolbar-filters {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .admin-search-box,
    .admin-filter-select {
        width: 100%;
        min-width: 100%;
    }
}

/* Responsive móvil */

@media (max-width: 600px) {
    .admin-page {
        padding-top: 8px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .admin-panel {
        border-radius: 6px;
    }

    .admin-table-toolbar {
        padding: 14px;
        gap: 12px;
    }

    .admin-section-title {
        font-size: 0.78rem;
    }

    .admin-action-button {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-toolbar-buttons {
        width: 100%;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .admin-actions-header {
        text-align: left;
    }

    .admin-actions-cell {
        text-align: left;
        padding-top: 8px;
    }

    .admin-plate-label,
    .admin-soft-label,
    .admin-status-label {
        white-space: normal;
    }
}