/* Sprawy – Wnioski i Odpowiedzi
   Skin: Dark Slate (dla Astra Dark)
   v1.0.0 — 2025-10-24
*/

/****************************************************
 SPRAWY — SKIN: Dark Slate (pod Astra Dark)
 - ciemne karty, jasny tekst, delikatne obramowania
 - spójne z dark UI, wyraźne linki i badge
****************************************************/

.sprawy-lista-wnioski{
  /* paleta skórki (lokalnie, bez dotykania motywu) */
  --sp-card:   #0f1629;   /* tło karty */
  --sp-text:   #e6e9ef;   /* główny tekst */
  --sp-muted:  #a7b0c2;   /* meta */
  --sp-border: #23314d;   /* linie/obramowania */
  --sp-shadow: 0 10px 28px rgba(0,0,0,.35);

  --sp-link:   #cfe1ff;   /* linki */
  --sp-link-h: #60a5fa;

  --sp-ok-bg:  #143825;   /* badge OK */
  --sp-ok-brd: #276143;
  --sp-ok-tx:  #c9f3da;

  --sp-warn-bg:#2d231a;   /* badge Brak odp. */
  --sp-warn-brd:#5a3b23;
  --sp-warn-tx:#ffd7a6;
}

/* Karta */
.sprawy-item{
  background: var(--sp-card);
  color: var(--sp-text);
  border: 1px solid var(--sp-border);
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: var(--sp-shadow);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.sprawy-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(0,0,0,.45);
  border-color: color-mix(in oklab, var(--sp-border) 70%, var(--sp-link-h));
}

/* Tytuł/link */
.sprawy-tytul .sprawy-tytul-link{
  color: var(--sp-link) !important;
  text-decoration: none;
}
.sprawy-tytul .sprawy-tytul-link:hover{
  color: var(--sp-link-h) !important;
  text-decoration: underline;
}
.sprawy-tytul .sprawy-tytul-link:focus-visible{
  outline: 2px solid color-mix(in oklab, var(--sp-link-h) 60%, transparent);
  outline-offset: 2px; border-radius: 6px;
}

/* Meta */
.sprawy-meta{ color: var(--sp-muted); }

/* Sekcja odpowiedzi */
.sprawy-odp{
  margin-top: 10px; padding-top: 10px;
  border-top: 1px dashed var(--sp-border);
}
.sprawy-odp .badge{
  display:inline-block; padding: 2px 9px;
  border-radius: 999px; font-size: 12px; font-weight: 600;
  border: 1px solid transparent; margin-bottom: 6px;
}
.sprawy-odp .badge--ok{
  background: var(--sp-ok-bg); border-color: var(--sp-ok-brd); color: var(--sp-ok-tx);
}
.sprawy-odp .badge--pending{
  background: var(--sp-warn-bg); border-color: var(--sp-warn-brd); color: var(--sp-warn-tx);
}
.sprawy-odp .odp__link a{
  color: var(--sp-link) !important; text-decoration: underline; text-underline-offset: 2px;
}
.sprawy-odp .odp__link a:hover{
  color: var(--sp-link-h) !important; text-decoration-thickness: 2px;
}

/* Paginacja (jeśli używasz natywnej) */
.navigation.pagination .page-numbers{
  border: 1px solid var(--sp-border); border-radius: 8px;
  padding: .25rem .6rem; text-decoration: none; color: var(--sp-link);
  background: #0b1220;
}
.navigation.pagination .page-numbers:hover{
  border-color: color-mix(in oklab, var(--sp-link-h) 40%, var(--sp-border));
  color: var(--sp-link-h);
}

/* Gęściej na mobile */
@media (max-width: 480px){
  .sprawy-item{ padding: 12px 12px; border-radius: 12px; }
  .sprawy-meta{ font-size: .9rem; }
}

/* Single: lista odpowiedzi pod wnioskiem */
.sprawy-odp--single { margin-top: 14px; }
.sprawy-odp-list{
  list-style: none; margin: .35rem 0 0; padding: 0;
  display: grid; gap: .6rem;
}
.sprawy-odp-item__head{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:.35rem .5rem;
}
.sprawy-odp-item__title{
  color: var(--sp-link, #cfe1ff) !important;
  text-decoration: none;
}
.sprawy-odp-item__title:hover{
  color: var(--sp-link-h, #60a5fa) !important;
  text-decoration: underline;
}
.sprawy-odp-item__date{
  color: var(--sp-muted, #a7b0c2);
  font-size: .92rem;
}
.sprawy-odp-item__excerpt{
  color: var(--sp-text, #e6e9ef);
  opacity: .95;
  font-size: .95rem;
}

/* (opcjonalnie) inny badge-tekst przy odpowiedzi */
.single-odpowiedzi .sprawy-odp .badge--ok{ content: none; }