/* ===== Žádost o heslo (/zadost-o-heslo) =====
 *
 * Kartu, vstupy, tlačítko i chybovou hlášku bere z .inv-login v
 * application.css (build statického webu) — ten se needituje ručně. Tady jsou
 * jen kusy, které brána sama nepotřebovala: víceřádkový formulář s popisky,
 * širší karta a stavové odznaky žádostí v administraci.
 *
 * Soubor se načítá sám: layouty používají `stylesheet_link_tag :app`, což
 * Propshaftu znamená „všechna css v app/assets“.
 */

.inv-login__card--wide {
    max-width: 560px;
}

.inv-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.inv-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.inv-field__label {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--fg);
}

/* .inv-login input nese margin-bottom pro jednopolíčkovou bránu; tady odstup
   drží gap, takže by se sčítaly. */
.inv-field input,
.inv-field textarea {
    margin-bottom: 0;
}

.inv-textarea {
    width: 100%;
    padding: 0.75rem 0.875rem;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--fg);
    background: #fff;
    border: 1px solid var(--border-muted);
    border-radius: 7px;
    resize: vertical;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.inv-textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-soft-hi);
}

.inv-form .inv-btn {
    margin-top: 6px;
}

/* Nevyplněný editovatelný blok pro doplňující text: .inv-login__hint nese
   horní linku, takže prázdný by pod kartou visela linka bez obsahu. Adminovi
   se ukáže, jakmile do bloku Stimulus vloží tlačítko „Edit HTML" — pak už
   prázdný není. */
.inv-login__hint:empty {
    display: none;
}

/* ===== Stavy žádostí v administraci ===== */
/* Čeká na nás, vyřízeno, zamítnuto. */
.admin-badge--requested {
    color: #1e3a8a;
    background: #dbeafe;
}
.admin-badge--sent {
    color: #14532d;
    background: #dcfce7;
}
.admin-badge--denied {
    color: #991b1b;
    background: #fee2e2;
}

/* Poznámka zkrácená v tabulce nesmí roztáhnout řádek. */
.admin-preview {
    max-width: 22ch;
    color: var(--fg-muted, #57534e);
}
.admin-hint--lead {
    margin-bottom: 16px;
}