/* Administración Caja 3.38. Estilo acordado: Inicio de alto contraste,
   módulos operativos tipo Outlook 2010, compactos abajo a la izquierda.
   Todos los cambios se limitan a presentación. */
.v337-brand-icon.v338-real-logo{
 display:grid!important;place-items:center!important;width:39px!important;height:52px!important;
 min-width:39px;border:0!important;background:transparent!important;
 border-radius:0!important;box-shadow:none!important;transform:none!important;padding:0!important
}
.v337-brand-icon.v338-real-logo img{width:31px;height:43px;max-width:100%;object-fit:contain;display:block}
.v337-brand{min-width:228px;gap:9px}
.v337-brand-name strong{font-size:19px}
.rail-logo{display:none!important}
.shell>.rail{
 width:76px!important;flex:0 0 76px!important;padding:6px 4px 9px!important;gap:3px!important;
 background:linear-gradient(180deg,#222c33,#101820)!important;align-items:stretch!important
}
.rail-scroll.v338-bottom-navigation{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:center!important;
 justify-content:flex-start!important;overflow-y:auto!important;min-height:0!important;width:100%!important;
 gap:3px!important;scrollbar-width:thin;padding:3px 0!important
}
.rail-scroll.v338-bottom-navigation::before{content:"";display:block;flex:0 0 0px;margin-top:auto}
.rail .navbtn{
 width:66px!important;min-height:49px!important;max-height:56px!important;
 border-radius:5px!important;border:1px solid transparent!important;
 border-left:3px solid transparent!important;background:transparent!important;color:#d9e4ea!important;
 padding:4px 2px!important;gap:2px!important;display:grid!important;justify-items:center!important;
 flex:0 0 auto!important;box-shadow:none!important
}
.rail .navbtn:hover{background:#34434d!important;color:white!important;border-color:#53616a!important}
.rail .navbtn.active{
 background:#35434c!important;color:white!important;
 border:1px solid #586d79!important;border-left:3px solid #f3cc3d!important;
 box-shadow:none!important
}
.rail .navbtn.active .navtext{color:white!important;font-weight:680!important}
.rail .nav-icon{
 height:26px!important;width:28px!important;border-radius:6px!important;display:grid!important;
 place-items:center!important;font-size:18px!important;line-height:26px!important;box-shadow:none!important;
 background:var(--tile,#50738a)!important;color:white!important
}
.rail .nav-icon svg{display:block;width:20px;height:20px;stroke:currentColor}
.rail .navtext{color:#d9e3e9!important;font-size:9px!important;line-height:1.12!important;
 max-width:64px!important;overflow:hidden;white-space:normal!important;
 text-align:center!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rail-foot{flex:0 0 auto!important;display:flex!important;justify-content:center!important;
 width:100%;padding-top:5px;border-top:1px solid #475661}
.rail-foot .morebtn{
 color:#f2d171!important;background:transparent!important;border:1px solid #7b7154!important;
 border-radius:6px!important;padding:3px 4px!important;width:66px!important;min-height:42px!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:0!important;font-size:10px!important;line-height:1.12!important
}
.rail-foot .morebtn:hover{background:#3b4244!important}
.v338-more-symbol{font-size:21px;line-height:19px}
.v337-dashboard .v337-home-title>div>span{border-radius:6px;box-shadow:none}
.v338-in-work .v337-ribbon-actions{min-height:49px;padding:5px 8px}
.v338-in-work .v337-ribbon-action{min-width:69px}
.v338-in-work .v337-ribbon-action>span{font-size:20px}
.v338-in-work .v337-ribbon-action small{font-size:10px}
.v338-in-work .main>.content{max-width:none;width:100%;margin:0;padding:9px 12px 23px}
.v338-in-work .topbar{background:#f7f9fa!important}
.v338-login-logo{background:#191f25 url('/assets/logo-administracion-caja.svg') no-repeat center/auto 36px!important;
 color:transparent!important;font-size:0!important;border-radius:6px!important}
/* Mantener a todo el ancho el listado y la zona de detalle de tareas. */
.v338-in-work .v333-taskpage,.v338-in-work .v333-list{width:100%;max-width:none}
@media(max-width:900px){
 .v337-brand{min-width:180px}.v337-brand-name strong{font-size:16px}
 .v337-search-form{width:min(38vw,430px)}
 .shell>.rail{width:70px!important;flex-basis:70px!important}
 .rail .navbtn,.rail-foot .morebtn{width:62px!important}
}
@media(max-width:620px){
 .v337-brand{min-width:0;gap:6px}
 .v337-brand-icon.v338-real-logo{height:43px!important;min-width:31px!important;width:31px!important}
 .v337-brand-icon.v338-real-logo img{width:26px;height:37px}
 .v337-brand-name strong{font-size:13px}
 .v337-brand-name small{font-size:8px;letter-spacing:.3px}
 .shell>.rail{width:61px!important;flex-basis:61px!important;padding-left:2px!important;padding-right:2px!important}
 .rail .navbtn,.rail-foot .morebtn{width:55px!important}
 .rail .navtext{max-width:53px!important;font-size:8px!important}
 .v337-brandbar{padding-left:7px!important;padding-right:7px!important;gap:6px}
 .v337-search-form{min-width:100px}
}