/* VEHM Mail V5.12 — fixed approved visual baseline, scoped exclusively to Mail */
.mail-shell-mode{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:68px 53px minmax(0,1fr)!important;height:100dvh!important;overflow:hidden!important;background:#09131e}
.mail-shell-mode .v512-brand-banner{grid-row:1;grid-column:1;min-width:0;height:68px;display:flex;align-items:center;position:relative;overflow:hidden;background:#07121d;border-bottom:1px solid #39444f;isolation:isolate;z-index:3}
.v512-brand-lockup{z-index:2;display:flex;align-items:center;gap:11px;text-decoration:none!important;color:#f6f4ed!important;background:#08121b;padding:8px 22px;width:310px;flex:none;height:100%;border-right:1px solid #5b4d34}
.v512-brand-lockup img{width:49px;height:49px;object-fit:contain}.v512-brand-lockup span{display:flex;flex-direction:column;gap:1px}.v512-brand-lockup b{font-size:19px;letter-spacing:1.4px}.v512-brand-lockup strong{font-size:12px;color:#efc57c;letter-spacing:2.1px}
.v512-brand-globe{position:absolute;inset:0 300px 0 315px;background:linear-gradient(90deg,#08121b7a,transparent 18%,transparent 84%,#08121b),url('/assets/vehm-connected-globe-gold.svg') center 28%/cover no-repeat;opacity:.67;pointer-events:none;z-index:0}
.v512-brand-utilities{z-index:2;display:flex;align-items:center;gap:9px;margin-left:auto;padding-right:20px;height:100%;background:linear-gradient(90deg,transparent,#08121b 20%)}
.v512-header-icon{position:relative;width:37px;height:37px;border:1px solid #2a3843;border-radius:9px;display:grid;place-items:center;background:#111e2a;color:#e4c184;cursor:pointer;padding:8px}.v512-header-icon svg{width:20px;height:20px;stroke:#e4c184}.v512-header-icon:hover{border-color:#d3a959;background:#1b3040}
.v512-brand-divide{width:1px;height:34px;background:#50606c;margin:0 7px}.v512-profile-lockup{display:flex;align-items:center;gap:8px;min-width:144px;cursor:pointer}.v512-profile-lockup .profile-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.v512-profile-lockup strong{font-size:13px}.v512-profile-lockup small{font-size:10px;color:#aabac9;overflow:hidden;text-overflow:ellipsis;max-width:172px}.v512-profile-lockup .user-dot{border:2px solid #a88450;background:#1d3343;color:#f1d19c;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}
.mail-shell-mode>.rail{grid-row:2!important;grid-column:1!important;height:53px!important;position:relative!important;top:auto!important;display:flex!important;align-items:center;overflow:hidden;border:0;border-bottom:1px solid #334451;background:#0b1520;width:100%!important;min-width:0!important;z-index:2}
.mail-shell-mode .rail-head,.mail-shell-mode .rail-foot,.mail-shell-mode .rail-nav>.nav-label,.mail-shell-mode .rail-nav>.drawing-subnav{display:none!important}
.mail-shell-mode .rail-nav{height:53px;display:flex!important;align-items:center!important;flex-direction:row!important;white-space:nowrap;gap:5px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;width:100%;padding:0 20px!important;min-width:0}
.mail-shell-mode .rail-nav::-webkit-scrollbar{display:none}.mail-shell-mode .rail-nav .nav-item{height:43px;min-width:max-content;width:auto!important;flex:none!important;margin:0;padding:10px 13px;border-radius:7px!important;font-size:12px;color:#e2e9ef}.mail-shell-mode .rail-nav .nav-item.active{border:1px solid #d9ae69!important;box-shadow:inset 0 0 0 1px #806038,0 0 18px #cca66b19;background:linear-gradient(180deg,#3d3123,#151e28)!important;color:#f3cb7d!important}.mail-shell-mode .rail-nav .nav-icon{color:#e7cb8a}
.mail-shell-mode .main{grid-row:3!important;grid-column:1!important;min-height:0!important;min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.mail-shell-mode .topbar{height:48px!important;min-height:48px!important;flex:none!important;background:#101e2b;border-bottom:1px solid #344755;position:relative!important;padding:0 24px}
.mail-shell-mode .topbar .top-profile{display:none!important}.mail-shell-mode .topbar .top-communications{display:flex!important}.mail-shell-mode .topbar .top-comm-btn{height:33px;width:34px;border-radius:8px}.mail-shell-mode .breadcrumbs{font-size:12px}
.mail-shell-mode .content{display:flex!important;flex:1!important;flex-direction:column!important;min-height:0!important;height:auto!important;width:100%!important;max-width:none!important;overflow:hidden!important;padding:0!important;margin:0!important}
.mail-shell-mode .content>.footer-note{display:none!important}.mail-shell-mode .staff-comms-shell{height:100%!important;min-height:0!important;flex:1!important;overflow:hidden!important;border:0!important;border-radius:0!important;margin:0!important;background:#0b1722}.mail-shell-mode .comms-toolbar{display:none!important}
.mail-shell-mode .staff-comm-tabs{height:44px!important;min-height:44px!important;padding:0 22px!important;display:flex!important;align-items:center!important;background:#0c1925!important;flex:none!important;border-bottom:1px solid #344652!important}.mail-shell-mode .staff-comm-tabs button{height:44px;padding:10px 20px!important;color:#c6d7e4;font-size:13px}.mail-shell-mode .staff-comm-tabs button.active{color:#f0ca84!important;border-color:#d9ad68!important}
.mail-shell-mode .mail-app,.mail-shell-mode .mail-app.mail-expanded{grid-template-columns:minmax(200px,18%) minmax(300px,26%) minmax(405px,1fr)!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;background:#0d1824}
.mail-shell-mode .mail-app.mail-expanded{grid-template-columns:minmax(155px,15%) minmax(210px,20%) minmax(510px,1fr)!important}
.mail-shell-mode .mail-folders{height:100%!important;overflow-y:auto!important;overscroll-behavior:contain!important;min-height:0!important;padding:15px 17px!important;background:#0e1d2b!important;border-right:1px solid #364957!important;gap:7px!important}
.v512-newmail-wrap{display:flex;min-height:44px;background:#d6ab69;border-radius:9px;overflow:hidden;margin-bottom:12px;flex:none}.v512-newmail{background:#d6ab69!important;color:#0c1924!important;border:0!important;width:auto!important;flex:1!important;min-width:0!important;font-size:15px!important;font-weight:800!important;padding:12px!important}.v512-newmail-arrow{background:#c69c5e;border:0;border-left:1px solid #ac824c;color:#0a1520;width:32px;font-size:17px;cursor:pointer}
.v512-folder-title{color:#d8e4ed;font-size:12px;margin:9px 0 5px;padding:0 5px;font-weight:700}.mail-shell-mode .mail-folder-group{display:flex!important;flex-direction:column!important;gap:2px!important}.mail-shell-mode .mail-folder{display:flex!important;align-items:center;gap:11px!important;height:38px;padding:8px 11px!important;border-radius:6px!important;text-align:left;background:transparent!important;flex:none;font-size:13px}.mail-shell-mode .mail-folder b{font-size:13px;font-weight:500!important;color:#e0e9ef}.mail-shell-mode .mail-folder.active{background:#284152!important;border-left:2px solid #d5ac66!important}.mail-shell-mode .mail-folder.active b{color:#f5d89e!important}.mail-shell-mode .mail-folder>span{width:18px!important;font-size:17px;color:#ddbf82}.mail-shell-mode .mail-folder small{margin-left:auto!important;background:#435463;color:#ffdea1;border-radius:20px;padding:3px 8px}.v512-folder-bottom{margin-top:auto!important;padding:12px 0 4px;border-top:1px solid #354858;display:flex;flex-direction:column;gap:10px}.v512-folder-bottom .btn{width:100%;text-align:center}.v512-account{font-size:11px;color:#e1c88f;overflow-wrap:anywhere}.v512-account small{display:block;color:#9aaebb;margin-top:3px}.v512-connection-dot{display:inline-block;background:#45bb7e;border-radius:50%;width:8px;height:8px;margin-right:5px}
.mail-shell-mode .mail-list{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#101d29;border-right:1px solid #3a4f5e!important}.v512-mail-app .mail-list-tools{height:48px;min-height:48px;padding:0 15px}.v512-list-actions{display:flex;gap:6px}.v512-search-wrap{margin:10px 12px 0;padding:0 11px;min-height:37px;border:1px solid #49606a;border-radius:6px;display:flex;align-items:center;gap:5px;background:#0b1823}.v512-search-wrap span{font-size:19px;color:#b3c8d3}.mail-shell-mode .mail-search{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:7px 5px!important;flex:1;margin:0!important;min-width:0!important;font-size:12px}
.v512-list-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #405360;margin-top:9px;height:38px;flex:none}.v512-list-tabs button{width:50%;background:transparent;border:0;border-bottom:2px solid transparent;color:#becbd8;cursor:pointer;font-size:12px;font-weight:600}.v512-list-tabs button.active{border-color:#d4ac6e;color:#f1cd8c}
.mail-shell-mode .mail-list-results{min-height:0!important;flex:1!important;overflow-y:auto!important;overscroll-behavior:contain!important}.v512-mail-app .mail-list-item{min-height:78px;align-items:center;padding:10px 9px;gap:8px!important;border-bottom:1px solid #324654;position:relative}.v512-mail-app .mail-list-item.selected{background:#514632!important;border-left:3px solid #e5b96e}.v512-item-checkbox{font-size:17px;color:#a8bbca}.v512-item-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px;overflow:hidden}.v512-item-top{display:flex;justify-content:space-between;gap:5px;white-space:nowrap;align-items:center;min-width:0}.v512-item-top b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.v512-item-top time{font-size:10px;color:#c3cfd9;flex:none}.v512-item-content strong{font-size:11px!important;color:#d8e4ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v512-item-content small{font-size:10px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b3c3d2}.v512-item-icons{color:#dbb76e;font-size:11px;align-self:flex-start;white-space:nowrap}.v512-mail-app .mail-item-avatar{width:32px;height:32px;font-size:11px;border-radius:50%;background:#41647b;color:#f1f6fc}.v512-tone-1{background:#825993!important}.v512-tone-2{background:#bf974a!important;color:#1e2430!important}.v512-tone-3{background:#498c7b!important}.v512-tone-4{background:#8f6e54!important}.v512-tone-5{background:#6088a5!important}
.mail-shell-mode .mail-reading{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:#122330!important;position:relative!important}.v512-reading .mail-reading-top{min-height:47px;height:47px;flex:none;background:#172b38;padding:0 14px}.v512-read-tabs{display:flex;align-items:center;gap:10px;min-width:0}.v512-read-tabs b{max-width:65ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#e9dbbf}.v512-read-tabs button{border:0;background:none;font-size:22px;color:#c5d2db;cursor:pointer}
.v512-compose-form{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;background:#101f2c}
.v512-compose-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:55px;padding:8px 12px;background:#182c3b;border-bottom:1px solid #445663;flex:none;position:relative;z-index:5}.v512-compose-actions .v512-compose-btn{background:transparent;border:1px solid #425360;border-radius:6px;color:#e6edf1;padding:8px 9px;cursor:pointer;white-space:nowrap;font-size:11px}.v512-compose-actions .v512-compose-btn:hover{background:#334658;border-color:#d6b378}.v512-send{background:#d5a963;color:#0b1723;border:0;border-radius:7px;font-weight:800;padding:9px 17px;cursor:pointer}.v512-send:disabled{opacity:.53;cursor:not-allowed}.v512-dropdown{position:relative;flex:none}.v512-dropdown-pop{position:absolute;z-index:999;top:calc(100% + 3px);left:0;min-width:190px;display:flex;flex-direction:column;background:#1d303e;border:1px solid #b89354;box-shadow:0 13px 30px #000a;border-radius:8px;padding:5px}.v512-dropdown-pop button{background:transparent;border:0;color:#e6eff6;text-align:left;padding:9px 12px;cursor:pointer}.v512-dropdown-pop button:hover{background:#3c4e5a}
.mail-shell-mode .v512-recipient-line{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:40px;height:40px;flex:none;border-bottom:1px solid #3a4d57}.v512-recipient-line strong{font-size:12px;color:#cbd6e2;min-width:52px}.v512-recipient-line input{flex:1!important;min-width:0!important;border:0!important;color:#f0f4f6!important;background:transparent!important;padding:7px 4px!important;font-size:12px;outline:0}.v512-recipient-line input:focus{box-shadow:none}.v512-recipient-links{display:flex;align-items:center;gap:6px;flex:none}.v512-recipient-links button,.v512-hide-recipient{border:0!important;background:transparent!important;color:#edc27b;cursor:pointer;padding:5px;font-size:12px}.v512-recipient-links span{color:#768794}
.v512-format-ribbon{display:flex;align-items:center;gap:5px;min-height:42px;flex:none;border-bottom:1px solid #475c6b;padding:6px 9px;background:#1b303c;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.v512-format-ribbon button{min-width:27px;height:28px;border-radius:4px;border:0;color:#e9eef2;background:transparent;cursor:pointer;font-weight:700;font-size:15px;padding:4px 6px}.v512-format-ribbon button:hover{background:#496072}.v512-format-ribbon select{max-width:110px;min-width:62px;background:#243947;border:1px solid #50616e;border-radius:4px;color:#f1eff0;height:30px;padding:2px 4px;font-size:11px}.v512-toolbar-div{width:1px;height:25px;background:#586a77;margin:0 3px;flex:none}.v512-color-label{display:inline-flex!important;position:relative;align-items:center;justify-content:center;min-width:25px!important;max-width:30px;height:29px;padding:0!important;font-size:15px!important;color:#e8c06c!important;cursor:pointer;border:0!important}.v512-color-label input{position:absolute;width:23px;bottom:0;left:0;opacity:0;cursor:pointer}
.v512-editor{flex:1;min-height:125px!important;margin:0 10px 0;background:#0d1c29;border:1px solid #3d5060;border-top:0;border-radius:0 0 5px 5px;color:#e6ecf1;padding:15px 18px;font:13px/1.6 'Segoe UI',Arial,sans-serif;outline:none;overflow-y:auto;overflow-wrap:anywhere;white-space:normal}.v512-editor:empty:before{content:attr(data-placeholder);color:#a5bac8;font-style:italic}.v512-editor:focus{box-shadow:inset 0 0 0 1px #bc955b}.v512-editor a{color:#f2c479}.v512-editor table td{padding:6px;border:1px solid #536c7c}.v512-attachments{padding:0 14px;color:#ddc18b;font-size:11px;max-height:45px;overflow-y:auto}.v512-compose-bottom{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:40px;flex:none;padding:6px 11px;border-top:1px solid #394d5c;background:#182a37}.v512-compose-bottom button{background:transparent;border:0;color:#cad7e3;cursor:pointer;font-size:11px;padding:4px}.v512-compose-bottom button:hover{color:#edc785}.v512-draft-status{margin-left:auto;color:#aebec8;font-size:10px}
.mail-shell-mode .v512-reading .mail-message{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;flex:1!important;padding:17px 19px!important;overscroll-behavior:contain!important;max-height:none!important}.v512-message>h2{font-size:21px;line-height:1.3}.v512-message-participants{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #334855}.v512-message-participants div{display:flex;flex-direction:column;gap:4px}.v512-message-participants small{color:#aabfcf}.v512-message-actions{display:flex;gap:6px;padding:11px 0;flex-wrap:wrap}.v512-message-actions button{border:1px solid #455d6c;background:#203644;color:#dfeaf0;border-radius:6px;padding:7px 9px;cursor:pointer;font-size:12px}.v512-message-actions button:hover{border-color:#d9b772}.v512-safe-html{background:#f7f9fa;color:#15212a;border-radius:5px;overflow:hidden;min-height:310px}.v512-body-frame{width:100%;height:clamp(360px,60vh,780px);border:0;display:block;background:#fff}.v512-plain-body{padding:18px;white-space:pre-wrap;word-break:break-word;color:#202832}.v512-attachment-list{padding:12px;display:flex;flex-wrap:wrap;gap:8px}.v512-attachment-list button{background:#294354;color:#e8c786;border:1px solid #597187;border-radius:6px;padding:8px}
.mail-shell-mode .v512-mail-app:fullscreen{width:100vw!important;height:100vh!important;max-height:100vh!important;grid-template-columns:minmax(200px,18%) minmax(300px,26%) minmax(405px,1fr)!important;overflow:hidden!important;background:#07131c}
@media(max-width:1100px){.v512-brand-lockup{width:225px;padding:8px 14px}.v512-brand-globe{inset:0 240px 0 225px}.mail-shell-mode .mail-app{grid-template-columns:minmax(160px,19%) minmax(260px,29%) minmax(350px,1fr)!important}.v512-compose-actions{gap:3px}.v512-compose-actions .v512-compose-btn{padding:7px 5px;font-size:10px}.v512-brand-utilities{gap:5px}}
@media(max-width:740px){.v512-brand-globe{display:none}.v512-brand-lockup{width:135px}.v512-brand-lockup span{display:none}.v512-profile-lockup .profile-lines{display:none}.v512-brand-divide{margin:0 2px}.mail-shell-mode .mail-app{min-width:830px!important}.mail-shell-mode .mail-shell-mode .content{overflow-x:auto!important}}

/* V5.12 finishing pass — fixed lower dock; prevent viewport/body overflow. */
html:has(.mail-shell-mode),body:has(.mail-shell-mode){height:100%;overflow:hidden!important}
.mail-shell-mode .v512-bottom-dock{height:56px;flex:none;border-top:1px solid #394d5a;background:#0b1824;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px}
.v512-dock-people,.v512-dock-status{display:flex;align-items:center;gap:11px;min-width:0}.v512-dock-circle{border:1px solid #766344;background:#263344;color:#f0d29e;width:38px;height:38px;border-radius:50%;font-weight:700;font-size:15px;cursor:pointer}.v512-dock-circle:hover{border-color:#e1bd81;transform:translateY(-1px)}.v512-dock-tone-0{background:#465b70}.v512-dock-tone-1{background:#446d60}.v512-dock-tone-2{background:#72536d}.v512-dock-tone-3{background:#5e6b8e}.v512-dock-tone-4{background:#94614e}.v512-dock-tone-5{background:#39697c}.v512-dock-status{margin-left:auto;white-space:nowrap;font-size:12px;color:#c0d3df}.v512-dock-control{background:transparent;border:0;color:#e0e5ea;font-size:23px;cursor:pointer;padding:4px 8px}.v512-dock-control:hover{color:#e5c17c}.mail-shell-mode .v512-mail-app{max-height:100%!important}.mail-shell-mode .staff-comms-shell{min-height:0!important}.mail-shell-mode .mail-list-results{min-height:0!important;overscroll-behavior:contain!important}.mail-shell-mode .mail-reading .v512-editor{min-height:0!important}.mail-shell-mode .v512-brand-utilities .v512-header-icon svg{display:block}
.mail-shell-mode .mail-folder[hidden],.mail-shell-mode .mail-list-item[hidden]{display:none!important}
/* Override legacy mail-shell :has rules from operations.css, which incorrectly
   put global navigation behind the brand and forced 21/21 pane widths. */
.app-shell.mail-shell-mode:has(.comms-mail-active){display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;min-height:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
.app-shell.mail-shell-mode:has(.comms-mail-active)>.v512-brand-banner{flex:0 0 68px!important;width:100%!important;max-height:68px!important;min-height:68px!important}
.app-shell.mail-shell-mode:has(.comms-mail-active)>.rail{flex:0 0 53px!important;grid-row:auto!important;grid-column:auto!important;width:100%!important;max-height:53px!important;height:53px!important;min-height:53px!important;overflow:hidden!important;z-index:4!important}
.app-shell.mail-shell-mode:has(.comms-mail-active)>.main{flex:1 1 auto!important;grid-row:auto!important;grid-column:auto!important;min-height:0!important;max-width:100%!important;width:100%!important;height:auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.app-shell.mail-shell-mode:has(.comms-mail-active) .topbar{flex:0 0 48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
.app-shell.mail-shell-mode:has(.comms-mail-active) .content{flex:1 1 auto!important;height:0!important;min-height:0!important;overflow:hidden!important}
.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app{grid-template-columns:minmax(200px,18%) minmax(300px,26%) minmax(405px,1fr)!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}
.app-shell.mail-shell-mode:has(.comms-mail-active) .mail-app.mail-expanded{grid-template-columns:minmax(170px,14%) minmax(250px,22%) minmax(450px,1fr)!important}
.app-shell.mail-shell-mode:has(.comms-mail-active) .v512-bottom-dock{flex:0 0 56px!important;height:56px!important;max-height:56px!important}

/* Approved banner crop only — no sample mail data baked into app. */
.mail-shell-mode .v512-brand-globe{left:308px;right:calc(100% - 1145px);background-image:url('/assets/mail-globe-approved.webp')!important;background-position:center!important;background-size:100% 100%!important;opacity:.96!important}
.mail-shell-mode .v512-brand-utilities{background:linear-gradient(90deg,#08121b00,#08121bee 12%,#08121b 36%)!important}
.mail-shell-mode .v512-header-icon svg{stroke:#f0e5d7!important}
.app-shell.mail-shell-mode:has(.comms-mail-active) .v512-bottom-dock{flex-basis:80px!important;height:80px!important;max-height:80px!important}
.mail-shell-mode .v512-bottom-dock{height:80px!important;padding:0 27px!important}
.v512-dock-circle{height:46px!important;width:46px!important;font-size:17px!important}
@media(max-width:1120px){.mail-shell-mode .v512-brand-globe{right:225px;left:225px;opacity:.7!important}}

.v511-avatar-bubble img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;display:block}
button.v512-profile-lockup{appearance:none;background:transparent!important;border:0!important;color:inherit!important;text-align:left!important;padding:0!important;cursor:pointer!important}
button.v512-profile-lockup:hover .user-dot{border-color:#e5bc79!important}

.v512-profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.mail-shell-mode .v512-child-folder{padding-left:32px!important}