.email-list-workspace {
  width:100%;
  min-width:0;
  color:var(--ink);
  font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.email-list-hero {
  display:grid;
  grid-template-columns:minmax(100px, min(25%, 250px)) minmax(0, 1fr);
  align-items:center;
  gap:clamp(16px, 3vw, 42px);
  padding:8px 0 12px;
  background:var(--bg);
}

.email-list-orb { display:grid; place-items:center; min-width:0 }
.email-list-workspace .email-list-orb .hud-orb.signal-orb { width:min(100%, 250px); margin:0 }
.email-list-workspace .email-list-orb .signal-orb :is(.signal-readout, .signal-state, figcaption) { display:none }
.email-list-orb-fallback { font-size:clamp(56px, 15vw, 220px); line-height:1; color:var(--muted) }
.email-list-config { margin:0; min-width:0 }
.email-list-activity-copy { margin-top:10px; overflow-wrap:anywhere }
.email-list-activity-copy p { margin:3px 0 0; color:var(--muted); font-size:12px }
.email-list-activity-copy strong { margin-right:8px; font-size:12px }
.email-list-activity-copy small { color:var(--muted); font-size:11px }

.email-list-fields {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
.email-list-fields>label {
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  margin:0;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
}
.email-list-workspace .email-list-fields :is(input,select) {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:40px;
  margin:0;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--ink);
  font:inherit;
  font-size:13px;
  font-weight:500;
}
.email-list-format { position:relative; display:block; min-width:0 }
.email-list-format::after {
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:6px;
  height:6px;
  border-right:1px solid var(--muted);
  border-bottom:1px solid var(--muted);
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
}
.email-list-workspace .email-list-fields select {
  display:block;
  -webkit-appearance:none;
  appearance:none;
  padding-right:27px;
  text-overflow:ellipsis;
}
.email-list-hero-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap }
.email-list-workspace .email-list-hero-actions .button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:6px 11px;
  border-radius:8px;
  box-shadow:none;
  font-size:12px;
  white-space:nowrap;
}
.email-list-workspace .email-list-hero-actions .email-list-build { gap:7px; font-weight:650 }
.email-list-play { font-size:10px; line-height:1 }
.email-list-workspace .email-list-hero-actions .email-list-expand { display:none }
.email-list-workspace :is(button,input,select,summary):focus-visible { outline:2px solid #a7c7f0; outline-offset:3px }
.email-list-workspace button:disabled { cursor:default; opacity:.46 }

.email-list-defaults-note {
  display:flex;
  gap:6px 14px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:8px;
  color:var(--muted);
  font-size:11px;
}
.email-list-defaults-note:empty { display:none }
.email-list-defaults-note details a { display:block; margin:6px 0; color:inherit }
.email-list-defaults-note summary { cursor:pointer }
.email-list-company-choices { display:flex; flex-wrap:wrap; gap:6px }
.email-list-stale { margin:8px 0 0; font-size:11px; color:var(--muted) }
.email-list-workspace .email-list-stale { color:#dbb879 }

.email-list-pages { min-width:0; margin-top:14px }
.email-list-page-toolbar,.email-list-selection { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px }
.email-list-page-toolbar { justify-content:space-between; margin-top:8px }
.email-list-selection { color:var(--muted); font-size:11px }
.email-list-workspace .email-list-selection .email-list-select-all { min-height:30px; padding:4px 2px; font-size:11px; font-weight:600; white-space:nowrap }
.email-list-page-grid { display:flex; flex-wrap:wrap; gap:7px; padding:5px; border:1px solid var(--line); border-radius:12px; background:var(--panel) }
.email-list-workspace .email-list-page {
  position:relative;
  flex:0 0 38px;
  height:36px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink);
  background:transparent;
  font:inherit;
  font-weight:650;
  cursor:pointer;
}
.email-list-workspace .email-list-page.selected { border-color:#8cabe0; background:#bfd2f4; color:#172b43 }
.email-list-page.saved::after { content:""; position:absolute; top:4px; right:4px; width:6px; height:6px; border-radius:50%; background:#64ca9d }
.email-list-page:not(:disabled):hover { border-color:#99aeca }
.email-list-page-grid>.email-list-page:focus-visible { outline-offset:-3px }

.email-list-workspace.is-orb-compact .email-list-hero {
  position:sticky;
  z-index:4;
  top:0;
  grid-template-columns:54px minmax(0,1fr);
  gap:11px;
  padding:5px 0 8px;
  margin-bottom:var(--email-list-hero-gap,0px);
  border-bottom:1px solid var(--line);
}
.email-list-workspace.is-orb-compact .email-list-orb-fallback { font-size:48px }
.email-list-workspace.is-orb-compact .email-list-config { display:flex; align-items:center; justify-content:space-between; gap:8px 12px; flex-wrap:wrap }
.email-list-workspace.is-orb-compact :is(.email-list-fields,.email-list-defaults-note,.email-list-page-grid,.email-list-selection,.email-list-stale,.email-collect-pages) { display:none }
.email-list-workspace.is-orb-compact :is(.email-list-pages,.email-list-page-toolbar) { margin:0 }
.email-list-workspace.is-orb-compact .email-list-activity-copy { order:-1; flex:1 1 140px; margin:0 }
.email-list-workspace.is-orb-compact .email-list-activity-copy small { display:none }
.email-list-workspace.is-orb-compact .email-list-activity-copy p { margin-top:0 }
.email-list-workspace.is-orb-compact .email-list-hero-actions .button { min-height:32px; padding:4px 8px; font-size:11px }
.email-list-workspace.is-orb-compact .email-list-hero-actions .email-list-expand { display:inline-flex }

.email-list-results { min-width:0; margin-top:8px }
.email-list-downloads { display:flex; flex-wrap:wrap; gap:8px; max-width:100% }
.email-list-workspace .email-list-downloads .button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--ink);
  box-shadow:none;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
.email-list-workspace .email-list-downloads .button:hover:not(:disabled) { border-color:var(--muted) }
.email-list-downloads svg { width:15px; height:15px; flex:0 0 15px }
.email-download-excel svg { color:#91d4b4 }
.email-download-pdf svg { color:#edb8a9 }
.email-list-error { border-left:2px solid #db9696; padding:6px 12px; margin:12px 0; color:#e6b7b7; overflow-wrap:anywhere; font-size:12px }
.email-list-page-turner { display:grid; gap:8px; min-width:0; padding:0 0 10px; touch-action:pan-y }
.email-list-result-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; min-width:0 }
.email-list-page-label { font-size:13px; font-weight:650; white-space:nowrap }
.email-list-page-controls { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:7px; min-width:0 }
.email-list-page-controls>span { display:flex; flex-wrap:wrap; gap:4px }
.email-list-page-controls>.button { min-width:32px; min-height:32px; padding:5px 7px }
.email-list-page-dot { flex-shrink:0; min-width:30px; min-height:32px; padding:3px 5px; border:0; background:transparent; color:var(--muted); border-radius:6px; cursor:pointer }
.email-list-page-dot:hover,.email-list-page-dot[aria-pressed=true] { color:var(--ink); background:color-mix(in srgb,var(--ink) 12%,transparent) }

.email-list-workspace .email-list-table-wrap { min-height:240px; overflow-x:auto; min-width:0; background:#fff; border:1px solid #d6dfe9; border-radius:14px; box-shadow:0 2px 12px #0000000d; scrollbar-gutter:stable }
.email-list-workspace .email-list-table { width:100%; min-width:810px; border-collapse:collapse; color:#1b2b3d; background:#fff; font:12px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
.email-list-table thead { position:sticky; top:0; z-index:1 }
.email-list-workspace .email-list-table th { padding:13px 15px; text-align:left; white-space:nowrap; background:#f3f6fa; color:#405168; border-bottom:1px solid #dce4ee; font-size:11px; font-weight:650 }
.email-list-workspace .email-list-table td { padding:14px 15px; vertical-align:top; overflow-wrap:anywhere; background:#fff; color:#1b2b3d; border-bottom:1px solid #e4eaf2; max-width:260px }
.email-list-workspace .email-list-table tbody tr:nth-child(even) td { background:#fbfcfe }
.email-list-workspace .email-list-table tbody tr:hover td { background:#f1f6fc }
.email-list-table tbody tr:last-child td { border-bottom:0 }
.email-list-table :is(th,td):nth-child(4) { min-width:170px }
.email-list-table :is(th,td):last-child { min-width:180px }
.email-list-workspace .email-list-table :is(th,td) small { display:block; margin-top:3px; color:#58687d; font-size:10px; font-weight:400 }
.email-list-workspace .email-list-table .email-list-muted { color:#58687d }
.email-list-workspace .email-list-table a { color:#1f577d; text-decoration:underline; text-decoration-color:#83a4bf; text-underline-offset:3px }
.email-list-workspace .email-list-table a:hover { color:#143b5d; text-decoration-color:currentColor }
.email-list-workspace .email-list-table :is(.email-list-unverified,.email-list-name-warning) { color:#8b5b1d }
.email-list-workspace .email-list-table a:focus-visible,.email-list-workspace .email-list-table-wrap:focus-visible { outline:2px solid #2e6089; outline-offset:-3px }
.email-list-found,.email-list-saved { margin-bottom:8px }
.email-list-found:last-child,.email-list-saved:last-child { margin-bottom:0 }
.email-list-pagination { display:flex; margin-top:8px }
.email-list-pagination:empty { display:none }
.email-list-table-wrap.is-page-turning tbody { animation:email-page-in 220ms ease-out both }
@keyframes email-page-in { from { opacity:.35; transform:translateX(8px) } to { opacity:1; transform:none } }

@media(max-width:760px) {
  .email-list-hero { grid-template-columns:minmax(75px, 21%) minmax(0,1fr); gap:14px }
  .email-list-fields { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .email-list-fields>label:last-child { grid-column:1 / -1 }
}
@media(max-width:520px) {
  .email-list-hero { grid-template-columns:minmax(56px, 20%) minmax(0,1fr); gap:9px }
  .email-list-fields { grid-template-columns:minmax(0,1fr); gap:7px }
  .email-list-workspace .email-list-table :is(th,td) { padding:11px }
  .email-list-workspace.is-orb-compact .email-list-hero { grid-template-columns:42px minmax(0,1fr); gap:8px }
  .email-list-workspace.is-orb-compact .email-list-activity-copy { flex-basis:100px }
}
@media(prefers-reduced-motion:reduce) {
  .email-list-table-wrap.is-page-turning tbody { animation:none }
}