/* V211 · PROJECT-WIDE VISUAL AUDIT
   Removes legacy decorative labels and establishes predictable geometry
   for headers, subnavigation, help steps, controls and data sections. */

/* Legacy pseudo-labels (“TRAININGLOAD MANAGER”, “ÁREA DE TRABAJO”, etc.)
   competed with real controls and navigation. Page identity belongs to the h1/h2. */
#app-shell .tab-panel>.panel-header:after,
#app-shell .tab-panel>.fr-hero:after,
#app-shell .tab-panel>.isak-hero:after,
#app-shell .tab-panel>.perfiles-hero:after,
#app-shell .tab-panel>.load-hero:after,
#app-shell .tab-panel>.module-hero:after,
#app-shell .tab-panel>.page-hero:after{
  content:none!important;display:none!important;
}

/* Every module header reserves a clean content column and an action column. */
#app-shell .tab-panel>.panel-header,
#app-shell .tab-panel>.fr-hero,
#app-shell .tab-panel>.isak-hero,
#app-shell .tab-panel>.perfiles-hero,
#app-shell .tab-panel>.load-hero,
#app-shell .tab-panel>.module-hero,
#app-shell .tab-panel>.page-hero{
  isolation:isolate!important;overflow:visible!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:24px!important;
  min-height:90px!important;
}
#app-shell .tab-panel>.panel-header>div:first-child,
#app-shell .tab-panel>.fr-hero>div:first-child,
#app-shell .tab-panel>.isak-hero>div:first-child,
#app-shell .tab-panel>.perfiles-hero>div:first-child,
#app-shell .tab-panel>.load-hero>div:first-child{
  min-width:0!important;
}
#app-shell .tab-panel>.panel-header .row,
#app-shell .tab-panel>.panel-header .panel-actions,
#app-shell .tab-panel>.fr-hero .fr-actions,
#app-shell .tab-panel>.isak-hero .isak-hero-actions{
  position:relative!important;inset:auto!important;z-index:1!important;
  max-width:100%!important;margin:0!important;
}

/* The four planning explanations always divide the available width evenly. */
#app-shell #tab-planificación .agenda-capabilities{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1px!important;margin:0 0 16px!important;padding:1px!important;
  background:var(--ui-line)!important;border:0!important;border-radius:3px!important;
  overflow:hidden!important;
}
#app-shell #tab-planificación .agenda-capabilities>div{
  box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:112px!important;
  margin:0!important;padding:17px 16px 16px 52px!important;
  border:0!important;border-radius:0!important;background:var(--ui-sheet)!important;box-shadow:none!important;
}
#app-shell #tab-planificación .agenda-capabilities span{
  left:15px!important;top:16px!important;width:25px!important;height:25px!important;
  border-radius:2px!important;background:var(--ui-soft)!important;color:var(--ui-blue)!important;
}
#app-shell #tab-planificación .agenda-capabilities strong{
  margin:0 0 7px!important;font-size:13px!important;line-height:1.25!important;color:var(--ui-ink)!important;
}
#app-shell #tab-planificación .agenda-capabilities small{
  font-size:11px!important;line-height:1.45!important;color:var(--ui-muted)!important;
}

/* One subnavigation grammar everywhere; legacy sticky layers must not cover menus. */
#app-shell .cargas-mode-toggle,#app-shell .plan-v38-tabs,#app-shell .fr-tabs,
#app-shell .isak-tabs,#app-shell .pm-pro-tabs,#app-shell .salud-tabs,#app-shell .subtabs{
  position:relative!important;top:auto!important;z-index:2!important;
  max-width:100%!important;min-height:48px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
#app-shell .nav-menu,#app-shell .nav-dropdown,#app-shell [class*="topnav"][class*="menu"]{
  z-index:5000!important;
}

/* Long controls wrap inside their section instead of colliding with headings. */
#app-shell .tab-panel select,#app-shell .tab-panel input,#app-shell .tab-panel button{max-width:100%}
#app-shell .tab-panel .row{min-width:0}
#app-shell .tab-panel .table-wrap,#app-shell .tab-panel [class*="table-wrap"]{max-width:100%;overflow:auto}

@media(max-width:1100px){
  #app-shell #tab-planificación .agenda-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #app-shell .tab-panel>.panel-header,#app-shell .tab-panel>.fr-hero,#app-shell .tab-panel>.isak-hero,
  #app-shell .tab-panel>.perfiles-hero,#app-shell .tab-panel>.load-hero,#app-shell .tab-panel>.module-hero,#app-shell .tab-panel>.page-hero{
    display:grid!important;grid-template-columns:1fr!important;row-gap:12px!important;min-height:0!important;
    padding:16px 14px 16px 20px!important;
  }
  #app-shell .tab-panel>.panel-header .row,#app-shell .tab-panel>.panel-header .panel-actions,
  #app-shell .tab-panel>.fr-hero .fr-actions,#app-shell .tab-panel>.isak-hero .isak-hero-actions{
    width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;
  }
  #app-shell #tab-planificación .agenda-capabilities{grid-template-columns:1fr!important}
  #app-shell #tab-planificación .agenda-capabilities>div{min-height:88px!important}
}