/* Read-only account detail; use the established ORI type, rules and spacing. */
.skr-stake-page { min-width: 0; padding-bottom: 24px; }
.skr-stake-page .app-title { margin-bottom: 20px; overflow-wrap: anywhere; }
.skr-stake-scope, .skr-stake-disclosure { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0 0 18px; overflow-wrap: anywhere; }
.skr-stake-wallet { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 12px 0; border-block: 1px solid var(--line); }
.skr-stake-wallet > span { font-size: 13px; color: var(--muted); }
.skr-stake-wallet code { font: 14px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink); }
.skr-stake-wallet .text-button { margin-left: auto; min-height: 44px; padding: 8px 0; }
.skr-stake-status { min-width: 0; padding: 28px 0 24px; }
.skr-stake-status h3 { font: 500 23px/1.5 var(--serif); margin: 0 0 12px; color: var(--ink); overflow-wrap: anywhere; }
.skr-stake-status > p { margin: 0; font-size: 15px; line-height: 1.85; color: var(--muted); overflow-wrap: anywhere; }
.skr-stake-values { margin: 4px 0 16px; }
.skr-stake-values > div { min-width: 0; padding: 18px 0; border-bottom: 1px solid var(--line); }
.skr-stake-values dt { color: var(--muted); font-size: 13px; line-height: 1.65; }
.skr-stake-values dd { margin: 7px 0 0; color: var(--ink); font-size: 13px; line-height: 1.7; font-variant-numeric: tabular-nums; }
.skr-stake-values strong { font-size: 25px; font-weight: 500; overflow-wrap: anywhere; }
.skr-stake-values dd small { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.skr-stake-status .skr-stake-note { font-size: 12px; line-height: 1.7; }
.skr-stake-pool { margin: 20px 0 0; }
.skr-stake-pool > div { display: flex; justify-content: space-between; gap: 16px; font-size: 13px; line-height: 1.7; }
.skr-stake-pool dt { color: var(--muted); }
.skr-stake-pool dd { margin: 0; color: var(--ink); }
.skr-stake-status .skr-stake-checked { margin-top: 18px; font-size: 12px; font-variant-numeric: tabular-nums; }
.skr-stake-checked time { display: block; }
.skr-stake-actions { display: flex; flex-direction: column; gap: 10px; }
.skr-stake-actions button { width: 100%; min-height: 48px; margin: 0; padding: 12px 16px; white-space: normal; }
.skr-stake-actions button:disabled { cursor: default; opacity: .65; }
.skr-stake-entry { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 18px; padding: 20px 0; border-block: 1px solid var(--line); text-align: left; min-height: 76px; }
.skr-stake-entry > span:first-child { min-width: 0; }
.skr-stake-entry strong { display: block; font-size: 17px; font-weight: 500; color: var(--ink); overflow-wrap: anywhere; }
.skr-stake-entry small { display: block; margin-top: 6px; font-size: 13px; line-height: 1.6; color: var(--muted); overflow-wrap: anywhere; }
.skr-stake-page button:focus-visible, .skr-stake-entry:focus-visible, .skr-stake-status:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.skr-stake-page button:active:not(:disabled), .skr-stake-entry:active { opacity: .8; }
@media (max-width: 360px) { .skr-stake-wallet { gap: 4px 10px; } .skr-stake-wallet .text-button { flex-basis: 100%; text-align: left; margin-left: 0; } }
@media (prefers-reduced-motion: reduce) { .skr-stake-page *, .skr-stake-entry { animation: none !important; transition: none !important; } }