/* BAITSOL Command Center / platform foundation */
.ba-command-overlay{position:fixed;inset:0;z-index:100000;background:rgba(2,6,23,.58);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:9vh 16px}
.ba-command-overlay.is-open{display:flex}
.ba-command{width:min(720px,100%);background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#111827);border:1px solid rgba(148,163,184,.28);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}
.ba-command-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.2)}
.ba-command-head i{opacity:.6}.ba-command-input{flex:1;border:0;outline:0;background:transparent;font-size:17px;color:inherit}.ba-command-kbd{font-size:11px;padding:4px 7px;border:1px solid rgba(148,163,184,.35);border-radius:7px;opacity:.7}
.ba-command-list{max-height:55vh;overflow:auto;padding:8px}.ba-command-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer}.ba-command-item:hover,.ba-command-item.is-active{background:rgba(99,102,241,.10)}
.ba-command-item i{width:22px;text-align:center;opacity:.7}.ba-command-item small{display:block;opacity:.55;margin-left:auto}.ba-command-empty{padding:28px;text-align:center;opacity:.6}
@media(max-width:576px){.ba-command-overlay{padding:5vh 10px}.ba-command{border-radius:16px}.ba-command-list{max-height:70vh}}


/* BAITSOL GLOBAL PRESTIGE UX */
:root {
    --baitsol-radius-sm: 10px;
    --baitsol-radius-md: 14px;
    --baitsol-focus: #d9b45d;
}
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, [role="button"], a { touch-action: manipulation; }
button:not(:disabled), [role="button"], a { cursor: pointer; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--baitsol-focus);
    outline-offset: 2px;
}
:where(.card, .panel, .dashboard-card, .stat-card, .widget, .module-card) {
    border-radius: var(--baitsol-radius-md);
}
:where(input, select, textarea):not([type="checkbox"]):not([type="radio"]) { min-height: 40px; }
/* BUG FIX: this used to be a blanket ":where(input, select, textarea)" —
   which also matched <input type="checkbox"> and <input type="radio">.
   This file loads on every page site-wide (see includes/header.php), so
   forcing min-height:40px onto a native radio/checkbox (normally ~16px)
   stretched it vertically into a tall oval/capsule instead of a small
   circle or square. On admin dashboard pages this got silently
   overridden by baitsol-ui-consistency.css's own explicit width/height on
   .form-check-input, which is why the bug only showed up on pages with no
   such override — most visibly the storefront checkout's delivery-method
   and payment-method radio buttons. baitsol-v2-platform.css already
   excludes checkbox/radio the same way this now does; this file was the
   one place that didn't. */
:where(.form-control, .form-select) { border-radius: var(--baitsol-radius-sm); }
:where(.btn) {
    border-radius: var(--baitsol-radius-sm);
    transition: transform .14s ease, box-shadow .14s ease,
                background-color .14s ease, border-color .14s ease;
}
:where(.btn:not(:disabled)):active { transform: translateY(1px); }
:where(.modal, .offcanvas, .dropdown-menu, .popover, .tooltip) { z-index: 1050; }
img, svg, video, canvas { max-width: 100%; }
img { height: auto; }
@media (max-width: 767.98px) {
    :where(.btn, .form-control, .form-select) { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}