/* =========================================================================
   صفحه‌ی اختصاصی حساب کاربری (ورود / ثبت‌نام / فراموشی رمز / پروفایل)
   ========================================================================= */
.account-page{
  background:linear-gradient(160deg, var(--ice) 0%, #eef2f9 100%);
  min-height:calc(100vh - 400px);
  padding:56px 0;
  display:flex; align-items:center; justify-content:center;
}
.account-wrap{width:100%; max-width:440px; padding:0 20px; margin:0 auto;}

.account-card{
  background:#fff; border-radius:22px; padding:38px 34px;
  box-shadow:0 20px 50px -18px rgba(10,21,48,.18); border:1px solid var(--line);
}
@media (max-width:480px){ .account-card{padding:30px 22px; border-radius:18px;} }

.account-logo-row{display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:26px;}
.account-logo-row img{height:36px; width:auto;}

.account-title{font-size:21px; font-weight:900; color:var(--navy-900); text-align:center; margin-bottom:6px;}
.account-sub{font-size:13px; color:var(--gray-600); text-align:center; margin-bottom:26px; line-height:1.9;}

.account-tabs{display:flex; background:var(--ice); border-radius:13px; padding:4px; margin-bottom:26px; gap:2px;}
.account-tabs button{
  flex:1; padding:11px 4px; border-radius:10px; font-size:12.5px; font-weight:700; color:var(--gray-600);
  transition:var(--speed); border:none; background:transparent; white-space:nowrap;
}
.account-tabs button.active{background:#fff; color:var(--navy-900); box-shadow:0 4px 14px -6px rgba(10,21,48,.2);}
@media (max-width:360px){
  .account-tabs button{font-size:11px; padding:10px 2px;}
}

.account-field{margin-bottom:16px;}
.account-field label{display:block; font-size:12.5px; font-weight:700; color:var(--navy-900); margin-bottom:7px;}
.account-field input{
  width:100%; padding:13px 15px; border-radius:12px; border:1.5px solid var(--line); font-size:16px; font-family:inherit;
  transition:border-color var(--speed);
}
.account-field input:focus{outline:none; border-color:var(--blue-accent); box-shadow:0 0 0 3px rgba(47,111,237,.1);}
.account-err{display:none; color:var(--danger); font-size:12px; margin:-6px 0 14px; line-height:1.8;}
.account-err.show{display:block;}

.account-submit-btn{
  width:100%; padding:14px; border-radius:13px; background:var(--blue-accent); color:#fff;
  font-size:15px; font-weight:800; transition:background var(--speed), box-shadow var(--speed), transform var(--speed); border:none;
}
.account-submit-btn:hover{background:var(--navy-900); box-shadow:0 12px 28px -10px rgba(47,111,237,.5); transform:translateY(-1px);}

.account-link-row{text-align:center; margin-top:16px; font-size:12.5px;}
.account-link-row a{color:var(--blue-accent); font-weight:700;}
.account-link-row a.muted{color:var(--gray-600); font-weight:600;}

.account-hint-box{background:var(--ice); padding:12px 14px; border-radius:11px; margin-bottom:18px; font-size:12.5px; color:var(--navy-900); line-height:1.9; text-align:center;}

/* ---------- پروفایل بعد از ورود ---------- */
.account-profile-head{display:flex; align-items:center; gap:16px; margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid var(--line);}
.account-avatar{
  flex-shrink:0; width:52px; height:52px; border-radius:50%; background:linear-gradient(145deg, var(--blue-accent), var(--blue-accent-light));
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:900;
}
.account-profile-name{font-size:16px; font-weight:900; color:var(--navy-900); margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.account-profile-phone{font-size:12px; color:var(--gray-600); direction:ltr; text-align:right;}

/* دکمه خروج کوچک، گوشه‌ای */
.account-logout-corner{
  flex-shrink:0; width:34px; height:34px; border-radius:9px; background:var(--ice); color:var(--danger);
  display:flex; align-items:center; justify-content:center; transition:var(--speed); border:1px solid var(--line);
}
.account-logout-corner:hover{background:#fdecef; border-color:#f3c1c8;}

.account-section-title{display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:800; color:var(--navy-900); margin-bottom:14px;}
.account-section-title svg{color:var(--blue-accent);}

/* دکمه مداد ویرایش */
.account-edit-pencil{
  width:28px; height:28px; border-radius:8px; background:var(--ice); color:var(--blue-accent);
  display:flex; align-items:center; justify-content:center; transition:var(--speed); border:1px solid var(--line);
}
.account-edit-pencil:hover{background:var(--blue-accent); color:#fff; border-color:var(--blue-accent);}
.account-edit-pencil.active{background:var(--blue-accent); color:#fff; border-color:var(--blue-accent);}

/* جدول مشخصات مثل اکسل */
.account-info-table{
  border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-bottom:6px; background:#fff;
}
.ait-row{
  display:flex; align-items:center; gap:10px; padding:12px 14px;
  border-bottom:1px solid var(--line); font-size:13px;
}
.ait-row:last-child{border-bottom:none;}
.ait-row:nth-child(odd){background:var(--ice);}
.ait-label{width:110px; flex-shrink:0; color:var(--gray-600); font-weight:700; font-size:12px;}
.ait-value{flex:1; min-width:0; color:var(--navy-900); font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ait-input{
  flex:1; min-width:0; padding:7px 10px; border-radius:7px; border:1.5px solid var(--blue-accent);
  font-size:13px; font-family:inherit;
}
.account-edit-actions{display:none; gap:10px; margin:14px 0 4px;}
.account-edit-actions .btn{flex:1; padding:11px; font-size:13px;}

.account-orders-scroll{max-height:340px; overflow-y:auto; padding-inline-end:4px;}
.account-empty{text-align:center; padding:24px 10px; color:var(--gray-600); font-size:13px;}

.account-logout-btn{
  width:100%; margin-top:20px; padding:13px; border-radius:12px; background:var(--ice); color:var(--danger);
  font-size:13.5px; font-weight:700; transition:var(--speed); border:1px solid var(--line);
}
.account-logout-btn:hover{background:#fdecef; border-color:#f3c1c8;}