/* ============================================================
   WaAPI — App-wide UI polish (admin / vendor / auth pages)
   Light-touch overrides only, loaded after the app theme.
   ============================================================ */
:root { --wa-green: #25d366; --wa-green-dark: #128c7e; }

::selection { background: var(--wa-green); color: #04241b; }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.card {
    border-radius: 16px !important;
    box-shadow: 0 8px 24px -12px rgba(16, 24, 40, .12);
}
.btn { border-radius: 10px !important; font-weight: 500; }
.btn-primary {
    background: linear-gradient(135deg, #2be07a, var(--wa-green-dark)) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px -8px rgba(18, 140, 126, .55);
}
.btn-primary:hover { filter: brightness(1.05); }
.form-control, .form-select { border-radius: 10px !important; }
.form-control:focus, .form-select:focus {
    border-color: var(--wa-green-dark) !important;
    box-shadow: 0 0 0 .2rem rgba(37, 211, 102, .18) !important;
}
.modal-content { border-radius: 18px !important; overflow: hidden; }
.dropdown-menu { border-radius: 12px !important; box-shadow: 0 18px 38px -14px rgba(16, 24, 40, .25); }
.table thead th { text-transform: uppercase; font-size: .72rem; letter-spacing: .6px; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #b9cdc6; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #8fb3a7; border: 2px solid transparent; background-clip: content-box; }