/* ── Field — plain upload (без crop, правоъгълен preview) ───────────────────── */

.field--upload {
    cursor:     pointer;
    text-align: center;
}

.field--upload:not(.field--disabled):hover {
    border-color: var(--field-border-hover);
}

.field__upload-box {
    position:        relative;
    width:           100%;
    height:          140px;
    margin:          0.5rem 0 0.25rem;
    border-radius:   8px;
    overflow:        hidden;
    background:      #f1f5f9;
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.field__upload-icon {
    font-size: 2.2rem;
    color:     var(--field-placeholder);
}

.field__upload-box img {
    position:   absolute;
    inset:      0;
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    none;
}

.field--filled .field__upload-box img {
    display: block;
}

.field--filled .field__upload-icon {
    display: none;
}

.field__upload-overlay {
    position:        absolute;
    inset:           0;
    display:         none;
    align-items:     center;
    justify-content: center;
    background:      rgba(0, 0, 0, 0.45);
}

.field--uploading .field__upload-box {
    cursor: wait;
}

.field--uploading .field__upload-overlay {
    display: flex;
}

.field__upload-hint {
    display:   block;
    color:     var(--field-placeholder);
    font-size: 0.8rem;
    padding:   0 0 0.4rem;
}