/* CSS adicional v3.37 · Sin modificar la lógica de tareas ni los datos */

/* Administración Caja 3.37: interfaz profesional negra y amarilla.
   Los colores de iconos por módulo se conservan; la marca no sustituye estados. */
:root{--v337-black:#15191d;--v337-black2:#22282d;--v337-yellow:#f9cd25;--v337-gold:#d6a617;--v337-paper:#f3f5f7;--v337-stroke:#cbd5dc;--v337-ink:#26323a;--v337-muted:#6f7d86;--page:#f1f3f5;--nav:#1b2228;--nav2:#171c21;--sea:#9d7510;--ink:#24323c;--line:#d4dde2}
body{background:var(--v337-paper)}
.v337-brandbar{height:65px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 20px 8px 18px;background:linear-gradient(108deg,#0c1115 0%,#151b20 52%,#373016 82%,#f9cd25 100%);border-bottom:3px solid #eec11c;box-shadow:0 2px 12px #0e162123}
.v337-brand{display:flex;gap:13px;align-items:center;flex:0 0 auto;color:white;background:transparent;border:0;text-align:left;padding:0;min-width:250px}
.v337-brand-icon{width:47px;height:45px;display:grid;place-items:center;border:3px solid #f9cd25;border-radius:10px;background:linear-gradient(135deg,#272b2e,#0a0c0e);box-shadow:inset 0 0 0 2px #090c0e;color:#f9cd25;font-size:21px;font-weight:950;letter-spacing:-2px;transform:skew(-4deg)}
.v337-brand-name{display:flex;flex-direction:column;gap:1px}.v337-brand-name strong{font-weight:780;font-size:21px;color:#fff;line-height:1.1;letter-spacing:-.45px}.v337-brand-name small{color:#f4ca25;font-size:10px;font-weight:800;letter-spacing:2px}
.v337-search-form{display:flex;align-items:center;gap:6px;width:min(540px,42vw);flex:0 1 540px;min-width:140px;background:#f6f8f9;border:2px solid #6a7379;border-radius:25px;padding:2px 4px 2px 13px;box-shadow:0 1px 3px #0003}
.v337-search-form>span{font-size:24px;line-height:1;color:#667781}.v337-search-form input{border:0!important;box-shadow:none!important;outline:0;background:transparent!important;min-width:0;flex:1;width:100%;padding:6px!important;font-size:12px;color:#263944}.v337-search-form button{border:0;color:#26323a;background:#e9c225;border-radius:18px;padding:6px 12px;font-size:11px;font-weight:700;white-space:nowrap}.v337-search-form:focus-within{border-color:#f9cd25}
.v337-brand-right{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:#111}.v337-brand-right button{border:0;background:transparent;color:inherit}.v337-bell{font-size:20px;position:relative;padding:4px;cursor:pointer}.v337-bell>span{position:absolute;right:-3px;top:-7px;background:#c53439;color:#fff;border-radius:20px;font-size:11px;font-weight:800;padding:1px 5px;min-width:18px}.v337-user{display:flex;gap:6px;align-items:center;font-size:13px}.v337-visually-hidden{position:absolute!important;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.shell>.rail{top:65px;height:calc(100vh - 65px);height:calc(100dvh - 65px);background:linear-gradient(#242a30,#0f151a);width:83px;border-right:1px solid #303942;z-index:13}
.rail-logo{background:#f5cb26!important;color:#1b242a!important;border-radius:7px!important;box-shadow:0 0 0 1px #f8d84055}.navbtn{width:71px;border-radius:6px!important;color:#e7eff3!important;transition:background .12s}.navbtn:hover{background:#333e47!important}.navbtn.active{background:#f6cc29!important;color:#15191d!important;box-shadow:0 1px 5px #0003}.navbtn.active .navtext{color:#15191d!important;font-weight:800}.nav-icon{border-radius:6px!important;filter:saturate(1.1);box-shadow:inset 0 -2px 0 #0002,0 1px 2px #0004!important}.navtext{font-size:10px!important;font-weight:550;line-height:1.12;white-space:normal;text-align:center}.rail-foot .morebtn{color:#f4d36a;border-color:#9b843c}
.v337-ribbon{background:linear-gradient(180deg,#f8f9fb,#e4e8ed);border-bottom:1px solid #aebbc5;box-shadow:0 2px 5px #18212c12}.v337-ribbon-tabs{height:33px;display:flex;align-items:stretch;gap:3px;padding:0 12px;border-bottom:1px solid #c8d2d9}.v337-ribbon-tabs button{border:0;background:transparent;color:#2e3a44;padding:5px 15px;font-size:12px;border-radius:5px 5px 0 0}.v337-ribbon-tabs button.active{background:white;border:1px solid #c8d2d9;border-bottom-color:white;font-weight:750}.v337-ribbon-tabs button.v337-archivo{background:#f6cf32;color:#272415;font-weight:800}
.v337-ribbon-actions{display:flex;align-items:stretch;min-height:62px;gap:3px;padding:5px 12px 6px;overflow-x:auto;scrollbar-width:thin}.v337-ribbon-action{min-width:72px;max-width:128px;border:1px solid transparent;border-right-color:#d0d9de;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;white-space:normal;text-align:center;padding:4px 9px;color:#2c3b46;border-radius:5px}.v337-ribbon-action:hover:not(:disabled){background:#fff8da;border-color:#dcb85d}.v337-ribbon-action>span{font-size:24px;color:#126994;font-weight:700;line-height:1.05}.v337-ribbon-action small{font-size:11px;line-height:1.12;font-weight:600}.v337-ribbon-action:disabled{opacity:.35}
.topbar{height:45px!important;min-height:45px;position:sticky;top:65px;padding:0 16px!important;background:#fff!important;border-bottom:1px solid #cad5dc;gap:8px;z-index:20}.topbar .top-title{font-size:14px;font-weight:800}.topbar .sub{font-size:11px}.topbar .btn{padding:5px 10px!important;font-size:11px}.topbar .btnrow{gap:7px}.favstar{font-size:19px;color:#ba8f0b}
.main{min-width:0;background:#eff2f4}.main>.content{max-width:none;margin:0 auto;padding:12px 16px 24px}
.v337-dashboard{width:100%;max-width:none;color:var(--v337-ink)}.v337-home-title{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:3px 1px 9px}.v337-home-title>div{display:flex;align-items:center;gap:12px}.v337-home-title>div>span{display:grid;place-items:center;color:#111;background:#f4ca23;border-radius:7px;width:39px;height:37px;font-size:27px}.v337-home-title h1{font-size:25px;color:#17252d;margin:0}.v337-home-title p{border-left:1px solid #b3bec6;padding-left:12px;margin:0;font-size:13px;color:#60707b}.v337-home-title>small{color:#596875;font-size:12px;font-weight:600}
.v337-dashboard>.v336-alerts{margin:1px 0 10px}.v337-dashboard .v336-alert-heading{background:linear-gradient(#fff5db,#ffeab7)}.v337-dashboard .v336-alert-items{max-height:210px;overflow:auto}
.v337-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:0 0 12px}.v337-metric{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:0 7px;align-items:center;min-height:73px;padding:8px;border:1px solid #d1dce4;border-radius:8px;background:linear-gradient(180deg,#fff,#f7f9fa);text-align:left;box-shadow:0 1px 4px #16283314;min-width:0}.v337-metric:hover{border-color:#c5a14a;background:#fffdf3}.v337-metric-icon{grid-row:1/3;display:grid;place-items:center;border-radius:7px;width:38px;height:38px;font-size:22px;background:var(--met,#4c8caa);color:white;box-shadow:inset 0 -2px 0 #0002}.v337-metric-number{font-size:22px;font-weight:840;line-height:1;color:var(--met,#294e6b)}.v337-metric-label{font-size:10px;color:#405464;line-height:1.13;font-weight:600;overflow-wrap:anywhere}.v337-green{--met:#16855f}.v337-red{--met:#be3b3d}.v337-purple{--met:#7b58ae}.v337-violet{--met:#8a55b4}.v337-blue{--met:#3287be}.v337-orange{--met:#ca7630}.v337-gold{--met:#b18a25}
.v337-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,240px);gap:11px;align-items:start}.v337-home-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:start}.v337-panel,.v337-side-panel{min-width:0;border:1px solid #cfd8e0;border-radius:8px;background:#fff;box-shadow:0 2px 5px #162a3612;overflow:hidden}.v337-panel-head,.v337-side-head{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px;border-bottom:1px solid #cbd6de;background:linear-gradient(#f8fafb,#e8eef2);min-height:37px}.v337-panel-head h2,.v337-side-head h2{display:flex;align-items:center;gap:6px;min-width:0;margin:0;color:#27333b;font-size:12px;font-weight:800;line-height:1.1}.v337-panel-icon{background:#e3b425;color:white;border-radius:5px;display:grid;place-items:center;flex:0 0 27px;width:27px;height:25px;font-size:18px;font-weight:800;box-shadow:inset 0 -2px #0001}.v337-panel-meetings .v337-panel-icon{background:#7d54ac}.v337-panel-diary .v337-panel-icon{background:#2589ad}.v337-panel-follow .v337-panel-icon{background:#c17628}.v337-panel-claims .v337-panel-icon{background:#b95937}.v337-panel-planned .v337-panel-icon{background:#7c8790}.v337-panel-head>button,.v337-side-head>button{flex:0 0 auto;padding:2px;border:0;background:none;color:#366a91;font-weight:650;font-size:10px}.v337-panel-body{padding:3px 8px 5px;min-height:130px}.v337-panel{min-height:211px}.v337-entry{display:flex;align-items:center;gap:7px;width:100%;padding:8px 4px;min-height:40px;border:0;border-bottom:1px solid #e8edf1;text-align:left;background:transparent;color:#23323c;font:inherit}.v337-entry:last-child{border-bottom:0}.v337-entry:is(button):hover{background:#f7f5eb}.v337-entry-mark{display:grid;place-items:center;width:19px;flex:0 0 19px;color:#b28a13;font-size:15px}.v337-entry-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.v337-entry-content strong{font-size:11px;font-weight:720;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.v337-entry-content small{color:#6b7c88;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v337-entry-end{flex:0 0 auto;font-size:10px;color:#596976;border-radius:20px;background:#f0f3f5;padding:3px 5px;white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis}.v337-entry-end.late{background:#ffe3e2;color:#ae3035;font-weight:800}.v337-entry-arrow{color:#51758c;font-size:23px}.v337-datechip{display:grid;place-items:center;min-width:41px;padding:4px;background:#f2eaf9;color:#7d4ba8;border-radius:6px;font-size:11px;font-weight:800}.v337-timechip{font-size:11px;color:#516d7b;font-weight:800;min-width:40px}.v337-empty{font-size:12px;color:#778891;padding:24px 8px;text-align:center}.v337-planned{font-size:12px;color:#60727f;line-height:1.55;padding:6px}.v337-action-mini{padding:4px 6px;border:1px solid #d8b254;border-radius:5px;background:#fff5cf;color:#7c5804;font-size:10px;white-space:nowrap}.v337-entry-late .v337-entry-content strong{color:#a13736}
.v337-home-side{display:flex;flex-direction:column;gap:11px}.v337-side-head{background:#e8eef2}.v337-side-yellow{background:linear-gradient(#fff3ba,#f8d952)}.v337-minimonth{text-align:center;text-transform:capitalize;font-size:12px;font-weight:800;padding:8px}.v337-mini-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:4px 10px 8px}.v337-mini-grid>b{font-size:10px;text-align:center;color:#5c6872}.v337-calday{border:0;background:transparent;color:#263944;border-radius:5px;min-height:26px;padding:2px;position:relative;font-size:11px}.v337-calday.today{background:#f6cf36;color:#111;font-weight:800}.v337-calday.has-event:after{content:"";display:block;width:4px;height:4px;border-radius:50%;position:absolute;left:calc(50% - 2px);bottom:0;background:#c83b3b}.v337-calday:hover{background:#e4eff5}.v337-help{font-size:10px;color:#798994;padding:2px 10px 9px;margin:0}.v337-quick{display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #edf0f2;background:#fff;width:100%;text-align:left;min-height:30px;padding:5px 10px;font-size:11px;color:#30434d}.v337-quick span{width:20px;text-align:center;font-size:16px;color:#c18d14;font-weight:800}.v337-quick b{margin-left:auto;font-size:18px;color:#6d7e89}.v337-quick:hover{background:#fff8df}
.v337-search-page{width:100%;max-width:1200px;margin:0 auto}.v337-search-page>h1{font-size:22px;margin:7px 0}.v337-search-page>p{color:#6a7f8e;font-size:13px}.v337-search-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v337-search-section{min-width:0;background:#fff;border:1px solid #ccd9e2;border-radius:8px;overflow:hidden}.v337-search-section h2{font-size:14px;background:#e9eff3;margin:0;padding:10px}.v337-search-section h2 span{background:#d3dfe6;border-radius:12px;font-size:12px;padding:2px 7px}.v337-search-result{border:0;border-bottom:1px solid #ebf0f3;padding:9px 12px;background:#fff;display:flex;align-items:center;gap:8px;width:100%;text-align:left;color:#2d4050}.v337-search-result b{font-size:12px}.v337-search-result small{font-size:10px;color:#61778b;max-width:45%;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v337-search-result>span{font-size:20px}.v337-search-result:hover{background:#fffae9}
.content:has(.v333-taskpage){max-width:none!important;padding:8px 12px!important}.v333-taskpage{height:calc(100vh - 208px);height:calc(100dvh - 208px);min-height:330px}.v333-shelves button.active{background:#252e34!important;box-shadow:inset 0 3px #f6c921}.v333-list{border-color:#b9c8d2!important}.v333-detail{border-color:#b9c8d2!important}.v332-task-table th{background:#e5edf2!important;color:#2d4353!important}.v332-task-row.selected{background:#ffefae!important;box-shadow:inset 3px 0 #d3a20f!important}
@media(max-width:1380px){.v337-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.v337-home-main{grid-template-columns:repeat(2,minmax(0,1fr))}.v337-home-layout{grid-template-columns:minmax(0,1fr) minmax(190px,220px)}}
@media(max-width:870px){.v337-brandbar{gap:7px;padding:7px 10px}.v337-brand{min-width:0}.v337-brand-name strong{font-size:15px}.v337-brand-name small{font-size:8px;letter-spacing:1px}.v337-search-form{width:auto;flex:1;min-width:90px}.v337-user b{display:none}.v337-home-layout{grid-template-columns:1fr}.v337-home-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v337-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.v337-home-title>div{flex-wrap:wrap}.v337-home-title p{font-size:11px}}
@media(max-width:600px){.v337-brandbar{height:61px}.v337-brand-icon{width:37px;height:37px;font-size:16px}.v337-brand-name strong{font-size:12px}.v337-brand-name small{display:none}.v337-search-form button{display:none}.v337-search-form input{font-size:10px!important}.v337-brand-right{gap:4px}.shell>.rail{top:61px;height:calc(100dvh - 61px)}.v337-ribbon-tabs{padding:0 4px;gap:0;overflow-x:auto}.v337-ribbon-tabs button{padding:6px 9px;font-size:10px}.v337-ribbon-actions{padding:4px;min-height:53px}.v337-ribbon-action{min-width:64px;padding:4px}.v337-ribbon-action>span{font-size:17px}.v337-ribbon-action small{font-size:9px}.topbar{top:61px;padding:0 7px!important;height:auto!important;min-height:45px}.topbar .top-title{font-size:12px}.topbar .btn{font-size:10px!important;padding:3px 6px!important}.v337-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v337-home-main{grid-template-columns:1fr}.v337-home-side{grid-template-columns:1fr}.v337-home-title>small{font-size:10px}.v337-search-sections{grid-template-columns:1fr}.v333-taskpage{height:calc(100dvh - 190px)}}
@media(prefers-reduced-motion:reduce){.v337-brandbar,.v337-metric,.v337-ribbon button{transition:none}}