/* SIGUE360 V6.9.24 – encabezado en dos columnas: agentes y fecha */
.app .topline .top-actions{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important;min-width:0!important;}
.app .topline .top-actions>.prototypeProfilePicker{order:1!important;align-self:flex-start!important;flex:0 1 195px!important;min-width:160px!important;}
.app .topline .top-actions>.s624AgentStack{order:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;flex:0 1 320px!important;width:min(320px,30vw)!important;min-width:235px!important;}
.app .topline .top-actions>.s624DateStack{order:3!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;flex:0 1 240px!important;width:min(240px,22vw)!important;min-width:175px!important;}
.app .topline .top-actions .s624AgentStack .v55AgentContext{order:0!important;max-width:none!important;width:100%!important;margin:0!important;min-height:53px;box-sizing:border-box}
.app .topline .top-actions .s624AgentStack .aibox{order:1!important;width:100%!important;min-width:0!important;box-sizing:border-box;min-height:53px;}
.app .topline .top-actions .s624DateStack .datebox{order:0!important;width:100%!important;min-width:0!important;box-sizing:border-box;}
.app .topline .top-actions .s624DateStack #s622Notify{order:1!important;width:100%!important;min-width:0!important;min-height:43px!important;}
/* La navegación utiliza un botón de capa superior con toda la superficie interactiva. */
#mainCanvas .page.active>.s622PageBar{z-index:500!important;pointer-events:auto!important;}
#mainCanvas .page.active>.s622PageBar .s622Back{display:inline-flex!important;position:relative!important;z-index:501!important;min-width:126px!important;min-height:46px!important;cursor:pointer!important;pointer-events:auto!important;user-select:none;-webkit-user-select:none;touch-action:manipulation;}
#mainCanvas .page.active>.s622PageBar .s622Back:focus-visible{outline:2px solid #67deff!important;outline-offset:3px!important;}
/* El aviso abre bajo su botón (a la derecha, debajo de la fecha). */
#s623Tray{top:116px;right:18px;}
@media(max-width:1400px){
 .app .topline .top-actions>.prototypeProfilePicker{flex-basis:174px!important;min-width:145px!important;}
 .app .topline .top-actions>.s624AgentStack{flex-basis:270px!important;min-width:205px!important;}
 .app .topline .top-actions>.s624DateStack{flex-basis:195px!important;min-width:150px!important;}
 .app .topline .titleblock{flex-basis:205px!important;}
}
@media(max-width:1090px){
 .app .topline{flex-wrap:wrap!important;min-height:150px!important;}
 .app .topline .top-actions{flex-wrap:wrap!important;flex:1 1 auto!important;}
 .app .topline .top-actions>.s624AgentStack,.app .topline .top-actions>.s624DateStack{flex-basis:210px!important;min-width:175px!important;}
}
@media(max-width:700px){
 .app .topline{padding-left:115px!important;}
 .app .topline .top-actions{flex-wrap:wrap!important;}
 .app .topline .top-actions>.s624AgentStack,.app .topline .top-actions>.s624DateStack{min-width:140px!important;}
 #s623Tray{top:140px;right:6px;}
}
/* Mantener Volver visible aunque el contenido ancho del módulo se desplace horizontalmente. */
#mainCanvas .page.active>.s622PageBar{position:sticky!important;left:0!important;max-width:100%!important;}