/* ============================================================
 * WebArtist SaaS Theme — assets/css/auth.css (v1.3.0)
 * صفحات ورود/ثبت‌نام/OTP/بازیابی + حساب کاربری (پروفایل با سایدبار)
 * هم‌زبانِ طراحی landing (پالت violet/ink، وزیرمتن، کارت‌های نرم)
 * ============================================================ */

/* ── Auth (ورود/ثبت‌نام/otp/فراموشی/بازیابی/تایید) ── */
.wasa-auth{min-height:calc(100vh - 300px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;align-items:stretch;max-width:1060px;margin:26px auto 46px;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -38px rgba(16,18,38,.35)}
.wasa-auth-side{position:relative;background:radial-gradient(120% 130% at 85% 12%,rgba(232,48,140,.34),transparent 52%),radial-gradient(110% 120% at 12% 88%,rgba(124,58,237,.42),transparent 55%),#0E0B22;color:#fff;padding:44px 38px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:480px}
.wasa-auth-side::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,rgba(255,255,255,.08) 96%);background-size:100% 26px;pointer-events:none;opacity:.5}
.wasa-auth-side .brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.wasa-auth-side .brand .mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#7C3AED,#E8308C);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;flex-shrink:0}
.wasa-auth-side .brand b{font-size:18px;display:block}
.wasa-auth-side .brand small{display:block;font-size:9px;letter-spacing:3px;opacity:.65;direction:ltr;text-align:right}
.wasa-auth-side h2{font-size:clamp(21px,2.6vw,28px);font-weight:900;line-height:1.75;margin:0;position:relative;z-index:1}
.wasa-auth-side p{font-size:13px;line-height:2.15;color:rgba(255,255,255,.78);margin:0;position:relative;z-index:1}
.wasa-auth-side ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;position:relative;z-index:1}
.wasa-auth-side li{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.95;color:rgba(255,255,255,.85)}
.wasa-auth-side li .ck{width:20px;height:20px;border-radius:50%;background:rgba(16,185,129,.22);color:#6EE7B7;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;margin-top:2px}
.wasa-auth-side .foot{font-size:11px;color:rgba(255,255,255,.55);position:relative;z-index:1}
.wasa-auth-main{background:var(--paper,#fff);padding:40px 42px;display:flex;flex-direction:column;justify-content:center}
.wasa-auth-main h1{font-size:23px;font-weight:900;color:var(--ink,#101226);margin:0 0 6px}
.wasa-auth-main .sub{font-size:13px;color:var(--ink-3,#787DA6);margin:0 0 22px;line-height:2}
.wasa-auth-form{display:flex;flex-direction:column;gap:15px}
.wasa-auth-form .f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wasa-f label{display:block;font-size:12px;font-weight:800;color:var(--ink-2,#3A3F63);margin-bottom:7px}
.wasa-f label i{color:#E11D48;font-style:normal}
.wasa-f input,.wasa-f select,.wasa-f textarea{width:100%;border:1.5px solid var(--line-2,rgba(16,18,38,.17));border-radius:12px;padding:11px 14px;font-size:13.5px;font-family:inherit;background:#FBFBFE;color:var(--ink,#101226);transition:border-color .2s,box-shadow .2s}
.wasa-f input:focus,.wasa-f select:focus,.wasa-f textarea:focus{outline:none;border-color:#7C3AED;box-shadow:0 0 0 4px rgba(124,58,237,.12);background:#fff}
.wasa-f .hint{font-size:11px;color:var(--ink-3,#787DA6);margin-top:6px;line-height:1.9}
.wasa-f input.ltr{direction:ltr;text-align:left}
.wasa-auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:14px;border-radius:13px;padding:13px 26px;background:linear-gradient(120deg,#7C3AED,#E8308C);color:#fff;box-shadow:0 14px 30px -14px rgba(124,58,237,.55);transition:transform .18s,box-shadow .18s}
.wasa-auth-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(124,58,237,.6)}
.wasa-auth-btn:active{transform:translateY(0)}
.wasa-auth-btn.ghost{background:#fff;color:#4C1D95;border:1.5px solid #DDD6FE;box-shadow:none}
.wasa-auth-btn.ghost:hover{border-color:#7C3AED;color:#6D28D9}
.wasa-auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12.5px}
.wasa-auth-links a{color:#6D28D9;font-weight:700;text-decoration:none}
.wasa-auth-links a:hover{text-decoration:underline}
.wasa-auth-alt{text-align:center;font-size:12.5px;color:var(--ink-3,#787DA6);margin-top:16px;line-height:2}
.wasa-auth-alt a{color:#6D28D9;font-weight:800}
.wasa-auth-note{border:1.5px dashed #DDD6FE;background:#FAF9FF;border-radius:14px;padding:13px 16px;font-size:12px;color:#4C1D95;line-height:2.05;margin-top:14px}
@media (max-width:860px){
  .wasa-auth{grid-template-columns:1fr;margin:14px 14px 40px}
  .wasa-auth-side{min-height:auto;padding:30px 26px;gap:18px}
  .wasa-auth-side h2{font-size:20px}
  .wasa-auth-main{padding:28px 22px}
  .wasa-auth-form .f2{grid-template-columns:1fr}
}

/* ── Account layout (پروفایل با سایدبار — مثل قالب مدرن، با زبان SaaS) ── */
.wasa-breadcrumb{max-width:1060px;margin:16px auto 0;font-size:12px;color:var(--ink-3,#787DA6);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wasa-breadcrumb a{color:#6D28D9;text-decoration:none;font-weight:700}
.wasa-breadcrumb .cur{color:var(--ink-2,#3A3F63);font-weight:700}
.wasa-account{max-width:1060px;margin:14px auto 56px;display:grid;grid-template-columns:288px minmax(0,1fr);gap:22px;align-items:start}
.wasa-acc-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.wasa-acc-user{background:var(--paper,#fff);border:1px solid var(--line,rgba(16,18,38,.10));border-radius:20px;padding:22px 20px;text-align:center;box-shadow:0 18px 44px -30px rgba(16,18,38,.28)}
.wasa-acc-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;background:linear-gradient(135deg,#7C3AED,#E8308C);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900}
.wasa-acc-name{font-size:15.5px;font-weight:900;color:var(--ink,#101226);margin:0 0 4px}
.wasa-acc-contact{font-size:11.5px;color:var(--ink-3,#787DA6);margin:3px 0;display:flex;align-items:center;justify-content:center;gap:6px}
.wasa-acc-chip{display:inline-block;font-size:10.5px;font-weight:800;padding:4px 11px;border-radius:99px;margin-top:6px}
.wasa-acc-chip.ok{background:#D1FAE5;color:#065F46}
.wasa-acc-chip.warn{background:#FEF3C7;color:#92400E}
.wasa-acc-since{font-size:10.5px;color:var(--ink-3,#787DA6);margin-top:9px}
.wasa-acc-nav{background:var(--paper,#fff);border:1px solid var(--line,rgba(16,18,38,.10));border-radius:20px;padding:10px;display:flex;flex-direction:column;gap:3px;box-shadow:0 18px 44px -30px rgba(16,18,38,.28)}
.wasa-acc-nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;font-size:13.2px;font-weight:700;color:var(--ink-2,#3A3F63);text-decoration:none;transition:all .18s;border:1.5px solid transparent}
.wasa-acc-nav a:hover{background:#F7F5FF;color:#6D28D9}
.wasa-acc-nav a.active{background:linear-gradient(0deg,rgba(124,58,237,.07),rgba(124,58,237,.07)),#fff;border-color:#DDD6FE;color:#6D28D9}
.wasa-acc-nav a .ic{width:19px;height:19px;flex-shrink:0}
.wasa-acc-nav a .badge{margin-right:auto;background:#EDE9FE;color:#5B21B6;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:99px}
.wasa-acc-nav a.logout{color:#BE123C}
.wasa-acc-nav a.logout:hover{background:#FFF5F5;color:#BE123C}
.wasa-acc-content{min-width:0}
.wasa-acc-panel{display:none;flex-direction:column;gap:16px}
.wasa-acc-panel.active{display:flex}
.wasa-card{background:var(--paper,#fff);border:1px solid var(--line,rgba(16,18,38,.10));border-radius:20px;padding:22px 24px;box-shadow:0 18px 44px -30px rgba(16,18,38,.28)}
.wasa-card>h2{display:flex;align-items:center;gap:10px;font-size:16.5px;font-weight:900;color:var(--ink,#101226);margin:0 0 4px}
.wasa-card>h2 .ic{width:21px;height:21px;color:#7C3AED}
.wasa-card .card-sub{font-size:12.5px;color:var(--ink-3,#787DA6);margin:0 0 16px;line-height:2}
.wasa-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.wasa-stat{background:var(--paper,#fff);border:1px solid var(--line,rgba(16,18,38,.10));border-radius:16px;padding:16px 14px;text-align:center}
.wasa-stat b{display:block;font-size:21px;font-weight:900;color:var(--ink,#101226)}
.wasa-stat span{font-size:11px;color:var(--ink-3,#787DA6);font-weight:700}
.wasa-stat.g b{color:#059669}.wasa-stat.b b{color:#4C1D95}.wasa-stat.o b{color:#B45309}
.wasa-alert{border-radius:14px;padding:12px 16px;font-size:12.8px;font-weight:700;line-height:2;margin-bottom:14px;display:flex;gap:9px;align-items:flex-start}
.wasa-alert.ok{background:#ECFDF5;color:#065F46;border:1.5px solid #A7F3D0}
.wasa-alert.err{background:#FFF5F5;color:#BE123C;border:1.5px solid #FECDD3}
.wasa-alert.warn{background:#FFFBEB;color:#92400E;border:1.5px solid #FDE68A}
.wasa-table-wrap{overflow-x:auto}
.wasa-table{width:100%;border-collapse:collapse;font-size:12.6px}
.wasa-table th{background:#F8F7FE;color:#4C1D95;font-size:11.4px;text-align:right;padding:10px 12px;border-bottom:1.5px solid #EDE9FE;white-space:nowrap}
.wasa-table td{padding:11px 12px;border-bottom:1px solid #EEF0F7;vertical-align:top;color:var(--ink-2,#3A3F63)}
.wasa-table tr:last-child td{border-bottom:none}
.wasa-badge{display:inline-block;font-size:10.6px;font-weight:800;padding:4px 11px;border-radius:99px;white-space:nowrap}
.wasa-badge.ok{background:#D1FAE5;color:#065F46}
.wasa-badge.err{background:#FFE4E6;color:#9F1239}
.wasa-badge.wait{background:#FEF3C7;color:#92400E}
.wasa-badge.info{background:#EDE9FE;color:#5B21B6}
.wasa-mini-btn{display:inline-flex;align-items:center;gap:6px;font-size:11.6px;font-weight:800;padding:7px 14px;border-radius:10px;text-decoration:none;border:1.5px solid #DDD6FE;color:#6D28D9;background:#fff;transition:all .18s;white-space:nowrap}
.wasa-mini-btn:hover{border-color:#7C3AED;color:#5B21B6;transform:translateY(-1px)}
.wasa-mini-btn.grad{background:linear-gradient(120deg,#7C3AED,#E8308C);color:#fff;border:none;box-shadow:0 10px 22px -12px rgba(124,58,237,.55)}
.wasa-empty{text-align:center;border:1.5px dashed #D8DCEF;border-radius:18px;padding:34px 20px;color:var(--ink-3,#787DA6);font-size:13px;line-height:2.2}
@media (max-width:900px){
  .wasa-account{grid-template-columns:1fr;margin:14px 14px 46px}
  .wasa-acc-side{position:static;flex-direction:row;flex-wrap:wrap}
  .wasa-acc-user{flex:1;min-width:230px}
  .wasa-acc-nav{flex:2;min-width:260px;flex-direction:row;flex-wrap:wrap}
  .wasa-acc-nav a{flex:1;min-width:130px;justify-content:flex-start}
}