/* (v.2.0.57 / 261016 / Codex / Match simple-page mobile navigation to the existing calculator Units drawer) */
.mob-calculation-body { display: contents; }
.mob-calculation-footer { display: none; }
@media screen and (max-width: 768px) {
    html.mpx-navigation-open, body.mpx-navigation-open { overflow: hidden; }
    .mobile-navigation-dialog {
        position: fixed;
        inset: 0 0 0 auto;
        width: 280px;
        max-width: calc(100% - 32px);
        height: 100vh;
        height: 100dvh;
        max-height: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #fff;
        color: #333;
        box-shadow: -4px 0 24px rgb(0 0 0 / 18%);
        font: 14px Arial, sans-serif;
        letter-spacing: 0;
        overflow: hidden;
        box-sizing: border-box;
    }
    .mobile-navigation-dialog[open] { display: flex; flex-direction: column; animation: mpx-navigation-enter .28s cubic-bezier(.4, 0, .2, 1); }
    .mobile-navigation-dialog::backdrop { background: rgb(0 0 0 / 38%); }
    /* (v.2.0.57 / 261016 / Codex / Lighten the identity header and separate menu groups without per-row rules) */
    .mobile-navigation-heading,
    #mob-slide-panel .mob-slide-header { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 8px 18px; background: #055c2c; color: #fff; }
    #mobile-navigation-title,
    #mob-slide-panel .mob-slide-title { flex: 1; min-width: 0; padding: 0; border: 0; font: 600 13px/1.4 Arial, sans-serif; color: #fff; overflow-wrap: anywhere; }
    .mobile-navigation-heading [data-close-navigation],
    #mob-slide-panel .mob-slide-close { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 0; padding: 10px; margin: -8px -8px -8px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; cursor: pointer; }
    .mobile-navigation-heading img,
    #mob-slide-panel .mob-slide-close img { width: 22px; height: 22px; filter: invert(1); }
    .mobile-navigation-body { flex: 1; min-height: 0; padding-block: 12px; overflow-y: auto; overscroll-behavior: contain; }
    .mobile-navigation-footer { flex-shrink: 0; padding: 8px 0 calc(12px + env(safe-area-inset-bottom, 0px)); }
    .mobile-navigation-footer:empty { display: none; }
    .mobile-navigation-dialog .home-nav,
    .mobile-navigation-dialog #workspace-navigation,
    .mobile-navigation-dialog .home-account-links,
    .mobile-navigation-dialog .workspace-account-menu {
        display: flex; flex-direction: column; align-items: stretch; width: 100%; min-height: 0;
        margin: 0; padding: 0; gap: 0; border: 0;
    }
    .mobile-navigation-dialog .home-account-links,
    .mobile-navigation-dialog .workspace-account-menu { margin-top: 16px; padding-top: 12px; border-top: 1px solid #e2e8e4; }
    .mobile-navigation-dialog .home-welcome,
    .mobile-navigation-dialog .welcome-msg { display: none !important; }
    .mobile-navigation-dialog form { width: 100%; margin: 0; }
    /* (v.2.0.57 / 261016 / Codex / Override inherited white header links and centered account buttons inside the drawer only) */
    #mobile-navigation-dialog .mobile-navigation-body a,
    #mobile-navigation-dialog .mobile-navigation-body button,
    #mobile-navigation-dialog .mobile-navigation-footer a,
    #mobile-navigation-dialog .mobile-navigation-footer button {
        display: flex !important; align-items: center; justify-content: flex-start;
        width: 100%; min-width: 0; min-height: 44px; height: auto;
        margin: 0; padding: 11px 18px !important; box-sizing: border-box;
        border: 0 !important; border-radius: 0 !important; box-shadow: none;
        background: #fff !important; color: #374151 !important; font: 600 14px/1.45 Arial, sans-serif; font-size: 14px !important;
        text-decoration: none; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer;
    }
    #mobile-navigation-dialog .mobile-navigation-body a:hover { color: #055c2c !important; background: #edf3ee !important; }
    /* (v.2.0.57 / 261016 / Codex / Mark the current destination with a left accent and keep Logout text-only at the bottom) */
    #mobile-navigation-dialog .mobile-navigation-body a[aria-current="page"] { color: #055c2c !important; background: #edf3ee !important; box-shadow: inset 3px 0 #055c2c; }
    #mobile-navigation-dialog .mobile-navigation-footer a,
    #mobile-navigation-dialog .mobile-navigation-footer button { color: #c0392b !important; background: #fff !important; }
    .mobile-navigation-dialog a:focus-visible,
    .mobile-navigation-dialog button:focus-visible { outline: 2px solid #8caa58; outline-offset: -3px; }
    /* (v.2.0.57 / 261016 / Codex / Apply the same compact heading, group separators and text-only Logout to calculator tools) */
    #mob-slide-panel { height: 100dvh; max-width: calc(100% - 32px); }
    #mob-slide-panel .mob-calculation-body { display: block; width: 100%; flex: 1; min-height: 0; padding-block: 12px; overflow-y: auto; overscroll-behavior: contain; }
    #mob-slide-panel .menu-actions { padding: 0; overflow: visible; }
    #mob-slide-panel .menu-actions button { min-height: 44px; padding: 11px 18px; border: 0; border-radius: 0; font: 400 14px/1.45 Arial, sans-serif; white-space: normal; overflow-wrap: anywhere; }
    #mob-slide-panel .menu-project { margin-top: 8px; padding-block: 8px 0; border: 0; }
    #mob-slide-panel .mob-menu-profile { margin-top: 16px; padding: 23px 18px 11px; border: 0; border-top: 1px solid #e2e8e4; background: #fff; font: 600 14px/1.45 Arial, sans-serif; }
    #mob-slide-panel .mob-calculation-footer { display: block; width: 100%; flex-shrink: 0; padding: 8px 0 calc(12px + env(safe-area-inset-bottom, 0px)); }
    #mob-slide-panel .mob-menu-logout { min-height: 44px; padding: 11px 18px; border: 0; background: #fff; color: #c0392b; font: 600 14px/1.45 Arial, sans-serif; }
    @keyframes mpx-navigation-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
    @media (prefers-reduced-motion: reduce) { .mobile-navigation-dialog[open] { animation: none; } }
}
@media print { .mobile-navigation-dialog { display: none !important; } }