/* R285-S1E 公司根账号恢复页样式（独立静态候选，不依赖任何 35 页样式/构建链） */

:root {
  --rc-bg: #f5f6f8;
  --rc-card: #ffffff;
  --rc-text: #1f2430;
  --rc-muted: #6a7180;
  --rc-primary: #2b5bd7;
  --rc-primary-hover: #224ab0;
  --rc-danger: #b3261e;
  --rc-border: #d6dae2;
  --rc-focus: #2b5bd7;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--rc-bg);
  color: var(--rc-text);
  font-family: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.recovery-shell {
  max-width: 26rem;
  margin: 3rem auto;
  padding: 2rem 1.5rem;
  background: var(--rc-card);
  border: 1px solid var(--rc-border);
  border-radius: 12px;
}

.recovery-title {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
}

.recovery-hint {
  margin: 0 0 1.25rem;
  color: var(--rc-muted);
  font-size: 0.9rem;
}

.recovery-status {
  margin: 0 0 1rem;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--rc-danger);
  border-radius: 8px;
  color: var(--rc-danger);
  background: #fdecea;
  font-size: 0.95rem;
}

.recovery-screen h2 {
  margin: 0 0 1rem;
  font-size: 1.05rem;
}

.recovery-screen label {
  display: block;
  margin: 0.75rem 0 0.25rem;
  font-weight: 600;
}

.recovery-screen input {
  width: 100%;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--rc-border);
  border-radius: 8px;
  font-size: 1rem;
}

.recovery-screen input:focus {
  outline: 2px solid var(--rc-focus);
  outline-offset: 1px;
  border-color: var(--rc-focus);
}

.recovery-field-hint {
  margin: 0.35rem 0 0;
  color: var(--rc-muted);
  font-size: 0.82rem;
}

.recovery-screen button {
  margin-top: 1.25rem;
  padding: 0.6rem 1.2rem;
  border: 1px solid var(--rc-primary);
  border-radius: 8px;
  background: var(--rc-primary);
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

.recovery-screen button:hover { background: var(--rc-primary-hover); }

.recovery-screen button:disabled {
  opacity: 0.6;
  cursor: wait;
}

.recovery-screen button:focus-visible {
  outline: 2px solid var(--rc-focus);
  outline-offset: 2px;
}

.recovery-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

#cred-cancel {
  background: var(--rc-card);
  color: var(--rc-text);
  border-color: var(--rc-border);
}

#cred-cancel:hover { background: #eef0f4; }

#restart-button { margin-top: 1rem; }