.settings-layout{max-width:1120px;margin:24px auto 72px;padding:0 22px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}
.settings-sidebar{position:sticky;top:84px;max-height:calc(100vh - 108px);align-self:start;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:2px 0;border:none;border-radius:0;background:transparent;box-shadow:none}
.settings-sidebar__account{display:grid;gap:2px;padding:2px 10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}
.settings-sidebar__account-name{font-size:14px;font-weight:620;line-height:1.3;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-sidebar__account-meta{font-size:12px;line-height:1.3;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-sidebar__main,.settings-sidebar__footer{display:grid;gap:2px}
.settings-sidebar__footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(15,23,42,.08)}
.settings-sidebar__link{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:#475467;font-weight:540;font-size:13px;line-height:1.2}
.settings-sidebar__link .material-symbols-outlined{font-size:17px;line-height:1}
.settings-sidebar__link:hover{background:rgba(15,23,42,.03);color:#111827}
.settings-sidebar__link.active{background:rgba(79,70,229,.1);border-color:transparent;color:#4338ca}
.settings-sidebar__link--muted{color:#667085}
.settings-main{display:flex;flex-direction:column;gap:30px;min-width:0}
.settings-section{scroll-margin-top:96px;display:flex;flex-direction:column;gap:20px;opacity:0;transform:translateY(8px);animation:settingsFadeIn .18s ease forwards}
.settings-section:nth-child(2){animation-delay:.04s}.settings-section:nth-child(3){animation-delay:.08s}
.settings-section__heading{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.07)}
.settings-section__heading h1,.settings-section__heading h2,.password-page__head h1{margin:0;line-height:1.04;letter-spacing:-.035em;color:#111827}
.settings-section__heading h1{font-size:40px}.settings-section__heading h2{font-size:24px}
.settings-section__heading p,.settings-status__body p,.password-page__head p{margin:0;color:#667085}
.settings-section__heading--hero{padding-bottom:8px;border-bottom:none}.settings-section__heading--row{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px}
.settings-section--security{background:transparent;border:none;border-radius:0;padding:4px 0 0;box-shadow:none}
.settings-pane{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.settings-pane--flush{padding:0}
.profile-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.settings-section--profile{gap:0;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:20px 20px 16px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.profile-shell{display:grid;gap:36px;max-width:940px;margin:0 auto;width:100%}
.profile-avatar-zone{display:grid;justify-items:center;text-align:center;gap:20px;padding:32px 20px 42px;border:1px solid rgba(15,23,42,.08);border-radius:30px;background:linear-gradient(180deg,#fcfdff 0%,#f7f9fc 100%);box-shadow:0 24px 60px rgba(15,23,42,.08)}
.profile-avatar{position:relative}
.profile-avatar__frame{width:230px;height:230px;border-radius:999px;padding:7px;background:#fff;box-shadow:0 20px 42px rgba(15,23,42,.14);overflow:hidden}
.profile-avatar__image,.profile-avatar__placeholder{display:block;width:100%;height:100%;border-radius:999px;overflow:hidden}
.profile-avatar__placeholder{border:1px solid rgba(15,23,42,.12);background:#f8fafc;cursor:pointer}
.profile-avatar__asset{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover;object-position:center;background:#f8fafc}
.profile-identity h1{margin:0;font-size:52px;line-height:1.05;letter-spacing:-.04em;color:#111827}
.profile-identity__username{margin:8px 0 0;font-size:17px;color:#667085}
.profile-identity__email{margin:4px 0 0;font-size:15px;color:#98a2b3}
.profile-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.profile-actions .btn{min-height:42px}
.seller-visibility{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:0}
.seller-visibility__copy h3{margin:0 0 10px;font-size:28px;line-height:1.1;color:#111827;letter-spacing:-.03em}
.seller-visibility__copy p{margin:0;color:#667085;max-width:600px;line-height:1.55}
.seller-toggle{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#344054;font-weight:600;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.seller-toggle__label{font-size:14px}
.seller-toggle__track{width:42px;height:24px;border-radius:999px;background:#4f46e5;display:flex;align-items:center;padding:0 3px;transition:background .18s ease}
.seller-toggle__thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateX(18px);transition:transform .18s ease}
.seller-toggle.is-off .seller-toggle__track{background:#cbd5e1}
.seller-toggle.is-off .seller-toggle__thumb{transform:translateX(0)}
.profile-overview__hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding-bottom:28px;border-bottom:1px solid rgba(15,23,42,.07)}
.profile-overview__avatar{display:grid;gap:12px;align-content:start}
.profile-overview__avatar-card{display:grid;gap:12px;justify-items:start}
.profile-overview__details{display:grid;gap:4px;align-content:center;min-height:104px}
.profile-overview__name,.settings-value{font-size:24px;font-weight:650;color:#111827;line-height:1.16;letter-spacing:-.03em}
.settings-value--compact{font-size:18px;letter-spacing:-.02em}
.avatar-wrap,.avatar-empty{position:relative;width:104px;height:104px;border-radius:999px;overflow:hidden;flex:0 0 auto}
.avatar-lg{width:100%;height:100%;border-radius:inherit;border:1px solid rgba(15,23,42,.08);object-fit:cover;background:#f8fafc;display:block}
.avatar-empty{display:grid;place-items:center;border:1px dashed rgba(15,23,42,.14);background:linear-gradient(180deg,#fbfcfd 0%,#f8fafc 100%);color:#98a2b3;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.avatar-empty:hover{border-color:rgba(15,23,42,.22);background:#fff;color:#475467;transform:translateY(-1px)}
.avatar-empty .avatar-lg{width:100%;height:100%;object-fit:cover}
.avatar-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(17,24,39,0) 35%,rgba(17,24,39,.62) 100%);opacity:0;transition:opacity .18s ease}
.avatar-wrap:hover .avatar-overlay,.avatar-wrap:focus-within .avatar-overlay{opacity:1}
.settings-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.settings-actions--avatar{padding-top:0}
.avatar-actions{display:flex;flex-wrap:wrap;gap:10px}
.avatar-inline-meta,.settings-inline,.settings-error{font-size:13px;min-height:18px;line-height:1.45}.avatar-inline-meta,.settings-inline{color:#667085}.settings-error{color:#dc2626}
.settings-error--inline{display:flex;align-items:flex-start;gap:6px;line-height:1.4;min-height:18px}.settings-error__icon{font-size:15px;line-height:1;margin-top:1px}
.settings-cta{min-height:40px;padding:0 20px;border-radius:12px;background:#4f46e5;border:1px solid #4f46e5;color:#fff;font-weight:600;box-shadow:0 4px 10px rgba(79,70,229,.14);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.settings-cta:hover{background:#4338ca;border-color:#4338ca;color:#fff;transform:none;box-shadow:0 4px 10px rgba(67,56,202,.16)}
.settings-cta--compact{min-height:36px;padding:0 14px}
.settings-ghost-btn,.avatar-action,.password-modal__cancel{min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.12);color:#344054;box-shadow:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.settings-ghost-btn:hover,.avatar-action:hover,.password-modal__cancel:hover{background:rgba(15,23,42,.035);border-color:rgba(15,23,42,.18);color:#111827;transform:translateY(-1px)}
.settings-ghost-btn--danger,.avatar-action--danger{color:#b42318}.settings-ghost-btn--danger:hover,.avatar-action--danger:hover{background:rgba(180,35,24,.06);border-color:rgba(180,35,24,.18);color:#912018}
.profile-fields,.settings-list{display:grid}
.settings-row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid rgba(15,23,42,.07);background:transparent;transition:background .18s ease}
.settings-row:hover,.session-item:hover,.settings-stack-row:hover{background:rgba(15,23,42,.018)}.settings-row:last-child,.session-item:last-child,.settings-stack-row:last-child{border-bottom:none}
.settings-row__meta{display:grid;gap:4px;align-content:start}.settings-row__label,.settings-stack-row__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#98a2b3}
.settings-row__meta p{margin:0;color:#667085;line-height:1.45}.settings-row__content{display:grid;gap:8px;align-content:start;background:transparent}
.settings-row__content--inline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
.settings-row__content--security{padding-right:2px}
.settings-security-copy{display:grid;gap:6px}
.settings-row__readonly{font-size:13px;color:#475467;line-height:1.45}
.settings-inline-input{max-width:100%;margin:0;background:transparent;border:none;padding:0;font-size:24px;font-weight:650;line-height:1.16;color:#111827;border-radius:0}
.settings-inline-input::placeholder{color:#98a2b3;font-weight:500}.settings-inline-input:focus{box-shadow:none;border:none}
.settings-stack-row{display:grid;padding:18px 0;border-bottom:1px solid rgba(15,23,42,.07);transition:background .18s ease}
.settings-stack-row__content{display:grid;gap:6px;align-content:start}
.settings-skeleton{display:block;border-radius:999px;background:linear-gradient(90deg,#eef2f7 0%,#f8fafc 50%,#eef2f7 100%);background-size:200% 100%;animation:settingsSkeleton 1.1s ease-in-out infinite}
.settings-skeleton--title{width:min(220px,72%);height:16px}.settings-skeleton--line{width:min(180px,56%);height:12px;margin-top:10px;border-radius:999px}.settings-skeleton--pill{width:110px;height:34px}
.sessions-list{list-style:none;margin:0;padding:0}.sessions-placeholder{padding:20px 0}.sessions-placeholder--error{color:#b42318}
.session-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(15,23,42,.07);transition:background .18s ease}
.session-item__main{display:flex;align-items:flex-start;gap:14px;min-width:0}.session-item__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fafafa;color:#667085;border:1px solid rgba(15,23,42,.08);flex:0 0 auto;transition:background .18s ease,border-color .18s ease,color .18s ease}
.session-item:hover .session-item__icon{background:#fff;border-color:rgba(15,23,42,.12);color:#111827}
.session-item__body{min-width:0}.session-item__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.session-item__title{font-size:16px;font-weight:600;color:#111827}
.session-item__meta,.session-item__submeta,.session-item__details{font-size:13px;color:#667085;margin-top:4px;line-height:1.45}.session-item__details summary{cursor:pointer;list-style:none}.session-item__details summary::-webkit-details-marker{display:none}
.session-item__details summary{display:inline-flex;align-items:center;gap:6px;color:#667085;transition:color .18s ease}.session-item__details summary:hover{color:#111827}.session-item__details-body{padding-top:6px;color:#667085}.session-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(15,23,42,.05);font-size:12px;font-weight:600;color:#344054}.session-item__actions{justify-self:end}
@keyframes settingsFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes settingsSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.confirm-dialog[hidden]{display:none!important}.confirm-dialog{position:fixed;inset:0;z-index:110}.confirm-dialog__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}
.confirm-dialog__panel{position:relative;z-index:1;width:min(420px,calc(100vw - 24px));margin:12vh auto 0;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px;box-shadow:0 24px 60px rgba(15,23,42,.18)}
.confirm-dialog__title{font-size:20px;font-weight:700;color:#111827}.confirm-dialog__text{margin:8px 0 0;color:#667085}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.settings-toast{position:fixed;right:18px;bottom:18px;border-radius:999px;padding:10px 14px;background:#111827;color:#fff;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:120}.settings-toast.is-visible{opacity:1;transform:translateY(0)}
.password-page{max-width:720px;margin:32px auto 72px;padding:0 16px}.password-page__back{display:inline-flex;margin-bottom:16px;font-size:14px;font-weight:600}.password-page__shell{display:grid;gap:18px}.password-page__eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8}
.password-page__head{display:grid;gap:8px}.password-page__status{grid-template-columns:auto minmax(0,1fr)}
.password-form{padding:22px;display:grid;gap:10px}.password-form label{font-size:14px;font-weight:700;color:#111827}.password-form .inp{margin:0}
.password-field{position:relative}.password-toggle{position:absolute;top:8px;right:8px;min-height:34px;padding:0 10px;border-radius:10px;background:#fff;color:#475569}
.password-strength{display:grid;gap:8px}.password-strength__bar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.password-strength__bar span{display:block;height:100%;width:0;border-radius:999px;transition:width .2s ease, background .2s ease}.password-strength__bar span.is-empty{background:#cbd5e1}.password-strength__bar span.is-weak{background:#f97316}.password-strength__bar span.is-medium{background:#f59e0b}.password-strength__bar span.is-good{background:#6366f1}.password-strength__bar span.is-strong{background:#22c55e}.password-strength__text{font-size:13px;color:#667085}
.checkbox-row{display:flex;align-items:center;gap:10px;margin-top:4px}.checkbox-row input{width:auto;margin:0}.password-form__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.inp{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#111827;outline:none}.inp:focus{border-color:rgba(124,58,237,.35);box-shadow:0 0 0 3px rgba(124,58,237,.10)}




.password-modal[hidden]{
  display:none !important;
}

.password-modal{
  position:fixed;
  inset:0;
  z-index:130;
  display:grid;
  place-items:center;
  padding:20px 16px;
}

.password-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(25, 28, 30, 0.40);
  backdrop-filter:blur(4px);
}

.password-modal__card,
.password-modal__card--flow,
.password-modal__card--compact{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  width:min(440px, calc(100vw - 32px));
  background:#ffffff;
  border:0;
  border-radius:16px;
  box-shadow:0 20px 40px -5px rgba(25, 28, 30, 0.06);
  padding:32px;
  gap:32px;
}

.password-modal__top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.password-modal__top h3,
.password-modal__header h3{
  margin:0;
  font-family:"Manrope", sans-serif;
  font-size:1.25rem;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-0.02em;
  color:#191c1e;
}

.password-modal__hint,
.password-strength,
.password-strength__meter,
.password-strength__text,
.password-modal__session-option,
.password-modal__toggle-wrap{
  display:none;
}

.password-modal__close{
  display:none !important;
}

.password-modal__form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.password-modal__field-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.password-modal__label{
  margin-left:2px;
  font-size:13px;
  line-height:1.3;
  font-weight:500;
  color:#464554;
}

.password-modal__field{
  position:relative;
  box-sizing:border-box;
}

.password-modal__input{
  width:100%;
  height:46px;
  line-height:1.4;
  margin:0;
  padding:0 44px 0 16px;
  box-sizing:border-box;
  border-radius:12px;
  background:#FAFAFB;
  border:1px solid rgba(0,0,0,0.08);
  color:#191c1e;
  font-size:14px;
  box-shadow:none;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.password-modal__input::placeholder{
  color:rgba(70,69,84,0.40);
}

.password-modal__toggle{
  position:absolute;
  top:50%;
  right:10px;
  width:20px;
  height:20px;
  display:grid !important;
  place-items:center;
  padding:0;
  margin:0;
  transform:translateY(calc(-50% - 1px));
  border:none;
  border-radius:0 !important;
  background:transparent !important;
  color:#626173;
  cursor:pointer;
  line-height:1 !important;
  transition:none !important;
  animation:none !important;
  box-shadow:none !important;
  box-sizing:border-box;
  appearance:none;
  font-size:0;
  vertical-align:top;
}

.password-modal__toggle,
.password-modal__toggle *{
  transition:none !important;
  animation:none !important;
}

.password-modal__toggle .material-symbols-outlined{
  line-height:1 !important;
  font-size:20px !important;
  display:grid !important;
  place-items:center;
  width:20px;
  height:20px;
  transition:none !important;
  animation:none !important;
  transform:none !important;
  margin:0;
  padding:0;
  vertical-align:top;
}

.password-modal__toggle-icon{
  position:absolute;
  inset:0;
  display:grid !important;
  place-items:center;
  width:100%;
  height:100%;
  line-height:1 !important;
  font-size:20px !important;
  transition:none !important;
  animation:none !important;
  transform:none !important;
  margin:0;
  padding:0;
  vertical-align:top;
}

.password-modal__toggle-icon--show,
.password-modal__toggle-icon--hide{
  transition:none !important;
  animation:none !important;
}

.password-modal__toggle:hover,
.password-modal__toggle:focus-visible,
.password-modal__toggle:active{
  color:#626173;
  background:transparent !important;
  box-shadow:none !important;
  outline:none;
  transform:translateY(calc(-50% - 1px));
}

.password-modal__toggle-icon--hide{
  opacity:0;
  visibility:hidden;
}

.password-modal__toggle[aria-pressed="true"] .password-modal__toggle-icon--show{
  opacity:0;
  visibility:hidden;
}

.password-modal__toggle[aria-pressed="true"] .password-modal__toggle-icon--hide{
  opacity:1;
  visibility:visible;
}

.password-modal__input:focus,
.password-modal__field[data-field-state="focus"] .password-modal__input{
  border-color:rgba(73,75,214,0.30);
  border-width:1px;
  box-shadow:0 0 0 2px rgba(73,75,214,0.20);
}

.password-modal__field[data-field-state="invalid"] .password-modal__input{
  border-color:rgba(240,68,56,.32);
  box-shadow:0 0 0 2px rgba(240,68,56,.10);
  background:#fffafa;
}

.password-modal__field[data-field-state="disabled"] .password-modal__input{
  background:#f5f5f7;
  color:#a0a0ad;
}

.password-modal__link-row{
  display:flex;
  justify-content:flex-end;
  margin-top:0;
  padding:0 2px;
}

.password-modal__link-btn{
  padding:0;
  border:none;
  background:none;
  font-size:12px;
  line-height:1.2;
  font-weight:500;
  color:rgba(70,69,84,0.70);
  cursor:pointer;
  transition:color .18s ease;
}

.password-modal__link-btn:hover,
.password-modal__link-btn:focus-visible{
  background:none;
  box-shadow:none;
  color:#191c1e;
  outline:none;
}

.password-modal .settings-error--inline{
  min-height:0;
  font-size:12px;
  line-height:1.35;
}

.password-modal .settings-error--inline:empty{
  display:none;
}

.password-modal__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding-top:8px;
  margin-top:0;
}

.password-modal__cancel{
  min-width:auto;
  height:42px;
  padding:0 20px;
  border:none;
  border-radius:12px;
  background:transparent;
  color:#767586;
  font-size:14px;
  font-weight:500;
  box-shadow:none;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}

.password-modal__cancel:hover,
.password-modal__cancel:focus-visible{
  background:rgba(25,28,30,0.05);
  color:#191c1e;
  outline:none;
  transform:none;
}

.password-modal__submit{
  min-width:auto;
  height:42px;
  padding:0 20px;
  border:none;
  border-radius:12px;
  font-size:13px;
  font-weight:500;
  color:#fff;
  background:linear-gradient(135deg, #4648d4 0%, #6063ee 100%);
  box-shadow:0 1px 2px rgba(25,28,30,0.08);
  cursor:pointer;
  opacity:1;
  transition:opacity .18s ease;
}

.password-modal__submit:hover,
.password-modal__submit:focus-visible{
  opacity:.92;
  outline:none;
}

.password-modal__submit[disabled],
.password-modal__submit.is-loading{
  opacity:1;
  cursor:pointer;
}

.password-modal__actions--stack{
  justify-content:space-between;
}

.password-modal__actions--single{
  justify-content:center;
}

.password-modal__actions--single .password-modal__submit{
  min-width:182px;
}

.password-flow-step{
  display:none;
  gap:14px;
}

.password-flow-step.is-active{
  display:grid;
}

.password-modal__header--center{
  text-align:center;
  justify-content:center;
  padding-right:0;
  display:grid;
  gap:14px;
}

.password-modal__header--center h3{
  font-size:clamp(1.75rem, 3.5vw, 2rem);
  line-height:1.15;
  font-weight:600;
  letter-spacing:-0.03em;
}

.password-modal__header--center p{
  margin:0 auto;
  max-width:30ch;
  font-size:13px;
  line-height:1.45;
  color:#70748a;
}

.password-modal__verify-icon,
.password-modal__success-icon{
  margin:0 auto;
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(99,102,241,.12);
  color:#5b5ee2;
}

.password-modal__success-icon{
  background:rgba(34,197,94,.12);
  color:#16a34a;
}

.password-modal__verify-icon .material-symbols-outlined,
.password-modal__success-icon .material-symbols-outlined{
  font-size:26px;
}

.password-flow-step:not([data-password-step="forgot-password-code"]) .password-code{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}

.password-flow-step:not([data-password-step="forgot-password-code"]) .password-code__cell{
  width:100%;
  height:56px;
  border:none;
  border-radius:12px;
  background:#f3f5ff;
  font-size:24px;
  font-weight:600;
  text-align:center;
  color:#1c1f2a;
  outline:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.password-flow-step:not([data-password-step="forgot-password-code"]) .password-code__cell:focus{
  background:#fff;
  transform:translateY(-1px);
  box-shadow:0 0 0 2px rgba(99,102,241,.24),0 10px 24px -14px rgba(70,72,212,.65);
}

.password-modal__security-hint{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9ba1b6;
}

.password-modal__security-hint .material-symbols-outlined{
  font-size:14px;
}

/* ===== FINAL OTP SOURCE OF TRUTH ===== */

.password-modal[data-password-step-active="forgot-password-code"] .password-modal__card{
  width:min(456px, calc(100vw - 32px));
  max-width:456px;
  padding:28px 24px 24px;
  border-radius:24px;
  gap:20px;
  overflow:hidden;
}

.password-modal[data-password-step-active="forgot-password-code"] .password-modal__top{
  display:none !important;
}

.password-modal[data-password-step-active="forgot-password-code"] .password-modal__close{
  display:inline-flex !important;
  position:absolute;
  top:18px;
  right:18px;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:0;
  border-radius:999px;
  background:transparent !important;
  box-shadow:none !important;
  color:#6f7687;
  opacity:.72;
  cursor:pointer;
  transform:none !important;
  appearance:none;
  -webkit-appearance:none;
}

.password-modal:not([data-password-step-active="forgot-password-code"]) .password-modal__close{
  display:none !important;
}

.password-modal[data-password-step-active="forgot-password-code"] .password-modal__close:hover,
.password-modal[data-password-step-active="forgot-password-code"] .password-modal__close:focus-visible,
.password-modal[data-password-step-active="forgot-password-code"] .password-modal__close:active{
  background:transparent !important;
  box-shadow:none !important;
  outline:none;
  transform:none !important;
  opacity:1;
}

.password-modal__step[data-password-step="forgot-password-code"] .password-modal__eyebrow,
.password-modal__step[data-password-step="forgot-password-code"] .password-modal__field-label{
  display:none !important;
}

[data-password-step="forgot-password-code"] .password-otp{
  --otp-cell-size:42px;
  --otp-gap:10px;
  --otp-content-width:376px;

  display:grid;
  gap:16px;
  width:100%;
  justify-items:center;
  padding:0;
}

[data-password-step="forgot-password-code"] .password-modal__header,
[data-password-step="forgot-password-code"] .password-modal__field-group--otp,
[data-password-step="forgot-password-code"] .password-modal__actions--otp{
  width:min(100%, var(--otp-content-width));
  margin-left:auto;
  margin-right:auto;
}

[data-password-step="forgot-password-code"] .password-modal__header{
  display:grid !important;
  gap:12px;
  justify-items:start;
  justify-content:start;
  align-items:start;
  text-align:left;
  padding-right:0;
}

[data-password-step="forgot-password-code"] .password-modal__verify-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  margin:0;
}

[data-password-step="forgot-password-code"] .password-modal__header h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.15;
  font-weight:700;
}

[data-password-step="forgot-password-code"] .password-modal__header p{
  margin:0;
  max-width:340px;
  font-size:13px;
  line-height:1.45;
  color:#7d8496;
}

[data-password-step="forgot-password-code"] .password-modal__field-group--otp{
  display:grid;
  gap:12px;
  justify-items:center;
}

[data-password-step="forgot-password-code"] .password-code{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--otp-gap);
  width:100%;
  max-width:100%;
  flex-wrap:nowrap;
  overflow:hidden;
}

[data-password-step="forgot-password-code"] .password-code__cell{
  flex:0 0 var(--otp-cell-size);
  width:var(--otp-cell-size);
  min-width:var(--otp-cell-size);
  max-width:var(--otp-cell-size);
  height:var(--otp-cell-size);
  min-height:var(--otp-cell-size);
  max-height:var(--otp-cell-size);
  padding:0;
  margin:0;
  box-sizing:border-box;
  border-radius:10px;
  border:1px solid rgba(15,23,42,.08);
  background:#f3f4fb;
  box-shadow:none;
  outline:none;
  appearance:none;
  -webkit-appearance:none;

  text-align:center;
  font-size:18px;
  font-weight:600;
  line-height:1;
  color:#191c1e;

  transform:none !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

[data-password-step="forgot-password-code"] .password-code__cell:focus{
  border-color:rgba(92,99,238,.28);
  box-shadow:0 0 0 2px rgba(92,99,238,.16);
  background:#eef0ff;
  transform:none !important;
}

[data-password-step="forgot-password-code"] .password-modal__resend-link{
  margin:4px auto 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0;
  border:0;
  background:transparent !important;
  box-shadow:none !important;
  font-size:13px;
  line-height:1.2;
  color:#6f7687;
  cursor:not-allowed;
  transform:none !important;
  outline:none !important;
  appearance:none;
  -webkit-appearance:none;
}

[data-password-step="forgot-password-code"] .password-modal__resend-link::before{
  content:"refresh";
  font-family:"Material Symbols Outlined";
  font-size:14px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:-2px;
  transform:rotate(0deg);
  transform-origin:center center;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}

[data-password-step="forgot-password-code"] .password-modal__resend-link.is-available{
  color:#5f63ea;
  cursor:pointer;
}

[data-password-step="forgot-password-code"] .password-modal__resend-link:hover,
[data-password-step="forgot-password-code"] .password-modal__resend-link:focus-visible,
[data-password-step="forgot-password-code"] .password-modal__resend-link:active{
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}

[data-password-step="forgot-password-code"] .password-modal__resend-link.is-available:hover::before,
[data-password-step="forgot-password-code"] .password-modal__resend-link.is-available:focus-visible::before{
  transform:rotate(360deg);
}

[data-password-step="forgot-password-code"] .password-modal__actions--otp{
  display:grid;
  padding-top:2px;
  gap:12px;
  justify-items:stretch;
}

[data-password-step="forgot-password-code"] .password-modal__actions--otp .password-modal__submit{
  display:block;
  width:100%;
  min-width:100%;
  max-width:100%;
  min-height:48px;
  margin:0;
  border-radius:14px;
  transform:none !important;
}

[data-password-step="forgot-password-code"] .password-modal__actions--otp .password-modal__submit:hover,
[data-password-step="forgot-password-code"] .password-modal__actions--otp .password-modal__submit:focus-visible,
[data-password-step="forgot-password-code"] .password-modal__actions--otp .password-modal__submit:active{
  transform:none !important;
}

[data-password-step="forgot-password-code"] .password-modal__back-link{
  margin:4px auto 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0;
  border:0;
  background:transparent !important;
  box-shadow:none !important;
  font-size:13px;
  color:#787d92;
  opacity:.78;
  cursor:pointer;
  transform:none !important;
  outline:none !important;
  appearance:none;
  -webkit-appearance:none;
}

[data-password-step="forgot-password-code"] .password-modal__back-link .material-symbols-outlined{
  font-size:16px;
}

[data-password-step="forgot-password-code"] .password-modal__back-link:hover,
[data-password-step="forgot-password-code"] .password-modal__back-link:focus-visible,
[data-password-step="forgot-password-code"] .password-modal__back-link:active{
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}

@media (max-width:720px){
  [data-password-step="forgot-password-code"] .password-otp{
    --otp-cell-size:40px;
    --otp-gap:8px;
    --otp-content-width:100%;
  }

  .password-modal[data-password-step-active="forgot-password-code"] .password-modal__card{
    width:min(440px, 100%);
    max-width:440px;
    padding:24px 20px 20px;
    border-radius:20px;
  }

  [data-password-step="forgot-password-code"] .password-modal__header,
  [data-password-step="forgot-password-code"] .password-modal__field-group--otp,
  [data-password-step="forgot-password-code"] .password-modal__actions--otp{
    width:100%;
  }

  [data-password-step="forgot-password-code"] .password-code{
    gap:var(--otp-gap);
  }

  [data-password-step="forgot-password-code"] .password-code__cell{
    font-size:17px;
  }
}

.avatar-popover[hidden]{display:none!important}.avatar-popover{position:absolute;top:112px;left:calc(50% + 8px);z-index:16;min-width:170px;padding:8px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 16px 34px rgba(15,23,42,.16)}.avatar-popover__actions{display:grid;gap:4px}.avatar-popover__btn{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:32px;padding:0 10px;border:none;border-radius:9px;background:transparent;color:#111827;font-size:13px;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease}.avatar-popover__btn:hover,.avatar-popover__btn:focus-visible{background:#f3f4f6}.avatar-popover__btn--danger{color:#a61b12}.avatar-popover__btn--danger:hover,.avatar-popover__btn--danger:focus-visible{background:rgba(180,35,24,.08);color:#8f120a}.avatar-popover__confirm{display:grid;gap:8px;padding:2px 4px 4px}.avatar-popover__confirm p{margin:0;font-size:12px;color:#5f6472}.avatar-popover__confirm-actions{display:flex;gap:6px}.avatar-popover__btn--ghost{color:#475467}
.profile-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.profile-highlight-card{padding:22px 20px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px rgba(15,23,42,.06);text-align:center}
.profile-highlight-card__value{font-size:22px;font-weight:700;line-height:1.18;letter-spacing:-.02em;color:#111827;word-break:break-word}
.profile-highlight-card__label{margin-top:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;font-weight:700}
.profile-info-panel{padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 24px rgba(15,23,42,.05)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media (max-width:980px){.settings-layout{max-width:780px;padding:0 18px;grid-template-columns:1fr}.settings-sidebar{position:static;height:auto;gap:14px}.settings-sidebar__main{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-sidebar__footer{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px}.profile-overview__hero{grid-template-columns:1fr;gap:20px}.profile-overview__details{min-height:auto}.seller-visibility{grid-template-columns:1fr;justify-items:start}.profile-highlights{grid-template-columns:1fr}}
@media (max-width:720px){.settings-layout{margin:16px auto 50px;padding:0 12px;gap:16px}.settings-main{gap:24px}.settings-section--profile,.settings-section--security{padding:14px 12px}.settings-section__heading h1,.settings-section__heading h2,.password-page__head h1,.password-modal__header h3{font-size:28px}.settings-section__heading--row{align-items:start;flex-direction:column}.settings-row,.settings-row__content--inline,.session-item{grid-template-columns:1fr}.settings-row--password{grid-template-columns:1fr}.settings-row__content--actions,.session-item__actions{justify-self:start}.profile-overview__hero{padding-bottom:24px}.profile-overview__name,.settings-value,.settings-inline-input{font-size:22px}.avatar-wrap,.avatar-empty{width:92px;height:92px}.profile-avatar__frame{width:170px;height:170px;padding:5px}.profile-avatar__image,.profile-avatar__placeholder{width:100%;height:100%}.profile-identity h1{font-size:38px}.profile-avatar-zone{padding:24px 14px 30px;border-radius:22px}.profile-actions{width:100%}.profile-actions .btn{width:100%;max-width:280px}.password-modal{padding:12px;align-items:end}.password-modal__card{padding:24px 18px 18px;border-radius:20px 20px 16px 16px;max-height:92vh;overflow:auto}.password-modal__actions{flex-direction:column-reverse;align-items:stretch}.password-modal__submit{width:100%}.password-modal__cancel{width:100%;padding:0;min-height:38px;border:1px solid rgba(15,23,42,.1);border-radius:999px}}

/* Security page minimal redesign */
.settings-sidebar{gap:12px}
.settings-sidebar__account{padding:2px 6px 10px}
.settings-sidebar__main,.settings-sidebar__footer{gap:4px}
.settings-sidebar__spacer{flex:1 1 220px;min-height:220px}
.settings-sidebar__link{padding:0 9px;border-radius:9px}
.settings-sidebar__link.active{background:rgba(79,70,229,.08);color:#4338ca}
.settings-section--security{max-width:900px;padding-top:2px}
.settings-section__heading--security{display:grid;gap:6px;padding-bottom:14px}
.settings-section__heading--security h1{font-size:36px;letter-spacing:-.03em}
.settings-pane--security{display:grid;gap:2px}
.security-line,.security-block{padding:18px 0;border-bottom:1px solid rgba(15,23,42,.08)}
.security-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.security-line__main h2,.security-block__header h2{margin:0;font-size:19px;letter-spacing:-.02em;color:#111827}
.security-line__main p,.security-block__header p{margin:4px 0 0;color:#667085;font-size:14px;line-height:1.5}
.security-line__action{min-height:34px}
.security-block{border:none;border-radius:0;background:transparent}
.security-block__header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.security-block__header--minimal{padding-bottom:8px}
.security-block__footer--minimal{padding-top:16px}
.security-danger-link{padding:0 2px;border:none;background:transparent;color:#b42318}
.security-danger-link:hover{background:transparent;color:#912018;border:none;transform:none}
.sessions-list--minimal .session-item{padding:13px 0}
.session-item--minimal .session-item__icon{width:34px;height:34px;border-radius:10px;background:#f8fafc;border-color:rgba(15,23,42,.05)}
.session-item--minimal .session-item__icon .material-symbols-outlined{font-size:19px}
.session-item--minimal .session-item__title{font-size:15px}
.session-item--minimal .session-item__meta{margin-top:2px}
.session-item--minimal .session-item__actions{align-self:center}
.session-item--minimal .settings-ghost-btn{min-height:32px;padding:0 12px}
.session-inline-action{opacity:0;transition:opacity .16s ease}
.session-item:hover .session-inline-action,.session-item:focus-within .session-inline-action{opacity:1}
.password-modal__card--compact{width:min(420px,100%);padding:20px 18px 16px;gap:14px;border-radius:16px}
.password-modal__card--compact .password-modal__header{padding-right:0}
.password-modal__card--compact .password-modal__header h3{font-size:22px;letter-spacing:-.02em}
.password-modal__card--compact .password-modal__form{gap:12px}
.password-modal__card--compact .password-modal__actions{padding-top:2px}

@media (max-width:720px){
  .settings-section__heading--security h1{font-size:30px}
  .security-line{grid-template-columns:1fr}
  .security-block{padding:16px 0}
  .security-block__header{flex-direction:column;align-items:flex-start}
  .session-inline-action{opacity:1}
}

/* Profile page restyle to match atelier reference */
.profile-shell--atelier{max-width:560px;gap:16px;justify-items:center;margin-top:0}
.profile-avatar-zone--atelier{position:relative;display:grid;justify-items:center;gap:6px;width:100%;max-width:442px;margin:0 auto;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}
.profile-avatar__frame--atelier{width:96px;height:96px;padding:0;box-shadow:0 4px 10px rgba(15,23,42,.1);border:2px solid #fff}
.profile-identity--atelier{display:grid;justify-items:center;gap:0;text-align:center}
.profile-identity--atelier h1{margin:4px 0 0;font-size:34px;font-weight:700;line-height:1.12;letter-spacing:-.026em}
.profile-identity--atelier .profile-identity__username{margin-top:8px;font-size:18px;line-height:1.35;font-weight:600;color:#4b5563}
.profile-identity--atelier .profile-identity__email{margin-top:4px;font-size:16px;line-height:1.35;color:#6b7280}
.profile-identity--atelier #displayNameSetup{display:grid;justify-items:center;gap:10px;width:min(420px,100%);margin-top:4px}
.profile-identity--atelier #displayNameSetup .settings-inline-input{max-width:420px;height:42px;padding:0 6px;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-align:center}
.profile-display-hint{margin:0;font-size:15px;line-height:1.4;color:#667085}
.profile-name-banner{width:100%;max-width:430px;margin:0 auto;padding:14px 16px;border-radius:14px;border:1px solid rgba(245,158,11,.35);background:rgba(254,243,199,.42)}
.profile-name-banner h3{margin:0 0 4px;font-size:18px;line-height:1.25;color:#7c2d12}
.profile-name-banner p{margin:0;font-size:15px;line-height:1.4;color:#92400e}
.avatar-remove-link{margin-top:4px;font-size:12px;line-height:1.25}
.avatar-edit-fab{position:absolute;right:calc(50% - 49px);top:68px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;border:1.5px solid #fff;background:#494bd6;color:#fff;box-shadow:0 3px 9px rgba(15,23,42,.2)}
.avatar-edit-fab .material-symbols-outlined{font-size:12px}
.profile-info-panel{width:100%;max-width:430px;margin:4px auto 0;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}
.profile-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.profile-actions .btn{min-height:32px}
.profile-shell--atelier .settings-cta{min-height:30px;padding:0 11px;border-radius:999px;background:#5157d9;border-color:#5157d9;box-shadow:none;font-size:12px;font-weight:560}
.profile-shell--atelier .settings-cta:hover{transform:none;box-shadow:none;background:#474ecf;border-color:#474ecf}
.profile-shell--atelier .settings-ghost-btn{min-height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:520;background:rgba(255,255,255,.92)}
.seller-visibility{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(246,247,249,.74)}
.seller-visibility__copy h3{margin:0 0 4px;font-size:22px;line-height:1.2;color:#191c1e;letter-spacing:-.012em;font-weight:700}
.seller-visibility__copy p{margin:0;color:#5f6472;max-width:360px;font-size:15px;line-height:1.45}
.seller-toggle{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:0;border-radius:999px;border:none;background:transparent;color:#344054;font-weight:600;box-shadow:none}
.seller-toggle__label{font-size:14px;line-height:1.25}
.seller-toggle__track{width:42px;height:22px;border-radius:999px;background:#4f46e5;display:flex;align-items:center;padding:0 3px;transition:background .18s ease}
.seller-toggle__thumb{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateX(20px);transition:transform .18s ease}
.seller-toggle.is-off .seller-toggle__thumb{transform:translateX(0)}
.settings-danger-zone{margin-top:2px;padding-top:12px;border-top:1px solid rgba(15,23,42,.08)}
.settings-danger-zone__card{padding:12px 14px;border-radius:12px;border:1px solid rgba(180,35,24,.12);background:rgba(180,35,24,.03)}
.settings-danger-zone__action{min-height:32px;padding:0 12px;border-radius:10px}
.avatar-picker__panel{width:min(430px,calc(100vw - 24px));border-radius:16px;padding:14px 14px 12px;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 44px rgba(15,23,42,.16)}
.avatar-picker__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:10px}
.avatar-picker__header h3{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.015em}
.avatar-picker__header p{margin:4px 0 0;font-size:12px;line-height:1.35;color:#667085}
.avatar-picker__preview{width:84px;height:84px;border-radius:999px;margin:4px auto 10px}
.avatar-dropzone{min-height:100px;padding:12px;border-radius:12px;border:1px dashed rgba(15,23,42,.18)}
.avatar-picker__actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.avatar-picker__actions .btn{min-height:34px;padding:0 12px}

@media (max-width:720px){
  .profile-shell--atelier,
  .profile-avatar-zone--atelier,
  .profile-info-panel{max-width:100%}
  .settings-sidebar__spacer{display:none}
  .profile-identity--atelier h1{font-size:30px}
  .profile-identity--atelier .profile-identity__username{font-size:16px}
  .profile-identity--atelier .profile-identity__email{font-size:14px}
  .profile-identity--atelier #displayNameSetup .settings-inline-input{font-size:28px;height:38px}
  .seller-visibility__copy h3{font-size:20px}
  .seller-visibility__copy p{font-size:14px}
}

/* ===== unification overrides: profile/settings ===== */
.settings-layout,
.settings-main,
.profile-overview,
.profile-fields,
.settings-section,
.settings-pane,
.settings-section--profile,
.settings-section--security,
.settings-danger-zone__card,
.password-modal__card,
.confirm-dialog__panel,
.avatar-picker__panel,
.profile-highlight-card,
.profile-info-panel {
  border-radius: 16px !important;
  border: 1px solid #e4e7ef !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
}

.settings-section__heading--hero,
.profile-avatar-zone { border-radius: 24px !important; }

.settings-sidebar__link,
.settings-cta,
.settings-ghost-btn,
.avatar-action,
.password-modal__cancel,
.password-modal__submit,
.seller-toggle,
.settings-danger-zone__action,
.avatar-popover__btn,
.password-toggle,
.inp,
.settings-inline-input {
  border-radius: 10px !important;
}

.settings-sidebar__link.active,
.settings-sidebar__link[aria-current="page"] {
  background: #f3edff !important;
  border-color: rgba(124, 58, 237, 0.32) !important;
  color: #5b21b6 !important;
}

.seller-toggle__track,
.settings-cta {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
}

/* ===== focused regression correction: profile + security/settings density ===== */
.settings-layout {
  grid-template-columns: 232px minmax(0, 840px);
  justify-content: center;
  gap: 22px;
}

.settings-main {
  gap: 22px;
}

.profile-overview__hero {
  gap: 18px;
  padding-bottom: 20px;
}

.settings-inline-input {
  min-height: 44px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #dbe2ee !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-size: 21px;
  font-weight: 630;
  line-height: 1.2;
  box-shadow: none !important;
}

.settings-inline-input:focus {
  border-color: rgba(99, 102, 241, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

.settings-section--security {
  max-width: 760px;
}

.settings-pane--security,
.settings-list.settings-pane {
  gap: 0;
  border: 1px solid #e4e7ef !important;
  border-radius: 16px !important;
  padding: 6px 18px !important;
}

.security-line,
.security-block,
.settings-row,
.session-item {
  padding-top: 14px;
  padding-bottom: 14px;
}