.mailserver-display-popup { position:fixed; z-index:1200; box-sizing:border-box; width:340px; padding:16px; overflow:auto; overscroll-behavior:contain; color:#292d33; background:#fff; border:1px solid #e7e9ee; border-radius:14px; box-shadow:0 8px 34px #20212429; font:14px/1.4 Arial,Helvetica,sans-serif; }
.mailserver-display-popup[hidden],.mailserver-display-popup [hidden] { display:none!important; }
.mailserver-display-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.mailserver-display-heading strong { font-size:20px; font-weight:600; }
.mailserver-display-close { width:28px; height:28px; border:0; border-radius:6px; color:#737a84; background:transparent; font:24px/24px Arial,sans-serif; cursor:pointer; }
.mailserver-display-close:hover { background:#f2f3f6; }
.mailserver-display-all { display:block; padding:10px 14px; margin-bottom:18px; border-radius:8px; color:#2c3037; background:#f0f2f5; text-decoration:none; font-weight:600; text-align:center; }
.mailserver-display-all:hover { background:#e7eaf0; color:#20242a; text-decoration:none; }
.mailserver-settings-tools { display:grid; gap:4px; margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid #eceef2; }
.mailserver-display-popup .mailserver-settings-tool { display:flex; align-items:center; gap:10px; width:100%; min-height:40px; padding:9px 10px; border:0; border-radius:8px; color:#343941; background:transparent; font:inherit; text-align:left; cursor:pointer; }
.mailserver-display-popup .mailserver-settings-tool:hover { background:#f1f2f5; }
.mailserver-settings-tool-icon { display:block; width:20px; height:20px; flex:0 0 20px; color:#737b87; }
body.task-settings #settings-menu .mailserver-setting-tool>a { display:flex; align-items:center; gap:10px; white-space:normal; }
body.task-settings #settings-menu .mailserver-setting-tool>a:before { display:none; }
body.task-settings #settings-menu .mailserver-setting-tool>a:focus-visible { outline:2px solid #9f7b00; outline-offset:-2px; }
.mailserver-display-modes { border:0; padding:0 0 16px; margin:0; min-width:0; }
.mailserver-display-modes legend { float:none; width:auto; padding:0; margin:0 0 12px; font:600 14px/20px Arial,sans-serif; color:#343941; }
.mailserver-display-mode-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mailserver-display-mode { display:flex; flex-direction:column; position:relative; align-items:center; gap:7px; cursor:pointer; font-size:12px; color:#747b86; }
.mailserver-display-mode input { position:absolute; opacity:0; width:1px; height:1px; }
.mailserver-display-mode-shape { display:block; position:relative; box-sizing:border-box; width:100%; height:62px; border:2px solid #e0e4e9; border-radius:7px; background:#f8f9fa; }
.mailserver-display-mode-shape::before { content:''; position:absolute; left:6px; top:7px; right:6px; height:32px; border-radius:2px; background:repeating-linear-gradient(to bottom,#d5dbe2 0,#d5dbe2 2px,transparent 2px,transparent 7px); }
.mailserver-display-mode-shape.mode-inline::after { content:''; position:absolute; left:6px; right:6px; top:24px; height:20px; border-radius:2px; border:1px solid #d7dce3; background:#fff; }
.mailserver-display-mode-shape.mode-right::before { right:52%; }
.mailserver-display-mode-shape.mode-right::after { content:''; position:absolute; top:7px; right:6px; bottom:7px; width:40%; border:1px solid #d7dce3; background:#fff; border-radius:2px; }
.mailserver-display-mode-shape.mode-bottom::before { height:18px; }
.mailserver-display-mode-shape.mode-bottom::after { content:''; position:absolute; left:6px; right:6px; bottom:7px; height:23px; border:1px solid #d7dce3; background:#fff; border-radius:2px; }
.mailserver-display-mode input:checked~.mailserver-display-mode-shape { border-color:#ffcc29; background:#fffbea; }
.mailserver-display-mode input:checked~span:last-child { color:#2c3037; font-weight:600; }
.mailserver-display-mode input:focus-visible~.mailserver-display-mode-shape { outline:2px solid #9f7b00; outline-offset:2px; }
.mailserver-display-toggles { border-top:1px solid #eceef2; padding-top:10px; }
.mailserver-display-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; margin:0; cursor:pointer; }
.mailserver-display-toggle input { appearance:none; flex-shrink:0; position:relative; width:32px; height:19px; margin:0; border:0; border-radius:12px; background:#d9dee5; transition:background .12s; cursor:pointer; }
.mailserver-display-toggle input::before { content:''; position:absolute; top:3px; left:3px; width:13px; height:13px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0002; transition:transform .12s; }
.mailserver-display-toggle input:checked { background:#ffcd35; }
.mailserver-display-toggle input:checked::before { transform:translateX(13px); }
.mailserver-display-toggle input:disabled { opacity:.45; cursor:default; }
.mailserver-display-toggle input:focus-visible,.mailserver-display-popup button:focus-visible,.mailserver-display-popup a:focus-visible { outline:2px solid #9f7b00; outline-offset:3px; }
.mailserver-display-footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:22px; padding-top:9px; color:#89909b; font-size:11px; }
.mailserver-display-footer button { padding:2px 6px; border:0; border-radius:4px; color:#566985; background:#eff2f6; font:inherit; cursor:pointer; }
body.mailserver-large-font .messagelist tr td { font-size:15px!important; }
body.mailserver-large-font .messagelist td.subject>span.fromto { font-size:15px!important; }
body.mailserver-large-font .messagelist td.subject>span.date { font-size:13px!important; }
body.mailserver-large-font #mailboxlist li>a { font-size:15px!important; }
body.mailserver-large-font #messagebody { font-size:16px!important; line-height:1.55; }
body.mailserver-large-font #composebody { font-size:16px!important; line-height:1.55; }
@media(min-width:1025px) {
  body.task-mail.action-none.mailserver-compact-sidebar { --ms-sidebar-width:68px; }
  body.task-mail.action-none.mailserver-compact-sidebar #layout-sidebar>.header { display:none!important; }
  body.task-mail.action-none.mailserver-compact-sidebar .mailserver-compose { margin:8px 16px 12px; }
  body.task-mail.action-none.mailserver-compact-sidebar .mailserver-compose a.compose { width:36px; height:36px; padding:0!important; gap:0; }
  body.task-mail.action-none.mailserver-compact-sidebar .mailserver-compose a.compose .inner { display:none; }
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist li>a,
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist li li>a,
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist li li li>a { position:relative; justify-content:center; margin:1px 14px; padding:0!important; width:40px; height:38px; min-height:38px; }
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist li>a::before { flex:none; margin:0!important; width:20px; line-height:38px; }
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist .mailserver-folder-name { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist li>.treetoggle { left:1px!important; width:12px; font-size:10px; }
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist li ul { margin:0!important; padding:0!important; }
  body.task-mail.action-none.mailserver-compact-sidebar #mailboxlist .unreadcount { position:absolute!important; right:1px!important; top:22px; max-width:38px; padding:0 2px!important; line-height:13px; font-size:10px; background:#f3f4f6!important; }
  body.task-mail.action-none.mailserver-compact-sidebar .mailserver-shortcuts { margin:0 14px; }
  body.task-mail.action-none.mailserver-compact-sidebar .mailserver-shortcuts>a { justify-content:center; padding:0; font-size:0; gap:0; }
  body.task-mail.action-none.mailserver-compact-sidebar #layout-sidebar>.footer { padding:0 12px 8px!important; }
  body.task-mail.action-none.mailserver-compact-sidebar #layout-sidebar>.footer .quota-widget { display:none; }
  body.mailserver-compact-rows { --ms-mail-row-height:30px; }
  body.mailserver-compact-rows.mailserver-large-font { --ms-mail-row-height:34px; }
  body.mailserver-compact-rows .mailserver-sender-avatar { width:24px; height:24px; left:8px; font-size:10px; }
  body.mailserver-compact-rows:not(.mailserver-preview) .messagelist tr.mailserver-has-attachments { height:var(--ms-mail-row-height); }
  body.mailserver-compact-rows:not(.mailserver-preview) .messagelist tr.mailserver-has-attachments td.subject { height:var(--ms-mail-row-height)!important; min-height:0; }
  body.mailserver-compact-rows:not(.mailserver-preview) .messagelist tr.mailserver-has-attachments td.subject>.subject { line-height:var(--ms-mail-row-height)!important; padding-right:142px!important; }
  body.mailserver-compact-rows .mailserver-row-files { display:none!important; }
  body.mailserver-compact-rows.mailserver-preview .messagelist tr.mailserver-has-attachments td.subject { min-height:0; }
  body.mailserver-compact-rows .messagelist tr.mailserver-reader-open.mailserver-has-attachments td.subject { height:auto!important; }
}
@media(prefers-reduced-motion:reduce) {
  .mailserver-display-toggle input,.mailserver-display-toggle input::before { transition:none; }
}