@charset "UTF-8";
/* inHUB arayüzü. OdiHire marka dili (tasteskill v2 uyarlaması):
   - inHUB logo renkleri (26 Eki): lacivert #00366F ana renk, mavi #008BD4 tek vurgu (yazıda #0A6FA8); turuncu #E0502A yalnız logoda.
   - Gradyan yok, durağan öğede gölge yok; yüzeyler ton farkıyla ayrılır.
   - Köşe ölçeği: kabuk 26px, iç yüzey 20px, satır 14px, küçük kutu 12px, düğme ve çip tam yuvarlak.
   - Rakamlar tabular; hareket yalnız giriş ve geri bildirim için, reduced-motion'da kapanır. */
:root {
    --navy: #00366F; --navy-deep: #00264F; --blue-soft: #E6EFF8;
    --teal: #008BD4; --teal-ink: #0A6FA8; --teal-soft: #E5F2FB;
    --amber: #B45309; --amber-soft: #FEF3E2; --red: #B42318; --red-soft: #FEF2F2;
    --ink: #0B1F3A; --text: #34445B; --muted: #4F5E75; --faint: #5B6980;
    --line: rgba(15, 60, 117, .10); --line-strong: rgba(15, 60, 117, .18);
    --bg: #F2F5FA; --shell: rgba(15, 60, 117, .045); --tone: #F6F8FC; --tone-2: #EDF1F8;
    --ease: cubic-bezier(.16, 1, .3, 1);
    --r-shell: 26px; --r-core: 20px; --r-row: 14px; --r-box: 12px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 14.5px/1.55 "DM Sans", system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased; }
a { color: var(--navy); text-decoration: none; }
a:hover { color: var(--navy-deep); }
h1, h2, h3, h4 { color: var(--ink); margin: 0; letter-spacing: -.015em; }
h1 { font-size: clamp(24px, 2.4vw, 30px); font-weight: 600; line-height: 1.15; }
h2 { font-size: 16px; font-weight: 600; }
h3 { font-size: 14.5px; font-weight: 600; }
p { margin: 0; }
.num, .tabular { font-variant-numeric: tabular-nums; }
:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ── Kabuk: yan menü + içerik ─────────────────────────────────────────── */
.app { display: grid; grid-template-columns: 236px minmax(0, 1fr); min-height: 100vh; }
.side { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: 4px; padding: 22px 14px; background: #fff; }
.brand { display: flex; align-items: center; gap: 10px; padding: 4px 10px 22px; color: var(--ink); font-weight: 600; font-size: 16.5px; letter-spacing: -.02em; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: var(--navy); color: #fff; font-size: 16px; }
.brand small { display: block; font-size: 11.5px; font-weight: 500; color: var(--muted); letter-spacing: 0; }
.side a.nav { display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-radius: 12px; color: var(--text); font-weight: 500; transition: background .2s, color .2s; }
.side a.nav i { font-size: 16.5px; color: var(--faint); transition: color .2s; }
.side a.nav:hover { background: var(--tone); color: var(--ink); }
.side a.nav.is-on { background: var(--blue-soft); color: var(--navy); }
.side a.nav.is-on i { color: var(--navy); }
.side-foot { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 12px 10px 0; border-top: 1px solid var(--line); }
.side-foot .who { flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; }
.side-foot .who b { display: block; color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-foot .who span { color: var(--muted); font-size: 12px; }
.icon-btn { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; font-size: 16px; transition: background .2s, color .2s; }
.icon-btn:hover { background: var(--tone-2); color: var(--ink); }
.main { min-width: 0; padding: 30px clamp(18px, 3.2vw, 44px) 60px; }
.wrap { max-width: 1240px; margin: 0 auto; }
.tabbar { display: none; }

/* ── Sayfa başı ───────────────────────────────────────────────────────── */
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 24px; }
.page-head .sub { margin-top: 6px; color: var(--muted); font-size: 14.5px; max-width: 70ch; }
.crumb { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; font-size: 13px; color: var(--muted); }
.crumb a { color: var(--muted); }
.crumb a:hover { color: var(--navy); }
.actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 18px; border: 0; border-radius: 999px;
    background: var(--navy); color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap;
    transition: background .2s, color .2s, transform .3s var(--ease); }
.btn:hover { background: var(--navy-deep); color: #fff; transform: translateY(-1px); }
.btn:active { transform: scale(.98); }
.btn.ghost { background: var(--tone-2); color: var(--ink); }
.btn.ghost:hover { background: #E2E8F3; color: var(--ink); }
.btn.quiet { background: transparent; color: var(--navy); padding: 0 12px; }
.btn.quiet:hover { background: var(--tone); }
.btn.teal { background: var(--teal-ink); }
.btn.teal:hover { background: #006667; }
.btn.danger { background: transparent; color: var(--red); }
.btn.danger:hover { background: var(--red-soft); }
.btn.sm { height: 32px; padding: 0 13px; font-size: 13px; }
.btn[disabled] { opacity: .45; pointer-events: none; }
.btn i { font-size: 15px; }

/* ── Yüzeyler ─────────────────────────────────────────────────────────── */
.shell { padding: 6px; border-radius: var(--r-shell); background: var(--shell); }
.panel { background: #fff; border-radius: var(--r-core); padding: 22px; min-width: 0; }
.shell > .panel { height: 100%; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.panel-head .more { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; }
.panel-head .more i { transition: transform .3s var(--ease); }
.panel-head .more:hover i { transform: translateX(3px); }
.tone { background: var(--tone); border-radius: var(--r-row); padding: 14px 16px; }
.grid-75 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; }
.grid-84 { display: grid; grid-template-columns: minmax(0, 8fr) minmax(300px, 4fr); gap: 20px; align-items: start; }
.stack { display: flex; flex-direction: column; gap: 16px; }
.muted { color: var(--muted); }
.faint { color: var(--faint); }
.small { font-size: 13px; }
.mt { margin-top: 16px; }
.mt-s { margin-top: 8px; }

/* ── Büyük rakamlar (kutusuz, ince çizgiyle ayrılmış) ─────────────────── */
.figures { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.figures > div { display: flex; flex-direction: column-reverse; gap: 6px; padding: 2px 22px; border-left: 1px solid var(--line); }
.figures > div:first-child { padding-left: 0; border-left: 0; }
.figures dt { font-size: 13px; color: var(--muted); font-weight: 500; }
.figures dd { margin: 0; font-size: 32px; font-weight: 600; line-height: 1; letter-spacing: -.03em; color: var(--ink); font-variant-numeric: tabular-nums; }
.figures .is-main dd { color: var(--navy); font-size: 40px; }

/* ── Logo kutusu ──────────────────────────────────────────────────────── */
.logo { --c: var(--navy); flex: none; width: 40px; height: 40px; display: grid; place-items: center; overflow: hidden; border-radius: var(--r-box);
    background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--c); font-weight: 600; font-size: 14px; }
.logo.has-img { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.logo img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.logo.lg { width: 76px; height: 76px; border-radius: 20px; font-size: 26px; }
.logo.lg img { padding: 9px; }
.logo.sm { width: 32px; height: 32px; border-radius: 10px; font-size: 12px; }
.avatar { flex: none; width: 40px; height: 40px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--blue-soft); color: var(--navy); font-weight: 600; font-size: 14px; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }

/* ── Puan ─────────────────────────────────────────────────────────────── */
.score { display: inline-flex; align-items: baseline; gap: 2px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink); }
.score small { font-size: 11px; color: var(--faint); font-weight: 500; }
.score-badge { display: inline-grid; place-items: center; min-width: 44px; height: 30px; padding: 0 10px; border-radius: 999px; font-weight: 600; font-size: 14px; font-variant-numeric: tabular-nums;
    background: var(--tone-2); color: var(--muted); }
.score-badge.high { background: var(--teal-soft); color: var(--teal-ink); }
.score-badge.mid { background: var(--blue-soft); color: var(--navy); }
.score-badge.low { background: var(--amber-soft); color: var(--amber); }
.score-ring { --v: 0; --col: var(--navy); position: relative; width: 112px; height: 112px; flex: none; border-radius: 50%;
    background: conic-gradient(var(--col) calc(var(--v) * 1%), var(--tone-2) 0); display: grid; place-items: center; }
.score-ring::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #fff; }
.score-ring b { position: relative; font-size: 34px; font-weight: 600; letter-spacing: -.03em; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1; }
.score-ring span { position: relative; display: block; text-align: center; font-size: 11.5px; color: var(--muted); margin-top: 4px; }
.score-ring.high { --col: var(--teal); }
.score-ring.low { --col: #F59E0B; }
.score-ring.none { --col: var(--tone-2); }

/* Ölçüt çubukları */
.bars { display: flex; flex-direction: column; gap: 14px; }
.bar-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 6px 14px; align-items: center; }
.bar-row .label { font-size: 13.5px; color: var(--ink); font-weight: 500; }
.bar-row .label span { color: var(--faint); font-weight: 400; margin-left: 6px; font-size: 12px; }
.bar-row .val { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink); }
.bar-track { grid-column: 1 / -1; height: 6px; border-radius: 999px; background: var(--tone-2); overflow: hidden; }
.bar-fill { height: 100%; border-radius: inherit; background: var(--navy); transform-origin: left; animation: grow .9s var(--ease) both; }
.bar-fill.high { background: var(--teal); }
.bar-fill.low { background: #F59E0B; }
.bar-row .note { grid-column: 1 / -1; font-size: 12.5px; color: var(--muted); line-height: 1.45; }
@keyframes grow { from { transform: scaleX(0); } }

/* ── Listeler ─────────────────────────────────────────────────────────── */
.rows { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px 10px; border-radius: var(--r-row); color: var(--text); transition: background .2s; }
a.row:hover, .row.is-link:hover { background: var(--tone); color: var(--text); }
.row .title { color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row .meta { font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row .end { display: flex; align-items: center; gap: 10px; }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--faint); }
.dot.live { background: var(--teal); animation: pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .35; } }

/* Tablo benzeri liste */
.table { width: 100%; border-collapse: separate; border-spacing: 0; }
.table th { text-align: left; font-size: 12.5px; font-weight: 500; color: var(--muted); padding: 0 12px 10px; white-space: nowrap; }
.table td { padding: 12px; border-top: 1px solid var(--line); vertical-align: middle; }
.table tr:hover td { background: var(--tone); }
.table td:first-child, .table th:first-child { padding-left: 4px; }
.table .cell-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.table .cell-main .title { color: var(--ink); font-weight: 600; }
.table .cell-main .meta { font-size: 12.5px; color: var(--muted); }
.table .r { text-align: right; }
.table-wrap { overflow-x: auto; }

/* ── Çipler ve etiketler ──────────────────────────────────────────────── */
.chip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--tone-2); color: var(--text); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.chip i { font-size: 13px; color: var(--muted); }
.chip.teal { background: var(--teal-soft); color: var(--teal-ink); }
.chip.teal i { color: var(--teal-ink); }
.chip.navy { background: var(--blue-soft); color: var(--navy); }
.chip.amber { background: var(--amber-soft); color: var(--amber); }
.chips { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.chips .chip { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
a.chip:hover { background: #E2E8F3; color: var(--ink); }

/* ── Sekmeler ─────────────────────────────────────────────────────────── */
.tabs { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 4px; border-radius: 999px; background: var(--tone-2); width: max-content; max-width: 100%; margin-bottom: 18px; }
.tabs::-webkit-scrollbar { display: none; }
.tabs a { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 15px; border-radius: 999px; color: var(--muted); font-weight: 500; font-size: 13.5px; white-space: nowrap; transition: background .2s, color .2s; }
.tabs a:hover { color: var(--ink); }
.tabs a.is-on { background: #fff; color: var(--ink); }
.tabs .state { width: 6px; height: 6px; border-radius: 50%; background: var(--faint); }
.tabs .state.done { background: var(--teal); }
.tabs .state.running, .tabs .state.queued { background: var(--navy); animation: pulse 1.4s ease-in-out infinite; }

/* ── Formlar ──────────────────────────────────────────────────────────── */
.form { display: flex; flex-direction: column; gap: 18px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.form-grid .full { grid-column: 1 / -1; }
.field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.field > label, .field > .label { font-size: 13px; font-weight: 600; color: var(--ink); }
.field .hint { font-size: 12.5px; color: var(--muted); }
.input, .field input[type=text], .field input[type=email], .field input[type=password], .field input[type=url], .field input[type=number],
.field input[type=date], .field select, .field textarea {
    width: 100%; height: 44px; padding: 0 14px; border: 0; border-radius: var(--r-box); background: var(--tone); color: var(--ink);
    font: inherit; font-size: 14.5px; box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .2s, background .2s; }
.field textarea { height: auto; min-height: 110px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
.input:focus, .field input:focus, .field select:focus, .field textarea:focus { outline: 0; background: #fff; box-shadow: inset 0 0 0 1.5px var(--teal); }
.field input::placeholder, .field textarea::placeholder { color: var(--faint); }
.drop { position: relative; display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: var(--r-row); background: var(--tone); box-shadow: inset 0 0 0 1px dashed var(--line);
    border: 1.5px dashed var(--line-strong); cursor: pointer; transition: background .2s, border-color .2s; }
.drop:hover, .drop.is-over { background: var(--teal-soft); border-color: var(--teal); }
.drop i { font-size: 22px; color: var(--navy); }
.drop b { display: block; color: var(--ink); font-size: 14px; }
.drop span { font-size: 12.5px; color: var(--muted); }
.drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.seg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--tone-2); }
.seg label { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border-radius: 999px; font-weight: 500; font-size: 13.5px; color: var(--muted); cursor: pointer; }
.seg input { position: absolute; opacity: 0; pointer-events: none; }
.seg label:has(input:checked) { background: #fff; color: var(--ink); }
.seg label:has(input:focus-visible) { outline: 2px solid var(--teal); }
.check { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: var(--ink); cursor: pointer; }
.check input { width: 18px; height: 18px; accent-color: var(--navy); }
.member-row { display: grid; grid-template-columns: 1.1fr 1fr 1.4fr 36px; gap: 8px; }
.crit-row { display: grid; grid-template-columns: minmax(0, 1.3fr) 90px minmax(0, 2fr) 36px; gap: 8px; align-items: center; }
.crit-sum { font-size: 13px; color: var(--muted); }
.crit-sum b { color: var(--ink); }
.crit-sum.off b { color: var(--amber); }

/* ── Boş / yükleniyor durumları ───────────────────────────────────────── */
.empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 26px; border-radius: var(--r-row); background: var(--tone); }
.empty i { font-size: 22px; color: var(--navy); }
.empty h3 { font-size: 15px; }
.empty p { color: var(--muted); max-width: 54ch; }
.working { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: var(--r-row); background: var(--blue-soft); color: var(--navy); }
.working .spin { width: 20px; height: 20px; flex: none; border-radius: 50%; border: 2.5px solid rgba(15, 60, 117, .2); border-top-color: var(--navy); animation: spin .8s linear infinite; }
.working b { display: block; color: var(--ink); }
.working span { font-size: 13px; color: var(--muted); }
@keyframes spin { to { transform: rotate(360deg); } }
.skeleton { height: 12px; border-radius: 6px; background: var(--tone-2); animation: pulse 1.6s ease-in-out infinite; }

/* ── Bildirim ─────────────────────────────────────────────────────────── */
.flash { position: fixed; z-index: 50; left: 50%; top: 18px; transform: translateX(-50%); display: flex; flex-direction: column; gap: 8px; width: min(520px, calc(100vw - 32px)); }
.flash div { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 14px; background: var(--ink); color: #fff; font-size: 14px; animation: drop .5s var(--ease) both; }
.flash i { color: #7FE0E0; }
@keyframes drop { from { transform: translateY(-10px); } }

/* ── Genel bakış ──────────────────────────────────────────────────────── */
.hello { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 26px; }
.hello h1 { font-size: clamp(26px, 2.8vw, 34px); }
.quick { display: flex; gap: 8px; flex-wrap: wrap; }
.prog-item { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 10px; border-radius: var(--r-row); color: var(--text); }
.prog-item:hover { background: var(--tone); color: var(--text); }
.prog-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--r-box); background: var(--blue-soft); color: var(--navy); font-size: 18px; }
.prog-icon.internal { background: var(--teal-soft); color: var(--teal-ink); }
.rank { width: 22px; font-size: 13px; color: var(--faint); font-weight: 600; font-variant-numeric: tabular-nums; text-align: center; }

/* ── Program panosu (kanban) ──────────────────────────────────────────── */
.board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; }
.col { display: flex; flex-direction: column; gap: 8px; min-height: 240px; padding: 10px; border-radius: var(--r-core); background: var(--shell); scroll-snap-align: start; transition: background .2s; }
.col.is-over { background: var(--teal-soft); }
.col-head { display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 6px; font-size: 13px; font-weight: 600; color: var(--ink); }
.col-head span { color: var(--muted); font-weight: 500; font-variant-numeric: tabular-nums; }
.card { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: var(--r-row); background: #fff; color: var(--text); cursor: grab; transition: transform .3s var(--ease); }
.card:hover { transform: translateY(-1px); color: var(--text); }
.card.is-drag { opacity: .5; }
.card-top { display: flex; align-items: center; gap: 10px; min-width: 0; }
.card-top .title { color: var(--ink); font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card-top .meta { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--muted); }
.card p { font-size: 12.5px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.linkbox { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 999px; background: var(--tone); max-width: 100%; }
.linkbox code { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 12.5px ui-monospace, "SF Mono", Menlo, monospace; color: var(--ink); }

/* ── Girişim detayı ───────────────────────────────────────────────────── */
.v-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-bottom: 22px; }
.v-head h1 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.v-head .line { margin-top: 6px; color: var(--muted); font-size: 15px; max-width: 72ch; }
.v-head .chips { margin-top: 12px; }
.verdict { display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 13px; border-radius: 999px; white-space: nowrap; font-size: 13px; font-weight: 600; background: var(--tone-2); color: var(--ink); }
.verdict.advance { background: var(--teal-soft); color: var(--teal-ink); }
.verdict.meet { background: var(--blue-soft); color: var(--navy); }
.verdict.hold { background: var(--amber-soft); color: var(--amber); }
.verdict.decline { background: var(--tone-2); color: var(--muted); }
.side-card { display: flex; flex-direction: column; gap: 16px; }
.kv { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 8px 12px; margin: 0; font-size: 13.5px; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; color: var(--ink); min-width: 0; overflow-wrap: anywhere; }
.list-plain { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; }
.list-plain li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; font-size: 14px; line-height: 1.5; }
.list-plain li i { margin-top: 2px; font-size: 14px; }
.list-plain.good i { color: var(--teal-ink); }
.list-plain.warn i { color: var(--amber); }
.list-plain.ask i { color: var(--navy); }
.cols-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lead { font-size: 15.5px; line-height: 1.65; color: var(--ink); }
.section-title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 14.5px; }
.section-title i { color: var(--navy); }
.claim { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 12px 0; border-top: 1px solid var(--line); }
.claim:first-child { border-top: 0; padding-top: 0; }
.claim .tag { height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; white-space: nowrap; }
.tag.ok { background: var(--teal-soft); color: var(--teal-ink); }
.tag.bad { background: var(--red-soft); color: var(--red); }
.tag.unk { background: var(--tone-2); color: var(--muted); }
.claim p { font-size: 14px; color: var(--ink); }
.claim small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--muted); }
.timeline { margin: 0; padding: 0; list-style: none; }
.timeline li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.timeline li:first-child { border-top: 0; }
.timeline time { font: 600 12.5px ui-monospace, "SF Mono", Menlo, monospace; color: var(--navy); padding-top: 2px; }
.timeline b { color: var(--ink); font-weight: 600; font-size: 14px; }
.timeline p { font-size: 13px; color: var(--muted); margin-top: 2px; }
.slides { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.slide { padding: 12px 14px; border-radius: var(--r-row); background: var(--tone); }
.slide span { font-size: 11.5px; font-weight: 600; color: var(--faint); font-variant-numeric: tabular-nums; }
.slide b { display: block; color: var(--ink); font-size: 13.5px; margin: 2px 0 4px; }
.slide p { font-size: 12.5px; color: var(--muted); line-height: 1.45; }
.coverage { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.coverage div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: var(--r-box); background: var(--tone); font-size: 13px; color: var(--ink); }
.coverage div.missing { color: var(--faint); background: transparent; box-shadow: inset 0 0 0 1px var(--line); }
.coverage b { font-variant-numeric: tabular-nums; font-size: 13px; }
.mini-scores { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mini-scores > div { padding: 0 16px; border-left: 1px solid var(--line); }
.mini-scores > div:first-child { padding-left: 0; border-left: 0; }
.mini-scores b { display: block; font-size: 26px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.1; }
.mini-scores span { font-size: 12.5px; color: var(--muted); }
.channel { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.channel:first-child { border-top: 0; }
.channel .ic { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--tone); color: var(--navy); font-size: 15px; }
.channel b { color: var(--ink); font-size: 14px; font-weight: 600; }
.channel p { font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); }
.person:first-child { border-top: 0; padding-top: 4px; }
.person .avatar { width: 48px; height: 48px; }
.person h3 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.person .role { font-size: 13px; color: var(--muted); }
.person .body { margin-top: 8px; font-size: 13.5px; color: var(--text); }
.person.pending { opacity: .85; }
.asset { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: var(--r-row); background: var(--tone); }
.asset .ic { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--r-box); background: #fff; color: var(--navy); font-size: 18px; }
.asset b { color: var(--ink); font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset span { font-size: 12.5px; color: var(--muted); }
.eval { padding: 14px 0; border-top: 1px solid var(--line); }
.eval:first-child { border-top: 0; padding-top: 0; }
.eval-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.eval p { margin-top: 6px; font-size: 13.5px; }
.rate { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.rate:first-of-type { border-top: 0; }
.rate .label { font-size: 13.5px; color: var(--ink); font-weight: 500; }
.rate .label small { display: block; color: var(--muted); font-weight: 400; font-size: 12px; }
.pips { display: flex; gap: 3px; }
.pips label { position: relative; width: 26px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--tone); color: var(--muted); font-size: 12.5px; font-weight: 600; cursor: pointer; font-variant-numeric: tabular-nums; }
.pips input { position: absolute; opacity: 0; pointer-events: none; }
.pips label:has(input:checked) { background: var(--navy); color: #fff; }
.pips label:hover { background: var(--blue-soft); color: var(--navy); }
.pips label:has(input:focus-visible) { outline: 2px solid var(--teal); }
.note-item { padding: 12px 0; border-top: 1px solid var(--line); font-size: 14px; }
.note-item:first-child { border-top: 0; }
.note-item small { display: block; color: var(--muted); font-size: 12px; margin-bottom: 3px; }

/* ── Bulucu ───────────────────────────────────────────────────────────── */
.finder { padding: 6px; border-radius: 28px; background: var(--shell); transition: background .3s; }
.finder:focus-within { background: rgba(0, 168, 169, .09); }
.finder-core { display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 14px 22px; border-radius: 22px; background: #fff; }
.finder textarea { width: 100%; min-height: 76px; border: 0; outline: 0; resize: vertical; background: transparent; font: inherit; font-size: 16.5px; line-height: 1.5; color: var(--ink); }
.finder textarea::placeholder { color: var(--faint); }
.finder-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.finder-row select { height: 36px; border: 0; border-radius: 999px; padding: 0 30px 0 14px; background: var(--tone-2); color: var(--ink); font: inherit; font-size: 13px; }
.examples { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.examples button { height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: #fff; color: var(--text); font: inherit; font-size: 13px; cursor: pointer; transition: background .2s, color .2s, transform .3s var(--ease); }
.examples button:hover { background: var(--blue-soft); color: var(--navy); transform: translateY(-1px); }
.result { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 16px; padding: 18px 6px; border-top: 1px solid var(--line); }
.result:first-child { border-top: 0; }
.result .logo, .result .avatar { width: 44px; height: 44px; }
.result h3 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 15px; }
.result .dom { font-size: 12.5px; color: var(--muted); font-weight: 400; }
.result .why { margin-top: 6px; font-size: 13.5px; color: var(--text); }
.result .snip { margin-top: 6px; font-size: 12.5px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.result .end { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.plan { display: flex; flex-direction: column; gap: 12px; }
.plan h3 { font-size: 13px; color: var(--muted); font-weight: 500; }

/* ── Karşılaştırma ────────────────────────────────────────────────────── */
.compare { overflow-x: auto; }
.compare table { border-collapse: separate; border-spacing: 0; min-width: 100%; }
.compare th, .compare td { padding: 12px 14px; border-top: 1px solid var(--line); text-align: left; vertical-align: top; min-width: 190px; font-size: 13.5px; }
.compare th:first-child, .compare td:first-child { min-width: 170px; color: var(--muted); font-weight: 500; position: sticky; left: 0; background: #fff; }
.compare thead th { border-top: 0; }
.compare .best { color: var(--teal-ink); font-weight: 600; }

/* ── Kimlik ekranları ve başvuru ──────────────────────────────────────── */
.auth { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.auth-box { width: min(420px, 100%); }
.auth-box .brand { padding: 0 0 22px; justify-content: center; }
.public { max-width: 820px; margin: 0 auto; padding: 36px 16px 70px; }
.public-head { display: flex; flex-direction: column; gap: 10px; margin-bottom: 26px; }
.public-head .brand { padding: 0 0 8px; }
.form-section { display: flex; flex-direction: column; gap: 16px; padding: 22px 0; border-top: 1px solid var(--line); }
.form-section:first-child { border-top: 0; padding-top: 0; }
.form-section h2 { display: flex; align-items: center; gap: 8px; }
.form-section h2 i { color: var(--navy); }
.error-box { padding: 12px 16px; border-radius: var(--r-box); background: var(--amber-soft); color: var(--amber); font-size: 14px; font-weight: 500; }
.trap { position: absolute; left: -9999px; }

/* ── Rapor (yazdırma) ─────────────────────────────────────────────────── */
.report { max-width: 900px; margin: 0 auto; padding: 32px 20px 60px; background: #fff; }
.report section { padding: 18px 0; border-top: 1px solid var(--line); break-inside: avoid; }
@media print {
    body { background: #fff; }
    .no-print { display: none !important; }
    .report { padding: 0; }
}

/* ── Giriş hareketi ───────────────────────────────────────────────────── */
.rise { animation: rise .7s var(--ease) both; }
.rise:nth-child(2) { animation-delay: .06s; }
.rise:nth-child(3) { animation-delay: .12s; }
.rise:nth-child(4) { animation-delay: .18s; }
/* Yalnız hareket: animasyon çalışmasa da içerik görünür kalır */
@keyframes rise { from { transform: translateY(14px); } }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ── Duyarlı düzen ────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .grid-84 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
    .app { grid-template-columns: minmax(0, 1fr); }
    .side { display: none; }
    .main { padding: 20px 16px 96px; }
    .tabbar { position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5, 1fr);
        padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -1px 0 var(--line); }
    .tabbar a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border-radius: 12px; color: var(--muted); font-size: 11px; font-weight: 500; }
    .tabbar a i { font-size: 20px; }
    .tabbar a.is-on { color: var(--navy); }
    .tabbar button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border: 0; border-radius: 12px; background: none; color: var(--muted); font: inherit; font-size: 11px; font-weight: 500; cursor: pointer; }
    .tabbar button i { font-size: 20px; }
    .tab-badge { position: absolute; top: 2px; right: calc(50% - 24px); }
    body.side-open .side { display: flex; position: fixed; z-index: 60; top: 0; left: 0; bottom: 0; width: min(300px, 86vw); height: 100%; overflow-y: auto;
        box-shadow: 0 0 0 100vmax rgba(11, 46, 92, .28); animation: side-in .25s var(--ease) both; }
    body.side-open { overflow: hidden; }
    .grid-75, .cols-2 { grid-template-columns: minmax(0, 1fr); }
    .figures { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
    .figures > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .figures dd { font-size: 28px; }
    .figures .is-main dd { font-size: 34px; }
    .v-head { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; }
    .v-head > div:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
    .v-head > .actions { grid-column: 3; grid-row: 1; }
    .v-head .score-ring { width: 78px; height: 78px; }
    .v-head .score-ring::before { inset: 7px; }
    .v-head .score-ring b { font-size: 24px; }
    .v-head .score-ring span { display: none; }
    .logo.lg { width: 60px; height: 60px; }
    .mini-scores { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
    .mini-scores > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .form-grid { grid-template-columns: minmax(0, 1fr); }
    .member-row { grid-template-columns: 1fr 1fr; }
    .member-row input:nth-child(3) { grid-column: 1 / 2; }
    .crit-row { grid-template-columns: minmax(0, 1fr) 76px 36px; }
    .crit-row input[name=crit_hint] { grid-column: 1 / -1; grid-row: 2; }
    .result { grid-template-columns: 40px minmax(0, 1fr); }
    .result .end { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
    .panel { padding: 18px; }
    .page-head { margin-bottom: 18px; }
    .hide-m { display: none !important; }
    .table .hide-t { display: none; }
}
.tabbar button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border: 0; border-radius: 12px; background: none; color: var(--muted); font: inherit; font-size: 11px; font-weight: 500; cursor: pointer; }
.tabbar button i { font-size: 20px; }
.plan .chip, .chip.wrap { height: auto; min-height: 28px; padding: 5px 12px; white-space: normal; line-height: 1.35; }
.plan .chips { align-items: flex-start; }
.panel .section-title.mt { margin-top: 24px; }
.demo-row { display: flex; gap: 10px; align-items: flex-start; }
.demo-row .chip { flex: none; }
.demo-row p { padding-top: 4px; }

/* ── Üyelik ve dizin ──────────────────────────────────────────────────── */
.nav-group { margin: 16px 12px 4px; font-size: 12px; font-weight: 600; color: var(--faint); }
.nav-venture { display: flex; align-items: center; gap: 10px; margin: 10px 0 6px; padding: 10px 12px; border-radius: 14px; background: var(--tone); min-width: 0; }
.nav-venture .logo { flex: none; }
.nav-venture span { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.nav-venture small { font-size: 11.5px; color: var(--faint); font-weight: 500; }
.nav-venture b { font-size: 14px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 901px) { .ws-tabs.in-side, .subtabs.ws-sub-dup { display: none; } }
.nav-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side { overflow-y: auto; }
.side-foot .who { color: inherit; }
.side-foot a.avatar { flex: none; }
.tabbar { grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-columns: none; }

/* Giriş / kayıt kabuğu */
.gate { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.gate-side { display: flex; flex-direction: column; gap: 36px; padding: 40px clamp(24px, 4vw, 64px); background: var(--navy-deep); color: #C9D6EA; }
.gate-side .brand { color: #fff; padding: 0; }
.gate-side .brand small { color: #9FB3D1; }
.gate-side .brand-mark { background: #fff; color: var(--navy); }
.gate-pitch { margin-top: auto; }
.gate-pitch h1 { color: #fff; font-size: clamp(28px, 3vw, 40px); line-height: 1.12; letter-spacing: -.025em; max-width: 16ch; }
.gate-pitch p { margin-top: 16px; font-size: 16px; max-width: 46ch; color: #C9D6EA; }
.gate-points { list-style: none; margin: 0 0 auto; padding: 0; display: flex; flex-direction: column; gap: 18px; }
.gate-points li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; }
.gate-points i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: rgba(255, 255, 255, .08); color: #7FE0E0; font-size: 17px; }
.gate-points b { display: block; color: #fff; font-weight: 600; }
.gate-points span { font-size: 14px; }
.gate-main { display: grid; place-items: center; padding: 40px 20px; }
.gate-box { width: min(480px, 100%); }
.gate-title { font-size: 26px; font-weight: 600; letter-spacing: -.02em; }
.choice-list { display: flex; flex-direction: column; gap: 8px; }
.choice { display: grid; grid-template-columns: 46px minmax(0, 1fr) 20px; gap: 14px; align-items: center; padding: 16px; border-radius: 18px; background: #fff; color: var(--text); transition: background .2s, transform .3s var(--ease); }
.choice:hover { background: var(--blue-soft); color: var(--text); transform: translateY(-1px); }
.choice:active { transform: scale(.99); }
.choice-ic { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: var(--tone-2); color: var(--navy); font-size: 20px; }
.choice:hover .choice-ic { background: #fff; }
.choice-text b { display: block; color: var(--ink); font-size: 15.5px; }
.choice-text span { font-size: 13.5px; color: var(--muted); }
.choice-go { color: var(--faint); transition: transform .3s var(--ease), color .2s; }
.choice:hover .choice-go { color: var(--navy); transform: translateX(3px); }
.pick { display: flex; flex-wrap: wrap; gap: 6px; }
.pick label { position: relative; display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); font-size: 13.5px; color: var(--text); cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
.pick input { position: absolute; opacity: 0; pointer-events: none; }
.pick label:hover { box-shadow: inset 0 0 0 1px var(--line-strong); }
.pick label:has(input:checked) { background: var(--navy); color: #fff; box-shadow: none; }
.pick label:has(input:focus-visible) { outline: 2px solid var(--teal); outline-offset: 2px; }
.field-error { font-size: 12.5px; color: var(--amber); font-weight: 500; }
.code-input { text-align: center; font-size: 28px !important; letter-spacing: 10px; height: 60px !important; font-variant-numeric: tabular-nums; }
.or { display: flex; align-items: center; gap: 12px; margin: 22px 0 14px; color: var(--faint); font-size: 12.5px; }
.or::before, .or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.gate .field input[type=text], .gate .field input[type=email], .gate .field input[type=password] { background: #fff; }
@media (max-width: 900px) {
    .gate { grid-template-columns: minmax(0, 1fr); }
    .gate-side { gap: 18px; padding: 22px 16px 26px; }
    .gate-pitch { margin-top: 6px; }
    .gate-pitch h1 { font-size: 24px; }
    .gate-pitch p { font-size: 14.5px; margin-top: 10px; }
    .gate-points { display: none; }
    .gate-main { padding: 24px 16px 40px; place-items: start center; }
}
.notice { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--r-row); background: var(--amber-soft); color: var(--text); font-size: 14px; }
.notice i { color: var(--amber); font-size: 18px; margin-top: 1px; }
.notice b { color: var(--ink); }
.notice.teal { background: var(--teal-soft); }
.notice.teal i { color: var(--teal-ink); }

/* Profil sayfaları */
.hero { --brand: var(--navy); padding: 6px; border-radius: var(--r-shell); background: color-mix(in srgb, var(--brand) 9%, #EEF2F8); }
.hero-main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 24px; border-radius: var(--r-core); background: #fff; }
.hero h1 { font-size: clamp(26px, 2.6vw, 34px); margin-top: 8px; }
.hero-line { margin-top: 6px; font-size: 15.5px; color: var(--text); max-width: 70ch; }
.hero-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.hero-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 170px; }
.hero-figures { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 16px 24px 12px; }
.hero-figures > div { display: flex; flex-direction: column-reverse; gap: 4px; padding: 0 18px; border-left: 1px solid color-mix(in srgb, var(--brand) 18%, transparent); }
.hero-figures > div:first-child { padding-left: 0; border-left: 0; }
.hero-figures dt { font-size: 12.5px; color: var(--muted); }
.hero-figures dd { margin: 0; font-size: 26px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.1; }
.logo.xl { width: 92px; height: 92px; border-radius: 24px; font-size: 30px; }
.logo.xl img { padding: 11px; }
.btn.follow.is-on { background: var(--teal-soft); color: var(--teal-ink); }
.prose { color: var(--ink); line-height: 1.7; white-space: pre-line; }
.people-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 8px; }
.person-card { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: var(--r-row); background: var(--tone); color: var(--text); transition: background .2s, transform .3s var(--ease); }
.person-card:hover { background: var(--blue-soft); color: var(--text); transform: translateY(-1px); }
.person-top { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.person-top .avatar { width: 44px; height: 44px; }
.person-top > div > b { display: block; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person-top > div > span { display: block; font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person-card p { font-size: 13px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news { list-style: none; margin: 0; padding: 0; }
.news a { display: grid; grid-template-columns: 92px minmax(0, 1fr) 16px; gap: 14px; align-items: start; padding: 12px 6px; border-top: 1px solid var(--line); color: var(--text); border-radius: 10px; }
.news li:first-child a { border-top: 0; }
.news a:hover { background: var(--tone); color: var(--text); }
.news time { font-size: 12.5px; color: var(--muted); padding-top: 2px; font-variant-numeric: tabular-nums; }
.news b { display: block; color: var(--ink); font-weight: 600; font-size: 14px; }
.news span { font-size: 12.5px; color: var(--muted); }
.news i { color: var(--faint); padding-top: 3px; }
.milestones { list-style: none; margin: 0; padding: 0 0 0 4px; position: relative; }
.milestones li { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 14px; padding: 0 0 16px; position: relative; }
.milestones li::before { content: ""; position: absolute; left: 6px; top: 16px; bottom: 0; width: 2px; background: var(--tone-2); }
.milestones li:last-child::before { display: none; }
.ms-dot { width: 14px; height: 14px; margin-top: 3px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px var(--navy); }
.ms-dot.teal { box-shadow: inset 0 0 0 3px var(--teal); }
.milestones b { display: block; color: var(--ink); font-size: 14px; }
.milestones span { font-size: 13px; color: var(--muted); }
.links { display: flex; flex-wrap: wrap; gap: 6px; }
.links a { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px; border-radius: 999px; background: var(--tone); color: var(--ink); font-size: 13px; font-weight: 500; }
.links a:hover { background: var(--blue-soft); color: var(--navy); }
.avatar.lg { width: 92px; height: 92px; font-size: 30px; border-radius: 50%; }
@media (max-width: 900px) {
    .hero-main { grid-template-columns: auto minmax(0, 1fr); padding: 18px; gap: 14px; }
    .hero-main .logo.xl, .hero-main .avatar.lg { width: 64px; height: 64px; font-size: 22px; border-radius: 18px; align-self: start; }
    .hero-main .avatar.lg { border-radius: 50%; }
    .hero-actions { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; min-width: 0; }
    .hero-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; padding: 14px 18px 10px; }
    .hero-figures > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .news a { grid-template-columns: minmax(0, 1fr) 16px; }
    .news time { grid-column: 1 / -1; padding: 0; }
}
.portfolio { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px; }
.pf-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: var(--tone); color: var(--ink); font-size: 13.5px; font-weight: 500; min-width: 0; }
.pf-item span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.pf-item:hover { background: var(--blue-soft); color: var(--navy); }
.hero-actions .btn .logo.sm { width: 20px; height: 20px; border-radius: 6px; font-size: 9px; }
.hero-actions .btn .logo.sm img { padding: 2px; }
.explore { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px; align-items: start; }
.filters { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 16px; }
.filters .field input[type=search] { width: 100%; height: 42px; padding: 0 14px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); font: inherit; color: var(--ink); }
.filters .field input[type=search]:focus { outline: 0; box-shadow: inset 0 0 0 1.5px var(--teal); }
.filters select { background-color: #fff !important; }
.pick.sm label { min-height: 30px; padding: 4px 11px; font-size: 12.5px; }
.dir-list { list-style: none; margin: 0; padding: 0; }
.dir-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 6px; border-top: 1px solid var(--line); }
.dir-item:first-child { border-top: 0; }
.dir-main { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; padding: 8px; border-radius: 14px; color: var(--text); min-width: 0; }
.dir-main:hover { background: var(--tone); color: var(--text); }
.dir-main .logo, .dir-main .avatar { width: 44px; height: 44px; }
.dir-text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dir-text b { color: var(--ink); font-size: 15px; }
.dir-line { font-size: 13.5px; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dir-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12.5px; color: var(--muted); }
.dir-meta span + span::before { content: ""; display: inline-block; width: 3px; height: 3px; margin: 0 8px 0 -6px; border-radius: 50%; background: var(--faint); vertical-align: middle; }
.dir-end { display: flex; align-items: center; gap: 10px; padding-right: 6px; }
@media (max-width: 1000px) {
    .explore { grid-template-columns: minmax(0, 1fr); }
    .filters { position: static; flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
    .filters .field:first-of-type { flex-basis: 100%; }
}
@media (max-width: 600px) {
    .dir-item { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .dir-end { padding: 0 8px 8px 66px; }
    .dir-line { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}
.feed { list-style: none; margin: 0; padding: 0; }
.feed-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); }
.feed-item:first-child { border-top: 0; padding-top: 0; }
.feed-ic { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--tone-2); color: var(--navy); font-size: 16px; }
.feed-ic.funding { background: var(--teal-soft); color: var(--teal-ink); }
.feed-ic.new_venture, .feed-ic.new_org { background: var(--blue-soft); }
.feed-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px; color: var(--muted); }
.feed-who { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-weight: 600; font-size: 13px; }
.logo.xs { width: 22px; height: 22px; border-radius: 7px; font-size: 9.5px; }
.logo.xs img { padding: 2px; }
.feed-title { display: block; margin-top: 4px; color: var(--ink); font-weight: 600; font-size: 14.5px; line-height: 1.4; }
a.feed-title:hover { color: var(--navy); }
.feed-body p { margin-top: 3px; font-size: 13px; color: var(--muted); }
.approval { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.approval:first-of-type { border-top: 0; }

.filter-more > summary { display: none; }
.filter-body { display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 1000px) {
    .filters { flex-direction: column; align-items: stretch; }
    .filter-more > summary { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 15px; border-radius: 999px; background: #fff;
        box-shadow: inset 0 0 0 1px var(--line); font-size: 13.5px; font-weight: 600; color: var(--ink); cursor: pointer; list-style: none; width: max-content; }
    .filter-more > summary::-webkit-details-marker { display: none; }
    .filter-more[open] > summary { background: var(--blue-soft); color: var(--navy); box-shadow: none; }
    .filter-body { margin-top: 14px; }
}
@media (max-width: 900px) {
    .hero-main { grid-template-columns: minmax(0, 1fr); }
    .hero-main > .logo, .hero-main > .avatar { justify-self: start; }
    .notice { flex-wrap: wrap; }
}
@media (max-width: 600px) {
    .dir-main { align-items: start; }
    .dir-meta { gap: 4px; }
    .dir-meta span { padding: 1px 8px; border-radius: 999px; background: var(--tone); }
    .dir-meta span + span::before { display: none; }
}

/* Program formu */
.crit-row { grid-template-columns: minmax(0, 1.2fr) 74px minmax(0, 1.6fr) 36px; }
.req-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 0; border-top: 1px solid var(--line); }
.req-row:first-of-type { border-top: 0; }
.req-row b { color: var(--ink); font-size: 14px; font-weight: 600; }
.seg.sm label { height: 30px; padding: 0 12px; font-size: 12.5px; }
.q-row { display: grid; grid-template-columns: minmax(0, 1fr) 130px 120px 36px; gap: 8px; padding: 10px; border-radius: var(--r-row); background: var(--tone); }
.q-row .q-options { grid-column: 1 / -1; display: none; }
.q-row:has(select[name=q_type] option[value=choice]:checked) .q-options { display: block; }
.q-row .input { background: #fff; }
@media (max-width: 900px) { .q-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px; } .q-row input[name=q_label] { grid-column: 1 / -1; } }
dialog.modal { width: min(480px, calc(100vw - 32px)); border: 0; border-radius: var(--r-core); padding: 22px; color: var(--text); }
dialog.modal::backdrop { background: rgba(11, 31, 58, .45); }
.answer { padding: 14px 0; border-top: 1px solid var(--line); }
.answer:first-of-type { border-top: 0; padding-top: 0; }
.answer b { display: block; color: var(--ink); margin-bottom: 4px; }
.thread { display: flex; flex-direction: column; gap: 10px; }
.bubble { max-width: 78%; padding: 10px 14px; border-radius: 16px 16px 16px 6px; background: var(--tone-2); color: var(--ink); align-self: flex-start; }
.bubble.mine { align-self: flex-end; border-radius: 16px 16px 6px 16px; background: var(--blue-soft); }
.bubble small { display: block; font-size: 11.5px; color: var(--muted); margin-bottom: 3px; }
.bubble p { white-space: pre-line; font-size: 14px; }
.row.conv.unread .title { color: var(--navy); }
.nav-badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--teal); color: #fff; font-size: 11.5px; font-weight: 600; display: inline-grid; place-items: center; font-variant-numeric: tabular-nums; }
.logo i { font-size: 18px; }
.add-prog { display: flex; gap: 6px; align-items: center; }
.add-prog select { height: 32px; max-width: 160px; border: 0; border-radius: 999px; padding: 0 10px; background: var(--tone-2); font: inherit; font-size: 12.5px; color: var(--ink); }

/* Telefon düzeltmeleri (programlar ve başvurular) */
.crumb { flex-wrap: wrap; }
.crumb-note { flex-basis: 100%; color: var(--faint); font-size: 12.5px; }
.crit-list { list-style: none; margin: 0; padding: 0; }
.crit-list li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.crit-list li:first-child { border-top: 0; padding-top: 0; }
.crit-list .weight { height: 28px; display: grid; place-items: center; border-radius: 999px; background: var(--blue-soft); color: var(--navy); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.crit-list b { color: var(--ink); font-size: 14px; }
.crit-list p { font-size: 13px; color: var(--muted); margin-top: 2px; }
.form-section:first-of-type { border-top: 0; padding-top: 0; }
@media (max-width: 1100px) { .call-grid > aside { order: -1; } }
@media (max-width: 900px) {
    .crit-row { grid-template-columns: minmax(0, 1fr) 72px 36px; }
    .crit-row input[name=crit_hint] { grid-column: 1 / -1; grid-row: 2; }
    .q-row select { padding: 0 8px; font-size: 13px; }
    .rate { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .pips { justify-content: space-between; }
    .pips label { flex: 1; width: auto; min-width: 0; }
    .figures dt { font-size: 12px; }
}
@media (max-width: 600px) {
    .prog-table thead { display: none; }
    .prog-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; padding: 14px 4px; border-top: 1px solid var(--line); }
    .prog-table tr:first-child { border-top: 0; }
    .prog-table td { border: 0; padding: 0; text-align: left; }
    .prog-table td:first-child { grid-column: 1 / -1; }
    .prog-table td.num { display: flex; align-items: center; gap: 6px; }
    .prog-table .meta { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .prog-table tr:hover td { background: transparent; }
}
.m-label { display: none; }
@media (max-width: 600px) { .m-label { display: inline; color: var(--muted); font-size: 12.5px; } }

/* ── Koşullu arama sonuçları ─────────────────────────────────────────── */
.res-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.res-head h2 { font-size: 18px; }
.res-filter { flex-wrap: wrap; }
.res-filter button { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; }
.res-filter button .num { margin-left: 4px; font-variant-numeric: tabular-nums; color: var(--faint); }
.res-filter button.is-on { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(15, 60, 117, .12); }
.res-filter button.is-on .num { color: var(--navy); }
.legend { display: flex; gap: 14px; flex-wrap: wrap; margin: 12px 0 2px; }
.legend span { display: inline-flex; align-items: center; gap: 5px; }
.ck { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-size: 11px; font-weight: 700; flex: none; }
.ck.yes { background: var(--teal-soft); color: var(--teal-ink); }
.ck.unknown { background: var(--amber-soft); color: var(--amber); }
.ck.no { background: var(--red-soft); color: var(--red); }
.cres .checks { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.ck-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text); }
.ck-item.must { font-weight: 500; color: var(--ink); }
.ck-item.unknown { color: var(--muted); }
.evidence { margin-top: 10px; font-size: 13px; }
.evidence summary { cursor: pointer; color: var(--navy); font-weight: 500; width: fit-content; }
.evidence summary .num { color: var(--muted); font-weight: 400; }
.evidence dl { margin: 8px 0 0; display: grid; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--tone); }
.evidence dt { font-weight: 600; color: var(--ink); font-size: 12.5px; }
.evidence dd { margin: 2px 0 0; color: var(--text); line-height: 1.5; overflow-wrap: anywhere; }
.evidence dd a { font-size: 12px; white-space: nowrap; }
.must-badge { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--amber-soft); color: var(--amber); font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.must-badge.full { background: var(--teal-soft); color: var(--teal-ink); }
.sm-chip { height: 22px; padding: 0 9px; font-size: 11.5px; }
.crit-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.crit-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; font-size: 13.5px; color: var(--ink); }
.crit-list .chip { height: 22px; font-size: 11.5px; padding: 0 9px; }
.crit-edit summary { list-style: none; width: fit-content; }
.crit-edit summary::-webkit-details-marker { display: none; }
.crit-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px; align-items: center; }
.crit-row .input { min-height: 36px; padding: 6px 10px; font-size: 13.5px; }
.crit-row select { height: 36px; border-radius: 10px; border: 1px solid var(--line); background: #fff; padding: 0 8px; font: inherit; font-size: 13px; }
.stat-list { margin: 0; display: grid; gap: 8px; font-size: 13px; }
.stat-list div { display: grid; gap: 1px; }
.stat-list dt { color: var(--muted); font-size: 12px; }
.stat-list dd { margin: 0; color: var(--ink); }
.cres[hidden] { display: none; }
@media (max-width: 640px) {
    .cres { grid-template-columns: 40px minmax(0, 1fr); }
    .cres .end { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
    .res-filter { width: 100%; }
}
.fact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fact-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; font-size: 13.5px; }
.fact-list li > div b { display: block; color: var(--ink); }
.fact-list li > div span { color: var(--text); overflow-wrap: anywhere; }

/* ── Kaynaklar ──────────────────────────────────────────────────────── */
.res-tabs { margin-top: 4px; }
.res-tabs a { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border-radius: 999px; font-weight: 500; font-size: 13.5px; color: var(--muted); text-decoration: none; }
.res-tabs a.is-on { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(15, 60, 117, .12); }
.res-filters { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) auto; gap: 8px; }
.res-filters select { height: 40px; border-radius: 12px; border: 1px solid var(--line); background: #fff; padding: 0 10px; font: inherit; font-size: 13.5px; min-width: 0; }
.notice-inline { display: flex; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--tone); font-size: 13.5px; color: var(--text); margin-bottom: 14px; }
.notice-inline i { color: var(--navy); }
.doc-list, .cat-list { list-style: none; margin: 0; padding: 0; }
.doc-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 14px 4px; border-top: 1px solid var(--line); }
.doc-row:first-child { border-top: 0; }
.doc-row h3 { font-size: 15px; }
.doc-row p { font-size: 13.5px; color: var(--muted); margin-top: 2px; }
.doc-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--blue-soft); color: var(--navy); font-size: 19px; }
.doc-ic.guide { background: var(--teal-soft); color: var(--teal-ink); }
.cat-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 18px 4px; border-top: 1px solid var(--line); }
.cat-row:first-child { border-top: 0; }
.cat-row h3 { font-size: 15.5px; }
.cat-row h3 a { color: var(--ink); text-decoration: none; }
.cat-row h3 a:hover { color: var(--navy); text-decoration: underline; }
.cat-benefit, .cat-elig { margin-top: 8px; font-size: 13.5px; color: var(--text); line-height: 1.5; }
.cat-benefit b, .cat-elig b { color: var(--ink); font-weight: 600; }
.cat-end { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.cat-end .btn i { margin-left: 4px; font-size: 12px; }
@media (max-width: 900px) {
    .res-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .res-filters input { grid-column: 1 / -1; }
    .cat-row { grid-template-columns: minmax(0, 1fr); }
    .cat-end { flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
    .doc-row { grid-template-columns: 40px minmax(0, 1fr); }
    .doc-row .chip, .doc-row .btn { grid-column: 2; justify-self: start; }
}

/* ── Girişimim ────────────────────────────────────────────────────────── */
.ws-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-bottom: 20px; }
.ws-title .line { margin-top: 6px; color: var(--muted); font-size: 15px; max-width: 72ch; }
.ws-title .chips { margin-top: 12px; }
.ws-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.ws-tabs .tab-n { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--navy); color: #fff; font-size: 11px; font-weight: 600; }
.ws-body { animation: rise .5s var(--ease) both; }
.ws-body > .shell + .shell, .ws-body > .ws-basis + .shell, .ws-body > .shell + .ws-group { margin-top: 16px; }
.row-gap { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ws-working { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; color: var(--navy); }
.ws-working .spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(15, 60, 117, .2); border-top-color: var(--navy); animation: spin .8s linear infinite; }

.ws-headline { font-size: 18px; line-height: 1.4; font-weight: 600; color: var(--ink); letter-spacing: -.01em; max-width: 62ch; }
.ws-summary { margin-top: 8px; color: var(--text); line-height: 1.6; max-width: 75ch; }
.ws-scores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 22px; margin-top: 20px; padding: 18px; border-radius: var(--r-row); background: var(--tone); }
.ws-score { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 8px; align-items: baseline; }
.ws-score .label { font-size: 13px; color: var(--muted); }
.ws-score b { font-size: 20px; color: var(--ink); font-weight: 600; letter-spacing: -.02em; }
.ws-score .bar-track { grid-column: 1 / -1; display: block; height: 5px; }
.bar-track > .bar-fill { display: block; }
.ws-steps { list-style: none; margin: 0; padding: 0; counter-reset: st; display: flex; flex-direction: column; }
.ws-steps li { counter-increment: st; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid var(--line); }
.ws-steps li:first-child { border-top: 0; padding-top: 2px; }
.ws-steps li::before { content: counter(st); width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--blue-soft); color: var(--navy); font-size: 12.5px; font-weight: 600; }
.ws-steps b { color: var(--ink); font-weight: 600; }
.ws-steps p { font-size: 13.5px; color: var(--muted); margin-top: 2px; }
.ws-ready { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.ws-pct { font-size: 20px; font-weight: 600; color: var(--navy); }
.panel > .bar-track { display: block; height: 6px; }
.ws-check { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; }
.ws-check li { display: flex; align-items: center; gap: 9px; color: var(--muted); }
.ws-check li i { color: var(--faint); font-size: 15px; }
.ws-check li.ok { color: var(--text); }
.ws-check li.ok i { color: var(--teal-ink); }
.ws-check a { font-weight: 500; }

.ws-mini { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ws-mini > li { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.ws-mini > li:first-child { border-top: 0; padding-top: 0; }
.ws-mini b { color: var(--ink); font-weight: 600; font-size: 14px; }
.ws-mini p { font-size: 13px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ws-type { font-size: 12.5px; font-weight: 600; color: var(--teal-ink); line-height: 1.3; }
.ws-mini.compact > li { grid-template-columns: minmax(0, 1fr); padding: 6px 0; border: 0; }
.ws-mini-link { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px; margin: 0 -6px; border-radius: 12px; color: var(--text); }
.ws-mini-link:hover { background: var(--tone); color: var(--text); }
.ws-mini-link p { -webkit-line-clamp: 1; }
.ws-rem { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 13.5px; }
.ws-rem li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 10px; align-items: center; }
.ws-rem time { font-weight: 600; color: var(--navy); font-size: 13px; }

.ws-feed { list-style: none; margin: 0; padding: 0; }
.ws-feed > li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); }
.ws-feed > li:first-child { border-top: 0; padding-top: 0; }
.ws-ic { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--blue-soft); color: var(--navy); font-size: 17px; }
.ws-feed-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ws-feed-body > b { color: var(--ink); font-size: 15px; font-weight: 600; }
.ws-feed-body > p { color: var(--text); white-space: pre-line; }
.ws-feed-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ws-feed-top time { font-size: 12.5px; color: var(--muted); margin-left: auto; }
.ws-feed-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12.5px; color: var(--faint); }
.ws-more summary { cursor: pointer; font-size: 13.5px; font-weight: 500; color: var(--navy); list-style: none; }
.ws-more summary::-webkit-details-marker { display: none; }
.ws-more summary::before { content: "+ "; }
.ws-more[open] summary::before { content: "– "; }

.ws-basis { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; font-size: 13.5px; color: var(--muted); }
.ws-recs { list-style: none; margin: 0; padding: 0; }
.ws-recs > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 16px 0; border-top: 1px solid var(--line); }
.ws-recs > li:first-child { border-top: 0; padding-top: 0; }
.ws-rec-main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ws-rec-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ws-rec-top b { color: var(--ink); font-size: 15px; font-weight: 600; }
.ws-rec-org { font-size: 13px; color: var(--muted); }
.ws-rec-why { display: flex; gap: 8px; font-size: 14px; color: var(--ink); line-height: 1.5; max-width: 80ch; }
.ws-rec-why i { color: var(--teal-ink); margin-top: 2px; }
.ws-rec-why.plain { color: var(--text); font-size: 13.5px; }
.ws-rec-watch { display: flex; gap: 8px; font-size: 13px; color: var(--amber); }
.ws-rec-watch i { margin-top: 2px; }
.faint-chip { color: var(--muted); }
.ws-rec-end { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; min-width: 150px; }
.ws-remind { position: relative; }
.ws-remind summary { list-style: none; }
.ws-remind summary::-webkit-details-marker { display: none; }
.ws-remind form { position: absolute; right: 0; top: calc(100% + 6px); z-index: 5; display: flex; flex-direction: column; gap: 8px; width: 230px; padding: 14px; border-radius: var(--r-row); background: #fff; box-shadow: 0 12px 32px -12px rgba(15, 60, 117, .28), 0 0 0 1px var(--line); }

.ws-sim { list-style: none; margin: 0; padding: 0; }
.ws-sim > li { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 14px 0; border-top: 1px solid var(--line); }
.ws-sim > li:first-child { border-top: 0; padding-top: 0; }
.ws-sim-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ws-sim-text p { font-size: 13.5px; }
.ws-sim-end { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }

.ws-drop { position: relative; display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: var(--r-row); background: var(--tone); box-shadow: inset 0 0 0 1.5px var(--line-strong); cursor: pointer; transition: background .2s, box-shadow .2s; }
.ws-drop:hover { background: var(--blue-soft); }
.ws-drop.has-file { background: var(--teal-soft); box-shadow: inset 0 0 0 1.5px var(--teal); }
.ws-drop > i { font-size: 22px; color: var(--navy); }
.ws-drop span { display: flex; flex-direction: column; min-width: 0; }
.ws-drop b { color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-drop small { color: var(--muted); font-size: 12.5px; }
.ws-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.ws-drop:has(input:focus-visible) { outline: 2px solid var(--teal); outline-offset: 2px; }
.ws-drop-bar { position: absolute; left: 12px; right: 12px; bottom: 6px; height: 3px; border-radius: 3px; background: var(--line); overflow: hidden; display: none; }
.ws-drop-bar::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p, 0%); background: var(--navy); border-radius: 3px; transition: width .2s; }
.ws-drop.is-uploading .ws-drop-bar { display: block; }
.ws-drop.is-failed { background: #FEF3F2; box-shadow: inset 0 0 0 1.5px #B42318; }

.ws-consent { max-width: 760px; }
.ws-fig dd { font-size: 26px; white-space: nowrap; }
.ws-fig .is-main dd { font-size: 30px; }
.ws-fig > div { padding: 2px 18px; }
.ws-consent .list-plain.mt { margin-top: 16px; }
.ws-legend { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
.ws-legend .k { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-left: 8px; }
.ws-chart { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; height: 190px; align-items: end; padding-top: 6px; }
.ws-chart .ws-col { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 190px; min-width: 0; }
.ws-chart .bars3 { height: 166px; flex: none; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 3px; border-bottom: 1px solid var(--line); }
.ws-chart .bars3 span { width: 30%; max-width: 12px; min-height: 2px; border-radius: 4px 4px 0 0; animation: grow-y .8s var(--ease) both; transform-origin: bottom; }
.ws-chart small { font-size: 11px; color: var(--faint); font-variant-numeric: tabular-nums; }
.ws-chart .rev, .ws-legend .rev { background: var(--navy); }
.ws-chart .in, .ws-legend .in { background: var(--teal); }
.ws-chart .out, .ws-legend .out { background: #F59E0B; }
@keyframes grow-y { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.ws-table td.pos { color: var(--teal-ink); }
.ws-table td.neg { color: var(--ink); }
.ws-table td.num { text-align: right; white-space: nowrap; }
.ws-td-text { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-inline { display: flex; gap: 8px; }
.ws-inline .input { flex: 1; min-width: 0; }
.ws-docs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ws-docs > li { padding: 10px 0; border-top: 1px solid var(--line); }
.ws-docs > li:first-child { border-top: 0; padding-top: 0; }
.ws-doc-top { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.ws-doc-top > i { color: var(--navy); }
.ws-doc-top b { display: block; font-size: 13.5px; color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-doc-top span { font-size: 12px; color: var(--muted); }
.ws-doc-note { color: var(--amber); margin: 6px 0 0 30px; }
.ws-manual { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 8px 0 0 30px; }
.ws-manual .input { height: 36px; font-size: 13px; }
.ws-manual .btn { grid-column: 1 / -1; justify-self: start; }

.ws-reminders { list-style: none; margin: 0; padding: 0; }
.ws-reminders > li { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 14px 0; border-top: 1px solid var(--line); }
.ws-reminders > li:first-child { border-top: 0; padding-top: 0; }
.ws-reminders time { display: flex; flex-direction: column; align-items: center; padding: 6px 0; border-radius: 12px; background: var(--blue-soft); color: var(--navy); font-size: 12px; font-weight: 600; }
.ws-reminders time b { font-size: 19px; line-height: 1.1; }
.ws-reminders li.is-due time { background: var(--amber-soft); color: var(--amber); }
.ws-reminders li > div:nth-child(2) { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ws-reminders li > div:nth-child(2) > b { color: var(--ink); font-weight: 600; }
.ws-rem-act { display: flex; align-items: center; gap: 4px; }

@media (max-width: 1100px) {
    .ws-first { order: -1; }
    .grid-84 > .ws-first { order: -1; }
}
@media (max-width: 900px) {
    .ws-head { grid-template-columns: auto minmax(0, 1fr); gap: 14px; }
    .ws-head .logo.lg { width: 56px; height: 56px; border-radius: 16px; font-size: 20px; }
    .ws-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .ws-scores { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; }
    .ws-mini > li { grid-template-columns: minmax(0, 1fr) auto; }
    .ws-mini .ws-type { grid-column: 1 / -1; }
    .ws-recs > li { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .ws-group .panel-head { flex-direction: column; align-items: flex-start; gap: 2px; }
    .ws-headline { font-size: 16px; }
    .ws-rec-end { flex-direction: row; align-items: center; min-width: 0; flex-wrap: wrap; }
    .ws-remind form { left: 0; right: auto; }
    .ws-sim > li { grid-template-columns: 32px minmax(0, 1fr); }
    .ws-sim-end { grid-column: 2; justify-content: flex-start; }
    .ws-chart { gap: 4px; height: 160px; }
    .ws-chart .ws-col { height: 160px; }
    .ws-chart .bars3 { height: 136px; gap: 2px; }
    .ws-td-text { max-width: 140px; }
    .ws-reminders > li { grid-template-columns: 48px minmax(0, 1fr); }
    .ws-rem-act { grid-column: 2; }
    .ws-steps li { grid-template-columns: 30px minmax(0, 1fr); }
    .ws-steps li .chip { grid-column: 2; justify-self: start; }
}

/* ── Referanslar ──────────────────────────────────────────────────────── */
.ref-kind { display: flex; align-items: center; gap: 8px; margin: 20px 0 10px; font-size: 14px; font-weight: 600; color: var(--ink); }
.ref-kind:first-of-type { margin-top: 4px; }
.ref-kind span { min-width: 20px; height: 20px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--tone-2); color: var(--text); font-size: 11.5px; letter-spacing: 0; }
.ref-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.ref-tile { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px 8px 9px; border-radius: var(--r-row); background: var(--tone); color: var(--text); height: 100%; transition: background .2s, transform .3s var(--ease); }
a.ref-tile:hover { background: var(--blue-soft); color: var(--ink); transform: translateY(-1px); }
.ref-logo { width: 100%; height: 58px; display: grid; place-items: center; border-radius: 10px; background: #fff; overflow: hidden; }
.ref-logo img { max-width: 84%; max-height: 42px; object-fit: contain; }
.ref-logo b { color: var(--navy); font-size: 15px; }
.ref-name { font-size: 12.5px; line-height: 1.3; text-align: center; color: var(--ink); font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ref-on { position: absolute; top: 6px; right: 7px; color: var(--teal); font-size: 12px; }
@media (max-width: 600px) { .ref-grid { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; } }

/* ── Girişimim: müşteri bul, başvuru cevapları ────────────────────────── */
.ws-intro { max-width: 820px; }
.ws-lead-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.ws-lead-filters .chip { text-decoration: none; }
.ws-lead-filters .chip:hover { color: var(--ink); background: #E2E8F3; }
.ws-lead-filters .chip.navy:hover { background: var(--blue-soft); color: var(--navy); }
.ws-lead-filters .sm-chip { height: auto; min-height: 22px; padding: 3px 10px; line-height: 1.3; cursor: pointer; display: inline-flex; align-items: center; border-radius: 999px; background: var(--tone-2); color: var(--text); }
.ws-lead-filters .sm-chip.is-on { background: var(--navy); color: #fff; }
.ws-leads { list-style: none; margin: 4px 0 0; padding: 0; }
.ws-leads > li { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 16px 0; border-top: 1px solid var(--line); }
.ws-leads > li:first-child { border-top: 0; }
.ws-leads .logo.sm img { padding: 4px; }
.ws-lead-main { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ws-lead-hook { display: flex; gap: 8px; font-size: 13.5px; color: var(--navy); line-height: 1.45; }
.ws-lead-hook i { margin-top: 2px; }
.ws-contacts { list-style: none; margin: 4px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--tone); display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.ws-contacts li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.ws-contacts a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.ws-contacts span { color: var(--muted); }
.ws-lead-end { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 150px; }
.ws-status-sel { height: 34px; padding: 0 30px 0 12px; font-size: 13px; width: 160px; }
.ws-roles { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ws-roles li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ws-roles b { color: var(--ink); font-size: 14px; }
.ws-roles .chip { height: 22px; font-size: 11.5px; }
.ws-roles p { flex-basis: 100%; font-size: 13px; color: var(--muted); }
.ws-copy-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.ws-copy-head span, .ws-copy-head label { font-size: 13px; font-weight: 600; color: var(--ink); }
.ws-copy-text { width: 100%; height: auto; min-height: 0; padding: 10px 12px; resize: vertical; line-height: 1.5; font: inherit; font-size: 13.5px; }
textarea.input { height: auto; }
.ws-obj { border-top: 1px solid var(--line); padding: 10px 0; }
.ws-obj:first-of-type { border-top: 0; }
.ws-obj summary { cursor: pointer; font-weight: 600; color: var(--ink); font-size: 13.5px; }
.ws-obj p { margin-top: 6px; font-size: 13.5px; color: var(--text); }
.ws-qa-list { display: flex; flex-direction: column; gap: 18px; margin-top: 14px; }
.ws-qa { padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.ws-qa label { max-width: 70ch; }
.ws-qa-foot { margin-top: 6px; font-size: 12px; color: var(--faint); }
.ws-qa-foot .over { color: var(--amber); font-weight: 600; }
.teal-text { color: var(--teal-ink); }
.ws-sets { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.ws-sets a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 12px; color: var(--text); font-size: 13.5px; }
.ws-sets a i { color: var(--faint); }
.ws-sets a:hover { background: var(--tone); color: var(--ink); }
.ws-sets a.is-on { background: var(--blue-soft); color: var(--navy); font-weight: 600; }
.ws-sets a.is-on i { color: var(--navy); }
.ws-sets a span:first-of-type { flex: 1; min-width: 0; }
.spin-sm { width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(15, 60, 117, .2); border-top-color: var(--navy); animation: spin .8s linear infinite; }
.ws-rec-end > form { display: contents; }
@media (max-width: 900px) {
    .ws-leads > li { grid-template-columns: 32px minmax(0, 1fr); }
    .ws-lead-end { grid-column: 2; flex-direction: row; align-items: center; justify-content: flex-start; min-width: 0; flex-wrap: wrap; }
}

/* ── Girişim sözlüğü ──────────────────────────────────────────────────── */
.gl-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; align-items: start; }
.gl-side { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 12px; }
.gl-search { position: relative; }
.gl-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--faint); }
.gl-search .input { width: 100%; padding-left: 38px; background: #fff; }
.gl-cats { display: flex; flex-direction: column; gap: 2px; }
.gl-cats a { display: flex; justify-content: space-between; padding: 8px 12px; border-radius: 12px; color: var(--text); font-size: 14px; font-weight: 500; }
.gl-cats a:hover { background: #fff; color: var(--ink); }
.gl-cats a.is-on { background: var(--blue-soft); color: var(--navy); }
.gl-cats a span { color: var(--faint); font-size: 12.5px; }
.gl-list { margin: 0; }
.gl-item { padding: 18px 0; border-top: 1px solid var(--line); scroll-margin-top: 20px; }
.gl-item:first-child { border-top: 0; padding-top: 0; }
.gl-item:target { animation: gl-flash 1.6s var(--ease); }
@keyframes gl-flash { 0% { background: var(--teal-soft); } 100% { background: transparent; } }
.gl-item dt { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; }
.gl-item dt h2 { font-size: 17px; }
.gl-en { color: var(--muted); font-size: 13px; }
.gl-item dt .chip { height: 22px; font-size: 11.5px; margin-left: auto; }
.gl-item dd { margin: 8px 0 0; display: flex; flex-direction: column; gap: 6px; max-width: 78ch; }
.gl-short { color: var(--ink); }
.gl-ex { display: flex; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--tone); font-size: 13.5px; }
.gl-ex i { color: var(--navy); margin-top: 2px; }
.gl-see { font-size: 13px; color: var(--muted); }
@media (max-width: 900px) {
    .gl-layout { grid-template-columns: minmax(0, 1fr); }
    .gl-side { position: static; }
    .gl-cats { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
    .gl-cats a { white-space: nowrap; background: var(--tone-2); border-radius: 999px; padding: 6px 12px; font-size: 13px; gap: 6px; }
    .gl-item dt .chip { margin-left: 0; }
}
.ws-mini-figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.ws-mini-figs > div { display: flex; flex-direction: column-reverse; gap: 2px; padding: 0 12px; border-left: 1px solid var(--line); }
.ws-mini-figs > div:first-child { padding-left: 0; border-left: 0; }
.ws-mini-figs dt { font-size: 12px; color: var(--muted); }
.ws-mini-figs dd { margin: 0; font-size: 24px; font-weight: 600; color: var(--ink); line-height: 1.1; }
.ws-leads-head { flex-wrap: wrap; }


/* ── Okunabilirlik ve form denetimleri (tasteskill denetimi, 25 Eki) ─────── */
/* Açılır menüler: tarayıcı görünümü yerine ortak görünüm (lacivert ok, yuvarlak köşe, odak halkası) */
select {
    -webkit-appearance: none; appearance: none; cursor: pointer; color: var(--ink); font: inherit;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.75 6 6.25l4.5-4.5' fill='none' stroke='%2300366F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 11px 7px !important;
    padding-right: 36px !important; transition: box-shadow .2s, background-color .2s;
}
select:hover { box-shadow: inset 0 0 0 1px var(--line-strong); }
select:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
select:disabled { opacity: .55; cursor: not-allowed; }
select option { color: var(--ink); background: #fff; }
.field select, select.input { background-color: var(--tone); border: 0; border-radius: var(--r-box); height: 44px; padding-left: 14px; box-shadow: inset 0 0 0 1px var(--line); }
.field select:hover, select.input:hover { box-shadow: inset 0 0 0 1px var(--line-strong); }
.field select:focus, select.input:focus { box-shadow: inset 0 0 0 1.5px var(--teal); background-color: #fff; }
.ws-status-sel { height: 34px !important; background-color: #fff !important; border-radius: 999px !important; font-size: 13px; font-weight: 500; }
input[type=date]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .7; }

/* Sekmeler: beyaz yüzey, koyu yazı; seçili sekme lacivert */
.tabs { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.tabs a { color: var(--text); font-weight: 500; }
.tabs a:hover { background: var(--tone); color: var(--ink); }
.tabs a.is-on { background: var(--navy); color: #fff; }
.tabs a.is-on .tab-n { background: #fff; color: var(--navy); }
.seg { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.seg label, .res-tabs a { color: var(--text); }
.seg label:hover, .res-tabs a:hover { background: var(--tone); color: var(--ink); }
.seg label:has(input:checked), .res-tabs a.is-on { background: var(--navy); color: #fff; box-shadow: none; }
.res-tabs a.is-on i { color: #fff; }

/* Girişimim başlığı: kendi yüzeyinde (çipler ve logo zeminde kaybolmasın) */
.ws-head-shell { margin-bottom: 16px; }
.ws-head-shell > .ws-head { margin: 0; padding: 22px 24px; background: #fff; border-radius: var(--r-core); }
.ws-head .chip { background: var(--tone-2); color: var(--ink); }
.ws-head .chip.navy { background: var(--blue-soft); color: var(--navy); }
.ws-head .chip.amber { background: var(--amber-soft); color: var(--amber); }
.ws-head .logo.lg:not(.has-img) { background: var(--navy); color: #fff; }
.ws-basis { padding: 10px 14px; border-radius: var(--r-row); background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.ws-basis > span:first-child { color: var(--text); font-weight: 500; }

/* Zeminde duran çipler okunur olsun (panel dışı) */
.page-head .chip, .ws-lead-filters .chip { box-shadow: inset 0 0 0 1px var(--line); }
@media (max-width: 900px) { .ws-head-shell > .ws-head { padding: 18px; } }
/* Açılan liste: destekleyen tarayıcılarda (Chromium 135+) markalı liste; diğerlerinde işletim sisteminin listesi */
@supports (appearance: base-select) {
    select, ::picker(select) { appearance: base-select; }
    select { display: inline-flex; align-items: center; }
    select::picker-icon { display: none; }
    ::picker(select) { border: 0; border-radius: 14px; padding: 6px; margin-top: 6px; background: #fff;
        box-shadow: 0 18px 40px -18px rgba(15, 60, 117, .38), 0 0 0 1px var(--line); }
    select option { padding: 9px 12px; border-radius: 10px; font-size: 13.5px; color: var(--ink); gap: 8px; cursor: pointer; }
    select option:hover, select option:focus-visible { background: var(--tone); outline: 0; }
    select option:checked { background: var(--blue-soft); color: var(--navy); font-weight: 600; }
    select option::checkmark { content: "✓"; color: var(--teal-ink); order: 1; margin-left: auto; }
}
/* Zeminde duran süzgeç alanları: beyaz yüzey, belirgin kenar, eşit yükseklik */
.res-filters .input, .res-filters select { height: 44px; background-color: #fff; border: 0; border-radius: 12px; padding-left: 14px;
    box-shadow: inset 0 0 0 1px var(--line-strong); font-size: 14px; color: var(--ink); }
.res-filters .input::placeholder { color: var(--faint); }
.res-filters .input:focus, .res-filters select:focus { box-shadow: inset 0 0 0 1.5px var(--teal); outline: 0; }
.res-filters .btn { height: 44px; }
.panel-head h2.nowrap { white-space: nowrap; }

/* Denetim düzeltmeleri (25 Eki): zemindeki ikincil düğmeler, uzun çipler, sayaçlar */
.page-head .btn.ghost, .quick .btn.ghost, .main > .wrap > .btn.ghost { background: #fff; box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--ink); }
.page-head .btn.ghost:hover { background: var(--tone); }
.ws-rec-top .chip, .chips .chip { max-width: 100%; }
.ws-rec-top .chip { white-space: normal; height: auto; min-height: 28px; padding: 4px 12px; line-height: 1.3; }
.gl-cats a.is-on span { color: var(--navy); }
/* İkincil düğme: zeminde beyaz + ince kenar; beyaz yüzeylerin içinde ton farkı */
.btn.ghost { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-strong); }
.btn.ghost:hover { background: var(--tone); color: var(--ink); }
.panel .btn.ghost, .hero-main .btn.ghost, .ws-head .btn.ghost, .card .btn.ghost {
    background: var(--tone-2); box-shadow: none; }
.panel .btn.ghost:hover, .hero-main .btn.ghost:hover, .ws-head .btn.ghost:hover { background: #E2E8F3; }
/* Başvuru ve rapor başlığı: kendi yüzeyinde (çift çerçeve: ince tonlu kabuk + beyaz iç yüzey) */
.v-head { background: #fff; padding: 22px 24px; border-radius: var(--r-core); box-shadow: 0 0 0 6px var(--shell); margin: 6px 6px 22px; }
@media (max-width: 900px) { .v-head { padding: 18px; } }
.ref-logo.on-dark { background: var(--navy); }

/* Boş durum: panel içinde ikinci kutu yok (kutu içinde kutu olmasın) */
.panel > .empty, .panel > div > .empty { background: transparent; padding: 6px 0 2px; }
/* Çağrı ölçütleri: ad ve açıklama solda, ağırlık sağda sayı + ince çubuk */
.crit-weights { list-style: none; margin: 0; padding: 0; }
.crit-weights li { display: grid; grid-template-columns: minmax(0, 1fr) 56px; gap: 4px 16px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.crit-weights li:first-child { border-top: 0; padding-top: 0; }
.crit-weights b { color: var(--ink); font-size: 14.5px; font-weight: 600; }
.crit-weights p { font-size: 13.5px; color: var(--muted); margin-top: 2px; }
.crit-weights .w { justify-self: end; font-size: 18px; font-weight: 600; color: var(--navy); }
.crit-weights .w-bar { grid-column: 1 / -1; height: 4px; border-radius: 999px; background: var(--tone-2); overflow: hidden; }
.crit-weights .w-bar span { display: block; height: 100%; background: var(--teal); border-radius: inherit; }
.grid-75.top { align-items: start; }
.grid-75.top > .shell > .panel { height: auto; }
.feed-figs { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 22px; }
@media (max-width: 900px) {
    .feed-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* Kaynaklar sekmeleri: tek satır, yatay kaydırma */
    .res-tabs { display: flex; width: 100%; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
    .res-tabs::-webkit-scrollbar { display: none; }
    .res-tabs a { white-space: nowrap; flex: none; }
}
aside .rows .title { white-space: normal; overflow: visible; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.li-btn { width: 100%; height: 44px; }
.li-btn i { color: #0A66C2; font-size: 17px; }
.search-live { margin-bottom: 14px; padding: 10px 14px; border-radius: var(--r-row); background: var(--blue-soft); }
.org-act { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 16px; border-radius: var(--r-row); background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.org-act > i { font-size: 22px; color: var(--navy); }
.org-act b { display: block; color: var(--ink); }
.org-act span { color: var(--text); font-size: 14px; }
.org-act-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.prog-about { color: var(--text); line-height: 1.55; }
.cohort-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.cohort-head h2 { font-size: 18px; }
.cohort-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.cohort-card { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--r-row); background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: inherit; transition: box-shadow .2s, transform .2s var(--ease); }
.cohort-card:hover { box-shadow: inset 0 0 0 1px var(--line-strong), 0 8px 24px -16px rgba(15, 60, 117, .35); transform: translateY(-1px); }
.cc-top { display: flex; gap: 10px; align-items: center; }
.cc-top b { display: block; color: var(--ink); font-weight: 600; }
.cc-top span { display: block; font-size: 12.5px; color: var(--muted); }
.cohort-card p { font-size: 13.5px; color: var(--text); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cc-foot { margin-top: auto; display: flex; align-items: center; gap: 8px; }
.faces { display: flex; }
.faces .avatar { margin-left: -6px; box-shadow: 0 0 0 2px #fff; }
.faces .avatar:first-child { margin-left: 0; }
.avatar.xs { width: 26px; height: 26px; font-size: 10px; }
.org-head { display: flex; align-items: center; gap: 22px; min-width: 0; }
.org-wordmark { height: 44px; width: auto; max-width: 180px; object-fit: contain; flex: none; padding: 8px 14px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); box-sizing: content-box; }
@media (max-width: 760px) { .org-head { flex-direction: column; align-items: flex-start; gap: 12px; } .org-wordmark { height: 32px; } }
.cell-main .prog-icon, .prog-icon { flex: none; }

/* ══ Panel ekranları: tasteskill 2.1 (app-screens) katmanı, 26 Eki ══════════════════════════════════
   Kurallar: nötr zemin + beyaz yüzey + tek ince çizgi (çizgi ya da gölge, ikisi birden değil);
   renk veride, gezinmede değil (seçili menü satırı nötr gri, sekme alt çizgi); bir satırdaki denetimler
   aynı yükseklikte (36px); ikincil düğme beyaz + çizgi, tek dolu düğme lacivert; çipler beyaz + çizgi,
   durum çipleri açık ton + aynı renk koyu yazı; başlık ≤32px, rakam ≤36px; iç içe gri kutu yok. */
:root {
    --bg: #F6F7F9; --tone: #F9FAFB; --tone-2: #F2F4F6; --shell: transparent;
    --ink: #111827; --text: #374151; --muted: #4B5563; --faint: #6B7280;
    --line: #E5E7EB; --line-strong: #D1D5DB; --rule: #EEF0F3; --control: #D1D5DB;
    --r-card: 16px;
}
body { background: var(--bg); }

/* Yüzeyler: tek kart, tek çizgi */
.shell { padding: 0; border-radius: var(--r-card); background: none; }
.panel { border: 1px solid var(--line); border-radius: var(--r-card); padding: 20px; }
.shell > .panel { border-radius: var(--r-card); }
.tone { background: var(--tone); box-shadow: inset 0 0 0 1px var(--rule); }

/* Yan menü: seçili satır nötr gri hap, yazı rengi değişmez */
.side { border-right: 1px solid var(--line); }
.side a.nav { padding: 8px 12px; border-radius: 10px; font-size: 14px; }
.side a.nav:hover { background: var(--tone); }
.side a.nav.is-on { background: var(--tone-2); color: var(--ink); font-weight: 600; }
.side a.nav.is-on i { color: var(--ink); }
.side-foot { border-top-color: var(--line); }

/* Düğmeler: tek yükseklik; ikincil beyaz + çizgi */
.btn { height: 36px; padding: 0 16px; font-size: 13.5px; }
.btn.sm { height: 32px; padding: 0 12px; font-size: 13px; }
.btn:hover { transform: none; }
.btn.ghost { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--control); }
.btn.ghost:hover { background: var(--tone); color: var(--ink); }
.btn.quiet:hover { background: var(--tone-2); }
.btn.follow.is-on { background: #fff; color: var(--teal-ink); box-shadow: inset 0 0 0 1px var(--teal); }
.icon-btn:hover { background: var(--tone-2); }

/* Çipler: bilgi çipi beyaz + çizgi; durum çipleri açık ton + koyu aynı renk */
.chip { height: 26px; padding: 0 10px; background: #fff; color: var(--text); box-shadow: inset 0 0 0 1px var(--line); font-size: 12.5px; }
.chip i { color: var(--faint); }
.chip.teal { background: #E7F6F1; color: #0B5D4A; box-shadow: none; }
.chip.teal i { color: #0B5D4A; }
.chip.navy { background: #EAF1FB; color: #123F7A; box-shadow: none; }
.chip.navy i { color: #123F7A; }
.chip.amber { background: #FEF3E2; color: #8A4B0A; box-shadow: none; }
.page-head .chip, .ws-lead-filters .chip, .ws-head .chip { background: #fff; color: var(--text); box-shadow: inset 0 0 0 1px var(--line); }
.ws-head .chip.navy { background: #EAF1FB; color: #123F7A; box-shadow: none; }
.ws-head .chip.amber { background: #FEF3E2; color: #8A4B0A; box-shadow: none; }

/* Sekmeler: tam genişlikte ince çizgi üstünde alt çizgili; renkli hap yok */
.tabs { gap: 22px; padding: 0; border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--line); width: 100%; }
.tabs a { height: 42px; padding: 0 2px; border-radius: 0; color: var(--muted); font-weight: 500; font-size: 14px; }
.tabs a:hover { background: none; color: var(--ink); }
.tabs a.is-on { background: none; color: var(--ink); font-weight: 600; box-shadow: inset 0 -2px 0 var(--ink); }
.tabs a.is-on i { color: var(--ink); }
.tabs a.is-on .tab-n { background: var(--tone-2); color: var(--ink); }
/* Bölümlü seçici: seçenekleri kadar geniş, seçili olan nötr */
.seg, .res-tabs { background: #fff; box-shadow: inset 0 0 0 1px var(--control); padding: 3px; gap: 2px; }
.seg label, .res-tabs a { height: 30px; padding: 0 12px; font-size: 13px; color: var(--muted); }
.seg label:hover, .res-tabs a:hover { background: var(--tone); color: var(--ink); }
.seg label:has(input:checked), .res-tabs a.is-on, .res-filter button.is-on { background: var(--tone-2); color: var(--ink); font-weight: 600; box-shadow: none; }
.res-tabs a.is-on i { color: var(--ink); }

/* Form denetimleri: beyaz, çizgili; seçim kutusu bir ton koyu çizgi */
.input, .field input[type=text], .field input[type=email], .field input[type=password], .field input[type=url], .field input[type=number],
.field input[type=date], .field textarea { height: 40px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); border-radius: 10px; font-size: 14px; }
.field textarea { height: auto; }
.field select, select.input { height: 40px; background-color: #fff; box-shadow: inset 0 0 0 1px var(--control); border-radius: 10px; font-size: 14px; }
.field > label, .field > .label { font-weight: 500; font-size: 13.5px; }
.input:focus, .field input:focus, .field select:focus, .field textarea:focus { box-shadow: inset 0 0 0 1.5px var(--navy); }
.drop { background: #fff; }

/* Rakamlar: tek kap içinde çizgiyle ayrılır; en büyük rakam 34px */
.figures dd { font-size: 28px; }
.figures .is-main dd { font-size: 34px; color: var(--ink); }

/* Bildirim şeritleri: açık ton + koyu yazı, kendi çizgisi yok */
.notice { padding: 12px 14px; font-size: 13.5px; }
.notice.teal { background: #E7F6F1; }
.notice.teal i { color: #0B5D4A; }

/* Profil başı (girişim, kurum): tek kart; rakamlar aynı kartta çizgiyle ayrılır; eylemler tek sırada */
.hero { padding: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; }
.hero-main { padding: 24px; border-radius: 0; grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.hero h1 { font-size: 28px; margin-top: 6px; }
.hero-line { font-size: 15px; }
.hero-actions { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.hero .logo.xl { width: 72px; height: 72px; border-radius: 16px; }
.hero .logo.xl img { padding: 9px; }
.hero-actions .btn { height: 36px; }
.hero-figures { border-top: 1px solid var(--rule); padding: 16px 24px; background: #fff; }
.hero-figures > div { border-left-color: var(--rule); }
.hero-figures dd { font-size: 24px; }
.hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 12px; font-size: 13.5px; color: var(--text); }
.hero-meta span, .hero-meta a { display: inline-flex; align-items: center; gap: 6px; }
.hero-meta i { color: var(--faint); font-size: 14px; }
.hero-meta a { color: var(--navy); font-weight: 500; }
@media (max-width: 760px) {
    .hero-actions { grid-column: 1 / -1; }
    .hero h1 { font-size: 24px; }
}

/* Arama sonuçları: program seçimi sonuçların başında bir kez; satırda tek düğme */
.add-target { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; margin-bottom: 14px; border-radius: 12px; background: var(--tone); box-shadow: inset 0 0 0 1px var(--rule); font-size: 13.5px; color: var(--text); }
.add-target select { height: 36px; min-width: 260px; max-width: 100%; padding-left: 12px; border: 0; border-radius: 10px; background-color: #fff; box-shadow: inset 0 0 0 1px var(--control); font-size: 13.5px; }
.result .end { min-width: 150px; }
.result .end .btn, .result .end form { width: 100%; }
.result .end { gap: 8px; }
.res-head { gap: 12px; }
.prog-summary { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 28px; align-items: start; }
.prog-summary-about { padding-left: 28px; border-left: 1px solid var(--rule); }
@media (max-width: 900px) { .prog-summary { grid-template-columns: minmax(0, 1fr); gap: 18px; } .prog-summary-about { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--rule); } }

/* İç içe gri kutu yok: kartın içindeki öğeler beyaz + ince çizgi ya da düz metin */
.person-card { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.person-card:hover { background: var(--tone); transform: none; }
.ref-tile { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
a.ref-tile:hover { background: var(--tone); transform: none; }
.ref-logo { background: none; }
.ref-logo.on-dark { background: var(--ink); }
.kv-line { display: flex; gap: 10px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--rule); font-size: 14px; color: var(--text); }
.kv-line span { color: var(--muted); }
.kv-line b { color: var(--ink); font-weight: 600; }
.team-note { padding-top: 14px; border-top: 1px solid var(--rule); color: var(--text); line-height: 1.55; }
.cohort-card:hover { transform: none; box-shadow: inset 0 0 0 1px var(--line-strong); }
/* Kart içindeki ikincil düğmeler de beyaz + çizgi (eski "panelde gri düğme" kuralının yerine) */
.panel .btn.ghost, .hero-main .btn.ghost, .ws-head .btn.ghost, .card .btn.ghost, .page-head .btn.ghost {
    background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--control); }
.panel .btn.ghost:hover, .hero-main .btn.ghost:hover, .ws-head .btn.ghost:hover, .card .btn.ghost:hover { background: var(--tone); }
.v-head { margin: 0 0 20px; border-radius: var(--r-card); box-shadow: none; border: 1px solid var(--line); }
.ws-head-shell > .ws-head { border: 1px solid var(--line); border-radius: var(--r-card); }
/* Yatay (yazı) logolar profil başında küçülmesin: kutu logoya göre genişler */
.hero .logo.xl.has-img { width: auto; min-width: 72px; max-width: 220px; padding: 0 14px; }
.hero .logo.xl.has-img img { width: auto; height: auto; max-width: 190px; max-height: 46px; padding: 0; object-fit: contain; }
/* Portföy satırları: beyaz + ince çizgi */
.pf-item { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.pf-item:hover { background: var(--tone); }
/* Telefonda süzgeç tek satır, yana kayar */
@media (max-width: 760px) {
    .res-head { flex-direction: column; align-items: flex-start; }
    .res-filter { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; border-radius: 999px; }
    .res-filter::-webkit-scrollbar { display: none; }
    .res-filter button { flex: none; white-space: nowrap; }
    .add-target select { min-width: 0; width: 100%; }
}
a.pf-item:hover { background: var(--tone); color: var(--ink); }
.res-filter button.is-on .num { color: var(--ink); }
/* Program formu: ölçüt satırı = ad + ağırlık + sil (üst), açıklama (alt, tam genişlik); soru satırı beyaz */
#criteria .crit-row { display: grid; grid-template-columns: minmax(0, 1fr) 72px 34px; grid-template-rows: auto auto; gap: 6px; align-items: center;
    padding: 10px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
#criteria .crit-row input[name=crit_label] { grid-column: 1; grid-row: 1; font-weight: 500; }
#criteria .crit-row input[name=crit_weight] { grid-column: 2; grid-row: 1; text-align: right; }
#criteria .crit-row .icon-btn { grid-column: 3; grid-row: 1; }
#criteria .crit-row input[name=crit_hint] { grid-column: 1 / -1; grid-row: 2; font-size: 13px; color: var(--text); }
#criteria .crit-row .input { height: 36px; }
.q-row { background: #fff; box-shadow: inset 0 0 0 1px var(--line); grid-template-columns: minmax(0, 1fr) 140px 140px 34px; }
.q-row select.input { white-space: nowrap; height: 40px; }
.panel.form .seg { width: max-content; max-width: 100%; }
/* Girişim bul: arama kutusu da tek çizgili kart; program seçimi beyaz */
.finder { padding: 0; background: none; }
.finder-core { background: #fff; border: 1px solid var(--line); border-radius: var(--r-card); box-shadow: none; }
.finder-row select { height: 36px; border: 0; border-radius: 10px; background-color: #fff; box-shadow: inset 0 0 0 1px var(--control); padding-left: 12px; font-size: 13.5px; color: var(--ink); min-width: 240px; }
.examples button { background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--text); }
.examples button:hover { background: var(--tone); color: var(--ink); }
.finder:focus-within { background: none; }
.finder-core:focus-within { border-color: var(--line-strong); }
.feed-item { grid-template-columns: minmax(0, 1fr); }
.feed-type { font-size: 12px; color: var(--muted); padding-left: 8px; border-left: 1px solid var(--line); }
.pick label:has(input:checked) { background: var(--ink); color: #fff; box-shadow: none; }
/* Süzgeç satırı: arama, seçimler ve düğme aynı yükseklikte (40px) */
.res-filters .input, .res-filters select { height: 40px; box-shadow: inset 0 0 0 1px var(--control); border-radius: 10px; }
.res-filters .input { box-shadow: inset 0 0 0 1px var(--line); }
.res-filters .btn { height: 40px; }
/* Tarih listesi: tarih kutu içinde değil, sade sütun */
.ws-reminders time { background: none; color: var(--ink); border-right: 1px solid var(--rule); border-radius: 0; }
/* Program logosu: yatay yazı logoları da okunur (kutu logoya göre genişler) */
.prog-logo { flex: none; display: inline-grid; place-items: center; width: 120px; height: 52px; padding: 6px 8px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.prog-logo img { display: block; width: auto; height: auto; max-width: 104px; max-height: 40px; object-fit: contain; }
.prog-logo.lg img { max-width: 126px; max-height: 52px; }
.prog-logo.lg { width: 150px; height: 68px; padding: 8px 12px; }
.prog-title { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
@media (max-width: 760px) { .prog-logo.lg { width: 120px; height: 52px; } .prog-logo.lg img { max-width: 100px; max-height: 38px; } }
/* Marka logosu (26 Eki): yan menüde, açılış ve giriş ekranlarında; koyu panelde açık sürüm */
.brand-logo { display: block; height: 34px; width: auto; }
.side .brand { padding: 6px 10px 22px; }
.side .brand-logo { height: 32px; }
.gate-side .brand-logo { height: 46px; }
.auth .brand { justify-content: center; }
.auth .brand-logo { height: 40px; }
.brand-mark-img { width: 32px; height: 32px; flex: none; }
/* Telefonda yan menü yok: üstte ince logo şeridi (alt sekme çubuğu gezinmeyi taşır) */
.m-top { display: none; }
@media (max-width: 900px) {
    .m-top { display: flex; align-items: center; height: 48px; margin: -14px 0 14px; }
    .m-top .brand-logo { height: 28px; }
}

/* ══ Girişim bul (26 Eki, v3) ═════════════════════════════════════════════════════════════════
   Ürünün kendi ögesi: arama aşamaları. Tek dolu marka alanı (logonun laciverti), üstünde süzülen beyaz arama
   kartı; vurgu turkuaz yalnız eylemde (Ara) ve aşama numaralarında. Hareket yalnız geri bildirim. */
.bul-stage { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px; align-items: center;
    padding: 28px; border-radius: 20px; background: var(--navy); color: #fff; }
.bul-composer { display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 14px; border-radius: 16px; background: #fff;
    color: var(--ink); box-shadow: 0 24px 48px -24px rgba(4, 16, 32, .55); transition: box-shadow .2s; }
.bul-composer:focus-within { box-shadow: 0 0 0 3px rgba(0, 139, 212, .55), 0 24px 48px -24px rgba(4, 16, 32, .55); }
.bul-composer textarea { width: 100%; min-height: 96px; border: 0; outline: 0; resize: vertical; background: transparent;
    font: inherit; font-size: 18px; line-height: 1.5; color: var(--ink); }
.bul-composer textarea::placeholder { color: var(--faint); }
.bul-modes { align-self: flex-start; }
.bul-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid var(--rule); }
.bul-row select { height: 36px; min-width: 0; max-width: 100%; flex: 1 1 220px; padding: 0 34px 0 12px; border: 0; border-radius: 10px;
    background-color: #fff; box-shadow: inset 0 0 0 1px var(--control); font: inherit; font-size: 13.5px; color: var(--ink); }
.bul-hint { display: inline-flex; gap: 4px; margin-left: auto; color: var(--faint); font-size: 12px; }
.bul-hint kbd { min-width: 22px; height: 22px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 6px;
    background: var(--tone); box-shadow: inset 0 -1px 0 var(--line); font: inherit; font-size: 11.5px; color: var(--muted); }
.btn.bul-go { height: 40px; padding: 0 20px; background: var(--teal-ink); }
.btn.bul-go:hover { background: #085C8C; }
.bul-flow { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; counter-reset: s; }
.bul-flow li { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 0 0 16px; }
.bul-flow li:last-child { padding-bottom: 0; }
.bul-flow li:not(:last-child)::before { content: ""; position: absolute; left: 14px; top: 30px; bottom: 2px; width: 2px;
    background: rgba(255, 255, 255, .16); }
.bul-flow .n { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; font-size: 13px; font-weight: 700;
    color: #fff; box-shadow: inset 0 0 0 2px #5EC4F5; font-variant-numeric: tabular-nums; }
.bul-flow b { display: block; font-size: 14.5px; font-weight: 600; color: #fff; }
.bul-flow span:not(.n) { display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .78); }
.bul-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.bul-examples > span { font-size: 13px; color: var(--muted); margin-right: 4px; }
.bul-examples button { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border: 0; border-radius: 999px;
    background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--text); font: inherit; font-size: 13.5px; cursor: pointer;
    transition: box-shadow .18s, color .18s; }
.bul-examples button i { color: var(--faint); font-size: 12px; transition: transform .3s var(--ease); }
@media (hover: hover) and (pointer: fine) {
    .bul-examples button:hover { box-shadow: inset 0 0 0 1px var(--teal); color: var(--ink); }
    .bul-examples button:hover i { color: var(--teal-ink); transform: translate(-2px, -2px); }
}
.bul-examples button:active, .btn:active { transform: scale(.97); }
.bul-list { list-style: none; margin: 0; padding: 0; }
.bul-list li + li { border-top: 1px solid var(--rule); }
.bul-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto 150px 16px; gap: 18px; align-items: center; padding: 14px 4px;
    color: inherit; border-radius: 10px; transition: background .18s; }
@media (hover: hover) and (pointer: fine) { .bul-list a:hover { background: var(--tone); } .bul-list a:hover .go { transform: translateX(3px); color: var(--ink); } }
.bul-list .q b { display: block; color: var(--ink); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bul-list .q span { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); }
.bul-list .logo-stack { display: flex; }
.bul-list .logo-stack .logo { width: 28px; height: 28px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px var(--line); margin-left: -6px; }
.bul-list .logo-stack .logo:first-child { margin-left: 0; }
.bul-list .logo-stack .logo img { padding: 3px; }
.bul-list .res { text-align: right; }
.bul-list .res b { display: block; font-size: 20px; font-weight: 600; color: var(--ink); line-height: 1.1; }
.bul-list .res span { font-size: 12px; color: var(--muted); }
.bul-list .go { color: var(--faint); transition: transform .3s var(--ease), color .18s; }
@media (max-width: 900px) {
    .bul-stage { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 20px; border-radius: 16px; }
    .bul-flow { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 12px; overflow-x: auto; scrollbar-width: none; }
    .bul-flow li { grid-template-columns: 1fr; padding: 0; }
    .bul-flow li::before { display: none; }
    .bul-hint { display: none; }
    .bul-list a { grid-template-columns: minmax(0, 1fr) auto; }
    .bul-list .who, .bul-list .go { display: none; }
}
@media (prefers-reduced-motion: reduce) { .bul-examples button i, .bul-list .go { transition: none; } }
.btn .spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .35); border-top-color: #fff; animation: spin .8s linear infinite; }
.bul-flow li.is-on .n { background: #5EC4F5; color: var(--navy); box-shadow: none; }

/* Arama sürerken canlı aşama şeması (/bul ile aynı aile) */
.bul-live { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 18px 22px;
    border-radius: 16px; background: var(--navy); color: #fff; }
.bul-live ol { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 0; flex-wrap: wrap; }
.bul-live li { display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .62); font-size: 13.5px; font-weight: 500; }
.bul-live li + li::before { content: ""; width: 28px; height: 2px; margin: 0 10px; background: rgba(255, 255, 255, .18); }
.bul-live li.is-done + li::before, .bul-live li.is-done + li.is-on::before { background: #5EC4F5; }
.bul-live .n { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; font-size: 12px; font-weight: 700;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .28); transition: background .3s, box-shadow .3s, color .3s; }
.bul-live li.is-done { color: #fff; }
.bul-live li.is-done .n { background: #5EC4F5; color: var(--navy); box-shadow: none; }
.bul-live li.is-on { color: #fff; }
.bul-live li.is-on .n { box-shadow: inset 0 0 0 2px #5EC4F5; color: #fff; }
.bul-live-msg { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, .86); }
.bul-live-msg .spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .3); border-top-color: #5EC4F5; animation: spin .8s linear infinite; }
.search-live { background: var(--tone); }
/* Koşul kapsama: kaç sonuç bu koşulu kanıtla sağlıyor */
.crit-list li.cov { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "chip label n" "bar bar bar"; gap: 6px 10px; align-items: center; }
.crit-list li.cov .chip { grid-area: chip; }
.crit-list li.cov .cov-label { grid-area: label; }
.crit-list li.cov .cov-n { grid-area: n; font-size: 12px; color: var(--muted); }
.cov-bar { grid-area: bar; display: block; height: 6px; border-radius: 6px; background: var(--tone-2); overflow: hidden; }
.cov-bar i { display: block; height: 100%; border-radius: 6px; background: var(--teal); }
/* Sonuç satırları: koşullar yan yana küçük etiketler */
.cres .checks { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.cres .ck-item { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px 0 4px; border-radius: 999px;
    background: #fff; box-shadow: inset 0 0 0 1px var(--line); font-size: 12.5px; color: var(--text); }
.cres .ck-item .ck { width: 18px; height: 18px; display: inline-grid; place-items: center; border-radius: 50%; font-size: 11px; }
.cres .ck-item.yes { box-shadow: inset 0 0 0 1px rgba(0, 139, 212, .35); color: var(--ink); }
.cres .ck-item.unknown { color: var(--muted); }
.cres .ck-item.no { color: var(--faint); text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .25); }
@media (max-width: 760px) { .bul-live li b { display: none; } .bul-live li + li::before { width: 16px; margin: 0 6px; } }
@media (prefers-reduced-motion: reduce) { .bul-live .n { transition: none; } }
.bul-modes label { white-space: nowrap; }
.bul-list a { grid-template-columns: minmax(0, 1fr) auto 190px 16px; }
@media (max-width: 480px) { .bul-modes { width: 100%; } .bul-modes label { flex: 1; justify-content: center; padding: 0 8px; } .bul-modes i { display: none; } }

/* Keşfet: /bul ile aynı aile; arama kutusu ve sayılı sekmeler lacivert alanda */
.dir-stage { display: grid; gap: 18px; padding: 22px; border-radius: 20px; background: var(--navy); margin-bottom: 20px; }
.dir-search { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 16px; border-radius: 14px; background: #fff;
    box-shadow: 0 20px 40px -24px rgba(4, 16, 32, .6); transition: box-shadow .2s; }
.dir-search:focus-within { box-shadow: 0 0 0 3px rgba(0, 139, 212, .55), 0 20px 40px -24px rgba(4, 16, 32, .6); }
.dir-search > i { color: var(--faint); font-size: 17px; }
.dir-search input { flex: 1; min-width: 0; height: 44px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; color: var(--ink); }
.dir-search input::placeholder { color: var(--faint); }
.dir-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.dir-tabs a { display: flex; flex-direction: column; gap: 2px; padding: 10px 16px; border-left: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .72); transition: color .18s; position: relative; }
.dir-tabs a:first-child { border-left: 0; padding-left: 4px; }
.dir-tabs a b { font-size: 26px; font-weight: 600; line-height: 1.1; color: #fff; letter-spacing: -.02em; }
.dir-tabs a span { font-size: 13px; }
.dir-tabs a.is-on { color: #fff; }
.dir-tabs a.is-on::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: -6px; height: 3px; border-radius: 3px; background: #5EC4F5; }
.dir-tabs a:first-child.is-on::after { left: 4px; }
@media (hover: hover) and (pointer: fine) { .dir-tabs a:hover { color: #fff; } }
@media (max-width: 760px) {
    .dir-stage { padding: 14px; border-radius: 16px; }
    .dir-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; }
    .dir-tabs a:nth-child(3) { border-left: 0; padding-left: 4px; }
    .dir-tabs a b { font-size: 22px; }
}
/* Kaynaklar: aynı sahne; süzgeçler ve katalogun kendi sayıları */
.res-stage { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 24px; margin-top: 16px; }
.res-stage-form { display: grid; gap: 10px; }
.res-stage .dir-q { flex: 1; min-width: 0; height: 44px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; color: var(--ink); }
.res-stage-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.res-stage-row select { height: 40px; min-width: 0; padding: 0 34px 0 12px; border: 0; border-radius: 10px; background-color: rgba(255, 255, 255, .1);
    color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); font: inherit; font-size: 13.5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.75 6 6.25l4.5-4.5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.res-stage-row select option { color: var(--ink); }
.res-figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; margin: 0; }
.res-figs > div { display: flex; flex-direction: column-reverse; gap: 2px; padding: 0 18px; border-left: 1px solid rgba(255, 255, 255, .14); }
.res-figs > div:nth-child(odd) { border-left: 0; padding-left: 0; }
.res-figs dd { margin: 0; font-size: 28px; font-weight: 600; line-height: 1.1; color: #fff; letter-spacing: -.02em; }
.res-figs dt { font-size: 13px; color: rgba(255, 255, 255, .74); }
@media (max-width: 900px) { .res-stage { grid-template-columns: minmax(0, 1fr); } .res-stage-row { grid-template-columns: minmax(0, 1fr); } }

/* ══ Ortak sahne (26 Eki, v3): logonun laciverti dolu alan + sayfanın kendi verisi ══════════════════ */
.stage { position: relative; display: grid; gap: 22px; padding: 24px; border-radius: 20px; background: var(--navy); color: #fff; margin-bottom: 20px; }
.stage.split { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; }
.stage h2 { color: #fff; font-size: 15px; font-weight: 600; }
.stage .muted-on { color: rgba(255, 255, 255, .74); font-size: 13px; }
.stage-figs { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); margin: 0; }
.stage-figs > div { display: flex; flex-direction: column-reverse; gap: 2px; padding: 0 18px; border-left: 1px solid rgba(255, 255, 255, .14); }
.stage-figs > div:first-child { border-left: 0; padding-left: 0; }
.stage-figs dd { margin: 0; font-size: 30px; font-weight: 600; line-height: 1.05; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; }
.stage-figs dt { font-size: 13px; color: rgba(255, 255, 255, .74); }
.stage-figs .is-main dd { font-size: 34px; }
.stage-figs a { color: inherit; }
.stage .btn.ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32); }
.stage .btn.ghost:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.stage .btn:not(.ghost) { background: var(--teal-ink); }
.stage .btn:not(.ghost):hover { background: #085C8C; }
.stage-pulse { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.stage-pulse li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; }
.stage-pulse b { font-size: 22px; font-weight: 600; color: #5EC4F5; font-variant-numeric: tabular-nums; text-align: right; }
.stage-pulse span { font-size: 13.5px; color: rgba(255, 255, 255, .86); }
@media (max-width: 900px) {
    .stage { padding: 16px; border-radius: 16px; }
    .stage.split { grid-template-columns: minmax(0, 1fr); }
    .stage-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
    .stage-figs > div:nth-child(3), .ins-figs > div:nth-child(odd) { border-left: 0; padding-left: 0; }
    .stage-figs dd, .stage-figs .is-main dd { font-size: 26px; }
}
/* Çağrılar: yaklaşan son tarihler zaman çizelgesi */
.stage-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.stage-head a { display: inline-flex; align-items: center; gap: 6px; }
.deadline-line { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; position: relative; }
.deadline-line::before { content: ""; position: absolute; left: 0; right: 0; top: 23px; height: 2px; background: rgba(255, 255, 255, .16); }
.deadline-line li { position: relative; padding-right: 14px; min-width: 0; }
.deadline-line a { display: flex; flex-direction: column; gap: 4px; color: #fff; }
.dl-date { position: relative; z-index: 1; display: inline-flex; align-items: baseline; gap: 4px; align-self: flex-start; padding: 6px 10px; border-radius: 10px;
    background: var(--navy); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); font-size: 12.5px; color: rgba(255, 255, 255, .8); }
.dl-date b { font-size: 20px; color: #fff; }
.is-next .dl-date { background: #5EC4F5; box-shadow: none; color: var(--navy); }
.is-next .dl-date b { color: var(--navy); }
.dl-left { margin-top: 6px; font-size: 12px; font-weight: 600; color: #5EC4F5; }
.dl-name { font-size: 13.5px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dl-org { font-size: 12px; color: rgba(255, 255, 255, .7); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (hover: hover) and (pointer: fine) { .deadline-line a:hover .dl-name { text-decoration: underline; text-underline-offset: 3px; } }
@media (max-width: 900px) {
    .deadline-line { grid-template-columns: repeat(6, minmax(150px, 1fr)); overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
}
/* Kurum programları sahnesi */
.prog-stage h1 { color: #fff; font-size: 26px; }
.prog-stage-id { display: flex; align-items: center; gap: 20px; min-width: 0; }
.org-wordmark.on-stage { flex: none; display: grid; place-items: center; height: 72px; padding: 10px 16px; border-radius: 14px; background: #fff; }
.org-wordmark.on-stage img { display: block; max-height: 44px; max-width: 170px; width: auto; height: auto; }
@media (max-width: 760px) { .prog-stage-id { flex-direction: column; align-items: flex-start; } .org-wordmark.on-stage { height: 56px; } }
.prog-summary-stage .stage-figs dt { text-transform: none; }
.prog-summary-about { padding-left: 24px; border-left: 1px solid rgba(255, 255, 255, .14); }
.prog-about-on { margin-top: 8px; font-size: 13.5px; line-height: 1.55; color: rgba(255, 255, 255, .86); }
@media (max-width: 900px) { .prog-summary-about { padding: 16px 0 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .14); } }
/* Profil başı (girişim, kurum, kişi, çağrı): rakam şeridi logonun lacivertinde */
.hero-figures { background: var(--navy); border-top: 0; padding: 16px 24px; }
.hero-figures > div { border-left-color: rgba(255, 255, 255, .14); }
.hero-figures dd { color: #fff; }
.hero-figures dt { color: rgba(255, 255, 255, .74); }

/* Pano: altı aşama masaüstünde yan yana sığar; boş aşamalar daralır, kartlı aşama ekran dışına taşmaz */
@media (min-width: 761px) {
  .board { display: flex; overflow-x: visible; scroll-snap-type: none; }
  .board > .col { flex: 1 1 0; min-width: 0; }
  .board > .col.is-empty { flex: 0 0 118px; }
  .board > .col.is-empty { padding-inline: 8px; }
  .board > .col .col-head { gap: 6px; }
  .board > .col.is-empty .col-head { font-size: 12px; }
}

/* ── Program: görünüm çubuğu, liste toplu işlem, pano kartı aşama seçimi ───────────────────── */
.view-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.view-bar .tabs { margin: 0; }
.prog-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.prog-head .actions { flex-wrap: wrap; justify-content: flex-end; }
.cohort-head .more { margin-left: auto; font-size: 13px; font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.cc-top { position: relative; }
.cc-score { margin-left: auto; flex: none; }
.cb { width: 17px; height: 17px; accent-color: var(--navy); cursor: pointer; }
.input.sm, select.input.sm { height: 36px; padding: 0 34px 0 12px; font-size: 13.5px; border-radius: 999px; width: auto; }
.show-t { display: none; }
.bulk-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 8px 8px 16px; border-radius: var(--r-row); background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.bulk-bar [data-bulk-count] { margin-right: auto; }
.bulk-bar[hidden] { display: none; }
.card { padding: 0; gap: 0; }
.card-link { display: flex; flex-direction: column; gap: 10px; padding: 12px 12px 0; color: inherit; }
.card-link:hover { color: inherit; }
.card-foot { padding: 10px 12px 12px; }
.card-move { display: block; padding: 0 12px 12px; margin-top: -2px; }
.card-move select { width: 100%; height: 32px; padding: 0 30px 0 10px; border: 0; border-radius: 10px; background-color: var(--tone); color: var(--text); font: inherit; font-size: 12.5px; cursor: pointer; }
.card-move select:focus-visible { outline: 2px solid var(--teal); }
@media (min-width: 901px) and (hover: hover) {
  .card-move { opacity: 0; transition: opacity .2s; }
  .card:hover .card-move, .card:focus-within .card-move { opacity: 1; }
}

/* ── Takip ─────────────────────────────────────────────────────────────── */
.track-summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.track-summary .chips { gap: 6px; }
.chip.red { background: var(--red-soft); color: var(--red); }
.track-list { padding: 6px 18px; }
.track-row { display: grid; grid-template-columns: minmax(180px, 1.1fr) minmax(0, 2fr) minmax(0, 1.2fr) auto; gap: 18px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.track-row:first-child { border-top: 0; }
.track-main { display: flex; align-items: center; gap: 12px; min-width: 0; color: inherit; }
.track-main .title { display: block; color: var(--ink); font-weight: 600; font-size: 14.5px; }
.track-main .meta { display: block; font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.track-main:hover .title { color: var(--navy); }
.track-last { min-width: 0; }
.track-last p { font-size: 13.5px; color: var(--ink); line-height: 1.45; margin-top: 2px; }
.track-kind { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.track-metrics { display: flex; flex-wrap: wrap; gap: 4px 16px; min-width: 0; }
.track-metrics span { display: flex; flex-direction: column; font-size: 11.5px; color: var(--muted); }
.track-metrics b { font-size: 15px; color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.track-end { display: flex; align-items: center; gap: 8px; justify-self: end; }
.track-figs { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); row-gap: 16px; }
.track-figs dt small { display: block; font-size: 11.5px; color: var(--faint); font-weight: 400; margin-top: 2px; }
.track-figs dd { font-size: 26px; }
.track-figs .is-main dd { font-size: 30px; }
.tf-list { list-style: none; margin: 0; padding: 0; }
.tf-item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line); }
.tf-item:first-child { border-top: 0; padding-top: 4px; }
.tf-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--tone-2); color: var(--muted); font-size: 15px; }
.tf-item.src-kurum .tf-icon { background: var(--blue-soft); color: var(--navy); }
.tf-item.src-girisim .tf-icon { background: var(--teal-soft); color: var(--teal-ink); }
.tf-meta { display: flex; flex-wrap: wrap; gap: 2px 10px; font-size: 12.5px; color: var(--muted); }
.tf-meta b { color: var(--ink); font-weight: 600; }
.tf-title { color: var(--ink); font-size: 14px; margin-top: 2px; line-height: 1.45; }
.tf-title a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }
.tf-body { font-size: 13px; color: var(--muted); margin-top: 4px; line-height: 1.5; }
.stage-log { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: var(--text); }
.stage-log li span:first-child { display: block; font-size: 11.5px; color: var(--faint); }
.add-checkin > summary { list-style: none; display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: 600; color: var(--navy); }
.add-checkin > summary::-webkit-details-marker { display: none; }
.add-checkin[open] > summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 6px; }
.add-checkin[open] > .panel { border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 6px; }
.form-row { display: flex; gap: 12px; align-items: flex-end; }
.date-field { width: 170px; flex: none; }
.metrics-box > summary { cursor: pointer; font-size: 13.5px; font-weight: 500; color: var(--navy); padding: 4px 0; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 10px; }
.note-form { flex-direction: row; gap: 8px; }
.note-form .input { flex: 1; }
.modal .pick label i { margin-right: 6px; }
.notice-line { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 12.5px; color: var(--text); }
.notice-line b { padding: 1px 8px; border-radius: 999px; background: var(--teal-soft); color: var(--teal-ink); font-size: 11.5px; font-weight: 600; }

/* ── Program raporu ─────────────────────────────────────────────────────── */
.preport { max-width: 1040px; }
.preport-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; }
.preport-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.preport-head { display: flex; gap: 18px; align-items: center; padding-bottom: 18px; }
.preport-head h1 { font-size: 28px; letter-spacing: -.02em; }
.preport-figs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.preport-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.preport h2 { font-size: 16px; }
.preport-table td { vertical-align: top; }

/* ── Kurum yetkileri ───────────────────────────────────────────────────── */
.role-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.role-legend > div { padding: 14px 16px; border-radius: var(--r-row); background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.role-legend b { color: var(--ink); font-size: 14px; }
.role-legend p { font-size: 12.5px; color: var(--muted); margin-top: 4px; line-height: 1.5; }
.access-list { padding: 6px 18px; }
.access-row { display: grid; grid-template-columns: minmax(0, 1.6fr) 170px minmax(0, 1.2fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.access-row:first-child { border-top: 0; }
.access-who { display: flex; gap: 12px; align-items: center; min-width: 0; }
.access-who .title { display: block; color: var(--ink); font-weight: 600; font-size: 14px; }
.access-who .meta { display: block; font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.access-role select { width: 100%; }
.access-role, .access-scope { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.access-sub { margin-top: 6px; font-size: 11.5px; font-weight: 600; color: var(--faint); }
.access-scope select { width: 100%; }
.scope-pick { position: relative; }
.scope-pick > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 36px; padding: 0 14px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-strong); font-size: 13.5px; color: var(--ink); cursor: pointer; }
.scope-pick > summary::-webkit-details-marker { display: none; }
.scope-pick[data-locked] { pointer-events: none; opacity: .6; }
.scope-menu { position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; right: 0; min-width: 240px; display: flex; flex-direction: column; gap: 2px; padding: 8px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 18px 40px -20px rgba(15, 60, 117, .45); }
.scope-menu label { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; font-size: 13.5px; color: var(--ink); cursor: pointer; }
.scope-menu label:hover { background: var(--tone); }
.scope-menu input { width: 16px; height: 16px; accent-color: var(--navy); flex: none; }
.scope-menu .scope-all { border-bottom: 1px solid var(--line); border-radius: 10px 10px 0 0; margin-bottom: 4px; padding-bottom: 10px; font-weight: 500; }

/* ── Aşama düzenleyici ─────────────────────────────────────────────────── */
.stage-edit { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.stage-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) 34px auto; gap: 8px; align-items: center; }
.stage-grip { color: var(--faint); text-align: center; }
.stage-n { display: grid; place-items: center; height: 28px; border-radius: 999px; background: var(--tone-2); font-size: 12px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.stage-tools { display: flex; }
.stage-tools .icon-btn { width: 30px; height: 30px; font-size: 14px; }
.stage-tools .icon-btn:disabled { opacity: .35; cursor: not-allowed; }

@media (max-width: 1100px) {
  .track-row { grid-template-columns: minmax(0, 1fr) auto; }
  .track-row .track-last { grid-column: 1 / -1; grid-row: 2; }
  .track-row .track-metrics { grid-column: 1 / -1; grid-row: 3; }
  .track-row .track-metrics:empty { display: none; }
  .access-row { grid-template-columns: minmax(0, 1fr) 160px; }
  .access-scope { grid-column: 1 / 2; }
  .preport-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 18px; }
  .preport-figs > div:nth-child(4) { padding-left: 0; border-left: 0; }
}
@media (max-width: 900px) {
  .show-t { display: block; }
  .view-bar .tabs { width: 100%; }
  .prog-head .actions { justify-content: flex-start; }
  .bulk-bar { padding: 8px; }
  .bulk-bar [data-bulk-count] { width: 100%; padding-left: 6px; }
  .role-legend { grid-template-columns: 1fr; }
  .access-row { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .access-scope, .access-role, .access-save { grid-column: 1; }
  .access-save .btn { width: 100%; justify-content: center; }
  .preport-grid { grid-template-columns: 1fr; gap: 22px; }
  .form-row { flex-direction: column; align-items: stretch; }
  .date-field { width: auto; }
  .track-list, .access-list { padding: 4px 14px; }
  .note-form { flex-direction: column; }
  /* Pano telefonda: her aşama bir yatay sayfa, kartın altındaki seçimle taşınır */
  .board > .col { min-width: 0; }
  .board { grid-auto-columns: 84%; }
}
@media (max-width: 600px) {
  .prog-figs dd { font-size: 26px; }
  .prog-figs .is-main dd { font-size: 30px; }
  .preport-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .preport-figs > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .preport-figs > div:nth-child(4) { padding-left: 22px; border-left: 1px solid var(--line); }
  .preport-head h1 { font-size: 22px; }
  .track-end .chip { height: 26px; padding: 0 10px; font-size: 12px; }
}
@media print {
  .preport { max-width: none; }
  .preport .bar-fill { animation: none; }
  .preport-table .hide-t { display: table-cell !important; }
}
.access-role select.input { width: 100%; }
.card { position: relative; }
@media (max-width: 900px) {
  .board > .col.is-empty { min-height: 0; }
  .board { grid-auto-columns: auto; grid-template-columns: none; }
  .board > .col { width: 84vw; max-width: 340px; }
  .board > .col.is-empty { width: 132px; }
}
@media (max-width: 900px) {
  .role-legend { gap: 0; padding: 4px 16px; border-radius: var(--r-core); background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
  .role-legend > div { padding: 10px 0; border-radius: 0; background: none; box-shadow: none; border-top: 1px solid var(--line); }
  .role-legend > div:first-child { border-top: 0; }
}
.stage-row { grid-template-columns: 22px minmax(0, 1fr) 34px 96px; }
.stage-tools { justify-content: flex-end; }

/* ── Girişimin program alanı ve kurum duyuruları ─────────────────────── */
.space-stage h1 { color: #fff; font-size: 26px; letter-spacing: -.02em; }
.space-id { display: flex; align-items: center; gap: 20px; min-width: 0; }
.space-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.space-cta .btn { margin-right: 6px; }
.chip.on-stage { background: rgba(255, 255, 255, .12); color: #fff; }
.chip.on-stage i { color: #fff; }
.post-list { list-style: none; margin: 0; padding: 0; }
.post { padding: 16px 0; border-top: 1px solid var(--line); }
.post:first-child { border-top: 0; padding-top: 4px; }
.post h3 { font-size: 15.5px; color: var(--ink); margin-top: 4px; }
.post .prose { font-size: 14px; color: var(--text); margin-top: 6px; white-space: pre-line; }
.post .more { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; font-size: 13px; font-weight: 500; }
.post-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; font-size: 12.5px; color: var(--muted); }
.new-dot { padding: 1px 8px; border-radius: 999px; background: var(--teal-soft); color: var(--teal-ink); font-size: 11.5px; font-weight: 600; }
.post-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: start; }
.perk-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.perk-list li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; font-size: 13.5px; color: var(--ink); line-height: 1.45; }
.perk-list i { color: var(--teal-ink); margin-top: 1px; }
.mate-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.mate-list li > a, .mate-list li > span { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; color: inherit; }
.mate-list b { display: block; font-size: 13.5px; color: var(--ink); font-weight: 600; }
.mate-list small { display: block; font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mate-list li + li { border-top: 1px solid var(--line); }
.mate-list a:hover b { color: var(--navy); }
.space-list { list-style: none; margin: 0; padding: 0; }
.space-list li > a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; color: inherit; }
.space-list li + li { border-top: 1px solid var(--line); }
.space-list b { display: block; color: var(--ink); font-size: 14px; }
.space-list small { display: block; color: var(--muted); font-size: 12.5px; }
.tf-item .req { background: var(--amber-soft); color: var(--amber); }
@media (max-width: 900px) {
  .space-id { flex-direction: column; align-items: flex-start; gap: 14px; }
  .space-stage h1 { font-size: 22px; }
}
.subtabs { display: flex; gap: 18px; margin: -6px 0 18px; padding: 0 2px; overflow-x: auto; scrollbar-width: none; }
.subtabs::-webkit-scrollbar { display: none; }
.subtabs a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; font-size: 13.5px; font-weight: 500; color: var(--muted); border-bottom: 2px solid transparent; white-space: nowrap; }
.subtabs a:hover { color: var(--ink); }
.subtabs a.is-on { color: var(--ink); border-bottom-color: var(--navy); }
.pick label i { margin-right: 6px; }
.board .card-foot { flex-wrap: wrap; row-gap: 6px; }
.board .card-foot > span:first-child { min-width: 0; line-height: 1.3; }
.card-move select { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Girişim bul (2. sürüm): arama sayfası ve sonuçlar. Sınıflar bx- önekli; başka şablonla paylaşılmaz. ── */
.bx-head { margin-bottom: 18px; }
.bx-head h1 { font-size: 28px; letter-spacing: -.02em; }
.bx-head p { margin-top: 4px; color: var(--muted); font-size: 15px; }
.bx-composer { display: flex; flex-direction: column; gap: 12px; }
.bx-modes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.bx-mode { position: relative; display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--line); cursor: pointer;
  transition: border-color .2s, box-shadow .2s, background .2s; }
.bx-mode:hover { border-color: var(--line-strong); }
.bx-mode input { position: absolute; opacity: 0; pointer-events: none; }
.bx-mode-ic { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--tone-2); color: var(--muted); font-size: 18px; transition: background .2s, color .2s; }
.bx-mode b { display: block; font-size: 15px; color: var(--ink); }
.bx-mode small { display: block; font-size: 12.5px; color: var(--muted); line-height: 1.35; }
.bx-mode:has(input:checked) { border-color: var(--navy); box-shadow: 0 0 0 1px var(--navy); }
.bx-mode:has(input:checked) .bx-mode-ic { background: var(--navy); color: #fff; }
.bx-mode:has(input:focus-visible) { outline: 2px solid var(--teal); outline-offset: 2px; }
.bx-box { border-radius: 18px; background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 32px -24px rgba(0, 38, 79, .35); transition: border-color .2s, box-shadow .2s; }
.bx-box:focus-within { border-color: var(--navy); box-shadow: 0 0 0 3px rgba(0, 54, 111, .08), 0 12px 32px -24px rgba(0, 38, 79, .35); }
.bx-box textarea { display: block; width: 100%; min-height: 104px; padding: 20px 22px 8px; border: 0; outline: 0; resize: vertical; background: transparent; font: inherit; font-size: 17px; line-height: 1.55; color: var(--ink); border-radius: 18px 18px 0 0; }
.bx-box textarea::placeholder { color: #8A94A6; }
.bx-examples { padding: 0 22px 14px; }
.bx-examples > div { display: flex; flex-wrap: wrap; gap: 8px; }
.bx-examples button { height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--tone); font: inherit; font-size: 13px; color: var(--text); cursor: pointer; transition: background .2s, border-color .2s; }
.bx-examples button:hover { background: #fff; border-color: var(--navy); color: var(--navy); }
.bx-ex-note { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; color: var(--muted); }
.bx-actions { display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 18px; border-top: 1px solid var(--rule); }
.bx-select { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 0 0 12px; border-radius: 10px; border: 1px solid var(--line); background: #fff; color: var(--muted); max-width: 340px; min-width: 0; }
.bx-select select { height: 38px; min-width: 0; max-width: 300px; border: 0; background-color: transparent; font: inherit; font-size: 13.5px; color: var(--ink); padding-right: 30px; text-overflow: ellipsis; }
.bx-select select:focus { outline: 0; }
.bx-select.sm { height: 36px; } .bx-select.sm select { height: 34px; }
.bx-kbd { margin-left: auto; display: inline-flex; gap: 4px; }
.bx-kbd kbd { font: 500 11.5px ui-monospace, "SF Mono", Menlo, monospace; padding: 2px 6px; border-radius: 6px; background: var(--tone-2); color: var(--muted); }
.bx-go { height: 42px; padding: 0 22px; font-size: 15px; }
.bx-actions .bx-go:only-child, .bx-actions .bx-select + .bx-go { margin-left: auto; }
.bx-how { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.bx-how li { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--muted); }
.bx-how i { color: var(--teal-ink); }

.bx-history { margin-top: 34px; }
.bx-sec-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }
.bx-sec-head h2 { font-size: 18px; }
.bx-sec-head span { font-size: 13px; color: var(--muted); }
.bx-hgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.bx-hcard { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border-radius: 14px; background: #fff; border: 1px solid var(--line); color: inherit; transition: border-color .2s, box-shadow .2s, transform .25s var(--ease); }
.bx-hcard:hover { border-color: var(--line-strong); box-shadow: 0 12px 28px -22px rgba(0, 38, 79, .45); transform: translateY(-1px); color: inherit; }
.bx-hcard-top { display: flex; justify-content: space-between; align-items: center; }
.bx-date { font-size: 12.5px; color: var(--faint); }
.bx-q { font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bx-prog { display: inline-flex; gap: 6px; align-items: center; font-size: 12.5px; color: var(--muted); }
.bx-hcard-foot { margin-top: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid var(--rule); }
.bx-res { display: inline-flex; align-items: baseline; gap: 5px; font-size: 13px; color: var(--muted); }
.bx-res b { font-size: 20px; color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.bx-pill { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight: 500; background: var(--tone-2); color: var(--text); }
.bx-pill.ok { background: #E7F6EE; color: #0F7A45; }
.bx-pill.live { background: var(--blue-soft); color: var(--navy); }
.bx-tops { margin-left: auto; }
.bx-mode-chip { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--blue-soft); color: var(--navy); }
.bx-mode-chip.m-founder { background: #F3EEFE; color: #5B3BB5; }
.bx-mode-chip.m-similar { background: #E7F6F4; color: #0E6E63; }
.bx-empty { display: flex; gap: 14px; align-items: flex-start; padding: 22px; border-radius: 14px; background: #fff; border: 1px dashed var(--line-strong); }
.bx-empty > i { font-size: 22px; color: var(--navy); }
.bx-empty b { color: var(--ink); }
.bx-empty p { margin-top: 4px; color: var(--muted); font-size: 14px; max-width: 60ch; }

/* Sonuç sayfası */
.bx-rhead { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 18px; }
.bx-rhead h1 { margin-top: 6px; font-size: 24px; letter-spacing: -.015em; line-height: 1.25; max-width: 56ch; }
.bx-meta { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 13px; color: var(--muted); }
.bx-meta > span:not(.bx-mode-chip) { display: inline-flex; align-items: center; gap: 6px; }
.bx-rhead-actions { display: flex; gap: 8px; flex: none; }
.bx-crit { margin-bottom: 16px; }
.bx-crit-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.bx-crit-chip { display: grid; grid-template-columns: 26px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; row-gap: 8px; align-items: start; text-align: left;
  padding: 12px 14px; border-radius: 12px; background: #fff; border: 1px solid var(--line); font: inherit; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.bx-crit-chip:hover { border-color: var(--line-strong); }
.bx-crit-chip.is-on { border-color: var(--navy); box-shadow: 0 0 0 1px var(--navy); }
.bx-crit-n { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: var(--navy); color: #fff; font-size: 12.5px; font-weight: 700; }
.bx-crit-chip.nice .bx-crit-n { background: var(--teal-soft); color: var(--teal-ink); }
.bx-crit-txt b { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); line-height: 1.35; }
.bx-crit-txt small { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; }
.bx-crit-bar { grid-column: 1 / -1; height: 4px; border-radius: 4px; background: var(--tone-2); overflow: hidden; }
.bx-crit-bar i { display: block; height: 100%; border-radius: inherit; background: var(--navy); }
.bx-crit-chip.nice .bx-crit-bar i { background: var(--teal); }
.bx-crit-edit { margin-top: 10px; padding: 16px; border-radius: 14px; background: #fff; border: 1px solid var(--line); max-width: 760px; }
.bx-crit-edit-actions { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.bx-plan { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--line); }
.bx-plan > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bx-plan span { width: 110px; flex: none; font-size: 12.5px; color: var(--muted); }
.bx-plan em { font-style: normal; font-size: 12.5px; padding: 4px 10px; border-radius: 999px; background: var(--tone-2); color: var(--text); }
.bx-plan em.must { background: var(--blue-soft); color: var(--navy); }
.bx-plan em.ex { background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); }

.bx-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.bx-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.bx-tabs button { display: inline-flex; align-items: baseline; gap: 7px; height: 38px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); background: #fff; font: inherit; font-size: 13.5px; color: var(--text); cursor: pointer; }
.bx-tabs button b { font-size: 15px; color: var(--ink); font-variant-numeric: tabular-nums; }
.bx-tabs button { align-items: center; }
.bx-tabs button.is-on { background: var(--navy); border-color: var(--navy); color: rgba(255, 255, 255, .8); }
.bx-tabs button.is-on b { color: #fff; }
.bx-count { font-size: 14px; color: var(--text); } .bx-count b { font-size: 18px; color: var(--ink); }

.bx-list { border-radius: 16px; background: #fff; border: 1px solid var(--line); overflow: hidden; }
.bx-list-head { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto 200px; gap: 14px; padding: 10px 18px; font-size: 12px; font-weight: 600; color: var(--muted); background: var(--tone); border-bottom: 1px solid var(--line); }
.bx-list-head span:nth-child(2) { padding-left: 52px; }
.bx-row { border-bottom: 1px solid var(--rule); transition: background .15s; }
.bx-row:last-child { border-bottom: 0; }
.bx-row:hover, .bx-row.is-open { background: #FAFBFC; }
.bx-row.is-picked { background: #F2F7FD; }
.bx-row-main { display: grid; grid-template-columns: auto 40px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 14px 18px; cursor: pointer; }
.bx-row-main:not(:has(.bx-cb)) { grid-template-columns: 40px minmax(0, 1fr) auto auto; }
.bx-cb { display: grid; place-items: center; width: 22px; height: 22px; cursor: pointer; }
.bx-cb input { width: 17px; height: 17px; accent-color: var(--navy); cursor: pointer; }
.bx-logo { width: 40px; height: 40px; }
.bx-row-id { min-width: 0; }
.bx-row-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.bx-row-name b { font-size: 15px; color: var(--ink); }
.bx-dom { display: inline-flex; align-items: center; gap: 3px; font-size: 12.5px; color: var(--muted); }
.bx-dom i { font-size: 10px; }
.bx-dom:hover { color: var(--navy); }
.bx-tag { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 999px; background: var(--blue-soft); color: var(--navy); font-size: 11.5px; font-weight: 600; }
.bx-row-id p { margin-top: 3px; font-size: 13.5px; color: var(--muted); line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bx-dots { display: flex; align-items: center; gap: 5px; }
.bx-dot { position: relative; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; font-size: 13px; }
.bx-dot small { position: absolute; right: -3px; bottom: -4px; min-width: 13px; height: 13px; padding: 0 2px; display: grid; place-items: center; border-radius: 4px; background: #fff; box-shadow: 0 0 0 1px var(--line); font-size: 9px; font-weight: 700; color: var(--muted); line-height: 1; }
.bx-dot.yes { background: #E7F6EE; color: #0F7A45; }
.bx-dot.unknown { background: #FEF4E2; color: #B45309; }
.bx-dot.no { background: #FDECEC; color: #B42318; }
.bx-dot.nice { border-radius: 50%; }
.bx-score { margin-left: 6px; min-width: 44px; height: 26px; display: grid; place-items: center; padding: 0 8px; border-radius: 999px; background: var(--tone-2); color: var(--text); font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.bx-score.full { background: #0F7A45; color: #fff; }
.bx-fit { min-width: 40px; height: 26px; display: inline-grid; place-items: center; padding: 0 8px; border-radius: 999px; background: var(--blue-soft); color: var(--navy); font-size: 12.5px; font-weight: 700; }
.bx-row-act { display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 200px; }
.bx-row-act form { margin: 0; }
.bx-chev i { transition: transform .25s var(--ease); }
.bx-row.is-open .bx-chev i { transform: rotate(180deg); }
.bx-detail { padding: 0 18px 18px 112px; }
.bx-row-main:not(:has(.bx-cb)) + .bx-detail { padding-left: 72px; }
.bx-ev { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px; }
.bx-ev li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--line); }
.bx-ev b { font-size: 13.5px; color: var(--ink); }
.bx-ev p { margin-top: 4px; font-size: 13px; color: var(--text); line-height: 1.5; }
.bx-ev p a { color: var(--navy); font-weight: 500; }
.bx-why { display: flex; gap: 8px; font-size: 14px; color: var(--text); }
.bx-why i { color: var(--teal-ink); }
.bx-detail-foot { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bx-link { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-size: 13.5px; font-weight: 600; color: var(--navy); }
.bx-skel { display: grid; grid-template-columns: 40px 1fr; gap: 14px; align-items: center; padding: 16px 18px; }
.bx-skel .logo { background: var(--tone-2); }
.bx-more { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 14px; }
.bx-bulk { position: sticky; bottom: 16px; z-index: 30; display: flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; margin: 14px auto 0; padding: 8px 8px 8px 18px;
  border-radius: 999px; background: var(--ink); color: #fff; font-size: 14px; box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .55); }
.bx-bulk .btn.quiet { color: rgba(255, 255, 255, .8); background: transparent; }
.bx-bulk .btn:not(.quiet) { background: #fff; color: var(--ink); }
.bx-stats { margin-top: 18px; font-size: 13.5px; color: var(--muted); }
.bx-stats summary { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; list-style: none; }
.bx-stats summary::-webkit-details-marker { display: none; }
.bx-stats dl { margin: 10px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }
.bx-stats dl > div { padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--line); }
.bx-stats dt { font-size: 12px; } .bx-stats dd { margin: 2px 0 0; color: var(--ink); font-weight: 500; }

/* Girişimci kartları */
.bx-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px; }
.bx-person { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--line); transition: border-color .2s, box-shadow .2s; }
.bx-person:hover { border-color: var(--line-strong); box-shadow: 0 12px 28px -22px rgba(0, 38, 79, .45); }
.bx-person-top { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.bx-person-top b { display: block; font-size: 15.5px; color: var(--ink); }
.bx-co { display: block; font-size: 13px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bx-av { position: relative; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--blue-soft); display: grid; place-items: center; }
.bx-av em { font-style: normal; font-size: 15px; font-weight: 700; color: var(--navy); }
.bx-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bx-person-head { font-size: 13.5px; color: var(--ink); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bx-person-why { display: flex; gap: 8px; font-size: 13px; color: var(--text); line-height: 1.5; padding: 10px 12px; border-radius: 10px; background: var(--tone); }
.bx-person-why i { color: var(--teal-ink); flex: none; margin-top: 1px; }
.bx-person-foot { margin-top: auto; display: flex; align-items: center; gap: 8px; padding-top: 4px; }
.bx-loc { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--muted); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bx-person-act { margin-left: auto; display: flex; align-items: center; gap: 6px; flex: none; }
.bx-person-act form { margin: 0; }

@media (max-width: 900px) {
  .bx-modes { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .bx-mode { padding: 12px 14px; }
  .bx-actions { flex-wrap: wrap; }
  .bx-select { max-width: 100%; flex: 1 1 100%; } .bx-select select { max-width: none; flex: 1; }
  .bx-go { flex: 1; }
  .bx-rhead { flex-direction: column; gap: 12px; }
  .bx-list-head { display: none; }
  .bx-row-main { grid-template-columns: auto 40px minmax(0, 1fr) auto; row-gap: 10px; padding: 14px; }
  .bx-row-main:not(:has(.bx-cb)) { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .bx-row-main .bx-dots { grid-column: 2 / -1; grid-row: 2; }
  .bx-row-main:not(:has(.bx-cb)) .bx-dots { grid-column: 1 / -1; }
  .bx-row-act { grid-column: -2 / -1; grid-row: 1; width: auto; }
  .bx-row-act .btn span { display: none; }
  .bx-row-act .btn { width: 36px; padding: 0; justify-content: center; }
  .bx-row-id p { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .bx-detail, .bx-row-main:not(:has(.bx-cb)) + .bx-detail { padding: 0 14px 14px; }
  .bx-people { grid-template-columns: minmax(0, 1fr); }
  .bx-bulk { border-radius: 16px; flex-wrap: wrap; justify-content: center; padding: 10px; }
}
.bx-tops { display: inline-flex; flex-direction: row; }
.bx-tops .logo + .logo { margin-left: -6px; }
.bx-tops .logo { box-shadow: 0 0 0 2px #fff; }
/* Satırdaki ekle düğmesi ikincil; satır üstüne gelince öne çıkar (sayfada tek dolu ana düğme kuralı) */
.bx-row-act .btn:not(.ghost) { background: #fff; color: var(--navy); box-shadow: inset 0 0 0 1px var(--line-strong); }
.bx-row:hover .bx-row-act .btn:not(.ghost), .bx-row-act .btn:not(.ghost):focus-visible { background: var(--navy); color: #fff; box-shadow: none; }
.bx-plan > div { align-items: flex-start; }
.bx-plan > div > span { padding-top: 4px; }
@media (max-width: 900px) {
  .bx-modes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .bx-mode { flex-direction: column; gap: 6px; padding: 10px 6px; text-align: center; }
  .bx-mode small { display: none; }
  .bx-mode b { font-size: 13px; }
  .bx-mode-ic { width: 34px; height: 34px; font-size: 16px; }
  .bx-examples > div { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -22px; padding: 0 22px; }
  .bx-examples > div::-webkit-scrollbar { display: none; }
  .bx-examples button { flex: none; }
  .bx-crit-list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; gap: 8px; }
  .bx-crit-list::-webkit-scrollbar { display: none; }
  .bx-crit-chip { flex: none; width: 78%; max-width: 300px; scroll-snap-align: start; }
  .bx-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
  .bx-tabs::-webkit-scrollbar { display: none; }
  .bx-tabs button { flex: none; }
  .bx-meta { gap: 6px 12px; }
}
/* Kişi katılımcı: logo yerine yuvarlak fotoğraf */
.logo.is-person { border-radius: 50%; }
.logo.is-person img { object-fit: cover; padding: 0; }
/* Kişi katılımcı profili */
.pp-tags { display: flex; flex-direction: column; gap: 12px; }
.pp-tags .label { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 6px; }
.pp-tl { list-style: none; margin: 0; padding: 0; }
.pp-tl li { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; padding-bottom: 18px; }
.pp-tl li:not(:last-child)::before { content: ""; position: absolute; left: 5px; top: 14px; bottom: 0; width: 2px; background: var(--line); }
.pp-dot { width: 12px; height: 12px; margin-top: 4px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px var(--navy); }
.pp-tl b { display: block; color: var(--ink); font-size: 14.5px; }
.pp-org { display: block; font-size: 13.5px; color: var(--text); }
.pp-when { display: block; font-size: 12.5px; color: var(--muted); margin-top: 1px; }
.pp-tl p { margin-top: 6px; font-size: 13.5px; color: var(--text); line-height: 1.55; white-space: pre-line; }
.pp-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.pp-list li { display: flex; flex-direction: column; gap: 1px; padding: 10px 0; border-top: 1px solid var(--rule); }
.pp-list li:first-child { border-top: 0; padding-top: 0; }
.pp-list b { color: var(--ink); font-size: 14px; }
.pp-list span { font-size: 13px; color: var(--text); }
.pp-list small { font-size: 12px; color: var(--muted); }
.pp-list p { margin-top: 4px; font-size: 13px; color: var(--text); line-height: 1.5; }

/* ══ v3 hareket katmanı (static/js/motion.js) ═════════════════════════════
   Giriş sırası, imleci izleyen kart eğimi, sayaçlar, halka/çubuk dolumu, kayan sekme çizgisi, sayfa geçiş çubuğu.
   Giriş efekti bağımsız translate/rotate/scale özellikleriyle yapılır; kartların kendi transform'u (eğim, hover) ile çakışmaz.
   .mo sınıfını <head> içindeki küçük betik ekler; hareket azaltma tercihinde eklenmez, betik çalışmazsa 3 sn sonra kalkar. */
@property --v { syntax: '<number>'; inherits: true; initial-value: 0; }
.nav-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 300; height: 3px; pointer-events: none; opacity: 0;
    background: var(--teal); transform: scaleX(0); transform-origin: left; border-radius: 0 3px 3px 0; }
.nav-progress.is-on { opacity: 1; animation: nav-prog 8s cubic-bezier(.08, .8, .2, 1) forwards; }
@keyframes nav-prog { 0% { transform: scaleX(.05); } 12% { transform: scaleX(.42); } 100% { transform: scaleX(.94); } }

.tabs.has-ink { position: relative; }
.tabs.has-ink a.is-on { box-shadow: none; }
.tab-ink { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; border-radius: 2px; background: var(--ink); pointer-events: none;
    transition: transform .5s var(--ease), width .5s var(--ease); }

/* Betik çalışana kadar sayfa blokları gizli: önce görünüp sonra kaybolma (yanıp sönme) olmaz */
.mo:not(.mo-ready) .wrap > :not(.flash):not(dialog):not(script):not(.view-bar) { opacity: 0; }
.main { overflow-x: clip; }
.mo .rv { opacity: 0; translate: 0 22px; scale: .985;
    transition: opacity .6s var(--ease), translate .8s var(--ease), rotate .8s var(--ease), scale .8s var(--ease);
    transition-delay: calc(var(--i, 0) * 55ms); }
/* Dönerek oturma yalnız küçük kartlarda: uzun blokta küçük açı bile köşeyi ekran dışına taşırır */
.mo .rv.rv-tilt { rotate: -1.2deg; }
.mo .rv.rv-tilt.rv-r { rotate: 1.2deg; }
.mo .rv.rv-in { opacity: 1; translate: none; rotate: none; scale: none; }

.mo .score-ring { animation: ring-fill 1.4s var(--ease) both paused; }
.mo .score-ring.seen { animation-play-state: running; }
@keyframes ring-fill { from { --v: 0; } }
.mo .bar-fill { animation: grow 1.1s var(--ease) both paused; animation-delay: calc(var(--d, 0) * 70ms + 120ms); }
.mo .bar-fill.seen { animation-play-state: running; }

/* Eğilen kart: fareyi izler, üstüne gelince kalkar; basınca içeri iner */
[data-tilt], [data-tilt]:hover { transform: perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0px));
    transition: transform .7s var(--ease), box-shadow .35s var(--ease); }
[data-tilt].is-tilt, [data-tilt].is-tilt:hover { --ty: -5px; transition: transform .16s ease-out, box-shadow .35s var(--ease); box-shadow: 0 26px 44px -28px rgba(0, 54, 111, .5); z-index: 1; }
[data-tilt]:active { scale: .985; }
@media (hover: none) { [data-tilt] { transition: scale .15s var(--ease); } }

/* Sonsuz şerit: üstüne gelince durur */
.marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.marquee-track { display: flex; gap: 12px; padding-right: 12px; width: max-content; }
.marquee-track.is-running { animation: marquee var(--speed, 48s) linear infinite; }
.marquee:hover .marquee-track, .marquee:focus-within .marquee-track { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) { .marquee-track { flex-wrap: wrap; width: auto; } .nav-progress, .tab-ink { display: none; } }
@media print { .mo .rv { opacity: 1 !important; translate: none !important; rotate: none !important; scale: none !important; }
    .nav-progress, .tab-ink { display: none !important; } .mo .score-ring, .mo .bar-fill { animation: none !important; } }

/* ══ v3 kurum paneli: Programlar ana sayfası ═══════════════════════════════ */
.dash-hero { overflow: hidden; isolation: isolate; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "id figs" "act figs";
    align-items: center; gap: 18px 32px; padding: 30px 32px; border-radius: 26px; }
.dash-hero::before, .dash-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; }
/* Arkada yavaş dönen iki yörünge: lacivert zeminde ince çizgi, dikkat dağıtmaz */
.dash-hero::before { width: 520px; height: 520px; right: -150px; top: -230px; border: 1.5px dashed rgba(255, 255, 255, .13); animation: orbit 90s linear infinite; }
.dash-hero::after { width: 300px; height: 300px; right: 40px; top: -120px; border: 1px solid rgba(94, 196, 245, .22); animation: orbit 60s linear infinite reverse; }
@keyframes orbit { to { transform: rotate(360deg); } }
.dash-id { grid-area: id; display: flex; align-items: center; gap: 20px; min-width: 0; }
.dash-id h1 { color: #fff; font-size: clamp(22px, 2.3vw, 30px); letter-spacing: -.02em; }
.dash-id .muted-on { margin-top: 6px; font-size: 14px; }
.dash-kicker { display: inline-block; margin-bottom: 6px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #5EC4F5; }
.dash-figs { grid-area: figs; align-self: stretch; align-content: center; }
.dash-figs dd { font-size: 38px; }
.dash-figs .is-main dd { font-size: 46px; }
.dash-actions { grid-area: act; display: flex; gap: 8px; flex-wrap: wrap; }
.dash-hero .btn:not(.ghost) { background: #fff; color: var(--navy); }
.dash-hero .btn:not(.ghost):hover { background: #E6F1FB; color: var(--navy-deep); }

.dash-rail { margin: 0 0 24px; }
.rail-chip { flex: none; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 14px 0 8px; border-radius: 999px; background: #fff;
    box-shadow: inset 0 0 0 1px var(--line); color: var(--text); transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.rail-chip:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--line-strong), 0 14px 24px -18px rgba(0, 54, 111, .55); color: var(--ink); }
.rail-chip .logo { border-radius: 50%; }
.rail-chip .logo.has-img:not(.is-person) img { padding: 4px; }
.rail-txt { display: flex; flex-direction: column; line-height: 1.2; }
.rail-txt b { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); font-size: 13.5px; font-weight: 600; }
.rail-txt small { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--faint); font-size: 11.5px; }
.rail-score { display: inline-grid; place-items: center; min-width: 32px; height: 24px; padding: 0 7px; border-radius: 999px; font-size: 12px; font-weight: 600;
    font-variant-numeric: tabular-nums; background: var(--tone-2); color: var(--muted); }
.rail-score.high { background: var(--teal-soft); color: var(--teal-ink); }
.rail-score.mid { background: var(--blue-soft); color: var(--navy); }
.rail-score.low { background: var(--amber-soft); color: var(--amber); }

.dash-grid { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 24px; align-items: start; }
.sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 2px 14px; }
.sec-head h2 { font-size: 18px; letter-spacing: -.015em; }
.sec-head span { font-size: 13px; color: var(--muted); }
.pcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 16px; }
.pcard { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 250px; padding: 20px; border-radius: 22px; background: #fff;
    box-shadow: inset 0 0 0 1px var(--line); color: var(--text); }
.pcard:hover { color: var(--text); }
.pcard-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.pcard .prog-logo { width: 104px; height: 46px; }
.pcard .prog-logo img { max-width: 88px; max-height: 34px; }
.pcard-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.pcard-chips .chip { height: 24px; padding: 0 9px; font-size: 11.5px; }
.pcard h3 { margin-top: 4px; font-size: 17px; line-height: 1.25; letter-spacing: -.015em; transition: color .25s; }
.pcard:hover h3 { color: var(--navy); }
.pcard-focus { font-size: 13.5px; color: var(--muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.seg-bar { display: flex; gap: 3px; height: 10px; margin-top: auto; border-radius: 999px; overflow: hidden; }
.seg-bar.is-empty { background: var(--tone-2); }
.sb-seg { display: block; flex-grow: 0; flex-shrink: 1; min-width: 8px; height: 100%; border-radius: 3px; background: var(--navy); }
.sb-seg.flow { background: rgb(0 54 111 / var(--o, 1)); }
.sb-seg.ok { background: var(--teal); }
.sb-seg.off { background: #C3CEDC; }
/* Görünüme girince bölümler soldan sırayla dolar (gözlemci çubuğun kendisini izler; çubuk kırpılmaz) */
.mo .seg-bar > .sb-seg { scale: 0 1; transform-origin: left; transition: scale .9s var(--ease); transition-delay: calc(var(--j, 0) * 90ms + 150ms); }
.mo .seg-bar.seen > .sb-seg { scale: 1 1; }
.seg-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--muted); }
.seg-legend li { display: inline-flex; align-items: center; gap: 6px; }
.seg-legend b { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.seg-legend i.sb-seg { width: 8px; min-width: 8px; height: 8px; border-radius: 3px; }
.pcard-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
.pc-n { display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: var(--muted); }
.pc-n b { font-size: 24px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1; }
.pc-n .chip { align-self: center; height: 22px; padding: 0 8px; font-size: 11.5px; }
.pc-meta { display: inline-flex; align-items: center; gap: 10px; }
.pc-date { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--muted); white-space: nowrap; }
.pc-date i { color: var(--faint); }
.pc-meta .score-badge { min-width: 40px; height: 28px; font-size: 13px; }
.pc-go { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--tone); color: var(--navy); font-size: 14px;
    transition: transform .35s var(--ease), background .25s, color .25s; }
.pcard:hover .pc-go { transform: translateX(3px); background: var(--navy); color: #fff; }

.dash-side { display: flex; flex-direction: column; gap: 16px; }
.dash-side .panel { padding: 20px; }
.dash-side .panel-head { margin-bottom: 10px; }
.wait-list, .act-list { list-style: none; margin: 0; padding: 0; }
.wait-list a { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 8px; margin: 0 -8px;
    border-radius: 14px; color: var(--text); font-size: 13.5px; line-height: 1.4; transition: background .2s; }
.wait-list a:hover { background: var(--tone); color: var(--ink); }
.wait-list b { color: var(--ink); font-variant-numeric: tabular-nums; }
.wait-list small { display: block; font-size: 12px; color: var(--faint); }
.wait-list .bi-chevron-right { color: var(--faint); transition: transform .3s var(--ease); }
.wait-list a:hover .bi-chevron-right { transform: translateX(3px); color: var(--navy); }
.wait-ic { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--blue-soft); color: var(--navy); font-size: 16px; }
.wait-ic.is-live::after { content: ""; position: absolute; inset: -3px; border-radius: 14px; box-shadow: 0 0 0 2px var(--teal); animation: pulse 1.6s ease-in-out infinite; }
.act-list li + li { border-top: 1px solid var(--line); }
.act-list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 12px 8px; margin: 0 -8px;
    border-radius: 14px; color: var(--text); font-size: 13.5px; line-height: 1.4; transition: background .2s; }
.act-list a:hover { background: var(--tone); }
.act-list b { color: var(--ink); font-weight: 600; }
.act-body small { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 12px; color: var(--faint); }
.act-body small i { font-size: 12px; color: var(--teal-ink); }
.act-list time { font-size: 12px; color: var(--faint); white-space: nowrap; padding-top: 1px; }
.act-who { display: flex; align-items: center; padding-top: 1px; }
.act-who .logo { width: 28px; height: 28px; border-radius: 50%; font-size: 10.5px; box-shadow: 0 0 0 2px #fff; }
.act-who .logo + .logo { margin-left: -9px; }
.act-who .logo.has-img { box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px var(--line); }
.act-more { display: grid; place-items: center; min-width: 28px; height: 28px; margin-left: -9px; padding: 0 5px; border-radius: 999px; background: var(--navy); color: #fff;
    font-size: 10.5px; font-weight: 600; box-shadow: 0 0 0 2px #fff; }
.empty.sm { padding: 18px; }
.empty.sm p { font-size: 13px; }

@media (max-width: 1180px) {
    .dash-grid { grid-template-columns: minmax(0, 1fr); }
    .dash-side { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); align-items: start; }
}
@media (max-width: 760px) {
    .dash-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "id" "figs" "act"; gap: 18px; padding: 22px 20px; border-radius: 22px; }
    .dash-hero::before { width: 360px; height: 360px; right: -170px; top: -150px; }
    .dash-hero::after { display: none; }
    .dash-id { flex-direction: column; align-items: flex-start; gap: 14px; }
    .dash-id .org-wordmark.on-stage { height: 50px; padding: 8px 12px; }
    .dash-id .org-wordmark.on-stage img { max-height: 32px; max-width: 140px; }
    .dash-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
    .dash-figs > div:nth-child(3) { border-left: 0; padding-left: 0; }
    .dash-figs dd { font-size: 30px; }
    .dash-figs .is-main dd { font-size: 34px; }
    .dash-actions { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -20px; padding: 0 20px; }
    .dash-actions::-webkit-scrollbar { display: none; }
    .dash-actions .btn { flex: none; }
    .dash-rail { margin: 0 -16px 20px; }
    .dash-rail .marquee { -webkit-mask-image: none; mask-image: none; }
    .dash-rail .marquee-track { padding-left: 16px; }
    .pcard { min-height: 0; padding: 18px; }
}
@media (prefers-reduced-motion: reduce) { .dash-hero::before, .dash-hero::after { animation: none; } }
.hist { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; align-items: end; height: 150px; }
.hist-col { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; min-width: 0; }
.hist-col b { font-size: 13px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.hist-col small { font-size: 11px; color: var(--faint); white-space: nowrap; }
.hist-track { flex: 1; width: 100%; display: flex; align-items: flex-end; border-radius: 8px; background: var(--tone); overflow: hidden; }
.hist-bar { display: block; width: 100%; height: max(var(--h), 3px); border-radius: 8px; background: var(--navy); transform-origin: bottom; }
.hist-bar.high { background: var(--teal); }
.hist-bar.low { background: #F59E0B; }
.mo .hist .hist-bar { scale: 1 0; transition: scale .9s var(--ease); transition-delay: calc(var(--j, 0) * 80ms + 150ms); }
.mo .hist.seen .hist-bar { scale: 1 1; }

/* ══ v3 program sayfası ═══════════════════════════════════════════════════ */
.prog-summary-stage { grid-template-areas: "figs about" "pipe about"; row-gap: 22px; padding: 26px 28px; border-radius: 24px; }
.prog-summary-stage > .stage-figs { grid-area: figs; }
.prog-summary-stage > .pipe { grid-area: pipe; }
.prog-summary-stage > .prog-summary-about { grid-area: about; align-self: stretch; }
.pipe { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.prog-figs + .pipe { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.pipe-head { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; font-weight: 500; color: var(--muted); }
.pipe .seg-bar { margin-top: 0; height: 12px; }
.pipe-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12.5px; color: var(--muted); }
.pipe-steps li { display: inline-flex; align-items: center; gap: 6px; }
.pipe-steps li b { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.pipe-steps li.is-zero { opacity: .55; }
.pipe-steps i.sb-seg { width: 8px; min-width: 8px; height: 8px; border-radius: 3px; }
.pipe.on-dark .pipe-head { color: rgba(255, 255, 255, .7); }
.pipe.on-dark .pipe-steps { color: rgba(255, 255, 255, .78); }
.pipe.on-dark .pipe-steps li b { color: #fff; }
.pipe.on-dark .seg-bar.is-empty { background: rgba(255, 255, 255, .12); }
.pipe.on-dark .sb-seg.flow { background: rgb(255 255 255 / calc(var(--o, 1) * .85)); }
.pipe.on-dark .sb-seg.ok { background: #5EC4F5; }
.pipe.on-dark .sb-seg.off { background: rgba(255, 255, 255, .22); }
[data-clamp].is-clamped { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-more { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; padding: 0; border: 0; background: none; color: var(--teal-ink); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.stage .clamp-more { color: #5EC4F5; }

/* Görünüm sekmeleri kaydırırken üstte kalır */
.view-bar { position: sticky; top: 0; z-index: 25; margin-left: -6px; margin-right: -6px; padding: 0 6px; background: var(--bg); }

/* Liste: telefonda her satır bir kart */
@media (max-width: 760px) {
    .prog-head .prog-actions { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: calc(100% + 32px); margin: 0 -16px; padding: 2px 16px; }
    .prog-head .prog-actions::-webkit-scrollbar { display: none; }
    .prog-head .prog-actions .btn { flex: none; }
    .prog-head .prog-actions .btn:not(.ghost) { order: -1; }
    .prog-summary-stage { grid-template-columns: minmax(0, 1fr); grid-template-areas: "figs" "pipe" "about"; padding: 20px; gap: 18px; }
    .prog-summary-stage .stage-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .prog-summary-stage .stage-figs > div { padding: 0 12px; }
    .prog-summary-stage .stage-figs > div:first-child { padding-left: 0; }
    .prog-summary-stage .stage-figs dd { font-size: 26px; }
    .prog-summary-stage .stage-figs .is-main dd { font-size: 30px; }
    .view-bar { margin-left: -16px; margin-right: -16px; padding: 0 16px; }
    .list-table thead { display: none; }
    .list-table, .list-table tbody { display: block; }
    .list-table tr { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; grid-template-areas: "cb main score" ". meta meta"; gap: 8px 10px;
        align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
    .list-table tr:last-child { border-bottom: 0; }
    .list-table td { display: block; padding: 0 !important; border: 0 !important; }
    .list-table td:nth-child(1) { grid-area: cb; align-self: start; padding-top: 10px !important; }
    .list-table td:nth-child(2) { grid-area: main; }
    .list-table td:nth-child(4) { grid-area: score; align-self: start; }
    .list-table td.lt-jury { display: none; }
    .list-table td.lt-verdict { grid-area: meta; display: flex !important; justify-content: flex-start; gap: 6px; flex-wrap: wrap; }
    .list-table td.lt-verdict:empty { display: none !important; }
    .list-table .cell-main { align-items: flex-start; }
    .list-table .cell-main .meta:not(.show-t) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .list-table .cell-main .show-t { margin-top: 4px; font-weight: 500; color: var(--ink); }
    .list-table .verdict { height: 26px; padding: 0 11px; font-size: 12px; }
}
/* Puan rozeti her bağlamda ortalı kalsın (bazı kart kuralları span'leri blok yapıyordu) */
span.score-badge { display: inline-grid; place-items: center; line-height: 1; }

/* ══ v3 başvuru sayfası ═══════════════════════════════════════════════════ */
.app-tabs { position: sticky; top: 0; z-index: 25; background: var(--bg); }
.m-stage { display: none; }
.v-head .score-ring { transition: transform .5s var(--ease); }
.v-head:hover .score-ring { transform: rotate(-4deg) scale(1.03); }
.bar-row { transition: background .25s; border-radius: 10px; }
@media (max-width: 900px) {
    .m-stage { display: flex; align-items: center; gap: 10px; margin: -8px 0 14px; padding: 10px 12px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
    .m-stage form { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; }
    .m-stage label, .m-stage-ro { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--muted); white-space: nowrap; }
    .m-stage-ro { flex: 1; }
    .m-stage-ro b { color: var(--ink); }
    .m-stage select { flex: 1; min-width: 0; height: 38px; padding: 0 30px 0 12px; border: 0; border-radius: 10px; background-color: var(--tone);
        box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); font: inherit; font-size: 16px; font-weight: 600; }
    .m-stage .btn { flex: none; }
    .app-tabs { margin: 0 -16px 16px; padding: 0 16px; width: calc(100% + 32px); max-width: none; }
    /* Yan sütundaki aşama formu üstte olduğu için telefonda tekrar gösterilmez */
    .side-card > form.field:first-child { display: none; }
}
/* Ölçüt örümcek grafiği: alan merkezden büyür, noktalar sırayla belirir */
.crit-viz.has-radar { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; }
.radar { width: 100%; max-width: 240px; height: auto; overflow: visible; position: sticky; top: 64px; }
.radar-ring { fill: none; stroke: var(--line); stroke-width: 1; }
.radar-ring:last-of-type { stroke: var(--line-strong); }
.radar-axis { stroke: var(--line); stroke-width: 1; }
.radar-area { fill: rgb(0 139 212 / .16); stroke: var(--teal); stroke-width: 2; stroke-linejoin: round; transform-origin: var(--cx) var(--cy); }
.radar-dot { fill: #fff; stroke: var(--navy); stroke-width: 2; transform-box: fill-box; transform-origin: center; }
.radar-no circle { fill: var(--tone-2); }
.radar-no text { font-size: 10.5px; font-weight: 600; fill: var(--ink); font-family: inherit; }
.mo .radar .radar-area { scale: 0; opacity: 0; transition: scale 1.1s var(--ease) .15s, opacity .5s var(--ease) .15s; }
.mo .radar .radar-dot { scale: 0; transition: scale .5s var(--ease); transition-delay: calc(var(--j, 0) * 70ms + 600ms); }
.mo .radar.seen .radar-area { scale: 1; opacity: 1; }
.mo .radar.seen .radar-dot { scale: 1; }
.bar-no { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 8px; border-radius: 50%; background: var(--tone-2); color: var(--ink);
    font-size: 10.5px; font-weight: 600; font-style: normal; vertical-align: 1px; }
@media (max-width: 760px) {
    .crit-viz.has-radar { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .radar { position: static; justify-self: center; max-width: 230px; }
}

/* ══ v3 kurum sayfası: geniş yazı logosu telefonda metni sıkıştırmasın ═══════ */
.prose, .hero-line, .kv dd { overflow-wrap: anywhere; }
@media (max-width: 760px) {
    .hero .hero-main { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .hero .hero-main > .logo, .hero .hero-main > .avatar { justify-self: start; }
    .hero .logo.xl.has-img { height: 60px; max-width: 200px; }
    .hero .logo.xl.has-img img { max-height: 38px; max-width: 170px; }
    .hero-badges { display: flex; flex-wrap: wrap; gap: 6px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 8px; }
}
.preport-hist .hist { height: 170px; max-width: 560px; }
@media print { .mo .hist .hist-bar { scale: 1 1 !important; transition: none !important; } }

/* ══ v3 telefon alt menüsü: seçili sekmede hap, cam zemin, basma tepkisi ═══ */
@media (max-width: 900px) {
    .tabbar { background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px); }
    .tabbar a { gap: 3px; }
    .tabbar a i { display: grid; place-items: center; width: 54px; height: 30px; border-radius: 999px; transition: background .3s var(--ease), scale .15s var(--ease); }
    .tabbar a.is-on i { background: var(--blue-soft); animation: pill-in .5s var(--ease); }
    .tabbar a:active i { scale: .88; }
    .tabbar a.is-on { font-weight: 600; }
    @keyframes pill-in { from { scale: .4 1; opacity: .3; } }
}

/* Puan halkası: rakam ve etiket halkanın tam ortasında (rakam sola, etiket aşağı kayıyordu) */
.score-ring > div { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.score-ring b { display: block; line-height: 1; }
.score-ring span { margin-top: 5px; line-height: 1.15; }

/* ══ v3 girişim sayfası (/g/<id>) ═════════════════════════════════════════ */
.vp-hero { --brand: var(--navy); position: relative; overflow: hidden; border-radius: 28px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
/* Üstte markanın rengine çalan ince şerit ve noktalı doku: logo renginden gelen kimlik, dikkat dağıtmaz */
.vp-hero::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 132px; pointer-events: none;
    background-color: color-mix(in srgb, var(--brand) 7%, #fff);
    background-image: radial-gradient(color-mix(in srgb, var(--brand) 22%, transparent) 1px, transparent 1.2px); background-size: 18px 18px;
    -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent); mask-image: linear-gradient(180deg, #000 30%, transparent); }
.vp-hero-main { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; padding: 28px; align-items: stretch; }
.vp-id { min-width: 0; display: flex; flex-direction: column; }
.vp-id-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.vp-id .logo.xl { box-shadow: 0 0 0 4px #fff, inset 0 0 0 1px var(--line); }
.vp-id .logo.xl.has-img { width: auto; min-width: 84px; max-width: 220px; height: 84px; padding: 0 14px; }
.vp-id .logo.xl.has-img img { width: auto; height: auto; max-width: 190px; max-height: 56px; padding: 0; }
.vp-id h1 { margin-top: 16px; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.025em; line-height: 1.1; }
.vp-line { margin-top: 8px; font-size: 16px; line-height: 1.5; color: var(--text); max-width: 62ch; }
.vp-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px; font-size: 13.5px; color: var(--muted); }
.vp-meta span, .vp-meta a { display: inline-flex; align-items: center; gap: 6px; }
.vp-meta i { color: var(--faint); }
.vp-meta a { color: var(--navy); font-weight: 500; }
.vp-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; }
.vp-actions form { display: contents; }
.vp-signal { display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 22px; border-radius: 22px; background: var(--navy); color: #fff; }
.vp-rings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vp-ring { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12.5px; color: rgba(255, 255, 255, .78); text-align: center; cursor: help; }
.ring-sm { --v: 0; --col: #fff; position: relative; display: grid; place-items: center; width: 78px; height: 78px; border-radius: 50%;
    background: conic-gradient(var(--col) calc(var(--v) * 1%), rgba(255, 255, 255, .14) 0); }
.ring-sm::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--navy); }
.ring-sm b { position: relative; font-size: 22px; font-weight: 600; letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; color: #fff; }
.ring-sm.high { --col: #5EC4F5; }
.ring-sm.low { --col: #F59E0B; }
.ring-sm.none { --col: transparent; }
.mo .ring-sm { animation: ring-fill 1.4s var(--ease) both paused; }
.mo .ring-sm.seen { animation-play-state: running; }
.vp-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .14); }
.vp-counts > div { display: flex; flex-direction: column-reverse; align-items: center; gap: 2px; }
.vp-counts dt { font-size: 12px; color: rgba(255, 255, 255, .7); }
.vp-counts dd { margin: 0; font-size: 24px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.vp-strip { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 28px; border-top: 1px solid var(--line); }
.vp-strip-label { flex: none; display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--ink); }
.vp-strip-label i { color: var(--teal-ink); }
.vp-strip .marquee { flex: 1; min-width: 0; }
.vp-cust { flex: none; display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; background: var(--tone); color: var(--ink); font-size: 13px; font-weight: 500; white-space: nowrap; }

.vp-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.vp-grid .panel { box-shadow: inset 0 0 0 1px var(--line); }
.vp-about .prose { font-size: 15px; line-height: 1.65; }
.vp-ask { display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 14px 16px; border-radius: 14px; background: var(--teal-soft); }
.vp-ask i { font-size: 18px; color: var(--teal-ink); }
.vp-ask span { display: block; font-size: 12.5px; color: var(--muted); }
.vp-ask b { color: var(--ink); font-weight: 600; }
.vp-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.vp-person { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--text); }
.vp-person:hover { color: var(--text); }
.vp-person-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.vp-person .avatar { width: 52px; height: 52px; font-size: 17px; box-shadow: 0 0 0 3px var(--blue-soft); }
.vp-person-top b { display: block; color: var(--ink); font-size: 15px; }
.vp-person-top span { display: block; font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vp-li { color: #0A66C2; font-size: 16px; }
.vp-person p { font-size: 13px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vp-person .chips .chip { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.vp-team-note { display: flex; gap: 10px; margin-top: 14px; padding: 14px 16px; border-radius: 14px; background: var(--tone); }
.vp-team-note i { color: var(--navy); font-size: 16px; margin-top: 1px; }
.vp-team-note p { font-size: 13px; line-height: 1.55; color: var(--text); }

.vp-journey { list-style: none; margin: 0; padding: 0; }
.vp-journey li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding-bottom: 18px; }
.vp-journey li:not(:last-child)::before { content: ""; position: absolute; left: 18px; top: 40px; bottom: 2px; width: 2px; border-radius: 2px; background: var(--line);
    transform-origin: top; transition: scale .8s var(--ease) .2s; }
.mo .vp-journey li.rv:not(.rv-in)::before { scale: 1 0; }
.j-dot { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--blue-soft); color: var(--navy); font-size: 16px; }
.j-fund .j-dot { background: var(--teal-soft); color: var(--teal-ink); }
.j-update .j-dot { background: var(--amber-soft); color: var(--amber); }
.j-body { min-width: 0; padding-top: 2px; }
.j-date { display: block; font-size: 12.5px; color: var(--faint); }
.j-body b { display: block; margin-top: 2px; color: var(--ink); font-size: 14.5px; line-height: 1.35; }
.j-amount { display: inline-flex; align-items: center; height: 22px; margin-left: 6px; padding: 0 9px; border-radius: 999px; background: var(--teal-soft); color: var(--teal-ink); font-size: 12px; vertical-align: 2px; }
.j-body p { margin-top: 4px; font-size: 13px; color: var(--muted); line-height: 1.5; }
.j-src { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 12.5px; }

.vp-news { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vp-news-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px 16px 14px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--text); }
.vp-news-card:hover { color: var(--text); }
.vp-news-src { display: flex; align-items: center; gap: 7px; padding-right: 22px; font-size: 12px; color: var(--muted); }
.vp-news-src img { width: 16px; height: 16px; border-radius: 4px; }
.vp-news-src time { margin-left: auto; color: var(--faint); white-space: nowrap; }
.vp-news-card b { color: var(--ink); font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vp-news-card p { font-size: 12.5px; color: var(--muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vp-news-go { position: absolute; top: 14px; right: 14px; color: var(--faint); transition: transform .3s var(--ease), color .2s; }
.vp-news-card:hover .vp-news-go { transform: translate(2px, -2px); color: var(--navy); }

.vp-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vp-facts > div { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px; background: var(--tone); }
.vp-facts > div.wide { grid-column: 1 / -1; }
.vp-facts span { font-size: 12px; color: var(--muted); }
.vp-facts b { color: var(--ink); font-size: 15px; font-weight: 600; line-height: 1.3; }
.vp-ai-h { display: flex; align-items: center; gap: 7px; margin: 4px 0 6px; font-size: 12.5px; font-weight: 600; color: var(--ink); }
.vp-ai-h::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); }
.vp-ai-h.warn { margin-top: 14px; }
.vp-ai-h.warn::before { background: #F59E0B; }

.vp-sim-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 14px; }
.vp-sim { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--text); }
.vp-sim:hover { color: var(--text); }
.vp-sim-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.vp-sim b { color: var(--ink); font-size: 15px; }
.vp-sim p { font-size: 13px; color: var(--muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vp-sim-meta { margin-top: auto; padding-top: 6px; font-size: 12px; color: var(--faint); }
.sec-head .more { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; }

@media (max-width: 1100px) {
    .vp-hero-main { grid-template-columns: minmax(0, 1fr); }
    .vp-grid { grid-template-columns: minmax(0, 1fr); }
    .vp-side { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); align-items: start; }
}
@media (max-width: 760px) {
    .vp-hero { border-radius: 22px; }
    .vp-hero-main { padding: 20px; gap: 18px; }
    .vp-id .logo.xl, .vp-id .logo.xl.has-img { height: 64px; min-width: 64px; }
    .vp-id .logo.xl:not(.has-img) { width: 64px; }
    .vp-id .logo.xl.has-img img { max-height: 42px; max-width: 160px; }
    .vp-id h1 { margin-top: 12px; }
    .vp-line { font-size: 15px; }
    .vp-signal { padding: 18px 14px; }
    .ring-sm { width: 68px; height: 68px; }
    .ring-sm b { font-size: 19px; }
    .vp-strip { flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 20px; }
    .vp-news { grid-template-columns: minmax(0, 1fr); }
}

/* ══ v3 Başvurularım: her başvuru süreç adımlarıyla bir kart ═══════════════ */
.apps-hero { grid-template-areas: "id figs" "act figs"; }
.app-cards { display: flex; flex-direction: column; gap: 16px; }
.app-card { display: flex; flex-direction: column; gap: 20px; padding: 24px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.app-card-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center; }
.app-card-head .logo.lg { width: 64px; height: 64px; border-radius: 18px; }
.app-card-org { display: block; font-size: 13px; color: var(--muted); }
.app-card h2 { margin-top: 2px; font-size: 20px; letter-spacing: -.015em; }
.app-card h2 a { color: var(--ink); }
.app-card h2 a:hover { color: var(--navy); }
.app-card-date { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 12.5px; color: var(--faint); }
.app-card-state { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.stepper { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
.stepper-track { position: absolute; left: calc(50% / var(--n)); right: calc(50% / var(--n)); top: 13px; height: 3px; border-radius: 3px; background: var(--tone-2); }
.stepper-fill { position: absolute; inset: 0 auto 0 0; width: var(--p); border-radius: inherit; background: var(--teal); transform-origin: left; }
.mo .stepper .stepper-fill { scale: 0 1; transition: scale 1.2s var(--ease) .25s; }
.mo .stepper.seen .stepper-fill { scale: 1 1; }
.stepper li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.stepper li > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px var(--tone-2); color: #fff; font-size: 14px; font-style: normal; }
.stepper li.is-done > i { background: var(--teal); box-shadow: none; }
.stepper li.is-now > i { background: #fff; box-shadow: inset 0 0 0 3px var(--teal), 0 0 0 5px var(--teal-soft); }
.stepper li.is-now > i::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); animation: pulse 1.6s ease-in-out infinite; }
.stepper li > span { font-size: 12.5px; color: var(--muted); line-height: 1.3; }
.stepper li.is-now > span { color: var(--ink); font-weight: 600; }
.mo .stepper li > i { transition: scale .5s var(--ease); transition-delay: calc(var(--j, 0) * 120ms + 200ms); }
.mo .stepper:not(.seen) li > i { scale: .4; }
.app-card.is-rejected .stepper { opacity: .45; }
.app-card-note { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; background: var(--tone); font-size: 13px; color: var(--text); }
.app-card-note i { color: var(--teal-ink); }
.app-card-note.is-new { background: var(--teal-soft); }
.app-card-note b { color: var(--teal-ink); }
.app-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--line); }
.app-files { display: flex; gap: 6px; flex-wrap: wrap; }
@media (max-width: 760px) {
    .apps-hero { grid-template-areas: "id" "figs" "act"; }
    .apps-hero .dash-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .apps-hero .dash-figs > div:nth-child(3) { border-left: 1px solid rgba(255, 255, 255, .14); padding-left: 12px; }
    .app-card { padding: 18px; gap: 16px; }
    .app-card-head { grid-template-columns: auto minmax(0, 1fr); }
    .app-card-head .logo.lg { width: 52px; height: 52px; }
    .app-card-state { grid-column: 1 / -1; flex-direction: row; align-items: center; }
    .stepper li > span { font-size: 11px; }
    .app-card-foot .actions { width: 100%; }
    .app-card-foot .actions .btn { flex: 1; }
}
.app-card-head .prog-logo { width: 96px; height: 56px; }
.app-card-head .prog-logo img { max-width: 80px; max-height: 40px; }
.stepper li.is-now.is-done > i { background: var(--teal); box-shadow: 0 0 0 5px var(--teal-soft); }
.stepper li.is-now.is-done > i::after { display: none; }
@media (max-width: 600px) {
    .stepper li:not(.is-now) > span { visibility: hidden; }
    .stepper li.is-now > span { white-space: nowrap; }
    .stepper li:first-child.is-now > span { align-self: flex-start; }
    .stepper li:last-child.is-now > span { align-self: flex-end; }
    .app-card-head .prog-logo { width: 72px; height: 46px; }
    .app-card-head .prog-logo img { max-width: 60px; max-height: 32px; }
}

/* ══ v3 Girişimim ═════════════════════════════════════════════════════════ */
.ws-hero { margin-bottom: 18px; }
.ws-hero .vp-actions { padding-top: 18px; }
.ws-score-viz { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: center; margin-top: 18px; }
.ws-score-viz .radar { position: static; max-width: 220px; }
.ws-score-viz .ws-scores { margin-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ws-score .label { display: inline-flex; align-items: center; }
@media (max-width: 760px) {
    .ws-score-viz { grid-template-columns: minmax(0, 1fr); }
    .ws-score-viz .radar { justify-self: center; max-width: 210px; }
}
.radar-no.is-missing circle { fill: none; stroke: var(--line-strong); stroke-dasharray: 2 2; }
.radar-no.is-missing text { fill: var(--faint); }
.vp-avatar .avatar.lg { width: 84px; height: 84px; font-size: 28px; box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--line); }
.vp-rings-1 { grid-template-columns: minmax(0, 1fr); justify-items: center; }
.ring-sm.lg { width: 108px; height: 108px; }
.ring-sm.lg::before { inset: 8px; }
.ring-sm.lg b { font-size: 32px; }
.vp-venture-card { display: flex; flex-direction: column; gap: 8px; color: var(--text); }
.vp-venture-card:hover { color: var(--text); }
.vp-venture-card b { color: var(--ink); font-size: 16px; }
.vp-venture-card p { font-size: 13px; color: var(--muted); line-height: 1.5; }
@media (max-width: 760px) { .vp-avatar .avatar.lg { width: 68px; height: 68px; font-size: 22px; } .ring-sm.lg { width: 92px; height: 92px; } .ring-sm.lg b { font-size: 26px; } }
.vp-counts-tall { border-top: 0; padding-top: 0; }
.vp-counts-tall dd { font-size: 34px; }
.vp-counts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; border-top: 0; padding-top: 0; }
.vp-counts-grid dd { font-size: 34px; }
.msg-box { display: flex; flex-direction: column; gap: 18px; }
.msg-box .brand { padding: 0; justify-content: center; }
.msg-box .panel { padding: 28px; text-align: left; box-shadow: inset 0 0 0 1px var(--line); }
.msg-box h1 { font-size: 22px; margin-top: 14px; }
.msg-ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--blue-soft); color: var(--navy); font-size: 22px; }

/* ══ v3 puansız analiz: ölçüt bulguları, analiz simgesi, sunum bağlantısı ════ */
.crit-notes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.crit-notes li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-top: 1px solid var(--line); }
.crit-notes li:first-child { border-top: 0; padding-top: 4px; }
.crit-notes .bar-no { margin: 1px 0 0; width: 22px; height: 22px; font-size: 11px; background: var(--blue-soft); color: var(--navy); }
.crit-notes b { color: var(--ink); font-size: 14px; }
.crit-notes p { margin-top: 4px; font-size: 13.5px; line-height: 1.55; color: var(--text); }
.an-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--blue-soft); color: var(--navy); font-size: 22px; flex: none; }
.deck-link { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 4px 0 14px; padding: 12px; border-radius: 14px;
    background: var(--tone); color: var(--text); transition: background .2s; }
.deck-link:hover { background: var(--blue-soft); color: var(--ink); }
.deck-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--navy); font-size: 18px; }
.deck-link b { display: block; color: var(--ink); font-size: 13.5px; }
.deck-link small { display: block; font-size: 12.5px; color: var(--muted); }

/* ══ v3 başvuru bölümleri: tıklanabildiği ilk bakışta anlaşılan düğme şeridi ══ */
.sec-nav { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 0 18px; padding: 8px 0; }
.sec-nav::-webkit-scrollbar { display: none; }
.sec-nav a { flex: none; position: relative; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; background: #fff;
    box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--ink); font-size: 13.5px; font-weight: 500; white-space: nowrap;
    transition: background .2s, box-shadow .2s, color .2s, transform .2s var(--ease); }
.sec-nav a i { font-size: 15px; color: var(--navy); }
.sec-nav a:hover { background: var(--blue-soft); box-shadow: inset 0 0 0 1px rgba(0, 54, 111, .25); transform: translateY(-1px); color: var(--ink); }
.sec-nav a:active { transform: scale(.97); }
.sec-nav a.is-on { background: var(--navy); box-shadow: none; color: #fff; font-weight: 600; }
.sec-nav a.is-on i { color: #fff; }
.sec-n { min-width: 20px; height: 20px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--tone-2); color: var(--ink); font-size: 11px; font-weight: 600; }
.sec-nav a.is-on .sec-n { background: rgba(255, 255, 255, .2); color: #fff; }
.sec-live { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); animation: pulse 1.4s ease-in-out infinite; }
.app-tabs.sec-nav { background: var(--bg); }
@media (max-width: 900px) { .app-tabs.sec-nav { margin: 0 -16px 14px; padding: 8px 16px; width: calc(100% + 32px); } }
.doc-row { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.doc-row:first-of-type { border-top: 0; }
.doc-row-ic { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--blue-soft); color: var(--navy); }
.doc-row-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 13px; color: var(--text); }
.doc-row-top b { color: var(--ink); font-variant-numeric: tabular-nums; }
.doc-row-top small { color: var(--faint); font-weight: 400; }
.sb-bar { height: 6px; margin-top: 6px; border-radius: 999px; background: var(--tone-2); overflow: hidden; }
.sb-bar span { display: block; height: 100%; border-radius: inherit; background: var(--teal); min-width: 0; }
.deck-tips { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.deck-tips li { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.5; color: var(--text); }
.deck-tips .chip { flex: none; height: 22px; padding: 0 8px; font-size: 11.5px; }
.lt-docs { white-space: nowrap; }
/* Bölüm düğmeleri masaüstünde alt satıra geçer (kesilmez); telefonda yana kayar */
@media (min-width: 901px) { .sec-nav { flex-wrap: wrap; overflow: visible; } }
.ws-compact { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-bottom: 14px; padding: 14px 16px;
    border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.ws-compact b { display: block; color: var(--ink); font-size: 17px; letter-spacing: -.01em; }
.ws-compact span { display: block; font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-compact-act { display: flex; gap: 6px; }

/* ══ v4 pano (kanban) ═════════════════════════════════════════════════════
   Pano ekrana sığar: her aşama kendi içinde kayar ve boş aşamalar tam boy ince şerit olarak hep görünür; listenin en altındaki kart da
   her aşamaya bırakılabilir. Kartlar tek satırlık özet, alt alta dizilir; geniş sütunda kısa tanım da aynı satırda görünür. */
.doc-icons { display: inline-flex; align-items: center; gap: 6px; color: var(--faint); font-size: 14px; }
.sm-chip { height: 22px; padding: 0 8px; font-size: 11.5px; }
.lt-docs .doc-icons { font-size: 15px; }
.kanban-wrap { position: relative; }
.kanban-bar { display: flex; align-items: center; gap: 14px; min-height: 38px; margin: 0 0 10px; }
.kb-search { position: relative; flex: 0 1 300px; display: flex; align-items: center; }
.kb-search i { position: absolute; left: 14px; font-size: 14px; color: var(--muted); pointer-events: none; }
.kb-search input { width: 100%; height: 38px; padding: 0 14px 0 38px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-strong);
    color: var(--ink); font: inherit; font-size: 13.5px; }
.kb-search input::placeholder { color: var(--muted); }
.kb-search input:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }
.kb-hint { display: flex; align-items: center; gap: 6px; margin: 0; min-width: 0; font-size: 12.5px; color: var(--muted); }
.kb-hint i { color: var(--navy); font-size: 13px; }
.kanban-nav { display: none; gap: 6px; margin-left: auto; }
.kanban-wrap.can-scroll .kanban-nav { display: flex; }
.kanban-nav button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px var(--line-strong);
    color: var(--ink); cursor: pointer; transition: background .2s, opacity .2s; }
.kanban-nav button:hover { background: var(--blue-soft); }
.kanban-nav button:disabled { opacity: .35; cursor: default; }
.kb-jump { display: none; }

.kanban { display: flex; gap: 10px; align-items: stretch; overflow-x: auto; padding: 2px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.kanban .col { flex: 1 1 250px; min-width: 240px; max-width: 420px; min-height: 300px; max-height: max(440px, calc(100dvh - 130px));
    display: flex; flex-direction: column; gap: 6px; padding: 10px 4px 6px 8px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--line);
    container: kcol / inline-size; scroll-snap-align: start; transition: background .2s, box-shadow .2s, flex-basis .3s var(--ease), min-width .3s var(--ease), max-width .3s var(--ease); }
.kanban.is-single .col:not(.is-empty) { flex: 1 1 auto; max-width: none; }
.kanban .col-head { flex: none; display: flex; align-items: center; gap: 8px; padding: 2px 8px 6px 4px; font-size: 13.5px; color: var(--ink); }
.kanban .col-head b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.col-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--navy); }
.tone-ok .col-dot { background: var(--teal); }
.tone-off .col-dot { background: #AAB6C6; }
.col-n { flex: none; margin-left: auto; min-width: 26px; height: 22px; padding: 0 8px; display: inline-grid; place-items: center; border-radius: 999px;
    background: var(--tone-2); color: var(--ink); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.tone-ok:not(.is-empty) .col-n { background: var(--teal-soft); color: var(--teal-ink); }
.col-cards { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 2px; overflow-y: auto; padding-right: 4px; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; }
.col-nomatch { margin: 0; padding: 10px 6px; font-size: 12.5px; color: var(--muted); }
.col-empty { display: none; }

/* Kart: tek satır özet */
.kanban .kcard { flex: none; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px; padding: 0; border-radius: 12px;
    background: transparent; box-shadow: none; cursor: grab; transition: background .15s, box-shadow .2s; }
.kanban .kcard[hidden] { display: none; }
.kanban .kcard:hover { background: var(--tone); transform: none; }
.kanban .kcard:active { cursor: grabbing; }
.kanban .kcard.is-drag { opacity: .35; }
.kanban .kcard.is-landed { animation: kc-land 1.6s var(--ease); }
@keyframes kc-land { 0%, 35% { background: var(--teal-soft); box-shadow: inset 0 0 0 1.5px var(--teal); } 100% { background: transparent; box-shadow: inset 0 0 0 1.5px transparent; } }
.kc-link { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 10px; min-width: 0; padding: 8px 0 8px 6px; color: inherit; }
.kc-link:hover { color: inherit; }
.kc-link .logo { background: #fff; }
.kc-txt { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.kc-txt b { color: var(--ink); font-size: 13.5px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kc-txt small { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 12px; line-height: 1.3; color: var(--muted); }
.kc-sub { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kc-sub:empty { display: none; }
.kc-txt .doc-icons { flex: none; gap: 5px; font-size: 12.5px; }
.kc-txt .dot { flex: none; }
.kc-jury { flex: none; display: inline-flex; align-items: center; gap: 3px; color: var(--teal-ink); font-weight: 600; }
.kc-desc { display: none; }
@container kcol (min-width: 560px) {
    .kc-link { grid-template-columns: 32px minmax(150px, 210px) minmax(0, 1fr); gap: 14px; }
    .kc-desc { display: block; min-width: 0; font-size: 12.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
/* Aşama düğmesi: simge görünür, üstündeki seçici açılır */
.kc-move { position: relative; flex: none; display: grid; place-items: center; width: 32px; height: 32px; margin-right: 4px; border-radius: 50%; color: var(--faint); cursor: pointer;
    transition: background .15s, color .15s, box-shadow .15s; }
.kc-move i { font-size: 13px; pointer-events: none; }
.kanban .kcard:hover .kc-move { color: var(--ink); }
.kc-move:hover, .kc-move:focus-within { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-strong); }
.kc-move select { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 50%; background: transparent; color: transparent;
    font-size: 16px; cursor: pointer; overflow: hidden; opacity: 0; -webkit-appearance: none; }
.kc-move:has(select:focus-visible) { outline: 2px solid var(--teal); outline-offset: 1px; }
.kc-move select optgroup { color: var(--muted); }
.kc-move select option { color: var(--ink); }

/* Boş aşama: tam boy ince şerit */
.kanban .col.is-empty { flex: 0 0 56px; min-width: 56px; max-width: 56px; padding: 14px 6px; align-items: center; background: var(--tone); box-shadow: none; }
.kanban .col.is-empty .col-head { writing-mode: vertical-rl; padding: 0; gap: 10px; font-size: 13px; color: var(--muted); }
.kanban .col.is-empty .col-n { writing-mode: horizontal-tb; margin: 0; background: #fff; color: var(--muted); }
.kanban .col.is-empty .col-cards { display: none; }

/* Sürüklerken: bırakılabilecek aşamalar kesik çizgiyle belirir, üstüne gelinen dolar */
.kanban.is-dragging .col:not(.is-src) { box-shadow: inset 0 0 0 1.5px rgba(0, 168, 169, .55); }
.kanban.is-dragging .col.is-empty:not(.is-src) { background: #fff; }
.kanban .col.is-over { background: var(--teal-soft) !important; box-shadow: inset 0 0 0 2px var(--teal) !important; }
.kanban .col.is-empty.is-over { flex-basis: 200px; min-width: 200px; max-width: 200px; align-items: stretch; }
.kanban .col.is-empty.is-over .col-head { writing-mode: horizontal-tb; padding: 2px 4px 6px; }
.kanban .col.is-empty.is-over .col-n { margin-left: auto; }
.kanban .col.is-empty.is-over .col-empty { display: grid; place-items: center; flex: 1; border: 2px dashed var(--teal); border-radius: 14px; color: var(--teal-ink); font-size: 0; font-weight: 600; }
.kanban .col.is-empty.is-over .col-empty::after { content: "Buraya bırakın"; font-size: 13px; }

/* Taşındı bildirimi */
.kb-toast { position: fixed; z-index: 60; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; width: max-content; max-width: calc(100vw - 32px);
    padding: 10px 10px 10px 18px; border-radius: 16px; background: var(--ink); color: #fff; font-size: 13.5px; line-height: 1.4; box-shadow: 0 18px 40px -18px rgba(4, 47, 103, .6);
    animation: kb-in .35s var(--ease) both; }
.kb-toast[hidden] { display: none; }
.kb-toast b { font-weight: 600; }
.kb-toast button { flex: none; height: 32px; padding: 0 14px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.kb-toast button:hover { background: rgba(255, 255, 255, .24); }
@keyframes kb-in { from { opacity: 0; transform: translate(-50%, 10px); } }

@media (max-width: 760px) {
    .kanban-bar { margin-bottom: 8px; }
    .kb-search { flex: 1 1 auto; }
    .kanban-nav { display: none !important; }
    .kb-jump { position: sticky; top: var(--vb-h, 44px); z-index: 20; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px 8px; padding: 6px 16px; background: var(--bg); }
    .kb-jump::-webkit-scrollbar { display: none; }
    .kb-jump button { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: #fff;
        box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--ink); font: inherit; font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: background .2s, color .2s; }
    .kb-jump button b { font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
    .kb-jump button.is-zero { color: var(--muted); }
    .kb-jump button.is-on { background: var(--navy); box-shadow: none; color: #fff; }
    .kb-jump button.is-on b { color: rgba(255, 255, 255, .75); }
    .kanban { margin: 0 -16px; padding: 2px 16px 12px; align-items: flex-start; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; }
    .kanban .col, .kanban.is-single .col:not(.is-empty) { flex: 0 0 86vw; min-width: 0; max-width: 380px; min-height: 0; max-height: none; }
    .kanban .col-cards { overflow: visible; padding-right: 0; }
    /* Telefonda boş aşama da tam genişlikte sütundur; aşama düğmeleriyle gelinir */
    .kanban .col.is-empty { flex: 0 0 86vw; min-width: 0; max-width: 380px; padding: 10px 8px; align-items: stretch; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
    .kanban .col.is-empty .col-head { writing-mode: horizontal-tb; padding: 2px 4px 6px; color: var(--ink); }
    .kanban .col.is-empty .col-n { margin-left: auto; }
    .kanban .col.is-empty .col-empty { display: block; padding: 22px 8px 26px; border-radius: 12px; background: var(--tone); text-align: center; font-size: 13px; color: var(--muted); }
    .kanban .kcard { cursor: default; }
    .kc-move { width: 38px; height: 38px; color: var(--ink); background: var(--tone); }
    .kb-toast { bottom: calc(84px + env(safe-area-inset-bottom)); }
}
/* Yalnız görüntüleyen (değerlendirici): sürükleme yok, satır sonu boşluğu */
.kanban:not([data-board]) .kcard { cursor: default; }
.kanban .kcard:not(:has(.kc-move)) .kc-link { padding-right: 12px; }

/* Keşfet: sıralama ve öneri gerekçesi */
.ex-head { flex-wrap: wrap; gap: 10px 16px; }
.ex-sort.seg { padding: 3px; gap: 2px; }
.ex-sort.res-tabs a { height: 32px; padding: 0 13px; font-size: 13px; }
.ex-note { margin: -6px 0 10px; }
.dir-why { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 12.5px; font-weight: 500; color: var(--teal-ink); }
.dir-why i { font-size: 12px; }
@media (max-width: 760px) { .ex-sort.res-tabs { width: 100%; } }
.ex-sort.res-tabs a.is-on { background: var(--navy); color: #fff; }
/* Koyu zeminli program logoları kutu içinde rozet gibi dursun */
.prog-logo img { border-radius: 6px; }

/* Derece rozeti ve kazanan incelemesi */
.rank-chip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap;
    background: #FFF4DB; color: #8A5A00; box-shadow: inset 0 0 0 1px #F2D49B; }
.rank-chip.r2 { background: #EEF2F7; color: #3E4C5E; box-shadow: inset 0 0 0 1px #D3DCE7; }
.rank-chip.r3 { background: #F8ECE4; color: #8A4B22; box-shadow: inset 0 0 0 1px #E8CDBB; }
.rank-chip i { font-size: 11px; }
.cohort-card .cc-top { position: relative; }
.cohort-card .rank-chip { margin-left: auto; align-self: flex-start; }
.win-panel h2 i { margin-right: 8px; color: #B7791F; }
.win-then { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.win-then > div { padding: 14px 16px; border-radius: 14px; background: var(--tone); }
.win-then p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--text); }
.win-then .label i, .win-lists .label i { margin-right: 6px; color: var(--navy); }
.win-lists { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.win-lists ul { margin: 6px 0 0; padding-left: 18px; font-size: 13.5px; line-height: 1.5; color: var(--text); }
.win-lists li + li { margin-top: 4px; }
@media (max-width: 900px) { .win-then, .win-lists { grid-template-columns: minmax(0, 1fr); } }
/* Dönem kartı başlığı: ad ve sektör tek satır; derece rozeti sağda sabit */
.cohort-card .cc-top > div { flex: 1 1 auto; min-width: 0; }
.cohort-card .cc-top > div b, .cohort-card .cc-top > div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cohort-card .cc-top .rank-chip { flex: none; }

/* ══ İçgörüler (portföy analizi) ═══════════════════════════════════════════ */
.ins-hero { display: flex; flex-direction: column; gap: 18px; }
.ins-hero-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.ins-hero h1 { margin: 4px 0 6px; font-size: 30px; letter-spacing: -.02em; color: #fff; }
.ins-hero .btn.on-dark { background: rgba(255, 255, 255, .1); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
.ins-hero .btn.on-dark:hover { background: rgba(255, 255, 255, .18); }
.ins-scope { display: flex; flex-wrap: wrap; gap: 6px; }
.ins-scope a { height: 34px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; font-size: 13px; font-weight: 500;
    color: rgba(255, 255, 255, .82); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); transition: background .2s; }
.ins-scope a:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.ins-scope a.is-on { background: #fff; color: var(--navy); box-shadow: none; font-weight: 600; }
.ins-figs { --n: 5; }
.ins-nav { position: sticky; top: 0; z-index: 20; background: var(--bg); margin-top: 18px; }
.ins-sec { scroll-margin-top: 70px; margin-top: 28px; }
.ins-h2 { margin: 32px 0 12px; font-size: 20px; letter-spacing: -.01em; color: var(--ink); }
.ins-sec > .ins-h2:first-child { margin-top: 0; }
.ins-h3 { margin: 0 0 10px; font-size: 15.5px; color: var(--ink); }
.ins-sec > .ins-h3 { margin: 26px 0 12px; }
.ins-sec > .ins-cards + .ins-h3, .ins-sec > .panel + .ins-h3 { margin-top: 26px; }
.ins-sec .panel h3 { margin: 0; font-size: 15px; color: var(--ink); }
.ins-sec .panel h3 i { margin-right: 6px; color: var(--navy); }
.ins-summary .lead { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.45; color: var(--ink); }
.ins-sum-head { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; }
.ins-ic { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--blue-soft); color: var(--navy); font-size: 19px; }
.ins-sum-text { margin: 14px 0 0; font-size: 14.5px; line-height: 1.65; color: var(--text); }
.ins-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.ins-cards.two { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
.ins-card { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.ins-card h3 { margin: 0; font-size: 15px; line-height: 1.35; color: var(--ink); }
.ins-card p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--text); }
.ins-no { position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--tone); font-size: 12px; font-weight: 600; color: var(--muted); }
.ins-card:has(.ins-no) h3 { padding-right: 34px; }
.ins-support { display: flex; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--teal-soft); color: var(--teal-ink) !important; font-weight: 500; }
.ins-opp .ins-ic { width: 38px; height: 38px; font-size: 17px; background: #FFF4DB; color: #8A5A00; }
.ins-themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px; }
.ins-theme { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 18px; background: var(--tone); }
.ins-theme-top { display: flex; align-items: center; gap: 8px; }
.ins-theme-top i { color: var(--navy); }
.ins-theme-top h3 { flex: 1; margin: 0; font-size: 15px; color: var(--ink); }
.ins-theme p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--text); }
.ins-vchips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.ins-vchip { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 10px 0 4px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-strong);
    color: var(--ink); font-size: 12.5px; font-weight: 500; white-space: nowrap; max-width: 100%; transition: background .15s; }
.ins-vchip:hover { background: var(--blue-soft); color: var(--ink); }
.ins-vchip span { overflow: hidden; text-overflow: ellipsis; }
.ins-vchip .logo { width: 22px; height: 22px; border-radius: 50%; font-size: 9px; }
.ins-vchip .logo img { padding: 2px; }
.ins-vchip.is-plain { padding: 0 10px; color: var(--muted); }
.ins-theme .ins-vchip { background: #fff; }
.ins-more { align-self: center; font-size: 12px; color: var(--muted); }
.ins-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ins-bars { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.ins-bars li { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) 34px; gap: 10px; align-items: center; font-size: 13px; }
.ins-bars .lab { color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ins-bars .track { height: 10px; border-radius: 999px; background: var(--tone-2); overflow: hidden; }
.ins-bars .ins-fill { display: block; height: 100%; border-radius: inherit; background: var(--navy); transform-origin: left;
    animation: grow 1s var(--ease) both; animation-delay: calc(var(--d, 0) * 60ms + 100ms); }
.ins-bars li:first-child .ins-fill { background: var(--teal); }
.mo .ins-bars .ins-fill, .mo .ins-cols .f { animation-play-state: paused; }
.mo .ins-bars.seen .ins-fill, .mo .ins-cols.seen .f { animation-play-state: running; }
.ins-bars b { text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.ins-cols { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 6px; align-items: end; height: 170px; }
.ins-cols .ci { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; min-width: 0; }
.ins-cols b { font-size: 12.5px; color: var(--ink); font-variant-numeric: tabular-nums; }
.ins-cols .t { flex: 1; width: 100%; max-width: 44px; display: flex; align-items: flex-end; border-radius: 10px 10px 4px 4px; background: var(--tone); overflow: hidden; }
.ins-cols .f { display: block; width: 100%; height: var(--h); border-radius: 10px 10px 4px 4px; background: var(--navy); transform-origin: bottom; animation: ins-rise .9s var(--ease) both; animation-delay: calc(var(--j) * 50ms); }
.ins-cols .ci:last-child .f { background: var(--teal); }
.ins-cols small { font-size: 11px; line-height: 1.25; color: var(--faint); text-align: center; max-width: 100%; min-height: 2.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@keyframes ins-rise { from { transform: scaleY(0); } }
.ins-stack { display: flex; height: 16px; border-radius: 999px; overflow: hidden; gap: 2px; margin: 4px 0 14px; }
.ins-stack span { min-width: 4px; }
.ins-stack .s0, .ins-legend .s0 { background: #C9D6E8; } .ins-stack .s1, .ins-legend .s1 { background: #8FA9CC; } .ins-stack .s2, .ins-legend .s2 { background: #4E79AE; }
.ins-stack .s3, .ins-legend .s3 { background: var(--navy); } .ins-stack .s4, .ins-legend .s4 { background: var(--teal); } .ins-stack .s5, .ins-legend .s5 { background: #E2E7EE; }
.ins-legend { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
.ins-legend li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text); }
.ins-legend i { width: 10px; height: 10px; border-radius: 3px; flex: none; }
.ins-legend b { margin-left: auto; color: var(--ink); font-variant-numeric: tabular-nums; }
.ins-legend small { width: 34px; text-align: right; color: var(--faint); }
.ins-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ins-tag { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border-radius: 999px; font-size: 13px; color: var(--ink);
    background: color-mix(in srgb, var(--teal) calc(var(--w, 0) * .18%), #fff); box-shadow: inset 0 0 0 1px var(--line); }
.ins-tag b { color: var(--navy); font-variant-numeric: tabular-nums; }
.ins-tag.is-plain { background: #fff; }
.ins-kinds { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.ins-kind { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.ins-kind b { font-size: 26px; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.ins-kind span { font-size: 13px; font-weight: 500; color: var(--ink); }
.ins-kind small { font-size: 12px; color: var(--muted); }
.ins-kind.k-bank { background: #FFF8EB; box-shadow: inset 0 0 0 1px #F2D49B; }
.ins-kind.k-own { background: var(--blue-soft); }
.ins-alert .chip.amber { margin-left: auto; }
.ins-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ins-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); flex-wrap: wrap; }
.ins-list li:first-child { border-top: 0; }
.ins-banks { display: flex; flex-wrap: wrap; gap: 4px; }
.ins-person { display: flex; align-items: center; gap: 10px; }
.ins-person b { font-size: 13.5px; color: var(--ink); }
.ins-mini { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; }
.ins-mini.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ins-mini > div { padding: 4px 18px; border-left: 1px solid var(--line); }
.ins-mini > div:first-child { border-left: 0; padding-left: 0; }
.ins-mini dt { font-size: 12.5px; color: var(--muted); }
.ins-mini dd { margin: 2px 0; font-size: 30px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.ins-mini small { font-size: 12px; color: var(--faint); }
.ins-rounds { list-style: none; margin: 0; padding: 0; }
.ins-rounds li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0; border-top: 1px solid var(--line); }
.ins-rounds li:first-child { border-top: 0; }
.ins-r-mid { display: flex; flex-direction: column; min-width: 0; }
.ins-r-mid b { font-size: 13.5px; color: var(--ink); }
.ins-r-mid small { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ins-r-date { font-size: 12px; color: var(--faint); white-space: nowrap; }
.ins-moment { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; }
.ins-moment b { font-size: 13.5px; font-weight: 500; color: var(--ink); line-height: 1.45; }
.ins-moments .j-dot { background: #FFF4DB; color: #8A5A00; }
.ins-table td, .ins-table th { vertical-align: middle; }
.ins-winner { gap: 10px; }
.ins-winner .rank-chip, .ins-winner .ins-vchip, .ins-winner .chip { align-self: flex-start; }
.ins-winner .ins-vchip { height: 34px; font-size: 14px; font-weight: 600; }
.ins-pair { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ins-pair > i { color: var(--muted); }
.ins-gaps ul { margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.6; color: var(--text); }
@media (max-width: 900px) {
    .ins-grid { grid-template-columns: minmax(0, 1fr); }
    .ins-mini.four { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
    .ins-mini.four > div:nth-child(3) { border-left: 0; padding-left: 0; }
    .ins-cards.two, .ins-themes, .ins-cards { grid-template-columns: minmax(0, 1fr); }
    .ins-hero-top { flex-direction: column; }
    .ins-hero h1 { font-size: 24px; }
    .ins-nav { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
    .ins-bars li { grid-template-columns: minmax(96px, 40%) minmax(0, 1fr) 30px; }
}
@media (prefers-reduced-motion: reduce) { .ins-cols .f, .ins-bars .ins-fill { animation: none; } }

/* ─── Durum etiketi (Aktif değil / Veri bulunamadı): yalnız kurum ekranları ─── */
.act-chip { display: inline-flex; flex: none; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border-radius: 999px;
  font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap; vertical-align: middle; }
.act-chip i { font-size: 11px; }
.act-chip.is-inactive { background: var(--red-soft); color: var(--red); }
.act-chip.is-no_data { background: #F2F4F8; color: #4E5869; box-shadow: inset 0 0 0 1px #D5DAE3; }
.v-head .act-chip { height: 28px; padding: 0 11px; font-size: 12.5px; }
.list-table .act-chip { margin-left: 6px; }
.cc-top .act-chip { display: inline-flex; margin-top: 3px; }
.kcard.is-inactive .logo, .cohort-card.is-inactive .logo { filter: grayscale(1); opacity: .65; }
.kcard.is-inactive .kc-txt b, .cohort-card.is-inactive .cc-top b { color: var(--muted); }

.kb-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.kb-tags button { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 13px; border: 0; border-radius: 999px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--text); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; transition: background .2s, color .2s; }
.kb-tags button b { font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.kb-tags button.is-on { background: var(--navy); color: #fff; box-shadow: none; }
.kb-tags button.is-on b { color: rgba(255, 255, 255, .75); }
.kb-tags button:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
.kb-tags button:active { transform: scale(.98); }

.act-panel { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start; margin-bottom: 16px; padding: 14px 16px;
  border-radius: var(--r-row); background: #F4F6F9; }
.act-panel.is-inactive { background: var(--red-soft); }
.act-ico { font-size: 20px; line-height: 1.2; color: #4E5869; }
.act-panel.is-inactive .act-ico { color: var(--red); }
.act-note b { display: block; color: var(--ink); font-weight: 600; }
.act-note p { margin-top: 3px; font-size: 14px; line-height: 1.5; color: var(--text); }
.act-meta { display: block; margin-top: 4px; font-size: 12px; color: var(--muted); }
.act-edit summary { cursor: pointer; font-size: 13px; font-weight: 500; color: var(--navy); list-style: none; white-space: nowrap; }
.act-edit summary::-webkit-details-marker { display: none; }
.act-edit summary:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; border-radius: 6px; }
.act-panel .act-edit { grid-column: 3; }
.act-panel .act-edit[open] { grid-column: 1 / -1; }
.act-edit.is-loose { margin-bottom: 14px; }
.act-edit.is-loose summary { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); }
.act-form { display: grid; gap: 10px; margin-top: 10px; max-width: 560px; }
.act-opts { display: flex; flex-wrap: wrap; gap: 6px; }
.act-opts label { position: relative; cursor: pointer; }
.act-opts input { position: absolute; opacity: 0; pointer-events: none; }
.act-opts span { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--line-strong); font-size: 13px; color: var(--text); }
.act-opts input:checked + span { background: var(--navy); color: #fff; box-shadow: none; }
.act-opts input:focus-visible + span { outline: 2px solid var(--teal); outline-offset: 2px; }
.act-form .btn { justify-self: start; }
@media (max-width: 760px) {
  .kb-tags { width: 100%; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .kb-tags::-webkit-scrollbar { display: none; }
  .kb-tags button { flex: none; }
  .act-panel { grid-template-columns: auto minmax(0, 1fr); }
  .act-panel .act-edit { grid-column: 1 / -1; }
}
.kanban-bar { flex-wrap: wrap; }
.ins-tagcount { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.ins-tagcount b { margin-right: 6px; color: var(--ink); font-variant-numeric: tabular-nums; }
.ins-tagged { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
.ins-tag-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 900px) { .ins-tagged { grid-template-columns: minmax(0, 1fr); } }
.ins-tagged li { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px; }
@media (min-width: 901px) { .ins-tagged li:nth-child(2) { border-top: 0; } }
.ins-orgs { margin-bottom: 8px; }
.rank-chip.award { background: #EAF5EE; color: #1E6B35; box-shadow: inset 0 0 0 1px #C9E5D2; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.rank-chip.award.r1 { background: #FFF4DB; color: #8A5A00; box-shadow: inset 0 0 0 1px #F2D49B; }

/* ── Raporlar (kurum geneli) ─────────────────────────────────────────── */
.rp-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 18px; align-items: start; }
.rp-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.rp-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "main main" "nums acts"; align-items: center; gap: 12px 14px;
           padding: 14px 4px; border-top: 1px solid var(--line); }
.rp-item:first-child { border-top: 0; }
.rp-main { grid-area: main; display: flex; align-items: center; gap: 12px; min-width: 0; color: var(--text); }
.rp-main:hover b { color: var(--navy); }
.rp-name { display: flex; flex-direction: column; min-width: 0; }
.rp-name b { color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-meta { font-size: 12.5px; color: var(--muted); }
.rp-acts { grid-area: acts; display: flex; gap: 6px; align-items: center; }
.rp-nums { grid-area: nums; display: grid; grid-template-columns: repeat(4, auto); justify-content: start; margin: 0; }
.rp-nums div { padding: 0 18px; }
.rp-nums dt { white-space: nowrap; }
.rp-main .prog-logo { width: 84px; height: 40px; overflow: hidden; }
.rp-main .prog-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.rp-nums div, .rp-month div { display: flex; flex-direction: column-reverse; gap: 1px; padding: 0 12px; border-left: 1px solid var(--line); }
.rp-nums div:first-child, .rp-month div:nth-child(odd) { border-left: 0; padding-left: 0; }
.rp-nums dt, .rp-month dt { font-size: 12px; color: var(--muted); }
.rp-nums dd, .rp-month dd { margin: 0; font-size: 18px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.rp-month { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; margin: 0 0 14px; }
.rp-events, .rp-forms { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.rp-events li { display: flex; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; }
.rp-events li div { display: flex; flex-direction: column; min-width: 0; }
.rp-events b { color: var(--ink); font-weight: 600; }
.rp-events span, .rp-events time { color: var(--muted); font-size: 12.5px; }
.rp-dot { flex: none; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--navy); }
.rp-dot.k-checkin { background: var(--teal); }
.rp-forms li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); }
.rp-forms li:first-child, .rp-events li:first-child { border-top: 0; }
.rp-forms a:first-child { flex: 1; min-width: 0; display: flex; flex-direction: column; color: var(--text); }
.rp-forms a:first-child b { color: var(--ink); font-weight: 600; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-forms a:first-child span { font-size: 12.5px; color: var(--muted); }
.rp-rate { font-size: 13px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
@media (max-width: 1200px) { .rp-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) {
    .rp-item { grid-template-areas: "main" "nums" "acts"; grid-template-columns: minmax(0, 1fr); }
}
@media print {
    .side, .tabbar, .m-top { display: none !important; }
    .rp-grid { grid-template-columns: minmax(0, 1fr); }
    .rp-hero { background: #fff !important; box-shadow: inset 0 0 0 1px var(--line) !important; }
    .rp-hero, .rp-hero * { color: var(--ink) !important; }
}

/* ── İşlem kaydı ─────────────────────────────────────────────────────── */
.au-grid { display: grid; grid-template-columns: minmax(220px, 3fr) minmax(0, 8fr); gap: 18px; align-items: start; }
.au-people { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.au-people a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; color: var(--text); min-width: 0; }
.au-people a:hover { background: var(--tone); }
.au-people a.is-on { background: var(--blue-soft); }
.au-people span:last-child { display: flex; flex-direction: column; min-width: 0; }
.au-people b { font-size: 13.5px; color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.au-people small { font-size: 12px; color: var(--muted); }
.au-av { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--tone); color: var(--navy); }
.au-filters { display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; margin-bottom: 12px; }
.seg-links { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 999px; background: var(--tone); }
.seg-links a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 13px; color: var(--text); }
.seg-links a.is-on { background: #fff; color: var(--navy); font-weight: 600; box-shadow: 0 1px 2px rgba(15, 60, 117, .12); }
.au-list { list-style: none; margin: 0; padding: 0; }
.au-list li { display: flex; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.au-list li:first-child { border-top: 0; }
.au-ic { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: var(--tone); color: var(--navy); font-size: 14px; }
.au-ic.k-login { background: var(--blue-soft); }
.au-ic.k-download { color: var(--teal); }
.au-ic.k-change { background: #FEF3C7; color: #B45309; }
.au-body { min-width: 0; }
.au-body p { margin: 0; font-size: 13.5px; color: var(--text); display: flex; flex-direction: column; }
.au-body b { color: var(--ink); }
.au-body small { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .au-grid { grid-template-columns: minmax(0, 1fr); } }

/* ── Kısa liste ve görevler ──────────────────────────────────────────── */
.mb { margin-bottom: 16px; }
.sl-rows { list-style: none; margin: 0; padding: 0; }
.sl-rows li a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(120px, auto); gap: 14px; align-items: center; padding: 12px 8px; border-top: 1px solid var(--line); color: var(--text); border-radius: 12px; }
.sl-rows li:first-child a { border-top: 0; }
.sl-rows li a:hover { background: var(--tone); }
.sl-ic { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--blue-soft); color: var(--navy); }
.sl-main { display: flex; flex-direction: column; min-width: 0; }
.sl-main b { color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sl-main small, .sl-state small, .sl-n small { font-size: 12.5px; color: var(--muted); }
.sl-n { display: flex; flex-direction: column; align-items: flex-end; }
.sl-n b { font-size: 18px; color: var(--ink); font-variant-numeric: tabular-nums; }
.sl-state { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.sl-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; margin-top: 8px; }
.sl-head h1 { margin: 8px 0 4px; }
.sl-chain { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sl-chain li { display: flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: var(--tone); }
.sl-chain li + li::before { content: ""; width: 14px; height: 1px; background: var(--faint); margin-left: -12px; margin-right: 2px; }
.sl-chain li span:last-child { display: flex; flex-direction: column; line-height: 1.2; }
.sl-chain b { font-size: 12.5px; color: var(--ink); }
.sl-chain small { font-size: 11.5px; color: var(--muted); }
.sl-chain li.is-now { background: var(--blue-soft); box-shadow: inset 0 0 0 1.5px var(--navy); }
.sl-chain li.is-done { background: #E6F6F6; }
.sl-chain .avatar { width: 28px; height: 28px; font-size: 11px; }
.sl-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(280px, 4fr); gap: 18px; align-items: start; }
.sl-items { list-style: none; margin: 0; padding: 0; }
.sl-item { padding: 14px 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.sl-item:first-child { border-top: 0; }
.sl-item.is-out { opacity: .55; }
.sl-item-top { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sl-keep input { width: 18px; height: 18px; accent-color: var(--navy); }
.sl-v { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; color: var(--text); }
.sl-v span { display: flex; flex-direction: column; min-width: 0; }
.sl-v b { color: var(--ink); font-weight: 600; }
.sl-v small { font-size: 12.5px; color: var(--muted); }
.sl-sum { margin: 0; font-size: 13.5px; color: var(--text); }
.sl-comments { list-style: none; margin: 0; padding: 0 0 0 12px; border-left: 2px solid var(--blue-soft); display: flex; flex-direction: column; gap: 8px; }
.sl-comments b { font-size: 13px; color: var(--ink); }
.sl-comments p { margin: 2px 0 0; font-size: 13.5px; }
.sl-comments time { font-size: 11.5px; color: var(--faint); }
.sl-note { min-height: 38px; font-size: 13.5px; }
.sl-btns { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.sl-btns .btn { justify-content: center; }
.sl-steps { list-style: none; margin: 0; padding: 0; }
.sl-steps li { display: flex; gap: 10px; padding: 8px 0; }
.sl-dot { flex: none; width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--navy); }
.sl-steps .a-approve .sl-dot { background: var(--teal); }
.sl-steps .a-return .sl-dot { background: #F59E0B; }
.sl-steps p { margin: 0; font-size: 13.5px; }
.sl-steps blockquote { margin: 4px 0 0; padding: 6px 10px; border-radius: 10px; background: var(--tone); font-size: 13.5px; }
.sl-steps time { font-size: 11.5px; color: var(--faint); }
.tk-list { list-style: none; margin: 0; padding: 0; }
.tk-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 10px 0; border-top: 1px solid var(--line); }
.tk-item:first-child { border-top: 0; }
.tk-check { color: var(--faint); font-size: 16px; padding-top: 1px; }
.tk-item.is-done .tk-check { color: var(--teal); }
.tk-item.is-done .tk-body b { text-decoration: line-through; color: var(--muted); }
.tk-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tk-body b { color: var(--ink); font-weight: 600; font-size: 14px; }
.tk-body small { font-size: 12.5px; color: var(--muted); }
.tk-body p { margin: 4px 0 0; font-size: 13.5px; }
.tk-item.is-late .tk-due { color: #B45309; font-weight: 600; }
.tk-target { font-size: 12.5px; display: inline-flex; gap: 4px; align-items: center; }
.tk-done-note { color: var(--muted); }
.tk-act { display: flex; gap: 6px; align-items: center; }
.tk-act .input.sm { width: 170px; }
.tk-big .tk-item { padding: 14px 4px; }
.tk-people { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.tk-people li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.tk-people li:first-child { border-top: 0; }
.tk-pname { display: flex; flex-direction: column; min-width: 0; }
.tk-pname b { color: var(--ink); font-size: 14px; }
.tk-pname small { color: var(--muted); font-size: 12.5px; }
.tk-people dl { display: grid; grid-template-columns: repeat(3, auto); margin: 0; }
.tk-people dl div { display: flex; flex-direction: column-reverse; padding: 0 14px; border-left: 1px solid var(--line); }
.tk-people dl div:first-child { border-left: 0; }
.tk-people dt { font-size: 12px; color: var(--muted); }
.tk-people dd { margin: 0; font-size: 18px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.tk-people .is-late dd { color: #B45309; }
@media (max-width: 1100px) { .sl-grid { grid-template-columns: minmax(0, 1fr); } .sl-head { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
    .sl-rows li a { grid-template-columns: auto minmax(0, 1fr); }
    .sl-n, .sl-state { grid-column: 2; align-items: flex-start; flex-direction: row; gap: 8px; }
    .tk-item { grid-template-columns: auto minmax(0, 1fr); }
    .tk-act { grid-column: 2; flex-wrap: wrap; }
    .tk-people li { grid-template-columns: auto minmax(0, 1fr); }
    .tk-people dl { grid-column: 1 / -1; }
}
.wf-add { display: flex; gap: 6px; align-items: center; }
.wf-add select { flex: 1; min-width: 0; }

@keyframes side-in { from { transform: translateX(-14px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { body.side-open .side { animation: none; } }

/* ── Kurum ürünleri: uygunluk ve yönlendirme ─────────────────────────── */
.pr-list { list-style: none; margin: 0; padding: 0; }
.pr-item { padding: 14px 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.pr-item:first-child { border-top: 0; }
.pr-top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.pr-top span:first-child { display: flex; flex-direction: column; }
.pr-top b { color: var(--ink); font-weight: 600; }
.pr-top small { color: var(--muted); font-size: 12.5px; }
.pr-why { margin: 0; font-size: 13.5px; }
.pr-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 18px; }
.pr-cols ul, .pr-cond ul, .pr-q ul, .pr-mine ul { margin: 4px 0 0; padding-left: 18px; font-size: 13px; }
.pr-h { font-size: 12px; font-weight: 600; }
.pr-h.good { color: var(--teal-ink, #00797A); }
.pr-h.warn { color: #B45309; }
.pr-next { margin: 0; font-size: 13.5px; display: flex; gap: 8px; color: var(--navy); }
.pr-cond summary { cursor: pointer; font-size: 13px; color: var(--muted); }
.pr-foot { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
.pr-ref-form { display: flex; gap: 6px; margin-left: auto; }
.pr-ref-form .input { width: 160px; }
.pr-q { margin-top: 12px; padding: 12px 14px; border-radius: 14px; background: var(--tone); font-size: 13.5px; }
.pr-refs { list-style: none; margin: 0; padding: 0; }
.pr-refs > li { padding: 12px 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 6px; }
.pr-refs > li:first-child { border-top: 0; }
.pr-ref-head { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.pr-ref-head b { color: var(--ink); }
.pr-upd { display: flex; flex-wrap: wrap; gap: 6px; }
.pr-upd .input { width: 150px; }
.pr-upd .pr-note { flex: 1; min-width: 160px; }
.pr-events { margin: 0; padding-left: 18px; font-size: 12.5px; color: var(--muted); }
.pr-mine { margin: 0 0 12px; padding: 12px 14px; border-radius: 14px; background: var(--blue-soft); }
.pr-mine ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.pr-mine li { display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: 13.5px; }
.pr-figs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 16px; }
.pr-figs div { display: flex; flex-direction: column-reverse; padding: 0 16px; border-left: 1px solid var(--line); }
.pr-figs div:first-child { border-left: 0; padding-left: 0; }
.pr-figs dt { font-size: 12.5px; color: var(--muted); }
.pr-figs dd { margin: 0; font-size: 24px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.pr-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.pr-table th { text-align: left; font-size: 12px; color: var(--muted); font-weight: 600; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.pr-table td { padding: 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.pr-table td .pr-v { display: flex; align-items: center; gap: 10px; color: var(--text); }
.pr-table td .pr-v b { color: var(--ink); }
@media (max-width: 700px) {
    .pr-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; }
    .pr-figs div:nth-child(odd) { border-left: 0; padding-left: 0; }
    .pr-ref-form { margin-left: 0; width: 100%; }
    .pr-table thead { display: none; }
    .pr-table, .pr-table tbody, .pr-table tr, .pr-table td { display: block; }
    .pr-table tr { padding: 10px 0; border-bottom: 1px solid var(--line); }
    .pr-table td { border: 0; padding: 3px 0; }
}

/* ── Etkinlik takvimi ────────────────────────────────────────────────── */
.ev-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(280px, 4fr); gap: 18px; align-items: start; }
.ev-month { margin: 16px 0 6px; font-size: 12.5px; font-weight: 600; color: var(--faint); text-transform: none; }
.ev-month:first-of-type { margin-top: 4px; }
.ev-list { list-style: none; margin: 0; padding: 0; }
.ev-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 8px; border-radius: 12px; color: var(--text); }
.ev-row:hover { background: var(--tone); }
.ev-row.is-cancel { opacity: .55; }
.ev-date { width: 46px; height: 50px; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 12px; background: var(--blue-soft); color: var(--navy); line-height: 1; }
.ev-date b { font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ev-date small { font-size: 11px; margin-top: 3px; }
.ev-date.lg { width: 64px; height: 70px; border-radius: 16px; }
.ev-date.lg b { font-size: 26px; }
.ev-main { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.ev-main b { color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ev-main small { font-size: 12.5px; color: var(--muted); }
.ev-nums { display: flex; flex-direction: column; align-items: flex-end; }
.ev-nums b { font-size: 16px; color: var(--ink); font-variant-numeric: tabular-nums; }
.ev-nums small { font-size: 12px; color: var(--muted); }
.ev-head { display: flex; gap: 16px; align-items: flex-start; margin-top: 8px; }
.ev-head h1 { margin: 8px 0 4px; }
.ev-people { list-style: none; margin: 0; padding: 0; }
.ev-people li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.ev-people li:first-child { border-top: 0; }
.ev-check input { width: 18px; height: 18px; accent-color: var(--teal); }
.ev-save { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.ev-when { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 10px; }
.ev-btns { display: flex; gap: 6px; flex-wrap: wrap; }
.ev-btns form { display: flex; gap: 6px; }
.ev-mine { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.ev-mine:first-child { border-top: 0; }
.ev-rsvp { display: flex; gap: 6px; }
@media (max-width: 1100px) { .ev-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
    .ev-mine { grid-template-columns: auto minmax(0, 1fr); }
    .ev-rsvp { grid-column: 1 / -1; }
    .ev-when { grid-template-columns: 1fr 1fr; }
    .ev-when .field:first-child { grid-column: 1 / -1; }
}