/* ================================================================
   APP TIENDA · V11 ADMINISTRADOR
   Pulido administrativo: Inicio, periodo, Usuarios y permisos.
   Solo capa visual / interacción de frontend.
   ================================================================ */
body.v10-admin.v11-admin{--v11-line:#34445a;--v11-panel:#202b39;--v11-panel-2:#253244;--v11-muted:#9fb0c5;--v11-text:#eef3f8}

/* Inicio admin: acciones compactas y menos altura desperdiciada */
body.v11-admin .v10-admin-actions{scrollbar-width:none}
body.v11-admin .v10-admin-actions::-webkit-scrollbar{display:none}
body.v11-admin .v10-admin-action{transition:transform .15s ease,border-color .15s ease,background .15s ease}
body.v11-admin .v10-admin-action:active{transform:scale(.98)}

/* Consultar otro periodo: útil, pero no debe dominar el Inicio en móvil */
body.v11-admin #home .finance-summary-card.v11-period-panel{position:relative}
body.v11-admin #v11PeriodToggle{display:none;width:100%;justify-content:space-between;align-items:center;text-align:left;margin:8px 0;padding:11px 13px;border-radius:13px}
body.v11-admin #v11PeriodToggle span{display:grid;gap:2px}
body.v11-admin #v11PeriodToggle strong{font-size:.72rem}
body.v11-admin #v11PeriodToggle small{font-size:.56rem;color:#64748b;font-weight:600}
body.v11-admin #v11PeriodToggle b{font-size:1rem;transition:transform .2s ease}
body.v11-admin #v11PeriodToggle.is-open b{transform:rotate(180deg)}
body.v11-admin #home .finance-summary-card .v11-period-note{margin:8px 0 0;font-size:.58rem;color:#64748b}

/* Dark mode: el bloque de periodo no debe regresar a tarjetas blancas */
body.v11-admin.lab-theme-dark #home .finance-summary-card,
body.v11-admin.lab-theme-dark #home .finance-summary-card .summary-card,
body.v11-admin.lab-theme-dark #home .finance-summary-card .activity-list,
body.v11-admin.lab-theme-dark #home .finance-summary-card .compact-filter,
body.v11-admin.lab-theme-dark #home .finance-summary-card .custom-range{
  background:linear-gradient(180deg,#222c3a 0%,#1f2835 100%)!important;
  border-color:#34445a!important;color:#e8edf4!important
}
body.v11-admin.lab-theme-dark #home .finance-summary-card .summary-card strong{color:#f8fafc!important}
body.v11-admin.lab-theme-dark #home .finance-summary-card .summary-card span,
body.v11-admin.lab-theme-dark #home .finance-summary-card .summary-card small,
body.v11-admin.lab-theme-dark #home .finance-summary-card .v11-period-note{color:#9fb0c5!important}
body.v11-admin.lab-theme-dark #v11PeriodToggle{background:#202b39!important;border-color:#34445a!important;color:#f8fafc!important}
body.v11-admin.lab-theme-dark #v11PeriodToggle small{color:#9fb0c5!important}

/* Usuarios: reemplazar la tabla móvil por un panel realmente utilizable */
body.v11-admin #users .section-card{overflow:visible}
body.v11-admin #users .section-head{align-items:center;gap:10px}
body.v11-admin #users .section-head h2{margin-bottom:2px}
body.v11-admin #users .permission-legend{margin:7px 0 10px}
.v11-users-dashboard{display:grid;gap:9px;margin-top:10px}
.v11-users-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.v11-users-stat{padding:8px 9px;border:1px solid #dbe3ef;border-radius:11px;background:#f8fafc;min-width:0}
.v11-users-stat span{display:block;font-size:.55rem;color:#64748b;font-weight:800}
.v11-users-stat strong{display:block;margin-top:2px;font-size:.9rem;color:#0f172a}
.v11-users-tools{display:flex;gap:7px;align-items:center}
.v11-users-search{display:flex;align-items:center;gap:7px;flex:1;border:1px solid #dbe3ef;border-radius:11px;background:#fff;padding:0 9px;min-width:0}
.v11-users-search input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:38px!important;padding:7px 0!important;width:100%}
.v11-users-list{display:grid;gap:7px}
.v11-user-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.035)}
.v11-user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef2ff;color:#3730a3;font-size:.8rem;font-weight:900}
.v11-user-main{min-width:0}.v11-user-title{display:flex;align-items:center;gap:6px;min-width:0}.v11-user-title strong{font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-user-state{padding:2px 6px;border-radius:999px;font-size:.48rem;font-weight:900}.v11-user-state.ok{background:#dcfce7;color:#166534}.v11-user-state.off{background:#fee2e2;color:#991b1b}
.v11-user-main small{display:block;margin-top:2px;color:#64748b;font-size:.55rem}.v11-user-main p{margin:3px 0 0;color:#475569;font-size:.54rem}
.v11-user-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:#64748b;font-size:.65rem}

/* V10 tenía una lista auxiliar que podía quedarse oculta; V11 usa una sola lista */
body.v11-admin #v10UsersTop,body.v11-admin #v10UsersCards{display:none!important}

/* Modal de usuario: grupos plegables, resumen y guardado siempre accesible */
body.v11-admin #userDialog .dialogform{position:relative}
body.v11-admin #userDialog .permission-heading{margin-top:4px}
.v11-permission-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
.v11-permission-summary>div{padding:7px 8px;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc}
.v11-permission-summary span{display:block;font-size:.5rem;color:#64748b;font-weight:800}.v11-permission-summary strong{display:block;margin-top:1px;font-size:.8rem}
.v11-permission-tools{display:flex;justify-content:flex-end;gap:6px;margin:0 0 7px}.v11-permission-tools button{padding:6px 8px!important;font-size:.55rem!important}
body.v11-admin #userDialog .permission-group{padding:0!important;overflow:hidden!important}
body.v11-admin #userDialog .permission-group h4{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0!important;padding:9px 10px!important;cursor:pointer;user-select:none;border-bottom:0!important;background:#f1f5f9!important;color:#334155!important}
body.v11-admin #userDialog .permission-group h4::after{content:'⌄';font-size:.8rem;transition:transform .18s ease;color:#64748b}
body.v11-admin #userDialog .permission-group.is-collapsed h4::after{transform:rotate(-90deg)}
body.v11-admin #userDialog .permission-group.is-collapsed .permission-row{display:none!important}
body.v11-admin #userDialog .permission-group h4 .v11-group-count{margin-left:auto;margin-right:4px;padding:2px 6px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.48rem;letter-spacing:0;text-transform:none}
body.v11-admin #userDialog .permission-row{padding:8px 10px!important}
body.v11-admin #userDialog #sellerPermissionsWrap>button[type="submit"],
body.v11-admin #userForm>button[type="submit"]{position:sticky;bottom:0;z-index:4;width:100%;margin-top:10px;box-shadow:0 -8px 20px rgba(15,23,42,.08)}

/* Corrige el rectángulo blanco de encabezados de permisos en modo oscuro */
body.v11-admin.lab-theme-dark #userDialog .permission-group h4{background:#263346!important;color:#e8edf4!important;border-color:#34445a!important}
body.v11-admin.lab-theme-dark #userDialog .permission-group h4::after{color:#9fb0c5!important}
body.v11-admin.lab-theme-dark #userDialog .permission-group h4 .v11-group-count{background:#34445a;color:#cbd5e1}
body.v11-admin.lab-theme-dark .v11-permission-summary>div,
body.v11-admin.lab-theme-dark .v11-users-stat,
body.v11-admin.lab-theme-dark .v11-users-search,
body.v11-admin.lab-theme-dark .v11-user-card{background:#202b39!important;border-color:#34445a!important;color:#eef3f8!important}
body.v11-admin.lab-theme-dark .v11-permission-summary span,
body.v11-admin.lab-theme-dark .v11-users-stat span,
body.v11-admin.lab-theme-dark .v11-user-main small,
body.v11-admin.lab-theme-dark .v11-user-main p{color:#9fb0c5!important}
body.v11-admin.lab-theme-dark .v11-permission-summary strong,
body.v11-admin.lab-theme-dark .v11-users-stat strong,
body.v11-admin.lab-theme-dark .v11-user-title strong{color:#f8fafc!important}
body.v11-admin.lab-theme-dark .v11-user-avatar{background:#303956;color:#c7d2fe}
body.v11-admin.lab-theme-dark .v11-users-search input{color:#f8fafc!important}
body.v11-admin.lab-theme-dark .v11-user-empty{border-color:#34445a;color:#9fb0c5}

@media(max-width:820px){
  body.v11-admin #users .tablewrap{display:none!important}
  body.v11-admin #users .permission-legend{display:none!important}
  body.v11-admin #v11PeriodToggle{display:flex}
  body.v11-admin #home .finance-summary-card.v11-period-panel{display:none}
  body.v11-admin #home .finance-summary-card.v11-period-panel.v11-expanded{display:block}
  body.v11-admin .v10-admin-actions{display:flex!important;overflow-x:auto;gap:6px;padding-bottom:2px;scroll-snap-type:x proximity}
  body.v11-admin .v10-admin-action{flex:0 0 92px!important;min-height:54px!important;display:grid!important;grid-template-columns:30px 1fr!important;scroll-snap-align:start}
  body.v11-admin .v10-admin-action small{display:none!important}
  body.v11-admin .v10-admin-action:last-child{grid-column:auto!important}
  .v11-users-dashboard{display:grid}
}
@media(max-width:480px){
  body.v11-admin .v10-admin-metric small{display:none}
  body.v11-admin .v10-admin-metric{min-height:58px}
  body.v11-admin .v10-admin-actions{margin-top:-1px}
  .v11-users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v11-user-card{grid-template-columns:32px minmax(0,1fr) auto;padding:8px}.v11-user-avatar{width:32px;height:32px}
  .v11-user-edit{padding:6px 8px!important;font-size:.55rem!important}
  body.v11-admin #userDialog .dialogform{max-height:94dvh!important;overflow:auto!important;padding-bottom:8px!important}
  body.v11-admin #userDialog .dialog-title{position:sticky;top:0;z-index:5;margin:-1px -1px 8px;padding:6px 1px 8px;background:inherit}
  body.v11-admin #userDialog .permission-matrix{gap:7px!important}
  body.v11-admin #userDialog .permission-row{grid-template-columns:1fr!important;gap:5px!important}
  .v11-permission-summary{position:sticky;top:47px;z-index:3;background:inherit;padding:4px 0;margin:4px 0 6px}
}