/**
 * VIRSACO customizations on top of Metronic styles.css (frozen — no Metronic theme updates).
 * Loaded immediately after styles.css via partials/metronic-styles.blade.php.
 * Requires --pt-primary from resources/css/app.css (Vite, loaded in the same head block).
 */
:root {
    --primary:             var(--pt-primary);
    --primary-foreground:  #ffffff;
    --ring:                color-mix(in oklab, var(--pt-primary) 45%, transparent);
}

html.dark {
    --primary:            var(--pt-primary);
    --primary-foreground: #ffffff;
}

/* Trial palette (My Plan + sidebar highlight) — not primary green */
:root {
    --pt-trial-callout-bg:     #fff8f0;
    --pt-trial-callout-border: #f0d4b8;
    --pt-ribbon:               #f59e0b;
    --pt-ribbon-text:          #ffffff;
}

/* Sidebar — Attendance Log: warm cream chip (visible on teal sidebar; green = active route only) */
#sidebar.kt-sidebar .kt-menu-item.pt-sidebar-menu-attendance-log > a.pt-sidebar-menu-attendance-log-link {
    background-color: #fff8f0 !important;
    border-color:     #f0d4b8 !important;
    box-shadow:       0 1px 2px rgba(0, 0, 0, 0.05);
}
#sidebar.kt-sidebar .kt-menu-item.pt-sidebar-menu-attendance-log > a.pt-sidebar-menu-attendance-log-link:hover {
    background-color: #fffcf7 !important;
    border-color:     #e8c7a0 !important;
}
#sidebar.kt-sidebar .kt-menu-item.pt-sidebar-menu-attendance-log > a.pt-sidebar-menu-attendance-log-link .kt-menu-icon {
    color: #b45309 !important;
}
#sidebar.kt-sidebar .kt-menu-item.pt-sidebar-menu-attendance-log > a.pt-sidebar-menu-attendance-log-link .kt-menu-title {
    color:       #92400e !important;
    font-weight: 600;
}

/* My Plan — trial hero (amber/cream; not primary green) */
.pt-my-plan-trial-hero {
    background-color: #fff8f0 !important;
    border-color:     #f0d4b8 !important;
}
.pt-my-plan-trial-hero .pt-my-plan-trial-badge {
    background-color: #f59e0b !important;
    border-color:     #f59e0b !important;
    color:            #ffffff !important;
}
.pt-my-plan-trial-hero .pt-my-plan-trial-title {
    color: #92400e !important;
}
.pt-my-plan-trial-hero .pt-my-plan-trial-subtitle {
    color: #b45309 !important;
}
.pt-my-plan-trial-hero .pt-my-plan-trial-valid-box {
    background-color: #fffdfb !important;
    border-color:     #f0d4b8 !important;
}
.pt-my-plan-trial-hero .pt-my-plan-trial-valid-box .pt-my-plan-trial-valid-date {
    color: #92400e !important;
}
.pt-my-plan-trial-icon {
    background-color: #fef3c7 !important;
    color:            #b45309 !important;
}
.pt-my-plan-trial-accent {
    color: #92400e !important;
}
.pt-my-plan-trial-note {
    background-color: #fff8f0 !important;
    border-color:     #f0d4b8 !important;
}
.pt-my-plan-trial-note p {
    color: #78350f !important;
}
.pt-my-plan-trial-note i {
    color: #d97706 !important;
}

/* Dashboard quick guide — accent (modal title dark green #158078) */
.pt-dashboard-guide-card .pt-dashboard-guide-icon,
.pt-dashboard-guide-card .pt-dashboard-guide-num {
    background-color: #e8f5f3 !important;
    color:            #158078 !important;
}
.pt-dashboard-guide-link {
    color: #158078 !important;
}
.pt-dashboard-guide-link:hover {
    color: #0f6b64 !important;
}

/* Dashboard quick guide — language select (modal title dark green #158078) */
.pt-dashboard-help-lang .kt-select {
    border-color:     #158078 !important;
    color:            #158078 !important;
    font-weight:      600;
    background-color: #f0faf9 !important;
}

/* Dashboard quick guide — main flow (trial palette) */
.pt-dashboard-guide-flow > a {
    text-decoration: none;
    color:            inherit;
}

/* Sidebar — custom PNG menu icons (attendance, salary) aligned to --pt-primary */
#sidebar.kt-sidebar .pt-sidebar-menu-icon {
    display: block;
}