.eac-mail-app {
  --mail-blue: #0a84ff;
  --mail-blue-dark: #0067d8;
  --mail-red: #ff453a;
  --mail-green: #30d158;
  --mail-orange: #ff9f0a;
  --mail-ink: #1d1d1f;
  --mail-muted: #6e6e73;
  --mail-line: #e5e5ea;
  --mail-soft: #f5f5f7;
  --mail-panel: #fff;
  color: var(--mail-ink);
  background: var(--mail-panel);
  border: 1px solid var(--mail-line);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .09);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 18px 0 28px;
  min-height: 690px;
  overflow: hidden;
}

.eac-mail-app *, .eac-mail-app *::before, .eac-mail-app *::after { box-sizing: border-box; }
.eac-mail-app a { text-decoration: none; }
.eac-mail-topbar { align-items: center; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--mail-line); display: grid; gap: 24px; grid-template-columns: 230px minmax(220px, 520px) 1fr; min-height: 76px; padding: 13px 18px; }
.eac-mail-brand { align-items: center; display: flex; gap: 11px; }
.eac-mail-brand > span:last-child { display: flex; flex-direction: column; line-height: 1.15; }
.eac-mail-brand strong { color: var(--mail-ink); font-size: 17px; letter-spacing: -.02em; }
.eac-mail-brand small { color: var(--mail-muted); font-size: 11px; margin-top: 4px; }
.eac-mail-logo { align-items: center; background: linear-gradient(145deg, #36a3ff, var(--mail-blue)); border-radius: 11px; box-shadow: 0 6px 16px rgba(10,132,255,.25); display: inline-flex; height: 39px; justify-content: center; width: 39px; }
.eac-mail-logo svg { fill: none; height: 22px; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 22px; }
.eac-mail-search { align-items: center; background: var(--mail-soft); border: 1px solid transparent; border-radius: 11px; display: flex; gap: 8px; padding: 0 12px; transition: border-color .18s, background .18s; }
.eac-mail-search:focus-within { background: #fff; border-color: rgba(10,132,255,.45); box-shadow: 0 0 0 3px rgba(10,132,255,.09); }
.eac-mail-search > span { color: var(--mail-muted); font-size: 21px; transform: rotate(-15deg); }
.eac-mail-search input { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--mail-ink); font-size: 14px; height: 42px; margin: 0; min-width: 0; outline: 0; padding: 0 !important; width: 100%; }
.eac-mail-top-actions { align-items: center; display: flex; gap: 9px; justify-content: flex-end; }
.eac-mail-icon-button { align-items: center; background: var(--mail-soft); border-radius: 10px; color: var(--mail-muted); display: inline-flex; font-size: 18px; height: 40px; justify-content: center; width: 40px; }
.eac-mail-icon-button:hover, .eac-mail-icon-button.is-active { background: #e8f3ff; color: var(--mail-blue); }
.eac-mail-compose-button, .eac-mail-primary { align-items: center; background: var(--mail-blue); border: 0; border-radius: 10px; box-shadow: 0 5px 13px rgba(10,132,255,.18); color: #fff !important; cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 650; gap: 6px; justify-content: center; line-height: 1; min-height: 40px; padding: 0 15px; transition: background .18s, transform .18s; }
.eac-mail-compose-button:hover, .eac-mail-primary:hover { background: var(--mail-blue-dark); transform: translateY(-1px); }
.eac-mail-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 614px; }
.eac-mail-sidebar { background: #fafafa; border-right: 1px solid var(--mail-line); display: flex; flex-direction: column; padding: 18px 12px; }
.eac-mail-sidebar nav { display: grid; gap: 3px; }
.eac-mail-sidebar nav a { align-items: center; border-radius: 9px; color: #424245; display: grid; font-size: 13px; gap: 8px; grid-template-columns: 22px 1fr auto; min-height: 39px; padding: 0 10px; }
.eac-mail-sidebar nav a:hover { background: #efeff1; color: var(--mail-ink); }
.eac-mail-sidebar nav a.is-active { background: #e7f2ff; color: #0068d8; font-weight: 650; }
.eac-mail-sidebar nav b { background: #e8e8ed; border-radius: 20px; color: var(--mail-muted); font-size: 10px; line-height: 19px; min-width: 22px; padding: 0 6px; text-align: center; }
.eac-mail-sidebar nav a.is-active b { background: var(--mail-blue); color: #fff; }
.eac-mail-nav-icon { color: #86868b; font-size: 14px; text-align: center; }
.eac-mail-sidebar nav a.is-active .eac-mail-nav-icon { color: var(--mail-blue); }
.eac-mail-copy-summary { align-items: center; border-top: 1px solid var(--mail-line); display: grid; gap: 8px; grid-template-columns: 9px 1fr auto; margin-top: auto; padding: 16px 6px 10px; }
.eac-mail-copy-summary > div { display: flex; flex-direction: column; min-width: 0; }
.eac-mail-copy-summary strong { font-size: 12px; }
.eac-mail-copy-summary small { color: var(--mail-muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eac-mail-copy-summary a { color: var(--mail-blue); font-size: 11px; font-weight: 600; }
.eac-mail-copy-dot { background: #c7c7cc; border-radius: 50%; height: 7px; width: 7px; }
.eac-mail-copy-dot.is-reference { background: var(--mail-orange); }
.eac-mail-copy-dot.is-full { background: var(--mail-green); }
.eac-mail-sidebar-note { color: #8e8e93; font-size: 10px; line-height: 1.45; margin: 7px 6px 0; }
.eac-mail-main { background: #fff; min-width: 0; }
.eac-mail-notice { border-radius: 9px; font-size: 13px; margin: 14px 16px 0; padding: 10px 12px; }
.eac-mail-notice.is-success { background: #eaf9ee; color: #176c2d; }
.eac-mail-notice.is-error { background: #fff0ef; color: #a92822; }
.eac-mail-workspace { display: grid; grid-template-columns: minmax(330px, 42%) minmax(0, 1fr); min-height: 614px; }
.eac-mail-list { border-right: 1px solid var(--mail-line); min-width: 0; }
.eac-mail-list-heading, .eac-mail-section-heading { align-items: flex-end; border-bottom: 1px solid var(--mail-line); display: flex; justify-content: space-between; min-height: 74px; padding: 14px 18px; }
.eac-mail-list-heading h2, .eac-mail-section-heading h2, .eac-mail-reader-header h2 { color: var(--mail-ink); font-size: 20px; letter-spacing: -.025em; line-height: 1.2; margin: 2px 0 0; }
.eac-mail-list-heading > span { color: var(--mail-muted); font-size: 11px; }
.eac-mail-kicker { color: var(--mail-blue); font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.eac-mail-filter { background: #f2f7fd; color: var(--mail-muted); font-size: 11px; padding: 7px 16px; }
.eac-mail-filter a { color: var(--mail-blue); float: right; font-weight: 600; }
.eac-mail-message-list { max-height: 720px; overflow: auto; }
.eac-mail-row { border-bottom: 1px solid #ededf0; display: flex; min-width: 0; position: relative; transition: background .15s; }
.eac-mail-row:hover, .eac-mail-row.is-selected { background: #f2f7fd; }
.eac-mail-row.is-unread { background: #fbfdff; }
.eac-mail-row.is-selected::before { background: var(--mail-blue); bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 3px; }
.eac-mail-row-main { align-items: center; color: inherit !important; display: flex; gap: 11px; min-width: 0; padding: 14px 8px 14px 15px; width: calc(100% - 39px); }
.eac-mail-avatar { align-items: center; background: linear-gradient(145deg, #e5effa, #d3e7fb); border-radius: 50%; color: #2674bd; display: inline-flex; flex: 0 0 34px; font-size: 12px; font-weight: 700; height: 34px; justify-content: center; }
.eac-mail-row.is-unread .eac-mail-avatar { background: var(--mail-blue); color: #fff; }
.eac-mail-row-content { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.eac-mail-row-line { align-items: center; display: flex; gap: 8px; justify-content: space-between; min-width: 0; }
.eac-mail-row-line strong { color: #363638; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eac-mail-row.is-unread .eac-mail-row-line strong { color: #111; font-weight: 750; }
.eac-mail-row-line time { color: #9a9a9f; flex: 0 0 auto; font-size: 9px; }
.eac-mail-subject { color: #3f3f42; font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eac-mail-subject span { color: var(--mail-blue); margin-left: 5px; }
.eac-mail-preview { color: #8a8a8f; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eac-mail-receipt { color: #6f7881; font-size: 9px; margin-top: 3px; }
.eac-mail-unread-dot { background: var(--mail-blue); border-radius: 50%; flex: 0 0 6px; height: 6px; }
.eac-mail-row-action { align-items: center; display: flex; padding-right: 7px; }
.eac-mail-row-action button { background: transparent; border: 0; border-radius: 7px; color: #9a9a9f; cursor: pointer; font-size: 13px; height: 30px; width: 30px; }
.eac-mail-row-action button:hover { background: #e3edf8; color: var(--mail-blue); }
.eac-mail-empty, .eac-mail-reader-empty { align-items: center; color: var(--mail-muted); display: flex; flex-direction: column; justify-content: center; min-height: 340px; padding: 35px; text-align: center; }
.eac-mail-empty > span, .eac-mail-reader-empty > span { color: #c7c7cc; font-size: 38px; }
.eac-mail-empty strong, .eac-mail-reader-empty h3 { color: #5d5d62; font-size: 15px; margin: 7px 0 2px; }
.eac-mail-empty p, .eac-mail-reader-empty p { font-size: 11px; margin: 0; }
.eac-mail-reader { min-width: 0; }
.eac-mail-reader-header { align-items: flex-start; border-bottom: 1px solid var(--mail-line); display: flex; gap: 16px; justify-content: space-between; min-height: 94px; padding: 17px 20px; }
.eac-mail-reader-header p { color: var(--mail-muted); font-size: 10px; margin: 5px 0 0; }
.eac-mail-reference { background: #eef6ff; border-radius: 5px; color: #2577c8; display: inline-block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 650; letter-spacing: .035em; padding: 3px 6px; }
.eac-mail-secondary { background: var(--mail-soft); border: 1px solid var(--mail-line); border-radius: 8px; color: #555; cursor: pointer; font-size: 11px; min-height: 34px; padding: 0 11px; }
.eac-mail-read-state { background: #f8f8fa; border-bottom: 1px solid var(--mail-line); color: var(--mail-muted); font-size: 10px; padding: 7px 20px; }
.eac-mail-ack { align-items: center; background: #fff8e8; border-bottom: 1px solid #f1dfb8; display: flex; gap: 12px; justify-content: space-between; padding: 10px 20px; }
.eac-mail-ack span { color: #785a19; font-size: 10px; }
.eac-mail-ack .eac-mail-primary { min-height: 34px; white-space: nowrap; }
.eac-mail-thread { display: flex; flex-direction: column; gap: 12px; max-height: 430px; overflow: auto; padding: 20px; }
.eac-mail-bubble { align-self: flex-start; background: var(--mail-soft); border-radius: 4px 14px 14px 14px; color: #303033; max-width: 84%; padding: 11px 13px; }
.eac-mail-bubble.is-mine { align-self: flex-end; background: #e7f3ff; border-radius: 14px 4px 14px 14px; }
.eac-mail-bubble-meta { align-items: center; color: var(--mail-muted); display: flex; font-size: 9px; gap: 14px; justify-content: space-between; }
.eac-mail-bubble-meta strong { color: #4a4a4e; font-size: 10px; }
.eac-mail-bubble p { font-size: 12px; line-height: 1.55; margin: 7px 0 0; overflow-wrap: anywhere; }
.eac-mail-attachment { align-items: center; background: rgba(255,255,255,.7); border: 1px solid rgba(0,0,0,.08); border-radius: 7px; color: var(--mail-blue) !important; display: inline-flex; font-size: 10px; gap: 6px; margin-top: 10px; padding: 6px 8px; }
.eac-mail-reply { background: #fff; border-top: 1px solid var(--mail-line); display: grid; gap: 7px; padding: 13px 20px 18px; }
.eac-mail-reply input[type="text"], .eac-mail-reply textarea { border: 1px solid var(--mail-line) !important; border-radius: 8px !important; box-shadow: none !important; font-size: 12px; margin: 0; padding: 8px 10px !important; width: 100%; }
.eac-mail-reply textarea:focus, .eac-mail-reply input:focus { border-color: var(--mail-blue) !important; box-shadow: 0 0 0 3px rgba(10,132,255,.08) !important; }
.eac-mail-reply > div { align-items: center; display: flex; justify-content: space-between; }
.eac-mail-editor, .eac-mail-settings { margin: 0 auto; max-width: 850px; padding-bottom: 30px; }
.eac-mail-section-heading { margin-bottom: 20px; padding-left: 0; padding-right: 0; }
.eac-mail-section-heading > a { color: var(--mail-blue); font-size: 12px; }
.eac-mail-editor, .eac-mail-settings { padding-left: 30px; padding-right: 30px; }
.eac-mail-field { display: grid; gap: 6px; margin: 0 0 17px; }
.eac-mail-field > span { color: #48484a; font-size: 12px; font-weight: 650; }
.eac-mail-field > small, .eac-mail-file small { color: var(--mail-muted); font-size: 10px; font-weight: 400; }
.eac-mail-field input, .eac-mail-field textarea, .eac-mail-field select { background: #fff !important; border: 1px solid #d7d7dc !important; border-radius: 9px !important; box-shadow: none !important; color: var(--mail-ink); font-size: 13px; margin: 0; padding: 10px 11px !important; width: 100%; }
.eac-mail-field select { min-height: 190px; }
.eac-mail-field input:focus, .eac-mail-field textarea:focus, .eac-mail-field select:focus { border-color: var(--mail-blue) !important; box-shadow: 0 0 0 3px rgba(10,132,255,.08) !important; }
.eac-mail-compose-footer { align-items: center; display: flex; gap: 15px; justify-content: space-between; }
.eac-mail-file { align-items: center; color: var(--mail-blue); cursor: pointer; display: flex; flex-wrap: wrap; font-size: 11px; font-weight: 600; gap: 6px; }
.eac-mail-file input { max-width: 210px; }
.eac-mail-file.compact { color: var(--mail-muted); }
.eac-mail-form-note { background: var(--mail-soft); border-radius: 8px; color: var(--mail-muted); font-size: 10px; line-height: 1.45; margin: 18px 0 0; padding: 9px 11px; }
.eac-mail-settings > p { color: var(--mail-muted); font-size: 12px; line-height: 1.6; }
.eac-mail-settings code { background: var(--mail-soft); border-radius: 4px; color: #4a4a4e; font-size: 10px; padding: 2px 5px; }
.eac-mail-choice-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); margin: 22px 0; }
.eac-mail-choice { background: #fff; border: 1px solid var(--mail-line); border-radius: 11px; cursor: pointer; display: flex; gap: 9px; min-height: 91px; padding: 13px; }
.eac-mail-choice:has(input:checked) { background: #eff7ff; border-color: rgba(10,132,255,.55); box-shadow: 0 0 0 2px rgba(10,132,255,.06); }
.eac-mail-choice input { accent-color: var(--mail-blue); margin: 2px 0 0; }
.eac-mail-choice span { display: flex; flex-direction: column; }
.eac-mail-choice strong { color: #363638; font-size: 11px; }
.eac-mail-choice small { color: var(--mail-muted); font-size: 10px; line-height: 1.4; margin-top: 4px; }
.eac-mail-security-note { background: #fff8e8; border-radius: 10px; color: #73591f; margin-top: 24px; padding: 12px 14px; }
.eac-mail-security-note strong { font-size: 11px; }
.eac-mail-security-note p { font-size: 10px; line-height: 1.5; margin: 4px 0 0; }
.eac-mail-controlled-queue { background: #fff; border: 1px solid #e5e5ea; border-radius: 12px; margin: 18px 0 30px; overflow: hidden; }
.eac-mail-controlled-queue > summary { align-items: center; cursor: pointer; display: flex; justify-content: space-between; list-style: none; padding: 13px 16px; }
.eac-mail-controlled-queue > summary::-webkit-details-marker { display: none; }
.eac-mail-controlled-queue > summary span { color: #343437; font-size: 12px; font-weight: 650; }
.eac-mail-controlled-queue > summary strong { color: #77777c; font-size: 10px; font-weight: 500; }
.eac-mail-controlled-queue > .easysform-notifications { border-top: 1px solid #e5e5ea; padding: 13px 16px; }

@media (max-width: 1080px) {
  .eac-mail-topbar { gap: 14px; grid-template-columns: 190px minmax(180px, 1fr) auto; }
  .eac-mail-layout { grid-template-columns: 185px minmax(0, 1fr); }
  .eac-mail-workspace { grid-template-columns: minmax(290px, 40%) minmax(0, 1fr); }
}

@media (max-width: 820px) {
  .eac-mail-topbar { grid-template-columns: 1fr auto; }
  .eac-mail-search { grid-column: 1 / -1; grid-row: 2; }
  .eac-mail-layout { display: block; }
  .eac-mail-sidebar { border-bottom: 1px solid var(--mail-line); border-right: 0; display: block; padding: 8px; }
  .eac-mail-sidebar nav { display: flex; overflow-x: auto; }
  .eac-mail-sidebar nav a { flex: 0 0 auto; grid-template-columns: 18px auto auto; padding: 0 8px; }
  .eac-mail-copy-summary, .eac-mail-sidebar-note { display: none; }
  .eac-mail-workspace { grid-template-columns: minmax(260px, 42%) minmax(0, 1fr); }
  .eac-mail-choice-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .eac-mail-app { border-left: 0; border-radius: 0; border-right: 0; margin-left: -12px; margin-right: -12px; }
  .eac-mail-brand small { display: none; }
  .eac-mail-compose-button { font-size: 0; padding: 0; width: 40px; }
  .eac-mail-compose-button span { font-size: 19px; }
  .eac-mail-workspace { display: block; }
  .eac-mail-list { border-bottom: 1px solid var(--mail-line); border-right: 0; }
  .eac-mail-workspace.has-reader .eac-mail-message-list { max-height: 310px; }
  .eac-mail-reader { min-height: 400px; }
  .eac-mail-reader-header, .eac-mail-ack, .eac-mail-compose-footer { align-items: stretch; flex-direction: column; }
  .eac-mail-editor, .eac-mail-settings { padding-left: 16px; padding-right: 16px; }
  .eac-mail-controlled-queue > summary { align-items: flex-start; flex-direction: column; gap: 3px; }
}