/* Base layout */
@import 'layout.css';

/* Components */
@import 'components.css';

/* Chat specific */
@import 'chat-panel.css';
@import 'messages.css';

.nav-button:hover {
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

.chat-button:hover {
    background-color: #f8f9fa !important;
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

.card:hover {
    transform: translateY(-2px);
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* User greeting styles */
.logout-btn:hover {
    color: #007bff !important;
    backgroundColor: #e7f3ff !important;
    borderColor: #007bff !important;
    transform: translateY(-1px);
    boxShadow: 0 2px 4px rgba(0,123,255,0.2) !important;
    transition: all 0.2s ease;
}

#user-greeting {
    min-width: 140px;
}

#user-greeting .fas.fa-user-circle {
    font-size: 16px;
}

#user-greeting .fas.fa-sign-out-alt {
    font-size: 12px;
}

/* User greeting container styling */
#user-greeting > div {
    padding: 8px 12px;
    borderRadius: 6px;
    backgroundColor: rgba(0,123,255,0.05);
    border: 1px solid rgba(0,123,255,0.1);
}