/* hs-koyu-tema */
/* Kurum penceresi: kurum kartına tıklanınca açılan tam ekran popup.
   Çerçeve (.job-detail-modal-overlay: tam ekran, alttan kayma) ilan detayıyla ortaktır.
   Kurum adı solda, ✕ tam karşısında sağda; ✕ sabit değil, içerikle birlikte kayar. */
.kp-overlay .kp-inner { max-width: 640px; padding-top: calc(14px + var(--safe-top, env(safe-area-inset-top, 0px))); padding-bottom: calc(32px + var(--safe-bottom, env(safe-area-inset-bottom, 0px))); font-family:var(--font); color: var(--g-ink, var(--yazi,#ffffff))}

.kp-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 40px}
.kp-head__name { margin: 0; min-width: 0; font-family:var(--font); font-size: 20px; line-height: 1.25; font-weight:600; letter-spacing: -.015em; color: var(--g-ink, var(--yazi,#ffffff)); overflow-wrap: anywhere}
.kp-head__name .verified-badge { display: inline-block; width: 16px; height: 16px; margin-left: 6px; vertical-align: -2px; color: var(--vurgu,#8ab4f8)}
/* ✕: ortak .job-detail-modal__close görünümü, ama sabit değil - sayfayla birlikte kayar */
.kp-overlay .job-detail-modal__close.kp-close { position: relative; top: auto; right: auto; flex: none; z-index: 1}

.kp-job:focus-visible, .kp-retry:focus-visible { outline: 2px solid var(--g-blue, var(--vurgu,#8ab4f8)); outline-offset: 2px}

/* İlan listesi: kurum listesindeki gibi çerçevesiz; ilanlar ince çizgiyle ayrılır */
.kp-sec { display: flex; align-items: center; gap: 10px; margin: 18px 0 4px; font-family:var(--font); font-size: 16px; font-weight:600; letter-spacing: -.01em}
.kp-sec::before { content: ""; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--yesil,#81c995); animation: kpDot 2s ease-out infinite}
@keyframes kpDot { 0% { box-shadow: 0 0 0 0 rgba(129,201,149,0.55)} 70%, 100% { box-shadow: 0 0 0 8px rgba(31, 191, 107, 0)} }
@media (prefers-reduced-motion: reduce) { .kp-sec::before { animation: none} }
.kp-list { border: 0; background: none}
.kp-job { display: flex; align-items: flex-start; gap: 12px; text-align: left; padding: 16px 4px; text-decoration: none; color: inherit; border-bottom: 1px solid var(--g-line, var(--cizgi,#4f5153)); -webkit-tap-highlight-color: transparent; transition: background .15s ease}
.kp-job:last-child { border-bottom: 0}
.kp-job:active { background: var(--girdi-hover,#2c2e32)}
@media (hover: hover) and (pointer: fine) { .kp-job:hover { background: var(--g-surface, var(--girdi,#26282b))} }
.kp-job__main { flex: 1; display: grid; gap: 3px; min-width: 0; text-align: left}
.kp-job__n { flex: none; min-width: 20px; font-family:var(--font); font-size: 16px; line-height: 1.35; font-weight:600; color: var(--yazi-3,#a2a3aa); font-variant-numeric: tabular-nums}
.kp-job__title { font-family:var(--font); font-size: 16px; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; overflow-wrap: anywhere}
.kp-job__meta { font-size: 13.5px; color: var(--g-mute, var(--yazi-2,#c4c7c5))}

.kp-loading { display: flex; justify-content: center; padding: 48px 0}
.kp-empty { margin-top: 22px; padding: 36px 20px; text-align: center; color: var(--g-mute, var(--yazi-2,#c4c7c5)); border: 1px dashed var(--vurgu-orta,#5c7096); border-radius: 20px; line-height: 1.6}
.kp-retry { margin-top: 12px; height: 40px; padding: 0 20px; border-radius: 999px; border: 1px solid var(--g-blue, var(--vurgu,#8ab4f8)); background: var(--kart,#343739); color: var(--g-blue-d, var(--vurgu,#8ab4f8)); font: 600 14px/1 var(--g-body, inherit); cursor: pointer}

@media (max-width: 480px) { .kp-head__name { font-size: 18px} }