.cl-tabbar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);scrollbar-width:none;gap:3px;padding:4px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #00000029}.cl-tabbar::-webkit-scrollbar{display:none}.cl-tab{border-radius:var(--r-sm);color:var(--text2);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);background:0 0;border:none;flex-shrink:0;padding:7px 15px;font-family:inherit;font-size:13px;font-weight:600}.cl-tab:hover:not(.is-active){background:var(--surface3);color:var(--text)}.cl-tab.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-h));color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.cl-chip{border:1.5px solid var(--border);background:var(--surface2);color:var(--text2);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);border-radius:20px;padding:5px 13px;font-family:inherit;font-size:11px;font-weight:700}.cl-chip:hover:not(.is-active){border-color:var(--border2);color:var(--text)}.cl-kpi{background:var(--surface);border:1px solid var(--border);transition:box-shadow var(--t-med), border-color var(--t-med);border-radius:16px;padding:16px 14px;position:relative;overflow:hidden}.cl-kpi:before{content:"";background:linear-gradient(90deg, var(--kpi-c,var(--accent)), transparent 90%);height:3px;position:absolute;inset:0 0 auto}.cl-kpi:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.cl-kpi__top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cl-kpi__icon{background:var(--surface2);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.cl-kpi__val{letter-spacing:-1px;color:var(--text);font-size:30px;font-weight:900;line-height:1}.cl-kpi__lbl{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cl-alert-crit{box-shadow:var(--shadow-sm)}.cl-cat-pill{border:2px solid var(--border);color:var(--text2);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);background:0 0;border-radius:20px;flex-shrink:0;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:700}.cl-cat-pill:hover:not(.is-active){background:var(--surface2);border-color:var(--border2);color:var(--text)}.cl-cat-pill.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-h));border-color:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.cl-cat-header{box-shadow:var(--shadow-sm);transition:box-shadow var(--t-med), border-color var(--t-med);position:relative;overflow:hidden}.cl-cat-header:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-h));width:3px;position:absolute;top:0;bottom:0;left:0}.cl-cat-header:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.cl-cat-add{transition:background var(--t-fast), box-shadow var(--t-fast)}.cl-cat-add:hover{background:var(--accent-h);box-shadow:0 3px 12px var(--accent-glow)}.cl-prod-card{transition:box-shadow var(--t-med), border-color var(--t-med)}.cl-prod-card:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.cl-prod-card.is-selected{box-shadow:0 0 0 2px var(--accent-glow), var(--shadow-sm)}.cl-prod-media{background:var(--surface2);border-radius:12px;width:82px;height:82px;position:relative;overflow:hidden}.cl-actionbar button{transition:filter var(--t-fast)}.cl-actionbar button:hover{filter:brightness(1.15)}.cl-actionbar .cl-menu-item:hover{background:var(--surface3);filter:none}