/* Pool Language R1 — space for translated interface labels, without changing data. */
html[data-pool-language] .pool-language-switch {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(44px, 1fr));
  flex: 0 0 auto;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line-strong, #343944);
  border-radius: 12px;
  background: #10131a;
}
html[data-pool-language] .pool-language-switch > .pool-language-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #aeb8c8;
  font: 700 12px/1.25 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .025em;
  cursor: pointer;
}
html[data-pool-language] .pool-language-option:hover { color: #fff; background: #1a202b; }
html[data-pool-language] .pool-language-option[aria-pressed="true"] {
  color: #fff;
  border-color: #8f4555;
  background: #351c24;
}
html[data-pool-language] .pool-language-option:focus-visible {
  outline: 2px solid #b68dff;
  outline-offset: 2px;
}
html[data-pool-language] .pool-language-switch--mobile { width: 100%; margin-top: 7px; }
html[data-pool-language] .pool-header-inner { gap: 16px; }
html[data-pool-language] .pool-header-inner > :is(.brand, .pool-brand-label, .pool-global-nav, .pool-mobile-menu, .pool-live) { flex-shrink: 0; }
html[data-pool-language] .pool-global-nav { align-items: center; gap: 16px; }
html[data-pool-language] .pool-global-nav a { white-space: nowrap; }
html[data-pool-language] .pool-live { max-width: 175px; letter-spacing: .025em; }
html[data-pool-language] .pool-live i { flex: 0 0 7px; }
html[data-pool-language] .pool-live > span { min-width: 0; overflow-wrap: anywhere; }

/* Natural lines and automatic hyphenation for interface prose, never wallet data. */
html[data-pool-language] :is(.view-heading, .pool-panel-head, .pool-history-head, .native-section-heading, .cabinet-section-heading, .miner-merge-head, .h2-overview-toolbar) > div { min-width: 0; }
html[data-pool-language] :is(.dashboard-main, .pool-intro-copy) :is(h1, h2, h3, h4, h5, p, label) {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}
html[data-pool-language] .pool-intro.pool-hero h1 { overflow-wrap: anywhere; }
html[data-pool-language] :is(code, .mono, .hash-cell, .hash-link, input, [data-miner-address]) { hyphens: none; }
html[data-pool-language] .pool-panel-head { flex-wrap: wrap; padding-block: 12px; gap: 10px 18px; }
html[data-pool-language] .pool-panel-head > :is(h3, a, button) { min-width: 0; max-width: 100%; overflow-wrap: break-word; }
html[data-pool-language] .view-heading { flex-wrap: wrap; gap: 12px 24px; }
html[data-pool-language] .refresh-note { white-space: normal; overflow-wrap: break-word; }
html[data-pool-language] :is(.pool-hero-actions .button, .merged-connect-strip .button, .copy-button, .native-connection button, .btc-account-search button, .miner-search button) {
  min-height: 44px;
  height: auto;
  padding-block: 10px;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 1.4;
}
html[data-pool-language] :is(.mining-mode-tabs, .pool-history-modes) { align-items: stretch; }
html[data-pool-language] :is(.mining-mode-tabs, .pool-history-modes) > button { white-space: normal; overflow-wrap: break-word; hyphens: auto; }
html[data-pool-language] [data-miner-mode-button] { min-width: 0; max-width: 100%; min-height: 44px; white-space: normal; overflow-wrap: break-word; hyphens: auto; }
html[data-pool-language] .dashboard-tab { white-space: nowrap; }
html[data-pool-language] :is(.dashboard-tabs, .filter-bar) { max-width: 100%; }
html[data-pool-language] .data-table-wrap { min-width: 0; max-width: 100%; }
html[data-pool-language] .financial-period { max-width: 100%; white-space: normal; }

/* Labels reserve a shared minimum line count; rows can grow when text needs it. */
html[data-pool-language] .pool-metric > small,
html[data-pool-language] #panel-miners .native-window-grid small,
html[data-pool-language] #panel-miners .h3-rate small,
html[data-pool-language] #panel-miners .asset-balance dt,
html[data-pool-language] #panel-miners .miner-financial-strip small {
  min-height: 3em;
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
html[data-pool-language="ru"] :is(.pool-metric small, .miner-live-main > small, .miner-live-stat small, .miner-financial-strip small),
html[data-pool-language="de"] :is(.pool-metric small, .miner-live-main > small, .miner-live-stat small, .miner-financial-strip small) { letter-spacing: .025em; }
html[data-pool-language] #panel-overview .merge-overview-metrics small,
html[data-pool-language] #panel-overview .overview-profiles-panel .profile-value small,
html[data-pool-language] #panel-overview .overview-accounting-panel .integrity-item > span {
  display: block;
  min-height: 3em;
  line-height: 1.5;
  overflow-wrap: anywhere;
  hyphens: auto;
}
html[data-pool-language] .native-profile-card header { flex-wrap: wrap; }
html[data-pool-language] :is(.native-telemetry-state, .stats-v2-availability, .pool-history-badge) { max-width: 100%; white-space: normal; overflow-wrap: break-word; }
html[data-pool-language] #panel-miners .miner-live-main h3 {
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  overflow-wrap: break-word;
  line-height: 1.3;
}
html[data-pool-language] #panel-miners .miner-live-stat small { overflow-wrap: anywhere; hyphens: auto; }
html[data-pool-language] #panel-miners .miner-merge-head { flex-wrap: wrap; }
html[data-pool-language] #panel-miners .miner-merge-head > div { min-width: 0; max-width: 100%; }
html[data-pool-language] #panel-miners .asset-balance > div:first-child > strong { min-width: 0; overflow-wrap: break-word; }
html[data-pool-language] #panel-miners .asset-symbol.asset-logo { flex-shrink: 0; }

/* Never replace full financial values with an ellipsis to fit a translation. */
html[data-pool-language] .pool-metric strong,
html[data-pool-language] #panel-miners .miner-financial-strip strong,
html[data-pool-language] #panel-miners .asset-balance dd,
html[data-pool-language] #panel-miners .personal-rewards-main > strong,
html[data-pool-language] #panel-miners .miner-live-stat strong {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: none;
  font-variant-numeric: tabular-nums;
}
html[data-pool-language] .pool-history-head { flex-wrap: wrap; }
html[data-pool-language] .pool-history-ranges { max-width: 100%; }
html[data-pool-language] .pool-history-ranges button { padding-inline: 9px; }
html[data-pool-language] .pool-history-reading > strong { max-width: 100%; overflow-wrap: anywhere; }

/* Menu breakpoint includes the language control and longer translated links. */
@media (max-width: 1200px) {
  html[data-pool-language] .pool-global-nav,
  html[data-pool-language] .pool-language-switch--desktop { display: none; }
  html[data-pool-language] .pool-mobile-menu { display: block; margin-left: auto; }
  html[data-pool-language] .pool-live { margin-left: 0; }
  html[data-pool-language] #panel-miners [data-cabinet-section="native-rewards"] .miner-primary-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html[data-pool-language] .pool-header-inner { gap: 14px; }
  html[data-pool-language] .pool-mobile-menu nav { right: 0; max-height: calc(100dvh - 86px); overflow-y: auto; }
  html[data-pool-language] .pool-mobile-menu nav a { overflow-wrap: break-word; }
  html[data-pool-language] .dashboard-tab-mobile-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1fr); }
  html[data-pool-language] .dashboard-tab-mobile-controls > * { min-width: 0; overflow-wrap: break-word; }
  html[data-pool-language] .dashboard-tab-mobile-controls button { padding-inline: 8px; white-space: normal; line-height: 1.4; }
  html[data-pool-language] .stats-card-table tbody td { grid-template-columns: minmax(0, 40%) minmax(0, 1fr); }
  html[data-pool-language] .stats-card-table tbody td::before { min-width: 0; overflow-wrap: anywhere; hyphens: auto; letter-spacing: .015em; }
}
@media (max-width: 640px) {
  html[data-pool-language] #panel-miners [data-cabinet-section="native-rewards"] .miner-primary-metrics,
  html[data-pool-language] #panel-miners [data-cabinet-section="merged-rewards"] .asset-balance dl,
  html[data-pool-language] #panel-miners .miner-financial-strip { grid-template-columns: minmax(0, 1fr); }
  html[data-pool-language] #panel-miners [data-cabinet-section="native-rewards"] .pool-metric > small,
  html[data-pool-language] #panel-miners .asset-balance dt,
  html[data-pool-language] #panel-miners .miner-financial-strip small { min-height: 0; }
  html[data-pool-language] #panel-miners [data-cabinet-section="merged-rewards"] .asset-balance dd { text-align: left; }
  html[data-pool-language] #panel-miners [data-reward-details] td::before,
  html[data-pool-language] #panel-miners [data-btc-financial-history] td::before { overflow-wrap: anywhere; hyphens: auto; letter-spacing: .015em; }
}
@media (max-width: 480px) {
  html[data-pool-language] #panel-miners [data-cabinet-section="native-rewards"] .pool-metric strong,
  html[data-pool-language] #panel-miners [data-cabinet-section="merged-rewards"] .personal-rewards-main > strong { font-size: 22px; line-height: 1.35; }
  html[data-pool-language] #panel-miners .h3-rates .h3-rate { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html[data-pool-language] #panel-miners .h3-rates .h3-rate small { min-height: 0; overflow-wrap: anywhere; }
  html[data-pool-language] #panel-miners .h3-rates .h3-rate strong { min-width: 0; max-width: 100%; text-align: right; white-space: normal; overflow-wrap: anywhere; }
  html[data-pool-language] .mining-mode-tabs { flex-wrap: wrap; }
  html[data-pool-language] .mining-mode-tabs > button { flex-basis: 100%; }
}
@media (max-width: 359px) {
  html[data-pool-language] #panel-miners .h3-rates .h3-rate { grid-template-columns: minmax(0, 1fr); }
  html[data-pool-language] #panel-miners .h3-rates .h3-rate strong { text-align: left; }
}
@media (forced-colors: active) {
  html[data-pool-language] .pool-language-switch { border-color: ButtonText; }
  html[data-pool-language] .pool-language-option[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -3px; }
}
