/* 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;
    }
}

/* ───── ROUND 43: Command Center chat bubble ───── */
.ba-cc-bubble{position:fixed;right:18px;bottom:18px;z-index:9990;width:58px;height:58px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#d9b45d);box-shadow:0 10px 28px rgba(79,70,229,.45);transition:transform .18s ease,opacity .18s ease}
.ba-cc-bubble:hover{transform:scale(1.07)}.ba-cc-bubble.is-hidden{opacity:0;pointer-events:none;transform:scale(.6)}
.ba-cc-dot{position:absolute;top:9px;right:9px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff;animation:ba-cc-pulse 2s infinite}
@keyframes ba-cc-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ba-cc-panel{position:fixed;right:18px;bottom:18px;z-index:9991;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 36px));display:flex;flex-direction:column;background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#111827);border:1px solid rgba(148,163,184,.3);border-radius:20px;box-shadow:0 24px 70px rgba(2,6,23,.35);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}
.ba-cc-panel[hidden]{display:none}.ba-cc-panel.is-open{opacity:1;transform:none}
.ba-cc-head{display:flex;align-items:center;gap:10px;padding:13px 14px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.ba-cc-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px}
.ba-cc-title{display:flex;flex-direction:column;line-height:1.2;flex:1}.ba-cc-title small{opacity:.85;font-size:11.5px}
.ba-cc-online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-right:4px}
.ba-cc-x{background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 6px;opacity:.9}
.ba-cc-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:rgba(148,163,184,.08)}
.ba-cc-row{display:flex}.ba-cc-user{justify-content:flex-end}
.ba-cc-msg{max-width:86%;padding:9px 12px;border-radius:16px;font-size:14px;line-height:1.4;word-wrap:break-word}
.ba-cc-bot .ba-cc-msg{background:var(--bs-body-bg,#fff);border:1px solid rgba(148,163,184,.3);border-bottom-left-radius:5px}
.ba-cc-user .ba-cc-msg{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border-bottom-right-radius:5px}
.ba-cc-links{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.ba-cc-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;text-decoration:none;color:inherit;background:rgba(99,102,241,.09);border:1px solid rgba(99,102,241,.18);font-size:13.5px}
.ba-cc-link:hover{background:rgba(99,102,241,.18)}.ba-cc-link em{font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;opacity:.65;border:1px solid rgba(148,163,184,.45);border-radius:6px;padding:1px 5px}
.ba-cc-typing .ba-cc-msg{display:flex;gap:4px;padding:12px 14px}.ba-cc-typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:ba-cc-bounce 1s infinite}
.ba-cc-typing i:nth-child(2){animation-delay:.15s}.ba-cc-typing i:nth-child(3){animation-delay:.3s}
@keyframes ba-cc-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.ba-cc-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid rgba(148,163,184,.2);scrollbar-width:none}
.ba-cc-chip{flex:0 0 auto;border:1px solid rgba(99,102,241,.35);background:transparent;color:inherit;border-radius:999px;padding:4px 12px;font-size:12.5px;cursor:pointer}.ba-cc-chip:hover{background:rgba(99,102,241,.12)}
.ba-cc-form{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(148,163,184,.2)}
.ba-cc-input{flex:1;border:1px solid rgba(148,163,184,.4);border-radius:999px;padding:9px 14px;font-size:14px;background:transparent;color:inherit;outline:0}.ba-cc-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.ba-cc-send{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media(max-width:576px){.ba-cc-bubble{right:12px;bottom:76px}.ba-cc-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:16px}}
@media(prefers-reduced-motion:reduce){.ba-cc-dot,.ba-cc-typing i{animation:none}}