/* Uzupełnienia makiety v6 dla prawdziwej aplikacji: znak zastępczy miniatury, błąd w toaście, odpowiedzi w uwadze,
   klasy zamiast stylów w linii. Tokeny i wygląd z cowork.css. */
.mph { display: flex; align-items: center; justify-content: center; background: var(--muted); color: #94a3b8; flex-shrink: 0; }
.mph svg { width: 26px; height: 26px; stroke-width: 1.5; }
.wer .mph { width: 88px; height: 56px; border-radius: 6px; border: 1px solid var(--border); }
.mver .mph { width: 100%; aspect-ratio: 16 / 10; border-bottom: 1px solid var(--border); }
.krok .mph { height: 56px; border-radius: 6px; font: 600 18px var(--font-h); color: #8a96b8; }
.dot-el img { object-fit: contain; object-position: left top; }
.mver-t { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.plan-t { flex: 1; min-width: 0; }
.plan-t b { display: block; font-weight: 500; }
.opis { margin: 0 0 16px; white-space: pre-wrap; }
a.btn { color: inherit; text-decoration: none; }
.decyzja .dec-r { align-self: flex-start; }
.doc-g { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.wiersz-konta { display: flex; gap: 12px; align-items: center; }
.fchip a { color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toast.blad { background: var(--danger-ink); }
.toast.blad svg { color: #fff; }
.uw-odp { display: flex; flex-direction: column; gap: 6px; border-left: 2px solid #e6defc; padding-left: 10px; }
.uw-odp-r { font-size: 13px; }
.typ.spec { background: rgba(114,45,235,.1); color: #5b21b6; }
.md ol { margin: 8px 0; padding-left: 22px; }
.md pre { background: var(--muted); border-radius: 8px; padding: 10px 12px; overflow-x: auto; font-size: 12.5px; }
.md pre code { background: none; padding: 0; }
.md a { color: var(--primary-text); }
.pv > .pusto, .content > .pusto { margin: 24px; }
.szk { height: 84px; border-radius: 10px; margin-top: 8px; background: linear-gradient(90deg, #eef2f7, #fff, #eef2f7);
  background-size: 200% 100%; animation: szk 1.2s ease-in-out infinite; }
@keyframes szk { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@container app (max-width: 820px) {
  .krok .mph { height: 44px; }
  /* Plan bez otwartych uwag czyta się na całej wysokości (34% tylko obok panelu uwag). */
  .dwa.z-uw:not(.uw-otw) .doc { flex: 1 1 auto; }
  .chk { min-height: 44px; }
  button.nrchip { min-height: 44px; }
}