#oilAccountStatus:not([hidden]) {
    position: fixed;
    inset: 16px 16px auto;
    z-index: 10000;
    margin: 0;
    padding: 14px 18px;
    border: 1px solid #d3dde4;
    border-radius: 12px;
    background: #f4f7f9;
    color: #26364a;
    font: 600 14px/1.5 Nunito, sans-serif;
}

#oilLockedHeader[hidden] { display: none !important; }
/* The map's controls are initialized only after access is granted. Restore their
   normal layout before mapMain measures them; the locked shell has its own menu. */
body.oil-access-locked #mapping_toolbar,
body.oil-access-locked #dashboard_app_header { display: none !important; }
#oilLockedHeader:not([hidden]) {
    position: fixed;
    inset: 0 0 auto;
    z-index: 9900;
    display: flex;
    align-items: center;
    gap: 18px;
    box-sizing: border-box;
    min-height: 66px;
    padding: 12px 20px;
    background: #fff;
    border-bottom: 1px solid #dce4ec;
    color: #30475e;
    font: 800 15px/1.4 Nunito, sans-serif;
}
#oilLockedHeader img { object-fit: contain; }
@media (max-width: 520px) {
    #oilLockedHeader:not([hidden]) { gap: 10px; padding: 12px; }
    #oilLockedHeader > span { display: none; }
    #oilLockedHeader [data-oil-navigation] { gap: 8px; }
}