/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ /* "Clear all" filter affordance — pinned top-right of every filter panel * for muscle-memory consistency across silos. Approved 2026-05-28 per * `docs/ai/high-fidelity-mocks/clear-all-2026-05-28-filters.html`. * Host filter panels need `position: relative` so this anchors correctly. */ .filter-clear-all { position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 11px; color: #94a3b8; cursor: pointer; text-decoration: underline; padding: 2px 4px; font-family: inherit; } .filter-clear-all:hover { color: #1e3a5f; } .filter-clear-all:disabled, .filter-clear-all.is-disabled { color: #cbd5e1; cursor: default; text-decoration: none; } /* Turbo page-load progress bar. * Turbo injects a div.turbo-progress-bar at the top of ~500ms into * any navigation that hasn't completed. Default styling is a blue stripe; * we restyle it to amber (matches the globe spinner + app accent) with a * subtle glow so it reads as the "language program" loading state. */ .turbo-progress-bar { height: 3px; background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 60%, #fde68a 100%); box-shadow: 0 0 6px rgba(245, 158, 11, 0.55); } /* ▶ Text-to-speech button — the site-standard "hear this Italian" affordance, * emitted by shared/_tts_button. Four silos carry the class: exercises, * quizerator, verb_drill, stars. * * IT LIVES HERE, GLOBALLY, BECAUSE THE PARTIAL CARRIES NO