/* Account forms stay compact; authenticated profiles have room for orders. */
#store-dialog[data-view="account"]{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px;font-size:16px;line-height:1.55;overscroll-behavior:contain;scrollbar-gutter:stable}
#store-dialog[data-view="account"][data-account-view="profile"]{width:min(780px,calc(100% - 32px))}
#store-dialog[data-view="account"] [hidden]{display:none!important}
#store-dialog[data-view="account"] .modal-head{gap:16px;padding-bottom:23px}
#store-dialog[data-view="account"] .modal-head>div{min-width:0}
#store-dialog[data-view="account"] .modal-head h2{font-size:28px;line-height:1.25;letter-spacing:-.7px}
#store-dialog[data-view="account"] .modal-close{width:40px;height:40px;font-size:27px}
#store-dialog[data-view="account"] .account-layout{display:block;margin:24px 0 0}
#store-dialog[data-view="account"] .account-form{padding:0;margin:24px 0 0;background:transparent;border-radius:0}
#store-dialog[data-view="account"] .account-layout .account-form{margin-top:0}
#store-dialog[data-view="account"] .auth-tabs{gap:6px;padding:5px;margin-bottom:25px;border-radius:12px;background:#edf1f7}
#store-dialog[data-view="account"] .auth-tabs button{font-size:16px;line-height:1.4;min-height:46px;padding:12px 10px;border-radius:9px;color:#61748c}
#store-dialog[data-view="account"] .auth-tabs button.active,
#store-dialog[data-view="account"] .auth-tabs button[aria-selected="true"],
#store-dialog[data-view="account"] .auth-tabs button[aria-pressed="true"]{background:#fff;color:#2457c8;box-shadow:0 2px 7px #213c6210}
#store-dialog[data-view="account"] .field{margin-bottom:20px;min-width:0}
#store-dialog[data-view="account"] .field>span:first-child,
#store-dialog[data-view="account"] .field>label{font-size:16px;line-height:1.5;margin-bottom:9px}
#store-dialog[data-view="account"] .field>small{font-size:14px;line-height:1.6;color:#61748c;margin-top:8px}
#store-dialog[data-view="account"] .account-form input{display:block;width:100%;min-width:0;min-height:52px;padding:13px 14px;margin-top:0;border:1px solid #d6deea;border-radius:11px;background:#fff;color:var(--ink);font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}
#store-dialog[data-view="account"] .account-form input::placeholder{color:#8492a5;opacity:1}
#store-dialog[data-view="account"] .account-form input:focus{border-color:#4679ed;box-shadow:0 0 0 3px #2c63ed12}
#store-dialog[data-view="account"] .account-form input[aria-invalid="true"]{border-color:#c65b68;background:#fffafb}
#store-dialog[data-view="account"] .password-field{margin:0}
#store-dialog[data-view="account"] .password-field input{padding-right:54px}
#store-dialog[data-view="account"] .password-toggle{right:6px;top:6px;bottom:6px;width:40px;border-radius:8px;color:#607590}
#store-dialog[data-view="account"] .password-toggle svg{width:21px;height:21px}
#store-dialog[data-view="account"] .account-form .auth-demo-note{font-size:14px;line-height:1.7;margin:18px 0;color:#61748c}
#store-dialog[data-view="account"] .auth-demo-note a{color:#2457c8;text-decoration:underline;text-underline-offset:3px}
#store-dialog[data-view="account"] .primary-button,
#store-dialog[data-view="account"] .secondary-button{font-size:16px;line-height:1.5;min-height:52px;padding:13px 18px;border-radius:11px;text-align:center}
#store-dialog[data-view="account"] .account-form>.primary-button{width:100%;margin-top:6px}
#store-dialog[data-view="account"] button:disabled{cursor:default;opacity:.55}
#store-dialog[data-view="account"] input:disabled{background:#f4f6fa;color:#728197;cursor:default}
#store-dialog[data-view="account"] .account-status,
#store-dialog[data-view="account"] .auth-status:not(:empty){font-size:15px;line-height:1.65;margin:18px 0 0;padding:14px 16px;border:1px solid #dce7f7;border-radius:11px;background:#f0f5fd;color:#3d5c86;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-status[data-state="error"]{border-color:#f0d6da;background:#fff2f3;color:#a33448}
#store-dialog[data-view="account"] .account-status[data-state="success"]{border-color:#cce8db;background:#eff9f4;color:#296c50}
#store-dialog[data-view="account"] .account-code-intro{margin:24px 0;color:#61748c;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-form>.account-code-intro:first-child{margin-top:0}
#store-dialog[data-view="account"] .account-code-intro p{margin:0 0 10px}
#store-dialog[data-view="account"] .account-code-intro strong{color:var(--ink);font-weight:600}
#store-dialog[data-view="account"] .account-form input.account-code-input{min-height:68px;padding:14px 12px 14px calc(12px + .3em);text-align:center;font-size:28px;font-weight:600;line-height:1.3;letter-spacing:.3em;font-variant-numeric:tabular-nums}
#store-dialog[data-view="account"] .account-code-input::placeholder{color:#a3b2c7}
#store-dialog[data-view="account"] .account-code-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:16px}
#store-dialog[data-view="account"] .account-secondary-action{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 0;background:transparent;border-radius:7px;color:#285bc3;font-size:15px;line-height:1.6;text-align:left;white-space:normal}
#store-dialog[data-view="account"] .account-secondary-action:hover:not(:disabled){color:#1947a4;text-decoration:underline;text-underline-offset:4px}
#store-dialog[data-view="account"] .account-secondary-action:disabled{color:#65768e;opacity:.75}
#store-dialog[data-view="account"] .account-orders-link{font-size:15px;line-height:1.65;padding:18px 6px 0;margin-top:5px}
#store-dialog[data-view="account"] .account-profile{margin-top:24px;min-width:0}
#store-dialog[data-view="account"] .account-profile-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#store-dialog[data-view="account"] .account-avatar{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border:1px solid #dbe6fb;border-radius:17px;background:#edf3ff;color:#3269d6;font-size:23px;font-weight:600}
#store-dialog[data-view="account"] .account-avatar svg{width:27px;height:27px}
#store-dialog[data-view="account"] .account-profile-head>div:not(.account-avatar){flex:1 1 160px;min-width:0}
#store-dialog[data-view="account"] .account-profile-head h3{font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.3px;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-profile-head p{font-size:15px;line-height:1.6;color:#61748c;margin-top:4px;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-verified{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.6;font-weight:500;color:#297453}
#store-dialog[data-view="account"] .account-verified svg{width:16px;height:16px;flex-shrink:0}
#store-dialog[data-view="account"] .account-signout{flex:0 0 auto;min-height:44px;padding:10px 15px;border-radius:10px;background:#f0f3f8;color:#53677f;font-size:15px;line-height:1.5}
#store-dialog[data-view="account"] .account-signout:hover:not(:disabled){background:#e6edf7;color:#304c73;text-decoration:none}
#store-dialog[data-view="account"] .account-profile-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:22px 0 0;padding:20px;background:#f5f8fc;border:1px solid #e8edf5;border-radius:15px}
#store-dialog[data-view="account"] .account-profile-details>div{min-width:0}
#store-dialog[data-view="account"] .account-profile-details dt{font-size:14px;line-height:1.6;color:#61748c;margin-bottom:5px}
#store-dialog[data-view="account"] .account-profile-details dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-profile-details dd.account-verified{color:#297453}
#store-dialog[data-view="account"] .account-verified::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#dcefe4;font-size:13px}
#store-dialog[data-view="account"] .account-orders{margin-top:28px;padding-top:25px;border-top:1px solid var(--line);min-width:0}
#store-dialog[data-view="account"] .account-orders-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}
#store-dialog[data-view="account"] .account-orders-head h3{font-size:22px;line-height:1.35;letter-spacing:-.5px;font-weight:600}
#store-dialog[data-view="account"] .account-orders-head p,
#store-dialog[data-view="account"] .account-orders-head>span{font-size:14px;line-height:1.6;color:#61748c}
#store-dialog[data-view="account"] .account-order-card{padding:20px;border:1px solid #e1e7f0;border-radius:15px;background:#fff;margin-top:12px;min-width:0}
#store-dialog[data-view="account"] .account-order-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;min-width:0}
#store-dialog[data-view="account"] .account-order-top>div{min-width:0;flex:1 1 180px}
#store-dialog[data-view="account"] .account-order-top h4,
#store-dialog[data-view="account"] .account-order-top h3{font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.2px;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-order-top>h4{flex:1 1 160px;min-width:0}
#store-dialog[data-view="account"] .account-order-top h4>span{display:block;font-size:14px;line-height:1.6;letter-spacing:0;font-weight:400;color:#61748c;margin-top:3px}
#store-dialog[data-view="account"] .account-order-top p{font-size:14px;line-height:1.6;color:#61748c;margin-top:4px;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-order-status{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:7px;background:#eef2f8;color:#60738c;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-order-status[data-status="pending"]{background:#fff5de;color:#896120}
#store-dialog[data-view="account"] .account-order-status[data-status="paid"]{background:#edf3ff;color:#3562b5}
#store-dialog[data-view="account"] .account-order-status[data-status="active"]{background:#eaf7ef;color:#2a7252}
#store-dialog[data-view="account"] .account-order-status[data-status="cancelled"]{background:#fff0f2;color:#a24c5b}
#store-dialog[data-view="account"] .account-order-meta{display:block;min-width:0;margin:13px 0 0;font-size:15px;line-height:1.65;color:#61748c;overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-order-card>.account-order-top:last-child{align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f5}
#store-dialog[data-view="account"] .account-order-top>.account-order-meta{margin:0}
#store-dialog[data-view="account"] .account-order-top>strong{max-width:100%;font-size:21px;font-weight:600;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
#store-dialog[data-view="account"] .account-empty{padding:26px 22px;border:1px dashed #dbe3ef;border-radius:15px;background:#f8fafd;text-align:center;color:#61748c;font-size:16px;line-height:1.7}
#store-dialog[data-view="account"] .account-empty h4,
#store-dialog[data-view="account"] .account-empty h3{color:var(--ink);font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}
#store-dialog[data-view="account"] .account-empty p+p{margin-top:8px}
#store-dialog[data-view="account"] .account-empty .primary-button,
#store-dialog[data-view="account"] .account-empty .secondary-button{margin-top:18px}
#store-dialog[data-view="account"] .account-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 16px;color:#61748c;font-size:16px;line-height:1.6;text-align:center}
#store-dialog[data-view="account"] .account-loading::before{content:"";width:18px;height:18px;flex-shrink:0;border:2px solid #dce7fa;border-top-color:#4375df;border-radius:50%;animation:account-loading-spin .8s linear infinite}
@keyframes account-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#store-dialog[data-view="account"] .account-loading::before{animation:none}#store-dialog[data-view="account"] .account-form input{transition:none}}
@media(max-width:620px){
  #store-dialog[data-view="account"]{width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:25px 20px;scrollbar-gutter:auto}
  #store-dialog[data-view="account"][data-account-view="profile"]{width:calc(100% - 24px)}
  #store-dialog[data-view="account"] .modal-head{padding-bottom:20px;gap:12px}
  #store-dialog[data-view="account"] .modal-head h2{font-size:26px;letter-spacing:-.6px}
  #store-dialog[data-view="account"] .account-form{margin-top:21px}
  #store-dialog[data-view="account"] .account-profile-head{gap:12px}
  #store-dialog[data-view="account"] .account-profile-head>div:not(.account-avatar){flex-basis:150px}
  #store-dialog[data-view="account"] .account-profile-head h3{font-size:19px}
  #store-dialog[data-view="account"] .account-profile-details{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}
  #store-dialog[data-view="account"] .account-orders{margin-top:24px;padding-top:22px}
  #store-dialog[data-view="account"] .account-order-card{padding:17px}
  #store-dialog[data-view="account"] .account-empty{padding:24px 16px}
}
@media(max-width:380px){
  #store-dialog[data-view="account"],
  #store-dialog[data-view="account"][data-account-view="profile"]{padding:22px 18px}
  #store-dialog[data-view="account"] .modal-head h2{font-size:24px}
  #store-dialog[data-view="account"] .auth-tabs button{padding-inline:6px}
  #store-dialog[data-view="account"] .account-code-actions{align-items:flex-start;flex-direction:column;gap:2px}
  #store-dialog[data-view="account"] .account-signout{margin-left:68px}
}