/*
 * WohnWeitblick Premium Edit Dialog V212
 */


/* ==========================================================
   Consistent field grids
   ========================================================== */

#edit-dialog
    .edit-field-grid,
#edit-dialog
    .edit-decision-grid,
#edit-dialog
    .wk-edit-field-grid-v71 {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

#edit-dialog
    .edit-field-grid > label,
#edit-dialog
    .edit-decision-grid > label,
#edit-dialog
    .wk-edit-field-grid-v71 > label {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows:
        auto minmax(48px, auto) !important;
    gap: 8px !important;
    align-content: start !important;

    min-width: 0 !important;
    min-height: 112px !important;
    margin: 0 !important;
    padding: 14px !important;

    box-sizing: border-box !important;

    border: 1px solid #d9e3e0 !important;
    border-radius: 13px !important;

    background: #ffffff !important;
}

#edit-dialog
    .edit-field-grid > label > span,
#edit-dialog
    .edit-decision-grid > label > span,
#edit-dialog
    .wk-edit-field-grid-v71 > label > span {
    display: block !important;

    min-height: 34px !important;

    color: #20383f !important;

    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
}

#edit-dialog
    .edit-field-grid input,
#edit-dialog
    .edit-field-grid select,
#edit-dialog
    .edit-decision-grid input,
#edit-dialog
    .edit-decision-grid select,
#edit-dialog
    .wk-edit-field-grid-v71 input,
#edit-dialog
    .wk-edit-field-grid-v71 select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding:
        0 14px !important;

    box-sizing: border-box !important;

    border: 1px solid #cfdad7 !important;
    border-radius: 10px !important;

    background: #ffffff !important;
    color: #172f36 !important;

    font: inherit !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}


/* Some old rules place label text and select side by side. */

#edit-dialog
    .edit-choice-field {
    grid-template-columns: 1fr !important;
}


/* ==========================================================
   Equal spacing between sections
   ========================================================== */

#edit-dialog
    .edit-section {
    margin-bottom: 18px !important;
    padding: 20px !important;

    border-radius: 16px !important;
}

#edit-dialog
    .edit-section-heading {
    margin-bottom: 16px !important;
}

#edit-dialog
    .wk-edit-subhead-v71 {
    margin:
        20px 0 12px !important;
}


/* ==========================================================
   Hide separate loading panel
   ========================================================== */

#edit-status {
    display: none !important;
}


/* ==========================================================
   Loading feedback inside primary button
   ========================================================== */

#edit-save {
    position: relative;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-height: 52px !important;
}

#edit-save.wk-edit-busy-v212 {
    cursor: wait !important;

    opacity: 1 !important;

    background: #8fa7a1 !important;
    color: #ffffff !important;
}

#edit-save.wk-edit-busy-v212::before {
    content: "";

    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    box-sizing: border-box;

    border:
        2px solid
        rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation:
        wk-edit-spin-v212
        0.75s
        linear
        infinite;
}

@keyframes wk-edit-spin-v212 {
    to {
        transform: rotate(360deg);
    }
}


/* ==========================================================
   Whole-number debt inputs without browser spinners
   ========================================================== */

#edit-debt,
#wk-sale-debt-v47 {
    appearance: none !important;
    -moz-appearance: textfield !important;
}

#edit-debt::-webkit-inner-spin-button,
#edit-debt::-webkit-outer-spin-button,
#wk-sale-debt-v47::-webkit-inner-spin-button,
#wk-sale-debt-v47::-webkit-outer-spin-button {
    margin: 0 !important;

    -webkit-appearance: none !important;
}


/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 760px) {
    #edit-dialog
        .edit-field-grid,
    #edit-dialog
        .edit-decision-grid,
    #edit-dialog
        .wk-edit-field-grid-v71 {
        grid-template-columns:
            1fr !important;
    }

    #edit-dialog
        .edit-field-grid > label,
    #edit-dialog
        .edit-decision-grid > label,
    #edit-dialog
        .wk-edit-field-grid-v71 > label {
        min-height: 0 !important;
    }

    #edit-dialog
        .edit-field-grid > label > span,
    #edit-dialog
        .edit-decision-grid > label > span,
    #edit-dialog
        .wk-edit-field-grid-v71 > label > span {
        min-height: 0 !important;
    }
}