.language-switch { display: inline-flex; gap: 3px; align-items: center; padding: 4px; border: 1px solid #dce4f1; background: #f4f7fd; border-radius: 12px; flex-shrink: 0; }
.language-switch button { border: 0; border-radius: 8px; background: transparent; color: #58667e; padding: 8px 11px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; min-height: 36px; }
.language-switch button[aria-pressed="true"] { background: #245eee; color: #fff; }
.language-switch button:focus-visible { outline: 3px solid #9bb8ff; outline-offset: 2px; }
.language-switch button { width: auto; margin: 0; }
.readonly-value { display: block; min-height: 46px; padding: 12px 14px; border: 1px solid #ccd6e5; border-radius: 10px; background: #f4f5f7; color: #334155; font-size: 16px; line-height: 1.4; }
.auth-card > .language-switch { float: right; margin-bottom: 12px; }
html[lang=en] .app-header { grid-template-columns: minmax(260px, 1fr) auto; gap: 16px 24px; }
html[lang=en] .daily-principle { grid-column: 1 / -1; grid-row: 2; grid-template-columns: auto minmax(180px, 1fr) auto 30px; }
html[lang=en] .daily-principle p { overflow-wrap: normal; }
html[lang=en] .header-actions { grid-column: 2; grid-row: 1; }
html[lang=en] .brand-block h1 { font-size: clamp(25px, 2.3vw, 38px); }
html[lang=en] .header-actions { flex-wrap: wrap; }
html[lang=en] .workspace-tab { min-width: 0; gap: 8px; padding-left: 12px; padding-right: 12px; }
html[lang=en] .workspace-tab strong { font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
html[lang=en] .workspace-tab small { font-size: 12px; line-height: 1.35; }
html[lang=en] .workspace-tab span { flex-shrink: 0; }
html[lang=en] .button, html[lang=en] .small-button, html[lang=en] .choice-option { white-space: normal; line-height: 1.4; }
html[lang=en] .choice-control { flex-wrap: wrap; }
html[lang=en] .status-pill, html[lang=en] .section-note { white-space: normal; line-height: 1.4; }
html[lang=en] .form-card h2 { font-size: clamp(23px, 2vw, 31px); }
html[lang=en] .instrument-field-grid label { min-width: 0; }
html[lang=en] .instrument-field-grid label > span { line-height: 1.45; }
html[lang=en] .history-sidebar:not(.is-collapsed) .history-sidebar-head { flex-wrap: wrap; }
html[lang=en] .history-sidebar:not(.is-collapsed) .sidebar-head-actions { flex-wrap: wrap; max-width: 100%; }
@media (max-width: 1100px) { html[lang=en] .workspace-tab { padding: 10px 8px; } html[lang=en] .workspace-tab small { display: none; } }
@media (max-width: 900px) { html[lang=en] .app-header { grid-template-columns: minmax(0, 1fr); } html[lang=en] .header-actions { grid-column: 1; grid-row: 2; justify-content: flex-start; } html[lang=en] .daily-principle { grid-row: 3; grid-template-columns: minmax(0, 1fr) auto 30px; } html[lang=en] .daily-principle-label { grid-column: 1; grid-row: 1; white-space: normal; } html[lang=en] .daily-principle p { grid-column: 1 / -1; grid-row: 2; } html[lang=en] #quoteExplanationBtn { grid-column: 2; grid-row: 1; } html[lang=en] #refreshPrincipleBtn { grid-column: 3; grid-row: 1; } }
@media (max-width: 700px) { html[lang=en] .workspace-heading { align-items: flex-start; flex-wrap: wrap; } html[lang=en] .current-order-main { flex-wrap: wrap; } .language-switch button { min-height: 40px; } }