/* 2.0.3 — Scoped premium account UI. Login/Passkey flows unchanged. */
.msk-account-shell .msk-account-hub,.msk-account-shell .msk-account-hub *{box-sizing:border-box}
.msk-account-shell .msk-account-wrap{width:min(1160px,100%)!important;max-width:1160px!important;margin-inline:auto!important}
.msk-account-shell .msk-account-hub{width:100%;max-width:100%;min-width:0;direction:rtl}
/* v2.0.2 — premium account dashboard */
.msk-account-hub{display:grid;gap:18px}
.msk-account-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#f5fbfa);border:1px solid #dfe9ec;border-radius:28px;padding:22px;box-shadow:0 18px 44px rgba(16,24,40,.06)}
.msk-account-hero-main{display:flex;align-items:center;gap:16px;min-width:0}
.msk-account-avatar{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#0d9384,#1177bf);color:#fff;font:900 28px "Alexandria",sans-serif;box-shadow:0 12px 24px rgba(17,119,191,.18)}
.msk-account-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf9f7;color:#0b8174;font-size:11px;font-weight:900;margin-bottom:8px}
.msk-account-hero h1{margin:0 0 7px;color:#0d2d3d;font:900 clamp(27px,3.6vw,38px)/1.2 "Alexandria",sans-serif}
.msk-account-hero p{margin:0;color:#5d6f79;line-height:1.9;max-width:700px}
.msk-account-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.msk-account-hero-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:#0d9384;color:#fff;font-weight:900;border:1px solid #0d9384;min-width:160px}
.msk-account-hero-actions a.secondary{background:#fff;color:#0d9384;border-color:#b9dad5}
.msk-account-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.msk-account-kpis article{background:#fff;border:1px solid #e3ecef;border-radius:22px;padding:18px;box-shadow:0 14px 32px rgba(16,24,40,.04)}
.msk-account-kpis span{display:block;color:#78909b;font-size:12px;font-weight:800;margin-bottom:10px}
.msk-account-kpis strong{display:block;color:#0d2d3d;font-size:21px;line-height:1.45;overflow-wrap:anywhere}
.msk-account-kpis small{display:block;color:#5d7480;font-size:12px;margin-top:4px}
.msk-account-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.msk-account-link-card{display:grid;gap:8px;background:#fff;border:1px solid #e2ebef;border-radius:22px;padding:20px;box-shadow:0 14px 34px rgba(16,24,40,.04);transition:.18s ease}
.msk-account-link-card:hover{transform:translateY(-2px);border-color:#badcd7;box-shadow:0 18px 36px rgba(16,24,40,.07)}
.msk-account-link-card strong{font-size:19px;color:#0d2d3d}
.msk-account-link-card small{color:#627883;line-height:1.8}
.msk-account-link-card span{color:#0d9384;font-weight:900}
.msk-account-grid-pro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:16px}
.msk-account-card-pro{background:#fff;border:1px solid #e2ebef;border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(16,24,40,.05)}
.msk-account-card-pro.is-danger{grid-column:1/-1;border-color:#f3d1d4;background:linear-gradient(180deg,#fff,#fff8f8)}
.msk-card-head{margin-bottom:16px}
.msk-card-head h2{margin:0 0 6px;font:900 24px/1.25 "Alexandria",sans-serif;color:#0d2d3d}
.msk-card-head p{margin:0;color:#687b86;line-height:1.85}
.msk-account-form-pro{display:grid;gap:14px}
.msk-account-form-pro label{display:grid;gap:6px}
.msk-account-form-pro span{font-size:13px;font-weight:800;color:#385260}
.msk-account-form-pro input{width:100%;min-height:48px;border:1px solid #d9e5e8;border-radius:14px;padding:12px 14px;background:#fff}
.msk-account-form-pro input:focus{outline:none;border-color:#52b8a9;box-shadow:0 0 0 3px rgba(82,184,169,.08)}
.msk-account-form-pro .msk-auth-submit{min-height:50px;border-radius:14px}
.msk-account-summary-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.msk-account-summary-list li{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:#f8fbfc;border:1px solid #ebf1f4}
.msk-account-summary-list b{font-size:12px;color:#56707d}
.msk-account-summary-list span{font-weight:900;color:#143746;overflow-wrap:anywhere}
.msk-danger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.msk-danger-grid article{padding:16px;border-radius:18px;background:#fff;border:1px solid #f1d7db}
.msk-danger-grid h3{margin:0 0 8px;color:#912018;font-size:18px}
.msk-danger-grid p{margin:0 0 12px;color:#7a4c48;line-height:1.9}
.msk-danger-banner{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #f1d1d1;color:#8f2222;margin-bottom:12px}
.msk-danger-actions-row{display:flex;flex-wrap:wrap;gap:10px}
.msk-account-soft-btn,.msk-account-danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid #0d9384;background:#fff;color:#0d9384;font-weight:900;cursor:pointer}
.msk-account-danger-button{background:#b42318;border-color:#b42318;color:#fff}
.msk-account-danger-button.is-permanent{background:#8f1220;border-color:#8f1220}
@media(max-width:980px){.msk-account-hero{flex-direction:column;align-items:flex-start}.msk-account-hero-actions{width:100%;justify-content:flex-start}.msk-account-hero-actions a{min-width:0;flex:1}.msk-account-grid-pro{grid-template-columns:1fr}.msk-account-links-grid,.msk-danger-grid{grid-template-columns:1fr}}
@media(max-width:640px){.msk-account-hero{padding:18px;border-radius:22px}.msk-account-avatar{width:58px;height:58px;border-radius:18px;font-size:22px}.msk-account-hero h1{font-size:24px}.msk-account-kpis{grid-template-columns:1fr}.msk-account-links-grid{grid-template-columns:1fr}.msk-account-card-pro{padding:18px;border-radius:20px}.msk-card-head h2{font-size:21px}}

/* UI hardening and readable mobile form layout */
.msk-account-shell .msk-account-hero,.msk-account-shell .msk-account-kpis article,
.msk-account-shell .msk-account-link-card,.msk-account-shell .msk-account-card-pro{box-sizing:border-box;min-width:0}
.msk-account-shell .msk-account-hero-main{flex:1;min-width:0}
.msk-account-shell .msk-account-hero-main>div:last-child{min-width:0}
.msk-account-shell .msk-account-form-pro label{display:grid!important;gap:7px;margin:0!important}
.msk-account-shell .msk-account-form-pro label span{display:block!important;margin:0!important}
.msk-account-shell .msk-account-form-pro input{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;font:inherit;font-size:14px;direction:rtl}
.msk-account-shell .msk-account-form-pro input[readonly]{color:#546a75;background:#f7fafb;cursor:default}
.msk-account-shell .msk-account-form-pro button{justify-self:start;width:auto;min-width:170px;background:#078d7e;color:#fff;font-size:14px}
.msk-account-shell .msk-account-hero-actions a{white-space:normal;text-align:center}
.msk-account-shell .msk-account-summary-list li{list-style:none!important;margin:0}
.msk-account-shell .msk-account-summary-list{padding:0!important}
.msk-account-shell .msk-account-kpis strong{font-size:clamp(15px,1.6vw,21px);line-height:1.6}
.msk-account-shell .msk-account-card-pro.is-danger{margin-top:0}
.msk-account-shell .msk-danger-grid form{display:block}
.msk-account-shell .msk-danger-grid button{width:auto;max-width:100%}
.msk-account-shell .msk-account-card-pro.is-danger .msk-danger-grid h3{font-size:17px}
.msk-account-shell .msk-account-danger-confirm{border:1px solid #e4b9c0;background:#fff;border-radius:16px;padding:14px;margin-top:12px}
.msk-account-shell .msk-account-danger-confirm summary{font-weight:900;color:#951f29;cursor:pointer}
.msk-account-shell .msk-account-danger-confirm label{display:flex;align-items:center;gap:8px;margin:12px 0}
.msk-account-shell .msk-account-danger-confirm label input[type=checkbox]{width:18px;height:18px;flex:none}
.msk-account-shell .msk-account-danger-confirm label input[type=text]{width:100%;min-width:0;border:1px solid #dfb9c2;padding:12px;border-radius:12px;font:700 14px monospace;direction:ltr}
@media(max-width:640px){
  .msk-account-shell{padding:20px 12px 70px!important}
  .msk-account-shell .msk-account-hero{padding:17px!important;gap:15px}
  .msk-account-shell .msk-account-hero-main{align-items:flex-start}
  .msk-account-shell .msk-account-hero h1{font-size:23px}
  .msk-account-shell .msk-account-hero p{font-size:12px;line-height:1.85}
  .msk-account-shell .msk-account-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .msk-account-shell .msk-account-hero-actions a{font-size:12px;padding:10px;min-width:0}
  .msk-account-shell .msk-account-hero-actions a:last-child:nth-child(odd){grid-column:1/-1}
  .msk-account-shell .msk-account-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .msk-account-shell .msk-account-kpis article{padding:12px}
  .msk-account-shell .msk-account-kpis article:last-child:nth-child(odd){grid-column:1/-1}
  .msk-account-shell .msk-account-kpis strong{font-size:15px;overflow-wrap:anywhere}
  .msk-account-shell .msk-account-form-pro button{width:100%}
  .msk-account-shell .msk-account-grid-pro{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .msk-account-shell .msk-account-avatar{flex:none;width:48px;height:48px}
  .msk-account-shell .msk-account-link-card{padding:16px}
}