.cl-tabbar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px 2px #00000029}.cl-tabgroup{align-items:center;display:flex;position:relative}.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 13px;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-tab-grupo{align-items:center;gap:7px;display:inline-flex}.cl-tab-seta{opacity:.7;font-size:10px}.cl-tabmenu{z-index:var(--z-dropdown);background:var(--elevated);border:1px solid var(--border2);border-radius:var(--r-md);min-width:230px;box-shadow:var(--shadow-lg);padding:5px;animation:.12s ease-out cl-tabmenu-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes cl-tabmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cl-tabgroup:last-child .cl-tabmenu{left:auto;right:0}.cl-tabmenu-tit{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);-webkit-user-select:none;user-select:none;padding:6px 10px 7px;font-size:9px;font-weight:800}.cl-tabmenu-item{border-radius:var(--r-sm);width:100%;color:var(--text2);text-align:left;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;align-items:flex-start;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.cl-tabmenu-item:hover{background:var(--surface2);color:var(--text)}.cl-tabmenu-item.is-active{color:var(--accent);background:var(--accent-soft)}.cl-tabmenu-check{flex-shrink:0;width:12px;font-size:12px;line-height:1.5}.cl-tabmenu-lab{flex-direction:column;gap:2px;min-width:0;display:flex}.cl-tabmenu-dica{color:var(--text3);white-space:normal;font-size:11px;font-weight:500}.cl-toolbar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #00000029}.cl-toolbtn{border-radius:var(--r-sm);color:var(--text2);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.cl-toolbtn:hover{background:var(--surface3);color:var(--text)}.cl-toolbtn.is-active{background:var(--accent-soft);color:var(--accent)}.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}