/* Base UI */
.elp-header{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:14px;background:#111;color:#fff;flex-wrap:wrap}
.elp-card{background:#fff;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.08);padding:1rem;margin:1rem 0}
.elp-card h3{margin:.25rem 0 1rem}
.elp-card .type{font-weight:normal;color:#666}
.elp-card textarea{width:100%;border-radius:12px;border:1px solid #ddd;padding:.75rem;margin:.75rem 0}
.elp-card button{border:0;border-radius:12px;padding:.6rem 1rem;background:#111;color:#fff;cursor:pointer}
.elp-box{background:#f8f9fb;border:1px dashed #ccd;border-radius:12px;padding:1rem;margin:.5rem 0}
@media (prefers-color-scheme: dark){
  .elp-card{background:#1b1d21;color:#e8e8e8;border:1px solid #2a2d33}
  .elp-card textarea{background:#14161a;color:#e8e8e8;border-color:#2a2d33}
  .elp-card button{background:#e8e8e8;color:#111}
  .elp-header{background:#222}
}
html[dir="rtl"] .elp-header{direction:rtl}

/* Portal Wizard (Persian RTL) */
.elp-rtl{direction:rtl}
.elp-portal{display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem}
.elp-login-card{width:min(640px,94vw);background:linear-gradient(180deg,#15171b,#0f1013);color:#e8e8e8;border:1px solid #24262c;border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.35);padding:28px}
.elp-login-card .title{margin:0 0 .5rem;font-size:1.6rem;font-weight:800;letter-spacing:-.2px}
.elp-login-card .subtitle{margin:.25rem 0 1.25rem;color:#a8adb6}
.elp-login-card .field{margin:.75rem 0}
.elp-login-card label{display:block;margin-bottom:.35rem;color:#cfd3da;font-size:.92rem}
.elp-login-card input[type="text"], .elp-login-card input[type="email"], .elp-login-card input[type="password"]{width:100%;border-radius:14px;border:1px solid #2a2d33;background:#14161a;color:#e8e8e8;padding:.85rem .9rem;outline:none}
.elp-login-card input:focus{border-color:#7a5cff;box-shadow:0 0 0 3px rgba(122,92,255,.2)}
.elp-login-card .btn-primary{width:100%;margin-top:1rem;border:0;border-radius:14px;background:#7a5cff;color:#fff;padding:.9rem 1rem;font-weight:700;cursor:pointer;transition:transform .08s ease}
.elp-login-card .btn-primary:active{transform:scale(.99)}
.elp-login-card .meta{margin-top:1rem;color:#a8adb6}
.elp-login-card .meta a{color:#9ad3ff;text-decoration:none}
.elp-login-card .meta a:hover{text-decoration:underline}
.elp-alert{border-radius:12px;padding:.75rem 1rem;margin:.5rem 0;font-size:.95rem}
.elp-alert-danger{background:#2a0f13;color:#ffd4d4;border:1px solid #5a1b24}

.elp-login-card .tabs{display:flex;gap:8px;margin:0 0 12px}
.elp-login-card .tab{flex:1;border:1px solid #2a2d33;background:#14161a;color:#cfd3da;border-radius:10px;padding:.6rem;cursor:pointer}
.elp-login-card .tab.active{background:#7a5cff;color:#fff;border-color:#7a5cff}