/* 12. 10. 2026 — GitHub zvezdice: SVG grafikon i minigrafikon (StarChartSvg). Bez inline stilova zbog CSP-a,
   boje idu kroz CSS promenljive sa rezervnom bojom; tamni prikaz preko prefers-color-scheme ili data-theme="dark". */
.gh-chart, .gh-spark {
    --gh-line-boja: var(--gh-line, #1d9bf0);
    --gh-line-2-boja: var(--gh-line-2, #f91880);
    --gh-area-boja: var(--gh-area, rgba(29, 155, 240, .12));
    --gh-axis-boja: var(--gh-axis, #eff3f4);
    --gh-label-boja: var(--gh-label, #536471);
}
.gh-chart { display: block; width: 100%; max-width: 100%; height: auto; overflow: visible; }
.gh-spark { display: inline-block; width: 120px; height: 28px; vertical-align: middle; }

.gh-line { fill: none; stroke: var(--gh-line-boja, #1d9bf0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.gh-line.gh-line-2 { stroke: var(--gh-line-2-boja, #f91880); }
.gh-spark .gh-line { stroke-width: 1.5; }
.gh-area { fill: var(--gh-area-boja, rgba(29, 155, 240, .12)); stroke: none; }
.gh-axis { stroke: var(--gh-axis-boja, #eff3f4); stroke-width: 1; shape-rendering: crispEdges; }
.gh-label { fill: var(--gh-label-boja, #536471); font-size: 11px; font-family: inherit; font-variant-numeric: tabular-nums; }

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .gh-chart, :root:not([data-theme="light"]) .gh-spark {
        --gh-line-boja: var(--gh-line, #4cb3ff);
        --gh-line-2-boja: var(--gh-line-2, #ff5fa8);
        --gh-area-boja: var(--gh-area, rgba(76, 179, 255, .18));
        --gh-axis-boja: var(--gh-axis, #2f3336);
        --gh-label-boja: var(--gh-label, #8b98a5);
    }
}
:root[data-theme="dark"] .gh-chart, :root[data-theme="dark"] .gh-spark {
    --gh-line-boja: var(--gh-line, #4cb3ff);
    --gh-line-2-boja: var(--gh-line-2, #ff5fa8);
    --gh-area-boja: var(--gh-area, rgba(76, 179, 255, .18));
    --gh-axis-boja: var(--gh-axis, #2f3336);
    --gh-label-boja: var(--gh-label, #8b98a5);
}

/* 12. 10. 2026 — javni prikaz (OpenSourceView): hub /signals/open-source, poređenje, alternative i blok na profilu.
   Tabele su u .oss-table-wrap (horizontalni skrol samo unutar tabele), brojevi tabular-nums. */
body.astracia .oss-sections { margin-bottom: 10px; }
body.astracia .oss-title { margin: 0 0 6px; font-size: 24px; line-height: 1.25; }
body.astracia .oss-method { margin: 8px 0 0; font-size: 14px; color: #536471; max-width: 760px; }
body.astracia .oss-filter select[name="category"] { flex: 0 1 260px; }
body.astracia .oss-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 16px; }
body.astracia .oss-table { width: 100%; border-collapse: collapse; font-size: 14px; }
body.astracia .oss-table th, body.astracia .oss-table td { padding: 8px 10px; border-bottom: 1px solid #eff3f4; text-align: left; vertical-align: middle; white-space: nowrap; }
body.astracia .oss-table thead th { font-size: 12px; font-weight: 600; color: #536471; }
body.astracia .oss-table .num, body.astracia .oss-facts dd, body.astracia .oss-profile-stars strong { font-variant-numeric: tabular-nums; }
body.astracia .oss-table .num { text-align: right; }
body.astracia .oss-table a { color: #0f1419; font-weight: 600; text-decoration: none; }
body.astracia .oss-table a:hover { text-decoration: underline; }
body.astracia .oss-name { display: flex; align-items: center; gap: 8px; }
body.astracia .oss-name small { color: #536471; font-size: 12px; }
body.astracia .oss-repo a { font-weight: 400; color: #536471; }
body.astracia .oss-spark { line-height: 0; }
body.astracia .oss-compare-table th[scope="row"] { color: #536471; font-weight: 600; }
body.astracia .oss-snippet { margin: 8px 0 0; padding: 8px 10px; border-radius: 8px; background: #f7f9f9; font-size: 12px; white-space: pre-wrap; word-break: break-all; }
body.astracia .signals-links a.aktivna { font-weight: 700; color: #0f1419; }

/* Izbor perioda grafikona: radio + label, vidljiv je panel izabranog perioda (bez JS-a). */
body.astracia .gh-range { position: relative; }
body.astracia .gh-range .gh-r { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
body.astracia .gh-range-labels { display: flex; gap: 4px; justify-content: flex-end; margin-bottom: 4px; }
body.astracia .gh-range-labels .gh-l { padding: 2px 10px; border-radius: 999px; border: 1px solid #cfd9de; font-size: 12px; font-weight: 600; cursor: pointer; color: #0f1419; }
body.astracia .gh-range .gh-p { display: none; }
body.astracia .gh-r-all:checked ~ .gh-p-all, body.astracia .gh-r-year:checked ~ .gh-p-year, body.astracia .gh-r-quarter:checked ~ .gh-p-quarter { display: block; }
body.astracia .gh-r-all:checked ~ .gh-range-labels .gh-l-all, body.astracia .gh-r-year:checked ~ .gh-range-labels .gh-l-year,
body.astracia .gh-r-quarter:checked ~ .gh-range-labels .gh-l-quarter { background: #0f1419; border-color: #0f1419; color: #fff; }
body.astracia .gh-r:focus-visible ~ .gh-range-labels { outline: 2px solid #1d9bf0; outline-offset: 2px; border-radius: 999px; }

/* Blok na profilu (u Momentum kartici ili zaseban panel). */
body.astracia .oss-profile { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; margin-top: 16px; }
body.astracia .oss-profile-facts { font-size: 14px; }
body.astracia .oss-profile-stars { margin: 0 0 8px; }
body.astracia .oss-profile-stars strong { font-size: 22px; }
body.astracia .oss-rank-chip { margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #e8f5fd; color: #1a8cd8; font-size: 12px; font-weight: 600; text-decoration: none; }
body.astracia .oss-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 0 0 10px; }
body.astracia .oss-facts dt { font-size: 12px; color: #536471; }
body.astracia .oss-facts dd { margin: 0; font-weight: 600; }
body.astracia .oss-facts dd small { display: block; font-weight: 400; color: #536471; }
body.astracia .oss-profile-links { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 8px; }
body.astracia .oss-profile-links a, body.astracia .oss-alternatives-link a { color: #1d9bf0; font-weight: 600; text-decoration: none; }
body.astracia .oss-badge summary { cursor: pointer; font-weight: 600; color: #0f1419; }
body.astracia .oss-source { margin: 8px 0 0; font-size: 12px; color: #536471; }
body.astracia .oss-alternatives-link { margin: 0; }
@media (max-width: 760px) {
    body.astracia .oss-profile { grid-template-columns: minmax(0, 1fr); }
    body.astracia .oss-title { font-size: 20px; }
}