/* Phase 7B — functional styling for the mail surfaces. Minimal on purpose. */
.p7b-list{display:grid;gap:8px;margin:10px 0}
.p7b-account,.p7b-message{display:block;width:100%;text-align:left;padding:11px 13px;border:1px solid var(--nd-rule-soft);border-radius:11px;background:var(--nd-plane-2);color:var(--nd-ink);font:inherit;font-size:13.5px}
.p7b-account{display:flex;justify-content:space-between;gap:14px;align-items:center}
.p7b-message{cursor:pointer}
.p7b-message:hover{border-color:rgba(139,92,255,.45);background:var(--nd-plane-3)}
.p7b-message-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.p7b-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.p7b-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.p7b-actions .p7-input{width:auto;min-width:120px}
.p7b-form{display:grid;gap:6px;margin:10px 0;max-width:560px}
.p7b-form label{color:var(--nd-ink-3);font-size:12px;margin-top:4px}
.p7b-form textarea{resize:vertical}
.p7b-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.p7b-badge{font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 7px;border-radius:999px;border:1px solid var(--nd-rule);color:var(--nd-ink-3)}
.p7b-badge.linked,.p7b-badge.manual{border-color:rgba(63,214,139,.35);color:#7FE7B4}
.p7b-badge.ambiguous{border-color:rgba(242,178,75,.35);color:#F6CB84}
.p7b-badge.unlinked{border-color:rgba(255,93,122,.3);color:#FFA7B6}
.p7b-badge.failed{border-color:rgba(255,93,122,.45);color:#FFA7B6}
.p7b-error{color:#FFA7B6;font-size:12px}
.p7b-body{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--nd-plane-3);border:1px solid var(--nd-rule-soft);border-radius:10px;padding:12px;margin:10px 0;font-size:13px;line-height:1.55}
.p7b-attachments{display:grid;gap:6px;margin-top:6px}
.p7b-attachment{display:inline-block;padding:8px 11px;border:1px solid var(--nd-rule);border-radius:9px;background:var(--nd-plane-2);color:var(--nd-accent);text-decoration:none;font-size:12.5px}
.p7b-attachment:hover{border-color:rgba(139,92,255,.5)}
.p7b-filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.p7b-filter{padding:7px 12px;border:1px solid var(--nd-rule);border-radius:999px;background:var(--nd-plane-2);color:var(--nd-ink-3);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.p7b-filter.is-active{border-color:rgba(168,121,255,.5);background:linear-gradient(180deg,rgba(139,92,255,.28),rgba(88,107,255,.14));color:#fff}
.p7b-timeline{display:grid;gap:8px;margin-top:8px}
.p7b-event{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start;padding:10px 12px;border:1px solid var(--nd-rule-soft);border-radius:11px;background:var(--nd-plane-2)}
.p7b-event-date{color:var(--nd-ink-3);font-size:12px;font-variant-numeric:tabular-nums}
.p7b-card{border:1px solid var(--nd-rule);border-radius:14px;background:var(--nd-plane);padding:16px 18px}
.p7-page .top{padding-bottom:16px;border-bottom:1px solid var(--nd-rule);margin-bottom:16px}