/* GT · Responsividad compartida 2026-11-09. Hoja al final del documento. */
:root{--sidebar-width:228px;--header-height:68px}
.web-sidebar{padding:14px 11px;gap:11px}
.web-sidebar .sidebar-brand{gap:9px;padding:2px 6px 8px}
.web-sidebar .sidebar-brand img{width:41px;height:41px;border-radius:12px}
.web-sidebar .sidebar-brand strong{font-size:1.13rem}
.web-sidebar .sidebar-brand small{font-size:.65rem;margin-top:4px}
.web-sidebar .sidebar-context{padding:9px 11px;border-radius:12px}
.web-sidebar .sidebar-nav{gap:3px}
.web-sidebar .nav-link{min-height:36px;padding:0 10px;gap:10px;border-radius:10px;font-size:.82rem}
.web-sidebar .nav-link .ui-icon{width:18px;height:18px}
.web-sidebar .nav-link.is-active::before{height:20px}
.web-sidebar .nav-logout-separator{margin:5px 9px}
.web-sidebar .sidebar-promo.whatsapp-invite-card{min-height:65px;padding:9px 10px!important;border-radius:15px;grid-template-columns:35px minmax(0,1fr);gap:8px}
.web-sidebar .whatsapp-invite-card .promo-icon{display:grid;width:34px;height:34px;border-radius:10px}
.web-sidebar .whatsapp-invite-card .promo-kicker{font-size:.59rem;letter-spacing:.05em}
.web-sidebar .whatsapp-invite-card strong{font-size:.88rem;margin:0}
.app-drawer{width:min(86vw,320px)}
body:not(.client-shell) .site-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-inline:20px}
.header-search{display:none!important}
.site-header .header-actions{gap:7px}
.site-header .header-actions .icon-button,.site-header .header-actions .notification-button{width:37px;height:37px;border-radius:11px}
.site-header .header-actions .ui-icon{width:19px;height:19px}
@media(min-width:961px){
 .page-shell{padding:calc(var(--header-height) + 18px) clamp(14px,2vw,24px) 26px}
 body.role-admin,body.is-pwa.role-admin{padding-bottom:0}
 body.role-admin .page-shell,body.is-pwa.role-admin .page-shell{padding-bottom:26px}
 body.role-admin .app-bottom-nav,body.role-cliente .app-bottom-nav{display:none!important}
 body.is-pwa:is(.role-admin,.role-cliente) .web-sidebar{display:flex;transform:none}
 body.is-pwa:is(.role-admin,.role-cliente) .site-header{left:var(--sidebar-width);padding:0 20px;grid-template-columns:minmax(0,1fr) auto}
 body.is-pwa:is(.role-admin,.role-cliente) .page-shell{margin-left:var(--sidebar-width);padding-left:clamp(14px,2vw,24px);padding-right:clamp(14px,2vw,24px)}
 body.is-pwa:is(.role-admin,.role-cliente) .browser-menu-button,body.is-pwa:is(.role-admin,.role-cliente) .app-menu-button{display:none}
}
@media(min-width:721px) and (max-width:960px){.page-shell{padding:calc(var(--header-height) + 16px) 18px 24px}body:not(.client-shell) .site-header{padding-inline:17px}}
@media(max-width:720px){
 body.role-admin{--header-height:60px}
 body:not(.client-shell) .site-header{padding-inline:10px;gap:8px}
 body.role-admin .site-header .header-actions .icon-button,body.role-admin .site-header .header-actions .notification-button{width:34px;height:34px;border-radius:10px}
 .app-drawer{width:min(92vw,315px);padding:14px}
 .app-drawer .nav-link{min-height:42px}
 body.role-admin .page-shell{padding-top:calc(var(--header-height) + 14px)}
}
/* Los overlays siguen cerrándose con sus eventos originales. */
:is(.notification-modal,.whatsapp-invite-modal,.catalog-modal-layer,.clients-modal-layer,
 .tournament-modal-layer,.order-modal-layer,.wa-modal-layer,.coupon-modal-layer,
 .influencer-modal-layer,.influencer-confirm-layer,.store-modal-layer,
 .settings-confirm-modal,.pinxtore-browser-modal,.operation-receipt-modal):not([hidden]){
 padding:0!important;place-items:stretch end!important;align-items:stretch!important;justify-content:end!important
}
.modal-backdrop.is-open{padding:0!important;align-items:stretch!important;justify-content:flex-end!important}
:is(.notification-dialog,.whatsapp-invite-dialog,.catalog-modal,.clients-modal,.tournament-modal,
 .order-modal,.wa-modal,.coupon-modal,.influencer-modal,.store-modal,.settings-confirm-dialog,
 .gt-modal,.pinxtore-browser-dialog,.operation-receipt-dialog){
 box-sizing:border-box;position:relative;width:min(480px,48vw)!important;max-width:100vw!important;
 height:100dvh!important;max-height:100dvh!important;margin:0!important;
 border-radius:20px 0 0 20px!important;animation:gtPanelSlide .24s ease both!important;
 overscroll-behavior:contain
}
.notification-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden!important}
.notification-dialog-body{min-height:0;overflow-y:auto!important;scrollbar-width:thin}
:is(.whatsapp-invite-dialog,.catalog-modal,.clients-modal,.tournament-modal,.order-modal,
 .wa-modal,.coupon-modal,.influencer-modal,.store-modal,.settings-confirm-dialog,
 .gt-modal,.pinxtore-browser-dialog){overflow-y:auto!important}
:is(.catalog-modal-body,.clients-modal-body,.tournament-modal-body,.order-modal-body,.wa-modal-body){
 max-height:calc(100dvh - 82px)!important;overflow-y:auto;overscroll-behavior:contain
}
.operation-receipt-dialog{width:min(560px,55vw)!important;overflow:hidden}
.operation-receipt-viewport{min-height:0;overflow:auto}
@keyframes gtPanelSlide{from{opacity:.7;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:720px){
 :is(.notification-dialog,.whatsapp-invite-dialog,.catalog-modal,.clients-modal,.tournament-modal,
  .order-modal,.wa-modal,.coupon-modal,.influencer-modal,.store-modal,.settings-confirm-dialog,
  .gt-modal,.pinxtore-browser-dialog,.operation-receipt-dialog){
  width:100vw!important;max-width:100vw!important;height:100dvh!important;
  max-height:100dvh!important;border-radius:0!important
 }
 :is(.catalog-modal-body,.clients-modal-body,.tournament-modal-body,.order-modal-body,.wa-modal-body){
  max-height:calc(100dvh - 75px)!important;padding-bottom:max(18px,env(safe-area-inset-bottom))
 }
 .notification-dialog>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .whatsapp-invite-dialog form{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
 :is(.notification-dialog,.whatsapp-invite-dialog,.catalog-modal,.clients-modal,.tournament-modal,
  .order-modal,.wa-modal,.coupon-modal,.influencer-modal,.store-modal,
  .settings-confirm-dialog,.gt-modal,.pinxtore-browser-dialog,.operation-receipt-dialog){animation:none!important}
}
/* Dashboard administrativo */
body.role-admin #dashboardApp{--dashboard-table-height:535px;min-width:0}
body.role-admin #dashboardApp .dashboard-insights-layout{display:grid;grid-template-columns:1fr;gap:14px;min-width:0;align-items:stretch}
body.role-admin #dashboardApp .dashboard-table-panel{height:var(--dashboard-table-height);min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:19px}
body.role-admin #dashboardApp .dashboard-table-panel .dashboard-panel-head{flex:0 0 auto;min-height:64px;padding:13px 15px;align-items:center}
body.role-admin #dashboardApp .dashboard-table-panel .dashboard-eyebrow{font-size:.72rem;letter-spacing:.12em}
body.role-admin #dashboardApp .dashboard-table-panel .dashboard-panel-head p{font-size:.59rem}
body.role-admin #dashboardApp .dashboard-table-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.role-admin #dashboardApp .dashboard-table-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
body.role-admin #dashboardApp .dashboard-data-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.69rem;text-align:left}
body.role-admin #dashboardApp .dashboard-ranking-table{min-width:420px}
body.role-admin #dashboardApp .dashboard-activity-table{min-width:585px}
body.role-admin #dashboardApp .dashboard-data-table thead th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.035em;white-space:nowrap}
body.role-admin #dashboardApp .dashboard-data-table td{height:43px;min-width:0;padding:8px 10px;vertical-align:middle;border-bottom:1px solid var(--line);color:var(--text)}
body.role-admin #dashboardApp .dashboard-data-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-2) 45%,transparent)}
body.role-admin #dashboardApp .dashboard-data-table tbody tr:hover{background:color-mix(in srgb,var(--cyan) 6%,var(--surface-2))}
body.role-admin #dashboardApp .dashboard-ranking-table th:nth-child(1){width:44px}
body.role-admin #dashboardApp .dashboard-ranking-table th:nth-child(2){width:46%}
body.role-admin #dashboardApp .dashboard-ranking-table th:nth-child(3){width:72px;text-align:center}
body.role-admin #dashboardApp .dashboard-ranking-table th:nth-child(4){text-align:right}
body.role-admin #dashboardApp .dashboard-activity-table th:nth-child(1){width:21%}
body.role-admin #dashboardApp .dashboard-activity-table th:nth-child(2){width:26%}
body.role-admin #dashboardApp .dashboard-activity-table th:nth-child(3){width:17%}
body.role-admin #dashboardApp .dashboard-activity-table th:nth-child(4){width:17%}
body.role-admin #dashboardApp .dashboard-activity-table th:nth-child(5){width:19%;text-align:right}
body.role-admin #dashboardApp .dashboard-rank-number{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--cyan);background:var(--cyan-soft);font-weight:850}
body.role-admin #dashboardApp tr.is-gold .dashboard-rank-number{color:var(--yellow);background:rgba(255,210,28,.1)}
body.role-admin #dashboardApp tr.is-silver .dashboard-rank-number{color:var(--muted);background:var(--surface-2)}
body.role-admin #dashboardApp .dashboard-cell-client,body.role-admin #dashboardApp .dashboard-cell-product{display:flex;align-items:center;gap:8px;min-width:0}
body.role-admin #dashboardApp .dashboard-client-initials{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,var(--violet),var(--pink));color:#fff;font-size:.55rem;font-weight:800}
body.role-admin #dashboardApp .dashboard-cell-client strong,body.role-admin #dashboardApp .dashboard-cell-product span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}
body.role-admin #dashboardApp .dashboard-cell-count{text-align:center;font-weight:800}
body.role-admin #dashboardApp .dashboard-cell-product img{flex:0 0 auto;width:28px;height:28px;object-fit:contain;border-radius:7px;background:var(--surface-2);padding:2px}
body.role-admin #dashboardApp .dashboard-cell-order strong{color:var(--cyan);font-size:.59rem;overflow-wrap:anywhere}
body.role-admin #dashboardApp .dashboard-cell-date{color:var(--muted);font-size:.60rem}
body.role-admin #dashboardApp .dashboard-cell-money{text-align:right;white-space:nowrap}
body.role-admin #dashboardApp .dashboard-cell-money strong{color:var(--cyan);font-size:.70rem}
body.role-admin #dashboardApp .dashboard-cell-money small{display:block;color:var(--muted);font-size:.52rem;margin-top:2px}
body.role-admin #dashboardApp .dashboard-data-table .dashboard-state{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:.53rem;white-space:nowrap}
body.role-admin #dashboardApp .dashboard-table-empty{height:110px!important;text-align:center;color:var(--muted)!important}
body.role-admin #dashboardApp .dashboard-table-panel .dashboard-pagination{flex:0 0 auto;display:flex;justify-content:center;align-items:center;min-height:49px;padding:7px 10px;border-top:1px solid var(--line)}
body.role-admin #dashboardApp .dashboard-table-panel .dashboard-pagination[hidden]{display:none!important}
@media(min-width:1200px){body.role-admin #dashboardApp .dashboard-insights-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:961px){
 body.role-admin #dashboardApp .dashboard-summary-grid.dashboard-client-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px}
 body.role-admin #dashboardApp .dashboard-client-stat{min-height:92px}
}
@media(max-width:720px){
 body.role-admin #dashboardApp{--dashboard-table-height:465px}
 body.role-admin #dashboardApp .dashboard-insights-layout{gap:10px}
 body.role-admin #dashboardApp .dashboard-table-panel .dashboard-panel-head{min-height:59px;padding:10px 11px}
 body.role-admin #dashboardApp .dashboard-table-panel .dashboard-panel-head p{font-size:.55rem}
 body.role-admin #dashboardApp .dashboard-data-table td{padding:7px 8px}
 body.role-admin #dashboardApp .dashboard-data-table thead th{padding:10px 8px}
}

/* Las alertas viven dentro del header: elevar su contexto para cubrir la barra inferior. */
.site-header:has(.notification-modal:not([hidden])){z-index:1900!important}

/* Tienda pública: plantilla independiente del header y del footer compartido. */
.store-public-header:has(.notification-modal:not([hidden])){z-index:1900!important}
:is(.store-auth-layer,.store-tutorial-layer):not([hidden]){
 padding:0!important;place-items:stretch end!important;
 align-items:stretch!important;justify-content:end!important
}
:is(.store-auth-dialog,.store-tutorial-dialog){
 box-sizing:border-box;position:relative;width:min(480px,48vw)!important;max-width:100vw!important;
 height:100dvh!important;max-height:100dvh!important;margin:0!important;
 border-radius:20px 0 0 20px!important;overflow-y:auto!important;
 overscroll-behavior:contain;animation:gtPanelSlide .24s ease both!important
}
.store-modal .store-product-modal{grid-template-columns:minmax(0,1fr)!important;gap:12px}
.store-modal .store-product-modal-image{height:170px;max-width:100%}
@media(max-width:720px){
 :is(.store-auth-dialog,.store-tutorial-dialog){
  width:100vw!important;max-width:100vw!important;height:100dvh!important;
  max-height:100dvh!important;border-radius:0!important
 }
}
@media(prefers-reduced-motion:reduce){
 :is(.store-auth-dialog,.store-tutorial-dialog){animation:none!important}
}


/* GT 2026-11-09 · refinamiento de densidad, filtros y encabezados */

/* El fondo conserva color y nitidez; el panel sigue bloqueando clics externos. */
[class*="modal-backdrop"],.notification-modal-backdrop,
.whatsapp-invite-backdrop,.settings-confirm-backdrop,.store-auth-backdrop,
.store-tutorial-backdrop,.store-modal-backdrop,.login-guest-backdrop,
.coupon-confirm-backdrop,.influencer-modal-backdrop,.pinxtore-browser-backdrop,
.order-modal-backdrop,.catalog-modal-backdrop,.clients-modal-backdrop,
.tournament-modal-backdrop,.wa-modal-backdrop,.operation-receipt-modal{
 background:transparent!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
.notification-modal-backdrop,.whatsapp-invite-backdrop{box-shadow:none!important}

/* Controles compactos dentro de los paneles laterales, sin modificar formularios fuera de modales. */
:is(.order-modal,.catalog-modal,.clients-modal,.tournament-modal,.coupon-modal,.wa-modal,
 .whatsapp-invite-dialog,.gt-modal,.influencer-modal,.settings-confirm-dialog,
 .store-modal,.store-auth-dialog,.store-tutorial-dialog) :is(.input,.select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select){
 min-height:36px;max-width:100%;
 font-size:.78rem;
}
:is(.order-modal,.catalog-modal,.clients-modal,.tournament-modal,.coupon-modal,.wa-modal,
 .whatsapp-invite-dialog,.gt-modal,.influencer-modal,.settings-confirm-dialog,
 .store-modal,.store-auth-dialog) :is(.btn,button:not(.notification-dialog-close)):not(.direct-quantity-button){
 min-height:34px; padding:6px 11px; font-size:.72rem;
}
:is(.order-modal,.catalog-modal,.clients-modal,.tournament-modal,.coupon-modal,.wa-modal,
 .whatsapp-invite-dialog,.gt-modal,.influencer-modal,.settings-confirm-dialog,
 .store-auth-dialog) :is(.form-field,.wa-field,label):not(.direct-provider-card){min-width:0}
:is(.order-modal,.catalog-modal,.clients-modal,.tournament-modal,.coupon-modal,.wa-modal,
 .whatsapp-invite-dialog,.gt-modal,.influencer-modal) :is(.form-field,.wa-field) > :is(label,span,small){
 font-size:.69rem;line-height:1.35;
}
.order-modal-head,.catalog-modal-head,.clients-modal-head,.wa-modal-head,
.coupon-modal>header,.whatsapp-invite-dialog>header{
 min-height:54px!important;padding:10px 15px!important;gap:9px;
}
:is(.order-modal-head,.catalog-modal-head,.clients-modal-head,.wa-modal-head,.coupon-modal>header) h3{
 font-size:1.12rem!important;line-height:1.2;
}
:is(.order-modal-body,.catalog-modal-body,.clients-modal-body,.wa-modal-body){
 padding:12px 15px!important;max-height:calc(100dvh - 56px)!important;
}
.order-form,.wa-modal-form,.coupon-modal form{gap:10px}
.order-form-grid,.coupon-form-grid{gap:10px!important}
.order-form .form-field{gap:4px}
.order-form .form-field>label{font-size:.69rem}
.order-modal .modal-warning{
 padding:8px 10px;gap:9px;border-radius:11px;
}
.order-modal .modal-warning>span{width:27px;height:27px;border-radius:8px}
.order-modal .modal-warning strong{font-size:.72rem}
.order-modal .modal-warning p{font-size:.63rem;margin-top:3px;line-height:1.35}
.order-modal .direct-provider-grid{gap:7px}
.order-modal .direct-provider-card span{
 min-height:57px;padding:9px 10px;gap:3px;border-radius:11px
}
.order-modal .direct-provider-card b{font-size:.82rem}
.order-modal .direct-provider-card small{font-size:.63rem;line-height:1.3}
.order-modal .direct-quantity-selector{
 grid-template-columns:40px minmax(66px,96px) 40px;
 padding:3px;gap:5px;border-radius:11px;
}
.order-modal .direct-quantity-button{height:36px;min-height:36px;font-size:1rem;border-radius:8px}
.order-modal .direct-quantity-input{height:36px;min-height:36px;font-size:.83rem}
.order-modal .order-modal-actions{padding-top:10px;margin-top:0}
:is(.catalog-modal,.clients-modal,.tournament-modal,.coupon-modal,.wa-modal) :is(.form-grid,.form-field,.modal-actions){gap:9px}
.coupon-modal form{padding:14px 16px}
.whatsapp-invite-dialog form{padding:14px 16px}
@media(max-width:720px){
 :is(.order-modal-body,.catalog-modal-body,.clients-modal-body,.wa-modal-body){
  max-height:calc(100dvh - 54px)!important;padding:12px 11px!important
 }
 .order-form-grid,.coupon-form-grid{grid-template-columns:1fr}
 .order-modal .direct-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .order-modal .direct-provider-card span{min-height:62px;padding:8px}
}

/* Notificaciones mucho más discretas; no se borra el texto (detalle accesible). */
.notification-dialog-head,.notification-dialog-head-compact{
 min-height:49px!important;padding:11px 13px 6px!important;
}
.notification-dialog-bulk{padding:1px 12px 6px!important}
.notification-dialog-bulk .notification-mark-all{min-height:29px!important;font-size:.61rem}
.notification-dialog-body{padding:6px 9px 8px!important}
.notification-modal-list{gap:5px!important;overflow-x:hidden}
.notification-modal-item{
 grid-template-columns:29px minmax(0,1fr) 28px!important;
 gap:7px!important;padding:7px 9px!important;
 min-height:0!important;border-radius:11px!important;
 box-shadow:none!important;
}
.notification-modal-icon{width:28px!important;height:28px!important;border-radius:9px!important;font-size:.69rem!important}
.notification-read-toggle{width:27px!important;height:27px!important}
.notification-modal-copy{min-width:0}
.notification-modal-copy strong{
 display:-webkit-box!important;-webkit-line-clamp:1;
 -webkit-box-orient:vertical;overflow:hidden!important;
 font-size:.71rem!important;line-height:1.3!important;
}
.notification-modal-copy time{font-size:.54rem!important;line-height:1.25}
.notification-modal-copy p{
 display:-webkit-box!important;-webkit-line-clamp:2;
 -webkit-box-orient:vertical;overflow:hidden!important;
 max-height:2.65em!important;margin:3px 0 4px!important;
 font-size:.61rem!important;line-height:1.3!important;
 white-space:normal!important;
}
.notification-modal-item-actions{gap:6px!important}
.notification-modal-item-actions :is(a,button){
 font-size:.60rem!important;line-height:1.2;
 white-space:nowrap!important;
}
.notification-dialog>footer{padding:10px 12px!important}

/* Búsqueda a ancho contenido, y panel de filtros reutilizando eventos originales. */
.gt-filter-toolbar{position:relative!important;overflow:visible!important;min-width:0}
.gt-filter-toolbar .gt-filter-main{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:9px!important;grid-template-columns:none!important;min-width:0;
}
.gt-filter-main > :is(label,.search-box,.influencer-search){
 flex:0 1 420px!important;width:min(420px,calc(100% - 114px))!important;
 min-width:0!important;max-width:420px!important;
}
.gt-filter-main input[type="search"]{min-width:0!important;width:100%!important;font-size:.79rem}
.gt-filter-trigger{
 flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
 height:39px;min-width:93px;padding:0 13px;
 border:1px solid rgba(22,220,244,.34);border-radius:11px;
 background:var(--surface-2);color:var(--cyan);
 font-size:.76rem;font-weight:800;cursor:pointer;
}
.gt-filter-trigger:hover,.gt-filter-trigger[aria-expanded="true"]{
 border-color:var(--cyan);background:var(--cyan-soft);
}
.gt-filter-trigger svg{flex:0 0 auto}
.gt-filter-popover[hidden]{display:none!important}
.gt-filter-popover{
 position:absolute!important;top:calc(100% + 5px);right:0;
 z-index:100;display:grid;gap:11px;align-content:start;
 width:min(370px,calc(100vw - 28px));max-height:min(68dvh,560px);
 padding:14px;border:1px solid var(--line);border-radius:16px;
 background:var(--surface-solid);color:var(--text);
 box-shadow:0 20px 50px rgba(0,0,0,.22);
 overflow-y:auto;overscroll-behavior:contain;
}
.gt-filter-title{font-size:.76rem;letter-spacing:.02em;color:var(--text)}
.gt-filter-popover :is(.operations-tabs,.operations-selects,.catalog-filter-row,
 .tournament-filter-row,.coupon-filter-row,.clients-filter-row,.influencer-filter-row){
 display:grid!important;grid-template-columns:1fr!important;
 width:100%!important;gap:8px!important;padding:0!important;margin:0!important;
 overflow:visible!important;
}
.gt-filter-popover .operations-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.gt-filter-popover .operations-tabs button{
 padding:0 8px;min-height:33px;width:100%;font-size:.7rem;border-color:var(--line)
}
.gt-filter-popover :is(select,.select){display:block;width:100%!important;max-width:100%;height:38px!important;min-height:38px;font-size:.75rem}
.gt-filter-popover :is(label,.operations-selects label){display:grid;min-width:0;gap:4px;font-size:.72rem}
.gt-filter-popover .operations-selects label>span{font-size:.69rem!important}
.gt-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:9px}
.gt-filter-reset{
 display:inline-flex!important;align-items:center;justify-content:center;
 width:auto!important;min-width:115px;min-height:30px!important;height:30px!important;
 padding:3px 9px!important;border-radius:9px!important;white-space:nowrap;
 font-size:.69rem!important;background:var(--surface-2)!important;color:var(--muted)!important;
}
.gt-filter-toolbar:is(.coupon-toolbar,.tournament-toolbar,.catalog-toolbar,.clients-toolbar){
 display:block!important;
}
.gt-filter-toolbar .gt-filter-created-top{display:flex;align-items:center;gap:9px}
.gt-filter-toolbar .redemptions-filters.gt-filter-main{display:flex!important;align-items:center;gap:9px}
.gt-filter-toolbar .redemptions-filters.gt-filter-main>.search-box{flex:0 1 420px!important}
@media(max-width:720px){
 .gt-filter-main > :is(label,.search-box,.influencer-search){
  flex:1 1 auto!important;width:0!important;max-width:none!important
 }
 .gt-filter-trigger{height:36px;min-width:84px;padding:0 9px;font-size:.70rem}
 .gt-filter-popover{right:0;width:min(360px,calc(100vw - 26px));padding:12px}
}

/* Un solo título: el de la barra superior. Las acciones no se ocultan. */
body.role-admin .operations-app{padding-top:2px!important}
body.role-admin .operations-intro-admin>div:first-child{display:none!important}
body.role-admin .operations-intro-admin{margin:0 0 9px!important;min-height:0!important;justify-content:flex-end}
body.role-admin .operations-direct-link{min-height:36px!important;padding-inline:13px!important;font-size:.74rem!important}
body.role-admin .catalog-app-redesign .catalog-intro,
body.role-admin .tournament-intro-redesign,
body.role-admin .coupon-intro-redesign,
body.role-admin .clients-intro-compact{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:9px!important;min-height:0!important;margin:0 0 9px!important;
 padding:0!important;
}
body.role-admin .catalog-intro>div:first-child,
body.role-admin .tournament-intro>div:first-child,
body.role-admin .coupon-intro>div:first-child,
body.role-admin .clients-intro>.clients-kicker,
body.role-admin .influencer-heading,
body.role-admin .settings-intro>.settings-kicker,
body.role-admin .renew-page-intro>.renew-kicker,
body.role-admin .redemptions-intro>.redemptions-kicker{
 display:none!important;
}
body.role-admin :is(.catalog-app,.tournament-app,.coupon-admin,.clients-app,
 .influencers-app,.redemptions-shell){gap:10px!important}
body.role-admin .catalog-app-redesign .catalog-primary-actions{
 display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
 justify-content:flex-end!important;width:auto!important;max-width:100%!important;gap:7px!important;
}
body.role-admin .catalog-app-redesign :is(.catalog-sync-actions,.catalog-create-actions){
 display:contents!important;
}
body.role-admin .catalog-app-redesign .catalog-primary-actions .btn,
body.role-admin .tournament-admin-actions .btn{
 width:auto!important;min-width:0!important;min-height:36px!important;
 padding:0 11px!important;font-size:.71rem!important;border-radius:10px!important;
 white-space:nowrap!important;line-height:1!important;
}
body.role-admin .catalog-app-redesign .catalog-primary-actions .btn .ui-icon,
body.role-admin .tournament-admin-actions .btn .ui-icon{width:15px;height:15px}
body.role-admin .tournament-admin-actions{
 display:flex!important;flex-flow:row nowrap!important;gap:7px!important;
 justify-content:flex-end!important;align-items:center!important;
 width:auto!important;max-width:100%!important;
}
body.role-admin .tournament-admin-secondary-actions{display:contents!important}
body.role-admin :is(.coupon-create-action,.clients-intro .intro-actions){display:flex!important;width:auto!important;gap:8px}
body.role-admin :is(.coupon-create-action,.clients-intro .intro-actions) .btn{
 width:auto!important;min-width:0!important;min-height:36px!important;
 padding:0 13px!important;font-size:.73rem!important;border-radius:10px!important;
}
body.role-admin .influencer-create{min-height:36px;padding:0 13px;font-size:.73rem}
body.role-admin .redemptions-intro{min-height:0!important;justify-content:flex-end!important;margin:0 0 8px!important}
body.role-admin .redemptions-intro .intro-actions{margin-left:auto}
body.role-admin .redemptions-intro .btn{min-height:36px;font-size:.73rem;padding:0 13px}
body.role-admin .wa-intro :is(.wa-eyebrow,.wa-intro-copy),
body.role-admin .profile-intro :is(.profile-kicker,.profile-description){display:none!important}
body.role-admin .wa-intro{min-height:0!important;padding:0!important;margin:0 0 9px!important;justify-content:flex-end!important}
body.role-admin .settings-intro{min-height:0!important;padding:0!important;margin:0!important}
body.role-admin .renew-page-intro{min-height:0!important;margin:0 0 8px!important}
@media(max-width:1060px){
 body.role-admin .catalog-app-redesign .catalog-primary-actions,
 body.role-admin .tournament-admin-actions{flex-wrap:wrap!important}
}
@media(max-width:720px){
 body.role-admin .catalog-app-redesign .catalog-primary-actions,
 body.role-admin .tournament-admin-actions{justify-content:flex-start!important}
 body.role-admin .catalog-app-redesign .catalog-primary-actions .btn,
 body.role-admin .tournament-admin-actions .btn{font-size:.65rem!important;min-height:34px!important}
 body.role-admin .catalog-app-redesign .catalog-intro,
 body.role-admin .tournament-intro-redesign{justify-content:flex-start!important}
}

/* KPI de cupones con el mismo lenguaje visual que Historial de operaciones. */
body.role-admin .coupon-summary-compact{gap:9px!important}
body.role-admin .coupon-summary-compact article{
 display:flex;flex-direction:column;justify-content:center;min-width:0;
 min-height:88px!important;padding:12px 14px!important;border-radius:18px!important;
 border:1px solid var(--line)!important;
 background:var(--surface-solid)!important;box-shadow:0 10px 25px rgba(0,0,0,.09)!important;
}
body.role-admin .coupon-summary-compact article::after{
 content:"";position:absolute;right:-34px;bottom:-42px;
 width:86px;height:86px;border-radius:50%;background:rgba(123,44,255,.13);
}
body.role-admin .coupon-summary-compact article:nth-child(2)::after{background:rgba(29,224,157,.12)}
body.role-admin .coupon-summary-compact article:nth-child(3)::after{background:rgba(22,220,244,.13)}
body.role-admin .coupon-summary-compact article:nth-child(4)::after{background:rgba(255,199,51,.13)}
body.role-admin .coupon-summary-compact article span{
 order:-1;color:var(--muted)!important;font-size:.74rem!important;font-weight:750;
 position:relative;z-index:1;
}
body.role-admin .coupon-summary-compact article strong{
 margin:6px 0 0!important;font:800 1.52rem/1.15 Rajdhani,Inter,sans-serif!important;
 color:var(--text)!important;position:relative;z-index:1;
}
body.role-admin .coupon-summary-compact article:nth-child(2) strong{color:#0d9d70!important}
body.role-admin .coupon-summary-compact article:nth-child(3) strong{color:var(--cyan)!important}
body.role-admin .coupon-summary-compact article:nth-child(4) strong{color:#bf8700!important}
@media(max-width:640px){
 body.role-admin .coupon-summary-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body.role-admin .coupon-summary-compact article{min-height:76px!important;padding:10px 11px!important}
 body.role-admin .coupon-summary-compact article strong{font-size:1.26rem!important}
}
/* Reducir la tarjeta de comunidad sin perder su acceso */
.web-sidebar .sidebar-promo.whatsapp-invite-card.is-compact-admin{
 min-height:48px!important;padding:6px 8px!important;
 grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;
 border-radius:12px!important;
}
.web-sidebar .whatsapp-invite-card.is-compact-admin .promo-icon{
 width:27px!important;height:27px!important;border-radius:8px!important
}
.web-sidebar .whatsapp-invite-card.is-compact-admin .promo-icon .ui-icon{width:16px!important;height:16px!important}
.web-sidebar .whatsapp-invite-card.is-compact-admin .promo-kicker{font-size:.52rem!important}
.web-sidebar .whatsapp-invite-card.is-compact-admin .promo-copy strong{font-size:.73rem!important;line-height:1.08}

/* Otros encabezados que repiten el título que ya muestra el navbar admin. */
body.role-admin .profile-intro{display:none!important}
body.role-admin .renew-page-intro{display:none!important}
body.role-admin .settings-intro{display:none!important}
body.role-admin .influencers-app>.influencer-create{display:flex;margin:0 0 8px auto}
body.role-admin .influencers-app>.influencer-summary{margin-top:0}
body.role-admin .redemptions-intro .intro-actions{display:flex;justify-content:flex-end;width:auto}

/* Los resultados se dibujan debajo del filtro: elevar la barra al abrir. */
.gt-filter-toolbar.gt-filter-open{z-index:500!important}

/* Las barras antiguas usan contain:paint, que recorta tarjetas flotantes. */
.gt-filter-toolbar{contain:none!important;overflow:visible!important}