/* ============================================================
   INCEPTION V71
   OPEN SUBMISSION = SAME MAIN CARD AS SUBMITTED STATE

   HANYA VISUAL.
   TIDAK mengubah form, backend, database, status, atau API.
   ============================================================ */


/* ============================================================
   DESKTOP
   Geometry mengikuti final V65/V65B yang sudah dipakai
   oleh state Terkumpul.
   ============================================================ */

@media (min-width: 901px) {

    /*
     * State Dibuka belum punya .participant-selection-banner.
     * Karena itu white main-card V65 sebelumnya tidak muncul.
     */
    .participant-content
    :is(*) {
        box-sizing: border-box;
    }


    .participant-content:has(.submission-initial-v61)
    :not(.dummy-v71) {
        /* sengaja tidak mengubah ukuran/layout */
    }


    .participant-content:has(.submission-initial-v61):not(:has(.participant-selection-banner)) {
        position: relative !important;
        isolation: isolate !important;
    }


    /*
     * White main card.
     * Nilai geometry mengikuti V65B state Terkumpul:
     * top/bottom 22px, left/right 0.
     */
    .participant-content:has(.submission-initial-v61):not(:has(.participant-selection-banner))::before {
        content: "" !important;

        position: absolute !important;

        top: 22px !important;
        right: 0 !important;
        bottom: 22px !important;
        left: 0 !important;

        z-index: 0 !important;
        pointer-events: none !important;

        background: #ffffff !important;

        border:
            1px solid
            #dfe5ef !important;

        border-radius:
            22px !important;

        box-shadow:
            0 10px 30px
            rgba(32, 48, 80, .045) !important;
    }


    /*
     * Seluruh konten berada di atas pseudo white-card.
     */
    .participant-content:has(.submission-initial-v61):not(:has(.participant-selection-banner))
    > * {
        position: relative !important;
        z-index: 1 !important;
    }
}


/* ============================================================
   MOBILE / TABLET
   Mengikuti geometry V65 state Terkumpul.
   ============================================================ */

@media (max-width: 900px) {

    .participant-content:has(.submission-initial-v61):not(:has(.participant-selection-banner)) {
        position: relative !important;
        isolation: isolate !important;
    }


    .participant-content:has(.submission-initial-v61):not(:has(.participant-selection-banner))::before {
        content: "" !important;

        position: absolute !important;

        top: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
        left: 14px !important;

        z-index: 0 !important;
        pointer-events: none !important;

        background: #ffffff !important;

        border:
            1px solid
            #dfe5ef !important;

        border-radius:
            18px !important;

        box-shadow:
            0 8px 24px
            rgba(29, 45, 79, .045) !important;
    }


    .participant-content:has(.submission-initial-v61):not(:has(.participant-selection-banner))
    > * {
        position: relative !important;
        z-index: 1 !important;
    }
}