/* Account drawer only. No shared tokens, layout order, or interaction changes. */
.drawer-panel[aria-label="حساب کاربری"] {
  color: #e8f1ff;
  background: radial-gradient(ellipse at 5% 0%, #0b2453 0%, transparent 55%), #050e23;
  border-right-color: #2560bd;
  box-shadow: 12px 0 48px #02081899, inset -1px 0 0 #419bff33;
  scrollbar-color: #24539a #070f25;
}
.drawer-panel[aria-label="حساب کاربری"] .drawer-head {
  background: #07152bd9;
  border-bottom: 1px solid #2862b455;
  backdrop-filter: blur(12px);
}
.drawer-panel[aria-label="حساب کاربری"] .drawer-head small {
  color: #76b6ff;
  letter-spacing: .16em;
}
.drawer-panel[aria-label="حساب کاربری"] .drawer-body { padding: 20px; }
.drawer-panel[aria-label="حساب کاربری"] .account-summary,
.drawer-panel[aria-label="حساب کاربری"] .wallet-account-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #347fe3;
  border-radius: 16px;
  background: linear-gradient(125deg, #0c2857df, #071731ed 65%);
  box-shadow: inset 0 0 18px #1766e026, 0 6px 24px #01081866;
}
.drawer-panel[aria-label="حساب کاربری"] .account-summary { padding: 20px 16px; gap: 14px; }
.drawer-panel[aria-label="حساب کاربری"] .account-summary::before,
.drawer-panel[aria-label="حساب کاربری"] .wallet-account-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -50%;
  pointer-events: none;
  background: radial-gradient(ellipse at 30% 35%, #168cff33, transparent 46%);
  animation: account-panel-ambient 9s ease-in-out infinite alternate;
}
.drawer-panel[aria-label="حساب کاربری"] .account-avatar {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #458fff;
  color: #dfedff;
  background: radial-gradient(circle at 35% 20%, #2266c7, #092351 75%);
  box-shadow: 0 0 18px #167dff44, inset 0 0 10px #348fff55;
}
.drawer-panel[aria-label="حساب کاربری"] .account-summary strong { color: #eef5ff; line-height: 1.8; }
.drawer-panel[aria-label="حساب کاربری"] .account-summary small { color: #aac4e9; }
.drawer-panel[aria-label="حساب کاربری"] .account-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.drawer-panel[aria-label="حساب کاربری"] .account-actions button {
  min-width: 0;
  min-height: 66px;
  padding: 12px 9px;
  border: 1px solid #285caa;
  border-radius: 13px;
  color: #deebff;
  background: linear-gradient(135deg, #0c2858, #08172f);
  box-shadow: inset 0 1px 0 #5a9cff22, 0 4px 14px #00091b55;
  font: inherit;
  font-size: 12px;
  line-height: 1.9;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.drawer-panel[aria-label="حساب کاربری"] .wallet-account-card {
  margin: 20px 0;
  padding: 20px;
  gap: 9px;
  text-align: start;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.drawer-panel[aria-label="حساب کاربری"] .wallet-account-card span { color: #d6e8ff; font-size: 14px; }
.drawer-panel[aria-label="حساب کاربری"] .wallet-account-card strong { color: #f1f7ff; font-size: 23px; }
.drawer-panel[aria-label="حساب کاربری"] .wallet-account-card small { color: #94bdf2; font-size: 12px; line-height: 1.9; }
.drawer-panel[aria-label="حساب کاربری"] .drawer-section-title { color: #e1edff; margin-top: 22px; }
.drawer-panel[aria-label="حساب کاربری"] .drawer-section-title span { color: #8ab9f5; }
.drawer-panel[aria-label="حساب کاربری"] .mini-order {
  padding: 15px;
  border: 1px solid #214677;
  border-radius: 13px;
  background: #091a35cc;
  box-shadow: inset 0 1px 0 #5a9cff0d;
}
.drawer-panel[aria-label="حساب کاربری"] .mini-order + .mini-order { margin-top: 10px; }
.drawer-panel[aria-label="حساب کاربری"] .mini-order strong { color: #e4eeff; line-height: 1.8; }
.drawer-panel[aria-label="حساب کاربری"] .mini-order small { color: #a6bddd; line-height: 1.9; }
.drawer-panel[aria-label="حساب کاربری"] .mini-order .status { border-radius: 999px; box-shadow: inset 0 1px 0 #ffffff12; }
.drawer-panel[aria-label="حساب کاربری"] .account-link-note,
.drawer-panel[aria-label="حساب کاربری"] .drawer-empty {
  border: 1px solid #254b80;
  border-radius: 12px;
  color: #a9c5e9;
  background: #091a32;
  line-height: 2;
}
.drawer-panel[aria-label="حساب کاربری"] button:focus-visible {
  outline: 2px solid #8dceff;
  outline-offset: 3px;
}
@media (hover: hover) {
  .drawer-panel[aria-label="حساب کاربری"] .account-actions button:hover,
  .drawer-panel[aria-label="حساب کاربری"] .wallet-account-card:hover {
    border-color: #5ba8ff;
    box-shadow: inset 0 0 18px #147dff22, 0 0 16px #147dff26;
    background: linear-gradient(135deg, #12336a, #0a1c3b);
    transform: none;
  }
}
@keyframes account-panel-ambient {
  from { transform: translate(-8%, -4%); opacity: .45; }
  to { transform: translate(10%, 8%); opacity: .9; }
}
@media (max-width: 360px) {
  .drawer-panel[aria-label="حساب کاربری"] .drawer-body { padding: 14px; }
  .drawer-panel[aria-label="حساب کاربری"] .account-actions { gap: 8px; }
  .drawer-panel[aria-label="حساب کاربری"] .account-actions button { padding-inline: 6px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .drawer-panel[aria-label="حساب کاربری"] .account-summary::before,
  .drawer-panel[aria-label="حساب کاربری"] .wallet-account-card::before { animation: none; }
  .drawer-panel[aria-label="حساب کاربری"] button { transition: none; }
}