/* =================================================================== STEAM Teams CC — Public Shell stylesheet /assets/css/shell.css One shared file, linked in on every surface. Reserves the header's height/colour before shell.js runs (no layout shift, no white flash) and carries the two values D9 exists to keep identical across pages: 56/64px and #1C355E. Per Design Spec v4 §10.2.1, no page carries shell CSS of its own. =================================================================== */ #shell-root { height: 56px; background: #1C355E; } @media (min-width: 768px) { #shell-root { height: 64px; } } /* Elevation on scroll — toggled by shell.js via a passive scroll listener class */ #shell-header.shell-scrolled { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } /* ── Form field legibility fix — moved from index.html, 2026-08-13 ── No input, select, or textarea in this portal sets an explicit text colour, so every field inherits its container's colour. Inside a light-on-dark section (e.g. the navy hero) that produces white text on a white field: the placeholder shows, but anything typed is invisible. This sets the colour explicitly for every field on every page that links this stylesheet. Do not remove without giving each field its own colour. !important is required: the Tailwind CDN injects its preflight at runtime, after this stylesheet loads, and preflight sets `color: inherit` on form controls. Without !important the inherited (light) colour wins and typing is invisible again — that bug blocked all testing for a day on 2026-08-11. */ input, select, textarea { color: #1c1f24 !important; background-color: #ffffff !important; } input::placeholder, textarea::placeholder { color: #6b7280; opacity: 1; } input:-webkit-autofill, input:-webkit-autofill:focus { -webkit-text-fill-color: #1c1f24; -webkit-box-shadow: 0 0 0 1000px #ffffff inset; }