/* Administración Caja 3.53: portada fiel a la referencia visual, sin cifras ficticias.
   Afecta únicamente a Inicio. Las pantallas de Tareas y Calendario se conservan. */
.shell:has(.v353-dashboard)>.rail{
 width:143px!important;flex:0 0 143px!important;
 background:linear-gradient(180deg,#1b2026,#11161b)!important;
 padding:7px 4px 10px!important;border-right:2px solid #45515d!important;
}
.shell:has(.v353-dashboard) .rail-scroll.v338-bottom-navigation{justify-content:flex-start!important;align-items:stretch!important;gap:2px!important}
.shell:has(.v353-dashboard) .rail-scroll.v338-bottom-navigation::before{display:none!important}
.shell:has(.v353-dashboard) .rail .navbtn{
 width:100%!important;min-height:39px!important;max-height:none!important;
 display:flex!important;flex-direction:row!important;justify-content:flex-start!important;
 align-items:center!important;gap:8px!important;padding:6px 7px!important;
 color:#fff!important;border-radius:4px!important;
}
.shell:has(.v353-dashboard) .rail .navbtn .nav-icon{
 background:transparent!important;border:0!important;box-shadow:none!important;
 width:25px!important;height:24px!important;flex:0 0 25px!important;
}
.shell:has(.v353-dashboard) .rail .navbtn.active{
 background:linear-gradient(110deg,#ffe63d,#ffba05)!important;color:#12171e!important;
 border:1px solid #ffd329!important;border-left:3px solid #f8d319!important;
}
.shell:has(.v353-dashboard) .rail .navbtn.active .nav-icon{color:#191d21!important}
.shell:has(.v353-dashboard) .rail .navbtn .navtext{
 color:#edf1f5!important;font-size:12px!important;font-weight:690!important;
 line-height:1.1!important;max-width:none!important;text-align:left!important;
 display:block!important;white-space:nowrap!important;
}
.shell:has(.v353-dashboard) .rail .navbtn.active .navtext{color:#131720!important;font-weight:900!important}
.shell:has(.v353-dashboard) .rail-foot .morebtn{width:100%!important;color:#f8d154!important;border-color:#756936!important}
.shell:has(.v353-dashboard) .topbar{display:none!important}
.shell:has(.v353-dashboard) .content{padding:7px 11px 18px!important;max-width:none!important}
.v337-brandbar{
 background:linear-gradient(112deg,#090d11 0%,#111719 39%,#0e1215 58%,#e8a900 77%,#ffeb3f 100%)!important;
 border-bottom:3px solid #e9b900!important;
}
.v337-brand-name strong{font-size:21px!important;font-weight:850!important;color:#fff!important}
.v337-brand-name small{color:#ffd42a!important;font-weight:850!important;letter-spacing:2.1px!important}
.v337-brand-right .v337-bell{color:#1b2026!important;font-size:23px!important}
.v337-brand-right .v337-user{color:#151b1c!important;font-weight:800!important}
.v353-dashboard{font-family:"Segoe UI",Arial,sans-serif;color:#20282d;width:100%;max-width:none!important}
.v353-home-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:2px 2px 10px;min-height:50px}
.v353-home-heading>div{display:flex;align-items:center;gap:12px;min-width:0}
.v353-home-icon{display:grid;place-items:center;background:linear-gradient(#ffde24,#f8b811);width:46px;height:43px;border-radius:7px;color:#202322;font-size:29px;font-weight:850;box-shadow:0 2px 3px #0002}
.v353-home-heading h1{font-size:26px!important;color:#101b24!important;margin:0!important;font-weight:850!important}
.v353-home-heading p{font-size:13px;margin:0 0 0 2px;padding-left:15px;border-left:1px solid #aab6c0;color:#536674}
.v353-home-heading time{white-space:nowrap;color:#1c2931;font-size:12px;font-weight:800;text-transform:capitalize}
.v353-alert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 12px}
.v353-signal{
 position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:0;
 min-height:99px;border-radius:9px;text-align:left;padding:11px 10px;
 border:2px solid #d4a843;box-shadow:inset 0 0 0 2px #fff8d4,0 2px 7px #19293c28;
 background:linear-gradient(160deg,#fff8dc,#ffffff 80%);
 color:#222d33;font-family:inherit;cursor:pointer;
}
.v353-signal:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 4px 11px #16263533}
.v353-signal:focus-visible{outline:3px solid #1e7699;outline-offset:2px}
.v353-signal-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;
 border-radius:50%;font-size:32px;font-weight:900;color:#bd5b16;background:#fff1c1;
 border:2px solid #edba4e;box-shadow:0 1px 6px #bf891f35}
.v353-signal-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.v353-signal-title{align-self:flex-start;font-size:12px;font-weight:950!important;line-height:1.05;
 color:#9e3e14!important;letter-spacing:.1px;text-transform:uppercase}
.v353-signal-copy strong{font-size:14px;line-height:1.2;font-weight:850!important;color:#18262e;overflow-wrap:anywhere}
.v353-signal-copy small{font-size:11px;color:#50616c;line-height:1.25;overflow-wrap:anywhere}
.v353-signal-chevron{flex:0 0 auto;color:#bc6d1a;font-size:27px;font-weight:900;line-height:1}
.v353-tone-danger{border-color:#ed273d;background:linear-gradient(122deg,#ffb8c1,#fff1f2 76%,#ffffff);
 box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #ff969c,0 0 13px #fd3c4b83}
.v353-tone-danger .v353-signal-icon{background:#e52b39;color:#fff;border-color:#fff;box-shadow:0 0 0 4px #ff778593,0 0 12px #d92e43a3}
.v353-tone-danger .v353-signal-title{background:#d91c31;color:#fff!important;padding:5px 8px;border:1px solid #fff;border-radius:5px;box-shadow:0 0 7px #df223a9c;font-size:12px}
.v353-tone-danger .v353-signal-chevron{color:#d12036}
.v353-tone-imminent{border-color:#ffbb20;background:linear-gradient(120deg,#fff0bd,#fff9ef 68%,#fff)}
.v353-tone-imminent .v353-signal-icon{background:#ffe2a2;border-color:#f7b629;color:#e1700b}
.v353-tone-imminent .v353-signal-title{color:#a84404!important;font-size:14px}
.v353-tone-high{border-color:#f3c638;background:linear-gradient(120deg,#fff1b6,#fff 85%)}
.v353-tone-soon{border-color:#e7d588;background:linear-gradient(120deg,#fff8db,#fff)}
.v353-tone-follow{border-color:#8eb5d4;background:linear-gradient(120deg,#e9f3fc,#fff)}
.v353-tone-follow .v353-signal-icon{background:#cce7f6;color:#256d99;border-color:#86b9d4}
.v353-tone-follow .v353-signal-title{color:#1d6691!important}
.v353-tone-meeting,.v353-tone-acta{border-color:#b49ada;background:linear-gradient(125deg,#f0eafa,#fff 82%)}
.v353-tone-meeting .v353-signal-icon,.v353-tone-acta .v353-signal-icon{background:#ded2f3;border-color:#ad8fd3;color:#774bb0}
.v353-tone-meeting .v353-signal-title,.v353-tone-acta .v353-signal-title{color:#68429a!important}
.v353-tone-claim{border-color:#ebaa76;background:linear-gradient(115deg,#fff0dd,#fff 80%)}
.v353-tone-claim .v353-signal-icon{background:#ffe2cc;color:#c86d2e;border-color:#e9a46c}
.v353-tone-clear{border-color:#9fc9ae;background:linear-gradient(120deg,#eaf9ee,#fff)}
.v353-tone-clear .v353-signal-icon{background:#cbead3;color:#24884b;border-color:#79b88c}
.v353-tone-clear .v353-signal-title{color:#216a3c!important}
.v353-kpi-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0 0 12px}
.v353-tile{min-width:0;min-height:74px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;
 gap:1px 6px;align-items:center;text-align:left;border-radius:8px;border:1px solid #cad5df;
 background:linear-gradient(#fff,#f5f7f9);padding:7px;box-shadow:0 2px 5px #142e4217;color:#233741;cursor:pointer;font-family:inherit}
.v353-tile:hover{border-color:#e1ab18;background:#fffaf0}
.v353-tile-icon{grid-row:1/3;width:42px;height:45px;display:grid;place-items:center;
 border-radius:6px;background:var(--tile);color:white;font-size:26px;font-weight:850;box-shadow:inset 0 -3px #0002}
.v353-tile-number{font-size:22px;font-weight:900!important;color:var(--tile);line-height:1.05}
.v353-tile-label{font-size:10px;color:#263c4c;font-weight:750;line-height:1.17;overflow-wrap:anywhere}
.v353-tile-green{--tile:#07895d}.v353-tile-red{--tile:#d5363d}.v353-tile-purple{--tile:#8450d1}
.v353-tile-blue{--tile:#277ed1}.v353-tile-orange{--tile:#eb781c}.v353-tile-violet{--tile:#a24ac8}.v353-tile-gold{--tile:#d4a21d}
.v353-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,225px);gap:11px;align-items:start}
.v353-main-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:start}
.v353-panel,.v353-side-card{min-width:0;background:#fff;border:1px solid #c6d0d9;border-radius:9px;box-shadow:0 2px 6px #16293a20;overflow:hidden}
.v353-panel{min-height:228px}
.v353-panel-heading,.v353-side-heading{min-height:39px;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:5px 8px;
 background:linear-gradient(#fff,#e7edf2);border-bottom:1px solid #bccbd8}
.v353-panel-heading h2,.v353-side-heading h2{margin:0;display:flex;align-items:center;gap:7px;color:#1e2c35;font-size:13px;font-weight:900;line-height:1.12}
.v353-panel-heading>button,.v353-side-heading>button{white-space:nowrap;border:0;background:transparent;color:#1e5d90;font-size:10px;font-weight:800;cursor:pointer}
.v353-panel-icon{display:grid;place-items:center;width:27px;height:25px;border-radius:5px;font-size:18px;font-weight:800;color:#fff;background:#d6aa16}
.v353-panel-meetings .v353-panel-icon{background:#864fbd}.v353-panel-journal .v353-panel-icon{background:#217bbd}
.v353-panel-due .v353-panel-icon{background:#e67e21}.v353-panel-claims .v353-panel-icon{background:#d65c39}
.v353-panel-actas .v353-panel-icon{background:#a05dc1}
.v353-panel-rows{padding:3px 7px 7px}
.v353-list-row{display:flex;gap:7px;width:100%;min-height:35px;align-items:center;text-align:left;
 border:0;border-bottom:1px solid #dee6ec;background:#fff;padding:5px 3px;color:#1d303d;font-family:inherit;cursor:pointer}
.v353-list-row:last-child{border:0}
.v353-list-row:hover{background:#fff6df}
.v353-row-mark{display:block;width:4px;height:27px;flex:0 0 4px;border-radius:2px;background:#2279c1}
.v353-mark-blue{background:#287fd8}.v353-mark-red{background:#dc2938}.v353-mark-purple{background:#8751bd}
.v353-mark-gold{background:#e5b829}.v353-mark-orange{background:#e57721}
.v353-row-main{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}
.v353-row-main strong{font-size:12px;font-weight:900;color:#172831;line-height:1.15;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v353-row-main small{font-size:10px;color:#516572;line-height:1.17;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v353-row-tag{max-width:94px;flex:0 0 auto;font-size:10px;font-weight:750;color:#516473;background:#e8edf1;border-radius:12px;
 padding:3px 7px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v353-panel-due .v353-list-row:has(.v353-mark-red) .v353-row-tag{background:#ffd9dc;color:#a31f2e}
.v353-empty{font-size:11px;color:#64798a;padding:12px 3px}
.v353-sidebar{display:flex;flex-direction:column;gap:11px;min-width:0}
.v353-side-heading{min-height:38px}
.v353-mini-title{text-align:center;text-transform:capitalize;color:#243e50;font-size:12px;font-weight:900;padding:9px 5px 6px}
.v353-mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:0 8px 10px}
.v353-mini-calendar b{text-align:center;font-size:10px;color:#5e6b75}
.v353-cal-empty{min-height:23px}
.v353-caldate{min-width:0;min-height:23px;border:0;background:transparent;color:#253746;border-radius:4px;font-size:10px;position:relative;cursor:pointer}
.v353-caldate:nth-child(7n),.v353-caldate:nth-child(7n+6){color:#8c4b2f}
.v353-caldate.today{background:#ffd42f;color:#1d262e!important;font-weight:900;box-shadow:inset 0 -2px #e0a70e}
.v353-caldate.has-event::after{content:"";position:absolute;bottom:1px;left:calc(50% - 2px);width:4px;height:4px;background:#c62c3e;border-radius:50%}
.v353-caldate:hover{background:#e7edf4}
.v353-quick .v353-side-heading{background:linear-gradient(#ffeeb2,#ffd02d)}
.v353-quick>button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border:0;border-bottom:1px solid #e9edf0;
 background:#fff;padding:6px 9px;font-size:11px;color:#263e50;font-weight:700;cursor:pointer}
.v353-quick>button:hover{background:#fff5d1}
.v353-quick>button>span{font-size:15px;color:#b57a17;width:19px;text-align:center}
.v353-quick>button>b{margin-left:auto;font-size:15px}
.v353-safety{margin:9px 2px 0;color:#6b5c42;font-size:10px}
@media(max-width:1480px){.v353-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .v353-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v353-main-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.shell:has(.v353-dashboard)>.rail{width:76px!important;flex-basis:76px!important}
 .shell:has(.v353-dashboard) .rail .navbtn{justify-content:center!important;flex-direction:column!important}
 .shell:has(.v353-dashboard) .rail .navbtn .navtext{font-size:9px!important;text-align:center!important}
 .v353-workspace{grid-template-columns:minmax(0,1fr)}
 .v353-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .v353-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.v353-home-heading{align-items:flex-start;flex-wrap:wrap}
 .v353-home-heading h1{font-size:20px!important}.v353-home-heading p{font-size:10px}
 .v353-alert-grid,.v353-main-panels,.v353-sidebar{grid-template-columns:1fr}
 .v353-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v353-signal{min-height:80px}.v353-signal-icon{width:45px;height:45px;flex-basis:45px;font-size:26px}}
@media(prefers-reduced-motion:reduce){.v353-signal:hover{transform:none}}
