/**
 * Location: /wp-content/plugins/suntechmall-engine/modules/account-auth/assets/css/myaccount-page.css
 * Purpose:
 * - Premium My Account customer portal styling.
 * - Custom sidebar, tablet/mobile icon rail, dashboard cards, recent orders, insights, and account forms.
 * - Enqueued only on is_account_page() inside /inc/features/account/myaccount-page.php.
 * - Profile image upload/preview styling lives here.
 */

:root{
  --stm-acct-orange:#ff6a00;
  --stm-acct-orange-dark:#e75b00;
  --stm-acct-ink:#071327;
  --stm-acct-muted:#647084;
  --stm-acct-line:#e6eaf0;
  --stm-acct-soft:#f7f9fc;
  --stm-acct-green:#16a34a;
  --stm-acct-radius:18px;
  --stm-acct-shadow:0 18px 45px rgba(7,19,39,.08);
}

.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none!important;
  width:auto!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  display:none!important;
}

.woocommerce-account #primary,
.woocommerce-account .site-content,
.woocommerce-account .content-area,
.woocommerce-account .container,
.woocommerce-account .stm-container,
.woocommerce-account .stm-wrap{
  max-width:100%!important;
}

.woocommerce-account .entry-title{display:none!important;}

.stm-acct2,
.stm-acct2 *{box-sizing:border-box;}

.stm-acct2{
  color:var(--stm-acct-ink);
  padding:34px 18px 58px;
  background:#fff;
}

.stm-acct2 a{text-decoration:none!important;}
.stm-acct2 svg{display:block;width:1em;height:1em;fill:currentColor;}

.stm-acct2__pageHead{
  max-width:1180px;
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.stm-acct2__pageTitle{
  margin:0;
  font-size:34px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
  color:var(--stm-acct-ink);
}

.stm-acct2__crumbs{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--stm-acct-muted);
}

.stm-acct2__crumbs a{color:var(--stm-acct-muted);}
.stm-acct2__crumbs a:hover{color:var(--stm-acct-orange);}

.stm-acct2__wrap{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.stm-acct2__side{
  position:sticky;
  top:18px;
  align-self:start;
  border:1px solid var(--stm-acct-line);
  background:#fff;
  border-radius:18px;
  padding:10px;
  box-shadow:0 12px 28px rgba(7,19,39,.04);
}

.stm-acct2__nav{display:grid;gap:6px;}

.stm-acct2__link{
  min-height:42px;
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:11px;
  color:var(--stm-acct-ink);
  font-size:13px;
  font-weight:800;
  border:1px solid transparent;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}

.stm-acct2__link:hover{
  background:#fff7f0;
  color:var(--stm-acct-orange-dark);
  border-color:#ffd8bd;
  transform:translateX(1px);
}

.stm-acct2__link.is-active{
  color:#fff;
  border-color:var(--stm-acct-orange);
  background:linear-gradient(135deg,var(--stm-acct-orange),#ff4f00);
  box-shadow:0 12px 24px rgba(255,106,0,.22);
}

.stm-acct2__link.is-logout{margin-top:8px;color:#dc2626;}
.stm-acct2__link.is-logout:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c;}
.stm-acct2__linkIcon{font-size:16px;display:inline-flex;align-items:center;justify-content:center;}

.stm-acct2__main{min-width:0;}
.stm-acct2__notices{margin-bottom:12px;}
.stm-acct2__content{min-width:0;}

/* Dashboard */
.stm-acctDash{display:grid;gap:18px;}

.stm-acctDashHero{
  position:relative;
  overflow:hidden;
  min-height:176px;
  border:1px solid #dfe9df;
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 18%,rgba(34,197,94,.17),transparent 33%),
    linear-gradient(110deg,#fff 0%,#fffaf5 48%,#e6faeb 100%);
  box-shadow:0 12px 30px rgba(7,19,39,.04);
  padding:26px 30px;
}

.stm-acctDashHero__profile{position:relative;z-index:2;display:flex;align-items:center;gap:22px;}
.stm-acctDashHero__avatar{width:86px;height:86px;border-radius:999px;padding:4px;background:#fff;box-shadow:0 10px 24px rgba(7,19,39,.12);flex:0 0 auto;}
.stm-acctDashHero__avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block;}
.stm-acctDashHero__kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--stm-acct-green);font-weight:900;margin-bottom:6px;}
.stm-acctDashHero h2{margin:0;font-size:31px;line-height:1.08;font-weight:950;letter-spacing:-.04em;color:var(--stm-acct-ink);}
.stm-acctDashHero p{max-width:650px;margin:8px 0 0;color:var(--stm-acct-muted);font-size:14px;line-height:1.5;}

.stm-acctDashHero__facts{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;}
.stm-acctDashHero__facts>div{display:grid;grid-template-columns:18px auto;column-gap:9px;align-items:center;min-width:130px;}
.stm-acctDashHero__factIcon{grid-row:1 / span 2;color:var(--stm-acct-ink);font-size:16px;opacity:.9;}
.stm-acctDashHero__facts span:not(.stm-acctDashHero__factIcon){font-size:12px;color:var(--stm-acct-muted);font-weight:700;line-height:1.2;}
.stm-acctDashHero__facts strong{font-size:12px;font-weight:900;color:var(--stm-acct-ink);line-height:1.25;}
.stm-acctDashHero__facts .is-green{color:var(--stm-acct-green);}

.stm-acctDashHero__art{position:absolute;right:40px;top:28px;width:150px;height:130px;opacity:.85;pointer-events:none;}
.stm-acctDashHero__bag{position:absolute;right:24px;top:12px;width:72px;height:92px;border:2px solid #c8f2d7;border-radius:18px;background:rgba(255,255,255,.48);}
.stm-acctDashHero__bag:before{content:"";position:absolute;left:17px;top:-19px;width:36px;height:30px;border:3px solid #b5eec7;border-bottom:0;border-radius:18px 18px 0 0;}
.stm-acctDashHero__bag:after{content:"";position:absolute;right:15px;bottom:20px;width:28px;height:46px;border-radius:999px;background:#9ff0b7;transform:rotate(18deg);box-shadow:-28px -16px 0 -7px #ff6a00;}

.stm-acctDashStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.stm-acctDashStat{position:relative;min-height:112px;border:1px solid var(--stm-acct-line);border-radius:17px;background:#fff;padding:17px 18px 15px 76px;color:var(--stm-acct-ink);box-shadow:0 10px 28px rgba(7,19,39,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.stm-acctDashStat:hover{transform:translateY(-2px);border-color:#ffd2b2;box-shadow:0 15px 34px rgba(255,106,0,.1);}
.stm-acctDashStat__icon{position:absolute;left:18px;top:20px;width:42px;height:42px;border-radius:14px;background:#fff4ec;color:var(--stm-acct-orange);display:flex;align-items:center;justify-content:center;font-size:20px;}
.stm-acctDashStat strong{display:block;font-size:27px;line-height:1;font-weight:950;letter-spacing:-.03em;color:var(--stm-acct-ink);}
.stm-acctDashStat span:not(.stm-acctDashStat__icon){display:block;margin-top:8px;font-size:13px;color:var(--stm-acct-muted);font-weight:800;}
.stm-acctDashStat em{display:inline-block;margin-top:10px;font-style:normal;font-size:12px;font-weight:900;color:var(--stm-acct-orange-dark);}

.stm-acctDashBody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;}
.stm-acctDashPanel{border:1px solid var(--stm-acct-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(7,19,39,.035);}
.stm-acctDashPanel--orders{min-height:360px;}
.stm-acctDashPanel__head{min-height:56px;padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.stm-acctDashPanel__head h3,.stm-acctDashQuick h3{margin:0;font-size:18px;font-weight:950;letter-spacing:-.02em;color:var(--stm-acct-ink);}
.stm-acctDashPanel__head a{font-size:12px;font-weight:900;color:var(--stm-acct-orange-dark);}

.stm-acctDashTable{padding:0 20px 18px;}
.stm-acctDashTable__row{display:grid;grid-template-columns:1.1fr .9fr .85fr .75fr 64px;gap:14px;align-items:center;min-height:47px;border-top:1px solid var(--stm-acct-line);font-size:13px;color:var(--stm-acct-muted);}
.stm-acctDashTable__row.is-head{min-height:38px;border-top:0;color:var(--stm-acct-ink);font-size:12px;font-weight:900;}
.stm-acctDashTable__row strong{display:block;color:var(--stm-acct-ink);font-weight:900;}
.stm-acctDashTable__row small{display:block;margin-top:3px;color:var(--stm-acct-muted);font-size:12px;}
.stm-acctDashTable mark{display:inline-flex;padding:6px 10px;border-radius:9px;background:#fff1b8;color:#7a4b00;font-size:12px;font-weight:800;}
.stm-acctDashTable__row a{display:inline-flex;width:30px;height:30px;border-radius:10px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--stm-acct-line);color:var(--stm-acct-ink);}
.stm-acctDashTable__row a:hover{border-color:var(--stm-acct-orange);color:var(--stm-acct-orange);}

.stm-acctDashInsights{display:grid;gap:12px;}
.stm-acctDashChart{padding:0 16px 16px;display:grid;grid-template-columns:98px 1fr;gap:16px;align-items:center;}
.stm-acctDashChart__donut{width:90px;height:90px;border-radius:999px;position:relative;}
.stm-acctDashChart__donut span{position:absolute;inset:22px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--stm-acct-line);}
.stm-acctDashChart__legend{display:grid;gap:7px;font-size:12px;color:var(--stm-acct-muted);font-weight:800;}
.stm-acctDashChart__legend div{display:flex;align-items:center;gap:7px;white-space:nowrap;}
.stm-acctDashChart__legend i{width:8px;height:8px;border-radius:999px;display:inline-block;flex:0 0 auto;}
.stm-acctDashChart__legend strong{color:var(--stm-acct-ink);font-weight:900;}

.stm-acctDashMini{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;border:1px solid var(--stm-acct-line);border-radius:16px;background:#fff;color:var(--stm-acct-ink);padding:14px 15px;box-shadow:0 10px 28px rgba(7,19,39,.035);}
.stm-acctDashMini:hover{border-color:#ffd2b2;}
.stm-acctDashMini span{grid-row:1 / span 2;width:42px;height:42px;border-radius:14px;background:#eafff0;color:var(--stm-acct-green);display:flex;align-items:center;justify-content:center;font-size:19px;}
.stm-acctDashMini strong{font-size:13px;font-weight:950;}
.stm-acctDashMini em{font-style:normal;font-size:12px;color:var(--stm-acct-orange-dark);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.stm-acctDashQuick{border:1px solid var(--stm-acct-line);border-radius:18px;background:#fff;padding:18px 20px 20px;box-shadow:0 10px 28px rgba(7,19,39,.035);}
.stm-acctDashQuick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;}
.stm-acctDashQuick__grid a{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;min-height:78px;border:1px solid #f4d7b5;border-radius:16px;background:#fff7ed;color:var(--stm-acct-ink);padding:13px 15px;}
.stm-acctDashQuick__grid a:nth-child(2){background:#f0fff5;border-color:#c9f3d7;}
.stm-acctDashQuick__grid a:nth-child(3){background:#f7f3ff;border-color:#dfd2ff;}
.stm-acctDashQuick__grid a:nth-child(4){background:#fff7ed;border-color:#f4d7b5;}
.stm-acctDashQuick__grid a:hover{transform:translateY(-1px);}
.stm-acctDashQuick__grid span{grid-row:1 / span 2;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--stm-acct-ink);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 8px 20px rgba(7,19,39,.06);}
.stm-acctDashQuick__grid strong{font-size:13px;font-weight:950;}
.stm-acctDashQuick__grid em{font-style:normal;font-size:12px;color:var(--stm-acct-muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Shared endpoint cards, orders, forms */
.stm-acct2Grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.stm-acct2Card,.stm-acct2Panel,.stm-acct2Empty,.stm-acct2Order,.stm-acct2Download{border:1px solid var(--stm-acct-line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(7,19,39,.035);}
.stm-acct2Card{padding:16px;}
.stm-acct2Card--hero{grid-column:1 / -1;background:linear-gradient(135deg,#fff7ed,#fff);}
.stm-acct2Card--link{color:inherit;transition:transform .15s ease,border-color .15s ease;}
.stm-acct2Card--link:hover{transform:translateY(-1px);border-color:#ffd2b2;}
.stm-acct2Card__title{font-weight:900;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:rgba(7,19,39,.72);}
.stm-acct2Card__big{font-size:24px;font-weight:950;margin-top:8px;}
.stm-acct2Card__muted{margin-top:8px;color:var(--stm-acct-muted);font-size:13px;line-height:1.45;}

.stm-acct2List{display:grid;gap:12px;}
.stm-acct2Order{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;}
.stm-acct2Order__meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;}
.stm-acct2Order__no{font-weight:950;color:var(--stm-acct-ink);}
.stm-acct2Order__date{color:var(--stm-acct-muted);font-size:12px;font-weight:700;}
.stm-acct2Badge{display:inline-block;margin-top:9px;padding:6px 10px;border-radius:999px;background:#fff7ed;border:1px solid #ffd2b2;font-size:12px;font-weight:900;color:var(--stm-acct-orange-dark);}
.stm-acct2Order__right{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.stm-acct2Order__total{font-weight:950;color:var(--stm-acct-ink);}
.stm-acct2Order__actions,.stm-acct2Actions{display:flex;gap:10px;flex-wrap:wrap;}

.stm-acct2Btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid var(--stm-acct-orange);background:var(--stm-acct-orange);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.stm-acct2Btn:hover{background:var(--stm-acct-orange-dark);border-color:var(--stm-acct-orange-dark);transform:translateY(-1px);}
.stm-acct2Btn--ghost{background:#fff;color:var(--stm-acct-ink)!important;border-color:var(--stm-acct-line);}
.stm-acct2Btn--ghost:hover{background:#fff7ed;color:var(--stm-acct-orange-dark)!important;border-color:#ffd2b2;}

.stm-acct2Panel{overflow:hidden;}
.stm-acct2Panel__head{padding:16px 18px 14px;border-bottom:1px solid var(--stm-acct-line);display:flex;justify-content:space-between;gap:10px;align-items:center;}
.stm-acct2Panel__title{font-weight:950;font-size:16px;}
.stm-acct2Panel__sub{margin-top:4px;font-size:12px;color:var(--stm-acct-muted);}
.stm-acct2Panel__body{padding:18px;}

.stm-acct2Form input[type="text"],
.stm-acct2Form input[type="email"],
.stm-acct2Form input[type="password"],
.stm-acct2Form textarea,
.stm-acct2Form select,
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"],
.woocommerce-account form textarea,
.woocommerce-account form select{
  width:100%;
  border-radius:12px;
  border:1px solid var(--stm-acct-line);
  padding:11px 12px;
  outline:none;
  background:#fff;
}

.stm-acct2Form input:focus,
.stm-acct2Form textarea:focus,
.stm-acct2Form select:focus,
.woocommerce-account form input:focus,
.woocommerce-account form textarea:focus,
.woocommerce-account form select:focus{border-color:var(--stm-acct-orange);box-shadow:0 0 0 3px rgba(255,106,0,.1);}

.stm-acct2Row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.stm-acct2Field label{display:block;font-weight:900;font-size:12px;color:rgba(7,19,39,.78);margin-bottom:6px;}
.stm-acct2Hint{margin-top:6px;font-size:12px;color:var(--stm-acct-muted);}
.stm-acct2Divider{height:1px;background:var(--stm-acct-line);margin:16px 0;}
.stm-acct2SectionTitle{font-weight:950;margin-bottom:10px;}
.stm-acct2Empty{padding:24px;}
.stm-acct2Empty__title{font-weight:950;font-size:18px;color:var(--stm-acct-ink);}
.stm-acct2Empty__muted{margin:7px 0 14px;color:var(--stm-acct-muted);}

.stm-acct2Downloads{display:grid;gap:12px;}
.stm-acct2Download{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.stm-acct2Download__title{font-weight:950;color:var(--stm-acct-ink);}
.stm-acct2Download__muted{margin-top:4px;font-size:12px;color:var(--stm-acct-muted);}

/* Woo endpoint fallback, e.g. payment methods */
.stm-acct2__content .woocommerce-info,
.stm-acct2__content .woocommerce-message,
.stm-acct2__content .woocommerce-error{border-radius:14px!important;border:1px solid var(--stm-acct-line)!important;background:#fff!important;color:var(--stm-acct-ink)!important;box-shadow:none!important;}
.stm-acct2__content table.shop_table{border:1px solid var(--stm-acct-line)!important;border-radius:16px!important;overflow:hidden;background:#fff;}
.stm-acct2__content table.shop_table th{font-size:12px;text-transform:uppercase;color:var(--stm-acct-muted);}
.stm-acct2__content .button,
.stm-acct2__content button.button{border-radius:12px!important;background:var(--stm-acct-orange)!important;border-color:var(--stm-acct-orange)!important;color:#fff!important;font-weight:900!important;}
.stm-acct2__content .button:hover,
.stm-acct2__content button.button:hover{background:var(--stm-acct-orange-dark)!important;border-color:var(--stm-acct-orange-dark)!important;}

@media (max-width:1180px){
  .stm-acct2__wrap{grid-template-columns:210px minmax(0,1fr);gap:18px;}
  .stm-acctDashStats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stm-acctDashBody{grid-template-columns:1fr;}
  .stm-acctDashInsights{grid-template-columns:1fr 1fr;}
  .stm-acctDashInsights .stm-acctDashPanel{grid-column:1 / -1;}
  .stm-acctDashQuick__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:900px){
  .stm-acct2{padding:24px 12px 44px;}
  .stm-acct2__pageHead{align-items:flex-start;flex-direction:column;margin-bottom:14px;}
  .stm-acct2__pageTitle{font-size:30px;}
  .stm-acct2__wrap{grid-template-columns:1fr;}
  .stm-acct2__side{position:static;overflow:auto;padding:8px;}
  .stm-acct2__nav{display:flex;gap:8px;min-width:max-content;}
  .stm-acct2__link{grid-template-columns:18px auto;white-space:nowrap;min-height:38px;padding:9px 12px;}
  .stm-acctDashHero{padding:22px;}
  .stm-acctDashHero__profile{align-items:flex-start;}
  .stm-acctDashHero__art{display:none;}
  .stm-acctDashHero h2{font-size:26px;}
  .stm-acctDashTable{overflow:auto;}
  .stm-acctDashTable__row{min-width:720px;}
}

@media (max-width:640px){
  .stm-acct2__pageTitle{font-size:27px;}
  .stm-acctDashHero__profile{display:grid;gap:14px;}
  .stm-acctDashHero__avatar{width:74px;height:74px;}
  .stm-acctDashHero h2{font-size:24px;}
  .stm-acctDashHero__facts{gap:14px;}
  .stm-acctDashStats{grid-template-columns:1fr;}
  .stm-acctDashStat{min-height:100px;}
  .stm-acctDashInsights{grid-template-columns:1fr;}
  .stm-acctDashChart{grid-template-columns:84px 1fr;gap:12px;}
  .stm-acctDashChart__donut{width:78px;height:78px;}
  .stm-acctDashQuick__grid{grid-template-columns:1fr;}
  .stm-acct2Grid,.stm-acct2Row{grid-template-columns:1fr;}
  .stm-acct2Order{grid-template-columns:1fr;}
  .stm-acct2Order__right{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;}
  .stm-acct2Download{align-items:flex-start;flex-direction:column;}
}

/* Tablet/mobile account rail and offcanvas defaults */
.stm-acct2__railToggle,
.stm-acct2__railNav,
.stm-acct2__drawerHead,
.stm-acct2__drawerBackdrop{display:none;}

.stm-acct2__drawerBackdrop[hidden]{display:none!important;}

/* Profile image upload */
.stm-acct2ProfilePhoto{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:16px;
  margin-bottom:16px;
  border:1px solid var(--stm-acct-line);
  border-radius:16px;
  background:linear-gradient(135deg,#fff7ed,#fff);
}

.stm-acct2ProfilePhoto__preview{
  width:96px;
  height:96px;
  border-radius:999px;
  padding:4px;
  background:#fff;
  box-shadow:0 12px 26px rgba(7,19,39,.12);
}

.stm-acct2ProfilePhoto__preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:999px;
  transition:opacity .18s ease;
}

.stm-acct2ProfilePhoto__title{font-size:15px;font-weight:950;color:var(--stm-acct-ink);}
.stm-acct2ProfilePhoto__text{margin-top:4px;font-size:12px;line-height:1.45;color:var(--stm-acct-muted);font-weight:700;}
.stm-acct2ProfilePhoto__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.stm-acct2ProfilePhoto__input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.stm-acct2ProfilePhoto__remove input{position:absolute;opacity:0;pointer-events:none;}
.stm-acct2ProfilePhoto__remove.is-disabled{opacity:.45;pointer-events:none;}

@media (max-width:1024px){
  .stm-acct2{
    position:relative;
    padding:22px 12px 44px 76px;
    background:#f8fafc;
  }

  .stm-acct2__pageHead{
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:14px;
  }

  .stm-acct2__pageTitle{font-size:30px;}
  .stm-acct2__crumbs{font-size:12px;}

  .stm-acct2__wrap{
    max-width:100%;
    grid-template-columns:1fr;
    gap:14px;
  }

  .stm-acct2__side{
    position:fixed;
    left:10px;
    top:92px;
    z-index:1002;
    width:54px;
    max-height:calc(100vh - 112px);
    overflow:visible;
    padding:6px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(230,234,240,.95);
    box-shadow:0 18px 42px rgba(7,19,39,.16);
  }

  .admin-bar .stm-acct2__side{top:124px;}

  .stm-acct2__railToggle{
    width:40px;
    height:40px;
    border:0;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--stm-acct-orange),#ff4f00);
    color:#fff;
    cursor:pointer;
    box-shadow:0 12px 22px rgba(255,106,0,.24);
  }

  .stm-acct2__railIcon{display:flex;font-size:18px;}

  .stm-acct2__railNav{
    display:grid;
    gap:7px;
    margin-top:8px;
    max-height:calc(100vh - 170px);
    overflow-y:auto;
    scrollbar-width:none;
  }

  .admin-bar .stm-acct2__railNav{max-height:calc(100vh - 202px);}
  .stm-acct2__railNav::-webkit-scrollbar{display:none;}

  .stm-acct2__railLink{
    width:40px;
    height:40px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--stm-acct-ink);
    background:#fff;
    border:1px solid transparent;
    font-size:17px;
    transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
  }

  .stm-acct2__railLink:hover,
  .stm-acct2__railLink.is-active{
    color:#fff;
    background:var(--stm-acct-orange);
    border-color:var(--stm-acct-orange);
    transform:translateY(-1px);
  }

  .stm-acct2__railLink.is-logout{color:#dc2626;}
  .stm-acct2__railLink.is-logout:hover{color:#fff;background:#dc2626;border-color:#dc2626;}

  .stm-acct2__nav{
    position:fixed;
    left:74px;
    top:92px;
    z-index:1004;
    width:min(286px,calc(100vw - 92px));
    max-height:calc(100vh - 112px);
    overflow:auto;
    display:grid;
    gap:7px;
    padding:10px;
    border-radius:20px;
    border:1px solid var(--stm-acct-line);
    background:#fff;
    box-shadow:0 24px 70px rgba(7,19,39,.24);
    opacity:0;
    pointer-events:none;
    transform:translateX(-14px) scale(.98);
    transition:opacity .18s ease,transform .18s ease;
  }

  .admin-bar .stm-acct2__nav{top:124px;max-height:calc(100vh - 144px);}

  .stm-acct2.is-drawer-open .stm-acct2__nav{
    opacity:1;
    pointer-events:auto;
    transform:translateX(0) scale(1);
  }

  .stm-acct2__drawerHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:6px 6px 10px;
    border-bottom:1px solid var(--stm-acct-line);
    margin-bottom:3px;
  }

  .stm-acct2__drawerHead strong{font-size:14px;font-weight:950;color:var(--stm-acct-ink);}

  .stm-acct2__drawerClose{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--stm-acct-line);
    border-radius:12px;
    background:#fff;
    color:var(--stm-acct-ink);
    cursor:pointer;
  }

  .stm-acct2__drawerBackdrop:not([hidden]){
    display:block;
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(7,19,39,.34);
    backdrop-filter:blur(2px);
  }

  .stm-acct2__link{
    grid-template-columns:20px 1fr;
    min-height:42px;
    padding:10px 12px;
    white-space:nowrap;
  }

  .stm-acct2__main{min-width:0;}
  .stm-acct2__content{min-width:0;}

  .stm-acctDash{
    gap:14px;
  }

  .stm-acctDashHero{
    min-height:0;
    border-radius:20px;
    padding:18px;
  }

  .stm-acctDashHero__profile{align-items:flex-start;gap:14px;}
  .stm-acctDashHero__avatar{width:72px;height:72px;}
  .stm-acctDashHero__art{display:none;}
  .stm-acctDashHero h2{font-size:25px;line-height:1.12;}
  .stm-acctDashHero p{font-size:13px;}
  .stm-acctDashHero__facts{gap:12px;margin-top:16px;}
  .stm-acctDashHero__facts>div{min-width:120px;}

  .stm-acctDashStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .stm-acctDashStat{min-height:96px;padding:14px 13px 13px 62px;border-radius:16px;}
  .stm-acctDashStat__icon{left:13px;top:17px;width:36px;height:36px;border-radius:13px;font-size:18px;}
  .stm-acctDashStat strong{font-size:23px;}
  .stm-acctDashStat span:not(.stm-acctDashStat__icon){font-size:12px;margin-top:6px;}
  .stm-acctDashStat em{font-size:11px;margin-top:8px;}

  .stm-acctDashBody{grid-template-columns:1fr;gap:14px;}
  .stm-acctDashPanel--orders{min-height:0;}
  .stm-acctDashInsights{grid-template-columns:1fr 1fr;gap:10px;}
  .stm-acctDashInsights .stm-acctDashPanel{grid-column:1 / -1;}
  .stm-acctDashPanel__head{padding:15px 16px 10px;min-height:50px;}
  .stm-acctDashPanel__head h3,.stm-acctDashQuick h3{font-size:16px;}

  .stm-acctDashTable{padding:0 16px 14px;overflow:visible;}
  .stm-acctDashTable__row{min-width:0;grid-template-columns:1fr .7fr .65fr 34px;gap:10px;}
  .stm-acctDashTable__row span:nth-child(2){display:none;}
  .stm-acctDashTable__row.is-head span:nth-child(2){display:none;}

  .stm-acctDashQuick{padding:15px 16px 16px;}
  .stm-acctDashQuick__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
  .stm-acctDashQuick__grid a{min-height:66px;padding:10px;grid-template-columns:36px 1fr;border-radius:15px;}
  .stm-acctDashQuick__grid span{width:36px;height:36px;border-radius:13px;font-size:17px;}

  .stm-acct2Grid{grid-template-columns:1fr;}
  .stm-acct2Panel__body{padding:15px;}
}

@media (max-width:640px){
  .stm-acct2{padding:18px 10px 38px 68px;}
  .stm-acct2__pageTitle{font-size:26px;}
  .stm-acct2__crumbs{display:none;}

  .stm-acct2__side{left:8px;top:86px;width:50px;padding:5px;border-radius:17px;}
  .admin-bar .stm-acct2__side{top:118px;}
  .stm-acct2__railToggle,.stm-acct2__railLink{width:38px;height:38px;border-radius:13px;}
  .stm-acct2__railNav{gap:6px;}
  .stm-acct2__nav{left:66px;top:86px;width:min(280px,calc(100vw - 78px));max-height:calc(100vh - 104px);}
  .admin-bar .stm-acct2__nav{top:118px;max-height:calc(100vh - 138px);}

  .stm-acctDashHero__profile{display:grid;gap:12px;}
  .stm-acctDashHero__avatar{width:70px;height:70px;}
  .stm-acctDashHero h2{font-size:23px;}
  .stm-acctDashHero__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .stm-acctDashHero__facts>div{min-width:0;}
  .stm-acctDashStats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stm-acctDashStat{padding:12px;display:grid;gap:8px;min-height:94px;}
  .stm-acctDashStat__icon{position:static;width:34px;height:34px;}
  .stm-acctDashInsights{grid-template-columns:1fr;}
  .stm-acctDashChart{grid-template-columns:76px 1fr;gap:10px;}
  .stm-acctDashChart__donut{width:72px;height:72px;}
  .stm-acctDashChart__donut span{inset:18px;}
  .stm-acctDashTable__row{grid-template-columns:1fr .75fr 32px;font-size:12px;}
  .stm-acctDashTable__row span:nth-child(4){display:none;}
  .stm-acctDashTable__row.is-head span:nth-child(4){display:none;}
  .stm-acctDashQuick__grid{grid-template-columns:1fr;}
  .stm-acct2Row{grid-template-columns:1fr;}
  .stm-acct2Order{grid-template-columns:1fr;}
  .stm-acct2Order__right{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;}
  .stm-acct2Download{align-items:flex-start;flex-direction:column;}

  .stm-acct2ProfilePhoto{grid-template-columns:1fr;text-align:center;justify-items:center;padding:14px;}
  .stm-acct2ProfilePhoto__actions{justify-content:center;}
}


/* Dashboard/account mobile refinement patch.
   - Sidebar rail is non-sticky on tablet/mobile.
   - Dashboard stats stay in one compact row on small screens.
   - Recent orders fit inside mobile content width.
   - Endpoint hero appears on every non-dashboard account tab.
   - Buttons/sections avoid blur and shade effects. */
.stm-acct2EndpointHero{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 16px;
  padding:20px;
  border:1px solid var(--stm-acct-line);
  border-radius:20px;
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 62%,#effdf5 100%);
  box-shadow:none!important;
}

.stm-acct2EndpointHero__avatar{
  width:72px;
  height:72px;
  border-radius:999px;
  padding:3px;
  background:#fff;
  border:1px solid #ffd2b2;
  box-shadow:none!important;
}

.stm-acct2EndpointHero__avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:999px;
}

.stm-acct2EndpointHero__kicker{
  margin-bottom:5px;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:var(--stm-acct-orange-dark);
}

.stm-acct2EndpointHero h2{
  margin:0;
  color:var(--stm-acct-ink);
  font-size:25px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.03em;
}

.stm-acct2EndpointHero p{
  max-width:620px;
  margin:7px 0 0;
  color:var(--stm-acct-muted);
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}

.stm-acct2EndpointHero__action{
  display:inline-grid;
  grid-template-columns:28px auto;
  gap:9px;
  align-items:center;
  min-height:42px;
  padding:9px 13px;
  border:1px solid var(--stm-acct-orange);
  border-radius:14px;
  background:var(--stm-acct-orange);
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

.stm-acct2EndpointHero__action span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:rgba(255,255,255,.18);
}

.stm-acct2EndpointHero__action strong{
  font-size:12px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

.stm-acct2EndpointHero__action:hover{
  background:var(--stm-acct-orange-dark);
  border-color:var(--stm-acct-orange-dark);
  transform:none!important;
}

.stm-acct2EndpointHero__action svg{width:16px;height:16px;fill:currentColor;}

.stm-acct2 .stm-acct2__side,
.stm-acct2 .stm-acct2__nav,
.stm-acct2 .stm-acct2__railToggle,
.stm-acct2 .stm-acctDashHero,
.stm-acct2 .stm-acctDashHero__avatar,
.stm-acct2 .stm-acctDashStat,
.stm-acct2 .stm-acctDashPanel,
.stm-acct2 .stm-acctDashMini,
.stm-acct2 .stm-acctDashQuick,
.stm-acct2 .stm-acctDashQuick__grid span,
.stm-acct2 .stm-acct2Card,
.stm-acct2 .stm-acct2Panel,
.stm-acct2 .stm-acct2Empty,
.stm-acct2 .stm-acct2Order,
.stm-acct2 .stm-acct2Download,
.stm-acct2 .stm-acct2Btn,
.stm-acct2 input,
.stm-acct2 select,
.stm-acct2 textarea,
.stm-acct2 button{
  box-shadow:none!important;
  filter:none!important;
}

.stm-acct2 .stm-acct2__drawerBackdrop{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.stm-acct2 .stm-acctDashStat:hover,
.stm-acct2 .stm-acctDashQuick__grid a:hover,
.stm-acct2 .stm-acct2Card--link:hover,
.stm-acct2 .stm-acct2Btn:hover,
.stm-acct2 .stm-acctDashMini:hover{
  transform:none!important;
}

.stm-acctDashTable__row > span{min-width:0;}
.stm-acctDashTable__row strong,
.stm-acctDashTable__row small{overflow-wrap:anywhere;}

@media (max-width:1024px){
  .stm-acct2__side{
    position:absolute!important;
    top:92px!important;
    left:10px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .admin-bar .stm-acct2__side{top:92px!important;}

  .stm-acct2__railNav{
    max-height:none!important;
    overflow:visible!important;
  }

  .stm-acct2__nav{
    position:absolute!important;
    top:92px!important;
    left:74px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .admin-bar .stm-acct2__nav{top:92px!important;max-height:none!important;}

  .stm-acctDashStats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .stm-acctDashStat{
    min-height:92px!important;
    padding:10px 7px!important;
    display:grid!important;
    align-content:center!important;
    justify-items:center!important;
    text-align:center!important;
    gap:5px!important;
  }

  .stm-acctDashStat__icon{
    position:static!important;
    width:30px!important;
    height:30px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }

  .stm-acctDashStat strong{font-size:19px!important;line-height:1!important;}
  .stm-acctDashStat span:not(.stm-acctDashStat__icon){margin:0!important;font-size:11px!important;line-height:1.15!important;}
  .stm-acctDashStat em{margin:0!important;font-size:10px!important;line-height:1.1!important;}

  .stm-acctDashTable__row{
    width:100%;
    grid-template-columns:minmax(0,1.25fr) minmax(70px,.6fr) minmax(62px,.5fr) minmax(58px,.45fr) 36px!important;
    gap:7px!important;
  }

  .stm-acct2EndpointHero{
    grid-template-columns:60px minmax(0,1fr);
    gap:13px;
    padding:16px;
    border-radius:18px;
  }

  .stm-acct2EndpointHero__avatar{width:60px;height:60px;}
  .stm-acct2EndpointHero h2{font-size:22px;}
  .stm-acct2EndpointHero__action{grid-column:1 / -1;justify-self:start;min-height:38px;}
}

@media (max-width:640px){
  .stm-acct2{padding-left:66px!important;}

  .stm-acct2__side{
    position:absolute!important;
    top:78px!important;
    left:8px!important;
    width:50px!important;
  }

  .admin-bar .stm-acct2__side{top:78px!important;}

  .stm-acct2__nav{
    position:absolute!important;
    top:78px!important;
    left:66px!important;
    width:min(280px,calc(100vw - 78px))!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .admin-bar .stm-acct2__nav{top:78px!important;max-height:none!important;}

  .stm-acctDashStats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .stm-acctDashStat{
    min-height:78px!important;
    padding:8px 4px!important;
    border-radius:14px!important;
    gap:4px!important;
  }

  .stm-acctDashStat__icon{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }

  .stm-acctDashStat strong{font-size:16px!important;}
  .stm-acctDashStat span:not(.stm-acctDashStat__icon){font-size:9.5px!important;line-height:1.1!important;}
  .stm-acctDashStat em{display:none!important;}

  .stm-acctDashPanel--orders{overflow:visible!important;}
  .stm-acctDashPanel__head{padding:13px 12px 8px!important;gap:8px!important;}
  .stm-acctDashPanel__head a{font-size:10.5px!important;white-space:nowrap;}
  .stm-acctDashTable{padding:0 10px 12px!important;overflow:visible!important;}

  .stm-acctDashTable__row{
    grid-template-columns:minmax(0,1fr) 68px 34px!important;
    gap:6px!important;
    min-height:46px!important;
    font-size:11.5px!important;
  }

  .stm-acctDashTable__row span:nth-child(2),
  .stm-acctDashTable__row span:nth-child(4),
  .stm-acctDashTable__row.is-head span:nth-child(2),
  .stm-acctDashTable__row.is-head span:nth-child(4){display:none!important;}

  .stm-acctDashTable mark{
    max-width:68px;
    padding:5px 7px;
    border-radius:8px;
    font-size:10.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .stm-acctDashTable__row a{
    width:28px;
    height:28px;
    border-radius:9px;
    justify-self:end;
  }

  .stm-acctDashTable__row.is-empty span:first-child{min-width:0;}

  .stm-acct2EndpointHero{
    grid-template-columns:50px minmax(0,1fr);
    gap:10px;
    padding:13px;
    margin-bottom:12px;
    border-radius:16px;
  }

  .stm-acct2EndpointHero__avatar{width:50px;height:50px;}
  .stm-acct2EndpointHero h2{font-size:19px;}
  .stm-acct2EndpointHero p{font-size:12px;line-height:1.35;}
  .stm-acct2EndpointHero__kicker{font-size:10px;margin-bottom:3px;}
  .stm-acct2EndpointHero__action{min-height:36px;padding:8px 10px;border-radius:12px;}
}