.arib-auth {
  --arib-accent: #b67952;
  --arib-border: #d6dbe1;
  --arib-text: #1f2937;
  --arib-muted: #6b7280;
  max-width: 440px;
  margin: 0 auto 24px;
  font-family: inherit;
  color: var(--arib-text);
  --arib-radius: 5px;
}

.arib-auth input, .arib-auth button { font-family: inherit; }

.arib-auth [hidden] { display: none !important; }
.arib-off { display: none !important; }
.arib-auth[data-mode="email"] .arib-sms-box { display: none !important; }

.arib-card {
  background: #fff;
  border: 1px solid var(--arib-border);
  border-radius: var(--arib-radius);
  padding: 28px 24px;
  box-shadow: 0 6px 24px rgba(15, 23, 42, .06);
}

.arib-title { margin: 0 0 6px; font-size: 1.25rem; line-height: 1.4; }
.arib-sub, .arib-hint { margin: 0 0 18px; color: var(--arib-muted); font-size: .92rem; line-height: 1.7; }
.arib-hint { color: var(--arib-text); }

.arib-label { display: block; margin: 0 0 6px; font-weight: 600; font-size: .92rem; }

.arib-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  margin: 0 0 14px;
  border: 1px solid var(--arib-border);
  border-radius: var(--arib-radius);
  font-size: 1rem;
  background: #fff;
  color: inherit;
  transition: border-color .15s, box-shadow .15s;
}

.arib-input:focus {
  outline: none;
  border-color: var(--arib-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--arib-accent) 20%, transparent);
}

.arib-phone { display: flex; direction: ltr; margin: 0 0 14px; }
.arib-phone .arib-input { margin: 0; border-radius: 0 var(--arib-radius) var(--arib-radius) 0; flex: 1; }
.arib-cc {
  display: flex; align-items: center; padding: 0 14px;
  background: #f3f4f6; border: 1px solid var(--arib-border); border-left: 0;
  border-radius: var(--arib-radius) 0 0 var(--arib-radius); font-weight: 600; direction: ltr;
}
.arib-phone .arib-input { border-left: 1px solid var(--arib-border); }

.arib-code { text-align: center; letter-spacing: .5em; font-size: 1.4rem; font-weight: 700; }

.arib-btn {
  display: block; width: 100%; min-height: 45px; padding: 10px 16px;
  border: 0; border-radius: var(--arib-radius); cursor: pointer;
  background: var(--arib-accent); color: #fff;
  font-size: 1rem; font-weight: 700;
  transition: filter .15s, transform .05s;
}
.arib-btn:hover { filter: brightness(1.08); }
.arib-btn:active { transform: translateY(1px); }
.arib-btn:disabled { opacity: .6; cursor: not-allowed; }

.arib-row { display: flex; justify-content: space-between; gap: 12px; margin-top: 14px; }

.arib-link {
  background: none; border: 0; padding: 0; cursor: pointer;
  color: var(--arib-accent); font-size: .9rem; text-decoration: underline;
}
.arib-link:disabled { color: var(--arib-muted); text-decoration: none; cursor: default; }

.arib-msg { margin-top: 14px; font-size: .9rem; line-height: 1.6; }
.arib-msg:empty { display: none; }
.arib-msg.is-error { color: #b91c1c; background: #fef2f2; border-radius: 8px; padding: 10px 12px; }
.arib-msg.is-ok { color: #15803d; background: #f0fdf4; border-radius: 8px; padding: 10px 12px; }

.arib-switch-wrap { text-align: center; margin: 14px 0 0; }
.arib-switch {
  display: inline-block; padding: 10px 18px;
  border: 1px solid var(--arib-accent); border-radius: var(--arib-radius);
  color: var(--arib-accent); font-size: .92rem; font-weight: 600; text-decoration: none;
  transition: background .15s, color .15s;
}
.arib-switch:hover { background: var(--arib-accent); color: #fff; }
html.arib-m-email .arib-switch-wrap { margin: 0 0 20px; }

/* داخل نوافذ الثيم المنبثقة */
.arib-ctx-modal { max-width: none; margin: 0 0 16px; }
.arib-ctx-modal .arib-card { border: 0; box-shadow: none; padding: 0; background: transparent; }
.arib-ctx-modal .arib-sub { display: none; }
.arib-ctx-modal .arib-input { background: #fff; }
.arib-ctx-modal .arib-switch-wrap { margin-top: 14px; }
.arib-ctx-modal[data-mode="email"] .arib-switch-wrap { margin: 0 0 16px; }

/* صفحة wp-login.php */
.arib-ctx-login { max-width: 100%; margin: 0 0 16px; }
.arib-ctx-login .arib-card { padding: 20px; }