.channel-status-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.channel-status-icon{display:grid;place-items:center;width:48px;min-width:48px;height:48px;padding:0;border:1px solid var(--md-outline-variant);border-radius:var(--r-full);background:var(--md-surface-low);color:var(--md-on-surface);cursor:help}
.channel-status-icon.ok{color:var(--md-success);background:color-mix(in srgb,var(--md-success) 7%,var(--md-surface-lowest))}
.channel-status-icon.error{color:var(--md-error);background:color-mix(in srgb,var(--md-error) 7%,var(--md-surface-lowest))}
.channel-status-icon.wait{color:var(--md-warning)}
.channel-status-icon:hover{border-color:currentColor}
.channel-status-icon:focus-visible{outline:2px solid var(--md-primary);outline-offset:3px}
.channel-publication-caption{margin:0;font:500 13px/20px var(--font);color:var(--md-on-surface-variant)}
.channel-publication-caption.ok{color:var(--md-success)}
.channel-publication-caption.error{color:var(--md-error)}
.detail-status{align-items:center;column-gap:12px;row-gap:8px}
.channel-status-tooltip{position:fixed;z-index:200;box-sizing:border-box;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:12px 16px;border-radius:var(--r-md);background:var(--md-on-surface);color:var(--md-surface-lowest);font:400 13px/20px var(--font);box-shadow:var(--e2);overflow-wrap:anywhere}
.channel-publication-icon{font-size:20px;vertical-align:middle;margin-right:6px}
@media(max-width:400px){.detail-status{align-items:flex-start;flex-direction:column}.channel-status-icons{gap:8px}}