/* Spiletova radnja (js/radnja.js) i manjak u gornjoj traci (js/oskudica.js). Isti prozor i boje kao stil/prozori.css. */
.kutija:has(> .rd){max-width:1080px}
.rd .art-zp{min-height:86px;margin-bottom:6px}
.rd .art-zp-lik{width:64px;height:80px}
.rd .glave canvas{width:60px;height:80px}
.rd-ima{margin:0 0 6px;font-size:14px}
.rd-retko-t{color:var(--zlato)}
.rd-tabovi{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px;border-bottom:1px solid var(--ivica);padding-bottom:6px}
.rd-tab{font:700 14px var(--kucano);text-transform:none;letter-spacing:0;padding:6px 12px;min-height:38px;opacity:.75}
.rd-tab.on{opacity:1;border-color:var(--zut);background:#2a2614;color:var(--zut)}
.rd-tackica{font-style:normal;font-size:13px;color:#111;background:var(--zut);border-radius:8px;padding:0 4px;margin-left:2px}
.rd-tackica.rd-tz{background:var(--zlato)}
.rd-mreza{display:grid;grid-template-columns:1fr;gap:8px}
.rd-k{display:flex;flex-direction:column;gap:4px;border:1px solid var(--ivica);border-left:3px solid var(--ivica);background:#101311;padding:8px 10px;min-width:0}
.rd-k.rd-dana{border-left-color:var(--zut);background:linear-gradient(135deg,#1f1d10,#101311 60%)}
.rd-k.rd-retka{border:1px solid var(--zlato);border-left:3px solid var(--zlato);box-shadow:0 0 12px rgba(255,210,74,.18)}
.rd-k.rd-off{opacity:.62}
.rd-kg{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rd-ik{font-size:20px;line-height:1}
.rd-ime{font:700 15px/1.2 var(--kucano);flex:1 1 55%;min-width:0}   /* ime ostaje pored ikone i prelama se u svom polju (sa Inter fontom je padalo ispod ikone, QA 5. okt) */
.rd-oz{font:700 13px var(--kucano);border:1px solid var(--ivica);border-radius:5px;padding:1px 5px;color:var(--tih)}
.rd-oz-dana{border-color:var(--zut);color:var(--zut)}
.rd-oz-retko{border-color:var(--zlato);color:var(--zlato)}
.rd-oz-grad{border-color:#5aa0ff;color:#8fc0ff}
.rd-oz-skupo{border-color:#e2655a;color:#f08a80}
.rd-oz-jeftino{border-color:#86b35c;color:#a8d47c}
.rd-opis{font-size:13px;line-height:1.35;color:var(--tekst)}
.rd-cmp{font:13px var(--kucano);color:var(--tih);display:flex;flex-wrap:wrap;gap:2px 8px}
.rd-cmp small{color:var(--tih);font-size:13px}
.rd-kd{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;flex-wrap:wrap}
.rd-kd-usl{justify-content:flex-start}
.rd-imas{font:13px var(--kucano);color:var(--tih)}
.rd-kupi{font:700 14px var(--kucano);text-transform:none;letter-spacing:0;padding:6px 12px;min-height:36px;white-space:nowrap}
.rd-kupi s{opacity:.6;font-weight:400}
.rd-zasto{font:13px var(--kucano);color:#f08a80}
.rd-info{font-size:13px;line-height:1.35;color:var(--zut)}
.rd-sel{flex:1;min-width:0;font:inherit;font-size:13px;padding:5px;background:#141815;color:inherit;border:1px solid var(--ivica);border-radius:6px}
.rd-mreza .br-sekcija{grid-column:1/-1;margin-top:0}
.kutija:has(> .rd) .dno{margin-top:8px}
@media (pointer:coarse){.rd-kupi,.rd-tab{min-height:44px}}
@media (min-width:600px){.rd-mreza{grid-template-columns:1fr 1fr}}
@media (min-width:861px){
  .kutija:has(> .rd){padding:14px 20px;display:flex;flex-direction:column;overflow:hidden}
  .kutija > .rd{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
  .rd-mreza{overflow:auto;min-height:0;align-content:start;padding-right:2px}
  .rd .art-zp{min-height:72px}
  .rd .art-zp-lik{width:56px;height:68px}
  .kutija:has(> .rd)>h2:first-child{margin-bottom:8px;padding-bottom:6px}
  .rd-mreza{grid-template-columns:repeat(3,1fr)}
  .rd-mreza.rd-m-usluge{grid-template-columns:repeat(4,1fr)}
  .rd-mreza.rd-m-oruzje{grid-template-columns:repeat(5,1fr)}   /* oružje i oprema: do 10 stvari u dva reda, bez skrolovanja na 1440×900 */
}
/* Gornja traka: zaliha ispod sutrašnje potrebe (js/oskudica.js oskTraka) */
.res.manjak{border-color:#e2655a;background:rgba(226,101,90,.14)}
.res.manjak .rbr{color:#ff7a6e}
.res .tt .tt-manjak{display:block;margin-top:4px;color:#ff9a90}
/* Duga dugmad na kartici baze („Lekovi kao droga“, js/droga.js; „Krećemo sutra“): tekst se prelama, ne izlazi iz bočne trake */
#bok #kartica #k-droga,#bok #kartica #k-polazak{white-space:normal;flex-wrap:wrap;text-align:left;row-gap:2px}
/* Lična radnja u društvu (js/radnja.js radnjaUKartici): u kartici onoga ko ju je otvorio, preko ekrana kao prozor, ispod zajedničkih prozora (#modal z-index 20) */
.rd-licno{position:fixed;inset:0;z-index:19;background:rgba(4,5,5,.84);display:flex;align-items:center;justify-content:center;padding:16px}
.rd-licno>.kutija{max-width:1080px}
.rd-licno-t{margin:0 0 8px;font:700 14px var(--kucano);color:var(--zut)}
/* „Zatvori“ je u redu tabova, desno (js/radnja.js rdCrtaj); prazno dno se ne vidi */
.rd-tabovi>.rd-zat{margin-left:auto;min-height:38px;padding:6px 18px}
.kutija:has(> .rd)>.dno:empty{display:none}
/* QA 5. okt, 1366x768: „Oružje i oprema“ i „Usluge“ staju bez skrola. Slika Spileta je tanka traka, kartice su gušće (cena pored „imaš“),
   brojke oružja 13px; prozor lične radnje završava iznad trake „Plan, čekamo“ na dnu ekrana (stil/mp-qol.css). */
@media (min-width:861px) and (max-height:820px){
  .rd-licno{padding:8px 16px 58px}
  .rd-licno>.kutija{max-height:100%}
  .kutija:has(> .rd){padding:10px 18px}
  .kutija:has(> .rd)>h2:first-child{margin-bottom:4px;padding-bottom:4px}
  .rd-licno-t{margin-bottom:6px}
  .rd>:is(.art-zp,.rd-ima,.rd-tabovi){flex-shrink:0}
  .rd .art-zp{min-height:44px;padding:3px 8px;margin-bottom:4px;align-items:center}   /* bez fiksne visine: treći red (retka roba) se ne seče na 13px */
  .rd .art-zp-lik{width:36px;height:38px}
  .rd .art-zp-t{line-height:1.3}
  .rd-ima{margin-bottom:4px}
  .rd-tabovi{margin-bottom:6px;padding-bottom:5px}
  .rd-mreza{gap:6px}
  .rd-mreza.rd-m-usluge{grid-template-columns:repeat(5,1fr)}   /* usluge u dva reda; Maksimov blok ispod njih ostaje na skrolu */
  .rd-k{padding:6px 8px;gap:3px}
  .rd-ik .art-ik{width:34px;height:34px;font-size:18px}
  .rd-cmp{font-size:13px;gap:0 8px}
  .rd-kd{flex-wrap:nowrap}
  .rd-imas{flex:1 1 auto;min-width:0}
  .rd-kupi{min-height:32px;padding:4px 10px}
}