styles.css

/* ─── File History — right panel ─────────────────────────────── */

.ghs-gh-resizer {
  flex: 0 0 auto;
  height: 7px;
  cursor: row-resize;
  position: relative;
  touch-action: none;
}

.ghs-gh-resizer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  height: 1px;
  background: var(--background-modifier-border);
}

.ghs-gh-resizer:hover::after,
.ghs-gh-resizer.is-dragging::after {
  top: 2px;
  height: 3px;
  border-radius: 2px;
  background: var(--interactive-accent);
}

.ghs-gh-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}

/* Drag-resized: explicit height from the --ghs-history-height prop. */
.ghs-gh-section.is-sized {
  flex: 0 0 auto;
  height: var(--ghs-history-height);
}

/* Collapsed: the panel shrinks to its header, styled as a button. */
.ghs-gh-section.is-collapsed {
  flex: 0 0 auto;
}

.ghs-gh-section.is-collapsed .ghs-gh-list,
.ghs-gh-section.is-collapsed .ghs-gh-expand-btn {
  display: none;
}

.ghs-gh-section.is-collapsed .ghs-gh-header {
  cursor: pointer;
  padding: 6px 10px;
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  background: var(--background-secondary);
}

.ghs-gh-section.is-collapsed .ghs-gh-header:hover {
  background: var(--background-modifier-hover);
}

.ghs-gh-chevron {
  display: none;
  margin-left: auto;
  color: var(--text-muted);
  flex-shrink: 0;
}

.ghs-gh-chevron svg { width: 13px; height: 13px; }

.ghs-gh-section.is-collapsed .ghs-gh-chevron {
  display: inline-flex;
}

.ghs-gh-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px 6px;
  flex-shrink: 0;
}

.ghs-gh-icon {
  display: inline-flex;
  color: var(--text-muted);
  flex-shrink: 0;
}

.ghs-gh-icon svg { width: 13px; height: 13px; }

.ghs-gh-title {
  font-size: 0.78em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ghs-gh-expand-btn {
  margin-left: auto;
  background: none;
  border: none;
  width: 22px;
  height: 22px;
  padding: 0;
  cursor: pointer;
  color: var(--text-muted);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ghs-gh-expand-btn:hover {
  background: var(--background-modifier-hover);
  color: var(--text-normal);
}
.ghs-gh-expand-btn svg { width: 13px; height: 13px; }

.ghs-gh-list {
  overflow-y: auto;
  flex: 1;
  min-height: 60px;
}

.ghs-gh-empty {
  padding: 12px;
  font-size: 0.82em;
  color: var(--text-faint);
  text-align: center;
}

.ghs-gh-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 12px;
  cursor: pointer;
  transition: background 80ms;
  user-select: none;
}

.ghs-gh-row:hover { background: var(--background-modifier-hover); }

.ghs-gh-row.is-selected {
  background: color-mix(in srgb, var(--color-accent) 10%, transparent);
}

.ghs-gh-origin-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}

.ghs-gh-origin-icon svg { width: 10px; height: 10px; }
.ghs-gh-origin-icon.is-local  { color: var(--color-accent); }
.ghs-gh-origin-icon.is-remote { color: var(--color-red); }

.ghs-gh-hash {
  font-family: var(--font-monospace);
  font-size: 0.75em;
  color: var(--color-accent);
  flex: 1;
}

.ghs-gh-date {
  font-size: 0.72em;
  color: var(--text-faint);
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
}


/* ─── File History Modal ──────────────────────────────────────── */

.ghs-fh-modal {
  width: min(95vw, 1100px) !important;
  height: min(90vh, 860px) !important;
  display: flex !important;
  flex-direction: column !important;
}

.ghs-fh-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0 !important;
}

.ghs-fh-header {
  padding: 8px 20px 8px;
  border-bottom: 1px solid var(--background-modifier-border);
  flex-shrink: 0;
}

.ghs-fh-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}

.ghs-fh-title-row h3 { margin: 0; font-size: 1em; font-weight: 600; }

.ghs-fh-title-icon { display: inline-flex; color: var(--color-accent); flex-shrink: 0; }
.ghs-fh-title-icon svg { width: 16px; height: 16px; }

.ghs-fh-subtitle { font-size: 0.8em; color: var(--text-muted); line-height: 1.3; margin-bottom: 1px; }
.ghs-fh-subtitle-dir { opacity: 0.7; }
.ghs-fh-subtitle-name { font-weight: 500; color: var(--text-normal); }

.ghs-fh-hint { font-size: 0.72em; color: var(--text-faint); margin-top: 2px; }

/* ── Body: horizontal split ── */

.ghs-fh-body {
  display: flex;
  flex: 1;
  min-height: 0;
}

/* ── Commit list ── */

.ghs-fh-list {
  width: 280px;
  flex-shrink: 0;
  overflow-y: auto;
  border-right: 1px solid var(--background-modifier-border);
}

.ghs-fh-loading, .ghs-fh-empty {
  padding: 20px;
  text-align: center;
  color: var(--text-muted);
  font-size: 0.87em;
  margin: 0;
}

.ghs-fh-error {
  padding: 20px;
  text-align: center;
  color: var(--text-error);
  font-size: 0.87em;
  margin: 0;
}

.ghs-fh-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  cursor: pointer;
  border-bottom: 1px solid var(--background-modifier-border);
  transition: background 80ms;
  user-select: none;
}

.ghs-fh-row:hover { background: var(--background-modifier-hover); }

.ghs-fh-row.is-selected {
  background: color-mix(in srgb, var(--color-accent) 10%, transparent);
}

.ghs-fh-origin-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}

.ghs-fh-origin-icon svg { width: 11px; height: 11px; }
.ghs-fh-origin-icon.is-local  { color: var(--color-accent); }
.ghs-fh-origin-icon.is-remote { color: var(--color-red); }

.ghs-fh-message {
  flex: 1;
  font-size: 1em;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ghs-fh-hash {
  font-family: var(--font-monospace);
  font-size: 0.73em;
  color: var(--text-muted);
  flex-shrink: 0;
}

.ghs-fh-date {
  font-size: 0.73em;
  color: var(--text-faint);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── Diff pane ── */

.ghs-fh-diff-pane {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: var(--background-primary);
}

.ghs-fh-diff-info-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 16px;
  border-bottom: 1px solid var(--background-modifier-border);
  flex-shrink: 0;
  flex-wrap: wrap;
  background: var(--background-secondary);
}

.ghs-fh-diff-hash {
  font-family: var(--font-monospace);
  font-size: 0.78em;
  color: var(--color-accent);
  flex-shrink: 0;
}

.ghs-fh-diff-msg {
  font-size: 0.85em;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.ghs-fh-diff-author {
  font-size: 0.78em;
  color: var(--text-muted);
  flex-shrink: 0;
}

.ghs-fh-copy-btn {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 0.78em;
  padding: 2px 8px;
  height: auto;
  cursor: pointer;
}

/* ── Stat bar ── */

.ghs-fh-diff-stats {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 3px 16px;
  border-bottom: 1px solid var(--background-modifier-border);
  flex-shrink: 0;
  font-size: 0.75em;
  font-family: var(--font-monospace);
  font-weight: 600;
  background: var(--background-secondary);
}

.ghs-fh-diff-stats.has-stats { display: flex; }

.ghs-fh-stat-add { color: var(--color-green); }
.ghs-fh-stat-del { color: var(--color-red); }

/* ── Diff content ── */

.ghs-fh-diff-content {
  overflow-y: auto;
  overflow-x: auto;
  flex: 1;
  min-height: 0;
}

.ghs-fh-diff-placeholder {
  padding: 60px 20px;
  text-align: center;
  color: var(--text-faint);
  font-size: 0.87em;
  margin: 0;
}

/* ── Diff table with line numbers ── */

.ghs-fh-diff-table {
  font-family: var(--font-monospace);
  font-size: 0.78em;
  line-height: 1.55;
  width: 100%;
}

.ghs-fh-diff-line {
  display: grid;
  grid-template-columns: 40px 40px 1fr;
}

.ghs-fh-diff-lno {
  text-align: right;
  padding: 0 6px;
  color: var(--text-faint);
  user-select: none;
  background: var(--background-secondary);
  border-right: 1px solid var(--background-modifier-border);
  font-size: 0.92em;
}

.ghs-fh-diff-text {
  padding: 0 12px;
  white-space: pre;
}

.ghs-fh-diff-add { background: color-mix(in srgb, var(--color-green) 8%, transparent); }
.ghs-fh-diff-add .ghs-fh-diff-text { color: var(--color-green); }
.ghs-fh-diff-del { background: color-mix(in srgb, var(--color-red) 8%, transparent); }
.ghs-fh-diff-del .ghs-fh-diff-text { color: var(--color-red); }
.ghs-fh-diff-hunk .ghs-fh-diff-text { color: var(--color-cyan, var(--color-accent)); }
.ghs-fh-diff-meta .ghs-fh-diff-text { color: var(--text-faint); }

.ghs-fh-diff-empty {
  padding: 16px 20px;
  color: var(--text-muted);
  font-size: 0.87em;
  margin: 0;
}

/* ── Footer ── */

.ghs-fh-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px;
  border-top: 1px solid var(--background-modifier-border);
  flex-shrink: 0;
}

/* ─── File explorer: submodule folder icon ────────────────────── */

.ghs-submodule-icon {
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  color: var(--text-muted);
  flex-shrink: 0;
}

.ghs-submodule-icon svg {
  width: 14px;
  height: 14px;
}

/* ─── Wizard ─────────────────────────────────────────────────── */

.ghs-wizard {
  padding: 8px 4px;
}

.ghs-wizard-progress {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 28px;
}

.ghs-wizard-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--background-modifier-border);
  transition: background 0.2s;
}

.ghs-wizard-dot.active { background: var(--color-accent); }
.ghs-wizard-dot.done   { background: var(--color-accent); opacity: 0.4; }

.ghs-wizard-hero {
  text-align: center;
  margin-bottom: 24px;
}

.ghs-wizard-hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--background-modifier-hover);
  color: var(--color-accent);
  margin-bottom: 12px;
}

.ghs-wizard-hero-icon svg {
  width: 28px;
  height: 28px;
}

.ghs-wizard-hero h2 {
  margin: 0 0 8px;
  font-size: 1.3em;
}

.ghs-wizard-hero p {
  color: var(--text-muted);
  font-size: 0.9em;
  margin: 0;
}

.ghs-wizard-field {
  margin-bottom: 16px;
}

.ghs-wizard-field label {
  display: block;
  font-size: 0.78em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.ghs-wizard-field input,
.ghs-wizard-field textarea {
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  color: var(--text-normal);
  font-size: 0.95em;
  box-sizing: border-box;
}

.ghs-wizard-field input:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 2px var(--color-accent-1);
}

.ghs-wizard-token-row {
  display: flex;
  gap: 6px;
  align-items: center;
}

.ghs-wizard-token-row input {
  flex: 1;
}

.ghs-url-row {
  display: flex;
  gap: 6px;
  align-items: center;
}

.ghs-url-row input {
  flex: 1;
  width: auto;
}

.ghs-eye-btn {
  flex-shrink: 0;
  padding: 6px 8px;
  background: var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  cursor: pointer;
  color: var(--text-muted);
  display: flex;
  align-items: center;
}

.ghs-eye-btn:hover { color: var(--text-normal); }
.ghs-eye-btn svg { width: 15px; height: 15px; }

.ghs-wizard-badge-row {
  margin-bottom: 8px;
}

/* ── Auth option cards (A / B choice in credentials step) ──── */

.ghs-auth-options {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0.5rem 0 0.75rem;
}

.ghs-auth-option {
  border: 1px solid var(--background-modifier-border);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ghs-auth-option.is-primary {
  border-color: var(--color-accent);
  background: color-mix(in srgb, var(--color-accent) 7%, transparent);
}

.ghs-auth-option.is-connected {
  border-color: var(--color-green);
  background: color-mix(in srgb, var(--color-green) 7%, transparent);
}

.ghs-auth-option-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ghs-auth-option-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: var(--font-ui-medium);
}

.ghs-auth-option-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--text-on-accent);
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}

.ghs-auth-option.is-connected .ghs-auth-option-letter {
  background: var(--color-green);
}

.ghs-auth-option-letter--b {
  background: var(--text-muted);
}

.ghs-auth-recommended {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--color-accent);
  color: var(--text-on-accent);
}

.ghs-auth-connected-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-ui-smaller);
  font-weight: 500;
  color: var(--color-green);
}

.ghs-auth-connected-badge .svg-icon {
  width: 13px;
  height: 13px;
}

.ghs-auth-option-desc {
  font-size: var(--font-ui-smaller);
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
}

.ghs-auth-or {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  color: var(--text-faint);
  font-size: var(--font-ui-smaller);
  font-weight: 600;
  letter-spacing: 0.06em;
}

.ghs-auth-or::before,
.ghs-auth-or::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--background-modifier-border);
}

.ghs-wizard-field .ghs-hint,
.ghs-field-hint {
  font-size: 0.8em;
  color: var(--text-faint);
  margin-top: 5px;
}

.ghs-field-hint {
  margin: 0 0 6px 0;
}

.ghs-wizard-field .ghs-hint a {
  color: var(--color-accent);
}

.ghs-status-badge,
.ghs-inline-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82em;
  padding: 4px 8px;
  border-radius: 6px;
  margin-top: 6px;
}

.ghs-status-badge svg,
.ghs-inline-badge svg {
  width: 14px;
  height: 14px;
}

.ghs-status-badge.success,
.ghs-inline-badge.valid {
  background: rgba(68, 207, 110, 0.10);
  border: 1px solid rgba(68, 207, 110, 0.35);
  color: var(--text-normal);
}

.ghs-status-badge.success svg,
.ghs-inline-badge.valid svg {
  color: #44cf6e;
}

.ghs-status-badge.error,
.ghs-inline-badge.invalid {
  background: rgba(251, 70, 76, 0.08);
  border: 1px solid rgba(251, 70, 76, 0.4);
  color: var(--text-normal);
}

.ghs-status-badge.error svg,
.ghs-inline-badge.invalid svg {
  color: #fb464c;
}

.ghs-status-badge.loading,
.ghs-inline-badge.loading {
  background: var(--background-secondary);
  color: var(--text-muted);
}

.ghs-status-badge.loading svg,
.ghs-inline-badge.loading svg {
  animation: ghs-spin 1.2s linear infinite;
}

@keyframes ghs-spin {
  to { transform: rotate(360deg); }
}

.ghs-wizard-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid var(--background-modifier-border);
  gap: 8px;
}

.ghs-wizard-footer .ghs-skip {
  font-size: 0.85em;
  color: var(--text-faint);
  cursor: pointer;
  text-decoration: underline;
}

.ghs-wizard-footer .ghs-skip:hover { color: var(--text-muted); }

.ghs-btn-group {
  display: flex;
  gap: 8px;
}

.ghs-feature-list {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

.ghs-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  font-size: 0.9em;
  color: var(--text-normal);
}

.ghs-feature-list li .icon {
  flex-shrink: 0;
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
}

.ghs-feature-list li .icon svg {
  width: 18px;
  height: 18px;
}

.ghs-feature-list li strong {
  display: block;
  margin-bottom: 2px;
}

.ghs-feature-list li span {
  color: var(--text-muted);
  font-size: 0.9em;
}

.ghs-mode-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}

.ghs-mode-card {
  border: 2px solid var(--background-modifier-border);
  border-radius: 8px;
  padding: 14px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  text-align: center;
}

.ghs-mode-card:hover {
  border-color: var(--color-accent);
  background: var(--background-secondary);
}

.ghs-mode-card.selected {
  border-color: var(--color-accent);
  background: var(--background-modifier-hover);
}

.ghs-mode-card .mode-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  color: var(--color-accent);
}

.ghs-mode-card .mode-icon svg {
  width: 24px;
  height: 24px;
}

.ghs-mode-card .mode-title {
  font-weight: 600;
  font-size: 0.9em;
  margin-bottom: 4px;
}

.ghs-mode-card .mode-desc {
  font-size: 0.78em;
  color: var(--text-muted);
}

/* ─── Dashboard ──────────────────────────────────────────────── */

.ghs-dashboard {
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ghs-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.ghs-dashboard-header-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.ghs-dashboard-header h4 {
  margin: 0;
  font-size: 0.85em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}


.ghs-icon-btn {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--text-muted);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ghs-icon-btn:hover:not(:disabled) {
  background: var(--background-modifier-hover);
  color: var(--text-normal);
}

.ghs-icon-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.ghs-icon-btn svg {
  width: 16px;
  height: 16px;
}

.ghs-repo-list {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

/* ── Repo picker modal ───────────────────────────────────────── */
.ghs-repo-search {
  width: 100%;
  margin-bottom: 0.5rem;
}
.ghs-repo-picker-list {
  max-height: 40vh;
  overflow-y: auto;
}
.ghs-repo-picker-footer {
  margin-top: 0.75rem;
}
.ghs-repo-picker-install-link {
  cursor: pointer;
}
.ghs-repo-group {
  font-weight: 600;
  margin: 0.5rem 0 0.25rem;
  opacity: 0.7;
}
.ghs-repo-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.5rem;
  border-radius: 6px;
  cursor: pointer;
}
.ghs-repo-row:hover {
  background: var(--background-modifier-hover);
}

.ghs-add-sub-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px 8px;
  margin-bottom: 8px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--text-faint);
  cursor: pointer;
  font-size: 0.8em;
  text-align: left;
  transition: color 0.12s, background 0.12s;
}
.ghs-add-sub-btn:hover {
  color: var(--color-accent);
  background: var(--background-modifier-hover);
}
.ghs-add-sub-btn svg { width: 12px; height: 12px; }

.ghs-repo-card {
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
  background: var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
}

.ghs-repo-card:hover {
  background: var(--background-modifier-hover);
}

.ghs-repo-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.ghs-repo-card-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 600;
  font-size: 0.9em;
  min-width: 0;
  flex: 1;
}

.ghs-repo-card-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.ghs-repo-card-phase {
  font-size: 0.75em;
  font-weight: 400;
  color: var(--color-accent);
  margin-left: auto;
  padding-left: 4px;
}

.ghs-repo-card-actions {
  display: flex;
  gap: 2px;
  flex-shrink: 0;
}

.ghs-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.ghs-status-dot.synced   { background: var(--color-green); }
.ghs-status-dot.syncing  { background: var(--color-yellow); animation: ghs-pulse 1s infinite; }
.ghs-status-dot.error    { background: var(--color-red); }
.ghs-status-dot.conflict { background: var(--color-orange); }
.ghs-status-dot.idle     { background: var(--background-modifier-border); }

@keyframes ghs-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}

.ghs-repo-card-meta {
  font-size: 0.76em;
  color: var(--text-faint);
  padding-left: 15px;
  margin-top: 2px;
}

.ghs-repo-card-error {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.8em;
  background: rgba(251, 70, 76, 0.08);
  border: 1px solid rgba(251, 70, 76, 0.4);
  color: var(--text-normal);
}

.ghs-repo-card-error.conflict {
  background: rgba(233, 151, 63, 0.08);
  border-color: rgba(233, 151, 63, 0.4);
}

.ghs-repo-card-error .ghs-error-icon {
  flex-shrink: 0;
  display: inline-flex;
  color: var(--color-red);
}
.ghs-repo-card-error.conflict .ghs-error-icon {
  color: var(--color-orange);
}

.ghs-repo-card-error .ghs-error-icon svg {
  width: 14px;
  height: 14px;
}

.ghs-repo-card-error .ghs-error-text {
  flex: 1;
  word-break: break-word;
  line-height: 1.4;
  color: var(--text-normal);
}

.ghs-repo-card-error .ghs-error-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}

.ghs-repo-card-error .ghs-error-actions button {
  font-size: 0.85em;
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  color: var(--text-normal);
  cursor: pointer;
  font-weight: 500;
}

.ghs-repo-card-error .ghs-error-actions button:hover {
  background: var(--background-modifier-hover);
  border-color: var(--text-muted);
}

.ghs-repo-card-error.conflict .ghs-error-actions .ghs-resolve-btn {
  background: var(--color-orange);
  border-color: var(--color-orange);
  color: white;
}
.ghs-repo-card-error.conflict .ghs-error-actions .ghs-resolve-btn:hover {
  filter: brightness(1.08);
}

/* History */

.ghs-history-section {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--background-modifier-border);
}

.ghs-history-header h5 {
  margin: 0 0 8px;
  font-size: 0.75em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ghs-history-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ghs-history-empty {
  font-size: 0.8em;
  color: var(--text-faint);
  font-style: italic;
}

.ghs-history-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 8px;
  font-size: 0.8em;
  border-radius: 6px;
}

.ghs-history-row.success { color: var(--text-normal); }
.ghs-history-row.error   { color: var(--text-error); }

.ghs-history-icon {
  flex-shrink: 0;
  margin-top: 1px;
}

.ghs-history-icon svg {
  width: 13px;
  height: 13px;
}

.ghs-history-row.success .ghs-history-icon { color: var(--color-green); }
.ghs-history-row.error   .ghs-history-icon { color: var(--color-red); }

.ghs-history-body {
  flex: 1;
  min-width: 0;
}

.ghs-history-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.ghs-history-repo {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ghs-history-time {
  font-size: 0.9em;
  color: var(--text-faint);
  flex-shrink: 0;
}

.ghs-history-msg {
  color: var(--text-muted);
  font-size: 0.92em;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Empty state */

.ghs-empty {
  text-align: center;
  padding: 32px 16px;
  color: var(--text-faint);
}

.ghs-empty-icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--background-modifier-hover);
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: var(--text-muted);
}

.ghs-empty-icon svg {
  width: 24px;
  height: 24px;
}

.ghs-empty p {
  margin: 0 0 12px;
  font-size: 0.85em;
}

/* Add button */

.ghs-dashboard-footer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--background-modifier-border);
}

.ghs-add-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  border-radius: 6px;
  border: 1px dashed var(--background-modifier-border);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 0.85em;
  transition: all 0.15s;
}

.ghs-add-btn:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--background-modifier-hover);
}

.ghs-add-btn svg {
  width: 14px;
  height: 14px;
}

/* ─── Status bar ─────────────────────────────────────────────── */

.github-sync-status {
  cursor: pointer;
  font-size: 0.8em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.github-sync-status .ghs-sb-icon {
  display: inline-flex;
  align-items: center;
}

.github-sync-status .ghs-sb-icon svg {
  width: 13px;
  height: 13px;
}

.github-sync-status.ghs-syncing  .ghs-sb-icon { color: var(--color-yellow); animation: ghs-spin 1.5s linear infinite; }
.github-sync-status.ghs-synced   .ghs-sb-icon { color: var(--color-green); }
.github-sync-status.ghs-error    .ghs-sb-icon { color: var(--color-red); }
.github-sync-status.ghs-conflict .ghs-sb-icon { color: var(--color-orange); }
.github-sync-status.ghs-idle     .ghs-sb-icon { color: var(--text-muted); }

.github-sync-status .ghs-sb-badge {
  background: var(--color-accent);
  color: var(--text-on-accent);
  font-size: 0.85em;
  padding: 0 5px;
  border-radius: 8px;
  min-width: 14px;
  text-align: center;
  font-weight: 600;
}

/* ─── Conflict modal ─────────────────────────────────────────── */

.ghs-conflict-modal .ghs-conflict-header {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.ghs-conflict-modal .ghs-conflict-icon {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--background-modifier-hover);
  align-items: center;
  justify-content: center;
  color: var(--color-orange);
  flex-shrink: 0;
}

.ghs-conflict-modal .ghs-conflict-icon svg {
  width: 20px;
  height: 20px;
}

.ghs-conflict-modal .ghs-conflict-header h3 {
  margin: 0 0 4px;
}

.ghs-conflict-modal .ghs-conflict-header p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.85em;
}

.ghs-conflict-list {
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  margin-bottom: 12px;
}

.ghs-conflict-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--background-modifier-border);
}

.ghs-conflict-row:last-child { border-bottom: none; }

.ghs-conflict-file {
  flex: 1;
  font-family: var(--font-monospace);
  font-size: 0.85em;
  word-break: break-all;
}

.ghs-conflict-choices {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

.ghs-conflict-choices button {
  font-size: 0.78em;
  padding: 3px 8px;
  border: 1px solid var(--background-modifier-border);
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
}

.ghs-conflict-choices button.selected {
  background: var(--color-accent);
  color: var(--text-on-accent);
  border-color: var(--color-accent);
}

.ghs-conflict-bulk {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 0.85em;
  color: var(--text-muted);
}

.ghs-conflict-bulk button {
  font-size: 0.85em;
  padding: 4px 10px;
}

.ghs-conflict-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid var(--background-modifier-border);
}

/* ─── Preview modal ──────────────────────────────────────────── */

.ghs-preview-modal .ghs-preview-header h3 {
  margin: 0 0 4px;
}

.ghs-preview-modal .ghs-preview-header p {
  margin: 0 0 12px;
  color: var(--text-muted);
  font-size: 0.85em;
}

.ghs-preview-summary {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.ghs-preview-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8em;
  padding: 3px 8px;
  border-radius: 12px;
  background: var(--background-secondary);
}

.ghs-preview-pill svg {
  width: 13px;
  height: 13px;
}

.ghs-preview-pill.added    { color: var(--color-green); }
.ghs-preview-pill.modified { color: var(--color-blue, var(--color-accent)); }
.ghs-preview-pill.deleted  { color: var(--color-red); }

.ghs-preview-list {
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  padding: 4px 0;
  margin-bottom: 12px;
}

.ghs-preview-group h4 {
  margin: 8px 12px 4px;
  font-size: 0.72em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ghs-preview-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  font-size: 0.85em;
}

.ghs-preview-row:hover {
  background: var(--background-modifier-hover);
}

.ghs-preview-row input[type="checkbox"] { flex-shrink: 0; }

.ghs-preview-icon {
  display: inline-flex;
  flex-shrink: 0;
}

.ghs-preview-icon svg {
  width: 13px;
  height: 13px;
}

.ghs-preview-icon.added    { color: var(--color-green); }
.ghs-preview-icon.modified { color: var(--color-blue, var(--color-accent)); }
.ghs-preview-icon.deleted  { color: var(--color-red); }

.ghs-preview-path {
  font-family: var(--font-monospace);
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ghs-preview-message {
  margin-bottom: 12px;
}

.ghs-preview-message label {
  display: block;
  font-size: 0.78em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.ghs-preview-message input {
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  box-sizing: border-box;
}

.ghs-preview-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--background-modifier-border);
}

/* ─── Add submodule modal ────────────────────────────────────── */

.ghs-add-modal h3 { margin: 0 0 4px; }

.ghs-add-modal .ghs-add-sub {
  margin: 0 0 16px;
  color: var(--text-muted);
  font-size: 0.85em;
}

/* Branch label row: label + team-mode chip side by side */
.ghs-field-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.ghs-field-label-row label {
  display: inline;
  margin: 0;
}

/* Team-mode slider toggle */
.ghs-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px 4px;
  border: none;
  background: transparent;
  box-shadow: none;
  color: var(--text-muted);
  font-size: 0.78em;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.6;
  transition: color 0.15s;
}
.ghs-mode-toggle:hover { color: var(--text-normal); }
.ghs-mode-toggle.active { color: var(--text-normal); }

.ghs-mode-toggle .ghs-switch {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 30px;
  height: 17px;
  border-radius: 999px;
  background: var(--background-modifier-border);
  transition: background 0.15s;
}
.ghs-mode-toggle .ghs-switch-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--text-on-accent);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s;
}
.ghs-mode-toggle.active .ghs-switch {
  background: var(--interactive-accent);
}
.ghs-mode-toggle.active .ghs-switch-thumb {
  transform: translateX(13px);
}

/* ─── Conflict Modal v2 — three-pane diff ───────────────────────
   See design/mockups/conflict-resolution.html for the spec.
   All classes prefixed ghs-cv2- to avoid collision with the
   old ours/theirs/skip modal styles. */

/* Modal sizing — .ghs-cv2-modal is the modal element itself (modalEl).
   Override Obsidian's default max-width so the three-pane diff has room. */
.modal.ghs-cv2-modal {
  width: min(96vw, 1320px);
  max-width: none;
  height: min(88vh, 820px);
  max-height: none;
  padding: 0;
}
.modal.ghs-cv2-modal .modal-close-button { z-index: 10; }
.modal.ghs-cv2-modal .modal-content {
  padding: 0;
  margin: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ghs-cv2-root {
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: var(--background-primary);
  color: var(--text-normal);
  height: 100%;
  min-height: 0;
  font-size: 13px;
}

.ghs-cv2-loading {
  padding: 40px;
  text-align: center;
  color: var(--text-muted);
}

.ghs-cv2-empty {
  padding: 40px;
  text-align: center;
}
.ghs-cv2-empty p { margin: 0 0 12px; color: var(--text-muted); }
/* Specificity-matched (.cls .cls) so we don't need !important to win source order against .ghs-cv2-empty p above. */
.ghs-cv2-empty .ghs-cv2-empty-sub { font-size: 0.9em; max-width: 480px; margin: 0 auto 20px; }
.ghs-cv2-empty-actions { display: flex; gap: 8px; justify-content: center; }

/* Header */
.ghs-cv2-header {
  padding: 12px 18px 10px;
  border-bottom: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
}
.ghs-cv2-header-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.ghs-cv2-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.ghs-cv2-title-prefix {
  color: var(--text-muted);
  font-size: 13px;
}
.ghs-cv2-filename {
  font-family: var(--font-monospace, monospace);
  color: var(--text-normal);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ghs-cv2-edit-badge {
  background: var(--color-accent-1, rgba(124, 77, 255, 0.15));
  color: var(--color-accent);
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.ghs-cv2-spacer { flex: 1; }
.ghs-cv2-icon-btn {
  background: transparent;
  border: none;
  padding: 6px;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
}
.ghs-cv2-icon-btn:hover {
  background: var(--background-modifier-hover);
  color: var(--text-normal);
}
.ghs-cv2-header-meta {
  font-size: 11.5px;
  color: var(--text-faint);
  display: flex;
  gap: 6px;
  align-items: center;
}
.ghs-cv2-dot { color: var(--background-modifier-border); }

/* Body */
.ghs-cv2-body {
  display: grid;
  grid-template-columns: 240px 1fr;
  min-height: 0;
}

/* Files sidebar */
.ghs-cv2-files-pane {
  border-right: 1px solid var(--background-modifier-border);
  background: var(--background-primary-alt, var(--background-secondary));
  padding: 12px 8px;
  overflow-y: auto;
  font-size: 12.5px;
}
.ghs-cv2-files-pane h4 {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-faint);
  margin: 6px 8px 8px;
  font-weight: 600;
}
.ghs-cv2-file-list {
  display: flex;
  flex-direction: column;
}
.ghs-cv2-file-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-muted);
}
.ghs-cv2-file-row:hover { background: var(--background-modifier-hover); }
.ghs-cv2-file-row.current {
  background: var(--color-accent-1, rgba(124, 77, 255, 0.15));
  color: var(--text-normal);
}
.ghs-cv2-file-name {
  font-family: var(--font-monospace, monospace);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ghs-cv2-file-badge {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  flex-shrink: 0;
  font-weight: 600;
}
.ghs-cv2-file-badge.unresolved { background: rgba(251, 70, 76, 0.18); color: var(--color-red); }
.ghs-cv2-file-badge.current    { background: var(--color-accent); color: white; }
.ghs-cv2-file-badge.partial    { background: rgba(233, 151, 63, 0.18); color: var(--color-orange); }
.ghs-cv2-file-badge.clean,
.ghs-cv2-file-badge.resolved   { background: rgba(68, 207, 110, 0.18); color: var(--color-green); }

.ghs-cv2-legend {
  border-top: 1px solid var(--background-modifier-border);
  margin-top: 12px;
  padding: 12px 8px 0;
  font-size: 11px;
  color: var(--text-faint);
}
.ghs-cv2-legend-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 0;
}

/* Main pane */
.ghs-cv2-main-pane {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  min-height: 0;
  min-width: 0;
}

/* Hunk nav */
.ghs-cv2-hunk-nav {
  padding: 10px 18px;
  border-bottom: 1px solid var(--background-modifier-border);
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--background-primary);
}
.ghs-cv2-hunk-label {
  font-weight: 600;
  font-size: 13px;
}
.ghs-cv2-nav-btns { display: flex; gap: 4px; }
.ghs-cv2-nav-btn {
  background: var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
  color: var(--text-muted);
  padding: 3px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}
.ghs-cv2-nav-btn:hover:not(:disabled) {
  background: var(--background-modifier-hover);
  color: var(--text-normal);
}
.ghs-cv2-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ghs-cv2-resolution-tag {
  margin-left: auto;
  font-size: 11px;
  color: var(--text-faint);
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--background-secondary);
}
.ghs-cv2-resolution-tag.resolved {
  color: var(--color-green);
  background: rgba(68, 207, 110, 0.12);
}
.ghs-cv2-resolution-tag.skipped {
  color: var(--text-faint);
}

/* Three-pane diff */
.ghs-cv2-diff-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.05fr;
  min-height: 0;
  overflow: hidden;
  background: var(--background-primary);
}
.ghs-cv2-pane {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-right: 1px solid var(--background-modifier-border);
  overflow: hidden;
}
.ghs-cv2-pane:last-child { border-right: none; }
.ghs-cv2-pane.dim .ghs-cv2-pane-body,
.ghs-cv2-pane.dim .ghs-cv2-pane-header {
  opacity: 0.65;
}
.ghs-cv2-pane.ai .ghs-cv2-pane-body {
  background: rgba(124, 77, 255, 0.04);
}
.ghs-cv2-pane.ai .ghs-cv2-pane-header {
  background: rgba(124, 77, 255, 0.12);
  color: var(--text-normal);
}
.ghs-cv2-pane.edit .ghs-cv2-pane-header {
  background: var(--color-accent-1, rgba(124, 77, 255, 0.15));
  color: var(--text-normal);
}

.ghs-cv2-pane-header {
  padding: 7px 12px;
  background: var(--background-secondary);
  border-bottom: 1px solid var(--background-modifier-border);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--text-muted);
}
.ghs-cv2-pane-title { font-weight: 600; color: var(--text-normal); }
.ghs-cv2-pane-meta {
  margin-left: auto;
  color: var(--text-faint);
  font-size: 11px;
}
.ghs-cv2-pane-meta.unsaved { color: var(--color-accent); }
.ghs-cv2-pane-body {
  flex: 1;
  overflow: auto;
  font-family: var(--font-monospace, monospace);
  font-size: 12px;
  line-height: 1.55;
  background: var(--background-primary);
  min-height: 0;
}
.ghs-cv2-pane-placeholder {
  padding: 14px 16px;
  color: var(--text-faint);
  font-style: italic;
  font-size: 11.5px;
}

.ghs-cv2-line {
  display: grid;
  grid-template-columns: 36px 14px 1fr;
  align-items: center;
  padding: 0 8px 0 0;
  white-space: pre;
}
.ghs-cv2-line .ghs-cv2-lineno {
  text-align: right;
  color: var(--text-faint);
  background: var(--background-primary-alt, var(--background-secondary));
  padding-right: 8px;
  font-size: 10.5px;
  user-select: none;
}
.ghs-cv2-line .ghs-cv2-marker {
  text-align: center;
  font-weight: 600;
  color: var(--text-faint);
}
.ghs-cv2-line .ghs-cv2-code {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ghs-cv2-line.add { background: rgba(68, 207, 110, 0.10); }
.ghs-cv2-line.add .ghs-cv2-marker { color: var(--color-green); }
.ghs-cv2-line.del { background: rgba(251, 70, 76, 0.10); }
.ghs-cv2-line.del .ghs-cv2-marker { color: var(--color-red); }

/* AI empty placeholder pane */
.ghs-cv2-ai-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 16px;
  color: var(--text-muted);
}
.ghs-cv2-ai-empty-icon {
  color: var(--color-accent);
  opacity: 0.5;
  margin-bottom: 8px;
}
.ghs-cv2-ai-empty-text {
  font-size: 12px;
  max-width: 220px;
  line-height: 1.55;
}

/* Edit textarea */
.ghs-cv2-edit-textarea {
  flex: 1;
  margin: 8px;
  padding: 10px 12px;
  background: var(--background-primary);
  border: 1px solid var(--color-accent);
  box-shadow: 0 0 0 2px var(--color-accent-1, rgba(124, 77, 255, 0.15));
  border-radius: 6px;
  color: var(--text-normal);
  font-family: var(--font-monospace, monospace);
  font-size: 12px;
  line-height: 1.55;
  resize: none;
  outline: none;
}
.ghs-cv2-edit-hint {
  padding: 6px 12px;
  font-size: 11px;
  color: var(--text-faint);
  background: var(--background-secondary);
  border-top: 1px solid var(--background-modifier-border);
}
.ghs-cv2-edit-hint kbd {
  background: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  padding: 1px 5px;
  border-radius: 3px;
  font-family: var(--font-monospace, monospace);
  font-size: 10.5px;
  color: var(--text-muted);
}

/* Hunk action buttons */
.ghs-cv2-hunk-actions {
  display: flex;
  gap: 8px;
  padding: 10px 18px;
  border-top: 1px solid var(--background-modifier-border);
  border-bottom: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
  flex-wrap: wrap;
}
.ghs-cv2-action-btn {
  background: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  color: var(--text-normal);
  padding: 5px 12px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12.5px;
}
.ghs-cv2-action-btn:hover:not(:disabled) { background: var(--background-modifier-hover); }
.ghs-cv2-action-btn.primary {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: white;
}
.ghs-cv2-action-btn.primary:hover:not(:disabled) { filter: brightness(1.08); }
.ghs-cv2-action-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ghs-cv2-ghost-btn {
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-muted);
  padding: 5px 12px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12.5px;
}
.ghs-cv2-ghost-btn:hover {
  background: var(--background-modifier-hover);
  color: var(--text-normal);
}

/* AI reasoning panel (placeholder) */
.ghs-cv2-reasoning {
  padding: 12px 18px;
  background: var(--background-secondary);
  border-top: 1px solid var(--background-modifier-border);
  overflow-y: auto;
  max-height: 130px;
}
.ghs-cv2-reasoning-header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-accent);
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 6px;
}
.ghs-cv2-reasoning-icon { display: inline-flex; }
.ghs-cv2-reasoning-body {
  font-size: 12px;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.55;
}

/* Footer */
.ghs-cv2-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-top: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
}
.ghs-cv2-progress {
  font-size: 12px;
  color: var(--text-muted);
}
.ghs-cv2-footer button {
  padding: 6px 14px;
  border-radius: 5px;
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  color: var(--text-normal);
  font-size: 12.5px;
  cursor: pointer;
}
.ghs-cv2-footer button:hover:not(:disabled) { background: var(--background-modifier-hover); }
.ghs-cv2-footer button:disabled { opacity: 0.4; cursor: not-allowed; }
.ghs-cv2-footer button.mod-cta {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: white;
}
.ghs-cv2-footer button.mod-cta:hover:not(:disabled) { filter: brightness(1.08); }

/* Summary state */
.ghs-cv2-summary {
  background: var(--background-primary);
  padding: 48px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ghs-cv2-summary-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(68, 207, 110, 0.15);
  color: var(--color-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.ghs-cv2-summary h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 6px;
}
.ghs-cv2-summary-subtitle {
  color: var(--text-muted);
  font-size: 13px;
  margin: 0 0 28px;
  max-width: 480px;
  line-height: 1.55;
}
.ghs-cv2-summary-stats {
  display: flex;
  gap: 24px;
  background: var(--background-secondary);
  padding: 16px 28px;
  border-radius: 8px;
  border: 1px solid var(--background-modifier-border);
}
.ghs-cv2-stat-num {
  font-size: 22px;
  font-weight: 600;
  font-family: var(--font-monospace, monospace);
  line-height: 1.2;
}
.ghs-cv2-stat-num.green  { color: var(--color-green); }
.ghs-cv2-stat-num.accent { color: var(--color-accent); }
.ghs-cv2-stat-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-faint);
  margin-top: 2px;
}

/* ─── Conflict Modal v2 — AI integration styles ─────────────── */

/* Header AI tag */
.ghs-cv2-ai-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-accent);
  font-size: 11px;
}
.ghs-cv2-ai-tag-icon { display: inline-flex; }

/* Confidence indicator (in hunk-nav) */
.ghs-cv2-confidence {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-muted);
}
.ghs-cv2-conf-label { font-size: 11.5px; color: var(--text-faint); }
.ghs-cv2-conf-dots { display: inline-flex; gap: 3px; }
.ghs-cv2-conf-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--background-modifier-border);
}
.ghs-cv2-conf-dot.on { background: var(--color-accent); }
.ghs-cv2-conf-text { font-weight: 500; color: var(--text-normal); }
.ghs-cv2-confidence.low .ghs-cv2-conf-dot.on { background: var(--color-orange); }
.ghs-cv2-confidence.low .ghs-cv2-conf-text { color: var(--color-orange); }

/* Low-confidence banner */
.ghs-cv2-low-conf-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 18px;
  background: rgba(233, 151, 63, 0.08);
  border-bottom: 1px solid rgba(233, 151, 63, 0.35);
  color: var(--color-orange);
  font-size: 12px;
}
.ghs-cv2-low-conf-banner .ghs-cv2-banner-title {
  font-weight: 600;
  color: var(--text-normal);
}

/* AI pick highlight (in AI suggestion pane) */
.ghs-cv2-pane.ai .ghs-cv2-line.ai-pick {
  background: rgba(124, 77, 255, 0.18);
}
.ghs-cv2-pane.ai .ghs-cv2-line.ai-pick .ghs-cv2-marker {
  color: var(--color-accent);
  font-weight: 700;
}
.ghs-cv2-star {
  color: var(--color-accent);
  font-size: 11px;
  margin-left: 4px;
}
.ghs-cv2-star-glyph {
  margin-right: 5px;
}

/* AI thinking pane (spinner + skeleton bars) */
.ghs-cv2-ai-thinking {
  position: relative;
  padding: 8px 0;
}
.ghs-cv2-thinking-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px 14px;
  color: var(--color-accent);
  font-size: 12.5px;
  gap: 10px;
}
.ghs-cv2-thinking-text {
  color: var(--text-muted);
  font-size: 12px;
}
.ghs-cv2-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(124, 77, 255, 0.25);
  border-top-color: var(--color-accent);
  animation: ghs-cv2-spin 0.9s linear infinite;
}
.ghs-cv2-spinner-sm {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid rgba(124, 77, 255, 0.25);
  border-top-color: var(--color-accent);
  animation: ghs-cv2-spin 0.9s linear infinite;
}
@keyframes ghs-cv2-spin { to { transform: rotate(360deg); } }

.ghs-cv2-skeleton-line {
  display: grid;
  grid-template-columns: 36px 1fr;
  align-items: center;
  padding: 2px 8px 2px 0;
}
.ghs-cv2-skeleton-line .ghs-cv2-lineno {
  text-align: right;
  color: var(--text-faint);
  background: var(--background-primary-alt, var(--background-secondary));
  padding-right: 8px;
  font-size: 10.5px;
  font-family: var(--font-monospace, monospace);
}
.ghs-cv2-skeleton-bar {
  height: 10px;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(124, 77, 255, 0.10) 0%, rgba(124, 77, 255, 0.28) 50%, rgba(124, 77, 255, 0.10) 100%);
  background-size: 200% 100%;
  animation: ghs-cv2-shimmer 1.6s linear infinite;
  margin-left: 8px;
}
@keyframes ghs-cv2-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* AI error card */
.ghs-cv2-pane.ai .ghs-cv2-pane-header.error {
  background: rgba(251, 70, 76, 0.12);
  border-bottom-color: rgba(251, 70, 76, 0.35);
  color: var(--color-red);
}
.ghs-cv2-pane-meta.error-meta { color: var(--color-red); }

.ghs-cv2-error-card {
  margin: 14px;
  padding: 14px;
  background: rgba(251, 70, 76, 0.05);
  border: 1px solid rgba(251, 70, 76, 0.35);
  border-radius: 8px;
}
.ghs-cv2-error-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-red);
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 12.5px;
}
.ghs-cv2-error-card-body {
  font-size: 11.5px;
  color: var(--text-muted);
  line-height: 1.55;
  margin-bottom: 12px;
  font-family: var(--font-monospace, monospace);
  word-break: break-word;
}
.ghs-cv2-error-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* AI reasoning panel — populated state */
.ghs-cv2-reasoning-header.error {
  color: var(--color-red);
}
.ghs-cv2-reasoning-list {
  margin: 0 0 8px;
  padding-left: 20px;
  color: var(--text-normal);
  font-size: 12px;
  line-height: 1.6;
}
.ghs-cv2-reasoning-list li {
  margin-bottom: 2px;
}
.ghs-cv2-model-info {
  font-size: 11px;
  color: var(--text-faint);
  font-family: var(--font-monospace, monospace);
  border-top: 1px dashed var(--background-modifier-border);
  padding-top: 6px;
  margin-top: 4px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.ghs-cv2-model-info .ghs-cv2-cost {
  color: var(--color-green);
}

/* Summary cost note */
.ghs-cv2-cost-note {
  font-size: 12px;
  color: var(--text-muted);
  margin: 16px 0 0;
}

/* ─── Settings tab redesign — minimal, clean ─────────────────── */

/* Strip Obsidian 1.12 default card chrome and all dividers from setting rows.
 * Rely on whitespace + section headers for visual grouping, not lines. */
/* Doubled class raises specificity to (0,3,0) so it wins over
 * Obsidian 1.12's default card chrome without needing the important flag. */
.ghs-settings.ghs-settings .setting-item {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 10px 2px;
  margin: 0;
  box-shadow: none;
  /* Keep label column + control column on one row, baseline-aligned */
  align-items: center;
}

.ghs-settings .setting-item-info {
  padding-left: 0;
  padding-right: 16px;
  flex: 1 1 auto;
  min-width: 0;
}

.ghs-settings .setting-item-name {
  font-size: 0.95em;
  font-weight: 500;
  color: var(--text-normal);
  line-height: 1.45;
}

/* ── Card-grouped sections ──────────────────────────────────────
 *
 * Mirror Obsidian's own Settings layout: each section title sits
 * unstyled above the card, and the related items below are grouped
 * inside a single rounded-border card. Inside a card, subtle 1px
 * dividers separate adjacent items. Inter-section separation is just
 * vertical spacing between cards — no horizontal rules. Dividers are
 * used sparingly: only inside cards, only between items.
 *
 * The section title is rendered via Obsidian's `setHeading()` (which
 * adds `setting-item-heading`), and the card container is a div with
 * class `ghs-card` placed immediately after by `sectionHeader()` in
 * settings.ts. */

.ghs-settings .setting-item-heading {
  background: transparent;
  border: none;
  padding: 22px 2px 8px;
  margin: 0;
}
.ghs-settings .setting-item-heading:first-of-type,
.ghs-settings .ghs-silent-hero + .setting-item-heading,
.ghs-settings .ghs-quick-start + .setting-item-heading {
  padding-top: 8px;
}
.ghs-settings .setting-item-heading .setting-item-name {
  font-size: 1.05em;
  font-weight: 600;
  color: var(--text-normal);
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.ghs-settings .setting-item-heading .setting-item-description {
  margin-top: 2px;
  color: var(--text-muted);
}
/* Muted count appended to a section title, e.g. "Submodules (2)". */
.ghs-settings .ghs-section-count {
  font-size: 0.82em;
  font-weight: 500;
  color: var(--text-muted);
}

/* The card. Holds all settings + inline status badges for one section.
 * Background is the page's secondary surface so it visually lifts from
 * the surrounding canvas; border is the standard modifier line. */
.ghs-settings .ghs-card {
  background: var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 4px;
}

/* Inside a card, each Setting row keeps its padding but loses any
 * background it inherited from the .ghs-settings .setting-item rule
 * above (the card already provides that). Rows are visually separated
 * by their own padding — no horizontal rules, which the user found
 * too noisy at the section densities we render. */
.ghs-settings .ghs-card .setting-item {
  background: transparent;
  padding: 14px 16px;
  margin: 0;
  border: none;
}

/* Page-level save bar — sits outside any card so it reads as a global
 * action, not a row in the General section. */
.ghs-settings .ghs-save-bar {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0 8px;
  margin-top: 8px;
}
.ghs-settings .ghs-save-bar button { min-width: 140px; }

/* Inline status badges that callers append inside a card (e.g., the
 * "Connected" / "Couldn't connect" repo status, the Test-connection
 * diagnostic) sit flush with the card's padding rules so they don't
 * leak the card background. */
.ghs-settings .ghs-card .ghs-inline-badge:not(.ghs-hidden),
.ghs-settings .ghs-card .ghs-diag-container:not(.ghs-hidden) {
  margin: 0 16px 14px;
}

.ghs-settings .setting-item-description {
  font-size: 0.82em;
  color: var(--text-muted);
  line-height: 1.5;
  margin-top: 2px;
}

.ghs-settings .setting-item-control {
  padding-right: 0;
  flex-shrink: 0;
}

/* Section header — title + scope tag. Uses generous top margin instead of
 * a divider to separate groups. */
.ghs-section-header {
  margin: 28px 0 4px;
  padding: 0;
}
.ghs-section-header:first-of-type,
.ghs-silent-hero + .ghs-section-header,
.ghs-quick-start + .ghs-section-header {
  margin-top: 8px;
}
.ghs-section-header h3 {
  margin: 0;
  padding: 0;
  font-size: 0.78em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: none;
}
.ghs-section-desc {
  margin: 4px 0 0;
  font-size: 0.82em;
  color: var(--text-faint);
  line-height: 1.5;
}

/* Quick start hero */
.ghs-quick-start {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  margin: 8px 0 28px;
  background: linear-gradient(135deg, var(--background-secondary), var(--background-secondary-alt, var(--background-secondary)));
  border: 1px solid var(--background-modifier-border);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.ghs-quick-start::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 10px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.35), transparent 60%);
  -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}
.ghs-quick-start-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--color-accent-1, rgba(124, 77, 255, 0.15));
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ghs-quick-start-icon svg { width: 22px; height: 22px; }
.ghs-quick-start-body { flex: 1; min-width: 0; }
.ghs-quick-start-body h3 {
  margin: 0 0 4px;
  font-size: 1.05em;
  font-weight: 600;
}
.ghs-quick-start-body .ghs-quick-start-sub {
  margin: 0;
  font-size: 0.86em;
  color: var(--text-muted);
  line-height: 1.5;
}
.ghs-quick-start-actions {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 2px;
}
.ghs-quick-start-actions button {
  padding: 7px 14px;
  font-size: 0.9em;
}

/* Submodules subsection (inside Repositories) */
.ghs-subsection-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 18px 0 4px;
  padding-bottom: 0;
}
.ghs-subsection-header h4 {
  margin: 0;
  font-size: 0.92em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}
.ghs-subsection-header .ghs-subsection-meta {
  font-size: 0.78em;
  color: var(--text-faint);
}

/* Advanced disclosure (collapsible <details>) */
.ghs-advanced {
  margin: 10px 0 4px;
  border: 1px solid var(--background-modifier-border);
  border-radius: 8px;
  background: var(--background-secondary);
  overflow: hidden;
}
.ghs-advanced > summary {
  list-style: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.88em;
  font-weight: 500;
  color: var(--text-muted);
  user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ghs-advanced > summary::-webkit-details-marker { display: none; }
.ghs-advanced > summary::before {
  content: "▸";
  color: var(--text-faint);
  display: inline-block;
  transition: transform 0.15s;
  font-size: 0.9em;
}
.ghs-advanced[open] > summary::before {
  transform: rotate(90deg);
}
.ghs-advanced > summary:hover {
  color: var(--text-normal);
}
.ghs-advanced[open] > summary {
  color: var(--text-normal);
  border-bottom: 1px solid var(--background-modifier-border);
}
.ghs-advanced-body {
  padding: 4px 14px 12px;
  background: var(--background-primary);
}
.ghs-advanced-body.ghs-advanced-body .setting-item {
  border-top: none;
}

/* Test-connection badge — sits below the Test button as its own row */
.ghs-test-badge {
  margin: -4px 0 8px;
  align-self: flex-end;
}

/* Token field: label + inline ? help button row */
.ghs-wizard-label-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ghs-wizard-label-row label {
  margin: 0;
}

.ghs-help-btn {
  background: none;
  border: none;
  padding: 2px;
  margin: 0;
  cursor: pointer;
  color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
}

.ghs-help-btn:hover {
  color: var(--color-accent);
  background: var(--background-modifier-hover);
}

.ghs-help-btn svg {
  width: 14px;
  height: 14px;
}

/* Read-only repo rows — the URL/branch in desc gets a code-like look */
.ghs-readonly-setting .setting-item-description {
  font-family: var(--font-monospace, monospace);
  font-size: 0.78em;
  word-break: break-all;
  color: var(--text-faint);
}

/* ─── Smart-sync hero (signature feature, top of settings) ───── */

.ghs-silent-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  margin: 4px 0 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 77, 255, 0.18), transparent 55%),
    var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.ghs-silent-hero.is-active {
  border-color: rgba(124, 77, 255, 0.45);
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 77, 255, 0.25), transparent 60%),
    var(--background-secondary);
}

.ghs-silent-left {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}
.ghs-silent-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--color-accent);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ghs-silent-icon svg { width: 20px; height: 20px; }

.ghs-silent-text { min-width: 0; flex: 1; }
.ghs-silent-title {
  font-weight: 600;
  font-size: 1.05em;
  color: var(--text-normal);
  margin-bottom: 3px;
}
.ghs-silent-desc {
  font-size: 0.85em;
  color: var(--text-muted);
  line-height: 1.5;
  margin-bottom: 8px;
}

.ghs-silent-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78em;
  padding: 3px 9px;
  border-radius: 12px;
  font-weight: 500;
}
.ghs-silent-badge svg { width: 12px; height: 12px; }
.ghs-silent-badge.ready {
  background: rgba(68, 207, 110, 0.12);
  color: var(--color-green);
}
.ghs-silent-badge.warn {
  background: rgba(233, 151, 63, 0.12);
  color: var(--color-orange);
}

.ghs-silent-right {
  flex-shrink: 0;
  align-self: center;
}

.ghs-silent-tuning {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px dashed var(--background-modifier-border);
}
.ghs-silent-tuning-label {
  font-size: 0.85em;
  color: var(--text-muted);
}
.ghs-silent-tuning input[type="range"] {
  width: 100%;
}
.ghs-silent-tuning-value {
  font-family: var(--font-monospace, monospace);
  font-size: 0.85em;
  color: var(--text-normal);
  background: var(--background-primary);
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid var(--background-modifier-border);
  min-width: 24px;
  text-align: center;
}

.ghs-silent-action {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px dashed var(--background-modifier-border);
}
.ghs-silent-action-label {
  font-size: 0.85em;
  color: var(--text-muted);
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}
.ghs-silent-action button { flex-shrink: 0; }

/* ─── AI provider setup modal (guided enable) ────────────────── */

.ghs-ai-setup-modal { padding: 4px 0; }
.ghs-ai-setup-header {
  display: flex;
  gap: 14px;
  margin-bottom: 18px;
}
.ghs-ai-setup-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--color-accent-1, rgba(124, 77, 255, 0.15));
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ghs-ai-setup-icon svg { width: 22px; height: 22px; }
.ghs-ai-setup-header h3 { margin: 0 0 4px; }
.ghs-ai-setup-sub {
  margin: 0;
  font-size: 0.88em;
  color: var(--text-muted);
  line-height: 1.5;
}
.ghs-ai-setup-error {
  margin: 0 0 12px;
  padding: 8px 12px;
  background: rgba(251, 70, 76, 0.08);
  border: 1px solid rgba(251, 70, 76, 0.35);
  border-radius: 6px;
  font-size: 0.85em;
  color: var(--color-red);
}
.ghs-ai-setup-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--background-modifier-border);
}
.ghs-ai-setup-skip {
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 0.88em;
  padding: 6px 10px;
}
.ghs-ai-setup-skip:hover { color: var(--text-normal); }

/* Scope badge — inline on section title row, minimal (no underline) */
.ghs-section-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.ghs-section-title-row h3 { margin: 0; }
.ghs-scope-tag {
  font-size: 1em;
  padding: 0;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--text-faint);
}
.ghs-scope-tag::before {
  content: "·";
  margin-right: 8px;
  color: var(--text-faint);
}
.ghs-scope-tag.repo { color: var(--color-accent); }
.ghs-scope-tag.local { color: var(--text-faint); }
.ghs-scope-tag.mixed { color: var(--text-muted); }

/* ── Local Changes Modal ─────────────────────────────────────── */

.ghs-lc-modal {
  padding: 0;
}

.ghs-lc-modal .modal-content {
  padding: 0;
}

.ghs-lc-header {
  padding: 20px 24px 12px;
  border-bottom: 1px solid var(--background-modifier-border);
}

.ghs-lc-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.ghs-lc-title-row h3 {
  margin: 0;
  font-size: 1.05em;
}

.ghs-lc-title-icon {
  color: var(--color-orange);
  display: flex;
}

.ghs-lc-title-icon svg {
  width: 18px;
  height: 18px;
}

.ghs-lc-subtitle {
  margin: 0;
  font-size: 0.85em;
  color: var(--text-muted);
}

.ghs-lc-toolbar {
  display: flex;
  gap: 6px;
  padding: 8px 24px;
  border-bottom: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
}

.ghs-lc-sel-btn {
  font-size: 0.8em;
  padding: 2px 10px;
  border-radius: 4px;
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  color: var(--text-muted);
  cursor: pointer;
}

.ghs-lc-sel-btn:hover {
  color: var(--text-normal);
  border-color: var(--text-muted);
}

.ghs-lc-list {
  overflow-y: auto;
  max-height: 380px;
  padding: 8px 0;
}

.ghs-lc-group {
  margin-bottom: 4px;
}

.ghs-lc-group-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 24px 4px;
  font-size: 0.78em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}

.ghs-lc-group-count {
  background: var(--background-modifier-hover);
  border-radius: 10px;
  padding: 0 6px;
  font-weight: 500;
}

.ghs-lc-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 24px;
  cursor: pointer;
  border-radius: 0;
  transition: background 80ms;
}

.ghs-lc-row:hover {
  background: var(--background-modifier-hover);
}

.ghs-lc-file-icon {
  display: flex;
  flex-shrink: 0;
}

.ghs-lc-file-icon svg {
  width: 13px;
  height: 13px;
}

.ghs-lc-file-icon.modified { color: var(--color-yellow); }
.ghs-lc-file-icon.added    { color: var(--color-green); }
.ghs-lc-file-icon.deleted  { color: var(--color-red); }

.ghs-lc-file-path {
  font-size: 0.88em;
  font-family: var(--font-monospace);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ghs-lc-dir {
  color: var(--text-muted);
}

.ghs-lc-filename {
  color: var(--text-normal);
  font-weight: 500;
}

.ghs-lc-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 24px;
  border-top: 1px solid var(--background-modifier-border);
}

/* Doubled class wins over Obsidian/theme button rules via specificity instead of the important flag. */
.ghs-lc-revert-btn.ghs-lc-revert-btn {
  background: var(--color-red);
  color: white;
  border: none;
  padding: 6px 16px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}

.ghs-lc-revert-btn:hover {
  filter: brightness(1.1);
}

.ghs-lc-revert-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

/* Utility: toggle visibility via class. Doubled class gives (0,2,0)
 * specificity so it beats any single-class display rule (inline-flex
 * badges, flex diag container) via specificity instead of the important flag. */
.ghs-hidden.ghs-hidden {
  display: none;
}

/* Test-connection diagnostic container — vertical list of result rows */
.ghs-diag-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

/* Token input gets a comfortable minimum width */
.ghs-token-input {
  min-width: 320px;
}

/* ── GitHub App connection banner ───────────────────────────────── */

/* ── Auth method tab bar ─────────────────────────────────────── */
.ghs-settings .ghs-auth-tabs {
  display: flex;
  gap: 2px;
  padding: 4px;
  background: var(--background-secondary);
  border-radius: 8px;
  margin: 4px 0 8px;
}

.ghs-settings .ghs-auth-tab {
  flex: 1;
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-muted);
  font-size: 0.88em;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.ghs-settings .ghs-auth-tab:hover {
  background: var(--background-modifier-hover);
  color: var(--text-normal);
}

.ghs-settings .ghs-auth-tab.is-active {
  background: var(--background-primary);
  color: var(--text-normal);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.ghs-settings .ghs-auth-tab-content {
  margin-bottom: 4px;
}

/* ── GitHub App banner ───────────────────────────────────────── */
/* Disconnected row: [github icon] GitHub App [Recommended] */
.ghs-settings .ghs-app-name-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  vertical-align: middle;
  opacity: 0.8;
}
.ghs-settings .ghs-app-name-icon .svg-icon {
  width: 15px;
  height: 15px;
}
.ghs-settings .ghs-app-recommended {
  margin-left: 8px;
  font-size: var(--font-ui-smaller);
  font-weight: 500;
  color: var(--color-accent);
  background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  border-radius: 4px;
  padding: 1px 7px;
  vertical-align: middle;
}

/* Connected row: [check-circle] @login */
.ghs-settings .ghs-app-conn-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  vertical-align: middle;
  color: var(--color-green);
}
.ghs-settings .ghs-app-conn-icon .svg-icon {
  width: 15px;
  height: 15px;
}

/* Tertiary "Connect more accounts" link — separated by a hairline */
.ghs-settings .ghs-app-add-row {
  display: flex;
  justify-content: flex-end;
  padding: 8px 16px 10px;
  border-top: 1px solid var(--background-modifier-border);
  margin-top: 2px;
}
.ghs-settings .ghs-app-add-btn {
  background: none;
  border: none;
  box-shadow: none;
  color: var(--text-muted);
  font-size: var(--font-ui-smaller);
  cursor: pointer;
  padding: 0;
  height: auto;
  min-height: 0;
  line-height: 1.4;
}
.ghs-settings .ghs-app-add-btn:hover {
  color: var(--text-normal);
  background: none;
  box-shadow: none;
}

/* ── Unified key/token field box ─────────────────────────────────
 *
 * Rows tagged with `.ghs-key-row` (GitHub PAT, the three AI keys)
 * have a cluster of icon buttons + a password input + another icon
 * button. By default Obsidian renders each as a separate control
 * inside `.setting-item-control`, which makes the input width
 * fluctuate row-to-row depending on how many siblings it has — so
 * adjacent rows look misaligned and the test button reads as
 * "stuck on" instead of part of the field.
 *
 * Fix: style the whole control group as one rounded search-bar-style
 * field. The input loses its own chrome and the icon buttons sit
 * flush inside the shared border. Same DOM Obsidian gave us; only
 * the visual grouping changes. */
.ghs-settings .ghs-key-row .setting-item-control {
  border: 1px solid var(--background-modifier-border);
  border-radius: 8px;
  background: var(--background-primary);
  padding: 2px 4px;
  gap: 0;
  /* Override the right-aligned flex from .setting-item-control so the
   * input gets a stable width across rows. */
  flex-grow: 0;
  min-width: 360px;
}
.ghs-settings .ghs-key-row .setting-item-control:focus-within {
  border-color: var(--interactive-accent);
}
.ghs-settings .ghs-key-row .setting-item-control input[type="password"],
.ghs-settings .ghs-key-row .setting-item-control input[type="text"] {
  flex: 1 1 auto;
  border: none;
  background: transparent;
  box-shadow: none;
  outline: none;
  min-width: 0;
  padding: 6px 6px;
}
.ghs-settings .ghs-key-row .setting-item-control input[type="password"]:focus,
.ghs-settings .ghs-key-row .setting-item-control input[type="text"]:focus {
  box-shadow: none;
  border: none;
}
.ghs-settings .ghs-key-row .setting-item-control .clickable-icon,
.ghs-settings .ghs-key-row .setting-item-control button.clickable-icon {
  padding: 4px;
  height: 28px;
  width: 28px;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
}
.ghs-settings .ghs-key-row .setting-item-control .clickable-icon:hover {
  background: var(--background-modifier-hover);
}

/* ── Pull-from-branch modal ─────────────────────────────────── */

.ghs-pb-modal {
  padding: 0;
}

.ghs-pb-modal .modal-content {
  padding: 0;
}

.ghs-pb-header {
  padding: 20px 24px 14px;
  border-bottom: 1px solid var(--background-modifier-border);
}

.ghs-pb-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.ghs-pb-title-row h3 {
  margin: 0;
  font-size: 1.05em;
}

.ghs-pb-title-icon {
  display: flex;
  color: var(--color-accent);
}

.ghs-pb-title-icon svg {
  width: 18px;
  height: 18px;
}

.ghs-pb-subtitle {
  margin: 0;
  font-size: 0.85em;
  color: var(--text-muted);
  line-height: 1.45;
}

.ghs-pb-list {
  overflow-y: auto;
  max-height: 340px;
  padding: 6px 0;
}

.ghs-pb-loading,
.ghs-pb-empty,
.ghs-pb-error {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  font-size: 0.9em;
  color: var(--text-muted);
}

.ghs-pb-loading svg {
  width: 14px;
  height: 14px;
  animation: ghs-spin 1.2s linear infinite;
}

.ghs-pb-error {
  color: var(--color-red);
}

.ghs-pb-error svg {
  width: 14px;
  height: 14px;
}

.ghs-pb-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 24px;
  cursor: pointer;
  transition: background 80ms;
}

.ghs-pb-row:hover {
  background: var(--background-modifier-hover);
}

.ghs-pb-row.is-selected {
  background: var(--background-modifier-hover);
}

.ghs-pb-radio {
  margin: 0;
  flex-shrink: 0;
}

.ghs-pb-branch-icon {
  display: flex;
  color: var(--text-muted);
  flex-shrink: 0;
}

.ghs-pb-branch-icon svg {
  width: 14px;
  height: 14px;
}

.ghs-pb-branch-label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ghs-pb-branch-name {
  font-family: var(--font-monospace);
  font-size: 0.9em;
  color: var(--text-normal);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ghs-pb-default-tag {
  font-size: 0.72em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: var(--background-modifier-hover);
  color: var(--text-muted);
  padding: 2px 7px;
  border-radius: 10px;
  flex-shrink: 0;
}

.ghs-pb-status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  font-size: 0.86em;
  border-top: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
}

.ghs-pb-status svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ghs-pb-status.loading { color: var(--text-muted); }
.ghs-pb-status.loading svg { animation: ghs-spin 1.2s linear infinite; }
.ghs-pb-status.success { color: var(--color-green); }
.ghs-pb-status.error   { color: var(--color-red); }

.ghs-pb-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 24px;
  border-top: 1px solid var(--background-modifier-border);
}

.ghs-pb-cancel-btn {
  padding: 6px 14px;
}

.ghs-pb-confirm-btn {
  padding: 6px 16px;
  font-weight: 600;
}

.ghs-pb-confirm-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

/* ── Edit-submodule modal ───────────────────────────────────── */

.ghs-es-modal, .ghs-pr-modal { padding: 0; }
.ghs-es-modal .modal-content, .ghs-pr-modal .modal-content { padding: 0; }

.ghs-es-header, .ghs-pr-header {
  padding: 20px 24px 14px;
  border-bottom: 1px solid var(--background-modifier-border);
}
.ghs-es-title-row, .ghs-pr-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.ghs-es-title-row h3, .ghs-pr-title-row h3 { margin: 0; font-size: 1.05em; }
.ghs-es-title-icon, .ghs-pr-title-icon { display: flex; color: var(--color-accent); }
.ghs-es-title-icon svg, .ghs-pr-title-icon svg { width: 18px; height: 18px; }
.ghs-es-subtitle, .ghs-pr-subtitle {
  margin: 0;
  font-size: 0.85em;
  color: var(--text-muted);
  line-height: 1.45;
}

.ghs-es-body, .ghs-pr-body {
  padding: 14px 24px 8px;
}
.ghs-es-field, .ghs-pr-field {
  margin-bottom: 14px;
}
.ghs-es-field > label, .ghs-pr-field > label {
  display: block;
  font-size: 0.88em;
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--text-normal);
}
.ghs-es-field input[type="text"],
.ghs-pr-field input[type="text"],
.ghs-pr-field textarea {
  width: 100%;
  padding: 6px 10px;
  border-radius: 5px;
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  color: var(--text-normal);
  font-size: 0.9em;
}
.ghs-pr-field textarea {
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
  line-height: 1.45;
}
.ghs-es-field input[type="text"]:focus,
.ghs-pr-field input[type="text"]:focus,
.ghs-pr-field textarea:focus {
  outline: none;
  border-color: var(--color-accent);
}
.ghs-es-field input[type="checkbox"] {
  margin: 4px 0;
}
.ghs-es-readonly {
  opacity: 0.6;
  cursor: not-allowed;
}
.ghs-es-hint {
  margin-top: 4px;
  font-size: 0.78em;
  color: var(--text-muted);
  line-height: 1.4;
}

.ghs-es-status, .ghs-pr-status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  font-size: 0.86em;
  border-top: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
}
.ghs-es-status svg, .ghs-pr-status svg { width: 14px; height: 14px; flex-shrink: 0; }
.ghs-es-status.loading, .ghs-pr-status.loading { color: var(--text-muted); }
.ghs-es-status.loading svg, .ghs-pr-status.loading svg { animation: ghs-spin 1.2s linear infinite; }
.ghs-es-status.success, .ghs-pr-status.success { color: var(--color-green); }
.ghs-es-status.error, .ghs-pr-status.error     { color: var(--color-red); }

.ghs-es-footer, .ghs-pr-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 24px;
  border-top: 1px solid var(--background-modifier-border);
}
.ghs-es-cancel-btn, .ghs-pr-cancel-btn { padding: 6px 14px; }
.ghs-pr-regen-btn { padding: 6px 12px; margin-right: auto; }
.ghs-pr-regen-btn:disabled { opacity: 0.5; cursor: default; }

.ghs-pr-link-row {
  display: flex;
  align-items: stretch;
  gap: 6px;
}
.ghs-pr-link-input {
  flex: 1;
  font-family: var(--font-monospace);
  font-size: 0.85em;
  background: var(--background-secondary) !important;
  cursor: text;
}
.ghs-pr-link-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 5px;
  cursor: pointer;
  color: var(--text-muted);
}
.ghs-pr-link-action:hover { color: var(--text-normal); background: var(--background-modifier-hover); }
.ghs-pr-link-action svg { width: 16px; height: 16px; }
.ghs-es-save-btn, .ghs-pr-submit-btn { padding: 6px 16px; font-weight: 600; }
.ghs-es-save-btn:disabled, .ghs-pr-submit-btn:disabled { opacity: 0.5; cursor: default; }

/* ════════════════════════════════════════════════════════════
   Create-PR modal v2 — refined composition
   Overrides the shared .ghs-pr-* rules above (defined later in
   the cascade). EditSubmoduleModal still uses .ghs-es-* on its
   own.
   ════════════════════════════════════════════════════════════ */

.ghs-create-pr-modal { width: 560px; max-width: 92vw; transition: width 0.22s ease; }
.ghs-create-pr-modal--wide { width: 860px; }

.ghs-pr-eyebrow {
  font-family: var(--font-monospace);
  font-size: 11.5px;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  padding: 18px 24px 14px;
  border-bottom: 1px solid var(--background-modifier-border);
}
.ghs-pr-eyebrow-tag {
  text-transform: uppercase;
  color: var(--text-faint);
  letter-spacing: 0.12em;
  margin-right: 2px;
}
.ghs-pr-eyebrow-branch { color: var(--text-normal); }

.ghs-pr-modal .ghs-pr-body { padding: 16px 24px 4px; }

/* Override the aliased field styling — float-label layout. */
.ghs-pr-modal .ghs-pr-field {
  position: relative;
  margin-bottom: 10px;
  background: var(--background-secondary);
  border-radius: 8px;
  padding: 22px 12px 10px;
  transition: box-shadow 0.15s ease;
}
.ghs-pr-modal .ghs-pr-field:focus-within {
  box-shadow: inset 0 0 0 1px var(--color-accent);
}
.ghs-pr-float-label {
  position: absolute;
  top: 7px;
  left: 12px;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-faint);
  pointer-events: none;
}
.ghs-pr-modal .ghs-pr-input,
.ghs-pr-modal .ghs-pr-textarea {
  width: 100%;
  background: transparent !important;
  border: none !important;
  outline: none;
  color: var(--text-normal);
  font-size: 14px;
  padding: 0;
  box-shadow: none !important;
}
.ghs-pr-modal .ghs-pr-input { font-weight: 500; padding-right: 28px; /* room for ✦ */ }
.ghs-pr-modal .ghs-pr-textarea {
  resize: vertical;
  min-height: 96px;
  font-family: inherit;
  line-height: 1.5;
}

/* Drafting shimmer — top edge */
@keyframes ghs-pr-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.ghs-pr-field--drafting {
  overflow: hidden;
}
.ghs-pr-field--drafting::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--color-accent) 30%,
    var(--text-accent, var(--color-accent)) 50%,
    transparent 80%
  );
  background-size: 50% 100%;
  background-repeat: no-repeat;
  animation: ghs-pr-shimmer 1.6s linear infinite;
  pointer-events: none;
}

/* Static ✦ glyph (Drafted state) */
.ghs-pr-ai-glyph {
  position: absolute;
  top: 14px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--text-faint);
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0.55;
  transition: opacity 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.ghs-pr-ai-glyph:hover {
  color: var(--color-accent);
  opacity: 1;
  background: var(--background-modifier-hover);
}

/* ── Changes panel ─────────────────────────────────────────── */

.ghs-pr-changes {
  margin: 8px 24px 8px;
  border-top: 1px solid var(--background-modifier-border);
}
.ghs-pr-changes-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 4px;
  background: transparent;
  border: none;
  border-radius: 0;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 12.5px;
  text-align: left;
}
.ghs-pr-changes-toggle:hover { color: var(--text-normal); }
.ghs-pr-changes-chev {
  display: flex;
  transition: transform 0.18s ease;
  color: var(--text-faint);
}
.ghs-pr-changes-chev svg { width: 14px; height: 14px; }
.ghs-pr-changes--expanded .ghs-pr-changes-chev { transform: rotate(90deg); }
.ghs-pr-changes-summary { font-family: var(--font-monospace); font-size: 12px; }

/* Empty-diff state — branch is up to date, can't PR. */
.ghs-pr-changes--empty .ghs-pr-changes-toggle { cursor: default; }
.ghs-pr-changes--empty .ghs-pr-changes-chev { opacity: 0.3; }
.ghs-pr-changes--empty .ghs-pr-changes-summary {
  font-family: inherit;
  color: var(--color-green);
  opacity: 0.85;
}

.ghs-pr-changes-body {
  padding-top: 4px;
  padding-bottom: 8px;
}
.ghs-pr-changes-loading {
  padding: 16px 0;
  text-align: center;
  color: var(--text-faint);
}
.ghs-pr-changes-empty {
  padding: 14px 8px;
  color: var(--text-faint);
  font-size: 12.5px;
  font-style: italic;
}

.ghs-pr-changes-split {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 0;
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  overflow: hidden;
  height: 360px;  /* explicit height so child overflow can scroll */
}
.ghs-pr-file-list {
  border-right: 1px solid var(--background-modifier-border);
  background: var(--background-secondary);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 0;
  min-height: 0;  /* allow grid child to scroll */
}
.ghs-pr-file-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 7px 12px;
  background: transparent;
  border: none;
  border-left: 2px solid transparent;
  border-radius: 0;
  cursor: pointer;
  text-align: left;
  color: var(--text-muted);
  font-size: 11.5px;
  overflow: hidden;
}
.ghs-pr-file-row:hover { background: var(--background-modifier-hover); color: var(--text-normal); }
.ghs-pr-file-row.is-active {
  background: var(--background-primary);
  color: var(--text-normal);
  border-left-color: var(--color-accent);
}
.ghs-pr-file-path {
  font-family: var(--font-monospace);
  overflow-wrap: anywhere;
  line-height: 1.35;
  width: 100%;
}
.ghs-pr-file-stats {
  display: flex;
  gap: 6px;
  font-family: var(--font-monospace);
  font-size: 10.5px;
}
.ghs-pr-add { color: var(--color-green); }
.ghs-pr-del { color: var(--color-red); }

.ghs-pr-diff-pane {
  overflow: auto;
  background: var(--background-primary);
  font-family: var(--font-monospace);
  font-size: 12px;
  padding: 6px 0;
  min-height: 0;  /* allow grid child to scroll */
  min-width: 0;
}
.ghs-pr-diff-hunk { margin-bottom: 6px; }
.ghs-pr-diff-hunk-header {
  background: var(--background-secondary);
  color: var(--text-faint);
  padding: 3px 12px;
  font-size: 11px;
}
.ghs-pr-diff-line {
  display: flex;
  padding: 0 8px;
  line-height: 1.55;
}
.ghs-pr-diff-marker {
  width: 16px;
  flex-shrink: 0;
  color: var(--text-faint);
  text-align: center;
}
.ghs-pr-diff-text {
  white-space: pre-wrap;
  word-break: break-all;
  flex: 1;
}
.ghs-pr-diff-line--add { background: rgba(40, 167, 69, 0.10); }
.ghs-pr-diff-line--add .ghs-pr-diff-marker { color: var(--color-green); }
.ghs-pr-diff-line--del { background: rgba(220, 53, 69, 0.10); }
.ghs-pr-diff-line--del .ghs-pr-diff-marker { color: var(--color-red); }
.ghs-pr-diff-line--ctx { color: var(--text-muted); }
.ghs-pr-diff-empty { padding: 14px; color: var(--text-faint); font-style: italic; }
.ghs-pr-diff-truncated {
  padding: 8px 12px;
  font-size: 11px;
  color: var(--text-faint);
  font-style: italic;
  text-align: center;
  border-top: 1px dashed var(--background-modifier-border);
}

/* ── Footer override — calmer, one weighted action ────────── */

.ghs-pr-modal .ghs-pr-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding: 14px 24px 18px;
  border-top: none;
}
.ghs-pr-cancel-link {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px 4px;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 13px;
  border-radius: 4px;
}
.ghs-pr-cancel-link:hover { color: var(--text-normal); }
.ghs-pr-modal .ghs-pr-submit-btn { padding: 7px 18px; font-weight: 600; }

/* ── Success view (refined) ─────────────────────────────── */

.ghs-pr-success-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 24px 14px;
  border-bottom: 1px solid var(--background-modifier-border);
}
.ghs-pr-success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--color-green);
  color: white;
  flex-shrink: 0;
}
.ghs-pr-success-icon svg { width: 14px; height: 14px; }
.ghs-pr-success-title {
  margin: 0;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--text-normal);
}

.ghs-pr-modal .ghs-pr-link-row {
  align-items: center;
  gap: 8px;
}
.ghs-pr-modal .ghs-pr-link-input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--font-monospace);
  font-size: 12.5px;
  padding: 0;
}
.ghs-pr-modal .ghs-pr-link-action {
  width: 30px;
  height: 30px;
  padding: 0;
  background: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  flex-shrink: 0;
}
.ghs-pr-modal .ghs-pr-link-action svg { width: 14px; height: 14px; }

/* ── Generic confirm dialog (used for submodule removal) ───── */

.ghs-confirm-desc {
  font-size: 0.88em;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 8px 0 18px;
}
.ghs-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.ghs-confirm-input {
  width: 100%;
  padding: 6px 10px;
  margin: 4px 0 16px;
  font-family: var(--font-monospace);
  border: 1px solid var(--background-modifier-border);
  border-radius: 4px;
  background: var(--background-primary);
  color: var(--text-normal);
}

/* Usage-mode segmented toggle (wizard welcome + settings) */
.ghs-wizard-mode {
  margin: 0 0 18px;
  padding: 12px 14px;
  background: var(--background-secondary);
  border-radius: 6px;
}
.ghs-wizard-mode-label {
  display: block;
  font-size: 0.85em;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}
.ghs-wizard-mode-seg {
  display: inline-flex;
  border: 1px solid var(--background-modifier-border);
  border-radius: 5px;
  overflow: hidden;
  background: var(--background-primary);
}
.ghs-wizard-mode-btn {
  background: none;
  border: none;
  padding: 6px 18px;
  font-size: 0.9em;
  color: var(--text-muted);
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
.ghs-wizard-mode-btn:hover {
  color: var(--text-normal);
}
.ghs-wizard-mode-btn.active {
  background: var(--interactive-accent);
  color: var(--text-on-accent);
}
.ghs-wizard-mode-desc {
  font-size: 0.82em;
  color: var(--text-muted);
  margin-top: 8px;
  line-height: 1.4;
}