/* v122: exact manual range and separate API account. Earlier immutable styles stay intact. */
#root .manual-range-v122 {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px; padding: 22px; border-top: 1px solid var(--line, #27394d);
}
#root .manual-range-field-v122 { min-width: 0; }
#root .manual-range-label-v122 { display: block; color: #b7c2d1; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
#root .manual-range-inputs-v122 { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 10px; min-width: 0; }
#root .manual-range-inputs-v122 .app-select-v9 { min-width: 0; margin-top: 0; }
#root .manual-range-inputs-v122 .app-select-trigger-v9 { min-height: 48px; padding: 12px 14px; }
#root .manual-clock-v122 { display: block; position: relative; min-width: 0; }
#root .manual-clock-v122 > svg { position: absolute; right: 11px; top: 16px; color: #879bb0; pointer-events: none; }
#root .manual-clock-v122 input {
  width: 100%; min-width: 0; height: 48px; margin: 0; padding: 10px;
  box-sizing: border-box; padding-right: 33px; border: 1px solid #2b4055; border-radius: 13px;
  background: #080f18; color: #edf3fa; color-scheme: dark;
  font: 700 15px Arial, Helvetica, sans-serif;
}
#root .manual-range-inputs-v122 input:hover { border-color: #76994a; }
#root .manual-range-inputs-v122 input:focus-visible { outline: 2px solid #91ff00; outline-offset: 3px; }
#root .manual-range-preview-v122 {
  display: flex; align-items: center; gap: 14px; grid-column: 1 / -1;
  min-width: 0; padding: 16px; background: #0a1520; border: 1px solid #2b4055; border-radius: 13px;
}
#root .manual-range-preview-v122 > div { display: grid; gap: 7px; min-width: 0; }
#root .manual-range-preview-v122 small { color: #879bb0; font-size: 12px; line-height: 1.5; }
#root .manual-range-preview-v122 strong { color: #edf3fa; font: 700 15px/1.5 Arial, Helvetica, sans-serif; }
#root .manual-range-error-v122 { color: #ff929e; font-size: 13px; line-height: 1.5; margin: 0; }
#root .manual-range-legacy-v122 { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#root .manual-range-legacy-v122 small { color: #879bb0; font-size: 12px; line-height: 1.5; }
#root .manual-range-legacy-v122 button, #root .api-refresh-v122 {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 14px; border: 1px solid #334b62; border-radius: 12px;
  color: #d9e4ef; background: #0e1b28; font: 700 13px/1.4 Arial, Helvetica, sans-serif;
  white-space: nowrap; cursor: pointer; transform: none !important;
}
#root .manual-range-legacy-v122 button:hover, #root .api-refresh-v122:hover:not(:disabled) { border-color: #91ff00; background: #15271f; }
#root .manual-range-legacy-v122 button:focus-visible, #root .api-refresh-v122:focus-visible { outline: 2px solid #91ff00; outline-offset: 3px; }
#root .api-refresh-v122:disabled { opacity: .6; cursor: progress; }
#root .settings-page-v6 > .settings-choices-v122 { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; }
#root .settings-choices-v122 .settings-choice-v122 { margin: 0 !important; min-width: 0; border-radius: 16px !important; }
#root .settings-choice-v122 .settings-section-heading {
  height: 100%; min-width: 0; box-sizing: border-box; display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-content: start; padding: 20px !important; border: 0 !important;
}
#root .settings-choice-v122 .settings-section-icon { width: 44px; height: 44px; margin: 0; grid-row: 1; }
#root .settings-choice-copy-v122 { min-width: 0; align-self: center; }
#root .settings-choice-copy-v122 small { display: block; margin-top: 8px; color: #879bb0; font-size: 13px; line-height: 1.5; }
#root .settings-choice-actions-v122 { display: flex; align-items: center; gap: 12px; grid-column: 2; margin-top: 3px; }
#root .settings-choice-actions-v122 .allowed-markets-count-badge-v58 { flex: 0 0 auto; }
#root .settings-choice-actions-v122 button { margin-left: auto; min-height: 44px; transform: none !important; }
#root .settings-page-v6 > .notifications-section-v15 { grid-row: 4; }
#root .settings-page-v6 > .advanced-group-v89 { grid-row: 5; }
#root .settings-page-v6 > .settings-actions-v6 { grid-row: 6; }
#root .api-page-v122 { min-width: 0; display: grid; gap: 20px; }
#root .api-billing-v122 { width: auto; min-width: 0; }
#root .api-billing-v122 .usage-billing-actions-v18 > a {
  display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; gap: 10px;
}
#root .api-billing-v122 .usage-billing-actions-v18 > a svg { flex: 0 0 18px; }
#root .api-account-v122 { padding: 0; min-width: 0; }
#root .api-account-heading-v122 { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 20px 22px; border-bottom: 1px solid #27394d; }
#root .api-account-heading-v122 h2 { font: 700 20px/1.3 Arial, Helvetica, sans-serif; margin: 0; }
#root .api-account-grid-v122 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 22px; }
#root .api-account-stat-v122 { display: grid; align-content: start; gap: 12px; padding: 20px; border: 1px solid #293e52; border-radius: 14px; background: #091520; min-width: 0; }
#root .api-account-stat-v122 small { color: #879bb0; font-size: 13px; font-weight: 700; line-height: 1.5; }
#root .api-account-stat-v122 strong { color: #edf3fa; font: 700 23px/1.4 Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
#root .api-account-stat-v122 span { color: #879bb0; font-size: 13px; line-height: 1.5; }
#root .api-account-stat-v122.good strong { color: #91ff00; }
#root .api-account-stat-v122.bad strong { color: #ff929e; }
#root .api-account-stat-v122.warning strong { color: #ffbd61; }
#root .api-account-footer-v122 { display: flex; gap: 12px; justify-content: space-between; padding: 18px 22px; border-top: 1px solid #27394d; font-size: 13px; line-height: 1.5; color: #879bb0; }
#root .api-account-footer-v122 strong { color: #d9e4ef; }
#root .api-account-v122 .api-football-error-v81 { margin: 0 22px 20px; }
@media (max-width: 1050px) {
  #root .settings-page-v6 > .settings-choices-v122 { grid-template-columns: minmax(0, 1fr); }
  #root .manual-range-v122 { grid-template-columns: minmax(0, 1fr); }
  #root .api-account-grid-v122 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  #root .mobile-nav.admin-five-v122 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  #root .mobile-nav.admin-five-v122 button { padding: 10px 2px !important; gap: 7px; font-size: 10px !important; line-height: 1.4; min-width: 0; min-height: 76px; }
  #root .mobile-nav.admin-five-v122 button > span:not(.mobile-nav-icon-v14) { overflow-wrap: normal; word-break: normal; }
  #root .manual-range-v122 { padding: 16px; gap: 18px; }
  #root .manual-range-inputs-v122 { grid-template-columns: minmax(0, 1fr) 100px; gap: 8px; }
  #root .manual-range-inputs-v122 .app-select-trigger-v9 { padding-inline: 10px; }
  #root .manual-range-inputs-v122 .app-select-trigger-v9 strong { font-size: 12px; white-space: normal; }
  #root .manual-range-preview-v122 { padding: 14px 12px; gap: 10px; }
  #root .manual-range-preview-v122 .analysis-window-icon-v25 { width: 40px; height: 40px; flex: 0 0 40px; }
  #root .manual-range-preview-v122 strong { font-size: 14px; }
  #root .manual-range-legacy-v122 { flex-wrap: wrap; }
  #root .settings-choice-v122 .settings-section-heading { padding: 16px !important; }
  #root .settings-choice-actions-v122 { grid-column: 1 / -1; }
  #root .api-account-heading-v122 { padding: 16px; }
  #root .api-account-grid-v122 { gap: 10px; padding: 16px; }
  #root .api-account-stat-v122 { padding: 13px; gap: 9px; }
  #root .api-account-stat-v122 strong { font-size: 19px; }
  #root .api-account-footer-v122 { flex-wrap: wrap; padding: 16px; }
}
@media (max-width: 380px) {
  #root .api-account-grid-v122 { grid-template-columns: minmax(0, 1fr); }
  #root .mobile-nav.admin-five-v122 button { font-size: 9px !important; }
}
