/* 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; }
.navod-kroky li { margin-bottom: var(--space-4); }
code.email { overflow-wrap: anywhere; word-break: break-word; user-select: all; font-weight: 600; font-size: .9em; background: var(--color-accent-bg); }
.navod-emaily { list-style: none; padding-left: 0; margin: var(--space-2) 0; }
.navod-emaily li { margin-bottom: var(--space-1); }
.navod-obrazek { display: block; width: fit-content; margin-top: var(--space-2); max-width: min(100%, 760px); }
.navod-obrazek img { display: block; max-width: 100%; max-height: 560px; width: auto; height: auto; border: 1px solid var(--color-border); border-radius: var(--radius-control); }
.navod-obrazek:hover img { border-color: var(--color-primary); }
.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(--color-primary-hover); }
@media (max-width: 800px) { .pole-mrizka { grid-template-columns: 1fr; } }