/*
============================================
CFB Extravaganza - Master Stylesheet
============================================
This file imports all other CSS partials for the authenticated (logged-in)
experience. The order of imports is important for the CSS cascade.
*/

/* 1. Foundational elements (variables, body styles, etc.) */
@import url('base/_variables.css');
@import url('base/_global.css');

/* 2. Reusable site-wide components (used across multiple pages) */
@import url('components/_layout.css');
@import url('components/_header.css');
@import url('components/_menu.css');
@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_avatar.css');
@import url('components/_modals.css');
@import url('components/_forms.css');
@import url('components/_tables.css');
@import url('components/_theme_switcher.css');
@import url('components/_notifications.css');
@import url('components/_tale_of_the_tape.css');
@import url('components/_pull_to_refresh.css');

/* 3. Page-specific styles (these load last and can override components) */
@import url('pages/_picks.css');
@import url('pages/_dashboard_widgets.css');
@import url('pages/_all_picks.css');
@import url('pages/_leaderboard.css');
@import url('pages/_settings.css');
@import url('pages/_admin.css');
@import url('pages/_bowl_challenge.css');
@import url('pages/_my_stats.css');
@import url('pages/_trophy_case.css');
@import url('pages/_login.css');
/* NEW: Add the import for the bowl stats page */
@import url('pages/_my_bowl_stats.css');

/* --- Admin View Toggle Button --- */
.btn-admin-toggle {
    padding: 8px 12px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.btn-admin-toggle.admin {
    background-color: var(--warning-color);
    color: #1a1a1a;
}
.btn-admin-toggle.admin:hover {
    background-color: #ffc107; /* A slightly lighter orange on hover */
}

.btn-admin-toggle.user {
    background-color: var(--primary-color);
    color: var(--text-on-primary);
}
.btn-admin-toggle.user:hover {
    opacity: 0.85;
}