/* ==========================================
   FORMS
========================================== */

.fa-input,
.fa-select,
.fa-textarea{

    width:100%;
    padding:16px;

    border:1px solid #d9dee5;

    border-radius:12px;

    font-size:17px;

    transition:.25s;

    box-sizing:border-box;

}

.fa-input:focus,
.fa-select:focus,
.fa-textarea:focus{

    outline:none;

    border-color:#FFD21F;

    box-shadow:0 0 0 4px rgba(255,210,31,.20);

}

/* ---------- customer details: compact notes field ---------- */

.fa-builder-field-full {
    grid-column: 1 / -1;
}

.fa-notes-compact {
    min-height: 64px;
    height: 64px;
    resize: vertical;
    font-family: inherit;
    font-size: 15px;
    padding: 12px 14px;
    line-height: 1.5;
    box-sizing: border-box;
}

/* higher specificity to beat the builder's base textarea rule */
.fa-builder-field textarea.fa-notes-compact {
    min-height: 64px;
    height: 64px;
}

.fa-builder-field textarea.fa-notes-compact {
    padding: 16px 18px;
    min-height: 72px;
    height: 72px;
}

.fa-builder-field-full {
    margin-top: 18px;
}

.fa-builder-field-full label {
    display: block;
    margin-bottom: 10px;
}

.fa-builder-field textarea.fa-notes-compact {
    padding: 12px 14px;
    min-height: 56px;
    height: 56px;
}

.fa-builder-field textarea.fa-notes-compact {
    padding: 8px 12px;
    min-height: 48px;
    height: 48px;
}

/* ---------- customer details: submit/back spacing + hierarchy ---------- */

.fa-customer-panel-v3 .fa-builder-continue-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.fa-customer-panel-v3 .fa-builder-submit {
    width: 100%;
}

.fa-customer-panel-v3 #fa-back-to-part {
    background: none;
    border: none;
    color: #9aa0a8;
    font-size: 13.5px;
    font-weight: 700;
    padding: 6px 12px;
    cursor: pointer;
}

.fa-customer-panel-v3 #fa-back-to-part:hover {
    color: #ffffff;
}