/*
 * De ce exista:
 * Acest fisier contine stilurile comune de formular pentru frontendul V2.
 *
 * Responsabilitate:
 * Standardizeaza campurile, select-urile si erorile 422 pentru auth si profil.
 *
 * Ce NU face:
 * Nu defineste layout-ul shell-ului si nu contine logicile JS.
 *
 * Depinde de:
 * forms.js si ecranele care folosesc formulare.
 */

.v2-form {
    display: grid;
    gap: 16px;
}

.v2-field {
    display: grid;
    gap: 8px;
}

.v2-field label {
    font-size: 0.92rem;
    font-weight: 700;
}

.v2-input,
.v2-select,
.v2-textarea {
    width: 100%;
    border: 1px solid var(--z-line);
    border-radius: var(--z-radius-md);
    background: #ffffff;
    padding: 12px 14px;
    font-size: 0.98rem;
    color: var(--z-ink);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.v2-input,
.v2-select {
    min-height: 46px;
}

.v2-input:focus,
.v2-select:focus,
.v2-textarea:focus {
    outline: none;
    border-color: var(--z-green);
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.12);
}

.v2-input::placeholder,
.v2-textarea::placeholder {
    color: #9ca3af;
}

.v2-error {
    font-size: 0.85rem;
    color: var(--z-danger);
}

.v2-textarea {
    min-height: 120px;
    resize: vertical;
    line-height: 1.5;
}