/* The shell's own chrome only. A mounted module brings its own stylesheet. */
:root { color-scheme: light; }
body { margin: 0; font: 14px/1.4 system-ui, sans-serif; background: #f7f7f5; color: #1f2933; }
.shell-header { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; padding: max(14px, env(safe-area-inset-top)) 18px 14px; background: #17211f; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.shell-brand { display: inline-flex; align-items: center; min-width: 0; color: #dbeaf0; letter-spacing: 3px; line-height: 1; white-space: nowrap; text-decoration: none; }
.shell-logo-word { font-size: 30px; font-weight: 700; }
.shell-logo-script { position: relative; top: -1px; margin: 0 -1px 0 1px; color: #4a91b3; font: italic 58px/1 Georgia, "Times New Roman", serif; letter-spacing: 0; }
.shell-user { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .82); font-size: 13px; font-weight: 700; }
#portalShellAuthStatus { overflow-wrap: anywhere; }
.shell-header .shell-sign-out { flex-shrink: 0; min-height: 30px; padding: 5px 9px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 0; background: rgba(255, 255, 255, .08); color: #fff; font: 700 12px Arial, Helvetica, sans-serif; cursor: pointer; }
.shell-header .shell-sign-out:hover, .shell-header .shell-sign-out:focus-visible { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .42); }
.shell-nav { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.shell-nav a { color: #dbeaf0; text-decoration: none; }
.shell-nav a[aria-current="page"] { font-weight: 600; text-decoration: underline; }
.shell-outlet { min-height: 60vh; }
.shell-status { padding: 1rem; color: #52606d; }
@media (max-width: 1100px) { .shell-nav { order: 3; flex-basis: 100%; } }
@media (max-width: 600px) { .shell-header { gap: 10px; padding-inline: 12px; } .shell-logo-word { font-size: 24px; } .shell-logo-script { font-size: 46px; } .shell-user { max-width: 100%; } }