/* Email now follows the current theme instead of forcing the old dark panel. */
#view-email .mail-shell{
  grid-template-columns:350px minmax(0,1fr);
  gap:14px;
  min-height:0;
  align-items:stretch;
}
#view-email .mail-list-panel,
#view-email .mail-thread-panel{
  background:var(--theme-surface)!important;
  border:1px solid var(--theme-line)!important;
  color:var(--theme-text)!important;
  border-radius:16px;
  overflow:hidden;
}
#view-email .mail-list-top,
#view-email .mail-thread-head,
#view-email .mail-reply-box{
  background:var(--theme-surface)!important;
  border-color:var(--theme-line)!important;
}
#view-email .mail-list-top{
  padding:16px;
}
#view-email .mail-search-wrap{
  background:var(--theme-bg)!important;
  border-color:var(--theme-line)!important;
  color:var(--theme-muted)!important;
}
#view-email .mail-search-wrap input{
  color:var(--theme-text)!important;
}
#view-email .mail-search-wrap input::placeholder{
  color:var(--theme-muted)!important;
}
#view-email .mail-icon-btn{
  background:var(--theme-surface-2)!important;
  color:var(--theme-muted)!important;
  border:1px solid var(--theme-line)!important;
}
#view-email .mail-icon-btn:hover{
  background:var(--theme-hover)!important;
  color:var(--theme-text)!important;
}
#view-email .mail-inbox-list{
  max-height:calc(100vh - 330px);
  min-height:360px;
  padding:0 10px 10px;
}
#view-email .mail-item{
  background:transparent!important;
  color:var(--theme-text)!important;
  border:1px solid transparent!important;
  padding:12px 10px;
}
#view-email .mail-item:hover{
  background:var(--theme-hover)!important;
}
#view-email .mail-item.active{
  background:var(--theme-hover)!important;
  border-color:var(--theme-line)!important;
}
#view-email .mail-avatar,
#view-email .mail-message-avatar{
  background:var(--theme-surface-2)!important;
  color:var(--theme-text)!important;
  border:1px solid var(--theme-line)!important;
}
#view-email .mail-subject{
  color:var(--theme-text)!important;
}
#view-email .mail-preview,
#view-email .mail-time,
#view-email .mail-thread-meta,
#view-email .mail-bubble-head span{
  color:var(--theme-muted)!important;
}

#view-email .mail-thread{
  min-height:560px;
  height:min(690px,calc(100vh - 210px));
  background:var(--theme-surface)!important;
}
#view-email .mail-thread-head{
  padding:18px 20px;
  align-items:flex-start;
}
#view-email .mail-thread-head h3{
  margin:5px 0 6px;
  max-width:760px;
  font-size:21px;
  line-height:1.22;
  color:var(--theme-text)!important;
}
#view-email .mail-thread-kicker{
  color:var(--theme-muted)!important;
  line-height:1.4;
}
#view-email .mail-thread-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}
#view-email .mail-ai-badge{
  background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-surface))!important;
  color:var(--theme-accent)!important;
  border-color:color-mix(in srgb,var(--theme-accent) 30%,var(--theme-line))!important;
}
#view-email .mail-conversation{
  flex:1;
  min-height:0;
  max-height:none!important;
  overflow:auto;
  padding:18px 20px;
  background:var(--theme-bg)!important;
  scroll-behavior:smooth;
}
#view-email .mail-message{
  width:100%;
}
#view-email .mail-message.incoming .mail-bubble{
  width:100%;
  max-width:none;
}
#view-email .mail-bubble{
  max-width:82%;
  background:var(--theme-surface)!important;
  color:var(--theme-text)!important;
  border:1px solid var(--theme-line)!important;
  border-radius:14px;
  padding:15px 16px;
  overflow:visible;
}
#view-email .mail-message.outgoing .mail-bubble{
  background:color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-accent) 24%,var(--theme-line))!important;
}
#view-email .mail-bubble-head{
  padding-bottom:8px;
  margin-bottom:10px;
  border-bottom:1px solid var(--theme-line);
}
#view-email .mail-bubble-head strong{
  color:var(--theme-text)!important;
}
#view-email .mail-bubble p{
  margin:0!important;
  color:var(--theme-text)!important;
  font-size:12.5px!important;
  line-height:1.72!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
#view-email .mail-reply-box{
  padding:14px 18px 16px;
  margin:0;
}
#view-email .mail-reply-box textarea{
  background:var(--theme-bg)!important;
  color:var(--theme-text)!important;
  border-color:var(--theme-line)!important;
  min-height:92px;
}
#view-email .mail-reply-box textarea::placeholder{
  color:var(--theme-muted)!important;
}
#view-email .mail-empty-state{
  background:var(--theme-surface)!important;
  color:var(--theme-muted)!important;
}
#view-email .mail-empty-state strong{
  color:var(--theme-text)!important;
}
#view-email .mail-empty-icon{
  background:var(--theme-surface-2)!important;
  color:var(--theme-text)!important;
  border:1px solid var(--theme-line);
}

html[data-theme-light="true"] #view-email .mail-conversation{
  background:#f7f7f6!important;
}
html[data-theme-light="true"] #view-email .mail-bubble{
  background:#fff!important;
}
html[data-theme-light="true"] #view-email .mail-message.outgoing .mail-bubble{
  background:#f1f5f1!important;
}

@media(max-width:1050px){
  #view-email .mail-shell{grid-template-columns:310px minmax(0,1fr)}
}
@media(max-width:900px){
  #view-email .mail-shell{grid-template-columns:1fr}
  #view-email .mail-inbox-list{min-height:0;max-height:280px}
  #view-email .mail-thread{height:auto;min-height:540px}
}