/* ============================================================
   TEMA v2 · 74 · USUARIOS  ·  gestión de equipo
   Azul. Cada cuenta es una fila con avatar, rol y estado a la vista.
   ============================================================ */
#view[data-route="usuarios"] .page-title { background: var(--hdr); }
#view[data-route="usuarios"] .toolbar .btn-primary { min-height: 50px; padding: 0 24px; }
#view[data-route="usuarios"] table.data tbody td:first-child { font-weight: 750; font-size: 16px; position: relative; padding-left: 74px; min-height: 64px; }
#view[data-route="usuarios"] table.data tbody td:first-child::before {
  content: ""; position: absolute; left: 16px; top: 50%; width: 42px; height: 42px; margin-top: -21px; border-radius: 50%;
  background: var(--accent-solid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center / 22px no-repeat;
  box-shadow: 0 0 0 4px var(--accent-soft);
}
#view[data-route="usuarios"] table.data tbody td:nth-child(2) { color: var(--text-muted); font-weight: 650; }
#view[data-route="usuarios"] .badge-info { background: var(--info-solid); color: #fff; border-color: transparent; }
#view[data-route="usuarios"] .badge-muted { background: var(--surface); }
#view[data-route="usuarios"] .badge-ok { background: var(--ok-solid); color: #f4fff8; border-color: transparent; }
#view[data-route="usuarios"] .badge-danger { background: var(--danger-solid); color: #fff; border-color: transparent; }
#view[data-route="usuarios"] table.data tbody tr:hover td { background: var(--accent-soft); }
@media (max-width: 640px) { #view[data-route="usuarios"] table.data tbody td:first-child { padding-left: 0; } #view[data-route="usuarios"] table.data tbody td:first-child::before { display: none; } }