/* ============================================
   DESIGN SYSTEM - Professional Hiring Firms UI
   ============================================ */

/* Base Styles */
@import 'css/base/variables.css';
@import 'css/base/reset.css';
@import 'css/base/typography.css';

/* Layout Styles */
@import 'css/layout/structure.css';
@import 'css/layout/sidebar.css';
@import 'css/layout/header.css';
@import 'css/layout/footer.css';

/* Component Styles */
@import 'css/components/buttons.css';
@import 'css/components/badges.css';
@import 'css/components/cards.css';
@import 'css/components/forms.css';
@import 'css/components/states.css';
@import 'css/components/search.css';
@import 'css/components/help.css';
@import 'css/components/modals.css';

/* Page Specific Styles */
@import 'css/pages/auth.css';
@import 'css/pages/template-editor.css';
@import 'css/pages/match.css';
@import 'css/pages/library.css';
@import 'css/pages/connections.css';
@import 'css/pages/profile.css';
@import 'css/pages/terms.css';

/* Responsive Utilities (Load last to override) */
@import 'css/base/responsive.css';

/* User Dropdown Styles */
.user-dropdown-info {
    padding: 12px 16px;
    border-bottom: none;
    /* Removed redundant border, using dedicated divider instead */
}

.user-dropdown-name {
    font-weight: 600;
    font-size: 14px;
    /* var(--font-size-base) */
    color: var(--text-primary, #1a1a1a);
    margin-bottom: 2px;
}

.user-dropdown-email {
    font-size: 11px;
    /* var(--font-size-xs) */
    color: var(--text-secondary, #666);
}

.user-dropdown-divider {
    height: 1px;
    background-color: var(--border-color, #e0e0e0);
    margin: 0;
}


.user-dropdown-info {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.user-dropdown-info:hover {
    background-color: var(--hover-bg, #f5f5f5);
}

.user-dropdown-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-color, #4a90d9), var(--primary-dark, #2d5a8c));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
}

.user-dropdown-details {
    flex: 1;
    min-width: 0;
}