:root { --tblr-font-sans-serif: system-ui, -apple-system, "Segoe UI", sans-serif; }
body { font-family: var(--tblr-font-sans-serif); }
.brand { gap: .6rem; font-weight: 700; }
.brand-mark { display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: .6rem; background: #066fd1; color: white; font-size: 1.3rem; font-weight: 800; }
.navbar .nav-link { gap: .7rem; }
.icon { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.auth-container { max-width: 430px; margin: 8vh auto; }
.form-card { max-width: 740px; }
.filter-select { max-width: 320px; }
.steps-copy { padding-left: 1.25rem; }
.steps-copy li { margin: .75rem 0; }
.company-cell { min-width: 170px; max-width: 300px; overflow-wrap: anywhere; }
.changes dd { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 440px; margin-bottom: .65rem; }
.item-error { max-width: 280px; overflow-wrap: anywhere; }
summary { cursor: pointer; color: #066fd1; }
progress { height: .75rem; accent-color: #066fd1; }
.skip-link { position: absolute; top: -100px; left: 1rem; z-index: 9999; background: white; padding: 1rem; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid #066fd1; outline-offset: 3px; }
@media (min-width: 992px) { .sidebar-meta { width: 100%; } }
@media (max-width: 575px) { .page-title { font-size: 1.35rem; } .auth-container { margin-top: 3vh; } }