:root {
    --primary-color: var(--mud-palette-primary);
    --primary-hover: var(--mud-palette-primary-darken);
    --sidebar-bg: var(--mud-palette-drawer-background);
    --sidebar-text: var(--mud-palette-drawer-text);
    --sidebar-text-active: var(--mud-palette-drawer-text);
    --bg-color: var(--mud-palette-background);
    --card-bg: var(--mud-palette-surface);
    --text-main: var(--mud-palette-text-primary);
    --border-radius-lg: 16px;
    --border-radius-md: 12px;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-main);
}

/* Sidebar Styling */
.nutri-drawer {
    background-color: var(--sidebar-bg) !important;
    border-right: none !important;
    display: flex;
    flex-direction: column;
}

.nutri-brand {
    padding: 24px 20px;
}

.nutri-brand-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

.nutri-brand-subtitle {
    color: var(--sidebar-text) !important;
    font-size: 0.75rem;
}

.nutri-drawer-footer {
    border-top: 1px solid rgba(255,255,255,0.05);
}

.nutri-nav-menu .mud-nav-item {
    padding: 2px 16px;
}

.nutri-nav-menu .mud-nav-link {
    color: var(--sidebar-text) !important;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 4px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.nutri-nav-menu .mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

.nutri-nav-menu .mud-nav-link.active {
    background-color: var(--primary-color) !important;
    color: var(--sidebar-text-active) !important;
    font-weight: 600;
}

.nutri-nav-menu .mud-nav-link .mud-nav-link-icon.mud-nav-link-icon-default {
    color: inherit !important;
}

/* Main Content */
.nutri-main-content {
    background-color: var(--bg-color);
    min-height: 100vh;
}

/* Cards */
.nutri-card {
    border-radius: var(--border-radius-lg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0,0,0,0.02) !important;
}

/* Stat Cards */
.stat-card-container {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.stat-icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Specific colors for icons */
.icon-green { background-color: #e5f9f0; color: #2bd07b; }
.icon-blue { background-color: #eaf1fa; color: #5086e9; }
.icon-orange { background-color: #fdf2e3; color: #f28b24; }
.icon-purple { background-color: #f4eafe; color: #ad54f9; }

/* Status Badges */
.status-badge {
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: lowercase;
}
.status-badge.ativo {
    background-color: #e5f9f0;
    color: #2bd07b;
}

/* Initials Avatar */
.avatar-initials {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background-color: #e5f9f0;
    color: #2bd07b;
}

/* Search Input */
.nutri-search-input .mud-input-control-input-container {
    background-color: var(--card-bg) !important;
    border-radius: 8px !important;
    border: 1px solid var(--mud-palette-lines-inputs);
    padding: 4px 12px;
}

/* Remove default error UI */
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}