.inbox-root {
  --inbox-ice: #9adcf5;
  --inbox-purple: #a98cff;
  --inbox-human: #7ed7ad;
  --inbox-approval: #f3a45f;
  height: calc(100dvh - 190px);
  min-height: 560px;
  overflow: hidden;
}

.manager-page:has(.inbox-root) {
  max-width: 1680px;
}

.inbox-shell {
  display: grid;
  grid-template-columns: minmax(190px, .65fr) minmax(290px, 1fr) minmax(0, 1.75fr) minmax(260px, .9fr);
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #101419;
  box-shadow: var(--shadow);
}

.inbox-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  border-right: 1px solid var(--border);
  background: rgba(24, 29, 35, .96);
}

.inbox-panel:last-child { border-right: 0; }
.inbox-folders,
.inbox-context { background: rgba(31, 36, 44, .88); backdrop-filter: blur(16px); }
.inbox-panel__header { flex: 0 0 auto; padding: 14px; border-bottom: 1px solid var(--border); }
.inbox-panel__header h1,
.inbox-panel__header h2 { margin: 4px 0; font-size: 1.05rem; }
.inbox-contact-summary { display: flex; min-width: 0; align-items: center; gap: 9px; }
.inbox-contact-summary__label { min-width: 0; font-size: .92rem; font-weight: 700; }
.inbox-contact-count { display: inline-grid; min-width: 30px; height: 24px; margin-left: auto; padding: 0 8px; place-items: center; border-radius: 999px; color: #fff; background: #087bea; font-size: .75rem; font-variant-numeric: tabular-nums; line-height: 1; }
.inbox-panel__body { min-height: 0; padding: 14px; overflow-y: auto; overscroll-behavior: contain; }
.inbox-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }

.inbox-nav-list,
.inbox-label-list,
.inbox-conversation-list,
.inbox-timeline { list-style: none; margin: 0; padding: 0; }
.inbox-nav-list { display: grid; gap: 4px; }
.inbox-nav-button,
.inbox-conversation,
.inbox-back,
.inbox-filter-toggle {
  width: 100%;
  border: 0;
  color: var(--text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.inbox-nav-button { display: flex; justify-content: space-between; gap: 8px; padding: 10px; border-radius: 8px; }
.inbox-nav-button:hover,
.inbox-nav-button[aria-current="true"] { background: rgba(154, 220, 245, .12); color: var(--inbox-ice); }
.inbox-nav-button:focus-visible,
.inbox-conversation:focus-visible,
.inbox-filter input:focus-visible,
.inbox-filter select:focus-visible,
.inbox-composer button:focus-visible,
.inbox-back:focus-visible { outline: 3px solid var(--inbox-ice); outline-offset: 2px; }
.inbox-label-heading { margin: 22px 10px 8px; color: var(--muted); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.inbox-label-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--inbox-purple); display: inline-block; margin-right: 8px; }
.inbox-state--compact { min-height: 0; padding: 8px 10px; place-items: start; text-align: left; }

.inbox-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; align-items: end; min-width: 0; }
.inbox-filter { display: grid; min-width: 0; gap: 5px; color: var(--muted); font-size: .75rem; }
.inbox-filter--search { grid-column: 1 / -1; }
.inbox-filters button { min-width: 0; }
.inbox-filter input,
.inbox-filter select,
.inbox-composer textarea {
  width: 100%; min-width: 0; border: 1px solid var(--border); border-radius: 8px; background: #11161c; color: var(--text); padding: 7px;
}
.inbox-conversation-list { border-top: 1px solid var(--border); }
.inbox-conversation { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; padding: 12px; border-bottom: 1px solid var(--border); }
.inbox-conversation:hover,
.inbox-conversation[aria-current="true"] { background: rgba(154, 220, 245, .08); }
.inbox-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #293542; color: var(--inbox-ice); font-weight: 800; overflow: hidden; }
.inbox-avatar img { width: 100%; height: 100%; object-fit: cover; }
.inbox-conversation__content { min-width: 0; }
.inbox-conversation__title { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.inbox-conversation__preview { display: block; min-width: 0; margin: 5px 0 0; color: var(--muted); font-size: .83rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inbox-conversation__preview--deleted { display: flex; align-items: baseline; gap: 4px; text-overflow: clip; }
.inbox-conversation__preview--deleted del { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inbox-conversation__signals { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 7px; color: var(--muted); font-size: .68rem; overflow: visible; }
.inbox-conversation__signals > span:not(.inbox-platform-chip):not(.inbox-history-chip):not(.inbox-unread) { min-width: 0; overflow-wrap: anywhere; }
.inbox-identifier { display: inline-flex; min-width: 0; max-width: 100%; align-items: center; gap: 5px; border: 1px solid rgba(88, 180, 255, .48); border-radius: 999px; padding: 3px 9px; color: #cfeaff; background: rgba(88, 180, 255, .09); font-size: .68rem; line-height: 1.25; }
.inbox-identifier--removable { padding-right: 4px; }
.inbox-identifier > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inbox-identifier[data-color="green"] { border-color: rgba(104, 220, 154, .48); color: #ccf6dd; background: rgba(104, 220, 154, .09); }
.inbox-identifier[data-color="gold"] { border-color: rgba(242, 202, 101, .52); color: #fae9b9; background: rgba(242, 202, 101, .09); }
.inbox-identifier[data-color="pink"] { border-color: rgba(237, 145, 206, .5); color: #f8d2eb; background: rgba(237, 145, 206, .09); }
.inbox-identifier[data-color="teal"] { border-color: rgba(103, 216, 219, .5); color: #caf5f4; background: rgba(103, 216, 219, .09); }
.inbox-identifier[data-color="violet"] { border-color: rgba(169, 140, 255, .5); color: #ddd2ff; background: rgba(169, 140, 255, .09); }
.inbox-identifier-overflow { color: var(--inbox-ice); font-weight: 700; }
.inbox-conversation__meta { color: var(--muted); font-size: .72rem; text-align: right; white-space: nowrap; }
.inbox-badge { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 999px; padding: 2px 7px; color: var(--muted); font-size: .68rem; }
.inbox-platform-chip { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; border: 1px solid var(--border); border-radius: 999px; padding: 2px 7px; color: #dce7f0; background: rgba(255, 255, 255, .04); font-size: .68rem; line-height: 1.25; }
.inbox-history-chip { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; border: 1px dashed rgba(154, 220, 245, .52); border-radius: 999px; padding: 2px 7px; color: #d9f3fc; background: rgba(154, 220, 245, .08); font-size: .68rem; line-height: 1.25; }
.inbox-history-chip > span { font-weight: 900; }
.inbox-history-chip--partial { border-style: solid; border-color: rgba(243, 164, 95, .72); color: #ffe0bd; background: rgba(243, 164, 95, .12); }
.inbox-platform-chip > span { font-size: .58rem; font-weight: 900; letter-spacing: .02em; }
.inbox-platform-chip--instagram { border-color: rgba(225, 82, 145, .55); color: #ffc5df; }
.inbox-platform-chip--tiktok { border-color: rgba(63, 226, 219, .5); color: #b8fffb; }
.inbox-platform-chip--x { border-color: rgba(220, 226, 232, .5); color: #f3f6f8; }
.inbox-platform-chip--sms { border-color: rgba(126, 215, 173, .5); color: #caf7df; }
.inbox-platform-chip--rcs { border-color: rgba(92, 145, 255, .55); color: #bed2ff; }
.inbox-platform-chip--imessage { border-color: rgba(72, 205, 104, .55); color: #baf5c8; }
.inbox-platform-chip--epic { border-color: rgba(169, 140, 255, .55); color: #ddd2ff; }
.inbox-badge--olivia { color: #ddd2ff; border-color: rgba(169, 140, 255, .4); }
.inbox-badge--human { color: #caf7df; border-color: rgba(126, 215, 173, .4); }
.inbox-badge--approval { color: #ffd8b1; border-color: rgba(243, 164, 95, .45); }
.inbox-unread { min-width: 20px; height: 20px; padding-inline: 5px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--inbox-ice); color: #071118; font-weight: 800; }

.inbox-thread { background: #12171d; }
.inbox-thread .inbox-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inbox-thread__identity { min-width: 0; overflow-wrap: anywhere; }
.inbox-thread__identity p { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 4px 0 0; color: var(--muted); }
.inbox-history-notice { flex: 0 0 auto; margin: 12px 18px 0; padding: 10px 12px; border: 1px solid rgba(243, 164, 95, .52); border-radius: 10px; color: #f7e4cd; background: rgba(243, 164, 95, .08); overflow-wrap: anywhere; }
.inbox-history-notice strong { display: block; color: #ffe0bd; font-size: .84rem; }
.inbox-history-notice p { margin: 4px 0 0; font-size: .76rem; line-height: 1.45; }
.inbox-history-notice ul { margin: 6px 0 0; padding-left: 18px; color: var(--muted); font-size: .72rem; }
.inbox-timeline { flex: 1 1 auto; min-height: 0; padding: 18px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }
.inbox-history-control { min-height: 32px; display: grid; place-items: center; color: var(--muted); font-size: .76rem; }
.inbox-history-control button { border: 1px solid var(--border); border-radius: 999px; padding: 6px 10px; color: var(--text); background: var(--panel-2); cursor: pointer; }
.inbox-date-separator { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .72rem; margin: 18px 0; }
.inbox-date-separator::before,
.inbox-date-separator::after { content: ""; height: 1px; flex: 1; background: var(--border); }
.inbox-message { min-width: 0; max-width: 78%; margin: 9px 0; padding: 11px 13px; border: 1px solid var(--border); border-radius: 12px; background: #20262e; overflow-wrap: anywhere; word-break: break-word; }
.inbox-message--outbound { margin-left: auto; background: rgba(90, 113, 137, .24); }
.inbox-message--olivia { border-color: rgba(169, 140, 255, .42); }
.inbox-message--human_operator { border-color: rgba(126, 215, 173, .42); }
.inbox-message--unknown_participant { border-color: rgba(221, 181, 99, .42); }
.inbox-message--scheduled_automation { border-color: rgba(154, 220, 245, .35); }
.inbox-message--system_event { max-width: 100%; background: transparent; color: var(--muted); text-align: center; }
.inbox-message--imported_history { border-style: dashed; opacity: .8; }
.inbox-message__author { color: var(--muted); font-size: .72rem; }
.inbox-message__body { margin: 5px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.inbox-message__body--deleted del,
.inbox-conversation__preview del { color: var(--muted); text-decoration-thickness: 1px; }
.inbox-message__deleted-label,
.inbox-conversation__deleted-label { flex: 0 0 auto; color: var(--muted); font-style: italic; }
.inbox-message__meta { color: var(--muted); font-size: .68rem; }
.inbox-attachment { display: inline-block; margin: 5px 5px 0 0; padding: 5px 7px; border-radius: 6px; background: rgba(255, 255, 255, .06); }
.inbox-attachment-preview { display: grid; width: min(100%, 560px); min-width: 0; margin: 10px 0 4px; overflow: hidden; border: 1px solid var(--border); border-radius: 8px; background: #11161c; }
.inbox-attachment-preview :is(img, video) { display: block; width: 100%; max-height: 480px; object-fit: contain; background: #090d11; }
.inbox-attachment-preview audio { display: block; width: calc(100% - 16px); min-height: 40px; margin: 8px; }
.inbox-attachment-preview__label { padding: 7px 9px; color: var(--muted); font-size: .7rem; }
.inbox-media-preview__fallback,
.inbox-media-preview > figcaption:not(.inbox-attachment-preview__label) { display: none; }
.inbox-media-preview.is-unavailable :is(img, video, audio) { display: none; }
.inbox-media-preview.is-unavailable .inbox-media-preview__fallback,
.inbox-media-preview.is-unavailable > figcaption:not(.inbox-attachment-preview__label) { display: block; padding: 16px; color: var(--muted); font-size: .75rem; text-align: center; }
.inbox-template { display: grid; gap: 8px; width: min(100%, 360px); min-width: 0; margin: 10px 0; }
.inbox-template p { margin: 0; white-space: pre-wrap; }
.inbox-template :is(p, strong, span, button) { min-width: 0; overflow-wrap: anywhere; }
.inbox-template small,
.inbox-template > span { color: var(--muted); font-size: .72rem; }
.inbox-template__choices { display: grid; gap: 6px; min-width: 0; }
.inbox-template button:disabled { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; color: var(--text); background: rgba(255, 255, 255, .035); font: inherit; font-size: .82rem; white-space: normal; opacity: 1; cursor: default; }
.inbox-template__carousel { display: flex; gap: 8px; min-width: 0; padding: 2px 0 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; }
.inbox-template__carousel:focus-visible { outline: 2px solid var(--inbox-ice); outline-offset: 2px; }
.inbox-template__card { display: flex; flex: 0 0 calc(100% - 16px); box-sizing: border-box; min-width: 0; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: rgba(255, 255, 255, .025); scroll-snap-align: start; }
.inbox-template__card strong { font-size: .92rem; }
.inbox-template__card p { color: var(--muted); font-size: .8rem; }
.inbox-template__card .inbox-template__choices { margin-top: auto; }
.inbox-template__image { display: grid; width: 100%; min-height: 96px; margin: 0; place-content: center; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; color: var(--muted); background: #0d1217; font-size: .72rem; text-align: center; }
.inbox-template__image img { display: block; width: 100%; aspect-ratio: 1.91; object-fit: contain; background: #090d11; }
.inbox-template__selection { display: grid; gap: 3px; padding: 8px; border-left: 3px solid var(--inbox-ice); background: rgba(154, 220, 245, .07); }

.inbox-composer { flex: 0 0 auto; padding: 12px; border-top: 1px solid var(--border); background: rgba(24, 29, 35, .95); }
.inbox-composer__tabs { display: flex; gap: 6px; margin-bottom: 8px; }
.inbox-composer button { border: 1px solid var(--border); border-radius: 7px; padding: 6px 10px; background: var(--panel-2); color: var(--text); }
.inbox-composer textarea { resize: none; color: var(--muted); }
.inbox-composer__notice { margin: 7px 0 0; color: var(--muted); font-size: .72rem; }

.inbox-context-section { padding: 15px; border-bottom: 1px solid var(--border); }
.inbox-context-section h3 { margin: 0 0 10px; font-size: .88rem; }
.inbox-facts { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); gap: 8px; margin: 0; font-size: .78rem; overflow-wrap: anywhere; }
.inbox-facts dt { color: var(--muted); }
.inbox-facts dd { margin: 0; overflow-wrap: anywhere; }
.inbox-ai-rulebook__heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.inbox-ai-rulebook__heading h3 { margin: 0; }
.inbox-ai-rulebook__heading > span { color: var(--inbox-ice); font-size: .7rem; font-weight: 700; }
.inbox-ai-rulebook form { display: grid; gap: 8px; margin-top: 12px; }
.inbox-ai-rulebook__text { display: grid; min-width: 0; gap: 5px; color: var(--muted); font-size: .72rem; }
.inbox-ai-rulebook textarea { width: 100%; min-width: 0; border: 1px solid var(--border); border-radius: 6px; padding: 7px; color: var(--text); background: #11161c; font: inherit; }
.inbox-ai-rulebook textarea { min-height: 104px; resize: vertical; line-height: 1.4; }
.inbox-ai-rulebook__meta { display: flex; justify-content: flex-end; color: var(--muted); font-size: .68rem; }
.inbox-ai-rulebook__actions { display: flex; flex-wrap: wrap; gap: 7px; }
.inbox-ai-rulebook__actions button { min-width: 0; border: 1px solid var(--border); border-radius: 6px; padding: 7px 9px; color: var(--text); background: var(--panel-2); cursor: pointer; }
.inbox-ai-rulebook__actions button[type="submit"] { border-color: rgba(154, 220, 245, .55); color: #d9f3fc; }
.inbox-ai-rulebook__actions button:disabled { cursor: wait; opacity: .65; }
.inbox-ai-rulebook__status { margin: 0; color: var(--inbox-human); font-size: .72rem; }
.inbox-ai-rulebook__status--error { color: #ffbea8; }
.inbox-ai-rulebook textarea:focus-visible,
.inbox-ai-rulebook button:focus-visible { outline: 3px solid var(--inbox-ice); outline-offset: 2px; }
.inbox-identifiers__heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.inbox-identifiers__heading h3 { margin: 0; }
.inbox-identifiers__heading > span { color: var(--muted); font-size: .72rem; font-variant-numeric: tabular-nums; }
.inbox-identifiers__list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.inbox-identifiers__empty { color: var(--muted); font-size: .76rem; }
.inbox-identifiers .inbox-identifier__remove { display: inline-grid; flex: 0 0 18px; width: 18px; height: 18px; padding: 0; place-items: center; border: 0; border-radius: 50%; color: inherit; background: rgba(0, 0, 0, .28); cursor: pointer; font: inherit; line-height: 1; }
.inbox-identifiers .inbox-identifier__remove:hover { background: rgba(255, 255, 255, .16); }
.inbox-identifiers .inbox-identifier__remove span { transform: translateY(-.5px); font-size: .82rem; }
.inbox-identifiers form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; align-items: end; margin-top: 12px; }
.inbox-identifiers form label { display: grid; min-width: 0; gap: 5px; color: var(--muted); font-size: .72rem; }
.inbox-identifiers form input,
.inbox-identifiers form select { width: 100%; min-width: 0; border: 1px solid var(--border); border-radius: 6px; padding: 7px; color: var(--text); background: #11161c; font: inherit; }
.inbox-identifiers form > button { min-width: 48px; border: 1px solid rgba(154, 220, 245, .55); border-radius: 6px; padding: 7px 9px; color: #d9f3fc; background: var(--panel-2); cursor: pointer; }
.inbox-identifiers button:disabled { cursor: wait; opacity: .65; }
.inbox-identifiers__status { grid-column: 1 / -1; margin: 0; color: var(--inbox-human); font-size: .72rem; }
.inbox-identifiers__status--error { color: #ffbea8; }
.inbox-identifiers input:focus-visible,
.inbox-identifiers select:focus-visible,
.inbox-identifiers button:focus-visible { outline: 3px solid var(--inbox-ice); outline-offset: 2px; }
.inbox-state { display: grid; place-items: center; min-height: 180px; padding: 24px; color: var(--muted); text-align: center; }
.inbox-load-more { display: block; margin: 14px auto; }
.inbox-back,
.inbox-filter-toggle,
.inbox-context-toggle { display: none; width: auto; padding: 7px; }
.inbox-filter-toggle { flex: 0 0 30px; height: 30px; border: 1px solid var(--border); border-radius: 50%; padding: 0; text-align: center; }
.inbox-filter-toggle span { display: block; font-size: 1rem; line-height: 28px; }

@media (max-width: 1200px) {
  .inbox-shell { grid-template-columns: minmax(260px, .9fr) minmax(0, 1.7fr) minmax(230px, .8fr); }
  .inbox-folders { display: none; }
  .inbox-filter-toggle { display: inline-block; }
  .inbox-shell.folders-open .inbox-folders { display: flex; position: absolute; z-index: 5; width: 280px; height: min(650px, calc(100dvh - 190px)); overflow: hidden; box-shadow: var(--shadow); }
  .inbox-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inbox-filter--search { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  .manager-page:has(.inbox-root) { padding: 12px; }
  .inbox-root { height: auto; min-height: calc(100dvh - 150px); overflow: visible; }
  .inbox-shell { display: block; height: auto; min-height: calc(100dvh - 150px); overflow: visible; }
  .inbox-conversations { display: flex; min-height: calc(100dvh - 150px); }
  .inbox-thread,
  .inbox-context { display: none; }
  .inbox-shell.has-selection .inbox-conversations { display: none; }
  .inbox-shell.has-selection .inbox-thread { display: flex; height: calc(100dvh - 150px); min-height: 480px; }
  .inbox-shell.has-selection .inbox-context { display: none; }
  .inbox-shell.has-selection.context-open .inbox-thread { display: none; }
  .inbox-shell.has-selection.context-open .inbox-context { display: flex; min-height: calc(100dvh - 150px); }
  .inbox-back { display: inline-block; }
  .inbox-context-toggle { display: inline-block; }
  .inbox-conversations > .inbox-scroll,
  .inbox-context > .inbox-scroll { max-height: none; }
}

@media (max-width: 620px) {
  .inbox-message { max-width: 90%; }
  .inbox-template { width: 100%; }
  .inbox-filters { grid-template-columns: 1fr; }
  .inbox-filter--search { grid-column: auto; }
}

.inbox-platform-chip--onlyfans { border-color: rgba(64, 194, 232, .55); color: #b9edfa; }
.inbox-of-content { margin: 10px 0; border: 1px solid rgba(64, 194, 232, .24); border-radius: 10px; background: rgba(8, 25, 33, .45); overflow: hidden; text-align: left; }
.inbox-of-content__header { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; padding: 10px; color: #b9edfa; font-size: .8rem; }
.inbox-of-content__header > :last-child { color: var(--muted); }
.inbox-of-content__media { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 8px; margin: 0; padding: 0 10px; list-style: none; }
.inbox-of-content__item { display: flex; min-width: 0; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; background: rgba(255, 255, 255, .025); }
.inbox-of-content__placeholder { display: grid; place-items: center; flex: 0 0 34px; height: 44px; border-radius: 6px; background: rgba(64, 194, 232, .08); color: #a7d5e4; font-size: 1.35rem; }
.inbox-of-content__details { display: grid; gap: 4px; min-width: 0; font-size: .8rem; }
.inbox-of-content__access { color: var(--muted); font-size: .75rem; }
.inbox-of-content__access--locked { color: #f5d0a3; }
.inbox-of-content__capture { color: var(--muted); font-size: .75rem; }
.inbox-of-content__empty { display: grid; gap: 5px; padding: 12px; background: rgba(255, 255, 255, .025); font-size: .78rem; }
.inbox-of-content__empty > span { color: var(--muted); font-size: .75rem; }
.inbox-of-content__note { margin: 0; padding: 10px; color: var(--muted); font-size: .75rem; line-height: 1.5; }

/* Canonical profile: account information first, transport diagnostics on demand. */
.inbox-contact-profile .inbox-profile-name { display:block; margin: 10px 0 4px; font-size: 17px; line-height:1.4; overflow-wrap:anywhere; }
.inbox-profile-source { display:block; color:#aeb7c1; font-size:11px; }
.inbox-contact-profile h4 { margin:16px 0 8px; font-size:12px; }
.inbox-profile-accounts { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.inbox-profile-account { padding:10px; border:1px solid #39434b; border-radius:8px; display:grid; gap:5px; min-width:0; }
.inbox-profile-account__platform { color:#bbc9d6; font-size:11px; font-weight:600; }
.inbox-profile-account a, .inbox-profile-account__label { overflow-wrap:anywhere; min-width:0; line-height:1.5; }
.inbox-profile-account a { color:#c4e2fa; text-decoration:underline; text-underline-offset:3px; min-height:32px; display:flex; align-items:center; gap:4px; }
.inbox-profile-account a:focus-visible { outline:2px solid #b5df79; outline-offset:3px; }
.inbox-profile-account small, .inbox-profile-note { color:#aeb7c1; font-size:11px; line-height:1.55; }
.inbox-profile-sync { margin-top:16px; border-top:1px solid #39434b; padding-top:10px; }
.inbox-profile-sync summary { cursor:pointer; min-height:44px; display:list-item; font-size:12px; line-height:1.6; padding:8px 0; }
.inbox-profile-sync .inbox-facts { margin-top:8px; }
.inbox-consent-details { margin-top:10px; font-size:.78rem; }
.inbox-consent-details summary { cursor:pointer; min-height:44px; padding:8px 0; }
.inbox-consent-details .inbox-facts { margin-top:8px; }

.inbox-draft [data-response-draft-text] { white-space: pre-wrap; overflow-wrap: anywhere; }
.inbox-draft-buttons { margin: .75rem 0; padding-inline-start: 1.5rem; }
.inbox-draft-buttons li { margin-block: .4rem; overflow-wrap: anywhere; }

.inbox-group-badge { border: 1px solid var(--border, #39434b); border-radius: 4px; padding: 1px 6px; font-size: .75rem; }
.inbox-group-members { list-style: none; padding: 0; margin: 0; }
.inbox-group-members li { padding: 10px 0; border-bottom: 1px solid var(--border, #39434b); overflow-wrap: anywhere; }
.inbox-group-members p { margin: 4px 0; }
.inbox-group-members small { color: var(--muted); }