.tabs.inboxTabs .tabBtn.workEmailTab{display:none !important}
html[data-mode="work"] .tabs.inboxTabs .tabBtn.workEmailTab,
body[data-mode="work"] .tabs.inboxTabs .tabBtn.workEmailTab{display:inline-flex !important}
.workEmailPanel{display:none}
.workEmailPanel.is-active{display:block}
.we-wrap{display:grid;gap:12px}
.we-card{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(8,6,12,.82);padding:14px}
.we-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.we-title{font-size:16px;font-weight:900}
.we-sub{font-size:11px;color:rgba(255,255,255,.58);line-height:1.45;margin-top:3px}
.we-btn{min-height:40px;border-radius:11px;border:1px solid rgba(163,59,240,.42);background:#0b0810;color:#fff;padding:0 12px;font-weight:850;font-size:11px}
.we-btn.primary{background:linear-gradient(135deg,#8e2fdf,#b837ed)}
.we-btn.danger{border-color:rgba(255,90,116,.45);color:#ffb0bd}
.we-btn:disabled{opacity:.5}
.we-actions{display:flex;gap:7px;flex-wrap:wrap}
.we-notice{font-size:11px;line-height:1.5;color:#c9becf;background:rgba(230,189,95,.07);border-left:3px solid #e6bd5f;padding:10px 11px;border-radius:8px}
.we-error{color:#ffabb9;border-left-color:#ff6e86}
.we-good{color:#91efb0;border-left-color:#68d994}
.we-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin-top:10px;max-height:240px;overflow:auto}
.we-label{display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;background:#08060b;font-size:11px}
.we-label input{width:17px;height:17px;accent-color:#a33bf0}
.we-input,.we-textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#070509;color:#fff;padding:10px;font:inherit}
.we-textarea{min-height:82px;resize:vertical;line-height:1.45}
.we-field{display:grid;gap:5px;margin-top:10px}
.we-field label{font-size:10px;font-weight:850;color:#cfc5d4}
.we-thread-list{display:grid;gap:8px}
.we-thread{width:100%;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(8,6,12,.9);color:#fff;padding:12px}
.we-thread.unread{border-color:rgba(163,59,240,.48);box-shadow:inset 3px 0 0 #a33bf0}
.we-thread-head{display:flex;justify-content:space-between;gap:10px}
.we-thread-name{font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.we-thread-time{font-size:9px;color:rgba(255,255,255,.45);white-space:nowrap}
.we-thread-subject{font-size:11px;font-weight:800;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.we-thread-snippet{font-size:10px;color:rgba(255,255,255,.55);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.we-thread-meta{font-size:9px;color:#c4a7d9;margin-top:6px}
.we-empty{padding:20px;text-align:center;color:rgba(255,255,255,.55);border:1px dashed rgba(255,255,255,.12);border-radius:14px}
.we-thread-view{display:none}
.we-thread-view.show{display:block}
.we-list-view.hidden{display:none}
.we-thread-header{position:sticky;top:0;z-index:3;background:rgba(8,5,11,.97);padding:8px 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.we-back{border:0;background:transparent;color:#fff;font-weight:850;padding:7px 0}
.we-subject{font-size:15px;font-weight:900;margin-top:3px}
.we-recipient{font-size:10px;color:rgba(255,255,255,.55);margin-top:4px}
.we-messages{display:grid;gap:10px;padding:12px 0}
.we-message{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:11px;background:#08060b}
.we-message.outbound{margin-left:8%;border-color:rgba(103,198,255,.28);background:rgba(20,35,49,.62)}
.we-message.inbound{margin-right:8%}
.we-message-head{display:flex;justify-content:space-between;gap:10px;align-items:start}
.we-message-from{font-size:10px;font-weight:900;word-break:break-word}
.we-message-date{font-size:9px;color:rgba(255,255,255,.45);white-space:nowrap}
.we-message-routing{font-size:9px;color:rgba(255,255,255,.48);margin-top:4px;line-height:1.4;word-break:break-word}
.we-message-body{font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-top:10px;color:#eee7f1}
.we-message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.we-mini{min-height:31px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#0a0710;color:#d8cddd;padding:0 8px;font-size:9px;font-weight:800}
.we-mini.danger{color:#ff9eb0;border-color:rgba(255,91,117,.3)}
.we-attachment{display:inline-flex;align-items:center;gap:5px;margin:7px 6px 0 0;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#e5d5ee;text-decoration:none;font-size:9px}
.we-compose{position:sticky;bottom:0;z-index:4;background:rgba(8,5,11,.98);border-top:1px solid rgba(255,255,255,.08);padding:10px 0 calc(8px + env(safe-area-inset-bottom))}
.we-compose-row{display:flex;gap:8px;align-items:end}
.we-compose-row .we-textarea{min-height:46px;max-height:130px}
.we-send{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,#8f2fe1,#bd38ef);color:#fff;font-size:20px;font-weight:900;flex:0 0 auto}
.we-cc-toggle{border:0;background:transparent;color:#d9b5ee;font-size:10px;font-weight:850;padding:5px 0}
.we-cc{display:none;margin-bottom:8px}
.we-cc.show{display:grid}
.we-source-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.we-provider-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid rgba(163,59,240,.35);background:#180b20;font-size:9px;font-weight:900;color:#eedbff}
@media(max-width:620px){
  .we-message.outbound{margin-left:3%}.we-message.inbound{margin-right:3%}
  .we-labels{grid-template-columns:1fr 1fr}
}


/* VR_WORK_EMAIL_R3_HORIZONTAL_LOCK_20261008
   Work mode owns four primary Message Center tabs. Keep the page itself
   single-axis while all long provider content wraps inside its card. */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;
}

body .app,
body .topbar,
body .topStack,
body .panel,
body .workEmailPanel,
body .we-wrap,
body .we-card,
body .we-list-view,
body .we-thread-view,
body .we-thread-header,
body .we-thread-list,
body .we-thread,
body .we-messages,
body .we-message,
body .we-compose,
body .we-compose-row{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

body[data-vr-message-center-aligned="v1"][data-mode="work"] .tabs.inboxTabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  width:100% !important;
  max-width:100% !important;
  gap:4px !important;
  padding:8px 6px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body[data-vr-message-center-aligned="v1"][data-mode="work"] .tabs.inboxTabs .tabBtn{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 5px !important;
  gap:4px !important;
  justify-content:center !important;
  font-size:11px !important;
  overflow:hidden !important;
}

body[data-vr-message-center-aligned="v1"][data-mode="work"] .tabs.inboxTabs .tabBadge{
  flex:0 0 auto !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 4px !important;
  font-size:9px !important;
}

.we-subject,
.we-recipient,
.we-source-line,
.we-sub,
.we-notice,
.we-thread-name,
.we-thread-subject,
.we-thread-snippet,
.we-thread-meta,
.we-message-from,
.we-message-routing,
.we-message-body,
.we-attachment{
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.we-message-head{
  min-width:0 !important;
  max-width:100% !important;
}

.we-message-head > *{
  min-width:0 !important;
}

.we-message-body{
  overflow-x:hidden !important;
}

.we-attachment{
  white-space:normal !important;
}

.we-input,
.we-textarea{
  min-width:0 !important;
  max-width:100% !important;
}

@media(max-width:420px){
  body[data-vr-message-center-aligned="v1"][data-mode="work"] .tabs.inboxTabs .tabBtn{
    font-size:10px !important;
    padding:0 3px !important;
  }
}


/* VR_WORK_EMAIL_R4_CONVERSATION_LIST */
.we-thread-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}
.we-thread-person .we-thread-name{
  min-width:0;
  flex:1 1 auto;
}
.we-new{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#b23cf0;
  color:#fff;
  font-size:8px;
  font-weight:950;
  letter-spacing:.05em;
}
.we-thread.unread .we-thread-name,
.we-thread.unread .we-thread-subject{
  color:#fff;
  font-weight:950;
}

/* VR_MESSAGE_CENTER_THREE_MODE_FINAL_20261008 */
body[data-vr-message-center-aligned="v1"] #modeTabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:100% !important;
  max-width:100% !important;
}
body[data-vr-message-center-aligned="v1"] #modeTabs .moonItem{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}


/* VR_WORK_EMAIL_R7_CONTEXTUAL_REPLY */
.we-compose[hidden]{display:none !important}
.we-compose{
  position:relative !important;
  bottom:auto !important;
  width:100% !important;
  max-width:100% !important;
  margin:10px 0 2px !important;
  padding:14px !important;
  border:1px solid rgba(174,69,240,.36) !important;
  border-radius:16px !important;
  background:#08060b !important;
  box-sizing:border-box !important;
}
.we-compose-context{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.we-compose-label{
  font-size:9px;
  color:rgba(255,255,255,.52);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.we-compose-target{
  margin-top:3px;
  font-size:12px;
  color:#fff;
  font-weight:900;
  overflow-wrap:anywhere;
}
.we-compose-subject{
  display:grid;
  gap:3px;
  padding:9px 10px;
  margin-bottom:9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.we-compose-subject span{
  font-size:9px;
  color:rgba(255,255,255,.48);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.we-compose-subject strong{
  font-size:11px;
  color:#f2eaf6;
  overflow-wrap:anywhere;
}
.we-compose-state{
  margin:0 0 8px;
  padding:8px 10px;
  border-radius:9px;
  font-size:9px;
  line-height:1.4;
}
.we-compose-state.ready{
  color:#9cebb7;
  background:rgba(76,190,115,.07);
  border-left:3px solid #64d28d;
}
.we-compose-state.locked{
  color:#ffb3c0;
  background:rgba(255,96,125,.06);
  border-left:3px solid #ff667f;
}
.we-compose-row{
  display:block !important;
  width:100% !important;
}
.we-compose-row .we-textarea{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:120px !important;
  max-height:none !important;
  height:auto;
  overflow-y:hidden !important;
  resize:none !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  line-height:1.48 !important;
}
.we-compose-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}
.we-send{
  width:auto !important;
  height:42px !important;
  min-width:86px !important;
  padding:0 16px !important;
  border-radius:12px !important;
  font-size:11px !important;
}
.we-send:disabled{
  opacity:.55;
}
.we-mini.primary{
  color:#e8c9ff;
  border-color:rgba(178,60,240,.48);
  background:rgba(178,60,240,.08);
}
.we-sent-label{
  display:inline-flex;
  min-height:31px;
  align-items:center;
  padding:0 9px;
  border-radius:9px;
  color:#91efb0;
  border:1px solid rgba(94,211,135,.28);
  font-size:9px;
  font-weight:900;
}
