/* Payments Analytics v5: estrutura do protótipo v4.1 (sidebar mínima com as abas como sub-itens).
   Carregado só por analytics.html. Só tokens. */
body.an-v5 .sidebar{ padding:16px 12px; }
body.an-v5 .v5-brand{ display:flex; align-items:center; gap:10px; padding:4px 8px 20px; flex:none; }
body.an-v5 .v5-tile{ width:36px; height:36px; border-radius:10px; background:#000; display:flex; align-items:center; justify-content:center; flex:none; box-shadow:inset 0 0 0 1px var(--sb-sep); }
body.an-v5 .v5-tile img{ width:28px; height:28px; display:block; }
body.an-v5 .v5-brand .name{ font-weight:600; font-size:16px; letter-spacing:-0.01em; color:var(--sb-active-fg); }
body.an-v5 .v5-nav{ display:flex; flex-direction:column; gap:2px; flex:1; min-height:0; overflow-y:auto; }
body.an-v5 .v5-item{ display:flex; align-items:center; gap:10px; min-height:40px; padding:0 12px; border-radius:10px; font-size:13px; font-weight:600; color:var(--sb-active-fg); background:var(--sb-active-bg); }
body.an-v5 .v5-item .nv-ic,body.an-v5 .tab-ic{ display:inline-flex; width:16px; height:16px; flex:none; }
body.an-v5 .v5-item svg,body.an-v5 .tab-ic svg{ width:16px; height:16px; }
/* abas como sub-itens verticais (mesmo elemento #anTabs) */
body.an-v5 .an-tabs.sb-tabs{ display:flex; flex-direction:column; flex-wrap:nowrap; gap:2px; margin:4px 0 0 18px; padding:0 0 0 8px; border-bottom:0; border-left:1px solid var(--sb-sep); }
body.an-v5 .an-tabs.sb-tabs [role="tab"]{ display:flex; align-items:center; gap:10px; width:100%; min-height:36px; padding:0 12px; border-radius:8px; font-size:13px; font-weight:500; text-align:left; color:var(--sb-text); white-space:normal; }
body.an-v5 .an-tabs.sb-tabs [role="tab"] > .lbl-full,body.an-v5 .an-tabs.sb-tabs [role="tab"] > span:not(.tab-ic):not(.lbl-short){ display:inline; }
body.an-v5 .an-tabs.sb-tabs [role="tab"] > span::after{ content:none; }
body.an-v5 .an-tabs.sb-tabs [role="tab"] > span.lbl-short{ display:none; }
body.an-v5 .an-tabs.sb-tabs [role="tab"]:hover{ background:var(--sb-hover-bg); color:var(--sb-hover-fg); }
body.an-v5 .an-tabs.sb-tabs [role="tab"][aria-selected="true"]{ background:var(--sb-hover-bg); color:var(--sb-hover-fg); font-weight:600; box-shadow:inset 2px 0 0 var(--accent-strong); }
body.an-v5 .an-tabs.sb-tabs [role="tab"][aria-selected="true"]::after{ content:none; }
body.an-v5 .an-tabs.sb-tabs [role="tab"]:focus-visible{ outline:2px solid var(--accent-strong); outline-offset:-2px; }
body.an-v5 .sidebar-foot{ padding-top:12px; }
@media (max-width:640px){
  body.an-v5 .an-tabs.sb-tabs [role="tab"]{ min-height:44px; font-size:13px; }
  body.an-v5 .an-tabs.sb-tabs [role="tab"] > .lbl-full{ display:inline; }
  body.an-v5 .an-tabs.sb-tabs [role="tab"] > span.lbl-short{ display:none; }
}
