/**
 * @file app/shared/styles/preferences.css
 * @brief Stylesheet for preferences
 * 
 * @version 
 *  - Major: 1
 *  - Minor: 1
 *  - Subversion: 0
 * 
 * @date 
 *  - Created: 2025-08-07 11:33:53
 *  - Modified: 2025-08-07 11:33:53
 * 
 * @author [core] Informationstechnologie
 * 
 * @copyright [core] Informationstechnologie, 2025
 */


/* User Preferences Component Styles */

.preferences-container {
    max-width: 1200px;
    margin: 0 auto;
}

.preferences-header {
    margin-bottom: 2rem;
}

.preferences-header h2 {
    margin-bottom: 0.5rem;
}

.preference-section {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.preference-section h4 {
    margin-bottom: 1rem;
    color: #495057;
    font-size: 1.1rem;
    font-weight: 600;
}

.form-label {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.form-check-input {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
}

.form-select,
.form-control {
    max-width: 300px;
}

.tab-content {
    min-height: 400px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .preferences-container {
        padding: 0 1rem;
    }
    
    .preference-section {
        padding: 1rem;
    }
    
    .form-select,
    .form-control {
        max-width: 100%;
    }
}