﻿.field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

label {
    font-size: 12px;
    font-weight: 500;
    color: #666;
}

input,
select,
textarea {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fafafa;
    box-sizing: border-box;
}

    input:focus,
    select:focus,
    textarea:focus {
        outline: none;
        border-color: var(--action-primary);
        background: #fff;
    }
.form-container {
    max-width: 420px;
    margin: 32px auto;
}

.file-picker {
    display: flex;
    align-items: center;
    gap: 10px;
}

.file-name {
    font-size: 13px;
    color: var(--text-muted);
}

.file-name:empty,
.file-name[data-empty="true"] {
    opacity: 0.6;
}