/* Client Portal 4.2 — Design tokens and workspace dimensions. */

.cp-portal .cp-account-frame {
  width: 100%;
  min-width: 0;
}

.cp-account-page,
.cp-auth-page,
.cp-register-page {
  --cp-text: #18232d;
  --cp-text-soft: #3f4b56;
  --cp-muted: #7b8794;
  --cp-border: #e5e9ee;
  --cp-card: #ffffff;
  --cp-accent: #d82f49;
  --cp-accent-hover: #bf263e;
  --cp-accent-soft: rgba(216, 47, 73, 0.065);
  --cp-accent-border: rgba(216, 47, 73, 0.16);
  --cp-danger-bg: #fff4f6;
  --cp-danger-border: #f3c2cb;
  --cp-danger-text: #9f2338;
  --cp-warning-bg: #fff8e6;
  --cp-warning-border: #f1d58a;
  --cp-warning-text: #7a5700;
  --cp-success-bg: #effaf4;
  --cp-success-border: #b9e4c7;
  --cp-success-text: #1f7a3e;
  --cp-shadow: 0 10px 28px rgba(18, 31, 44, 0.055);
  --cp-shadow-hover: 0 14px 34px rgba(18, 31, 44, 0.085);
}

.cp-account-page {
  width: min(calc(100% - 40px), 960px);
  margin: 32px auto 48px;
  padding: 0;
  color: var(--cp-text);
  background: transparent;
  --cp-radius-outer: 8px;
  --cp-radius-inner: 6px;
  --cp-radius-control: 6px;
  --cp-shadow: 0 1px 2px rgba(15, 23, 42, 0.03),
               0 10px 28px rgba(15, 23, 42, 0.06);
  --cp-shadow-inner: 0 4px 14px rgba(15, 23, 42, 0.045);
  --cp-shadow-hover: 0 2px 4px rgba(15, 23, 42, 0.035),
                     0 14px 32px rgba(15, 23, 42, 0.085);
}