/* Shared semantic colors keep Slack setup legible in light and dark modes. */
.slack-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.slack-connection h2{font-size:17px;margin:0 0 8px}.slack-connection p{margin:6px 0}.slack-connection button{flex-shrink:0}
.slack-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;box-sizing:border-box;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-control-line)}
.slack-dialog h2{font-size:24px;margin:0 64px 12px 0}.slack-dialog h3{font-size:17px;margin:0 0 14px}.slack-dialog p{line-height:1.55;overflow-wrap:anywhere}
#slack-close{float:right}.slack-section{border-top:1px solid var(--color-line);margin-top:22px;padding-top:22px}.slack-muted{color:var(--color-muted);font-size:13px}
.slack-blockers{color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-warning-line);padding:12px 14px 12px 32px;border-radius:8px;line-height:1.5}.slack-blockers li+li{margin-top:6px}
.slack-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.slack-dialog label:not(.slack-choice){display:block;margin:14px 0 6px;font-weight:600}.slack-dialog input:not([type=checkbox]),.slack-dialog select{width:100%;max-width:100%;box-sizing:border-box}
.slack-choice{display:flex;align-items:flex-start;gap:10px;margin:14px 0;line-height:1.5}.slack-choice input[type=checkbox]{flex:0 0 auto;width:17px;height:17px;margin:3px 0 0}.slack-choice span{min-width:0;overflow-wrap:anywhere}
#slack-responders{border:1px solid var(--color-control-line);border-radius:8px;padding:4px 14px;margin:18px 0 10px}#slack-responders legend{padding:0 6px}
.slack-code,.slack-revoke{background:var(--color-raised);padding:16px;border:1px solid var(--color-control-line);border-radius:8px;margin-top:16px}.slack-code code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;padding:12px 0;color:var(--color-text);font-size:16px}.slack-revoke button{margin:4px 8px 4px 0}
.slack-incident{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}.slack-incident[hidden]{display:none}.slack-incident a{font-size:12px;white-space:nowrap}.slack-incident[data-state=failed] button,.slack-incident[data-state=blocked] button{color:var(--color-warning)}
.slack-dialog [hidden]{display:none!important}
@media(max-width:600px){.slack-connection{align-items:flex-start;flex-direction:column;gap:10px}.slack-dialog{padding:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.slack-dialog h2{font-size:21px}.slack-actions button{flex:1 1 160px}.slack-incident button{font-size:11px;padding:5px 7px}.slack-incident a{font-size:11px}}

.slack-request-list{list-style:none;padding:0}.slack-request-list li{border-top:1px solid var(--color-line);padding:12px 0}.slack-request-list p{margin:6px 0}.slack-request-list li[data-state=blocked] strong,.slack-request-list li[data-state=unknown] strong{color:var(--color-warning)}