/* Minimal layout overlay. No theme imports, palette, fonts or component skins.
   Every rule is inactive in Full view. Themes remain separate and unchanged. */
html[data-layout="minimal"] body { min-width: 0 !important; }
html[data-layout="minimal"] [hidden] { display: none !important; }
html[data-layout="minimal"] .topbar { position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 14px !important; }
html[data-layout="minimal"] .topbar .brand { grid-column: 1 / -1 !important; justify-content: center !important; min-width: 0 !important; }
html[data-layout="minimal"] .brand-lockup small, html[data-layout="minimal"] .header-mh-balance, html[data-layout="minimal"] #hamburgerButton { display: none !important; }
html[data-layout="minimal"] .topbar .epoch-pill { grid-column: 1 / -1 !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; padding: 10px !important; }
html[data-layout="minimal"] .topbar .mobile-theme-shortcut { width: 100% !important; min-height: 46px !important; margin: 0 !important; font-size: 12px !important; }
html[data-layout="minimal"] .wallet-actions { width: 100% !important; min-width: 0 !important; }
html[data-layout="minimal"] #headerConnectButton { width: 100% !important; min-width: 0 !important; min-height: 46px !important; padding: 10px !important; }
html[data-layout="minimal"] #headerWalletLabel { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html[data-layout="minimal"] .tabs, html[data-layout="minimal"] .subnav, html[data-layout="minimal"] .view-heading, html[data-layout="minimal"] .side-stack, html[data-layout="minimal"] .advanced, html[data-layout="minimal"] body > footer, html[data-layout="minimal"] .claim-after-strip, html[data-layout="minimal"] #hitCelebration { display: none !important; }
html[data-layout="minimal"] .app-shell { max-width: 560px !important; width: 100% !important; margin: 0 auto !important; padding: 14px !important; }
html[data-layout="minimal"] .app-shell > .view:not(#mine):not(#claim) { display: none !important; }
html[data-layout="minimal"] .app-shell > #mine, html[data-layout="minimal"] .app-shell > #claim { display: block !important; margin: 0 0 14px !important; }
html[data-layout="minimal"] .workspace-grid { display: block !important; }
html[data-layout="minimal"] .card { min-width: 0 !important; padding: 18px !important; }
html[data-layout="minimal"] .card-label { margin-bottom: 14px !important; padding-bottom: 12px !important; font-size: 12px !important; }
html[data-layout="minimal"] #mine .hash-console > :not(.card-label):not(.hashrate-block):not(.mining-actions):not(#batchReady) { display: none !important; }
html[data-layout="minimal"] .hashrate-block { padding: 16px !important; margin-bottom: 16px !important; }
html[data-layout="minimal"] .hashrate-main-row { display: block !important; }
html[data-layout="minimal"] .hashrate-main-row > strong { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 8px !important; }
html[data-layout="minimal"] .hashrate-main-row > strong b { font-size: clamp(32px, 10vw, 52px) !important; line-height: 1.2 !important; }
html[data-layout="minimal"] .hashrate-main-row > strong em { font-size: 13px !important; }
html[data-layout="minimal"] .hashrate-history, html[data-layout="minimal"] .hashrate-history-meta, html[data-layout="minimal"] .meter { display: none !important; }
html[data-layout="minimal"] .mining-actions, html[data-layout="minimal"] .batch-ready-actions { display: block !important; }
html[data-layout="minimal"] .app-shell button { display: none !important; }
html[data-layout="minimal"] .app-shell #startMiningButton:not([hidden]), html[data-layout="minimal"] .app-shell #stopMiningButton:not([hidden]), html[data-layout="minimal"] .app-shell #submitBatchButton:not([hidden]), html[data-layout="minimal"] .app-shell #claimAllButton:not([hidden]), html[data-layout="minimal"] .app-shell #rollEpochBannerButton:not([hidden]) { display: block !important; width: 100% !important; min-height: 52px !important; margin: 0 !important; font-size: 14px !important; }
html[data-layout="minimal"] #batchReady:not([hidden]) { display: block !important; margin-top: 14px !important; padding: 14px !important; }
html[data-layout="minimal"] .batch-ready-copy { margin-bottom: 12px !important; }
html[data-layout="minimal"] .batch-ready-copy strong { font-size: 12px !important; }
html[data-layout="minimal"] #batchReadyMeta { font-size: 11px !important; overflow-wrap: anywhere !important; }
html[data-layout="minimal"] .claim-card > :not(.card-label):not(.claim-amount):not(.claim-cost-summary):not(.claim-expiry):not(.claim-all-box):not(.claim-window-note) { display: none !important; }
html[data-layout="minimal"] .claim-amount { margin-bottom: 16px !important; }
html[data-layout="minimal"] .claim-amount strong { font-size: clamp(32px, 10vw, 52px) !important; line-height: 1.2 !important; overflow-wrap: anywhere !important; }
html[data-layout="minimal"] .claim-amount em { font-size: 14px !important; }
html[data-layout="minimal"] .claim-cost-summary { display: block !important; padding: 12px !important; margin: 0 0 12px !important; }
html[data-layout="minimal"] .claim-cost-summary strong { display: block !important; margin-top: 6px !important; font-size: 15px !important; overflow-wrap: anywhere !important; }
html[data-layout="minimal"] .claim-cost-summary small { font-size: 11px !important; }
html[data-layout="minimal"] .claim-expiry { font-size: 12px !important; padding: 10px !important; margin-bottom: 12px !important; }
html[data-layout="minimal"] .claim-all-box { display: contents !important; margin: 0 !important; padding: 0 !important; }
html[data-layout="minimal"] .claim-all-box > div { margin-bottom: 12px !important; }
html[data-layout="minimal"] .claim-all-box > div > span { display: none !important; }
html[data-layout="minimal"] #claimAllSummary { font-size: 12px !important; line-height: 1.5 !important; overflow-wrap: anywhere !important; }
html[data-layout="minimal"] .claim-window-note { margin-bottom: 0 !important; font-size: 11px !important; line-height: 1.5 !important; }
html[data-layout="minimal"] #epochEndedBanner:not([hidden]) { display: block !important; margin-bottom: 14px !important; }
html[data-layout="minimal"] .epoch-ended-banner-copy { margin-bottom: 12px !important; }
html[data-layout="minimal"] #maintenanceBanner { margin-bottom: 14px !important; }
html[data-layout="minimal"] .toast-stack { max-width: calc(100vw - 24px) !important; }
@media (min-width: 640px) { html[data-layout="minimal"] .topbar { max-width: 560px !important; margin: 0 auto !important; } }
html[data-layout="minimal"] .topbar {
  width: calc(100% - 24px) !important;
  max-width: 536px !important;
  height: auto !important;
  min-height: 0 !important;
  position: relative !important;
  top: auto !important;
  margin: 12px auto 0 !important;
  padding: 16px !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: repeat(4, auto) !important;
  align-items: center !important;
  gap: 12px !important;
}
html[data-layout="minimal"] .topbar .brand { grid-row: 1 !important; grid-column: 1 / -1 !important; justify-self: center !important; margin: 0 !important; padding: 0 !important; }
html[data-layout="minimal"] .topbar .brand-logo { width: 38px !important; height: 38px !important; }
html[data-layout="minimal"] .topbar .brand-wordmark { width: 145px !important; }
html[data-layout="minimal"] .topbar .epoch-pill { grid-row: 2 !important; grid-column: 1 / -1 !important; min-height: 42px !important; margin: 0 !important; }
html[data-layout="minimal"] .topbar .epoch-pill > strong { font-size: 23px !important; }
html[data-layout="minimal"] .topbar .theme-picker, html[data-layout="minimal"] .topbar .theme-picker--menu {
  display: flex !important;
  grid-row: 3 !important;
  grid-column: 1 / -1 !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[data-layout="minimal"] .topbar .theme-picker > span { display: block !important; flex: 0 0 auto !important; font-size: 11px !important; }
html[data-layout="minimal"] .topbar #themeSelect { display: block !important; flex: 1 !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; padding: 8px 12px !important; }
html[data-layout="minimal"] .topbar .wallet-actions { display: contents !important; }
html[data-layout="minimal"] .topbar #hamburgerMenu, html[data-layout="minimal"] .topbar #hamburgerMenu[hidden] { display: contents !important; }
html[data-layout="minimal"] .topbar #hamburgerMenu > :not(.theme-picker) { display: none !important; }
html[data-layout="minimal"] .topbar #mobileThemeShortcut { grid-row: 4 !important; grid-column: 1 !important; padding: 10px 8px !important; font-size: 11px !important; }
html[data-layout="minimal"] .topbar #headerConnectButton { grid-row: 4 !important; grid-column: 2 !important; margin: 0 !important; justify-content: center !important; font-size: 12px !important; }
html[data-layout="minimal"] .topbar:not(:has(#mobileThemeShortcut)) #headerConnectButton { grid-column: 1 / -1 !important; }
html[data-layout="minimal"] .app-shell, html[data-layout="minimal"] .app-shell:has(.epoch-ended-banner:not([hidden])) { padding: 14px 12px 24px !important; }
html[data-layout="minimal"] .hash-console, html[data-layout="minimal"] .claim-card { padding: 18px !important; }
html[data-layout="minimal"] .hash-console .card-label, html[data-layout="minimal"] .claim-card .card-label { margin-bottom: 14px !important; }
html[data-layout="minimal"] .hashrate-block { padding: 16px !important; }
html[data-layout="minimal"] .claim-card .claim-amount { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: baseline !important; gap: 8px !important; padding: 0 !important; margin: 0 0 16px !important; }
html[data-layout="minimal"] .claim-card .claim-amount > span { grid-column: 1 / -1 !important; font-size: 11px !important; letter-spacing: .04em !important; }
html[data-layout="minimal"] .claim-card .claim-amount > strong { padding: 14px 16px !important; font-size: clamp(26px, 8vw, 42px) !important; }
html[data-layout="minimal"] .claim-card .claim-amount > em { margin: 0 !important; padding: 0 !important; font-size: 13px !important; }
html[data-layout="minimal"] .claim-card .claim-cost-summary { min-height: 0 !important; margin: 0 0 12px !important; padding: 12px !important; }
html[data-layout="minimal"] .claim-card .claim-cost-summary strong { font-size: 14px !important; line-height: 1.5 !important; }
html[data-layout="minimal"] .claim-card .claim-cost-summary small { display: inline !important; }
html[data-layout="minimal"] .claim-card .claim-expiry { padding: 10px 12px !important; line-height: 1.5 !important; }
html[data-layout="minimal"] .claim-card .claim-all-box { padding: 0 !important; margin: 0 !important; }
html[data-layout="minimal"] .claim-card .claim-all-box > div { margin-bottom: 12px !important; }
html[data-layout="minimal"] .claim-card:has(#claimAllButton:not(:disabled)) .claim-all-box > div { display: none !important; }
html[data-layout="minimal"] .app-shell #startMiningButton:not([hidden]), html[data-layout="minimal"] .app-shell #stopMiningButton:not([hidden]), html[data-layout="minimal"] .app-shell #submitBatchButton:not([hidden]), html[data-layout="minimal"] .app-shell #claimAllButton:not([hidden]) { min-height: 48px !important; }
html[data-layout="minimal"] .claim-window-note { font-size: 11px !important; line-height: 1.55 !important; }
@media (max-width: 360px) {
  html[data-layout="minimal"] .topbar { padding: 12px !important; gap: 10px !important; }
  html[data-layout="minimal"] .hash-console, html[data-layout="minimal"] .claim-card { padding: 14px !important; }
  html[data-layout="minimal"] .topbar #mobileThemeShortcut, html[data-layout="minimal"] .topbar #headerConnectButton { font-size: 10px !important; }
}


/* Keep the complete brand and picker usable even when a theme's narrow-screen
   header hides the brand or caps the normal theme-picker width. */
html[data-layout="minimal"] .topbar .brand {
  display: flex !important;
  max-width: 100% !important;
}
html[data-layout="minimal"] .topbar .brand-lockup {
  display: grid !important;
  min-width: 0 !important;
}
html[data-layout="minimal"] .topbar .brand-logo,
html[data-layout="minimal"] .topbar .brand-wordmark {
  display: block !important;
}
html[data-layout="minimal"] .topbar .theme-picker,
html[data-layout="minimal"] .topbar .theme-picker--menu {
  box-sizing: border-box !important;
  max-width: none !important;
  justify-self: stretch !important;
}
html[data-layout="minimal"] .topbar #themeSelect {
  box-sizing: border-box !important;
  max-width: none !important;
}
html[data-layout="minimal"] .topbar #headerWalletLabel {
  display: block !important;
  min-width: 0 !important;
}