/* Áreas da pecuária: conserva as cores e os componentes do painel. */
.jp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0 24px}.jp-metric{padding:18px 20px}.jp-metric small{display:block;color:#779382;font-size:11px}.jp-metric strong{display:block;color:#245a3b;font-size:26px;margin-top:10px;font-weight:600}.jp-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.jp-filters label{font-size:11px;color:#64856f;display:grid;gap:6px}.jp-filters input,.jp-filters select{font:inherit;min-height:36px;max-width:100%;padding:7px 10px;border:1px solid #dcebe0;background:#fff;color:#345d42;border-radius:7px}.jp-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.jp-tabs [aria-pressed=true]{background:#eaf4ed;border-color:#c8dfd0;color:#176b43}.jp-section-title{font-size:17px;margin:26px 0 14px}.jp-note{font-size:12px;line-height:1.7;color:#779382;padding:16px 0}.jp-nav-icon{flex-shrink:0}#jp-form [hidden]{display:none!important}#jp-form textarea{width:100%;padding:10px;border:1px solid #dcebe0;border-radius:7px;font:inherit;resize:vertical}.jp-empty{padding:28px;color:#779382}
/* Entrada centralizada aprovada, com curvas verdes nas laterais. */
.login-screen .hns-access{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:100dvh;height:auto;overflow:hidden;background:#f6f8f4;padding:32px 24px}.hns-access:before,.hns-access:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:360px;height:560px;background:url('/assets/detalhes-laterais.svg') center/contain no-repeat;opacity:.5}.hns-access:before{left:-65px;top:12%}.hns-access:after{right:-65px;bottom:7%;transform:rotate(180deg)}.login-screen .access-panel{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;overflow:visible;padding:50px 0 25px}.login-screen .access-private{position:fixed;right:40px;top:28px;color:#718979;font-size:11px}.login-screen .access-form{width:360px;max-width:100%;max-height:none;transform:none}.access-holding-logo{display:block;object-fit:contain;width:220px;height:139px;margin:0 auto 26px}.login-screen .access-welcome{text-align:center;font-size:10px;margin:0 0 10px;letter-spacing:2px}.login-screen .access-form h1{font-size:29px;text-align:center;margin:0 0 10px}.login-screen .access-intro{font-size:12px;line-height:1.6;text-align:center;margin:0 0 28px}.login-screen .access-form .field{margin-bottom:22px}.login-screen .access-form label,.login-screen .pin-group legend{font-size:12px;font-weight:500;margin-bottom:10px}.login-screen .access-form .field input{height:46px;border-radius:7px;background:#fff;font-size:13px;padding:0 13px}.login-screen .access-submit.btn.primary{height:46px;min-height:46px;border-radius:7px;font-size:12px}.login-screen .pin-group small{font-size:11px;margin:11px 0 23px}.login-screen .pin-control{height:48px}.login-screen .pin-digit{width:46px;height:46px;flex:0 1 46px}.login-screen .access-pins{gap:12px}.gateway-brand>img.jp-logo.gateway-logo,.sidebar .brand-mark img.jp-logo.sidebar-logo,.footer-brand img.jp-logo{background:transparent}
@media(max-width:760px){.hns-access:before,.hns-access:after{width:230px;height:360px;opacity:.24}.hns-access:before{left:-165px;top:4%}.hns-access:after{right:-165px;bottom:2%}.login-screen .hns-access{padding:24px}.login-screen .access-panel{padding:26px 0}.login-screen .access-private{display:block;position:absolute;top:0;right:0;font-size:10px}.login-screen .access-holding-logo{width:180px;height:114px;margin-bottom:22px}.jp-metrics{grid-template-columns:1fr 1fr;gap:9px}.jp-metric{padding:13px}.jp-metric strong{font-size:22px}.jp-filters input{max-width:155px}}
@media(max-height:700px){.login-screen .hns-access{padding-block:18px}.login-screen .access-panel{padding-block:15px}.login-screen .access-holding-logo{width:155px;height:98px;margin-bottom:13px}.login-screen .access-intro{margin-bottom:18px}.login-screen .access-form .field{margin-bottom:15px}.login-screen .pin-group small{margin-bottom:17px}}

/* Keep credentials reachable on short landscape screens. */
@media(max-height:460px){.login-screen .hns-access{padding-block:10px}.login-screen .access-panel{padding-block:0}.login-screen .access-holding-logo{width:85px;height:54px;margin-bottom:6px}.login-screen .access-welcome,.login-screen .access-intro{display:none}.login-screen .access-form h1{font-size:22px;margin-bottom:8px}.login-screen .access-form .field{margin-bottom:9px}.login-screen .access-form label,.login-screen .pin-group legend{margin-bottom:5px}.login-screen .access-form .field input{height:36px}.login-screen .pin-control{height:38px}.login-screen .pin-digit{width:36px;height:36px}.login-screen .pin-group small{margin:5px 0 10px}.login-screen .access-submit.btn.primary{height:38px;min-height:38px}}
@media(max-height:340px){html.login-screen,html.login-screen body,html.login-screen #app{overflow:auto;height:auto;overscroll-behavior:auto}.login-screen .hns-access{overflow:visible}}
