/* The entry document remains useful without JavaScript. Only its temporary
   server block changes presentation while the connected view starts. */
.connected-loading,
.connected-load-fallback { display: none; }
html[data-connected-boot="pending"] [data-connected-pending] > .connected-server-content { display: none; }
html[data-connected-boot="pending"] [data-connected-pending] > .connected-loading { display: block; }
.connected-initial { min-height: 65vh; }
.connected-initial .page-head { margin-bottom: 32px; }
.connected-initial-links { margin-top: 28px; font-size: 14px; line-height: 1.7; }
.connected-initial-links a { text-decoration: underline; text-underline-offset: 3px; }
.connected-initial .role-index { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; list-style: none; padding: 0; margin: 24px 0; }
.connected-initial .role-index li { padding: 22px; border: 1px solid var(--line,#d4dfd1); border-radius: 10px; background: var(--white,#fffef8); }
.connected-initial .role-index li > a { font: 650 18px/1.4 Manrope,system-ui,sans-serif; }
.connected-initial .role-index .role-meta { display: block; margin: 12px 0 0; }
.connected-loading { min-height: 520px; }
.connected-loading-status { color: var(--muted,#5d7364); font-size: 13px; line-height: 1.5; margin: 0 0 30px; }
.connected-loading-heading { display: grid; gap: 14px; margin-bottom: 42px; }
.connected-loading-heading span { display: block; height: 14px; width: min(560px,80%); background: #e4e8dc; border-radius: 5px; }
.connected-loading-heading span:first-child { width: 100px; height: 10px; }
.connected-loading-heading span:nth-child(2) { width: min(480px,85%); height: 44px; }
.connected-loading-panels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.connected-loading-panels > div { min-height: 260px; border: 1px solid #e0e5d8; border-radius: 10px; background: #f0f2e9; }
[data-connected-pending="auth"] .connected-loading { max-width: 520px; margin-inline: auto; }
[data-connected-pending="auth"] .connected-loading-panels { display: block; }
[data-connected-pending="auth"] .connected-loading-panels > div { min-height: 280px; }
[data-connected-pending="auth"] .connected-loading-panels > div + div { display: none; }
html[data-connected-boot="fallback"] .connected-load-fallback { display: block; padding: 14px 18px; margin-bottom: 24px; border-left: 3px solid #8ca17e; background: #eaf0e2; color: var(--ink,#163e2e); font-size: 13px; line-height: 1.6; }
@media(max-width:760px) {
  .connected-initial .role-index { grid-template-columns: 1fr; }
  .connected-loading-panels { grid-template-columns: 1fr; }
  .connected-loading-panels > div { min-height: 210px; }
  .connected-loading-panels > div + div { display: none; }
  .connected-loading-heading span:nth-child(2) { height: 34px; }
}