/* Валюта показу й калькулятор курсу. Кольори — змінні з index.html. */
.fx-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:4px;background:var(--s0);border:1px solid var(--line);border-radius:14px;padding:4px}
.fx-seg button{min-height:50px;border:0;border-radius:10px;background:transparent;color:var(--mut);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.1}
.fx-seg button b{font-size:16px;color:var(--tx)}
.fx-seg button small{font-size:11px;font-weight:600}
.fx-seg button[aria-pressed=true]{background:var(--gold);color:var(--gold-ink)}
.fx-seg button[aria-pressed=true] b{color:var(--gold-ink)}
.fx-note{color:var(--mut);font-size:12px;line-height:1.5}
.fx-note a{color:var(--soft)}
.fx-in{display:flex;gap:8px}
.fx-in input{flex:1;min-width:0;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700}
.fx-in select{height:46px;border-radius:12px;border:1px solid var(--line);background:var(--s0);color:var(--tx);padding:0 10px;font:inherit;font-weight:600}
.fx-out{display:flex;flex-direction:column}
.fx-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--s2);font-size:14px}
.fx-row:last-child{border-bottom:0}
.fx-row span{color:var(--mut)}
.fx-row b{font-variant-numeric:tabular-nums}
.big .fx-eq{color:#FCE8FF;font-size:13px;margin-top:2px}