.pet-tabs{width:100%}.pet-tabs__list{border-bottom:2px solid var(--pet-border-color,#1e1c1814);scrollbar-width:thin;scrollbar-color:var(--pet-text-muted,#6b6a7a) transparent;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.pet-tabs__list::-webkit-scrollbar{height:4px}.pet-tabs__list::-webkit-scrollbar-track{background:0 0}.pet-tabs__list::-webkit-scrollbar-thumb{background:var(--pet-text-muted,#6b6a7a);border-radius:2px}.pet-tabs__tab{color:var(--pet-text-muted,#6b6a7a);font-size:var(--pet-text-base,1rem);cursor:pointer;transition:all var(--pet-transition,.2s ease);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex-shrink:0;padding:12px 24px;font-weight:500;position:relative}.pet-tabs__tab:hover{color:var(--pet-text-primary,#1c1917);background:var(--pet-surface-alt,#1e1c1808)}.pet-tabs__tab:focus-visible{outline:2px solid var(--pet-primary,#1b2f5b);outline-offset:2px;border-radius:var(--pet-radius-sm,8px)}.pet-tabs__tab.is-active{color:var(--pet-primary,#1b2f5b);border-bottom-color:var(--pet-primary,#1b2f5b)}.pet-tabs__tab[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.pet-tabs__panels{margin-top:var(--pet-space,24px)}.pet-tabs__panel{outline:none;display:none}.pet-tabs__panel.is-active{animation:.3s pet-tabs-fade-in;display:block}.pet-tabs__panel[hidden]{display:none}.pet-tabs--vertical{gap:var(--pet-space,24px);display:flex}.pet-tabs--vertical .pet-tabs__list{border-bottom:none;border-right:2px solid var(--pet-border-color,#1e1c1814);flex-direction:column;min-width:200px;overflow:hidden auto}.pet-tabs--vertical .pet-tabs__tab{text-align:left;border-bottom:none;border-right:2px solid #0000}.pet-tabs--vertical .pet-tabs__tab.is-active{border-bottom-color:#0000;border-right-color:var(--pet-primary,#1b2f5b)}.pet-tabs--vertical .pet-tabs__panels{flex:1;margin-top:0}.pet-tabs--pills .pet-tabs__list{border-bottom:none;gap:8px}.pet-tabs--pills .pet-tabs__tab{border-radius:var(--pet-radius-sm,8px);border:none;padding:10px 20px}.pet-tabs--pills .pet-tabs__tab.is-active{background:var(--pet-primary,#1b2f5b);color:#fff}.pet-tabs--pills .pet-tabs__tab:hover:not(.is-active){background:var(--pet-surface-alt,#1e1c180f)}.pet-tabs--boxed .pet-tabs__list{border:1px solid var(--pet-border-color,#1e1c1826);border-radius:var(--pet-radius,14px);background:var(--pet-surface-alt,#fafaf9);gap:6px;padding:6px}.pet-tabs--boxed .pet-tabs__tab{border-radius:var(--pet-radius-sm,8px);border:none;padding:10px 20px}.pet-tabs--boxed .pet-tabs__tab.is-active{background:var(--pet-surface,#fff);color:var(--pet-text-primary,#1c1917);box-shadow:var(--pet-shadow,0 8px 24px #1e1c1814)}.pet-tabs--underline .pet-tabs__tab{border-bottom-width:3px;margin-bottom:-2px}.pet-tabs__icon{align-items:center;margin-right:8px;font-size:1.2em;display:inline-flex}.pet-tabs__tab--icon-only .pet-tabs__icon{margin-right:0}.pet-tabs__badge{background:var(--pet-error,#dc2626);color:#fff;border-radius:var(--pet-radius-sm);justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.pet-tabs__tab.is-active .pet-tabs__badge{background:var(--pet-primary,#1b2f5b)}@keyframes pet-tabs-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pet-tabs--slide .pet-tabs__panel{animation:.3s pet-tabs-slide-in}@keyframes pet-tabs-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.pet-tabs__tab{font-size:var(--pet-text-sm,.875rem);padding:10px 16px}.pet-tabs--vertical{flex-direction:column}.pet-tabs--vertical .pet-tabs__list{border-right:none;border-bottom:2px solid var(--pet-border-color,#1e1c1814);flex-direction:row;min-width:auto}.pet-tabs--vertical .pet-tabs__tab{text-align:center;border-bottom:2px solid #0000;border-right:none}.pet-tabs--vertical .pet-tabs__tab.is-active{border-right-color:#0000;border-bottom-color:var(--pet-primary,#1b2f5b)}.pet-tabs--vertical .pet-tabs__panels{margin-top:var(--pet-space,24px)}}@media (width<=640px){.pet-tabs__list{gap:4px}.pet-tabs__tab{padding:8px 12px;font-size:.8125rem}.pet-tabs--pills .pet-tabs__tab{padding:8px 16px}.pet-tabs__icon{margin-right:6px;font-size:1.1em}.pet-tabs--stacked .pet-tabs__tab{flex-direction:column;gap:4px}.pet-tabs--stacked .pet-tabs__icon{margin-bottom:4px;margin-right:0}}@media (prefers-reduced-motion:reduce){.pet-tabs__tab{transition:none}.pet-tabs__panel,.pet-tabs--slide .pet-tabs__panel{animation:none!important}}@media (prefers-contrast:high){.pet-tabs__tab.is-active{border-bottom-width:3px}.pet-tabs--pills .pet-tabs__tab.is-active{outline-offset:-2px;outline:2px solid}}.pet-tabs__tab:focus-visible{outline:2px solid var(--pet-primary,#1b2f5b);outline-offset:2px}.pet-tabs--center .pet-tabs__list{justify-content:center}.pet-tabs--right .pet-tabs__list{justify-content:flex-end}.pet-tabs--full .pet-tabs__tab{text-align:center;flex:1}.pet-tabs--compact .pet-tabs__tab{padding:8px 16px}.pet-tabs--compact .pet-tabs__panels{margin-top:16px}.pet-tabs--spacious .pet-tabs__tab{padding:16px 32px}.pet-tabs--spacious .pet-tabs__panels{margin-top:32px}