/*
 * ESD Rx: the brand palette over the pharmacy-pos template, and the few rules the template does
 * not have. Palette (ESD POS Core brand/README.md): graphite tile #1B1F25, accent #0E8AA3 on
 * light backgrounds and #3CCFE6 on dark ones.
 */

:root {
    --rx-graphite: #1B1F25;
    --rx-accent: #0E8AA3;
    --rx-accent-bright: #3CCFE6;
    --primary: #0E8AA3;
    --primary-rgb: 14, 138, 163;
    --primary-hover: #0B7086;
    --primary-50: #E4F4F7;
    --primary-100: #C5E7EE;
    --primary-gradient: linear-gradient(103.28deg, #0E8AA3 0%, #1B1F25 100%);
    --menu-toggle-bg: var(--primary-gradient);
}

:root[data-bs-theme=dark] {
    --primary: #3CCFE6;
    --primary-rgb: 60, 207, 230;
    --primary-hover: #6BDCEE;
}

.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: var(--primary-hover);
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}

/* Logos (core::partials.brand renders config('product.logo'...) as an <img>) */
.sidebar .sidebar-logo .logo-normal img,
.sidebar .sidebar-logo .dark-logo img,
.navbar-header .logo .logo-lg img { height: 32px; width: auto; }
.sidebar .sidebar-logo .logo-small img { height: 32px; width: 32px; }
.rx-auth-logo img { height: 40px; width: auto; }
.rx-auth-side { background: var(--rx-graphite); }
.rx-auth-side-logo img { height: 56px; width: auto; }

/* Pharmacy till (resources/js/rx-till.js on the core till) */
.rx-tile { cursor: pointer; }
.rx-tile .rx-generic { font-size: 12px; color: var(--gray-500, #6b7280); }
.rx-badge-rx { background: #fef3c7; color: #92400e; }
.rx-badge-controlled { background: #fee2e2; color: #991b1b; }
.rx-badge-cold { background: #dbeafe; color: #1e40af; }
.rx-allergy { border-inline-start: 3px solid var(--danger, #dc2626); }
.rx-panel { background: var(--light, #f5f7fa); }

/* Controlled register print */
.rx-register-print table { font-size: 11px; }
.rx-register-print th, .rx-register-print td { padding: 3px 5px !important; }
.rx-register-print .rx-sign { margin-top: 40px; display: flex; justify-content: space-between; gap: 24px; }
.rx-register-print .rx-sign span { border-top: 1px solid #000; padding-top: 4px; min-width: 200px; text-align: center; }
@media print {
    .rx-register-print section { break-inside: avoid-page; }
}