/* GitHub Sync panel (Settings). Reuses .panel / .form-row / .form-group /
   .btn / .badge from app.css — only the few extras live here. Minimalist
   (per feedback): no boxed rows, hairline separators, status reads through
   colour, not frames. */
.gs-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}
.gs-status {
    margin-top: 1rem;
    font-size: 0.85em;
}
.gs-status-row {
    display: flex;
    gap: 0.75rem;
    padding: 0.3rem 0;
    border-top: 1px solid var(--border, #2a2a3a);
}
.gs-status-row:first-child { border-top: none; }
.gs-status-row .k {
    color: var(--text-muted, #888);
    min-width: 130px;
    flex: 0 0 auto;
}
.gs-status-row .v {
    color: var(--text, #ccc);
    font-family: monospace;
    word-break: break-all;
}
.gs-status-row .v.gs-err { color: var(--danger, #ef4444); }
.gs-status-row .v.gs-ok { color: var(--success, #22c55e); }
.gs-hint {
    margin-top: 0.5rem;
    font-size: 0.78em;
    color: var(--text-muted, #888);
    line-height: 1.5;
}