/* Dashboard shell shared by /farm and /golden — header, theme button, and the sign-in gate.
   auth.js owns #authbar (who is signed in) and #authgate (the sign-in card); this only styles them.
   Palette matches the landing page: California navy for weight, state gold for accent. */
body:not(.cre-signed) #app, body.cre-locked #app { display: none; }
#shell { display: flex; align-items: center; gap: 22px; margin: -24px -24px 20px; padding: 10px 24px; border-top: 4px solid #fdb515; border-bottom: 1px solid #8884; background: color-mix(in srgb, Canvas 96%, gray); }
#shell .brand { font-weight: 750; letter-spacing: -.02em; text-decoration: none; color: inherit; font-size: 15px; white-space: nowrap; }
#shell .brand span { color: #c9931b; }
#shell nav { display: flex; gap: 16px; font-size: 13px; }
#shell nav a { color: inherit; text-decoration: none; opacity: .7; padding: 4px 0; border-bottom: 2px solid transparent; }
#shell nav a.here { opacity: 1; border-bottom-color: #fdb515; font-weight: 600; }
#shell .spacer { flex: 1; }
#shell .auth { display: flex; align-items: center; }
#shell #authbar { margin: 0; opacity: 1; }
#theme { font: 12px system-ui; padding: 3px 10px; background: transparent; color: inherit; border: 1px solid #8886; border-radius: 12px; cursor: pointer; }
/* the sign-in card: centred over the dimmed shell; auth.js writes its content (brand, message, button) */
body #authgate { background: color-mix(in srgb, Canvas 60%, transparent); backdrop-filter: blur(3px); }
body #authgate .card { border: 1px solid #8884; border-top: 4px solid #fdb515; border-radius: 10px; padding: 30px 34px; max-width: 420px; font: 15px/1.55 -apple-system, system-ui, sans-serif; }
body #authgate .card b { display: block; font-size: 22px; letter-spacing: -.02em; margin-bottom: 8px; }
body #authgate .card b::after { content: "."; color: #c9931b; }
body #authgate .card > div { opacity: .8; margin: 0 0 14px !important; }
body #authgate button { font: 14px/1 system-ui; font-weight: 600; padding: 11px 18px; background: #fdb515; color: #14213d; border: 0; border-radius: 6px; cursor: pointer; }
body #authgate button:hover { filter: brightness(1.06); }