/* Usuario: side menu with the agreed minimal design (desktop). Mobile keeps user-menu-mobile. */
@layer wuim-user-sidebar {
 @media (min-width:1101px) {
  .app-shell > .sidebar.sidebar-user {--usb-bg:#fbfbfa;--usb-panel:#ffffff;--usb-text:#37352f;--usb-muted:#787774;--usb-line:#ededeb;--usb-hover:#f1f1ef;--usb-accent:#5b52f5;--usb-on-accent:#ffffff;--usb-tint:#eef0ff;--usb-tint-text:#4038c7;--usb-ok:#0e6b45;--usb-ok-bg:#e7f6ee;--usb-bad:#b42318;}
  html[data-theme="dark"] .app-shell > .sidebar.sidebar-user {--usb-bg:#111a2b;--usb-panel:#151f30;--usb-text:#edf2fa;--usb-muted:#a0aec2;--usb-line:#2c394c;--usb-hover:#1d2940;--usb-accent:#998dff;--usb-on-accent:#0b1220;--usb-tint:#29244b;--usb-tint-text:#c9c3ff;--usb-ok:#7be0b0;--usb-ok-bg:#12352a;--usb-bad:#ff8f85;}

  .app-shell > .sidebar.sidebar-user {background:var(--usb-bg)!important;border-right:1px solid var(--usb-line)!important;box-shadow:none!important;color:var(--usb-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;}

  /* Cabecera: menú · isotipo · tema · notificaciones */
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head {display:flex!important;align-items:center!important;gap:2px!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head > .brand {order:1!important;margin:0 auto 0 6px!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head > .brand img {height:18px!important;width:auto!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head > #themeToggle {order:2!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head > #userNotificationBell {order:3!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head > :is(#sidebarToggle,#themeToggle,#userNotificationBell) {position:relative!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--usb-muted)!important;box-shadow:none!important;}
  .sidebar-user .sidebar-head > :is(#sidebarToggle,#themeToggle,#userNotificationBell):hover {background:var(--usb-hover)!important;color:var(--usb-text)!important;}
  .sidebar-user .sidebar-head > :is(#sidebarToggle,#themeToggle,#userNotificationBell):focus-visible {outline:2px solid var(--usb-accent)!important;outline-offset:1px!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-head > #themeToggle .sidebar-theme-toggle-dot {width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:inherit!important;}
  .sidebar-user .sidebar-head svg {width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  .sidebar-user #userNotificationBell [data-user-notification-count]:not([hidden]) {position:absolute!important;top:3px!important;right:2px!important;min-width:15px!important;height:15px!important;padding:0 4px!important;border-radius:999px!important;border:2px solid var(--usb-bg)!important;background:var(--usb-bad)!important;color:#fff!important;font-size:9px!important;font-weight:700!important;line-height:11px!important;}
  .sidebar-user .sidebar-head:has(~ .sidebar-scroll [data-user-credit-mirror]) > #userCreditBalanceChip {display:none!important;}

  /* Perfil y créditos */
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-profile.usb-profile {display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-areas:"avatar name" "avatar label" "credits credits"!important;column-gap:10px!important;row-gap:0!important;align-items:center!important;margin:8px 0 10px!important;padding:10px 12px 0!important;border:1px solid var(--usb-line)!important;border-radius:10px!important;background:var(--usb-panel)!important;box-shadow:none!important;overflow:hidden!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > .usb-avatar {grid-area:avatar!important;width:30px!important;height:30px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--usb-hover)!important;color:var(--usb-text)!important;font-size:12px!important;font-weight:600!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > .sidebar-profile-top {grid-area:name!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-width:0!important;margin:0!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > .sidebar-profile-top strong {min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13.5px!important;font-weight:600!important;line-height:1.35!important;color:var(--usb-text)!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > span:not(.usb-avatar) {grid-area:label!important;margin:0!important;color:var(--usb-muted)!important;font-size:11.5px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;line-height:1.35!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > .usb-credits {grid-area:credits!important;display:flex!important;align-items:center!important;gap:8px!important;width:calc(100% + 24px)!important;min-height:36px!important;margin:10px -12px 0!important;padding:8px 12px!important;border:0!important;border-top:1px solid var(--usb-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--usb-text)!important;font-size:12.5px!important;font-weight:400!important;text-align:left!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > button.usb-credits {cursor:pointer!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > button.usb-credits:hover {background:var(--usb-hover)!important;}
  body:not(.sidebar-collapsed) .sidebar-user .usb-profile > button.usb-credits:focus-visible {outline:2px solid var(--usb-accent)!important;outline-offset:-2px!important;}
  .sidebar-user .usb-credits > * {margin:0!important;font-size:12.5px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4!important;}
  .sidebar-user .usb-credits > span:first-child {color:var(--usb-muted)!important;font-weight:400!important;}
  .sidebar-user .usb-credits > strong {font-weight:600!important;font-variant-numeric:tabular-nums!important;color:var(--usb-text)!important;}
  .sidebar-user .usb-credits > strong.is-negative {color:var(--usb-bad)!important;}
  .sidebar-user .usb-credits-cta {margin-left:auto!important;color:var(--usb-accent)!important;font-weight:500!important;}
  body.sidebar-collapsed .sidebar-user .usb-profile > :is(.usb-avatar,.usb-credits) {display:none!important;}

  /* Grupos */
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-section-toggle {display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:0!important;margin:0!important;padding:12px 10px 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--usb-muted)!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-section-toggle:hover {color:var(--usb-text)!important;background:transparent!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-section-toggle svg {width:14px!important;height:14px!important;stroke-width:1.6!important;}

  /* Entradas */
  .sidebar-user .sidebar-nav .nav-item {color:var(--usb-muted)!important;border-radius:7px!important;box-shadow:none!important;background:transparent!important;font-weight:400!important;text-decoration:none!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-nav .nav-item {display:flex!important;align-items:center!important;gap:10px!important;min-height:34px!important;margin:1px 0!important;padding:7px 10px!important;font-size:13.5px!important;line-height:1.35!important;}
  .sidebar-user .sidebar-nav .nav-item:hover {background:var(--usb-hover)!important;color:var(--usb-text)!important;}
  .sidebar-user .sidebar-nav .nav-item.active {background:var(--usb-hover)!important;color:var(--usb-text)!important;font-weight:600!important;}
  .sidebar-user .sidebar-nav .nav-item:focus-visible {outline:2px solid var(--usb-accent)!important;outline-offset:-2px!important;}
  .sidebar-user .sidebar-nav .nav-item .nav-label {color:inherit!important;font-weight:inherit!important;}
  .sidebar-user .sidebar-nav .nav-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;flex:none!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--usb-muted)!important;}
  .sidebar-user .sidebar-nav .nav-icon svg {width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  .sidebar-user .sidebar-nav .nav-item:hover .nav-icon {color:var(--usb-text)!important;}
  .sidebar-user .sidebar-nav .nav-item.active .nav-icon {color:var(--usb-accent)!important;}
  .sidebar-user .sidebar-nav .nav-item.active .nav-icon svg {stroke-width:1.8!important;}
  .sidebar-user .sidebar-nav .nav-count-badge:not(.is-hidden):not([hidden]) {min-width:20px!important;height:20px!important;padding:0 6px!important;margin-left:auto!important;border:0!important;border-radius:999px!important;background:var(--usb-accent)!important;color:var(--usb-on-accent)!important;font-size:11px!important;font-weight:600!important;box-shadow:none!important;}
  .sidebar-user .sidebar-nav .nav-presence-badge {padding:1px 7px!important;border:0!important;border-radius:999px!important;font-size:10.5px!important;font-weight:600!important;background:var(--usb-hover)!important;color:var(--usb-muted)!important;}
  .sidebar-user .sidebar-nav .nav-presence-badge.is-online {background:var(--usb-ok-bg)!important;color:var(--usb-ok)!important;}

  /* Cerrar sesión */
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-action {padding-top:14px!important;border-top:0!important;background:transparent!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-action #logout {width:100%!important;min-height:36px!important;padding:0 12px!important;border:1px solid var(--usb-line)!important;border-radius:8px!important;background:transparent!important;color:var(--usb-text)!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important;}
  body:not(.sidebar-collapsed) .sidebar-user .sidebar-action #logout:hover {background:var(--usb-hover)!important;}
 }
}