/* Senders: per-sender deliverability. Every selector is scoped under .senders-view.
   Placement colours match the Overview; Inbox (any tab) is teal. */
.senders-view{--s-inbox:#6fb7a8;--s-primary:#9ccb6e;--s-promotions:#e2c46e;--s-updates:#8fb0c4;--s-social:#b3a4d4;--s-spam:#e07a5c;--s-other:#6b7460}
.senders-view a.subtle,.senders-view a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.senders-view .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.senders-view .banner{margin-bottom:14px}
.senders-view .quiet{color:var(--muted)}
.senders-view .right{text-align:right}
.senders-view .senders-empty-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* Controls: the sender picker leads. */
.senders-view .senders-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:16px 18px;margin-bottom:18px;background:#121e17;border:1px solid #304032;border-radius:var(--radius)}
.senders-view .senders-pick>span,.senders-view .senders-scope>span,.senders-view .senders-controls legend{display:block;font-family:var(--mono);letter-spacing:0;font-size:.8rem;color:var(--muted);margin-bottom:7px;padding:0}
.senders-view .senders-controls select{display:block;width:100%;min-height:44px;padding:10px 38px 10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);font-size:.9rem;color-scheme:dark;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a9b8ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.senders-view .senders-pick{flex:1 1 340px;min-width:0}
.senders-view .senders-pick select{font-size:1rem;font-weight:500;border-color:#43593f}
.senders-view .senders-scope{flex:0 1 220px;min-width:0}
.senders-view .senders-scope select{font-size:.8rem}
.senders-view .senders-window{border:0;margin:0;padding:0;min-width:0;flex:0 0 auto}
.senders-view .senders-segments{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}
.senders-view .senders-segments label{position:relative;flex:1}
.senders-view .senders-segments input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.senders-view .senders-segments span{display:block;min-height:42px;padding:12px 14px;font-size:.8rem;line-height:18px;white-space:nowrap;text-align:center;color:var(--text-2);border-left:1px solid var(--line)}
.senders-view .senders-segments label:first-child span{border-left:0}
.senders-view .senders-segments input:checked+span{background:var(--text);color:var(--bg);font-weight:600}
.senders-view .senders-segments input:focus-visible+span{outline:2px solid var(--straw);outline-offset:-4px}

/* Selection heading */
.senders-view .senders-context{margin:6px 0 16px}
.senders-view .senders-title{font-size:1.35rem;margin:0;overflow-wrap:anywhere}
.senders-view .senders-title small{display:block;margin-top:4px;font-size:.75rem;font-weight:400;color:var(--muted)}
.senders-view .senders-disabled{color:var(--warn)}
.senders-view .senders-window-label{margin:6px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}

/* Scorecards */
.senders-view .senders-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}
.senders-view .senders-tile{grid-column:span 2;padding:16px 18px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);min-width:0;display:flex;flex-direction:column;gap:6px}
.senders-view .senders-tile-wide{grid-column:span 4}
.senders-view .senders-tile h3{margin:0;font-family:var(--mono);font-weight:400;letter-spacing:0;font-size:.8rem;color:var(--muted)}
.senders-view .senders-tile h3 .quiet{text-transform:none;letter-spacing:0;font-family:inherit;font-size:.75rem}
.senders-view .senders-tile>strong{font-size:2rem;font-weight:500;line-height:1.1;color:var(--text)}
.senders-view .senders-tile>strong.good{color:var(--s-primary)}
.senders-view .senders-tile>strong.bad{color:var(--danger)}
.senders-view .senders-tile p{margin:0;font-size:.78rem;color:var(--text-2);line-height:1.45}
.senders-view .senders-tile .senders-tile-foot{color:var(--muted);font-size:.7rem;margin-top:auto}
.senders-view .mi-key{color:var(--s-spam)}
.senders-view .senders-change{color:var(--muted)}
.senders-view .senders-change.good{color:var(--accent)}
.senders-view .senders-change.bad{color:var(--danger)}
.senders-view .senders-engaged{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:4px 8px}
.senders-view .senders-engaged strong{font-size:1.6rem;font-weight:500}
.senders-view .senders-engaged span{color:var(--muted);font-size:.75rem}
.senders-view .senders-split{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;background:var(--line);margin:6px 0 4px}
.senders-view .senders-split i{display:block;height:100%;background:var(--c);min-width:2px}
.senders-view .senders-parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
.senders-view .senders-parts li{display:grid;grid-template-columns:10px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;font-size:.78rem;color:var(--text-2);min-width:0}
.senders-view .senders-parts i{width:10px;height:10px;border-radius:2px;background:var(--c)}
.senders-view .senders-parts b{font-weight:600;color:var(--text);font-size:.95rem}
.senders-view .senders-parts small{grid-column:3;text-align:right;color:var(--muted);font-size:.7rem}
.senders-view .senders-parts .part-spam b{color:var(--s-spam)}
.senders-view .senders-mini-frame{position:relative}
.senders-view .senders-mini-frame .senders-col{top:0;bottom:0}
.senders-view .senders-mini-frame .senders-col .tooltip{top:calc(100% + 6px);z-index:20}
.senders-view .senders-mini{display:block;width:100%;height:32px;margin:6px 0 2px;overflow:visible}
.senders-view .senders-mini .mi-inbox{fill:var(--s-inbox);opacity:.75}
.senders-view .senders-mini .mi-other{fill:var(--s-other)}
.senders-view .senders-mini .mi-spam{fill:var(--s-spam)}
.senders-view .senders-mini .partial{opacity:.45}
.senders-view .senders-spam-note{margin:0 0 16px;padding:12px 16px;border-left:3px solid var(--s-spam);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem;line-height:1.5;color:var(--text-2)}

/* Sections */
.senders-view .senders-view-section,.senders-view .panel.senders-compare,.senders-view .panel.senders-tracking,.senders-view .panel.senders-broadcasts,.senders-view .panel.senders-seeds{margin-bottom:16px;padding:18px}
.senders-view .senders-section-head{margin-bottom:12px}
.senders-view .senders-section-head h2{font-size:1.05rem}
.senders-view .senders-section-head p{margin:6px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5;max-width:110ch}
.senders-view .senders-look{margin:0 0 16px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}
.senders-view .senders-look h2{font-size:.95rem;margin:0 0 8px}
.senders-view .senders-look h2 small{font-weight:400;color:var(--muted);font-size:.75rem;margin-left:6px}
.senders-view .senders-look ul{margin:0;padding-left:18px;font-size:.85rem;line-height:1.7;color:var(--text-2)}
.senders-view .senders-look a{color:var(--text);font-weight:500}
.senders-view .bad{color:var(--danger)}

/* Tables */
.senders-view .senders-table{font-variant-numeric:tabular-nums}
.senders-view .senders-table td small{color:var(--muted);font-size:.7rem}
.senders-view .senders-sender-cell small{display:block;margin-top:3px}
.senders-view .senders-sender-link{color:var(--text);font-weight:500;font-size:.88rem;text-decoration:none;overflow-wrap:anywhere}
.senders-view .senders-sender-link:hover{color:var(--accent);text-decoration:underline}
.senders-view .senders-received strong{font-size:1rem;font-weight:600}
.senders-view .senders-received small{display:block}
.senders-view td.right small{display:block}
.senders-view .senders-sev{font-weight:600}
.senders-view .senders-sev.good{color:var(--s-primary)}
.senders-view .senders-sev.warn{color:var(--warn)}
.senders-view .senders-sev.bad{color:var(--danger)}
.senders-view .senders-daily-cell{min-width:150px;width:24%}
.senders-view .senders-daily-cell .senders-mini{height:26px;margin:0}
.senders-view .senders-day-note{display:block;margin-top:4px;line-height:1.35}
.senders-view .senders-subject{min-width:220px;max-width:460px;overflow-wrap:anywhere;color:var(--text)}
.senders-view .senders-subject small{display:block;margin-top:3px}
.senders-view .senders-slot{background:color-mix(in srgb,var(--s-updates) 18%,transparent);color:var(--s-updates);border-radius:4px;padding:0 3px;font-family:var(--mono);font-size:.85em}
.senders-view .senders-from{overflow-wrap:anywhere;max-width:200px;color:var(--text-2)}
.senders-view .senders-badge{display:inline-block;min-width:28px;padding:2px 8px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);font-weight:600;text-align:center}
.senders-view .senders-when{white-space:nowrap;color:var(--text-2)}
.senders-view .senders-inbox-cell{white-space:nowrap;min-width:150px}
.senders-view .senders-meter{display:inline-flex;vertical-align:middle;width:88px;height:8px;border-radius:3px;background:var(--line);overflow:hidden}
.senders-view .senders-meter i{display:block;height:100%;flex:none}
.senders-view .senders-meter i.primary{background:var(--s-primary)}
.senders-view .senders-meter i.promo{background:var(--s-promotions)}
.senders-view .senders-meter i.other{background:var(--s-updates)}
.senders-view .senders-meter i.spam{background:var(--s-spam)}
.senders-view .senders-inbox-cell small{display:inline}
.senders-view .senders-engaged-cell{white-space:nowrap}
.senders-view td.senders-engaged-cell small{display:inline}
.senders-view .senders-more{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:.78rem}
.senders-view .senders-seed-link{color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.senders-view .senders-seed-link:hover{color:var(--accent);text-decoration:underline}
.senders-view details>summary{cursor:pointer}
.senders-view .senders-values{margin-top:14px;font-size:.8rem}
.senders-view .senders-values summary{color:var(--text-2);padding:6px 0}
.senders-view .senders-values .table-wrap{max-height:360px;margin-top:8px}
.senders-view .senders-seeds summary{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.senders-view .senders-seeds summary h2{display:inline;font-size:1.05rem}
.senders-view .senders-seeds summary span{color:var(--muted);font-size:.78rem}
.senders-view .senders-seeds .table-wrap{margin-top:12px;max-height:420px}
.senders-view .senders-method{margin:8px 0 24px;font-size:.78rem;color:var(--muted);line-height:1.6}
.senders-view .senders-method summary{color:var(--text-2);padding:6px 0}
.senders-view .senders-method p{max-width:110ch;margin:6px 0}

@media (max-width:1100px){
  .senders-view .senders-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .senders-view .senders-tile,.senders-view .senders-tile-wide{grid-column:span 1}
  .senders-view .senders-tile-wide{grid-column:1/-1}
}
@media (max-width:650px){
  .senders-view .senders-controls{padding:14px}
  .senders-view .senders-pick,.senders-view .senders-scope,.senders-view .senders-window{flex:1 1 100%}
  .senders-view .senders-segments span{padding:12px 6px}
  .senders-view .senders-tiles{grid-template-columns:1fr}
  .senders-view .senders-tile>strong{font-size:1.7rem}
  .senders-view .senders-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .senders-view .panel.senders-compare,.senders-view .panel.senders-tracking,.senders-view .panel.senders-broadcasts,.senders-view .panel.senders-seeds{padding:14px 12px}
  /* Tables become cards: each value carries its label. */
  .senders-view .senders-table thead{display:none}
  .senders-view .senders-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:14px 12px;border-top:1px solid var(--line-soft)}
  .senders-view .senders-table tbody tr:first-child{border-top:0}
  .senders-view .senders-table td{display:block;padding:0;border:0;min-width:0;max-width:none;width:auto;text-align:left;white-space:normal}
  .senders-view .senders-table td[data-label]::before{content:attr(data-label);display:block;color:var(--faint);font-size:.74rem;letter-spacing:0;margin-bottom:2px}
  .senders-view .senders-table td:first-child,.senders-view .senders-table .senders-subject,.senders-view .senders-table .senders-daily-cell,.senders-view .senders-table .senders-inbox-cell,.senders-view .senders-table td[colspan]{grid-column:1/-1}
  .senders-view .senders-casts-table .senders-from{grid-column:1/-1;max-width:none}
  .senders-view .senders-casts-table .senders-from+.senders-subject{grid-column:1/-1}
  .senders-view .senders-subject{font-size:.88rem}
  .senders-view .senders-meter{width:45%}
  .senders-view .senders-table .table-wrap,.senders-view .table-wrap{overflow-x:hidden}
}

/* Placement tracking chart. Drawn at three widths; the container query shows
   the one closest to the space available. */
.senders-view .trend-chart{position:relative;min-width:0;container-type:inline-size}
.senders-view .trend-chart .legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--text-2);margin:0 0 10px}
.senders-view .trend-chart .legend span,.senders-view .trend-chart .tooltip span,.senders-view .senders-mini-frame .tooltip span{display:flex;align-items:center;gap:7px}
.senders-view .trend-chart i,.senders-view .senders-mini-frame .tooltip i{width:14px;height:3px;border-radius:2px;flex:none;background:currentColor}
.senders-view .trend-chart i.dashed,.senders-view .trend-chart i.dotted,.senders-view .senders-mini-frame .tooltip i.dashed{height:0;background:none;border-top:2px dashed currentColor}
.senders-view .trend-chart i.dotted{border-top-style:dotted}
.senders-view .trend-chart i.bar-swatch,.senders-view .senders-mini-frame .tooltip i.bar-swatch{width:9px;height:10px;border-radius:2px 2px 0 0;background:#4f6656}
.senders-view .senders-chart-frame{position:relative;border-radius:6px}
.senders-view .senders-chart-frame:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.senders-view .senders-variant{position:relative}
@container (max-width:559.98px){.senders-view .senders-v1,.senders-view .senders-v2{display:none}}
@container (min-width:560px) and (max-width:899.98px){.senders-view .senders-v0,.senders-view .senders-v2{display:none}}
@container (min-width:900px){.senders-view .senders-v0,.senders-view .senders-v1{display:none}}
.senders-view .trend-chart svg{display:block;width:100%;height:auto;overflow:visible}
.senders-view .trend-chart .grid{stroke:var(--line);stroke-width:1}
.senders-view .trend-chart .grid.base{stroke:var(--line-strong)}
.senders-view .trend-chart .tick{fill:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.senders-view .trend-chart .end-label{fill:var(--text-2);font-size:12px;font-variant-numeric:tabular-nums}
.senders-view .trend-chart .bar{fill:#4f6656}
.senders-view .trend-chart .partial-day{fill:var(--surface-3);opacity:.6}
.senders-view .trend-chart .marker{stroke:var(--surface);stroke-width:2}
.senders-view .senders-columns{position:absolute;inset:0}
.senders-view .senders-col{position:absolute}
.senders-view .senders-col::before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed var(--faint);opacity:0}
.senders-view .senders-col .senders-dot{position:absolute;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;opacity:0}
.senders-view .senders-col .tooltip{position:absolute;top:20px;left:calc(50% + 12px);width:250px;max-width:80vw;box-sizing:border-box;padding:10px 12px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:0 10px 30px rgb(0 0 0/.35);font-size:12px;color:var(--text-2);display:none;gap:5px;pointer-events:none;z-index:2}
.senders-view .senders-col .tooltip.flip{left:auto;right:calc(50% + 12px)}
.senders-view .senders-col:hover::before,.senders-view .senders-col.is-active::before,
.senders-view .senders-col:hover .senders-dot,.senders-view .senders-col.is-active .senders-dot{opacity:1}
.senders-view .senders-col:hover .tooltip,.senders-view .senders-col.is-active .tooltip{display:grid}
.senders-view .senders-col .tooltip strong{color:var(--text);font-weight:600;margin-bottom:2px}
.senders-view .senders-col .tooltip b{margin-left:auto;padding-left:14px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.senders-view .senders-col .tooltip small{color:var(--muted);font-size:11px}
@media (max-width:650px){.senders-view .senders-col .tooltip{width:210px}}