
/* SIGLAH V3 — renovacion visual sin alterar los modulos operativos */
:root {--s3-deep:#06477e;--s3-mid:#0766ae;--s3-blue:#0089d8;--s3-sky:#44bce7;--s3-light:#eef7fe;--s3-ink:#112f4f;--s3-muted:#637e96;--s3-line:#d7e7f5;--s3-shadow:0 10px 28px rgba(28,80,135,.075)}
body{background:#f0f7fd!important;color:var(--s3-ink)!important;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important}
.s3-sprite{width:0;height:0;overflow:hidden;position:absolute;pointer-events:none}
.s3-icon{width:21px;height:21px;flex:none;stroke-width:1.8;fill:none;vertical-align:middle;stroke:currentColor}
header{height:82px;min-height:82px!important;background:#fff!important;padding:8px 29px!important;box-shadow:0 3px 15px #0a3e700a!important;border-bottom:1px solid #e0ecf5!important}
.sig-brandline{min-height:64px!important;gap:20px!important}.sig-brand img{width:216px!important;max-width:42vw!important}
.sig-head-sub{font-size:.94rem!important;border-left:1px solid #d4e2ec;padding-left:19px!important;color:#164267!important;white-space:normal}
.sig-head-chip{font-size:.75rem!important}
main{padding:31px 36px 45px 296px!important;min-height:calc(100vh - 82px)!important;max-width:none!important}
body.sig-admin-authed main,body.sig-worker-authed main{margin:0!important;max-width:none!important}
#sigAdminMenu.s3-sidebar,#sigWorkerMenu.s3-sidebar,body.sig-admin-authed #sigAdminMenu.s3-sidebar,body.sig-worker-authed #sigWorkerMenu.s3-sidebar{position:fixed!important;top:82px!important;bottom:0!important;left:0!important;width:264px!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:22px 15px 20px!important;background:linear-gradient(170deg,#06477f 0%,#0766a9 72%,#199ed3 100%)!important;color:#eaf7ff!important;overflow-y:auto!important;z-index:40!important}
.s3-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:1px 13px 14px}
.s3-side-title{font-size:.68rem;color:#a8d3ef!important;letter-spacing:.12em;font-weight:800;margin:0;padding:6px 13px 11px}
.s3-sidebar-top .s3-side-title{padding:3px 0!important}
.s3-nav-group{display:flex;flex-direction:column;gap:5px}
.s3-sidebar button.s3-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:49px!important;padding:11px 14px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#eff9ff!important;text-align:left!important;font:600 .89rem/1.35 Inter,system-ui,sans-serif!important;box-shadow:none!important;width:100%;cursor:pointer}
.s3-sidebar button.s3-link:hover,.s3-sidebar button.s3-link[aria-current=page]{background:linear-gradient(90deg,#088cda,#0b74bd)!important;border-color:#6fc7f53b!important;color:#fff!important;box-shadow:0 5px 12px #00376726!important}
.s3-sidebar button.s3-link .s3-icon{width:20px;height:20px;opacity:.96}
.s3-side-sep{height:1px;background:#9ad6fc35;margin:17px 10px 12px}
.s3-future{display:flex;align-items:center;gap:11px;padding:9px 10px;color:#deeeffbf!important;font-size:.78rem;line-height:1.25;cursor:default}
.s3-future .s3-icon{width:18px;height:18px;opacity:.78}.s3-future span{flex:1;min-width:0}
.s3-future small{font-size:.57rem;padding:3px 5px;border:1px solid #c1eafa55;border-radius:6px;white-space:nowrap;color:#ddf3ff}
.s3-side-foot{display:flex;gap:10px;align-items:center;margin:21px 9px 0;border-top:1px solid #9ad6fc35;padding-top:20px;font-size:.85rem;font-weight:750;color:#fff}.s3-side-foot small{font-weight:400;color:#cee9fb;font-size:.71rem}
.s3-closemenu{display:none!important}
.s3-home{max-width:1490px!important;margin:0 auto 25px!important}.s3-home.is-visible{display:block!important}
.s3-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:3px 0 23px}
.s3-heading h1{color:#0e3157;font-size:clamp(1.62rem,2.5vw,2.26rem);font-weight:790;letter-spacing:-.04em;line-height:1.2;margin:5px 0 6px}
.s3-heading p{margin:0;color:var(--s3-muted);font-size:.94rem}
.s3-eyebrow{display:flex;align-items:center;gap:5px;font-size:.68rem;letter-spacing:.12em;font-weight:780;color:#1e83b7}.s3-eyebrow .s3-icon{width:14px;height:14px}
.s3-head-right{display:flex;align-items:center;gap:10px}
.s3-pilot{background:#e0f2fc;border:1px solid #c3e8fb;border-radius:100px;color:#0675b5;padding:8px 12px;font-size:.74rem;font-weight:770}
.s3-refresh{display:inline-flex;align-items:center;gap:7px;padding:10px 13px!important;font-weight:680;font-size:.78rem;background:white!important;border:1px solid #cfdfee!important;color:#16517d!important;white-space:nowrap}.s3-refresh .s3-icon{width:16px;height:16px}
.s3-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}
.s3-stat{background:#fff;display:flex;align-items:center;gap:14px;min-height:118px;border:1px solid var(--s3-line);border-radius:20px;padding:18px 17px;box-shadow:var(--s3-shadow);position:relative;overflow:hidden}
.s3-stat:after{content:'';position:absolute;right:-42px;bottom:-67px;width:150px;height:130px;border-radius:100%;background:#dff4ff7e;pointer-events:none}.s3-stat:nth-child(3):after{background:#def7ef8c}.s3-stat:nth-child(4):after{background:#eff1ff}
.s3-stat-icon{flex:none;width:55px;height:55px;border-radius:17px;background:linear-gradient(145deg,#dff4ff,#e7f4ff);display:grid;place-items:center;color:#0878bb;z-index:1}.s3-stat-icon .s3-icon{width:27px;height:27px}
.s3-stat:nth-child(3) .s3-stat-icon{background:#e3f8ee;color:#098c66}.s3-stat:nth-child(4) .s3-stat-icon{background:#edf1ff;color:#4f70bd}
.s3-stat-text{display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}
.s3-stat-text>span{color:#2a4662;font-size:.83rem;font-weight:700}.s3-stat-text strong{font-size:clamp(1.35rem,2.1vw,1.95rem);letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums}.s3-stat-text small{color:#6b8499;font-size:.72rem;line-height:1.35}
.s3-content-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:18px;margin-bottom:18px}
.s3-box{border:1px solid var(--s3-line);border-radius:21px;background:#fff;padding:22px 24px;box-shadow:var(--s3-shadow);min-width:0}
.s3-box-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e8eff7;padding-bottom:15px;margin-bottom:16px;gap:9px}.s3-box-head h2{color:#11355b;font-size:1.14rem;letter-spacing:-.02em;margin:0 0 4px;font-weight:770}.s3-box-head p{font-size:.78rem;color:#6a849e;margin:0}.s3-box-head>.s3-icon{color:#137cbb}
.s3-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.s3-action{display:flex;align-items:center;gap:11px;text-align:left!important;border-radius:14px!important;border:1px solid #d9e9f7!important;background:linear-gradient(115deg,#f4fbff,#e8f6ff)!important;min-height:80px;padding:13px!important;color:#0b5287!important}
.s3-action:hover{background:#dff2ff!important;transform:translateY(-2px)}.s3-action-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#d9f0ff;color:#0879bf}.s3-action-icon .s3-icon{width:23px;height:23px}
.s3-action>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.s3-action strong{font-weight:760;font-size:.87rem}.s3-action span{font-size:.72rem;color:#64839d;line-height:1.3}.s3-action-arrow{width:16px;height:16px;color:#7aa9c8}
.s3-activity{display:flex;flex-direction:column;max-height:350px;overflow:auto}.s3-act-item{display:flex;align-items:center;gap:10px;padding:13px 3px;border-bottom:1px solid #e7f0f8;font-size:.83rem}.s3-act-item:last-child{border-bottom:0}.s3-act-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:#e7f6ff;color:#0785bb}.s3-act-item div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.s3-act-item strong{font-weight:710}.s3-act-item small{color:#69859d;font-size:.72rem}.s3-act-item time{color:#6481a1;font-size:.72rem;white-space:nowrap}
.s3-empty{color:#67839b;font-size:.82rem;padding:19px 4px}
.s3-ready{margin-top:0}.s3-ready-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.s3-ready-grid div{display:flex;align-items:center;gap:9px;font-size:.86rem;font-weight:570}.s3-ready-grid .s3-icon{color:#079866;width:19px;height:19px}
.s3-note{display:flex;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid #e7f0f8;color:#355470;font-size:.84rem}.s3-note:last-child{border:0}.s3-note .s3-icon{color:#0c81c2}
.s3-future-pills{display:flex;flex-wrap:wrap;gap:9px}.s3-future-pills span{color:#607e96;background:#f2f7fc;border:1px solid #dce9f5;border-radius:9px;padding:9px 12px;font-size:.79rem}
.s3-dashboard-status{font-size:.78rem;color:#617f98;text-align:right;margin:12px 2px}
main>.panel{max-width:1490px!important;margin:0 auto 18px!important}.panel h2{font-size:1.2rem!important}
main>.panel input,main>.panel select{background:white;color:#153450}
main>.panel .actions button,main>.panel button{border-radius:10px}
main>.panel .scroll{max-width:100%;border-radius:10px}
#sigAdminBack,#sigWorkerBack{display:none!important}
.s3-section-header[hidden]{display:none!important}
.s3-section-header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 auto 15px;max-width:1490px}
.s3-section-header h1{margin:0;font-size:1.4rem;color:#14395d}.s3-section-header p{margin:4px 0 0;color:#71869b;font-size:.81rem}
.s3-section-header .s3-go-back{display:inline-flex;align-items:center;gap:5px;border:1px solid #d1e4f4;background:#fff;color:#145a8d;padding:10px 13px}.s3-go-back .s3-icon{width:16px;height:16px}
.s3-overlay{display:none}
body:not(.sig-admin-authed):has(#sigAdminMenu) main,body:not(.sig-worker-authed):has(#sigWorkerMenu) main{padding-left:28px!important}
body:not(.sig-admin-authed) #sigAdminMenu,body:not(.sig-worker-authed) #sigWorkerMenu{display:none!important}
body:not(.sig-worker-authed) #sigInstallCard{max-width:750px!important}
.s3-mobilebar{display:none}
body:not(.sig-admin-authed):has(#sigAdminMenu) .s3-mobilebar,body:not(.sig-worker-authed):has(#sigWorkerMenu) .s3-mobilebar{display:none!important}
@media (max-width:1100px){.s3-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s3-content-grid{grid-template-columns:1fr}}
@media (max-width:760px){
 header{min-height:64px!important;height:64px!important;padding:7px 14px!important}.sig-brandline{min-height:50px!important}.sig-brand img{width:156px!important;max-width:46vw!important}.sig-head-sub{font-size:.67rem!important;line-height:1.25!important;max-width:155px;padding-left:8px!important}.sig-head-chip{display:none!important}
 main,body.sig-admin-authed main,body.sig-worker-authed main,body:not(.sig-admin-authed):has(#sigAdminMenu) main,body:not(.sig-worker-authed):has(#sigWorkerMenu) main{padding:22px 13px 110px!important;min-height:calc(100vh - 64px)!important}
 #sigAdminMenu.s3-sidebar,#sigWorkerMenu.s3-sidebar,body.sig-admin-authed #sigAdminMenu.s3-sidebar,body.sig-worker-authed #sigWorkerMenu.s3-sidebar{top:64px!important;width:min(86vw,302px)!important;transform:translateX(-105%)!important;transition:transform .22s!important;z-index:88!important;box-shadow:6px 0 30px #06437132!important}
 #sigAdminMenu.s3-sidebar.s3-menu-open,#sigWorkerMenu.s3-sidebar.s3-menu-open{transform:translateX(0)!important}
 .s3-overlay.s3-overlay-open{display:block;position:fixed;inset:64px 0 0;background:#082c4b80;z-index:85}
 .s3-closemenu{display:grid!important;place-items:center;background:transparent!important;border:1px solid #d5edff70!important;border-radius:10px;color:#fff!important;width:35px;height:35px;padding:6px!important}
 .sig-v2-mobiletoggle{display:grid!important;place-items:center;position:fixed!important;right:11px!important;top:11px!important;z-index:79!important;width:42px!important;height:42px!important;border-radius:11px!important;background:#ebf7fe!important;border:1px solid #c7e6f7!important;color:#076fab!important;font-size:1rem!important}
 .sig-v2-mobiletoggle .s3-icon{width:22px;height:22px}
 .s3-heading{align-items:flex-start;flex-wrap:wrap;gap:11px;margin-bottom:17px}.s3-heading h1{font-size:1.48rem}.s3-heading p{font-size:.82rem}.s3-head-right{width:100%;justify-content:space-between}.s3-refresh{padding:8px 10px!important}
 .s3-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:13px}.s3-stat{padding:11px;min-height:104px;gap:8px;border-radius:16px}.s3-stat-icon{width:39px;height:39px;border-radius:12px}.s3-stat-icon .s3-icon{width:22px;height:22px}.s3-stat-text>span{font-size:.72rem}.s3-stat-text strong{font-size:1.33rem}.s3-stat-text small{font-size:.64rem}
 .s3-box{padding:16px;border-radius:17px}.s3-content-grid{gap:13px;margin-bottom:13px}.s3-actions{grid-template-columns:1fr}.s3-action{min-height:72px;padding:11px!important}
 .s3-ready-grid{grid-template-columns:1fr;gap:10px}.s3-dashboard-status{text-align:left}
 .s3-section-header h1{font-size:1.2rem}.s3-section-header{flex-wrap:wrap}
 .s3-mobilebar{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid #d3e5f3;box-shadow:0 -8px 28px #0b40631a;z-index:72;padding:6px 5px max(7px,env(safe-area-inset-bottom))}
 .s3-mobilebar button{display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column;border:0;background:#fff;border-radius:10px;color:#477291;font-size:.67rem;padding:7px 4px!important;min-width:0}
 .s3-mobilebar button .s3-icon{width:21px;height:21px;margin-bottom:3px}.s3-mobilebar button[aria-current=page]{background:#dff1fd;color:#006fac;font-weight:760}
 .sig-v2-mobilebar{display:none!important}
}
@media (max-width:380px){.s3-stat-icon{width:34px;height:34px}.s3-stat{gap:6px;padding:10px}.s3-stat-text strong{font-size:1.15rem}.sig-head-sub{display:none!important}}

/* SIGLAH V4 - consulta real de roles diarios publicados en administración */
.sig-published-card{margin-top:26px;padding:22px;border:1px solid #cfdfed;border-radius:19px;background:linear-gradient(150deg,#f8fcff,#fff);box-shadow:0 7px 19px #123f6a0a}
.sig-published-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sig-published-heading h3{font-size:1.13rem;color:#123e65;margin:5px 0 6px}.sig-published-heading h4{font-size:1rem;margin:0 0 12px;color:#154a78}
.sig-published-heading p{margin:0 0 8px;color:#66839d;font-size:.83rem;line-height:1.5}.sig-published-eyebrow{color:#127bb7;font-size:.69rem;letter-spacing:.07em;text-transform:uppercase;font-weight:750}
.sig-published-icon{display:grid;place-items:center;background:#e0f8ec;color:#087b52;border-radius:13px;width:44px;height:44px;font-size:1.3rem;font-weight:800;flex:none}
.sig-published-tools{display:grid;grid-template-columns:minmax(175px,.85fr) auto minmax(200px,1.2fr);gap:12px;align-items:end;margin-top:16px}.sig-published-tools>div{min-width:0}
.sig-published-tools label{display:block;font-size:.81rem;color:#385d7f;margin-bottom:6px}.sig-published-tools input,.sig-published-tools select{min-width:0;width:100%;max-width:100%;min-height:43px}.sig-published-action button{min-height:43px;background:#087cbd!important;color:#fff!important;border-color:#087cbd!important}
.sig-published-status{font-size:.82rem;color:#506d86;margin:14px 0 8px}.sig-published-meta{margin:9px 0}.sig-published-tags{display:flex;gap:8px;flex-wrap:wrap}.sig-published-tags span{background:#e4f2fc;color:#135b8f;border:1px solid #cde6f8;padding:5px 9px;border-radius:100px;font-size:.74rem;font-weight:700}
.sig-published-preview{overflow-x:auto;max-width:100%;margin:10px 0}.sig-published-table{width:100%;min-width:590px;border-collapse:collapse;background:#fff}.sig-published-table th{text-align:left;background:#e9f5ff;color:#135078}.sig-published-table td,.sig-published-table th{border-bottom:1px solid #e0eaf2;padding:9px 12px;font-size:.82rem;white-space:pre-wrap}.sig-published-table tr:nth-child(even){background:#f7fbff}
@media(max-width:760px){.sig-published-card{padding:14px}.sig-published-tools{grid-template-columns:1fr;gap:10px}.sig-published-action button{width:100%}.sig-published-heading h3{font-size:1rem}}
