.mail-health168{margin:0 20px 12px;padding:12px 16px;border:1px solid #d4dfcd;border-radius:12px;background:#f3f7ee;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;color:#36512d}.mail-health168 small{color:#65725f}.mail-health168 button{margin-left:auto}.mail-health168[data-state=outage],.mail-health168[data-state=recovering]{background:#fff7e7;border-color:#e9ce98;color:#795515}.mail-health168[data-state=attention]{background:#fff0ec;border-color:#dfb5a8;color:#963e27}.mail-health168[data-state=unknown]{background:#f4f5f5;color:#626a67}.mail-health168[role=status]{font-size:13px}.mail-delivery168{font-size:12px;color:#66755e;white-space:normal}.mail-delivery168[data-state=uncertain],.mail-status168[data-state=failed]{color:#a3492b}.mail-outbox168{width:min(760px,94vw);max-height:88vh;border:1px solid #d4dfcd;border-radius:20px;padding:24px;color:#293726;background:#fbfcf9;box-shadow:0 24px 80px #142c2233}.mail-outbox168::backdrop{background:#17261b66}.mail-outbox168 header{display:flex;justify-content:space-between;align-items:center;gap:16px}.mail-outbox168 h2{margin:0}.mail-hint168{color:#66715f;font-size:14px;line-height:1.5}.mail-outbox-list168{display:grid;gap:12px;margin:16px 0;max-height:55vh;overflow:auto}.mail-outbox-row168{padding:16px;border:1px solid #dfe5d9;border-left:4px solid #c6d4bb;border-radius:12px;background:white;display:grid;gap:7px}.mail-outbox-row168 h3,.mail-outbox-row168 p{margin:0;overflow-wrap:anywhere}.mail-outbox-row168 small{color:#71806b}.mail-outbox-row168[data-state=sent]{border-left-color:#559b2f}.mail-outbox-row168[data-state=retry],.mail-outbox-row168[data-state=blocked]{border-left-color:#d19b29}.mail-outbox-row168[data-state=uncertain],.mail-outbox-row168[data-state=failed]{border-left-color:#bf6344}.mail-preview168{font-size:14px;white-space:pre-wrap}.mail-actions168{display:flex;gap:8px;flex-wrap:wrap}.mail-empty168{padding:30px;text-align:center;color:#72816b}@media(max-width:640px){.mail-health168{margin:0 8px 8px}.mail-health168 button{margin-left:0}.mail-outbox168{padding:16px}.mail-outbox-list168{max-height:50vh}}
.mail-outbox168 [data-mail-error]:empty{display:none}.mail-outbox168 [aria-pressed=true]{background:#edf5e6;border-color:#7c9f68}

/* Compact mailbox status: no additional row in the conversation. */
.mail-indicator168{display:inline-flex;vertical-align:middle;margin-left:5px;line-height:1}
.mail-indicator168 .mail-indicator-button168{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;vertical-align:middle}
.mail-indicator168 .mail-indicator-button168:hover{background:#e9efdf}
.mail-indicator168 .mail-indicator-button168:focus-visible{outline:2px solid #4d862c;outline-offset:2px}
.mail-indicator-dot168{display:block;width:10px;height:10px;border-radius:50%;background:#89928b;box-shadow:0 0 0 3px #89928b20}
.mail-indicator168[data-state=ready] .mail-indicator-dot168{background:#4c9428;box-shadow:0 0 0 3px #4c942820}
.mail-indicator168[data-state=outage] .mail-indicator-dot168{background:#d48b12;box-shadow:0 0 0 3px #d48b1220}
.mail-indicator168[data-state=recovering] .mail-indicator-dot168{background:#2684c7;box-shadow:0 0 0 3px #2684c720}
.mail-indicator168[data-state=attention] .mail-indicator-dot168{background:#c34233;box-shadow:0 0 0 3px #c3423320}
.mail-popover168{position:fixed;z-index:1000;box-sizing:border-box;max-width:calc(100vw - 24px);padding:16px;border:1px solid #d9e2d2;border-radius:14px;background:#fff;color:#2e3d27;box-shadow:0 10px 32px #1c321e26;font-size:13px;line-height:1.45;text-align:left;overflow-wrap:anywhere}
.mail-popover168[hidden]{display:none}
.mail-popover168 strong{display:block;font-size:14px}
.mail-popover168 p{margin:8px 0}
.mail-popover168 small{display:block;color:#6c7865;margin-bottom:12px}
.mail-popover168 button{font:inherit}
.mail-popover168[data-state=outage]{border-color:#e9ce98}
.mail-popover168[data-state=attention]{border-color:#dfb5a8}
.mail-popover168[data-state=recovering]{border-color:#9fcbe8}

#chat .chat-context.mail-context168{display:flex;align-items:center;min-width:0;gap:0;-webkit-line-clamp:unset}
.mail-context-text168{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-context168 .mail-indicator168{flex:none}
@media(max-width:820px){#chat.chat-pane:has(.mail-indicator168){position:fixed;inset:0;width:auto}}