/* Dodatki dla aplikacji Zgłoszenia (bazowe style jak w aplikacji BHP) */
.kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:14px 0}
.kind{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:16px;min-height:96px;font-size:15px;border-radius:12px;border:1px solid #d9e0e8;background:#fff}
.kind span{font-size:28px;line-height:1}
.kind:hover{border-color:#193f69;background:#f3f8fd}
.kind-head{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:6px}
.kind-head span{font-size:26px}
button.link{background:none;border:0;color:#587897;text-decoration:underline;padding:4px;font-weight:400}
button.link.danger{color:#a3271b}
.zg-form textarea{width:100%;padding:12px;border:1px solid #d8dfe8;border-radius:7px;font:inherit;font-size:15px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{margin:0;font-weight:600}
.pill input{position:absolute;opacity:0;width:1px;height:1px}
.pill span{display:inline-block;padding:10px 14px;border:1px solid #d9e0e8;border-radius:22px;background:#fff;cursor:pointer;font-size:13px}
.pill input:checked+span{background:#193f69;border-color:#193f69;color:#fff}
.pill input:focus-visible+span{outline:3px solid #8bb8e8}
.anon-note{background:#f3f8fd;border-radius:8px;padding:10px 12px}
.zg-form .primary.big{margin-top:20px}
.sent{text-align:center}
.sent-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e6f2eb;color:#327652;font-size:34px}
.code{font-family:Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:2px;background:#f3f5f8;border:1px dashed #b9c4d1;border-radius:10px;padding:12px;margin:8px auto 14px;max-width:320px}
.code.small-code{font-size:15px;letter-spacing:0;max-width:none;text-align:left}
.sent .poster-actions{justify-content:center}
.zg-item{border:1px solid #e0e5ed;border-radius:10px;padding:12px 14px;margin-bottom:10px}
.zg-item.highlight{border-color:#fcc104;box-shadow:0 0 0 3px #fff1cc}
.zg-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;font-size:14px}
.zg-item p{margin:8px 0;font-size:13px;white-space:pre-wrap}
.reply{margin-top:8px;background:#e9f2ed;border-radius:8px;padding:8px 10px;font-size:13px;color:#245c3e}
.urgent{color:#a3271b}
.status.warn{background:#fff1cc;color:#8a6200}
.status.bad{background:#fde3e1;color:#a3271b}
.report-photo{max-width:220px;max-height:160px;border-radius:6px;display:block;margin:6px 0;object-fit:cover}
.report-edit{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.report-edit select{width:auto;min-height:38px;padding:6px 10px}
.report-edit input{flex:1;min-width:180px;padding:8px 10px}
@media(max-width:650px){
  .two{grid-template-columns:1fr}
  .kinds{grid-template-columns:1fr 1fr}
  .kind{min-height:88px;font-size:13px;padding:12px}
  .tab-zglos .eyebrow,.tab-zglos .intro{display:none}
  .report-edit input{min-width:0;width:100%}
}
.brand .brand-app b{font-size:20px;letter-spacing:3px}
footer .admin-link{display:inline!important;color:#587897;margin-top:4px}

/* Logotypy TYNFOWICZ i Scania wyśrodkowane */
.brand{align-items:center;text-align:center}
.brand .brand-wordmark{width:190px;max-width:100%}
.brand .brand-app{justify-content:center;margin-top:10px}
.aside-label{text-align:center}
@media(max-width:650px){
  aside{padding:16px 16px 12px}
  .brand{flex-direction:row;justify-content:center;align-items:center;gap:0;padding:4px 0 2px}
  .brand .brand-wordmark{width:150px;max-width:44vw}
  .brand .brand-scania{width:96px;max-width:28vw;margin:0 0 0 16px;padding:0 0 0 16px;border-left:1px solid rgba(255,255,255,.25)}
  .brand .brand-app{display:none}
  aside::after{content:'';display:block;height:3px;margin:12px -16px 0;background:repeating-linear-gradient(-45deg,#fcc104 0 10px,#101e34 10px 20px)}
  nav{margin-top:12px;justify-content:center}
}
.brand .brand-app b{font-size:16px;letter-spacing:2px}.brand .brand-app svg{width:24px;height:28px}.brand .brand-app small{letter-spacing:1px}

/* Długie teksty nie rozpychają karty; odpowiedź na telefonie na całą szerokość */
.zg-item{overflow-wrap:anywhere;min-width:0}
.zg-link a{font-weight:600}
@media(max-width:650px){
  .report-edit{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}
  .report-edit input{grid-column:1 / -1;order:-1;width:100%;min-width:0;padding:11px 12px;font-size:16px}
  .report-edit select{width:100%;min-height:44px}
  .report-edit button{min-height:44px}
}