@import url('/_content/MudBlazor/MudBlazor.min.css');
@import url('css/design-system.css');
@import url('css/turnos.css');
@import url('/css/vendor.min.css');
@import url('/css/app.min.css');

/* Google Fonts - Inter for modern typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Ensure the themed sidebar stays visible when hosted inside MudDrawer (Android/WebView) */
.mud-drawer .app-sidebar {
    position: relative;
    left: 0 !important;
    top: 0;
    width: 100%;
}

/* ============================================
   MUDBLAZOR THEME OVERRIDES
   ============================================ */

/* Primary color overrides */
.mud-theme-primary {
    background-color: var(--nexa-primary-600) !important;
}

.mud-primary-text {
    color: var(--nexa-primary-600) !important;
}

/* Button styling */
.mud-button-filled.mud-button-primary {
    background: var(--nexa-gradient-primary) !important;
    box-shadow: var(--nexa-shadow-sm) !important;
    border-radius: var(--nexa-radius-md) !important;
    transition: all var(--nexa-transition-fast) !important;
}

.mud-button-filled.mud-button-primary:hover {
    box-shadow: var(--nexa-shadow-md) !important;
    transform: translateY(-1px);
}

.mud-button-outlined.mud-button-primary {
    border-color: var(--nexa-primary-500) !important;
    color: var(--nexa-primary-600) !important;
    border-radius: var(--nexa-radius-md) !important;
}

.mud-button-outlined.mud-button-primary:hover {
    background: var(--nexa-primary-50) !important;
}

/* Card overrides */
.mud-card {
    border-radius: var(--nexa-radius-lg) !important;
    box-shadow: var(--nexa-shadow-card) !important;
}

/* Input overrides */
.mud-input-control {
    border-radius: var(--nexa-radius-md) !important;
}

.mud-input-slot.mud-input-root-filled {
    background: var(--nexa-gray-100) !important;
    border-radius: var(--nexa-radius-md) !important;
}

.mud-input-slot.mud-input-root-filled:focus-within {
    background: var(--nexa-white) !important;
    box-shadow: 0 0 0 2px var(--nexa-primary-500) !important;
}

/* List item overrides */
.mud-list-item:hover {
    background: var(--nexa-primary-50) !important;
}

/* Chip overrides */
.mud-chip {
    border-radius: var(--nexa-radius-full) !important;
}

/* Avatar overrides */
.mud-avatar {
    border-radius: var(--nexa-radius-full) !important;
}

/* Dialog overrides */
.mud-dialog {
    border-radius: var(--nexa-radius-xl) !important;
}

/* Drawer overrides */
.mud-drawer {
    background: var(--nexa-white) !important;
}

/* Snackbar overrides */
.mud-snackbar {
    border-radius: var(--nexa-radius-md) !important;
}

/* Progress circular */
.mud-progress-circular-primary circle {
    stroke: var(--nexa-primary-500) !important;
}

/* App bar */
.mud-appbar {
    background: var(--nexa-white) !important;
}