/* Leftover from the original ASP.NET Core MVC scaffold (`dotnet new mvc`'s default site.css): it set the root font-size to 14px on mobile / 16px from 768px up, which directly conflicts with NSW's own `html{font-size:100%}` reset (designsystem.nsw.gov.au) — since EVERY NSW font-size/spacing value is expressed in rem, this silently shrank the entire Design System's type/spacing scale by 12.5% (14/16) on any viewport under 768px (real mobile devices, or a narrow desktop window), while only "accidentally" matching the NSW spec at wider widths, and only for users whose browser default is exactly 16px. Removed outright so NSW's own 100% (i.e. "respect the browser/user font-size setting") rule applies everywhere, uncontested. */ /* Also leftover scaffold cruft: targeted Bootstrap's own .btn/.form-control/.form-check-input classes, none of which remain anywhere in this app after the full NSW component re-skin — this rule has been fully dead code since then. Removed rather than left to bit-rot further. */ html { position: relative; min-height: 100%; } body { margin-bottom: 60px; } /* Bootstrap's reboot re-declares `body{font-family:var(--bs-body-font-family)}` (its own system-font stack, NOT Public Sans) and `button,input,select,textarea{font-family:inherit}` at the SAME specificity as NSW's equivalent rules — and since Bootstrap's stylesheet is loaded AFTER NSW's in _Layout.cshtml, Bootstrap wins the cascade tie, silently overriding Public Sans with the browser's default system font on (and therefore on every plain heading/paragraph/label that just inherits font-family) and on every form control. site.css loads last of all, so reasserting NSW's font-family here wins outright and restores Public Sans site-wide, matching the actual NSW Digital Design System. */ body, button, input, select, textarea { font-family: var(--nsw-font-family); } /* Header account area (right side of the NSW masthead) — not a stock NSW DDS component; matches the account-widget pattern used by other NSW Gov services. */ .nsw-header__account { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 0.2rem; text-align: right; } .nsw-header__account-row { display: flex; align-items: center; gap: 0.5rem; } .nsw-header__avatar { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background-color: #002664; color: #fff; font-weight: 700; font-size: 0.75rem; flex-shrink: 0; } .nsw-header__account-org { font-size: 0.75rem; text-transform: uppercase; color: #55565b; } /* NSW's .nsw-form__helper--error/--valid always paint a padded background box, even with no message text (asp-validation-for renders an empty span until there's an actual error) — hide the box entirely when it has no content. */ .nsw-form__helper--error:empty, .nsw-form__helper--valid:empty { display: none; } /* The NSW form template's error/valid helper text is normally preceded by a material-icons child span (see designsystem.nsw.gov.au/components/form) — but that markup can't be injected inside asp-validation-for's own span (the tag helper overwrites its content with the validation message) without breaking the :empty rule above. Render the icon via a ::before ligature instead: it's not a real child node, so :empty still correctly detects "no error" and hides the box. */ .nsw-form__helper--error:not(:empty)::before, .nsw-form__helper--valid:not(:empty)::before { font-family: "Material Icons"; margin-right: 0.25rem; vertical-align: text-bottom; } .nsw-form__helper--error:not(:empty)::before { content: "cancel"; } .nsw-form__helper--valid:not(:empty)::before { content: "check_circle"; } /* Port of legacy's .msg-attention/.center/.larger (Themes/theme01/css/site.css) — the "Next System Test Date Based on X Year(s) Time Interval" banner on the Test Result form, computed from Test Conducted Date + Retest Interval. Colors match legacy exactly. */ .next-test-date-banner { background-color: #faeeaa; border: 1px solid #ffd800; padding: 20px 10px; margin: 10px 0; text-align: center; color: #000; } .next-test-date-banner .larger { font-size: 30px; } /* NSW's .nsw-card is designed as a clickable teaser link (its :hover state darkens the whole card as click affordance) but throughout this app it's reused as a plain static panel — a

, never an — for grouping content like forms or summaries. Cancel the hover-darkening only for that div usage (restoring .nsw-card__content's own resting values exactly — border-color must stay var(--nsw-grey-03), matching its non-hover value, not var(--nsw-brand-dark) which still visibly changed the border on hover); a real future `` link card would still get NSW's intended hover feedback. */ div.nsw-card:hover .nsw-card__content { background-color: var(--nsw-white); border-color: var(--nsw-grey-03); } div.nsw-card:hover, div.nsw-card:hover .nsw-material-icons, div.nsw-card:hover a { color: inherit; } div.nsw-card, div.nsw-card .nsw-card__content { transition: none; } /* Legacy's ContentHeader (Template/global.Master) is one

holding the page heading, the Help link and the "Change Systems Display List" dropdown on a single line, the latter two floated right (.help { float: right }). Reproduced as flex rather than floats, inside the nsw-masthead--light banner this app already uses for page titles. Not a stock DDS component — hence the cps- prefix rather than a fake nsw- one. / .cps-page-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; } .cps-page-headingtitle { margin: 0; } .cps-page-headingactions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; / justify-content: space-between only right-aligns these while they share the row with the title. A long title (OrgInvite's runs the full width) pushes them onto their own line, where space-between leaves them at flex-start; margin-left keeps them right-aligned either way. / margin-left: auto; } / The scope