/* =====================================================================
   Professional theme — LITE (accent only).
   For standalone layouts (POS, kitchen/waiter panels, login, storefront,
   customer screens). Refines branding/buttons/forms/modals WITHOUT changing
   backgrounds or dense layout structure, so it's safe on those screens.
   ===================================================================== */
:root { --pri:#16a34a; --pri-d:#15803d; --pri-l:#dcfce7; --line:#e9ecf2; }

.btn { border-radius: 8px !important; font-weight: 600 !important; transition: background .15s ease, box-shadow .15s ease, transform .12s ease !important; }
.btn:hover { transform: translateY(-1px); }
.bg-blue-btn, .btn-primary, .btn-info {
    background: var(--pri) !important; border-color: var(--pri) !important; color: #fff !important;
}
.bg-blue-btn:hover, .btn-primary:hover, .btn-info:hover { background: var(--pri-d) !important; border-color: var(--pri-d) !important; box-shadow: 0 6px 16px -6px rgba(22,163,74,.5) !important; }
.new-btn { background: var(--pri-l) !important; color: var(--pri) !important; border-color: transparent !important; }
.bg-red-btn, .btn-danger { background: #e11d48 !important; border-color: #e11d48 !important; color: #fff !important; }
.btn-success { background: #059669 !important; border-color: #059669 !important; color: #fff !important; }
.btn-warning { background: #f59e0b !important; border-color: #f59e0b !important; color: #fff !important; }

.form-control { border-radius: 8px !important; transition: border-color .15s, box-shadow .15s; }
.form-control:focus { border-color: var(--pri) !important; box-shadow: 0 0 0 3px rgba(22,163,74,.15) !important; }
.select2-container--default .select2-selection--single:focus { border-color: var(--pri) !important; }

.modal-content { border: 0 !important; border-radius: 14px !important; box-shadow: 0 20px 50px -12px rgba(16,24,40,.35) !important; }
.modal-title { font-weight: 700 !important; }

.badge, .label { border-radius: 6px !important; font-weight: 600 !important; }
.callout, .alert { border-radius: 10px !important; }
a { color: var(--pri); }

/* Active/selected accents that commonly use the old purple */
.active1, .custom_td_active, .grid_view2 .active { border-color: var(--pri) !important; }