/* eDocd White-label Styling */

:root {
    --edocd-primary: #4F46E5 !important;
    --edocd-accent: #7C3AED !important;
    --edocd-gradient: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    --primary: #4F46E5 !important;
    --primary-color: #4F46E5 !important;
}

/* Login page branding */
.page-card .page-card-head,
.login-content .page-card-head {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    color: white !important;
    padding: 2rem !important;
    text-align: center !important;
    border-radius: 8px 8px 0 0 !important;
}

.page-card .page-card-head::before {
    content: "eDocd" !important;
    display: block !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

/* Hide default Frappe text on login */
.for-login .page-card-head .indicator-pill,
.page-card-head .page-card-title {
    display: none !important;
}

/* Brand text styling */
.edocd-brand {
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: -0.025em;
}

.edocd-brand .brand-highlight {
    color: var(--edocd-accent);
}

/* Navbar branding override */
.navbar-brand .app-logo,
.frappe-logo {
    display: none !important;
}

.navbar .edocd-navbar-brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--text-color);
    text-decoration: none;
}

.navbar .edocd-navbar-brand:hover {
    color: var(--edocd-primary);
}

/* Login page branding */
.login-content .brand-header,
.page-card .brand-header {
    text-align: center;
    margin-bottom: 2rem;
}

.login-content .edocd-logo {
    max-width: 180px;
    height: auto;
    margin-bottom: 1rem;
}

/* Primary button overrides */
.btn-primary,
.btn-primary-dark,
.btn-primary-light,
button.btn-primary,
a.btn-primary,
input[type="submit"].btn-primary {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    background-color: #4F46E5 !important;
    border: none !important;
    border-color: #4F46E5 !important;
    color: white !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.btn-primary:hover,
.btn-primary-dark:hover,
.btn-primary-light:hover,
button.btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.5) !important;
    background: linear-gradient(135deg, #4338CA 0%, #6D28D9 100%) !important;
}

/* Links */
a {
    color: #4F46E5;
}

a:hover {
    color: #7C3AED;
}

/* Sidebar active state */
.desk-sidebar .sidebar-menu .standard-sidebar-item.selected,
.desk-sidebar .sidebar-menu .standard-sidebar-item:hover {
    background-color: color-mix(in srgb, var(--edocd-primary) 10%, transparent);
    border-left-color: var(--edocd-primary);
}

/* App switcher icons */
.app-switcher .app-item:hover,
.apps-list .app-card:hover {
    border-color: var(--edocd-primary);
    background-color: color-mix(in srgb, var(--edocd-primary) 5%, transparent);
}

/* Form view primary actions */
.form-inner-toolbar .btn-primary-dark,
.page-actions .btn-primary-dark {
    background: var(--edocd-gradient) !important;
}

/* Checkbox and radio overrides */
input[type="checkbox"]:checked {
    background-color: var(--edocd-primary);
    border-color: var(--edocd-primary);
}

/* Link color overrides */
a.text-primary,
.like-disabled-input a {
    color: var(--edocd-primary) !important;
}

/* Badge primary */
.badge-primary,
.indicator-pill.green,
.indicator.green::before {
    background-color: var(--edocd-primary);
}

/* Frappe Control focus states */
.frappe-control input:focus,
.frappe-control select:focus,
.frappe-control textarea:focus {
    border-color: var(--edocd-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--edocd-primary) 20%, transparent);
}

/* Page header gradient accent */
.page-head {
    border-bottom: 2px solid transparent;
    background-image: linear-gradient(white, white), var(--edocd-gradient);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

/* Setup wizard branding */
.setup-wizard-slide .slide-title {
    color: var(--edocd-primary);
}

/* Onboarding widget */
.onboarding-widget .step.complete .step-icon {
    background: var(--edocd-gradient);
}

/* Notification badges */
.notifications-icon .badge,
.notification-count {
    background: var(--edocd-gradient);
}

/* Loading spinner */
.frappe-loading {
    border-top-color: var(--edocd-primary) !important;
}

/* Scrollbar theming for webkit browsers */
::-webkit-scrollbar-thumb:hover {
    background-color: var(--edocd-primary);
}

/* Print header branding */
@media print {
    .print-heading .company-name,
    .letter-head .company-name {
        color: var(--edocd-primary) !important;
    }
}

/* CRM specific overrides for sales.edocd.com */
.crm-app .sidebar-item.active,
.crm-deal-pipeline .deal-card.selected {
    border-color: var(--edocd-primary);
}

/* HR specific overrides for hr.edocd.com */
.hrms .employee-card:hover,
.hrms .attendance-card.present {
    border-left-color: var(--edocd-primary);
}