/* Customer Auth Pages — Standalone Professional Design */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ca-primary:#0ea5e9;--ca-primary-dark:#0284c7;--ca-accent:#6366f1;--ca-bg:#0f172a;--ca-surface:#1e293b;--ca-surface-2:#162032;--ca-text:#f1f5f9;--ca-muted:#94a3b8;--ca-border:#334155;--ca-danger:#ef4444;--ca-success:#22c55e;--ca-radius:12px}
html{height:100%}
body.ca-body{font-family:'Tajawal',system-ui,sans-serif;background:var(--ca-bg);color:var(--ca-text);min-height:100vh;display:flex;flex-direction:column;direction:rtl;line-height:1.7;margin:0}

/* Page wrapper */
.ca-page{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}

/* Top nav bar */
.ca-nav{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.ca-nav-brand{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--ca-primary),var(--ca-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-decoration:none}
.ca-nav-links{display:flex;gap:10px;align-items:center}
.ca-nav-links a{padding:8px 18px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s}
.ca-link-outline{border:2px solid var(--ca-primary);color:var(--ca-primary)}
.ca-link-outline:hover{background:var(--ca-primary);color:#fff}
.ca-link-solid{background:var(--ca-primary);color:#fff}
.ca-link-solid:hover{background:var(--ca-primary-dark)}
.ca-link-ghost{color:var(--ca-muted);border:1px solid var(--ca-border)}
.ca-link-ghost:hover{color:var(--ca-text);border-color:var(--ca-muted)}

/* Card */
.ca-card{background:var(--ca-surface);border:1px solid var(--ca-border);border-radius:16px;padding:36px 32px;max-width:480px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.35)}
.ca-card.wide{max-width:560px}

/* Header area */
.ca-card-icon{text-align:center;margin-bottom:16px}
.ca-card-icon i{font-size:44px;color:var(--ca-primary)}
.ca-card h1{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:#f0f6ff}
.ca-card .ca-subtitle{color:var(--ca-muted);font-size:.92rem;margin-bottom:24px}

/* Form fields */
.ca-field{margin-bottom:16px}
.ca-field label{display:block;font-size:.88rem;font-weight:500;color:#cbd5e1;margin-bottom:5px}
.ca-field input,.ca-field select{width:100%;padding:11px 14px;border:1px solid var(--ca-border);border-radius:var(--ca-radius);background:#0f172a;color:var(--ca-text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}
.ca-field input:focus,.ca-field select:focus{border-color:var(--ca-primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.ca-field small{color:var(--ca-muted);font-size:.78rem;margin-top:3px;display:block}
.ca-field input::placeholder{color:var(--ca-muted);opacity:.8}

/* Row: remember + submit */
.ca-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ca-remember{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ca-muted);cursor:pointer}
.ca-remember input[type="checkbox"]{width:auto;accent-color:var(--ca-primary)}

/* Buttons */
.ca-btn{display:block;width:100%;padding:12px;border:none;border-radius:var(--ca-radius);background:linear-gradient(135deg,var(--ca-primary),#2563eb);color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .1s;text-align:center;text-decoration:none}
.ca-btn:hover{opacity:.92;transform:translateY(-1px)}
.ca-btn:active{transform:translateY(0)}
.ca-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.ca-btn i{margin-left:6px}
.ca-btn-outline{background:transparent;border:2px solid var(--ca-primary);color:var(--ca-primary)}
.ca-btn-outline:hover{background:var(--ca-primary);color:#fff}

/* Alerts */
.ca-alert{padding:11px 14px;border-radius:8px;margin-bottom:16px;font-size:.88rem;line-height:1.5}
.ca-alert-danger{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fca5a5}
.ca-alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}
.ca-alert-info{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.25);color:#7dd3fc}

/* Links row */
.ca-links{text-align:center;margin-top:16px;font-size:.88rem;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.ca-links a{color:var(--ca-primary);text-decoration:none}
.ca-links a:hover{text-decoration:underline}

/* Divider */
.ca-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--ca-muted);font-size:.82rem}
.ca-divider::before,.ca-divider::after{content:'';flex:1;height:1px;background:var(--ca-border)}

/* Success box */
.ca-success-box{text-align:center;padding:20px 0}
.ca-success-box i{font-size:52px;color:var(--ca-success);margin-bottom:14px}
.ca-success-box h2{font-size:1.3rem;margin-bottom:8px}
.ca-success-box p{color:var(--ca-muted);margin-bottom:20px;font-size:.92rem}
.ca-success-box .ca-btn{display:inline-block;width:auto;padding:10px 28px}

/* Error box */
.ca-error-box{text-align:center;padding:20px 0}
.ca-error-box i{font-size:52px;color:var(--ca-danger);margin-bottom:14px}
.ca-error-box h2{font-size:1.3rem;margin-bottom:8px}
.ca-error-box p{color:var(--ca-muted);margin-bottom:20px;font-size:.92rem}
.ca-error-box .ca-btn{display:inline-block;width:auto;padding:10px 28px}

/* Footer */
.ca-footer{text-align:center;padding:16px;font-size:.78rem;color:var(--ca-muted);border-top:1px solid rgba(255,255,255,.04)}

/* Grid for register */
.ca-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ca-grid-full{grid-column:1/-1}

/* Responsive */
@media(max-width:600px){
  .ca-card{padding:28px 20px}
  .ca-grid-2{grid-template-columns:1fr}
  .ca-nav{padding:12px 16px}
  .ca-nav-links a{padding:6px 12px;font-size:13px}
}