/* 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; }
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; }
@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; }
}