/* Visão Geral - modernização isolada v112-preview. Sem alteração em JS ou CSS compartilhado. */
body.cash035-shared>main.dash036{background:#f3f6fb!important;color:#172b48}
.dash036 .dash036-top{margin-bottom:16px;gap:12px}
.dash036 .dash036-breadcrumb{font-size:11px;font-weight:700;letter-spacing:.065em;color:#697d9b}
.dash036 .dash036-hero{position:relative;isolation:isolate;min-height:188px!important;padding:27px 30px!important;border-radius:19px!important;background:linear-gradient(120deg,#101f36 0%,#19375d 66%,#234a77 100%)!important;box-shadow:0 14px 35px #152e4b20!important;gap:20px}
.dash036 .dash036-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:43%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 30%,#4a83b830,transparent 62%)}
.dash036 .dash036-kicker{color:#adc8e8!important;letter-spacing:.15em}
.dash036 .dash036-hero h1{font-size:clamp(30px,3vw,43px)!important;letter-spacing:-.045em!important;margin:8px 0 6px!important}
.dash036 .dash036-hero p{font-size:13px!important;color:#d4e0ee!important;max-width:510px}
.dash036 .dash036-heroactions{margin-top:20px!important;gap:10px}
.dash036 .dash036-heroactions a{padding:10px 15px!important;border-radius:10px!important;font-size:12px!important;background:#fff!important;color:#17365b!important;border:1px solid #fff!important;transition:transform .15s,box-shadow .15s}
.dash036 .dash036-heroactions a+a{background:#ffffff12!important;color:#fff!important;border-color:#ffffff55!important}
.dash036 .dash036-heroactions a:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0002}
.dash036 .dash036-heroright{color:#e5eef8;max-width:230px}
.dash036 .dash036-heroright>div{font-size:12px!important}
.dash036 .dash036-panel,.dash036 .dash036-kpi{background:#fff;border:1px solid #e0e7f0;border-radius:16px;box-shadow:0 4px 16px #18355309}
.dash036 .dash036-panel{padding:21px}
.dash036 .dash036-heading h2{font-size:18px;color:#162e4d;letter-spacing:-.02em}
.dash036 .dash036-heading a{color:#245a9c}
.dash036 .dash036-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.dash036 .dash036-kpi{min-width:0;min-height:155px;padding:18px;gap:9px;transition:border-color .15s,box-shadow .15s}
.dash036 .dash036-kpi:hover{border-color:#bfd0e4;box-shadow:0 8px 20px #18355312}
.dash036 .dash036-kpi strong{font-size:clamp(19px,2vw,27px);line-height:1.2;color:#183b63}
.dash036 .dash036-kpi>span:nth-child(2){color:#526981;font-size:12px}
.dash036 .dash036-kpi small{color:#74869a}
.dash036 .dash036-states{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.dash036 .dash036-states>div{min-width:0;min-height:105px;padding:16px 9px;border:1px solid #e8edf5;border-radius:13px;background:#f7f9fc}
.dash036 .dash036-states strong{font-size:26px}
.dash036 .dash036-queue-row{border-radius:11px;padding:13px;border-color:#e4ebf3}
.dash036 .dash036-shortcuts{gap:12px}
.dash036 .dash036-shortcuts a{border-radius:12px;padding:15px;min-height:82px;transition:transform .15s}
.dash036 .dash036-shortcuts a:hover{transform:translateY(-2px)}
.dash036 .dash036-adminsummary>div{border-radius:12px;padding:15px}
.dash036 a:focus-visible,.dash036 button:focus-visible{outline:3px solid #4c9aff!important;outline-offset:3px}
/* O layout de 4 colunas é mantido em telas de computador; responsividade sem rolagem horizontal. */
@media(max-width:1020px){.dash036 .dash036-kpis,.dash036 .dash036-states{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.dash036 .dash036-hero{padding:22px 20px!important}.dash036 .dash036-heroright{display:none}}
@media(max-width:480px){.dash036 .dash036-kpis,.dash036 .dash036-states{gap:9px!important}.dash036 .dash036-kpi{min-height:140px;padding:13px}.dash036 .dash036-panel{padding:15px}.dash036 .dash036-heroactions a{padding:9px 10px!important}}
@media(prefers-reduced-motion:reduce){.dash036 .dash036-heroactions a,.dash036 .dash036-kpi,.dash036 .dash036-shortcuts a{transition:none!important}}