/* Portal Blessed · corrección adaptable v1
   Mantiene la nueva legibilidad y evita superposiciones o desbordes. */

/* La tipografía más cómoda necesita dos filas estables en la cabecera.
   En móvil se conserva la navegación inferior existente. */
@media screen and (min-width:761px){
  .app-topbar.topbar{
    display:block!important;
    min-height:0!important;
    padding:0!important;
  }
  .app-topbar>.app-topbar-row{
    width:min(calc(100% - 40px),1460px)!important;
    max-width:1460px!important;
    min-height:72px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
  }
  .app-topbar .brand-v4.brand{flex:0 0 auto}
  .app-topbar .userbox{
    min-width:0;
    margin-left:auto!important;
    flex-wrap:nowrap;
  }
  .app-topbar>.portal-nav-primary{
    position:static!important;
    inset:auto!important;
    width:min(calc(100% - 40px),1460px)!important;
    max-width:1460px!important;
    min-height:52px!important;
    margin:0 auto!important;
    padding:0 0 8px!important;
    transform:none!important;
    display:flex!important;
    justify-content:center;
    gap:4px;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .app-topbar>.portal-nav-primary a{
    min-height:44px;
    padding:8px 14px;
    flex:0 0 auto;
  }
}

/* Constructor de campañas: cada columna puede encogerse sin salirse. */
.web-campaigns-page,
.web-campaigns-page .wc-builder-grid,
.web-campaigns-page .wc-builder-primary,
.web-campaigns-page .wc-builder-grid>aside,
.web-campaigns-page .wc-panel,
.web-campaigns-page .wc-filter,
.web-campaigns-page .wc-create,
.web-campaigns-page .wc-filter>*,
.web-campaigns-page .wc-create>*{
  min-width:0;
}
.web-campaigns-page{overflow-x:clip}
.web-campaigns-page .wc-builder-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(440px,.65fr);
  align-items:start;
  gap:18px;
}
.web-campaigns-page .wc-builder-primary,
.web-campaigns-page .wc-builder-grid>aside{width:100%}
.web-campaigns-page .wc-builder-grid .wc-panel{width:100%;overflow:hidden}
.web-campaigns-page .wc-create{grid-template-columns:repeat(2,minmax(0,1fr))}
.web-campaigns-page .wc-filter{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.web-campaigns-page .wc-filter>label:nth-of-type(4){grid-column:1/3}
.web-campaigns-page .wc-filter>.button{grid-column:3}
.web-campaigns-page :is(.wc-filter,.wc-create) label,
.web-campaigns-page :is(.wc-filter,.wc-create) small,
.web-campaigns-page .wc-product>div{
  min-width:0;
  overflow-wrap:anywhere;
}
.web-campaigns-page :is(.wc-filter,.wc-create) :is(input,select,textarea){
  width:100%;
  min-width:0!important;
  max-width:100%;
}
.web-campaigns-page .wc-product{
  grid-template-columns:32px minmax(0,1fr) minmax(0,auto);
}
.web-campaigns-page .wc-product .wc-pill{
  max-width:190px;
  white-space:normal;
  text-align:right;
}
.web-campaigns-page .wc-checkall{flex-wrap:wrap}
.web-campaigns-page .wc-count{margin-left:auto}
.web-campaigns-page .wc-toolbar>*{min-width:0;flex:1 1 190px}

@media screen and (max-width:1320px){
  .web-campaigns-page .wc-builder-grid{grid-template-columns:1fr}
  .web-campaigns-page .wc-builder-grid>aside{order:2}
}

@media screen and (max-width:820px){
  .web-campaigns-page .wc-head{display:block}
  .web-campaigns-page .wp-head-actions{margin-top:14px}
  .web-campaigns-page .wc-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .web-campaigns-page .wc-filter>label:nth-of-type(4){grid-column:1}
  .web-campaigns-page .wc-filter>.button{grid-column:2}
}

@media screen and (max-width:620px){
  .web-campaigns-page .wc-panel{padding:16px}
  .web-campaigns-page .wc-filter,
  .web-campaigns-page .wc-create{grid-template-columns:1fr}
  .web-campaigns-page .wc-filter>label:nth-of-type(4),
  .web-campaigns-page .wc-filter>.button,
  .web-campaigns-page .wc-span2{grid-column:auto}
  .web-campaigns-page .wc-product{
    grid-template-columns:28px minmax(0,1fr);
    align-items:start;
  }
  .web-campaigns-page .wc-product .wc-pill{
    grid-column:2;
    justify-self:start;
    max-width:100%;
    text-align:left;
  }
  .web-campaigns-page .wc-count{width:100%;margin-left:26px}
  .web-campaigns-page .wc-toolbar>*{width:100%;flex-basis:100%}
}