/* Public offline shell and connection notices; existing utility components do the rest. */
.registro-offline {
 --forest:#00345e;--green:#00345e;--ink:#071b2b;--muted:#4d6d8e;--line:#b8cbdc;--panel:#fff;--cream:#f7f9fb;
 --theme-link:#00345e;--theme-line:#b8cbdc;--theme-softbg:#edf4fa;
 margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 min-height:100vh;min-height:100dvh;
}
.registro-offline *, .offline-status * { box-sizing:border-box; }
/* Brand markup, typography, logo and spacing come from the online styles.
   Only the containing sidebar becomes a static header in the public shell. */
body.registro-offline #app .offline-header { position:static!important;height:auto!important;min-height:0!important;width:100%!important; }
body.registro-offline #app .offline-header .brand { margin-bottom:0!important; }
.offline-status { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px clamp(16px,3vw,32px);background:#edf4fa;color:#00345e;border-bottom:1px solid #b8cbdc; }
.offline-status h1 { font:700 21px/1.25 system-ui,sans-serif;margin:0 0 6px; }
.offline-status p { font:400 14px/1.5 system-ui,sans-serif;margin:0;max-width:75ch; }
.offline-status .outline { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #b8cbdc;border-radius:10px;background:white;color:#00345e;text-decoration:none;font-weight:650; }
.offline-status [hidden] { display:none; }
body.registro-offline #app { display:block;width:100%;min-height:0; }
body.registro-offline #app .content { width:100%;min-width:0;margin:0;max-width:none;padding:clamp(12px,2vw,24px) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
body.registro-offline #app .topbar h1 { font-family:inherit; }
body.registro-offline #app .utility-dashboard .utility-choices { grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr; }
body.registro-offline #app .utility-dashboard .utility-choices .utility-choice:nth-child(n) { grid-column:auto; }
body.registro-offline #app.registro-wordpress-app .utilities-page.utility-dashboard { min-height:0; }
body.registro-offline #app.registro-wordpress-app .utility-dashboard .utility-choices { flex:0 0 auto;grid-auto-rows:auto;min-height:clamp(220px,38dvh,400px); }
body.registro-offline #app .utility-heading > .eyebrow { display:none; }
.offline-preparation { position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10000;border:1px solid #b8cbdc;border-radius:12px;background:white;padding:16px;color:#00345e;box-shadow:0 4px 18px #092c501a;font:14px/1.5 system-ui,sans-serif; }
@media(max-width:380px) { body.registro-offline #app .utility-dashboard .utility-choices { grid-template-columns:1fr; } }