/* Greenlane.ph — primary forest green + gold accent (logo) */
:root {
    --brand-primary: #14532d;
    --brand-primary-deep: #052e16;
    --brand-accent: #ca8a04;
    --brand-selection-bg: #ecfdf5;
}

/* Boot splash (loader.css loads before this file in index.greenlane.html) */
div#module-loading-mask {
    background-color: #ecfdf5 !important;
}

/* ---------- Compiled theme / Main.scss uses hard-coded blues ---------- */
.bgToolbar,
.main-toolbar.bgToolbar {
    background-color: var(--brand-primary) !important;
}

.main-logo {
    background-color: var(--brand-primary-deep) !important;
}

.fixed-sidebar-panel {
    background: linear-gradient(180deg, #166534 0%, #14532d 100%) !important;
}

/* Dashboard — POS section was blue (#4a5bcc); align with brand green */
.dashboard-section--pos .dashboard-stat-card .x-panel-header {
    border-top: 3px solid #15803d !important;
}
.dashboard-section--pos .dashboard-section-header {
    border-left-color: #15803d;
    background: #ecfdf5;
}

.dashboard-stat-card:hover {
    box-shadow: 0 6px 16px rgba(20, 83, 45, 0.18) !important;
}

.stat-card-sales {
    background: linear-gradient(180deg, #ffffff 0%, #ecfdf5 100%) !important;
}
.stat-card-sales .stat-value {
    color: #166534 !important;
}

.stat-card-transactions {
    background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%) !important;
}
.stat-card-transactions .stat-value {
    color: #15803d !important;
}

.stat-card-reports {
    background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%) !important;
}

/* Reports card: Main.scss + phone template use #4a5bcc / blue — need body + .x-fa to beat load order + inline color */
body.admin-brand-greenlane .reports-card .stat-value,
body.admin-brand-greenlane .reports-card .reports-icon,
body.admin-brand-greenlane .reports-card .stat-value .x-fa,
body.admin-brand-greenlane .reports-card .reports-icon .x-fa {
    color: #166534 !important;
}

.quick-action-card:hover {
    border-color: #15803d !important;
}

.eod-button {
    background-color: var(--brand-primary) !important;
}
.eod-button:hover {
    background-color: var(--brand-primary-deep) !important;
}