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