/* 03 发送邮件 · unified delivery workspace */
#emailModuleView,
#apostilleModuleView{
  --mail-navy:#0a223d;
  --mail-navy-2:#16476d;
  --mail-blue:#edf3f8;
  --mail-gold:#c99a45;
  --mail-line:#dfe7ef;
  --mail-muted:#718196;
  gap:18px;
}

#emailModuleView .mail-send-hero,
#apostilleModuleView .mail-send-hero{
  position:relative;
  min-height:168px;
  padding:30px 34px;
  align-items:flex-end;
  overflow:hidden;
  background:
    radial-gradient(circle at 87% 5%,rgba(217,183,107,.19),transparent 28%),
    radial-gradient(circle at 66% 120%,rgba(79,141,185,.22),transparent 40%),
    linear-gradient(125deg,#091f38 0%,#103b5f 65%,#155077 100%);
}
#emailModuleView .mail-send-hero::after,
#apostilleModuleView .mail-send-hero::after{
  content:"";
  position:absolute;
  right:-82px;
  bottom:-150px;
  width:330px;
  height:330px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 58px rgba(255,255,255,.024),0 0 0 116px rgba(255,255,255,.016);
  pointer-events:none;
}
#emailModuleView .mail-send-hero>div,
#apostilleModuleView .mail-send-hero>div{
  position:relative;
  z-index:1;
}
#emailModuleView .mail-send-hero h2,
#apostilleModuleView .mail-send-hero h2{
  margin:10px 0 0;
  font-size:34px;
  letter-spacing:-.4px;
}
#emailModuleView .mail-send-pickers,
#apostilleModuleView .mail-send-pickers{
  width:min(340px,100%);
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:end;
}
#emailModuleView .mail-send-pickers .module-mail-picker,
#emailModuleView .mail-send-pickers .module-client-picker,
#apostilleModuleView .mail-send-pickers .module-mail-picker,
#apostilleModuleView .mail-send-pickers .module-client-picker{
  width:100%;
  display:grid;
  gap:7px;
  color:#d4e2ee;
  font-size:11.5px;
  letter-spacing:.25px;
}
#emailModuleView .mail-send-pickers select,
#apostilleModuleView .mail-send-pickers select{
  width:100%;
  min-height:42px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.27);
  border-radius:10px;
  background:#fff;
  color:#173b5a;
  font-size:12.5px;
  font-weight:700;
  outline:0;
  box-shadow:0 8px 20px rgba(3,15,29,.15);
}

#emailModuleView .mail-send-workspace,
#apostilleModuleView .mail-send-workspace{
  display:grid;
  grid-template-columns:minmax(290px,340px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
#emailModuleView .mail-context-panel,
#emailModuleView .mail-composer,
#apostilleModuleView .mail-context-panel,
#apostilleModuleView .mail-composer{
  min-width:0;
  padding:24px 25px;
  border:1px solid var(--mail-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,35,57,.055);
}
#emailModuleView .mail-context-panel,
#apostilleModuleView .mail-context-panel{
  display:grid;
  gap:15px;
}
#emailModuleView .mail-composer,
#apostilleModuleView .mail-composer{
  display:grid;
  gap:18px;
}
#emailModuleView .mail-section-head,
#apostilleModuleView .mail-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
}
#emailModuleView .mail-section-head>div,
#apostilleModuleView .mail-section-head>div{min-width:0}
#emailModuleView .mail-section-head h3,
#apostilleModuleView .mail-section-head h3{
  margin:6px 0 0;
  color:#142b44;
  font-size:19px;
  font-weight:750;
  letter-spacing:-.15px;
}
#emailModuleView .mail-section-head .eyebrow,
#apostilleModuleView .mail-section-head .eyebrow{
  color:#a57b31;
  font-size:9.5px;
  letter-spacing:2px;
}
#emailModuleView .mail-section-head>.badge,
#apostilleModuleView .mail-section-head>.badge,
#emailModuleView .mail-composer-mark,
#apostilleModuleView .mail-composer-mark{
  flex:0 0 auto;
}
#emailModuleView .mail-composer-mark,
#apostilleModuleView .mail-composer-mark{
  padding:4px 9px;
  border:1px solid #e3d3b1;
  border-radius:999px;
  background:#fbf6eb;
  color:#9a752f;
  font-size:9px;
  font-weight:850;
  letter-spacing:1.15px;
}

#emailModuleView .mail-client-profile,
#apostilleModuleView .mail-client-profile{
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #e0e8ef;
  border-radius:13px;
  background:#f8fafc;
  box-shadow:none;
}
#emailModuleView .mail-client-main,
#apostilleModuleView .mail-client-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:14px;
  background:linear-gradient(135deg,#fff,#f5f9fc);
}
#emailModuleView .mail-client-avatar,
#apostilleModuleView .mail-client-avatar{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #dfe7ef;
  border-radius:11px;
  background:linear-gradient(145deg,#eaf1f7,#dce8f2);
  color:#1c4c73;
  font-size:12px;
  font-weight:900;
  letter-spacing:.3px;
}
#emailModuleView .mail-client-copy,
#apostilleModuleView .mail-client-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
#emailModuleView .mail-client-copy b,
#apostilleModuleView .mail-client-copy b{
  overflow:hidden;
  color:#18354f;
  font-size:13.5px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#emailModuleView .mail-client-copy span,
#apostilleModuleView .mail-client-copy span{
  overflow:hidden;
  color:#778799;
  font-size:10.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#emailModuleView .mail-client-tags,
#apostilleModuleView .mail-client-tags{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:wrap;
}
#emailModuleView .mail-client-tags .holding-mode-tag,
#apostilleModuleView .mail-client-tags .holding-mode-tag{
  margin:0;
  padding:3px 7px;
  border-radius:999px;
  font-size:9px;
}
#emailModuleView .mail-client-meta,
#apostilleModuleView .mail-client-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #e8edf2;
}
#emailModuleView .mail-client-meta>span,
#apostilleModuleView .mail-client-meta>span{
  min-width:0;
  display:grid;
  gap:3px;
  padding:10px 13px;
  border-right:1px solid #edf1f5;
}
#emailModuleView .mail-client-meta>span:last-child,
#apostilleModuleView .mail-client-meta>span:last-child{border-right:0}
#emailModuleView .mail-client-meta small,
#apostilleModuleView .mail-client-meta small{
  color:#8997a7;
  font-size:9.5px;
  font-weight:750;
}
#emailModuleView .mail-client-meta b,
#apostilleModuleView .mail-client-meta b{
  overflow:hidden;
  color:#40566c;
  font-size:10.5px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#emailModuleView .mail-client-empty,
#apostilleModuleView .mail-client-empty{
  display:grid;
  gap:5px;
  padding:20px 16px;
  color:#7d8b9b;
  text-align:center;
}
#emailModuleView .mail-client-empty b,
#apostilleModuleView .mail-client-empty b{color:#294861;font-size:13px}
#emailModuleView .mail-client-empty span,
#apostilleModuleView .mail-client-empty span{font-size:11px}

#emailModuleView .mail-package-card,
#apostilleModuleView .mail-package-card{
  min-height:0;
  display:grid;
  gap:12px;
  margin:0;
  padding:14px;
  border:1px solid #dfe7ef;
  border-radius:13px;
  background:linear-gradient(135deg,#f6f9fc,#fff);
}
#emailModuleView .mail-package-main,
#apostilleModuleView .mail-package-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:center;
}
#emailModuleView .mail-package-mark,
#apostilleModuleView .mail-package-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #ccdae6;
  border-radius:11px;
  background:linear-gradient(145deg,#0b2947,#174d75);
  color:#efd08c;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.7px;
  box-shadow:0 6px 14px rgba(12,45,73,.16);
}
#emailModuleView .mail-package-copy,
#apostilleModuleView .mail-package-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
#emailModuleView .mail-package-copy small,
#apostilleModuleView .mail-package-copy small{
  color:#929faf;
  font-size:9px;
  font-weight:800;
  letter-spacing:.65px;
  text-transform:uppercase;
}
#emailModuleView .mail-package-copy b,
#apostilleModuleView .mail-package-copy b{
  overflow:hidden;
  color:#1d3852;
  font-size:11.5px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#emailModuleView .mail-package-copy span,
#apostilleModuleView .mail-package-copy span{
  color:#748497;
  font-size:10px;
}
#emailModuleView .mail-package-placeholder,
#apostilleModuleView .mail-package-placeholder{
  padding:18px 10px;
  color:#8b99a9;
  font-size:11.5px;
  text-align:center;
}
#emailModuleView .mail-package-error,
#apostilleModuleView .mail-package-error{
  padding:12px;
  border-radius:9px;
  background:#fff0f1;
  color:#a63542;
  font-size:11.5px;
  text-align:center;
}
#emailModuleView .mail-delivery-tags,
#apostilleModuleView .mail-delivery-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#emailModuleView .mail-delivery-tag,
#apostilleModuleView .mail-delivery-tag{
  display:inline-flex;
  padding:4px 8px;
  border:1px solid #e2e8ef;
  border-radius:999px;
  background:#f5f8fb;
  color:#617286;
  font-size:9.5px;
  font-weight:750;
  line-height:1.35;
}
#emailModuleView .mail-delivery-tag.success,
#apostilleModuleView .mail-delivery-tag.success{
  border-color:#cfe6dc;
  background:#eaf7f1;
  color:#1e7359;
}
#emailModuleView .mail-delivery-tag.pending,
#apostilleModuleView .mail-delivery-tag.pending{
  border-color:#eadbb8;
  background:#fff8e9;
  color:#8a641a;
}
#emailModuleView .mail-delivery-tag.warning,
#apostilleModuleView .mail-delivery-tag.warning{
  border-color:#f0d5ca;
  background:#fff2ed;
  color:#a04832;
}
#emailModuleView .mail-delivery-tag.info,
#apostilleModuleView .mail-delivery-tag.info{
  border-color:#d2e1ed;
  background:#edf6fc;
  color:#285f84;
}

#emailModuleView .mail-file-panel,
#apostilleModuleView .mail-file-panel{
  overflow:hidden;
  border:1px solid #e1e8ef;
  border-radius:12px;
  background:#fff;
}
#emailModuleView .mail-file-panel>header,
#apostilleModuleView .mail-file-panel>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid #edf1f5;
  background:#f8fafc;
}
#emailModuleView .mail-file-panel>header b,
#apostilleModuleView .mail-file-panel>header b{
  color:#304a62;
  font-size:11.5px;
  font-weight:800;
}
#emailModuleView .mail-file-panel>header .mail-file-heading,
#apostilleModuleView .mail-file-panel>header .mail-file-heading{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
#emailModuleView .mail-file-panel>header .mail-file-heading span,
#apostilleModuleView .mail-file-panel>header .mail-file-heading span{
  color:#8493a3;
  font-size:9.5px;
  font-weight:750;
}
#emailModuleView .mail-package-download,
#apostilleModuleView .mail-package-download{
  flex:0 0 auto;
  padding:7px 12px;
  border:1px solid #174c77;
  border-radius:8px;
  background:linear-gradient(135deg,#0d3154,#17669a);
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  line-height:1.3;
  text-decoration:none;
  box-shadow:0 5px 12px rgba(16,74,116,.2);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
#emailModuleView .mail-package-download:hover,
#apostilleModuleView .mail-package-download:hover{
  border-color:#0d426c;
  background:linear-gradient(135deg,#0a2744,#145c8c);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(16,74,116,.25);
}
#emailModuleView .mail-package-download.disabled,
#apostilleModuleView .mail-package-download.disabled{
  pointer-events:none;
  border-color:#d7e0e8;
  background:#edf1f5;
  color:#8a98a7;
  box-shadow:none;
  opacity:.72;
}
#emailModuleView .mail-file-list,
#apostilleModuleView .mail-file-list{
  display:grid;
  max-height:250px;
  margin:0;
  padding:0;
  overflow:auto;
  list-style:none;
}
#emailModuleView .mail-file-list li,
#apostilleModuleView .mail-file-list li{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  border-top:1px solid #f0f3f6;
  color:#52677d;
  font-size:10.5px;
}
#emailModuleView .mail-file-list li:first-child,
#apostilleModuleView .mail-file-list li:first-child{border-top:0}
#emailModuleView .mail-file-type,
#apostilleModuleView .mail-file-type{
  flex:0 0 auto;
  min-width:34px;
  padding:3px 5px;
  border-radius:5px;
  background:#edf2f7;
  color:#50708b;
  font-size:8px;
  font-weight:850;
  letter-spacing:.4px;
  text-align:center;
}
#emailModuleView .mail-file-name,
#apostilleModuleView .mail-file-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#emailModuleView .mail-file-empty,
#apostilleModuleView .mail-file-empty{
  justify-content:center;
  padding:18px 12px;
  color:#91a0af;
}
#emailModuleView .mail-template-reset,
#apostilleModuleView .mail-template-reset{
  min-height:38px;
  padding:8px 12px;
  border-color:#dfe6ed;
  color:#4d657a;
  font-size:11.5px;
  box-shadow:none;
}

#emailModuleView .email-editor,
#apostilleModuleView .email-editor{
  display:grid;
  gap:15px;
}
#emailModuleView .mail-recipient-grid,
#apostilleModuleView .mail-recipient-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#emailModuleView .email-editor label,
#apostilleModuleView .email-editor label{
  min-width:0;
  display:grid;
  gap:7px;
  color:#53677c;
  font-size:12px;
  font-weight:750;
}
#emailModuleView .email-editor input,
#emailModuleView .email-editor textarea,
#apostilleModuleView .email-editor input,
#apostilleModuleView .email-editor textarea{
  width:100%;
  min-width:0;
  padding:11px 13px;
  border:1px solid #dce5ed;
  border-radius:9px;
  background:#f9fbfd;
  color:#1c334a;
  font:inherit;
  line-height:1.65;
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
#emailModuleView .email-editor input:focus,
#emailModuleView .email-editor textarea:focus,
#apostilleModuleView .email-editor input:focus,
#apostilleModuleView .email-editor textarea:focus{
  border-color:#b98c3b;
  background:#fff;
  box-shadow:0 0 0 3px rgba(201,154,69,.13);
}
#emailModuleView .email-editor textarea,
#apostilleModuleView .email-editor textarea{
  min-height:370px;
  resize:vertical;
  background:#fcfdfe;
  font-size:12.5px;
  line-height:1.8;
}
#emailModuleView .email-issues,
#apostilleModuleView .email-issues{
  margin:0;
  border:1px solid #efcfd4;
  border-radius:10px;
  background:#fff0f2;
  color:#9f3542;
}
#emailModuleView .email-module-actions,
#apostilleModuleView .email-module-actions{
  justify-content:flex-end;
  margin:0;
  padding-top:16px;
  border-top:1px solid #edf1f5;
}
#emailModuleView .mail-send-button,
#apostilleModuleView .mail-send-button{
  min-width:170px;
  min-height:44px;
  padding:11px 22px;
  border-radius:9px;
  background:linear-gradient(135deg,#0a2948,#174d75);
  color:#fff;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.2px;
  box-shadow:0 8px 20px rgba(10,41,72,.2),inset 0 -2px var(--mail-gold);
}
#emailModuleView .mail-send-button:hover,
#apostilleModuleView .mail-send-button:hover{
  background:linear-gradient(135deg,#123a5d,#1c5a85);
}

#apostilleModuleView .apostille-drive-link{
  grid-template-columns:36px minmax(0,1fr);
  margin:0;
  padding:12px;
  border-color:#d8e4ee;
  border-radius:12px;
  background:linear-gradient(135deg,#f7fbfe,#edf5fa);
}
#apostilleModuleView .apostille-drive-link-mark{
  width:36px;
  height:36px;
  border-radius:10px;
  background:linear-gradient(145deg,#e8893d,#c45e20);
}
#apostilleModuleView .apostille-drive-link-copy b{font-size:11.5px}
#apostilleModuleView .apostille-drive-link-copy small{font-size:10px}
#apostilleModuleView .apostille-drive-link-actions{
  grid-column:1/-1;
  justify-content:flex-start;
  padding-left:48px;
}

@media(max-width:1180px){
  #emailModuleView .mail-send-workspace,
  #apostilleModuleView .mail-send-workspace{
    grid-template-columns:minmax(270px,310px) minmax(0,1fr);
  }
  #emailModuleView .mail-recipient-grid,
  #apostilleModuleView .mail-recipient-grid{grid-template-columns:1fr}
}
@media(max-width:960px){
  #emailModuleView .mail-send-workspace,
  #apostilleModuleView .mail-send-workspace{
    grid-template-columns:1fr;
  }
  #emailModuleView .mail-client-meta,
  #apostilleModuleView .mail-client-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  #emailModuleView .mail-send-hero,
  #apostilleModuleView .mail-send-hero{
    display:grid;
    align-items:start;
    padding:26px 23px;
  }
  #emailModuleView .mail-send-pickers,
  #apostilleModuleView .mail-send-pickers{width:100%}
  #emailModuleView .mail-context-panel,
  #emailModuleView .mail-composer,
  #apostilleModuleView .mail-context-panel,
  #apostilleModuleView .mail-composer{padding:20px 17px}
  #emailModuleView .mail-client-main,
  #apostilleModuleView .mail-client-main{grid-template-columns:auto minmax(0,1fr)}
  #emailModuleView .mail-client-tags,
  #apostilleModuleView .mail-client-tags{grid-column:2;justify-content:flex-start}
  #emailModuleView .mail-client-meta,
  #apostilleModuleView .mail-client-meta{grid-template-columns:1fr}
  #emailModuleView .mail-client-meta>span,
  #apostilleModuleView .mail-client-meta>span{border-right:0;border-top:1px solid #edf1f5}
  #emailModuleView .mail-client-meta>span:first-child,
  #apostilleModuleView .mail-client-meta>span:first-child{border-top:0}
  #emailModuleView .mail-send-button,
  #apostilleModuleView .mail-send-button{width:100%;min-width:0}
}