:root {
  /* Ajyal shared visual foundation - Canva identity (owner-verified palette 2026-10-09) */
  --ajyal-canvas: #f5f8fc;
  --ajyal-surface: #feffff;
  --ajyal-surface-alt: #f9fbfd;
  --ajyal-ink: #102a43;
  --ajyal-muted: #697386;
  --ajyal-line: #e6ecf3;
  --ajyal-line-soft: #eaf0f5;
  --ajyal-line-strong: #cfd5df;
  --ajyal-primary: #102a43;
  --ajyal-primary-hover: #1d3d5c;
  --ajyal-primary-soft: #eaf0f5;
  --ajyal-document-primary: #1c4f91;
  --ajyal-success: #08755a;
  --ajyal-error: #b84b46;
  --ajyal-warning: #ad7a2b;
  --ajyal-radius-card: 16px;
  --ajyal-radius-button: 8px;
  --ajyal-shadow-card: 0 12px 30px rgba(22,34,58,.08);
  --ajyal-font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.ajyal-operation-result {
  width: min(420px, calc(100vw - 32px));
  border: 1px solid var(--ajyal-line);
  border-radius: var(--ajyal-radius-card);
  padding: 20px;
  background: var(--ajyal-surface);
  box-shadow: var(--ajyal-shadow-card);
  direction: rtl;
  font-family: var(--ajyal-font-family);
}

.ajyal-operation-result.success {
  border-color: var(--ajyal-success);
}

.ajyal-operation-result.error {
  border-color: var(--ajyal-error);
}