.topbar:has(#syncHealth:not([hidden])) { flex-wrap: wrap; height: auto; gap: 10px; padding-block: 12px; }
body.is-advisor-view .workspace:has(#syncHealth:not([hidden])) { grid-template-rows: auto minmax(0, 1fr); }
@media (min-width: 901px) {
  body.is-issues-view .workspace:has(#syncHealth:not([hidden])) { grid-template-rows: auto minmax(0, 1fr); }
}
#syncHealth { flex: 1 0 100%; display: flex; align-items: center; gap: 10px; min-width: 0; padding-top: 8px; border-top: 1px solid var(--border); color: var(--muted); }
#syncHealth[hidden] { display: none; }
#syncHealth > svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--warning); }
#syncHealth.is-persistent > svg { color: var(--danger); }
#syncHealthText { flex: 1; min-width: 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
#syncHealth .icon-button { width: 30px; min-width: 30px; height: 30px; min-height: 30px; flex-shrink: 0; }
.toast.is-warning { border-color: #dbc38a; background: #fffcf3; color: #77510d; }
.toast.is-error { border-color: #d9a5af; background: #fff7f8; color: #a92e46; }
.site-dialog .restore-operation--unconfirmed { border-color: #dbc38a; background: #fffcf3; }
.site-dialog .restore-operation--unconfirmed .restore-operation-icon { color: #77510d; }
/* External notification controls inherit the mail dialog theme. */
#externalNotificationPanel > summary { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--text); font-weight: 600; font-size: 14px; }
#externalNotificationPanel > summary::before { content: "›"; color: var(--primary); }
#externalNotificationPanel[open] > summary::before { transform: rotate(90deg); }
#externalNotificationStatus { margin-left: auto; color: var(--primary); font-size: 12px; font-weight: 400; white-space: nowrap; }
#externalNotificationPanel > p, #externalNotificationPanel > details { font-size: 13px; line-height: 1.7; color: var(--muted); overflow-wrap: anywhere; }
#externalNotificationPanel .email-field-grid { margin-top: 16px; }
#externalNotificationReceipts { padding-left: 20px; }
#externalNotificationReceipts li { padding: 8px 0; }
#externalNotificationReceipts p { margin: 4px 0; }