/* Shared navigation for the real application. Existing navigation remains a no-JS fallback. */
.mr-ready{--accent:#174d75;--line:#e0e5eb;--muted:#606b77;background:#f7f8fa;color:#20262d}
.mr-ready main{max-width:960px;padding:24px 32px 44px;min-width:0}
.mr-ready main>.app-header,.mr-ready main>.app-nav,.mr-ready main>h1{display:none}
.mr-header{position:sticky;top:0;z-index:30;background:#f7f8faf5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top)}
.mr-header-inner{display:flex;align-items:center;gap:14px;max-width:960px;margin:auto;padding:12px 32px}
.mr-icon{width:24px;height:24px;flex:none;vertical-align:middle;object-fit:contain}
button.mr-icon-button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:10px;background:transparent;color:var(--accent);border:1px solid var(--line);border-radius:12px}
button.mr-icon-button:hover{background:#eaf0f5}
.mr-brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:#20262d;font-size:18px;font-weight:650;letter-spacing:-.4px}
.mr-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e8eef3;color:var(--accent)}
.mr-profile{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;margin-left:auto;background:white;border:1px solid var(--line);color:var(--accent)}
.mr-page-heading{margin:14px 0 24px}.mr-page-heading h1{font-size:clamp(26px,4vw,34px);line-height:1.2;letter-spacing:-1px;margin:0}
.mr-page-heading h1:focus{outline:none}.mr-page-heading h1:focus-visible{outline:3px solid #3980b6;outline-offset:6px}
.mr-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(330px,88vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:24px 18px calc(24px + env(safe-area-inset-bottom));border:0;border-right:1px solid var(--line);background:#fff;color:#20262d;overflow-y:auto;box-shadow:14px 0 50px #102f4726}
.mr-drawer:not([open]){display:none}.mr-drawer[open]{animation:mr-slide-in .18s ease-out}
.mr-drawer::backdrop{background:#102f4770;backdrop-filter:blur(2px)}
.mr-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding-top:env(safe-area-inset-top)}
.mr-drawer-heading h2{font-size:20px;letter-spacing:-.5px;margin:0}
.mr-drawer nav{display:grid;gap:5px}.mr-drawer nav a{display:flex;align-items:center;gap:14px;padding:13px 14px;min-height:50px;border-radius:12px;color:#495664;text-decoration:none;font-size:15px;font-weight:500}
.mr-drawer nav a:hover{background:#f4f7fa}.mr-drawer nav a[aria-current=page]{background:#eaf0f5;color:var(--accent);font-weight:650}
.mr-drawer [data-mr-route=familia] .mr-icon{color:#b34769}.mr-drawer [data-mr-route=instalar]{margin-top:16px}
.mr-menu-open{overflow:hidden}.mr-ready section{border-radius:20px;box-shadow:none}.mr-ready #screen-conta{margin:0 auto;max-width:540px}
.mr-ready #family-account{margin:0 0 18px}.mr-ready #family-account:not([open]){background:transparent;border-color:transparent;padding-left:0}
.mr-ready .profile-tabs{margin:0 0 20px;gap:8px}.mr-ready .profile-tabs a{font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 8px}
.mr-ready .profile-tabs .mr-icon{width:19px;height:19px}.mr-ready .profile-tabs a:not([aria-current=page]) .mr-family-icon{color:#b34769}
.mr-ready #family-profile>h2,.mr-ready #family-sharing>h2,.mr-ready #health-exams>h2{font-size:21px}
.mr-ready #google-agenda h2{display:flex;align-items:center;gap:12px}.mr-ready #sync{display:flex;align-items:center;justify-content:center;gap:10px}
.mr-ready #sync img{background:white;border-radius:4px;padding:2px}.mr-ready #google-agenda{scroll-margin-top:110px}
.mr-ready .guide-nav a{display:inline-flex;align-items:center;gap:9px;background:white}.mr-ready .install-guide h2{display:flex;gap:10px;align-items:center}
.mr-ready .avatar-actions button,.mr-ready .avatar-options button,.mr-ready .avatar-colors button{margin-top:0}
@keyframes mr-slide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(min-width:800px){.mr-ready .entry-card{max-width:600px;margin:20px auto}.mr-ready #family-profile{max-width:680px;margin:20px auto}.mr-ready .install-guide{max-width:800px}}
@media(max-width:600px){.mr-ready main{padding:18px 18px calc(30px + env(safe-area-inset-bottom))}.mr-header-inner{padding:10px 18px;gap:10px}.mr-brand{font-size:17px}.mr-brand-mark{width:30px;height:30px}.mr-brand-mark .mr-icon{width:21px;height:21px}.mr-page-heading{margin:10px 0 20px}.mr-ready .profile-tabs a{font-size:12px;gap:5px}.mr-ready section{padding:22px 18px}.mr-ready .entry-card{padding:24px 20px}.mr-ready #family-account{padding:10px 14px}.mr-ready #family-account:not([open]){padding-left:0}.mr-ready .exam-view .form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mr-drawer[open]{animation:none}}

.mr-ready #sync::before{content:"";display:block;flex:none;width:24px;height:24px;background:white url("/horarios/google-logo.png") center/20px 20px no-repeat;border-radius:5px}
.mr-profile[hidden]{display:none}