/* Keep the original rail and panel styling for the NAGAR machine. */
.is-v2-preview .mach-rail { display: flex; }
.is-v2-preview .app-bar-center { visibility: visible; }
.is-v2-preview .mach-rail-icon[hidden] { display: none !important; }
#machine-v2-panel:not([data-active-route="dashboard"]) .nv-grid > :not([hidden]) { grid-column: 1 / -1; grid-row: auto; }
#nagar-v2-machine { min-width: 0; }
#nagar-v2-machine .nv-head { font-size: clamp(28px, 4vw, 48px); }
#nagar-v2-machine .nv-body, #nagar-v2-machine .nv-avail { overflow-wrap: anywhere; }
#nagar-v2-machine .nv-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; }
#nagar-v2-machine .nv-block { min-width: 0; margin: 0; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: rgba(10, 20, 14, .65); }
#nagar-v2-machine .nv-pool { grid-column: 1 / -1; }
#nagar-v2-machine .nv-action { grid-column: 2; grid-row: 2 / span 3; }
#nagar-v2-machine .nv-fig-v { font-size: clamp(18px, 2.4vw, 28px); overflow-wrap: anywhere; }
#nagar-v2-machine .nv-form { display: block; }
#nagar-v2-machine .nv-table td { overflow-wrap: anywhere; }
#nagar-v2-machine .nv-row { grid-template-columns: minmax(0, 1fr); }
#nagar-v2-machine .nv-grid > :only-child { grid-column: 1 / -1; }
#nagar-v2-machine [data-nagar-views][hidden] { display: none !important; }
#nagar-v2-machine .nv-availability { margin-bottom: 18px; }
#nagar-preview, #s1-unstake { scroll-margin-top: 90px; }
@media (max-width: 1000px) {
  #nagar-v2-machine .nv-grid { grid-template-columns: minmax(0, 1fr); }
  #nagar-v2-machine .nv-action { grid-column: auto; grid-row: auto; }
}
@media (max-width: 768px) {
  #machine-v2-panel { padding-bottom: 70px; }
  #nagar-v2-machine .nv-block { padding: 16px; }
}

/* V2 keeps a side rail at every width. Legacy mobile CSS moves it to the bottom. */
html.is-v2-preview .mach-rail { left: 12px; right: auto; top: 90px; bottom: 12px; width: 150px; height: auto; padding: 0; display: flex; visibility: visible; }
html.is-v2-preview .mach-rail-inner { width: 100%; height: auto; max-height: 100%; flex-direction: column; gap: 8px; padding: 12px 6px; overflow-x: hidden; overflow-y: auto; border-radius: 16px; }
html.is-v2-preview .mach-rail-icons { width: 100%; flex-direction: column; gap: 4px; }
html.is-v2-preview .mach-rail-icon { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; min-height: 44px; padding: 0 10px; flex: 0 0 auto; }
html.is-v2-preview .mach-rail-icon::after { content: attr(title); font-size: 12px; white-space: nowrap; }
html.is-v2-preview .mach-main { margin-left: 176px; width: auto; }
#nagar-pool-progress { display: block; width: 100%; accent-color: #34d399; margin: 14px 0; }
@media (max-width: 768px) {
  html.is-v2-preview .mach-rail { left: 4px; width: 52px; }
  html.is-v2-preview .mach-rail-inner { padding: 6px 0; }
  html.is-v2-preview .mach-rail-icon { justify-content: center; padding: 0; }
  html.is-v2-preview .mach-rail-icon::after { display: none; }
  html.is-v2-preview .mach-main { margin-left: 64px; padding-left: 8px; padding-right: 8px; }
}

#nagar-wallet-picker:not([hidden]) { display: grid; gap: 8px; margin: 12px 0; }
#nagar-wallet-picker .stake-btn { white-space: normal; overflow-wrap: anywhere; }
#nagar-wallet-current { overflow-wrap: anywhere; }

/* Pre-stake action hierarchy. */
.nv-steps{font-size:12px;line-height:1.7;color:#c5b8c2;margin:10px 0 20px}.nv-steps span{padding:0 8px;color:#f07bc2}#nagar-pool-progress{display:block;width:100%;height:10px;margin:18px 0 12px;accent-color:#f07bc2}#nagar-pool-progress::-webkit-progress-bar{background:#29212a;border-radius:20px}#nagar-pool-progress::-webkit-progress-value{background:#f07bc2;border-radius:20px}#nagar-wallet-current{overflow-wrap:anywhere}#nagar-wallet-picker:not([hidden]){display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.nv-action .nv-form{margin-top:24px}.nv-form--exit{padding-top:20px;border-top:1px solid #ffffff18}

/* Wallet selector rows. Each wallet shows its own announced icon and name. */
#nagar-wallet-picker:not([hidden]) { display: flex; flex-direction: column; gap: 8px; margin: 16px 0; }
.nagar-wallet-option {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px;
  padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px;
  background: rgba(10, 20, 14, .65); color: inherit; font: inherit; text-align: left;
  cursor: pointer; transition: background 180ms cubic-bezier(.22,1,.36,1), border-color 180ms cubic-bezier(.22,1,.36,1);
}
.nagar-wallet-option:hover:not(:disabled) { background: rgba(16, 34, 24, .85); border-color: #34d39966; }
.nagar-wallet-option:focus-visible { outline: 2px solid #34d399; outline-offset: 2px; }
.nagar-wallet-option:active:not(:disabled) { background: rgba(20, 44, 30, .95); }
.nagar-wallet-option:disabled { opacity: .5; cursor: not-allowed; }
.nagar-wallet-option-icon { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 7px; object-fit: contain; background: rgba(255,255,255,.04); }
.nagar-wallet-option-name { min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .nagar-wallet-option { transition: none; } }

#nagar-v2-machine a { overflow-wrap:anywhere; }
#nagar-v2-machine .nv-feed a, #nagar-v2-machine .nv-table a { text-decoration:underline; text-underline-offset:3px; }
a.mach-staker-row { color:inherit; text-decoration:none; }
a.mach-staker-row:focus-visible { outline:2px solid var(--accent-bright); outline-offset:3px; }