/* ═══════════════════════════════════════════════════════
   NaviEDI styling for the fee schedule import dialog.
   The dialog receives IsDarkMode from the app's theme toggle
   and applies either .navi-light or .navi-dark so the body
   tint matches the user's current theme.
   ═══════════════════════════════════════════════════════ */

/* Shared: header, stepper, buttons */
.navi-import-dialog .mud-dialog-title {
    padding: 12px 24px;
}

.navi-import-dialog .mud-dialog-title .mud-typography {
    color: #ffffff;
}

/* ── Light mode (NaviEDI) ── */
.navi-import-dialog.navi-light {
    --mud-palette-primary: #00ACC1;
    --mud-palette-primary-rgb: 0, 172, 193;
    --mud-palette-primary-text: #ffffff;
    --mud-palette-primary-hover: rgba(0, 172, 193, 0.08);
    --mud-palette-primary-darken: #0097A7;
    --mud-palette-primary-lighten: #B2EBF2;
    --mud-palette-info: #00ACC1;
    --mud-palette-info-rgb: 0, 172, 193;
    --mud-palette-info-text: #ffffff;
    --mud-palette-info-darken: #0097A7;
    --mud-palette-info-lighten: #B2EBF2;

    background-color: #f8fcfd;
    color: #0d2b30;
}

.navi-import-dialog.navi-light .mud-dialog-content {
    background-color: #f8fcfd;
    color: #0d2b30;
}

.navi-import-dialog.navi-light .mud-dialog-actions {
    background-color: #f3f8f9;
    border-top: 1px solid rgba(0, 172, 193, 0.15);
}

.navi-import-dialog.navi-light .mud-paper {
    background-color: #ffffff;
    color: #0d2b30;
}

.navi-import-dialog.navi-light .mud-dialog-title {
    background-color: #00ACC1;
}

.navi-import-dialog.navi-light .mud-stepper .mud-step-label-icon.mud-step-label-icon-active,
.navi-import-dialog.navi-light .mud-stepper .mud-step-label-icon.mud-step-label-icon-completed {
    background-color: #00ACC1;
}

.navi-import-dialog.navi-light .navi-btn {
    background-color: #00ACC1 !important;
    color: #ffffff !important;
}

.navi-import-dialog.navi-light .navi-btn:hover {
    background-color: #0097A7 !important;
}

.navi-import-dialog.navi-light a,
.navi-import-dialog.navi-light .mud-link {
    color: #00ACC1;
}

/* ── Dark mode (NaviEDI) ── */
.navi-import-dialog.navi-dark {
    --mud-palette-primary: #4DD0E1;
    --mud-palette-primary-rgb: 77, 208, 225;
    --mud-palette-primary-text: #111d20;
    --mud-palette-primary-hover: rgba(77, 208, 225, 0.12);
    --mud-palette-primary-darken: #26A69A;
    --mud-palette-primary-lighten: #00838F;
    --mud-palette-info: #4DD0E1;
    --mud-palette-info-rgb: 77, 208, 225;
    --mud-palette-info-text: #111d20;

    background-color: #1a292d;
    color: #E0F7FA;
}

.navi-import-dialog.navi-dark .mud-dialog-content {
    background-color: #1a292d;
    color: #E0F7FA;
}

.navi-import-dialog.navi-dark .mud-dialog-actions {
    background-color: #111d20;
    border-top: 1px solid rgba(77, 208, 225, 0.2);
}

.navi-import-dialog.navi-dark .mud-paper {
    background-color: #223439;
    color: #E0F7FA;
}

.navi-import-dialog.navi-dark .mud-dialog-title {
    background-color: #00838F;
}

.navi-import-dialog.navi-dark .mud-dialog-title .mud-typography {
    color: #E0F7FA;
}

.navi-import-dialog.navi-dark .mud-stepper .mud-step-label-icon.mud-step-label-icon-active,
.navi-import-dialog.navi-dark .mud-stepper .mud-step-label-icon.mud-step-label-icon-completed {
    background-color: #4DD0E1;
}

.navi-import-dialog.navi-dark .navi-btn {
    background-color: #4DD0E1 !important;
    color: #111d20 !important;
}

.navi-import-dialog.navi-dark .navi-btn:hover {
    background-color: #26A69A !important;
}

.navi-import-dialog.navi-dark a,
.navi-import-dialog.navi-dark .mud-link {
    color: #4DD0E1;
}

/* ── Sample-rows / issues tables themed to the NaviEDI dialog ── */
.navi-import-dialog .mud-simple-table {
    border-radius: 6px;
    overflow: hidden;
}
.navi-import-dialog .mud-simple-table table {
    background-color: transparent;
}

.navi-import-dialog.navi-light .mud-simple-table {
    border: 1px solid rgba(0, 172, 193, 0.25);
}
.navi-import-dialog.navi-light .mud-simple-table thead th {
    background-color: #00ACC1;
    color: #ffffff;
    border-bottom: none;
}
.navi-import-dialog.navi-light .mud-simple-table tbody td {
    border-bottom: 1px solid rgba(0, 172, 193, 0.12);
}
.navi-import-dialog.navi-light .mud-simple-table tbody tr:hover {
    background-color: rgba(0, 172, 193, 0.08) !important;
}

.navi-import-dialog.navi-dark .mud-simple-table {
    background-color: #223439;
    border: 1px solid rgba(77, 208, 225, 0.2);
}
.navi-import-dialog.navi-dark .mud-simple-table thead th {
    background-color: #00838F;
    color: #E0F7FA;
    border-bottom: 1px solid rgba(77, 208, 225, 0.3);
}
.navi-import-dialog.navi-dark .mud-simple-table tbody td {
    color: #E0F7FA;
    border-bottom: 1px solid rgba(77, 208, 225, 0.12);
}
.navi-import-dialog.navi-dark .mud-simple-table tbody tr:hover {
    background-color: rgba(77, 208, 225, 0.08) !important;
}