/* Klientský portál: doplňky ke sdíleným stylům konzole (static/css/app.css). */
.klient-nazev { font-weight: 700; }
.formular label, .pole-mrizka label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; }
.pole-mrizka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4) var(--space-5); }
.pole-mrizka .siroke { grid-column: 1 / -1; }
.napoveda { font-weight: 400; font-size: var(--text-small); color: var(--color-muted); }
.povinne { color: var(--color-primary); }
.akce { display: flex; gap: var(--space-3); margin-bottom: var(--space-6); }
.kroky { display: flex; flex-direction: column; gap: var(--space-3); padding-left: 1.4em; }
.kroky li.hotovo a { color: var(--color-muted); }
.navod ol { line-height: 1.6; }
.stitek.n-ceka { background: var(--status-info-bg); color: var(--status-info); } .stitek.n-prijato { background: var(--status-good-bg); color: var(--status-good); }
.stitek.n-zamitnuto { background: var(--status-crit-bg); color: var(--status-crit); }
@media (max-width: 800px) { .pole-mrizka { grid-template-columns: 1fr; } }