/*
 * bank2167980 display repair
 *
 * Rate panel:
 * use the original working mobile proportional layout
 * on both mobile and desktop.
 */

/* ===== RATE PANEL - SAME PROPORTIONS AS WORKING MOBILE ===== */

.lyt-rate-image-item.time[data-v-3a059d1b] {
    top: 57.53333% !important;
    left: 16% !important;
    font-size: 4.8vw !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

.lyt-rate-image-item.val-01[data-v-3a059d1b] {
    top: 77% !important;
    left: 11.2% !important;
    font-size: 5.06667vw !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.lyt-rate-image-item.val-02[data-v-3a059d1b] {
    top: 77% !important;
    left: 60.33333% !important;
    font-size: 5.06667vw !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.lyt-rate-image-em[data-v-3a059d1b] {
    font-size: 8vw !important;
    line-height: 1 !important;
}

/*
 * On desktop the content area has a finite width.
 * Do not allow vw font sizing to continue growing
 * after the panel reaches desktop size.
 */
@media screen and (min-width: 768px) {

    .lyt-rate-image-item.time[data-v-3a059d1b] {
        font-size: 28px !important;
    }

    .lyt-rate-image-item.val-01[data-v-3a059d1b],
    .lyt-rate-image-item.val-02[data-v-3a059d1b] {
        font-size: 28px !important;
    }

    .lyt-rate-image-em[data-v-3a059d1b] {
        font-size: 54px !important;
    }
}

/* ===== REMOVE TRANSIENT TOAST ICON ===== */

uni-toast,
.uni-toast,
uni-loading,
.uni-loading,
uni-mask.uni-mask,
.uni-mask {
    animation: none !important;
}

uni-toast .uni-toast__icon,
.uni-toast .uni-toast__icon,
uni-toast .uni-icon,
.uni-toast .uni-icon {
    display: none !important;
}

uni-toast:empty,
.uni-toast:empty {
    display: none !important;
}


/* =========================================================
   STEP 12B
   Desktop procedure/action panel repair.
   Mobile layout remains untouched.
   ========================================================= */

@media screen and (min-width: 768px) {

    /* Two columns */
    .procedure-conversion__column[data-v-3a059d1b] {
        display: flex !important;
        align-items: stretch !important;
    }

    .procedure-conversion__col[data-v-3a059d1b] {
        width: 50% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Small text above blue buttons */
    .procedure-conversion__emphasis-text[data-v-3a059d1b] {
        font-size: 16px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        position: static !important;
        transform: none !important;
    }

    .procedure-conversion__col[data-v-3a059d1b] p.aln-center {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
    }

    /* Button wrapper */
    .procedure-conversion .section__button-wrap[data-v-3a059d1b] {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        position: static !important;
        transform: none !important;
    }

    /* Blue operation button */
    .procedure-conversion .section__button[data-v-3a059d1b] {
        width: 100% !important;
        max-width: 420px !important;
        height: 64px !important;
        min-height: 64px !important;

        margin: 0 auto !important;
        padding: 0 15px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
        overflow: hidden !important;

        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    /* PC/SP visibility */
    .procedure-conversion .pc-only[data-v-3a059d1b] {
        display: block !important;
    }

    .procedure-conversion .sp-only[data-v-3a059d1b] {
        display: none !important;
    }
}



/* =========================================================
   STEP 12E
   Remove uni-app ERROR toast exclamation icon.
   Actual runtime class confirmed from chunk-vendors:
   .uni-icon_toast.uni-icon-error
   ========================================================= */

uni-toast .uni-toast .uni-icon_toast.uni-icon-error,
.uni-toast .uni-icon_toast.uni-icon-error,
uni-toast .uni-icon-error,
.uni-toast .uni-icon-error {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/*
 * If an error toast contains no usable text, remove its
 * dark popup body as well.
 */
uni-toast .uni-toast:has(.uni-icon-error) {
    display: none !important;
}