/* Astracia public CSS bundle: 29 files, see StaticAssets.java */

/* ---- astracia.css ---- */
/*
 * Astracia — dizajn sistem, deo 1: tokeni, osnova i školjka aplikacije (sidebar + traka).
 * Deo 2 (komponente) je u astracia-components.css, deo 3 (istraživanje) u astracia-research.css.
 * Učitava se posle devizzo.css iz core JAR-a i nadjačava ga; sve je vezano za body.astracia.
 */

/* 7. 10. 2026: sistemski font kao na X.com; bez spoljnih fontova. */

/* ── Tokeni ─────────────────────────────────────────────────────────────── */

body.astracia {
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --boja-tekst: #0f1419;
    --boja-tekst-2: #0f1419;
    --boja-tekst-tiho: #536471;
    --boja-tekst-slabo: #8b98a5;
    --boja-pozadina: #ffffff;
    --boja-panel: #ffffff;
    --boja-panel-2: #f7f9f9;
    --boja-ivica: #eff3f4;
    --boja-ivica-jaka: #cfd9de;

    --boja-akcent: #0f1419;
    --boja-akcent-tamna: #272c30;
    --boja-akcent-svetla: #eff3f4;
    --boja-akcent-fon: #eff3f4;
    --boja-akcent-tekst: #1d9bf0;
    --boja-hover: #e7e7e8;

    --boja-uspeh-tekst: #00763f;
    --boja-uspeh-pozadina: #00ba7c;
    --boja-uspeh: #00ba7c;
    --boja-upozorenje-tekst: #854d0e;
    --boja-upozorenje-pozadina: #fef9c3;
    --boja-upozorenje: #ca8a04;
    --boja-greska-tekst: #9f1239;
    --boja-greska-pozadina: #ffe4e6;
    --boja-greska: #f4212e;
    --boja-info-tekst: #1e40af;
    --boja-info-pozadina: #dbeafe;
    --boja-ljubicasta-tekst: #5b21b6;
    --boja-ljubicasta-pozadina: #ede9fe;

    --header: rgba(255, 255, 255, 0.86);
    --header-text: #0f1419;
    --header-muted: #536471;

    --radijus-s: 8px;
    --radijus: 12px;
    --radijus-l: 16px;
    --senka-s: 0 1px 2px rgba(15, 20, 25, .05);
    --senka: 0 1px 2px rgba(15, 20, 25, .04), 0 4px 16px rgba(15, 20, 25, .04);
    --senka-l: 0 24px 64px rgba(15, 20, 25, .14);
    --fokus: 0 0 0 3px rgba(15, 20, 25, .18);

    --sidebar: 212px;
    --traka: 48px;
    --brzina: 160ms;

    font-family: var(--font);
    font-size: 14.5px;
    line-height: 1.55;
    letter-spacing: -0.008em;
    color: var(--boja-tekst);
    background: var(--boja-pozadina);
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/* Osnova koju je ranije davao devizzo.css (više se ne učitava). */
html {
    width: 100%;
}

body.astracia {
    margin: 0;
}

body.astracia *,
body.astracia *::before,
body.astracia *::after {
    box-sizing: border-box;
}

body.astracia p {
    margin: 0 0 10px;
}

body.astracia ul,
body.astracia ol {
    margin: 0 0 10px;
    padding-left: 20px;
}

body.astracia .sadrzaj.uska {
    max-width: 440px !important;
}

/* Atribut hidden mora da pobedi display iz komponenti (dugme, čip, traka). */
body.astracia [hidden] {
    display: none !important;
}

body.astracia a {
    color: var(--boja-akcent-tekst);
    text-decoration: none;
    transition: color var(--brzina);
}

body.astracia a:hover {
    color: #1a8cd8;
    text-decoration: underline;
}

body.astracia :focus-visible {
    outline: none;
    box-shadow: var(--fokus);
    border-radius: 6px;
}

body.astracia ::selection {
    background: var(--boja-akcent-svetla);
}

@media (prefers-reduced-motion: reduce) {
    body.astracia *,
    body.astracia *::before,
    body.astracia *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ── Školjka: sidebar + traka + sadržaj ─────────────────────────────────── */

body.astracia .traka-impersonacija {
    position: sticky;
    top: 0;
    z-index: 60;
    background: #fef3c7;
    color: #92400e;
    border-bottom: 1px solid #fde68a;
    font-size: 13px;
    padding: 8px 16px;
}

body.astracia .skolja {
    display: grid;
    grid-template-columns: var(--sidebar) minmax(0, 1fr);
    min-height: 100vh;
}

body.astracia.gost .skolja,
body.astracia.bez-sidebara .skolja {
    grid-template-columns: minmax(0, 1fr);
}

body.astracia .sidebar {
    position: sticky;
    top: 0;
    min-height: 100vh;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 12px;
    background: var(--boja-panel);
    border-right: 1px solid var(--boja-ivica);
    overflow-y: auto;
    scrollbar-width: none;
    z-index: 40;
}

body.astracia .sidebar .brend {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px 14px;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.03em;
    color: var(--header-text);
    text-decoration: none;
}

/* Zastor iza sidebara postoji samo na telefonu; na desktopu ne sme da bude grid stavka. */
body.astracia .zastor {
    display: none;
}

body.astracia .brend-mark {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #0f1419;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(15, 20, 25, .35);
    flex: none;
}

body.astracia .sidebar .grupa-naslov {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--boja-tekst-slabo);
    padding: 12px 10px 4px;
}

body.astracia .meni {
    display: flex;
    flex-direction: column;
    gap: 2px;
    order: 0; /* devizzo.css na telefonu stavlja order:3, što bi meni gurnulo ispod naloga */
    width: auto;
    flex: none;
}

body.astracia .meni a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: 13.5px;
    font-weight: 550;
    color: var(--boja-tekst-2);
    text-decoration: none;
    border: none;
    transition: background var(--brzina), color var(--brzina);
}

body.astracia .meni a svg {
    width: 18px;
    height: 18px;
    flex: none;
    color: var(--boja-tekst-slabo);
    transition: color var(--brzina);
}

body.astracia .meni a:hover {
    background: var(--boja-panel-2);
    color: var(--boja-tekst);
    text-decoration: none;
}

body.astracia .meni a:hover svg {
    color: var(--boja-tekst-2);
}

body.astracia .meni a.aktivna {
    background: var(--boja-akcent-fon);
    color: var(--boja-tekst);
    border: none;
}

body.astracia .meni a.aktivna svg {
    color: var(--boja-akcent);
}

body.astracia .sidebar .dno {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid var(--boja-ivica);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.astracia .sidebar .nalog {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    margin: 0;
}

body.astracia .avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--boja-akcent-svetla);
    color: var(--boja-akcent-tekst);
    font-weight: 700;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    text-transform: uppercase;
}

body.astracia .nalog .ime {
    min-width: 0;
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--boja-tekst);
}

body.astracia .nalog .uloga {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: var(--boja-tekst-tiho);
}

body.astracia .dugme-tekst {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    border-radius: 6px;
    padding: 4px 6px;
    color: var(--header-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

body.astracia .dugme-tekst:hover {
    background: var(--boja-panel-2);
    color: var(--header-text);
    border: none;
}

body.astracia .jezici {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 0 4px;
}

body.astracia .jezici a {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    padding: 4px 7px;
    border-radius: 6px;
    color: var(--header-muted);
    text-decoration: none;
    transition: background var(--brzina), color var(--brzina);
}

body.astracia .jezici a:hover {
    background: var(--boja-panel-2);
    color: var(--header-text);
}

body.astracia .jezici a.aktivna {
    background: var(--boja-akcent-fon);
    color: var(--boja-akcent);
}

/* Jezik kao globus (16. 9. 2026): sklopljeno u podnožju menija, lista se otvara na klik. */
body.astracia .jezik-izbor { position: relative; padding: 0 4px; }
body.astracia .jezik-izbor > summary {
    list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 8px; border-radius: 8px; font-size: 12px; font-weight: 700; letter-spacing: .05em;
    color: var(--header-muted);
}
body.astracia .jezik-izbor > summary::-webkit-details-marker { display: none; }
body.astracia .jezik-izbor > summary:hover { background: var(--boja-panel-2); color: var(--header-text); }
body.astracia .jezik-izbor > summary svg { width: 16px; height: 16px; }
body.astracia .jezik-izbor[open] > summary { color: var(--boja-akcent); background: var(--boja-akcent-fon); }
body.astracia .jezik-izbor .jezici {
    position: absolute; left: 4px; bottom: calc(100% + 6px); z-index: 30; min-width: 170px;
    flex-direction: column; gap: 0; padding: 6px; border: 1px solid var(--boja-ivica); border-radius: 10px;
    background: var(--boja-panel); box-shadow: var(--senka-m, 0 8px 24px rgba(0,0,0,.12));
}
body.astracia .jezik-izbor.u-zaglavlju .jezici { bottom: auto; top: calc(100% + 6px); left: auto; right: 0; }
body.astracia .jezik-izbor .jezici a { display: flex; align-items: baseline; gap: 8px; padding: 6px 8px; }
body.astracia .jezik-izbor .jezici a small { font-weight: 500; letter-spacing: 0; color: var(--boja-tekst-slabo); }


/* Glavna kolona */
body.astracia .glavno {
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.astracia .zaglavlje {
    position: sticky;
    top: 0;
    z-index: 30;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    background: var(--header);
    border-bottom: 1px solid var(--boja-ivica);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.astracia .zaglavlje-unutra {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: var(--traka);
    padding: 8px 28px;
}

body.astracia .zaglavlje .naslov-strane {
    font-size: 14px;
    font-weight: 650;
    color: var(--boja-tekst);
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.astracia .zaglavlje .desno {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.astracia .hamburger {
    display: none;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border: 1px solid var(--boja-ivica);
    background: #fff;
    color: var(--boja-tekst);
    cursor: pointer;
    padding: 0;
}

body.astracia .hamburger svg {
    width: 20px;
    height: 20px;
}

body.astracia .sadrzaj {
    max-width: 1440px !important;
    width: 100%;
    margin: 0 auto;
    padding: 28px 32px 72px;
    flex: 1;
}

body.astracia .podnozje {
    width: 100%;
    padding: 16px 32px;
    background: transparent;
    border-top: 1px solid var(--boja-ivica);
    color: var(--boja-tekst-slabo);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

/* Gost (prijava, registracija, deljeni izveštaj): bez sidebara, centrirano. */
body.astracia.gost {
    background:
        radial-gradient(1000px 520px at 10% -10%, rgba(20, 184, 166, .18), transparent 55%),
        radial-gradient(800px 420px at 100% 0%, rgba(109, 40, 217, .08), transparent 50%),
        var(--boja-pozadina);
}

body.astracia.gost .zaglavlje-unutra {
    justify-content: center;
    gap: 24px;
}

body.astracia.gost .zaglavlje .brend {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: var(--header-text);
    text-decoration: none;
}

body.astracia.gost .zaglavlje .desno {
    margin-left: 0;
}

body.astracia.gost .sadrzaj {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 132px);
    padding: 40px 20px 72px;
}

body.astracia.gost:has(.deljeni-izvestaj) .sadrzaj {
    display: block;
    min-height: 0;
    max-width: 1200px !important;
    padding: 28px 32px 72px;
}

body.astracia.gost .kartica-auth {
    width: min(440px, 100%);
    margin: 0;
    padding: 36px 34px 30px;
    background: var(--boja-panel);
    border: 1px solid var(--boja-ivica);
    border-radius: 20px;
    box-shadow: var(--senka-l);
}

body.astracia .kicker {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--boja-akcent);
}

body.astracia.gost .kartica-auth h1 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 0 0 6px;
}

body.astracia.gost .kartica-auth form {
    margin-top: 18px;
}

body.astracia .pomocni-linkovi {
    margin-top: 18px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* ── Tipografija ───────────────────────────────────────────────────────── */

body.astracia h1 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin: 0 0 6px;
}

body.astracia h2 {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
    text-transform: none;
    color: var(--boja-tekst);
    margin: 0 0 12px;
}

body.astracia h3 {
    font-size: 13.5px;
    font-weight: 650;
    margin: 16px 0 8px;
}

body.astracia .tiho {
    color: var(--boja-tekst-tiho);
    font-size: 13px;
}

body.astracia .napomena {
    font-size: 12.5px;
    color: var(--boja-tekst-tiho);
    margin: 6px 0 0;
}

body.astracia code,
body.astracia .kod {
    font-family: var(--mono);
    font-size: 12px;
}

body.astracia code {
    background: var(--boja-panel-2);
    border: 1px solid var(--boja-ivica);
    border-radius: 5px;
    padding: 1px 5px;
}

body.astracia pre.kod {
    background: var(--boja-panel-2);
    border: 1px solid var(--boja-ivica);
    border-radius: var(--radijus-s);
    padding: 12px 14px;
    white-space: pre-wrap;
    word-break: break-word;
}

body.astracia .glava-stranice {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 20px;
}

body.astracia .glava-stranice > div:first-child {
    min-width: 0;
}

body.astracia .glava-stranice .akcije {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

body.astracia .mrvice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--boja-tekst-tiho);
    margin-bottom: 8px;
}

body.astracia .mrvice a {
    color: var(--boja-tekst-tiho);
}

body.astracia .mrvice a:hover {
    color: var(--boja-akcent);
}

body.astracia .mrvice .sep {
    color: var(--boja-tekst-slabo);
}

body.astracia .ideja-red {
    color: var(--boja-tekst-tiho);
    font-size: 13.5px;
    max-width: 88ch;
    margin: 0;
}

/* ── Responsive školjka ─────────────────────────────────────────────────── */

@media (max-width: 1100px) {
    body.astracia {
        --sidebar: 200px;
    }
    body.astracia .sadrzaj {
        padding: 22px 22px 64px;
    }
}

@media (max-width: 860px) {
    body.astracia.sidebar-otvoren {
        overflow: hidden;
    }
    body.astracia .skolja {
        grid-template-columns: minmax(0, 1fr);
    }
    body.astracia .sidebar {
        position: fixed;
        height: 100dvh;
        overflow-y: auto;
        inset: 0 auto 0 0;
        width: min(300px, 86vw);
        transform: translateX(-104%);
        transition: transform 220ms ease;
        box-shadow: var(--senka-l);
    }
    body.astracia.sidebar-otvoren .sidebar {
        transform: none;
    }
    body.astracia .zastor {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(15, 20, 25, .4);
        z-index: 39;
        opacity: 0;
        pointer-events: none;
        transition: opacity 200ms;
    }
    body.astracia.sidebar-otvoren .zastor {
        opacity: 1;
        pointer-events: auto;
    }
    body.astracia .hamburger {
        display: inline-flex;
    }
    body.astracia .zaglavlje-unutra {
        padding: 8px 16px;
    }
    body.astracia .sadrzaj,
    body.astracia .podnozje {
        padding-left: 16px;
        padding-right: 16px;
    }
    body.astracia .glava-stranice {
        flex-direction: column;
        gap: 12px;
    }
    body.astracia h1 {
        font-size: 22px;
    }
}

/* Compact shared application header: catalogue, workspace and administration. */
body.astracia .zaglavlje-unutra { min-height:48px; padding-block:4px; }
body.astracia .zaglavlje .naslov-strane { font-size:13px; line-height:1.25; }
body.astracia .zaglavlje .hamburger { width:34px; height:34px; }
body.astracia .zaglavlje .directory-header-total { gap:8px; }
body.astracia .zaglavlje .directory-header-total>strong { font-size:18px; line-height:1.2; }
body.astracia .zaglavlje .finder-button { padding:6px 10px; font-size:12px; min-height:30px; }
@media(max-width:1000px) {
    body.astracia .zaglavlje .directory-header-total { gap:1px; }
    body.astracia .zaglavlje .directory-header-total>strong { font-size:15px; }
}


/* Prijava i registracija, 8. 10. 2026 (Marko), drugi pokušaj: jedna uska kolona kao na X — znak brenda, naslov, polja bez vidljivih
   oznaka, dugme; ispod kartice jedan blok „Sponsors“ (od 13. 10. 2026 jedan red × 4 mesta). Bez mesta sa strane. Na uskom ekranu ista kolona. */
body.astracia .auth-scena { display: grid; gap: 18px; width: 420px; max-width: 100%; margin: 36px auto 48px; }
body.astracia .auth-scena .kartica-auth { width: 100%; margin: 0; padding: 26px 30px 20px; border: 1px solid var(--boja-ivica, #eff3f4); border-radius: 16px; box-shadow: none; background: #fff; }
body.astracia .auth-brend { display: block; margin: 0 0 12px; color: #f91880; font-size: 30px; line-height: 1; }
body.astracia .auth-scena .kartica-auth h1 { margin: 0 0 16px; font-size: 23px; font-weight: 700; letter-spacing: -.02em; }
body.astracia .auth-scena .kartica-auth form { display: grid; gap: 10px; margin: 0; }
body.astracia .auth-scena .kartica-auth input:not([type=checkbox]) { min-height: 38px !important; height: 38px !important; margin: 0; padding: 0 12px; border: 1px solid #cfd9de; border-radius: 6px; font-size: 14px; }
body.astracia .auth-scena .kartica-auth input:not([type=checkbox]):focus { border-color: #1d9bf0; box-shadow: 0 0 0 1px #1d9bf0; outline: none; }
body.astracia .auth-scena .kartica-auth button { min-height: 38px !important; height: 38px !important; margin: 4px 0 0; padding: 0 14px; font-size: 14px; font-weight: 700; }
body.astracia .auth-scena .kartica-auth .uslovi { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 12px; color: #536471; }
body.astracia .auth-scena .pomocni-linkovi { margin-top: 14px; font-size: 13px; }
body.astracia .auth-sponzori { display: grid; gap: 10px; }
body.astracia .auth-sponzori-naslov { display: flex; justify-content: space-between; align-items: baseline; padding: 0 2px; font-size: 12px; color: #536471; }
body.astracia .auth-sponzori-naslov a { color: #1d9bf0; text-decoration: none; }
body.astracia .auth-sponzori-naslov a:hover { text-decoration: underline; }
body.astracia .auth-sponzori-mreza { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
/* 13. 10. 2026 Marko: samo 4 sponzora u jednom redu, veća i čitljiva mesta umesto 8 sitnih. */
body.astracia .auth-oglas { display: grid; gap: 8px; place-items: center; align-content: center; min-height: 88px; padding: 10px 6px; box-sizing: border-box; border: 1px solid var(--boja-ivica, #eff3f4); border-radius: 12px; background: #fff; color: #536471; font-size: 12.5px; font-weight: 600; line-height: 1.25; text-align: center; text-decoration: none; }
body.astracia .auth-oglas:hover { border-color: #cfd9de; background: #f7f9f9; color: #0f1419; }
body.astracia .auth-oglas-logo { width: 32px; height: 32px; border-radius: 50%; background: #e1e8ed; }
@media (max-width: 380px) { body.astracia .auth-sponzori-mreza { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { body.astracia .auth-scena { width: 100%; margin: 16px auto 32px; } body.astracia .auth-scena .kartica-auth { padding: 20px 18px 16px; } }


/* ---- astracia-components.css ---- */
/*
 * Astracia — dizajn sistem, deo 2: komponente.
 * Dugmad, forme, tabele, čipovi, kartice, paneli, tabovi, toastovi, dijalozi, prazna stanja.
 */

/* ── Dugmad ─────────────────────────────────────────────────────────────── */

body.astracia .dugme,
body.astracia button,
body.astracia a.dugme {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: var(--boja-akcent);
    color: #fff;
    border: 1px solid var(--boja-akcent);
    border-radius: 9px;
    padding: 9px 15px;
    font-family: var(--font);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.005em;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: var(--senka-s);
    transition: background var(--brzina), border-color var(--brzina), color var(--brzina),
                transform 80ms, box-shadow var(--brzina);
    user-select: none;
}

body.astracia .dugme svg,
body.astracia button svg {
    width: 15px;
    height: 15px;
    flex: none;
}

body.astracia .dugme:hover,
body.astracia a.dugme:hover,
body.astracia button:hover {
    background: var(--boja-akcent-tamna);
    border-color: var(--boja-akcent-tamna);
    color: #fff;
    text-decoration: none;
}

body.astracia .dugme:active,
body.astracia button:active {
    transform: translateY(1px);
    box-shadow: none;
}

body.astracia .dugme:focus-visible,
body.astracia button:focus-visible {
    box-shadow: var(--fokus);
}

body.astracia .dugme.ghost,
body.astracia a.dugme.ghost,
body.astracia button.ghost,
body.astracia button.tiha {
    background: #fff;
    color: var(--boja-tekst);
    border-color: var(--boja-ivica-jaka);
}

body.astracia .dugme.ghost:hover,
body.astracia a.dugme.ghost:hover,
body.astracia button.ghost:hover,
body.astracia button.tiha:hover {
    background: var(--boja-panel-2);
    border-color: var(--boja-ivica-jaka);
    color: var(--boja-tekst);
}

body.astracia .dugme.meko,
body.astracia button.meko {
    background: var(--boja-akcent-fon);
    color: var(--boja-akcent-tekst);
    border-color: transparent;
    box-shadow: none;
}

body.astracia .dugme.meko:hover,
body.astracia button.meko:hover {
    background: var(--boja-akcent-svetla);
    color: var(--boja-akcent-tamna);
    border-color: transparent;
}

body.astracia .dugme.opasno,
body.astracia button.opasno {
    background: #fff;
    color: var(--boja-greska-tekst);
    border-color: var(--boja-ivica-jaka);
}

body.astracia .dugme.opasno:hover,
body.astracia button.opasno:hover {
    background: var(--boja-greska-pozadina);
    border-color: #fecdd3;
    color: var(--boja-greska-tekst);
}

body.astracia .dugme.malo,
body.astracia button.malo {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 7px;
    gap: 5px;
}

body.astracia .dugme.veliko,
body.astracia button.veliko {
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 11px;
}

body.astracia .dugme.ikona,
body.astracia button.ikona {
    padding: 7px;
    width: 32px;
    height: 32px;
}

body.astracia button.puna-sirina {
    width: 100%;
    margin-top: 18px;
    padding: 11px 16px;
    font-size: 14px;
}

body.astracia .dugme[disabled],
body.astracia button[disabled],
body.astracia .dugme[aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Zauzeto stanje: tekst se prigušuje, spinner ide preko sredine. */
body.astracia .dugme[aria-busy="true"],
body.astracia button[aria-busy="true"] {
    color: transparent !important;
    pointer-events: none;
}

body.astracia .dugme[aria-busy="true"]::after,
body.astracia button[aria-busy="true"]::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #fff;
    animation: vrti .7s linear infinite;
}

body.astracia .ghost[aria-busy="true"]::after,
body.astracia .tiha[aria-busy="true"]::after,
body.astracia .opasno[aria-busy="true"]::after,
body.astracia .meko[aria-busy="true"]::after {
    border-color: rgba(15, 20, 25, .2);
    border-top-color: var(--boja-akcent);
}

@keyframes vrti {
    to { transform: rotate(360deg); }
}

body.astracia .red-dugmadi {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

body.astracia .inline-form {
    display: inline;
}

/* ── Forme ──────────────────────────────────────────────────────────────── */

body.astracia form.forma p,
body.astracia .polje {
    margin: 0 0 18px;
}

body.astracia label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--boja-tekst);
    margin: 0 0 6px;
}

body.astracia label .opciono {
    font-weight: 500;
    color: var(--boja-tekst-slabo);
}

body.astracia .kartica-auth label {
    margin-top: 14px;
}

body.astracia input[type="text"],
body.astracia input[type="number"],
body.astracia input[type="url"],
body.astracia input[type="email"],
body.astracia input[type="password"],
body.astracia input[type="search"],
body.astracia input:not([type]),
body.astracia textarea,
body.astracia select {
    width: 100%;
    max-width: none;
    border: 1px solid var(--boja-ivica-jaka);
    border-radius: 9px;
    padding: 9px 12px;
    font: inherit;
    font-size: 14px;
    line-height: 1.4;
    background: #fff;
    color: var(--boja-tekst);
    box-shadow: var(--senka-s);
    transition: border-color var(--brzina), box-shadow var(--brzina);
}

body.astracia input::placeholder,
body.astracia textarea::placeholder {
    color: var(--boja-tekst-slabo);
}

body.astracia input:hover,
body.astracia select:hover,
body.astracia textarea:hover {
    border-color: #8b98a5;
}

body.astracia input:focus,
body.astracia select:focus,
body.astracia textarea:focus {
    outline: none;
    border-color: var(--boja-akcent);
    box-shadow: var(--fokus);
}

body.astracia input:user-invalid,
body.astracia textarea:user-invalid {
    border-color: var(--boja-greska);
}

body.astracia textarea {
    min-height: 120px;
    resize: vertical;
}

body.astracia select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 34px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
}

body.astracia select[size]:not([size="1"]),
body.astracia select[multiple] {
    background-image: none;
    padding-right: 12px;
}

body.astracia input[type="checkbox"],
body.astracia input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: var(--boja-akcent);
    margin: 0;
    cursor: pointer;
    vertical-align: -3px;
}

body.astracia .uslovi,
body.astracia label.inline {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-weight: 500;
    font-size: 13.5px;
    cursor: pointer;
}

body.astracia .uslovi input,
body.astracia label.inline input {
    width: 16px;
    margin-top: 2px;
}

body.astracia .red-polja {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px 20px;
}

body.astracia .polje .brojac {
    float: right;
    font-size: 11.5px;
    color: var(--boja-tekst-slabo);
    font-variant-numeric: tabular-nums;
}

body.astracia .polje-ikona {
    position: relative;
}

body.astracia .polje-ikona svg {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--boja-tekst-slabo);
    pointer-events: none;
}

body.astracia .polje-ikona input {
    padding-left: 34px;
}

/* Izbor režima kao kartice sa radio dugmetom */
body.astracia .izbor-kartice {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

body.astracia .izbor-kartica {
    position: relative;
    display: block;
    padding: 14px 16px 14px 42px;
    border: 1px solid var(--boja-ivica-jaka);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
    transition: border-color var(--brzina), box-shadow var(--brzina), background var(--brzina);
}

body.astracia .izbor-kartica:hover {
    border-color: #8b98a5;
}

body.astracia .izbor-kartica input {
    position: absolute;
    left: 15px;
    top: 17px;
}

body.astracia .izbor-kartica:has(input:checked) {
    border-color: var(--boja-akcent);
    background: var(--boja-akcent-fon);
    box-shadow: 0 0 0 1px var(--boja-akcent);
}

body.astracia .izbor-kartica:has(input:focus-visible) {
    box-shadow: var(--fokus);
}

body.astracia .izbor-kartica strong {
    display: block;
    font-size: 14px;
    font-weight: 650;
    margin-bottom: 2px;
}

body.astracia .izbor-kartica .tiho {
    display: block;
    font-size: 12.5px;
}

body.astracia .forma-podnozje {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 18px;
    margin-top: 6px;
    border-top: 1px solid var(--boja-ivica);
}

body.astracia .forma-podnozje .tiho {
    margin-left: auto;
}

/* Alatke iznad lista (filteri) */
body.astracia .alatke {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin: 0 0 16px;
}

body.astracia .alatke label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--boja-tekst-tiho);
    margin-bottom: 4px;
}

body.astracia .alatke select,
body.astracia .alatke input {
    width: auto;
    min-width: 140px;
}

/* ── Paneli i kartice ───────────────────────────────────────────────────── */

body.astracia .panel {
    padding: 20px 22px;
    border-radius: var(--radijus-l);
    background: var(--boja-panel);
    border: 1px solid var(--boja-ivica);
    margin: 0 0 16px;
    box-shadow: var(--senka-s);
}

body.astracia .panel + .panel {
    margin-top: 0;
}

body.astracia .panel-glava {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

body.astracia .panel-glava h2 {
    margin: 0;
}

body.astracia .panel-glava .tiho {
    margin: 2px 0 0;
}

body.astracia .panel-glava .akcije {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: none;
}

body.astracia .panel.tesan {
    padding: 0;
    overflow: hidden;
}

body.astracia .panel.tesan .panel-glava {
    padding: 16px 20px 0;
}

body.astracia .panel.tesan .tabela-omotac {
    border: none;
    border-radius: 0;
}

body.astracia .panel.tesan .paginacija,
body.astracia .panel.tesan .traka-pretrage {
    padding: 0 20px;
}

body.astracia .panel.tesan .paginacija {
    padding-bottom: 14px;
}

body.astracia .kartice {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

body.astracia .kartica {
    position: relative;
    background: var(--boja-panel);
    border: 1px solid var(--boja-ivica);
    border-radius: 14px;
    padding: 14px 16px;
    box-shadow: var(--senka-s);
    min-width: 0;
}

body.astracia .kartica .oznaka {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--boja-tekst-tiho);
}

body.astracia .kartica .broj {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-top: 6px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.astracia .kartica .broj.mali {
    font-size: 16px;
    white-space: normal;
}

body.astracia .kartica .broj a {
    color: inherit;
    text-decoration: none;
}

body.astracia .kartica .broj a:hover {
    color: var(--boja-akcent);
}

body.astracia .kartica .pod {
    font-size: 12px;
    color: var(--boja-tekst-tiho);
    margin-top: 4px;
}

body.astracia .kartica.link {
    cursor: pointer;
    transition: border-color var(--brzina), box-shadow var(--brzina), transform 80ms;
}

body.astracia .kartica.link:hover {
    border-color: var(--boja-ivica-jaka);
    box-shadow: var(--senka);
    transform: translateY(-1px);
}

/* ── Tabele ─────────────────────────────────────────────────────────────── */

body.astracia table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

body.astracia thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: left;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--boja-tekst-tiho);
    padding: 10px 14px;
    border-bottom: 1px solid var(--boja-ivica);
    background: var(--boja-panel-2);
    white-space: nowrap;
}

body.astracia tbody td {
    padding: 11px 14px;
    border-bottom: 1px solid var(--boja-ivica);
    vertical-align: middle;
    background: transparent;
}

body.astracia tbody tr:last-child td {
    border-bottom: none;
}

body.astracia tbody tr {
    transition: background var(--brzina);
}

body.astracia tbody tr:hover td {
    background: var(--boja-panel-2);
}

body.astracia tbody tr.red-link {
    cursor: pointer;
}

body.astracia tbody tr.red-link:hover td {
    background: var(--boja-hover);
}

body.astracia tbody tr.red-link:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--boja-akcent);
}

body.astracia td.broj,
body.astracia th.broj {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

body.astracia td.h1,
body.astracia td.skraceno {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.astracia td .tiho {
    display: block;
    font-size: 12px;
}

body.astracia td form {
    display: inline;
}

body.astracia td.outreach {
    white-space: nowrap;
}

body.astracia td.outreach .dugme {
    margin-left: 4px;
}

body.astracia .tabela-omotac {
    overflow: auto;
    max-height: none;
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    background: #fff;
}

body.astracia .tabela-omotac thead th {
    background: var(--boja-panel-2);
}

body.astracia .tabela-konkurenti {
    min-width: 1380px;
}

body.astracia .tabela-konkurenti th:first-child,
body.astracia .tabela-konkurenti td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    min-width: 180px;
    box-shadow: 1px 0 0 var(--boja-ivica);
}

body.astracia .tabela-konkurenti thead th:first-child {
    z-index: 3;
    background: var(--boja-panel-2);
}

body.astracia .tabela-konkurenti tbody tr:hover td:first-child {
    background: var(--boja-hover);
}

/* Ćelija „da/ne“ kao tačka */
body.astracia .tacka {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--boja-ivica-jaka);
    vertical-align: middle;
}

body.astracia .tacka.da { background: var(--boja-uspeh); }
body.astracia .tacka.ne { background: #fda4af; }

/* ── Čipovi i značke ────────────────────────────────────────────────────── */

body.astracia .chipovi {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.astracia .chip,
body.astracia .znacka {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border-radius: 999px;
    background: var(--boja-akcent-fon);
    color: var(--boja-akcent-tekst);
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

body.astracia a.chip:hover {
    text-decoration: none;
    background: var(--boja-akcent-svetla);
}

body.astracia .chip.tih,
body.astracia .znacka {
    background: #f7f9f9;
    color: var(--boja-tekst-2);
}

body.astracia .znacka.ok { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .znacka.lose { background: var(--boja-greska-pozadina); color: var(--boja-greska-tekst); }

body.astracia .chip::before,
body.astracia .status-tacka::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    display: none;
    flex: none;
}

body.astracia .chip.sa-tackom::before { display: inline-block; }

body.astracia .chip.status-QUEUED { background: #f7f9f9; color: #536471; }
body.astracia .chip.status-RUNNING { background: var(--boja-akcent-svetla); color: var(--boja-akcent-tekst); }
body.astracia .chip.status-COMPLETED { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .chip.status-PARTIAL { background: var(--boja-upozorenje-pozadina); color: var(--boja-upozorenje-tekst); }
body.astracia .chip.status-FAILED { background: var(--boja-greska-pozadina); color: var(--boja-greska-tekst); }

body.astracia .chip.status-RUNNING::before,
body.astracia .chip.status-QUEUED::before {
    display: inline-block;
    animation: pulsira 1.4s ease-in-out infinite;
}

@keyframes pulsira {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .35; transform: scale(.7); }
}

body.astracia .klasa-DIRECT { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .klasa-NICHE { background: var(--boja-ljubicasta-pozadina); color: var(--boja-ljubicasta-tekst); }
body.astracia .klasa-AI_FIRST { background: #fae8ff; color: #86198f; }
body.astracia .klasa-INDIRECT { background: #f7f9f9; color: #536471; }

body.astracia .chip.ai-da { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .chip.ai-ne { background: var(--boja-greska-pozadina); color: var(--boja-greska-tekst); text-decoration: line-through; }

body.astracia .chip.upozorenje { background: var(--boja-upozorenje-pozadina); color: var(--boja-upozorenje-tekst); }
body.astracia .chip.greska { background: var(--boja-greska-pozadina); color: var(--boja-greska-tekst); }
body.astracia .chip.info { background: var(--boja-info-pozadina); color: var(--boja-info-tekst); }
body.astracia .chip.uspeh { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }

/* ── Tabovi sekcija ─────────────────────────────────────────────────────── */

body.astracia .sekcije {
    display: flex;
    gap: 2px;
    margin: 0 0 20px;
    padding: 0 0 0;
    border-bottom: 1px solid var(--boja-ivica);
    overflow-x: auto;
    scrollbar-width: none;
}

body.astracia .sekcije::-webkit-scrollbar {
    display: none;
}

body.astracia .sekcije a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    margin-bottom: -1px;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 13px;
    font-weight: 550;
    color: var(--boja-tekst-tiho);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--brzina), border-color var(--brzina);
}

body.astracia .sekcije a:hover {
    color: var(--boja-tekst);
    background: transparent;
    text-decoration: none;
}

body.astracia .sekcije a.aktivna {
    color: var(--boja-akcent-tekst);
    border-bottom-color: var(--boja-akcent);
    background: transparent;
    font-weight: 650;
}

body.astracia .sekcije .broj-uz {
    font-size: 11px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    padding: 0 6px;
    border-radius: 999px;
    background: #f7f9f9;
    color: var(--boja-tekst-tiho);
    opacity: 1;
}

body.astracia .sekcije a.aktivna .broj-uz {
    background: var(--boja-akcent-svetla);
    color: var(--boja-akcent-tekst);
    opacity: 1;
}

/* ── Pretraga i paginacija ──────────────────────────────────────────────── */

body.astracia .traka-pretrage {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 14px;
}

body.astracia .traka-pretrage input[type="search"],
body.astracia .traka-pretrage input[type="text"],
body.astracia .traka-pretrage input:not([type]) {
    width: auto;
    min-width: 240px;
    flex: 0 1 320px;
}

body.astracia .traka-pretrage .opseg {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}

body.astracia .paginacija {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
    font-size: 13px;
}

body.astracia .paginacija a,
body.astracia .paginacija > span:not(.tiho-centar) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 11px;
    border: 1px solid var(--boja-ivica-jaka);
    border-radius: 8px;
    background: #fff;
    color: var(--boja-tekst);
    font-weight: 550;
    text-decoration: none;
}

body.astracia .paginacija a:hover {
    background: var(--boja-panel-2);
    text-decoration: none;
}

body.astracia .paginacija span.tiho {
    border-color: var(--boja-ivica);
    color: var(--boja-tekst-slabo);
    background: transparent;
}

body.astracia .paginacija .tiho-centar {
    color: var(--boja-tekst-tiho);
    font-variant-numeric: tabular-nums;
    padding: 0 6px;
}

/* ── Obaveštenja i toastovi ─────────────────────────────────────────────── */

body.astracia .obavestenje {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 10px;
    margin-bottom: 16px;
    font-size: 13.5px;
    font-weight: 500;
    border: 1px solid transparent;
}

body.astracia .obavestenje.uspeh {
    background: var(--boja-uspeh-pozadina);
    color: var(--boja-uspeh-tekst);
    border-color: #00ba7c;
}

body.astracia .obavestenje.greska {
    background: var(--boja-greska-pozadina);
    color: var(--boja-greska-tekst);
    border-color: #fecdd3;
}

body.astracia .obavestenje.info {
    background: var(--boja-info-pozadina);
    color: var(--boja-info-tekst);
    border-color: #bfdbfe;
}

body.astracia .obavestenje.upozorenje {
    background: var(--boja-upozorenje-pozadina);
    color: var(--boja-upozorenje-tekst);
    border-color: #fde68a;
}

body.astracia .toastovi {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: min(420px, calc(100vw - 32px));
    pointer-events: none;
}

body.astracia .toast {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 12px 12px 14px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--boja-ivica);
    box-shadow: var(--senka-l);
    font-size: 13.5px;
    color: var(--boja-tekst);
    animation: toast-ulaz 220ms cubic-bezier(.2, .8, .2, 1);
}

body.astracia .toast.izlazi {
    animation: toast-izlaz 180ms ease-in forwards;
}

body.astracia .toast .ikona {
    width: 20px;
    height: 20px;
    flex: none;
    margin-top: 1px;
}

body.astracia .toast.uspeh .ikona { color: var(--boja-uspeh); }
body.astracia .toast.greska .ikona { color: var(--boja-greska); }
body.astracia .toast.info .ikona { color: var(--boja-akcent); }
body.astracia .toast.upozorenje .ikona { color: var(--boja-upozorenje); }

body.astracia .toast .tekst {
    flex: 1;
    min-width: 0;
    line-height: 1.45;
}

body.astracia .toast .zatvori {
    background: none;
    border: none;
    box-shadow: none;
    padding: 2px;
    width: 24px;
    height: 24px;
    color: var(--boja-tekst-slabo);
    border-radius: 6px;
}

body.astracia .toast .zatvori:hover {
    background: var(--boja-panel-2);
    color: var(--boja-tekst);
}

@keyframes toast-ulaz {
    from { opacity: 0; transform: translateY(-8px) scale(.98); }
    to { opacity: 1; transform: none; }
}

@keyframes toast-izlaz {
    to { opacity: 0; transform: translateX(12px); }
}

/* ── Traka učitavanja na vrhu ───────────────────────────────────────────── */

body.astracia .nav-progres {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #0f1419, var(--boja-akcent));
    z-index: 200;
    opacity: 0;
    transition: width 300ms ease, opacity 300ms;
    box-shadow: 0 0 8px rgba(20, 184, 166, .6);
}

body.astracia .nav-progres.aktivna {
    opacity: 1;
}

/* ── Dijalog ────────────────────────────────────────────────────────────── */

body.astracia dialog {
    border: none;
    padding: 0;
    border-radius: 18px;
    background: var(--boja-panel);
    color: var(--boja-tekst);
    box-shadow: var(--senka-l);
}

body.astracia dialog::backdrop {
    background: rgba(15, 20, 25, .5);
    backdrop-filter: blur(6px);
}

body.astracia dialog.potvrda {
    width: min(440px, 92vw);
    padding: 24px;
}

body.astracia dialog.potvrda h2 {
    font-size: 17px;
    margin: 0 0 8px;
}

body.astracia dialog.potvrda .red-dugmadi {
    justify-content: flex-end;
    margin-top: 20px;
}

/* ── Prazno stanje, skelet, deljenje ────────────────────────────────────── */

body.astracia .prazno {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 40px 20px;
    color: var(--boja-tekst-tiho);
    border: 1px dashed var(--boja-ivica-jaka);
    border-radius: 14px;
    background: var(--boja-panel-2);
}

body.astracia .prazno .ikona {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--boja-ivica);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--boja-akcent);
    margin-bottom: 4px;
}

body.astracia .prazno .ikona svg {
    width: 20px;
    height: 20px;
}

body.astracia .prazno strong {
    color: var(--boja-tekst);
    font-size: 15px;
}

body.astracia .prazno p {
    margin: 0;
    max-width: 48ch;
    font-size: 13.5px;
}

body.astracia .prazno .dugme {
    margin-top: 8px;
}

body.astracia .skelet {
    display: block;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f7f9f9 25%, #f7f9f9 37%, #f7f9f9 63%);
    background-size: 400% 100%;
    animation: skelet 1.4s ease infinite;
}

@keyframes skelet {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

body.astracia .razdelnik {
    height: 1px;
    background: var(--boja-ivica);
    margin: 16px 0;
}

body.astracia .kopiraj {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

body.astracia .kopiraj code {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

body.astracia .kljuc-prikaz {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #00ba7c;
    background: var(--boja-uspeh-pozadina);
    border-radius: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

body.astracia .kljuc-prikaz code {
    flex: 1;
    min-width: 0;
    background: #fff;
    font-size: 12.5px;
    padding: 6px 10px;
    word-break: break-all;
    white-space: normal;
}

body.astracia .paket {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    margin-bottom: 10px;
}

body.astracia .paket.izabran {
    border-color: var(--boja-akcent);
    background: var(--boja-akcent-fon);
    margin: 0 0 10px;
}

body.astracia .paket strong {
    font-size: 14.5px;
}

body.astracia .strananje {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
    font-size: 13px;
}

body.astracia details.sklopivo {
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    padding: 0;
    margin: 0 0 10px;
    background: #fff;
}

body.astracia details.sklopivo > summary {
    cursor: pointer;
    padding: 12px 16px;
    font-weight: 600;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
}

body.astracia details.sklopivo > summary::-webkit-details-marker {
    display: none;
}

body.astracia details.sklopivo > summary::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--boja-tekst-slabo);
    border-bottom: 2px solid var(--boja-tekst-slabo);
    transform: rotate(-45deg);
    transition: transform var(--brzina);
    margin-right: 2px;
}

body.astracia details.sklopivo[open] > summary::before {
    transform: rotate(45deg);
}

body.astracia details.sklopivo > summary:hover {
    background: var(--boja-panel-2);
}

body.astracia details.sklopivo > .telo {
    padding: 4px 16px 16px;
}

body.astracia .tr-EXPIRED td:first-child,
body.astracia tr[data-state="EXPIRED"] td:first-child {
    box-shadow: inset 3px 0 0 var(--boja-greska);
}

body.astracia tr[data-state="SOON"] td:first-child {
    box-shadow: inset 3px 0 0 var(--boja-upozorenje);
}

@media (max-width: 860px) {
    body.astracia .kartice {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.astracia .traka-pretrage input[type="search"] {
        flex-basis: 100%;
        min-width: 0;
    }
    body.astracia .traka-pretrage .opseg {
        margin-left: 0;
    }
    body.astracia .toastovi {
        top: auto;
        bottom: 16px;
    }
}

/* ── Grupisani tabovi sekcija (grupa + pod-tabovi) ──────────────────────── */

body.astracia .sekcije-grupa {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 0 0 12px;
    padding: 0;
    border: none;
}

/* Grupe sekcija su ulaz u detaljan pregled: kartice sa ikonom, ne sitne pilule — da se vidi da se klikće. */
body.astracia .sekcije-grupa a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 12px;
    font-size: 14.5px;
    font-weight: 650;
    color: var(--boja-tekst);
    background: #fff;
    border: 1px solid var(--boja-ivica-jaka);
    box-shadow: var(--senka-s);
    text-decoration: none;
    transition: background var(--brzina), color var(--brzina), border-color var(--brzina), box-shadow var(--brzina), transform 80ms;
}

body.astracia .sekcije-grupa a svg {
    width: 20px;
    height: 20px;
    flex: none;
    color: var(--boja-akcent);
}

body.astracia .sekcije-grupa a:hover {
    background: var(--boja-akcent-fon);
    border-color: var(--boja-akcent);
    box-shadow: var(--senka);
    transform: translateY(-1px);
    text-decoration: none;
}

body.astracia .sekcije-grupa a.aktivna svg {
    color: #fff;
}

body.astracia .sekcije-grupa a.aktivna {
    background: var(--boja-tekst);
    color: #fff;
    border-color: var(--boja-tekst);
}

body.astracia .sekcije-grupa a .broj-uz {
    font-size: 12px;
    font-weight: 650;
    padding: 1px 8px;
    border-radius: 999px;
    background: #f7f9f9;
    color: var(--boja-tekst-tiho);
}

body.astracia .sekcije-grupa a.aktivna .broj-uz {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

/* ── Sortiranje kolona ───────────────────────────────────────────────────── */

body.astracia th a.sort {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.astracia th a.sort:hover {
    color: var(--boja-tekst);
}

body.astracia th a.sort.aktivan {
    color: var(--boja-akcent-tekst);
}

body.astracia th a.sort .strelica {
    font-size: 10px;
    opacity: .5;
}

body.astracia th a.sort.aktivan .strelica {
    opacity: 1;
}

body.astracia .filter-cipovi {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin: 0 0 12px;
}

body.astracia .filter-cipovi a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px solid var(--boja-ivica);
    background: #fff;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--boja-tekst-2);
    text-decoration: none;
}

body.astracia .filter-cipovi a:hover {
    background: var(--boja-panel-2);
    text-decoration: none;
}

body.astracia .filter-cipovi a.aktivan {
    background: var(--boja-akcent-fon);
    border-color: var(--boja-akcent);
    color: var(--boja-akcent-tekst);
}

/* ── Sadržaj osvežen u mestu ─────────────────────────────────────────────── */

body.astracia .osvezeno {
    animation: osvezeno 900ms ease;
}

@keyframes osvezeno {
    0% { box-shadow: 0 0 0 0 rgba(20, 184, 166, .45); }
    100% { box-shadow: 0 0 0 12px rgba(20, 184, 166, 0); }
}

/* ── Sažetak na vrhu pregleda ────────────────────────────────────────────── */

body.astracia .sazetak {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}

body.astracia .sazetak .stavka {
    padding: 14px 16px;
    border-radius: 14px;
    background: linear-gradient(180deg, #fff, var(--boja-panel-2));
    border: 1px solid var(--boja-ivica);
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

body.astracia .sazetak .broj-korak {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--boja-akcent-fon);
    color: var(--boja-akcent-tekst);
    font-weight: 700;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

body.astracia .sazetak .naslov {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--boja-tekst-tiho);
    margin-bottom: 4px;
}

body.astracia .sazetak p {
    margin: 0;
    font-size: 13.5px;
    color: var(--boja-tekst);
}

/* ── Prazna početna (prvi korak) ─────────────────────────────────────────── */

body.astracia .heroj {
    padding: 36px 32px;
    border-radius: 20px;
    background:
        radial-gradient(700px 300px at 0% 0%, rgba(20, 184, 166, .16), transparent 60%),
        radial-gradient(500px 240px at 100% 100%, rgba(109, 40, 217, .08), transparent 60%),
        #fff;
    border: 1px solid var(--boja-ivica);
    box-shadow: var(--senka);
    margin: 0 0 18px;
}

body.astracia .heroj h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 0 0 8px;
}

body.astracia .heroj .uvod {
    max-width: 62ch;
    color: var(--boja-tekst-tiho);
    font-size: 14.5px;
    margin: 0 0 18px;
}

body.astracia .primeri {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    margin: 0 0 18px;
}

body.astracia .primeri a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--boja-ivica);
    background: #fff;
    color: var(--boja-tekst);
    text-decoration: none;
    transition: border-color var(--brzina), box-shadow var(--brzina), transform 80ms;
}

body.astracia .primeri a:hover {
    border-color: var(--boja-akcent);
    box-shadow: var(--senka);
    transform: translateY(-1px);
    text-decoration: none;
}

body.astracia .primeri a strong {
    font-size: 14px;
}

body.astracia .primeri a span {
    font-size: 12.5px;
    color: var(--boja-tekst-tiho);
}

/* ── Core ekrani (admin, greška, checkout) bez devizzo.css ──────────────── */

body.astracia .kod {
    font-family: var(--mono);
    font-size: 12px;
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 640px;
    margin: 0;
}

body.astracia .strananje a {
    display: inline-flex;
    padding: 6px 11px;
    border: 1px solid var(--boja-ivica-jaka);
    border-radius: 8px;
    background: #fff;
    color: var(--boja-tekst);
    font-weight: 550;
    text-decoration: none;
}

body.astracia .strananje a:hover {
    background: var(--boja-panel-2);
}

body.astracia .traka-impersonacija form {
    display: inline;
}

body.astracia td .znacka + .znacka {
    margin-left: 4px;
}

/* ── Tabovi unutar strane (detalj konkurenta) ───────────────────────────── */

body.astracia .tabovi {
    display: flex;
    gap: 2px;
    margin: 0 0 18px;
    border-bottom: 1px solid var(--boja-ivica);
    overflow-x: auto;
    scrollbar-width: none;
}

body.astracia .tabovi::-webkit-scrollbar {
    display: none;
}

body.astracia .tabovi a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 14px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 13px;
    font-weight: 550;
    color: var(--boja-tekst-tiho);
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
}

body.astracia .tabovi a:hover {
    color: var(--boja-tekst);
    text-decoration: none;
}

body.astracia .tabovi a.aktivna {
    color: var(--boja-akcent-tekst);
    border-bottom-color: var(--boja-akcent);
    font-weight: 650;
}

body.astracia .tabovi a .broj-uz {
    font-size: 11px;
    font-weight: 650;
    padding: 0 6px;
    border-radius: 999px;
    background: #f7f9f9;
    color: var(--boja-tekst-tiho);
}

body.astracia .tabovi a.aktivna .broj-uz {
    background: var(--boja-akcent-svetla);
    color: var(--boja-akcent-tekst);
}

/* Parovi naziv/vrednost — čitljivije od tabele za 2 kolone. */
body.astracia .parovi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px 20px;
    margin: 0;
}

body.astracia .parovi > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--boja-panel-2);
    border: 1px solid var(--boja-ivica);
    min-width: 0;
}

body.astracia .parovi dt,
body.astracia .parovi .naziv {
    font-size: 11.5px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--boja-tekst-tiho);
}

body.astracia .parovi dd,
body.astracia .parovi .vred {
    margin: 0;
    font-size: 13.5px;
    font-weight: 550;
    word-break: break-word;
}

body.astracia .parovi a {
    word-break: break-all;
}

/* Forme sa select poljima u traci pretrage (radar upiti): select ne sme na celu širinu. */
body.astracia .traka-pretrage select {
    width: auto;
    flex: 0 0 auto;
}

/* ── Runda: vertikalna traka sekcija levo od sadržaja (16. 9. 2026) ──────────
   #sadrzaj postaje mreža čim u njemu postoji .runda-nav: zaglavlje i živa traka (pre trake) idu preko obe
   kolone, traka u prvu kolonu i lepi se uz vrh, sve posle nje u drugu kolonu. Bez izmena u pojedinačnim
   šablonima sekcija. Glavni meni zadržava pune nazive radi dosledne navigacije. */

body.astracia #sadrzaj:has(> .runda-nav) {
    display: grid;
    grid-template-columns: 208px minmax(0, 1fr);
    column-gap: 24px;
    align-items: start;
}

body.astracia #sadrzaj:has(> .runda-nav) > * {
    grid-column: 1 / -1;
    min-width: 0;
}

body.astracia #sadrzaj > .runda-nav {
    grid-column: 1;
    grid-row: span 80;
    align-self: start;
    position: sticky;
    top: 14px;
    /* 16. 9.: na nižim ekranima traka je bila viša od prozora, pa ju je kraj strane gurao nagore i sekao
       „Pregled“. Sad ne prelazi visinu prozora (minus podnožje) i skroluje se sama kad zatreba. */
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

body.astracia #sadrzaj > .runda-nav ~ * {
    grid-column: 2;
}

body.astracia .runda-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 6px;
    border: 1px solid var(--boja-ivica);
    border-radius: var(--radijus-l);
    background: var(--boja-panel);
    box-shadow: var(--senka-s);
    overflow: visible;
}

body.astracia .runda-nav .grupa-blok {
    display: flex;
    flex-direction: column;
}

body.astracia .runda-nav a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 10px;
    margin: 0;
    border: 0;
    border-radius: 9px;
    font-size: 13.5px;
    font-weight: 550;
    color: var(--boja-tekst-2);
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--brzina), color var(--brzina);
}

body.astracia .runda-nav a.grupa {
    font-weight: 650;
    color: var(--boja-tekst);
}

body.astracia .runda-nav a.grupa svg {
    width: 18px;
    height: 18px;
    flex: none;
    color: var(--boja-akcent);
}

body.astracia .runda-nav .pod a {
    padding: 4px 10px 4px 37px;
    font-size: 13px;
    color: var(--boja-tekst-tiho);
}

body.astracia .runda-nav a:hover {
    background: var(--boja-panel-2);
    color: var(--boja-tekst);
    text-decoration: none;
}

body.astracia .runda-nav a.aktivna,
body.astracia .runda-nav .pod a.aktivna {
    background: var(--boja-akcent-fon);
    color: var(--boja-akcent-tekst);
    font-weight: 650;
}

body.astracia .runda-nav a.grupa.aktivna {
    background: transparent;
}

body.astracia .runda-nav .grupa-blok.otvorena a.grupa {
    color: var(--boja-akcent-tekst);
}

body.astracia .runda-nav .broj-uz {
    margin-left: auto;
    font-size: 11px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    padding: 1px 7px;
    border-radius: 999px;
    background: #f7f9f9;
    color: var(--boja-tekst-tiho);
    opacity: 1;
}

body.astracia .runda-nav a.aktivna .broj-uz {
    background: var(--boja-akcent-svetla);
    color: var(--boja-akcent-tekst);
}

/* Telefon i uzak ekran: traka postaje red čipova iznad sadržaja, pod-stavke samo za otvorenu grupu. */
@media (max-width: 860px) {
    body.astracia #sadrzaj:has(> .runda-nav) {
        display: block;
    }

    body.astracia #sadrzaj > .runda-nav {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0 0 16px;
    }

    body.astracia .runda-nav .grupa-blok {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 4px;
    }

    body.astracia .runda-nav .grupa-blok:not(.otvorena) .pod {
        display: none;
    }

    body.astracia .runda-nav .pod {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        width: 100%;
    }

    body.astracia .runda-nav .pod a {
        padding-left: 10px;
    }
}


/* ── Runda na celoj širini: rail + sadržaj koriste ceo ekran, tabele imaju mesta (16. 9. 2026) ── */
body.astracia:has(.runda-nav) .sadrzaj {
    max-width: none !important;
    padding-left: 24px;
    padding-right: 24px;
}

/* Matrice (teme × konkurenti, kanali × konkurenti): prva kolona ostaje vidljiva pri horizontalnom skrolu. */
body.astracia .matrica th:first-child,
body.astracia .matrica td:first-child,
body.astracia .tabela-lepljiva th:first-child,
body.astracia .tabela-lepljiva td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--boja-panel);
    box-shadow: 1px 0 0 var(--boja-ivica);
    min-width: 180px;
    max-width: 260px;
}

body.astracia .matrica thead th:first-child,
body.astracia .tabela-lepljiva thead th:first-child {
    z-index: 3;
    background: var(--boja-panel-2);
}

body.astracia .dosije-kolona {
    white-space: nowrap;
}

/* Admin: zajednički tabovi i jedan skrol po strani (20. 9. 2026). */
body.astracia .admin-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid var(--boja-ivica)}
body.astracia .admin-tabs a{padding:7px 14px;border-radius:999px;font-size:13px;text-decoration:none;color:#0f1419;border:1px solid transparent}
body.astracia .admin-tabs a:hover{background:#eff3f4}
body.astracia .admin-tabs a.aktivna{background:#0f1419;color:#fff}
body.astracia .admin-tabs-razmak{flex:1 1 20px}
/* Unutrašnji skrol u tabeli pravi dva skrola na istoj strani; na admin ekranima ostaje samo vodoravni. */
body.astracia .admin-screen .tabela-omotac{max-height:none;overflow-y:visible;overflow-x:auto}
body.astracia .admin-screen .panel.tesan .tabela-omotac{max-height:none}
/* Podtabovi unutar jednog ekrana (izvori, katalog, skupljanje). */
body.astracia .admin-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
body.astracia .admin-subtabs a{padding:8px 16px;border:1px solid var(--boja-ivica);border-radius:10px;font-size:13px;text-decoration:none;color:#0f1419;background:#fff}
body.astracia .admin-subtabs a.aktivna{background:#eff3f4;border-color:#0f1419;color:#0f1419;font-weight:600}
body.astracia .admin-subtabs a span{color:#536471;font-weight:400;margin-left:6px}

/* People P5: zahtevi sa javnog profila (ispravka, uklanjanje) i preuzimanje profila. */
.person-request-panel { max-width: 760px; margin: 32px auto; padding: 28px; }
.person-request .forma { display: grid; gap: 10px; margin-top: 16px; }
.person-request-trap { position: absolute; left: -9999px; }
.claim-code code { font-size: 20px; padding: 8px 14px; border-radius: 8px; background: #eff3f4; display: inline-block; }


/* ---- astracia-research.css ---- */
/*
 * Astracia — dizajn sistem, deo 3: ekrani istraživanja.
 * Živa traka runde, koraci toka, dnevnik, ocena, plan ulaska, dosije, sitemap, feed promena.
 */

/* ── Živa traka runde (vidljiva na svakoj strani runde dok radi) ────────── */

body.astracia .traka-runde {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    margin: 0 0 18px;
    border-radius: 14px;
    border: 1px solid #cfd9de;
    background: linear-gradient(180deg, #eff3f4, #0f1419);
    box-shadow: var(--senka-s);
}

body.astracia .traka-runde[hidden] {
    display: none;
}

body.astracia .traka-runde .spinner {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2.5px solid rgba(15, 20, 25, .2);
    border-top-color: var(--boja-akcent);
    animation: vrti .8s linear infinite;
    flex: none;
}

body.astracia .traka-runde.gotovo .spinner {
    border: none;
    background: var(--boja-uspeh);
    animation: none;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

body.astracia .traka-runde.greska {
    border-color: #fecdd3;
    background: linear-gradient(180deg, #fff1f2, #fff);
}

body.astracia .traka-runde.greska .spinner {
    border: none;
    background: var(--boja-greska);
    animation: none;
}

body.astracia .traka-runde .tekst {
    min-width: 0;
}

body.astracia .traka-runde .naslov {
    font-weight: 650;
    font-size: 13.5px;
    color: var(--boja-akcent-tekst);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.astracia .traka-runde.greska .naslov {
    color: var(--boja-greska-tekst);
}

body.astracia .traka-runde .detalj {
    font-size: 12.5px;
    color: var(--boja-tekst-tiho);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}

body.astracia .traka-runde .meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: var(--boja-tekst-tiho);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

body.astracia .traka-runde .meta strong {
    color: var(--boja-tekst);
    font-weight: 650;
}

body.astracia .traka-runde .progres {
    grid-column: 1 / -1;
    height: 5px;
    border-radius: 999px;
    background: rgba(15, 20, 25, .12);
    overflow: hidden;
}

body.astracia .traka-runde .progres i {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f1419, var(--boja-akcent));
    transition: width 600ms ease;
    position: relative;
}

body.astracia .traka-runde .progres i::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
    animation: sjaj 1.6s linear infinite;
}

body.astracia .traka-runde.gotovo .progres i::after,
body.astracia .traka-runde.greska .progres i::after {
    display: none;
}

@keyframes sjaj {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}

/* ── Zaglavlje runde (status, tržište) ──────────────────────────────────── */

body.astracia .runda-glava {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* ── Koraci toka ────────────────────────────────────────────────────────── */

body.astracia .koraci {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

body.astracia .koraci li {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    background: none;
    border-radius: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--boja-tekst-slabo);
    min-width: 0;
}

body.astracia .koraci li .linija {
    height: 4px;
    border-radius: 999px;
    background: #eff3f4;
    overflow: hidden;
    position: relative;
}

body.astracia .koraci li[data-mark="done"] .linija {
    background: var(--boja-akcent);
}

body.astracia .koraci li[data-mark="current"] .linija::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--boja-akcent) 0 40%, #cfd9de 40% 100%);
    background-size: 200% 100%;
    animation: tece 1.4s linear infinite;
}

@keyframes tece {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

body.astracia .koraci li[data-mark="skipped"] .linija {
    background: repeating-linear-gradient(90deg, #eff3f4 0 6px, transparent 6px 10px);
}

body.astracia .koraci li[data-mark="done"] {
    color: var(--boja-akcent-tekst);
}

body.astracia .koraci li[data-mark="current"] {
    color: var(--boja-tekst);
}

body.astracia .koraci li .ime {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.astracia .koraci li .stanje {
    font-size: 11px;
    font-weight: 500;
    color: var(--boja-tekst-slabo);
}

body.astracia .koraci li[data-mark="current"] .stanje {
    color: var(--boja-akcent);
    font-weight: 650;
}

/* ── Dnevnik runde ──────────────────────────────────────────────────────── */

body.astracia .dnevnik-omotac {
    margin-top: 16px;
    border: 1px solid #0f1419;
    border-radius: 12px;
    background: #0f1419;
    color: #cfd9de;
    overflow: hidden;
}

body.astracia .dnevnik-glava {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    font-size: 12px;
    color: #8b98a5;
    border-bottom: 1px solid #0f1419;
}

body.astracia .dnevnik-glava .tacke {
    display: flex;
    gap: 5px;
}

body.astracia .dnevnik-glava .tacke i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0f1419;
}

body.astracia .dnevnik-glava .desno {
    margin-left: auto;
    display: flex;
    gap: 8px;
    align-items: center;
}

body.astracia .dnevnik-glava button {
    background: transparent;
    border: 1px solid #0f1419;
    color: #8b98a5;
    box-shadow: none;
    padding: 3px 9px;
    font-size: 11.5px;
    border-radius: 6px;
}

body.astracia .dnevnik-glava button:hover {
    background: #0f1419;
    color: #eff3f4;
    border-color: #536471;
}

body.astracia ul.dnevnik {
    list-style: none;
    margin: 0;
    padding: 10px 12px;
    font-family: var(--mono);
    font-size: 12px;
    line-height: 1.6;
    max-height: 300px;
    overflow: auto;
    scroll-behavior: smooth;
}

body.astracia ul.dnevnik li {
    display: grid;
    grid-template-columns: 62px 1fr;
    gap: 10px;
    padding: 1px 0;
    word-break: break-word;
}

body.astracia ul.dnevnik li.nova {
    animation: nova-linija 800ms ease;
}

@keyframes nova-linija {
    from { background: rgba(20, 184, 166, .25); }
    to { background: transparent; }
}

body.astracia ul.dnevnik li .tiho {
    color: #536471;
    font-size: 12px;
}

body.astracia ul.dnevnik li.prazno {
    grid-template-columns: 1fr;
    color: #536471;
}

/* ── Ocena prilike ──────────────────────────────────────────────────────── */

body.astracia .ocena-blok {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

body.astracia .prsten {
    --pct: 0;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background:
        radial-gradient(closest-side, #fff 78%, transparent 79% 100%),
        conic-gradient(var(--boja-akcent) calc(var(--pct) * 1%), #eff3f4 0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: none;
}

body.astracia .prsten .vrednost {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}

body.astracia .prsten .od {
    font-size: 11px;
    color: var(--boja-tekst-slabo);
    font-weight: 600;
    margin-top: 2px;
}

body.astracia .ocena-delovi {
    display: grid;
    gap: 10px;
}

body.astracia .ocena-deo {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) 52px;
    gap: 12px;
    align-items: center;
    font-size: 13px;
}

body.astracia .ocena-deo .naziv {
    font-weight: 600;
}

body.astracia .ocena-deo .detalj {
    grid-column: 1 / -1;
    font-size: 12px;
    color: var(--boja-tekst-tiho);
    margin-top: -6px;
}

body.astracia .traka-h {
    height: 8px;
    border-radius: 999px;
    background: #f7f9f9;
    overflow: hidden;
}

body.astracia .traka-h i {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--boja-akcent);
    transition: width 500ms ease;
}

body.astracia .traka-h.slabo i { background: var(--boja-upozorenje); }
body.astracia .traka-h.lose i { background: var(--boja-greska); }

body.astracia .ocena-deo .bodovi {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
}

body.astracia .pokrivenost {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

body.astracia .pokrivenost li {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--boja-ivica);
    background: var(--boja-panel-2);
    font-size: 12.5px;
}

body.astracia .pokrivenost li strong {
    font-size: 12px;
    color: var(--boja-tekst-tiho);
    font-weight: 600;
}

body.astracia .pokrivenost li .vred {
    font-weight: 650;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

body.astracia .pokrivenost li .vred span:last-child {
    color: var(--boja-tekst-slabo);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* ── Plan ulaska ────────────────────────────────────────────────────────── */

body.astracia .plan-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

body.astracia .plan-kartica {
    padding: 14px 16px;
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.astracia .plan-kartica h3 {
    margin: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body.astracia .plan-kartica p {
    margin: 0;
    font-size: 13.5px;
    color: var(--boja-tekst-2);
}

body.astracia .plan-kartica ul {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.astracia .plan-kartica li {
    font-size: 12.5px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

body.astracia .plan-kartica li a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.astracia .plan-kartica li small {
    color: var(--boja-tekst-slabo);
    flex: none;
}

/* ── Feed promena ───────────────────────────────────────────────────────── */

body.astracia .feed-dan h3 {
    font-size: 12px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--boja-tekst-tiho);
    margin: 18px 0 8px;
}

body.astracia .feed-dan ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.astracia .feed-red {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--boja-ivica);
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
}

body.astracia .feed-red .zvezde {
    color: var(--boja-upozorenje);
    letter-spacing: -1px;
    font-size: 12px;
}

body.astracia .filteri {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin: 0 0 12px;
}

body.astracia .filteri label {
    font-size: 12px;
    color: var(--boja-tekst-tiho);
}

body.astracia .filteri select,
body.astracia .filteri input {
    width: auto;
    min-width: 130px;
}

/* ── Dosije (modal) ─────────────────────────────────────────────────────── */

body.astracia #dosije {
    width: min(1080px, 96vw);
    max-height: 92vh;
    border-radius: 18px;
    overflow: hidden;
}

body.astracia .dosije-glava {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    padding: 20px 24px 14px;
    border-bottom: 1px solid var(--boja-ivica);
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
}

body.astracia .dosije-glava h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 0 0 2px;
}

body.astracia .dosije-glava .akcije {
    display: flex;
    gap: 8px;
    flex: none;
}

body.astracia .dosije-telo {
    padding: 8px 24px 28px;
    overflow: auto;
    max-height: calc(92vh - 96px);
    background: var(--boja-panel-2);
}

body.astracia .dosije-telo h2 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--boja-tekst-tiho);
    margin: 22px 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--boja-ivica);
}

body.astracia .dosije-telo > p {
    margin: 0 0 6px;
}

body.astracia .dosije-telo ul {
    margin: 0 0 6px;
    padding-left: 18px;
}

body.astracia .kanal-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 8px;
}

body.astracia .kanal-kartica {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--boja-ivica);
    border-radius: 10px;
    background: #fff;
    min-height: 74px;
    font-size: 13px;
}

body.astracia .kanal-kartica.ima {
    border-color: #00ba7c;
    background: #00ba7c;
}

body.astracia .kanal-kartica.ima a {
    font-size: 12px;
    word-break: break-all;
}

body.astracia .kanal-kartica.nema {
    opacity: .6;
}

body.astracia .kanal-kartica .stanje {
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--boja-tekst-tiho);
}

body.astracia .cene-lista,
body.astracia ul.cene {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 8px;
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
}

body.astracia .cene-lista li,
body.astracia ul.cene li {
    padding: 10px 12px;
    border: 1px solid var(--boja-ivica);
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.astracia .cene-lista .iznos,
body.astracia ul.cene li strong {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

body.astracia .app-linkovi {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 6px;
}

body.astracia .citati {
    margin: 8px 0 6px;
    padding: 0;
    list-style: none;
}

body.astracia .citati li {
    margin: 0 0 8px;
    padding: 10px 14px;
    border-left: 3px solid var(--boja-akcent);
    background: #fff;
    border-radius: 0 10px 10px 0;
    font-style: italic;
    font-size: 13px;
}

body.astracia .sitemap-stablo {
    margin: 0;
    padding-left: 1.1rem;
    font-variant-numeric: tabular-nums;
}

body.astracia .sitemap-stablo li {
    margin: 2px 0;
}

body.astracia .sitemap-stablo .br {
    color: var(--boja-tekst-tiho);
    font-size: 12.5px;
}

body.astracia .sitemap-fajlovi {
    margin: 0 0 12px;
    padding-left: 1.1rem;
}

body.astracia .svezina-red {
    display: grid;
    grid-template-columns: 9rem 1fr 3.2rem;
    gap: 8px;
    align-items: center;
    margin: 4px 0;
    font-size: 13px;
}

body.astracia .svezina-red .traka {
    display: block;
    height: 8px;
    background: #f7f9f9;
    border-radius: 99px;
    overflow: hidden;
}

body.astracia .svezina-red .traka i {
    display: block;
    height: 100%;
    background: var(--boja-akcent);
    border-radius: 99px;
}

body.astracia .dokaz-grupe {
    display: grid;
    gap: 18px;
}

body.astracia .dokaz-grupe h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px;
    font-size: 15px;
}

body.astracia .dokaz-grupe ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

/* ── Strana konkurenta ──────────────────────────────────────────────────── */

body.astracia .konkurent-glava h1 a {
    color: inherit;
}

body.astracia .konkurent-glava h1 a:hover {
    color: var(--boja-akcent);
    text-decoration: none;
}

body.astracia .lista-cista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.astracia .lista-cista li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

body.astracia .lista-cista li a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

body.astracia pre.markdown {
    white-space: pre-wrap;
    font-family: var(--font);
    font-size: 13.5px;
    line-height: 1.6;
    background: var(--boja-panel-2);
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    padding: 16px 18px;
    margin: 0 0 12px;
}

/* Matrica kanala: ✓ kao link */
body.astracia table.matrica td {
    text-align: center;
}

body.astracia table.matrica td:first-child,
body.astracia table.matrica th:first-child {
    text-align: left;
}

body.astracia table.matrica a {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--boja-uspeh-pozadina);
    color: var(--boja-uspeh-tekst);
    font-weight: 700;
    text-decoration: none;
}

body.astracia table.matrica a:hover {
    background: #00ba7c;
}

@media (max-width: 860px) {
    body.astracia .koraci {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
    }
    body.astracia .ocena-blok {
        grid-template-columns: 1fr;
        justify-items: start;
    }
    body.astracia .ocena-deo {
        grid-template-columns: 1fr 44px;
    }
    body.astracia .ocena-deo .traka-h {
        grid-column: 1 / -1;
    }
    body.astracia .traka-runde {
        grid-template-columns: auto minmax(0, 1fr);
    }
    body.astracia .traka-runde .meta {
        grid-column: 1 / -1;
        flex-wrap: wrap;
    }
}

/* ── Grafici na pregledu ─────────────────────────────────────────────────── */

body.astracia .grafici {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
    align-items: start;
    margin: 0 0 16px;
}

body.astracia .grafici .panel.grafik {
    margin: 0;
}

body.astracia ul.trake {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

body.astracia ul.trake li {
    display: grid;
    grid-template-columns: minmax(90px, 34%) 1fr auto;
    gap: 10px;
    align-items: center;
    font-size: 13px;
}

body.astracia ul.trake .ime {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 550;
}

body.astracia ul.trake .vrednost {
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    color: var(--boja-tekst-2);
    min-width: 44px;
    text-align: right;
}

body.astracia .traka-h.ljubicasta i {
    background: #7c3aed;
}

body.astracia .slozena-traka {
    display: flex;
    height: 14px;
    border-radius: 999px;
    overflow: hidden;
    background: #f7f9f9;
    margin: 4px 0 14px;
}

body.astracia .slozena-traka i {
    display: block;
    height: 100%;
}

body.astracia .slozena-traka i.klasa-DIRECT { background: var(--boja-akcent); }
body.astracia .slozena-traka i.klasa-NICHE { background: #7c3aed; }
body.astracia .slozena-traka i.klasa-AI_FIRST { background: #c026d3; }
body.astracia .slozena-traka i.klasa-INDIRECT { background: #8b98a5; }

body.astracia ul.legenda {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
}

body.astracia ul.legenda li {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.astracia ul.legenda strong {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}

body.astracia ul.legenda .tiho {
    min-width: 40px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

body.astracia .tacka-klase {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex: none;
    background: var(--boja-ivica-jaka);
}

body.astracia .tacka-klase.klasa-DIRECT { background: var(--boja-akcent); }
body.astracia .tacka-klase.klasa-NICHE { background: #7c3aed; }
body.astracia .tacka-klase.klasa-AI_FIRST { background: #c026d3; }
body.astracia .tacka-klase.klasa-INDIRECT { background: #8b98a5; }

/* Oznaka pouzdanosti pored ocene */
body.astracia .prsten-uz {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* ── Segmentacija sajtova (struktura) ────────────────────────────────────── */

body.astracia ul.struktura-lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.astracia ul.struktura-lista li {
    display: grid;
    grid-template-columns: minmax(120px, 22%) 1fr auto;
    gap: 12px;
    align-items: center;
    font-size: 13px;
}

body.astracia ul.struktura-lista .ime {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.astracia ul.struktura-lista .ukupno {
    font-variant-numeric: tabular-nums;
    color: var(--boja-tekst-tiho);
    min-width: 52px;
    text-align: right;
}

body.astracia ul.struktura-lista .slozena-traka {
    margin: 0;
    height: 12px;
}

body.astracia ul.legenda.vodoravna {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 14px;
    font-size: 12.5px;
    color: var(--boja-tekst-tiho);
}

body.astracia ul.legenda.vodoravna li {
    gap: 6px;
}

/* Boje tipova strana — isti redosled kao u legendi. */
body.astracia .tip-BLOG { background: var(--boja-akcent); }
body.astracia .tip-LANDING { background: #0f1419; }
body.astracia .tip-PRODUCT { background: #7c3aed; }
body.astracia .tip-SERVICE { background: #0f1419; }
body.astracia .tip-LOCAL { background: #f59e0b; }
body.astracia .tip-COMPANY { background: #536471; }
body.astracia .tip-PRICING { background: #00ba7c; }
body.astracia .tip-COMPARISONS { background: #ec4899; }
body.astracia .tip-ALTERNATIVES { background: #a855f7; }
body.astracia .tip-INTEGRATIONS { background: #0f1419; }
body.astracia .tip-RESOURCES { background: #536471; }
body.astracia .tip-TEMPLATES { background: #eab308; }
body.astracia .tip-CONTACT { background: #8b98a5; }
body.astracia .tip-FAQ { background: #cfd9de; }
body.astracia .tip-BRAND { background: #fb7185; }
body.astracia .tip-OTHER { background: #cfd9de; }

/* Dosije u karticama (16. 9. 2026): sitne stavke (jezici, geo, funnel, persone…) dele red, velike idu preko cele širine. */
body.astracia .dosije-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
    align-items: start;
}
body.astracia .dosije-kartica {
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    background: #fff;
    padding: 12px 14px;
    min-width: 0;
}
body.astracia .dosije-kartica.siroka { grid-column: 1 / -1; }
body.astracia .sitemap-detalj .dosije-kartica > h3 {
    margin: 0 0 8px;
    padding: 0;
    border: none;
    font-size: 13px;
    font-weight: 650;
}
body.astracia .dosije-kartica p { margin: 0 0 6px; font-size: 13px; }
body.astracia .dosije-kartica table { margin-bottom: 6px; }
body.astracia .dosije-kartica ul { margin: 0 0 6px; padding-left: 18px; font-size: 13px; }
body.astracia .dosije-kartica .chipovi { margin: 4px 0; }
body.astracia .dosije-kartica .brojka { font-size: 22px; font-weight: 700; line-height: 1.1; margin-bottom: 4px; }

/* Segmentacija sajta kao trake po tipu strane */
body.astracia .seg-graf { display: flex; flex-direction: column; gap: 6px; }
body.astracia .seg-red { display: grid; grid-template-columns: 120px minmax(0, 1fr) 96px; gap: 10px; align-items: center; font-size: 13px; }
body.astracia .seg-red .seg-traka { height: 14px; border-radius: 7px; background: var(--boja-pozadina); overflow: hidden; }
body.astracia .seg-red .seg-traka > i { display: block; height: 100%; border-radius: 7px; min-width: 2px; }
body.astracia .seg-red .seg-traka > i:not([class]) { background: var(--boja-akcent); }
body.astracia .seg-red .seg-broj { text-align: right; color: var(--boja-tekst-slabo); font-variant-numeric: tabular-nums; white-space: nowrap; }
body.astracia .seg-red .seg-tip { display: flex; align-items: center; gap: 6px; font-weight: 600; min-width: 0; }
body.astracia .seg-red .seg-tip i { width: 10px; height: 10px; border-radius: 3px; flex: none; display: inline-block; }
body.astracia .seg-red .seg-tip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Sitemap detalj na strani konkurenta: tabele i liste unutar tab panela. */
body.astracia .sitemap-detalj h3 {
    font-size: 13px;
    font-weight: 650;
    margin: 18px 0 8px;
    padding-top: 12px;
    border-top: 1px solid var(--boja-ivica);
}

body.astracia .sitemap-detalj h3:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

body.astracia .sitemap-detalj table {
    margin-bottom: 10px;
}

body.astracia .sitemap-detalj ul {
    margin: 0 0 10px;
}

/* ── Radar pominjanja (Faza G) ──────────────────────────────────────────── */

body.astracia .radar-uvod ul.radar-izvori-lista {
    list-style: none;
    margin: 4px 0 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 560px;
    font-size: 13px;
}

body.astracia .pominjanje {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--boja-ivica);
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
}

body.astracia .pominjanje.sacuvano { border-color: var(--boja-akcent); }
body.astracia .pominjanje.odbaceno { opacity: .55; }

body.astracia .pominjanje-glava {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

body.astracia .pominjanje-glava .vreme { margin-left: auto; }

body.astracia .pominjanje-naslov {
    font-weight: 600;
    font-size: 14px;
    color: var(--boja-tekst);
    text-decoration: none;
}

body.astracia a.pominjanje-naslov:hover { text-decoration: underline; }

body.astracia .pominjanje-tekst {
    margin: 0;
    color: var(--boja-tekst);
    line-height: 1.5;
}

body.astracia .pominjanje-meta { margin: 0; font-size: 12px; }

body.astracia .pominjanje-akcije {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.astracia .pominjanje-akcije form { margin: 0; }

body.astracia .nacrt-naslov { margin: 10px 0 0; font-weight: 600; font-size: 13px; }

body.astracia .nacrt pre {
    white-space: pre-wrap;
    font: inherit;
    background: var(--boja-pozadina);
    border: 1px solid var(--boja-ivica);
    border-radius: 8px;
    padding: 10px 12px;
    margin: 8px 0;
}

body.astracia .chip.namera-asks_recommendation { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .chip.namera-complains_competitor { background: var(--boja-upozorenje-pozadina); color: var(--boja-upozorenje-tekst); }
body.astracia .chip.namera-compares,
body.astracia .chip.namera-mentions_brand { background: var(--boja-info-pozadina); color: var(--boja-info-tekst); }

body.astracia tr.iskljucen td { opacity: .5; }

body.astracia .inbox-lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Predlog modela dok runda radi ──────────────────────────────────────── */

body.astracia .predlog-lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.astracia .predlog-lista li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--boja-ivica);
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
}

body.astracia .predlog-lista li > a { font-weight: 600; color: var(--boja-tekst); text-decoration: none; }
body.astracia .predlog-lista li.odbacen { opacity: .55; }
body.astracia .predlog-lista li.potvrdjen { border-color: var(--boja-akcent); }
body.astracia .predlog-lista .pominjanje-akcije { margin-left: auto; }
body.astracia .traka-runde [data-live="eta-omot"] strong { color: var(--boja-akcent-tekst); }

/* ── Pregled: tabela cena po konkurentu, hint plana ulaska (15. 9. 2026) ────── */

body.astracia .tabela-cene .k-konkurent {
    white-space: nowrap;
    width: 1%;
}

body.astracia .tabela-cene .k-paketi {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.astracia .tabela-cene .paket {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--boja-panel-2);
    border: 1px solid var(--boja-ivica);
    font-size: 12.5px;
    white-space: nowrap;
    cursor: default;
}

body.astracia .tabela-cene .paket-ime {
    color: var(--boja-tekst-tiho);
}

body.astracia .tabela-cene .paket-cena {
    font-variant-numeric: tabular-nums;
}

body.astracia .tabela-cene .k-izvor {
    white-space: nowrap;
    width: 1%;
}

body.astracia .plan-kartica .plan-hint {
    font-size: 12.5px;
    margin: -4px 0 8px;
}

/* ── Strana konkurenta: kanali ima / nema ──────────────────────────────────── */

body.astracia .kanali-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 8px;
}

body.astracia .kanal-stanje {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--boja-ivica);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: var(--boja-tekst);
}

body.astracia .kanal-stanje .znak {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex: none;
}

body.astracia .kanal-stanje .tiho {
    margin-left: auto;
    font-weight: 500;
    font-size: 12px;
}

body.astracia .kanal-stanje.ima {
    background: var(--boja-uspeh-pozadina);
    border-color: transparent;
}

body.astracia .kanal-stanje.ima .znak {
    background: var(--boja-uspeh);
    color: #fff;
}

body.astracia .kanal-stanje.ima:hover {
    text-decoration: underline;
}

body.astracia .kanal-stanje.nema {
    background: var(--boja-greska-pozadina);
    border-color: transparent;
    color: var(--boja-greska-tekst);
}

body.astracia .kanal-stanje.nema .znak {
    background: var(--boja-greska);
    color: #fff;
}


/* ---- astracia-checklist.css ---- */
/*
 * Checklist (/checklist): brojači po fazi, filteri, tabela grupisana po oblasti, status kao obojena
 * padajuća lista. Boje i razmaci su tokeni iz astracia.css; ovde je samo ono što je posebno za ovu stranu.
 */

/* Zaglavlje kao na javnom /launch-checklist. */
body.astracia .public-checklist-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
body.astracia .public-checklist-header h1 { margin: 0 0 6px; }
body.astracia .public-checklist-header p { margin: 0; }

body.astracia .checklist-brojaci {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

body.astracia .checklist-brojaci .broj .tiho {
    font-size: 15px;
    font-weight: 500;
}

body.astracia .checklist-alatke {
    position: sticky;
    top: 8px;
    z-index: 4;
    padding: 12px 16px;
}

body.astracia .checklist-alatke .filteri {
    margin: 0;
    align-items: end;
}

body.astracia .checklist-alatke .filteri label {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.astracia .checklist-alatke .filteri label.raste {
    flex: 1 1 220px;
}

body.astracia .checklist-alatke .filteri label.raste input {
    width: 100%;
}

body.astracia .checklist-alatke .brojac-prikaza {
    font-family: var(--mono);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    padding-bottom: 8px;
}

body.astracia .checklist-alatke .dugme-tekst {
    padding-bottom: 8px;
}

body.astracia .checklist-oblast {
    margin-top: 22px;
}

body.astracia .checklist-oblast .oblast-glava {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px 8px;
}

body.astracia .checklist-oblast .oblast-glava h2 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
}

body.astracia .checklist-oblast .oblast-glava .tiho {
    font-family: var(--mono);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

body.astracia .tabela-checklist {
    min-width: 1080px;
}

body.astracia .tabela-checklist td {
    vertical-align: top;
}

body.astracia .tabela-checklist tr.zavrsen td {
    opacity: 0.55;
}

body.astracia .tabela-checklist tr.zavrsen td.k-stavka {
    text-decoration: line-through;
    text-decoration-color: var(--boja-tekst-slabo);
}

body.astracia .tabela-checklist .k-stavka {
    font-weight: 600;
    min-width: 170px;
    max-width: 210px;
}

body.astracia .tabela-checklist .k-stavka .vrsta {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: var(--boja-tekst-tiho);
    margin-top: 2px;
}

body.astracia .tabela-checklist .k-faza {
    white-space: nowrap;
    color: var(--boja-tekst-2);
    font-size: 12.5px;
}

body.astracia .tabela-checklist .k-sta {
    min-width: 200px;
    max-width: 290px;
}

body.astracia .tabela-checklist .k-alati {
    min-width: 160px;
    max-width: 220px;
    font-size: 12.5px;
    color: var(--boja-tekst-2);
}

body.astracia .tabela-checklist .k-trosak {
    max-width: 130px;
    font-family: var(--mono);
    font-size: 12px;
    color: var(--boja-tekst-2);
}

body.astracia .tabela-checklist .k-vrednost {
    white-space: nowrap;
    font-size: 12px;
}

body.astracia .tabela-checklist .k-napomena {
    min-width: 200px;
    max-width: 300px;
    font-size: 12.5px;
    color: var(--boja-tekst-2);
}

body.astracia .chip.prio-MUST { background: #fde68a; color: #5b3a00; }
body.astracia .chip.prio-HIGH { background: var(--boja-info-pozadina); color: var(--boja-info-tekst); }
body.astracia .chip.prio-MEDIUM { background: #e9edf5; color: #3b4660; }
body.astracia .chip.prio-LOW,
body.astracia .chip.prio-SKIP { background: #f1f3f7; color: #6b7488; }

body.astracia .status-forma {
    margin: 0;
}

body.astracia select.status-izbor {
    width: auto;
    min-width: 128px;
    padding: 4px 28px 4px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
}

body.astracia select.status-izbor.s-done { background-color: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); border-color: transparent; }
body.astracia select.status-izbor.s-prog { background-color: var(--boja-upozorenje-pozadina); color: var(--boja-upozorenje-tekst); border-color: transparent; }
body.astracia select.status-izbor.s-bad { background-color: var(--boja-greska-pozadina); color: var(--boja-greska-tekst); border-color: transparent; }
body.astracia select.status-izbor.s-pause { background-color: #f7f9f9; color: #536471; border-color: transparent; }

body.astracia .checklist-statusi {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    margin-top: -6px;
}

body.astracia button.checklist-status-kartica {
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    width: 100%;
    appearance: none;
    background: var(--boja-panel);
}

body.astracia button.checklist-status-kartica:hover,
body.astracia button.checklist-status-kartica.aktivan {
    border-color: var(--boja-akcent);
    box-shadow: var(--senka-s);
}

body.astracia .checklist-status-kartica.st-DONE .broj,
body.astracia .checklist-status-kartica.st-APPROVED .broj { color: var(--boja-uspeh-tekst); }
body.astracia .checklist-status-kartica.st-RESEARCHING .broj { color: var(--boja-upozorenje-tekst); }
body.astracia .checklist-status-kartica.st-REJECTED .broj,
body.astracia .checklist-status-kartica.st-BLOCKED .broj { color: var(--boja-greska-tekst); }
body.astracia .checklist-status-kartica.st-PAUSED .broj { color: var(--boja-tekst-2); }

body.astracia .checklist-bedzevi {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--boja-ivica);
}

body.astracia .checklist-bedz {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid var(--boja-ivica);
    border-radius: 999px;
    background: var(--boja-panel);
    color: var(--boja-tekst-2);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

body.astracia .checklist-bedz .broj {
    min-width: 1.25em;
    font-variant-numeric: tabular-nums;
    font-family: var(--mono);
}

body.astracia .checklist-bedz:hover,
body.astracia .checklist-bedz.aktivan {
    border-color: transparent;
}

body.astracia .checklist-bedz.st-DONE { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .checklist-bedz.st-APPROVED { background: var(--boja-uspeh-pozadina); color: var(--boja-uspeh-tekst); }
body.astracia .checklist-bedz.st-RESEARCHING { background: var(--boja-upozorenje-pozadina); color: var(--boja-upozorenje-tekst); }
body.astracia .checklist-bedz.st-REJECTED,
body.astracia .checklist-bedz.st-BLOCKED { background: var(--boja-greska-pozadina); color: var(--boja-greska-tekst); }
body.astracia .checklist-bedz.st-PAUSED { background: #f7f9f9; color: #536471; }

body.astracia .checklist-bedz.aktivan {
    box-shadow: 0 0 0 2px var(--boja-akcent);
}

body.astracia .checklist-sklonjene {
    margin-top: 22px;
}

body.astracia .checklist-skup {
    margin-top: 18px;
}

body.astracia .checklist-skup-prazno {
    margin: 0;
    padding: 12px 16px;
}

body.astracia .tabela-checklist tr[data-status="DONE"] td,
body.astracia .tabela-checklist tr[data-status="APPROVED"] td {
    background: var(--boja-uspeh-pozadina);
}

body.astracia .tabela-checklist tr[data-status="RESEARCHING"] td,
body.astracia .tabela-checklist tr[data-status="IN_PROGRESS"] td,
body.astracia .tabela-checklist tr[data-status="SUBMITTED"] td {
    background: var(--boja-upozorenje-pozadina);
}

body.astracia .tabela-checklist tr[data-status="REJECTED"] td,
body.astracia .tabela-checklist tr[data-status="BLOCKED"] td {
    background: var(--boja-greska-pozadina);
}

body.astracia .tabela-checklist tr[data-status="PAUSED"] td,
body.astracia .tabela-checklist tr[data-status="SKIP"] td {
    background: #f7f9f9;
}

body.astracia .checklist-fusnota {
    font-size: 12px;
    max-width: 90ch;
    margin: 20px 0 0;
}

@media (max-width: 720px) {
    body.astracia .checklist-alatke {
        position: static;
    }

    body.astracia .tabela-checklist {
        min-width: 0;
    }

    body.astracia .tabela-checklist,
    body.astracia .tabela-checklist thead,
    body.astracia .tabela-checklist tbody,
    body.astracia .tabela-checklist tr,
    body.astracia .tabela-checklist td {
        display: block;
    }

    body.astracia .tabela-checklist thead {
        display: none;
    }

    body.astracia .tabela-checklist tr {
        padding: 10px 12px;
        border-bottom: 1px solid var(--boja-ivica);
    }

    body.astracia .tabela-checklist td {
        padding: 3px 0;
        border: 0;
        max-width: none;
        min-width: 0;
    }

    body.astracia .tabela-checklist td::before {
        content: attr(data-l);
        display: block;
        font-size: 10px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--boja-tekst-tiho);
        margin-top: 6px;
    }

    body.astracia .tabela-checklist td.k-stavka::before,
    body.astracia .tabela-checklist td.k-prioritet::before {
        display: none;
    }
}

/* 7. 10. 2026: tanja traka filtera bez naslova i poruke za prijavu; poruka o čuvanju se vidi samo kad postoji. */
body.astracia .checklist-note:empty { display: none; }
body.astracia .checklist-note { margin: 0 0 10px; font-size: 13px; color: var(--boja-tekst-tiho); }
body.astracia .checklist-alatke { padding: 8px 12px; border-radius: 12px; }
body.astracia .checklist-alatke .filteri { gap: 8px 10px; flex-wrap: wrap; }
body.astracia .checklist-alatke .filteri label { font-size: 11.5px; font-weight: 600; color: var(--boja-tekst-tiho); gap: 2px; }
body.astracia .checklist-alatke .filteri select, body.astracia .checklist-alatke .filteri input { padding: 6px 8px; font-size: 13px; min-height: 0; border-radius: 8px; }
body.astracia .checklist-alatke .filteri select { max-width: 170px; }
body.astracia .checklist-alatke .filteri label.raste { flex: 1 1 200px; }
body.astracia .checklist-alatke .filteri button { padding: 7px 12px; font-size: 13px; }
body.astracia .checklist-alatke .filteri a { font-size: 12.5px; }
body.astracia .checklist-alatke [data-checklist-summary] { margin: 6px 0 0; font-size: 12.5px; color: var(--boja-tekst-tiho); }
body.astracia .checklist-alatke [data-checklist-summary]:empty { display: none; }
body.astracia .checklist-alatke .brojac-prikaza { padding: 4px 0 0; }

/* 8. 10. 2026 — telefon: zadatak je sklopljen (naziv, prioritet, status); klik na naziv otvara „što uraditi“, alate, cenu i napomenu. */
@media (max-width: 640px) {
    body.astracia .tabela-checklist tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "item prio" "status status" "more more"; gap: 6px 10px; align-items: center; padding: 12px 12px; }
    body.astracia .tabela-checklist td.k-stavka { grid-area: item; cursor: pointer; padding-right: 22px; position: relative; }
    body.astracia .tabela-checklist td.k-stavka::after { content: "⌄"; position: absolute; right: 2px; top: 2px; font-size: 16px; color: var(--boja-tekst-tiho); transition: transform .15s; }
    body.astracia .tabela-checklist tr.is-open td.k-stavka::after { transform: rotate(180deg); }
    body.astracia .tabela-checklist td.k-prioritet { grid-area: prio; }
    body.astracia .tabela-checklist td.k-status { grid-area: status; }
    body.astracia .tabela-checklist td.k-status::before { display: none; }
    body.astracia .tabela-checklist td.k-status select { min-height: 40px; width: 100%; }
    body.astracia .tabela-checklist td.k-faza, body.astracia .tabela-checklist td.k-sta, body.astracia .tabela-checklist td.k-alati,
    body.astracia .tabela-checklist td.k-trosak, body.astracia .tabela-checklist td.k-napomena { display: none; grid-area: auto; grid-column: 1 / -1; }
    body.astracia .tabela-checklist tr.is-open td.k-faza, body.astracia .tabela-checklist tr.is-open td.k-sta, body.astracia .tabela-checklist tr.is-open td.k-alati,
    body.astracia .tabela-checklist tr.is-open td.k-trosak, body.astracia .tabela-checklist tr.is-open td.k-napomena { display: block; }
    body.astracia .checklist-oblast .oblast-glava { position: sticky; top: 0; background: var(--boja-pozadina); z-index: 2; padding: 8px 0; }
}
@media (max-width: 640px) {
    body.astracia .tabela-checklist td.k-status select { box-sizing: border-box; max-width: 100%; }
    body.astracia .tabela-checklist tr.is-open td { background: transparent; padding: 2px 0; }
    body.astracia .tabela-checklist td.k-faza::before, body.astracia .tabela-checklist td.k-sta::before, body.astracia .tabela-checklist td.k-alati::before,
    body.astracia .tabela-checklist td.k-trosak::before, body.astracia .tabela-checklist td.k-napomena::before { display: block; font-size: 10.5px; margin-top: 8px; }
    body.astracia .tabela-checklist td.k-faza::before { content: "Phase"; } body.astracia .tabela-checklist td.k-sta::before { content: "What to do"; }
    body.astracia .tabela-checklist td.k-alati::before { content: "Recommended tools"; } body.astracia .tabela-checklist td.k-trosak::before { content: "Cost"; }
    body.astracia .tabela-checklist td.k-napomena::before { content: "Notes"; }
}
@media (max-width: 640px) { body.astracia .tabela-checklist td.k-status { padding-right: 14px; } body.astracia .tabela-checklist tr { padding-right: 16px; } }
@media (max-width: 640px) { body.astracia .tabela-checklist, body.astracia .public-checklist-table { min-width: 0 !important; width: 100%; } body.astracia .checklist-oblast .tabela-omotac { overflow: visible; } }

/* 8. 10. 2026 — „Recommended tools“: alati jedan ispod drugog, svaki sa ikonicom sajta i linkom. */
body.astracia .tool-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
body.astracia .tool-link { display: inline-flex; align-items: center; gap: 8px; color: #1d9bf0; font-weight: 500; line-height: 1.3; }
body.astracia .tool-icon { width: 18px; height: 18px; border-radius: 4px; flex: none; background: #f7f9f9; }
body.astracia .tabela-checklist .k-alati { max-width: 240px; }
body.astracia .tool-plain { display: inline-flex; align-items: center; gap: 8px; color: var(--boja-tekst-tiho); }
body.astracia .tool-plain::before { content: "·"; width: 18px; text-align: center; color: var(--boja-tekst-slabo); }

/* 8. 10. 2026: traka filtera u jednom redu na svakoj širini — polja dele širinu, polje pretrage dvostruko; bez „Reset filters“. */
body.astracia .checklist-alatke .filteri { flex-wrap: nowrap; gap: 8px; align-items: end; }
body.astracia .checklist-alatke .filteri label { flex: 1 1 0; min-width: 0; }
body.astracia .checklist-alatke .filteri label.raste { flex: 2 1 0; }
body.astracia .checklist-alatke .filteri select, body.astracia .checklist-alatke .filteri input { width: 100%; max-width: none; min-width: 0; height: 32px; box-sizing: border-box; padding: 0 8px; }
body.astracia .checklist-alatke .filteri button { flex: none; height: 32px; padding: 0 14px; }
body.astracia [data-account-checklist].is-guest td.k-status { cursor: pointer; }
body.astracia [data-account-checklist].is-guest .status-izbor { pointer-events: none; opacity: .7; }
@media (max-width: 720px) {
    body.astracia .checklist-alatke .filteri { flex-wrap: wrap; }
    body.astracia .checklist-alatke .filteri label { flex: 1 1 45%; }
    body.astracia .checklist-alatke .filteri label.raste { flex: 1 1 100%; }
}


/* ---- astracia-startups.css ---- */
/* Startups (16. 9. 2026): mreža kartica lansiranja sa Product Hunt-a, filteri i detalj. */

body.astracia .startups-brojevi { margin-bottom: 14px; }

body.astracia .startups-prikaz { margin-bottom: 12px; }

body.astracia .startups-filteri {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 14px;
    margin-bottom: 16px;
}
body.astracia .startups-filteri label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--boja-tekst-slabo); }
body.astracia .startups-filteri label.inline { flex-direction: row; align-items: center; gap: 6px; padding-bottom: 8px; font-size: 13px; color: var(--boja-tekst); }
body.astracia .startups-filteri select { min-width: 120px; }
body.astracia .startups-filteri .polje-ikona { min-width: 200px; }
body.astracia .startups-filteri .startups-opseg { margin-left: auto; padding-bottom: 8px; font-variant-numeric: tabular-nums; }

body.astracia .startups-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}

body.astracia .startup-kartica {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    background: #fff;
    min-width: 0;
}
body.astracia .startup-kartica header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body.astracia .startup-kartica h3 { margin: 0; font-size: 15px; line-height: 1.3; }
body.astracia .startup-kartica h3 a { color: inherit; text-decoration: none; }
body.astracia .startup-kartica h3 a:hover { color: var(--boja-akcent); }
body.astracia .startup-kartica .slogan { margin: 0; font-size: 13.5px; color: var(--boja-tekst-2); }
body.astracia .startup-kartica .teme .chip { text-decoration: none; }
body.astracia .startup-kartica .meta { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12.5px; }
body.astracia .startup-kartica .meta a { color: var(--boja-akcent); text-decoration: none; }
body.astracia .startup-kartica footer { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 6px; border-top: 1px solid var(--boja-ivica); }
body.astracia .startup-kartica .u-rundu { flex: 1 1 100%; }
body.astracia .startup-kartica .u-rundu > summary {
    list-style: none; cursor: pointer; display: inline-block;
    padding: 5px 10px; border: 1px solid var(--boja-ivica); border-radius: 8px; font-size: 12.5px; font-weight: 600;
    background: #fff; color: var(--boja-tekst);
}
body.astracia .startup-kartica .u-rundu > summary:hover { border-color: var(--boja-akcent); color: var(--boja-akcent); }
body.astracia .startup-kartica .u-rundu[open] > summary { background: var(--boja-akcent-fon); color: var(--boja-akcent); border-color: transparent; }
body.astracia .startup-kartica .u-rundu > summary::-webkit-details-marker { display: none; }
body.astracia .startup-kartica .u-rundu-telo { margin-top: 8px; }
body.astracia .startup-kartica .u-rundu-telo form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.astracia .startup-kartica .u-rundu-telo select { max-width: 100%; font-size: 12.5px; }

body.astracia .startups .mrvice { margin: 0 0 4px; font-size: 12.5px; color: var(--boja-tekst-slabo); }
body.astracia .startups .mrvice a { color: inherit; }
body.astracia .startups-komentari { display: flex; flex-direction: column; gap: 12px; }
body.astracia .startups-komentari li { padding: 10px 12px; border: 1px solid var(--boja-ivica); border-radius: 10px; background: var(--boja-pozadina); }
body.astracia .startups-komentari .meta { margin: 0 0 4px; display: flex; gap: 10px; font-size: 12.5px; }
body.astracia .startups-komentari p:last-child { margin: 0; font-size: 13.5px; }

@media (max-width: 720px) {
    body.astracia .startups-filteri .startups-opseg { margin-left: 0; }
}

/* Lista u redovima (16. 9. 2026) */
body.astracia .startups-tabela td { vertical-align: top; }
body.astracia .startups-tabela .startup-ime { min-width: 220px; max-width: 360px; }
body.astracia .startups-tabela .startup-ime a { font-weight: 600; color: inherit; text-decoration: none; }
body.astracia .startups-tabela .startup-ime a:hover { color: var(--boja-akcent); }
body.astracia .startups-tabela .startup-ime .slogan { margin-top: 2px; font-size: 12.5px; }
body.astracia .startups-tabela .startup-ime .chip.malo { margin-left: 6px; font-size: 10.5px; padding: 1px 6px; }
body.astracia .startups-tabela .startup-teme { max-width: 260px; }
body.astracia .startups-tabela .startup-teme .chip { margin: 0 4px 4px 0; text-decoration: none; }
body.astracia .startups-tabela .startup-runde .chip { margin: 0 4px 4px 0; text-decoration: none; }
body.astracia .startups-tabela .startup-akcije { min-width: 250px; }
body.astracia .startups-tabela .startup-akcije .inline-form { display: inline-block; margin-right: 6px; }
body.astracia .startups-tabela .u-rundu { display: inline-block; }
body.astracia .startups-tabela .u-rundu > summary {
    list-style: none; cursor: pointer; display: inline-block;
    padding: 4px 9px; border: 1px solid var(--boja-ivica); border-radius: 8px; font-size: 12.5px; font-weight: 600; background: #fff;
}
body.astracia .startups-tabela .u-rundu > summary::-webkit-details-marker { display: none; }
body.astracia .startups-tabela .u-rundu[open] > summary { background: var(--boja-akcent-fon); color: var(--boja-akcent); border-color: transparent; }
body.astracia .startups-tabela .u-rundu-telo { margin-top: 6px; white-space: normal; }
body.astracia .startups-tabela .u-rundu-telo form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.astracia .startups-tabela .u-rundu-telo select { max-width: 200px; font-size: 12.5px; }

/* Duža lista sa izborom veličine strane i skokom na stranu (16. 9. 2026) */
body.astracia .startups-filteri .startups-po-strani select { min-width: 84px; }

body.astracia .startups-paginacija {
    flex-wrap: wrap;
    gap: 6px;
}
body.astracia .startups-paginacija > span.strane-brojevi {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
}
body.astracia .startups-paginacija .strane-brojevi a,
body.astracia .startups-paginacija .strane-brojevi > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 6px 8px;
    border: 1px solid var(--boja-ivica-jaka);
    border-radius: 8px;
    background: #fff;
    color: var(--boja-tekst);
    font-weight: 550;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}
body.astracia .startups-paginacija .strane-brojevi .strana-tekuca {
    background: var(--boja-akcent-fon);
    border-color: transparent;
    color: var(--boja-akcent);
    font-weight: 700;
}
body.astracia .startups-paginacija .strane-brojevi .strana-rupa {
    border: 0;
    background: transparent;
    min-width: 0;
    padding: 6px 2px;
    color: var(--boja-tekst-slabo);
}
body.astracia .startups-paginacija .strana-skok {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
}
body.astracia .startups-paginacija .strana-skok label { display: inline-flex; align-items: center; gap: 6px; color: var(--boja-tekst-slabo); }
body.astracia .startups-paginacija .strana-skok input[type="number"] { width: 74px; font-variant-numeric: tabular-nums; }

/* Sačuvan red se vidi na prvi pogled, bez čitanja dugmeta */
body.astracia .startups-tabela tr.red-sacuvan > td { background: var(--boja-uspeh-pozadina); }
body.astracia .startups-tabela tr.red-sacuvan .startup-ime a { color: var(--boja-uspeh-tekst); }

/* Kartica „Sačuvano“ je dugme koje otvara spisak */
body.astracia .kartica-dugme {
    display: block;
    width: 100%;
    text-align: left;
    font: inherit;
    /* bez ovoga broj nasledi belu boju teksta sa dugmadi i nestane na beloj kartici */
    color: var(--boja-tekst);
    cursor: pointer;
}
body.astracia .kartica-dugme:hover { border-color: var(--boja-akcent); }
body.astracia .kartica-dugme .tiho { margin-top: 4px; font-size: 12px; }

body.astracia dialog.dijalog-sacuvano { max-width: 560px; width: min(560px, 92vw); }
body.astracia .dijalog-sacuvano .dijalog-glava { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
body.astracia .dijalog-sacuvano .dijalog-glava h2 { margin: 0; font-size: 16px; }
body.astracia .dijalog-sacuvano .sacuvani-spisak { list-style: none; margin: 0 0 10px; padding: 0; max-height: 52vh; overflow-y: auto; }
body.astracia .dijalog-sacuvano .sacuvani-spisak li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid var(--boja-ivica); }
body.astracia .dijalog-sacuvano .sacuvani-spisak li:last-child { border-bottom: 0; }
body.astracia .dijalog-sacuvano .sacuvani-spisak a { font-weight: 600; color: inherit; text-decoration: none; }
body.astracia .dijalog-sacuvano .sacuvani-spisak a:hover { color: var(--boja-akcent); }
body.astracia .dijalog-sacuvano .sacuvani-spisak .slogan { font-size: 12.5px; }

/* Unified directory: locally cached company logos and optional company context. */
.directory-logo { position:relative; overflow:hidden; flex-shrink:0; }
.directory-logo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:white; padding:3px; box-sizing:border-box; }
.directory-kind { display:inline-block; margin-left:.5rem; font-size:.7rem; color:var(--muted,#0f1419); font-weight:400; }
.product-about p { white-space:pre-line; overflow-wrap:anywhere; }
/* „About the startup“ kao blokovi (13. 10. 2026, AboutText): naslovi sekcija, stavke, koraci, „Show more“. */
.product-about .about-text > :first-child { margin-top:0; }
.product-about .about-heading { font-size:15px; font-weight:700; color:#0f1419; margin:22px 0 8px; line-height:1.4; }
.product-about .about-list, .product-about .about-steps { margin:6px 0 14px; padding-left:22px; display:grid; gap:6px; font-size:15px; line-height:1.7; color:#0f1419; }
.product-about .about-list li, .product-about .about-steps li { overflow-wrap:anywhere; }
.product-about .about-text a { color:#1d9bf0; overflow-wrap:anywhere; }
.product-about .about-more > summary { list-style:none; cursor:pointer; color:#1d9bf0; font-weight:600; font-size:14px; margin:6px 0; display:inline-block; }
.product-about .about-more > summary::-webkit-details-marker { display:none; }
.product-about .about-more > summary:hover { text-decoration:underline; }
.product-about .about-more .about-more-close, .product-about .about-more[open] .about-more-open { display:none; }
.product-about .about-more[open] .about-more-close { display:inline; }
.product-company-info dl { display:grid; grid-template-columns:minmax(90px,1fr) 2fr; gap:.7rem 1rem; }
.product-company-info dd { margin:0; overflow-wrap:anywhere; }
.startups-filteri { flex-wrap:wrap; }

/* Numbered directory pages and direct jumps remain usable on narrow screens. */
.directory-pagination { flex-wrap: wrap; gap: 8px; align-items: center; }
.directory-pagination form, .directory-pagination label { display: flex; align-items: center; gap: 8px; }
.directory-pagination form { flex-wrap: wrap; margin: 0; }
.directory-pagination input[type=number] { width: 90px; min-width: 0; }
.directory-page-summary { margin-right: auto; }
.directory-pagination [aria-current=page] { font-weight: 700; padding: 6px 10px; }
@media(max-width:600px) { .directory-page-summary { flex-basis:100%; } .directory-pagination form { flex-basis:100%; } }
@media(max-width:640px) {
    body.astracia .directory-table { min-width:720px; }
    body.astracia .directory-table td:nth-child(2) { min-width:140px; }
    body.astracia .directory-table .chip { overflow-wrap:normal; word-break:normal; }
}
body.astracia .directory-pagination [aria-current=page] { background:#eff3f4; color:#0f1419; border-color:#0f1419; }

@media(max-width:650px){body.astracia .admin-collection-page{min-width:0;overflow-wrap:anywhere}body.astracia .admin-collection-page .akcije{min-width:0;max-width:100%;flex-shrink:1;flex-wrap:wrap}body.astracia .admin-collection-page .panel-glava{flex-wrap:wrap}body.astracia .admin-collection-page .panel-glava>div{min-width:0;max-width:100%}body.astracia .admin-collection-page .panel{min-width:0}body.astracia .admin-collection-page input,body.astracia .admin-collection-page select,body.astracia .admin-collection-page textarea{max-width:100%;min-width:0}body.astracia .admin-collection-page .tabela-omotac{max-width:100%;overflow-x:auto}}

/* Kratak opis ispod imena: jedan red, odsečen, da visina reda ostane ista. */
body.astracia .directory-product .directory-name { display:flex; flex-direction:column; min-width:0; gap:2px; }
body.astracia .directory-product .directory-summary { display:block; max-width:46ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--boja-tekst-slabo); font-size:12.5px; font-weight:400; line-height:1.35; }

/* Shared founder portraits in public and signed-in story lists. */
.story-author-avatar{position:relative;overflow:hidden;border-radius:50%;flex:none}
.story-author-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0}

/* Shared public and signed-in startup connections. Names retain readable word wrapping. */
.startup-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.startup-connections>section:only-child{grid-column:1/-1}.startup-connections .panel{min-width:0;margin:0}.startup-person-list,.startup-story-authors{list-style:none;margin:0;padding:0}.startup-person{display:flex;align-items:center;gap:14px;padding:14px 0;text-decoration:none;color:inherit}.startup-person-list li+li{border-top:1px solid var(--border,#eff3f4)}.startup-person-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;overflow:hidden}.startup-person-avatar img{width:48px;height:48px;object-fit:cover}.startup-person-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;overflow-wrap:break-word;word-break:normal}.startup-person-copy strong{font-size:16px}.startup-person-copy small{color:var(--muted,#536471)}.startup-story+.startup-story{border-top:1px solid var(--border,#eff3f4);margin-top:20px;padding-top:16px}.startup-story h3{font-size:19px;line-height:1.4;margin:10px 0}.startup-story p{line-height:1.65}.startup-story-authors li{display:flex;align-items:center;gap:10px;margin:8px 0}.startup-story-authors img{border-radius:50%;object-fit:cover;flex-shrink:0}.startup-story-read{display:inline-block;margin:8px 0}.startup-collected-facts{margin:20px 0}.startup-collected-facts dl{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:10px 20px}.startup-collected-facts dd{margin:0;overflow-wrap:anywhere}.startup-collected-facts dt{color:var(--muted,#536471)}.startup-collected-facts summary{cursor:pointer;padding:10px 0}@media(max-width:700px){.startup-connections{grid-template-columns:minmax(0,1fr)}.startup-collected-facts dl{grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:10px}.startup-person-copy strong{line-height:1.4}}


/* ---- astracia-exchange.css ---- */
body.astracia .exchange { max-width: 1320px; }
body.astracia .exchange-text { white-space: pre-wrap; overflow-wrap: anywhere; }
body.astracia .exchange-columns, body.astracia .exchange-offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
body.astracia .exchange-form { max-width: 780px; }
body.astracia .exchange-form input, body.astracia .exchange-form textarea, body.astracia #exchange-share { width: 100%; box-sizing: border-box; }
body.astracia .exchange-form textarea, body.astracia #exchange-share { resize: vertical; }
body.astracia .exchange-search { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
body.astracia .exchange-search input { flex: 1; min-width: 150px; }
body.astracia .exchange-table-wrap { overflow-x: auto; }
body.astracia .exchange-table { width: 100%; table-layout: fixed; }
body.astracia .exchange-table th:nth-child(1) { width: 15%; }
body.astracia .exchange-table th:nth-child(2), body.astracia .exchange-table th:nth-child(3) { width: 26%; }
body.astracia .exchange-table th:nth-child(4) { width: 13%; }
body.astracia .exchange-table th:nth-child(5) { width: 8%; }
body.astracia .exchange-table td { vertical-align: top; overflow-wrap: anywhere; }
body.astracia .exchange-table small { display: block; margin-top: 8px; color: var(--boja-tekst-tiho); }
body.astracia .exchange-table .dugme { white-space: normal; }
body.astracia .exchange-closed, body.astracia .exchange-closed td { background: #f7f9f9; color: #536471; }
body.astracia .exchange-closed h2, body.astracia .exchange-closed h3, body.astracia .exchange-closed a { color: #536471; }
body.astracia .exchange-offer { border: 1px solid var(--boja-ivica); border-radius: var(--radijus); padding: 18px; overflow-wrap: anywhere; }
body.astracia .exchange-offer dt { font-weight: 600; margin-top: 12px; }
body.astracia .exchange-offer dd { margin: 4px 0 14px; }
body.astracia .exchange-messages { list-style: none; padding: 0; display: grid; gap: 12px; margin: 20px 0; }
body.astracia .exchange-messages li { padding: 16px; border-radius: var(--radijus); background: var(--boja-panel-2); border: 1px solid var(--boja-ivica); margin-right: 8%; }
body.astracia .exchange-messages li.mine { margin-right: 0; margin-left: 8%; background: var(--boja-akcent-fon); }
body.astracia .exchange-messages time { color: var(--boja-tekst-tiho); font-size: 12px; margin-left: 10px; }
body.astracia .exchange-pagination { display: flex; gap: 18px; margin: 18px 0; align-items: center; }
body.astracia .exchange-confirm { margin: 12px 0; padding: 12px 16px; border: 1px solid var(--boja-ivica); border-radius: var(--radijus); }
body.astracia .exchange-confirm summary { cursor: pointer; font-weight: 600; }
body.astracia .exchange-agreement { font-weight: 700; padding: 16px; border: 1px solid var(--boja-ivica-jaka); border-radius: var(--radijus); }
body.astracia .exchange-agreement-actions { margin-top: 24px; }
body.astracia #exchange-copy-status { margin-left: 12px; }
@media (max-width: 900px) {
    body.astracia .exchange-columns, body.astracia .exchange-offers { grid-template-columns: 1fr; }
    body.astracia .exchange-table, body.astracia .exchange-table tbody, body.astracia .exchange-table tr, body.astracia .exchange-table td { display: block; width: 100%; }
    body.astracia .exchange-table thead { display: none; }
    body.astracia .exchange-table td::before { content: attr(data-label); display: block; font-weight: 600; color: var(--boja-tekst); margin-bottom: 5px; }
    body.astracia .exchange-table td { box-sizing: border-box; }
    body.astracia .exchange-table tr { border-bottom: 2px solid var(--boja-ivica-jaka); padding-bottom: 12px; }
}

/* Startup to startup (16. 9. 2026): poklapanja, provera domena, spisak ponuda */
body.astracia .exchange-matches { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
body.astracia .exchange-matches li {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px;
    padding: 10px 12px; border: 1px solid var(--boja-ivica); border-radius: var(--radijus);
}
body.astracia .exchange-matches a { font-weight: 600; color: inherit; text-decoration: none; }
body.astracia .exchange-matches a:hover { color: var(--boja-akcent); }

body.astracia .exchange-verify { margin: 10px 0; padding: 12px; border-radius: var(--radijus); background: var(--boja-panel-2); }
body.astracia .exchange-verify code {
    display: block; margin: 6px 0; padding: 8px 10px; border-radius: 8px;
    background: #fff; border: 1px solid var(--boja-ivica); overflow-wrap: anywhere; font-size: 12.5px;
}
body.astracia .exchange-table s { color: var(--boja-tekst-slabo); }
body.astracia .exchange-form fieldset { border: 1px solid var(--boja-ivica); border-radius: var(--radijus); padding: 14px 16px; }
body.astracia .exchange-form legend { padding: 0 6px; font-weight: 600; }
body.astracia .exchange-form small.tiho { display: block; margin-top: 4px; }

/* Moj startap: spiskovi „nudimo“ i „treba nam“, predlog po mejlu, okvir budžeta */
body.astracia .startup-items { margin-top: 14px; gap: 18px; }
body.astracia .startup-items h4 { margin: 0 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--boja-tekst-tiho); }
body.astracia .startup-item-list { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 4px; }
body.astracia .startup-item-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; font-size: 13.5px; }
body.astracia .startup-item-list .dugme-tekst { color: var(--boja-tekst-slabo); line-height: 1; }
body.astracia .startup-item-list .dugme-tekst:hover { color: var(--boja-greska, #b91c1c); }
body.astracia .startup-item-add { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.astracia .startup-item-add input[name="label"] { flex: 1 1 160px; min-width: 0; }
body.astracia .startup-item-add input[name="value"] { width: 90px; }
body.astracia .startup-item-add select { max-width: 150px; }

body.astracia .predlog-startapa { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
body.astracia .predlog-startapa .inline-form { display: inline-flex; }

body.astracia .exchange-budget { display: inline-flex; align-items: center; gap: 8px; }
body.astracia .exchange-budget input { width: 110px; }

/* N9: pregled strane startapa (17. 9. 2026) */
.startup-strana .strana-objava { display: inline-flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.startup-strana .strana-objava button[disabled] { opacity: .55; cursor: not-allowed; }
.startup-strana .strana-glava { display: flex; gap: 1.25rem; align-items: center; flex-wrap: wrap; }
.startup-strana .strana-logo img, .startup-strana .strana-inicijal { width: 72px; height: 72px; border-radius: 16px; object-fit: contain; }
.startup-strana .strana-inicijal { display: inline-flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; border: 1px solid currentColor; opacity: .7; }
.startup-strana .strana-naslov { flex: 1 1 260px; min-width: 0; }
.startup-strana .strana-naslov h1 { margin: 0 0 .25rem; overflow-wrap: anywhere; }
.startup-strana .strana-cta { text-align: right; }
.startup-strana .strana-kolone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1rem; }
.startup-strana .strana-opis { white-space: pre-line; overflow-wrap: anywhere; }
.startup-strana .strana-detalji { display: grid; grid-template-columns: auto 1fr; gap: .35rem .75rem; margin: 0; }
.startup-strana .strana-detalji dt { opacity: .7; }
.startup-strana .strana-detalji dd { margin: 0; overflow-wrap: anywhere; }
.startup-strana .strana-linkovi, .startup-strana .strana-alternative { list-style: none; padding: 0; margin: 0; }
.startup-strana .strana-alternative { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .75rem; }
.startup-strana .strana-alternative li { display: flex; gap: .6rem; align-items: flex-start; min-width: 0; }
.startup-strana .strana-alternative img { border-radius: 8px; flex: none; }
@media (max-width: 720px) {
    .startup-strana .strana-kolone { grid-template-columns: 1fr; }
    .startup-strana .strana-cta { text-align: left; }
}
.startup-strana .strana-alternative .tiho { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.market-compose-page{max-width:1180px;margin:auto}.market-compose{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;margin-top:28px}.market-editor{min-width:0}.market-section{margin:0 0 24px;padding:24px;border:1px solid #eff3f4;border-radius:16px;background:#fff;min-width:0}.market-section legend{font-size:1.1rem;font-weight:700;padding:0 8px;color:#0f1419}.market-section legend span{font-size:.75rem;color:#0f1419;margin-right:10px}.market-section>p{color:#0f1419;margin:0 0 20px;line-height:1.6}.market-section label{display:block;font-weight:600;margin:14px 0 7px}.market-section input:not([type=checkbox]),.market-section select,.market-section textarea{width:100%;box-sizing:border-box;margin:0}.market-section textarea{resize:vertical;min-height:120px}.market-section small{display:block;margin-top:7px;line-height:1.5}.market-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.market-preview{position:sticky;top:24px;padding:24px;background:#f7f9f9;border:1px solid #eff3f4;border-radius:16px;overflow-wrap:anywhere}.market-preview h2{font-size:1.4rem;line-height:1.3;margin:16px 0}.market-preview h3{font-size:.85rem;margin-top:22px}.market-preview p,.market-preview li{font-size:.88rem;line-height:1.6}.market-preview-copy{white-space:pre-line}.market-preview-price{font-size:1.2rem!important;font-weight:700;color:#0f1419}.market-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#0f1419}.market-publish{padding:20px;border-radius:14px}.market-publish p{font-size:.88rem;line-height:1.6}.market-section .market-choice{display:flex;align-items:center;gap:10px;border:1px solid #eff3f4;padding:12px;border-radius:9px;font-weight:400}.market-choice input{margin:0;width:18px;height:18px}.market-section .exchange-budget{display:flex;gap:12px;align-items:center}.market-section [data-price-feedback]{margin:20px 0 0;padding:12px;background:#f7f9f9;border-radius:8px;font-size:.88rem}
@media(max-width:900px){.market-compose{grid-template-columns:1fr}.market-preview{position:static}.market-field-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.market-section{padding:18px}.market-field-grid{grid-template-columns:1fr}.market-preview{padding:20px}}
.market-publish .akcije{display:flex;align-items:center;gap:16px}.market-section .exchange-budget{width:100%;box-sizing:border-box}.market-section .exchange-budget+span{display:block;margin:18px 0 8px}

/* Founder stories: forma u „Moj startap“ i javna strana priče. */
.story-editor .panel,.story-page .panel,.story-list .panel{margin-bottom:20px}
.story-form label{display:block;margin:12px 0}
.story-form label textarea,.story-form label input:not([type=checkbox]),.story-form label select{display:block;width:100%;box-sizing:border-box;margin-top:6px}
.story-form h3{margin:26px 0 4px}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}
.story-actions{margin-top:22px}
.story-approve{display:flex;align-items:flex-start;gap:9px;margin:10px 0 16px;font-size:13px;line-height:1.6}
.story-approve input{margin-top:3px}
.story-publish form+form{margin-top:12px}
.story-article{max-width:760px}
.story-article h1{font-size:32px;line-height:1.25;margin:6px 0 10px}
.story-byline{font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.story-summary{font-size:16px;line-height:1.7;color:#0f1419}
.story-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin:24px 0 8px;padding:22px;background:#f7f9f9;border:1px solid #eff3f4;border-radius:16px}
.story-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#536471}
.story-facts dd{margin:3px 0 0;font-size:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.story-section{margin-top:28px}
.story-section h2{font-size:21px;margin-bottom:8px}
.story-section p{line-height:1.8;margin:0 0 12px}
.story-note{margin-top:32px;font-size:12px}
.story-cards{list-style:none;padding:0;display:grid;gap:16px}
.story-cards li{padding:20px;border:1px solid #eff3f4;border-radius:16px;background:#fff}
.story-cards a{font-size:17px;font-weight:600;text-decoration:none}
@media(max-width:900px){.story-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.story-grid,.story-facts{grid-template-columns:1fr}.story-article h1{font-size:26px}}


/* ---- astracia-workspace.css ---- */
/* Workspace visual language follows sajt/src/config/theme.json and site.css. */
body.astracia {
    --boja-tekst: #0f1419;
    --boja-tekst-2: #0f1419;
    --boja-tekst-tiho: #0f1419;
    --boja-tekst-slabo: #536471;
    --boja-pozadina: #f7f9f9;
    --boja-panel-2: #f7f9f9;
    --boja-ivica: #eff3f4;
    --boja-ivica-jaka: #cfd9de;
    --boja-akcent: #0f1419;
    --boja-akcent-tamna: #272c30;
    --boja-akcent-svetla: #eff3f4;
    --boja-akcent-fon: #eff3f4;
    --boja-akcent-tekst: #272c30;
    --boja-hover: #f7f9f9;
    --header-text: #0f1419;
    --header-muted: #0f1419;
    --senka-s: 0 1px 2px #142f2e04;
    --senka: 0 4px 20px #142f2e06;
    --sidebar: 212px;
    --traka: 48px;
    font-size: 14px;
}
body.astracia .sidebar { padding: 24px 16px 16px; gap: 18px; height: 100dvh; background: #fff; }
body.astracia .sidebar .brend { font-size: 23px; padding: 0 12px 20px; letter-spacing: -.9px; }
body.astracia .brend-mark { width: 36px; height: 36px; background: #0f1419; color: #fff; box-shadow: none; font-size: 27px; font-weight: 400; border-radius: 10px; }
body.astracia .meni { gap: 0; }
body.astracia .nav-group { display: grid; gap: 4px; padding: 15px 0; border-bottom: 1px solid var(--boja-ivica); }
body.astracia .nav-group:first-child { padding-top: 0; }
body.astracia .nav-group:last-child { border-bottom: 0; }
body.astracia .meni a, body.astracia .nav-settings > summary { min-height: 44px; padding: 11px 12px; font-size: 12px; font-weight: 500; border-radius: 8px; gap: 11px; }
body.astracia .meni a.aktivna { background: #eff3f4; color: #272c30; box-shadow: inset 3px 0 #0f1419; font-weight: 600; }
body.astracia .meni a svg { color: #536471; width: 18px; height: 18px; }
body.astracia .nav-settings { padding-top: 14px; }
body.astracia .nav-settings > summary { display: flex; align-items: center; list-style: none; cursor: pointer; color: var(--boja-tekst-2); }
body.astracia .nav-settings > summary::-webkit-details-marker { display: none; }
body.astracia .nav-settings > summary:hover, body.astracia .nav-settings[open] > summary { background: var(--boja-panel-2); }
body.astracia .nav-settings > summary svg { width: 18px; height: 18px; flex: none; color: #536471; }
body.astracia .nav-settings .nav-chevron { margin-left: auto; width: 14px; }
body.astracia .nav-settings[open] .nav-chevron { transform: rotate(180deg); }
body.astracia .nav-settings:has(a.aktivna) > summary { color: var(--boja-akcent); background: var(--boja-akcent-fon); }
body.astracia .nav-settings-links { margin: 6px 0 2px 20px; padding-left: 10px; border-left: 1px solid var(--boja-ivica); }
body.astracia .nav-settings-links a { font-size: 11px; }
body.astracia .sidebar .dno { gap: 12px; padding-top: 16px; }
body.astracia .avatar { background: #eff3f4; color: #0f1419; border: 1px solid #eff3f4; border-radius: 10px; }
body.astracia .zaglavlje { background: #ffffffed; border-color: var(--boja-ivica); }
body.astracia .zaglavlje-unutra { min-height: 48px; padding-inline: 36px; }
body.astracia .naslov-strane { font-size: 12px; color: var(--boja-tekst-tiho); font-weight: 500; }
body.astracia .sadrzaj { padding: 36px 36px 64px; max-width: 1600px; width: 100%; margin-inline: auto; }
body.astracia .glava-stranice { margin-bottom: 28px; gap: 24px; align-items: flex-start; }
body.astracia h1 { font-size: clamp(26px, 2.4vw, 34px); letter-spacing: -1.2px; line-height: 1.22; font-weight: 600; }
body.astracia h2 { letter-spacing: -.5px; font-weight: 600; }
body.astracia .ideja-red { margin-top: 10px; line-height: 1.8; max-width: 76ch; font-size: 13px; }
body.astracia .panel, body.astracia .kartica { box-shadow: none; border-color: var(--boja-ivica); border-radius: 12px; }
body.astracia .panel { padding: 24px; margin-bottom: 22px; }
body.astracia .panel.tesan { padding: 20px 24px; }
body.astracia .heroj { background: radial-gradient(ellipse at 100% 0, #eff3f4, transparent 65%), #eff3f4; border: 1px solid #cfd9de; box-shadow: none; border-radius: 14px; padding: 36px; }
body.astracia .heroj .primeri a { background: #ffffffb8; border-color: #cfd9de; box-shadow: none; }
body.astracia .dugme, body.astracia button { box-shadow: none; border-radius: 8px; }
body.astracia .dugme { font-size: 12px; padding: 11px 17px; }
body.astracia input:not([type=checkbox]):not([type=radio]):not([type=hidden]), body.astracia select, body.astracia textarea { border-color: #cfd9de; border-radius: 8px; background-color: #fff; }
body.astracia input:not([type=checkbox]):not([type=radio]):not([type=hidden]), body.astracia select { min-height: 40px; }
body.astracia th { background: #f7f9f9; color: #0f1419; font-size: 11px; font-weight: 600; letter-spacing: .03em; }
body.astracia td { padding-block: 16px; }
body.astracia .tabela-omotac { border: 1px solid var(--boja-ivica); border-radius: 10px; }
body.astracia .startups-brojevi { gap: 14px; margin-bottom: 24px; }
body.astracia .startups-brojevi .kartica { padding: 20px 24px; background: #fff; }
body.astracia .startups-brojevi .kartica:first-child { background: #eff3f4; border-color: #cfd9de; }
body.astracia .startups-brojevi .broj { color: #0f1419; font-size: 30px; letter-spacing: -1px; }
body.astracia .startups-filteri { padding: 20px; gap: 14px; border: 1px solid var(--boja-ivica); border-radius: 12px; background: #fff; margin-bottom: 24px; }
body.astracia .startups-filteri label { color: var(--boja-tekst-tiho); gap: 7px; }
body.astracia .startups-mreza { gap: 18px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
body.astracia .startup-kartica { padding: 22px; gap: 12px; transition: border-color 160ms, box-shadow 160ms; }
body.astracia .startup-kartica:hover { border-color: #536471; box-shadow: 0 5px 20px #142f2e08; }
body.astracia .startup-kartica h3 { font-size: 17px; letter-spacing: -.4px; }
body.astracia .startup-kartica .slogan { line-height: 1.75; color: var(--boja-tekst-tiho); }
body.astracia .startup-kartica footer { padding-top: 14px; }
body.astracia .exchange-offer { background: #fff; padding: 24px; }
body.astracia .exchange-form fieldset { padding: 22px; background: #fff; margin-bottom: 20px; }
body.astracia .exchange-form legend { color: var(--boja-akcent); font-size: 12px; }
body.astracia .predlog-startapa { background: #eff3f4; border-color: #cfd9de; color: #0f1419; padding: 16px 20px; }
body.astracia .podnozje { border-top: 1px solid var(--boja-ivica); padding: 20px 36px; font-size: 11px; }
body.astracia :is(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #0f1419; outline-offset: 3px; }
@media (max-width: 1100px) {
    body.astracia { --sidebar: 200px; }
    body.astracia .sadrzaj { padding: 26px 24px 48px; }
    body.astracia .zaglavlje-unutra { padding-inline: 24px; }
}
@media (max-width: 860px) {
    body.astracia .sidebar { padding-top: 24px; }
    body.astracia.sidebar-otvoren { overflow: hidden; }
    body.astracia .sadrzaj { padding: 24px 16px 40px; }
    body.astracia .zaglavlje-unutra { min-height: 48px; padding-inline: 16px; }
    body.astracia .glava-stranice { gap: 16px; margin-bottom: 22px; }
    body.astracia .panel, body.astracia .panel.tesan, body.astracia .heroj { padding: 20px; }
    body.astracia .podnozje { padding: 20px 16px; }
    body.astracia .startups-filteri { padding: 16px; }
    body.astracia .startups-filteri .polje-ikona { min-width: 0; width: 100%; }
    body.astracia .startups-filteri input, body.astracia .startups-filteri select { max-width: 100%; }
    body.astracia .startups-brojevi .kartica { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    body.astracia .sidebar, body.astracia .startup-kartica { transition: none; }
}
/* Directory views read as navigation rather than status badges. */
body.astracia .startups-prikaz { gap: 6px; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--boja-ivica); }
body.astracia .startups-prikaz .chip { padding: 9px 13px; border-radius: 7px; background: transparent; color: var(--boja-tekst-tiho); font-size: 12px; }
body.astracia .startups-prikaz .chip.info { background: #eff3f4; color: #272c30; }
body.astracia .startups-prikaz .chip:hover { background: #f7f9f9; color: #0f1419; text-decoration: none; }
body.astracia .startups-filteri .polje-ikona { flex: 1 1 200px; }
body.astracia .startups-filteri .polje-ikona input { width: 100%; }

/* Compact workspace: one page title in the header and one document scroll. */
body.astracia .directory-stats { display: flex; align-items: center; gap: 24px; margin-left: auto; padding-block: 10px; }
body.astracia .directory-stats .kartica { display: grid; grid-template-columns: auto auto; gap: 2px 9px; padding: 0 0 0 22px; border: 0; border-left: 1px solid var(--boja-ivica); border-radius: 0; background: none; }
body.astracia .directory-stats .oznaka { padding: 0; align-self: center; font-size: 10px; letter-spacing: 0; color: var(--boja-tekst-tiho); text-transform: none; }
body.astracia .directory-stats .broj { font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -.4px; color: var(--boja-tekst); }
body.astracia .directory-stats .tiho { grid-column: 1 / -1; font-size: 9px; text-align: right; }
body.astracia .zaglavlje-unutra:has(.directory-stats) > .desno { display: none; }
body.astracia .startups > .panel { border: 0; padding: 0; background: transparent; }
body.astracia .startups .tabela-omotac { max-height: none; overflow-x: auto; }
body.astracia .startups-prikaz { margin-bottom: 18px; padding-bottom: 14px; }
body.astracia .startups-filteri { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 14px; padding: 0; margin-bottom: 22px; background: transparent; border: 0; }
body.astracia .startups-filteri label { flex: 0 1 160px; min-width: 0; margin: 0; }
body.astracia .startups-filteri label select { min-width: 0; width: 100%; }
body.astracia .startups-filteri .startups-po-strani { flex: 0 0 90px; }
body.astracia .startups-filteri .polje-ikona { flex: 1 1 220px; min-width: 120px; margin: 0; }
body.astracia .startups-filteri .polje-ikona input, body.astracia .startups-filteri select, body.astracia .startups-filteri button { height: 42px; min-height: 42px; margin: 0; }
body.astracia .startups-filteri .startups-opseg { flex: none; white-space: nowrap; font-size: 11px; padding-bottom: 12px; }
body.astracia .intelligence-search { display: flex; align-items: stretch; gap: 12px; margin: 0 0 28px; padding: 16px; background: white; border: 1px solid var(--boja-ivica); border-radius: 12px; }
body.astracia .intelligence-idea { flex: 1; min-width: 0; }
body.astracia .intelligence-search input { width: 100%; height: 48px; margin: 0; font-size: 13px; }
body.astracia .intelligence-search .intelligence-domain { width: 29%; min-width: 160px; }
body.astracia .intelligence-submit { flex: 0 0 48px; display: grid; place-items: center; padding: 0; }
body.astracia .startup-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
body.astracia .startup-workspace-grid > .panel { min-width: 0; }
body.astracia .startup-workspace h2 { font-size: 17px; margin-bottom: 12px; }
body.astracia .startup-workspace p.tiho { font-size: 12px; line-height: 1.8; }
body.astracia .startup-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-block: 20px; max-width: 440px; }
body.astracia .startup-search label { grid-column: 1 / -1; font-size: 11px; color: var(--boja-tekst-tiho); }
body.astracia .startup-search input { width: 100%; min-width: 0; height: 42px; }
body.astracia .startup-search button { height: 42px; }
body.astracia .startup-find .tabela-omotac { max-height: none; }
body.astracia .startup-results { table-layout: fixed; width: 100%; }
body.astracia .startup-results th:first-child { width: 42%; }
body.astracia .startup-results th:nth-child(2) { width: 30%; }
body.astracia .startup-results td { overflow-wrap: anywhere; font-size: 12px; padding: 14px 10px; }
body.astracia .startup-results td .tiho { font-size: 11px; margin-top: 5px; }
body.astracia .startup-results td button { white-space: normal; }
body.astracia .startup-results td input { max-width: 100%; min-width: 0; }
body.astracia .startup-owned .exchange-offer { padding: 18px; margin-top: 16px; }
body.astracia .startup-owned .startup-items { grid-template-columns: 1fr; }
body.astracia .startup-editor { max-width: 1180px; margin: auto; }
body.astracia .editor-back { display: inline-block; font-size: 12px; margin-bottom: 24px; }
body.astracia .startup-editor-form { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; align-items: start; }
body.astracia .startup-editor-form > .panel { margin: 0; padding: 28px; min-width: 0; }
body.astracia .editor-section-heading { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid var(--boja-ivica); }
body.astracia .editor-section-heading > span { display: grid; place-items: center; width: 30px; height: 30px; background: #eff3f4; color: #0f1419; border-radius: 8px; font-size: 10px; }
body.astracia .editor-section-heading h2 { margin: 0; font-size: 17px; }
body.astracia .editor-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
body.astracia .editor-wide { grid-column: 1 / -1; }
body.astracia .startup-editor .polje { min-width: 0; margin: 0; }
body.astracia .startup-editor .polje label { font-size: 12px; margin-bottom: 8px; display: block; }
body.astracia .startup-editor input:not([type=checkbox]), body.astracia .startup-editor textarea, body.astracia .startup-editor select { width: 100%; min-width: 0; font-size: 13px; padding: 11px 12px; }
body.astracia .startup-editor textarea { resize: vertical; line-height: 1.7; }
body.astracia .startup-editor small { display: block; margin-top: 8px; font-size: 11px; line-height: 1.6; color: var(--boja-tekst-tiho); }
body.astracia .social-profile-field { margin-top: 24px; }
body.astracia .connect-choice { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: var(--boja-akcent); cursor: pointer; }
body.astracia .connect-choice input { width: 16px; height: 16px; accent-color: #0f1419; }
body.astracia .connect-explanation { display: flex; gap: 8px; background: #eff3f4; border-radius: 8px; padding: 14px; margin-block: 22px; font-size: 11px; line-height: 1.8; color: var(--boja-tekst-2); }
body.astracia .video-field { padding-top: 20px; border-top: 1px solid var(--boja-ivica); }
body.astracia .editor-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 12px; padding-bottom: 18px; }
body.astracia .editor-history { margin-top: 20px; }
body.astracia .editor-history summary { cursor: pointer; font-size: 12px; }
@media (max-width: 1100px) {
    body.astracia .directory-stats { gap: 14px; }
    body.astracia .directory-stats .kartica { padding-left: 14px; }
    body.astracia .startups-filteri { flex-wrap: wrap; }
    body.astracia .startup-workspace-grid, body.astracia .startup-editor-form { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    body.astracia .zaglavlje-unutra:has(.directory-stats) { flex-wrap: wrap; padding-block: 4px; }
    body.astracia .directory-stats { flex: 1 0 100%; justify-content: space-between; padding-top: 12px; margin: 0; gap: 8px; }
    body.astracia .directory-stats .kartica { padding-left: 8px; column-gap: 5px; }
    body.astracia .directory-stats .kartica:first-child { border-left: 0; padding-left: 0; }
    body.astracia .directory-stats .oznaka { font-size: 9px; }
    body.astracia .directory-stats .broj { font-size: 13px; }
    body.astracia .directory-stats .tiho { font-size: 8px; }
    body.astracia .startups-filteri label { flex: 1 1 110px; }
    body.astracia .startups-filteri .polje-ikona { order: 2; flex: 1 1 60%; }
    body.astracia .startups-filteri button, body.astracia .startups-filteri .startups-opseg { order: 3; }
    body.astracia .intelligence-search { flex-wrap: wrap; padding: 12px; gap: 10px; }
    body.astracia .intelligence-idea { flex: 1 0 100%; }
    body.astracia .intelligence-search .intelligence-domain { flex: 1; min-width: 0; width: auto; }
    body.astracia .startup-editor-form > .panel { padding: 20px; }
    body.astracia .editor-fields { grid-template-columns: minmax(0, 1fr); }
    body.astracia .startup-results th, body.astracia .startup-results td { padding-inline: 7px; }
}

/* Directory and product profiles */
.directory-result-count{margin:18px 0 12px;font-size:12px}
.directory-product{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;min-width:220px}
.directory-initial{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #eff3f4;border-radius:12px;background:#eff3f4;color:#0f1419;font-size:18px;font-weight:650}
.directory-product strong{display:block;font-size:14px}.directory-product small{display:block;max-width:520px;margin-top:4px;color:#536471;font-size:12px;white-space:normal;line-height:1.5}
.directory-table td{padding:18px 16px!important}.directory-table .chip{white-space:normal;max-width:230px}.directory-open{font-size:20px;color:#0f1419}.directory-empty{padding:70px 24px}.directory-pagination{display:flex;gap:10px;justify-content:center;margin-top:24px}.directory-pagination a,.directory-pagination>span{padding:8px 12px;border-radius:8px}.directory-pagination .strana-tekuca{background:#eff3f4;color:#0f1419}
#directory-results[aria-busy=true]{opacity:.55;transition:opacity .15s}.directory-search-error[hidden]{display:none}
.product-page{max-width:1180px;margin:0 auto;padding:8px 0 40px}.product-back{display:inline-block;color:#536471;font-size:13px;margin:0 0 24px;text-decoration:none}
.product-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;background:linear-gradient(120deg,#f7f9f9,#fff);border:1px solid #eff3f4;border-radius:20px;margin-bottom:24px}
.product-identity{display:flex;align-items:flex-start;gap:24px;min-width:0}.product-monogram{display:flex;align-items:center;justify-content:center;flex:0 0 80px;width:80px;height:80px;border-radius:20px;background:#eff3f4;border:1px solid #cfd9de;color:#0f1419;font-size:36px;font-weight:650}
.product-eyebrow{font-size:10px;letter-spacing:2px;color:#536471;font-weight:650}.product-identity h1{font-size:32px;line-height:1.18;letter-spacing:-1px;margin:10px 0 12px;color:#0f1419;overflow-wrap:anywhere}.product-identity p{font-size:15px;line-height:1.7;max-width:650px;margin:0 0 16px;color:#536471}.product-hero-action{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.product-hero-action .dugme{display:flex;gap:20px;align-items:center}.product-hero-action .tiho{font-size:12px}
.product-content{display:grid;grid-template-columns:1fr;gap:24px}.product-content .panel{padding:28px;border-radius:16px;box-shadow:none;margin:0}.product-page h2{font-size:18px;letter-spacing:-.3px;margin:0 0 18px}.product-about p{font-size:15px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere;color:#0f1419}.product-facts dl{margin:0}.product-facts dt{font-size:12px;color:#536471;margin:18px 0 6px}.product-facts dd{margin:0;line-height:1.7;font-size:14px;overflow-wrap:anywhere}.product-platform-note{font-size:12px;line-height:1.7;padding-top:16px;border-top:1px solid #eff3f4;margin-top:20px;color:#536471}
.product-alternatives{margin-top:38px}.product-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.product-section-heading h2{margin-bottom:8px}.product-section-heading p{font-size:13px;color:#536471;margin:0}.product-alternative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-alternative{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #eff3f4;border-radius:14px;padding:20px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.product-alternative:hover{border-color:#536471;transform:translateY(-2px)}.product-alternative>div{min-width:0;flex:1}.product-alternative h3{margin:0 0 8px;font-size:15px;overflow-wrap:anywhere}.product-alternative p{font-size:12px;line-height:1.6;color:#536471;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-alternative div>span{font-size:11px;color:#0f1419}.product-no-alternatives{border:1px dashed #cfd9de;border-radius:14px;padding:30px;text-align:center;font-size:14px;color:#536471}.product-no-alternatives a{display:inline-block;margin-top:8px}
@media(max-width:1000px){.product-hero{padding:26px;align-items:flex-start}.product-content{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.product-alternative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-monogram{flex-basis:56px;width:56px;height:56px;font-size:26px}.product-identity h1{font-size:26px}}
@media(max-width:640px){.product-hero{flex-direction:column;padding:22px;gap:24px}.product-identity{gap:14px}.product-hero-action{align-items:flex-start}.product-content,.product-alternative-grid{grid-template-columns:1fr}.product-content .panel{padding:22px}.product-identity h1{font-size:24px}.product-identity p{font-size:13px}.product-monogram{flex-basis:44px;width:44px;height:44px;border-radius:12px;font-size:22px}.directory-table td{padding:14px 10px!important}}
/* Places to launch and list a startup. */
.distribution-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.distribution-eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#536471}.distribution-heading h1{margin:9px 0 10px}.distribution-heading p{font-size:13px;color:#536471;line-height:1.6;margin:0}.distribution-stats{display:flex;gap:24px;padding:20px 24px;background:#eff3f4;border:1px solid #eff3f4;border-radius:14px}.distribution-stats>div{display:flex;flex-direction:column;gap:5px;min-width:52px}.distribution-stats strong{font-size:25px;letter-spacing:-1px;color:#0f1419}.distribution-stats span{font-size:10px;color:#536471;white-space:nowrap}
.distribution-filters{background:#fff;border:1px solid #eff3f4;border-radius:14px;padding:20px;margin-bottom:14px}.distribution-search{display:flex;align-items:center;gap:12px;margin-bottom:18px}.distribution-search>svg{width:20px;height:20px;flex-shrink:0;color:#536471}.distribution-search input{flex:1;min-width:0;margin:0!important}.distribution-search button{margin:0;flex-shrink:0}.distribution-filter-row{display:grid;grid-template-columns:1.6fr 1fr .8fr 1fr 1.1fr 1.1fr .7fr;gap:12px}.distribution-filter-row label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;color:#536471;font-size:11px}.distribution-filter-row select{width:100%;min-width:0;margin:0;font-size:12px!important;padding-right:24px}.distribution-data-note{font-size:11px;line-height:1.7;color:#536471;margin:0 0 22px}.distribution-results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;font-size:12px}
body.astracia .distribution-table-wrap{overflow-x:auto;max-height:none;background:#fff}.distribution-table{width:100%;min-width:1000px}.distribution-table th{white-space:nowrap}.distribution-table td{vertical-align:middle;padding:18px 12px!important}.distribution-table th:first-child{width:34%}.distribution-identity{display:flex;align-items:flex-start;gap:12px;min-width:220px}.distribution-name{display:block;font-size:14px;font-weight:600;text-decoration:none;line-height:1.5}.distribution-domain{display:block;font-size:10px;color:#536471;line-height:1.5;margin-top:2px}.distribution-description{max-width:380px;white-space:normal;font-size:12px;line-height:1.65;color:#536471;margin:7px 0 0}.distribution-category{display:inline-block;font-size:11px;line-height:1.5;color:#536471;max-width:130px;white-space:normal}.distribution-price{font-size:11px;padding:4px 8px;background:#f7f9f9;border-radius:5px;white-space:nowrap}.distribution-price.is-free{background:#eff3f4;color:#0f1419}.distribution-dr{display:inline-flex;justify-content:center;align-items:center;min-width:32px;height:32px;border-radius:8px;background:#eff3f4;color:#0f1419;font-size:13px;font-weight:650}.distribution-dr.is-missing{background:transparent;color:#536471}.distribution-link{font-size:10px;color:#536471;white-space:nowrap}.distribution-link.is-follow{color:#0f1419}.distribution-date{font-size:10px;color:#536471;white-space:nowrap}.distribution-table form{margin:0}.distribution-bookmark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px!important;border:1px solid transparent!important;color:#536471!important;background:transparent!important}.distribution-bookmark svg{width:19px;height:19px}.distribution-bookmark.is-saved{color:#0f1419!important;background:#eff3f4!important}.distribution-bookmark.is-saved svg{fill:#cfd9de}.distribution-visit{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap;text-decoration:none}.distribution-bookmark-error[hidden]{display:none}.distribution-icon{padding:7px;background:#fff;object-fit:contain}
@media(max-width:1200px){.distribution-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.distribution-heading{align-items:flex-start}.distribution-stats{gap:16px;padding:16px}.distribution-table{min-width:1000px}}
@media(max-width:640px){.distribution-heading{flex-direction:column;gap:18px}.distribution-stats{width:100%;justify-content:space-between;padding:16px 20px}.distribution-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-filters{padding:16px}.distribution-search{gap:8px}.distribution-search>svg{display:none}.distribution-search input{font-size:12px!important}.distribution-data-note{font-size:10px}.distribution-heading h1{font-size:27px!important}.distribution-page-size{grid-column:2}.distribution-table{min-width:960px}}

body.astracia .startup-workspace-grid > .panel { margin-bottom: 0; }
.language-static { display:flex; align-items:center; gap:10px; padding:10px 12px; color:var(--boja-tekst-tiho); font-size:12px; }
.language-static svg { width:18px; height:18px; }
.market-empty { text-align:center; padding:48px!important; color:var(--boja-tekst-tiho); }
.exchange .glava-stranice:has(> .akcije:only-child) { justify-content:flex-end; }
.coming-soon { max-width:640px; padding:40px!important; }
.coming-soon h1 { margin-top:20px; }
/* Keep the selected topic and its count readable. */
body.astracia .directory-page .startups-filteri > label:first-of-type { flex:0 1 300px; min-width:240px; }
@media(max-width:640px){body.astracia .directory-page .startups-filteri > label:first-of-type { flex:1 1 100%; min-width:0; }}

/* My Startup (21. 9. 2026): provera domena na vrhu, sa koracima i uvek vidljivim dugmetom; ispod panel akcija. */
body.astracia .verify-domain { border:1px solid #0f1419; background:#f7f9f9; }
body.astracia .verify-domain-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:16px; }
body.astracia .verify-domain-head h2 { margin:8px 0 6px; }
body.astracia .verify-domain-head form { margin:0; flex:none; }
body.astracia .verify-steps { margin:18px 0 12px; padding-left:22px; display:grid; gap:12px; line-height:1.6; }
body.astracia .verify-steps li::marker { font-weight:700; color:#0f1419; }
body.astracia .verify-record { margin:10px 0 0; display:grid; gap:0; border:1px solid var(--boja-ivica); border-radius:12px; background:#fff; overflow:hidden; }
body.astracia .verify-record > div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; padding:10px 14px; border-bottom:1px solid var(--boja-ivica); align-items:center; }
body.astracia .verify-record > div:last-child { border-bottom:0; }
body.astracia .verify-record dt { font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--boja-tekst-tiho); }
body.astracia .verify-record dd { margin:0; min-width:0; }
body.astracia .verify-record code { padding:3px 8px; border-radius:6px; background:#eff3f4; font-size:13px; overflow-wrap:anywhere; }
body.astracia .startup-action-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; margin-top:14px; }
body.astracia .startup-action-grid a { display:block; padding:14px 16px; border:1px solid var(--boja-ivica); border-radius:12px; background:#fff; color:inherit; text-decoration:none; }
body.astracia .startup-action-grid a:hover { border-color:#0f1419; background:#f7f9f9; }
body.astracia .startup-action-grid strong { display:block; color:#0f1419; }
body.astracia .startup-action-grid span { display:block; margin-top:4px; font-size:12.5px; line-height:1.45; color:var(--boja-tekst-tiho); }
@media(max-width:640px){ body.astracia .verify-record > div { grid-template-columns:1fr; gap:4px; } }

/* Faza S (22. 9. 2026): urednik vlasnikove strane i njen javni prikaz. */
.page-editor{scroll-margin-top:24px}
.page-status{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--boja-ivica);border-radius:12px;background:var(--boja-panel-2);margin:4px 0 14px}
.page-status.is-live{border-color:#cfd9de;background:#00ba7c}.page-status.is-hidden{border-color:#f0c2b0;background:#fff4ee}
.page-status p{margin:4px 0 0;font-size:13px;color:var(--boja-tekst-tiho);max-width:560px}
.page-status-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.page-status-actions form{margin:0}
.page-editor-note{font-size:13px;margin:0 0 6px}
.page-editor-subhead{display:flex;align-items:baseline;gap:8px;font-size:15px;margin:26px 0 10px}.page-editor-subhead small{font-weight:500;color:var(--boja-tekst-slabo);font-size:12px}
.page-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:12px}
.page-shots figure{margin:0;border:1px solid var(--boja-ivica);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.page-shots img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--boja-panel-2)}
.page-shots figcaption{font-size:12px;color:var(--boja-tekst-tiho);padding:6px 10px 0;min-height:18px}.page-shots form{padding:6px 10px 10px;margin:0}
.page-shot-form,.page-add-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.page-add-row{grid-template-columns:200px minmax(0,1fr)}
.page-shot-form label,.page-add-block label,.page-block-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.page-shot-form small,.page-add-block small{font-weight:400;color:var(--boja-tekst-slabo)}
.page-add-block{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding:16px;border:1px dashed var(--boja-ivica-jaka);border-radius:12px}
.page-add-block>button,.page-block-form>button{align-self:flex-start}
.page-add-block textarea,.page-block-form textarea{font-family:inherit;line-height:1.55}
.page-blocks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.page-block{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--boja-ivica);border-radius:10px;padding:10px 12px;background:#fff}
.page-block details{flex:1;min-width:0}.page-block summary{cursor:pointer;display:flex;gap:10px;align-items:center}
.page-block-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.page-block-actions{display:flex;gap:4px}.page-block-actions form{margin:0}
@media(max-width:700px){.page-shot-form,.page-add-row{grid-template-columns:1fr}.page-block{flex-direction:column}}

.owner-preview-bar{position:sticky;top:0;z-index:5;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px;margin:0 0 18px;border-radius:10px;background:#fff7e0;border:1px solid #efd58a;font-size:13px}
.owner-preview-bar a{margin-left:auto;font-weight:600}
.owner-shots{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;margin:0 0 24px;scroll-snap-type:x mandatory}
.owner-shots figure{margin:0;flex:0 0 min(520px,85%);scroll-snap-align:start}
.owner-shots img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;border:1px solid var(--boja-ivica);display:block;background:#fff}
.owner-shots figcaption{font-size:13px;color:var(--boja-tekst-tiho);margin-top:8px}
.owner-block{padding:28px;border-radius:16px;margin-top:24px}.owner-block h2{margin-top:0}
.owner-block>p{line-height:1.7;max-width:780px}
.owner-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.owner-features li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--boja-ivica);border-radius:12px;background:var(--boja-panel-2)}
.owner-features span{font-size:14px;color:var(--boja-tekst-2)}
.owner-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.owner-plan{padding:18px;border:1px solid var(--boja-ivica);border-radius:14px}.owner-plan h3{margin:0 0 4px;font-size:16px}
.owner-price{font-size:22px;font-weight:700;margin:0 0 10px;color:var(--boja-akcent-tamna)}
.owner-plan ul{margin:0;padding-left:18px;font-size:14px;color:var(--boja-tekst-2);display:grid;gap:4px}
.owner-faq details{border-top:1px solid var(--boja-ivica);padding:12px 0}.owner-faq details:last-child{border-bottom:1px solid var(--boja-ivica)}
.owner-faq summary{cursor:pointer;font-weight:600}.owner-faq p{margin:8px 0 0;color:var(--boja-tekst-2);white-space:pre-line}
.owner-links{margin:0;padding-left:18px;display:grid;gap:6px}
.owner-socials{display:flex;gap:10px;flex-wrap:wrap}
/* 7. 10. 2026: cenovnik i javni profili iz koraka „Your startup“ na javnoj strani. */
.owner-plan-note{margin:0;font-size:14px;color:var(--boja-tekst-2);line-height:1.5}
.owner-pricing>.tiho{margin:14px 0 0;font-size:12.5px}
.owner-profile-links{display:flex;flex-wrap:wrap;gap:10px}
.owner-profile-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--boja-ivica);border-radius:999px;background:var(--boja-panel-2);font-weight:600;font-size:14px;text-decoration:none}
.owner-profile-links a::after{content:"↗";font-size:12px;opacity:.7}

/* Faza C (23. 9. 2026): creator/expert strana — portfolio, preporuke, dostupnost. */
.owner-works{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.owner-work{padding:16px 18px;border:1px solid var(--boja-ivica);border-radius:12px;background:var(--boja-panel-2)}
.owner-work h3{margin:0 0 6px;font-size:15px}.owner-work p{margin:0;font-size:14px;color:var(--boja-tekst-2)}
.owner-quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.owner-quotes blockquote{margin:0;padding:18px 20px;border-left:3px solid #536471;background:var(--boja-panel-2);border-radius:0 12px 12px 0}
.owner-quotes p{margin:0 0 10px;line-height:1.6;font-size:15px}.owner-quotes footer{font-size:13px;color:var(--boja-tekst-tiho)}
.creator-status{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13px;color:var(--boja-tekst-tiho);margin:8px 0 0}
.creator-availability{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--boja-tekst-2)}
.creator-availability::before{content:"";width:8px;height:8px;border-radius:50%;background:#8b98a5}
.creator-availability.is-open::before{background:#00ba7c}.creator-availability.is-limited::before{background:#d97706}.creator-availability.is-booked::before{background:#dc2626}
.community-profile-page .owner-block{margin-top:22px}
.creator-settings{margin:6px 0 4px}

/* Kandidati za Let's connect (23. 9. 2026, docs/PLAN-LJUDI-ZA-PRACENJE.md). */
.candidates-source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:10px}
.candidates-source{border:1px solid var(--boja-ivica);border-radius:12px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:6px}
.candidates-source-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.candidates-source p{margin:0;font-size:12.5px}.candidates-run{font-size:12px!important;color:var(--boja-tekst-2)}
.candidates-source form{margin-top:auto}
.candidates-paste{margin-top:14px}.candidates-paste form{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-width:720px}
.candidates-paste label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.candidates-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}.candidates-filters input[type=search]{flex:1 1 220px}
.candidates-list{display:flex;flex-direction:column;gap:10px}
.candidate{padding:14px 16px}.candidate-head{display:flex;gap:12px;align-items:center}
.candidate-head img,.candidate-head .community-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px}
.candidate-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.candidate-id .tiho{font-size:13px}
.candidate-meta{display:flex;gap:6px;flex-wrap:wrap}
.candidate-links{display:flex;gap:6px}.candidate-links a{color:var(--boja-tekst-2)}
.candidate details{margin-top:10px}.candidate-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.candidate-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.candidate-source-link{display:block;font-size:12px;overflow-wrap:anywhere}
.candidate-bio{font-size:13px;color:var(--boja-tekst-2);margin:8px 0 0}
.candidate-actions{display:flex;gap:8px;margin-top:8px}.candidate-actions form{margin:0}
.candidates-footer{display:flex;justify-content:space-between;align-items:center;margin:16px 0}
.candidates-filters select{width:auto;flex:0 1 220px}.candidates-filters button{flex:0 0 auto}

/* Account actions belong to the compact top header in every application shell. */
body.astracia .header-account { position:relative; margin-left:auto; flex:none; }
body.astracia .header-account[hidden] { display:none!important; }
body.astracia .header-account summary { display:flex; align-items:center; gap:9px; cursor:pointer; list-style:none; padding:7px 10px; border:1px solid #eff3f4; border-radius:7px; font-size:12px; background:#fff; }
.header-account summary::-webkit-details-marker { display:none; }
.header-account summary>span:first-child { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.astracia .header-account-menu { position:absolute; right:0; top:calc(100% + 8px); z-index:100; width:200px; padding:6px; border:1px solid #eff3f4; border-radius:10px; background:#fff; box-shadow:0 8px 25px #183b2520; }
body.astracia .header-account-menu a,body.astracia .header-account-menu button { display:block; width:100%; padding:10px; border:0; border-radius:5px; background:transparent; text-align:left; font-size:13px; color:#0f1419; text-decoration:none; }
body.astracia .header-account-menu a:hover,body.astracia .header-account-menu button:hover { background:#eff3f4; }
.header-account-menu form { margin:0; }
body.astracia .zaglavlje .desno { flex:none; margin-left:auto; }
@media(max-width:1200px) {
 body.astracia .directory-header-center { position:static; transform:none; margin-left:auto; }
 body.astracia .directory-header-total>span { display:none; }
 body.astracia .directory-header-total strong { font-size:13px; }
}
@media(max-width:650px) {
 body.astracia .zaglavlje-unutra { gap:8px; padding-left:10px; padding-right:10px; }
 body.astracia .zaglavlje .naslov-strane { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
 body.astracia .zaglavlje .desno { gap:8px; }
 body.astracia .zaglavlje .desno>a { font-size:11px; }
 body.astracia .zaglavlje .desno .finder-button { padding:6px 8px; }
 body.astracia .header-account summary { padding:6px 8px; }
 .header-account summary>span:first-child { max-width:90px; }
 body.astracia .directory-header-center { display:none; }
}
/* 7. 10. 2026: priča iz urednika na javnoj strani. */
.story-rich h2{font-size:1.35rem;margin:28px 0 8px}.story-rich h3{font-size:1.1rem;margin:22px 0 6px}.story-rich p{line-height:1.75;margin:0 0 14px}
.story-rich ul,.story-rich ol{padding-left:22px;margin:0 0 14px;line-height:1.7}.story-rich blockquote{margin:14px 0;padding:6px 18px;border-left:3px solid #536471;color:#0f1419;font-style:italic}
.owner-alternatives span{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--boja-ivica);border-radius:999px;color:var(--boja-tekst)}


/* ---- astracia-finder.css ---- */
.finder-page{max-width:1240px;margin:0 auto;padding:8px 0 36px;color:#0f1419}.finder-page h1{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.045em;margin:14px 0 16px}.finder-page h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em}.finder-page h3{font-size:1.18rem;line-height:1.3;margin:10px 0}.finder-page p{line-height:1.65}.finder-page a{color:#0f1419}.finder-page small{font-size:.8rem;line-height:1.55;color:#0f1419}.finder-topline,.finder-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.finder-eyebrow{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#0f1419}.finder-block{display:block;margin-top:24px}.finder-hero{padding:34px 38px 30px;background:linear-gradient(115deg,#eff3f4,#eff3f4);border:1px solid #eff3f4;border-radius:22px;position:relative}.finder-hero h1{max-width:730px}.finder-hero>p{max-width:640px;color:#0f1419;font-size:1.03rem}.finder-search{position:relative;margin-top:26px;max-width:900px}.finder-label{display:block;font-size:.8rem;font-weight:650;margin-bottom:8px}.finder-input-row{display:flex;gap:10px;background:white;border:1px solid #cfd9de;border-radius:13px;padding:7px;box-shadow:0 6px 20px #143f2f08}.finder-input-row input{min-width:0;flex:1;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:12px!important;font-size:1rem!important}.finder-input-row button{white-space:nowrap;border-radius:9px;padding:12px 20px}.finder-search>small{display:block;margin-top:10px}.finder-suggestions{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid #cfd9de;border-radius:12px;box-shadow:0 14px 35px #143f2f24;padding:6px;max-height:350px;overflow:auto}.finder-suggestions[hidden]{display:none}.finder-suggestions a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:7px;text-decoration:none}.finder-suggestions a:hover,.finder-suggestions a:focus,.finder-suggestions a[aria-selected=true]{background:#eff3f4;outline:2px solid #cfd9de;outline-offset:-2px}.finder-suggestions a small{white-space:nowrap}
/* Sekcije predloga (22. 9. 2026): naslov sekcije, red proizvoda sa ikonicom, tema sa brojem. */
.finder-suggestions-heading{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0f1419;padding:8px 12px 4px}.finder-suggestions a{justify-content:flex-start;align-items:center}.finder-suggestions a>span:not(.directory-logo){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finder-suggestions a small{color:#0f1419;margin-left:auto}.finder-suggestions a .directory-logo{width:28px;height:28px;flex:0 0 28px;font-size:13px}.finder-suggestions a.is-topic>span:not(.directory-logo)::first-letter{text-transform:uppercase}.finder-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 15px}.finder-example{display:flex;flex-direction:column;gap:13px;padding:22px;background:white;border:1px solid #eff3f4;border-radius:14px;text-decoration:none!important;transition:transform .15s,border-color .15s}.finder-example:hover{transform:translateY(-2px);border-color:#536471}.finder-example>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#536471}.finder-example strong{font-size:1.08rem;line-height:1.45;color:#0f1419;max-width:260px}.finder-example small{margin-top:auto}.finder-more-ideas{padding:10px 0 22px}.finder-more-ideas summary,.finder-preferences summary,.finder-ai summary{cursor:pointer;font-weight:600;color:#0f1419}.finder-chips{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.finder-chips>span,.finder-chips>a{font-size:.75rem;padding:5px 10px;border:1px solid #eff3f4;background:#f7f9f9;border-radius:20px;text-decoration:none;overflow-wrap:anywhere}.finder-results{border-top:1px solid #eff3f4;padding-top:26px;margin-top:12px}.finder-results>.finder-section-head h2{overflow-wrap:anywhere}.finder-note{font-size:.85rem;color:#536471;max-width:950px}.finder-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.finder-product{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:#fff;border:1px solid #eff3f4;border-radius:15px;padding:24px;overflow-wrap:anywhere}.finder-product>p{font-size:.92rem;color:#0f1419;margin:8px 0 16px}.finder-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.finder-initial{display:grid;place-items:center;width:38px;height:38px;background:#eff3f4;color:#0f1419;border-radius:11px;font-weight:700}.finder-select{display:flex;align-items:center;gap:7px;max-width:75%;font-size:.76rem;color:#0f1419;cursor:pointer}.finder-page input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:#0f1419}.finder-evidence{background:#f7f9f9;border-left:2px solid #cfd9de;border-radius:0 8px 8px 0;padding:12px 14px;width:100%;box-sizing:border-box;margin:8px 0}.finder-evidence>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:#536471}.finder-evidence p{font-size:.85rem;color:#0f1419;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.finder-card-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:auto;padding-top:18px;font-size:.83rem;font-weight:600}.finder-product>small{margin-top:12px}.finder-save-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:22px;background:#eff3f4;border:1px solid #cfd9de;border-radius:14px}.finder-save-bar>div{flex:1;min-width:180px}.finder-save-bar small{display:block}.finder-save-bar label{font-size:.78rem;min-width:180px}.finder-save-bar input{margin-top:5px}.finder-save-bar [role=status]{width:100%;color:#9a452a}.finder-pagination{display:flex;justify-content:center;gap:25px;margin:22px 0}.finder-empty{padding:32px;background:#f7f9f9;border:1px dashed #cfd9de;border-radius:14px;margin:20px 0}.finder-empty p{max-width:650px;color:#536471}.finder-bottom{display:flex;align-items:center;gap:25px;border-top:1px solid #eff3f4;padding-top:28px;margin-top:30px}.finder-bottom>div{flex:1}.finder-bottom p{max-width:620px;color:#0f1419}.finder-bottom>a{white-space:nowrap;font-size:.88rem}.finder-text-link{display:inline-block;margin:6px 0 26px}.finder-filter{display:flex;align-items:flex-end;gap:15px;margin:26px 0}.finder-filter label{font-size:.8rem;flex:1}.finder-filter input,.finder-filter select{display:block;margin-top:6px;width:100%}.finder-filter button{margin-bottom:0;white-space:nowrap}.finder-meta{font-size:.8rem;color:#0f1419}.finder-button{display:inline-block;background:#0f1419;color:#fff!important;padding:12px 18px;border-radius:9px;text-decoration:none;font-weight:600;white-space:nowrap}.finder-narrow{max-width:800px}.finder-edit-form{display:flex;flex-direction:column;gap:20px;margin-top:25px}.finder-edit-form label,.finder-ai label,.finder-connection-form label{font-size:.85rem;display:block}.finder-edit-form label>input:not([type=checkbox]),.finder-edit-form textarea,.finder-ai input[type=password],.finder-connection-form input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:7px}.finder-edit-form fieldset{border:1px solid #eff3f4;border-radius:12px;padding:16px}.finder-edit-form legend{font-size:.85rem;padding:0 7px}.finder-channel-options{display:flex;flex-wrap:wrap;gap:16px}.finder-channel-options label,.finder-check{display:flex!important;align-items:flex-start;gap:9px}.finder-check span{line-height:1.5}.finder-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.finder-edit-form>button{align-self:flex-start}.finder-alert,.finder-notice{padding:14px 18px;border-radius:10px;margin-bottom:20px}.finder-alert{color:#983c27;background:#fff1e9;border:1px solid #edc6b3}.finder-notice{color:#00763f;background:#eff3f4;border:1px solid #cfd9de}.finder-preferences,.finder-ai{border:1px solid #eff3f4;padding:20px;border-radius:12px;margin:24px 0;background:#f7f9f9}.finder-connection-form{display:flex;flex-direction:column;gap:14px;padding:22px 0;border-bottom:1px solid #eff3f4}.finder-connection-form:last-child{border:0}.finder-connection-form button{align-self:flex-start}.finder-intro{width:100%;margin-top:16px}.finder-intro textarea{width:100%;box-sizing:border-box;margin:8px 0}.finder-intro label{font-size:.8rem}.finder-intro small{display:block;margin-top:7px}.finder-ai form{display:flex;flex-direction:column;gap:16px;max-width:680px;margin-top:20px}.finder-ai form button{align-self:flex-start}.finder-ai p{font-size:.88rem;max-width:850px}.finder-brief{padding:25px;background:#eff3f4;border:1px solid #cfd9de;border-radius:14px;margin:25px 0}.finder-brief>p{white-space:pre-line}.finder-delete{margin-top:25px}.finder-product .ghost{margin-top:16px}.directory-query{position:relative}.directory-query .finder-suggestions{top:100%;min-width:min(440px,75vw)}.finder-page :focus-visible{outline:2px solid #0f1419;outline-offset:3px}
@media(max-width:850px){.finder-hero{padding:26px}.finder-examples{grid-template-columns:1fr}.finder-example{display:grid;grid-template-columns:100px 1fr;gap:8px 15px}.finder-example strong{max-width:none}.finder-example small{grid-column:2}.finder-bottom{flex-wrap:wrap}.finder-bottom>div{flex-basis:100%}.finder-section-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:580px){.finder-topline{font-size:.8rem}.finder-eyebrow{font-size:.63rem}.finder-hero{padding:22px 18px;border-radius:15px}.finder-page h1{font-size:2rem}.finder-input-row{flex-direction:column}.finder-input-row button{width:100%}.finder-product-grid{grid-template-columns:1fr}.finder-product{padding:20px}.finder-filter{flex-direction:column;align-items:stretch}.finder-filter label{width:100%}.finder-filter button{align-self:flex-start}.finder-form-grid{grid-template-columns:1fr}.finder-save-bar{padding:18px}.finder-save-bar label{width:100%}.finder-example{grid-template-columns:1fr}.finder-example small{grid-column:1}.finder-topline{flex-wrap:wrap}.finder-page .finder-section-head p{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.finder-example{transition:none}}

/* Unified Finder and clearly labeled community demonstration profiles. */
.directory-header-total{display:flex;align-items:center;gap:12px;text-align:right;margin-left:auto}.directory-header-total>span{font-size:11px;color:var(--muted,#536471)}.directory-header-total>strong{font-size:20px;font-variant-numeric:tabular-nums}.finder-input-row>.secondary{white-space:nowrap;background:#fff;color:#0f1419!important;border:1px solid #cfd9de;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:8px}.finder-question-chips{margin-top:16px;gap:8px}.finder-question-chips>a{white-space:normal;line-height:1.5;padding:8px 12px}.finder-result-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #eff3f4;margin:20px 0 26px;padding-bottom:12px}.finder-result-tabs a{padding:10px 16px;border-radius:8px;text-decoration:none;background:#f7f9f9;color:#0f1419}.finder-result-tabs a[aria-current=page]{background:#0f1419;color:white}.finder-result-tabs span{font-size:11px;margin-left:5px}.finder-initial{overflow:hidden}.finder-initial img{width:100%;height:100%;object-fit:contain}.community-table{width:100%;border-collapse:collapse;min-width:800px}.community-table th{text-align:left;padding:14px;font-size:11px;color:#536471}.community-table td{padding:16px 14px;border-top:1px solid #eff3f4;vertical-align:top;font-size:13px}.community-table td:first-child{width:32%}.community-table td:nth-child(2){width:28%}.community-table td:last-child{white-space:nowrap}.community-person{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none}.community-person img,.community-avatar{flex-shrink:0;border-radius:12px;background:#eff3f4}.community-avatar{width:48px;height:48px;display:grid;place-items:center;color:#0f1419;font-size:20px}.community-person small{display:block;color:#0f1419;line-height:1.5;margin-top:5px}.community-table .finder-chips{margin-top:8px;gap:5px}.community-table .finder-chips span{font-size:10px;padding:4px 7px}.demo-badge{display:inline-block;background:#fff0c9;color:#785011;border:1px solid #ecd38e;border-radius:5px;padding:3px 7px;font-size:11px}.demo-notice{padding:20px;background:#fff8e6;border:1px solid #ecd38e;border-radius:10px;margin:24px 0}.community-detail{max-width:900px}.community-detail h2{margin-top:25px}.community-detail>.community-person{margin-top:30px}.community-detail p{line-height:1.7}.community-table-wrap{overflow-x:auto}.finder-filter{flex-wrap:wrap}@media(max-width:700px){.directory-header-total{gap:5px;flex-direction:column;align-items:flex-end}.directory-header-total>span{font-size:9px}.directory-header-total>strong{font-size:16px}.finder-input-row{flex-wrap:wrap}.finder-input-row>input{flex-basis:100%;min-width:0}.finder-result-tabs a{padding:8px 10px;font-size:12px}}

.finder-match-reasons {display:grid;gap:4px;margin:12px 0;color:var(--muted,#0f1419)}
.finder-profile-preview {display:flex;align-items:center;gap:16px;flex-wrap:wrap}.finder-profile-preview img {border-radius:50%;object-fit:cover}
@media(max-width:650px){.community-table-wrap{overflow:visible}.community-table{min-width:0!important;display:block}.community-table thead{display:none}.community-table tbody{display:grid}.community-table tr{display:grid;border-bottom:1px solid #eff3f4;padding:16px;gap:12px}.community-table td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;white-space:normal!important}.community-table .finder-chips{flex-wrap:wrap}.community-table .community-person{min-width:0}.community-table .community-person span{min-width:0}.community-table td:last-child{padding-top:8px!important}.community-table small{overflow-wrap:anywhere}}

/* Clear selection, compact topic taxonomy and consistent community surfaces. */
.zaglavlje-unutra{position:relative}.directory-header-center{position:absolute;left:50%;transform:translateX(-50%)}.directory-header-center .directory-header-total{justify-content:center;text-align:center;margin:0}.directory-header-center .directory-header-total>span{color:#0f1419}
.finder-question-chips>a{color:#0f1419;background:#fff;border-color:#cfd9de;border-radius:9px;transition:background .15s,color .15s}.finder-question-chips>a:hover{background:#eff3f4;color:#0f1419;border-color:#536471}.finder-question-chips>a[aria-current],.finder-question-chips>a:active{background:#0f1419;color:#fff;border-color:#0f1419;box-shadow:0 0 0 2px #cfd9de}.finder-question-chips>a:focus-visible{outline:3px solid #0f1419;outline-offset:3px}
.community-table-wrap{border:1px solid #eff3f4;border-radius:16px;background:#fff;box-shadow:0 3px 16px #193c3805}.community-table{min-width:760px;table-layout:fixed}.community-table th{background:#f7f9f9;font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:15px 20px}.community-table td{padding:20px;vertical-align:middle;overflow-wrap:anywhere}.community-table th:first-child,.community-table td:first-child{width:31%}.community-table th:nth-child(2),.community-table td:nth-child(2){width:27%}.community-table th:nth-child(3){width:19%}.community-table th:nth-child(4){width:10%}.community-table th:last-child{width:13%}.community-table td:last-child{white-space:normal;font-size:12px;font-weight:600}.community-table tbody tr:hover{background:#f7f9f9}.community-person strong{font-size:14px;line-height:1.4;color:#0f1419}.community-person>span{min-width:0}.community-person img{object-fit:cover;width:48px;height:48px;border:1px solid #eff3f4}.community-person small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.community-table td:nth-child(2)>strong{font-size:11px;color:#0f1419;font-weight:600}.community-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}.community-topics>span{padding:5px 7px;background:#f7f9f9;border:1px solid #eff3f4;border-radius:5px;font-size:10px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.community-topics>span:nth-child(5){grid-column:1/-1;background:none;border:0;padding:0;color:#536471}.finder-filter{padding:20px;background:#fff;border:1px solid #eff3f4;border-radius:14px;box-shadow:0 3px 16px #193c3805}.finder-filter label{min-width:130px}.finder-filter input,.finder-filter select{background:#f7f9f9}.finder-filter button{min-height:42px}.finder-section-head>div>p{max-width:690px;color:#0f1419}.finder-preferences{background:#fff}
.finder-edit-form{background:#fff;padding:30px;border:1px solid #eff3f4;border-radius:18px;box-shadow:0 8px 30px #193c3806;gap:18px}.finder-edit-form select{display:block;width:100%;margin-top:7px}.finder-edit-form input:not([type=checkbox]),.finder-edit-form textarea,.finder-edit-form select{background:#f7f9f9;border-color:#eff3f4}.finder-edit-form>small{margin-top:-10px}.finder-channel-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finder-channel-options label{padding:10px;background:#f7f9f9;border:1px solid #eff3f4;border-radius:7px;font-size:12px}.finder-channel-options label:has(input:checked){background:#eff3f4;border-color:#536471;color:#0f1419}.finder-profile-preview{padding:16px;background:#f7f9f9;border-radius:12px}.finder-profile-preview>span{font-size:12px;padding:4px 9px;border:1px solid #cfd9de;border-radius:5px}.finder-profile-preview img{margin-left:auto}.finder-edit-form .finder-check{padding:14px;border:1px solid #eff3f4;border-radius:9px;background:#f7f9f9}.finder-edit-form>button{padding:13px 26px}.opportunities-table a{overflow-wrap:anywhere}.opportunities-table .dugme{white-space:normal;text-align:left;word-break:break-word}
@media(max-width:1000px){.directory-header-center{position:static;transform:none;margin-left:auto}.directory-header-center .directory-header-total{flex-direction:column;gap:1px}.zaglavlje-unutra:has(.directory-header-center)>.desno{margin-left:0}.community-table td,.community-table th{padding:14px 12px}}
@media(max-width:650px){.community-table{table-layout:auto;min-width:0}.community-table tbody{gap:0}.community-table tr{padding:20px;grid-template-columns:1fr 1fr;gap:14px}.community-table td:first-child{grid-column:1/-1}.community-table td:nth-child(2){grid-column:1/-1}.community-table td:last-child{grid-column:1/-1}.community-topics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.community-table td:nth-child(3){font-size:12px;color:#0f1419}.community-table td:nth-child(4){text-align:right}.finder-edit-form{padding:20px}.finder-channel-options{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-filter{padding:16px}}

.community-table-wrap{max-height:none!important;overflow-y:visible}.opportunities-table td:last-child{min-width:180px;max-width:360px}.editor-logo .finder-form-grid{align-items:end;gap:16px;margin-top:16px}.editor-logo .finder-form-grid>div{display:flex;gap:10px;flex-wrap:wrap}
.profile-edit-section{display:flex;flex-direction:column;gap:16px}.profile-edit-section+.profile-edit-section{border-top:1px solid #eff3f4;padding-top:24px;margin-top:6px}.profile-edit-section>small{margin-top:-8px}.profile-edit-section>.finder-eyebrow{margin-bottom:4px}

/* Compact tables and direct, explicit social-profile links. */
.community-table.people-directory-table th:first-child{width:33%}.community-table.people-directory-table th:nth-child(2){width:28%}.community-table.people-directory-table th:nth-child(3){width:22%}.community-table.people-directory-table th:last-child{width:17%}.demo-badge.compact{margin-top:6px;padding:1px 5px;font-size:9px}.social-profile-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.social-profile-links>a,.social-demo-icon{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border:1px solid #eff3f4;background:#f7f9f9;border-radius:10px;color:#0f1419;text-decoration:none}.social-profile-links>a:hover{background:#0f1419;color:white;border-color:#0f1419}.social-demo-icon{color:#536471;background:#f7f9f9}.no-social-links{font-size:11px;color:#536471;font-weight:400}.community-website{font-size:12px;overflow-wrap:anywhere}.startup-match-table th:first-child,.startup-directory-table th:first-child{width:36%}.startup-match-table th:nth-child(2),.startup-directory-table th:nth-child(2){width:27%}.startup-match-table th:nth-child(3),.startup-directory-table th:nth-child(3){width:30%}.startup-match-table th:last-child,.startup-directory-table th:last-child{width:7%}.startup-match-table .finder-select{max-width:none}.startup-match-table .directory-initial,.startup-directory-table .directory-initial{width:44px;height:44px;border-radius:12px}.startup-directory-table .directory-product{align-items:center}.startup-directory-table .directory-product strong{font-size:14px}.startup-match-table .community-topics{grid-template-columns:1fr}.startup-directory-table .directory-kind{display:none}
.community-profile-page{max-width:1080px}.profile-back{display:inline-block;font-size:13px;margin:5px 0 22px}.community-profile-hero{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:32px;border:1px solid #eff3f4;border-radius:20px;background:linear-gradient(115deg,#fff,#eff3f4)}.community-profile-identity{display:flex;align-items:center;gap:24px;min-width:0}.community-profile-identity>img,.community-profile-identity>.community-avatar{width:88px;height:88px;object-fit:cover;border-radius:22px;flex-shrink:0}.community-profile-hero h1{font-size:32px;margin:7px 0 8px}.community-profile-hero p{font-size:15px;color:#0f1419;margin:0 0 10px}.community-profile-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:24px;margin-top:24px}.community-profile-grid>.panel{margin:0;padding:28px;border-radius:16px}.community-profile-about>p{white-space:pre-line;color:#0f1419}.community-profile-about h3{margin-top:28px;font-size:14px}.community-profile-facts dl{margin:0;display:grid;gap:7px}.community-profile-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#536471;margin-top:12px}.community-profile-facts dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.profile-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px}.community-profile-about .finder-chips>span{border-radius:6px;padding:7px 11px;background:#f7f9f9}.community-profile-hero>.social-profile-links{flex-shrink:0}
@media(max-width:750px){.community-profile-grid{grid-template-columns:1fr}.community-profile-hero{flex-direction:column;align-items:flex-start;padding:24px}.community-profile-identity{gap:16px}.community-profile-identity>img,.community-profile-identity>.community-avatar{width:64px;height:64px;border-radius:17px}.community-profile-hero h1{font-size:26px}.community-profile-grid>.panel{padding:24px}}
@media(max-width:650px){.people-directory-table td:last-child{text-align:left!important}.startup-match-table td:last-child,.startup-directory-table td:last-child{text-align:left!important}.startup-match-table td:nth-child(3),.startup-directory-table td:nth-child(3){grid-column:1/-1}.startup-match-table .finder-select{font-size:12px}.community-profile-identity{align-items:flex-start}.community-profile-hero h1{overflow-wrap:anywhere}}

.study-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}.study-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:24px;padding:12px;border:1px solid var(--border,#dce3e7);border-radius:16px}.study-nav a{padding:9px 12px;border-radius:9px;text-decoration:none;color:inherit}.study-nav a.active{background:#0f1419;color:#fff;font-weight:650}.study-content{min-width:0}.study-table{width:100%;border-collapse:collapse;font-size:.88rem}.study-table td,.study-table th{padding:14px 12px;border-bottom:1px solid var(--border,#e4e9ec);text-align:left;vertical-align:top}.study-table td{min-width:100px;max-width:540px;overflow-wrap:anywhere;white-space:pre-line}.study-content .deljeni-izvestaj>.glava-stranice{display:none}@media(max-width:850px){.study-layout{grid-template-columns:1fr}.study-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.study-content .kartice{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:851px){.study-nav{max-height:calc(100dvh - 110px);overflow-y:auto}}
.startup-match-table .community-topics{display:flex;flex-wrap:wrap}.startup-match-table .finder-select{gap:7px;white-space:nowrap;max-width:none}
.finder-pagination{flex-wrap:wrap;align-items:center;gap:12px}.finder-pagination form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.finder-pagination input[type=number]{width:5.5rem;margin:0}.finder-pagination a[aria-current=page]{font-weight:700;text-decoration:underline}

/* Jedan direktorijum za kreatore, eksperte i agencije: vrsta je filter. */
.finder-kinds{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}
.finder-kinds a{padding:7px 15px;border:1px solid #eff3f4;border-radius:999px;font-size:13px;text-decoration:none;color:#0f1419;background:#fff}
.finder-kinds a:hover{background:#f7f9f9}
.finder-kinds a.aktivna{background:#0f1419;border-color:#0f1419;color:#fff}
/* Izbor uloge: na registraciji i na ekranu dobrodošlice. */
.register-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:4px 0 14px}
.register-roles label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;margin:0}
.welcome-card{max-width:680px}
.welcome-options{display:grid;gap:12px;margin-top:20px}
.welcome-option{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border:1px solid #eff3f4;border-radius:14px;background:#fff;cursor:pointer}
.welcome-option:hover{border-color:#0f1419}
.welcome-option input{margin-top:4px}
.welcome-option span{display:block}
.welcome-option strong{display:block;margin-bottom:3px}
.welcome-options button{justify-self:start;margin-top:6px}
@media(max-width:600px){.register-roles{grid-template-columns:1fr}}

/* Dnevna kvota YouTube API-ja u adminu. */
.quota-box{margin:14px 0 18px;padding:16px 18px;border:1px solid #eff3f4;border-radius:14px;background:#f7f9f9}
.quota-bar{height:8px;border-radius:999px;background:#eff3f4;margin:10px 0 8px;overflow:hidden}
.quota-bar span{display:block;height:100%;background:#0f1419;border-radius:999px}
.quota-bar span.puna{background:#b5482f}
.quota-box p{margin:0;font-size:12px;line-height:1.7}

/* Podaci kanala na profilu kreatora. */
.channel-panel{margin-top:20px}
.channel-banner{display:block;width:100%;height:120px;object-fit:cover;border-radius:12px;margin-bottom:18px}
.channel-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px;margin:0 0 20px}
.channel-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#536471}
.channel-facts dd{margin:3px 0 0;font-size:15px;font-weight:600}
.channel-panel h3{font-size:14px;margin:18px 0 8px}
.channel-links{display:flex;flex-direction:column;gap:4px;font-size:12px;overflow-wrap:anywhere}
.channel-videos td p{margin:4px 0 0;font-size:11px}
.channel-videos th:first-child{width:52%}
@media(max-width:700px){.channel-facts{grid-template-columns:1fr 1fr}}

/* Spisak profila za praćenje: po jedna kolona za svaku mrežu. */
.follow-section{margin:28px 0}
.follow-table{min-width:900px;table-layout:fixed}
.follow-table th{white-space:nowrap;text-align:center}
.follow-table th:first-child,.follow-table th:nth-child(2){text-align:left}
.follow-table th:first-child{width:300px}
.follow-table th:nth-child(2){width:170px}
.follow-table th:nth-child(n+3){width:58px}
.follow-table td.follow-cell{width:58px}
.follow-table td.follow-cell{text-align:center}
.follow-cell a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #eff3f4;border-radius:10px;color:#0f1419;text-decoration:none}
.follow-cell a:hover{background:#0f1419;color:#fff;border-color:#0f1419}
.follow-table .community-person img,.follow-table .community-avatar{width:40px;height:40px}

/* Aktivna strana mora da se vidi na prvi pogled: puna zelena pločica, ista na svim listama. */
body.astracia .finder-pagination{display:flex;margin-top:16px;font-size:13px}
body.astracia .finder-pagination>a{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid var(--boja-ivica-jaka);border-radius:8px;background:#fff;color:var(--boja-tekst);font-weight:550;text-decoration:none}
body.astracia .finder-pagination>a:hover{background:var(--boja-panel-2)}
body.astracia .finder-pagination>a[aria-current=page],
body.astracia .directory-pagination [aria-current=page]{background:#0f1419;border-color:#0f1419;color:#fff;font-weight:700;text-decoration:none;cursor:default}

/* Naslov i labela pretrage ostaju čitačima ekrana; vizuelno je Finder samo polje za pretragu. */
.finder-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.astracia .finder-hero{padding-top:8px}

/* Kolone mreža: zaglavlje i ćelija moraju imati isti horizontalni padding, inače centrirano slovo i ikonica ne stoje jedno ispod drugog. */
body.astracia .follow-table th:nth-child(n+3),
body.astracia .follow-table td.follow-cell{padding-left:0;padding-right:0;text-align:center;letter-spacing:0}
body.astracia .follow-table th:nth-child(n+3){letter-spacing:.04em;text-indent:.04em}

/* Founder stories tabela — zajednička za javni i prijavljeni deo: firma i logo, founder, naslov. */
body.astracia .story-table{width:100%;min-width:760px;table-layout:fixed}
body.astracia .story-table th:nth-child(1),body.astracia .story-table td:nth-child(1){width:26%}
body.astracia .story-table th:nth-child(2),body.astracia .story-table td:nth-child(2){width:18%}
body.astracia .story-table th:nth-child(3),body.astracia .story-table td:nth-child(3){width:auto}
body.astracia .story-table th:nth-child(4),body.astracia .story-table td:nth-child(4){width:64px}
body.astracia .story-table-title a{display:block;font-weight:650;color:#0f1419;text-decoration:none;line-height:1.35}
body.astracia .story-table-title a:hover{color:#0f1419}
body.astracia .story-table-title small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--boja-tekst-tiho);font-size:12.5px;line-height:1.5}
body.astracia .story-origin-chip,body.astracia .story-table-title .story-badge{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:#eff3f4;color:#0f1419;font-size:11px;font-weight:600}
body.astracia .story-table-title .story-badge.is-note{background:#fdf1d2;color:#7a5600}

/* Startup Deals tabele — zajedničke za javni i prijavljeni deo (Deals, Exchange, Affiliate, Buy / Sell). */
body.astracia .deals-table{width:100%;min-width:860px;table-layout:fixed}
body.astracia .deals-table th:nth-child(1),body.astracia .deals-table td:nth-child(1){width:22%}
body.astracia .deals-table th:nth-child(2),body.astracia .deals-table td:nth-child(2){width:auto}
body.astracia .deals-table th:nth-child(3),body.astracia .deals-table td:nth-child(3){width:16%}
body.astracia .deals-table th:nth-child(4),body.astracia .deals-table td:nth-child(4){width:14%}
body.astracia .deals-table th:nth-child(5),body.astracia .deals-table td:nth-child(5){width:170px}
body.astracia .deals-table .story-table-title strong{display:block;color:#0f1419}
body.astracia .deals-table td form{margin:6px 0 0}
body.astracia .story-table-number strong{display:block;font-size:15px;color:#0f1419}
body.astracia .story-table-number small{display:block;margin-top:2px;font-size:11.5px;color:var(--boja-tekst-tiho)}
body.astracia .directory-status{min-width:112px}

/* Jedna pretraga (F1, 22. 9. 2026): ideje ispod praznog polja, čipovi „Understood as“ sa ×, tabovi vrste rezultata, ljudi ispod. */
/* „Try“ primeri (22. 9. 2026): tihi tekstualni linkovi sa tačkom između, bez okvira — ne takmiče se sa poljem za pretragu. */
body.astracia .search-examples,body.public-workspace .search-examples{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:-2px 0 18px;font-size:13px;line-height:1.6}.search-examples-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#536471;margin-right:12px}.search-examples a{position:relative;color:#0f1419;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.search-examples a:hover,.search-examples a:focus-visible{color:#0f1419;border-bottom-color:#536471}.search-examples a+a{margin-left:22px}.search-examples a+a::before{content:"·";position:absolute;left:-14px;color:#cfd9de;pointer-events:none}
.search-understood{margin:0 0 14px}.search-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.search-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 11px;border-radius:999px;background:#eff3f4;color:#0f1419;font-size:13px}.search-chip a{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;color:#0f1419;text-decoration:none;font-size:15px;line-height:1}.search-chip a:hover{background:#cfd9de}.search-clear{font-size:13px;margin-left:4px}.search-tabs{margin-top:10px}.search-people{margin-top:8px}.search-people h2{font-size:1.25rem;margin:8px 0 12px}

/* Three-column story list, with a separate readable row per founder. */
body.astracia .story-table th:nth-child(1),body.astracia .story-table td:nth-child(1){width:26%}
body.astracia .story-table th:nth-child(2),body.astracia .story-table td:nth-child(2){width:26%}
body.astracia .story-table th:nth-child(3),body.astracia .story-table td:nth-child(3){width:48%}
body.astracia .story-founders{display:flex;flex-direction:column;gap:10px}
body.astracia .story-founder-row{display:flex;align-items:center;gap:9px;min-width:0}
body.astracia .story-founder-row .story-author-avatar{width:32px;height:32px;flex:0 0 32px}
body.astracia .story-founder-name{min-width:0;word-break:normal;overflow-wrap:normal;white-space:normal;line-height:1.4}

/* Keep network actions together when profile tables become mobile cards. */
@media(max-width:650px){
 body.astracia .follow-table{min-width:0}
 body.astracia .follow-table tbody tr{display:flex;flex-wrap:wrap;gap:10px}
 body.astracia .follow-table tbody td:nth-child(-n+2){flex:0 0 100%;width:100%}
 body.astracia .follow-table tbody td.follow-cell{flex:0 0 34px;width:34px;padding:0;min-height:0}
 body.astracia .follow-table tbody td.follow-cell:not(:has(a)){display:none}
}
/* 7. 10. 2026: ikonice mreža na hover — globalno body.astracia a:hover boji link tamnozeleno, pa se ikona gubila na tamnoj podlozi. */
body.astracia .follow-cell a:hover,body.astracia .follow-cell a:focus-visible,body.astracia .social-profile-links a:hover,body.astracia .social-profile-links a:focus-visible{background:#0f1419;border-color:#0f1419;color:#fff}
body.astracia .follow-cell a:hover svg,body.astracia .follow-cell a:focus-visible svg,body.astracia .social-profile-links a:hover svg,body.astracia .social-profile-links a:focus-visible svg{color:#fff;stroke:#fff}


/* ---- astracia-yc.css ---- */
.yc-page{max-width:1320px;margin:0 auto;padding:8px 0 36px;color:#0f1419}.yc-page h1{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.1;letter-spacing:-.05em;margin:14px 0 20px}.yc-page h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.yc-page p{line-height:1.65}.yc-page a{color:#0f1419}.yc-eyebrow{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#775737}.yc-hero{display:grid;grid-template-columns:1fr 210px;gap:30px;background:linear-gradient(115deg,#faf1e5,#f3eddf 70%,#eff3f4);border:1px solid #e8dfcf;border-radius:22px;padding:38px}.yc-hero p{max-width:650px;color:#0f1419;font-size:1.05rem}.yc-hero-links{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:28px;font-size:.83rem}.yc-hero-links span{color:#536471}.yc-hero-mark{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:2.5rem;font-weight:750;letter-spacing:-.05em;transform:rotate(-6deg);color:#a36d42}.yc-hero-mark span:nth-child(2){color:#0f1419}.yc-hero-mark span:last-child{color:#b99c75}.yc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid #eff3f4;border-radius:15px;overflow:hidden;background:#eff3f4;margin:24px 0}.yc-stats>div{display:flex;flex-direction:column;gap:7px;background:#fff;padding:20px 24px}.yc-stats strong{font-size:1.7rem;letter-spacing:-.04em}.yc-stats span{font-size:.78rem;color:#536471}.yc-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;margin:32px 0}.yc-filters label{font-size:.78rem;color:#0f1419;min-width:0}.yc-filters input:not([type=checkbox]),.yc-filters select{display:block;width:100%;min-width:0;margin-top:7px;box-sizing:border-box}.yc-search{grid-column:span 2}.yc-check{display:flex;gap:9px;align-items:center;padding-bottom:12px}.yc-filter-actions{display:flex;gap:15px;align-items:center;grid-column:span 2;font-size:.8rem}.yc-results-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff3f4;padding-top:22px;margin-top:26px}.yc-results-heading span{font-size:.8rem;color:#536471}.yc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.yc-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #eff3f4;border-radius:17px;background:#fff;transition:border-color .15s,box-shadow .15s;overflow-wrap:anywhere}.yc-card:hover{border-color:#536471;box-shadow:0 8px 24px #365b3c0a}.yc-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.yc-logo{position:relative;display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:15px;background:#f4f4ee;border:1px solid #eff3f4;overflow:hidden;color:#536471!important;font-size:1.5rem;font-weight:650;text-decoration:none}.yc-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:6px;box-sizing:border-box}.yc-batch{font-size:.68rem;background:#fcf0df;color:#98622c;border:1px solid #efddc4;padding:6px 9px;border-radius:6px;white-space:nowrap}.yc-card h2{font-size:1.16rem;margin:22px 0 7px}.yc-card h2 a{color:#0f1419;text-decoration:none}.yc-card h2 a:hover{text-decoration:underline}.yc-tagline{font-size:.9rem;color:#0f1419;margin:0 0 15px;min-height:3em}.yc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 16px}.yc-tags>*{font-size:.7rem;line-height:1.4;padding:5px 9px;background:#eff3f4;border:1px solid #eff3f4;border-radius:20px;color:#0f1419;text-decoration:none;overflow-wrap:anywhere}.yc-location{font-size:.76rem;color:#7a847c;margin-top:auto;margin-bottom:18px}.yc-card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #eff3f4;padding-top:15px;font-size:.7rem}.yc-card-footer>a{margin-left:auto}.yc-status{color:#777b77}.yc-status.is-active:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#536471;margin-right:6px}.yc-hiring{color:#0f1419;background:#eff3f4;padding:3px 6px;border-radius:4px}.yc-pagination{display:flex;gap:25px;justify-content:center;margin:32px 0;font-size:.9rem}.yc-source-note{font-size:.77rem!important;line-height:1.6;color:#536471;max-width:1000px;margin:22px 0}.yc-empty{padding:35px;border:1px dashed #cfd9de;border-radius:15px;margin-top:20px}.yc-back{display:inline-block;margin-bottom:25px;font-size:.85rem}.yc-profile-hero{display:flex;align-items:flex-start;gap:25px;padding:32px;background:linear-gradient(110deg,#f9f0e2,#eff3f4);border:1px solid #e5decd;border-radius:20px;margin-bottom:26px}.yc-logo-large{width:96px;height:96px;border-radius:22px;font-size:2.6rem}.yc-profile-title{flex:1;min-width:0;overflow-wrap:anywhere}.yc-profile-title h1{margin:10px 0 14px}.yc-profile-title>p{font-size:1.07rem;color:#0f1419}.yc-profile-actions{display:flex;flex-direction:column;gap:17px;font-size:.83rem;flex-shrink:0;padding-top:10px}.yc-primary-link{background:#0f1419;color:#fff!important;border-radius:10px;padding:13px 17px;text-decoration:none;font-weight:600;text-align:center}.yc-profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.yc-panel{border:1px solid #eff3f4;border-radius:16px;background:#fff;padding:28px;margin-bottom:22px;overflow-wrap:anywhere}.yc-panel h2{margin:0 0 19px}.yc-panel>.yc-eyebrow{display:block;margin-bottom:12px}.yc-description{white-space:pre-line;font-size:.95rem;color:#0f1419}.yc-facts{display:grid;grid-template-columns:95px 1fr;gap:16px 12px;font-size:.83rem;margin-bottom:25px}.yc-facts dt{color:#536471}.yc-facts dd{margin:0;line-height:1.4}.yc-panel small{font-size:.73rem;color:#536471;line-height:1.6;display:block}.yc-related{display:flex;flex-direction:column;gap:8px;text-decoration:none;border-bottom:1px solid #eff3f4;padding:15px 0;font-size:.88rem}.yc-related>span{font-size:.8rem;color:#536471}.yc-next{background:#eff3f4}.yc-admin-actions{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.yc-report{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;padding:15px;background:#eff3f4;border-radius:8px}.yc-page :focus-visible{outline:2px solid #00ba7c;outline-offset:3px}
@media(max-width:1150px){.yc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-hero{grid-template-columns:1fr}.yc-hero-mark{display:none}.yc-profile-hero{flex-wrap:wrap}.yc-profile-actions{flex-direction:row;align-items:center;flex-basis:100%}.yc-profile-columns{grid-template-columns:minmax(0,1fr) 260px}.yc-stats>div{padding:18px}.yc-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.yc-profile-columns{grid-template-columns:1fr}.yc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-hero{padding:28px}}
@media(max-width:520px){.yc-grid{grid-template-columns:1fr}.yc-hero{padding:24px 20px;border-radius:16px}.yc-filters{gap:16px 12px}.yc-filter-actions{flex-wrap:wrap}.yc-card{padding:22px}.yc-profile-hero{padding:24px 20px;gap:20px}.yc-profile-title{flex-basis:100%}.yc-profile-actions{flex-wrap:wrap}.yc-panel{padding:22px}.yc-stats strong{font-size:1.5rem}.yc-logo-large{width:80px;height:80px}.yc-page h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.yc-card{transition:none}}

.yc-advanced{grid-column:1/-1;font-size:.8rem;color:#0f1419}.yc-advanced summary{cursor:pointer;padding:5px 0}.yc-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;margin-top:16px}.yc-hero{padding:28px 32px}.yc-stats>div{padding:15px 22px}.yc-hero-links{margin-top:20px}.yc-filters{margin:24px 0}.yc-page .yc-filter-actions{grid-column:1/-1}@media(max-width:760px){.yc-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-hero{padding:24px 20px}}

/* Shared directory integration overrides, loaded after workspace styles. */
body.astracia .directory-page .startups-filteri { flex-wrap:wrap; }
body.astracia .directory-page .startups-filteri .directory-query { flex:1 1 280px; }
.product-content:has(.product-company-info) .product-about { grid-column:1; grid-row:1 / span 2; }
.product-content:has(.product-company-info) .product-company-info { grid-column:2; grid-row:1; }
.product-content:has(.product-company-info) .product-facts { grid-column:2; grid-row:2; }
@media(max-width:640px) {
  .product-content:has(.product-company-info) .product-about,
  .product-content:has(.product-company-info) .product-company-info,
  .product-content:has(.product-company-info) .product-facts { grid-column:1; grid-row:auto; }
  .product-content:has(.product-company-info) .product-about { order:-1; }
}

body.astracia .directory-page .startups-filteri > label:first-of-type { flex:0 1 180px; min-width:150px; }
body.astracia .directory-page .startups-filteri > label { flex:0 1 140px; }
body.astracia .directory-page .startups-filteri > .startups-po-strani { flex:0 0 84px; }
body.astracia .directory-page .startups-filteri .directory-query { flex:1 1 220px; }
body.astracia .directory-table .chip { display:inline-block; white-space:normal; overflow-wrap:anywhere; max-width:100%; line-height:1.5; }
body.astracia .product-identity .chip { white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
@media(max-width:640px) {
 body.astracia .directory-page .startups-filteri > label:first-of-type { flex:1 1 100%; min-width:0; }
 body.astracia .directory-page .startups-filteri > label { flex:1 1 120px; }
}
.startup-team { margin-bottom:24px; }
.team-company { padding-block:20px; border-top:1px solid #eff3f4; }
.team-members { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:16px; }
.team-member { padding:20px; border:1px solid #eff3f4; border-radius:14px; min-width:0; }
.team-member p,.team-member dd,.team-member code { overflow-wrap:anywhere; }
.team-member dl { display:grid; grid-template-columns:110px minmax(0,1fr); gap:8px; font-size:12px; }
.team-member dd { margin:0; }.team-member label { display:block; margin-block:10px; }.team-member input,.team-member select { width:100%; }
.team-member details { margin-top:16px; }.team-member button { margin:8px 8px 0 0; }


/* ---- public-workspace.css ---- */
body.public-workspace .public-skip{position:absolute;left:16px;top:-100px;z-index:60;background:var(--boja-panel);padding:12px}
body.public-workspace .public-skip:focus{top:12px}
body.astracia .sidebar::-webkit-scrollbar{display:none}
body.public-workspace .distribution-heading{display:block;position:static;margin:4px 0 30px;text-align:center}
body.public-workspace .distribution-heading h1{margin:10px 0}
body.public-workspace .distribution-heading p{color:var(--boja-tekst-tiho)}
body.public-workspace .distribution-table .directory-logo{flex:none;width:44px;height:44px;border-radius:12px}
body.public-workspace .distribution-table .directory-logo img{width:100%;height:100%;object-fit:contain;padding:3px;background:#fff}
body.public-workspace .distribution-table td{padding-block:18px}
body.public-workspace .distribution-domain{margin-top:5px}
body.public-workspace .network-opt-in{margin-top:48px}
body.public-workspace .editorial-story{max-width:1000px;margin:0 auto}
body.public-workspace .editorial-story .story-article{max-width:none;width:100%}
body.public-workspace .story-masthead{max-width:780px;margin:0 auto 36px;text-align:center;padding-top:12px}
body.public-workspace .story-back{display:inline-block;margin-bottom:36px;font-size:13px;color:var(--boja-tekst-tiho)}
body.public-workspace .story-kicker{display:flex;justify-content:center;gap:20px;font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--boja-akcent);margin-bottom:18px}
body.public-workspace .story-masthead h1{font-size:clamp(30px,3.8vw,52px);line-height:1.14;letter-spacing:-1.8px;margin:20px 0}
body.public-workspace .story-masthead .story-summary{font-size:18px;line-height:1.8;color:var(--boja-tekst-tiho);margin:0 auto 26px;max-width:650px}
body.public-workspace .story-byline{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}
body.public-workspace .story-byline small{display:block;font-size:12px;color:var(--boja-tekst-tiho);margin-top:4px}
body.public-workspace .story-author-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#eff3f4;color:var(--boja-akcent);font-size:27px}
body.public-workspace .story-cover{margin:0 0 40px}
body.public-workspace .story-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
body.public-workspace .story-cover figcaption{margin-top:12px;font-size:12px;color:var(--boja-tekst-tiho);text-align:center}
body.public-workspace .story-reading-column{max-width:710px;margin-inline:auto}
body.public-workspace .story-contents{padding:24px 0;border-block:1px solid var(--boja-ivica);margin-bottom:40px}
body.public-workspace .story-contents>div{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:14px}
body.public-workspace .story-contents a{font-size:13px;color:var(--boja-tekst-tiho)}
body.public-workspace .story-section{margin:0 0 40px;scroll-margin-top:100px}
body.public-workspace .story-section h2,body.public-workspace .story-video-section h2{font-size:27px;line-height:1.3;margin:0 0 18px}
body.public-workspace .story-section p,body.public-workspace .story-video-section>p{font-size:16px;line-height:1.95;margin:0 0 20px;color:var(--boja-tekst-2)}
body.public-workspace .story-video-section{margin:48px 0}
body.public-workspace .story-video-section .story-kicker{justify-content:flex-start}
body.public-workspace .story-video{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0f1419}
body.public-workspace .story-video-preview{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:radial-gradient(ellipse at top right,#0f1419,#0f1419 65%);border:0;color:#fff;cursor:pointer;padding:24px}
body.public-workspace .story-video-preview strong{display:block;font-size:clamp(20px,2.5vw,30px);color:#fff}
body.public-workspace .story-video-preview small{display:block;margin-top:8px;color:#cfd9de}
body.public-workspace .story-play{display:grid;place-items:center;width:60px;height:60px;background:#eff3f4;color:#00763f;border-radius:50%;font-size:24px}
body.public-workspace .story-video-consent{font-size:12px;color:#cfd9de}
body.public-workspace .story-video iframe{width:100%;height:100%;border:0}
body.public-workspace .story-video-section .story-video-note{font-size:12px;line-height:1.7;color:var(--boja-tekst-tiho);margin-top:12px}
body.public-workspace .story-endnote{padding:26px;background:#eff3f4;border-radius:12px;border-left:3px solid var(--boja-akcent);font-size:14px;line-height:1.8;margin:36px 0}
body.public-workspace .story-endnote p{margin:10px 0 0}
body.public-workspace .story-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:28px 0;border-top:1px solid var(--boja-ivica);font-size:13px}
body.public-workspace .editorial-stories{max-width:1080px;margin:auto}
body.public-workspace .stories-heading{text-align:center;max-width:660px;margin:18px auto 42px}
body.public-workspace .stories-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:16px 0}
body.public-workspace .stories-heading p{font-size:16px;line-height:1.8;color:var(--boja-tekst-tiho);margin-bottom:24px}
body.public-workspace .editorial-stories .story-cards{padding:0;margin:0;display:grid;gap:28px;list-style:none}
body.public-workspace .editorial-stories .story-preview{display:grid;grid-template-columns:1.05fr 1fr;padding:0;border:1px solid var(--boja-ivica);border-radius:18px;overflow:hidden;background:#fff}
body.public-workspace .story-preview-cover img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
body.public-workspace .story-preview-body{padding:34px;align-self:center}
body.public-workspace .story-preview-body .story-kicker{justify-content:flex-start;line-height:1.8;margin-top:16px}
body.public-workspace .story-preview-body h2{font-size:28px;line-height:1.3;margin:14px 0}
body.public-workspace .story-preview-body p{font-size:14px;line-height:1.85;color:var(--boja-tekst-tiho)}
body.public-workspace .story-read-more{display:inline-flex;gap:16px;margin-top:20px;font-weight:600}
@media(max-width:650px){body.public-workspace .editorial-stories .story-preview{grid-template-columns:1fr}body.public-workspace .story-preview-cover img{min-height:0;aspect-ratio:16/9}body.public-workspace .story-preview-body{padding:24px}body.public-workspace .story-masthead h1{letter-spacing:-1px}body.public-workspace .story-masthead .story-summary{font-size:16px}body.public-workspace .story-byline small{max-width:220px}body.public-workspace .story-section p{font-size:15px}body.public-workspace .story-video-preview{gap:12px}body.public-workspace .story-play{width:44px;height:44px;font-size:18px}}
body.public-workspace .public-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.public-workspace .public-sign-in{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--boja-tekst-tiho)}
body.public-workspace .public-query{flex:1;min-width:180px}
body.public-workspace .public-query input{width:100%}
body.public-workspace .language-static{gap:12px}
body.public-workspace .podnozje{flex-wrap:wrap;gap:12px}
body.public-workspace .brend:hover{text-decoration:none}
body.astracia.public-workspace a:hover{text-decoration:none}
body.astracia.public-workspace .distribution-bookmark{border-radius:8px}
body.public-workspace .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;font-size:13px}
body.public-workspace .profile-hero{margin-bottom:24px}
body.public-workspace .profile-hero h1{overflow-wrap:anywhere}
body.public-workspace .intro{color:var(--boja-tekst-tiho);max-width:850px;line-height:1.7}
body.public-workspace .profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
body.public-workspace .prose{white-space:pre-line;overflow-wrap:anywhere;line-height:1.8}
body.public-workspace .reading{max-width:960px}
body.public-workspace .profile-aside dd{margin:4px 0 16px;overflow-wrap:anywhere}
body.public-workspace .profile-aside dt{font-size:12px;color:var(--boja-tekst-tiho)}
body.public-workspace .tag{display:inline-flex;padding:4px 10px;background:var(--boja-akcent-fon);border:1px solid var(--boja-ivica);border-radius:6px;font-size:12px}
body.public-workspace .note{font-size:13px;color:var(--boja-tekst-tiho)}
body.public-workspace .public-checklist-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
body.public-workspace .public-checklist-table{min-width:1000px}
body.public-workspace .public-checklist-table td{vertical-align:top}
body.public-workspace .public-checklist-table .k-stavka{min-width:160px}
body.public-workspace .public-checklist-table .k-sta{min-width:220px}
@media(max-width:860px){body.public-workspace .profile-columns{grid-template-columns:1fr}body.public-workspace .public-checklist-header{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){body.public-workspace .zaglavlje .desno{gap:12px}body.public-workspace .zaglavlje .desno .finder-button{padding:8px;font-size:12px}body.public-workspace .zaglavlje .naslov-strane{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Founder stories (21. 9. 2026): činjenice o startapu uz priču, traka priča na vrhu liste. */
body.public-workspace .story-masthead{text-align:left;max-width:860px}
body.public-workspace .story-crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--boja-tekst-tiho);margin-bottom:18px}
body.public-workspace .story-crumbs a{color:var(--boja-tekst-tiho)}
body.public-workspace .story-masthead .story-summary{margin-left:0;max-width:none}
body.public-workspace .story-identity{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:6px 0 18px}
body.public-workspace .story-founder,body.public-workspace .story-company{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--boja-ivica);border-radius:14px;background:#fff;min-width:0}
body.public-workspace .story-founder small,body.public-workspace .story-company small{display:block;font-size:12.5px;color:var(--boja-tekst-tiho);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36ch}
body.public-workspace .story-founder-mark{display:inline-flex;width:42px;height:42px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#eff3f4;color:#0f1419;font-weight:700;text-transform:uppercase}
body.public-workspace .story-company-link{margin-left:auto;font-size:13px;white-space:nowrap}
body.public-workspace .story-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:0}
body.public-workspace .story-stats>div{padding:12px 14px;border:1px solid var(--boja-ivica);border-radius:14px;background:#f7f9f9}
body.public-workspace .story-stats dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--boja-tekst-tiho)}
body.public-workspace .story-stats dd{margin:6px 0 0;font-size:15.5px;line-height:1.35;font-weight:650;color:#0f1419}
body.public-workspace .story-stats small{display:block;margin-top:3px;font-size:11.5px;color:var(--boja-tekst-tiho)}
body.public-workspace .story-tldr{padding:18px 20px;border-left:4px solid #0f1419;background:#f7f9f9;border-radius:0 12px 12px 0;margin-bottom:32px}
body.public-workspace .story-tldr p{margin:8px 0 0;line-height:1.7}
body.public-workspace .story-takeaways{margin:40px 0;padding:24px 26px;border:1px solid var(--boja-ivica);border-radius:16px;background:#fff}
body.public-workspace .story-takeaways ol{margin:14px 0 0;padding-left:22px;display:grid;gap:12px;line-height:1.7}
body.public-workspace .story-takeaways li::marker{font-weight:700;color:#0f1419}
body.public-workspace .story-toolkit{margin:40px 0}
body.public-workspace .story-toolkit dl{display:grid;gap:12px;margin:14px 0 0}
body.public-workspace .story-toolkit dl>div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--boja-ivica)}
body.public-workspace .story-toolkit dt{font-size:13px;color:var(--boja-tekst-tiho)}
body.public-workspace .story-toolkit dd{margin:0;line-height:1.6}
body.public-workspace .story-more{margin:44px 0 8px}
body.public-workspace .story-strip-wrap{display:flex;align-items:center;gap:14px;margin:6px 0 28px}
body.public-workspace .story-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;flex:1;min-width:0}
body.public-workspace .story-strip-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--boja-ivica);border-radius:14px;background:#fff;text-decoration:none;color:inherit;min-width:0}
body.public-workspace .story-strip-item:hover{border-color:#0f1419;background:#f7f9f9}
body.public-workspace .story-strip-item>span:last-child{min-width:0}
body.public-workspace .story-strip-item strong,body.public-workspace .story-strip-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.public-workspace .story-strip-item small{font-size:12px;color:var(--boja-tekst-tiho);margin-top:2px}
body.public-workspace .story-preview-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--boja-tekst-tiho);margin:0 0 12px}
@media(max-width:700px){body.public-workspace .story-strip-wrap{flex-direction:column;align-items:stretch}body.public-workspace .story-toolkit dl>div{grid-template-columns:1fr;gap:4px}}
body.public-workspace .story-sources{margin:40px 0 0}
body.public-workspace .story-sources ul{margin:12px 0 0;padding-left:20px;display:grid;gap:8px}
body.public-workspace .story-sources small{color:var(--boja-tekst-tiho)}
body.public-workspace .story-caution{margin-top:16px;padding:14px 16px;border:1px solid #ead9a8;background:#fdf7e3;border-radius:12px;line-height:1.6;font-size:14px}
body.public-workspace .story-preview:not(:has(.story-preview-cover)){grid-template-columns:1fr}
body.public-workspace .directory-status{min-width:112px}
body.public-workspace .public-checklist-table .status-izbor{min-width:124px}
body.public-workspace .story-strip-item{max-width:none}

/* Founder stories kao tabela: firma i logo, founder, naslov, ključna brojka. */
body.public-workspace .story-filter{margin:6px 0 18px;align-items:center}
body.public-workspace .story-table{min-width:860px;width:100%;table-layout:fixed}
body.public-workspace .story-table th:nth-child(1){width:23%}
body.public-workspace .story-table th:nth-child(2){width:14%}
body.public-workspace .story-table th:nth-child(4){width:16%}
body.public-workspace .story-table th:nth-child(5){width:56px}
body.public-workspace .story-table-title a{display:block;font-weight:650;color:#0f1419;text-decoration:none;line-height:1.35}
body.public-workspace .story-table-title a:hover{color:#0f1419}
body.public-workspace .story-table-title small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--boja-tekst-tiho);font-size:12.5px;line-height:1.5}
body.public-workspace .story-table-title .demo-badge{display:inline-block;margin-top:8px}
body.public-workspace .story-table-number strong{display:block;font-size:15px;color:#0f1419}
body.public-workspace .story-table-number small{display:block;margin-top:2px;font-size:11.5px;color:var(--boja-tekst-tiho)}
body.public-workspace .story-table-title .demo-badge{font-size:11px;padding:2px 8px}
body.public-workspace .story-table th:nth-child(1),body.public-workspace .story-table td:nth-child(1){width:22%}
body.public-workspace .story-table th:nth-child(2),body.public-workspace .story-table td:nth-child(2){width:14%}
body.public-workspace .story-table th:nth-child(3),body.public-workspace .story-table td:nth-child(3){width:auto}
body.public-workspace .story-table th:nth-child(4),body.public-workspace .story-table td:nth-child(4){width:16%}
body.public-workspace .story-table th:nth-child(5),body.public-workspace .story-table td:nth-child(5){width:64px}
body.public-workspace .story-origin{font-size:13.5px;color:var(--boja-tekst-tiho);margin:0 0 8px}
body.public-workspace .story-origin>span:first-child{display:inline-block;padding:2px 9px;border-radius:999px;background:#eff3f4;color:#0f1419;font-weight:650;font-size:12px;margin-right:4px}
body.public-workspace .story-original{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:1px solid var(--boja-ivica);border-radius:16px;background:#fff;margin-bottom:8px}
body.public-workspace .story-original p{margin:0;line-height:1.6;max-width:46ch}
body.public-workspace .story-origin-chip{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:#eff3f4;color:#0f1419;font-size:11px;font-weight:600}

/* Finder rezultati bez kolone Save: tri kolone na punoj širini. */
body.public-workspace .startup-match-table{width:100%}
body.public-workspace .startup-match-table th:nth-child(1),body.public-workspace .startup-match-table td:nth-child(1){width:46%}
body.public-workspace .startup-match-table th:nth-child(2),body.public-workspace .startup-match-table td:nth-child(2){width:26%}
body.public-workspace .startup-match-table th:nth-child(3),body.public-workspace .startup-match-table td:nth-child(3){width:28%}
/* Deals i Exchange: ista tabela, pet kolona. */
body.public-workspace .deals-table{width:100%;min-width:860px;table-layout:fixed}
body.public-workspace .deals-table th:nth-child(1),body.public-workspace .deals-table td:nth-child(1){width:22%}
body.public-workspace .deals-table th:nth-child(2),body.public-workspace .deals-table td:nth-child(2){width:auto}
body.public-workspace .deals-table th:nth-child(3),body.public-workspace .deals-table td:nth-child(3){width:16%}
body.public-workspace .deals-table th:nth-child(4),body.public-workspace .deals-table td:nth-child(4){width:14%}
body.public-workspace .deals-table th:nth-child(5),body.public-workspace .deals-table td:nth-child(5){width:170px}
body.public-workspace .deals-table .story-table-title strong{display:block;color:#0f1419}

/* Founder stories bez kolone Key number: četiri kolone (važi i u prijavljenom delu). */
body.astracia .story-table{width:100%;min-width:760px;table-layout:fixed}
body.astracia .story-table th:nth-child(1),body.astracia .story-table td:nth-child(1){width:26%}
body.astracia .story-table th:nth-child(2),body.astracia .story-table td:nth-child(2){width:18%}
body.astracia .story-table th:nth-child(3),body.astracia .story-table td:nth-child(3){width:auto}
body.astracia .story-table th:nth-child(4),body.astracia .story-table td:nth-child(4){width:64px}

/* Faza P (23. 9. 2026): odeljci priče iz urednika — istaknut citat i brojke. */
body.public-workspace .story-pullquote{margin:36px 0;padding:6px 0 6px 24px;border-left:3px solid #0f1419}
body.public-workspace .story-pullquote p{font-size:22px;line-height:1.45;margin:0;color:var(--boja-tekst);font-weight:500}
body.public-workspace .story-pullquote footer{margin-top:10px;font-size:14px;color:var(--boja-tekst-tiho)}
body.public-workspace .story-numbers{margin:36px 0}
body.public-workspace .story-numbers dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:14px 0 0}
body.public-workspace .story-numbers dl>div{padding:14px 16px;border:1px solid var(--boja-ivica);border-radius:12px;background:#fff}
body.public-workspace .story-numbers dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--boja-tekst-tiho)}
body.public-workspace .story-numbers dd{margin:6px 0 0;font-size:20px;font-weight:700;color:var(--boja-tekst)}
body.public-workspace .story-cover img{width:100%;height:auto;border-radius:18px;display:block}
body.public-workspace .story-reading-column .owner-block{margin:32px 0}

/* SEO master v1, faza 8: stranica alternativa (lista sa razlozima). */
body.public-workspace .seo-alternative-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}
body.public-workspace .seo-alternative-list>li.panel{padding:20px 22px;border-radius:14px;margin:0}
body.public-workspace .seo-alternative-reasons{margin:10px 0 0 56px;padding:0 0 0 18px;font-size:14px;line-height:1.7;color:#0f1419}
body.public-workspace .seo-alternative-list>li>.tiho{margin:6px 0 0 56px}
body.public-workspace .seo-alternatives-method{max-width:760px;line-height:1.7}
body.public-workspace .product-alternatives-link{margin-top:16px;font-size:14px}
@media (max-width:640px){body.public-workspace .seo-alternative-reasons,body.public-workspace .seo-alternative-list>li>.tiho{margin-left:0}}
/* SEO master v1, faza 9: poređenje dva proizvoda (sopstvena tabela; mobilni: red kao kartica sa oznakom proizvoda). */
body.public-workspace .seo-compare-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
body.public-workspace .seo-compare-sides>.panel{padding:18px 20px;border-radius:14px;margin:0}
body.public-workspace .seo-compare-wrap{border:1px solid #eff3f4;border-radius:16px;background:#fff;overflow-x:auto}
body.public-workspace .seo-compare-table{width:100%;border-collapse:collapse;table-layout:fixed}
body.public-workspace .seo-compare-table thead th{background:#f7f9f9;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#536471;text-align:left;padding:14px 18px}
body.public-workspace .seo-compare-table thead th:first-child{width:26%}
body.public-workspace .seo-compare-table tbody th,body.public-workspace .seo-compare-table td{padding:16px 18px;border-top:1px solid #eff3f4;vertical-align:top;text-align:left;font-size:14px;font-weight:400;line-height:1.6;overflow-wrap:anywhere;background:none;text-transform:none;letter-spacing:0}
body.public-workspace .seo-compare-table tbody th{font-weight:600;color:#0f1419}
body.public-workspace .seo-compare-table tbody th small{display:block;margin-top:4px;color:#0f1419;font-size:12px}
body.public-workspace .seo-compare-table td a{font-size:12px}
@media (max-width:650px){body.public-workspace .seo-compare-sides{grid-template-columns:1fr}
body.public-workspace .seo-compare-table thead{display:none}
body.public-workspace .seo-compare-table,body.public-workspace .seo-compare-table tbody,body.public-workspace .seo-compare-table tr{display:block}
body.public-workspace .seo-compare-table tr{padding:16px 18px;border-top:1px solid #eff3f4}
body.public-workspace .seo-compare-table tr:first-child{border-top:0}
body.public-workspace .seo-compare-table tbody th,body.public-workspace .seo-compare-table td{display:block;padding:0;border:0}
body.public-workspace .seo-compare-table td{margin-top:10px}
body.public-workspace .seo-compare-table td::before{content:attr(data-label);display:block;font-size:11px;color:#536471;text-transform:uppercase;letter-spacing:.05em}}
/* SEO master v1 §11.4: urednička best lista. */
body.public-workspace .seo-best-rationale{margin:10px 0 0 56px;font-size:14px;line-height:1.7;color:#0f1419}
body.public-workspace .seo-best-method{padding:22px 24px;border-radius:14px;margin:24px 0}
body.public-workspace .seo-best-method p{white-space:pre-line;line-height:1.75}
body.public-workspace .seo-best-others li{line-height:1.7;margin:6px 0}
@media (max-width:640px){body.public-workspace .seo-best-rationale{margin-left:0}}
/* People (plan People P3): tabovi po ulozi, oznaka „Open to connect“, uloge i startapi na profilu. */
body.public-workspace .people-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
body.public-workspace .people-tabs a{padding:8px 14px;border:1px solid #eff3f4;border-radius:999px;background:#fff;color:#0f1419;text-decoration:none;font-size:14px}
body.public-workspace .people-tabs a small{color:#536471;font-size:12px}
body.public-workspace .people-tabs a.aktivna{background:#0f1419;border-color:#0f1419;color:#fff}
body.public-workspace .people-tabs a.aktivna small{color:#eff3f4}
body.public-workspace .people-open{display:flex;align-items:center;gap:6px;white-space:nowrap}
body.public-workspace .people-open-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#eff3f4;color:#0f1419;font-size:11px;font-weight:600}
body.public-workspace .person-roles{margin:12px 0}
body.public-workspace .person-startups,body.public-workspace .product-people{padding:20px 22px;border-radius:14px;margin:16px 0}
body.public-workspace .person-startups ul,body.public-workspace .product-people ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body.public-workspace .person-privacy{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 8px;padding-top:14px;border-top:1px solid #eff3f4;font-size:13px}
body.public-workspace .person-privacy a{color:#0f1419}
body.public-workspace .people-why{max-width:760px}
body.public-workspace .people-why h2{margin-top:28px}
/* Hire experts (plan People P4): kartice sa uslugama, oznaka provere, citat iz opisa i direktan kontakt. */
body.public-workspace .experts-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.public-workspace .expert-card{display:grid;grid-template-columns:minmax(220px,1fr) 2fr auto;gap:16px;align-items:start;padding:18px 20px;border-radius:14px}
body.public-workspace .expert-offer{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 8px}
body.public-workspace .expert-service{font-weight:600;color:#0f1419}
body.public-workspace .expert-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#f3f1ea;color:#6b6250}
body.public-workspace .expert-badge.is-verified{background:#eff3f4;color:#0f1419}
body.public-workspace .expert-quote{flex-basis:100%;font-size:13px;color:#0f1419}
body.public-workspace .expert-contact{display:flex;flex-wrap:wrap;gap:8px}
body.public-workspace .person-work{padding:20px 22px;border-radius:14px;margin:16px 0}
@media (max-width:760px){body.public-workspace .expert-card{grid-template-columns:1fr}}
/* Zaglavlje liste People i Hire experts: ko je na listi (docs/PLAN-PEOPLE-GRUPE.md). */
body.public-workspace .list-intro{margin:0 0 18px;max-width:880px}
body.public-workspace .list-intro h1{margin:0 0 6px;font-size:28px;line-height:1.2;color:#00763f}
body.public-workspace .list-intro p{margin:0;color:#0f1419;font-size:15px;line-height:1.55}
body.public-workspace .zaglavlje .naslov-podnaslov{display:block;font-size:12px;font-weight:400;color:#536471;margin-top:2px}
@media(max-width:760px){body.public-workspace .zaglavlje .naslov-podnaslov{display:none}}
/* Potkategorije ljudi (24. 9. 2026): čipovi ispod tabova People i na profilu osobe. */
body.public-workspace .people-tags{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
body.public-workspace .people-tags a,body.public-workspace .person-tags a{display:inline-flex;gap:6px;align-items:baseline;padding:4px 10px;border:1px solid #eff3f4;border-radius:999px;font-size:13px;color:#0f1419;text-decoration:none;background:#fff}
body.public-workspace .people-tags a small{color:#536471}
body.public-workspace .people-tags a.aktivna,body.public-workspace .people-tags a:hover,body.public-workspace .person-tags a:hover{background:#eff3f4;border-color:#536471;color:#0f1419}
body.public-workspace .person-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
/* Media (G2): kartica emisije, oznake za goste i sponzorstva. */
body.public-workspace .media-summary{margin:0 0 8px;font-size:14px;color:#0f1419;line-height:1.5}
body.public-workspace .media-flag{background:#fdf3e1 !important;color:#7a5412 !important}
/* Jedna traka pretrage (24. 9. 2026): izbor kategorije + rečenica + prekidači, isto na Discover, People, Hire experts i Media. */
body.astracia .startups-filteri.list-search,body.astracia .directory-page .startups-filteri{align-items:center}
body.astracia .list-search-scope select{min-width:290px;max-width:340px;height:44px}
body.astracia .startups-filteri .list-search-scope{flex:0 0 auto}
body.astracia .list-search .polje-ikona{flex:1 1 320px}
body.astracia .list-search .list-search-check{padding-bottom:0;white-space:nowrap}
body.astracia .list-search-more{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:-6px 0 16px;font-size:13px;color:#0f1419}
body.astracia .list-search-more label{display:flex;align-items:center;gap:8px}
body.astracia .list-search-more select{min-width:150px}
body.public-workspace .experts-table td:nth-child(2){min-width:280px}
body.public-workspace .experts-table .expert-offer{margin:0 0 6px}
body.public-workspace .expert-contact-link{display:inline-block;margin:0 10px 4px 0;font-weight:600;white-space:nowrap}
body.public-workspace .media-table .media-summary{margin:0 0 6px}
@media (max-width:760px){body.astracia .list-search-scope,body.astracia .list-search-scope select{width:100%;max-width:none}}
/* Deljenje (24. 9. 2026): X, LinkedIn, Reddit kao obični linkovi. */
body.public-workspace .share-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 10px}
body.public-workspace .share-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#536471;margin-right:4px}
body.public-workspace .share-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #eff3f4;border-radius:999px;background:#fff;color:#0f1419;font-size:13px;text-decoration:none}
body.public-workspace .share-button:hover{background:#eff3f4;border-color:#536471;color:#0f1419}
body.public-workspace .share-button svg{width:15px;height:15px}
/* Footer javnih strana (24. 9. 2026): cene i pravne strane koje traži Paddle. */
body.public-workspace .podnozje{flex-wrap:wrap;gap:6px 18px}
body.public-workspace .podnozje-veze a{color:inherit}
body.public-workspace .podnozje-firma{flex-basis:100%;font-size:12px}

body.public-workspace .story-author-avatar{position:relative;overflow:hidden;border-radius:50%;flex:none}
body.public-workspace .story-author-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0}

/* Three-column story list, with a separate readable row per founder. */
body.astracia .story-table th:nth-child(1),body.astracia .story-table td:nth-child(1){width:26%}
body.astracia .story-table th:nth-child(2),body.astracia .story-table td:nth-child(2){width:26%}
body.astracia .story-table th:nth-child(3),body.astracia .story-table td:nth-child(3){width:48%}
body.astracia .story-founders{display:flex;flex-direction:column;gap:10px}
body.astracia .story-founder-row{display:flex;align-items:center;gap:9px;min-width:0}
body.astracia .story-founder-row .story-author-avatar{width:32px;height:32px;flex:0 0 32px}
body.astracia .story-founder-name{min-width:0;word-break:normal;overflow-wrap:normal;white-space:normal;line-height:1.4}

/* Preserve readable account actions beside long mobile page titles. */
body.public-workspace .zaglavlje .desno{flex-shrink:0}
body.public-workspace .zaglavlje .desno>a{white-space:nowrap}

/* One shared shell; account-only editing is grouped inside My Startup. */
[hidden][data-auth-guest], [hidden][data-auth-member] { display:none !important; }
.workspace-tabs { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 20px; margin-bottom:24px; border-bottom:1px solid #eff3f4; }
.workspace-tabs a { padding:9px 12px; border:1px solid #eff3f4; border-radius:8px; text-decoration:none; background:#fff; }
.workspace-tabs a[aria-current="page"] { color:#fff; background:#0f1419; border-color:#0f1419; }

@media (max-width:640px) {
    .workspace-tabs { flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:12px; margin-bottom:20px; scrollbar-width:thin; }
    .workspace-tabs a { flex:0 0 auto; white-space:nowrap; }
}

/* Discover: wide search controls, moving ideas and a dedicated advertising rail. */
body.public-workspace .directory-page .startups-filteri { display:grid; grid-template-columns:280px minmax(0,1fr) auto; gap:12px; margin-bottom:14px; }
body.public-workspace .directory-page .list-search-scope { min-width:0; margin:0; }
body.public-workspace .directory-page .list-search-scope select { width:100%; min-width:0; max-width:none; font-size:12px; padding:10px 32px 10px 12px; height:44px; margin:0; }
body.public-workspace .directory-page .directory-query { min-width:0; width:auto; }
body.public-workspace .directory-page .directory-query input { min-width:0; width:100%; height:44px; }
body.public-workspace .directory-page .startups-filteri>button { height:44px; margin:0; }
body.public-workspace .search-ideas { display:flex; flex-wrap:nowrap; align-items:center; gap:12px; padding:10px 12px; margin:0 0 22px; border:1px solid #eff3f4; border-radius:12px; background:#eff3f4; min-width:0; }
body.public-workspace .search-ideas .search-examples-label { flex:none; margin:0; color:#0f1419; font-size:10px; letter-spacing:.07em; }
.search-ideas-viewport { min-width:0; overflow-x:auto; scrollbar-width:none; }
.search-ideas-viewport::-webkit-scrollbar { display:none; }
.search-ideas-track { display:flex; width:max-content; }
.search-ideas-group { display:flex; flex:none; align-items:center; gap:8px; padding-right:8px; }
body.public-workspace .search-ideas a { display:inline-flex; align-items:center; gap:12px; flex:none; white-space:nowrap; border:1px solid #cfd9de; border-radius:7px; background:#fff; padding:7px 11px; margin:0; font-size:12px; line-height:1.5; color:#0f1419; text-decoration:none; }
body.public-workspace .search-ideas a::before { content:none; }
body.public-workspace .search-ideas a:hover,body.public-workspace .search-ideas a:focus-visible { color:#0f1419; border-color:#536471; background:#f7f9f9; }
body.public-workspace .search-ideas a>span:last-child { color:#536471; }
body.public-workspace .search-ideas-toggle { display:grid; place-items:center; flex:none; width:30px; height:30px; min-width:0; padding:0; border:1px solid #cfd9de; border-radius:7px; background:#fff; color:#0f1419; font-size:12px; box-shadow:none; }
body.public-workspace .search-ideas-toggle[hidden] { display:none; }
.search-ideas.is-moving .search-ideas-track { animation:search-ideas-scroll 65s linear infinite; }
.search-ideas.is-paused .search-ideas-track,.search-ideas:hover .search-ideas-track { animation-play-state:paused; }
.search-ideas-viewport:focus-within .search-ideas-track { animation:none; transform:none; }
@keyframes search-ideas-scroll { to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce) {
    .search-ideas.is-moving .search-ideas-track { animation:none; }
    .search-ideas-group[aria-hidden=true],body.public-workspace .search-ideas-toggle { display:none; }
}
.discover-layout { display:grid; grid-template-columns:minmax(0,1fr) 256px; align-items:start; gap:24px; }
.discover-results-column { min-width:0; }
body.public-workspace .discover-layout .community-table-wrap { margin-top:0; border:1px solid #eff3f4; border-radius:12px; background:#fff; }
body.public-workspace .discover-layout .startup-directory-table { min-width:0; width:100%; table-layout:fixed; }
body.public-workspace .discover-layout .startup-directory-table th:first-child,body.public-workspace .discover-layout .startup-directory-table td:first-child { width:48%; }
body.public-workspace .discover-layout .startup-directory-table th:nth-child(2),body.public-workspace .discover-layout .startup-directory-table td:nth-child(2) { width:27%; min-width:0; }
body.public-workspace .discover-layout .startup-directory-table th:last-child,body.public-workspace .discover-layout .startup-directory-table td:last-child { width:25%; min-width:0; white-space:normal; overflow-wrap:anywhere; }
body.public-workspace .discover-layout .startup-directory-table th { background:#f7f9f9; padding:12px 16px; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
body.public-workspace .discover-layout .startup-directory-table td { padding:18px 16px; vertical-align:middle; }
body.public-workspace .discover-layout .directory-product { gap:12px; align-items:flex-start; }
body.public-workspace .discover-layout .directory-name { min-width:0; }
body.public-workspace .discover-layout .directory-product strong { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
body.public-workspace .discover-layout .directory-summary { white-space:normal; margin-top:5px; font-size:12px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.public-workspace .discover-layout .community-topics { display:flex; flex-wrap:wrap; gap:5px; margin:0; }
body.public-workspace .discover-layout .community-topics>span { max-width:100%; white-space:normal; overflow-wrap:anywhere; padding:4px 6px; }
body.public-workspace .discover-layout .startup-directory-table td:last-child a { font-size:12px; color:#0f1419; font-weight:500; }
/* One advertising cell for every pair of startup rows; both tables scroll together. */
.discover-layout.without-ads { grid-template-columns:minmax(0,1fr); }
.discover-ad-rail { position:static; min-width:0; border:1px solid #eff3f4; border-radius:12px; overflow:hidden; background:#fff; }
.discover-ad-table { width:100%; table-layout:fixed; border-collapse:collapse; margin:0; }
.discover-ad-table th { padding:12px 16px; background:#f7f9f9; color:#0f1419; font-size:10px; letter-spacing:.07em; text-transform:uppercase; text-align:left; }
.discover-ad-table td { padding:14px 16px; vertical-align:middle; border-top:1px solid #eff3f4; }
.discover-ad-cell { display:flex; align-items:center; gap:12px; }
.discover-ad-mark { display:grid; place-items:center; flex:none; width:36px; height:36px; border:1px dashed #cfd9de; border-radius:8px; color:#536471; font-size:23px; }
.discover-ad-cell>div { display:grid; gap:5px; min-width:0; }
.discover-ad-label { color:#536471; text-transform:uppercase; letter-spacing:.07em; font-size:9px; }
.discover-ad-cell strong { font-size:14px; color:#0f1419; }
body.public-workspace .discover-ad-cta { color:#0f1419; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.discover-ad-table th .discover-ad-pricing { margin-left:8px; font-size:10px; font-weight:400; letter-spacing:0; text-transform:none; color:#1d9bf0; text-decoration:none; }
.discover-ad-table th .discover-ad-pricing:hover { color:#1a8cd8; }
body.public-workspace .discover-layout .startup-directory-table .discover-inline-ad { display:none; }
@media(max-width:1199px) {
 .discover-layout { grid-template-columns:minmax(0,1fr); }
 .discover-ad-rail { display:none; }
 body.public-workspace .discover-layout .startup-directory-table .discover-inline-ad { display:table-row; background:#f7f9f9; }
}
@media(max-width:760px) {
    body.public-workspace .directory-page .startups-filteri { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
    body.public-workspace .directory-page .list-search-scope { grid-column:1/-1; width:100%; }
    body.public-workspace .directory-page .list-search-scope select { font-size:12px; }
    body.public-workspace .search-ideas { gap:8px; padding:8px; }
    body.public-workspace .search-ideas .search-examples-label { font-size:9px; max-width:42px; }
}
@media(max-width:650px) {
    body.public-workspace .discover-layout .startup-directory-table { display:block; }
    body.public-workspace .discover-layout .startup-directory-table thead { display:none; }
    body.public-workspace .discover-layout .startup-directory-table tbody { display:block; }
    body.public-workspace .discover-layout .startup-directory-table tr { display:grid; grid-template-columns:minmax(0,1fr); padding:18px 14px; gap:12px; border-bottom:1px solid #eff3f4; }
    body.public-workspace .discover-layout .startup-directory-table td { display:block; width:100%!important; padding:0; border:0; }
    body.public-workspace .discover-layout .startup-directory-table .discover-inline-ad { display:grid; }
}

/* Compact directory controls share the same search and moving ideas. */
body.public-workspace .compact-catalog { max-width:none; }
body.public-workspace .compact-catalog .list-search { display:grid; grid-template-columns:minmax(210px,260px) minmax(0,1fr) auto; gap:10px; margin:0 0 14px; }
body.public-workspace .compact-catalog .list-search:has(.list-search-network) { grid-template-columns:minmax(210px,250px) 170px minmax(100px,1fr) auto; }
body.public-workspace .compact-catalog .list-search label { min-width:0; margin:0; }
body.public-workspace .compact-catalog .list-search select { width:100%; min-width:0; max-width:none; height:44px; font-size:12px; margin:0; padding:10px 30px 10px 12px; }
body.public-workspace .compact-catalog .directory-query { width:auto; min-width:0; }
body.public-workspace .compact-catalog .directory-query input { width:100%; min-width:0; height:44px; }
body.public-workspace .compact-catalog .list-search>button { grid-column:-2; grid-row:1; height:44px; margin:0; }
.list-search-options { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px 20px; }
body.public-workspace .compact-catalog .community-table-wrap { margin-top:0; }
body.public-workspace .compact-catalog .community-table { width:100%; table-layout:fixed; }
body.public-workspace .compact-catalog .community-table th:first-child,body.public-workspace .compact-catalog .community-table td:first-child { width:44%; }
body.public-workspace .compact-catalog .community-table th:nth-child(2),body.public-workspace .compact-catalog .community-table td:nth-child(2) { width:34%; }
body.public-workspace .compact-catalog .community-table th:last-child,body.public-workspace .compact-catalog .community-table td:last-child { width:22%; white-space:normal; overflow-wrap:anywhere; }
body.public-workspace .deals-page .finder-result-tabs a:hover,body.public-workspace .deals-page .finder-result-tabs a:focus-visible,body.public-workspace .deals-page .finder-result-tabs a[aria-current=page],body.public-workspace .deals-page .finder-button:hover,body.public-workspace .deals-page .finder-button:focus-visible { background:#0f1419; color:#fff; border-color:#0f1419; }
body.public-workspace .deals-page .finder-result-tabs a:hover span,body.public-workspace .deals-page .finder-result-tabs a:focus-visible span,body.public-workspace .deals-page .finder-result-tabs a[aria-current=page] span { color:inherit; }
[data-account-checklist] [hidden] { display:none!important; }
.public-checklist-table .k-status { min-width:155px; }
.public-checklist-table .status-izbor { width:145px; font-size:12px; }
[data-checklist-note], [data-checklist-summary] { font-size:13px; color:#0f1419; }
@media(max-width:1100px) {
 body.public-workspace .compact-catalog .list-search:has(.list-search-network) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 body.public-workspace .compact-catalog .list-search:has(.list-search-network)>button { grid-column:2; grid-row:2; }
}
@media(max-width:650px) {
 body.public-workspace .compact-catalog .list-search { grid-template-columns:minmax(0,1fr) auto; }
 body.public-workspace .compact-catalog .list-search-scope { grid-column:1/-1; }
 body.public-workspace .compact-catalog .list-search:has(.list-search-network) .list-search-scope { grid-column:1; }
 body.public-workspace .compact-catalog .list-search>button { grid-column:2; grid-row:2; }
 body.public-workspace .compact-catalog .community-table td { width:100%!important; }
}
/* 7. 10. 2026 — Startup Deals: četiri tabele u dva reda, svaka sa zaglavljem; bez tabova. */
body.public-workspace .deals-page .deals-search{margin-bottom:16px}
body.public-workspace .deals-back{margin:-6px 0 12px;font-size:13px}
body.public-workspace .deals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
body.public-workspace .deals-page.is-single .deals-grid{grid-template-columns:1fr}
body.public-workspace .deals-panel{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #eff3f4;border-radius:16px;overflow:hidden}
body.public-workspace .deals-panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:12px 16px;background:#f7f9f9;border-bottom:1px solid #eff3f4}
body.public-workspace .deals-panel-head h2{margin:0;font-size:15.5px;letter-spacing:-.01em;color:#0f1419}
body.public-workspace .deals-count{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#0f1419;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
body.public-workspace .deals-post{margin-left:auto;font-size:12.5px;font-weight:600;color:#0f1419;text-decoration:none;white-space:nowrap}
body.public-workspace .deals-post::after{content:" ↗";font-size:11px}
body.public-workspace .deals-panel-head p{flex-basis:100%;margin:0;font-size:12.5px;color:#0f1419}
body.public-workspace .deals-empty{margin:0;padding:22px 16px;font-size:13.5px;color:#0f1419}
body.public-workspace .deals-panel .deals-table{width:100%;min-width:0;table-layout:auto;border-collapse:collapse;font-size:13.5px}
body.public-workspace .deals-panel .deals-table th,body.public-workspace .deals-panel .deals-table td{width:auto;padding:10px 12px;vertical-align:top;border-bottom:1px solid #eff3f4;text-align:left}
body.public-workspace .deals-panel .deals-table th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0f1419;font-weight:600;padding-top:10px;padding-bottom:8px}
body.public-workspace .deals-panel .deals-table tbody tr:last-child td{border-bottom:0}
body.public-workspace .deals-panel .deals-table tbody tr:hover td{background:#f7f9f9}
body.public-workspace .deals-panel .deals-table .community-person{gap:10px}
body.public-workspace .deals-panel .deals-table .community-person strong{font-size:13.5px}
body.public-workspace .deals-panel .deals-table .community-person small{display:block;font-size:12px;color:#0f1419}
body.public-workspace .deals-title strong{display:block;color:#0f1419;font-size:13.5px;line-height:1.35}
body.public-workspace .deals-title small{display:block;font-size:12.5px;color:#0f1419;line-height:1.45;margin-top:2px}
body.public-workspace .deals-price{white-space:nowrap}
body.public-workspace .deals-price strong{display:block;font-size:14px;color:#0f1419;font-variant-numeric:tabular-nums}
body.public-workspace .deals-price small{display:block;font-size:11.5px;color:#0f1419;margin-top:2px}
body.public-workspace .deals-action{text-align:right;white-space:nowrap}
body.public-workspace .deals-panel .finder-button{padding:7px 11px;font-size:12.5px;border-radius:8px}
body.public-workspace .deals-panel-foot{padding:10px 16px;border-top:1px solid #eff3f4;font-size:12.5px;background:#f7f9f9}
body.public-workspace .deals-panel-foot a{font-weight:600}
body.public-workspace .deals-panel .demo-badge{margin-top:4px}
@media(max-width:960px){body.public-workspace .deals-grid{grid-template-columns:1fr}}
@media(max-width:640px){body.public-workspace .deals-panel .deals-table th:nth-child(3),body.public-workspace .deals-panel .deals-table td:nth-child(3){display:none}body.public-workspace .deals-action{text-align:left}}
/* 7. 10. 2026 (druga verzija) — Startup Deals: pune širine, sitniji font, bez dugmića, ceo red je link. */
body.public-workspace .deals-stack{display:grid;grid-template-columns:1fr;gap:22px}
body.public-workspace .deals-panel-head{padding:12px 18px}
body.public-workspace .deals-panel-head p{flex-basis:auto;margin-left:4px}
body.public-workspace .deals-panel .deals-table{font-size:13px}
body.public-workspace .deals-panel .deals-table th,body.public-workspace .deals-panel .deals-table td{padding:11px 18px}
body.public-workspace .deals-panel .deals-table th.deals-col-startup,body.public-workspace .deals-panel .deals-table td.deals-col-startup{width:30%}
body.public-workspace .deals-panel .deals-table th.deals-col-value,body.public-workspace .deals-panel .deals-table td.deals-col-value{width:22%;white-space:normal}
body.public-workspace .deals-row{cursor:pointer}
body.public-workspace .deals-row:hover td{background:#f7f9f9}
body.public-workspace .deals-panel .deals-table .community-person{align-items:flex-start}
body.public-workspace .deals-panel .deals-table .community-person strong{font-size:13.5px;line-height:1.3}
body.public-workspace .deals-panel .deals-table .community-person small{font-size:12px;line-height:1.4;color:#0f1419;display:block;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.public-workspace .deals-kind{font-weight:600;color:#0f1419 !important}
body.public-workspace .deals-title a{display:block;font-weight:600;color:#0f1419;font-size:13.5px;line-height:1.35;text-decoration:none}
body.public-workspace .deals-row:hover .deals-title a{color:#0f1419}
body.public-workspace .deals-title small{display:block;font-size:12px;color:#0f1419;line-height:1.45;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.public-workspace .deals-col-value strong{display:block;font-size:14px;color:#0f1419;font-variant-numeric:tabular-nums}
body.public-workspace .deals-col-value small{display:block;font-size:11.5px;color:#0f1419;margin-top:2px}
body.public-workspace .deals-wants{display:block;font-size:13px;color:#0f1419;line-height:1.4}
@media(max-width:640px){body.public-workspace .deals-panel .deals-table th.deals-col-value,body.public-workspace .deals-panel .deals-table td.deals-col-value{display:table-cell;width:auto}body.public-workspace .deals-panel .deals-table th.deals-col-startup,body.public-workspace .deals-panel .deals-table td.deals-col-startup{display:none}}
/* 8. 10. 2026 — Deals: kategorija pre cene, ~10 redova vidljivo pa skrol unutar tabele. */
body.public-workspace .deals-scroll{max-height:640px;overflow:auto;overscroll-behavior:contain}
body.public-workspace .deals-scroll thead th{position:sticky;top:0;background:#fff;z-index:1}
body.public-workspace .deals-panel .deals-table th.deals-col-startup,body.public-workspace .deals-panel .deals-table td.deals-col-startup{width:28%}
body.public-workspace .deals-panel .deals-table th.deals-col-category,body.public-workspace .deals-panel .deals-table td.deals-col-category{width:16%}
body.public-workspace .deals-panel .deals-table th.deals-col-value,body.public-workspace .deals-panel .deals-table td.deals-col-value{width:20%}
body.public-workspace .deals-col-category .chip{font-size:11.5px}
@media(max-width:640px){body.public-workspace .deals-panel .deals-table th.deals-col-category,body.public-workspace .deals-panel .deals-table td.deals-col-category{display:none}}
/* 8. 10. 2026 — mobilni audit: Deals cena u jednom redu; Directories i Opportunities bez sporednih kolona na telefonu. */
@media(max-width:640px){
body.public-workspace .deals-panel .deals-table th.deals-col-value,body.public-workspace .deals-panel .deals-table td.deals-col-value{width:auto;min-width:118px;padding-left:8px}
body.public-workspace .deals-col-value strong{font-size:13.5px;white-space:nowrap}
body.public-workspace .deals-col-value small{white-space:normal}
body.public-workspace .distribution-table{min-width:0!important;width:100%}
body.public-workspace .distribution-table th:nth-child(2),body.public-workspace .distribution-table td:nth-child(2),body.public-workspace .distribution-table th:nth-child(3),body.public-workspace .distribution-table td:nth-child(3),body.public-workspace .distribution-table th:nth-child(4),body.public-workspace .distribution-table td:nth-child(4),body.public-workspace .distribution-table th:nth-child(5),body.public-workspace .distribution-table td:nth-child(5){display:none}
body.public-workspace .opportunities-table{min-width:0!important;width:100%}
body.public-workspace .opportunities-table th:nth-child(n+3),body.public-workspace .opportunities-table td:nth-child(n+3){display:none}
}

/* Shared subject, language and optional availability; same form and query as the directory list. */
body.public-workspace .compact-catalog .community-filter-controls { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; min-width:0; }
@media(max-width:1100px) { body.public-workspace .compact-catalog .list-search:has(.list-search-network)>.directory-query { grid-column:1; grid-row:2; } }
@media(max-width:650px) { body.public-workspace .compact-catalog .list-search>.directory-query { grid-column:1; grid-row:2; } }
@media(max-width:650px) { body.public-workspace .compact-catalog .community-filter-controls { grid-template-columns:minmax(0,1fr); } }
/* 10. 10. 2026: startapi na prodaju (Uneed) — odeljak na profilu i tabela u Startup Deals. */
body.public-workspace .for-sale-panel{padding:18px 20px;border-radius:14px;margin:16px 0}
body.public-workspace .for-sale-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.public-workspace .for-sale-head h2{margin:0;font-size:17px}
body.public-workspace .for-sale-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#fff4e5;color:#8a4b00;font-size:12px;font-weight:700;letter-spacing:.02em}
body.public-workspace .for-sale-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 10px}
body.public-workspace .for-sale-facts>div{padding:10px 12px;border:1px solid #eff3f4;border-radius:10px;background:#f7f9f9}
body.public-workspace .for-sale-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#536471}
body.public-workspace .for-sale-facts dd{margin:4px 0 0;font-size:16px;font-weight:700;color:#0f1419}
body.public-workspace .for-sale-reason{margin:0 0 8px;font-size:14px}
/* 13. 10. 2026 Marko: ceo panel „For sale“ je klik na spoljni oglas (nova kartica); link iz naslova pokriva panel. */
body.public-workspace .for-sale-panel-link{position:relative;cursor:pointer;transition:border-color .15s,background .15s}
body.public-workspace .for-sale-panel-link:hover{border-color:#cfd9de;background:#fbfcfc}
body.public-workspace .for-sale-link{color:inherit;text-decoration:none}
body.public-workspace .for-sale-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
body.public-workspace .for-sale-link:hover,body.public-workspace .for-sale-link:focus-visible{text-decoration:underline}
body.public-workspace .for-sale-panel-link .tiho a{position:relative;z-index:1}
/* Strane poslova (11. 10. 2026): landing zaglavlje, strana posla i liste povezanih poslova. */
body.public-workspace .jobs-landing-head{margin:6px 0 14px}
body.public-workspace .jobs-landing-head h1{margin:0 0 4px;font-size:26px}
body.public-workspace .jobs-landing-head p{margin:0;color:#536471}
body.public-workspace .jobs-browse{margin-top:22px}
body.public-workspace .job-head{display:flex;gap:16px;align-items:flex-start;margin:10px 0 18px}
body.public-workspace .job-head h1{margin:0 0 4px;font-size:26px;line-height:1.25}
body.public-workspace .job-company{margin:0 0 8px;font-size:16px}
body.public-workspace .job-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px;color:#536471;font-size:14px}
body.public-workspace .job-description{max-width:760px;line-height:1.6;font-size:15px}
body.public-workspace .job-description h2,body.public-workspace .job-description h3{font-size:17px;margin:18px 0 6px}
body.public-workspace .job-links{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
/* YouTube u Media (13. 10. 2026): poslednji snimci kanala i odeljak „Rising creators“. */
body.public-workspace .youtube-videos-top,body.public-workspace .media-rising-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
body.public-workspace .youtube-videos-grid{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
body.public-workspace .youtube-videos-grid a{display:flex;flex-direction:column;gap:6px;color:#0f1419;text-decoration:none}
body.public-workspace .youtube-videos-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#eff3f4}
body.public-workspace .youtube-videos-grid strong{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.public-workspace .youtube-videos-grid small{color:#536471;font-size:12px}
body.public-workspace .youtube-videos-grid a:hover strong{text-decoration:underline}
body.public-workspace .youtube-videos-note{margin:10px 0 0;font-size:12px}
body.public-workspace .media-rising{margin:0 0 16px}
body.public-workspace .media-rising h2{margin:0;font-size:17px}
body.public-workspace .media-rising-list{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
body.public-workspace .media-rising-list small{display:block;color:#536471}
body.public-workspace .media-rising-head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between;margin:0 0 12px}
body.public-workspace .media-rising-head p{margin:0;max-width:720px}
/* 13. 10. 2026 — Deals: sortiranje (izbor iznad tabela, zaglavlja kao linkovi); na telefonu izbor pune širine. */
body.public-workspace .deals-sort{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;font-size:13px}
body.public-workspace .deals-sort label{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f1419}
body.public-workspace .deals-sort select{min-height:36px;padding:6px 10px;border:1px solid #cfd9de;border-radius:10px;background:#fff;color:#0f1419;font:inherit;font-weight:500}
body.public-workspace .deals-panel .deals-table th a.deals-sort-link{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
body.public-workspace .deals-panel .deals-table th a.deals-sort-link:hover,body.public-workspace .deals-panel .deals-table th a.deals-sort-link.is-active{border-bottom-style:solid}
@media(max-width:640px){body.public-workspace .deals-sort label{flex:1}body.public-workspace .deals-sort select{flex:1;width:100%}}


/* ---- workspace-shell.css ---- */
/* Signed-in workspace (4. 10. 2026): one navigation strip, an identity header, setup progress and a
   two-column profile editor. Colours follow astracia-workspace.css tokens. */

/* ── Workspace navigation: single underline strip, scrolls instead of wrapping ─────────────── */
body.astracia .workspace-bar { display:flex; align-items:center; gap:18px; margin:-6px 0 26px; border-bottom:1px solid var(--boja-ivica); }
body.astracia .workspace-bar-label { flex:none; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--boja-tekst-tiho); padding:0 0 12px; }
body.astracia .workspace-tabs { display:flex; flex-wrap:nowrap; gap:2px; min-width:0; flex:1; overflow-x:auto; scrollbar-width:none; padding:0; margin:0; border:0; }
body.astracia .workspace-tabs::-webkit-scrollbar { display:none; }
body.astracia .workspace-tabs a { flex:none; padding:10px 12px 12px; border:0; border-bottom:2px solid transparent; border-radius:0; margin-bottom:-1px; background:transparent; color:var(--boja-tekst-2); font-size:13px; font-weight:550; white-space:nowrap; text-decoration:none; }
body.astracia .workspace-tabs a:hover { color:var(--boja-akcent-tekst); background:transparent; }
body.astracia .workspace-tabs a[aria-current="page"] { color:var(--boja-akcent-tekst); background:transparent; border-color:var(--boja-akcent); font-weight:650; }
/* In-page anchors of the startup editor reuse the strip without the workspace label. */
body.astracia .startup-editor > .workspace-tabs { border-bottom:1px solid var(--boja-ivica); margin-bottom:22px; }

/* ── Shared workspace blocks ─────────────────────────────────────────────────────────────── */
body.astracia .ws-eyebrow { margin:0 0 6px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--boja-akcent); }
body.astracia .ws-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin:0 0 22px; }
body.astracia .ws-head h1 { margin:0 0 6px; font-size:26px; letter-spacing:-.6px; }
body.astracia .ws-head .ideja-red { max-width:64ch; }
body.astracia .ws-head-actions { display:flex; flex-wrap:wrap; gap:8px; flex:none; }
body.astracia .ws-status-chip { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600; background:#f7f9f9; color:var(--boja-tekst-2); }
body.astracia .ws-status-chip::before { content:""; width:7px; height:7px; border-radius:50%; background:#536471; }
body.astracia .ws-status-chip.is-live { background:#eff3f4; color:#0f1419; }
body.astracia .ws-status-chip.is-live::before { background:#0f1419; }
body.astracia .ws-status-chip.is-pending { background:#fff4e3; color:#8a5a12; }
body.astracia .ws-status-chip.is-pending::before { background:#e0962d; }

/* ── Overview: identity header ───────────────────────────────────────────────────────────── */
body.astracia .ws-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 28px; background:linear-gradient(120deg,#f7f9f9,#fff 65%); }
body.astracia .ws-identity { display:flex; align-items:center; gap:18px; min-width:0; }
body.astracia .ws-avatar { display:grid; place-items:center; flex:none; width:60px; height:60px; border-radius:18px; background:var(--boja-akcent); color:#eff3f4; font-size:26px; font-weight:650; text-transform:uppercase; }
body.astracia .ws-identity h2 { margin:0 0 6px; font-size:24px; letter-spacing:-.6px; line-height:1.2; overflow-wrap:anywhere; }
body.astracia .ws-identity-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0; font-size:13px; color:var(--boja-tekst-tiho); }
body.astracia .ws-identity-meta a { font-weight:600; }
body.astracia .ws-hero-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; flex:none; }

/* ── Overview: two columns, startup first ────────────────────────────────────────────────── */
body.astracia .ws-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }
body.astracia .ws-grid > .panel, body.astracia .ws-main > .panel, body.astracia .ws-side > .panel { margin:0; }
body.astracia .ws-main, body.astracia .ws-side { display:grid; gap:20px; min-width:0; }
body.astracia .ws-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
body.astracia .ws-section-head h2 { margin:0; font-size:17px; }
body.astracia .ws-section-head p { margin:4px 0 0; font-size:12.5px; color:var(--boja-tekst-tiho); }

/* Setup progress */
body.astracia .ws-progress { height:6px; border-radius:999px; background:#eff3f4; overflow:hidden; margin:14px 0 18px; }
body.astracia .ws-progress > span { display:block; height:100%; background:var(--boja-akcent); border-radius:inherit; transition:width .3s; }
body.astracia .ws-steps { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
body.astracia .ws-steps li { display:flex; align-items:center; gap:12px; padding:10px 10px; border-radius:10px; }
body.astracia .ws-steps li:hover { background:var(--boja-hover); }
body.astracia .ws-step-mark { display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:50%; border:1.5px solid #cfd9de; font-size:11px; font-weight:700; color:var(--boja-tekst-tiho); background:#fff; }
body.astracia .ws-steps li.is-done .ws-step-mark { background:var(--boja-akcent); border-color:var(--boja-akcent); color:#fff; }
body.astracia .ws-steps li.is-done strong { color:var(--boja-tekst-tiho); font-weight:550; text-decoration:line-through; text-decoration-color:#cfd9de; }
body.astracia .ws-steps li > div { min-width:0; flex:1; }
body.astracia .ws-steps strong { display:block; font-size:13.5px; }
body.astracia .ws-steps small { display:block; margin-top:2px; font-size:12px; color:var(--boja-tekst-tiho); }
body.astracia .ws-steps li > a { flex:none; font-size:12.5px; font-weight:600; white-space:nowrap; }

/* Connect your startup — the primary action when nothing is connected yet */
body.astracia .ws-connect { border:1px solid #cfd9de; background:#f7f9f9; padding:28px; }
body.astracia .ws-connect h2 { font-size:21px; letter-spacing:-.4px; margin:0 0 8px; }
body.astracia .ws-connect > p { max-width:60ch; }
body.astracia .ws-connect .startup-search { max-width:none; margin:20px 0 12px; }
body.astracia .ws-connect .startup-search input { height:48px; font-size:14px; }
body.astracia .ws-connect .startup-search button { height:48px; }
body.astracia .ws-connect-or { display:flex; align-items:center; gap:10px; margin:12px 0 0; font-size:13px; color:var(--boja-tekst-tiho); }
body.astracia .ws-connect-note { margin:18px 0 0; padding-top:16px; border-top:1px solid var(--boja-ivica); font-size:12.5px; line-height:1.7; color:var(--boja-tekst-tiho); }
body.astracia details.ws-connect-more > summary { cursor:pointer; font-weight:600; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.astracia details.ws-connect-more > summary::-webkit-details-marker { display:none; }
body.astracia details.ws-connect-more > summary::after { content:"+"; font-size:18px; color:var(--boja-tekst-tiho); }
body.astracia details.ws-connect-more[open] > summary::after { content:"–"; }
body.astracia details.ws-connect-more > summary small { font-weight:400; color:var(--boja-tekst-tiho); }

/* Startup card */
body.astracia .ws-startup { padding:0; overflow:hidden; }
body.astracia .ws-startup-head { display:flex; align-items:center; gap:16px; padding:20px 22px; }
body.astracia .ws-startup-logo { display:grid; place-items:center; flex:none; width:56px; height:56px; border-radius:14px; background:#eff3f4; color:#0f1419; font-size:24px; font-weight:650; text-transform:uppercase; overflow:hidden; }
body.astracia .ws-startup-logo img { width:100%; height:100%; object-fit:contain; background:#fff; }
body.astracia .ws-startup-title { min-width:0; flex:1; }
body.astracia .ws-startup-title h3 { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:0 0 4px; font-size:18px; }
body.astracia .ws-startup-title p { margin:0; font-size:13px; color:var(--boja-tekst-tiho); overflow-wrap:anywhere; }
body.astracia .ws-startup-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
body.astracia .ws-startup .exchange-verify { margin:0; padding:12px 22px; font-size:13px; background:#fff8ea; border-top:1px solid #f3e3bd; border-bottom:1px solid #f3e3bd; }
body.astracia .ws-startup-body { padding:6px 22px 18px; }
body.astracia .ws-startup-body details { border-top:1px solid var(--boja-ivica); }
body.astracia .ws-startup-body details > summary { cursor:pointer; padding:14px 0; font-weight:600; font-size:13.5px; display:flex; align-items:center; gap:10px; list-style:none; }
body.astracia .ws-startup-body details > summary::-webkit-details-marker { display:none; }
body.astracia .ws-startup-body details > summary::after { content:"›"; margin-left:auto; font-size:18px; color:var(--boja-tekst-tiho); transition:transform .15s; }
body.astracia .ws-startup-body details[open] > summary::after { transform:rotate(90deg); }
body.astracia .ws-startup-body details > summary small { font-weight:500; color:var(--boja-tekst-tiho); }
body.astracia .ws-startup-body .startup-items { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-bottom:16px; }
body.astracia .ws-startup-body .exchange-confirm { padding:10px 0 4px; font-size:12.5px; }
body.astracia .ws-startup-body .exchange-confirm summary { color:var(--boja-tekst-tiho); cursor:pointer; }

/* Offers & listings */
body.astracia .ws-actions .startup-action-grid { grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); }
body.astracia .ws-locked { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:10px; background:#fff8ea; border:1px solid #f3e3bd; font-size:12.5px; line-height:1.6; color:#6d4e0f; margin:0 0 14px; }

/* Side column cards */
body.astracia .ws-card-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--boja-ivica); font-size:13px; }
body.astracia .ws-card-row:first-of-type { border-top:0; padding-top:4px; }
body.astracia .ws-card-row strong { display:block; font-size:13.5px; }
body.astracia .ws-card-row small { display:block; margin-top:2px; font-size:12px; color:var(--boja-tekst-tiho); }
body.astracia .ws-card-row > a, body.astracia .ws-card-row > .dugme { flex:none; }
body.astracia .ws-profile-card { display:flex; gap:14px; align-items:center; padding:4px 0 14px; }
body.astracia .ws-profile-card img, body.astracia .ws-profile-card .ws-avatar { width:48px; height:48px; border-radius:50%; font-size:20px; object-fit:cover; }
body.astracia .ws-profile-card > div { min-width:0; }
body.astracia .ws-profile-card strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.astracia .ws-profile-card small { display:block; font-size:12px; color:var(--boja-tekst-tiho); margin-top:2px; }
body.astracia .ws-side .exchange-matches { margin:0; }

/* ── Profile editor: form + sticky rail ──────────────────────────────────────────────────── */
body.astracia .profile-editor { max-width:1180px; margin:0 auto; }
body.astracia .profile-editor-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
body.astracia .profile-editor-main { min-width:0; gap:16px; margin-top:0; }
body.astracia .profile-editor-main > .panel { margin:0; padding:26px 28px; }
body.astracia .profile-editor-main .profile-edit-section { gap:16px; }
body.astracia .profile-editor-main .profile-edit-section + .profile-edit-section { border-top:0; padding-top:0; margin-top:0; }
body.astracia .profile-editor-main .intake-repeat h2, body.astracia .profile-editor-main .intake-fields > h2 { font-size:14px; margin:4px 0 0; }
/* A single repeat group would only echo the panel heading; several groups keep their own subheadings. */
body.astracia .profile-editor-rows.is-single-group .intake-repeat > h2 { display:none; }
body.astracia .profile-editor-main .intake-repeat > p, body.astracia .profile-editor-main .panel > p { font-size:12.5px; color:var(--boja-tekst-tiho); margin:0; line-height:1.6; }
body.astracia .profile-editor-main label { font-size:12.5px; font-weight:550; }
body.astracia .profile-editor-main label small, body.astracia .profile-editor-main .intake-field > label small { font-weight:400; color:var(--boja-tekst-tiho); margin-left:4px; }
body.astracia .profile-editor-main .intake-fields h2 { margin:6px 0 2px; }
body.astracia .profile-editor-main .intake-section { border:1px solid var(--boja-ivica); border-radius:12px; padding:0 16px; }
body.astracia .profile-editor-main .intake-section > summary { padding:14px 0; font-weight:600; font-size:13.5px; cursor:pointer; }
body.astracia .profile-editor-main .intake-section[open] > summary { border-bottom:1px solid var(--boja-ivica); margin-bottom:14px; }
body.astracia .profile-editor-main .intake-row { margin:0; }
body.astracia .profile-editor-main .intake-actions { padding-top:4px; }
body.astracia .profile-editor-main .finder-profile-preview { display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; font-size:13px; }
body.astracia .profile-editor-main .finder-profile-preview img { border-radius:50%; object-fit:cover; order:-1; }
body.astracia .profile-editor-rail { position:sticky; top:72px; display:grid; gap:16px; }
body.astracia .profile-editor-rail .panel { margin:0; padding:18px 20px; }
body.astracia .profile-editor-rail h2 { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--boja-tekst-tiho); margin:0 0 12px; }
body.astracia .profile-editor-rail p { font-size:12.5px; line-height:1.65; color:var(--boja-tekst-tiho); margin:8px 0 0; }
body.astracia .profile-editor-rail .page-status-actions { margin-top:12px; }
body.astracia .profile-editor-rail .page-status-actions .dugme { font-size:12px; }
body.astracia .rail-types { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
body.astracia .rail-types a { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border-radius:8px; font-size:13px; color:var(--boja-tekst-2); border:1px solid transparent; }
body.astracia .rail-types a:hover { background:var(--boja-hover); }
body.astracia .rail-types a[aria-current="page"] { background:var(--boja-akcent-fon); color:var(--boja-akcent-tekst); font-weight:650; border-color:#cfd9de; }
body.astracia .rail-types a[aria-current="page"]::after { content:"✓"; font-size:12px; }
body.astracia .rail-checklist { list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:13px; }
body.astracia .rail-checklist li { display:flex; gap:10px; align-items:flex-start; line-height:1.5; }
body.astracia .rail-checklist li::before { content:""; flex:none; width:16px; height:16px; margin-top:2px; border-radius:50%; border:1.5px solid #cfd9de; }
body.astracia .rail-checklist li.is-done::before { border-color:var(--boja-akcent); background:var(--boja-akcent) center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5l2.3 2.3L9.6 4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.astracia .rail-checklist li.is-done { color:var(--boja-tekst-tiho); }
body.astracia .profile-editor .page-editor { margin-top:24px; }

/* ── Responsive ──────────────────────────────────────────────────────────────────────────── */
@media (max-width:1100px) {
    body.astracia .ws-grid { grid-template-columns:minmax(0,1fr); }
    body.astracia .profile-editor-grid { grid-template-columns:minmax(0,1fr); }
    body.astracia .profile-editor-rail { position:static; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
}
@media (max-width:640px) {
    body.astracia .workspace-bar { gap:12px; margin-top:0; }
    body.astracia .workspace-bar-label { display:none; }
    body.astracia .ws-head, body.astracia .ws-hero { flex-direction:column; align-items:stretch; }
    body.astracia .ws-hero { padding:20px; }
    body.astracia .ws-hero-actions { justify-content:flex-start; }
    body.astracia .ws-avatar { width:48px; height:48px; font-size:20px; border-radius:14px; }
    body.astracia .ws-identity h2 { font-size:20px; }
    body.astracia .ws-startup-head { flex-wrap:wrap; padding:18px; }
    body.astracia .ws-startup-actions { width:100%; justify-content:flex-start; }
    body.astracia .ws-startup-body { padding-inline:18px; }
    body.astracia .ws-startup-body .startup-items { grid-template-columns:1fr; }
    body.astracia .ws-connect { padding:20px; }
    body.astracia .ws-steps li > a { display:none; }
    body.astracia .profile-editor-main > .panel { padding:20px 18px; }
    body.astracia .profile-editor-rail { grid-template-columns:1fr; }
}

/* 5. 10. 2026 — Founder & story sub-tabs, „Where you appear“ list, startup links and Media in the presence tab. */
body.astracia .workspace-bar:has(.workspace-subtabs) { flex-wrap:wrap; row-gap:0; }
body.astracia .workspace-subtabs { display:flex; gap:6px; flex-wrap:wrap; flex-basis:100%; padding:12px 0; }
body.astracia .workspace-subtabs a { padding:6px 12px; border:1px solid var(--boja-ivica,#eff3f4); border-radius:999px; font-size:12.5px; font-weight:550; color:var(--boja-tekst-2); text-decoration:none; background:#fff; }
body.astracia .workspace-subtabs a[aria-current="page"] { color:#fff; background:var(--boja-akcent); border-color:var(--boja-akcent); }
body.astracia .ws-places, body.astracia .ws-link-list { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
body.astracia .ws-places li, body.astracia .ws-link-list li { display:flex; align-items:center; gap:12px; padding:10px; border-radius:10px; flex-wrap:wrap; }
body.astracia .ws-places li:hover, body.astracia .ws-link-list li:hover { background:var(--boja-hover); }
body.astracia .ws-places li.is-live .ws-step-mark { background:var(--boja-akcent); border-color:var(--boja-akcent); color:#fff; }
body.astracia .ws-places li > div, body.astracia .ws-link-list li > div { min-width:0; flex:1; }
body.astracia .ws-places strong, body.astracia .ws-link-list strong { display:block; font-size:13.5px; }
body.astracia .ws-places small, body.astracia .ws-link-list small { display:block; margin-top:2px; font-size:12px; color:var(--boja-tekst-tiho); overflow-wrap:anywhere; }
body.astracia .ws-place-actions { display:flex; gap:14px; font-size:12.5px; font-weight:600; white-space:nowrap; }
body.astracia .ws-link-list .inline-form { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
body.astracia .ws-media-form { margin-top:16px; padding-top:16px; border-top:1px solid var(--boja-ivica,#eff3f4); }
body.astracia .startup-editor .editor-more { margin-top:16px; }
body.astracia .startup-editor .editor-more > summary { cursor:pointer; font-weight:650; padding:4px 0; }
body.astracia .startup-editor .editor-more[open] > summary { margin-bottom:12px; }
body.astracia details.startup-team > summary.ws-team-summary { cursor:pointer; font-weight:650; font-size:15px; }
body.astracia details.startup-team[open] > summary.ws-team-summary { margin-bottom:12px; }

/* 5. 10. 2026 — „Live on Astracia“ (pet tačaka) na pregledu. */
body.astracia .ws-live { margin-bottom:20px; }
body.astracia .ws-live-dots { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
body.astracia .ws-live-dots a { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:12px; border:1px solid var(--boja-ivica); border-radius:12px; text-decoration:none; color:inherit; height:100%; }
body.astracia .ws-live-dots a:hover { background:var(--boja-hover); }
body.astracia .ws-live-dots strong { font-size:13px; }
body.astracia .ws-live-dots small { font-size:12px; color:var(--boja-tekst-tiho); }
body.astracia .ws-dot { width:12px; height:12px; border-radius:50%; background:#cfd9de; }
body.astracia .ws-live-dots li.is-live .ws-dot { background:var(--boja-akcent); }
body.astracia .ws-live-dots li.is-live small { color:var(--boja-akcent-tekst); font-weight:600; }
@media (max-width:720px) { body.astracia .ws-live-dots { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* 5. 10. 2026 — vodič „Set up in 4 steps“. */
body.astracia .ws-stepper { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:8px; margin-bottom:18px; }
body.astracia .ws-stepper a { display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--boja-ivica); border-radius:12px; background:#fff; color:var(--boja-tekst-2); text-decoration:none; font-weight:600; font-size:13.5px; }
body.astracia .ws-stepper a.is-current { border-color:var(--boja-akcent); color:var(--boja-akcent-tekst); box-shadow:0 0 0 1px var(--boja-akcent) inset; }
body.astracia .ws-stepper a.is-done .ws-step-mark { background:var(--boja-akcent); border-color:var(--boja-akcent); color:#fff; }
body.astracia .ws-start-step { max-width:760px; }
body.astracia .ws-start-step h2 { margin-top:0; }
body.astracia .ws-start-form { display:grid; gap:14px; margin-top:12px; }
body.astracia .ws-start-form label { display:flex; flex-direction:column; gap:6px; font-weight:600; font-size:13px; }
body.astracia .ws-start-form label.connect-choice { flex-direction:row; align-items:center; font-weight:500; }
body.astracia .ws-start-more { border:1px dashed var(--boja-ivica); border-radius:10px; padding:10px 12px; }
body.astracia .ws-start-more > summary { cursor:pointer; font-weight:600; }
body.astracia .ws-start-more[open] > summary { margin-bottom:10px; }
body.astracia .ws-start-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-top:4px; }
body.astracia .ws-start-or { margin:18px 0 0; font-weight:600; }
body.astracia .ws-offer-kinds { border:0; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px 18px; }
body.astracia .ws-offer-kinds legend { font-weight:650; margin-bottom:8px; }
body.astracia [data-for][hidden] { display:none !important; }
@media (max-width:480px) { body.astracia .ws-stepper { grid-template-columns:1fr; } }

/* 6. 10. 2026 — početna strana: kartice koraka sa stanjem („šta je popunjeno, šta fali“). */
body.astracia .ws-start-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:14px; }
body.astracia .ws-start-head h2 { margin:0 0 4px; }
body.astracia .ws-start-head p { margin:0; }
body.astracia .ws-stepper a { align-items:flex-start; }
body.astracia .ws-step-copy { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
body.astracia .ws-step-copy small { font-weight:500; font-size:12px; color:var(--boja-tekst-tiho); overflow-wrap:anywhere; }
body.astracia .ws-step-edit { font-size:12px; font-weight:650; color:var(--boja-akcent-tekst); white-space:nowrap; }
body.astracia .ws-stepper a.is-done .ws-step-edit { color:var(--boja-tekst-tiho); }
body.astracia .ws-start-extra { margin:-6px 0 14px; }
body.astracia .ws-all-set h2 { color:var(--boja-akcent-tekst); }
body.astracia .ws-all-set .ws-live-dots { margin:12px 0 16px; }

/* 14. 10. 2026 (KORISNICKI-TOKOVI): izbor vrste naloga na Setup-u, „Da li si ovo ti?“ i odluka o Hire experts. */
body.astracia .ws-role-pick { margin-bottom:14px; }
body.astracia .ws-role-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; margin-top:10px; }
body.astracia .ws-role-option { display:flex; gap:8px; align-items:flex-start; border:1px solid var(--boja-ivica); border-radius:10px; padding:10px 12px; cursor:pointer; }
body.astracia .ws-role-option:has(input:checked) { border-color:var(--boja-tekst); background:var(--boja-pozadina-nijansa, #f7f9f9); }
body.astracia .ws-role-option span { display:grid; gap:2px; }
body.astracia .ws-role-options .ws-start-actions { grid-column:1 / -1; }
body.astracia .ws-is-this-you { margin-bottom:14px; }
body.astracia .ws-is-this-you .ws-link-list { margin-top:10px; }
body.astracia .ws-is-this-you li { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
body.astracia .ws-is-this-you li > div { display:grid; gap:2px; }
body.astracia .ws-hire-choice { border:0; padding:0; margin:10px 0 0; display:grid; gap:4px; }
body.astracia .ws-hire-choice legend { font-weight:600; padding:0; margin-bottom:4px; }
body.astracia .ws-media-proof { border:1px dashed var(--boja-ivica); border-radius:10px; padding:10px 12px; margin:8px 0; display:grid; gap:6px; }
body.astracia .ws-media-status { font-size:.85rem; }

/* 14. 10. 2026 (STARTUP-JOBS) — tab Jobs: forma oglasa i spisak oglasa vlasnika sa stanjem. */
body.astracia .ws-jobs .ws-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
body.astracia .ws-jobs .ws-section-head h2 { margin:0; }
body.astracia .ws-salary { border:1px dashed var(--boja-ivica); border-radius:10px; padding:10px 12px; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
body.astracia .ws-salary legend { font-weight:600; font-size:13px; padding:0 4px; }
body.astracia ul.ws-jobs { list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px; }
body.astracia ul.ws-jobs > li { border:1px solid var(--boja-ivica); border-radius:12px; padding:12px 14px; background:#fff; }
body.astracia ul.ws-jobs > li.is-closed, body.astracia ul.ws-jobs > li.is-expired { background:#fafbfc; }
body.astracia ul.ws-jobs > li.is-unlisted { border-color:#e6b8b8; background:#fff7f7; }
body.astracia .ws-job-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; }
body.astracia .ws-job-head small { display:block; margin-top:2px; }
body.astracia .ws-job-reason { margin:8px 0 0; color:#8a2d2d; font-size:13px; }
body.astracia .ws-job-actions { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin:10px 0 6px; font-size:13px; }
body.astracia .ws-job-actions .inline-form { display:inline; }
body.astracia .ws-live-dots { grid-template-columns:repeat(6,minmax(0,1fr)); } /* šesto mesto: Jobs */
@media (max-width:960px) { body.astracia .ws-live-dots { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) { body.astracia .ws-live-dots { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { body.astracia .ws-salary { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* ---- workspace-startup.css ---- */
/* 7. 10. 2026 — korak „Your startup“: numerisane celine, redovi cenovnika/profila, slike ekrana i pregled javne strane. */
body.astracia .ws-startup-step { max-width:860px; }
body.astracia .ws-startup-form { gap:18px; }
body.astracia .ws-block { border:1px solid var(--boja-ivica); border-radius:14px; padding:18px 20px 20px; margin:0; min-width:0; background:#fff; }
body.astracia .ws-block > legend, body.astracia .ws-block-legend { display:flex; align-items:center; gap:10px; font-weight:650; font-size:15px; padding:0 6px; margin-bottom:6px; }
body.astracia .ws-block-legend { padding:0; margin:0 0 14px; }
body.astracia .ws-block-legend h3 { margin:0; font-size:15px; }
body.astracia .ws-block > legend > span, body.astracia .ws-block-legend > span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--boja-akcent); color:#fff; font-size:12.5px; font-weight:700; }
body.astracia .ws-block > legend small { font-weight:500; color:var(--boja-tekst-tiho); font-size:12.5px; }
body.astracia .ws-block .finder-form-grid { gap:14px 18px; }
body.astracia .ws-block label small { font-weight:500; color:var(--boja-tekst-tiho); }
body.astracia .ws-words { font-weight:500; color:var(--boja-tekst-tiho); font-size:12px; }
body.astracia label.is-over .ws-words { color:#b3261e; font-weight:650; }
body.astracia .ws-logo-row { display:flex; align-items:center; gap:12px; font-weight:500; }
body.astracia .ws-logo-current { width:48px; height:48px; border-radius:12px; font-size:20px; }
body.astracia .ws-shots { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-bottom:14px; }
body.astracia .ws-shots figure { margin:0; }
body.astracia .ws-shots img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:10px; border:1px solid var(--boja-ivica); display:block; background:#fff; }
body.astracia .ws-shot-remove { flex-direction:row !important; align-items:center; gap:6px; font-weight:500 !important; font-size:12.5px; margin-top:6px; }
body.astracia .ws-rows { display:grid; gap:8px; margin-top:16px; }
body.astracia .ws-rows-title { margin:0 0 2px; font-weight:600; font-size:13px; }
body.astracia .ws-rows-title small { display:block; font-weight:500; color:var(--boja-tekst-tiho); }
body.astracia .ws-row { display:grid; gap:8px; align-items:center; }
body.astracia .ws-row-link { grid-template-columns:minmax(130px,170px) minmax(0,1fr) auto; }
body.astracia .ws-row-plan { grid-template-columns:minmax(0,1.1fr) 90px minmax(0,1.1fr) minmax(0,1.6fr) auto; }
body.astracia .ws-row-head { font-size:11.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--boja-tekst-tiho); font-weight:600; padding:0 2px; }
body.astracia .ws-row input, body.astracia .ws-row select { width:100%; min-width:0; box-sizing:border-box; margin:0; }
body.astracia .ws-row [data-row-remove] { padding:6px 10px; line-height:1; }
body.astracia .ws-rows [data-row-add] { justify-self:start; }
body.astracia .ws-plan-currency { max-width:160px; }
body.astracia .ws-page .page-status { margin-bottom:14px; }
body.astracia .ws-page .ws-start-more { margin-top:14px; }

/* Pregled javne strane: isti redosled kao public/company.html, umanjen. */
body.astracia .ws-preview { border:1px solid var(--boja-ivica); border-radius:14px; overflow:hidden; background:#f7f9f9; }
body.astracia .ws-preview-bar { display:flex; align-items:center; gap:10px; padding:8px 12px; background:#eff3f4; border-bottom:1px solid var(--boja-ivica); font-size:12px; color:var(--boja-tekst-tiho); }
body.astracia .ws-preview-dots { display:flex; gap:4px; }
body.astracia .ws-preview-dots i { width:9px; height:9px; border-radius:50%; background:#cfd9de; display:block; }
body.astracia .ws-preview-url { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
body.astracia .ws-preview-page { padding:16px; display:grid; gap:12px; }
body.astracia .ws-preview-hero { display:flex; align-items:center; gap:14px; padding:18px; background:linear-gradient(120deg,#f7f9f9,#fff); border:1px solid #eff3f4; border-radius:12px; }
body.astracia .ws-preview-logo { display:grid; place-items:center; width:52px; height:52px; border-radius:12px; background:#eff3f4; color:#0f1419; font-size:22px; font-weight:650; overflow:hidden; flex:none; }
body.astracia .ws-preview-logo img { width:100%; height:100%; object-fit:contain; background:#fff; }
body.astracia .ws-preview-title { flex:1 1 180px; min-width:0; display:flex; flex-direction:column; gap:3px; }
body.astracia .ws-preview-title small { font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:#536471; font-weight:650; }
body.astracia .ws-preview-title strong { font-size:19px; letter-spacing:-.3px; color:#0f1419; overflow-wrap:anywhere; }
body.astracia .ws-preview-title p { margin:0; font-size:13px; color:#536471; overflow-wrap:anywhere; }
body.astracia .ws-preview-title .chip { align-self:flex-start; margin-top:4px; }
body.astracia .ws-preview .chip.is-empty { opacity:.5; }
body.astracia .ws-preview-cta { display:flex; flex-direction:column; align-items:center; gap:4px; flex:none; }
body.astracia .ws-preview-cta .dugme { font-size:12px; padding:8px 12px; pointer-events:none; }
body.astracia .ws-preview-cta small { font-size:11px; color:var(--boja-tekst-tiho); }
body.astracia .ws-preview-shots { display:flex; gap:10px; overflow-x:auto; padding-bottom:4px; }
body.astracia .ws-preview-shots img { flex:0 0 46%; aspect-ratio:16/10; object-fit:cover; border-radius:10px; border:1px solid var(--boja-ivica); background:#fff; }
body.astracia .ws-preview-shots img[hidden] { display:none; }
body.astracia .ws-preview-shots.is-empty { display:block; }
body.astracia .ws-preview-placeholder { display:grid; place-items:center; height:84px; border:1px dashed #cfd9de; border-radius:10px; color:var(--boja-tekst-tiho); font-size:12.5px; }
body.astracia .ws-preview-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:12px; }
body.astracia .ws-preview-card { background:#fff; border:1px solid var(--boja-ivica); border-radius:12px; padding:14px 16px; min-width:0; }
body.astracia .ws-preview-card[hidden] { display:none; }
body.astracia .ws-preview-card h4 { margin:0 0 8px; font-size:13px; }
body.astracia .ws-preview-card p { margin:0; font-size:13px; line-height:1.55; color:var(--boja-tekst-2); white-space:pre-line; overflow-wrap:anywhere; }
body.astracia .ws-preview-muted { color:var(--boja-tekst-tiho) !important; }
body.astracia .ws-preview-facts dl { margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 12px; font-size:12.5px; }
body.astracia .ws-preview-facts dt { font-weight:600; color:var(--boja-tekst-tiho); }
body.astracia .ws-preview-facts dd { margin:0; overflow-wrap:anywhere; }
body.astracia .ws-preview-socials { display:flex; gap:8px; }
body.astracia .ws-preview-socials span { color:var(--boja-akcent-tekst); font-weight:600; }
body.astracia .ws-preview-socials span[hidden] { display:none; }
body.astracia .ws-preview-plan-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }
body.astracia .ws-preview-plan { display:flex; flex-direction:column; gap:3px; padding:12px; border:1px solid var(--boja-ivica); border-radius:10px; font-size:12.5px; }
body.astracia .ws-preview-plan strong { font-size:13.5px; }
body.astracia .ws-preview-plan span { color:var(--boja-akcent-tamna); font-weight:700; font-size:15px; }
body.astracia .ws-preview-plan small { color:var(--boja-tekst-tiho); }
body.astracia .ws-preview-player { display:flex; align-items:center; gap:10px; height:70px; padding:0 16px; border-radius:10px; background:#0f1419; color:#fff; font-size:13px; font-weight:600; }
body.astracia .ws-preview-player span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#fff; color:#0f1419; font-size:12px; }
body.astracia .ws-preview-chiprow { display:flex; flex-wrap:wrap; gap:6px; }
@media (max-width:720px) {
    body.astracia .ws-row-link, body.astracia .ws-row-plan { grid-template-columns:1fr 1fr; }
    body.astracia .ws-row-head { display:none; }
    body.astracia .ws-preview-grid { grid-template-columns:1fr; }
    body.astracia .ws-preview-hero { flex-wrap:wrap; }
    body.astracia .ws-preview-cta { width:100%; align-items:flex-start; }
}

/* 7. 10. 2026 — korak „Founder“: levo podaci o osnivaču, desno urednik priče. */
body.astracia .ws-founder-step { max-width:1180px; }
body.astracia .ws-founder-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start; }
body.astracia .ws-founder-col { min-width:0; }
body.astracia .ws-founder-col > h3 { margin:0 0 4px; font-size:15px; }
body.astracia .ws-founder-col > .tiho { margin:0 0 12px; }
body.astracia .ws-story-form { display:grid; gap:12px; }
body.astracia .ws-story-form label { display:flex; flex-direction:column; gap:6px; font-weight:600; font-size:13px; }
body.astracia .ws-story-form label.connect-choice { flex-direction:row; align-items:center; font-weight:500; }
body.astracia .ws-editor { border:1px solid var(--boja-ivica); border-radius:12px; background:#fff; overflow:hidden; }
body.astracia .ws-editor textarea { width:100%; min-height:320px; border:0; padding:12px; box-sizing:border-box; font:inherit; }
body.astracia .ws-editor-bar { display:flex; flex-wrap:wrap; gap:2px; padding:6px 8px; background:#f7f9f9; border-bottom:1px solid var(--boja-ivica); }
body.astracia .ws-editor-tool { min-width:30px; height:28px; padding:0 8px; border:1px solid transparent; border-radius:7px; background:transparent; color:#0f1419; font-size:13px; font-weight:700; cursor:pointer; line-height:1; }
body.astracia .ws-editor-tool:hover { background:#fff; border-color:var(--boja-ivica); }
body.astracia .ws-editor-italic { font-style:italic; }
body.astracia .ws-editor-area { min-height:340px; max-height:70vh; overflow:auto; padding:14px 16px; font-size:15px; line-height:1.65; color:#0f1419; outline:none; }
body.astracia .ws-editor-area:focus { box-shadow:inset 0 0 0 2px #536471; }
body.astracia .ws-editor-area.is-empty::before { content:attr(data-placeholder); color:var(--boja-tekst-tiho); pointer-events:none; }
body.astracia .ws-editor-area h2 { font-size:20px; margin:14px 0 6px; }
body.astracia .ws-editor-area h3 { font-size:16px; margin:12px 0 4px; }
body.astracia .ws-editor-area p { margin:0 0 10px; }
body.astracia .ws-editor-area blockquote { margin:10px 0; padding:4px 14px; border-left:3px solid #536471; color:#0f1419; }
body.astracia .ws-editor-area ul, body.astracia .ws-editor-area ol { padding-left:22px; margin:0 0 10px; }
body.astracia .ws-editor-area a { color:var(--boja-akcent-tekst); }
body.astracia .ws-story-side { position:sticky; top:12px; }
@media (max-width:980px) { body.astracia .ws-founder-grid { grid-template-columns:1fr; } body.astracia .ws-story-side { position:static; } }

/* Korak „Astracia offer“: samo popust preko Astracie. */
body.astracia .ws-offer-note { display:flex; gap:12px; padding:12px 14px; border:1px solid #cfd9de; background:#f7f9f9; border-radius:12px; font-size:13.5px; line-height:1.5; margin:0 0 6px; }
body.astracia .ws-offer-note strong { display:block; margin-bottom:2px; }
/* 8. 10. 2026 — mobilni audit: redovi profila i cenovnika u dve kolone, × desno ispod. */
@media (max-width:720px) {
    body.astracia .ws-row-link, body.astracia .ws-row-plan { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    body.astracia .ws-row [data-row-remove] { grid-column:1 / -1; justify-self:end; width:auto; }
    body.astracia .ws-logo-row { flex-wrap:wrap; }
}

/* 9. 10. 2026 (Marko) — My Startup: jače ivice, roze akcent, desna kolona sa napretkom, Founder i priča kao dve kartice, vrsta ponude. */
body.astracia .ws-start-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:20px; align-items:start; }
body.astracia .ws-start-main { min-width:0; display:grid; gap:18px; }
body.astracia .ws-start-main .ws-start-step, body.astracia .ws-start-main .ws-startup-step, body.astracia .ws-start-main .ws-founder-step { max-width:none; }
body.astracia .ws-start-main .panel, body.astracia .ws-rail-card { border:1px solid #cfd9de; }
body.astracia .ws-start-rail { position:sticky; top:12px; }
body.astracia .ws-rail-card { padding:18px; border-radius:14px; }
body.astracia .ws-rail-card h2 { margin:0 0 2px; font-size:15px; }
body.astracia .ws-rail-card > .tiho { margin:0; font-size:12.5px; }
body.astracia .ws-rail-card .ws-progress { margin:12px 0 14px; }
body.astracia .ws-start-layout .ws-progress > span { background:#f91880; }
body.astracia .ws-rail-steps { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
body.astracia .ws-rail-steps li { display:flex; gap:10px; align-items:flex-start; }
body.astracia .ws-rail-steps li > div { min-width:0; display:flex; flex-direction:column; gap:2px; }
body.astracia .ws-rail-steps a { font-weight:650; font-size:13px; color:#0f1419; text-decoration:none; }
body.astracia .ws-rail-steps a:hover { color:#1d9bf0; }
body.astracia .ws-rail-steps small { font-size:12px; color:var(--boja-tekst-tiho); line-height:1.4; }
body.astracia .ws-rail-steps .ws-step-mark { flex:none; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; border:1.5px solid #cfd9de; font-size:11px; font-weight:700; color:#536471; background:#fff; }
body.astracia .ws-rail-steps li.is-done .ws-step-mark { background:#f91880; border-color:#f91880; color:#fff; }
body.astracia .ws-rail-steps li.is-done a { color:#536471; font-weight:550; }

/* Celine koraka: vidljiva ivica, roze broj i tanka roze crta levo. */
body.astracia .ws-block { border-color:#cfd9de; box-shadow:inset 3px 0 0 #f91880; }
body.astracia .ws-block > legend > span, body.astracia .ws-block-legend > span { background:#f91880; }
body.astracia .ws-start-main .ws-start-more { border:1px dashed #cfd9de; }
body.astracia .ws-start-main input:not([type=checkbox]):not([type=radio]):not([type=file]), body.astracia .ws-start-main select, body.astracia .ws-start-main textarea,
body.astracia .ws-start-main .ws-editor { border-color:#cfd9de; }
body.astracia .ws-stepper a { border-color:#cfd9de; }
body.astracia .ws-stepper a.is-current { border-color:#f91880; box-shadow:0 0 0 1px #f91880 inset; color:#0f1419; }
body.astracia .ws-stepper a.is-current .ws-step-mark { border-color:#f91880; color:#f91880; }
body.astracia .ws-stepper a.is-done .ws-step-mark { background:#f91880; border-color:#f91880; }

/* Founder: profil i priča su dve odvojene kartice, jedna ispod druge. */
body.astracia .ws-founder-step > h2 { margin:0 0 2px; }
body.astracia .ws-founder-step > .tiho { margin:0 0 14px; }
body.astracia .ws-founder-grid.has-story { grid-template-columns:1fr; gap:18px; }
body.astracia .ws-founder-grid.has-story .ws-story-side { position:static; }
body.astracia .ws-card { padding:20px 22px; border-radius:14px; box-shadow:inset 0 3px 0 #f91880; }
body.astracia .ws-card > h3 { margin:0 0 4px; font-size:16px; }

/* Astracia offer: izbor vrste. */
body.astracia .ws-offer-kinds { border:0; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; }
body.astracia .ws-offer-kinds legend { font-weight:650; font-size:13px; margin-bottom:8px; padding:0; }
body.astracia .ws-start-form label.ws-offer-kind { flex-direction:row; align-items:flex-start; gap:8px; padding:10px 12px; border:1px solid #cfd9de; border-radius:10px; cursor:pointer; background:#fff; }
body.astracia .ws-offer-kind input { margin:2px 0 0; accent-color:#f91880; }
body.astracia .ws-offer-kind span { display:flex; flex-direction:column; gap:2px; }
body.astracia .ws-offer-kind small { font-weight:500; font-size:11.5px; color:var(--boja-tekst-tiho); line-height:1.35; }
body.astracia .ws-offer-kind:hover { background:#f7f9f9; }
body.astracia .ws-offer-kind.is-current { border-color:#f91880; box-shadow:0 0 0 1px #f91880 inset; }
body.astracia [data-kinds][hidden] { display:none !important; }
body.astracia .ws-offer-note { border-color:#f9c4dd; background:#fff5f9; }
body.astracia .ws-offer-note > span[aria-hidden] { color:#f91880; }

@media (max-width:1100px) {
    body.astracia .ws-start-layout { grid-template-columns:1fr; }
    body.astracia .ws-start-rail { position:static; }
}


/* ---- astracia-classification.css ---- */
/* Category and query stay together; optional product filters occupy a separate row. */
body.astracia .directory-page .startups-filteri:has(> .classification-filters) {
    flex-wrap: wrap;
}
body.astracia .startups-filteri > .classification-filters {
    flex: 0 0 100%;
    min-width: 0;
    width: 100%;
    grid-column: 1 / -1;
    order: 4;
}
.classification-filters summary {
    cursor: pointer;
    font-size: .85rem;
    color: var(--boja-tekst-tiho);
    padding: 4px 0;
}
.classification-filters .finder-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
    gap: 12px;
    align-items: end;
    padding: 12px 0 0;
}
body.astracia .classification-filters label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    font-size: .8rem;
}
body.astracia .classification-filters select {
    width: 100%;
    min-width: 0;
}
body.astracia .product-content.has-classification {
    grid-template-columns: minmax(0, 4fr) minmax(210px, 1fr);
    align-items: start;
    gap: 22px;
}
body.astracia .product-content > .product-classification { min-width: 0; padding: 20px; }
.product-classification dl { display: block; margin: 0; font-size: .85rem; }
.product-classification dt { color: var(--boja-tekst-tiho); font-size: .75rem; margin: 15px 0 4px; }
.product-classification dt:first-child { margin-top: 0; }
.product-classification dd { margin: 0; overflow-wrap: anywhere; line-height: 1.6; }
.product-classification .product-filter-details { border-top: 1px solid var(--boja-ivica); margin-top: 18px; padding-top: 18px; }
.classification-estimated { display: table; border: 1px solid var(--boja-ivica); border-radius: 5px; padding: 1px 6px; margin-top: 5px; font-size: .7rem; color: var(--boja-tekst-tiho); }
.classification-note { font-size: .75rem; color: var(--boja-tekst-tiho); line-height: 1.6; margin: 12px 0 0; }
@media (max-width: 760px) {
    body.astracia .product-content.has-classification { grid-template-columns: minmax(0, 1fr); }
}


/* ---- astracia-links.css ---- */
/* 7. 10. 2026 — X paleta: sve što je tekstualni link je plavo (#1d9bf0), da se vidi gde može da se klikne.
   Dugmad (.dugme, .finder-button), meni, tabovi, čipovi i kartice koraka ostaju crni/sivi. Učitava se poslednji. */
body.astracia p a, body.astracia dd a, body.astracia small a, body.astracia .tiho a, body.astracia .panel ul a, body.astracia .panel ol a,
body.astracia .community-table a, body.astracia .directory-table a, body.astracia .story-table a, body.astracia .deals-title a,
body.astracia .deals-post, body.astracia .deals-panel-foot a, body.astracia .deals-back a,
body.astracia .ws-start-actions a, body.astracia .ws-start-head a, body.astracia .ws-start-extra a, body.astracia .ws-locked a, body.astracia .ws-connect-note a,
body.astracia .ws-step-edit, body.astracia .page-status-actions a.tiho, body.astracia .page-editor a:not(.dugme),
body.astracia .startup-story-read, body.astracia .startup-stories a, body.astracia .story-strip-item a, body.astracia .product-alternatives-link a, body.astracia .k-alati a, body.astracia .distribution-name,
body.astracia .finder-note a, body.astracia .finder-text-link, body.astracia .search-clear,
body.astracia .product-facts a, body.astracia .product-back, body.astracia .seo-breadcrumb a, body.astracia .story-crumbs a,
body.astracia .story-sources a, body.astracia .story-endnote a, body.astracia .owner-links a, body.astracia .story-original a:not(.finder-button),
body.astracia .finder-pagination a, body.astracia .exchange-pagination a, body.astracia .page-jump a,
body.astracia .finder-empty a:not(.dugme):not(.finder-button), body.astracia .deals-empty a, body.astracia .ws-link-list a,
body.astracia .product-platform-note + a, body.astracia .product-hero-action .ghost, body.astracia .community-profile-page .profile-back,
body.astracia .podnozje-veze a:hover, body.astracia .header-account-menu a:hover {
    color: #1d9bf0;
}
body.astracia p a:hover, body.astracia dd a:hover, body.astracia small a:hover, body.astracia .tiho a:hover,
body.astracia .community-table a:hover, body.astracia .directory-table a:hover, body.astracia .story-table a:hover, body.astracia .deals-title a:hover,
body.astracia .deals-post:hover, body.astracia .deals-panel-foot a:hover, body.astracia .ws-start-actions a:hover, body.astracia .ws-step-edit:hover,
body.astracia .finder-note a:hover, body.astracia .product-alternatives-link a:hover, body.astracia .story-sources a:hover, body.astracia .owner-links a:hover,
body.astracia .finder-pagination a:hover, body.astracia .exchange-pagination a:hover {
    color: #1a8cd8;
    text-decoration: none;
}
/* Naslovi redova u tabelama: plavi, ali i dalje polucrni po težini. */
body.astracia .community-table a strong, body.astracia .directory-table a strong, body.astracia .deals-title a { font-weight: 600; }
/* Ne dirati: dugmad, meni, tabove, čipove, kartice koraka. */
body.astracia .dugme, body.astracia a.dugme, body.astracia .finder-button, body.astracia a.finder-button, body.astracia .meni a,
body.astracia .workspace-tabs a, body.astracia .ws-stepper a, body.astracia .finder-result-tabs a, body.astracia .people-tabs a, body.astracia .chip, body.astracia a.chip {
    text-decoration: none;
}
body.astracia .dugme, body.astracia a.dugme, body.astracia .finder-button, body.astracia a.finder-button { color: #fff; }
body.astracia .dugme.ghost, body.astracia a.dugme.ghost, body.astracia .finder-button.secondary, body.astracia a.finder-button.secondary { color: #0f1419; }
/* Hover kao na X-u: siva podloga na svemu što može da se klikne, ručica umesto podvlačenja (7. 10. 2026). */
body.astracia a, body.astracia button, body.astracia summary, body.astracia label.connect-choice, body.astracia label:has(> input[type=checkbox]),
body.astracia tr[data-href], body.astracia .ws-stepper a, body.astracia .ws-live-dots a, body.astracia .finder-suggestions a, body.astracia select { cursor: pointer; }
body.astracia a:hover { text-decoration: none; }
body.astracia .meni a:hover, body.astracia .workspace-tabs a:hover, body.astracia .finder-result-tabs a:hover, body.astracia .people-tabs a:hover,
body.astracia .header-account-menu a:hover, body.astracia .podnozje-veze a:hover, body.astracia .chip:hover, body.astracia a.chip:hover,
body.astracia .ws-live-dots a:hover, body.astracia .finder-suggestions a:hover, body.astracia .page-block-actions button:hover { background: rgba(15, 20, 25, .08); }
body.astracia .ws-stepper a:hover, body.astracia .startup-action-grid a:hover, body.astracia .product-alternative:hover, body.astracia .story-strip-item:hover { background: #f7f9f9; border-color: #cfd9de; }
body.astracia .community-table tbody tr:hover td, body.astracia .directory-table tbody tr:hover td, body.astracia .story-table tbody tr:hover td, body.astracia .deals-row:hover td, body.public-workspace .deals-panel .deals-row:hover td { background: #eef1f2; }
body.astracia .dugme:hover, body.astracia a.dugme:hover, body.astracia .finder-button:hover, body.astracia a.finder-button:hover { background: #272c30; color: #fff; }
body.astracia .dugme.ghost:hover, body.astracia a.dugme.ghost:hover, body.astracia .finder-button.secondary:hover, body.astracia a.finder-button.secondary:hover { background: rgba(15, 20, 25, .08); color: #0f1419; }
/* 8. 10. 2026 — Discover: „Product filters“ stoji u istom redu pored pretrage kao dugme, a filteri se otvaraju ispod kao padajući panel. */
body.astracia .directory-page .startups-filteri:has(> .classification-filters) { flex-wrap: nowrap; position: relative; }
body.astracia .startups-filteri > .classification-filters { flex: 0 0 auto; width: auto; order: 3; position: static; }
body.astracia .classification-filters > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid var(--boja-ivica-jaka); border-radius: 10px; font-size: 13px; font-weight: 600; color: var(--boja-tekst); white-space: nowrap; background: #fff; }
body.astracia .classification-filters > summary::-webkit-details-marker { display: none; }
body.astracia .classification-filters > summary::after { content: "⌄"; font-size: 12px; }
body.astracia .classification-filters[open] > summary { background: var(--boja-akcent-fon); }
body.astracia .classification-filters .finder-form-grid { position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; width: min(720px, 100%); background: #fff; border: 1px solid var(--boja-ivica); border-radius: 12px; box-shadow: var(--senka-l); padding: 14px; }
@media (max-width: 760px) { body.astracia .directory-page .startups-filteri:has(> .classification-filters) { flex-wrap: wrap; } body.astracia .classification-filters .finder-form-grid { position: static; width: 100%; box-shadow: none; } }
body.astracia .directory-page .startups-filteri:has(> .classification-filters) { flex-wrap: nowrap !important; }
body.astracia .directory-page .startups-filteri:has(> .classification-filters) .directory-query { flex: 1 1 240px; min-width: 200px; width: auto; }
body.astracia .directory-page .startups-filteri:has(> .classification-filters) .list-search-scope select { max-width: 220px; }
/* Traka pretrage je grid (public-workspace.css): četvrta kolona za dugme filtera, panel ne zauzima ceo red. */
body.astracia .directory-page .startups-filteri:has(> .classification-filters) { grid-template-columns: 240px minmax(0, 1fr) auto auto !important; }
body.astracia .directory-page .startups-filteri > .classification-filters { grid-column: auto !important; width: auto !important; }
/* 8. 10. 2026 — mobilni audit: traka pretrage u dva reda (kategorija; polje; Search + filteri). */
@media (max-width: 760px) {
    body.astracia .directory-page .startups-filteri:has(> .classification-filters) { grid-template-columns: minmax(0, 1fr) auto !important; }
    body.astracia .directory-page .startups-filteri:has(> .classification-filters) .list-search-scope,
    body.astracia .directory-page .startups-filteri:has(> .classification-filters) .directory-query { grid-column: 1 / -1; }
    body.astracia .directory-page .startups-filteri:has(> .classification-filters) .list-search-scope select { max-width: none; width: 100%; }
    body.astracia .directory-page .startups-filteri > .classification-filters { grid-column: auto !important; justify-self: end; }
    body.astracia .classification-filters .finder-form-grid { position: absolute; left: 0; right: 0; width: auto; }
}
/* 8. 10. 2026 — mobilni audit, runda 2: reklama svakih 10 redova, minimalni tekst 12 px, veće dodirne površine, brojke priče u jednu kolonu, izbor fajla kao dugme. */
@media (max-width: 640px) {
    body.astracia .discover-inline-ad:not(.ad-m) { display: none !important; }
    body.astracia small, body.astracia .chip, body.astracia .tiho, body.astracia .community-topics span, body.astracia .directory-summary, body.astracia .deals-title small, body.astracia .deals-col-value small { font-size: 12.5px; }
    body.astracia .zaglavlje .desno a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 12px; }
    body.astracia .podnozje { font-size: 13px; line-height: 2; }
    body.astracia .podnozje-veze a { padding: 6px 2px; display: inline-block; }
    body.astracia .finder-pagination a, body.astracia .paginacija a { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
    body.public-workspace .story-numbers dl, body.public-workspace .story-stats { grid-template-columns: 1fr !important; }
}
/* Izbor fajla (logo, slike, fotografija): sistemsko dugme stilizovano kao naše, na svim širinama. */
body.astracia input[type=file] { font-size: 13px; color: var(--boja-tekst-tiho); }
body.astracia input[type=file]::file-selector-button { font: inherit; font-weight: 600; font-size: 13px; color: #0f1419; background: #fff; border: 1px solid var(--boja-ivica-jaka); border-radius: 10px; padding: 8px 12px; margin-right: 10px; cursor: pointer; }
body.astracia input[type=file]::file-selector-button:hover { background: rgba(15, 20, 25, .08); }
/* 8. 10. 2026 — Startup Directories: pretraga i filteri u jednom redu kao na Checklisti. */
body.astracia .distribution-filters { padding: 8px 12px; }
body.astracia .distribution-one-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; }
body.astracia .distribution-one-row label { display: flex; flex-direction: column; gap: 2px; font-size: 11.5px; font-weight: 600; color: var(--boja-tekst-tiho); min-width: 0; }
body.astracia .distribution-one-row label.raste { flex: 1 1 220px; }
body.astracia .distribution-one-row label.raste input { width: 100%; }
body.astracia .distribution-one-row select, body.astracia .distribution-one-row input { padding: 6px 8px; font-size: 13px; min-height: 0; border-radius: 8px; }
body.astracia .distribution-one-row select { max-width: 170px; }
body.astracia .distribution-one-row button { padding: 7px 12px; font-size: 13px; }
body.astracia .distribution-results-heading [data-directory-note]:empty { display: none; }
body.astracia .distribution-one-row label.raste { flex: 1 1 260px; max-width: 560px; }
body.astracia .distribution-one-row select { min-width: 120px; max-width: 200px; }
body.astracia .distribution-one-row label:has(select[name=rating]) select { min-width: 84px; }
body.astracia .distribution-one-row label:has(select[name=category]) select { min-width: 180px; }
/* 8. 10. 2026 — People / Hire experts / Media: cela traka pretrage u jednom redu (scope · network · topic · polje · Search). */
body.public-workspace .compact-catalog .startups-filteri.list-search { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 8px; }
body.public-workspace .compact-catalog .community-filter-controls { display: contents; }
body.public-workspace .compact-catalog .list-search .list-search-scope select { min-width: 150px; max-width: 240px; height: 40px; }
body.public-workspace .compact-catalog .list-search .list-search-network select { min-width: 130px; height: 40px; }
body.public-workspace .compact-catalog .list-search .polje-ikona { flex: 1 1 200px; min-width: 160px; }
body.public-workspace .compact-catalog .list-search button { white-space: nowrap; }
@media (max-width: 900px) { body.public-workspace .compact-catalog .startups-filteri.list-search { flex-wrap: wrap; } body.public-workspace .compact-catalog .list-search .polje-ikona { flex-basis: 100%; } }

/* 8. 10. 2026: traka filtera checkliste — polje pretrage iste visine kao padajuće liste (opšte pravilo za dodir daje min-height 40), dugme u istoj liniji. */
body.astracia .checklist-alatke .filteri label.raste input[type=search], body.astracia .checklist-alatke .filteri label select { min-height: 32px; height: 32px; }
body.astracia .checklist-alatke .filteri label { margin: 0; padding: 0; }
body.astracia .checklist-alatke .filteri button { margin: 0; min-height: 32px; height: 32px; align-self: flex-end; }

/* ===== Runda 17 (8. 10. 2026, Marko) — jedna traka pretrage svuda: polje prvo, pa izbori, pa dugme; sve 34 px ===== */
body.astracia .startups-filteri, body.astracia .list-search, body.astracia .finder-filter, body.astracia .distribution-filter-row, body.astracia .checklist-alatke .filteri {
  display: flex !important; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 0 !important; margin: 0 0 16px; background: transparent !important; border: 0 !important; box-shadow: none !important; grid-template-columns: none !important; width: 100%;
}
body.astracia .distribution-filters, body.astracia .panel.checklist-alatke { padding: 0; margin: 0 0 16px; background: transparent; border: 0; box-shadow: none; }
body.astracia .startups-filteri .directory-query, body.astracia .list-search .directory-query, body.astracia .finder-filter > label:has(input[type=search]), body.astracia .finder-filter > .directory-query, body.astracia .distribution-filter-row > label.raste, body.astracia .checklist-alatke .filteri > label.raste {
  order: -2; flex: 1 1 320px !important; min-width: 180px; width: auto; margin: 0 !important; padding: 0;
}
body.astracia .startups-filteri .list-search-scope, body.astracia .list-search .list-search-network, body.astracia .list-search .community-filter-controls, body.astracia .list-search .list-search-options, body.astracia .finder-filter > label:has(select), body.astracia .distribution-filter-row > label:not(.raste), body.astracia .checklist-alatke .filteri > label:not(.raste) {
  order: 0; flex: 0 1 180px !important; min-width: 0; width: auto; margin: 0 !important; padding: 0;
}
body.astracia .list-search .community-filter-controls { display: flex; gap: 8px; flex: 0 1 auto !important; }
body.astracia .list-search .community-filter-controls label { flex: 0 1 170px; margin: 0; }
body.astracia .startups-filteri > .classification-filters { order: 1 !important; flex: none !important; }
body.astracia .startups-filteri > button, body.astracia .list-search > button, body.astracia .finder-filter > button, body.astracia .finder-filter > .finder-button, body.astracia .distribution-filter-row > button, body.astracia .checklist-alatke .filteri > button { order: 5; flex: none; margin: 0 !important; align-self: center; }
body.astracia .startups-filteri input[type=search], body.astracia .startups-filteri select, body.astracia .startups-filteri > button, body.astracia .startups-filteri .classification-filters > summary,
body.astracia .finder-filter input[type=search], body.astracia .finder-filter select, body.astracia .finder-filter > button, body.astracia .finder-filter > .finder-button,
body.astracia .distribution-filter-row input[type=search], body.astracia .distribution-filter-row select, body.astracia .distribution-filter-row > button,
body.astracia .checklist-alatke .filteri input[type=search], body.astracia .checklist-alatke .filteri select, body.astracia .checklist-alatke .filteri > button {
  height: 34px !important; min-height: 34px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 13px; box-sizing: border-box; width: 100%;
}
body.astracia .startups-filteri > button, body.astracia .finder-filter > button, body.astracia .finder-filter > .finder-button, body.astracia .distribution-filter-row > button, body.astracia .checklist-alatke .filteri > button { width: auto; padding: 0 14px !important; white-space: nowrap; }
body.astracia .finder-filter label, body.astracia .distribution-filter-row label, body.astracia .checklist-alatke .filteri label { display: block; font-size: 0; line-height: 0; }
body.astracia .finder-filter label > input, body.astracia .finder-filter label > select, body.astracia .distribution-filter-row label > input, body.astracia .distribution-filter-row label > select, body.astracia .checklist-alatke .filteri label > input, body.astracia .checklist-alatke .filteri label > select { font-size: 13px; line-height: normal; display: block; }
body.astracia .list-search .list-search-options { display: flex; align-items: center; }
body.astracia .list-search .list-search-check { font-size: 12px; white-space: nowrap; }
@media (max-width: 760px) {
  body.astracia .startups-filteri, body.astracia .list-search, body.astracia .finder-filter, body.astracia .distribution-filter-row, body.astracia .checklist-alatke .filteri { flex-wrap: wrap; }
  body.astracia .startups-filteri .directory-query, body.astracia .list-search .directory-query, body.astracia .finder-filter > label:has(input[type=search]), body.astracia .distribution-filter-row > label.raste, body.astracia .checklist-alatke .filteri > label.raste { flex-basis: 100% !important; }
  body.astracia .startups-filteri .list-search-scope, body.astracia .finder-filter > label:has(select), body.astracia .distribution-filter-row > label:not(.raste), body.astracia .checklist-alatke .filteri > label:not(.raste) { flex: 1 1 45% !important; }
}

/* ===== Runda 17 — jedna paginacija svuda (kao Discover, tanja): strana + ukupno, Previous, brojevi, Next, polje Go to page ===== */
body.astracia .paginacija, body.astracia .finder-pagination, body.astracia .exchange-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 18px 0 0; padding: 0; font-size: 13px; background: transparent; border: 0; }
body.astracia .paginacija > a, body.astracia .paginacija > span.aktivna, body.astracia .finder-pagination > a, body.astracia .finder-pagination > span.aktivna, body.astracia .exchange-pagination > a, body.astracia .exchange-pagination > span.aktivna {
  display: inline-flex; align-items: center; justify-content: center; min-width: 32px !important; min-height: 32px !important; height: 32px; padding: 0 10px; border: 1px solid #eff3f4; border-radius: 8px; background: #fff; color: #0f1419; font-weight: 500; text-decoration: none; line-height: 1;
}
body.astracia .paginacija > a:hover, body.astracia .finder-pagination > a:hover, body.astracia .exchange-pagination > a:hover { background: #f7f9f9; border-color: #cfd9de; color: #0f1419; }
body.astracia .paginacija [aria-current=page], body.astracia .paginacija > span.aktivna, body.astracia .finder-pagination [aria-current=page], body.astracia .exchange-pagination [aria-current=page] { background: #0f1419 !important; border-color: #0f1419 !important; color: #fff !important; font-weight: 700; cursor: default; }
body.astracia .paginacija .paginacija-tacke, body.astracia .paginacija > span[aria-hidden=true] { color: #536471; padding: 0 2px; }
body.astracia .paginacija .directory-page-summary, body.astracia .finder-pagination > span:not(.aktivna):not([aria-hidden]) { margin-right: auto; color: #536471; font-variant-numeric: tabular-nums; white-space: nowrap; padding: 0; }
body.astracia .paginacija .page-jump, body.astracia .finder-pagination .page-jump, body.astracia .finder-pagination form { display: flex; align-items: center; gap: 6px; margin: 0 0 0 6px; flex-wrap: nowrap; }
body.astracia .paginacija .page-jump label, body.astracia .finder-pagination form label { display: none; }
body.astracia .paginacija .page-jump input[type=number], body.astracia .finder-pagination form input[type=number], body.astracia .directory-pagination input[type=number] { width: 112px !important; height: 32px !important; min-height: 32px !important; margin: 0; padding: 0 10px; font-size: 13px; border: 1px solid #cfd9de; border-radius: 8px; box-sizing: border-box; }
body.astracia .paginacija .page-jump button, body.astracia .finder-pagination form button { height: 32px !important; min-height: 32px !important; margin: 0; padding: 0 12px; font-size: 13px; border-radius: 8px; }
@media (max-width: 600px) { body.astracia .paginacija .directory-page-summary { flex-basis: 100%; } body.astracia .paginacija .page-jump { flex-basis: 100%; margin-left: 0; } }

/* ===== Runda 17 — roze akcenat (X paleta #f91880): znak u logu, tabovi rezultata ===== */
body.astracia .brend-mark { color: #f91880; }
body.astracia .finder-result-tabs a, body.astracia.public-workspace .finder-result-tabs a { color: #f91880; background: #fff; border: 1px solid #fbd0e1; }
body.astracia .finder-result-tabs a:hover, body.astracia.public-workspace .finder-result-tabs a:hover { background: #fdeaf1; color: #f91880; }
body.astracia .finder-result-tabs a[aria-current=page], body.astracia.public-workspace .deals-page .finder-result-tabs a[aria-current=page], body.astracia.public-workspace .finder-result-tabs a[aria-current=page] { background: #f91880; border-color: #f91880; color: #fff; }
body.astracia .finder-result-tabs a span { color: inherit; opacity: .85; }

/* ===== Runda 17 — Founder stories: desna kolona sa tabelama (most read, trending, worth a look) ===== */
.story-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
body.public-workspace .editorial-stories { max-width: 1320px; }
.story-rail { display: grid; gap: 16px; position: static; }
.story-rail .discover-ad-table td { padding: 10px 14px; }
.story-rail .community-person { display: flex; gap: 10px; align-items: center; text-decoration: none; color: #0f1419; min-width: 0; }
.story-rail .community-person .directory-logo { flex: none; width: 32px; height: 32px; font-size: 13px; }
.story-rail .community-person .directory-logo img { width: 32px; height: 32px; }
.story-rail .community-person > span:last-child { display: grid; gap: 2px; min-width: 0; }
.story-rail .community-person strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.story-rail .community-person small { font-size: 12px; color: #536471; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.story-rail tr:hover td { background: #f7f9f9; }
@media (max-width: 1199px) { .story-layout { grid-template-columns: minmax(0, 1fr); } .story-rail { display: none; } }
.story-main { min-width: 0; }
body.astracia .paginacija .page-jump.jedna-strana { display: none; }
/* Runda 17 — paginacija u jednom redu i u užoj koloni Discover-a: tešnji razmaci, bez okvira na „Page X of Y“ i na „…“ */
body.astracia .paginacija, body.astracia .finder-pagination { gap: 5px; }
body.astracia .paginacija > span.directory-page-summary, body.astracia .paginacija > span.paginacija-tacke { border: 0 !important; background: transparent !important; padding: 0 2px !important; min-height: 0 !important; min-width: 0 !important; font-size: 12px; box-shadow: none !important; }
body.astracia .paginacija > span.directory-page-summary { margin-right: auto; }
body.astracia .paginacija > a, body.astracia .paginacija > span.aktivna, body.astracia .finder-pagination > a { min-width: 30px !important; padding: 0 8px; }
body.astracia .paginacija .page-jump input[type=number], body.astracia .finder-pagination form input[type=number], body.astracia .directory-pagination input[type=number] { width: 92px !important; }
body.astracia .paginacija .page-jump button, body.astracia .finder-pagination form button { padding: 0 10px; }
body.astracia .paginacija .page-jump input[type=number], body.astracia .finder-pagination form input[type=number], body.astracia .directory-pagination input[type=number] { width: 106px !important; font-size: 12px; padding: 0 8px; }

/* ===== Runda 18 (8. 10. 2026, Marko) — „Tell your story“ u liniji sa trakom; na hover ostaje crno sa belim slovima ===== */
body.astracia .story-filter > .finder-button, body.astracia .finder-filter > .finder-button { align-self: center; display: inline-flex; align-items: center; height: 34px !important; min-height: 34px !important; padding: 0 14px !important; margin: 0 !important; background: #0f1419 !important; color: #fff !important; border: 1px solid #0f1419 !important; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1; }
body.astracia .story-filter > .finder-button:hover, body.astracia .finder-filter > .finder-button:hover, body.astracia .story-filter > .finder-button:focus-visible { background: #272c30 !important; border-color: #272c30 !important; color: #fff !important; }
/* ===== Runda 18 — kolona Deal: samo naslov, najviše dva reda (unos je ograničen na 90 znakova) ===== */
body.astracia .deals-table .deals-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; }


/* ---- astracia-profile-network.css ---- */
.profile-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0;min-width:0}
.profile-network-group{padding:22px;background:var(--povrsina,#fff);border:1px solid var(--ivica,#dde4df);border-radius:16px;min-width:0}
.profile-network-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.profile-network-heading h2{font-size:1.13rem;margin:0;line-height:1.4;overflow-wrap:anywhere}
.profile-network-heading>a{font-size:.78rem;white-space:nowrap;color:var(--akcenat,#0f7664)}
.profile-network-description{font-size:.82rem;line-height:1.6;color:var(--muted,#5f6963);margin:10px 0 14px}
.profile-network-items{list-style:none;padding:0;margin:0}
.profile-network-items>li{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--ivica,#e3e9e5);padding:14px 0}
.profile-network-items>li:last-child{padding-bottom:0}
.profile-network-copy{min-width:0;flex:1}.profile-network-copy h3{font-size:.94rem;line-height:1.4;margin:0 0 4px}
.profile-network-copy a{color:var(--akcenat,#0f7664);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.profile-network-copy p{font-size:.8rem;line-height:1.55;margin:0 0 5px;overflow-wrap:anywhere}
.profile-network-copy small{font-size:.7rem;color:var(--muted,#66736b);overflow-wrap:anywhere}
.profile-network-meta{display:flex;align-items:flex-end;flex-direction:column;gap:7px;font-size:.69rem;max-width:105px;text-align:right}
.profile-network-pricing{padding:3px 8px;background:#edf5f0;border:1px solid #d5e5da;border-radius:20px;color:#235841}
.profile-network-meta time{color:var(--muted,#66736b)}
@media(max-width:760px){.profile-network{grid-template-columns:minmax(0,1fr);gap:14px}.profile-network-group{padding:17px}.profile-network-heading{gap:8px}.profile-network-copy h3{font-size:1rem}}
.profile-network-group[data-network-group="alternatives"]{grid-column:1/-1;scroll-margin-top:90px}
.profile-network-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.profile-network-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:.8rem;text-align:left}
.profile-network-table th,.profile-network-table td{border-top:1px solid var(--ivica,#e3e9e5);padding:14px 10px;vertical-align:top;overflow-wrap:anywhere}
.profile-network-table thead th{font-size:.7rem;color:var(--muted,#5f6963);font-weight:600;background:var(--povrsina-tiha,#f6f8f6)}
.profile-network-table th:first-child{width:48%}.profile-network-table th:nth-child(2){width:32%}.profile-network-table th:nth-child(3){width:20%}
.profile-network-table tbody th{font-weight:400}.profile-network-table .profile-network-pricing{display:inline-block;font-size:.72rem}
.profile-network-table time{display:block;font-size:.7rem;margin-top:8px;color:var(--muted,#5f6963)}
.profile-network-unknown,.profile-network-empty{color:var(--muted,#5f6963)}
.profile-network-note{font-size:.72rem;line-height:1.6;color:var(--muted,#5f6963);margin:12px 0 0}
.profile-network-note a{color:inherit;text-decoration:underline}
@media(max-width:560px){.profile-network-table{min-width:460px}.profile-network-table th,.profile-network-table td{padding:12px 8px}.profile-network-group{padding:14px}}
#network-alternatives{scroll-margin-top:90px}
.profile-network-scroll-hint{display:none}
.profile-network-table-wrap:focus-visible{outline:2px solid var(--akcenat,#0f7664);outline-offset:3px}
@media(max-width:560px){.profile-network-scroll-hint{display:block;font-size:.72rem;color:var(--muted,#5f6963);margin:8px 0}}
/* 10. 10. 2026: jedna kolona — logo, ime i opis; roze crta na vrhu svake tabele kao na ostatku sajta. */
.profile-network-group{border-top:3px solid #f91880}
.profile-network-table th:first-child{width:auto}
.profile-network-table tbody th.profile-network-copy{display:flex;align-items:flex-start;gap:12px}
.profile-network-logo{flex:0 0 40px;width:40px;height:40px;border-radius:10px;border:1px solid #eff3f4;background:#fdeaf1;color:#c4105f;display:grid;place-items:center;overflow:hidden;font-weight:700;font-size:16px}
.profile-network-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.profile-network-text{min-width:0;flex:1}
.profile-network-text p{margin:2px 0 0}
@media(max-width:560px){.profile-network-table{min-width:0}}
body .profile-network-table tbody th.profile-network-copy{background:#fff;align-items:center}
body .profile-network-text h3,body .profile-network-text h4{margin:0;line-height:1.35}
body .profile-network-table tbody tr:hover th.profile-network-copy{background:#f7f9f9}


/* ---- astracia-category-directory.css ---- */
.category-directory{max-width:1280px;margin:0 auto;padding:12px 0 40px;color:#233530}
.category-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:22px 0}
.category-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#5b756b}
.category-header h1{font-size:30px;line-height:1.2;margin:8px 0 12px;letter-spacing:-.025em}
.category-header p{max-width:680px;line-height:1.6;color:#65736d;margin:0}
.category-search-all{white-space:nowrap;border:1px solid #ccded6;border-radius:8px;padding:10px 14px;color:#116b56;font-size:13px;text-decoration:none}
.category-stats{display:flex;flex-wrap:wrap;gap:14px 30px;border-top:1px solid #e0e9e3;border-bottom:1px solid #e0e9e3;padding:18px 0;margin-bottom:24px;font-size:13px;color:#65736d}
.category-stats strong{font-size:20px;letter-spacing:-.02em;color:#223c32;margin-right:5px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.category-card{border:1px solid #dce7df;border-radius:12px;background:#fff;padding:20px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s}
.category-card:hover{border-color:#74ac94}
.category-card-top{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
.category-card h2{font-size:17px;line-height:1.35;margin:0}
.category-card h2 a{text-decoration:none;color:#183e2f}
.category-count{font-size:11px;white-space:nowrap;background:#f0f6f2;padding:4px 7px;border-radius:6px;color:#46715c}
.category-card p{font-size:12px;line-height:1.65;color:#69766e;margin:12px 0}
.category-preview{list-style:none;padding:0;margin:0 0 18px;font-size:12px;line-height:1.8}
.category-preview a{color:#446854;text-decoration:none}
.category-preview a:hover,.category-card h2 a:hover{text-decoration:underline}
.category-card-more{font-size:11px;color:#147256;margin-top:auto;border-top:1px solid #edf1ed;padding-top:13px;text-decoration:none}
.category-scope{font-size:12px;line-height:1.7;color:#637269;margin:20px 0}
.category-scope a,.category-reviewed a,.category-results-head a{color:#116d53}
.category-reviewed{margin-top:32px;padding-top:22px;border-top:1px solid #dfe7e1}
.category-reviewed h2{font-size:18px;margin:0 0 10px}
.category-reviewed p{font-size:12px;color:#68766c;line-height:1.6}
.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
.category-chips a{display:flex;align-items:center;gap:12px;max-width:100%;padding:8px 11px;background:#fff;border:1px solid #dce7df;border-radius:8px;font-size:12px;color:#355943;text-decoration:none}
.category-chips a:hover{background:#f1f7f2;border-color:#8ab89e}
.category-chips small{color:#718575;font-size:10px;white-space:nowrap}
.category-form{padding:18px;background:#f4f7f3;border:1px solid #dce7df;border-radius:10px}
.category-search{display:flex;gap:10px}
.category-search .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.category-search input{flex:1;min-width:0;border:1px solid #cbdacf;border-radius:6px;padding:10px 12px;background:#fff;font-size:13px}
.category-form button{flex:none;border:1px solid #a4c8b3;border-radius:6px;background:#fff;padding:9px 16px;color:#245b40;font-size:12px;cursor:pointer}
.category-filters{margin-top:15px;font-size:12px}
.category-filters summary{cursor:pointer;font-weight:600;color:#44624e}
.category-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.category-filter-grid label{min-width:0;display:grid;gap:7px;font-size:11px}
.category-filter-grid select{width:100%;min-width:0;font-size:12px;padding:8px;border:1px solid #cddbd0;border-radius:5px;background:#fff}
.category-filter-note{font-size:11px;color:#66786b;line-height:1.5}
.category-results-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 12px}
.category-results-head h2{font-size:18px;margin:0}
.category-results-head>span{font-size:12px;color:#6b776f}
.category-results-head>a{font-size:12px;margin-left:auto}
.category-product-table{table-layout:fixed;width:100%}
.category-product-table th:first-child{width:60%}
.category-product-table th:nth-child(2){width:22%}
.category-product-table td{overflow-wrap:anywhere}
.category-product-table td>a{font-size:11px;color:#427052}
.category-product-table .directory-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:11px;line-height:1.55;max-width:none}
.category-product-table .directory-name{min-width:0}
.category-product-table .classification-estimated{display:block;margin-top:5px}
.category-pagination{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:20px 0;font-size:12px}
.category-pagination>span:first-child{margin-right:auto;color:#617368}
.category-pagination a,.category-pagination .active{padding:6px 9px;border:1px solid #d9e5dc;border-radius:5px;text-decoration:none;color:#366248}
.category-pagination .active{background:#235b40;color:#fff}
.category-empty{padding:36px 20px;border:1px dashed #c6d8ca;border-radius:10px;text-align:center;font-size:13px}
.category-entry{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:12px;margin:8px 0 18px;padding:12px 16px;border:1px solid #dbe8df;background:#f5f8f4;border-radius:8px}
.category-entry a{color:#286245;font-weight:600;text-decoration:none}
.category-entry span{color:#728076;font-size:11px}
/* 13. 10. 2026: „What Astracia tracks“ (DataTotals) */
.category-tracks{margin-top:22px;padding:16px 18px;background:#fff;border:1px solid #cfd9de;border-radius:14px}
.category-tracks-total{font-size:13px;color:#4c5a52;margin:0 0 12px}
.category-tracks-total strong{font-size:18px;color:#16261d}
.category-tracks .directory-table.category-tracks-table{width:100%;min-width:0}
.category-tracks-table td,.category-tracks-table th{vertical-align:top}
.category-tracks-table td a{color:#116d53}
.category-tracks-count{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.category-tracks-section th,.category-tracks-section td{background:#f5f8f4;font-weight:700;text-align:left}
.category-tracks-section td.category-tracks-count{text-align:right}
@media(max-width:600px){.category-tracks{padding:12px}.category-tracks-table td:nth-child(3){font-size:11px}}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.category-grid{grid-template-columns:minmax(0,1fr)}.category-header{flex-direction:column;gap:16px}.category-header h1{font-size:25px}.category-stats{gap:12px 18px}.category-stats strong{font-size:18px}.category-card{padding:17px}.category-form{padding:12px}.category-chips a{font-size:11px}.category-product-table th:first-child{width:70%}.category-product-table th:nth-child(2){width:30%}.category-product-table th:nth-child(3),.category-product-table td:nth-child(3){display:none}.category-pagination>span:first-child{width:100%;margin-bottom:7px}.category-directory .community-table-wrap{min-width:0}.category-directory .directory-table{min-width:0}.category-directory .directory-name strong{white-space:normal}.category-directory .directory-product{gap:8px}}


/* ---- astracia-category-icons.css ---- */
/* GENERISANO iz static/images/category-icons/icons.txt (Lucide ikonice, ISC). Ikonica = maska u boji teksta, radi u obe teme. */
.category-icon{display:inline-block;flex:none;width:1.15em;height:1.15em;vertical-align:-0.2em;background-color:currentColor;-webkit-mask:var(--ci) center/contain no-repeat;mask:var(--ci) center/contain no-repeat}
.category-icon-lg{width:1.6em;height:1.6em}
.category-card-top h2 a,.category-preview a,.category-chips a,.profile-network-text h3 a{display:inline-flex;align-items:center;gap:.4em}
.site-link-visual{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.6em;height:1.6em;border-radius:50%;overflow:hidden;background:color-mix(in srgb,currentColor 10%,transparent);font-size:.8em;font-weight:600}
.site-link-visual img{width:100%;height:100%;object-fit:cover}
.category-chips a .site-link-visual{margin-right:.15em}
.profile-network-logo .category-icon{width:1.4em;height:1.4em}
.ci-accessibility{--ci:url(/images/category-icons/accessibility.svg)}
.ci-activity{--ci:url(/images/category-icons/activity.svg)}
.ci-app-window{--ci:url(/images/category-icons/app-window.svg)}
.ci-at-sign{--ci:url(/images/category-icons/at-sign.svg)}
.ci-award{--ci:url(/images/category-icons/award.svg)}
.ci-baby{--ci:url(/images/category-icons/baby.svg)}
.ci-backpack{--ci:url(/images/category-icons/backpack.svg)}
.ci-badge-check{--ci:url(/images/category-icons/badge-check.svg)}
.ci-badge-dollar-sign{--ci:url(/images/category-icons/badge-dollar-sign.svg)}
.ci-banknote{--ci:url(/images/category-icons/banknote.svg)}
.ci-bitcoin{--ci:url(/images/category-icons/bitcoin.svg)}
.ci-blocks{--ci:url(/images/category-icons/blocks.svg)}
.ci-book-lock{--ci:url(/images/category-icons/book-lock.svg)}
.ci-book-open{--ci:url(/images/category-icons/book-open.svg)}
.ci-book-open-check{--ci:url(/images/category-icons/book-open-check.svg)}
.ci-book-text{--ci:url(/images/category-icons/book-text.svg)}
.ci-bot{--ci:url(/images/category-icons/bot.svg)}
.ci-box{--ci:url(/images/category-icons/box.svg)}
.ci-boxes{--ci:url(/images/category-icons/boxes.svg)}
.ci-brain{--ci:url(/images/category-icons/brain.svg)}
.ci-brain-circuit{--ci:url(/images/category-icons/brain-circuit.svg)}
.ci-briefcase{--ci:url(/images/category-icons/briefcase.svg)}
.ci-briefcase-business{--ci:url(/images/category-icons/briefcase-business.svg)}
.ci-bug{--ci:url(/images/category-icons/bug.svg)}
.ci-building{--ci:url(/images/category-icons/building.svg)}
.ci-building-2{--ci:url(/images/category-icons/building-2.svg)}
.ci-calculator{--ci:url(/images/category-icons/calculator.svg)}
.ci-calendar{--ci:url(/images/category-icons/calendar.svg)}
.ci-calendar-days{--ci:url(/images/category-icons/calendar-days.svg)}
.ci-calendar-heart{--ci:url(/images/category-icons/calendar-heart.svg)}
.ci-chart-candlestick{--ci:url(/images/category-icons/chart-candlestick.svg)}
.ci-chart-column{--ci:url(/images/category-icons/chart-column.svg)}
.ci-chart-line{--ci:url(/images/category-icons/chart-line.svg)}
.ci-chef-hat{--ci:url(/images/category-icons/chef-hat.svg)}
.ci-clapperboard{--ci:url(/images/category-icons/clapperboard.svg)}
.ci-clipboard-check{--ci:url(/images/category-icons/clipboard-check.svg)}
.ci-clipboard-list{--ci:url(/images/category-icons/clipboard-list.svg)}
.ci-clipboard-plus{--ci:url(/images/category-icons/clipboard-plus.svg)}
.ci-cloud{--ci:url(/images/category-icons/cloud.svg)}
.ci-code{--ci:url(/images/category-icons/code.svg)}
.ci-cog{--ci:url(/images/category-icons/cog.svg)}
.ci-contact{--ci:url(/images/category-icons/contact.svg)}
.ci-contact-round{--ci:url(/images/category-icons/contact-round.svg)}
.ci-container{--ci:url(/images/category-icons/container.svg)}
.ci-cpu{--ci:url(/images/category-icons/cpu.svg)}
.ci-credit-card{--ci:url(/images/category-icons/credit-card.svg)}
.ci-database{--ci:url(/images/category-icons/database.svg)}
.ci-dices{--ci:url(/images/category-icons/dices.svg)}
.ci-dumbbell{--ci:url(/images/category-icons/dumbbell.svg)}
.ci-eye-off{--ci:url(/images/category-icons/eye-off.svg)}
.ci-factory{--ci:url(/images/category-icons/factory.svg)}
.ci-file-check{--ci:url(/images/category-icons/file-check.svg)}
.ci-file-text{--ci:url(/images/category-icons/file-text.svg)}
.ci-files{--ci:url(/images/category-icons/files.svg)}
.ci-film{--ci:url(/images/category-icons/film.svg)}
.ci-flag{--ci:url(/images/category-icons/flag.svg)}
.ci-flask-conical{--ci:url(/images/category-icons/flask-conical.svg)}
.ci-gamepad-2{--ci:url(/images/category-icons/gamepad-2.svg)}
.ci-gauge{--ci:url(/images/category-icons/gauge.svg)}
.ci-git-branch{--ci:url(/images/category-icons/git-branch.svg)}
.ci-git-merge{--ci:url(/images/category-icons/git-merge.svg)}
.ci-globe{--ci:url(/images/category-icons/globe.svg)}
.ci-graduation-cap{--ci:url(/images/category-icons/graduation-cap.svg)}
.ci-hammer{--ci:url(/images/category-icons/hammer.svg)}
.ci-hand-coins{--ci:url(/images/category-icons/hand-coins.svg)}
.ci-hand-heart{--ci:url(/images/category-icons/hand-heart.svg)}
.ci-handshake{--ci:url(/images/category-icons/handshake.svg)}
.ci-hard-drive{--ci:url(/images/category-icons/hard-drive.svg)}
.ci-hard-hat{--ci:url(/images/category-icons/hard-hat.svg)}
.ci-headphones{--ci:url(/images/category-icons/headphones.svg)}
.ci-headset{--ci:url(/images/category-icons/headset.svg)}
.ci-heart{--ci:url(/images/category-icons/heart.svg)}
.ci-heart-handshake{--ci:url(/images/category-icons/heart-handshake.svg)}
.ci-heart-pulse{--ci:url(/images/category-icons/heart-pulse.svg)}
.ci-hotel{--ci:url(/images/category-icons/hotel.svg)}
.ci-house{--ci:url(/images/category-icons/house.svg)}
.ci-house-plug{--ci:url(/images/category-icons/house-plug.svg)}
.ci-id-card{--ci:url(/images/category-icons/id-card.svg)}
.ci-image{--ci:url(/images/category-icons/image.svg)}
.ci-images{--ci:url(/images/category-icons/images.svg)}
.ci-inbox{--ci:url(/images/category-icons/inbox.svg)}
.ci-kanban{--ci:url(/images/category-icons/kanban.svg)}
.ci-key-round{--ci:url(/images/category-icons/key-round.svg)}
.ci-landmark{--ci:url(/images/category-icons/landmark.svg)}
.ci-languages{--ci:url(/images/category-icons/languages.svg)}
.ci-layers{--ci:url(/images/category-icons/layers.svg)}
.ci-layout-dashboard{--ci:url(/images/category-icons/layout-dashboard.svg)}
.ci-layout-template{--ci:url(/images/category-icons/layout-template.svg)}
.ci-leaf{--ci:url(/images/category-icons/leaf.svg)}
.ci-library{--ci:url(/images/category-icons/library.svg)}
.ci-life-buoy{--ci:url(/images/category-icons/life-buoy.svg)}
.ci-list-checks{--ci:url(/images/category-icons/list-checks.svg)}
.ci-lock{--ci:url(/images/category-icons/lock.svg)}
.ci-luggage{--ci:url(/images/category-icons/luggage.svg)}
.ci-mail{--ci:url(/images/category-icons/mail.svg)}
.ci-map{--ci:url(/images/category-icons/map.svg)}
.ci-megaphone{--ci:url(/images/category-icons/megaphone.svg)}
.ci-message-circle{--ci:url(/images/category-icons/message-circle.svg)}
.ci-message-square{--ci:url(/images/category-icons/message-square.svg)}
.ci-messages-square{--ci:url(/images/category-icons/messages-square.svg)}
.ci-mic{--ci:url(/images/category-icons/mic.svg)}
.ci-microscope{--ci:url(/images/category-icons/microscope.svg)}
.ci-mouse-pointer-click{--ci:url(/images/category-icons/mouse-pointer-click.svg)}
.ci-music{--ci:url(/images/category-icons/music.svg)}
.ci-navigation{--ci:url(/images/category-icons/navigation.svg)}
.ci-network{--ci:url(/images/category-icons/network.svg)}
.ci-newspaper{--ci:url(/images/category-icons/newspaper.svg)}
.ci-notebook{--ci:url(/images/category-icons/notebook.svg)}
.ci-notebook-pen{--ci:url(/images/category-icons/notebook-pen.svg)}
.ci-package{--ci:url(/images/category-icons/package.svg)}
.ci-palette{--ci:url(/images/category-icons/palette.svg)}
.ci-paw-print{--ci:url(/images/category-icons/paw-print.svg)}
.ci-pen-line{--ci:url(/images/category-icons/pen-line.svg)}
.ci-pen-tool{--ci:url(/images/category-icons/pen-tool.svg)}
.ci-phone{--ci:url(/images/category-icons/phone.svg)}
.ci-piggy-bank{--ci:url(/images/category-icons/piggy-bank.svg)}
.ci-plane{--ci:url(/images/category-icons/plane.svg)}
.ci-presentation{--ci:url(/images/category-icons/presentation.svg)}
.ci-printer{--ci:url(/images/category-icons/printer.svg)}
.ci-puzzle{--ci:url(/images/category-icons/puzzle.svg)}
.ci-radar{--ci:url(/images/category-icons/radar.svg)}
.ci-radio{--ci:url(/images/category-icons/radio.svg)}
.ci-receipt{--ci:url(/images/category-icons/receipt.svg)}
.ci-scale{--ci:url(/images/category-icons/scale.svg)}
.ci-scan{--ci:url(/images/category-icons/scan.svg)}
.ci-school{--ci:url(/images/category-icons/school.svg)}
.ci-search{--ci:url(/images/category-icons/search.svg)}
.ci-send{--ci:url(/images/category-icons/send.svg)}
.ci-server{--ci:url(/images/category-icons/server.svg)}
.ci-server-cog{--ci:url(/images/category-icons/server-cog.svg)}
.ci-server-crash{--ci:url(/images/category-icons/server-crash.svg)}
.ci-share-2{--ci:url(/images/category-icons/share-2.svg)}
.ci-shield{--ci:url(/images/category-icons/shield.svg)}
.ci-shield-check{--ci:url(/images/category-icons/shield-check.svg)}
.ci-shirt{--ci:url(/images/category-icons/shirt.svg)}
.ci-shopping-bag{--ci:url(/images/category-icons/shopping-bag.svg)}
.ci-shopping-cart{--ci:url(/images/category-icons/shopping-cart.svg)}
.ci-signature{--ci:url(/images/category-icons/signature.svg)}
.ci-siren{--ci:url(/images/category-icons/siren.svg)}
.ci-smile{--ci:url(/images/category-icons/smile.svg)}
.ci-star{--ci:url(/images/category-icons/star.svg)}
.ci-stethoscope{--ci:url(/images/category-icons/stethoscope.svg)}
.ci-store{--ci:url(/images/category-icons/store.svg)}
.ci-tag{--ci:url(/images/category-icons/tag.svg)}
.ci-target{--ci:url(/images/category-icons/target.svg)}
.ci-terminal{--ci:url(/images/category-icons/terminal.svg)}
.ci-timer{--ci:url(/images/category-icons/timer.svg)}
.ci-trending-up{--ci:url(/images/category-icons/trending-up.svg)}
.ci-trophy{--ci:url(/images/category-icons/trophy.svg)}
.ci-truck{--ci:url(/images/category-icons/truck.svg)}
.ci-tv{--ci:url(/images/category-icons/tv.svg)}
.ci-umbrella{--ci:url(/images/category-icons/umbrella.svg)}
.ci-user-plus{--ci:url(/images/category-icons/user-plus.svg)}
.ci-user-search{--ci:url(/images/category-icons/user-search.svg)}
.ci-users{--ci:url(/images/category-icons/users.svg)}
.ci-users-round{--ci:url(/images/category-icons/users-round.svg)}
.ci-video{--ci:url(/images/category-icons/video.svg)}
.ci-wallet{--ci:url(/images/category-icons/wallet.svg)}
.ci-warehouse{--ci:url(/images/category-icons/warehouse.svg)}
.ci-watch{--ci:url(/images/category-icons/watch.svg)}
.ci-wheat{--ci:url(/images/category-icons/wheat.svg)}
.ci-workflow{--ci:url(/images/category-icons/workflow.svg)}
.ci-wrench{--ci:url(/images/category-icons/wrench.svg)}
.ci-zap{--ci:url(/images/category-icons/zap.svg)}
.ci-layout-grid{--ci:url(/images/category-icons/layout-grid.svg)}


/* ---- astracia-launch.css ---- */
/* Launch (9. 10. 2026): My Launch ekran, admin red i javne strane. Koristi postojeće tokene iz astracia.css.
   Akcenti: roze #f91880 (X paleta, kao znak u logu) za glas i Try, plavo #1d9bf0 za linkove, medalje zlato/srebro/bronza. */
.launch-page, .startup-launch, .launch-ws { --launch-pink: #f91880; --launch-pink-soft: #fde2ee; --launch-blue: #1d9bf0; --launch-gold: #f6c343; --launch-silver: #d9dee3; --launch-bronze: #d9935a; }
.launch-ws .launch-picker { margin: 0 0 12px; }
.launch-ws .launch-picker select { margin-left: 6px; }
.launch-checks { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.launch-checks li { display: grid; grid-template-columns: 22px 1fr auto; gap: 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--boja-ivica); border-radius: 10px; background: var(--boja-panel); }
.launch-checks li.is-ok { color: var(--boja-tekst-tiho); }
.launch-checks li.is-missing { border-color: var(--boja-ivica-jaka); }
.launch-checks .launch-check-mark { font-weight: 700; line-height: 1.4; }
.launch-checks li.is-ok .launch-check-mark { color: #0a7f4f; }
.launch-checks .launch-check-copy { display: grid; gap: 2px; min-width: 0; }
.launch-checks .launch-check-copy small { color: var(--boja-tekst-tiho); }
.launch-checks li a { white-space: nowrap; color: var(--boja-akcent-tekst); text-decoration: none; }
.launch-checks-compact { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.launch-checks-compact li { grid-template-columns: 16px 1fr; padding: 2px 0; border: 0; background: none; font-size: 0.92em; }
.launch-optional { grid-column: 1 / -1; }
.launch-optional summary { cursor: pointer; color: var(--boja-tekst-tiho); margin-bottom: 8px; }
.launch-optional label { display: block; margin-top: 8px; }
.launch-rules { display: flex; gap: 10px; align-items: flex-start; font-size: 0.95em; }
.launch-rules input { margin-top: 3px; }
.launch-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 18px; margin: 10px 0 14px; }
.launch-facts div { display: grid; gap: 2px; }
.launch-facts dt { font-size: 0.8em; letter-spacing: 0.03em; text-transform: uppercase; color: var(--boja-tekst-tiho); }
.launch-facts dd { margin: 0; }
.launch-status-live { background: #0a7f4f; color: #fff; }
.launch-status-withdrawn, .launch-status-unlisted { background: #b42318; color: #fff; }
.launch-dashboard h3 { margin: 18px 0 6px; font-size: 1em; }
.launch-move { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.launch-withdraw { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--boja-ivica); display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.launch-withdraw label { display: grid; gap: 4px; font-size: 0.9em; color: var(--boja-tekst-tiho); }
.launch-revision { margin-top: 14px; }
.launch-revision summary { cursor: pointer; color: var(--boja-tekst-tiho); }
.launch-public-link a { color: var(--boja-akcent-tekst); text-decoration: none; }
.launch-empty p { max-width: 60ch; }
/* Admin */
.launch-admin table { width: 100%; border-collapse: collapse; font-size: 0.93em; }
.launch-admin th, .launch-admin td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--boja-ivica); vertical-align: top; }
.launch-admin form.inline { display: inline-flex; gap: 6px; align-items: center; }
.launch-admin form.inline input[type=text] { width: 180px; }
.launch-admin .launch-settings { display: flex; gap: 18px; flex-wrap: wrap; align-items: end; margin: 10px 0 18px; }

/* ===== Javne strane: podnavigacija i zaglavlje ===== */
.launch-subnav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--boja-ivica); }
.launch-subnav > a { color: var(--boja-tekst-tiho); text-decoration: none; padding: 6px 2px; border-bottom: 2px solid transparent; }
.launch-subnav > a.is-active { color: var(--boja-tekst); border-bottom-color: var(--launch-pink); font-weight: 600; }
.launch-subnav-aside { margin-left: auto; font-size: 0.9em; color: var(--boja-tekst-tiho); }
.launch-subnav-aside a { color: inherit; }
.launch-subnav-aside a.is-active { color: var(--boja-tekst); font-weight: 600; }
.launch-subnav .launch-cta { margin-left: 8px; background: var(--launch-pink); border-color: var(--launch-pink); color: #fff; }
.launch-subnav .launch-cta:hover { background: #d8126d; border-color: #d8126d; }
.launch-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; align-items: flex-start; margin: 0 0 12px; }
.launch-head h2 { margin: 0 0 4px; font-size: 1.15em; }
.launch-head p { margin: 0; max-width: 70ch; }
.launch-daynav { display: flex; gap: 12px; font-size: 0.92em; flex-wrap: wrap; }
.launch-daynav a { color: var(--launch-blue); text-decoration: none; white-space: nowrap; }
.launch-day-block { margin: 18px 0 0; }
.launch-day-block h3 { font-size: 1em; margin: 0 0 6px; display: flex; gap: 10px; align-items: baseline; }
.launch-day-block h3 a { color: inherit; text-decoration: none; }
.launch-empty-state a, .launch-page .deals-empty a { color: var(--launch-blue); }

/* Dve kolone: lista levo, rezultati desno */
.launch-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.launch-layout.no-rail { grid-template-columns: minmax(0, 1fr); }
.launch-main { min-width: 0; }
@media (max-width: 1100px) { .launch-layout { grid-template-columns: minmax(0, 1fr); } .launch-rail { order: 2; } }

/* ===== Lista proizvoda jednog dana ===== */
.launch-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.launch-card { position: relative; display: grid; grid-template-columns: 28px 48px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--boja-ivica); border-radius: 14px; background: var(--boja-panel); }
.launch-card:hover { border-color: var(--boja-ivica-jaka); background: var(--boja-panel-2); }
.launch-card.has-award.is-gold { border-color: var(--launch-gold); background: #fffaf0; }
.launch-card.has-award.is-silver { border-color: #c4cbd1; background: #f8f9fa; }
.launch-card.has-award.is-bronze { border-color: var(--launch-bronze); background: #fdf5ef; }
.launch-page:not(.launch-results-page) .launch-card:not(.has-award) .launch-card-rank:empty { display: none; }
.launch-card-rank { display: flex; justify-content: center; }
.launch-card-number { color: var(--boja-tekst-slabo); font-weight: 700; font-variant-numeric: tabular-nums; }
.launch-card-logo { width: 48px; height: 48px; flex: none; }
.launch-card-logo img { width: 48px; height: 48px; }
.launch-card-copy { display: grid; gap: 2px; min-width: 0; }
.launch-card-copy strong { font-size: 1em; }
.launch-card-copy small { color: var(--boja-tekst-tiho); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.launch-card-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 2px; }
.launch-card-tags .chip { font-size: 11px; }
.launch-card-link { color: var(--boja-tekst); text-decoration: none; }
.launch-card-link::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
.launch-card-link:hover { color: var(--launch-blue); }
.launch-card-side { position: relative; z-index: 1; display: flex; gap: 10px; align-items: center; justify-self: end; }
.launch-card-comments { display: inline-flex; gap: 4px; align-items: center; color: var(--boja-tekst-tiho); text-decoration: none; font-size: 0.9em; }
.launch-card-comments:hover { color: var(--launch-blue); }
.launch-pill { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 54px; padding: 6px 10px; border: 1px solid var(--launch-pink); border-radius: 12px; color: var(--launch-pink); text-decoration: none; background: #fff; line-height: 1.1; }
.launch-pill strong { font-size: 1.05em; font-variant-numeric: tabular-nums; }
.launch-pill-arrow { font-size: 0.75em; }
.launch-pill:hover { background: var(--launch-pink-soft); }
.launch-pill.is-final { border-color: var(--boja-ivica-jaka); color: var(--boja-tekst); }
.launch-pill.is-showcase { border-color: var(--boja-ivica-jaka); color: var(--boja-tekst-tiho); font-size: 0.85em; }
.launch-chip-pricing { background: var(--boja-panel-2); }
@media (max-width: 640px) {
  .launch-card { grid-template-columns: 40px minmax(0, 1fr) auto; padding: 10px; }
  .launch-card-rank { display: none; }
  .launch-card-logo, .launch-card-logo img { width: 40px; height: 40px; }
}

/* Medalje */
.launch-medal-dot { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; font-size: 12px; font-weight: 800; color: #2b1d00; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.15); flex: none; }
.launch-medal-dot.is-gold { background: linear-gradient(145deg, #ffe08a, #f6c343 60%, #d9a21b); }
.launch-medal-dot.is-silver { background: linear-gradient(145deg, #f3f5f7, #d9dee3 60%, #aeb7bf); color: #1c232a; }
.launch-medal-dot.is-bronze { background: linear-gradient(145deg, #f0bd8f, #d9935a 60%, #b56f36); color: #2b1708; }
.launch-medal-dot.is-top10 { background: #0f1419; color: #fff; font-size: 11px; }
.launch-medal { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.75em; font-weight: 700; margin-right: 6px; letter-spacing: 0.02em; }
.launch-medal.is-gold { background: #F6C343; color: #2B1D00; }
.launch-medal.is-silver { background: #D9DEE3; color: #1C232A; }
.launch-medal.is-bronze { background: #D9935A; color: #2B1708; }
.launch-medal.is-top10 { background: #0F1419; color: #fff; }

/* Desna kolona */
.launch-rail { display: grid; gap: 16px; min-width: 0; }
.launch-rail-block { border: 1px solid var(--boja-ivica); border-radius: 14px; padding: 12px 14px; background: var(--boja-panel); }
.launch-rail-block h3 { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; margin: 0 0 8px; font-size: 0.95em; }
.launch-rail-block h3 a { color: var(--boja-tekst); text-decoration: none; }
.launch-rail-block h3 small { font-size: 0.8em; white-space: nowrap; }
.launch-rail-list, .launch-podium { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.launch-rail-list li, .launch-podium li { display: grid; grid-template-columns: 26px 28px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 4px 0; font-size: 0.92em; }
.launch-rail-list .directory-logo, .launch-podium .directory-logo { width: 28px; height: 28px; font-size: 12px; flex: none; }
.launch-rail-list .directory-logo img, .launch-podium .directory-logo img { width: 28px; height: 28px; }
.launch-rail-list a, .launch-podium a { color: var(--boja-tekst); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.launch-rail-list a:hover, .launch-podium a:hover { color: var(--launch-blue); }
.launch-rail-rank { display: flex; justify-content: center; color: var(--boja-tekst-slabo); font-weight: 700; font-variant-numeric: tabular-nums; font-size: 0.9em; }
.launch-rail-rank .launch-medal-dot { width: 22px; height: 22px; font-size: 11px; }
.launch-rail-score { color: var(--boja-tekst-tiho); font-variant-numeric: tabular-nums; font-size: 0.9em; }
.launch-rail-score::before { content: "▲ "; font-size: 0.75em; color: var(--launch-pink); }
.launch-rail-more { display: inline-block; margin-top: 8px; color: var(--launch-blue); text-decoration: none; font-size: 0.9em; }

/* ===== Rezultati ===== */
.launch-results-picker { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin: 0 0 14px; }
.launch-scope-tabs { display: inline-flex; border: 1px solid var(--boja-ivica-jaka); border-radius: 999px; overflow: hidden; }
.launch-scope-tabs a { padding: 6px 14px; text-decoration: none; color: var(--boja-tekst-tiho); }
.launch-scope-tabs a.is-active { background: var(--launch-pink); color: #fff; }
.launch-results-table h3 { display: flex; gap: 10px; align-items: center; font-size: 1.05em; margin: 10px 0 4px; }
.launch-results-meta { margin: 0 0 10px; }
.launch-rank-list .launch-card-rank { min-width: 28px; }
.launch-groups { margin-top: 26px; }
.launch-groups h3 { font-size: 1.05em; margin: 0 0 10px; display: flex; gap: 10px; align-items: baseline; }
.launch-group-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.launch-group-card { border: 1px solid var(--boja-ivica); border-radius: 14px; padding: 12px 14px; background: var(--boja-panel); }
.launch-group-card h4 { margin: 0 0 8px; font-size: 0.95em; display: grid; gap: 2px; }
.launch-group-card h4 a { color: var(--boja-tekst); text-decoration: none; }
.launch-group-card h4 a:hover { color: var(--launch-blue); }
.launch-group-card h4 small { font-size: 0.8em; font-weight: 400; }
.launch-recent-days { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.launch-recent-days a { color: var(--launch-blue); text-decoration: none; }

/* ===== Strana događaja ===== */
.launch-crumbs { display: flex; gap: 8px; flex-wrap: wrap; font-size: 0.88em; color: var(--boja-tekst-tiho); margin: 0 0 14px; }
.launch-crumbs a { color: var(--launch-blue); text-decoration: none; }
.launch-hero { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 18px 20px; border: 1px solid var(--boja-ivica); border-radius: 18px; background: linear-gradient(180deg, #fff 0%, var(--boja-panel-2) 100%); margin-bottom: 20px; }
.launch-hero-logo { width: 80px; height: 80px; font-size: 2em; border-radius: 18px; }
.launch-hero-logo img { width: 80px; height: 80px; border-radius: 18px; }
.launch-hero-copy { min-width: 0; }
.launch-hero-copy h2 { margin: 0 0 4px; font-size: clamp(1.5em, 2.4vw, 2em); line-height: 1.15; letter-spacing: -0.01em; }
.launch-tagline { margin: 0 0 10px; font-size: 1.05em; color: var(--boja-tekst-tiho); max-width: 62ch; }
.launch-hero-meta { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; margin: 0; font-size: 0.9em; }
.launch-state { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-weight: 600; font-size: 0.85em; background: var(--boja-panel-2); color: var(--boja-tekst-tiho); }
.launch-state.is-live { background: var(--launch-pink-soft); color: #b0105a; }
.launch-state.is-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--launch-pink); box-shadow: 0 0 0 3px rgba(249, 24, 128, 0.2); }
.launch-state.is-soon { background: #e8f4fd; color: #0b6fb3; }
.launch-hero-actions { display: grid; gap: 8px; justify-items: stretch; min-width: 180px; }
.launch-vote { display: grid; gap: 4px; }
.launch-vote form { margin: 0; }
.launch-vote-button { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 999px; border: 2px solid var(--launch-pink); background: var(--launch-pink); color: #fff; font: inherit; font-weight: 700; font-size: 1.05em; cursor: pointer; text-decoration: none; box-sizing: border-box; }
.launch-vote-button:hover { background: #d8126d; border-color: #d8126d; }
.launch-vote-button.is-voted { background: #fff; color: var(--launch-pink); }
.launch-vote-button.is-closed { background: #fff; color: var(--boja-tekst); border-color: var(--boja-ivica-jaka); cursor: default; font-weight: 600; }
.launch-vote-count { font-variant-numeric: tabular-nums; min-width: 2ch; text-align: right; }
.launch-try-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 18px; border-radius: 999px; border: 2px solid var(--boja-ivica-jaka); color: var(--boja-tekst); background: #fff; font-weight: 600; text-decoration: none; box-sizing: border-box; }
.launch-try-button:hover { border-color: var(--launch-blue); color: var(--launch-blue); }
.launch-try-button.is-wide { width: 100%; border-color: var(--boja-tekst); background: var(--boja-tekst); color: #fff; }
.launch-try-button.is-wide:hover { background: #272c30; border-color: #272c30; color: #fff; }
.launch-event-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; align-items: start; }
.launch-event-main { min-width: 0; display: grid; gap: 26px; }
.launch-event-main h3, .launch-side-card h3 { font-size: 0.82em; letter-spacing: 0.06em; text-transform: uppercase; color: var(--boja-tekst-tiho); margin: 0 0 10px; }
.launch-event-main h3::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 3px; background: var(--launch-pink); margin-right: 8px; vertical-align: -1px; }
.launch-medal-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.launch-medal-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 14px; border: 1px solid var(--boja-ivica); background: var(--boja-panel); }
.launch-medal-list li .launch-medal-dot { width: 34px; height: 34px; font-size: 15px; }
.launch-medal-list li.is-gold { background: #fffaf0; border-color: var(--launch-gold); }
.launch-medal-list li.is-silver { background: #f8f9fa; border-color: #c4cbd1; }
.launch-medal-list li.is-bronze { background: #fdf5ef; border-color: var(--launch-bronze); }
.launch-medal-copy { display: grid; gap: 2px; min-width: 0; }
.launch-medal-copy small { color: var(--boja-tekst-tiho); }
.launch-medal-list a { color: var(--launch-blue); text-decoration: none; white-space: nowrap; }
.launch-gallery { display: grid; gap: 12px; }
.launch-video { aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: #0f1419; }
.launch-video iframe { width: 100%; height: 100%; border: 0; display: block; }
.launch-shots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.launch-shots a { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--boja-ivica); background: var(--boja-panel-2); }
.launch-shots a.is-lead { grid-column: 1 / -1; }
.launch-shots.is-single a.is-lead { grid-column: auto; }
.launch-shots.is-single { grid-template-columns: minmax(0, 1fr); }
.launch-shots img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 10; object-fit: cover; }
.launch-shots a.is-lead img { aspect-ratio: 16 / 9; }
.launch-about .launch-whats-new { font-weight: 600; font-size: 1.1em; margin: 0 0 8px; }
.launch-body { max-width: 68ch; line-height: 1.6; }
.launch-maker blockquote { margin: 0; padding: 12px 16px; border-left: 4px solid var(--launch-pink); background: var(--boja-panel-2); border-radius: 0 12px 12px 0; max-width: 68ch; }
.launch-maker blockquote p { margin: 0; line-height: 1.55; }
.launch-maker blockquote footer { margin-top: 6px; font-size: 0.9em; }
.launch-maker blockquote footer a { color: var(--launch-blue); text-decoration: none; }
.launch-alternatives p { margin: 0 0 8px; }
.launch-alt-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.launch-alt-chips a, .launch-alt-chips span { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--boja-ivica-jaka); color: var(--boja-tekst); text-decoration: none; font-size: 0.92em; background: #fff; }
.launch-alt-chips a { color: var(--launch-blue); border-color: #bfe0f8; }
.launch-alt-chips a:hover { background: #e8f4fd; }
.launch-plans { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.launch-plans li { display: flex; gap: 12px; justify-content: space-between; max-width: 420px; padding: 8px 12px; border: 1px solid var(--boja-ivica); border-radius: 10px; }
.launch-promo code { background: var(--launch-pink-soft); color: #b0105a; padding: 2px 8px; border-radius: 6px; font-size: 1.05em; }
.launch-event-side { display: grid; gap: 14px; min-width: 0; }
.launch-side-card { border: 1px solid var(--boja-ivica); border-radius: 14px; padding: 14px 16px; background: var(--boja-panel); }
.launch-side-card p { margin: 0; }
.launch-side-try { text-align: center; }
.launch-side-try p { margin-top: 8px; font-size: 0.9em; }
.launch-founder { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--boja-tekst); min-width: 0; }
.launch-founder-avatar { width: 48px; height: 48px; border-radius: 50%; flex: none; }
.launch-founder-avatar img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.launch-founder > span:last-child { display: grid; gap: 2px; min-width: 0; }
.launch-founder small { color: var(--boja-tekst-tiho); }
.launch-side-link { display: inline-block; margin-top: 8px; color: var(--launch-blue); text-decoration: none; font-size: 0.92em; }
.launch-story-title { font-weight: 600; line-height: 1.35; }
.launch-story-title a { color: var(--boja-tekst); text-decoration: none; }
.launch-story-title a:hover { color: var(--launch-blue); }
.launch-side-story .tiho { margin-top: 6px; font-size: 0.92em; line-height: 1.45; }
.launch-side-facts .launch-facts { grid-template-columns: 1fr 1fr; margin: 0; gap: 10px 14px; }
.launch-side-facts .launch-facts dd a { color: var(--launch-blue); text-decoration: none; }
.launch-standing-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.launch-standing-list li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.launch-standing-list li > .launch-standing-copy:first-child { grid-column: 1 / 3; }
.launch-standing-copy { display: grid; gap: 1px; min-width: 0; font-size: 0.92em; }
.launch-standing-list a { color: var(--launch-blue); text-decoration: none; }
.launch-side-badge img { display: block; max-width: 100%; height: auto; margin: 0 0 8px; }
.launch-side-badge p { font-size: 0.88em; }
.launch-event-foot { display: grid; gap: 4px; padding-top: 8px; font-size: 0.88em; }
.launch-event-foot a { color: var(--launch-blue); }
@media (max-width: 960px) {
  .launch-event-grid { grid-template-columns: minmax(0, 1fr); }
  .launch-event-side { order: 2; }
  .launch-side-try { display: none; }
}
@media (max-width: 640px) {
  .launch-hero { grid-template-columns: 56px minmax(0, 1fr); padding: 14px; }
  .launch-hero-logo, .launch-hero-logo img { width: 56px; height: 56px; font-size: 1.4em; }
  .launch-hero-actions { grid-column: 1 / -1; }
  .launch-shots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .launch-subnav-aside { margin-left: 0; }
}

/* ===== Tekstualne strane ===== */
.launch-text-page .launch-text { max-width: 72ch; line-height: 1.55; }
.launch-text-page .launch-text h3 { font-size: 1em; margin: 18px 0 6px; }
.launch-text-page .launch-text ul { padding-left: 20px; margin: 0; }
.launch-text-page .launch-text li { margin: 4px 0; }
.launch-toolkit-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 0 0 18px; }
.launch-toolkit-card { display: grid; gap: 4px; padding: 14px; border: 1px solid var(--boja-ivica); border-radius: 12px; text-decoration: none; color: inherit; background: var(--boja-panel); }
.launch-toolkit-card:hover { border-color: var(--boja-ivica-jaka); }
.launch-toolkit-card span { color: var(--boja-tekst-tiho); font-size: 0.92em; }
.launch-steps { max-width: 72ch; padding-left: 22px; line-height: 1.55; }
.launch-steps li { margin: 8px 0; }

/* ===== Zvonce, komentari, obaveštenja ===== */
.header-bell { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; color: var(--boja-tekst-tiho); text-decoration: none; margin-right: 4px; }
.header-bell:hover { background: var(--boja-hover); color: var(--boja-tekst); }
.header-bell svg { width: 20px; height: 20px; }
.header-bell-count { position: absolute; top: 2px; right: 0; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #f91880; color: #fff; font-size: 0.68em; line-height: 16px; text-align: center; font-weight: 700; }
.launch-notification-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.launch-notification-list li a { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 8px; text-decoration: none; color: inherit; border: 1px solid var(--boja-ivica); }
.launch-notification-list li.is-unread a { background: var(--boja-panel-2); border-color: var(--boja-ivica-jaka); }
.launch-comments { max-width: 68ch; }
.launch-comment { padding: 10px 0; border-top: 1px solid var(--boja-ivica); }
.launch-comment.is-reply { margin-left: 28px; }
.launch-comment-head { display: flex; gap: 8px; align-items: baseline; font-size: 0.9em; color: var(--boja-tekst-tiho); flex-wrap: wrap; }
.launch-comment-head strong { color: var(--boja-tekst); }
.launch-comment-head .chip { font-size: 0.8em; }
.launch-chip-maker { background: var(--launch-pink-soft); color: #b0105a; border-color: transparent; }
.launch-comment-body { margin: 4px 0; white-space: pre-wrap; line-height: 1.5; }
.launch-comment-actions { display: flex; gap: 12px; font-size: 0.85em; }
.launch-comment-actions a, .launch-comment-actions button { color: var(--boja-tekst-tiho); background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }
.launch-comment-actions a:hover { color: var(--launch-blue); }
.launch-comment-form textarea { width: 100%; min-height: 80px; }
.launch-comment-form .launch-public-name { display: grid; gap: 4px; max-width: 460px; margin-bottom: 8px; font-weight: 600; }
.launch-comment-form .launch-public-name small { font-weight: 400; }
.launch-comment-form .launch-public-name input { width: 100%; }
.launch-comment-form .launch-reply-label { display: inline-flex; gap: 8px; align-items: center; font-size: 0.9em; color: var(--boja-tekst-tiho); margin-bottom: 6px; }
.launch-comment-form .finder-button { background: var(--launch-pink); border-color: var(--launch-pink); color: #fff; }
.launch-discussion .tiho a { color: var(--launch-blue); }
.launch-report { font-size: 0.85em; margin-top: 10px; }
.launch-report summary { cursor: pointer; color: var(--boja-tekst-tiho); }
.launch-report form { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.launch-embed textarea { width: 100%; min-height: 64px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85em; }
.launch-embed img { display: block; margin: 8px 0; }
/* Plavi linkovi (X paleta) moraju da nadjačaju opšta pravila javnog dela (body.public-workspace a). */
html body .launch-page .launch-daynav a, html body .launch-page a.launch-rail-more, html body .launch-page .launch-crumbs a,
html body .launch-page a.launch-side-link, html body .launch-page .launch-standing-list a, html body .launch-page .launch-medal-list a,
html body .launch-page .launch-alt-chips a, html body .launch-page .launch-event-foot a, html body .launch-page .launch-recent-days a,
html body .launch-page .launch-empty-state a, html body .launch-page .launch-maker footer a, html body .launch-page .launch-side-facts dd a,
html body .launch-page .launch-discussion .tiho a, html body .launch-page .launch-head p a { color: #1d9bf0; }
html body .launch-page .launch-daynav a:hover, html body .launch-page a.launch-rail-more:hover, html body .launch-page a.launch-side-link:hover { color: #1a8cd8; }
html body .launch-page a.launch-cta, html body .launch-page a.launch-cta:hover { color: #fff; }
html body .launch-page a.launch-pill { color: #f91880; }
html body .launch-page a.launch-pill.is-final { color: #0f1419; }
html body .launch-page .launch-hero-copy h2 { margin: 0 0 4px; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; }
html body .launch-page .launch-tagline { font-size: 17px; line-height: 1.45; }
/* My Launch: rezultati kao na javnoj strani */
.launch-ws-standings li { grid-template-columns: 34px minmax(0, 1fr) auto; padding: 8px 10px; border: 1px solid var(--boja-ivica); border-radius: 12px; }
.launch-ws-rank { display: flex; justify-content: center; font-weight: 700; color: var(--boja-tekst-tiho); font-variant-numeric: tabular-nums; }
.launch-ws-standings a { color: #1d9bf0; text-decoration: none; white-space: nowrap; font-size: 0.9em; }
html body .launch-page button.launch-vote-button, html body .launch-page a.launch-vote-button { background: #f91880; border-color: #f91880; color: #fff; }
html body .launch-page button.launch-vote-button:hover, html body .launch-page a.launch-vote-button:hover { background: #d8126d; border-color: #d8126d; color: #fff; }
html body .launch-page button.launch-vote-button.is-voted { background: #fff; color: #f91880; border-color: #f91880; }
html body .launch-page .launch-comment-form button.finder-button { background: #f91880; border-color: #f91880; color: #fff; }

/* Žalbe u My Launch (L-403, 9. 10. 2026) */
.launch-appeals .launch-appeal-target { border-top: 1px solid var(--boja-ivica, #cfd9de); padding-top: 12px; margin-top: 12px; }
.launch-appeals .launch-appeal-target h3 { font-size: 1rem; margin: 0 0 6px; }
.launch-appeal-list { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 8px; }
.launch-appeal-form { display: grid; gap: 10px; max-width: 640px; margin-top: 10px; }
.launch-appeal-form label { display: grid; gap: 4px; }
.launch-appeal-form textarea { min-height: 96px; }

/* Try analitika u My Launch (L-404) */
.launch-tries { margin: 12px 0; }
.launch-tries p { margin: 0; display: grid; gap: 2px; }
.launch-try-days { list-style: none; padding: 0; margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.launch-try-days li { border: 1px solid var(--boja-ivica, #cfd9de); border-radius: 999px; padding: 2px 10px; font-size: 0.85em; }

/* Filter po oblasti na Today i Week (L-107) */
.launch-groupnav { display: flex; flex-wrap: nowrap; gap: 6px; margin: 0 0 14px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
.launch-groupnav > * { flex: none; white-space: nowrap; }
html body .launch-page .launch-groupnav a { border: 1px solid var(--boja-ivica, #cfd9de); border-radius: 999px; padding: 4px 12px; font-size: 0.9em; color: inherit; text-decoration: none; }
html body .launch-page .launch-groupnav a small { color: var(--boja-tekst-tiho, #536471); }
html body .launch-page .launch-groupnav a.is-active { border-color: #f91880; background: #f91880; color: #fff; }
html body .launch-page .launch-groupnav a.is-active small { color: #fff; }
html body .launch-page .launch-groupnav a:focus-visible { outline: 2px solid #1d9bf0; outline-offset: 2px; }
/* Strana lansiranja kao jedan proizvod (9. 10. 2026): nagrade u desnoj koloni, detalji iz kataloga, tabela alternativa. */
.launch-side-card.launch-medals .launch-medal-list li { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 8px 10px; }
.launch-side-card.launch-medals .launch-medal-list li .launch-medal-dot { width: 30px; height: 30px; font-size: 13px; }
.launch-side-card.launch-medals .launch-medal-copy { font-size: 0.92em; }
.launch-side-card.launch-medals .launch-medal-copy a { font-size: 0.92em; }
.launch-side-details .launch-facts { grid-template-columns: minmax(0, 1fr); margin: 0 0 10px; gap: 8px; }
.launch-side-details .launch-facts div { grid-template-columns: 96px minmax(0, 1fr); gap: 8px; align-items: baseline; }
.launch-side-details .launch-plans li { max-width: none; font-size: 0.92em; }
.launch-side-details .launch-promo { margin-top: 10px; font-size: 0.92em; }
.launch-about .launch-body p { margin: 0 0 10px; }
.launch-about-startup { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--boja-ivica); }
.launch-about-startup h4 { margin: 0 0 6px; font-size: 0.95em; }
.launch-about p.launch-whats-new { font-weight: 400; font-size: 0.98em; margin: 12px 0 0; padding: 10px 14px; border-radius: 12px; background: var(--launch-pink-soft); max-width: 68ch; }
.launch-about p.launch-whats-new strong { margin-right: 6px; }
.launch-alternatives .profile-network-heading, .launch-more .profile-network-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.launch-alternatives .profile-network-table h4, .launch-more h4 { margin: 0; font-size: 1em; }
.launch-alternatives .profile-network-table p { margin: 2px 0 0; }
.launch-more .profile-network-items { list-style: none; margin: 0; padding: 0; }
/* Lansiranje na strani startapa u Discover-u */
.startup-launch { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-left: 4px solid var(--launch-pink); }
.startup-launch-copy { display: grid; gap: 4px; min-width: 0; }
.startup-launch h2 { margin: 0; font-size: 1.15em; }
.startup-launch h2 a { color: inherit; text-decoration: none; }
.startup-launch p { margin: 0; }
.startup-launch .launch-medal-list { margin-top: 8px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.startup-launch .launch-medal-list li { grid-template-columns: 30px minmax(0, 1fr); padding: 8px 10px; }
.startup-launch .launch-medal-list li .launch-medal-dot { width: 30px; height: 30px; font-size: 13px; }

/* Odbrojavanje do sledećeg lansiranja (10. 10. 2026) */
.launch-countdown { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 0 0 22px; padding: 18px 22px; border: 1px solid var(--boja-ivica); border-radius: 16px; background: var(--boja-panel); }
.launch-countdown-copy { display: grid; gap: 4px; min-width: 0; }
.launch-countdown-copy strong { font-size: 17px; }
.launch-countdown-heading { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--boja-tekst-tiho); }
.launch-countdown-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.launch-countdown-heading.is-live { color: var(--launch-pink); }
.launch-countdown-heading.is-live .launch-countdown-dot { animation: launch-pulse 1.6s ease-in-out infinite; }
@keyframes launch-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .launch-countdown-heading.is-live .launch-countdown-dot { animation: none; } }
.launch-countdown-clock { display: flex; align-items: flex-start; gap: 6px; font-variant-numeric: tabular-nums; }
.launch-countdown-clock > span { display: grid; justify-items: center; gap: 4px; min-width: 52px; }
.launch-countdown-clock b { display: block; min-width: 52px; padding: 8px 6px; border-radius: 10px; background: var(--boja-pozadina, #fff); border: 1px solid var(--boja-ivica); font-size: 26px; line-height: 1; text-align: center; }
.launch-countdown-clock small { font-size: 11px; color: var(--boja-tekst-tiho); letter-spacing: .04em; }
.launch-countdown-clock i { font-style: normal; font-size: 22px; font-weight: 700; padding-top: 6px; color: var(--boja-tekst-tiho); }
.launch-countdown-done { flex-basis: 100%; font-weight: 600; }
.launch-countdown.is-done .launch-countdown-clock { opacity: .45; }
.launch-side-countdown .launch-countdown { flex-direction: column; align-items: stretch; margin: 0; padding: 16px; }
.launch-side-countdown .launch-countdown-clock { justify-content: space-between; }
.launch-side-countdown .launch-countdown-clock > span, .launch-side-countdown .launch-countdown-clock b { min-width: 0; width: 100%; }
.launch-side-countdown .launch-countdown-clock b { font-size: 22px; }
@media (max-width: 600px) {
    .launch-countdown { padding: 16px; }
    .launch-countdown-clock { width: 100%; justify-content: space-between; }
    .launch-countdown-clock > span, .launch-countdown-clock b { min-width: 0; width: 100%; }
    .launch-countdown-clock b { font-size: 22px; }
}

/* Statistika lansiranja u My Launch (LP-311) */
.launch-report { margin: 22px 0; padding: 18px 20px; border: 1px solid var(--boja-ivica); border-radius: 14px; background: var(--boja-panel); }
.launch-report h3 { margin: 0 0 12px; }
.launch-report h4 { margin: 20px 0 8px; font-size: 14px; }
.launch-report-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
.launch-report-totals div { padding: 10px 12px; border-radius: 10px; background: var(--boja-pozadina); border: 1px solid var(--boja-ivica); }
.launch-report-totals dt { font-size: 12px; color: var(--boja-tekst-tiho); }
.launch-report-totals dd { margin: 4px 0 0; font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.launch-chart { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; height: 140px; align-items: end; }
.launch-chart li { display: grid; grid-template-rows: 1fr auto; height: 100%; align-items: end; gap: 4px; min-width: 0; }
.launch-chart-bar { display: block; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--launch-pink); align-self: end; }
.launch-chart small { font-size: 10px; text-align: center; color: var(--boja-tekst-tiho); font-variant-numeric: tabular-nums; }
.launch-report-table-wrap { overflow-x: auto; }
.launch-report-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.launch-report-table th, .launch-report-table td { padding: 6px 10px; border-bottom: 1px solid var(--boja-ivica); text-align: right; }
.launch-report-table th[scope=row], .launch-report-table thead th:first-child { text-align: left; }
.launch-sources { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.launch-sources li { display: grid; grid-template-columns: minmax(0, 14em) 1fr auto; gap: 10px; align-items: center; }
.launch-sources li > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.launch-source-bar { height: 8px; border-radius: 4px; background: var(--boja-pozadina); border: 1px solid var(--boja-ivica); overflow: hidden; }
.launch-source-bar span { display: block; height: 100%; background: var(--launch-blue); }
@media (max-width: 640px) {
    .launch-report-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .launch-chart li small { visibility: hidden; }
    .launch-chart li:nth-child(6n+1) small { visibility: visible; }
    .launch-sources li { grid-template-columns: minmax(0, 1fr) auto; }
    .launch-source-bar { grid-column: 1 / -1; grid-row: 2; }
}

/* "Notify me" na zakazanom lansiranju (LP-312) */
.launch-remind-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--launch-pink); background: var(--boja-pozadina); color: var(--launch-pink); font-weight: 600; text-decoration: none; cursor: pointer; }
.launch-remind-button:hover { background: var(--launch-pink-soft); }
.launch-remind-button.is-on { background: var(--launch-pink-soft); border-color: transparent; }
.launch-hero-actions form[data-remind-form] { display: contents; }
.launch-hero-actions form[data-remind-form][hidden] { display: none; }

/* Odbrojavanje u istom redu kao naslov dana, nedelje i Upcoming (10. 10. 2026, zahtev iz runde 24) */
.launch-head:has(> .launch-countdown) { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title clock" "nav clock"; align-items: center; column-gap: 20px; row-gap: 6px; }
.launch-head:has(> .launch-countdown) > div { grid-area: title; min-width: 0; }
.launch-head:has(> .launch-countdown) > .launch-daynav { grid-area: nav; }
.launch-head > .launch-countdown { grid-area: clock; margin: 0; padding: 10px 14px; gap: 14px; flex-wrap: nowrap; border-radius: 14px; }
.launch-head > .launch-countdown .launch-countdown-copy { gap: 2px; }
.launch-head > .launch-countdown .launch-countdown-copy strong { font-size: 13px; font-weight: 600; }
.launch-head > .launch-countdown .launch-countdown-copy small { font-size: 12px; }
.launch-head > .launch-countdown .launch-countdown-heading { font-size: 11px; }
.launch-head > .launch-countdown .launch-countdown-clock { gap: 4px; }
.launch-head > .launch-countdown .launch-countdown-clock > span { min-width: 40px; gap: 2px; }
.launch-head > .launch-countdown .launch-countdown-clock b { min-width: 40px; padding: 6px 4px; font-size: 18px; border-radius: 8px; }
.launch-head > .launch-countdown .launch-countdown-clock small { font-size: 10px; }
.launch-head > .launch-countdown .launch-countdown-clock i { font-size: 16px; padding-top: 4px; }
.launch-head > .launch-countdown .launch-countdown-done { flex-basis: auto; }
@media (max-width: 900px) {
    .launch-head:has(> .launch-countdown) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "clock" "nav"; }
    .launch-head > .launch-countdown { flex-wrap: wrap; }
    .launch-head > .launch-countdown .launch-countdown-clock { width: 100%; justify-content: space-between; }
    .launch-head > .launch-countdown .launch-countdown-clock > span, .launch-head > .launch-countdown .launch-countdown-clock b { width: 100%; }
}

/* Paket za deljenje u My Launch (LP-314) */
.launch-share { margin: 18px 0; padding: 14px 18px; border: 1px solid var(--boja-ivica); border-radius: 14px; background: var(--boja-panel); }
.launch-share summary { font-weight: 700; cursor: pointer; }
.launch-share-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 12px; margin-top: 10px; }
.launch-share-item { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--boja-ivica); border-radius: 12px; background: var(--boja-pozadina); min-width: 0; }
.launch-share-item header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.launch-share-text textarea { width: 100%; box-sizing: border-box; resize: vertical; font: inherit; font-size: 13px; }
.launch-share-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.launch-share-actions code { font-size: 11px; color: var(--boja-tekst-tiho); overflow-wrap: anywhere; min-width: 0; }

/* Toolkit: kontrolna lista i primeri (LP-302) */
.launch-ready-list { list-style: none; padding: 0 !important; display: grid; gap: 4px; }
.launch-ready-list label { display: grid; grid-template-columns: 22px 1fr; gap: 8px; align-items: start; cursor: pointer; }
.launch-ready-list input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--launch-pink); }
.launch-ready-list input:checked + span { color: var(--boja-tekst-tiho); text-decoration: line-through; }
.launch-text-page .launch-text h4 { margin: 14px 0 6px; font-size: .95em; }
.launch-example-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.launch-example-grid > div { padding: 12px 14px; border: 1px solid var(--boja-ivica); border-radius: 12px; background: var(--boja-panel); }
.launch-example-grid h4 { margin-top: 0 !important; }
.launch-example-grid p { margin: 6px 0; }
.launch-example-grid .is-good strong { color: #0a7f4f; margin-right: 6px; }
.launch-example-grid .is-bad strong { color: #c4314b; margin-right: 6px; }

/* Praćenje grupe i osnivača (LP-315) */
.launch-follow { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.launch-follow form { margin: 0; }
.launch-follow form[hidden] { display: none; }
.launch-follow-button { border: 1px solid var(--boja-ivica); background: var(--boja-pozadina); border-radius: 999px; padding: 6px 12px; font-size: 13px; cursor: pointer; color: inherit; }
.launch-follow-button:hover { border-color: var(--launch-pink); }
.launch-follow-button.is-on { background: var(--launch-pink-soft); border-color: transparent; }
.launch-following-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.launch-following-list li { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
/* LP-311 stubić: pregledi (plavo) iznad glasova (roze) */
.launch-chart-bar { display: flex; flex-direction: column; justify-content: flex-end; background: var(--launch-blue); overflow: hidden; }
.launch-chart-votes { display: block; width: 100%; background: var(--launch-pink); }
.launch-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin: 0 4px 0 6px; vertical-align: -1px; }
.launch-key.is-views { background: var(--launch-blue); }
.launch-key.is-votes { background: var(--launch-pink); }
html body .launch-page .launch-follow-button { background: var(--boja-pozadina); color: var(--boja-tekst); border: 1px solid var(--boja-ivica); font-weight: 600; }
html body .launch-page .launch-follow-button.is-on { background: var(--launch-pink-soft); border-color: transparent; }


/* ---- astracia-accent.css ---- */
/* 9. 10. 2026 (Marko, Runda 21) — roze #f91880 razbija crninu kao na Launch strani: logo, aktivna stavka menija,
   aktivni tabovi, trenutna strana, Launch tabele na Discover-u. Dugmad ostaju crna, linkovi plavi (X paleta). */
body.astracia { --akcent-roze: #f91880; --akcent-roze-fon: #fdeaf1; --akcent-roze-ivica: #fbd0e1; --akcent-roze-tekst: #c4105f; }

/* Logo: spolja roze, znak crn. */
body.astracia .brend-mark { background: var(--akcent-roze); color: #fff; box-shadow: none; }

/* Meni: aktivna stavka ima roze crtu i roze ikonicu; hover ikonice blago roze. */
body.astracia .meni a.aktivna { box-shadow: inset 3px 0 var(--akcent-roze); }
body.astracia .meni a.aktivna svg { color: var(--akcent-roze); }
body.astracia .meni a:hover svg { color: var(--akcent-roze); }

/* Tabovi: podvučeni dobijaju roze crtu, popunjeni roze pozadinu. */
body.astracia .workspace-tabs a[aria-current="page"], body.astracia .tabovi a.aktivna { border-bottom-color: var(--akcent-roze); color: #0f1419; }
body.astracia .tabovi a.aktivna .broj-uz { background: var(--akcent-roze-fon); color: var(--akcent-roze-tekst); }
body.public-workspace .people-tabs a.aktivna, body.astracia .finder-kinds a.aktivna, body.astracia .workspace-subtabs a[aria-current="page"] { background: var(--akcent-roze); border-color: var(--akcent-roze); color: #fff; }
body.public-workspace .people-tabs a.aktivna small { color: #fff; opacity: .85; }
body.public-workspace .people-tags a.aktivna { background: var(--akcent-roze-fon); border-color: var(--akcent-roze-ivica); color: var(--akcent-roze-tekst); }

/* Trenutna strana u paginaciji. */
body.astracia .paginacija [aria-current=page], body.astracia .paginacija > span.aktivna, body.astracia .finder-pagination [aria-current=page],
body.astracia .exchange-pagination [aria-current=page], body.astracia .directory-pagination [aria-current=page] { background: var(--akcent-roze) !important; border-color: var(--akcent-roze) !important; color: #fff !important; }

/* Desne tabele (oglasi, priče): tanka roze crta iznad zaglavlja, kao na Launch-u. */
body.astracia .discover-ad-rail, body.astracia .story-rail .discover-ad-table { border-top: 3px solid var(--akcent-roze); }
body.astracia .discover-ad-mark { border-color: var(--akcent-roze-ivica); color: var(--akcent-roze); }
body.astracia .finder-question-chips > a:hover { border-color: var(--akcent-roze-ivica); background: var(--akcent-roze-fon); color: #0f1419; }

/* Discover: Launch tabele umesto kolone Website. */
body.public-workspace .discover-layout:has(.discover-launch):not(.without-ads) { grid-template-columns: minmax(0,1fr) 290px 240px; }
body.public-workspace .discover-layout .startup-directory-table th:first-child, body.public-workspace .discover-layout .startup-directory-table td:first-child { width: 62%; }
body.public-workspace .discover-layout .startup-directory-table th:nth-child(2), body.public-workspace .discover-layout .startup-directory-table td:nth-child(2) { width: 38%; }
body.public-workspace .discover-layout .startup-directory-table td.discover-inline-ad, body.public-workspace .discover-layout .startup-directory-table .discover-inline-ad td { width: auto; }
.discover-launch { display: grid; gap: 16px; min-width: 0; align-content: start; }
.discover-launch-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; background: #fff; border: 1px solid #eff3f4; border-top: 3px solid var(--akcent-roze); border-radius: 12px; overflow: hidden; }
body.public-workspace .discover-launch-table th, body.astracia .discover-launch-table th { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 12px 14px; background: #fff; color: #0f1419; font-size: 13px; font-weight: 700; text-align: left; }
body.astracia .discover-launch-table th a { text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 500; color: #1d9bf0; text-decoration: none; }
body.public-workspace .discover-launch-table td, body.astracia .discover-launch-table td { padding: 0; border-top: 1px solid #eff3f4; height: auto; }
body.astracia .discover-launch .discover-launch-row { min-height: 0; line-height: 1.3; display: flex; align-items: center; gap: 10px; padding: 10px 14px; color: #0f1419; text-decoration: none; }
.discover-launch-row:hover { background: #fff7fa; }
.discover-launch-rank { flex: none; width: 16px; color: #536471; font-size: 12px; font-weight: 700; text-align: center; }
.discover-launch-logo { position: relative; flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--akcent-roze-fon); color: var(--akcent-roze-tekst); font-size: 13px; font-weight: 700; overflow: hidden; }
.discover-launch-logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.discover-launch-name { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
.discover-launch-name strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.discover-launch-name small { font-size: 11.5px; color: #536471; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.discover-launch-votes { flex: none; padding: 3px 8px; border: 1px solid var(--akcent-roze); border-radius: 999px; color: var(--akcent-roze); font-size: 11.5px; font-weight: 700; }
body.astracia .discover-launch .discover-launch-empty { min-height: 0; display: block; padding: 14px; color: #536471; font-size: 12.5px; line-height: 1.5; text-decoration: none; }
.discover-launch-empty span { color: var(--akcent-roze); font-weight: 650; }
.discover-launch-empty:hover { background: #fff7fa; }
@media (max-width: 1199px) {
    body.public-workspace .discover-layout:has(.discover-launch):not(.without-ads) { grid-template-columns: minmax(0,1fr); }
    .discover-launch { order: -1; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}

/* Natpisi iznad naslova i brojači: roze umesto sive/zelene. */
body.astracia .category-eyebrow, body.astracia .finder-eyebrow, body.astracia .product-eyebrow, body.astracia .ws-eyebrow { color: var(--akcent-roze); }
body.astracia .category-count { background: var(--akcent-roze-fon); color: var(--akcent-roze-tekst); border-color: var(--akcent-roze-ivica); }
body.astracia .category-card { transition: border-color .15s, box-shadow .15s; }
body.astracia .category-card:hover { border-color: var(--akcent-roze-ivica); box-shadow: inset 0 3px 0 var(--akcent-roze); }
body.astracia .category-chips a:hover { border-color: var(--akcent-roze-ivica); background: var(--akcent-roze-fon); }
body.astracia .category-chips a small { color: var(--akcent-roze-tekst); }
/* Broj u zaglavlju (startapi, ljudi): roze. */
body.astracia .directory-header-total > strong { color: var(--akcent-roze); }
/* Deals: broj uz naslov tabele. */
body.public-workspace .deals-count { background: var(--akcent-roze); }

/* Startup Deals (9. 10. 2026): svaka od četiri tabele ima roze crtu na vrhu i jasniju ivicu, da se odvoje jedna od druge. */
body.public-workspace .deals-panel, body.astracia .deals-panel { border: 1px solid #cfd9de; border-top: 3px solid var(--akcent-roze, #f91880); }
body.public-workspace .deals-panel-head, body.astracia .deals-panel-head { background: #fff5f9; border-bottom-color: var(--akcent-roze-ivica, #fbd0e1); }

/* Meni i logo (10. 10. 2026): logo je visok kao zaglavlje strane (49 px) i manji; stavke menija tanje i gušće. */
body.astracia .sidebar { padding-top: 0; gap: 8px; }
body.astracia .sidebar .brend { height: 49px; padding: 0 12px; display: flex; align-items: center; gap: 9px; font-size: 20px; }
body.astracia .sidebar .brend-mark { width: 30px; height: 30px; border-radius: 9px; font-size: 22px; }
body.astracia .meni .nav-group { gap: 2px; padding: 10px 0; }
body.astracia .meni .nav-group:first-child { padding-top: 0; }
body.astracia .meni a { min-height: 40px; padding: 9px 12px; gap: 12px; font-size: 13px; }
body.astracia .meni a svg { width: 19px; height: 19px; }


/* Browse categories (10. 10. 2026): brojevi u zaglavlju, kategorije People / Hire experts / Media / Opportunities ispod. */
body.astracia .header-stats { display: flex; gap: 22px; }
body.astracia .header-stats .directory-header-total { display: flex; align-items: baseline; gap: 6px; }
body.astracia .header-stats .directory-header-total > strong { color: var(--akcent-roze); font-size: 18px; }
@media (max-width: 900px) { body.astracia .header-stats .directory-header-total:not(:last-child) { display: none; } }
body.astracia .category-search-row { display: flex; justify-content: flex-end; margin: 0 0 12px; }
body.astracia .category-hub { margin-top: 22px; padding: 16px 18px; background: #fff; border: 1px solid #cfd9de; border-top: 3px solid var(--akcent-roze); border-radius: 14px; }
body.astracia .category-hub-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; }
body.astracia .category-hub-head h2 { margin: 0; font-size: 16px; }
body.astracia .category-hub-head a { font-size: 13px; }

/* Pretraga kao u ChatGPT-u / Claude-u (10. 10. 2026): okrugla crna strelica unutar polja, desno i tačno po sredini visine.
   Pravila imaju !important jer stari stilovi dugmadi u filterima (visina 42 px, sivo) i ikone lupe (.polje-ikona svg) inače pobeđuju. */
body .search-arrow-field { position: relative !important; display: flex !important; align-items: center; flex: 1 1 auto; width: 100%; min-width: 0; margin: 0; }
body .search-arrow-field > input { width: 100% !important; min-width: 0; margin: 0 !important; padding-right: 44px !important; }
body .search-arrow-field > .search-arrow { position: absolute !important; right: 6px !important; left: auto !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important;
    width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 0 !important; max-height: 28px !important; flex: none !important;
    padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: #0f1419 !important; color: #fff !important;
    display: grid !important; place-items: center; line-height: 1; cursor: pointer; box-shadow: none !important; opacity: 1 !important; z-index: 2; }
body .search-arrow-field > .search-arrow svg { position: static !important; transform: none !important; width: 15px !important; height: 15px !important; color: #fff !important; margin: 0 !important; pointer-events: none; }
body .search-arrow-field > .search-arrow:hover { background: var(--akcent-roze, #f91880) !important; }
body .search-arrow-field > .search-arrow:focus-visible { outline: 2px solid #1d9bf0; outline-offset: 2px; }
/* Lupa levo u polju ostaje vidljiva iznad polja. */
body.astracia .polje-ikona > svg { z-index: 2; }
/* Telefon: polje za pretragu zauzima ceo red, filteri idu ispod. */
@media (max-width: 700px) {
  body.astracia form.startups-filteri, body.astracia .directory-page form.startups-filteri:has(> .classification-filters) { flex-wrap: wrap !important; }
  body.astracia form.startups-filteri > .polje-ikona.directory-query { flex: 1 1 100% !important; width: 100%; }
  body.astracia form.finder-filter.story-filter { align-items: stretch !important; }
  body.astracia form.finder-filter.story-filter > label { width: 100%; }
}

/* 10. 10. 2026 Affiliate programi: poreklo unosa, platforma i „Join program“ u Affiliate tabeli i na profilu. */
.deals-aff-meta { display: block; margin-top: 4px; color: #536471; font-size: 12.5px; line-height: 1.5; }
.deals-aff-meta a { display: inline !important; width: auto !important; max-width: none !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; color: #1d9bf0; text-decoration: none; font-size: inherit !important; font-weight: 400 !important; }
.deals-aff-meta a:hover { text-decoration: underline; }
.deals-aff-source { font-weight: 600; }
.deals-aff-source.is-owner { color: #0f1419; }
.deals-aff-source.is-site { color: #536471; }
.product-affiliate-line { margin: 10px 0 0; font-size: 14px; color: #0f1419; }
.product-affiliate-line a { color: #1d9bf0; text-decoration: none; font-weight: 600; }
.product-affiliate-line small { display: block; color: #536471; font-size: 12px; }
.ws-offer-found { margin: 0 0 12px; padding: 10px 12px; border-left: 3px solid #f91880; background: rgba(249, 24, 128, .05); font-size: 14px; }

/* 10. 10. 2026 — Startup jobs (/jobs) i "Open jobs" na profilu startapa: tabela sa roze gornjom ivicom kao Deals. */
body.astracia .jobs-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 6px 0 16px; }
body.astracia .jobs-filter .jobs-search { flex: 1 1 320px; min-width: 0; }
body.astracia .jobs-filter .jobs-search .search-arrow-field { display: flex; width: 100%; }
body.astracia .jobs-filter .jobs-search input { width: 100%; }
body.astracia .jobs-filter select { height: 38px; border: 1px solid #cfd9de; border-radius: 8px; background: #fff; padding: 0 10px; font-size: 13px; color: #0f1419; }
body.astracia .jobs-reset { font-size: 13px; color: #1d9bf0; text-decoration: none; }
body.astracia .jobs-panel, body.astracia .startup-jobs { background: #fff; border: 1px solid #cfd9de; border-top: 3px solid var(--akcent-roze, #f91880); border-radius: 16px; overflow: hidden; }
body.astracia .jobs-scroll { overflow-x: auto; }
body.astracia .jobs-table { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; }
body.astracia .jobs-table th { text-align: left; background: #fff5f9; color: #536471; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; padding: 12px 16px; border-bottom: 1px solid var(--akcent-roze-ivica, #fbd0e1); }
body.astracia .jobs-table td { padding: 14px 16px; border-top: 1px solid #eff3f4; vertical-align: middle; font-size: 13px; overflow-wrap: anywhere; }
body.astracia .jobs-table tbody tr:hover td { background: #f7f9f9; }
body.astracia .jobs-table .jobs-col-company { width: 24%; }
body.astracia .jobs-table .jobs-col-location { width: 20%; color: #536471; }
body.astracia .jobs-table .jobs-col-source { width: 15%; }
body.astracia .jobs-table .community-person a { color: #1d9bf0; font-weight: 600; text-decoration: none; }
body.astracia .jobs-table .directory-initial { width: 36px; height: 36px; flex-shrink: 0; }
body.astracia .jobs-title > a { display: block; color: #0f1419; font-weight: 600; text-decoration: none; line-height: 1.35; }
body.astracia .jobs-title > a:hover, body.astracia .jobs-source:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .jobs-title small { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
body.astracia .jobs-chip { display: inline-block; padding: 2px 7px; border-radius: 999px; background: #f7f9f9; border: 1px solid #eff3f4; font-size: 11px; color: #536471; }
body.astracia .jobs-salary { font-size: 12px; color: #00875a; font-weight: 600; }
body.astracia .jobs-source { display: block; color: #1d9bf0; font-weight: 600; text-decoration: none; font-size: 12px; }
body.astracia .jobs-col-source small { display: block; color: #536471; font-size: 11px; margin-top: 3px; }
body.astracia .jobs-empty { padding: 24px 16px; margin: 0; color: #536471; }
body.astracia .jobs-note { margin-top: 14px; font-size: 12px; }
body.astracia .hiring-badge { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: var(--akcent-roze-fon, #fdeaf1); border: 1px solid var(--akcent-roze-ivica, #fbd0e1); color: var(--akcent-roze-tekst, #c4105f); font-size: 12px; font-weight: 700; text-decoration: none; }
/* 13. 10. 2026: bedževi sa provere sajta (Public API, Bug bounty, security.txt) pored „Hiring“ */
body.astracia .site-fact-badges { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: 6px; vertical-align: middle; }
body.astracia .site-fact-badge { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px; background: #eef4ff; border: 1px solid #cddcf7; color: #1d4f9c; font-size: 12px; font-weight: 700; text-decoration: none; }
body.astracia a.site-fact-badge:hover { background: #e1ebfd; }
body.astracia .startup-jobs { margin: 20px 0; }
body.astracia .startup-jobs > header { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #fff5f9; border-bottom: 1px solid var(--akcent-roze-ivica, #fbd0e1); }
body.astracia .startup-jobs > header h2 { margin: 0; font-size: 15.5px; }
body.astracia .startup-jobs > header a { margin-left: auto; font-size: 13px; color: #1d9bf0; text-decoration: none; }
body.astracia .startup-jobs ul { list-style: none; margin: 0; padding: 0; }
body.astracia .startup-jobs li { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 11px 16px; border-top: 1px solid #eff3f4; font-size: 13px; }
body.astracia .startup-jobs li:first-child { border-top: 0; }
body.astracia .startup-jobs li > a { color: #0f1419; font-weight: 600; text-decoration: none; }
body.astracia .startup-jobs li > a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .startup-jobs li > span { color: #536471; font-size: 12px; }
body.astracia .jobs-trend { margin: 0; padding: 10px 16px 6px; border-bottom: 1px solid #eff3f4; }
body.astracia .jobs-trend-chart { height: 56px; }
body.astracia .jobs-trend-chart svg { display: block; width: 100%; height: 100%; }
body.astracia .jobs-trend svg .area { fill: rgba(249, 24, 128, .10); stroke: none; }
body.astracia .jobs-trend svg .stroke { fill: none; stroke: var(--akcent-roze, #f91880); stroke-width: 2; vector-effect: non-scaling-stroke; }
body.astracia .jobs-trend figcaption { margin-top: 4px; color: #536471; font-size: 11px; }
@media (max-width: 650px) {
  body.astracia .jobs-filter > label:not(.jobs-search) { flex: 1 1 45%; }
  body.astracia .jobs-filter select { width: 100%; }
  body.astracia .jobs-table { min-width: 0; display: block; }
  body.astracia .jobs-table thead { display: none; }
  body.astracia .jobs-table tbody, body.astracia .jobs-table tr { display: grid; gap: 8px; }
  body.astracia .jobs-table tr { padding: 14px 16px; border-top: 1px solid #eff3f4; }
  body.astracia .jobs-table td { display: block; width: auto !important; padding: 0; border: 0; }
}


/* ---- astracia-nav-signals.css ---- */
/* Signals u levom meniju (12. 10. 2026): poseban blok ispod Startup jobs; "Signals" otvara /signals, strelica otvara podmeni. */
body.astracia .meni .nav-sub > summary { list-style: none; display: flex; align-items: center; cursor: pointer; }
body.astracia .meni .nav-sub > summary::-webkit-details-marker { display: none; }
body.astracia .meni .nav-sub > summary > a { flex: 1; min-width: 0; }
body.astracia .meni .nav-sub-caret { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px;
  color: #536471; font-size: 14px; transition: transform .15s ease; flex-shrink: 0; }
body.astracia .meni .nav-sub-caret:hover { background: #eff3f4; color: #0f1419; }
body.astracia .meni .nav-sub[open] .nav-sub-caret { transform: rotate(180deg); }
body.astracia .meni .nav-sub-links { display: grid; gap: 2px; padding: 2px 0 4px 30px; }
body.astracia .meni .nav-sub-links a { min-height: 32px; padding: 6px 12px; font-size: 12px; color: #536471; }
body.astracia .meni .nav-sub-links a.aktivna { color: #0f1419; }
/* 13. 10. 2026: ikonice u podmeniju Signals (isti skup kao tabovi na /signals). */
body.astracia .meni .nav-sub-links a { display: flex; align-items: center; gap: 8px; }
body.astracia .meni .nav-sub-links .signals-icon { width: 16px; height: 16px; flex-shrink: 0; }


/* ---- astracia-signals.css ---- */
/* Signal feed (11. 10. 2026): /signals. X paleta kao ostatak sajta (tekst #0f1419, sivo #536471, linije #eff3f4/#cfd9de, link #1d9bf0). */
body.astracia .signals-page { --sig-blue: #1d9bf0; --sig-green: #00875a; --sig-violet: #7856ff; --sig-amber: #b25f00; --sig-red: #d4183d; --sig-grey: #536471; }

body.astracia .signals-intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin: 4px 0 16px; }
body.astracia .signals-lead { margin: 0 0 6px; color: #0f1419; font-size: 15px; line-height: 1.45; max-width: 640px; }
body.astracia .signals-links { margin: 0; display: flex; gap: 8px; align-items: center; font-size: 13px; color: #536471; flex-wrap: wrap; }
body.astracia .signals-links a { color: #1d9bf0; text-decoration: none; font-weight: 600; }
body.astracia .signals-links a:hover { text-decoration: underline; }
body.astracia .signals-beta { margin-left: 6px; padding: 1px 8px; border-radius: 999px; border: 1px solid #cfd9de; font-size: 11px; color: #536471; }
body.astracia .signals-spark { margin: 0; flex-shrink: 0; text-align: right; }
body.astracia .signals-bars { display: flex; align-items: flex-end; gap: 3px; height: 60px; }
body.astracia .signals-bars span { width: 9px; border-radius: 3px 3px 0 0; background: #cfd9de; }
body.astracia .signals-bars span:last-child { background: #0f1419; }
body.astracia .signals-spark figcaption { font-size: 11px; color: #536471; margin-top: 4px; }

body.astracia .signals-filter { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
body.astracia .signals-filter .signals-search { flex: 1 1 260px; }
body.astracia .signals-filter select { height: 38px; border: 1px solid #cfd9de; border-radius: 999px; padding: 0 12px; background: #fff; color: #0f1419; font: inherit; font-size: 14px; }

body.astracia .signals-kinds { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
body.astracia .signals-kind { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; border: 1px solid #cfd9de; background: #fff; color: #0f1419; text-decoration: none; font-size: 13px; font-weight: 600; }
body.astracia .signals-kind strong { font-weight: 600; color: #536471; font-size: 12px; }
body.astracia .signals-kind:hover { background: #e7e7e8; }
body.astracia .signals-kind.aktivna { background: #0f1419; border-color: #0f1419; color: #fff; }
body.astracia .signals-kind.aktivna strong { color: #cfd9de; }

body.astracia .signals-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
body.astracia .signals-stream { min-width: 0; }
body.astracia .signals-day { background: #fff; border: 1px solid #cfd9de; border-radius: 16px; overflow: hidden; margin-bottom: 16px; }
body.astracia .signals-day h2 { margin: 0; padding: 12px 16px; font-size: 13px; letter-spacing: .02em; color: #536471; background: #f7f9f9; border-bottom: 1px solid #eff3f4; }
body.astracia .signals-list { list-style: none; margin: 0; padding: 0; }
body.astracia .signal { display: flex; gap: 12px; padding: 14px 16px; border-top: 1px solid #eff3f4; }
body.astracia .signal:first-child { border-top: 0; }
body.astracia .signal:hover { background: #f7f9f9; }
body.astracia .signal-logo { width: 40px; height: 40px; flex-shrink: 0; }
body.astracia .signal-logo.small { width: 28px; height: 28px; }
body.astracia .signal-body { min-width: 0; flex: 1; }
body.astracia .signal-head { margin: 0; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; line-height: 1.35; }
body.astracia .signal-kind { flex-shrink: 0; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--tone, #536471); }
body.astracia .signal-title { color: #0f1419; font-weight: 600; font-size: 15px; text-decoration: none; overflow-wrap: anywhere; }
body.astracia a.signal-title:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .signal-detail { margin: 4px 0 0; color: #536471; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.astracia .signal-meta { margin: 6px 0 0; display: flex; gap: 10px; flex-wrap: wrap; font-size: 12px; color: #536471; }
body.astracia .signal-meta a { color: #1d9bf0; text-decoration: none; font-weight: 600; }
body.astracia .signal-meta a:hover { text-decoration: underline; }

body.astracia .tone-blue { --tone: var(--sig-blue); }
body.astracia .tone-green { --tone: var(--sig-green); }
body.astracia .tone-violet { --tone: var(--sig-violet); }
body.astracia .tone-amber { --tone: var(--sig-amber); }
body.astracia .tone-red { --tone: var(--sig-red); }
body.astracia .tone-grey { --tone: var(--sig-grey); }
body.astracia .signals-kind[class*="tone-"]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--tone); }

body.astracia .signals-pages { display: flex; gap: 16px; align-items: center; justify-content: center; padding: 8px 0 24px; font-size: 14px; color: #536471; }
body.astracia .signals-pages a { color: #1d9bf0; font-weight: 600; text-decoration: none; }

body.astracia .signals-rail { display: grid; gap: 16px; position: sticky; top: 76px; }
body.astracia .signals-card { background: #fff; border: 1px solid #cfd9de; border-radius: 16px; padding: 14px 16px; }
body.astracia .signals-card h2 { margin: 0 0 4px; font-size: 16px; color: #0f1419; }
body.astracia .signals-card-note, body.astracia .signals-about p { margin: 0 0 10px; color: #536471; font-size: 13px; line-height: 1.4; }
body.astracia .signals-rising, body.astracia .signals-mini { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.astracia .signals-rising li { display: flex; align-items: center; gap: 10px; min-width: 0; }
body.astracia .signals-rising li > span:last-child { min-width: 0; }
body.astracia .signals-rank { width: 16px; color: #536471; font-size: 12px; font-weight: 700; text-align: right; flex-shrink: 0; }
body.astracia .signals-rising a, body.astracia .signals-mini a { color: #0f1419; font-weight: 600; font-size: 14px; text-decoration: none; overflow-wrap: anywhere; }
body.astracia .signals-rising a:hover, body.astracia .signals-mini a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .signals-rising small, body.astracia .signals-mini small { display: block; color: #536471; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
body.astracia .signals-more { display: inline-block; margin-top: 10px; color: #1d9bf0; font-size: 13px; font-weight: 600; text-decoration: none; }

@media (max-width: 1100px) {
  body.astracia .signals-layout { grid-template-columns: minmax(0, 1fr); }
  body.astracia .signals-rail { position: static; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
}
@media (max-width: 640px) {
  body.astracia .signals-intro { flex-direction: column; align-items: flex-start; }
  body.astracia .signals-spark { text-align: left; }
  body.astracia .signal { padding: 12px; }
  body.astracia .signal-logo { width: 32px; height: 32px; }
}
body.astracia .signals-bars .h0 { height: 4px; } body.astracia .signals-bars .h1 { height: 9px; } body.astracia .signals-bars .h2 { height: 14px; }
body.astracia .signals-bars .h3 { height: 19px; } body.astracia .signals-bars .h4 { height: 24px; } body.astracia .signals-bars .h5 { height: 30px; }
body.astracia .signals-bars .h6 { height: 36px; } body.astracia .signals-bars .h7 { height: 42px; } body.astracia .signals-bars .h8 { height: 48px; }
body.astracia .signals-bars .h9 { height: 54px; } body.astracia .signals-bars .h10 { height: 60px; }
body.astracia .signals-astracia { border-color: #1d9bf0; }
body.astracia .signals-astracia h2 { display: flex; justify-content: space-between; color: #0f1419; background: #e8f5fd; }
body.astracia .signals-astracia h2 a { color: #1d9bf0; text-decoration: none; font-weight: 600; }
body.astracia .signals-astracia .signal { align-items: center; }
body.astracia .signals-vote { flex-shrink: 0; padding: 6px 14px; border-radius: 999px; background: #0f1419; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
body.astracia .signals-vote:hover { background: #272c30; }
body.astracia .signal-also { margin: 6px 0 0; font-size: 12px; color: #536471; }
body.astracia .signal-also a { color: #1d9bf0; font-weight: 600; text-decoration: none; }
body.astracia .signal-also a:hover { text-decoration: underline; }
body.astracia .signals-tabs { display: flex; gap: 4px; border-bottom: 1px solid #eff3f4; margin: 0 0 16px; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
body.astracia .signals-tabs a { padding: 10px 16px; color: #536471; font-weight: 600; font-size: 15px; text-decoration: none; border-bottom: 3px solid transparent; white-space: nowrap; flex-shrink: 0; }
body.astracia .signals-tabs a:hover { background: #f7f9f9; color: #0f1419; }
body.astracia .signals-tabs a.aktivna { color: #0f1419; border-bottom-color: #1d9bf0; }
body.astracia .oss-rank { width: 28px; font-size: 15px; padding-top: 2px; }
body.astracia .oss-gain { color: #00875a; font-weight: 700; }
body.astracia .news-site { color: #536471; font-size: 13px; }
body.astracia .news-startups { margin: 6px 0 0; display: flex; gap: 6px; flex-wrap: wrap; }
body.astracia .news-startups a { padding: 2px 10px; border-radius: 999px; background: #e8f5fd; color: #1d9bf0; font-size: 12px; font-weight: 600; text-decoration: none; }
/* 13. 10. 2026: ikonica i ime izvora uz vest, kartica „Sources“ sa brojem vesti po izvoru */
body.astracia .news-source { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; color: #0f1419; }
body.astracia .news-source-icon { width: 14px; height: 14px; border-radius: 3px; flex-shrink: 0; }
body.astracia .news-sources { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; }
body.astracia .news-sources li { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
body.astracia .news-sources small { color: #536471; font-size: 12px; font-variant-numeric: tabular-nums; }

/* Rising, Trends i Momentum (12. 10. 2026) */
body.astracia .startup-momentum { --sig-blue: #1d9bf0; --sig-green: #00875a; --sig-violet: #7856ff; --sig-amber: #b25f00; --sig-red: #d4183d; --sig-grey: #536471; }
body.astracia .signals-filter select[name="category"] { flex: 0 1 320px; }
body.astracia .signals-filter .signals-kind { cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; }
body.astracia .rising-row { align-items: center; }
body.astracia .rising-side { flex-shrink: 0; display: grid; justify-items: end; gap: 2px; width: 110px; }
body.astracia .momentum-score { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 28px; padding: 0 8px; border-radius: 999px;
  background: #0f1419; color: #fff; font-weight: 700; font-size: 14px; }
body.astracia .momentum-score.big { min-width: 64px; height: 48px; font-size: 24px; border-radius: 14px; }
body.astracia .rising-side small, body.astracia .momentum-label small { font-size: 11px; color: #536471; }
body.astracia small.up, body.astracia .trend-change.up { color: #00875a; }
body.astracia small.down, body.astracia .trend-change.down { color: #d4183d; }
body.astracia .rising-spark { display: block; width: 96px; height: 28px; }
body.astracia .rising-spark svg, body.astracia .trend-chart svg, body.astracia .momentum-mini svg, body.astracia .momentum-stacked svg,
body.astracia .momentum-series svg { display: block; width: 100%; height: 100%; }
body.astracia svg .bar { fill: #cfd9de; }
body.astracia svg .bar.now { fill: #1d9bf0; }
body.astracia svg .area { fill: rgba(29, 155, 240, .12); stroke: none; }
body.astracia svg .stroke { fill: none; stroke: #1d9bf0; stroke-width: 2; vector-effect: non-scaling-stroke; }
body.astracia svg .g-launch, body.astracia .momentum-legend .g-launch::before { fill: #1d9bf0; background: #1d9bf0; }
body.astracia svg .g-growth, body.astracia .momentum-legend .g-growth::before { fill: #00875a; background: #00875a; }
body.astracia svg .g-product, body.astracia .momentum-legend .g-product::before { fill: #7856ff; background: #7856ff; }
body.astracia svg .g-team, body.astracia .momentum-legend .g-team::before { fill: #0f1419; background: #0f1419; }
body.astracia svg .g-money, body.astracia .momentum-legend .g-money::before { fill: #b25f00; background: #b25f00; }
body.astracia svg .g-news, body.astracia .momentum-legend .g-news::before { fill: #e0245e; background: #e0245e; }

body.astracia .trends-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
body.astracia .trend-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
body.astracia .trend-head h2 a { color: #0f1419; text-decoration: none; }
body.astracia .trend-head h2 a:hover { color: #1d9bf0; }
body.astracia .trend-change { font-weight: 700; font-size: 15px; }
body.astracia .trend-nums { margin: 2px 0 8px; font-size: 13px; color: #536471; }
body.astracia .trend-nums strong { color: #0f1419; font-size: 18px; }
body.astracia .trend-chart { display: block; height: 40px; }
body.astracia .trend-foot { margin: 8px 0 0; display: flex; gap: 6px; flex-wrap: wrap; font-size: 12px; color: #536471; }
body.astracia .trend-foot a { margin-left: auto; color: #1d9bf0; font-weight: 600; text-decoration: none; }

body.astracia .startup-momentum .momentum-head { display: flex; justify-content: space-between; align-items: baseline; }
body.astracia .startup-momentum h2 { margin: 0; }
body.astracia .momentum-top { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; margin-top: 8px; }
body.astracia .momentum-scorebox { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; align-items: center; }
body.astracia .momentum-label { display: grid; font-size: 13px; font-weight: 600; color: #0f1419; }
body.astracia .momentum-mini { grid-column: 1 / -1; display: block; height: 40px; }
body.astracia .momentum-caption { font-size: 12px; color: #536471; }
body.astracia .momentum-stacked { display: block; height: 80px; margin-top: 4px; max-width: 560px; }
body.astracia .momentum-legend { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11px; color: #536471; }
body.astracia .momentum-legend li { display: inline-flex; align-items: center; gap: 5px; }
body.astracia .momentum-legend li::before { content: ""; width: 8px; height: 8px; border-radius: 2px; }
body.astracia .momentum-series { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; margin-top: 16px; }
body.astracia .momentum-series figure { margin: 0; }
body.astracia .momentum-series figure > span { display: block; height: 40px; }
body.astracia .momentum-series figcaption { margin-top: 4px; font-size: 12px; color: #536471; display: flex; gap: 6px; flex-wrap: wrap; align-items: baseline; }
body.astracia .momentum-series figcaption strong { color: #0f1419; }
body.astracia .momentum-recent { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; font-size: 13px; }
body.astracia .momentum-recent li { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
body.astracia .momentum-recent a { color: #0f1419; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
body.astracia .momentum-recent a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .momentum-recent time { color: #536471; font-size: 12px; }
@media (max-width: 640px) {
  body.astracia .momentum-top { grid-template-columns: minmax(0, 1fr); }
  body.astracia .rising-side { width: 72px; }
  body.astracia .rising-spark { width: 72px; }
}
/* 13. 10. 2026: ikonice na tabovima Signals. */
body.astracia .signals-tabs a { display: inline-flex; align-items: center; gap: 7px; }
body.astracia .signals-tabs .signals-icon { width: 17px; height: 17px; flex-shrink: 0; }
/* 13. 10. 2026: Funding i Open source filteri u jednom kompaktnom redu, isti izgled kao Investors (signals-filter). */
body.astracia .funding-filter label, body.astracia .oss-filter label { display: inline-flex; min-width: 0; }
body.astracia .signals-filter input[type="number"] { height: 38px; width: 130px; border: 1px solid #cfd9de; border-radius: 999px; padding: 0 12px; background: #fff; color: #0f1419; font: inherit; font-size: 14px; }
body.astracia .funding-filter select, body.astracia .oss-filter select { max-width: 220px; text-overflow: ellipsis; }
@media (max-width: 640px) {
  body.astracia .funding-filter label, body.astracia .oss-filter label { flex: 1 1 calc(50% - 8px); }
  body.astracia .funding-filter select, body.astracia .oss-filter select, body.astracia .funding-filter input[type="number"] { width: 100%; max-width: none; }
}

/* 14. 10. 2026 (SIGNALI-APP-INTEL): tab Winning · beta — brojevi u zaglavlju, redovi oglasa i top lista. */
body.astracia .winning-stats { list-style:none; margin:0 0 14px; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; }
body.astracia .winning-stats li { border:1px solid #eff3f4; border-radius:12px; padding:10px 12px; display:grid; gap:2px; }
body.astracia .winning-stats strong { font-size:22px; line-height:1.1; }
body.astracia .winning-stats span { color:#536471; font-size:13px; }
body.astracia .winning-stats small { color:#536471; font-size:12px; }
body.astracia .winning-change { font-weight:600; }
body.astracia .winning-change.up { color:#00ba7c; }
body.astracia .winning-change.down { color:#f4212e; }
body.astracia .winning-line { margin:2px 0; }
body.astracia .winning-list .chip.tih { margin-left:6px; }
/* 14. 10. 2026 (SIGNALI-APP-INTEL): blok „Podcasts talking about X“ na profilu startapa. */
body.astracia .startup-podcasts .momentum-head { display: flex; justify-content: space-between; align-items: baseline; }
body.astracia .startup-podcasts h2 { margin: 0; }
body.astracia .startup-podcasts .podcast-beta { font-size: 13px; font-weight: 500; color: #536471; }
body.astracia .podcast-episodes { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; font-size: 14px; }
body.astracia .podcast-episodes li { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
body.astracia .podcast-episodes .podcast-feed { font-size: 12px; font-weight: 600; color: #536471; text-transform: uppercase; letter-spacing: 0.02em; }
body.astracia .podcast-episodes a { color: #0f1419; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
body.astracia .podcast-episodes a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .podcast-episodes time { color: #536471; font-size: 12px; }
body.astracia .startup-podcasts .podcast-note { margin: 12px 0 0; font-size: 12px; color: #536471; }
/* 14. 10. 2026 (SIGNALI-APP-INTEL): sekcija "Advertising · beta" na profilu startapa (fragments/startup-ads.html). */
body.astracia .startup-ads { margin: 20px 0; background: #fff; border: 1px solid #cfd9de; border-top: 3px solid #b25f00; border-radius: 16px; overflow: hidden; }
body.astracia .startup-ads > header { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #fff8ef; border-bottom: 1px solid #f3dcc0; }
body.astracia .startup-ads > header h2 { margin: 0; font-size: 15.5px; }
body.astracia .startup-ads .ads-beta { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #b25f00; border: 1px solid #f3dcc0; border-radius: 999px; padding: 1px 7px; }
body.astracia .startup-ads .ads-chip { margin-left: auto; font-size: 12px; color: #536471; }
body.astracia .startup-ads ul { list-style: none; margin: 0; padding: 0; }
body.astracia .startup-ads .ads-networks > li { padding: 11px 16px; border-top: 1px solid #eff3f4; }
body.astracia .startup-ads .ads-networks > li:first-child { border-top: 0; }
body.astracia .startup-ads .ads-network, body.astracia .startup-ads .ads-creatives li { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; font-size: 13px; }
body.astracia .startup-ads .ads-network strong { color: #0f1419; }
body.astracia .startup-ads .ads-network span, body.astracia .startup-ads .ads-creatives span { color: #536471; }
body.astracia .startup-ads a { color: #1d9bf0; text-decoration: none; }
body.astracia .startup-ads a:hover { text-decoration: underline; }
body.astracia .startup-ads .ads-creatives { margin-top: 6px; padding-left: 12px; border-left: 2px solid #eff3f4; }
body.astracia .startup-ads .ads-creatives li { padding: 3px 0; font-size: 12.5px; }
body.astracia .startup-ads .ads-note { margin: 0; padding: 8px 16px 12px; font-size: 12px; color: #536471; }
/* 14. 10. 2026 (SIGNALI-APP-INTEL): sekcija „Mobile app · beta“ na profilu startapa (fragments/startup-apps.html). */
body.astracia .startup-apps { margin-top: 24px; }
body.astracia .startup-apps header { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
body.astracia .startup-apps header h2 { margin: 0; }
body.astracia .startup-apps .apps-beta { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #536471; border: 1px solid #cfd9de; border-radius: 999px; padding: 1px 8px; }
body.astracia .startup-apps .apps-charting { margin-left: auto; font-size: 12px; color: #0f7b3e; background: #e8f5ee; border-radius: 999px; padding: 2px 10px; }
body.astracia .startup-apps ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 12px; }
body.astracia .startup-apps li { border: 1px solid #eff3f4; border-radius: 12px; padding: 12px 14px; }
body.astracia .startup-apps li.apps-removed { opacity: .7; }
body.astracia .startup-apps .apps-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 15px; }
body.astracia .startup-apps .apps-head a { color: #0f1419; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
body.astracia .startup-apps .apps-head a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .startup-apps .apps-store { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #536471; background: #f7f9f9; border-radius: 6px; padding: 2px 6px; }
body.astracia .startup-apps .apps-removed-note { font-size: 12px; color: #b45309; }
body.astracia .startup-apps .apps-facts { margin: 8px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px 16px; font-size: 13px; }
body.astracia .startup-apps .apps-facts div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.astracia .startup-apps .apps-facts dt { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #536471; }
body.astracia .startup-apps .apps-facts dd { margin: 0; color: #0f1419; display: flex; gap: 6px; flex-wrap: wrap; align-items: baseline; }
body.astracia .startup-apps .apps-facts time, body.astracia .startup-apps .apps-others { color: #536471; font-size: 12px; }


/* ---- astracia-signals-maps.css ---- */
/* Market maps (12. 10. 2026, izveštaj 04 M1) i „How it compares“ na profilu; ostali stilovi su u astracia-signals.css. */
body.astracia .maps-index { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-bottom: 24px; }
body.astracia .maps-root h2 a { color: #0f1419; text-decoration: none; }
body.astracia .maps-root h2 a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .maps-crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 6px; font-size: 13px; color: #536471; }
body.astracia .maps-crumbs a { color: #536471; text-decoration: none; }
body.astracia .maps-crumbs a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .maps-title { margin: 0 0 8px; font-size: 24px; color: #0f1419; }
body.astracia .maps-kpi { display: grid; gap: 4px; margin: 0 0 8px; font-size: 14px; color: #536471; }
body.astracia .maps-kpi strong { color: #0f1419; font-size: 15px; }
body.astracia .maps-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 12px; }
body.astracia .maps-filter-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #536471; margin-left: 4px; }
body.astracia .maps-filters .signals-kind.aktivna { background: #0f1419; border-color: #0f1419; color: #fff; }
body.astracia .maps-filters .signals-more { margin-top: 0; }
body.astracia .maps-matching { margin: 0 0 12px; font-size: 13px; color: #536471; }
body.astracia .maps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin-bottom: 24px; }
body.astracia .maps-group { background: #fff; border: 1px solid #cfd9de; border-radius: 16px; padding: 14px 16px; min-width: 0; }
body.astracia .maps-group.maps-other { background: #f7f9f9; }
body.astracia .maps-group h3 { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 12px; font-size: 15px; color: #0f1419; }
body.astracia .maps-group h3 small { color: #536471; font-weight: 600; font-size: 12px; }
body.astracia .maps-more { margin: 10px 0 0; font-size: 12px; color: #536471; }
body.astracia .map-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 10px; }
body.astracia .map-tile { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-decoration: none; color: #0f1419; }
body.astracia .map-tile:hover .map-tile-name { color: #1d9bf0; text-decoration: underline; }
body.astracia .map-logo { width: 44px; height: 44px; flex: 0 0 44px; }
body.astracia .map-tile-name { max-width: 100%; font-size: 12px; font-weight: 600; line-height: 1.25; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
body.astracia .maps-method { margin-bottom: 24px; }

body.astracia .startup-compare .compare-scope { margin: 0 0 10px; font-size: 13px; color: #536471; }
body.astracia .startup-compare .compare-metrics { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
body.astracia .startup-compare .compare-metrics li { border: 1px solid #cfd9de; border-radius: 12px; padding: 10px 12px; display: grid; gap: 4px; }
body.astracia .startup-compare .compare-metrics li.compare-top { border-color: #00875a; }
body.astracia .startup-compare .compare-metrics strong { font-size: 14px; color: #0f1419; line-height: 1.3; }
body.astracia .startup-compare .compare-metrics small { font-size: 12px; color: #536471; }
body.astracia .startup-compare .compare-peers h3 { margin: 0 0 10px; font-size: 14px; color: #0f1419; }

@media (max-width: 640px) {
  body.astracia .maps-grid, body.astracia .maps-index { grid-template-columns: minmax(0, 1fr); }
  body.astracia .map-tiles { grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); }
}

/* „Share this map“ (izveštaj 04 §5.2): preuzimanje slike i embed kod. */
body.astracia .maps-share { margin-bottom: 16px; display: grid; gap: 8px; }
body.astracia .maps-share h2 { margin: 0; font-size: 16px; color: #0f1419; }
body.astracia .maps-share p { margin: 0; font-size: 13px; color: #536471; }
body.astracia .maps-share-actions a { font-weight: 700; color: #1d9bf0; }
body.astracia .maps-share-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #536471; }
body.astracia .maps-embed-code { width: 100%; box-sizing: border-box; font: 12px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #0f1419; background: #f7f9f9; border: 1px solid #cfd9de; border-radius: 10px; padding: 8px 10px; resize: vertical; }
body.astracia .maps-share-copy { justify-self: start; border: 1px solid #0f1419; background: #0f1419; color: #fff; border-radius: 999px; padding: 6px 14px; font-weight: 700; font-size: 13px; cursor: pointer; }
body.astracia .maps-share-copy[hidden] { display: none; }
/* 13. 10. 2026: ikonice kategorija uz nazive mapa i kratko objašnjenje na strani mape */
body.astracia .maps-icon-link { display: inline-flex; align-items: center; gap: .4em; }
body.astracia .maps-explain { margin: 4px 0 0; color: #536471; font-size: 14px; }


/* ---- astracia-signals-score.css ---- */
/* F6 (12. 10. 2026): Astracia Signal Score na profilu, /signals/compare i /signals/investors/match. Ista X paleta kao astracia-signals.css. */
body.astracia .signal-score-total { margin: 4px 0 10px; font-size: 15px; color: #536471; }
body.astracia .signal-score-total strong { font-size: 32px; color: #0f1419; font-weight: 700; }
body.astracia .signal-score-parts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px 16px; margin: 0 0 10px; }
body.astracia .signal-score-parts div { min-width: 0; }
body.astracia .signal-score-parts dt { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #536471; }
body.astracia .signal-score-parts dd { margin: 2px 0 0; display: flex; align-items: center; gap: 8px; font-weight: 600; color: #0f1419; }
body.astracia .signal-score-parts meter { flex: 1; min-width: 60px; height: 8px; }
body.astracia .signal-score-note span + span::before { content: " "; }

body.astracia .compare-scroll { overflow-x: auto; border: 1px solid #cfd9de; border-radius: 16px; background: #fff; }
body.astracia .compare-table { width: 100%; border-collapse: collapse; font-size: 14px; }
body.astracia .compare-table th, body.astracia .compare-table td { padding: 10px 14px; border-top: 1px solid #eff3f4; text-align: left; vertical-align: top; }
body.astracia .compare-table thead th { border-top: 0; background: #f7f9f9; font-size: 15px; }
body.astracia .compare-table thead th a { color: #0f1419; text-decoration: none; }
body.astracia .compare-table thead th a:hover { text-decoration: underline; }
body.astracia .compare-table tbody th { width: 180px; color: #536471; font-weight: 600; font-size: 13px; white-space: nowrap; }
body.astracia .compare-table ul { list-style: none; margin: 0; padding: 0; }
body.astracia .compare-table li + li { margin-top: 4px; }
body.astracia .compare-table small { color: #536471; }
body.astracia .compare-form { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
body.astracia .compare-form input { flex: 1 1 260px; height: 38px; border: 1px solid #cfd9de; border-radius: 999px; padding: 0 14px; font: inherit; }

body.astracia .match-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; align-items: end; margin-bottom: 16px; }
body.astracia .match-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: #536471; }
body.astracia .match-form select, body.astracia .match-form input { height: 38px; border: 1px solid #cfd9de; border-radius: 12px; padding: 0 10px; background: #fff; color: #0f1419; font: inherit; font-size: 14px; }
body.astracia .match-score { font-weight: 700; color: #0f1419; }
body.astracia .match-parts { margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; color: #536471; }
body.astracia .match-parts li { padding: 1px 8px; border-radius: 999px; border: 1px solid #cfd9de; }
body.astracia .match-competitor { color: #b25f00; }
body.astracia .match-disclaimer { padding: 10px 14px; border-radius: 12px; background: #f7f9f9; color: #536471; font-size: 13px; }


/* ---- astracia-signals-why.css ---- */
/* Signals „zašto“ (13. 10. 2026): kako je računat trend, zašto je startap porastao, izvor signala, detalj ranog kandidata. */
body.astracia .trend-method { margin: 0 0 16px; font-size: 13px; color: #536471; }
body.astracia .trend-method summary { cursor: pointer; font-weight: 600; color: #0f1419; }
body.astracia .trend-method ul { margin: 6px 0 0; padding-left: 18px; }
body.astracia .trend-change:not(.up):not(.down) { color: #8b98a5; font-size: 12px; font-weight: 600; }
body.astracia .rising-why { margin: 6px 0 0; font-size: 13px; color: #536471; }
body.astracia .rising-why summary { cursor: pointer; color: #0f1419; font-weight: 600; }
body.astracia .rising-parts { margin: 6px 0; border-collapse: collapse; font-size: 12px; }
body.astracia .rising-parts th { text-align: left; font-weight: 600; color: #0f1419; padding: 2px 10px 2px 0; }
body.astracia .rising-parts td { padding: 2px 10px 2px 0; }
body.astracia .rising-points { font-variant-numeric: tabular-nums; color: #00875a; font-weight: 700; white-space: nowrap; }
body.astracia .rising-top-title { margin: 6px 0 2px; font-weight: 600; color: #0f1419; font-size: 12px; }
body.astracia .rising-top { margin: 0; padding-left: 0; list-style: none; display: grid; gap: 4px; }
body.astracia .rising-top a { color: #1d9bf0; text-decoration: none; }
body.astracia .rising-top a:hover { text-decoration: underline; }
@media (max-width: 640px) { body.astracia .rising-parts td:last-child { display: none; } }
body.astracia .early-company { display: flex; gap: 10px; align-items: flex-start; }
body.astracia .early-on { display: block; font-size: 11px; color: #00875a; font-weight: 600; }
body.astracia .early-back { margin: 0 0 12px; font-size: 13px; }
body.astracia .early-back a { color: #1d9bf0; text-decoration: none; }
body.astracia .early-detail { display: grid; gap: 14px; align-content: start; }
body.astracia .early-detail-head { display: flex; gap: 14px; align-items: flex-start; }
body.astracia .early-detail-head > div { flex: 1; min-width: 0; }
body.astracia .early-detail-head h1 { margin: 0; font-size: 24px; color: #0f1419; overflow-wrap: anywhere; }
body.astracia .early-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0; font-size: 14px; }
body.astracia .early-facts dt { color: #536471; }
body.astracia .early-facts dd { margin: 0; color: #0f1419; }
body.astracia .early-facts a { color: #1d9bf0; text-decoration: none; }
body.astracia .early-reasons { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 14px; }
body.astracia .early-reasons strong.up { color: #00875a; }
body.astracia .early-reasons strong.down { color: #d4183d; }
@media (max-width: 640px) { body.astracia .early-facts { grid-template-columns: 1fr; gap: 2px; } body.astracia .early-facts dd { margin-bottom: 8px; } }


/* ---- astracia-signals-eco.css ---- */
/* Signals → Ecosystems i Reports (12. 10. 2026): /signals/ecosystems, /signals/ecosystems/{root}, /signals/reports.
   Ista X paleta kao astracia-signals.css; bez inline stilova (CSP). */
body.astracia .eco-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 0 0 16px; }
body.astracia .eco-card h2 a { color: #0f1419; text-decoration: none; }
body.astracia .eco-card h2 a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .eco-big { margin: 2px 0 8px; color: #536471; font-size: 13px; }
body.astracia .eco-big strong { color: #0f1419; font-size: 22px; font-weight: 800; margin-right: 4px; }
body.astracia .eco-nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 10px; }
body.astracia .eco-nums div { min-width: 0; }
body.astracia .eco-nums dt { color: #536471; font-size: 11px; line-height: 1.3; }
body.astracia .eco-nums dd { margin: 2px 0 0; color: #0f1419; font-size: 15px; font-weight: 700; }
body.astracia .eco-spark { margin: 0; }
body.astracia .eco-spark > span { display: block; height: 28px; }
body.astracia .eco-spark svg, body.astracia .eco-chart-box svg { display: block; width: 100%; height: 100%; }
body.astracia .eco-spark figcaption { margin-top: 4px; color: #536471; font-size: 11px; }

body.astracia .eco-countries, body.astracia .eco-method, body.astracia .eco-growth, body.astracia .eco-reports { margin: 0 0 16px; }
body.astracia .eco-country-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
body.astracia .eco-country-list li { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; color: #0f1419; }
body.astracia .eco-country-list small { color: #536471; }
body.astracia .eco-method ul { margin: 0 0 8px; padding-left: 18px; color: #536471; font-size: 13px; line-height: 1.5; }
body.astracia .eco-method p { margin: 0 0 8px; color: #536471; font-size: 13px; }
body.astracia .eco-method strong { color: #0f1419; }

body.astracia .eco-intro { align-items: flex-start; }
body.astracia .eco-crumbs { margin: 0 0 4px; color: #536471; font-size: 13px; }
body.astracia .eco-crumbs a { color: #1d9bf0; text-decoration: none; }
body.astracia .eco-crumbs a:hover { text-decoration: underline; }
body.astracia .eco-title { margin: 0 0 6px; color: #0f1419; font-size: 24px; line-height: 1.2; }

body.astracia .eco-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin: 0 0 16px; }
body.astracia .eco-kpi { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.astracia .eco-kpi > span { color: #536471; font-size: 12px; }
body.astracia .eco-kpi strong { color: #0f1419; font-size: 24px; font-weight: 800; }
body.astracia .eco-kpi small { color: #536471; font-size: 12px; }
body.astracia .eco-share { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 10px; color: #0f1419; font-size: 14px; font-weight: 700; }

body.astracia .eco-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 16px; }
body.astracia .eco-chart { margin: 0; min-width: 0; }
body.astracia .eco-chart-box { display: block; height: 80px; margin: 8px 0 4px; }
body.astracia .eco-chart figcaption { display: flex; justify-content: space-between; color: #536471; font-size: 11px; }
body.astracia .eco-hbars { display: block; margin: 8px 0; }
body.astracia .eco-hbars svg { display: block; width: 100%; height: auto; }
body.astracia svg .hbar-label { fill: #0f1419; font-size: 12px; }
body.astracia svg .hbar-value { fill: #536471; font-size: 11px; }
body.astracia .eco-chart figcaption.eco-sublinks { display: block; line-height: 1.6; font-size: 12px; }
body.astracia .eco-sublinks a { color: #1d9bf0; text-decoration: none; margin-left: 6px; }
body.astracia .eco-sublinks a:hover { text-decoration: underline; }

body.astracia .eco-lists { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin: 0 0 16px; }
body.astracia .eco-items li { display: flex; align-items: center; gap: 8px; min-width: 0; }
body.astracia .eco-items li > a { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.astracia .eco-items li > small { margin-left: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%; }
body.astracia .eco-items li > .momentum-score { margin-left: auto; }

body.astracia .eco-table { width: 100%; border-collapse: collapse; font-size: 13px; color: #0f1419; }
body.astracia .eco-table th { text-align: left; color: #536471; font-weight: 600; font-size: 12px; padding: 6px 8px; border-bottom: 1px solid #eff3f4; }
body.astracia .eco-table td { padding: 6px 8px; border-bottom: 1px solid #eff3f4; }
body.astracia .eco-table .num { text-align: right; white-space: nowrap; }
body.astracia .eco-table tfoot td { color: #536471; font-size: 12px; border-bottom: 0; }
body.astracia .eco-table a { color: #0f1419; text-decoration: none; font-weight: 600; }
body.astracia .eco-table a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .eco-growth { overflow-x: auto; }

body.astracia .eco-report-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
body.astracia .eco-report-list li { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
body.astracia .eco-report-list a { color: #0f1419; text-decoration: none; font-weight: 600; }
body.astracia .eco-report-list a:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .eco-report-list a.eco-csv { color: #1d9bf0; font-weight: 600; font-size: 12px; }

@media (max-width: 760px) {
  body.astracia .eco-charts { grid-template-columns: minmax(0, 1fr); }
  body.astracia .eco-title { font-size: 20px; }
}


/* ---- astracia-signals-ask.css ---- */
/* Ask Astracia (12. 10. 2026): /signals/ask i /ask-actions/**. Ista paleta kao Signals (tekst #0f1419, sivo #536471, linije #cfd9de, link #1d9bf0). */
.ask-page { --ask-text: #0f1419; --ask-muted: #536471; --ask-line: #cfd9de; --ask-soft: #f7f9f9; --ask-link: #1d9bf0; --ask-ok: #00875a; --ask-error: #d4183d; }
.ask-page .ask-muted { color: var(--ask-muted); font-size: 13px; line-height: 1.45; }
.ask-page .ask-block { display: block; margin-top: 2px; }
.ask-page .ask-note { display: block; }

.ask-form { display: grid; gap: 12px; margin-bottom: 16px; }
.ask-form .ask-label { font-weight: 700; font-size: 15px; color: var(--ask-text); }
.ask-form .ask-question { width: 100%; box-sizing: border-box; min-height: 84px; padding: 10px 12px; border: 1px solid var(--ask-line); border-radius: 12px; font: inherit; font-size: 15px; resize: vertical; }
.ask-form .ask-fields { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 14px; }
.ask-form .ask-fields legend { font-size: 13px; font-weight: 700; color: var(--ask-muted); margin-bottom: 6px; padding: 0; }
.ask-form .ask-fields label { display: grid; gap: 4px; font-size: 13px; color: var(--ask-muted); }
.ask-form .ask-fields select, .ask-form .ask-fields input[type="number"], .ask-form .ask-fields input[type="date"] { height: 36px; border: 1px solid var(--ask-line); border-radius: 10px; padding: 0 10px; font: inherit; font-size: 14px; color: var(--ask-text); background: #fff; }
.ask-form .ask-check { display: flex; align-items: center; gap: 8px; grid-column: 1 / -1; }
.ask-form .ask-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ask-form .ask-actions a, .ask-guest a, .ask-how a, .ask-links a, .ask-back a { color: var(--ask-link); font-weight: 600; text-decoration: none; }
.ask-form .ask-actions a:hover, .ask-guest a:hover, .ask-links a:hover { text-decoration: underline; }
.ask-guest { margin: 0; padding: 10px 12px; border-radius: 12px; background: var(--ask-soft); color: var(--ask-text); font-size: 14px; }
.ask-how ol { margin: 6px 0 8px; padding-left: 20px; color: var(--ask-text); font-size: 14px; line-height: 1.5; }

.ask-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ask-table th { text-align: left; font-size: 12px; color: var(--ask-muted); font-weight: 700; padding: 8px 10px; border-bottom: 1px solid var(--ask-line); }
.ask-table td { padding: 10px; border-bottom: 1px solid #eff3f4; vertical-align: top; color: var(--ask-text); overflow-wrap: anywhere; }
.ask-table .ask-name { font-weight: 700; color: var(--ask-text); text-decoration: none; }
.ask-table .ask-name:hover { color: var(--ask-link); text-decoration: underline; }
.ask-evidence { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; }
.ask-evidence a { color: var(--ask-link); text-decoration: none; }
.ask-evidence time { color: var(--ask-muted); margin-left: 4px; }
.ask-coverage h2 { margin: 0 0 4px; font-size: 16px; }

.ask-results { max-width: 1100px; }
.ask-results h2 { font-size: 18px; margin: 24px 0 8px; }
.ask-results .ask-question-echo { font-size: 17px; font-weight: 600; color: var(--ask-text); margin: 4px 0 12px; }
.ask-results .ask-answer { border: 1px solid var(--ask-line); border-radius: 16px; padding: 14px 16px; background: #fff; }
.ask-results .ask-answer h2 { margin-top: 0; }
.ask-results .ask-citations { margin: 8px 0 0; padding-left: 22px; font-size: 13px; }
.ask-results .ask-citations a { color: var(--ask-link); text-decoration: none; }
.ask-results .ask-header { font-size: 15px; font-weight: 600; color: var(--ask-text); margin: 16px 0 6px; }
.ask-results .ask-notes { margin: 0 0 8px; padding-left: 20px; color: var(--ask-muted); font-size: 13px; }
.ask-results .ask-save { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 12px 0; padding: 10px 12px; border-radius: 12px; background: var(--ask-soft); }
.ask-results .ask-save input[type="text"] { height: 34px; min-width: 240px; border: 1px solid var(--ask-line); border-radius: 10px; padding: 0 10px; font: inherit; }
.ask-results .ask-saved-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ask-results .ask-saved-list li { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ask-results .ask-saved-list a { color: var(--ask-link); font-weight: 600; text-decoration: none; }
.ask-results .ask-inline { display: inline; margin: 0; }
.ask-results .ask-flash { padding: 8px 12px; border-radius: 10px; font-size: 14px; }
.ask-results .ask-ok { background: #e6f4ee; color: var(--ask-ok); }
.ask-results .ask-error { background: #fdecef; color: var(--ask-error); }
.ask-results .ask-disclaimer { margin-top: 16px; }

@media (max-width: 720px) {
  .ask-form .ask-fields { grid-template-columns: 1fr; }
  .ask-table th:nth-child(3), .ask-table td:nth-child(3) { display: none; }
  .ask-results .ask-save input[type="text"] { min-width: 0; width: 100%; }
}


/* ---- astracia-github.css ---- */
/* 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; }
}

/* 13. 10. 2026 — ikonica u svakom redu (OssIcons): logo startapa ili avatar vlasnika, tačka programskog jezika u boji
   kao na GitHubu, objašnjenje Indeksa i istaknuta kolona po kojoj je rang sortiran. */
body.astracia .oss-logo { width: 28px; height: 28px; flex: 0 0 28px; font-size: 12px; border-radius: 8px; }
body.astracia .oss-avatar { border-radius: 50%; }
body.astracia .oss-item { align-items: flex-start; gap: 10px; }
body.astracia .oss-item .oss-avatar { margin-top: 2px; }
body.astracia .oss-releases li { display: flex; align-items: flex-start; gap: 8px; }
body.astracia .oss-releases .oss-logo { width: 22px; height: 22px; flex-basis: 22px; font-size: 10px; }
body.astracia .oss-lang { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #536471; white-space: nowrap; }
body.astracia .signal-head .oss-lang { margin-left: 8px; font-size: 12px; }
body.astracia .oss-lang-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #8b98a5; border: 1px solid rgba(15, 20, 25, .12); flex: none; }
body.astracia .oss-table td.oss-key { font-weight: 700; }
body.astracia .oss-table td small { color: #536471; font-weight: 400; }
body.astracia .oss-explain { margin: 0 0 16px; max-width: 860px; }
body.astracia .oss-explain h2 { margin: 0 0 6px; font-size: 16px; }
body.astracia .oss-explain p, body.astracia .oss-explain li { font-size: 14px; line-height: 1.5; }
body.astracia .oss-explain ul { margin: 8px 0 0; padding-left: 18px; }
body.astracia .oss-explain li + li { margin-top: 4px; }
body.astracia .oss-lang-dot.lang-typescript { background: #3178c6; } body.astracia .oss-lang-dot.lang-javascript { background: #f1e05a; }
body.astracia .oss-lang-dot.lang-python { background: #3572a5; } body.astracia .oss-lang-dot.lang-go { background: #00add8; }
body.astracia .oss-lang-dot.lang-rust { background: #dea584; } body.astracia .oss-lang-dot.lang-java { background: #b07219; }
body.astracia .oss-lang-dot.lang-kotlin { background: #a97bff; } body.astracia .oss-lang-dot.lang-swift { background: #f05138; }
body.astracia .oss-lang-dot.lang-c { background: #555555; } body.astracia .oss-lang-dot.lang-cpp { background: #f34b7d; }
body.astracia .oss-lang-dot.lang-csharp { background: #178600; } body.astracia .oss-lang-dot.lang-ruby { background: #701516; }
body.astracia .oss-lang-dot.lang-php { background: #4f5d95; } body.astracia .oss-lang-dot.lang-html { background: #e34c26; }
body.astracia .oss-lang-dot.lang-css { background: #663399; } body.astracia .oss-lang-dot.lang-shell { background: #89e051; }
body.astracia .oss-lang-dot.lang-dart { background: #00b4ab; } body.astracia .oss-lang-dot.lang-elixir { background: #6e4a7e; }
body.astracia .oss-lang-dot.lang-scala { background: #c22d40; } body.astracia .oss-lang-dot.lang-vue { background: #41b883; }
body.astracia .oss-lang-dot.lang-svelte { background: #ff3e00; } body.astracia .oss-lang-dot.lang-lua { background: #000080; }
body.astracia .oss-lang-dot.lang-zig { background: #ec915c; } body.astracia .oss-lang-dot.lang-haskell { background: #5e5086; }
body.astracia .oss-lang-dot.lang-jupyter { background: #da5b0b; } body.astracia .oss-lang-dot.lang-mdx { background: #fcb32c; }
body.astracia .oss-lang-dot.lang-objc { background: #438eff; } body.astracia .oss-lang-dot.lang-clojure { background: #db5855; }
body.astracia .oss-lang-dot.lang-lean { background: #3d6fb4; } body.astracia .oss-lang-dot.lang-ocaml { background: #ef7a08; }
body.astracia .oss-lang-dot.lang-nix { background: #7e7eff; } body.astracia .oss-lang-dot.lang-hcl { background: #844fba; }
body.astracia .oss-lang-dot.lang-julia { background: #a270ba; } body.astracia .oss-lang-dot.lang-r { background: #198ce7; }
body.astracia .oss-lang-dot.lang-astro { background: #ff5a03; } body.astracia .oss-lang-dot.lang-solidity { background: #aa6746; }
body.astracia .oss-lang-dot.lang-cuda { background: #3a4e3a; } body.astracia .oss-lang-dot.lang-dockerfile { background: #384d54; }
body.astracia .oss-lang-dot.lang-powershell { background: #012456; } body.astracia .oss-lang-dot.lang-erlang { background: #b83998; }
body.astracia .oss-lang-dot.lang-gdscript { background: #355570; } body.astracia .oss-lang-dot.lang-mojo { background: #ff4c1f; }
body.astracia .oss-lang-dot.lang-vlang { background: #4f87c4; } body.astracia .oss-lang-dot.lang-nim { background: #ffc200; }


/* ---- astracia-youtube.css ---- */
/* 13. 10. 2026 — YouTube signali: /signals/youtube i blok „YouTube“ na profilu startapa.
   Sličice dolaze sa i.ytimg.com / yt3.ggpht.com (CSP img-src https:); bez inline stilova zbog CSP-a. */
body.astracia .yt-thumb { width: 160px; aspect-ratio: 16 / 9; height: auto; object-fit: cover; border-radius: 10px; flex-shrink: 0; background: #eff3f4; display: block; }
body.astracia .yt-thumb-link { flex-shrink: 0; display: block; line-height: 0; }
body.astracia .yt-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #eff3f4; }
body.astracia .yt-gain { color: #00875a; font-weight: 700; }
body.astracia .yt-startup { display: inline-flex; align-items: center; gap: 6px; }
/* 13. 10. 2026: logo startapa kao u Rising redovima; avatar kanala je mali, uz naziv kanala. */
body.astracia .yt-startup { font-weight: 600; color: #0f1419; text-decoration: none; }
body.astracia .yt-startup:hover span:last-child { color: #1d9bf0; text-decoration: underline; }
body.astracia .yt-startup-line, body.astracia .yt-channel-line { margin: 4px 0 0; display: flex; align-items: center; gap: 6px; font-size: 14px; }
body.astracia .yt-avatar.small { width: 20px; height: 20px; }
body.astracia .yt-rank { flex-shrink: 0; width: 28px; text-align: right; font-weight: 700; color: #536471; font-variant-numeric: tabular-nums; }
body.astracia .signal-kind .yt-play { width: 12px; height: 12px; vertical-align: -2px; margin-right: 4px; fill: currentColor; }

/* Profil startapa */
body.astracia .startup-youtube .yt-channel { display: flex; gap: 14px; align-items: center; margin: 4px 0 14px; }
body.astracia .startup-youtube .yt-channel-name { font-weight: 700; font-size: 16px; color: #0f1419; text-decoration: none; }
body.astracia .startup-youtube .yt-channel-name:hover { color: #1d9bf0; text-decoration: underline; }
body.astracia .startup-youtube .yt-stats { margin: 4px 0 0; display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #536471; }
body.astracia .startup-youtube .yt-stats strong { color: #0f1419; }
body.astracia .yt-grid { list-style: none; margin: 0 0 12px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
body.astracia .yt-grid .yt-thumb { width: 100%; }
body.astracia .yt-grid a.yt-card { display: grid; gap: 6px; color: #0f1419; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.35; }
body.astracia .yt-grid a.yt-card:hover span { color: #1d9bf0; text-decoration: underline; }
body.astracia .yt-grid small { display: block; color: #536471; font-size: 12px; font-weight: 400; }
body.astracia .startup-youtube h3 { margin: 6px 0 10px; font-size: 14px; color: #536471; }

@media (max-width: 640px) {
    body.astracia .yt-thumb { width: 112px; }
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) body.astracia .yt-thumb, :root:not([data-theme="light"]) body.astracia .yt-avatar { background: #202327; }
    :root:not([data-theme="light"]) body.astracia .startup-youtube .yt-channel-name,
    :root:not([data-theme="light"]) body.astracia .startup-youtube .yt-stats strong,
    :root:not([data-theme="light"]) body.astracia .yt-grid a.yt-card,
    :root:not([data-theme="light"]) body.astracia .yt-startup { color: #e7e9ea; }
}
:root[data-theme="dark"] body.astracia .yt-startup { color: #e7e9ea; }
:root[data-theme="dark"] body.astracia .yt-thumb, :root[data-theme="dark"] body.astracia .yt-avatar { background: #202327; }
:root[data-theme="dark"] body.astracia .startup-youtube .yt-channel-name,
:root[data-theme="dark"] body.astracia .startup-youtube .yt-stats strong,
:root[data-theme="dark"] body.astracia .yt-grid a.yt-card { color: #e7e9ea; }


/* ---- astracia-network.css ---- */
/* Veze, prethodno iskustvo, „Raising now“ i dugme Follow (12. 10. 2026, izveštaj 05 §4–§6). */
.startup-network .network-head, .person-follow .network-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.network-list { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .65rem; }
.network-list li { line-height: 1.45; }
.network-sources { display: block; color: var(--tiho, #6b7280); margin-top: .15rem; }
.network-quote { display: block; margin-top: .2rem; font-style: italic; color: var(--tiho, #6b7280); }
.network-raising { display: flex; flex-wrap: wrap; gap: .5rem; align-items: baseline; margin: 0 0 .75rem; padding: .5rem .75rem; border-radius: .5rem;
    background: var(--panel-accent, rgba(34, 197, 94, .1)); }
.network-raising-note { flex-basis: 100%; }
.network-note { margin-top: .75rem; }
.raising-form { display: grid; gap: .5rem; max-width: 32rem; }
.raising-form .raising-actions { display: flex; gap: .5rem; flex-wrap: wrap; }