/* Lemon Mail v3.6 premium UI overrides
   This file is loaded after app.css to avoid stale/conflicting legacy styles. */
:root{
  --lm-bg:#f7f9fc;
  --lm-surface:#ffffff;
  --lm-ink:#111827;
  --lm-muted:#667085;
  --lm-line:#e6e9f0;
  --lm-line-strong:#d7dce8;
  --lm-purple:#6f42d8;
  --lm-purple-dark:#4f2cb7;
  --lm-purple-soft:#f1eafd;
  --lm-blue:#1d5fd3;
  --lm-green:#18a34a;
  --lm-red:#d92d20;
  --lm-shadow:0 18px 55px rgba(16,24,40,.16),0 3px 10px rgba(16,24,40,.08);
  --lm-card-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 36px rgba(16,24,40,.07);
}

body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;}
body:not(.settings-page){background:#f6f8fc;}
.topbar{background:rgba(248,250,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,233,240,.7);}
.searchbar{height:50px;border-radius:999px;background:#edf2fa;box-shadow:none;border:1px solid transparent;transition:.18s ease;}
.searchbar:focus-within{background:#fff;border-color:#d6dceb;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.avatar,.settings-topbar__avatar{background:linear-gradient(145deg,#8b5cf6,#6545c7)!important;color:#fff!important;font-weight:800;box-shadow:0 8px 20px rgba(111,66,216,.22)}
.compose-btn{background:#e9ddff;color:#3f227d;box-shadow:0 8px 18px rgba(111,66,216,.12);border-radius:18px;}
.compose-btn:hover{background:#dfd0ff;box-shadow:0 12px 24px rgba(111,66,216,.16)}
.sidebar-nav__item.is-active{background:#e9ddff;color:#3f227d;font-weight:800}
.mail-surface{border-radius:18px 0 0 0;overflow:hidden;box-shadow:0 1px 0 rgba(16,24,40,.04)}
.email-row:hover{box-shadow:0 2px 8px rgba(16,24,40,.10);position:relative;z-index:2;background:#fff}
.email-row__quick-actions button{width:32px;height:32px;border-radius:999px;color:#5f6368;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.email-row__quick-actions button:hover{background:#eef2f8;color:#111827}

/* Account switcher — exact premium popover */
#accountPopover.lm-account-menu{
  position:fixed!important;
  top:74px!important;
  right:22px!important;
  width:min(520px,calc(100vw - 28px))!important;
  border-radius:22px!important;
  border:1px solid rgba(210,214,224,.95)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:var(--lm-shadow)!important;
  color:var(--lm-ink)!important;
  z-index:200!important;
  overflow:hidden!important;
  padding:0!important;
  backdrop-filter:blur(20px)!important;
}
#accountPopover.lm-account-menu *{box-sizing:border-box!important;}
.lm-account-menu__head{display:grid;grid-template-columns:78px minmax(0,1fr)40px;align-items:center;gap:18px;padding:28px 30px 22px;}
.lm-account-menu__avatar-wrap{position:relative;width:72px;height:72px;}
.lm-account-menu__avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8b5cf6,#6545c7);color:#fff;font-size:26px;font-weight:800;box-shadow:inset 0 -10px 18px rgba(0,0,0,.08),0 10px 24px rgba(111,66,216,.26);}
.lm-account-menu__status{position:absolute;right:2px;bottom:5px;width:18px;height:18px;border-radius:50%;background:#2eb84a;border:3px solid #fff;}
.lm-account-menu__identity{min-width:0;}
.lm-account-menu__identity strong{display:block;font-size:24px;line-height:1.12;letter-spacing:-.02em;color:var(--lm-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lm-account-menu__identity span{display:block;margin-top:5px;font-size:17px;color:var(--lm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lm-account-menu__close{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#475467;background:transparent;border:0;}
.lm-account-menu__close:hover{background:#f2f4f7;}
.lm-account-menu__manage{margin:0 30px 24px;width:max-content;min-height:52px;padding:0 22px;border:1px solid #d9ddeb;border-radius:12px;display:inline-flex;align-items:center;gap:12px;color:var(--lm-purple-dark)!important;text-decoration:none!important;font-size:18px;font-weight:800;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.lm-account-menu__manage:hover{background:#fbfaff;border-color:#c7b8f6;}
.lm-account-menu__separator{height:1px;background:var(--lm-line);margin:0 30px;}
.lm-account-menu__list{padding:18px 30px;display:grid;gap:2px;}
.lm-account-menu__account{width:100%;min-height:82px;display:grid;grid-template-columns:62px minmax(0,1fr)auto;align-items:center;gap:16px;padding:9px 0;border:0;border-radius:16px;background:transparent;text-align:left;color:var(--lm-ink);transition:.16s ease;}
.lm-account-menu__account:hover{background:#faf9ff;padding-left:10px;padding-right:10px;}
.lm-account-menu__account-avatar,.premium-account-card__avatar,.premium-account-mini,.premium-assigned-dots em{display:inline-grid!important;place-items:center!important;border-radius:999px!important;font-weight:800!important;}
.lm-account-menu__account-avatar{width:56px;height:56px;font-size:22px;}
.lm-avatar--red,.account-dot--red.premium-account-card__avatar,.premium-account-mini.account-dot--red,.premium-assigned-dots em.account-dot--red{background:linear-gradient(145deg,#ffe1dd,#f04438)!important;color:#b42318!important;}
.lm-avatar--blue,.account-dot--blue.premium-account-card__avatar,.premium-account-mini.account-dot--blue,.premium-assigned-dots em.account-dot--blue{background:linear-gradient(145deg,#dce8ff,#4d8bff)!important;color:#155eef!important;}
.lm-avatar--green,.account-dot--green.premium-account-card__avatar,.premium-account-mini.account-dot--green,.premium-assigned-dots em.account-dot--green{background:linear-gradient(145deg,#d9f7df,#35b65f)!important;color:#087443!important;}
.lm-avatar--all,.account-dot--all.premium-account-card__avatar,.premium-account-mini.account-dot--all,.premium-assigned-dots em.account-dot--all{background:linear-gradient(145deg,#f0e8ff,#8b5cf6)!important;color:#5b35b1!important;}
.lm-account-menu__account-copy{min-width:0;display:block;}
.lm-account-menu__account-copy strong{display:block;font-size:18px;line-height:1.2;color:var(--lm-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lm-account-menu__account-copy small{display:block;margin-top:4px;font-size:16px;color:var(--lm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lm-account-menu__account em{font-style:normal;padding:8px 14px;border-radius:999px;background:var(--lm-purple-soft);color:var(--lm-purple-dark);font-size:14px;font-weight:900;}
.lm-account-menu__actions{display:grid;grid-template-columns:1fr 1fr;padding:18px 30px;}
.lm-account-menu__actions a{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--lm-purple-dark)!important;text-decoration:none!important;font-weight:800;border-radius:12px;}
.lm-account-menu__actions a:first-child{border-right:1px solid var(--lm-line);border-radius:12px 0 0 12px;}
.lm-account-menu__actions a:hover{background:#faf8ff;}
.lm-account-menu__footer{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:72px;border-top:1px solid var(--lm-line);background:#fbfcff;}
.lm-account-menu__footer a{text-align:center;color:var(--lm-muted)!important;text-decoration:none!important;font-weight:700;font-size:15px;}
.lm-account-menu__footer span{height:24px;background:var(--lm-line);}
.lm-icon{width:22px;height:22px;display:inline-grid;place-items:center;position:relative;color:currentColor;}
.lm-icon--plus::before{content:'+';font-size:24px;font-weight:600;line-height:1;}
.lm-icon--user::before{content:'◎';font-size:24px;}
.lm-icon--users::before{content:'⚭';font-size:22px;}

/* Premium settings page */
body.settings-page--premium{min-height:100vh;height:auto;overflow:auto;background:radial-gradient(circle at 85% 0%,rgba(111,66,216,.10),transparent 30%),radial-gradient(circle at 8% 18%,rgba(66,133,244,.08),transparent 28%),#f8faff;color:var(--lm-ink);}
.settings-topbar{min-height:76px;padding:12px 28px;display:grid;grid-template-columns:170px minmax(280px,620px) 1fr;align-items:center;gap:26px;border-bottom:1px solid rgba(226,230,240,.86);background:rgba(255,255,255,.76);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20;}
.settings-topbar__brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--lm-ink);font-weight:900;font-size:20px;}
.settings-topbar__search{height:52px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:#f1f4fa;border:1px solid transparent;border-radius:999px;padding:0 8px;color:#697386;}
.settings-topbar__search input{border:0;background:transparent;height:100%;outline:0;min-width:0;}
.settings-topbar__search:focus-within{background:#fff;border-color:#d7ddec;box-shadow:0 8px 24px rgba(16,24,40,.08);}
.settings-topbar__icons{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.settings-layout--premium{max-width:1420px;margin:0 auto;padding:34px 32px 48px;display:grid;grid-template-columns:minmax(0,1fr)320px;gap:34px;}
.settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;}
.settings-hero h1{font-size:clamp(30px,3vw,42px);line-height:1.05;letter-spacing:-.04em;margin:6px 0 10px;}
.settings-hero p{margin:0;color:var(--lm-muted);font-size:16px}.settings-back{color:var(--lm-purple-dark);text-decoration:none;font-weight:800;font-size:14px;}
.settings-tabs--premium{display:flex;gap:4px;border-bottom:1px solid var(--lm-line);margin-bottom:28px;overflow-x:auto;}
.settings-tabs--premium .settings-tab{padding:16px 18px 14px;color:#475467;border-bottom:3px solid transparent;border-radius:12px 12px 0 0;font-weight:800;white-space:nowrap;}
.settings-tabs--premium .settings-tab:hover{background:rgba(111,66,216,.06);}.settings-tabs--premium .settings-tab.is-active{color:var(--lm-purple-dark);border-bottom-color:var(--lm-purple);background:linear-gradient(180deg,rgba(111,66,216,.06),transparent);}
.settings-page--premium .settings-panel{display:none!important}.settings-page--premium .settings-panel.is-active{display:block!important}.settings-panel__head--premium{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;}.settings-panel__head--premium h2{margin:0 0 6px;font-size:22px;letter-spacing:-.02em}.settings-panel__head--premium p{margin:0;color:var(--lm-muted);}
.settings-page--premium .settings-button{min-height:42px;padding:0 18px;border:1px solid #d8ddeb;border-radius:12px;color:var(--lm-purple-dark);background:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.settings-page--premium .settings-button:hover{background:#faf8ff;border-color:#c6b6f4}.settings-page--premium .settings-button--primary{color:#fff;background:linear-gradient(145deg,#7c3aed,#5b35b1);border-color:transparent;box-shadow:0 12px 28px rgba(111,66,216,.22);}
.premium-account-list{display:grid;gap:14px}.premium-account-card{display:grid;grid-template-columns:76px minmax(0,1fr)auto;gap:20px;align-items:center;padding:24px;background:rgba(255,255,255,.94);border:1px solid rgba(219,223,234,.94);border-radius:20px;box-shadow:var(--lm-card-shadow);transition:.18s ease;}.premium-account-card:hover{transform:translateY(-1px);border-color:#d7caf8;box-shadow:0 4px 14px rgba(16,24,40,.07),0 18px 42px rgba(16,24,40,.09)}.premium-account-card__avatar{width:68px!important;height:68px!important;font-size:28px!important}.premium-account-card__titleline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.premium-account-card h3{margin:0;font-size:20px;letter-spacing:-.02em}.premium-account-card__email{margin:4px 0 0;color:#344054;font-size:15px}.premium-account-card__meta{margin:10px 0 0;color:var(--lm-muted);font-size:14px}.premium-account-card__chips{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.premium-account-card__chips span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f6f7fb;color:#536079;font-weight:800;font-size:13px}.premium-status{display:inline-flex!important;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#e8f6ee;color:#0b7a38;font-weight:900;font-size:13px}.premium-status.is-disabled{background:#f3f4f6;color:#667085}.premium-account-card__actions{display:grid;grid-template-columns:auto auto 44px;align-items:start;gap:10px}.premium-account-card__actions button,.premium-user-row__actions button,.settings-side-card button{min-height:40px;padding:0 14px;border:1px solid #dce1ee;border-radius:11px;background:#fff;color:var(--lm-purple-dark);font-weight:900}.premium-account-card__actions button:hover,.premium-user-row__actions button:hover,.settings-side-card button:hover{background:#faf8ff;border-color:#c7b9f4}.premium-account-card__actions .premium-icon-button{width:44px;padding:0;font-size:18px}.premium-account-card__actions small{grid-column:1/-1;justify-self:end;text-align:right;color:var(--lm-muted);line-height:1.45;margin-top:4px}.premium-users-section{margin-top:32px}.premium-users-table{background:rgba(255,255,255,.94);border:1px solid var(--lm-line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 34px rgba(16,24,40,.05)}.premium-users-table__head,.premium-user-row{display:grid;grid-template-columns:minmax(210px,1.3fr)145px minmax(170px,1fr)145px 130px;align-items:center;gap:16px}.premium-users-table__head{padding:14px 22px;color:#667085;font-weight:900;font-size:13px;border-bottom:1px solid var(--lm-line);background:#fbfcff}.premium-user-row{min-height:72px;padding:14px 22px;border-bottom:1px solid #eef1f6}.premium-user-row:last-child{border-bottom:0}.premium-user-row__person{display:flex;align-items:center;gap:12px;min-width:0}.premium-user-row__person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-user-row__person small{display:block;color:var(--lm-muted);font-size:13px;margin-top:3px}.premium-role{justify-self:start;padding:7px 12px;border-radius:999px;background:#eaf1ff;color:#175cd3;font-size:13px;font-weight:900}.premium-role--admin{background:var(--lm-purple-soft);color:var(--lm-purple-dark)}.premium-assigned-dots{display:flex;gap:6px;align-items:center}.premium-assigned-dots em{width:28px!important;height:28px!important;font-size:12px;font-style:normal}.premium-user-row__actions{display:flex;gap:8px;justify-content:flex-end}.premium-account-mini{width:42px;height:42px;flex:0 0 42px}.premium-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.premium-person-card{background:#fff;border:1px solid var(--lm-line);border-radius:18px;padding:20px;box-shadow:var(--lm-card-shadow)}.premium-person-card__head{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center}.premium-person-card h3{margin:0}.premium-person-card p{margin:4px 0 0;color:var(--lm-muted)}.premium-assignment-list{margin-top:18px;display:grid;gap:10px}.premium-assignment-list label{display:flex;align-items:center;gap:10px;color:#344054}.settings-aside{display:grid;align-content:start;gap:14px;position:sticky;top:104px}.settings-side-card{background:rgba(255,255,255,.94);border:1px solid var(--lm-line);border-radius:18px;padding:22px;box-shadow:var(--lm-card-shadow)}.settings-side-card h3{margin:0 0 16px;font-size:17px}.settings-side-card dl{margin:0;display:grid;gap:14px}.settings-side-card dl div{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-side-card dt{color:#475467;font-weight:800;font-size:14px}.settings-side-card dd{margin:0;font-weight:900;color:var(--lm-ink)}.settings-side-card button{width:100%;margin-top:18px}.settings-side-card--tips p{display:grid;grid-template-columns:34px 1fr;gap:10px;color:#536079;margin:14px 0;line-height:1.35}.settings-side-card--tips p span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lm-purple-soft)}.premium-form{background:#fff;border:1px solid var(--lm-line);border-radius:20px;padding:24px;box-shadow:var(--lm-card-shadow)}.premium-form__section{grid-column:1/-1;margin:12px 0 0;color:var(--lm-purple-dark)}.settings-page--premium .mail-account-form label{color:#344054;font-weight:900}.settings-page--premium .mail-account-form input,.settings-page--premium .mail-account-form select,.settings-page--premium .mail-account-form textarea{border-radius:12px!important;border-color:#dce1ee!important;min-height:44px!important;background:#fff!important}.settings-page--premium .mail-account-form input:focus,.settings-page--premium .mail-account-form select:focus,.settings-page--premium .mail-account-form textarea:focus{border-color:#a78bfa!important;box-shadow:0 0 0 4px rgba(111,66,216,.10)!important}.settings-modal--premium{border-radius:22px!important;border:1px solid var(--lm-line)!important;box-shadow:var(--lm-shadow)!important;max-width:760px!important}.settings-toast{background:#202124!important;color:#fff!important;border-radius:999px!important;padding:12px 18px!important;}

.compose-window{border-radius:16px 16px 0 0!important;box-shadow:0 20px 60px rgba(16,24,40,.26)!important;border:1px solid #d7dce8!important;}.compose-window__header{background:#f5f7fb!important;color:#1f2937!important}.compose-formatbar{background:#fff}.compose-editor{font-size:15px;line-height:1.6}.compose-save-status{margin-left:auto;color:#667085;font-size:12px;}

@media(max-width:1120px){.settings-layout--premium{grid-template-columns:1fr}.settings-aside{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-account-card{grid-template-columns:70px 1fr}.premium-account-card__actions{grid-column:1/-1;grid-template-columns:auto auto 44px 1fr}.premium-account-card__actions small{grid-column:4;margin-top:0;align-self:center}}
@media(max-width:820px){.settings-topbar{grid-template-columns:1fr auto}.settings-topbar__brand{display:none}.settings-layout--premium{padding:24px 16px 36px}.settings-hero{align-items:flex-start;flex-direction:column}.premium-account-card{grid-template-columns:58px 1fr;padding:18px}.premium-account-card__avatar{width:54px!important;height:54px!important;font-size:22px!important}.premium-account-card__actions{display:flex;flex-wrap:wrap}.premium-account-card__actions small{width:100%;text-align:left}.premium-users-table__head{display:none}.premium-user-row{grid-template-columns:1fr;gap:10px}.premium-user-grid,.settings-aside{grid-template-columns:1fr}.lm-account-menu__head{grid-template-columns:64px 1fr 34px;padding:24px 20px 18px}.lm-account-menu__avatar-wrap,.lm-account-menu__avatar{width:60px;height:60px}.lm-account-menu__identity strong{font-size:20px}.lm-account-menu__identity span{font-size:15px}.lm-account-menu__manage{margin-left:20px;margin-right:20px}.lm-account-menu__separator{margin-left:20px;margin-right:20px}.lm-account-menu__list,.lm-account-menu__actions{padding-left:20px;padding-right:20px}}

/* v3.7 functional compose attachments */
.compose-attachments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 16px 0;
  border-top:1px solid #eef1f7;
}
.compose-attachment-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  min-height:34px;
  padding:6px 8px 6px 10px;
  border-radius:999px;
  background:#f6f7fb;
  border:1px solid #e4e8f1;
  color:#344054;
  font-size:12px;
}
.compose-attachment-chip strong{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:700;
}
.compose-attachment-chip small{color:#667085;}
.compose-attachment-chip button{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#667085;
  cursor:pointer;
}
.compose-attachment-chip button:hover{background:#e7ebf3;color:#111827;}

/* ==============================
   Lemon Mail v3.8 - Functional UI layer
   ============================== */
:root {
  --lm-purple: #5f2eea;
  --lm-purple-2: #7c4dff;
  --lm-purple-soft: #f1ecff;
  --lm-blue-soft: #eef4ff;
  --lm-green-soft: #ecf8ef;
  --lm-border: #e5e7ef;
  --lm-muted: #667085;
  --lm-text: #111827;
  --lm-panel: #ffffff;
  --lm-panel-soft: #f8fafc;
  --lm-shadow: 0 20px 55px rgba(15, 23, 42, .16);
  --lm-shadow-soft: 0 10px 30px rgba(15, 23, 42, .09);
}

.smart-section {
  margin-top: 18px;
}
.smart-view-btn {
  width: 100%;
  border: 0;
  background: transparent;
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 18px 7px 22px;
  border-radius: 0 18px 18px 0;
  color: #4b5563;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
}
.smart-view-btn:hover,
.smart-view-btn.is-active {
  background: var(--lm-purple-soft);
  color: var(--lm-purple);
  font-weight: 700;
}
.smart-view-btn small {
  margin-left: auto;
  color: inherit;
  opacity: .7;
}

.lm-enhanced-action {
  border: 1px solid var(--lm-border);
  background: #fff;
  color: var(--lm-purple);
  font-weight: 700;
  border-radius: 18px;
  min-height: 32px;
  padding: 0 12px;
  cursor: pointer;
}
.lm-enhanced-action:hover { background: var(--lm-purple-soft); border-color: #d7c9ff; }

.lm-dialog-backdrop,
.lm-side-panel-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .22);
  z-index: 80;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.lm-dialog-backdrop.is-open,
.lm-side-panel-backdrop.is-open { opacity: 1; pointer-events: auto; }

.lm-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -46%) scale(.98);
  width: min(560px, calc(100vw - 32px));
  background: var(--lm-panel);
  border: 1px solid var(--lm-border);
  border-radius: 28px;
  box-shadow: var(--lm-shadow);
  z-index: 90;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: opacity .18s ease, transform .18s ease;
}
.lm-dialog.is-open { opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); }
.lm-dialog__head {
  padding: 24px 28px 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.lm-dialog__head h3 { margin: 0; font-size: 22px; letter-spacing: -.02em; color: var(--lm-text); }
.lm-dialog__head p { margin: 5px 0 0; color: var(--lm-muted); font-size: 14px; }
.lm-dialog__close {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  background: #f2f4f7;
  cursor: pointer;
  color: #475467;
  font-size: 20px;
}
.lm-dialog__body { padding: 8px 28px 24px; }
.lm-dialog__footer {
  padding: 16px 28px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background: linear-gradient(180deg, rgba(248,250,252,0), rgba(248,250,252,.95));
}
.lm-primary,
.lm-secondary,
.lm-danger {
  min-height: 40px;
  border-radius: 20px;
  padding: 0 18px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid transparent;
}
.lm-primary { background: var(--lm-purple); color: #fff; box-shadow: 0 10px 20px rgba(95,46,234,.22); }
.lm-primary:hover { background: #4f22d7; }
.lm-secondary { background: #fff; color: var(--lm-purple); border-color: #d9d1f5; }
.lm-secondary:hover { background: var(--lm-purple-soft); }
.lm-danger { background: #fff1f3; color: #c01048; }

.lm-option-list { display: grid; gap: 10px; }
.lm-option {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 58px;
  border: 1px solid var(--lm-border);
  background: #fff;
  border-radius: 18px;
  padding: 10px 14px;
  text-align: left;
  cursor: pointer;
}
.lm-option:hover { background: var(--lm-purple-soft); border-color: #d7c9ff; }
.lm-option__icon {
  width: 38px;
  height: 38px;
  border-radius: 15px;
  background: var(--lm-purple-soft);
  color: var(--lm-purple);
  display: grid;
  place-items: center;
  font-weight: 900;
  flex: 0 0 auto;
}
.lm-option strong { display: block; color: var(--lm-text); font-size: 14px; }
.lm-option small { display: block; color: var(--lm-muted); margin-top: 2px; font-size: 12px; }

.lm-label-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lm-label-choice {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--lm-border);
  border-radius: 16px;
  min-height: 44px;
  padding: 0 12px;
  background: #fff;
  cursor: pointer;
  font-weight: 700;
  color: #344054;
}
.lm-label-choice:hover { border-color: #d7c9ff; background: var(--lm-purple-soft); }
.lm-label-choice input { accent-color: var(--lm-purple); }
.lm-new-label {
  margin-top: 16px;
  display: flex;
  gap: 10px;
}
.lm-new-label input {
  flex: 1;
  min-height: 42px;
  border-radius: 16px;
  border: 1px solid var(--lm-border);
  padding: 0 14px;
  outline: 0;
}
.lm-new-label input:focus { border-color: #bba7ff; box-shadow: 0 0 0 4px rgba(95,46,234,.08); }

.lm-side-panel {
  position: fixed;
  top: 72px;
  right: 18px;
  width: min(420px, calc(100vw - 36px));
  max-height: calc(100vh - 96px);
  overflow: auto;
  background: #fff;
  border: 1px solid var(--lm-border);
  border-radius: 28px;
  box-shadow: var(--lm-shadow);
  z-index: 95;
  transform: translateX(24px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.lm-side-panel.is-open { opacity: 1; pointer-events: auto; transform: translateX(0); }
.lm-side-panel__head {
  position: sticky;
  top: 0;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  padding: 22px 22px 14px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--lm-border);
}
.lm-side-panel__head h3 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
.lm-side-panel__body { padding: 18px 22px 24px; }
.lm-panel-card {
  border: 1px solid var(--lm-border);
  border-radius: 22px;
  padding: 16px;
  background: #fff;
  box-shadow: var(--lm-shadow-soft);
  margin-bottom: 12px;
}
.lm-panel-card strong { display:block; margin-bottom: 5px; }
.lm-panel-card p { margin: 0; color: var(--lm-muted); font-size: 13px; line-height: 1.45; }
.lm-panel-card time { font-size: 12px; color: var(--lm-purple); font-weight: 800; }

.lm-undo {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(18px);
  background: #202124;
  color: #fff;
  min-width: min(560px, calc(100vw - 32px));
  min-height: 54px;
  border-radius: 16px;
  box-shadow: 0 20px 45px rgba(0,0,0,.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 10px 0 18px;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.lm-undo.is-open { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.lm-undo button {
  border: 0;
  background: transparent;
  color: #c8baff;
  font-weight: 900;
  cursor: pointer;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 10px;
}
.lm-undo button:hover { background: rgba(255,255,255,.1); }

.email-row__snooze-date {
  color: var(--lm-purple);
  font-weight: 700;
  margin-left: 6px;
}
.email-row__scheduled {
  color: #b54708;
  font-weight: 700;
  margin-left: 6px;
}
.email-row.is-draft .email-row__sender,
.email-row.is-draft .email-row__subject { color: #b42318; }

.compose-window[data-state="full"] {
  width: min(980px, calc(100vw - 56px));
  height: min(760px, calc(100vh - 80px));
}
.compose-template-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.compose-schedule-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff7ed;
  color: #b54708;
  font-size: 12px;
  font-weight: 800;
}
.lm-mini-field {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}
.lm-mini-field label { font-weight: 800; font-size: 13px; color: #344054; }
.lm-mini-field input,
.lm-mini-field textarea,
.lm-mini-field select {
  width: 100%;
  border: 1px solid var(--lm-border);
  border-radius: 16px;
  padding: 10px 12px;
  font: inherit;
  outline: 0;
}
.lm-mini-field textarea { min-height: 88px; resize: vertical; }
.lm-mini-field input:focus,
.lm-mini-field textarea:focus,
.lm-mini-field select:focus { border-color: #bba7ff; box-shadow: 0 0 0 4px rgba(95,46,234,.08); }

@media (max-width: 760px) {
  .lm-dialog { width: calc(100vw - 20px); border-radius: 24px; }
  .lm-label-grid { grid-template-columns: 1fr; }
  .lm-side-panel { top: 70px; right: 10px; width: calc(100vw - 20px); }
  .lm-undo { bottom: 18px; min-width: calc(100vw - 24px); }
}

/* v3.9 - Real connection layer */
.real-mode-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 22px 0 28px;
  padding: 22px 24px;
  border: 1px solid rgba(103, 58, 183, .18);
  border-radius: 28px;
  background:
    radial-gradient(circle at 0 0, rgba(126, 87, 194, .12), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,245,255,.94));
  box-shadow: 0 18px 45px rgba(67, 50, 111, .09);
}
.real-mode-banner h2 {
  margin: 4px 0 6px;
  font-size: 22px;
  letter-spacing: -.02em;
}
.real-mode-banner p {
  max-width: 760px;
  margin: 0;
  color: #5f6676;
  line-height: 1.45;
}
.real-mode-banner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #5e35b1;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.real-mode-banner__eyebrow::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #2fb344;
  box-shadow: 0 0 0 6px rgba(47, 179, 68, .12);
}
.real-mode-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.mail-account-form__actions--real {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.connection-result {
  grid-column: 1 / -1;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(95, 99, 104, .18);
  background: #fff;
  box-shadow: 0 14px 35px rgba(60, 64, 67, .08);
}
.connection-result strong {
  display: block;
  font-size: 16px;
  color: #202124;
  margin-bottom: 4px;
}
.connection-result p {
  margin: 0 0 8px;
  color: #5f6676;
}
.connection-result.is-ok {
  border-color: rgba(52, 168, 83, .28);
  background: linear-gradient(135deg, #fff, #f6fff8);
}
.connection-result.is-error {
  border-color: rgba(217, 48, 37, .28);
  background: linear-gradient(135deg, #fff, #fff7f6);
}
.connection-result.is-loading {
  border-color: rgba(103, 58, 183, .28);
  background: linear-gradient(135deg, #fff, #faf7ff);
}
.connection-result__muted {
  color: #6b7280 !important;
  font-size: 13px;
}
.connection-preview-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.connection-preview-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(95, 99, 104, .12);
  border-radius: 14px;
  background: rgba(255,255,255,.82);
}
.connection-preview-list article strong,
.connection-preview-list article span,
.connection-preview-list article small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.connection-preview-list article span,
.connection-preview-list article small {
  color: #6b7280;
}
.connection-result details {
  margin-top: 12px;
  color: #5e35b1;
}
.connection-result pre {
  overflow: auto;
  max-height: 180px;
  margin: 10px 0 0;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  color: #e5e7eb;
  font-size: 12px;
  line-height: 1.5;
}
.settings-side-card--real dd {
  font-weight: 800;
}
@media (max-width: 900px) {
  .real-mode-banner {
    flex-direction: column;
    align-items: stretch;
  }
  .real-mode-banner__actions {
    justify-content: flex-start;
  }
  .connection-preview-list article {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}


/* v4.0 — settings scroll + HTML signatures */
html.settings-html,
html.settings-html body{
  min-height:100%;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
html.settings-html body.settings-page--premium{
  padding-bottom:72px;
}
.settings-page--premium .settings-layout--premium{
  align-items:start;
}
.provider-presets{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:-12px 0 22px;
}
.provider-presets button{
  min-height:38px;
  padding:0 14px;
  border:1px solid #dce1ee;
  border-radius:999px;
  background:#fff;
  color:var(--lm-purple-dark);
  font-weight:850;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.provider-presets button:hover{background:#faf8ff;border-color:#c7b9f4;}
.inline-check{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:44px;
}
.inline-check input{width:18px!important;height:18px!important;min-height:0!important;}
.signature-manager{
  border:1px solid #e4e8f1;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfcff);
  padding:18px;
}
.signature-manager__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.signature-manager__head p{margin:5px 0 0;color:var(--lm-muted);font-weight:600;font-size:13px;line-height:1.4;}
.signature-manager__list{display:grid;gap:14px;}
.signature-card{
  border:1px solid #e6e9f0;
  border-radius:16px;
  background:#fff;
  padding:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.signature-card__top{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:14px;align-items:end;}
.signature-default{display:flex!important;align-items:center;gap:8px;white-space:nowrap;}
.signature-default input{width:18px!important;height:18px!important;min-height:0!important;}
.signature-card__editor{
  min-height:92px;
  margin-top:12px;
  padding:14px;
  border:1px solid #dce1ee;
  border-radius:12px;
  background:#fff;
  color:#111827;
  font-weight:500;
  line-height:1.55;
  outline:none;
}
.signature-card__editor:focus{border-color:#a78bfa;box-shadow:0 0 0 4px rgba(111,66,216,.10);}
.signature-card__code{
  width:100%;
  min-height:110px!important;
  margin-top:12px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:13px;
}
.signature-card__actions,.signature-manager__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.signature-card__actions button{
  min-height:34px;
  padding:0 12px;
  border:1px solid #dce1ee;
  border-radius:999px;
  background:#fff;
  color:#4f2cb7;
  font-weight:800;
}
.signature-preview-card{border:1px solid #e6e9f0;border-radius:14px;padding:14px;background:#fff;line-height:1.5;}
.compose-signature-select{
  max-width:150px;
  height:34px;
  border:0;
  border-radius:999px;
  background:#f1f4fa;
  color:#3f227d;
  font-weight:800;
  padding:0 10px;
  outline:0;
}
.compose-signature-select:hover{background:#e9ddff;}
.lm-signature-block{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #e6e9f0;
  color:#344054;
  font-size:14px;
}
@media(max-width:820px){
  .signature-card__top{grid-template-columns:1fr;}
  .signature-manager__head{display:grid;}
  .compose-signature-select{max-width:120px;}
}

/* v4.1 — editable server controls */
.server-edit-notice{
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0 18px;
  padding:14px 16px;
  border:1px solid rgba(111,66,216,.18);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(111,66,216,.06),rgba(255,255,255,.92));
  color:#475467;
  box-shadow:0 1px 2px rgba(16,24,40,.03);
}
.server-edit-notice strong{color:#241257;font-weight:900;white-space:nowrap;}
.server-edit-notice.is-custom{border-color:rgba(19,152,71,.22);background:linear-gradient(135deg,rgba(19,152,71,.07),rgba(255,255,255,.94));}
.server-edit-notice.is-custom strong{color:#0b7a38;}
.provider-presets button.is-active{background:#ede7ff;border-color:#7c3aed;color:#4c1d95;box-shadow:0 0 0 4px rgba(124,58,237,.08);}
.server-helper-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:-4px;margin-bottom:4px;}
.server-helper-row button{
  min-height:36px;
  border:1px solid #dce1ee;
  border-radius:999px;
  padding:0 14px;
  background:#fff;
  color:#4c1d95;
  font-weight:850;
  cursor:pointer;
}
.server-helper-row button:hover{background:#faf8ff;border-color:#c7b9f4;}
.local-real-accounts{
  margin-top:18px;
  border-top:1px solid #eef1f6;
  padding-top:18px;
  display:grid;
  gap:10px;
}
.local-real-accounts h3{margin:0 0 4px;font-size:16px;color:#111827;}
.local-real-account{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,auto) auto auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fbfcff;
}
.local-real-account strong{display:block;font-size:14px;color:#111827;}
.local-real-account span{display:block;font-size:13px;color:#667085;margin-top:2px;}
.local-real-account small{color:#667085;white-space:nowrap;}
.local-real-account button{
  min-height:34px;
  border:1px solid #dce1ee;
  border-radius:10px;
  padding:0 12px;
  background:#fff;
  color:#4c1d95;
  font-weight:850;
}
@media (max-width:900px){
  .server-edit-notice{align-items:flex-start;flex-direction:column;gap:4px;}
  .local-real-account{grid-template-columns:1fr;}
  .local-real-account small{white-space:normal;}
}

/* v4.2 account-scoped configuration cleanup */
.settings-page--accounts-v42 .settings-layout{
  min-height:calc(100vh - 72px);
  overflow:visible;
}
.settings-page--accounts-v42 .settings-content{
  min-width:0;
}
.account-clarity-banner{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  margin:24px 0 28px;
  padding:22px 24px;
  border:1px solid rgba(111,66,216,.18);
  border-radius:28px;
  background:linear-gradient(135deg, rgba(111,66,216,.08), rgba(255,255,255,.88) 58%, rgba(77,139,255,.08));
  box-shadow:0 18px 55px rgba(31,41,55,.08);
}
.account-clarity-banner__icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#5b2ecb;
  background:#fff;
  box-shadow:0 12px 28px rgba(111,66,216,.16);
  font-size:24px;
}
.account-clarity-banner span{
  color:#5b2ecb;
  font-weight:800;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.account-clarity-banner h2{
  margin:4px 0 4px;
  font-size:23px;
  line-height:1.15;
}
.account-clarity-banner p{
  margin:0;
  color:#5f6878;
  max-width:780px;
}
.settings-modal--account-real{
  width:min(980px, calc(100vw - 32px));
  max-height:calc(100vh - 40px);
  overflow:hidden;
}
.settings-modal--account-real .settings-modal__body{
  max-height:calc(100vh - 190px);
  overflow:auto;
  padding-right:24px;
}
.account-real-form .premium-form__section{
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-top:8px;
  padding:18px 0 4px;
  color:#4b2dbb;
  border-top:1px solid rgba(17,24,39,.08);
}
.account-real-form .premium-form__section:first-of-type{
  border-top:0;
  padding-top:0;
}
.account-real-form .premium-form__section span{
  color:#697386;
  font-weight:500;
  font-size:13px;
}
.settings-page--accounts-v42 .provider-presets{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 20px;
}
.settings-page--accounts-v42 .provider-presets button{
  border:1px solid rgba(111,66,216,.22);
  background:#fff;
  color:#5630bd;
  border-radius:999px;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
}
.settings-page--accounts-v42 .provider-presets button:hover{
  background:rgba(111,66,216,.08);
}
.settings-page--accounts-v42 .server-helper-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.settings-page--accounts-v42 .server-helper-row button{
  border:1px solid rgba(17,24,39,.1);
  background:#f8fafc;
  border-radius:12px;
  padding:10px 12px;
  color:#334155;
  font-weight:700;
  cursor:pointer;
}
.settings-page--accounts-v42 .mail-account-form label input[type="password"]{
  border-color:rgba(111,66,216,.28);
  background:linear-gradient(180deg,#fff,#fbfaff);
}
.settings-page--accounts-v42 .mail-account-form label:has(input[type="password"])::after{
  content:'Necesaria para probar o guardar la conexión';
  display:block;
  margin-top:6px;
  font-size:12px;
  color:#7c6fb0;
  font-weight:600;
}
.settings-page--accounts-v42 .signature-manager--standalone{
  padding:22px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 18px 55px rgba(31,41,55,.08);
}
.settings-page--accounts-v42 .signature-card{
  background:#fff;
}
@media (max-width: 980px){
  .settings-page--accounts-v42 .settings-layout{display:block; padding:18px;}
  .settings-page--accounts-v42 .settings-aside{margin-top:22px;}
  .account-real-form{grid-template-columns:1fr;}
}


.settings-page--accounts-v43 .local-account-store{
  margin:0 0 22px;
  padding:16px;
  border:1px solid rgba(111,66,216,.18);
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#fbf9ff 100%);
  box-shadow:0 14px 34px rgba(87,49,180,.08);
}
.settings-page--accounts-v43 .local-account-store__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}
.settings-page--accounts-v43 .local-account-store__head strong{
  display:block;
  color:#111827;
  font-size:15px;
}
.settings-page--accounts-v43 .local-account-store__head span{
  display:block;
  color:#667085;
  font-size:13px;
  margin-top:3px;
}
.settings-page--accounts-v43 .local-account-store__list{
  display:grid;
  gap:10px;
}
.settings-page--accounts-v43 .local-account-item{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:12px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
}
.settings-page--accounts-v43 .local-account-item span strong,
.settings-page--accounts-v43 .local-account-item span small{
  display:block;
}
.settings-page--accounts-v43 .local-account-item span small,
.settings-page--accounts-v43 .local-account-item em{
  color:#667085;
  font-size:12px;
  font-style:normal;
}
.settings-page--accounts-v43 .local-account-item button{
  border:1px solid rgba(111,66,216,.2);
  border-radius:999px;
  padding:8px 11px;
  background:#fff;
  color:#5630bd;
  font-weight:800;
  cursor:pointer;
}
.settings-page--accounts-v43 .local-account-item button:hover{
  background:rgba(111,66,216,.08);
}
@media (max-width: 760px){
  .settings-page--accounts-v43 .local-account-item{grid-template-columns:1fr;}
  .settings-page--accounts-v43 .local-account-store__head{align-items:flex-start; flex-direction:column;}
}