/* ============================================================================ agevend-app.css — THIN app-specific overrides ONLY. The Lifted Design System (/css/ds/styles.css + /css/ds/appkit/_appkit.css) is the SOURCE OF TRUTH for all chrome and components. Put real app-specific tweaks here only when a token or .ap-* class genuinely cannot express them. Prefer adding/extending DS tokens over hardcoding values here. Brand: holdings (set data-brand="holdings" on ). Chrome is dark-only. ============================================================================ */ /* --- Accessibility: skip-link + visually-hidden (used across all templates) --- */ .av-skip-link{position:absolute;top:-100px;left:8px;z-index:200;padding:8px 14px;border-radius:8px;background:var(--brand);color:#fff;font:600 13px/1 var(--font-sans);text-decoration:none;} .av-skip-link:focus{top:8px;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 45%,transparent);} .av-sr-only,.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} /* --- Sticky table header opacity override (DS th is translucent; content bleeds through) --- */ .ap-table th{background:color-mix(in srgb, var(--ink-900) 96%, transparent);} /* --- Orphaned presentational av-* classes (lost styling when legacy agevend.css stopped loading) --- */ .av-mono{font-family:var(--font-mono);} .av-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;} .av-machineid-link{color:var(--brand);text-decoration:none;} .av-machineid-link:hover{text-decoration:underline;} .av-login-submit-label{display:inline-flex;align-items:center;gap:8px;}