/* GT 2026-11-09 — estilos críticos, navegación compacta y renderizado fluido.
   Cargado en HEAD después de los estilos por página y la capa responsiva. */

/* Barra de búsqueda: acciones en extremos opuestos, con botón de filtros a la derecha */
body.role-admin .gt-filter-toolbar .gt-filter-main,
body.role-cliente .gt-filter-toolbar .gt-filter-main {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  column-gap:10px!important;
}
:is(body.role-admin,body.role-cliente) .gt-filter-main > .gt-filter-trigger {
  margin-left:auto!important;
  flex-shrink:0!important;
}
:is(body.role-admin,body.role-cliente) .gt-filter-main > :is(label,.search-box,.influencer-search){
  margin-right:auto!important;
}
@media(max-width:720px){
  body.role-admin .catalog-app-redesign .catalog-intro,
  body.role-admin .tournament-intro-redesign {
    display:block!important;margin:0 0 9px!important;
  }
  body.role-admin .catalog-app-redesign .catalog-primary-actions,
  body.role-admin .tournament-admin-actions {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;width:100%!important;max-width:100%!important;
    justify-content:stretch!important;align-items:stretch!important;
  }
  body.role-admin .catalog-app-redesign :is(.catalog-sync-actions,.catalog-create-actions),
  body.role-admin .tournament-admin-secondary-actions {
    display:contents!important;
  }
  body.role-admin .catalog-app-redesign .catalog-primary-actions .btn,
  body.role-admin .tournament-admin-actions .btn {
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:41px!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
    line-height:1.15!important;padding:7px 8px!important;text-align:center;
    justify-content:center!important;
  }
}
/* Botones únicos: la misma dimensión que "Envío directo" */
body.role-admin .wa-intro-compact {
  display:flex!important;justify-content:flex-end!important;
  align-items:center!important;min-height:0!important;
  margin:0 0 9px!important;padding:0!important;gap:0!important;
}
body.role-admin .wa-intro-compact>div{display:none!important}
body.role-admin .wa-intro-compact>[data-refresh-whatsapp] {
  display:inline-flex!important;width:auto!important;max-width:100%!important;
  min-width:0!important;min-height:36px!important;height:36px!important;
  padding:0 13px!important;justify-content:center!important;
  font-size:.73rem!important;border-radius:10px!important;
  margin-left:auto!important;
}
body.role-admin .influencers-app>.influencer-create {
  display:inline-flex!important;width:max-content!important;max-width:100%!important;
  min-height:36px!important;height:36px!important;
  padding:0 13px!important;justify-self:end!important;margin:0 0 8px auto!important;
  gap:7px!important;font-size:.77rem!important;border-radius:10px!important;
  box-shadow:0 7px 18px rgba(148,51,226,.12);
}
body.role-admin .influencers-app>.influencer-create .ui-icon{width:17px;height:17px}

/* Tarjetas de indicadores: mismo esquema visual que dashboard/cupones */
body.role-admin .influencer-summary{gap:10px!important}
body.role-admin .influencer-summary article {
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  justify-content:center;min-width:0;min-height:88px!important;
  gap:5px!important;padding:12px 14px!important;border-radius:17px!important;
  border:1px solid var(--line)!important;
  background:var(--surface-solid)!important;
  box-shadow:0 9px 23px rgba(0,0,0,.09)!important;
}
body.role-admin .influencer-summary article::after {
  content:"";position:absolute;right:-31px;bottom:-42px;z-index:-1;
  width:90px;height:90px;border-radius:50%;background:rgba(123,44,255,.13);
}
body.role-admin .influencer-summary article:nth-child(2)::after{background:rgba(26,210,143,.14)}
body.role-admin .influencer-summary article:nth-child(3)::after{background:rgba(239,68,102,.10)}
body.role-admin .influencer-summary article:nth-child(4)::after{background:rgba(22,220,244,.13)}
body.role-admin .influencer-summary article span{
  color:var(--muted)!important;font-size:.71rem!important;font-weight:750;
}
body.role-admin .influencer-summary article strong{
  font:850 1.52rem/1.12 Rajdhani,Inter,sans-serif!important;color:var(--text)!important;
}
body.role-admin .influencer-summary article:nth-child(2) strong{color:#13ac7d!important}
body.role-admin .influencer-summary article:nth-child(3) strong{color:#d34b6d!important}
body.role-admin .influencer-summary article:nth-child(4) strong{color:var(--cyan)!important}
@media(max-width:720px){
  body.role-admin .influencer-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.role-admin .influencer-summary article{min-height:78px!important;padding:10px 11px!important}
  body.role-admin .influencer-summary article strong{font-size:1.28rem!important}
}

/* Mantenimiento: indicadores horizontales en PC, sin repetir el encabezado */
body.role-admin .renew-service-app{gap:12px!important}
body.role-admin .renew-service-app>.renew-page-intro{display:none!important}
body.role-admin .renew-service-hero{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body.role-admin .renew-service-hero>.renew-hero-card{
  padding:0!important;border:0!important;background:transparent!important;
  border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
body.role-admin .renew-service-hero>.renew-hero-card::after{display:none!important}
body.role-admin .renew-service-hero .renew-metrics{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;margin:0!important;
}
body.role-admin .renew-service-hero .renew-metric{
  position:relative;isolation:isolate;overflow:hidden;
  min-width:0;min-height:98px!important;padding:12px 14px!important;
  border:1px solid var(--line)!important;border-radius:17px!important;
  background:var(--surface-solid)!important;box-shadow:0 9px 23px rgba(0,0,0,.08)!important;
  gap:5px!important;
}
body.role-admin .renew-service-hero .renew-metric::after {
  content:"";position:absolute;right:-33px;bottom:-42px;
  z-index:-1;width:90px;height:90px;border-radius:50%;
  background:rgba(123,44,255,.12);
}
body.role-admin .renew-service-hero .renew-metric:nth-child(2)::after{background:rgba(250,192,36,.13)}
body.role-admin .renew-service-hero .renew-metric:nth-child(3)::after{background:rgba(26,210,143,.13)}
body.role-admin .renew-service-hero .renew-metric:nth-child(4)::after{background:rgba(22,220,244,.13)}
body.role-admin .renew-service-hero .renew-metric strong{font-size:1.22rem!important;line-height:1.13!important}
body.role-admin .renew-service-hero .renew-metric small{font-size:.68rem!important;line-height:1.3!important}
body.role-admin .renew-service-status-card{
  min-height:70px!important;padding:12px 16px!important;
  border-radius:17px!important;gap:9px!important;
}
body.role-admin .renew-service-status-card .renew-status-main{gap:8px!important}
body.role-admin .renew-service-status-card strong{font-size:1.32rem!important}
body.role-admin .renew-service-status-card p{font-size:.76rem!important;line-height:1.4}
body.role-admin .renew-service-payment-panel{gap:12px!important}
body.role-admin .renew-service-payment-card,
body.role-admin .renew-service-info-card{padding:15px!important;border-radius:17px!important}
@media (max-width:1090px){
  body.role-admin .renew-service-hero .renew-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  body.role-admin .renew-service-hero .renew-metric{min-height:82px!important;padding:9px 10px!important}
  body.role-admin .renew-service-hero .renew-metric strong{font-size:1.04rem!important}
  body.role-admin .renew-service-status-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
}

/* Menor coste de composición durante scroll: preservar fondos y contraste.
   Desactivar blur de superficies grandes, no de modales ni controles de seguridad. */
body.store-public-body :is(
  .store-category-card,.store-subcategory-card,.store-product-card,
  .store-product-grid-simple .store-product-choice,
  .store-verification-redesign,.store-inline-checkout,
  .store-subcategory-view.has-game-cover .store-category-card,
  .store-product-view.has-game-cover .store-player-verification
){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.store-public-body .store-product-view.has-game-cover .store-inline-checkout{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
@media (max-width:1100px), (pointer:coarse){
  body.store-public-body .store-subcategory-view.has-game-cover,
  body.store-public-body .store-product-view.has-game-cover{
    background-attachment:scroll,scroll,scroll!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .wa-view{animation:none!important}
  .store-category-card,.store-product-choice,.influencer-card,.client-card{
    transition:none!important;
  }
}
/* Progreso discreto de la carga por lotes dentro del panel deslizable */
.notification-batch-status{
  display:block;width:100%;padding:8px 9px 10px;
  text-align:center;color:var(--muted);font-size:.67rem;line-height:1.35;
}
.notification-batch-status[hidden]{display:none!important}