/* ============================================
   MUDBLAZOR DEALDASH THEME OVERRIDES
   Complete integration for all admin pages
   ============================================ */

/* ============================================
   CRITICAL: Remove Dark Backgrounds
   ============================================ */
::deep .mud-table-root,
::deep .mud-paper,
::deep .mud-card,
::deep .mud-dialog,
::deep .bv-card {
    background-color: var(--admin-surface) !important;
    color: var(--admin-text) !important;
}

::deep .bg-transparent {
    background-color: transparent !important;
}

::deep .text-white {
    color: var(--admin-text) !important;
}

/* Remove any dark theme classes */
::deep .mud-table.bg-transparent.text-white {
    background-color: transparent !important;
}

/* ============================================
   TABLES - STRICT OVERRIDES
   ============================================ */
::deep .mud-table,
.mud-table,
.mud-table-root {
    background-color: var(--admin-surface) !important;
    /* Was transparent, now forcing surface color */
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
}

/* Specific fix for the user reported rgb(22 26 34) */
:root .mud-table {
    background-color: var(--admin-surface) !important;
}

::deep .mud-table-container {
    background-color: var(--admin-surface) !important;
}

::deep .mud-table-head {
    background-color: var(--admin-surface-hover) !important;
}

::deep .mud-table-cell {
    color: var(--admin-text) !important;
    border-bottom-color: var(--admin-border) !important;
    padding: 1rem !important;
}

::deep .mud-table-head .mud-table-cell {
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--admin-text-secondary) !important;
    border-bottom: 2px solid var(--admin-border) !important;
}

::deep .mud-table-row:hover {
    background-color: var(--admin-surface-hover) !important;
}

::deep .mud-table-toolbar {
    background-color: transparent !important;
    padding: 1rem !important;
}

::deep .mud-table-pagination {
    color: var(--admin-text) !important;
    border-top: 1px solid var(--admin-border) !important;
    background-color: var(--admin-surface) !important;
}

::deep .mud-table-pagination-caption {
    color: var(--admin-text-secondary) !important;
}

::deep .mud-table-pager {
    color: var(--admin-text) !important;
}

/* ============================================
   INPUTS & FORMS
   ============================================ */
::deep .mud-input {
    color: var(--admin-text) !important;
}

::deep .mud-input-root {
    background-color: var(--admin-surface) !important;
}

::deep .mud-input-outlined {
    background-color: var(--admin-surface) !important;
}

::deep .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--admin-border) !important;
    border-radius: 6px !important;
}

::deep .mud-input-label {
    color: var(--admin-text-secondary) !important;
}

::deep .mud-input-root:hover .mud-input-outlined-border {
    border-color: var(--admin-primary) !important;
}

::deep .mud-input-root.mud-input-focused .mud-input-outlined-border {
    border-color: var(--admin-primary) !important;
    border-width: 2px !important;
}

::deep .mud-input-control-input-container {
    background-color: var(--admin-surface) !important;
}

::deep .mud-input-label.mud-input-label-inputcontrol {
    background-color: var(--admin-surface) !important;
    padding: 0 4px !important;
}

/* ============================================
   DIALOGS & MODALS
   ============================================ */
::deep .mud-dialog {
    background-color: var(--admin-surface) !important;
    color: var(--admin-text) !important;
    border-radius: 6px !important;
}

::deep .mud-dialog-title {
    color: var(--admin-text) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--admin-border) !important;
    padding: 1.5rem !important;
}

::deep .mud-dialog-content {
    color: var(--admin-text) !important;
    padding: 1.5rem !important;
}

::deep .mud-dialog-actions {
    padding: 1rem 1.5rem !important;
    border-top: 1px solid var(--admin-border) !important;
}

::deep .mud-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* ============================================
   BUTTONS
   ============================================ */
::deep .mud-button-root {
    transition: var(--theme-transition) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

::deep .mud-button-filled.mud-button-filled-primary {
    background-color: var(--admin-accent) !important;
    color: #000000 !important;
}

::deep .mud-button-filled.mud-button-filled-primary:hover {
    background-color: var(--admin-accent-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 210, 7, 0.3) !important;
}

::deep .mud-button-filled.mud-button-filled-secondary {
    background-color: var(--admin-primary) !important;
    color: #FFFFFF !important;
}

::deep .mud-button-filled.mud-button-filled-secondary:hover {
    background-color: var(--admin-primary-hover) !important;
}

::deep .mud-button-outlined {
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

::deep .mud-button-outlined:hover {
    background-color: var(--admin-surface-hover) !important;
}

::deep .mud-icon-button {
    color: var(--admin-text-secondary) !important;
}

::deep .mud-icon-button:hover {
    background-color: var(--admin-surface-hover) !important;
}

/* ============================================
   SELECT & DROPDOWNS
   ============================================ */
::deep .mud-select {
    color: var(--admin-text) !important;
}

::deep .mud-select .mud-input-control {
    background-color: var(--admin-surface) !important;
}

::deep .mud-popover {
    background-color: var(--admin-surface) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--admin-shadow-lg) !important;
}

::deep .mud-list {
    background-color: var(--admin-surface) !important;
}

::deep .mud-list-item {
    color: var(--admin-text) !important;
}

::deep .mud-list-item:hover {
    background-color: var(--admin-surface-hover) !important;
}

::deep .mud-list-item.mud-selected-item {
    background-color: var(--admin-primary-light) !important;
    color: var(--admin-primary) !important;
}

/* ============================================
   CHECKBOX & SWITCHES
   ============================================ */
::deep .mud-checkbox {
    color: var(--admin-primary) !important;
}

::deep .mud-checkbox.mud-checked {
    color: var(--admin-primary) !important;
}

::deep .mud-switch {
    color: var(--admin-primary) !important;
}

/* ============================================
   PROGRESS & LOADING
   ============================================ */
::deep .mud-progress-circular {
    color: var(--admin-accent) !important;
}

::deep .mud-progress-linear {
    background-color: var(--admin-surface-hover) !important;
}

::deep .mud-progress-linear .mud-progress-linear-bar {
    background-color: var(--admin-primary) !important;
}

/* ============================================
   CHIPS & BADGES
   ============================================ */
::deep .mud-chip {
    border-radius: 4px !important;
    font-weight: 600 !important;
}

::deep .mud-chip.mud-chip-color-success {
    background-color: var(--admin-success-light) !important;
    color: var(--admin-success) !important;
}

::deep .mud-chip.mud-chip-color-warning {
    background-color: var(--admin-warning-light) !important;
    color: var(--admin-warning) !important;
}

::deep .mud-chip.mud-chip-color-error {
    background-color: var(--admin-danger-light) !important;
    color: var(--admin-danger) !important;
}

::deep .mud-chip.mud-chip-color-info {
    background-color: var(--admin-info-light) !important;
    color: var(--admin-info) !important;
}

/* ============================================
   TOOLTIPS
   ============================================ */
::deep .mud-tooltip {
    background-color: var(--admin-text) !important;
    color: var(--admin-surface) !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
}

/* ============================================
   SNACKBAR
   ============================================ */
::deep .mud-snackbar {
    border-radius: 6px !important;
    box-shadow: var(--admin-shadow-lg) !important;
}

::deep .mud-snackbar.mud-snackbar-success {
    background-color: var(--admin-success) !important;
}

::deep .mud-snackbar.mud-snackbar-error {
    background-color: var(--admin-danger) !important;
}

::deep .mud-snackbar.mud-snackbar-warning {
    background-color: var(--admin-warning) !important;
}

::deep .mud-snackbar.mud-snackbar-info {
    background-color: var(--admin-info) !important;
}

/* ============================================
   CARDS
   ============================================ */
::deep .mud-card {
    background-color: var(--admin-surface) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--admin-shadow) !important;
}

::deep .mud-card-header {
    border-bottom: 1px solid var(--admin-border) !important;
}

::deep .mud-card-content {
    color: var(--admin-text) !important;
}

/* ============================================
   TABS
   ============================================ */
::deep .mud-tabs {
    background-color: transparent !important;
}

::deep .mud-tab {
    color: var(--admin-text-secondary) !important;
}

::deep .mud-tab.mud-tab-active {
    color: var(--admin-primary) !important;
}

::deep .mud-tabs-toolbar {
    border-bottom: 1px solid var(--admin-border) !important;
}

/* ============================================
   PAGINATION
   ============================================ */
::deep .mud-pagination .mud-pagination-item {
    color: var(--admin-text) !important;
}

::deep .mud-pagination .mud-pagination-item.mud-selected {
    background-color: var(--admin-primary) !important;
    color: #FFFFFF !important;
}

::deep .mud-pagination .mud-pagination-item:hover {
    background-color: var(--admin-surface-hover) !important;
}

/* ============================================
   DRAWER
   ============================================ */
::deep .mud-drawer {
    background-color: var(--admin-surface) !important;
    border-right: 1px solid var(--admin-border) !important;
}

::deep .mud-drawer-content {
    color: var(--admin-text) !important;
}

/* ============================================
   EXPANSION PANEL
   ============================================ */
::deep .mud-expand-panel {
    background-color: var(--admin-surface) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 6px !important;
    margin-bottom: 0.5rem !important;
}

::deep .mud-expand-panel-header {
    color: var(--admin-text) !important;
}

::deep .mud-expand-panel-content {
    color: var(--admin-text) !important;
}

/* ============================================
   MENU
   ============================================ */
::deep .mud-menu {
    background-color: var(--admin-surface) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--admin-shadow-lg) !important;
}

::deep .mud-menu-item {
    color: var(--admin-text) !important;
}

::deep .mud-menu-item:hover {
    background-color: var(--admin-surface-hover) !important;
}

/* ============================================
   FORM VALIDATION
   ============================================ */
::deep .mud-input-helper-text {
    color: var(--admin-text-muted) !important;
}

::deep .mud-input-error {
    color: var(--admin-danger) !important;
}

::deep .validation-message {
    color: var(--admin-danger) !important;
    font-size: 0.75rem !important;
}