/* Painel visual inspirado no protótipo aprovado; funções legadas preservadas. */
:root{--navy:#082e56;--navy2:#0d4b84;--accent:#0e5ca5;--gold:#f3c663;--surface:#fff;--canvas:#f2f6fb}
body{background:var(--canvas)}body>header{position:sticky;top:0;z-index:30;padding:13px max(15px,calc((100% - 1050px)/2));background:linear-gradient(120deg,#072a4d,#0d4479);border-bottom:0;display:flex;align-items:center;gap:12px;min-height:76px}
body>header:before{content:'';display:block;width:49px;height:49px;flex:none;background:url('/icon-192.png') center/cover;border-radius:13px}
body>header h1{font-size:19px;margin:0 0 2px}body>header>div{font-size:12px}main{max-width:860px;margin:12px auto;padding:0 12px 90px}
.card{border:1px solid #e0e8f2;box-shadow:0 5px 18px #0a345c0b;border-radius:17px}
#app>.nav.card{display:none!important}#app>.account-row{padding:2px 3px}#centralOperacional,#indicadoresContratos{display:none}#app>.push-compact{display:none}
#modernHome .home-welcome{background:linear-gradient(135deg,#e9f3ff,#fff);padding:19px;border-radius:17px;border:1px solid #d9e9fa;margin-bottom:12px}
#modernHome h2{font-size:19px;margin:0;color:#0b345f}#modernHome .sub{font-size:13px;color:#637790;margin:5px 0 0}
.mod-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.mod-kpi{border:1px solid #dce8f5;border-radius:15px;padding:14px;display:flex;gap:11px;align-items:flex-start;background:#edf6ff;color:#134b83}.mod-kpi.gold{background:#fff8e5;color:#865700;border-color:#f5e7b9}.mod-kpi.green{background:#eaf9ef;color:#12643c;border-color:#d3efde}.mod-kpi.red{background:#fff0f0;color:#a52c35;border-color:#f4dada}.mod-kpi .symbol{font-size:23px}.mod-kpi strong{display:block;font-size:24px;line-height:1}.mod-kpi small{display:block;margin-top:5px;font-size:12px;line-height:1.3}
.mod-section{background:#fff;border:1px solid #e0e8f2;border-radius:17px;padding:16px;margin:12px 0;box-shadow:0 4px 14px #0c31580b}.mod-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.mod-heading h3{margin:0;font-size:17px;color:#0b345f}.mod-link{background:transparent!important;color:#155b9a!important;font-size:13px;padding:6px!important;border:0!important;min-height:30px!important}
.mod-next{border:1px solid #e5eaf1;border-radius:14px;padding:12px}.mod-next-row{display:flex;gap:12px;align-items:center}.mod-date{background:linear-gradient(140deg,#0d548e,#083660);border-radius:12px;color:white;text-align:center;min-width:66px;padding:8px 5px}.mod-date b{font-size:26px;display:block;line-height:1.1}.mod-date small{font-size:11px}.mod-next-info{flex:1;min-width:0}.mod-next-info strong{display:block;color:#102d4d;font-size:15px}.mod-next-info small{display:block;color:#526980;margin-top:4px}.mod-actions{display:flex;gap:8px;margin-top:12px}.mod-actions button{flex:1;font-size:13px}.mod-whats{background:#16844f!important;color:#fff!important}
.mod-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mod-shortcut{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 3px!important;background:#fff!important;color:#123e6d!important;border:1px solid #e1e9f3!important;border-radius:14px;min-height:87px!important;box-shadow:0 3px 10px #11375a0a;font-size:11px!important;line-height:1.15;text-align:center}.mod-shortcut .ico{font-size:25px;line-height:1.1}
#modernDetails .detail-banner{background:#e9f9ef;border-radius:15px;padding:15px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}#modernDetails .detail-banner strong{font-size:15px;color:#164b35}#modernDetails .detail-banner small{display:block;margin-top:4px;color:#405d50}.mod-pill{border-radius:30px;padding:6px 10px;font-size:11px;font-weight:800;background:#e8f2ff;color:#145488}.mod-pill.confirmada{background:#d9f5e3;color:#13663d}.mod-pill.pendente{background:#fff0bd;color:#825a00}.mod-pill.realizada{background:#dfe8fb;color:#214c83}.mod-pill.cancelada{background:#ffebeb;color:#9e3030}.mod-pill.bloqueada{background:#e8ecf1;color:#4c5a69}
.mod-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border-bottom:1px solid #dce7f1;margin:10px 0}.mod-detail-tabs button{font-size:12px!important;background:transparent!important;color:#60748a!important;padding:11px 2px!important;border-radius:0!important;border-bottom:3px solid transparent!important}.mod-detail-tabs button.active{color:#0b4b85!important;border-color:#0b5ba4!important}.mod-data-row{padding:11px 0;border-bottom:1px solid #e8edf3;display:flex;justify-content:space-between;gap:12px;font-size:14px}.mod-data-row span{color:#63758a}.mod-data-row strong{text-align:right;color:#143d67}.mod-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.mod-detail-actions button{flex:1 1 130px}.mod-back{background:#e9f1fb!important;color:#164b7c!important}.mod-empty{font-size:13px;color:#687d91}
#agenda>.card:first-child{padding:15px}#agenda .calendar{gap:4px}#agenda .day{min-height:57px;border-radius:9px;box-shadow:none}#agenda .day.confirmada{background:#d9f7e5}#agenda .day.pendente{background:#fff1c3}#agenda .day.realizada{background:#dcecff}#agenda .day.bloqueada{background:#e9eef4}#agenda .day.sel{outline:2px solid #1161ae}#agenda .calendar-legend{justify-content:space-between}
#modBottomNav{position:fixed;z-index:40;bottom:0;left:0;right:0;display:none;justify-content:space-around;background:#fff;border-top:1px solid #dbe6f2;box-shadow:0 -3px 15px #153b6014;padding:6px max(8px,calc((100% - 750px)/2)) max(7px,env(safe-area-inset-bottom))}#modBottomNav button{background:transparent!important;color:#4b6480!important;border:0!important;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;padding:5px!important;min-height:47px!important}#modBottomNav button.active{color:#0b5a9c!important}#modBottomNav .ico{font-size:21px}
@media(min-width:700px){#modernHome,#modernDetails{max-width:740px;margin:auto}.mod-shortcut{font-size:13px!important}.mod-shortcut .ico{font-size:28px}}
@media(max-width:390px){.mod-shortcuts{gap:5px}.mod-shortcut{font-size:10px!important;padding:12px 1px!important}.mod-kpi{padding:10px;gap:7px}.mod-kpi small{font-size:11px}#modernDetails .mod-detail-tabs button{font-size:10px!important}}
/* Checklist original fica disponível quando solicitado pelo atalho. */
#centralOperacional:has(#preparacaoCard:not(.hide)){display:block!important}
#centralOperacional:has(#preparacaoCard:not(.hide))>.ops-hero{display:none!important}
#modernHome[hidden],#modernDetails[hidden]{display:none!important}