diff --git a/app/static/css/cassandra.css b/app/static/css/cassandra.css index b4b6f6b..ad3e798 100644 --- a/app/static/css/cassandra.css +++ b/app/static/css/cassandra.css @@ -136,6 +136,35 @@ a:hover { text-decoration: underline; } color: var(--bg); } +/* Language toggle in the topbar — same visual rhythm as the tone + * toggle so the two controls read as a pair. Only EN and IT are + * visible here; the WIP languages (ES/FR/DE) live in /settings. */ +.lang-toggle { + display: inline-flex; + border: 1px solid var(--border); + font-family: var(--font-mono); + font-size: 10.5px; + letter-spacing: 0.06em; + text-transform: uppercase; +} +.lang-toggle button { + background: transparent; + color: var(--muted); + border: 0; + padding: 4px 8px; + cursor: pointer; + font: inherit; + letter-spacing: inherit; + text-transform: inherit; +} +.lang-toggle button + button { border-left: 1px solid var(--border); } +.lang-toggle button:hover { color: var(--accent); } +.lang-toggle[data-lang="en"] button[data-value="en"], +.lang-toggle[data-lang="it"] button[data-value="it"] { + background: var(--accent); + color: var(--bg); +} + .app-main { padding: 14px; display: grid; @@ -1020,6 +1049,46 @@ details[open] .pf-analysis__head-left::before { content: "▾ "; } margin-left: 8px; } +/* Terminal-aesthetic