/* /github-secrets — leaked-secrets review queue */

.gs-banner {
    background: rgba(245,158,11,0.10);
    border: 1px solid rgba(245,158,11,0.30);
    color: var(--ink-2);
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 18px;
    font-size: 13.5px;
    line-height: 1.55;
}
.gs-banner strong { color: var(--ink); }
.gs-banner code {
    font: 500 12px/1.4 var(--mono);
    background: var(--surface);
    padding: 1px 6px;
    border-radius: 4px;
    color: var(--ink-2);
}

.gs-tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--line-2);
    margin-bottom: 18px;
    overflow-x: auto;
}
.gs-tab {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 10px 14px;
    font: 500 13px/1 var(--sans);
    color: var(--ink-3);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    transition: color 120ms, border-color 120ms;
}
.gs-tab:hover { color: var(--ink-2); }
.gs-tab.is-active {
    color: var(--ink);
    border-bottom-color: var(--accent);
}
.gs-tab-count {
    font: 500 10.5px/1 var(--mono);
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--surface);
    color: var(--ink-3);
    letter-spacing: 0.04em;
}
.gs-tab.is-active .gs-tab-count {
    background: var(--accent-soft, rgba(106,149,255,0.15));
    color: var(--ink);
}

.gs-filter-row {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}
.gs-filter-row input,
.gs-filter-row select {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--line-2);
    background: var(--surface);
    color: var(--ink);
    font: 500 13.5px/1.3 var(--sans);
    outline: none;
    transition: border-color 120ms;
}
.gs-filter-row input { flex: 1; min-width: 0; }
.gs-filter-row input:focus,
.gs-filter-row select:focus { border-color: var(--accent); }

.gs-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gs-row {
    background: var(--bg-1);
    border: 1px solid var(--line-2);
    border-radius: 10px;
    padding: 14px 18px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px;
    transition: border-color 120ms;
}
.gs-row:hover { border-color: var(--line-3); }
/* Severity is conveyed via the .gs-pill-sev-* chip in the row title.
   No left-edge accent stripe — full borders only. */

.gs-row-main { min-width: 0; }
.gs-row-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}
.gs-row-repo {
    font: 500 14.5px/1.3 var(--mono);
    color: var(--ink);
    letter-spacing: -0.005em;
    overflow-wrap: anywhere;
}
.gs-row-repo a { color: var(--ink); text-decoration: none; }
.gs-row-repo a:hover { text-decoration: underline; }

.gs-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font: 600 10.5px/1.4 var(--mono);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.gs-pill-sev-critical { background: rgba(239,68,68,0.15);  color: #ef4444; }
.gs-pill-sev-high     { background: rgba(249,115,22,0.15); color: #f97316; }
.gs-pill-sev-medium   { background: rgba(245,158,11,0.15); color: #F59E0B; }
.gs-pill-sev-low      { background: rgba(126,134,149,0.15); color: var(--ink-3); }

.gs-pill-type {
    background: var(--surface);
    color: var(--ink-2);
    border: 1px solid var(--line);
}

.gs-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    font: 500 11.5px/1.3 var(--mono);
    color: var(--ink-3);
    letter-spacing: 0.02em;
    margin-bottom: 8px;
}
.gs-row-meta strong { color: var(--ink-2); font-weight: 500; }

.gs-row-snippet {
    margin: 6px 0;
    padding: 10px 14px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 6px;
    font: 500 12px/1.55 var(--mono);
    color: var(--ink-2);
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.gs-row-matched {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    background: rgba(239,68,68,0.20);
    color: #ef4444;
    font: 600 11.5px/1.4 var(--mono);
}

.gs-row-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
    min-width: 130px;
}
.gs-btn {
    background: transparent;
    border: 1px solid var(--line-2);
    color: var(--ink-2);
    padding: 6px 12px;
    border-radius: 6px;
    font: 500 12.5px/1 var(--sans);
    cursor: pointer;
    transition: background 120ms, border-color 120ms, color 120ms;
}
.gs-btn:hover { color: var(--ink); border-color: var(--line-3); }
.gs-btn-primary { background: var(--accent, #6A95FF); border-color: var(--accent); color: #fff; }
.gs-btn-primary:hover { background: var(--accent-hover, var(--accent)); }
.gs-btn-fp { color: #f59e0b; }
.gs-btn-danger { color: #ef4444; }

.gs-row.is-resolved { opacity: 0.65; }
.gs-row.is-resolved .gs-row-actions { display: none; }

.gs-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    font: 600 10.5px/1.4 var(--mono);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.gs-status-badge.is-accepted        { background: rgba(34,197,141,0.15); color: #22C58D; }
.gs-status-badge.is-rejected        { background: rgba(126,134,149,0.15); color: var(--ink-3); }
.gs-status-badge.is-false_positive  { background: rgba(245,158,11,0.15); color: #f59e0b; }

.gs-empty {
    padding: 48px 22px;
    text-align: center;
    color: var(--ink-3);
    background: var(--bg-1);
    border: 1px dashed var(--line-2);
    border-radius: 10px;
    font-size: 13px;
}