.page-simulator-email{
  padding:36px 0 80px;
  font-family:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  color:#000;
  --t-text-primary:#000;
  --t-text-secondary:#000;
  --t-text-muted:#000;
  background:transparent;
  border:none;
  box-shadow:none;
}

.page-simulator-email .mail-shell{
  width:min(980px, 92vw);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:24px;
  background:transparent;
  border:none;
  box-shadow:none;
  min-width:0;
}

.page-simulator-email .mail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.page-simulator-email .mail-title{
  font-size:28px;
  font-weight:800;
  margin:0;
  color:var(--t-text-primary, #0f172a);
}

.page-simulator-email .mail-subtitle{
  margin:6px 0 0;
  font-size:14px;
  color:var(--t-text-muted, #64748b);
}

.page-simulator-email .mail-card{
  background:var(--t-surface, #fff);
  border-radius:22px;
  border:1px solid rgba(148,163,184,.12);
  box-shadow:none;
  padding:26px 28px 32px;
  position:relative;
  overflow:hidden;
  min-width:0;
}

.page-simulator-email .mail-meta{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
  min-width:0;
}

.page-simulator-email .mail-reload-mini{
  margin-left:auto;
  border:1px solid rgba(37,99,235,.18);
  background:rgba(37,99,235,.1);
  color:#2563eb;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:30px;
  min-width:34px;
  border-radius:12px;
  cursor:pointer;
  vertical-align:middle;
  transition:background .15s ease, border-color .15s ease, transform .12s ease;
  padding:0;
  line-height:1;
}

.page-simulator-email .mail-reload-mini:hover{
  transform:translateY(-1px);
  background:rgba(37,99,235,.16);
  border-color:rgba(37,99,235,.28);
}

.page-simulator-email .mail-reload-mini:active{
  transform:translateY(1px);
}

.page-simulator-email .mail-reload-mini:focus-visible{
  outline:2px solid rgba(37,99,235,.45);
  outline-offset:2px;
}

.page-simulator-email .mail-reload-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  line-height:0;
}

.page-simulator-email .mail-reload-icon svg{
  width:16px;
  height:16px;
  display:block;
}

[data-theme="dark"] .page-simulator-email .mail-reload-mini{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.2);
  color:#e5e7eb;
}

[data-theme="dark"] .page-simulator-email .mail-reload-mini:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.3);
}

[data-theme="dark"] .page-simulator-email{
  color:#e2e8f0;
  --t-text-primary:#e2e8f0;
  --t-text-secondary:#cbd5e1;
  --t-text-muted:#94a3b8;
}

[data-theme="dark"] .page-simulator-email .mail-card{
  background:rgba(28,28,27,.82);
  border-color:rgba(148,163,184,.24);
  box-shadow:none;
}

[data-theme="dark"] .page-simulator-email .mail-subject{
  border-bottom-color:rgba(148,163,184,.28);
}

[data-theme="dark"] .page-simulator-email .mail-send-btn{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.2);
  color:#e5e7eb;
  box-shadow:none;
}

[data-theme="dark"] .page-simulator-email .mail-send-btn:not(:disabled):hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.3);
  box-shadow:none;
}

[data-theme="dark"] .page-simulator-email .mail-modal{
  background:rgba(2,6,23,.7);
}

[data-theme="dark"] .page-simulator-email .mail-modal-card{
  background:rgba(28,28,27,.96);
  border:1px solid rgba(148,163,184,.24);
  box-shadow:none;
}

[data-theme="dark"] .page-simulator-email .mail-metric{
  background:rgba(255,255,255,.06);
}

[data-theme="dark"] .page-simulator-email .mail-modal-close{
  background:rgba(255,255,255,.06);
  color:#e5e7eb;
  border:1px solid rgba(255,255,255,.2);
}

.page-simulator-email .mail-from{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  min-width:0;
  flex:1 1 auto;
}

.page-simulator-email .mail-name{
  font-size:14px;
  font-weight:700;
  color:var(--t-text-primary, #0f172a);
}

.page-simulator-email .mail-address{
  font-size:12px;
  color:var(--t-text-muted, #64748b);
  min-width:0;
  overflow-wrap:anywhere;
}

.page-simulator-email .mail-time{
  margin-left:auto;
  font-size:12px;
  color:var(--t-text-muted, #64748b);
}


.page-simulator-email .mail-subject{
  font-size:18px;
  font-weight:700;
  margin:6px 0 14px;
  color:var(--t-text-primary, #0f172a);
  border-bottom:1px solid rgba(15,23,42,.25);
  padding-bottom:8px;
}

.page-simulator-email .mail-body{
  position:relative;
  font-size:14px;
  line-height:1.45;
  color:var(--t-text-primary, #0f172a);
  display:flex;
  flex-direction:column;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}

.page-simulator-email .mail-paragraph{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:0;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}

.page-simulator-email .mail-paragraph:last-child{
  margin-bottom:0;
}

.page-simulator-email .mail-paragraph.mail-empty{
  min-height:1.25em;
  margin:0;
}

.page-simulator-email .mail-char{
  white-space:pre;
  color:rgba(107,114,128,.68);
  transition:color .12s ease;
  max-width:100%;
}

.page-simulator-email .mail-line-break,
.page-simulator-email .mail-caret-anchor{
  display:inline-block;
  width:0;
  overflow:visible;
  vertical-align:baseline;
}

[data-theme="dark"] .page-simulator-email .mail-char{
  color:rgba(148,163,184,.5);
}

.page-simulator-email .mail-char.typed{
  color:var(--t-text-primary, #0f172a);
}

[data-theme="dark"] .page-simulator-email .mail-char.typed{
  color:#e2e8f0;
}

.page-simulator-email .mail-char.active{
  position:relative;
}

.page-simulator-email .mail-char.active::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:1.25em;
  width:2px;
  background:#2563eb;
  border-radius:2px;
  animation:mailCursorBlink 1s infinite;
}

.page-simulator-email .mail-line-break.active::before,
.page-simulator-email .mail-caret-anchor.active::before{
  left:-1px;
}

[data-theme="dark"] .page-simulator-email .mail-char.active::before{
  background:#60a5fa;
}

@keyframes mailCursorBlink{
  0%, 50% { opacity:1; }
  51%, 100% { opacity:0; }
}

.page-simulator-email .mail-char.wrong{
  color:#ef4444;
}

.page-simulator-email .mail-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  height:1px;
  width:1px;
}

.page-simulator-email .mail-hint{
  margin-top:16px;
  font-size:12px;
  color:var(--t-text-muted, #64748b);
}

.page-simulator-email .mail-actions{
  margin-top:16px;
  display:flex;
  justify-content:flex-end;
}

.page-simulator-email .mail-send-btn{
  border:1px solid rgba(37,99,235,.18);
  border-radius:10px;
  padding:8px 18px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  background:rgba(37,99,235,.1);
  color:#2563eb;
  transition:background .15s ease, border-color .15s ease, transform .12s ease, opacity .12s ease;
}

.page-simulator-email .mail-send-btn:disabled{
  opacity:0.45;
  cursor:not-allowed;
}

.page-simulator-email .mail-send-btn:not(:disabled):hover{
  transform:translateY(-1px);
  background:rgba(37,99,235,.16);
  border-color:rgba(37,99,235,.28);
}

.page-simulator-email .mail-modal{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.4);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:200;
}

.page-simulator-email .mail-modal.hidden{
  display:none;
}

.page-simulator-email .mail-modal-card{
  width:min(420px, 90vw);
  background:#fff;
  border-radius:18px;
  padding:24px 26px;
  box-shadow:0 20px 50px rgba(15,23,42,.18);
  text-align:center;
}

.page-simulator-email .mail-modal-title{
  margin:0 0 6px;
  font-size:20px;
  font-weight:700;
  color:var(--t-text-primary, #0f172a);
}

.page-simulator-email .mail-modal-subtitle{
  margin:0 0 18px;
  font-size:13px;
  color:var(--t-text-muted, #64748b);
}

.page-simulator-email .mail-modal-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-bottom:18px;
}

.page-simulator-email .mail-metric{
  background:rgba(37,99,235,.1);
  border-radius:12px;
  padding:10px;
}

.page-simulator-email .mail-metric-label{
  display:block;
  font-size:11px;
  color:var(--t-text-muted, #64748b);
  margin-bottom:6px;
}

.page-simulator-email .mail-metric-value{
  font-size:16px;
  font-weight:700;
  color:var(--t-text-primary, #0f172a);
}

.page-simulator-email .mail-modal-close{
  border:none;
  border-radius:10px;
  padding:8px 18px;
  background:rgba(37,99,235,.12);
  color:#1d4ed8;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}

@media (max-width: 720px){
  .page-simulator-email .mail-card{
    padding:22px 20px 28px;
  }
  .page-simulator-email .mail-subject{
    font-size:16px;
    border-bottom:1px solid rgba(15,23,42,.25);
    padding-bottom:8px;
  }
  .page-simulator-email .mail-shell{
    width:min(100%, 92vw);
  }
}