/* Custom icons, GitHub blocks, Slack / GitHub dialogs (ext/integrations2.js) */

.pn-icon-img { width: 1.1em; height: 1.1em; object-fit: cover; border-radius: 3px; vertical-align: -0.18em; display: inline-block; }
.page-icon .pn-icon-img { width: 1em; height: 1em; border-radius: 6px; vertical-align: top; }
.sb-icon .pn-icon-img, .mi-icon .pn-icon-img, .si-icon .pn-icon-img, .pl-icon .pn-icon-img { width: 1em; height: 1em; vertical-align: -0.12em; }
.mention .pn-icon-img { width: 1em; height: 1em; vertical-align: -0.12em; margin-right: 1px; }

.gh-block { margin: 4px 0; user-select: none; }
.gh-card { display: block; border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; background: var(--bg-elev); color: inherit; text-decoration: none; }
.gh-loading, .gh-error { color: var(--fg-muted); }
.gh-error .btn { margin-top: 6px; }
.gh-top { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.gh-repo { color: var(--fg-muted); text-decoration: none; }
.gh-repo:hover, .gh-title:hover { text-decoration: underline; }
.gh-refresh { margin-left: auto; opacity: 0; }
.gh-card:hover .gh-refresh, .gh-refresh:focus-visible { opacity: 1; }
.gh-title { display: block; font-weight: 600; font-size: 15px; margin: 4px 0 6px; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.gh-state { border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 600; color: #fff; white-space: nowrap; }
.gh-open { background: #1f883d; }
.gh-closed { background: #8250df; }
.gh-closed.gh-pr-closed { background: #cf222e; }
.gh-merged { background: #8250df; }
.gh-draft { background: #6e7781; }
.gh-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; }
.gh-label { border-radius: 999px; padding: 0 8px; line-height: 20px; font-weight: 500; }
.gh-assignees { display: inline-flex; align-items: center; gap: 2px; color: var(--fg-muted); }
.gh-avatar { width: 18px; height: 18px; border-radius: 50%; }
.gh-empty { display: flex; gap: 8px; align-items: center; border: 1px dashed var(--border); border-radius: 8px; padding: 8px 10px; }
.gh-mark { color: var(--fg-muted); font-size: 18px; }

.i2-dialog h3, .i2-settings h3 { margin: 14px 0 4px; font-size: 15px; }
.i2-item { border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; margin: 8px 0; display: grid; gap: 6px; }
.i2-item-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; }
.i2-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.i2-copy { display: flex; gap: 6px; align-items: center; }
.i2-copy .input { flex: 1; min-width: 0; }
.i2-events { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 14px; }
.i2-settings textarea.mono { font: 12px/1.4 var(--mono); white-space: pre; }
.i2-dialog details summary { cursor: pointer; color: var(--accent); font-size: 14px; }