/* Bui Loc Mail — Modern Workspace 2026-09-30
   Loaded last on purpose: one coherent design system over legacy layers. */
:root{
  --user-font-scale:1;
  --ui-accent:#2f7cff;--ui-accent-2:#2ed6ff;--ui-accent-rgb:47,124,255;
  --ui-radius:18px;--ui-radius-sm:12px;--ui-sidebar:232px;--ui-list:390px;
  --ui-bg:#07101d;--ui-bg-2:#0a1423;--ui-panel:#0d1828;--ui-panel-2:#111e31;
  --ui-text:#eef6ff;--ui-muted:#8fa1b8;--ui-line:rgba(139,174,220,.13);--ui-hover:rgba(255,255,255,.055);
  --ui-shadow:0 24px 70px rgba(0,0,0,.28);--ui-glass:blur(22px) saturate(125%);
  font-size:calc(16px * var(--user-font-scale));
}
html[data-theme="light"]{--ui-bg:#f4f7fb;--ui-bg-2:#edf3f9;--ui-panel:#fff;--ui-panel-2:#f7faff;--ui-text:#132238;--ui-muted:#718096;--ui-line:rgba(30,68,112,.12);--ui-hover:rgba(21,76,135,.055);--ui-shadow:0 24px 70px rgba(36,67,100,.10)}
html[data-theme="sky"]{--ui-bg:#eaf6ff;--ui-bg-2:#dff1ff;--ui-panel:#f8fcff;--ui-panel-2:#edf8ff;--ui-text:#0b2a48;--ui-muted:#65839f;--ui-line:rgba(31,120,190,.15);--ui-hover:rgba(23,126,210,.07);--ui-shadow:0 24px 70px rgba(21,98,155,.12)}
html[data-accent="cyan"]{--ui-accent:#00aeea;--ui-accent-2:#5ce7ff;--ui-accent-rgb:0,174,234}
html[data-accent="indigo"]{--ui-accent:#5c63ff;--ui-accent-2:#9d7cff;--ui-accent-rgb:92,99,255}
html[data-accent="teal"]{--ui-accent:#00a98f;--ui-accent-2:#4ce2c5;--ui-accent-rgb:0,169,143}
html[data-radius="compact"]{--ui-radius:10px;--ui-radius-sm:8px}
html[data-radius="soft"]{--ui-radius:26px;--ui-radius-sm:17px}
html[data-sidebar="compact"]{--ui-sidebar:86px}
html[data-list="narrow"]{--ui-list:330px}html[data-list="wide"]{--ui-list:470px}
html[data-glass="off"]{--ui-glass:none}
html[data-motion="reduced"] *,html[data-motion="reduced"] *:before,html[data-motion="reduced"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

html,body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.005em}
button,input,select,textarea{font:inherit}

/* Login: product first, no infrastructure/domain advertising. */
.modern-auth{min-height:100vh!important;padding:28px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 18% 12%,rgba(var(--ui-accent-rgb),.18),transparent 32%),radial-gradient(circle at 82% 86%,rgba(46,214,255,.10),transparent 30%),#050b14!important;overflow:hidden;position:relative}
.modern-auth:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.modern-auth-shell{position:relative;z-index:2;width:min(480px,100%);display:grid;gap:18px}
.modern-auth-brand{display:flex;align-items:center;justify-content:center;gap:13px;color:#fff}.modern-auth-brand img{width:70px;height:52px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(var(--ui-accent-rgb),.28))}.modern-auth-brand div{display:grid;gap:1px}.modern-auth-brand b{font-size:16px;letter-spacing:.01em}.modern-auth-brand span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#7f93ad}
.modern-auth-card{position:relative!important;width:100%!important;padding:34px!important;border:1px solid rgba(135,179,235,.13)!important;border-radius:28px!important;background:linear-gradient(160deg,rgba(15,26,43,.92),rgba(7,14,26,.95))!important;box-shadow:0 40px 110px rgba(0,0,0,.5)!important;backdrop-filter:blur(28px)!important;color:#fff!important;overflow:hidden}
.modern-auth-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-100px;background:rgba(var(--ui-accent-rgb),.14);filter:blur(4px);pointer-events:none}.modern-auth-card:before{display:none!important}
.modern-kicker{font-size:9px;letter-spacing:.19em;font-weight:900;color:#5fd9ff}.modern-auth-card h1{font-size:32px!important;line-height:1.05!important;letter-spacing:-.045em!important;margin:12px 0 8px!important;color:#fff!important}.modern-auth-card>p{color:#8193aa!important;margin:0 0 24px!important}.modern-auth-card label{color:#cbd7e7!important;font-size:12px!important}.modern-auth-card .input-shell{height:52px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(136,177,226,.13)!important}.modern-auth-card .input-shell:focus-within{border-color:rgba(var(--ui-accent-rgb),.65)!important;box-shadow:0 0 0 4px rgba(var(--ui-accent-rgb),.10)!important}.modern-auth-card input{background:transparent!important;color:#fff!important}.modern-auth-card .auth-submit{height:52px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ui-accent),#2857ff)!important;box-shadow:0 14px 35px rgba(var(--ui-accent-rgb),.24)!important}.modern-auth-note{text-align:center;margin-top:18px;font-size:10px;color:#60728b;letter-spacing:.04em}.modern-auth-footer{display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#5f728c;font-size:10px}.modern-auth-footer div{display:flex;gap:4px}.modern-auth-footer button{border:0;background:transparent;color:#6f829b;font-size:10px;padding:6px;cursor:pointer}.modern-auth-footer button:hover{color:#cfeeff}
.modern-auth .bl-aurora,.modern-auth .bl-grid{display:none!important}.modern-auth .bl-mailbox-preview{background:rgba(var(--ui-accent-rgb),.07)!important;border-color:rgba(var(--ui-accent-rgb),.18)!important}

/* Core mail client */
.workspace.modern-workspace{display:grid!important;grid-template-columns:var(--ui-sidebar) var(--ui-list) minmax(0,1fr)!important;grid-template-rows:68px minmax(0,1fr)!important;min-height:100vh!important;height:100vh!important;background:var(--ui-bg)!important;color:var(--ui-text)!important;overflow:hidden}
.workspace.modern-workspace>header{grid-column:1/-1!important;height:68px!important;padding:0 18px!important;display:flex!important;align-items:center!important;gap:14px!important;background:color-mix(in srgb,var(--ui-panel) 88%,transparent)!important;border-bottom:1px solid var(--ui-line)!important;backdrop-filter:var(--ui-glass)!important;box-shadow:none!important;z-index:20}
.brand{min-width:calc(var(--ui-sidebar) - 22px)!important;gap:9px!important}.brand-logo{width:52px!important;height:42px!important;object-fit:contain!important}.brand>div{display:grid!important;gap:1px!important}.brand b{font-size:14px!important;color:var(--ui-text)!important;letter-spacing:-.01em!important}.brand span{font-size:8px!important;letter-spacing:.18em!important;color:var(--ui-muted)!important}
.searchbox{flex:1!important;max-width:none!important;height:44px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:var(--ui-hover)!important;box-shadow:none!important}.searchbox input{color:var(--ui-text)!important}.searchbox input::placeholder{color:var(--ui-muted)!important}.searchbox:focus-within{border-color:rgba(var(--ui-accent-rgb),.5)!important;box-shadow:0 0 0 4px rgba(var(--ui-accent-rgb),.08)!important}.iconbtn,.top-avatar{flex:0 0 auto}
.workspace.modern-workspace>aside{grid-column:1!important;grid-row:2!important;min-width:0!important;padding:16px 12px!important;display:flex!important;flex-direction:column!important;background:color-mix(in srgb,var(--ui-panel) 92%,transparent)!important;border-right:1px solid var(--ui-line)!important;backdrop-filter:var(--ui-glass)!important;overflow:auto!important}
.compose{min-height:48px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 70%,#514dff))!important;color:#fff!important;box-shadow:0 14px 32px rgba(var(--ui-accent-rgb),.20)!important;font-size:13px!important;font-weight:800!important}.compose:hover{transform:translateY(-1px)!important;filter:brightness(1.05)}.compose-plus{font-size:18px;font-weight:400}
.nav-caption{font-size:8px;letter-spacing:.17em;font-weight:900;color:var(--ui-muted);padding:18px 12px 7px}.navbtn{min-height:40px!important;border-radius:11px!important;color:var(--ui-muted)!important;padding:9px 11px!important;margin:1px 0!important;gap:11px!important}.navbtn i{width:22px!important;text-align:center!important;color:inherit!important}.navbtn:hover{background:var(--ui-hover)!important;color:var(--ui-text)!important}.navbtn.active{background:rgba(var(--ui-accent-rgb),.12)!important;color:color-mix(in srgb,var(--ui-accent) 70%,#fff)!important;box-shadow:none!important}.navbtn.active:before{content:"";width:3px;height:18px;border-radius:4px;background:var(--ui-accent);position:absolute;left:2px}.navbtn{position:relative}.aside-sep{border-color:var(--ui-line)!important}.aside-spacer{flex:1;min-height:20px}.account-mini{margin-top:auto!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;padding:9px!important;background:var(--ui-hover)!important}.account-mini:hover{background:rgba(var(--ui-accent-rgb),.08)!important}.account-mini>div{min-width:0}.account-mini b,.account-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mini span{color:var(--ui-muted)!important}.account-mini>i{margin-left:auto;color:var(--ui-muted);font-style:normal}
html[data-sidebar="compact"] .brand{min-width:60px!important}.workspace.modern-workspace html[data-sidebar="compact"]{}
html[data-sidebar="compact"] .brand>div,html[data-sidebar="compact"] .compose span:not(.compose-plus),html[data-sidebar="compact"] .navbtn span,html[data-sidebar="compact"] .nav-caption,html[data-sidebar="compact"] .account-mini>div,html[data-sidebar="compact"] .account-mini>i{display:none!important}html[data-sidebar="compact"] .compose{width:48px!important;margin:auto!important;padding:0!important}html[data-sidebar="compact"] .navbtn{justify-content:center!important;padding:9px!important}html[data-sidebar="compact"] .account-mini{justify-content:center!important}

.list{grid-column:2!important;grid-row:2!important;min-width:0!important;background:var(--ui-bg-2)!important;border-right:1px solid var(--ui-line)!important;overflow:auto!important}.listhead{position:sticky!important;top:0!important;z-index:8!important;min-height:78px!important;padding:15px 16px 12px!important;background:color-mix(in srgb,var(--ui-bg-2) 88%,transparent)!important;border-bottom:1px solid var(--ui-line)!important;backdrop-filter:var(--ui-glass)!important}.listhead h2{font-size:20px!important;letter-spacing:-.035em!important;margin:0 0 3px!important;color:var(--ui-text)!important}.listhead p{font-size:10px!important;color:var(--ui-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.row{margin:5px 8px!important;padding:12px 10px!important;border:1px solid transparent!important;border-radius:var(--ui-radius-sm)!important;background:transparent!important;color:var(--ui-text)!important}.row:hover{background:var(--ui-hover)!important;border-color:var(--ui-line)!important;box-shadow:none!important}.row.unread{background:rgba(var(--ui-accent-rgb),.07)!important}.row.unread:before{background:var(--ui-accent)!important;box-shadow:0 0 12px rgba(var(--ui-accent-rgb),.35)!important}.rowtop b,.row h4{color:var(--ui-text)!important}.row p,.row time,.who small{color:var(--ui-muted)!important}.rowstar{color:var(--ui-muted)!important}
html[data-density="compact"] .row{padding:8px 9px!important;margin:2px 7px!important}html[data-density="compact"] .row p{display:none!important}html[data-density="compact"] .listhead{min-height:66px!important;padding-top:10px!important}

.workspace.modern-workspace>main{grid-column:3!important;grid-row:2!important;min-width:0!important;overflow:auto!important;background:radial-gradient(circle at 50% 0,rgba(var(--ui-accent-rgb),.06),transparent 34%),var(--ui-bg)!important;color:var(--ui-text)!important}.empty{color:var(--ui-muted)!important}.empty h3{color:var(--ui-text)!important}.empty-icon{border:1px solid var(--ui-line);background:var(--ui-hover);width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin:0 auto 14px;color:var(--ui-accent)}.message{max-width:940px!important;margin:0 auto!important;padding:30px 34px 60px!important}.message h1{font-size:28px!important;letter-spacing:-.04em!important;color:var(--ui-text)!important}.toolbar{background:linear-gradient(180deg,var(--ui-bg),color-mix(in srgb,var(--ui-bg) 75%,transparent),transparent)!important}.toolbar button,.replybar button{border:1px solid var(--ui-line)!important;background:var(--ui-hover)!important;color:var(--ui-text)!important;border-radius:10px!important}.senderline span,.senderline small{color:var(--ui-muted)!important}.textmail,.attachment{background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;color:var(--ui-text)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}.message iframe{background:#fff!important;border-radius:var(--ui-radius)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
html[data-pane="none"] .workspace.modern-workspace{grid-template-columns:var(--ui-sidebar) minmax(0,1fr)!important}html[data-pane="none"] .list{grid-column:2!important}html[data-pane="none"] .workspace.modern-workspace>main{display:none!important}

/* Modal + account center */
.modal-wrap{background:rgba(1,6,13,.66)!important;backdrop-filter:blur(12px)!important}.modal{background:var(--ui-panel)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}.modal h2,.modal h3,.modal b{color:var(--ui-text)!important}.modal p,.muted,.hint,.modal span{color:var(--ui-muted)}.modal input,.modal select,.modal textarea{background:var(--ui-bg-2)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}.modal-x{background:var(--ui-hover)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important}.tabs,.admin-tabs{border-color:var(--ui-line)!important}.tabs button,.admin-tabs button{color:var(--ui-muted)!important}.tabs button.active,.admin-tabs button.active{color:var(--ui-accent)!important;border-color:var(--ui-accent)!important}.profile-main-card,.avatar-card,.system-card,.account-row,.session,.audit,.domain-card,.stats>div{background:var(--ui-panel-2)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}.primary{background:linear-gradient(135deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 72%,#5550ff))!important;color:#fff!important;border:0!important}.secondary{background:var(--ui-hover)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important}

.appearance-studio{display:grid;gap:18px}.appearance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.appearance-head h3{font-size:24px;margin:6px 0 4px!important;letter-spacing:-.035em}.appearance-head p{margin:0!important;color:var(--ui-muted)!important}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearance-group{padding:16px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-panel-2)}.appearance-group>b{display:block;font-size:12px;margin-bottom:11px}.theme-cards{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.theme-card{min-height:46px!important;border-radius:11px!important;border:1px solid var(--ui-line)!important;background:var(--ui-bg)!important;color:var(--ui-text)!important;text-align:left!important;padding:10px!important}.theme-card.active{border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px rgba(var(--ui-accent-rgb),.08)!important}.accent-row{display:flex;gap:10px}.accent-dot{width:36px;height:36px;border-radius:50%;border:4px solid var(--ui-panel-2);box-shadow:0 0 0 1px var(--ui-line);cursor:pointer}.accent-dot[data-accent="blue"]{background:#2f7cff}.accent-dot[data-accent="cyan"]{background:#00aeea}.accent-dot[data-accent="indigo"]{background:#5c63ff}.accent-dot[data-accent="teal"]{background:#00a98f}.accent-dot.active{box-shadow:0 0 0 2px var(--ui-text),0 0 0 5px rgba(var(--ui-accent-rgb),.15)}.segmented{display:flex;gap:4px;padding:4px;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:11px}.segmented button{flex:1;border:0;background:transparent;color:var(--ui-muted);padding:8px 9px;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}.segmented button.active{background:var(--ui-panel);color:var(--ui-text);box-shadow:0 3px 12px rgba(0,0,0,.10)}.toggle-group{display:grid;gap:10px}.toggle-group label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important}.toggle-group label span{display:grid;gap:2px}.toggle-group small{font-size:10px;color:var(--ui-muted)}.toggle-group input{width:38px!important;height:21px!important;accent-color:var(--ui-accent)}

.inbound-diagnostics{display:grid;gap:15px}.diag-cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px}.diag-cards>div{padding:14px;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-line);background:var(--ui-panel-2);display:grid;gap:5px}.diag-cards span{font-size:9px;text-transform:uppercase;letter-spacing:.11em}.diag-cards b{font-size:14px}.diag-mailboxes{display:flex;flex-wrap:wrap;gap:6px}.diag-pill{padding:7px 9px;border:1px solid var(--ui-line);border-radius:999px;font-size:10px}.diag-pill.ok:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#28c98b;margin-right:6px}.diag-events{display:grid;gap:7px;max-height:360px;overflow:auto}.diag-event{display:flex;gap:10px;padding:11px 12px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel-2)}.diag-event>i{width:8px;height:8px;border-radius:50%;background:#8190a4;margin-top:5px}.diag-event.stored>i{background:#28c98b}.diag-event.failed>i,.diag-event.rejected>i{background:#f05b72}.diag-event.accepted>i{background:var(--ui-accent)}.diag-event div{display:grid;gap:2px}.diag-event span,.diag-event small{font-size:10px;color:var(--ui-muted)!important}

/* Compose: floating by default, fullscreen is a preference or explicit button. */
.v5-wrap{position:fixed!important;inset:0!important;z-index:12000!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;padding:18px!important;background:rgba(1,6,13,.36)!important;backdrop-filter:blur(5px)!important}
.v5-wrap>.v5-compose{width:min(900px,calc(100vw - 36px))!important;height:min(790px,calc(100vh - 36px))!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--ui-line)!important;border-radius:22px!important;background:var(--ui-panel)!important;box-shadow:0 30px 100px rgba(0,0,0,.48)!important;color:var(--ui-text)!important}.v7-compose-top{height:52px!important;padding:0 14px!important;background:var(--ui-panel-2)!important;border-bottom:1px solid var(--ui-line)!important;position:relative!important}.v7-compose-top b{color:var(--ui-text)!important}.v7-compose-top span{color:var(--ui-muted)!important}.v7-back{width:34px!important;height:34px!important;background:var(--ui-hover)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important}.v7-compose-page #v5-host{max-width:none!important;height:calc(100% - 52px)!important;overflow:auto!important;padding:18px 20px 22px!important}.v5-compose-head{max-width:none!important;margin:0 0 12px!important}.v5-compose-head h2{font-size:20px!important;color:var(--ui-text)!important}.v5-compose-head p{display:none!important}.v5-kicker{color:var(--ui-accent)!important}.v5-address-grid{grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--ui-line);border-radius:14px;overflow:visible;background:var(--ui-bg-2)}.v5-address-grid label{grid-template-columns:52px 1fr!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important;min-height:44px}.v5-address-grid label:last-child{border-bottom:0!important}.v5-address-grid label:nth-child(3),.v5-address-grid label:nth-child(4){display:none!important}.v5-address-grid.show-advanced label:nth-child(3),.v5-address-grid.show-advanced label:nth-child(4){display:grid!important}.v5-address-grid input,.v5-address-grid select{color:var(--ui-text)!important}.subject-input{margin-top:8px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;font-size:17px!important;padding:13px 4px!important;color:var(--ui-text)!important}.v5-studio-bar{margin-top:8px!important}.v5-actions{opacity:.86}.v5-tabs button,.v5-action,.v5-filebtn,.v5-toolbar button,.v5-editor-tools button,.v5-editor-tools select,.v5-icon-btn,.v5-text-btn{background:var(--ui-hover)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}.v5-tabs button.active{background:rgba(var(--ui-accent-rgb),.15)!important;color:var(--ui-accent)!important;border-color:rgba(var(--ui-accent-rgb),.28)!important}.v5-editor-stage{min-height:280px!important;background:#fff!important;border-color:var(--ui-line)!important;border-radius:14px!important}.v5-visual,.v5-source,.v5-preview{height:280px!important;min-height:280px!important}.v5-bottom-grid{grid-template-columns:1fr 220px!important}.v5-drop{background:var(--ui-hover)!important;border-color:var(--ui-line)!important}.v5-foot{position:sticky;bottom:-22px;margin:12px -20px -22px!important;padding:12px 20px!important;background:color-mix(in srgb,var(--ui-panel) 92%,transparent)!important;border-top:1px solid var(--ui-line)!important;backdrop-filter:var(--ui-glass)!important;z-index:4}.v5-send-main{min-width:104px!important}.v7-inline-box{padding:6px 0!important}.v7-inline-box small{color:var(--ui-muted)!important}
html[data-compose="fullscreen"] .v5-wrap{padding:0!important;background:var(--ui-bg)!important}html[data-compose="fullscreen"] .v5-wrap>.v5-compose,.v5-compose.v5-fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0!important;border:0!important}.v5-compose.v5-fullscreen .v5-editor-stage,.v5-compose.v5-fullscreen .v5-visual,.v5-compose.v5-fullscreen .v5-source,.v5-compose.v5-fullscreen .v5-preview{min-height:calc(100vh - 500px)!important;height:calc(100vh - 500px)!important}

/* Autocomplete / pickers */
.v7-people-menu,.v7-contact-card,.v5-picker{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}.v7-people-menu button,.v5-template-card{color:var(--ui-text)!important;background:transparent!important;border-color:var(--ui-line)!important}.v7-people-menu button:hover,.v5-template-card:hover{background:var(--ui-hover)!important}.v7-person-av{background:rgba(var(--ui-accent-rgb),.14)!important;color:var(--ui-accent)!important}

@media(max-width:1050px){:root{--ui-sidebar:82px;--ui-list:360px}.brand{min-width:60px!important}.brand>div,.compose span:not(.compose-plus),.navbtn span,.nav-caption,.account-mini>div,.account-mini>i{display:none!important}.compose{width:48px!important;margin:auto!important;padding:0!important}.navbtn{justify-content:center!important}.account-mini{justify-content:center!important}.appearance-grid{grid-template-columns:1fr}}
@media(max-width:760px){.workspace.modern-workspace{grid-template-columns:1fr!important;grid-template-rows:62px minmax(0,1fr) 62px!important}.workspace.modern-workspace>header{grid-column:1!important;grid-row:1!important;height:62px!important;padding:0 10px!important}.brand{min-width:auto!important}.brand-logo{width:42px!important}.searchbox{height:40px!important}.workspace.modern-workspace>aside{grid-column:1!important;grid-row:3!important;position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;padding:7px 8px!important;border-right:0!important;border-top:1px solid var(--ui-line)!important;overflow-x:auto!important}.workspace.modern-workspace>aside .compose{order:10;min-width:46px!important;height:46px!important}.workspace.modern-workspace>aside nav{display:contents}.workspace.modern-workspace>aside .navbtn{min-width:48px!important;height:46px!important;padding:0!important;justify-content:center!important}.workspace.modern-workspace>aside .navbtn span,.workspace.modern-workspace>aside .nav-caption,.workspace.modern-workspace>aside .aside-sep,.workspace.modern-workspace>aside .aside-spacer,.workspace.modern-workspace>aside .account-mini{display:none!important}.list{grid-column:1!important;grid-row:2!important;border-right:0!important}.workspace.modern-workspace>main{grid-column:1!important;grid-row:2!important;display:none!important}.workspace.modern-workspace.reading .list{display:none!important}.workspace.modern-workspace.reading>main{display:block!important}.v5-wrap{padding:0!important}.v5-wrap>.v5-compose{width:100vw!important;height:100vh!important;border-radius:0!important;border:0!important}.v7-compose-page #v5-host{padding:14px 12px 18px!important}.v5-bottom-grid{grid-template-columns:1fr!important}.modern-auth{padding:18px!important}.modern-auth-card{padding:28px 22px!important}.modern-auth-footer{flex-direction:column;gap:4px}.diag-cards{grid-template-columns:1fr}.appearance-head{flex-direction:column}.message{padding:20px 16px 50px!important}}

/* =========================================================
   Bui Loc Mail V1 — Dedicated Compose Workspace
   The composer is a real full-screen workspace, not a modal.
   It still inherits every per-account appearance preference.
   ========================================================= */
body.v5-compose-open{overflow:hidden!important}
body.v5-compose-open #app{pointer-events:none!important}
.v5-wrap.v7-compose-surface{
  position:fixed!important;inset:0!important;z-index:12000!important;
  display:block!important;padding:0!important;background:var(--ui-bg)!important;
  backdrop-filter:none!important;overflow:hidden!important;
}
.v5-wrap.v7-compose-surface>.v5-compose{
  width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:var(--ui-bg)!important;box-shadow:none!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;color:var(--ui-text)!important;
}
.v5-wrap .v7-compose-top{
  flex:0 0 64px!important;height:64px!important;padding:0 24px!important;
  display:flex!important;align-items:center!important;gap:14px!important;
  background:color-mix(in srgb,var(--ui-panel) 94%,transparent)!important;
  border-bottom:1px solid var(--ui-line)!important;backdrop-filter:var(--ui-glass)!important;
  position:relative!important;top:auto!important;z-index:20!important;
}
.v5-wrap .v7-back{
  flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;background:var(--ui-hover)!important;
  color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;font-size:20px!important;
  cursor:pointer!important;transition:.16s ease!important;
}
.v5-wrap .v7-back:hover{transform:translateX(-2px)!important;background:rgba(var(--ui-accent-rgb),.12)!important;border-color:rgba(var(--ui-accent-rgb),.25)!important}
.v7-compose-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.v7-compose-brand img{width:34px!important;height:34px!important;object-fit:contain!important;filter:drop-shadow(0 5px 14px rgba(var(--ui-accent-rgb),.22))!important}
.v7-compose-brand>div{display:grid!important;gap:0!important;line-height:1.05!important}
.v7-compose-brand b{font-size:14px!important;letter-spacing:-.015em!important;color:var(--ui-text)!important}
.v7-compose-brand span{font-size:10px!important;color:var(--ui-muted)!important;margin-top:3px!important}
.v7-compose-status{margin-left:auto!important;padding:7px 10px!important;border:1px solid var(--ui-line)!important;border-radius:999px!important;color:var(--ui-muted)!important;font-size:10px!important;font-weight:750!important;background:var(--ui-panel-2)!important}
.v7-compose-page #v5-host{
  flex:1 1 auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
  overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;
  padding:26px clamp(18px,4vw,64px) 0!important;background:var(--ui-bg)!important;
}
.v7-compose-page #v5-host>.v5-compose-head,.v7-compose-page #v5-host>#v5-form{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
.v5-compose-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:18px!important}
.v5-compose-head h2{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.05!important;letter-spacing:-.045em!important;margin:5px 0 0!important;color:var(--ui-text)!important}
.v5-compose-head p{display:block!important;margin:7px 0 0!important;color:var(--ui-muted)!important;font-size:11px!important}
.v5-kicker{font-size:9px!important;letter-spacing:.16em!important;color:var(--ui-accent)!important}
.v5-head-actions{align-self:flex-start!important}.v5-save-state{background:var(--ui-panel-2)!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important}
.v5-full-hidden{display:none!important}
.v5-address-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;
  border:1px solid var(--ui-line)!important;border-radius:16px!important;overflow:visible!important;
  background:var(--ui-panel)!important;box-shadow:0 12px 36px rgba(0,0,0,.06)!important;
}
.v5-address-grid label{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;min-height:48px!important;margin:0!important;padding:0 14px!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important}
.v5-address-grid label:last-child{border-bottom:0!important}.v5-address-grid label:nth-child(3),.v5-address-grid label:nth-child(4){display:none!important}.v5-address-grid.show-advanced label:nth-child(3),.v5-address-grid.show-advanced label:nth-child(4){display:grid!important}
.v5-address-grid label span{font-size:10px!important;color:var(--ui-muted)!important;font-weight:850!important}.v5-address-grid input,.v5-address-grid select{height:46px!important;border:0!important;background:transparent!important;color:var(--ui-text)!important;box-shadow:none!important;font-size:13px!important;padding:0!important}
.v5-advanced-row{min-height:38px!important}.v5-text-btn{background:transparent!important;border:0!important;padding:7px 0!important;color:var(--ui-accent)!important}.v5-advanced-options{margin:0 0 10px!important}.v5-advanced-options label{background:var(--ui-panel)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
.subject-input{width:100%!important;margin:0 0 4px!important;padding:15px 4px!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important;color:var(--ui-text)!important;font-size:18px!important;box-shadow:none!important}
.v5-studio-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:12px 0 0!important;padding:0!important}
.v5-tabs,.v5-actions{gap:6px!important}.v5-tabs button,.v5-action,.v5-filebtn,.v5-toolbar button,.v5-editor-tools button,.v5-editor-tools select,.v5-icon-btn,.v5-text-btn{background:var(--ui-panel-2)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
.v5-tabs button{padding:8px 11px!important;border-radius:10px!important;font-size:11px!important}.v5-tabs button.active{background:rgba(var(--ui-accent-rgb),.14)!important;color:var(--ui-accent)!important;border-color:rgba(var(--ui-accent-rgb),.28)!important}
.v7-inline-box,.v7-inline-assets{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 0 0!important}.v7-inline-box small,.v7-inline-assets small{color:var(--ui-muted)!important;font-size:9px!important}.v7-inline-box label,.v7-inline-assets label{margin:0!important}
.v5-editor-tools{padding:9px 0!important;gap:5px!important;max-height:none!important;overflow:visible!important}.v5-editor-tools button,.v5-editor-tools select{min-height:30px!important}
.v5-editor-stage{min-height:clamp(360px,48vh,620px)!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 16px 44px rgba(0,0,0,.07)!important}
.v5-visual,.v5-source,.v5-preview{height:clamp(360px,48vh,620px)!important;min-height:clamp(360px,48vh,620px)!important;background:#fff!important;color:#172033!important}
.v5-compose-meta{margin-top:7px!important;color:var(--ui-muted)!important}.v5-bottom-grid{grid-template-columns:minmax(0,1fr) 250px!important;gap:10px!important;margin-top:10px!important}.v5-drop,.v5-bottom-grid>label{background:var(--ui-panel)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}.v5-bottom-grid select{color:var(--ui-text)!important}
.v5-foot{position:sticky!important;bottom:0!important;margin:14px calc(clamp(18px,4vw,64px) * -1) 0!important;padding:12px clamp(18px,4vw,64px)!important;background:color-mix(in srgb,var(--ui-bg) 92%,transparent)!important;border-top:1px solid var(--ui-line)!important;backdrop-filter:var(--ui-glass)!important;z-index:15!important}.v5-send-main{min-width:118px!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(var(--ui-accent-rgb),.20)!important}
.v5-compose.v5-fullscreen{position:static!important;inset:auto!important;width:100%!important;height:100dvh!important;border-radius:0!important}
html[data-compose="fullscreen"] .v5-wrap,html[data-compose="floating"] .v5-wrap{padding:0!important;background:var(--ui-bg)!important}
html[data-compose="fullscreen"] .v5-wrap>.v5-compose,html[data-compose="floating"] .v5-wrap>.v5-compose{width:100%!important;height:100dvh!important;border:0!important;border-radius:0!important}
@media(max-width:900px){.v7-compose-page #v5-host{padding-left:18px!important;padding-right:18px!important}.v5-studio-bar{align-items:flex-start!important;flex-direction:column!important}.v5-bottom-grid{grid-template-columns:1fr!important}.v5-foot{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}.v7-compose-status{display:none!important}}
@media(max-width:600px){.v5-wrap .v7-compose-top{height:58px!important;padding:0 12px!important}.v7-compose-brand img{width:30px!important;height:30px!important}.v7-compose-page #v5-host{padding:18px 12px 0!important}.v5-compose-head{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.v5-address-grid label{grid-template-columns:52px minmax(0,1fr)!important;padding:0 10px!important}.v5-tabs,.v5-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.v5-actions>*{justify-content:center!important}.v5-editor-tools{max-height:104px!important;overflow:auto!important}.v5-editor-stage,.v5-visual,.v5-source,.v5-preview{height:42vh!important;min-height:300px!important}.v5-foot{margin-left:-12px!important;margin-right:-12px!important;padding:10px 12px!important;gap:7px!important}.v5-shortcut{display:none!important}}