/* v123 — NameThatUI pattern adoption: Steps, Empty State, Focus Ring, Inline Alert,
   Combobox, Skeleton, Tooltip and keyboard-first interaction polish. */
:root{--ntui-focus:0 0 0 3px rgba(37,99,235,.18);--ntui-line:#e2e8f0;--ntui-muted:#64748b;--ntui-soft:#f8fafc}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #2563eb!important;outline-offset:2px!important;box-shadow:var(--ntui-focus)}
.ntui-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:14px 0 16px;padding:0;max-width:720px}
.ntui-steps li{position:relative;display:flex;align-items:center;gap:9px;color:#94a3b8;min-width:0}
.ntui-steps li:not(:last-child)::after{content:"";position:absolute;left:36px;right:8px;top:14px;height:1px;background:var(--ntui-line);z-index:0}
.ntui-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;font-size:11px;font-weight:800;flex:0 0 auto}
.ntui-steps li>div{position:relative;z-index:1;background:#fff;padding-right:8px;min-width:0}.ntui-steps strong,.ntui-steps small{display:block;white-space:nowrap}.ntui-steps strong{font-size:11px;color:#64748b}.ntui-steps small{font-size:9px;color:#94a3b8;margin-top:1px}
.ntui-steps li.is-active>span{background:#0f172a;color:#fff;border-color:#0f172a}.ntui-steps li.is-active strong{color:#0f172a}.ntui-steps li.is-complete>span{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.ntui-steps li.is-complete:not(:last-child)::after{background:#86efac}
.qb-v120-cart-empty-hint{border:1px dashed #cbd5e1;border-radius:14px;background:var(--ntui-soft);padding:28px 18px!important;text-align:center}.qb-v120-cart-empty-hint>span{display:grid!important;place-items:center;width:38px;height:38px;margin:0 auto 10px;border-radius:12px;background:#fff;border:1px solid var(--ntui-line);font-size:20px}.qb-v120-cart-empty-hint strong,.qb-v120-cart-empty-hint small{display:block}.qb-v120-cart-empty-hint small{color:var(--ntui-muted);margin-top:4px}
.ntui-inline-alert{display:flex;gap:10px;padding:11px 12px;border:1px solid #fde68a;background:#fffbeb;border-radius:10px;color:#92400e;font-size:12px}.ntui-inline-alert[role="alert"]{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.ntui-skeleton{position:relative;overflow:hidden;background:#e2e8f0;border-radius:8px;min-height:14px}.ntui-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:ntuiShimmer 1.35s infinite}@keyframes ntuiShimmer{100%{transform:translateX(100%)}}
[role="combobox"][aria-expanded="true"]{border-color:#94a3b8!important;box-shadow:0 0 0 3px rgba(15,23,42,.06)}
[data-tooltip]{position:relative}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{content:attr(data-tooltip);position:absolute;z-index:3000;right:0;top:calc(100% + 8px);padding:6px 8px;border-radius:7px;background:#0f172a;color:#fff;font-size:10px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px rgba(15,23,42,.18)}
.qb-v120-tabs [role="tab"][aria-selected="true"]{font-weight:800}.qb-v120-tabs [role="tab"]{cursor:pointer}
@media(max-width:1100px){.ntui-steps{grid-template-columns:repeat(4,1fr);max-width:none}.ntui-steps small{display:none}.ntui-steps li>div{padding-right:4px}}
@media(max-width:720px){.ntui-steps strong{display:none}.ntui-steps li:not(:last-child)::after{left:30px}.ntui-steps li>div{display:none}}
@media(prefers-reduced-motion:reduce){.ntui-skeleton::after{animation:none}}