/* Driven by :root vars from layouts/partials/theme_chrome_vars.blade.php */
.theme-chrome-strip {
    background-image: linear-gradient(to right, var(--theme-header-from), var(--theme-header-to));
}

.theme-chrome-solid {
    background-color: var(--theme-header-from);
}

.theme-chrome-chip {
    background-color: var(--theme-header-chip);
    transition: background-color 0.2s ease;
}

.theme-chrome-chip:hover {
    background-color: var(--theme-header-chip-hover);
}

.theme-chrome-fill {
    background-image: linear-gradient(to right, var(--theme-header-from), var(--theme-header-to));
}

/* Home dashboard: second column switches to neutral on wide screens */
@media (min-width: 1280px) {
    .theme-chrome-strip--xl-neutral {
        background-image: none !important;
        background-color: #f3f4f6;
    }
}

/* POS: drawer triggers / headings (sale_pos/partials/pos_sidebar) */
.theme-pos-accent-gradient {
    background-image: linear-gradient(to right, var(--hms-primary-dark), var(--hms-primary));
}
.theme-pos-accent-gradient:hover {
    filter: brightness(0.97);
}
.theme-pos-accent-gradient:active {
    filter: brightness(0.92);
}
.theme-pos-accent-text-gradient {
    background-image: linear-gradient(to right, var(--hms-primary-dark), var(--hms-primary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* POS header (layouts/partials/header-pos) */
.pos-theme-datetime-pill {
    background-color: var(--hms-primary);
    transition: background-color 0.15s ease;
}
.pos-theme-datetime-pill:hover {
    background-color: var(--hms-primary-dark);
}
.pos-theme-icon-accent {
    color: var(--hms-primary) !important;
}
.pos-theme-icon-action {
    color: var(--hms-secondary) !important;
}