/* Shared SVG controls: fixed dimensions keep labels and artwork aligned. */
.c-topbar .c-service-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 9px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text);font-size:12px;font-weight:500;line-height:20px;letter-spacing:0;transition:background-color .18s ease,border-color .18s ease,color .18s ease; }
.c-topbar .c-service-btn:hover { background:var(--color-surface-alt);border-color:var(--color-text-muted);color:var(--color-text); }
.c-topbar .c-service-btn:focus-visible { outline:2px solid var(--color-brand);outline-offset:3px; }
.c-topbar .c-service-btn > .fx-icon,.c-topbar .c-theme-toggle :is(.icon-moon,.icon-sun) { width:17px;height:17px;flex:0 0 17px;margin:0; }
.c-topbar .c-theme-toggle :is(.icon-moon,.icon-sun) svg { display:block;width:17px;height:17px; }
.c-topbar .c-theme-toggle .icon-moon { display:inline-flex; }
.c-topbar .c-theme-toggle .icon-sun { display:none; }
[data-theme=dark] .c-topbar .c-theme-toggle .icon-moon { display:none; }
[data-theme=dark] .c-topbar .c-theme-toggle .icon-sun { display:inline-flex; }
.c-topbar-links { gap:6px;flex-shrink:0; }
.c-market-strip { min-width:0;gap:0;align-items:center;flex:1;overflow-x:auto;scrollbar-width:thin; }
.c-market-strip span { text-transform:none;letter-spacing:0; }
.c-market-strip .c-market-caption { flex:0 0 auto;gap:5px;padding-right:12px;color:var(--color-text-muted);font-size:11px; }
.c-market-caption > .fx-icon { width:16px;height:16px; }
.c-market-strip .c-market-quote { display:flex;align-items:center;flex:0 0 auto;gap:6px;padding:6px 12px;border-left:1px solid var(--color-border);font-size:11px;line-height:18px; }
.c-market-name { color:var(--color-text-muted);font-weight:500; }
.c-market-quote strong { font-size:12px;font-weight:600;font-variant-numeric:tabular-nums; }
.c-market-strip .c-market-change { align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-size:10px;color:var(--color-text-muted); }
.c-market-change > .fx-icon { width:12px;height:12px; }
.c-market-quote[data-movement=up] .c-market-change { color:#167346; }
.c-market-quote[data-movement=down] .c-market-change { color:#c3293e; }
.c-market-quote[data-movement=up] .c-market-change > .fx-icon { transform:rotate(180deg); }
.c-market-strip .c-market-light { display:block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;animation:market-light 2.4s ease-in-out infinite; }
@keyframes market-light { 0%,100% { opacity:1; } 50% { opacity:.35; } }
[data-theme=dark] .c-market-quote[data-movement=up] .c-market-change { color:#73d6a5; }
[data-theme=dark] .c-market-quote[data-movement=down] .c-market-change { color:#ff8899; }
@media(min-width:768px) {
 .c-topbar > .container { flex-wrap:wrap;gap:8px 16px;padding-block:6px; }
 .c-topbar .c-topbar-date { font-size:11px; }
 .c-topbar-weather { font-size:11px;max-width:220px;overflow:hidden;text-overflow:ellipsis; }
 .c-header .c-icon-btn { width:42px;height:42px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface); }
 .c-header .c-icon-btn > .fx-icon { width:21px;height:21px; }
 .c-header .c-icon-btn:hover { color:var(--color-brand);background:var(--color-surface-alt);border-color:var(--color-brand); }
 .c-header .c-member-link { display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-weight:500;transition:background-color .18s ease,border-color .18s ease; }
 .c-header .c-member-link > .fx-icon { width:21px;height:21px;flex:0 0 21px; }
 .c-header .c-member-link:hover { border-color:var(--color-brand);background:var(--color-surface-alt); }
 .c-nav .fx-icon { width:18px;height:18px;flex:0 0 18px; }
 .c-nav-list a,.c-nav-more > button { display:inline-flex;align-items:center; }
 .c-nav-more-menu section > a > .fx-icon { width:19px;height:19px;flex:0 0 19px; }
 .c-breaking-controls button > .fx-icon { display:inline-flex;width:17px;height:17px; }
}
@media(min-width:768px) and (max-width:1599px) {
 .c-topbar .c-market-strip { flex-basis:100%;order:4;overflow-x:auto;scrollbar-width:thin;padding-top:3px;border-top:1px solid var(--color-border); }
}
@media(max-width:767px) {
 .c-topbar .c-service-btn.hide-sm,.c-market-strip { display:none; }
 .c-topbar .c-theme-toggle { min-width:32px;padding:4px 6px; }
}
@media(prefers-reduced-motion:reduce) {
 .c-market-strip .c-market-light { animation:none; }
 .c-topbar .c-service-btn,.c-header .c-member-link { transition:none; }
}
