/* Office panes share the Space type system and keep encrypted Mail's controller. */
body.lw-body .mail-office-icon,
body.lw-body .lw-mail :is(.btn-primary,.btn-secondary,.btn-ghost,.mail-reader-back-btn,.mail-delete-icon-btn,.mail-media-picker),
body.lw-body .lw-calendar .lw-btn,
body.lw-body :is(.mail-modal,.email-encryption-dialog,.lw-event-overlay) :is(button,input,textarea,select) {
  font: 500 13px/1.4 var(--lw-sans); border-radius: 6px; box-shadow: none;
}
body.lw-body .mail-office-icon { display:inline-grid; place-items:center; width:36px; height:36px; padding:7px; border:1px solid transparent; color:var(--lw-ink-2); background:transparent; cursor:pointer; flex:0 0 auto; }
body.lw-body .mail-office-icon:hover { background:var(--lw-sunk); color:var(--lw-ink); }
body.lw-body .mail-office-icon svg,
body.lw-body .lw-mail :is(.mail-delete-icon-btn,.mail-media-picker) svg { width:18px; height:18px; }
body.lw-body :is(.mail-office-icon,.lw-mail button,.lw-calendar button):focus-visible { outline:2px solid var(--lw-blue); outline-offset:2px; }
body.lw-body .lw-mail { overflow:hidden; background:var(--lw-panel); }
body.lw-body .lw-mail .mail-layout { grid-template-columns:minmax(300px,350px) minmax(0,1fr); height:100%; }
body.lw-body .lw-mail .mail-sidebar { background:var(--lw-panel); }
body.lw-body .lw-mail .mail-list-head { min-height:80px; padding:19px 20px 15px; gap:12px; border-bottom:0; }
body.lw-body .lw-mail .mail-list-heading h2 { margin:0; font:600 19px/1.3 var(--lw-sans); letter-spacing:-.025em; }
body.lw-body .lw-mail .mail-list-heading span { font-size:12px; color:var(--lw-muted); }
body.lw-body .lw-mail .mail-list-head .lw-btn { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:8px 10px; font:500 12px/1.4 var(--lw-sans); border-radius:6px; background:var(--lw-ink); color:white; }
body.lw-body .lw-mail .mail-list-head .lw-btn svg { width:15px; height:15px; }
body.lw-body .lw-mail .mail-list-toolbar { display:flex; gap:4px; align-items:center; padding:0 16px 12px; }
body.lw-body .lw-mail .mail-office-search { display:flex; flex:1; min-width:0; align-items:center; height:36px; gap:5px; padding:0 8px; margin:0; border:1px solid var(--lw-line); border-radius:6px; background:var(--lw-paper); }
body.lw-body .lw-mail .mail-office-search:focus-within { border-color:var(--lw-blue); outline:2px solid var(--lw-blue-wash); }
body.lw-body .lw-mail .mail-office-search input { min-width:0; width:100%; padding:0; border:0; outline:0; color:var(--lw-ink); background:transparent; font:400 13px/1.5 var(--lw-sans); }
body.lw-body .lw-mail .mail-office-search button { width:22px; height:28px; display:grid; place-items:center; background:transparent; padding:0; border:0; color:var(--lw-muted); cursor:pointer; }
body.lw-body .lw-mail .mail-office-search button[hidden] { display:none; }
body.lw-body .lw-mail .mail-office-search svg { width:15px; height:15px; }
body.lw-body .lw-mail .mail-office-filters { display:flex; align-items:center; flex-wrap:wrap; padding:0 20px 10px; gap:12px; border-bottom:1px solid var(--lw-line); }
body.lw-body .lw-mail .mail-smart-view { display:inline-flex; align-items:center; gap:5px; padding:6px 0; border:0; border-radius:0; background:transparent; color:var(--lw-muted); font:500 12px/1.4 var(--lw-sans); }
body.lw-body .lw-mail .mail-smart-view.is-active { background:transparent; color:var(--lw-ink); box-shadow:inset 0 -2px var(--lw-ink); }
body.lw-body .lw-mail .mail-smart-view-count { font-size:10px; font-weight:400; color:inherit; opacity:.7; background:transparent; padding:0; }
body.lw-body .lw-mail .mail-thread-list { min-height:0; padding:0; }
body.lw-body .lw-mail .mail-thread-card-row { margin:0; border-bottom:1px solid var(--lw-line-2); }
body.lw-body .lw-mail .mail-thread-card { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; border:0; border-radius:0; border-left:3px solid transparent; padding:17px 17px 17px 14px; margin:0; background:transparent; }
body.lw-body .lw-mail .mail-thread-card:hover { background:var(--lw-paper); }
body.lw-body .lw-mail .mail-thread-card.is-active { border-left-color:var(--lw-blue); background:#f2f6f8; }
body.lw-body .lw-mail .mail-thread-avatar { width:34px; height:34px; min-width:34px; border-radius:50%; font:500 13px/1 var(--lw-sans); background:#e9ecef; color:#4f5e6b; overflow:hidden; }
body.lw-body .lw-mail .mail-thread-avatar img { width:100%; height:100%; object-fit:cover; }
body.lw-body .lw-mail .mail-thread-top { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin:0 0 4px; }
body.lw-body .lw-mail .mail-thread-top strong { color:var(--lw-ink-2); font:500 13px/1.4 var(--lw-sans); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.lw-body .lw-mail .mail-thread-top span { font:400 11px/1.4 var(--lw-sans); flex:0 0 auto; color:var(--lw-muted); }
body.lw-body .lw-mail .mail-thread-subject { font:500 13px/1.4 var(--lw-sans); margin:0 0 3px; color:var(--lw-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.lw-body .lw-mail .mail-thread-card.is-unread :is(.mail-thread-top strong,.mail-thread-subject) { font-weight:600; }
body.lw-body .lw-mail .mail-thread-snippet { font:400 12px/1.5 var(--lw-sans); margin:0; color:var(--lw-muted); }
body.lw-body .lw-mail .mail-thread-card-delete { border-radius:6px; }
body.lw-body .lw-mail .mail-office-status { flex:0 0 auto; font:400 11px/1.5 var(--lw-sans); padding:12px 20px; margin:0; min-height:40px; border-top:1px solid var(--lw-line); color:var(--lw-muted); }
body.lw-body .lw-mail .mail-reader { background:var(--lw-panel); overflow-y:auto; padding:30px clamp(22px,4vw,56px) 42px; }
body.lw-body .lw-mail .mail-reader-back-btn { margin:0 0 20px; padding:0; border:0; color:var(--lw-muted); background:transparent; gap:6px; font-weight:500; }
body.lw-body .lw-mail .mail-reader-back-btn svg { width:15px; height:15px; }
body.lw-body .lw-mail .mail-reader-subject { margin:0 0 22px; font:600 clamp(20px,2vw,26px)/1.3 var(--lw-sans); letter-spacing:-.025em; }
body.lw-body .lw-mail .mail-reader-person { display:flex; gap:12px; padding:0 0 22px; margin:0 0 22px; border-bottom:1px solid var(--lw-line); align-items:center; }
body.lw-body .lw-mail .mail-reader-person > div:nth-child(2) { flex:1; min-width:0; }
body.lw-body .lw-mail .mail-reader-person h5 { font:500 14px/1.4 var(--lw-sans); margin:0 0 3px; }
body.lw-body .lw-mail .mail-reader-person p { font:400 12px/1.5 var(--lw-sans); color:var(--lw-muted); margin:0; overflow-wrap:anywhere; }
body.lw-body .lw-mail .mail-reader-actions { display:flex; gap:5px; flex-wrap:wrap; }
body.lw-body .lw-mail .mail-reader-actions button { display:inline-flex; gap:6px; align-items:center; min-height:34px; padding:6px 9px; border:1px solid var(--lw-line); border-radius:6px; background:transparent; color:var(--lw-ink-2); font:500 12px/1.4 var(--lw-sans); cursor:pointer; }
body.lw-body .lw-mail .mail-reader-actions button svg { width:16px; height:16px; }
body.lw-body .lw-mail .mail-thread-conversation { display:block; padding:0; }
body.lw-body .lw-mail .mail-message-bubble { border:0; border-bottom:1px solid var(--lw-line); border-radius:0; background:transparent; padding:0 0 26px; margin:0 0 24px; color:var(--lw-ink); box-shadow:none; font:400 14px/1.7 var(--lw-sans); }
body.lw-body .lw-mail .mail-message-time { font:400 12px/1.5 var(--lw-sans); color:var(--lw-muted); margin-bottom:16px; }
body.lw-body .lw-mail .mail-message-time strong { color:var(--lw-ink-2); font-weight:500; }
body.lw-body .lw-mail .mail-reply-box { border:1px solid var(--lw-line); border-radius:6px; padding:16px; gap:12px; background:var(--lw-panel); }
body.lw-body .lw-mail .mail-inline-editor { min-height:100px; font:400 14px/1.65 var(--lw-sans); }
body.lw-body .lw-mail .mail-reply-label { font:500 12px/1.4 var(--lw-sans); color:var(--lw-muted); }
body.lw-body .lw-mail .mail-reply-actions { justify-content:flex-start; gap:10px; }
body.lw-body .lw-mail .mail-reply-actions .btn-primary { margin-left:auto; min-height:36px; padding:8px 18px; background:var(--lw-ink); color:white; border:1px solid var(--lw-ink); }
body.lw-body .lw-mail .mail-media-picker { border:1px solid var(--lw-line); border-radius:6px; background:transparent; }
body.lw-body .lw-mail .mail-compose-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
body.lw-body .lw-mail .mail-compose-head h5 { font:600 23px/1.3 var(--lw-sans); letter-spacing:-.025em; margin:0; }
body.lw-body .lw-mail .mail-compose-reader { width:100%; max-width:840px; margin:0 auto; padding:0; }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-box { padding:0; border:0; border-radius:0; gap:0; }
body.lw-body .lw-mail .mail-compose-reader .mail-compose-field { display:flex; align-items:center; gap:16px; border-bottom:1px solid var(--lw-line); min-height:48px; }
body.lw-body .lw-mail .mail-compose-field > span { flex:0 0 50px; color:var(--lw-muted); font:500 12px/1.5 var(--lw-sans); }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-box :is(input,textarea) { width:100%; min-width:0; border:0; border-radius:0; font:400 14px/1.65 var(--lw-sans); color:var(--lw-ink); background:transparent; outline:0; box-shadow:none; padding:12px 0; resize:vertical; }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-box textarea { min-height:260px; margin:14px 0 8px; }
body.lw-body .lw-mail .mail-compose-field:focus-within { border-bottom-color:var(--lw-blue); }
body.lw-body .lw-mail .mail-compose-reader .mail-reply-actions { padding:16px 0; border-top:1px solid var(--lw-line); }
body.lw-body .lw-mail .mail-empty { font:400 13px/1.6 var(--lw-sans); color:var(--lw-muted); }
body.lw-body .lw-mail .mail-thread-list > .mail-empty { padding:25px 20px; margin:0; }
body.lw-body .lw-mail .mail-empty-state { display:grid; place-content:center; gap:10px; max-width:280px; margin:clamp(40px,14vh,140px) auto; text-align:center; }
body.lw-body .lw-mail .mail-empty-state svg { width:28px; height:28px; color:var(--lw-muted); margin:0 auto; }
body.lw-body .lw-mail .mail-empty-state strong { font:500 16px/1.4 var(--lw-sans); }
body.lw-body .lw-mail .mail-empty-state p { margin:0; font:400 13px/1.6 var(--lw-sans); color:var(--lw-muted); }
/* Mail settings, local unlock/recovery and event editing use the same dialog chrome. */
body.lw-body :is(.mail-modal-card,.email-encryption-dialog,.lw-event-overlay .lw-dialog) { border:1px solid var(--lw-line); border-radius:12px; color:var(--lw-ink); background:var(--lw-panel); box-shadow:0 18px 60px rgba(0,0,0,.16); padding:28px; font:400 14px/1.6 var(--lw-sans); max-height:calc(100dvh - 40px); overflow-y:auto; }
body.lw-body :is(.mail-modal,.lw-event-overlay) { background:rgba(20,22,25,.35); backdrop-filter:none; padding:20px; }
body.lw-body :is(.mail-modal,.email-encryption-dialog,.lw-event-overlay) :is(h2,h3,h4) { font-family:var(--lw-sans); font-weight:600; letter-spacing:-.025em; }
body.lw-body :is(.mail-modal,.email-encryption-dialog) :is(input,textarea) { border:1px solid var(--lw-line); border-radius:6px; background:var(--lw-panel); color:var(--lw-ink); padding:10px 12px; font-weight:400; }
body.lw-body .mail-settings-profile-card { background:var(--lw-paper); border:1px solid var(--lw-line); border-radius:8px; padding:20px; box-shadow:none; }
body.lw-body .mail-settings-profile-heading { font-size:16px; }
body.lw-body .mail-settings-profile-kicker { color:var(--lw-muted); font-size:11px; font-weight:500; text-transform:none; letter-spacing:0; }
body.lw-body .mail-settings-profile-copy { font-size:13px; color:var(--lw-muted); line-height:1.5; }
body.lw-body .mail-settings-profile-preview .mail-thread-avatar { border-radius:50%; width:40px; height:40px; background:#e9ecef; color:#4f5e6b; }
body.lw-body .mail-settings-item { border:0; border-bottom:1px solid var(--lw-line); border-radius:0; background:transparent; box-shadow:none; min-height:48px; padding:12px 4px; color:var(--lw-ink-2); font-weight:500; text-align:left; }
body.lw-body .mail-settings-item:hover { background:var(--lw-paper); }
body.lw-body :is(.mail-modal,.email-encryption-dialog) .btn-primary { border:1px solid var(--lw-ink); color:white; background:var(--lw-ink); padding:9px 15px; }
body.lw-body :is(.mail-modal,.email-encryption-dialog) :is(.btn-secondary,.btn-ghost) { border:1px solid var(--lw-line); background:transparent; color:var(--lw-ink-2); padding:9px 15px; }
body.lw-body .mail-modal-close { border-radius:6px; border:0; background:transparent; color:var(--lw-muted); }
body.lw-body .lw-event-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:8px; }
body.lw-body .lw-event-dialog-head span { font:500 12px/1.5 var(--lw-sans); color:var(--lw-muted); }
body.lw-body .lw-event-dialog-head h2 { font-size:24px; margin:3px 0 0; }
body.lw-body .lw-event-overlay .lw-dialog-actions { border-top:1px solid var(--lw-line); padding-top:16px; margin-top:8px; }
body.lw-body .lw-event-overlay .lw-btn { border-radius:6px; min-height:36px; font-size:13px; font-weight:500; }
body.lw-body .lw-event-overlay .lw-btn--primary { background:var(--lw-ink); border-color:var(--lw-ink); color:white; }
/* Calendar creation and the selected day belong in Calendar, outside chat navigation. */
body.lw-body .lw-calendar { overflow:hidden; }
body.lw-body .lw-cal-head { padding:20px 28px; min-height:88px; gap:18px; flex-wrap:wrap; }
body.lw-body .lw-cal-heading { margin-right:auto; }
body.lw-body .lw-cal-heading > span { font:500 12px/1.5 var(--lw-sans); color:var(--lw-muted); }
body.lw-body .lw-cal-head h2 { margin:3px 0 0; font:600 23px/1.2 var(--lw-sans); letter-spacing:-.025em; }
body.lw-body .lw-cal-month-controls { display:flex; align-items:center; gap:4px; }
body.lw-body .lw-cal-month-controls .lw-btn { min-height:36px; padding:6px 12px; background:transparent; }
body.lw-body .lw-cal-view-controls { display:flex; padding:3px; border:1px solid var(--lw-line); border-radius:6px; background:var(--lw-paper); }
body.lw-body .lw-cal-view-controls button { padding:6px 10px; border:0; border-radius:3px; background:transparent; color:var(--lw-muted); font:500 12px/1.4 var(--lw-sans); cursor:pointer; }
body.lw-body .lw-cal-view-controls button[aria-pressed="true"] { background:var(--lw-panel); color:var(--lw-ink); box-shadow:0 1px 3px rgba(0,0,0,.08); }
body.lw-body .lw-cal-head .lw-cal-new { display:flex; align-items:center; gap:7px; background:var(--lw-ink); border-color:var(--lw-ink); color:white; padding:9px 13px; min-height:36px; }
body.lw-body .lw-cal-new svg { width:16px; height:16px; }
body.lw-body .lw-calendar-body { display:grid; grid-template-columns:minmax(0,1fr) 255px; flex:1; min-height:0; }
body.lw-body .lw-calendar-month { display:flex; flex-direction:column; min-height:0; min-width:0; }
body.lw-body .lw-calendar-agenda { padding:24px 20px; border-left:1px solid var(--lw-line); background:var(--lw-paper); overflow-y:auto; min-width:0; }
body.lw-body .lw-calendar-agenda h3 { font:600 15px/1.45 var(--lw-sans); color:var(--lw-ink); margin:0 0 20px; }
body.lw-body .lw-calendar-agenda .lw-agenda-item { border-radius:5px; padding:10px 0; gap:10px; margin:0 0 8px; }
body.lw-body .lw-calendar-agenda .lw-agenda-meta strong { font:500 13px/1.4 var(--lw-sans); }
body.lw-body .lw-calendar-agenda .lw-agenda-meta span { font:400 12px/1.5 var(--lw-sans); margin-top:4px; }
body.lw-body .lw-calendar-agenda .lw-empty { font:400 12px/1.65 var(--lw-sans); color:var(--lw-muted); margin-bottom:18px; }
body.lw-body .lw-calendar-agenda > button { margin-top:18px; border-radius:6px; min-height:36px; background:var(--lw-panel); font-weight:500; font-size:12px; }
body.lw-body .lw-cal-weekdays span { font:500 11px/1.4 var(--lw-sans); letter-spacing:0; text-transform:none; padding:11px 12px; }
body.lw-body .lw-cal-cell { padding:10px 10px 6px; gap:5px; }
body.lw-body .lw-cal-cell:focus-visible { outline:2px solid var(--lw-blue); outline-offset:-2px; }
body.lw-body .lw-cal-cell.is-selected { box-shadow:inset 0 0 0 1px var(--lw-blue); background:#f4f7f9; }
body.lw-body .lw-cal-date { font:500 12px/1.4 var(--lw-sans); }
body.lw-body .lw-cal-cell.is-today .lw-cal-date { width:24px; height:24px; font-size:12px; }
body.lw-body .lw-cal-chip { font:500 11px/1.5 var(--lw-sans); border-radius:3px; padding:3px 5px; flex-shrink:0; }
body.lw-body .lw-cal-chip-time { font:400 10px/1.5 var(--lw-sans); }
body.lw-body .lw-calendar[data-calendar-view="schedule"] .lw-calendar-body { display:block; overflow-y:auto; }
body.lw-body .lw-calendar[data-calendar-view="schedule"] .lw-calendar-month { display:none; }
body.lw-body .lw-calendar[data-calendar-view="schedule"] .lw-calendar-agenda { max-width:850px; min-height:100%; margin:0 auto; border-left:0; padding:32px; background:var(--lw-panel); }
body.lw-body .lw-calendar[data-calendar-view="schedule"] .lw-calendar-agenda .lw-agenda-item { border-bottom:1px solid var(--lw-line); padding:15px 0; border-radius:0; }
@media (max-width:1100px) {
  body.lw-body .lw-mail .mail-layout { grid-template-columns:minmax(280px,320px) minmax(0,1fr); }
  body.lw-body .lw-cal-head { gap:12px; padding:18px 20px; }
  body.lw-body .lw-calendar-body { grid-template-columns:minmax(0,1fr) 210px; }
  body.lw-body .lw-cal-cell { padding:8px 5px; }
}
@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; }
  body.lw-body .lw-mail .mail-list-head { padding:18px 20px 14px; }
  body.lw-body .lw-mail .mail-thread-card { grid-template-columns:34px minmax(0,1fr); }
  body.lw-body .lw-calendar-body { grid-template-columns:minmax(0,1fr); }
  body.lw-body .lw-calendar[data-calendar-view="month"] .lw-calendar-agenda { display:none; }
}
@media (max-width:700px) {
  body.lw-body .lw-mail .mail-list-head { min-height:74px; padding:14px 16px 12px; gap:10px; }
  body.lw-body .lw-mail .mail-list-heading h2 { font-size:19px; }
  body.lw-body .lw-mail .mail-list-toolbar { padding-inline:16px; }
  body.lw-body .lw-mail .mail-office-filters { padding-inline:16px; }
  body.lw-body .lw-mail .mail-reader { padding:20px 20px 32px; }
  body.lw-body .lw-mail .mail-reader-subject { font-size:22px; }
  body.lw-body .lw-mail .mail-reader-person { flex-wrap:wrap; }
  body.lw-body .lw-mail .mail-reader-actions { width:100%; margin-top:3px; }
  body.lw-body .lw-mail .mail-compose-head h5 { font-size:22px; }
  body.lw-body .lw-mail .mail-compose-reader .mail-reply-box textarea { min-height:230px; }
  body.lw-body .lw-mail :is(.mail-reply-actions .btn-primary,.mail-media-picker) { min-height:44px; }
  body.lw-body .lw-mail .mail-office-icon { width:36px; height:36px; }
  body.lw-body .lw-cal-head { padding:16px; gap:10px; min-height:126px; }
  body.lw-body .lw-cal-heading { width:calc(100% - 48px); flex:1; }
  body.lw-body .lw-cal-head h2 { font-size:21px; }
  body.lw-body .lw-cal-month-controls { margin-right:auto; }
  body.lw-body .lw-cal-month-controls :is(.lw-btn,.mail-office-icon) { min-height:40px; }
  body.lw-body .lw-cal-view-controls button { padding:8px; font-size:11px; }
  body.lw-body .lw-cal-head .lw-cal-new { min-height:40px; padding:8px 10px; font-size:12px; margin-left:auto; }
  body.lw-body .lw-cal-weekdays span { padding:10px 5px; font-size:10px; }
  body.lw-body .lw-cal-cell { padding:8px 4px; min-height:58px; }
  body.lw-body .lw-cal-grid { grid-auto-rows:minmax(58px,1fr); overflow-y:auto; }
  body.lw-body .lw-cal-chip { display:block; padding:2px 3px; font-size:10px; }
  body.lw-body .lw-cal-chip-time { display:none; }
  body.lw-body .lw-calendar[data-calendar-view="schedule"] .lw-calendar-agenda { padding:24px 20px; }
  body.lw-body :is(.mail-modal,.lw-event-overlay) { padding:12px; }
  body.lw-body :is(.mail-modal-card,.lw-event-overlay .lw-dialog) { padding:22px; border-radius:10px; max-height:calc(100dvh - 24px); }
  body.lw-body .mail-settings-profile-card { padding:16px; }
}
@media (prefers-reduced-motion:reduce) { body.lw-body .lw-mail * { transition:none; } }

body.lw-body .lw-calendar-schedule-day { margin-bottom:24px; }
body.lw-body .lw-calendar-schedule-day h4 { font:500 13px/1.5 var(--lw-sans); color:var(--lw-muted); margin:0 0 10px; }
body.lw-body [data-mail-unlock-bar] { left:auto!important; right:24px!important; bottom:24px!important; width:min(520px,calc(100% - 48px)); background:var(--lw-panel)!important; color:var(--lw-ink)!important; border:1px solid var(--lw-line); border-radius:10px; box-shadow:0 12px 36px rgba(0,0,0,.14)!important; padding:20px!important; }
body.lw-body [data-mail-unlock-bar] > span:first-child { font:500 13px/1.6 var(--lw-sans)!important; }
body.lw-body [data-mail-unlock-pw] { border:1px solid var(--lw-line)!important; border-radius:6px!important; font:400 13px/1.5 var(--lw-sans)!important; width:100%; }
body.lw-body [data-mail-unlock-go] { border-radius:6px!important; background:var(--lw-ink)!important; color:white!important; font:500 13px/1.5 var(--lw-sans)!important; }
body.lw-body [data-mail-unlock-msg] { color:#a23c36!important; font:400 12px/1.5 var(--lw-sans)!important; }

.lw-office-mobile-head { display:none; }
@media (max-width:700px) {
  body.lw-body .lw-office-mobile-head { display:flex; flex:0 0 auto; gap:12px; align-items:center; min-height:64px; padding:10px 16px; border-bottom:1px solid var(--lw-line); background:var(--lw-panel); }
  body.lw-body .lw-office-mobile-head strong { font:600 17px/1.4 var(--lw-sans); letter-spacing:-.02em; }
  body.lw-body .lw-office-menu,body.lw-body .lw-cal-head > [data-lw-side-open] { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:10px; border:0; border-radius:6px; background:transparent; color:var(--lw-ink-2); cursor:pointer; }
  body.lw-body .lw-office-menu:hover,body.lw-body .lw-cal-head > [data-lw-side-open]:hover { background:var(--lw-paper); }
  body.lw-body .lw-office-menu svg { width:23px; height:23px; }
  body.lw-body .lw-office-menu:focus-visible { outline:2px solid var(--lw-blue); outline-offset:-2px; }
  body.lw-body .lw-mail .mail-list-head > [data-lw-side-open] { display:none; }
  body.lw-body .lw-mail .mail-list-head { min-height:68px; }
  body.lw-body [data-lw-pane="gallery"] .lw-gallery-head h1 { display:none; }
  body.lw-body [data-lw-pane="gallery"] .lw-gallery-head { padding-top:16px; }
}

body.lw-body .lw-mail :is(.mail-sidebar,.mail-reader) { border-radius:0; margin:0; min-height:0; max-height:none; height:100%; }
body.lw-body .lw-mail .mail-sidebar { border:0; border-right:1px solid var(--lw-line); }
body.lw-body .lw-mail .mail-reader { border:0; }
body.lw-body .lw-mail .mail-thread-list { max-height:none; min-height:0; }

@media (max-width:1024px) { body.lw-body.is-reading-mail .lw-mail .mail-reader-back-btn { display:inline-flex; align-items:center; min-height:36px; } }

body.lw-body .lw-mail .mail-list-head .lw-btn { border-color:var(--lw-ink); }
@media (max-width:700px) { body.lw-body .lw-cal-head > [data-lw-side-open] svg { width:23px; height:23px; } }

/* Mailbox navigation belongs to Mail, beside its inbox controls. */
body.lw-body .mail-office-mailbox-row{position:relative;padding:0 20px 10px}
body.lw-body .mail-office-account{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:8px 0;color:var(--lw-muted);font:400 12px/1.4 var(--lw-sans);text-align:left;cursor:pointer}
body.lw-body .mail-office-account>span{display:none}
body.lw-body .mail-office-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
body.lw-body .mail-office-account svg{margin-left:auto;width:16px;height:16px;flex-shrink:0}
body.lw-body .mail-office-account-menu{position:absolute;left:16px;right:16px;top:35px;z-index:12;padding:6px;background:var(--lw-panel);border:1px solid var(--lw-line);border-radius:8px;box-shadow:0 8px 28px #0002}
body.lw-body .mail-office-account-menu[hidden]{display:none}
body.lw-body .mail-office-account-menu .lw-account-option{width:100%;border-radius:4px;background:transparent;padding:10px;font-size:12px}
body.lw-body .mail-office-switch-account{border:0;border-top:1px solid var(--lw-line);background:transparent;padding:12px 10px;width:100%;text-align:left;font:500 12px var(--lw-sans);cursor:pointer;color:var(--lw-ink)}
body.lw-body .mail-office-folders{display:flex;gap:3px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:thin}
body.lw-body .mail-office-folders .mail-nav-folder{display:flex;align-items:center;gap:5px;width:auto;flex:0 0 auto;border:0;border-radius:4px;background:transparent;padding:8px;font:500 12px/1.4 var(--lw-sans);color:var(--lw-muted);cursor:pointer}
body.lw-body .mail-office-folders .mail-nav-folder.is-active{background:var(--lw-paper);color:var(--lw-ink)}
body.lw-body .mail-office-folders .mail-nav-folder-icon{display:none}
body.lw-body .mail-office-folders .mail-nav-folder-count{font-size:10px;opacity:.7}
body.lw-body .lw-calendar-event-detail{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid var(--lw-line)}
body.lw-body .lw-calendar-event-detail>div{display:flex;align-items:flex-start;gap:10px}
body.lw-body .lw-calendar-event-detail h4{margin:0;flex:1;font:600 18px/1.35 var(--lw-sans);overflow-wrap:anywhere}
body.lw-body .lw-calendar-event-detail [data-lw-event-detail-close]{border:0;background:transparent;padding:0 6px;font-size:22px;color:var(--lw-muted);cursor:pointer}
body.lw-body .lw-calendar-event-when,body.lw-body .lw-calendar-event-location{font:400 12px/1.6 var(--lw-sans);color:var(--lw-muted)}
body.lw-body .lw-calendar-event-description,body.lw-body .lw-calendar-event-notes{white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.65 var(--lw-sans);color:var(--lw-ink-2)}
body.lw-body .lw-calendar-event-detail .lw-btn{margin-top:10px;font-size:12px;border-radius:5px;min-height:36px}
body.lw-body .lw-calendar-agenda .lw-agenda-item.is-selected{background:var(--lw-panel);box-shadow:inset 0 0 0 1px var(--lw-line);padding-inline:8px}
body.lw-body .lw-agenda-meta .lw-calendar-event-notes{margin-top:10px;font-size:13px;color:var(--lw-ink-2)}
@media(max-width:1024px){body.lw-body .lw-calendar.has-selected-event[data-calendar-view="month"] .lw-calendar-body{grid-template-rows:minmax(0,1fr) minmax(160px,40%)}body.lw-body .lw-calendar.has-selected-event[data-calendar-view="month"] .lw-calendar-agenda{display:block;border-top:1px solid var(--lw-line);padding:20px}}
@media(max-width:700px){body.lw-body .mail-office-folders .mail-nav-folder{min-height:44px}body.lw-body .mail-office-account{min-height:36px}body.lw-body .lw-calendar-event-detail [data-lw-event-detail-close]{width:44px;height:44px}body.lw-body .lw-calendar-event-detail .lw-btn{min-height:44px}}