/* COMPANY_NAME CRM - Custom Branding */
:root {
    /* Primary Brand Colors */
    --primary-color: #667eea;
    --primary-dark: #5a6fd8;
    --secondary-color: #764ba2;
    
    /* Custom Brand Colors (You can change these) */
    --brand-primary: #1e40af;    /* Your main brand color */
    --brand-secondary: #3b82f6;  /* Your secondary color */
    --brand-accent: #06b6d4;     /* Your accent color */
    
    /* Logo Settings */
    --logo-height: 40px;
    --logo-width: auto;
}

/* Update sidebar branding */
.sidebar {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
}

.sidebar-header .logo-img {
    height: var(--logo-height);
    width: var(--logo-width);
    margin-bottom: 10px;
}

/* Update button colors */
.btn {
    background: var(--brand-primary);
}

.btn:hover {
    background: var(--brand-secondary);
}

/* Update stat card colors */
.stat-card.primary { 
    border-top: 4px solid var(--brand-primary); 
}

/* Update form focus colors */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: var(--brand-primary);
}

/* Update profile header */
.profile-header,
.user-header {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
}

/* Update attendance section colors */
.time-display {
    border-left: 4px solid var(--brand-primary);
}

/* Update priority badges */
.priority-medium {
    background: rgba(var(--brand-primary), 0.1);
    color: var(--brand-primary);
}

/* Company Logo Styles */
.company-logo {
    max-height: 50px;
    width: auto;
    margin-right: 15px;
}

.brand-text {
    color: var(--brand-primary);
    font-weight: bold;
}

/* Footer Branding */
.footer-brand {
    background: var(--brand-primary);
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
}

/* Custom Login Page Branding */
.login-container .logo img {
    max-height: 80px;
    margin-bottom: 20px;
}

/* Responsive Logo */
@media (max-width: 768px) {
    .company-logo {
        max-height: 35px;
    }
    
    .sidebar-header .logo-img {
        height: 35px;
    }
}