body.mitra-dashboard{background:#f5f9f7;color:#173f32;font-family:Poppins,Arial,sans-serif}
.mitra-dashboard #content{min-height:100vh}.mitra-dashboard #content main{padding:0 28px 110px;overflow:visible}.mitra-dashboard-shell{position:relative;max-width:1120px;margin:0 auto}
.mitra-dashboard-shell:before{content:"";position:absolute;top:0;left:-28px;right:-28px;height:200px;background:linear-gradient(115deg,#079961,#00573f);border-radius:0 0 36% 7%;pointer-events:none}
.mitra-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:85px;color:white}.mitra-brand{font-size:24px;font-weight:800;color:white!important;letter-spacing:.3px}.mitra-header-actions{display:flex;gap:12px}.mitra-header-actions a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:white}
.mitra-balance-card{position:relative;background:radial-gradient(ellipse at 80% 10%,#ffffff20,transparent 45%),linear-gradient(110deg,#078c58,#00553e);border:1px solid #ffffff40;border-radius:28px;box-shadow:0 8px 16px #003e3024;color:#fff;padding:18px 20px 14px}.mitra-balance-top{display:flex;justify-content:space-between;gap:12px;min-height:76px}.mitra-balance-label{font-size:13px;display:flex;align-items:center;gap:10px;color:#d3ebe0}.mitra-balance-label button{border:0;background:none;color:inherit;padding:2px;cursor:pointer}.mitra-balance-value{display:flex;gap:7px;align-items:center;margin-top:5px;font-size:25px;font-weight:600;min-height:36px}.mitra-balance-value [hidden]{display:none!important}.mitra-balance-value a{font-size:12px;color:#d3ebe0}.mitra-history{display:flex;flex-direction:column;align-items:center;gap:4px;color:white;font-size:10px;min-width:65px}.mitra-history>span{display:grid;place-items:center;background:#ffffff1c;border:1px solid #ffffff35;border-radius:50%;width:42px;height:42px;font-size:19px}.mitra-balance-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid #ffffff26;padding-top:9px}.mitra-balance-bottom>div>span{display:block;font-size:12px;color:#c7e4d7}.mitra-balance-bottom strong{display:block;font-size:15px;line-height:1.4}.mitra-balance-bottom strong i{color:#f9d85d;font-size:12px;margin-left:4px}.mitra-buyer{white-space:nowrap;color:white;font-size:10px;padding:6px 0}.mitra-buyer i{margin-right:5px}
.mitra-security{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #dce9e3;border-radius:18px;padding:13px 16px;margin:12px 0 16px;background:#eff7f2}.mitra-security>i{font-size:24px;color:#075b3f}.mitra-security strong{font-size:11px;display:block}.mitra-security p{font-size:10px;margin:3px 0 0}.mitra-security button{margin-left:auto;align-self:flex-start;color:#477365;border:0;background:none;font-size:21px;line-height:1;cursor:pointer}.mitra-security[hidden]{display:none}
.mitra-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}.mitra-shortcuts>a{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;color:#143e30;font-weight:500}.mitra-shortcuts>a>span{display:grid;place-items:center;width:100%;height:82px;background:white;border:1px solid #e7eeeb;border-radius:22px;box-shadow:0 3px 5px #0a652203}.mitra-shortcuts i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:white;background:linear-gradient(130deg,#419d77,#148457);font-size:20px}.mitra-shortcuts>a:nth-child(2) i{background:#697bc7}.mitra-shortcuts>a:nth-child(3) i{background:#508cbd}.mitra-shortcuts>a:nth-child(4) i{background:#8472c7}
.mitra-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin-bottom:20px}.mitra-chart-grid>br{display:none}.mitra-chart-grid .chart-container{display:block;width:auto!important;min-width:0;margin:0!important}.mitra-views-chart{order:-1}.mitra-chart-grid .chart-container>div{height:100%;border:1px solid #dcebe3;border-radius:26px;background:linear-gradient(160deg,#effaf4,#fff);padding:18px 16px;box-shadow:0 1px 3px #134a3212}.mitra-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mitra-chart-heading h3{font-size:18px;font-weight:600}.mitra-chart-heading strong{font-size:28px;letter-spacing:-1px}.mitra-chart-caption{color:#789084;font-size:10px;margin:2px 0 10px}.mitra-chart-tabs{display:flex;padding:4px;background:#e6f2eb;border-radius:16px;gap:2px;margin:16px 0 8px}.mitra-chart-tabs>a{flex:1;text-align:center;padding:12px 2px;color:#657d70;font-size:10px;border-radius:12px;white-space:nowrap}.mitra-chart-tabs>a[aria-current]{background:#09875b;box-shadow:0 2px 5px #07674720;color:white;font-weight:600}.mitra-sales-chart h3{font-size:16px!important;color:#173f32!important}.mitra-dashboard #mitra-laporan{scroll-margin-top:20px;border-radius:22px;border:1px solid #e1ebe5;padding:20px}.mitra-dashboard #mitra-rekap{scroll-margin-top:20px}.mitra-dashboard .mitra-facility-report{border-radius:22px!important}.mitra-dashboard table{max-width:100%}.mitra-dashboard #sidebar .side-menu.top li.active a{color:#0a6522}.mitra-dashboard #sidebar{border-right:1px solid #e2ebe5}
.mitra-bottom-nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:calc(50% + 100px);transform:translateX(-50%);display:flex;align-items:center;gap:4px;width:370px;max-width:calc(100% - 28px);padding:6px;border:1px solid #d8e8df;border-radius:30px;background:linear-gradient(110deg,#fff,#e5f5ec,#fff);box-shadow:0 6px 12px #173f3230;z-index:1000;backdrop-filter:blur(12px)}.mitra-bottom-nav>a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:42px;color:#71837a;border-radius:24px;font-size:17px}.mitra-bottom-nav>a>span{display:none}.mitra-bottom-nav>a[aria-current]{flex:2.1;background:linear-gradient(105deg,#078957,#00543d);color:white}.mitra-bottom-nav>a[aria-current]>span{display:inline;font-size:14px;font-weight:600}.mitra-dashboard a:focus-visible,.mitra-dashboard button:focus-visible{outline:3px solid #52b98f;outline-offset:3px}.mitra-dashboard a{text-decoration:none}
@media(min-width:1000px){.mitra-shortcuts{max-width:520px}.mitra-balance-card{max-width:620px}.mitra-security{max-width:620px}.mitra-dashboard-shell:before{height:230px}}
@media(max-width:767px){.mitra-dashboard #sidebar{display:none!important}.mitra-dashboard #content{width:100%!important;left:0!important;margin:0!important}.mitra-dashboard #content main{padding:0 15px 110px!important}.mitra-dashboard-shell:before{left:-15px;right:-15px;height:175px}.mitra-topbar{min-height:78px}.mitra-brand{font-size:23px}.mitra-balance-card{padding:13px 14px 12px;border-radius:27px}.mitra-balance-top{min-height:74px}.mitra-chart-grid{grid-template-columns:minmax(0,1fr);gap:18px}.mitra-shortcuts{gap:10px;margin-bottom:16px}.mitra-shortcuts>a{font-size:11px}.mitra-balance-value{font-size:23px}.mitra-bottom-nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mitra-dashboard .dataTables_wrapper{overflow-x:auto}.mitra-dashboard .chart-container{min-width:0}.mitra-dashboard #content main>div{width:100%}.mitra-dashboard #mitra-laporan{overflow-x:auto}.mitra-dashboard #mitra-laporan form .flex{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.mitra-dashboard *{scroll-behavior:auto!important}}
/* Isolate these navigation groups from the legacy dashboard navbar rules. */
.mitra-dashboard #content nav.mitra-shortcuts,.mitra-dashboard #content nav.mitra-chart-tabs{position:static;top:auto;left:auto;height:auto;z-index:auto;font-family:inherit}
.mitra-dashboard #content nav.mitra-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;background:transparent}
.mitra-dashboard #content nav.mitra-chart-tabs{display:flex;gap:2px;padding:4px;background:#e6f2eb}
.mitra-dashboard #content nav.mitra-shortcuts:before,.mitra-dashboard #content nav.mitra-chart-tabs:before{display:none}
.mitra-dashboard #content nav.mitra-shortcuts a{color:#143e30}
.mitra-dashboard #content nav.mitra-chart-tabs a{color:#657d70}
.mitra-dashboard #content nav.mitra-chart-tabs a[aria-current]{color:#fff}
/* White dashboard header; the balance card retains its green theme. */
.mitra-dashboard:not(.mitra-report-page){background:#fff}.mitra-dashboard:not(.mitra-report-page) .mitra-dashboard-shell:before{display:none}.mitra-dashboard .mitra-topbar{color:#0a6522}.mitra-dashboard .mitra-brand{display:flex;align-items:center}.mitra-dashboard .mitra-brand img{display:block;width:108px;height:54px;object-fit:contain}.mitra-dashboard .mitra-header-actions a{color:#0a6522;background:#edf5ef;border:1px solid #deebe1}.mitra-dashboard .mitra-header-actions a:hover{background:#dceee1}

/* Keep the home header white with an unframed logo. */
.mitra-dashboard .mitra-brand img{background:transparent;border-radius:0;padding:0}
.mitra-dashboard:not(.mitra-report-page) .mitra-security{display:none}