/* Mail's product surface. Loaded after shared office styles so dashboard-era
   controls cannot alter the inbox geometry or email reading experience. */
body.lw-body .lw-mail { --mail-control-height:40px; min-width:0; min-height:0; color:var(--lw-ink); font-family:var(--lw-sans); }
body.lw-body .lw-mail [hidden] { display:none!important; }
body.lw-body .lw-mail .mail-layout { width:100%; min-width:0; min-height:0; grid-template-columns:minmax(310px,360px) minmax(0,1fr); grid-template-rows:minmax(0,1fr); overflow:hidden; }
body.lw-body .lw-mail .mail-sidebar { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; background:var(--lw-panel); }
body.lw-body .lw-mail .mail-sidebar > :not(.mail-thread-list) { flex:0 0 auto; min-width:0; }
body.lw-body .lw-mail .mail-list-head { min-height:76px; align-items:center; padding:18px 20px 12px; gap:12px; }
body.lw-body .lw-mail .mail-list-heading { flex:1; gap:3px; }
body.lw-body .lw-mail .mail-list-heading h2 { font:600 20px/1.25 var(--lw-sans); letter-spacing:-.025em; }
body.lw-body .lw-mail .mail-list-heading span { font:400 12px/1.4 var(--lw-sans); letter-spacing:0; }
body.lw-body .lw-mail .mail-list-head .lw-btn { flex:0 0 auto; margin-left:auto; min-height:36px; border-radius:5px; padding:8px 12px; font-weight:500; color:var(--lw-panel); }
body.lw-body .lw-mail .mail-office-mailbox-row { padding:0 20px 10px; }
body.lw-body .lw-mail .mail-office-account { padding:6px 0; font-size:12px; min-height:30px; }
body.lw-body .lw-mail .mail-office-folders { display:flex; align-items:stretch; gap:2px; margin:0; padding:0 14px 12px; min-height:62px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; position:relative; z-index:1; }
body.lw-body .lw-mail .mail-office-folders .mail-nav-folder { display:flex; flex:1 0 50px; flex-direction:column; justify-content:center; gap:5px; position:relative; margin:0; padding:7px 3px; min-width:50px; min-height:48px; border:1px solid transparent; border-radius:5px; color:var(--lw-muted); background:transparent; font:500 11px/1.2 var(--lw-sans); white-space:nowrap; }
body.lw-body .lw-mail .mail-office-folders .mail-nav-folder:hover { color:var(--lw-ink); background:var(--lw-paper); }
body.lw-body .lw-mail .mail-office-folders .mail-nav-folder.is-active { color:var(--lw-ink); background:var(--lw-paper); border-color:var(--lw-line); }
body.lw-body .lw-mail .mail-office-folders .mail-nav-folder-icon { display:grid; place-items:center; width:18px; height:18px; }
body.lw-body .lw-mail .mail-nav-folder-icon svg { display:block; width:18px; height:18px; }
body.lw-body .lw-mail .mail-office-folders .mail-nav-folder-count { position:absolute; top:3px; right:5px; min-width:12px; margin:0; padding:0 2px; background:var(--lw-panel); color:var(--lw-muted); font:500 9px/1.3 var(--lw-sans); border-radius:2px; opacity:1; }
body.lw-body .lw-mail .mail-list-toolbar { display:flex; align-items:center; gap:6px; padding:0 16px 12px; margin:0; min-height:52px; position:relative; z-index:0; }
body.lw-body .lw-mail .mail-office-search { display:flex; position:static; inset:auto; transform:none; width:auto; max-width:100%; height:var(--mail-control-height); min-height:var(--mail-control-height); flex:1 1 0; min-width:0; margin:0; padding:0 10px; gap:7px; border:1px solid var(--lw-line); border-radius:5px; background:var(--lw-panel); box-shadow:none; }
body.lw-body .lw-mail .mail-office-search input { display:block; position:static; inset:auto; transform:none; flex:1; width:0; min-width:0; min-height:0; height:100%; margin:0; padding:0; border:0; border-radius:0; font:400 13px/1.4 var(--lw-sans); box-shadow:none; background:transparent; }
body.lw-body .lw-mail .mail-office-search input::-webkit-search-cancel-button { display:none; }
body.lw-body .lw-mail .mail-office-search button { display:grid; flex:0 0 22px; place-items:center; width:22px; height:30px; min-height:0; padding:0; margin:0; border:0; background:transparent; color:var(--lw-muted); font:400 20px/1 var(--lw-sans); }
body.lw-body .lw-mail #mailRefreshBtn { height:40px; width:34px; flex-basis:34px; }
body.lw-body .lw-mail .mail-office-filters { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:0 20px; min-height:39px; border-bottom:1px solid var(--lw-line); }
body.lw-body .lw-mail .mail-smart-view { min-height:38px; padding:9px 0; font-size:11px; border-radius:0; }
body.lw-body .lw-mail .mail-thread-list { flex:1 1 0; min-width:0; min-height:0; width:100%; padding:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
body.lw-body .lw-mail .mail-thread-card { min-height:96px; width:100%; padding:16px 18px 16px 15px; gap:11px; }
body.lw-body .lw-mail .mail-thread-card.is-active { background:var(--lw-blue-wash); }
body.lw-body .lw-mail .mail-thread-snippet { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
body.lw-body .lw-mail .mail-thread-top { align-items:center; }
body.lw-body .lw-mail .mail-thread-subject { margin:0 0 3px; }
body.lw-body .lw-mail .mail-office-status { display:flex; align-items:center; padding:9px 20px; min-height:35px; max-height:74px; overflow:auto; font-size:11px; line-height:1.45; }
body.lw-body .lw-mail .mail-reader { min-width:0; min-height:0; padding:30px clamp(22px,3vw,48px) 48px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
body.lw-body .lw-mail .mail-reader-subject { max-width:100%; margin:0 0 22px; font:600 clamp(21px,2vw,27px)/1.35 var(--lw-sans); letter-spacing:-.025em; overflow-wrap:anywhere; }
body.lw-body .lw-mail .mail-reader-person { align-items:center; padding:0 0 20px; margin:0 0 22px; gap:12px; }
body.lw-body .lw-mail .mail-reader-person > div:nth-child(2) { flex:1 1 140px; }
body.lw-body .lw-mail .mail-reader-person h5 { font-size:14px; line-height:1.4; font-weight:500; }
body.lw-body .lw-mail .mail-reader-actions { margin-left:auto; flex:0 1 auto; gap:5px; }
body.lw-body .lw-mail .mail-reader-actions button { min-height:34px; height:auto; border-radius:5px; padding:7px 9px; font-weight:500; }
body.lw-body .lw-mail .mail-reader-actions .mail-delete-icon-btn { width:34px; padding:7px; }
body.lw-body .lw-mail .mail-message-bubble { margin:0 0 24px; padding:0 0 24px; border:0; border-bottom:1px solid var(--lw-line); border-radius:0; background:transparent; }
body.lw-body .lw-mail .mail-message-time { margin-bottom:14px!important; font:400 11px/1.6 var(--lw-sans); white-space:normal; }
body.lw-body .lw-mail .mail-message-time strong { font-weight:500; }
body.lw-body .lw-mail .mail-plain-text { padding:0; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:400 14px/1.75 var(--lw-sans); }
body.lw-body .lw-mail .mail-rendered-email-shell { display:block; width:100%; min-width:0; background:#fff; }
body.lw-body .lw-mail .mail-rendered-email-frame { display:block; width:100%; height:360px; min-height:96px; max-height:2400px; margin:0; border:0; border-radius:0; background:#fff; color-scheme:light; }
body.lw-body .lw-mail .mail-reply-box { display:flex; flex-direction:column; padding:16px; border:1px solid var(--lw-line); border-radius:6px; gap:12px; box-shadow:none; background:var(--lw-panel); }
body.lw-body .lw-mail .mail-inline-editor { min-height:120px; outline:none; white-space:pre-wrap; font:400 14px/1.7 var(--lw-sans); }
body.lw-body .lw-mail .mail-inline-editor:focus-visible { outline:0; }
body.lw-body .lw-mail .mail-reply-box:focus-within { border-color:var(--lw-muted); }
body.lw-body .lw-mail .mail-reply-actions { align-items:center; gap:8px; }
body.lw-body .lw-mail .mail-reply-actions .btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:78px; margin-left:auto; padding:8px 18px; min-height:38px; border-radius:5px; background:var(--lw-ink); color:var(--lw-panel); border-color:var(--lw-ink); font:500 13px/1.5 var(--lw-sans); }
body.lw-body .lw-mail .mail-media-picker { width:36px; height:38px; min-height:38px; padding:8px; border:0; border-radius:5px; }
body.lw-body .lw-mail .mail-media-picker:hover { background:var(--lw-paper); }
body.lw-body .lw-mail .mail-compose-head { margin-bottom:24px; }
body.lw-body .lw-mail .mail-compose-reader { max-width:900px; }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-box { gap:0; }
body.lw-body .lw-mail .mail-compose-field { flex:0 0 auto; min-width:0; }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-box textarea { min-height:280px; resize:vertical; border:0; border-radius:0; }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-box input { min-width:0; }
body.lw-body .lw-mail button:disabled { cursor:wait; opacity:.55; }
@media (max-width:1150px) { body.lw-body .lw-mail .mail-layout { grid-template-columns:minmax(300px,330px) minmax(0,1fr); } body.lw-body .lw-mail .mail-reader-person { flex-wrap:wrap; } body.lw-body .lw-mail .mail-reader-actions { margin-left:46px; } }
@media (max-width:1024px) { body.lw-body .lw-mail .mail-layout { grid-template-columns:minmax(0,1fr); } body.lw-body .lw-mail .mail-reader { display:none; } body.lw-body.is-reading-mail .lw-mail .mail-reader { display:block; } body.lw-body.is-reading-mail .lw-mail .mail-sidebar { display:none; } }
@media (max-width:700px) {
  body.lw-body .lw-mail { --mail-control-height:44px; }
  body.lw-body .lw-mail .mail-list-head { min-height:70px; padding:14px 16px 10px; }
  body.lw-body .lw-mail .mail-office-mailbox-row { padding:0 16px 10px; }
  body.lw-body .lw-mail .mail-office-folders { padding-inline:10px; min-height:64px; }
  body.lw-body .lw-mail .mail-office-folders .mail-nav-folder { min-height:50px; }
  body.lw-body .lw-mail .mail-list-toolbar { min-height:56px; padding-inline:14px; }
  body.lw-body .lw-mail #mailRefreshBtn { min-height:44px; width:36px; }
  body.lw-body .lw-mail .mail-office-filters { padding-inline:16px; gap:16px; }
  body.lw-body .lw-mail .mail-smart-view { min-height:44px; }
  body.lw-body .lw-mail .mail-thread-card { padding:16px 16px 16px 13px; }
  body.lw-body .lw-mail .mail-reader { padding:20px 18px 32px; }
  body.lw-body .lw-mail .mail-reader-person { align-items:center; }
  body.lw-body .lw-mail .mail-reader-actions { margin-left:0; width:100%; }
  body.lw-body .lw-mail .mail-reader-actions button { min-height:40px; }
  body.lw-body .lw-mail .mail-reader-actions .mail-delete-icon-btn { width:40px; }
  body.lw-body .lw-mail .mail-reply-actions .btn-primary { min-height:44px; }
  body.lw-body .lw-mail .mail-media-picker { width:44px; height:44px; }
}