/* Desktop left navigation only. Width remains owned by the shared layout
 * variable; native mobile navigation and attachment sidebars stay independent. */
#mailserver-sidebar-resize { display:none; }

@media (min-width:1025px) {
  body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) {
    --ms-sidebar-scroll-thumb:#bcc1ca;
  }
  body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right):is(:hover,:focus-within) {
    --ms-sidebar-scroll-thumb:#929aa7;
  }
  body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right),
  body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) :is(.scroller,#folderlist-content,#directorylist-content,#savedsearchlist-content) {
    scrollbar-width:thin;
    scrollbar-color:var(--ms-sidebar-scroll-thumb,#bcc1ca) transparent;
  }

  /* Chromium and WebKit can honor an exact track width. Firefox retains its
   * native thin scrollbar. Hover changes only color, never reserved space. */
  @supports selector(::-webkit-scrollbar) {
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right),
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) :is(.scroller,#folderlist-content,#directorylist-content,#savedsearchlist-content) {
      scrollbar-width:auto;
      scrollbar-color:auto;
    }
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right)::-webkit-scrollbar,
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) :is(.scroller,#folderlist-content,#directorylist-content,#savedsearchlist-content)::-webkit-scrollbar {
      width:5px;
      height:5px;
      background:transparent;
    }
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right)::-webkit-scrollbar-track,
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) :is(.scroller,#folderlist-content,#directorylist-content,#savedsearchlist-content)::-webkit-scrollbar-track {
      background:transparent;
    }
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right)::-webkit-scrollbar-thumb,
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) :is(.scroller,#folderlist-content,#directorylist-content,#savedsearchlist-content)::-webkit-scrollbar-thumb {
      border-radius:5px;
      background:var(--ms-sidebar-scroll-thumb,#bcc1ca);
    }
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right)::-webkit-scrollbar-corner,
    body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) :is(.scroller,#folderlist-content,#directorylist-content,#savedsearchlist-content)::-webkit-scrollbar-corner {
      background:transparent;
    }
  }

  /* Elastic's native handle otherwise overlaps the custom width control. */
  body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) > .column-resizer {
    display:none!important;
  }
  body.mailserver-sidebar-resizable.task-mail.action-none #layout-sidebar:not(.sidebar-right) .username {
    max-width:calc(var(--ms-sidebar-width,242px) - 64px);
  }

  /* The hit area sits outside the pane so the narrow scrollbar remains usable. */
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize {
    display:block;
    position:fixed;
    left:var(--ms-sidebar-handle-left);
    top:var(--ms-sidebar-handle-top);
    height:var(--ms-sidebar-handle-height);
    width:6px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-sizing:border-box;
    z-index:110;
    cursor:col-resize;
    touch-action:none;
    user-select:none;
    -webkit-user-select:none;
  }
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize::before {
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    left:1px;
    width:2px;
    border-radius:2px;
    background:transparent;
    pointer-events:none;
  }
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize:hover::before,
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize:focus-visible::before,
  body.mailserver-sidebar-resizable.mailserver-sidebar-resizing #mailserver-sidebar-resize::before {
    background:#a1a8b3;
  }
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize:focus-visible {
    outline:2px solid var(--ms-focus,#ad7d00);
    outline-offset:1px;
  }
  body.mailserver-sidebar-resizable.mailserver-sidebar-resizing,
  body.mailserver-sidebar-resizable.mailserver-sidebar-resizing * {
    cursor:col-resize!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
}

@media (forced-colors:active) and (min-width:1025px) {
  body.mailserver-sidebar-resizable #layout-sidebar:not(.sidebar-right) {
    --ms-sidebar-scroll-thumb:ButtonText;
  }
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize:hover::before,
  body.mailserver-sidebar-resizable #mailserver-sidebar-resize:focus-visible::before,
  body.mailserver-sidebar-resizable.mailserver-sidebar-resizing #mailserver-sidebar-resize::before {
    background:Highlight;
  }
}

@media print {
  #mailserver-sidebar-resize { display:none!important; }
}

/* Coherent navigation icons: masks color themselves without changing native tree geometry. */
@supports (mask-image:url("")) {
  #layout-sidebar:not(.sidebar-right) {
    --ms-sidebar-icon-folder:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207.5V6a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7.5Z%27%2F%3E%3Cpath%20d%3D%27M3%208h18%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-folder-open:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2011V6a2%202%200%200%201%202-2h4l2%202h7a2%202%200%200%201%202%202v2%27%2F%3E%3Cpath%20d%3D%27M3%2011h18l-2.4%207.6A2%202%200%200%201%2016.7%2020H5.3a2%202%200%200%201-2-1.7L2%2011Z%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-inbox:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2011H4a1%201%200%200%200-1%201v7a1%201%200%200%200%201%201h16a1%201%200%200%200%201-1v-7a1%201%200%200%200-1-1h-1%27%2F%3E%3Cpath%20d%3D%27M3%2013h5l2%203h4l2-3h5M12%203v8m-3-3%203%203%203-3%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-sent:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m21%203-7.5%2018-3.7-7.8L2%209.5%2021%203Z%27%2F%3E%3Cpath%20d%3D%27m9.8%2013.2%206.7-6.7%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-drafts:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M10%204H5a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202h13a2%202%200%200%200%202-2v-5%27%2F%3E%3Cpath%20d%3D%27m18%203%203%203-10.5%2010.5-4%201%201-4L18%203Z%27%2F%3E%3Cpath%20d%3D%27m15.5%205.5%203%203%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-junk:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m8%203-5%205v8l5%205h8l5-5V8l-5-5H8Z%27%2F%3E%3Cpath%20d%3D%27M12%207v6m0%203.5v.5%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-trash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3.5%206.5h17M9%206.5V4h6v2.5M5.5%206.5l1%2013a1.5%201.5%200%200%200%201.5%201.4h8a1.5%201.5%200%200%200%201.5-1.4l1-13M10%2010v7M14%2010v7%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273.5%27%20width%3D%2718%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M4.5%208.5v11a1%201%200%200%200%201%201h13a1%201%200%200%200%201-1v-11M9.5%2012.5h5%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-main:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%202.8%202.9%205.9%206.5%201-4.7%204.5%201.1%206.4-5.8-3-5.8%203%201.1-6.4-4.7-4.5%206.5-1L12%202.8Z%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-attachments:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m8%2012.5%207-7a3.5%203.5%200%200%201%205%205l-9%209a5%205%200%200%201-7-7l9-9%27%2F%3E%3Cpath%20d%3D%27m8%2012.5%205-5a1.5%201.5%200%200%201%202%202l-7%207a1.5%201.5%200%200%201-2-2%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-important:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5.5%2021V3.5M5.5%204c4-3%208%203%2013%200v10c-5%203-9-3-13%200%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-contacts:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2715%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%207h3M3%2012h3M3%2017h3M9%2017.5c0-3.2%207-3.2%207%200%27%2F%3E%3Ccircle%20cx%3D%2712.5%27%20cy%3D%279.5%27%20r%3D%272.3%27%2F%3E%3C%2Fsvg%3E");
    --ms-sidebar-icon-shared:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%208V6a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8Z%27%2F%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2711.5%27%20r%3D%272%27%2F%3E%3Cpath%20d%3D%27M6.5%2017c0-3%207-3%207%200M15%2010a2%202%200%200%201%200%204m1%201.5c1%20.2%201.5.7%201.5%201.5%27%2F%3E%3C%2Fsvg%3E");
  }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-folder); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li:has(> .treetoggle.expanded) > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-folder-open); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.inbox > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-inbox); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.sent > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-sent); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.drafts > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-drafts); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.junk > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-junk); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.trash > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-trash); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.archive > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-archive); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.mailbox > a[rel="Archive"] { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-archive); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li:is(.ns-shared,.ns-other) > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-shared); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.mailserver-virtual-main > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-main); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.mailserver-virtual-attachments > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-attachments); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.mailserver-virtual-important > a { --ms-sidebar-folder-icon:var(--ms-sidebar-icon-important); }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li > a::before {
    content:""!important;
    color:#7b838f;
    background-color:currentColor;
    -webkit-mask-image:var(--ms-sidebar-folder-icon);
    mask-image:var(--ms-sidebar-folder-icon);
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:18px 18px;
    mask-size:18px 18px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li > a:is(:hover,:focus-visible)::before { color:#596372; }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.selected > a::before { color:#9c7b24; }
  #layout-sidebar:not(.sidebar-right) .mailserver-shortcuts > a.contacts::before {
    content:""!important;
    color:#7b838f;
    background-color:currentColor;
    -webkit-mask:var(--ms-sidebar-icon-contacts) center/18px 18px no-repeat;
    mask:var(--ms-sidebar-icon-contacts) center/18px 18px no-repeat;
  }
  #layout-sidebar:not(.sidebar-right) .mailserver-shortcuts > a.contacts:is(:hover,:focus-visible)::before { color:#596372; }
}
@media (forced-colors:active) {
  #layout-sidebar:not(.sidebar-right) #mailboxlist li > a::before,
  #layout-sidebar:not(.sidebar-right) .mailserver-shortcuts > a.contacts::before { color:CanvasText!important; forced-color-adjust:none; }
  #layout-sidebar:not(.sidebar-right) #mailboxlist li.selected > a::before { color:Highlight!important; }
}