/* VEHM V5.14 / Mail-only compact layout and controls. */
.mail-shell-mode .topbar{height:25px!important;min-height:25px!important;padding:0 13px!important}
.mail-shell-mode .breadcrumbs{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Move quick-notifications off the breadcrumb and onto the communications row. */
.mail-shell-mode .topbar .top-communications{display:none!important}
.mail-shell-mode .staff-comm-tabs{height:42px!important;min-height:42px!important;padding:0 13px!important;gap:4px!important}
.mail-shell-mode .staff-comm-tabs button{height:38px!important;padding:7px 9px!important}
.mail-shell-mode .v514-comm-utilities{display:flex;align-items:center;gap:5px;flex:none}
.mail-shell-mode .v514-notify-bar{display:flex;align-items:center;gap:6px;flex:none;margin-left:7px;border-left:1px solid #536675;padding-left:10px}
.mail-shell-mode .staff-comm-tabs .v514-notify-button{position:relative;display:grid!important;place-items:center;flex:none;width:34px!important;height:34px!important;padding:4px!important;border-radius:8px!important;border:1px solid #425469!important;background:#1a2b38!important;color:#e7bb7d!important;font-size:18px!important;cursor:pointer}
.v514-notify-badge{position:absolute;top:-7px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#d43a3e;color:white;font-size:10px;line-height:18px;font-weight:750}
/* Requested: 1 ~= half width, 2 ~= two thirds, remainder goes to pane 3. */
.app-shell.mail-shell-mode .mail-app,
.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app,
.app-shell.mail-shell-mode .mail-app.mail-expanded,
.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app.mail-expanded,
.app-shell.mail-shell-mode .v512-mail-app:fullscreen {grid-template-columns:clamp(135px,10.2%,175px) clamp(195px,18%,295px) minmax(0,1fr)!important;min-height:0!important;height:100%!important}
/* Pane 1: compose stays fixed, folders scroll independently, account/settings stay at bottom. */
.mail-shell-mode .mail-folders{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;padding:10px 8px!important;gap:5px!important}
.mail-shell-mode .v512-newmail-wrap{min-height:40px!important;margin-bottom:4px!important}
.mail-shell-mode .v512-newmail{font-size:12px!important;padding:9px 4px!important}
.mail-shell-mode .v512-newmail-arrow{width:24px!important}
.mail-shell-mode .v514-folder-scroller{flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#63788d transparent;padding-right:2px}
.mail-shell-mode .v514-folder-section{margin:4px 0 12px}
.mail-shell-mode .v514-folder-heading{display:flex!important;align-items:center;gap:4px;cursor:pointer!important;color:#dce6ed!important;font-size:11px!important;font-weight:700!important;border:0!important;background:transparent!important;width:100%;text-align:left;margin:0 0 5px!important;padding:7px 3px!important;border-radius:5px}
.mail-shell-mode .v514-folder-heading:hover{background:#263d4b!important}
.mail-shell-mode .v514-folder-chevron{font-size:16px!important;width:13px;color:#e4c181;font-weight:900}
.mail-shell-mode .v514-folder-items[hidden]{display:none!important}
.mail-shell-mode .mail-folder-group{gap:1px!important}
.mail-shell-mode .mail-folder{padding:6px 4px!important;height:35px!important;gap:5px!important;min-width:0!important}
.mail-shell-mode .mail-folder>span{font-size:14px!important;width:17px!important;flex:none}
.mail-shell-mode .mail-folder b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}
.mail-shell-mode .mail-folder small{margin-left:0!important;font-size:10px!important;padding:2px 4px!important;flex:none}
.mail-shell-mode .v514-no-folders{padding:4px 7px;font-size:10px;color:#9badba}
.mail-shell-mode .v512-folder-bottom{flex:none;margin-top:0!important;padding:8px 2px 0!important;gap:5px!important}
.mail-shell-mode .v512-account{font-size:10px!important;line-height:1.3!important;overflow:hidden;text-overflow:ellipsis}
.mail-shell-mode .v512-account small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-shell-mode .v512-folder-bottom .btn{padding:5px 2px!important;font-size:10px!important}
/* Pane 2: preserve list's own scroll, tighter metadata. */
.mail-shell-mode .mail-list-tools{padding:0 8px!important}
.mail-shell-mode .mail-list-tools h2{font-size:14px!important}
.mail-shell-mode .v512-search-wrap{margin:8px 6px 0!important;padding:0 5px!important}
.mail-shell-mode .v512-list-tabs{margin-top:5px!important}
.mail-shell-mode .mail-list-item{padding:8px 5px!important;gap:4px!important}
.mail-shell-mode .v512-item-checkbox{display:none!important}
.mail-shell-mode .mail-list-item .mail-item-avatar{width:27px;height:27px;font-size:9px;flex:none}
.mail-shell-mode .v512-item-top b{font-size:11px!important}
.mail-shell-mode .v512-item-top time{font-size:9px!important}
.mail-shell-mode .v512-item-content strong{font-size:10px!important}
.mail-shell-mode .v512-item-content small{font-size:9px!important}
/* Pane 3: half-height subject tab; larger email body. */
.mail-shell-mode .v512-reading .mail-reading-top{min-height:25px!important;height:25px!important;padding:0 8px!important}
.mail-shell-mode .v512-read-tabs b{font-size:11px!important;max-width:min(80ch,65vw)!important}
.mail-shell-mode .v512-reading .mail-message{padding:9px 14px!important}
.mail-shell-mode .v512-message>h2{font-size:19px!important;margin:8px 0 10px!important}
.mail-shell-mode .v512-message-participants{padding:7px 0!important}
.mail-shell-mode .v512-message-actions{padding:6px 0!important}
.mail-shell-mode .v512-message-actions button{padding:5px 7px!important;font-size:11px!important}
.mail-shell-mode .v512-body-frame{height:max(630px,calc(100dvh - 265px))!important}
@media(max-width:1080px){.app-shell.mail-shell-mode .mail-app,.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app,.app-shell.mail-shell-mode .mail-app.mail-expanded{grid-template-columns:135px 195px minmax(0,1fr)!important}.mail-shell-mode .v514-comm-utilities{display:none!important}}
@media(max-width:780px){.app-shell.mail-shell-mode .mail-app,.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app{min-width:690px!important}.mail-shell-mode .v514-notify-bar{gap:3px;margin-left:2px;padding-left:3px}.mail-shell-mode .staff-comm-tabs .v514-notify-button{width:29px!important;height:29px!important}.mail-shell-mode .v513-comm-call span{display:none!important}}
/* Explicit flex-basis stops a long message from enlarging the entire Mail grid. */
.mail-shell-mode .staff-comms-shell>.mail-app,
.mail-shell-mode .staff-comms-shell .mail-app,
.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app{flex:0 0 auto!important;height:calc(100% - 42px)!important;min-height:0!important;max-height:calc(100% - 42px)!important;overflow:hidden!important}
/* Higher-specificity release override for the old fixed 43px breadcrumb row. */
.app-shell.mail-shell-mode:has(.comms-mail-active) .topbar{flex:0 0 25px!important;height:25px!important;min-height:25px!important;max-height:25px!important}
/* Standalone fullscreen Mail uses the full viewport, not the in-shell height calculation. */
.app-shell.mail-shell-mode .v512-mail-app:fullscreen{height:100dvh!important;max-height:100dvh!important;flex:none!important}