.logout-confirm {
  box-sizing:border-box;
  width:min(440px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:30px;
  overflow:auto;
  border:1px solid var(--t-line,#cbd5cc);
  border-radius:24px;
  color:var(--t-ink,#202b24);
  background:var(--t-panel,#fff);
  box-shadow:0 24px 80px #07101d40;
  font-family:Manrope,Onest,system-ui,sans-serif;
  text-align:left;
}
.logout-confirm::backdrop {background:#07101d85;}
.logout-confirm[open] {animation:logout-confirm-in .18s ease-out;}
.logout-confirm-symbol {
  display:grid;place-items:center;
  width:48px;height:48px;
  margin:0 0 20px;
  border:1px solid var(--t-line,#cbd5cc);
  border-radius:15px;
  background:var(--t-panel-2,#e8ede8);
  color:var(--t-accent,#2b3531);
}
.logout-confirm-symbol svg {display:block;width:26px;height:26px;}
.logout-confirm h2 {margin:0 0 12px;font-size:26px;line-height:1.25;letter-spacing:-.5px;font-weight:750;color:inherit;}
.logout-confirm p {margin:0;font-size:16px;line-height:1.65;color:var(--t-muted,#546258);}
.logout-confirm-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;}
.logout-confirm-actions button {
  box-sizing:border-box;min-height:48px;padding:11px 16px;
  border:1px solid var(--t-line-strong,#839887);border-radius:12px;
  background:var(--t-panel,#fff);color:var(--t-ink,#202b24);
  font:700 16px/1.4 Manrope,Onest,system-ui,sans-serif;
  cursor:pointer;transition:background .15s,border-color .15s;
}
.logout-confirm-actions [data-logout-stay] {background:var(--t-accent,#2b3531);color:var(--t-on-accent,#fff);border-color:var(--t-accent,#2b3531);}
.logout-confirm-actions [data-logout-stay]:hover {background:var(--t-accent-hover,#17221c);border-color:var(--t-accent-hover,#17221c);}
.logout-confirm-actions [data-logout-confirm]:hover {background:var(--t-panel-2,#e8ede8);}
.logout-confirm-actions button:focus-visible {outline:3px solid var(--t-accent,#2b3531);outline-offset:4px;}
@keyframes logout-confirm-in {from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:390px){.logout-confirm{padding:24px 20px;border-radius:20px}.logout-confirm h2{font-size:24px}.logout-confirm-actions{gap:10px}.logout-confirm-actions button{padding-inline:10px;}}
@media(prefers-reduced-motion:reduce){.logout-confirm[open]{animation:none}.logout-confirm-actions button{transition:none}}

.logout-confirm-heading{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px}
.logout-confirm-heading .logout-confirm-symbol{margin:0}
.logout-confirm-heading h2{margin:0;font-size:24px;letter-spacing:-.5px}
@media(max-width:390px){.logout-confirm-heading{gap:12px}.logout-confirm-heading h2{font-size:22px}}