/* app.css v1.0 — POVsite 2.0 na prawdziwych danych: elementy, których nie było w prototypie v2. Tokeny z v2.css. */
.vmark { display: grid; place-items: center; background: var(--soft); border-radius: inherit; }
.row-vis .vmark { width: 96px !important; height: 72px !important; border-radius: 12px; }
.lead-vis .vmark { width: 100% !important; height: 100% !important; min-height: 300px; border-radius: 0; }
.vmark.sm { width: 56px; height: 56px; border-radius: 10px; background: var(--night-2); }
.row .q { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-style: normal; font-family: var(--sans); font-size: 15px; }
.lq { font-style: normal; font-family: var(--sans); font-size: 18px; }
.lsum { margin: 18px 0 0; font-size: 17px; line-height: 1.55; color: var(--ink-2); max-width: 720px; }
.loading { padding: 40px 0; }
.hero:not(.dark) { background: var(--map-bg); }
.hero.dark .repo { flex-wrap: wrap; }
.recaudio { width: 100%; margin: 6px 0 4px; }
.pub-h { margin-top: 24px !important; }
.studio > p { color: var(--ink-2); margin: 0 0 4px; }
.og-img.real { height: auto; aspect-ratio: 1200 / 630; background: var(--night); }
.og-img.real img { display: block; width: 100%; height: 100%; object-fit: cover; }
.btn.danger { color: var(--rec); border-color: color-mix(in srgb, var(--rec) 45%, transparent); }
.acform { max-width: 560px; }
.acform .acts { margin-top: 18px; }
.done-b .kick { margin-bottom: 6px; }
.lby small { display: block; }
.people small { white-space: nowrap; }
.pf .meta { max-width: 640px; }
.ghform .ghi { flex: none; }
@media (max-width: 900px) {
  .row-vis .vmark { width: 64px !important; height: 64px !important; }
  .lead-vis .vmark { min-height: 180px; height: 180px !important; }
  body[data-view="discover"] .search { display: flex; }
}
.pm-rel a { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 8px; border-radius: 10px; text-align: left; }
.pm-rel a:hover { background: var(--hover); }
.pm-rel a i { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.pm-rel a span { min-width: 0; display: grid; }
.pm-rel a b { font: 600 14px/1.3 var(--sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-rel a small { font-size: 12.5px; color: var(--ink-3); }
.pm-lang { padding: 0 6px 0 12px; }
.pm-lang select { min-height: 42px; border: 0; background: transparent; font: 600 14px var(--sans); color: inherit; max-width: 200px; }
.pm-lang select:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 8px; }
/* nagłówek projektu na stronie nagrania: wysokość wg treści (prawdziwe nazwy i dwa przyciski) */
.hero.dark { height: auto; min-height: 160px; padding: 20px; display: flex; align-items: flex-end; }
.hero.dark .repo { position: static; width: 100%; }
.hero.dark .repo b { display: block; overflow-wrap: anywhere; }
.hero.dark .repo small { display: block; margin-top: 2px; }
@media (max-width: 900px) { .tthemes { margin-left: auto; } }
.seg.sm button { min-width: 44px; justify-content: center; }
.pm-lang select { min-height: 44px; }
.linkrow code { overflow-wrap: anywhere; word-break: break-all; padding: 8px 14px; line-height: 1.4; }
/* usuwanie konta: krok pośredni (co zniknie + wpisanie USUŃ) */
.danger-box { margin-top: 12px; max-width: 560px; border-color: color-mix(in srgb, var(--rec) 45%, transparent); }
.danger-box h2 { margin: 0 0 6px; font: 700 19px/1.3 var(--sans); color: var(--rec); }
.danger-box > p { margin: 0 0 4px; color: var(--ink-2); line-height: 1.5; }
.btn.danger-fill { background: var(--rec); color: var(--on-ink); border-color: var(--rec); }
.btn.danger-fill:disabled { background: transparent; color: var(--ink-3); border-color: var(--line-2); opacity: 1; }
.btn[hidden] { display: none; }