/* Public account actions and observed-market updates within the existing workspace. */
.public-workspace .public-auth-actions{flex-shrink:0;gap:8px}
.public-workspace .public-auth-actions .btn{white-space:nowrap}
@media(width < 768px){
  .public-workspace .topbar{display:flex;flex-wrap:wrap;height:auto;min-height:70px;padding:12px 0;gap:8px}
  .public-workspace .topbar .mobile-brand{flex:1 1 100px;min-width:0;max-width:calc(100% - 204px);overflow-wrap:anywhere}
  .public-workspace .topbar .breadcrumb{display:none}
  .public-workspace .public-auth-actions{margin-left:auto;gap:6px}
  .public-workspace .public-auth-actions .btn{padding:8px 10px;font-size:12px;min-height:40px}
}

.fx-quote-value{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-quote-direction{display:inline-block;width:1em;text-align:center;font-size:.9em}
.fx-quote-up{--fx-tick-color:#087c42;--fx-tick-bg:#dff8e9}
.fx-quote-down{--fx-tick-color:#b83240;--fx-tick-bg:#fff0f0}
.fx-quote-up.fx-flash-a,.fx-quote-down.fx-flash-a{animation:fx-price-a .75s ease-out}
.fx-quote-up.fx-flash-b,.fx-quote-down.fx-flash-b{animation:fx-price-b .75s ease-out}
@keyframes fx-price-a{0%,55%{color:var(--fx-tick-color);background:var(--fx-tick-bg)}100%{color:inherit;background:transparent}}
@keyframes fx-price-b{0%,55%{color:var(--fx-tick-color);background:var(--fx-tick-bg)}100%{color:inherit;background:transparent}}
.fx-dashboard-chart-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.fx-dashboard-chart-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text);padding:10px 8px;min-height:42px;font-size:13px}
.fx-dashboard-chart-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}
.fx-dashboard-currency{max-width:150px;display:grid;gap:4px;font-size:11px;color:var(--muted)}
.fx-dashboard-currency select{width:100%;min-height:38px;font-size:12px}
.fx-dashboard-market .quote-head{margin-top:12px}.fx-dashboard-market .quote-meta{flex-wrap:wrap}
.fx-history-heading,.fx-observed-ticks h3{font-size:13px;margin:16px 0 8px}
.fx-observed-ticks{border-top:1px solid var(--line);margin-top:15px;padding-top:2px;min-width:0}
.fx-observed-ticks>p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 8px}
.fx-tick-chart{min-height:160px;min-width:0}.fx-tick-chart .chart-empty{height:auto;min-height:150px}
.fx-tick-chart .chart-empty p{max-width:100%}
@media(width < 768px){
  .main .dashboard-page .market-ticker{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;margin-top:5px;margin-bottom:12px;scroll-snap-type:x proximity}
  .main .dashboard-page .ticker-item{flex:0 0 162px;min-width:162px;scroll-snap-align:start}
  .fx-dashboard-market .card-head{flex-wrap:wrap}.fx-dashboard-currency{max-width:155px}
  .fx-dashboard-chart-tabs button{font-size:12px;padding:9px 6px;flex:1}
  .fx-dashboard-market .chart-toolbar{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.fx-quote-up.fx-flash-a,.fx-quote-up.fx-flash-b,.fx-quote-down.fx-flash-a,.fx-quote-down.fx-flash-b{animation:none;color:var(--fx-tick-color)}}