/* ════════════════════════════════════════════════════════════════════════════
   LEGAL SETU — Account widget stylesheet
   ════════════════════════════════════════════════════════════════════════════ */

/* ─── Account button (avatar + name + chevron) ─── */
.ls-acct-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid #E4E8F5;border-radius:100px;padding:5px 14px 5px 5px;cursor:pointer;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;color:#0C0E1A;transition:all .15s;line-height:1}
.ls-acct-btn:hover{border-color:#2B3FD9;background:#F5F7FC}
.ls-acct-btn .ls-acct-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2B3FD9,#1A2BA8);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;line-height:1}
.ls-acct-btn .ls-acct-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-acct-btn .ls-acct-chev{width:14px;height:14px;color:#9299B3;flex-shrink:0}
.ls-acct-btn.is-open{border-color:#2B3FD9;background:#F5F7FC}

/* ─── Dropdown ─── */
.ls-dd{position:fixed;z-index:950;background:#fff;border:1px solid #E4E8F5;border-radius:16px;box-shadow:0 12px 40px rgba(12,14,26,.12);min-width:280px;max-width:320px;padding:10px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s,transform .18s;font-family:'Manrope',sans-serif}
.ls-dd.open{opacity:1;transform:none;pointer-events:auto}
.ls-dd-head{padding:12px 12px 14px;border-bottom:1px solid #F0F2F9;margin-bottom:8px;display:flex;align-items:center;gap:12px}
.ls-dd-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2B3FD9,#1A2BA8);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700;flex-shrink:0}
.ls-dd-who{min-width:0;flex:1}
.ls-dd-name{font-size:14px;font-weight:700;color:#0C0E1A;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-dd-id{font-size:12px;color:#9299B3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-dd-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;text-decoration:none;color:#0C0E1A;font-size:14px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;font-family:inherit;text-align:left;transition:background .12s}
.ls-dd-item:hover{background:#F5F7FC}
.ls-dd-item svg{width:18px;height:18px;color:#525870;flex-shrink:0;stroke-width:2}
.ls-dd-item.signout{color:#DC2626;margin-top:4px}
.ls-dd-item.signout svg{color:#DC2626}
.ls-dd-item.signout:hover{background:#FEF2F2}
.ls-dd-divider{height:1px;background:#F0F2F9;margin:6px 4px}

/* ─── Mobile bottom sheet ─── */
@media(max-width:640px){
  .ls-dd{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%;max-width:100%;min-width:0;border-radius:20px 20px 0 0;padding:14px 12px 24px;transform:translateY(100%);transition:transform .25s cubic-bezier(.22,1,.36,1)}
  .ls-dd.open{transform:none}
  .ls-dd::before{content:'';display:block;width:42px;height:4px;background:#E4E8F5;border-radius:2px;margin:0 auto 10px}
  .ls-dd-item{padding:14px 12px;font-size:15px}
  .ls-acct-btn .ls-acct-name{display:none}
  .ls-acct-btn{padding:5px}
  .ls-acct-btn .ls-acct-chev{display:none}
}

.ls-dd-backdrop{position:fixed;inset:0;background:rgba(12,14,26,.4);backdrop-filter:blur(2px);z-index:949;opacity:0;pointer-events:none;transition:opacity .2s}
.ls-dd-backdrop.open{opacity:1;pointer-events:auto}
@media(min-width:641px){.ls-dd-backdrop{display:none}}

/* ─── Sign-out confirm dialog ─── */
.ls-confirm{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:20px;font-family:'Manrope',sans-serif}
.ls-confirm.open{display:flex}
.ls-confirm-bd{position:absolute;inset:0;background:rgba(12,14,26,.55);backdrop-filter:blur(4px)}
.ls-confirm-card{position:relative;background:#fff;border-radius:20px;max-width:380px;width:100%;padding:28px 24px 20px;box-shadow:0 20px 60px rgba(12,14,26,.3);text-align:center;animation:lsConfIn .22s ease}
@keyframes lsConfIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.ls-confirm-icon{width:48px;height:48px;background:#FEE2E2;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}
.ls-confirm-icon svg{width:24px;height:24px;color:#DC2626;stroke-width:2}
.ls-confirm-title{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:700;color:#0C0E1A;margin-bottom:6px}
.ls-confirm-text{font-size:14px;color:#525870;margin-bottom:20px;line-height:1.5}
.ls-confirm-btns{display:flex;gap:10px}
.ls-confirm-btn{flex:1;padding:12px 16px;border-radius:11px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:all .15s}
.ls-confirm-btn.cancel{background:#fff;border-color:#E4E8F5;color:#0C0E1A}
.ls-confirm-btn.cancel:hover{background:#F5F7FC}
.ls-confirm-btn.danger{background:#DC2626;color:#fff}
.ls-confirm-btn.danger:hover{background:#B91C1C}