/*
 * MyVyBZ Frontend Assets — Secure
 * Production owner for NEW secure/customer-facing MyVyBZ presentation from 2026-09-15 forward.
 *
 * First planned real owner: My Listings / Premium Share modal presentation.
 * Existing My Listings / Shared UI rules remain authoritative until that coordinated move.
 */

/* ============================================================
   MY LISTINGS — LOCAL PRESENTATION MIGRATED FROM 1EI
   Exact owner moved; business/runtime PHP remains in 1EJ.
   ============================================================ */
/* PASS 1CS — MY LISTINGS PAGE-SPECIFIC LAYOUT ONLY.
           Colors/surfaces/buttons/fields/dark mode live in Shared Site UI 2AH. */

        /* PASS 1DE — native page flow after the existing Lenis dequeue. */
        html:has(body .myvybz-ml-wrap),
        body:has(.myvybz-ml-wrap){
            height:auto!important;
            max-height:none!important;
            overflow-y:auto!important;
            overscroll-behavior-y:auto!important;
            scroll-behavior:auto!important;
        }
        body:has(.myvybz-ml-wrap) :is(#page_wrap,.page_wrap,.page_content_wrap,.content_wrap,.content,.content-area,.site-content,.elementor){
            max-height:none!important;
            overflow:visible!important;
            overscroll-behavior:auto!important;
        }

        .myvybz-ml-wrap{
            width:min(1120px,calc(100vw - 48px));
            max-width:1120px;
            margin-left:auto!important;
            margin-right:auto!important;
            padding:18px;
            box-sizing:border-box;
            clear:both;
        }

        .myvybz-ml-card{
            padding:18px;
            margin:0 0 16px;
            box-sizing:border-box;
        }

        .myvybz-ml-head h2{
            margin:0 0 8px;
            font-size:30px;
            line-height:1.15;
        }

        .myvybz-ml-muted{margin:4px 0 0}

        .myvybz-ml-table-wrap{
            overflow-x:visible;
            border-radius:14px;
            width:100%;
        }

        table.myvybz-ml-table{
            width:100%;
            border-collapse:collapse;
            min-width:0;
            table-layout:fixed;
        }

        .myvybz-ml-table th:nth-child(1),.myvybz-ml-table td:nth-child(1){width:11%}
        .myvybz-ml-table th:nth-child(2),.myvybz-ml-table td:nth-child(2){width:22%}
        .myvybz-ml-table th:nth-child(3),.myvybz-ml-table td:nth-child(3){width:10%}
        .myvybz-ml-table th:nth-child(4),.myvybz-ml-table td:nth-child(4){width:14%}
        .myvybz-ml-table th:nth-child(5),.myvybz-ml-table td:nth-child(5){width:9%}
        .myvybz-ml-table th:nth-child(6),.myvybz-ml-table td:nth-child(6){width:18%}
        .myvybz-ml-table th:nth-child(7),.myvybz-ml-table td:nth-child(7){width:16%}

        .myvybz-ml-table th,
        .myvybz-ml-table td{
            padding:8px;
            text-align:left;
            vertical-align:top;
            overflow-wrap:anywhere;
            word-break:normal;
        }

        .myvybz-ml-table th{
            white-space:nowrap;
            font-size:13px;
        }
        .myvybz-ml-table thead th:first-child{border-top-left-radius:13px}
        .myvybz-ml-table thead th:last-child{border-top-right-radius:13px}

        .myvybz-ml-export-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
        .myvybz-ml-tools-details{overflow:visible!important;max-height:none!important;height:auto!important;overscroll-behavior:auto!important}
        .myvybz-ml-tools-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
        .myvybz-ml-tools-summary::-webkit-details-marker{display:none}
        .myvybz-ml-tools-summary small{display:block;font-weight:400;margin-top:4px}
        .myvybz-ml-tools-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:16px;overflow:visible!important;max-height:none!important}
        .myvybz-ml-tools-section{min-width:0}
        .myvybz-ml-tools-section h3{margin:0 0 8px}
        .myvybz-ml-text-icon{display:inline-block;min-width:1.2em;text-align:center}
        .myvybz-ml-section-ascii{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            width:1.55em;
            height:1.55em;
            margin-right:5px;
            box-sizing:border-box;
            font-family:Arial,Helvetica,sans-serif;
            font-size:.82em;
            line-height:1;
            vertical-align:middle;
        }
        .myvybz-ml-orders-details{overflow:visible!important;max-height:none!important;height:auto!important}
        .myvybz-ml-orders-body{overflow:visible!important;max-height:none!important;height:auto!important}

        .myvybz-ml-export-range-form{display:grid;gap:10px;margin-top:14px;max-width:620px}
        .myvybz-ml-export-range-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
        .myvybz-ml-export-range-fields label{display:grid;gap:5px;font-size:12px;font-weight:800}
        .myvybz-ml-export-range-fields input[type="date"]{width:100%;box-sizing:border-box;padding:9px 10px}

        .myvybz-ml-form{
            display:flex;
            gap:10px;
            align-items:center;
            flex-wrap:wrap;
            margin-top:12px;
        }

        .myvybz-ml-form input[type="email"]{
            min-width:280px;
            max-width:420px;
            width:100%;
            padding:11px 13px;
        }

        .myvybz-ml-status{padding:5px 10px;font-size:12px}
        .myvybz-ml-actions a,.myvybz-ml-button{padding:8px 13px;line-height:1.2}
        .myvybz-ml-more-link{display:inline!important;padding:0!important;margin:0!important;font-size:inherit;line-height:inherit}

        .myvybz-ml-small{font-size:12px}

        .myvybz-ml-modal[hidden]{display:none!important}
        .myvybz-ml-modal{
            position:fixed;
            inset:0;
            z-index:99999;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
            box-sizing:border-box;
        }
        .myvybz-ml-modal-backdrop{position:absolute;inset:0}
        .myvybz-ml-modal-panel{
            position:relative;
            width:min(560px,calc(100vw - 36px));
            max-height:min(70vh,620px);
            overflow:auto;
            padding:18px;
            box-sizing:border-box;
        }
        .myvybz-ml-modal-panel h3{margin:0 40px 12px 0;font-size:20px;line-height:1.2}
        .myvybz-ml-modal-close{
            position:absolute;
            top:10px;
            right:10px;
            width:30px;
            height:30px;
            line-height:1;
        }
        .myvybz-ml-modal-list{display:flex;flex-direction:column;gap:8px}
        .myvybz-ml-modal-row{
            display:flex;
            justify-content:space-between;
            gap:12px;
            padding:9px 10px;
            font-size:13px;
            line-height:1.35;
        }
        .myvybz-ml-modal-row span{font-size:12px;white-space:nowrap}

        .myvybz-ml-alert{position:relative;padding:12px 44px 12px 14px;margin:12px 0}
        .myvybz-ml-alert.is-hidden{display:none!important}
        .myvybz-ml-alert-close{
            position:absolute;
            top:8px;
            right:8px;
            width:26px;
            height:26px;
            line-height:1;
        }
        .myvybz-ml-pending-alert{display:flex;flex-direction:column;gap:10px;align-items:flex-start;overflow-wrap:anywhere}
        .myvybz-ml-alert-cancel-form{margin:2px 0 0}
        .myvybz-ml-inline-action{display:block;margin:0 0 5px}
        .myvybz-ml-action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%}
        .myvybz-ml-action-live{padding:6px 10px;font-size:11px;line-height:1.1;white-space:nowrap}
        .myvybz-ml-link-status{padding:5px 9px;font-size:11px;line-height:1.1;white-space:nowrap}
        .myvybz-ml-action-note{display:block;font-size:10.5px;line-height:1.2;max-width:165px}
        .myvybz-ml-ajax-status{padding:5px 7px;max-width:190px}
        .myvybz-ml-purchased-feature{margin-top:6px;font-size:12px;line-height:1.35}
        .myvybz-ml-ajax-error{
            border:1px solid #ef4444!important;
            background:rgba(127,29,29,.18)!important;
            color:#fecaca!important;
            border-radius:8px;
            font-weight:700;
        }
        .myvybz-ml-date-mini{display:block;width:124px;max-width:100%;font-size:11px;padding:5px 6px;margin:0 0 4px}
        .myvybz-ml-action-button{padding:6px 10px;font-size:11px;line-height:1.1;white-space:nowrap}

        .myvybz-ml-pagination{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}
        .myvybz-ml-pagination a,.myvybz-ml-pagination span{display:inline-block;padding:7px 11px;font-size:12px;font-weight:800}

        .myvybz-ml-order-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}.myvybz-ml-order-filter{max-width:280px;width:100%}
        .myvybz-ml-notices{display:flex;flex-direction:column;gap:10px;margin-top:12px}
        .myvybz-ml-notice-item{padding:12px}
        .myvybz-ml-notice-item p{margin:7px 0 0;line-height:1.45;overflow-wrap:anywhere}
        .myvybz-ml-collapsible{overflow:visible!important;max-height:none!important;height:auto!important;overscroll-behavior:auto!important}
        .myvybz-ml-collapsible-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
        .myvybz-ml-collapsible-summary::-webkit-details-marker{display:none}
        .myvybz-ml-collapsible-summary small{display:block;font-weight:400;margin-top:4px}
        .myvybz-ml-toggle-label{flex:0 0 auto;padding:8px 12px}
        .myvybz-ml-collapsible-body{padding-top:14px;overflow:visible!important;max-height:none!important;height:auto!important;overscroll-behavior:auto!important}
        .myvybz-ml-notice-pagination{margin-bottom:12px}

        .myvybz-ml-async-body{position:relative}
        .myvybz-ml-async-body.is-loading{opacity:.58;pointer-events:none}
        .myvybz-ml-async-status{
            display:none;
            margin:8px 0 10px;
            font-size:12px;
            font-weight:800;
        }
        .myvybz-ml-async-body.is-loading > .myvybz-ml-async-status{display:block}
        .myvybz-ml-lazy-hint{margin:2px 0 0}

        @media (max-width:1100px){
            .myvybz-ml-wrap{
                width:calc(100vw - 20px)!important;
                max-width:calc(100vw - 20px)!important;
                padding:10px;
            }
            .myvybz-ml-head h2{font-size:24px}
            .myvybz-ml-card{padding:14px;margin-bottom:12px}
            .myvybz-ml-form input[type="email"]{min-width:0;width:100%}
            .myvybz-ml-export-range-fields{grid-template-columns:1fr}
            .myvybz-ml-tools-body{grid-template-columns:1fr}
            .myvybz-ml-table-wrap{overflow-x:visible;border:0}
            table.myvybz-ml-table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 12px;table-layout:auto}
            .myvybz-ml-table thead{display:none}
            .myvybz-ml-table tbody,.myvybz-ml-table tr,.myvybz-ml-table td{display:block;width:100%!important;box-sizing:border-box}
            .myvybz-ml-table tr{border-radius:14px;overflow:hidden}
            .myvybz-ml-table td{padding:10px 12px 10px 112px;min-height:38px;position:relative}
            .myvybz-ml-table td:last-child{border-bottom:0}
            .myvybz-ml-table td:before{
                content:attr(data-label);
                position:absolute;
                left:12px;
                top:10px;
                width:88px;
                font-size:11px;
                font-weight:800;
                text-transform:uppercase;
                letter-spacing:.02em;
            }
            .myvybz-ml-action-stack{max-width:100%}
            .myvybz-ml-action-note{max-width:none}
            .myvybz-ml-date-mini{width:100%;max-width:220px}
            .myvybz-ml-action-button,.myvybz-ml-action-live,.myvybz-ml-link-status{white-space:normal;max-width:100%}
        }

/* ============================================================
   PREMIUM SHARE UI — BODY-LEVEL MODAL OWNER
   Migrated from Share Engine 1A. Server/business authority remains PHP.
   ============================================================ */
html.myvybz-share-modal-open,
body.myvybz-share-modal-open{
    overflow:hidden!important;
}
.myvybz-share-mount{
    margin-top:9px;
    max-width:100%;
}
.myvybz-share-open,
.myvybz-share-btn{
    appearance:none;
    border:1px solid rgba(42,196,255,.75);
    background:#151a20;
    color:#f7fbff;
    border-radius:9px;
    padding:8px 11px;
    font:inherit;
    font-weight:700;
    line-height:1.15;
    cursor:pointer;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
.myvybz-share-open:hover,
.myvybz-share-btn:hover,
.myvybz-share-open:focus-visible,
.myvybz-share-btn:focus-visible{
    border-color:#20c7ff;
    box-shadow:0 0 0 2px rgba(32,199,255,.13),0 0 17px rgba(21,155,229,.18);
    outline:none;
}
.myvybz-share-btn.is-primary{
    background:#159be5;
    border-color:#159be5;
    color:#fff;
}
.myvybz-share-btn.is-danger{
    border-color:rgba(255,112,112,.72);
    color:#ffd1d1;
}
.myvybz-share-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
}
.myvybz-share-modal-shell[hidden]{
    display:none!important;
}
.myvybz-share-modal-shell{
    position:fixed;
    inset:0;
    z-index:2147482000;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:clamp(14px,3vw,32px);
    background:rgba(2,7,13,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.myvybz-share-panel{
    position:relative;
    margin:0;
    width:min(620px,calc(100vw - 32px));
    max-width:620px;
    max-height:min(82vh,760px);
    overflow:auto;
    overscroll-behavior:contain;
    box-sizing:border-box;
    padding:18px;
    border:1px solid rgba(42,196,255,.38);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(10,19,29,.985),rgba(8,14,22,.985));
    color:#f7fbff;
    box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 0 1px rgba(32,199,255,.08);
}
.myvybz-share-head{
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:10px;
}
.myvybz-share-kicker{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#6fdcff;
    font-weight:800;
}
.myvybz-share-title{
    font-size:18px;
    line-height:1.25;
    font-weight:800;
    color:#fff;
    margin-top:2px;
}
.myvybz-share-close{
    flex:0 0 auto;
    border:1px solid rgba(111,220,255,.22);
    border-radius:9px;
    background:rgba(255,255,255,.045);
    color:#c8dfef;
    width:34px;
    height:34px;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    padding:0;
}
.myvybz-share-close:hover,
.myvybz-share-close:focus-visible{
    color:#fff;
    border-color:#20c7ff;
    outline:none;
}
.myvybz-share-url{
    display:flex;
    gap:7px;
    align-items:center;
    flex-wrap:wrap;
    margin:11px 0;
}
.myvybz-share-url code{
    flex:1 1 220px;
    min-width:0;
    overflow-wrap:anywhere;
    background:#09111b;
    color:#dff7ff;
    border:1px solid rgba(42,196,255,.22);
    border-radius:9px;
    padding:10px 11px;
    font-size:12px;
}
.myvybz-share-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:11px 0;
}
.myvybz-share-field{
    display:grid;
    gap:6px;
    margin-top:11px;
}
.myvybz-share-field label{
    font-size:12px;
    font-weight:700;
    color:#d4e4ef;
}
.myvybz-share-field input{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(98,153,190,.5);
    background:#0d141d;
    color:#fff;
    border-radius:9px;
    padding:10px 11px;
    font:inherit;
}
.myvybz-share-field input:focus{
    outline:none;
    border-color:#20c7ff;
    box-shadow:0 0 0 2px rgba(32,199,255,.12);
}
.myvybz-share-help,
.myvybz-share-status,
.myvybz-share-stats{
    font-size:12px;
    line-height:1.45;
    color:#aabfd0;
}
.myvybz-share-status.is-good{color:#75e3a5}
.myvybz-share-status.is-bad{color:#ff9d9d}
.myvybz-share-preview{
    font-size:12px;
    color:#70dfff;
    overflow-wrap:anywhere;
}
.myvybz-share-divider{
    height:1px;
    background:rgba(255,255,255,.08);
    margin:13px 0;
}
.myvybz-share-aliases{
    display:grid;
    gap:7px;
}
.myvybz-share-alias{
    display:flex;
    gap:7px;
    align-items:center;
    justify-content:space-between;
    padding:8px 9px;
    border-radius:9px;
    background:rgba(255,255,255,.04);
}
.myvybz-share-alias code{
    min-width:0;
    font-size:11px;
    overflow-wrap:anywhere;
}
.myvybz-share-qr-wrap{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
    margin:11px 0;
    padding:11px;
    border-radius:11px;
    background:#fff;
    color:#111;
}
.myvybz-share-qr{
    width:132px;
    height:132px;
    image-rendering:pixelated;
}
.myvybz-share-qr-note{
    font-size:12px;
    line-height:1.45;
    color:#263441;
}
.myvybz-share-toast{
    margin-top:8px;
    font-size:12px;
    color:#76e7a8;
}
.myvybz-share-loading{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:#b8cbd9;
}
@media(max-width:680px){
    .myvybz-share-modal-shell{
        align-items:flex-end;
        padding:10px;
    }
    .myvybz-share-panel{
        width:100%;
        max-width:none;
        max-height:88vh;
        border-radius:16px;
        padding:16px;
    }
    .myvybz-share-qr-wrap{
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
    }
    .myvybz-share-actions .myvybz-share-btn{
        flex:1 1 120px;
    }
    .myvybz-share-alias{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* ============================================================
   MY LISTINGS — SHARED UI 2IA PRESENTATION MIGRATION
   Source ownership moved to Frontend Assets while finishing My Listings.
   Business/runtime owners remain unchanged.
   ============================================================ */

    /* ============================================================
       MY LISTINGS MODAL AUTHORITY
       Match the cleaner intake media-modal visual language.
       ============================================================ */
    .myvybz-ml-wrap .myvybz-ml-modal-backdrop{
        background:rgba(2,6,23,.76)!important;
        backdrop-filter:blur(5px)!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-panel{
        width:min(620px,calc(100vw - 36px))!important;
        max-height:min(78vh,680px)!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:20px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:0 30px 90px rgba(2,6,23,.30)!important;
        padding:22px!important;
        scrollbar-gutter:stable;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-panel h3{
        margin:0 54px 16px 0!important;
        font-size:clamp(20px,2.4vw,26px)!important;
        line-height:1.15!important;
        color:var(--myvybz-ui-text)!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-close{
        top:14px!important;
        right:14px!important;
        width:38px!important;
        height:38px!important;
        border-radius:12px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        font-size:20px!important;
        font-weight:900!important;
        box-shadow:0 5px 14px rgba(15,23,42,.08)!important;
        transition:border-color .14s ease,background-color .14s ease,transform .14s ease!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-close:hover,
    .myvybz-ml-wrap .myvybz-ml-modal-close:focus-visible{
        border-color:var(--myvybz-ui-accent)!important;
        background:var(--myvybz-ui-bg-muted)!important;
        transform:translateY(-1px);
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-list{
        gap:10px!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-row{
        display:grid!important;
        grid-template-columns:minmax(90px,.8fr) minmax(190px,1.7fr) auto!important;
        align-items:center!important;
        gap:12px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:13px!important;
        padding:11px 12px!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        font-size:13px!important;
        line-height:1.4!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-row strong{
        color:var(--myvybz-ui-text)!important;
    }
    .myvybz-ml-wrap .myvybz-ml-modal-row span{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:26px!important;
        padding:4px 9px!important;
        border-radius:999px!important;
        background:var(--myvybz-ui-bg-muted)!important;
        color:var(--myvybz-ui-text-soft)!important;
        border:1px solid var(--myvybz-ui-border)!important;
        font-size:11px!important;
        font-weight:800!important;
        white-space:nowrap!important;
    }
    .myvybz-ml-wrap .myvybz-ml-more-link{
        color:var(--myvybz-ui-accent-strong)!important;
        text-decoration-thickness:1.5px!important;
        text-underline-offset:2px!important;
    }
    .myvybz-ml-wrap .myvybz-ml-more-link:hover,
    .myvybz-ml-wrap .myvybz-ml-more-link:focus-visible{
        color:var(--myvybz-ui-accent)!important;
        outline:none!important;
    }
    @media (max-width:560px){
        .myvybz-ml-wrap .myvybz-ml-modal-panel{
            padding:18px!important;
        }
        .myvybz-ml-wrap .myvybz-ml-modal-row{
            grid-template-columns:1fr!important;
            gap:5px!important;
        }
        .myvybz-ml-wrap .myvybz-ml-modal-row span{
            justify-self:start!important;
        }
    }


    /* ============================================================
       MY LISTINGS MODAL CLOSE — COMPACT ICON CONTROL
       Beat page-local/theme width/padding rules.
       ============================================================ */
    body .myvybz-ml-wrap button.myvybz-ml-modal-close{
        -webkit-appearance:none!important;
        appearance:none!important;
        position:absolute!important;
        top:14px!important;
        right:14px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        aspect-ratio:1 / 1!important;
        padding:0!important;
        margin:0!important;
        border:1px solid var(--myvybz-ui-border-strong)!important;
        border-radius:50%!important;
        background:var(--myvybz-ui-bg-soft)!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        font:inherit!important;
        font-size:17px!important;
        font-weight:900!important;
        line-height:1!important;
        text-align:center!important;
        text-indent:0!important;
        letter-spacing:0!important;
        box-shadow:0 4px 12px rgba(15,23,42,.08)!important;
        cursor:pointer!important;
        flex:0 0 38px!important;
    }
    body .myvybz-ml-wrap button.myvybz-ml-modal-close:hover{
        border-color:var(--myvybz-ui-accent)!important;
        background:var(--myvybz-ui-bg-muted)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        transform:none!important;
    }
    :root.dark body .myvybz-ml-wrap button.myvybz-ml-modal-close{
        background:#222c38!important;
        border-color:#526174!important;
        color:#f8fafc!important;
    }
    :root.dark body .myvybz-ml-wrap button.myvybz-ml-modal-close:hover{
        background:#2a3745!important;
        border-color:#25b5ee!important;
        color:#25b5ee!important;
    }

/* DARK MODE — My Listings arms split from shared secure-surface paint. */

:root.dark body :is(.myvybz-ml-card,.myvybz-ml-table-wrap,.myvybz-ml-modal-panel){
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        border-color:var(--myvybz-ui-border)!important;
}

:root.dark body :is(.myvybz-ml-wrap,.myvybz-ml-head h2){
        color:var(--myvybz-ui-text)!important;
}

:root.dark body :is(.myvybz-ml-muted,.myvybz-ml-small){
        color:var(--myvybz-ui-text-soft)!important;
}

/* MY LISTINGS modal dark paint — moved intact from Shared UI. */

    :root.dark body .myvybz-ml-modal-backdrop{
        background:rgba(0,0,0,.82)!important;
    }
    :root.dark body .myvybz-ml-modal-panel{
        background:#111821!important;
        color:#f8fafc!important;
        border-color:#465467!important;
        box-shadow:0 32px 100px rgba(0,0,0,.55)!important;
    }
    :root.dark body .myvybz-ml-modal-close{
        background:#222c38!important;
        color:#f8fafc!important;
        border-color:#526174!important;
    }
    :root.dark body .myvybz-ml-modal-row{
        background:#18212b!important;
        color:#f8fafc!important;
        border-color:#3d4b5b!important;
    }
    :root.dark body .myvybz-ml-modal-row strong{
        color:#f8fafc!important;
    }
    :root.dark body .myvybz-ml-modal-row span{
        background:#222c38!important;
        color:#c9d5e3!important;
        border-color:#465467!important;
    }

/* PASS 1G dark-recovery My Listings arms split from Intake/Preferences. */

    :root.dark body .myvybz-ml-wrap :is(
        p, strong, em, small, legend,
        h1, h2, h3, h4, h5, h6,
        ul, ol, li, blockquote,
        .myvybz-ml-muted,
        .myvybz-ml-small
    ){
        background-color:transparent!important;
        background-image:none!important;
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
    }

:root.dark body .myvybz-ml-wrap a:not(.myvybz-ml-button):not(.button){
        background-color:transparent!important;
        background-image:none!important;
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
}

:root.dark body .myvybz-ml-wrap :is(.myvybz-ml-form,.myvybz-ml-modal-list){
        background-color:transparent!important;
        background-image:none!important;
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
}

:root.dark body .myvybz-ml-wrap{
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
}

:root.dark body .myvybz-ml-wrap :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
        textarea, select
    ){
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
}

:root.dark body .myvybz-ml-wrap :is(.myvybz-ml-card,.myvybz-ml-modal-panel,.myvybz-ml-modal-row){
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
}

:root.dark body .myvybz-ml-wrap img{
        filter:none!important;
        -webkit-filter:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
}

/* PASS 2U — My Listings action arms split from the shared action owner. */

:is(.myvybz-ml-action-button,.myvybz-ml-button){
        appearance:none!important;
        -webkit-appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        min-height:42px!important;
        padding:10px 18px!important;
        margin:0;
        border:1px solid #159be5!important;
        border-radius:10px!important;
        background:#159be5!important;
        background-color:#159be5!important;
        background-image:none!important;
        color:#fff!important;
        font:inherit!important;
        font-weight:700!important;
        line-height:1.2!important;
        text-align:center!important;
        text-decoration:none!important;
        cursor:pointer!important;
        opacity:1!important;
        filter:none!important;
        -webkit-filter:none!important;
        box-shadow:0 6px 16px rgba(21,155,229,.18)!important;
        transition:
            background-color .18s ease,
            border-color .18s ease,
            box-shadow .18s ease,
            transform .18s ease!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button):is(:hover,:focus-visible){
        background:#0879bd!important;
        background-color:#0879bd!important;
        border-color:#0879bd!important;
        color:#fff!important;
        text-decoration:none!important;
        box-shadow:0 8px 20px rgba(21,155,229,.24)!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button):active{
        transform:translateY(1px)!important;
        box-shadow:0 4px 12px rgba(21,155,229,.18)!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button):focus-visible{
        outline:3px solid rgba(21,155,229,.28)!important;
        outline-offset:2px!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button):is(:disabled,[disabled],[aria-disabled="true"]){
        opacity:.55!important;
        cursor:not-allowed!important;
        transform:none!important;
        box-shadow:none!important;
}

:root.dark body :is(.myvybz-ml-action-button,.myvybz-ml-button){
        background:#159be5!important;
        background-color:#159be5!important;
        background-image:none!important;
        border-color:#159be5!important;
        color:#fff!important;
}

:root.dark body :is(.myvybz-ml-action-button,.myvybz-ml-button):is(:hover,:focus-visible){
        background:#0879bd!important;
        background-color:#0879bd!important;
        border-color:#0879bd!important;
        color:#fff!important;
}

:root.dark body :is(.myvybz-ml-action-button,.myvybz-ml-button) *{
        background-color:transparent!important;
        background-image:none!important;
        color:inherit!important;
        filter:none!important;
        -webkit-filter:none!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button){
        min-height:36px!important;
        padding:8px 14px!important;
        border-radius:8px!important;
        line-height:1.15!important;
        white-space:nowrap;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button)::before,
:is(.myvybz-ml-action-button,.myvybz-ml-button)::after{
        content:none!important;
        display:none!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button){
        position:relative!important;
        isolation:isolate!important;
        z-index:1!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button) > *{
        position:relative!important;
        z-index:2!important;
        background:transparent!important;
        color:inherit!important;
}

:is(.myvybz-ml-action-button,.myvybz-ml-button){
        min-height:34px!important;
        padding:7px 12px!important;
        border-radius:8px!important;
        font-size:.95em!important;
}

    /* My Listings action buttons: compact enough for table/action rows. */
    .myvybz-ml-action-button{
        min-height:32px!important;
        padding:6px 12px!important;
        font-size:.9em!important;
    }

.myvybz-ml-action-button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        height:auto!important;
        min-width:0!important;
        max-width:none!important;
        min-height:32px!important;
        aspect-ratio:auto!important;
        padding:6px 11px!important;
        margin:0!important;
        border-radius:8px!important;
        line-height:1.15!important;
        font-size:.9em!important;
        white-space:nowrap!important;
}

.myvybz-ml-action-button::before,
.myvybz-ml-action-button::after{
        content:none!important;
        display:none!important;
}

.myvybz-ml-action-button > *{
        background:transparent!important;
        color:inherit!important;
}

    /* MY LISTINGS — keep table/action controls compact. */
    body .myvybz-ml-wrap .myvybz-ml-action-button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:30px!important;
        max-height:none!important;
        aspect-ratio:auto!important;
        padding:5px 9px!important;
        border-radius:8px!important;
        font-size:11px!important;
        line-height:1.1!important;
        white-space:normal!important;
    }

    /* ============================================================
       PASS 2AH — MY LISTINGS SHARED SURFACE / DARK-MODE AUTHORITY
       Paint/components live here. My Listings page snippet keeps only
       page-specific layout/behavior. This is presentation-only.
       ============================================================ */

    /* Theme/content-shell centering remains MyVyBZ-scoped. */
    body:has(.myvybz-ml-wrap) .page_content_wrap,
    body:has(.myvybz-ml-wrap) .content_wrap,
    body:has(.myvybz-ml-wrap) .content,
    body:has(.myvybz-ml-wrap) .post_item_single,
    body:has(.myvybz-ml-wrap) .entry-content,
    body:has(.myvybz-ml-wrap) .elementor,
    body:has(.myvybz-ml-wrap) .elementor-section-wrap,
    body:has(.myvybz-ml-wrap) .elementor-widget-container{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        box-sizing:border-box!important;
    }

    body:has(.myvybz-ml-wrap){
        overflow-x:hidden!important;
    }

    body .myvybz-ml-wrap{
        color:var(--myvybz-ui-text)!important;
        background:transparent!important;
    }

    body .myvybz-ml-card{
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:18px!important;
        box-shadow:var(--myvybz-ui-shadow)!important;
    }

    body .myvybz-ml-head h2,
    body .myvybz-ml-card h2,
    body .myvybz-ml-card h3,
    body .myvybz-ml-card h4{
        color:var(--myvybz-ui-text)!important;
    }

    body .myvybz-ml-muted,
    body .myvybz-ml-small,
    body .myvybz-ml-action-note,
    body .myvybz-ml-collapsible-summary small{
        color:var(--myvybz-ui-text-soft)!important;
    }

    body .myvybz-ml-table-wrap{
        border:1px solid var(--myvybz-ui-border)!important;
        background:var(--myvybz-ui-bg)!important;
    }

    body .myvybz-ml-table th,
    body .myvybz-ml-table td{
        color:var(--myvybz-ui-text)!important;
        border-color:var(--myvybz-ui-border)!important;
        background-image:none!important;
    }

    body .myvybz-ml-table th{
        background:var(--myvybz-ui-bg-soft)!important;
        font-weight:800!important;
    }

    body .myvybz-ml-status,
    body .myvybz-ml-link-status,
    body .myvybz-ml-toggle-label{
        display:inline-flex!important;
        align-items:center!important;
        border:1px solid color-mix(in srgb,var(--myvybz-ui-accent) 28%,var(--myvybz-ui-border))!important;
        border-radius:999px!important;
        background:color-mix(in srgb,var(--myvybz-ui-accent) 10%,var(--myvybz-ui-bg))!important;
        color:var(--myvybz-ui-text)!important;
        font-weight:800!important;
        box-shadow:none!important;
        background-image:none!important;
    }

    body .myvybz-ml-actions a,
    body .myvybz-ml-actions a:visited,
    body .myvybz-ml-action-live,
    body .myvybz-ml-action-live:visited,
    body .myvybz-ml-action-button,
    body .myvybz-ml-button{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:1px solid var(--myvybz-ui-accent)!important;
        border-radius:8px!important;
        background:var(--myvybz-ui-accent)!important;
        background-image:none!important;
        color:#fff!important;
        text-decoration:none!important;
        font-weight:800!important;
        box-shadow:none!important;
        cursor:pointer!important;
    }

    body .myvybz-ml-actions a:is(:hover,:focus-visible,:active),
    body .myvybz-ml-action-live:is(:hover,:focus-visible,:active),
    body .myvybz-ml-action-button:is(:hover,:focus-visible,:active),
    body .myvybz-ml-button:is(:hover,:focus-visible,:active){
        background:var(--myvybz-ui-accent-strong)!important;
        background-image:none!important;
        border-color:var(--myvybz-ui-accent-strong)!important;
        color:#fff!important;
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
        filter:none!important;
        text-shadow:none!important;
        transform:none!important;
        opacity:1!important;
    }
    body .myvybz-ml-actions a *,
    body .myvybz-ml-action-live *,
    body .myvybz-ml-action-button *,
    body .myvybz-ml-button *{color:inherit!important;filter:none!important;text-shadow:none!important;}

    body .myvybz-ml-more-link{
        background:transparent!important;
        border:0!important;
        color:var(--myvybz-ui-accent-strong)!important;
        box-shadow:none!important;
    }

    body .myvybz-ml-form input[type="email"],
    body .myvybz-ml-date-mini{
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        border:1px solid var(--myvybz-ui-border)!important;
        box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
        color-scheme:light!important;
    }

    body .myvybz-ml-form input[type="email"]:focus,
    body .myvybz-ml-date-mini:focus{
        border-color:var(--myvybz-ui-accent)!important;
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }

    body .myvybz-ml-alert{
        background:#e7f4ff!important;
        color:#114f86!important;
        border:1px solid #aedcff!important;
        background-image:none!important;
    }

    body .myvybz-ml-alert-error,
    body .myvybz-ml-ajax-error{
        background:#fff0f0!important;
        color:#8a1f1f!important;
        border-color:#ffb5b5!important;
        background-image:none!important;
    }

    body .myvybz-ml-alert-close{
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        border:1px solid var(--myvybz-ui-border)!important;
        box-shadow:none!important;
    }

    body .myvybz-ml-alert-close:hover,
    body .myvybz-ml-alert-close:focus-visible{
        background:var(--myvybz-ui-bg-muted)!important;
        border-color:var(--myvybz-ui-accent)!important;
        outline:none!important;
    }

    body .myvybz-ml-ajax-status{
        color:#114f86!important;
        background:#e7f4ff!important;
        border:1px solid #aedcff!important;
    }

    body .myvybz-ml-pagination a,
    body .myvybz-ml-pagination span{
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:999px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        text-decoration:none!important;
    }

    body .myvybz-ml-pagination a:hover,
    body .myvybz-ml-pagination a:focus-visible{
        border-color:var(--myvybz-ui-accent)!important;
        background:var(--myvybz-ui-bg-soft)!important;
        outline:none!important;
    }

    body .myvybz-ml-pagination .current{
        background:var(--myvybz-ui-accent)!important;
        border-color:var(--myvybz-ui-accent)!important;
        color:#fff!important;
    }

    body .myvybz-ml-notice-item{
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        border:1px solid var(--myvybz-ui-border)!important;
        box-shadow:none!important;
        background-image:none!important;
    }

    body .myvybz-ml-notice-item p{
        color:var(--myvybz-ui-text)!important;
    }

    body .myvybz-ml-notice-item a{
        color:var(--myvybz-ui-accent-strong)!important;
    }

    body .myvybz-ml-collapsible-summary,
    body .myvybz-ml-collapsible-body,
    body .myvybz-ml-notices{
        background:transparent!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
    }

    /* Explicit dark mode: keep every My Listings surface coherent and
       defeat Progressify/theme generic descendant paint. */
    :root.dark body .myvybz-ml-wrap,
    :root.dark body .myvybz-ml-card,
    :root.dark body .myvybz-ml-table-wrap,
    :root.dark body .myvybz-ml-modal-panel{
        color:var(--myvybz-ui-text)!important;
        border-color:var(--myvybz-ui-border)!important;
        filter:none!important;
        -webkit-filter:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
    }

    :root.dark body .myvybz-ml-card,
    :root.dark body .myvybz-ml-table-wrap,
    :root.dark body .myvybz-ml-modal-panel{
        background:var(--myvybz-ui-bg)!important;
    }

    :root.dark body .myvybz-ml-table th{
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        border-color:var(--myvybz-ui-border)!important;
    }

    :root.dark body .myvybz-ml-table tbody > tr{
        background:#151a22!important;
        background-color:#151a22!important;
        background-image:none!important;
    }
    :root.dark body .myvybz-ml-table tbody > tr:nth-child(even){
        background:#18212b!important;
        background-color:#18212b!important;
    }
    :root.dark body .myvybz-ml-table td{
        background:transparent!important;
        color:var(--myvybz-ui-text)!important;
        border-color:var(--myvybz-ui-border)!important;
    }
    body .myvybz-ml-table tbody tr:last-child td:first-child{
        border-bottom-left-radius:13px!important;
    }
    body .myvybz-ml-table tbody tr:last-child td:last-child{
        border-bottom-right-radius:13px!important;
    }

    :root.dark body .myvybz-ml-table tr,
    :root.dark body .myvybz-ml-table tbody,
    :root.dark body .myvybz-ml-table td::before{
        color:var(--myvybz-ui-text)!important;
    }

    :root.dark body .myvybz-ml-form input[type="email"],
    :root.dark body .myvybz-ml-date-mini{
        background:#101720!important;
        color:#f8fafc!important;
        border-color:#465467!important;
        filter:none!important;
        opacity:1!important;
    }

    :root.dark body .myvybz-ml-status,
    :root.dark body .myvybz-ml-link-status,
    :root.dark body .myvybz-ml-toggle-label{
        background:#222c38!important;
        color:#f5f8fc!important;
        border-color:#465467!important;
    }

    :root.dark body .myvybz-ml-alert,
    :root.dark body .myvybz-ml-ajax-status{
        background:#16293a!important;
        color:#e8f5ff!important;
        border-color:#315a78!important;
    }

    :root.dark body .myvybz-ml-alert-error,
    :root.dark body .myvybz-ml-ajax-error{
        background:#351b20!important;
        color:#ffdce1!important;
        border-color:#74404a!important;
    }

    :root.dark body .myvybz-ml-alert-close,
    :root.dark body .myvybz-ml-pagination a{
        background:#1a202a!important;
        color:#f5f8fc!important;
        border-color:#3a4655!important;
    }

    :root.dark body .myvybz-ml-pagination span:not(.current){
        background:#151a22!important;
        color:#b7c3d1!important;
        border-color:#3a4655!important;
    }

    :root.dark body .myvybz-ml-notice-item{
        background:#1a202a!important;
        color:#f5f8fc!important;
        border-color:#3a4655!important;
    }

    :root.dark body .myvybz-ml-notice-item p{
        color:#e7edf5!important;
    }

    @media (max-width:1100px){
        body .myvybz-ml-table tr{
            background:var(--myvybz-ui-bg)!important;
            border:1px solid var(--myvybz-ui-border)!important;
            box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
        }
        :root.dark body .myvybz-ml-table tr{
            background:#151a22!important;
            border-color:#3a4655!important;
            box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
        }
        body .myvybz-ml-table td::before{
            color:var(--myvybz-ui-text-soft)!important;
        }
    }



    /* ============================================================
       PASS 2AI — MY LISTINGS NOTICE VIEW-MORE MODAL
       Body-level/root stacking authority. Paint lives here; the
       My Listings snippet owns only markup and open/close behavior.
       ============================================================ */

    body > .myvybz-ml-notice-modal[hidden]{
        display:none!important;
    }

    body > .myvybz-ml-notice-modal{
        position:fixed!important;
        inset:0!important;
        z-index:2147482000!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        padding:20px!important;
        background:rgba(2,6,23,.78)!important;
        backdrop-filter:blur(5px)!important;
        -webkit-backdrop-filter:blur(5px)!important;
        isolation:isolate!important;
        opacity:1!important;
        filter:none!important;
        -webkit-filter:none!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-dialog{
        position:relative!important;
        z-index:2!important;
        width:min(720px,calc(100vw - 36px))!important;
        max-height:min(82vh,760px)!important;
        overflow:auto!important;
        overscroll-behavior:contain!important;
        scrollbar-gutter:stable!important;
        box-sizing:border-box!important;
        margin:0!important;
        padding:22px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:20px!important;
        background:var(--myvybz-ui-bg)!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:0 30px 90px rgba(2,6,23,.38)!important;
        opacity:1!important;
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-head{
        display:flex!important;
        align-items:flex-start!important;
        justify-content:space-between!important;
        gap:16px!important;
        margin:0 0 12px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-head > div{
        min-width:0!important;
        background:transparent!important;
        background-image:none!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-head h3{
        margin:0!important;
        color:var(--myvybz-ui-text)!important;
        background:transparent!important;
        background-image:none!important;
        overflow-wrap:anywhere!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-meta{
        margin:5px 0 0!important;
        color:var(--myvybz-ui-text-soft)!important;
        font-size:12px!important;
        line-height:1.35!important;
        background:transparent!important;
        background-image:none!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-body{
        margin:0!important;
        padding:14px 0 0!important;
        border-top:1px solid var(--myvybz-ui-border)!important;
        background:transparent!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        font-size:15px!important;
        line-height:1.6!important;
        overflow-wrap:anywhere!important;
        white-space:normal!important;
    }

    body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-body a{
        color:var(--myvybz-ui-accent-strong)!important;
        text-decoration:underline!important;
        text-underline-offset:2px!important;
        background:transparent!important;
    }

    body > .myvybz-ml-notice-modal button.myvybz-ml-notice-modal-close{
        -webkit-appearance:none!important;
        appearance:none!important;
        flex:0 0 38px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid var(--myvybz-ui-border-strong)!important;
        border-radius:50%!important;
        background:var(--myvybz-ui-bg-soft)!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        font:inherit!important;
        font-size:22px!important;
        font-weight:900!important;
        line-height:1!important;
        box-shadow:0 5px 14px rgba(15,23,42,.10)!important;
        cursor:pointer!important;
    }

    body > .myvybz-ml-notice-modal button.myvybz-ml-notice-modal-close:hover,
    body > .myvybz-ml-notice-modal button.myvybz-ml-notice-modal-close:focus-visible{
        border-color:var(--myvybz-ui-accent)!important;
        background:var(--myvybz-ui-bg-muted)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }

    body > .myvybz-ml-notice-modal :is(
        .myvybz-ml-notice-modal-dialog,
        .myvybz-ml-notice-modal-head,
        .myvybz-ml-notice-modal-head > div,
        .myvybz-ml-notice-modal-body
    )::before,
    body > .myvybz-ml-notice-modal :is(
        .myvybz-ml-notice-modal-dialog,
        .myvybz-ml-notice-modal-head,
        .myvybz-ml-notice-modal-head > div,
        .myvybz-ml-notice-modal-body
    )::after{
        content:none!important;
        display:none!important;
    }

    :root.dark body > .myvybz-ml-notice-modal{
        background:rgba(0,0,0,.82)!important;
    }

    :root.dark body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-dialog{
        background:#111821!important;
        color:#f8fafc!important;
        border-color:#465467!important;
    }

    :root.dark body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-head,
    :root.dark body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-head > div,
    :root.dark body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-body{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        color:#f8fafc!important;
        filter:none!important;
        opacity:1!important;
    }

    :root.dark body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-body{
        border-color:#3a4655!important;
    }

    :root.dark body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-meta{
        color:#b7c3d1!important;
    }

    :root.dark body > .myvybz-ml-notice-modal button.myvybz-ml-notice-modal-close{
        background:#222c38!important;
        color:#f8fafc!important;
        border-color:#526174!important;
    }

    @media (max-width:560px){
        body > .myvybz-ml-notice-modal{
            align-items:flex-end!important;
            padding:12px!important;
        }
        body > .myvybz-ml-notice-modal .myvybz-ml-notice-modal-dialog{
            width:100%!important;
            max-height:88vh!important;
            padding:18px!important;
            border-radius:18px!important;
        }
    }

    body.myvybz-ml-notice-modal-open{
        overflow:hidden!important;
    }






    /* ============================================================
       PASS 2AM — MY LISTINGS TOGGLE LABEL SINGLE AUTHORITY
       My Listings only. Preferences keeps its own button treatment.
       ============================================================ */
    body .myvybz-ml-wrap .myvybz-ml-toggle-label{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:58px!important;
        min-height:34px!important;
        padding:7px 12px!important;
        box-sizing:border-box!important;
        border:1px solid var(--myvybz-ui-border-strong)!important;
        border-radius:999px!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    :root.dark body .myvybz-ml-wrap .myvybz-ml-toggle-label{
        background:#222c38!important;
        color:#59c7ff!important;
        border-color:#526174!important;
    }

    /* ============================================================
       PASS 2AL — MY LISTINGS ASCII SECTION MARKERS
       Plain ASCII only: @ account, # orders, ! notices.
       No image/icon/font dependencies.
       ============================================================ */
    body .myvybz-ml-section-ascii{
        border:1px solid var(--myvybz-ui-border-strong)!important;
        border-radius:7px!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-style:normal!important;
        font-weight:900!important;
        text-decoration:none!important;
        box-shadow:0 3px 8px rgba(15,23,42,.08)!important;
    }
    :root.dark body .myvybz-ml-section-ascii{
        background:#222c38!important;
        color:#59c7ff!important;
        border-color:#526174!important;
        box-shadow:0 3px 8px rgba(0,0,0,.18)!important;
    }

    /* ============================================================
       PASS 2AK — MY ACCOUNT / ORDERS CUSTOMER-FACING DETAILS
       Icons are standard Unicode text glyphs only; no custom artwork.
       ============================================================ */
    body .myvybz-ml-text-icon{
        color:var(--myvybz-ui-accent-strong)!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-style:normal!important;
        font-weight:700!important;
    }
    body .myvybz-ml-orders-details > summary,
    body .myvybz-ml-tools-details > summary{
        color:var(--myvybz-ui-text)!important;
    }
    :root.dark body .myvybz-ml-orders-details > summary,
    :root.dark body .myvybz-ml-tools-details > summary{
        color:#f5f8fc!important;
    }

    /* ============================================================
       PASS 2AJ — MY LISTINGS ACCOUNT TOOLS DROPDOWN
       Shared paint; My Listings owns only structure/geometry.
       ============================================================ */
    body .myvybz-ml-tools-details{
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:16px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:var(--myvybz-ui-shadow)!important;
    }
    body .myvybz-ml-tools-summary{
        color:var(--myvybz-ui-text)!important;
        background:transparent!important;
    }
    body .myvybz-ml-tools-summary strong{font-size:17px!important;color:inherit!important}
    body .myvybz-ml-tools-summary small{color:var(--myvybz-ui-text-soft)!important}
    body .myvybz-ml-tools-summary .myvybz-ml-toggle-label{
        border:1px solid var(--myvybz-ui-border-strong)!important;
        border-radius:999px!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        font-weight:800!important;
    }
    body .myvybz-ml-tools-section{
        padding:16px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:14px!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
    }
    :root.dark body .myvybz-ml-tools-details{background:#151a22!important;border-color:#3a4655!important}
    :root.dark body .myvybz-ml-tools-section{background:#1a202a!important;border-color:#3a4655!important}

/* PASS 2HV — My Listings dark action arms split from shared secure/app actions. */

:root.dark body:not(.home) :is(.myvybz-ml-action-button,.myvybz-ml-button,.myvybz-ml-action-live),
html.dark body:not(.home) :is(.myvybz-ml-action-button,.myvybz-ml-button,.myvybz-ml-action-live){
        background:#17212b!important;
        background-color:#17212b!important;
        background-image:none!important;
        border-color:#3b5368!important;
        color:#dff5ff!important;
        box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
        filter:none!important;
        -webkit-filter:none!important;
}

:root.dark body:not(.home) :is(.myvybz-ml-action-button,.myvybz-ml-button,.myvybz-ml-action-live):is(:hover,:focus-visible),
html.dark body:not(.home) :is(.myvybz-ml-action-button,.myvybz-ml-button,.myvybz-ml-action-live):is(:hover,:focus-visible){
        background:#17364a!important;
        background-color:#17364a!important;
        background-image:none!important;
        border-color:#35bdf5!important;
        color:#fff!important;
        box-shadow:0 0 0 2px rgba(53,189,245,.14),0 5px 14px rgba(0,0,0,.20)!important;
        filter:none!important;
        -webkit-filter:none!important;
}

    /* My Listings uses broad descendant anchors in its action rows; restore those too. */
    :root.dark body:not(.home) .myvybz-ml-wrap .myvybz-ml-actions a:not(.myvybz-ml-more-link),
    html.dark body:not(.home) .myvybz-ml-wrap .myvybz-ml-actions a:not(.myvybz-ml-more-link){
        background:#17212b!important;
        background-color:#17212b!important;
        background-image:none!important;
        border-color:#3b5368!important;
        color:#dff5ff!important;
        box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
    }

    :root.dark body:not(.home) .myvybz-ml-wrap .myvybz-ml-actions a:not(.myvybz-ml-more-link):is(:hover,:focus-visible),
    html.dark body:not(.home) .myvybz-ml-wrap .myvybz-ml-actions a:not(.myvybz-ml-more-link):is(:hover,:focus-visible){
        background:#17212a!important;
        background-color:#17212a!important;
        border-color:#25b5ee!important;
        color:#ffffff!important;
        box-shadow:0 6px 16px rgba(0,0,0,.24),0 0 0 2px rgba(37,181,238,.10),0 0 16px rgba(37,181,238,.14)!important;
        transform:none!important;
    }

:root.dark body > .myvybz-ml-notice-modal :is(
    .myvybz-ui-action-button,
    .myvybz-ml-action-button,
    .myvybz-ml-button
),
html.dark body > .myvybz-ml-notice-modal :is(
    .myvybz-ui-action-button,
    .myvybz-ml-action-button,
    .myvybz-ml-button
){
        background:#17212b!important;
        background-color:#17212b!important;
        background-image:none!important;
        border-color:#3b5368!important;
        color:#dff5ff!important;
        box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
}

:root.dark body > .myvybz-ml-notice-modal :is(
    .myvybz-ui-action-button,
    .myvybz-ml-action-button,
    .myvybz-ml-button
):is(:hover,:focus-visible),
html.dark body > .myvybz-ml-notice-modal :is(
    .myvybz-ui-action-button,
    .myvybz-ml-action-button,
    .myvybz-ml-button
):is(:hover,:focus-visible){
        background:#17364a!important;
        background-color:#17364a!important;
        border-color:#35bdf5!important;
        color:#fff!important;
        box-shadow:0 0 0 2px rgba(53,189,245,.14),0 5px 14px rgba(0,0,0,.20)!important;
}

:root.dark body:not(.home) :is(.myvybz-ml-action-button,.myvybz-ml-button,.myvybz-ml-action-live) > *,
html.dark body:not(.home) :is(.myvybz-ml-action-button,.myvybz-ml-button,.myvybz-ml-action-live) > *{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        color:inherit!important;
        filter:none!important;
        -webkit-filter:none!important;
}

/* ============================================================
   SECURE SURFACES — MIGRATED FROM SHARED UI 2IC IN 2ID
   Preferences / Native Intake / shared secure controls only.
   ============================================================ */
    /* ============================================================
       CHECKBOX COMPONENT — EXISTING SURFACE ADAPTERS
       ThemeREX's global checkbox paint is deliberately bypassed.
       ============================================================ */

    /* Preferences: current markup is input + span inside the card label. */
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label{
        position:relative!important;
        display:flex!important;
        align-items:flex-start!important;
        gap:10px!important;
        cursor:pointer!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"]{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        min-width:1px!important;
        min-height:1px!important;
        margin:0!important;
        padding:0!important;
        opacity:0!important;
        clip:rect(0 0 0 0)!important;
        clip-path:inset(50%)!important;
        overflow:hidden!important;
        white-space:nowrap!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        pointer-events:none!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"] + span{
        position:relative!important;
        display:block!important;
        padding-left:30px!important;
        min-height:22px!important;
        line-height:22px!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"] + span::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        top:1px!important;
        width:20px!important;
        height:20px!important;
        box-sizing:border-box!important;
        border:2px solid var(--myvybz-ui-border-strong)!important;
        border-radius:6px!important;
        background:var(--myvybz-ui-bg)!important;
        box-shadow:inset 0 0 0 1px rgba(15,23,42,.03)!important;
        transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"] + span::after{
        content:""!important;
        position:absolute!important;
        left:7px!important;
        top:4px!important;
        width:6px!important;
        height:11px!important;
        box-sizing:border-box!important;
        border:solid #fff!important;
        border-width:0 2px 2px 0!important;
        transform:rotate(45deg) scale(0)!important;
        transform-origin:center!important;
        transition:transform .10s ease!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"]:checked + span::before{
        background:var(--myvybz-ui-accent)!important;
        border-color:var(--myvybz-ui-accent)!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"]:checked + span::after{
        transform:rotate(45deg) scale(1)!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"]:focus-visible + span::before{
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"]:disabled + span::before{
        background:#e5e7eb!important;
        border-color:#b7c0ca!important;
    }
    .myvybz-sub-pref-wrap .myvybz-sub-pref-card > label > input[type="checkbox"]:disabled + span{
        cursor:default!important;
    }

    /* Native intake reusable checkbox fields: input + label span. */
    .myvybz-oi-wrap .myvybz-oi-checkbox-option{
        position:relative!important;
        cursor:pointer!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"],
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"]{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        min-width:1px!important;
        min-height:1px!important;
        margin:0!important;
        padding:0!important;
        opacity:0!important;
        clip:rect(0 0 0 0)!important;
        clip-path:inset(50%)!important;
        overflow:hidden!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        pointer-events:none!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"] + span,
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"] + span{
        position:relative!important;
        display:block!important;
        padding-left:30px!important;
        min-height:22px!important;
        line-height:1.45!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"] + span::before,
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"] + span::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        top:1px!important;
        width:20px!important;
        height:20px!important;
        box-sizing:border-box!important;
        border:2px solid var(--myvybz-ui-border-strong)!important;
        border-radius:6px!important;
        background:var(--myvybz-ui-bg)!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"] + span::after,
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"] + span::after{
        content:""!important;
        position:absolute!important;
        left:7px!important;
        top:4px!important;
        width:6px!important;
        height:11px!important;
        box-sizing:border-box!important;
        border:solid #fff!important;
        border-width:0 2px 2px 0!important;
        transform:rotate(45deg) scale(0)!important;
        transition:transform .10s ease!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"]:checked + span::before,
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"]:checked + span::before{
        background:var(--myvybz-ui-accent)!important;
        border-color:var(--myvybz-ui-accent)!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"]:checked + span::after,
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"]:checked + span::after{
        transform:rotate(45deg) scale(1)!important;
    }
    .myvybz-oi-wrap .myvybz-oi-checkbox-option > input[type="checkbox"]:focus-visible + span::before,
    .myvybz-oi-wrap .myvybz-oi-ack > input[type="checkbox"]:focus-visible + span::before{
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }

    /* V0.2Z Related Content already has a dedicated visual square.
       Preserve that markup and simply make it share the same visual language. */
    .myvybz-oi-wrap .myvybz-oi-related-check-box{
        width:20px!important;
        height:20px!important;
        min-width:20px!important;
        border:2px solid var(--myvybz-ui-border-strong)!important;
        border-radius:6px!important;
        background:var(--myvybz-ui-bg)!important;
        box-sizing:border-box!important;
    }
    .myvybz-oi-wrap .myvybz-oi-related-check-input:checked + .myvybz-oi-related-check-box{
        background:var(--myvybz-ui-accent)!important;
        border-color:var(--myvybz-ui-accent)!important;
    }

    /* ============================================================
       EDITABLE FIELDS — ONLY INSIDE KNOWN MYVYBZ CUSTOMER SURFACES
       ============================================================ */
    .myvybz-sub-pref-wrap .myvybz-notice-field input:not([type="hidden"]),
    .myvybz-sub-pref-wrap .myvybz-notice-field textarea,
    .myvybz-sub-pref-wrap .myvybz-notice-field select,
    .myvybz-ml-wrap .myvybz-ml-form input[type="email"],
    .myvybz-oi-wrap .myvybz-oi-field input:not([type="hidden"]):not([type="checkbox"]):not([type="file"]),
    .myvybz-oi-wrap .myvybz-oi-field textarea,
    .myvybz-oi-wrap .myvybz-oi-field select{
        box-sizing:border-box!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:11px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
        outline:none!important;
    }
    .myvybz-sub-pref-wrap .myvybz-notice-field input:not([type="hidden"]):focus,
    .myvybz-sub-pref-wrap .myvybz-notice-field textarea:focus,
    .myvybz-sub-pref-wrap .myvybz-notice-field select:focus,
    .myvybz-ml-wrap .myvybz-ml-form input[type="email"]:focus,
    .myvybz-oi-wrap .myvybz-oi-field input:not([type="hidden"]):not([type="checkbox"]):not([type="file"]):focus,
    .myvybz-oi-wrap .myvybz-oi-field textarea:focus,
    .myvybz-oi-wrap .myvybz-oi-field select:focus{
        border-color:var(--myvybz-ui-accent)!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }


    /* ============================================================
       TRUE LIGHT-MODE CONTROL AUTHORITY
       Do not infer dark mode from OS/browser preference.
       If :root.dark is absent, customer-facing controls stay light.
       ============================================================ */
    :root:not(.dark) body .myvybz-sub-pref-wrap .myvybz-notice-field input:not([type="hidden"]),
    :root:not(.dark) body .myvybz-sub-pref-wrap .myvybz-notice-field textarea,
    :root:not(.dark) body .myvybz-sub-pref-wrap .myvybz-notice-field select,
    :root:not(.dark) body .myvybz-ml-wrap .myvybz-ml-form input[type="email"],
    :root:not(.dark) body .myvybz-oi-wrap .myvybz-oi-field input:not([type="hidden"]):not([type="checkbox"]):not([type="file"]),
    :root:not(.dark) body .myvybz-oi-wrap .myvybz-oi-field textarea,
    :root:not(.dark) body .myvybz-oi-wrap .myvybz-oi-field select{
        background:#ffffff!important;
        color:#0f172a!important;
        border-color:#d7e0e8!important;
        color-scheme:light!important;
    }
    :root:not(.dark) body .myvybz-sub-pref-wrap .myvybz-notice-field input::placeholder,
    :root:not(.dark) body .myvybz-sub-pref-wrap .myvybz-notice-field textarea::placeholder,
    :root:not(.dark) body .myvybz-oi-wrap input::placeholder,
    :root:not(.dark) body .myvybz-oi-wrap textarea::placeholder{
        color:#7a8796!important;
        opacity:1!important;
    }

    /* Keep native/select popup surfaces light when site dark mode is OFF. */
    :root:not(.dark) body .myvybz-oi-wrap select,
    :root:not(.dark) body .myvybz-sub-pref-wrap select{
        background-color:#ffffff!important;
        color:#0f172a!important;
        color-scheme:light!important;
    }


    /* ============================================================
       SHARED INTAKE BUTTON AUTHORITY
       Beats ThemeREX / Elementor / broader site button styling
       only inside the Native Intake wrapper.
       ============================================================ */
    body .myvybz-oi-wrap .myvybz-oi-actions > .myvybz-oi-button,
    body .myvybz-oi-wrap label.myvybz-oi-gallery-button,
    body .myvybz-oi-wrap button.myvybz-oi-gallery-button{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px!important;
        width:auto!important;
        max-width:100%!important;
        min-width:0!important;
        min-height:42px!important;
        height:auto!important;
        margin:0!important;
        padding:10px 16px!important;
        border:1px solid var(--myvybz-ui-accent)!important;
        border-radius:11px!important;
        background:var(--myvybz-ui-accent)!important;
        background-image:none!important;
        color:#fff!important;
        font:inherit!important;
        font-size:14px!important;
        font-weight:850!important;
        line-height:1.15!important;
        letter-spacing:0!important;
        text-transform:none!important;
        text-decoration:none!important;
        text-shadow:none!important;
        box-shadow:0 7px 18px rgba(21,155,229,.18)!important;
        cursor:pointer!important;
        opacity:1!important;
        flex:0 0 auto!important;
        transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease!important;
    }
    body .myvybz-oi-wrap .myvybz-oi-actions > .myvybz-oi-button:hover,
    body .myvybz-oi-wrap label.myvybz-oi-gallery-button:hover,
    body .myvybz-oi-wrap button.myvybz-oi-gallery-button:hover{
        background:var(--myvybz-ui-accent-strong)!important;
        border-color:var(--myvybz-ui-accent-strong)!important;
        color:#fff!important;
        transform:translateY(-1px)!important;
        box-shadow:0 9px 22px rgba(21,155,229,.24)!important;
    }
    body .myvybz-oi-wrap .myvybz-oi-actions > .myvybz-oi-button:focus-visible,
    body .myvybz-oi-wrap label.myvybz-oi-gallery-button:focus-visible,
    body .myvybz-oi-wrap button.myvybz-oi-gallery-button:focus-visible{
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus),0 8px 20px rgba(21,155,229,.20)!important;
    }
    body .myvybz-oi-wrap .myvybz-oi-button-secondary{
        background:var(--myvybz-ui-bg-soft)!important;
        border-color:var(--myvybz-ui-border-strong)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:none!important;
    }

    /* Compact Intake row/date controls. Own these exact MyVyBZ classes so ThemeREX
       cannot turn them into full-size theme pills. */
    body .myvybz-oi-wrap button.myvybz-oi-mini-button,
    body .myvybz-oi-wrap button.myvybz-oi-mini-danger{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        min-height:34px!important;
        height:auto!important;
        margin:0!important;
        padding:7px 11px!important;
        border-radius:8px!important;
        background-image:none!important;
        font:inherit!important;
        font-size:12.5px!important;
        font-weight:800!important;
        line-height:1.15!important;
        letter-spacing:0!important;
        text-transform:none!important;
        text-shadow:none!important;
        box-shadow:none!important;
        cursor:pointer!important;
    }
    body .myvybz-oi-wrap button.myvybz-oi-mini-button{
        background:var(--myvybz-ui-bg-soft)!important;
        border:1px solid var(--myvybz-ui-border-strong)!important;
        color:var(--myvybz-ui-accent)!important;
    }
    body .myvybz-oi-wrap button.myvybz-oi-mini-button:is(:hover,:focus-visible){
        background:var(--myvybz-ui-bg-muted)!important;
        border-color:var(--myvybz-ui-accent)!important;
        color:var(--myvybz-ui-accent-strong)!important;
    }
    body .myvybz-oi-wrap button.myvybz-oi-mini-danger{
        background:var(--myvybz-ui-bg-soft)!important;
        border:1px solid #c96b6b!important;
        color:#b42318!important;
    }
    body .myvybz-oi-wrap button.myvybz-oi-mini-danger:is(:hover,:focus-visible){
        background:#fff1f1!important;
        border-color:#a83f3f!important;
        color:#8f2727!important;
    }
    :root.dark body .myvybz-oi-wrap button.myvybz-oi-mini-button{
        background:#17212b!important;
        border-color:#405066!important;
        color:#7dd3fc!important;
    }
    :root.dark body .myvybz-oi-wrap button.myvybz-oi-mini-button:is(:hover,:focus-visible){
        background:#1d2a36!important;
        border-color:#25b5ee!important;
        color:#bcecff!important;
    }
    :root.dark body .myvybz-oi-wrap button.myvybz-oi-mini-danger{
        background:#23191b!important;
        border-color:#7b4549!important;
        color:#ffaaa9!important;
    }
    :root.dark body .myvybz-oi-wrap button.myvybz-oi-mini-danger:is(:hover,:focus-visible){
        background:#2d1d20!important;
        border-color:#a95d62!important;
        color:#ffd0cf!important;
    }

    /* ============================================================
       SHARED POLISHED NATIVE CONTROL AUTHORITY
       Own the closed MyVyBZ controls here; keep the popup itself native.
       option/optgroup colors are supplied for browsers that honor them.
       ============================================================ */
    body .myvybz-oi-wrap .myvybz-oi-field select,
    body .myvybz-sub-pref-wrap .myvybz-notice-field select,
    body .myvybz-ml-wrap .myvybz-ml-order-filter{
        -webkit-appearance:none!important;
        appearance:none!important;
        background-image:
            linear-gradient(45deg,transparent 50%,currentColor 50%),
            linear-gradient(135deg,currentColor 50%,transparent 50%)!important;
        background-position:
            calc(100% - 18px) calc(50% - 2px),
            calc(100% - 13px) calc(50% - 2px)!important;
        background-size:5px 5px,5px 5px!important;
        background-repeat:no-repeat!important;
        padding-right:42px!important;
        cursor:pointer!important;
    }
    :root:not(.dark) body .myvybz-oi-wrap .myvybz-oi-field select,
    :root:not(.dark) body .myvybz-sub-pref-wrap .myvybz-notice-field select,
    :root:not(.dark) body .myvybz-ml-wrap .myvybz-ml-order-filter{
        background-color:#fff!important;
        color:#0f172a!important;
        border-color:#d7e0e8!important;
        color-scheme:light!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field select,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field input[type="date"],
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field input[type="time"],
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field select,
    :root.dark body .myvybz-ml-wrap .myvybz-ml-order-filter,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field select option,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field select optgroup,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field select option,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field select optgroup,
    :root.dark body .myvybz-ml-wrap .myvybz-ml-order-filter option,
    :root.dark body .myvybz-ml-wrap .myvybz-ml-order-filter optgroup{
        background-color:#101720!important;
        color:#f8fafc!important;
        border-color:#465467!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field select option:checked,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field select option:checked,
    :root.dark body .myvybz-ml-wrap .myvybz-ml-order-filter option:checked{
        background:#25b5ee!important;
        color:#06111a!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field input[type="date"],
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field input[type="time"]{
        background-color:#101720!important;
        color:#f8fafc!important;
        border-color:#465467!important;
        accent-color:#25b5ee!important;
        filter:none!important;
        -webkit-filter:none!important;
        opacity:1!important;
    }
    :root.dark body .myvybz-ml-wrap .myvybz-ml-export-range-form input[type="date"]{
        background-color:#101720!important;
        color:#f8fafc!important;
        border-color:#465467!important;
        accent-color:#25b5ee!important;
        filter:none!important;
        -webkit-filter:none!important;
        opacity:1!important;
        color-scheme:dark!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E")!important;
        background-repeat:no-repeat!important;
        background-position:right 12px center!important;
        background-size:18px 18px!important;
    }
    :root.dark body .myvybz-ml-wrap .myvybz-ml-export-range-form input[type="date"]::-webkit-calendar-picker-indicator{
        opacity:0!important;
        cursor:pointer!important;
    }

    :root.dark body .myvybz-oi-wrap .myvybz-oi-actions > .myvybz-oi-button,
    :root.dark body .myvybz-oi-wrap label.myvybz-oi-gallery-button,
    :root.dark body .myvybz-oi-wrap button.myvybz-oi-gallery-button{
        background:#159be5!important;
        border-color:#159be5!important;
        color:#fff!important;
        box-shadow:0 7px 18px rgba(0,0,0,.24)!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-actions > .myvybz-oi-button:hover,
    :root.dark body .myvybz-oi-wrap label.myvybz-oi-gallery-button:hover,
    :root.dark body .myvybz-oi-wrap button.myvybz-oi-gallery-button:hover{
        background:#25b5ee!important;
        border-color:#25b5ee!important;
        color:#06111a!important;
    }


    /* ============================================================
       PREFERENCES ACTION BUTTON AUTHORITY
       Own the actual shared button class used by Save Changes /
       Create Notice / Close Editor without touching behavior.
       ============================================================ */
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        flex-wrap:wrap!important;
        background:transparent!important;
        background-image:none!important;
    }
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        min-height:40px!important;
        height:auto!important;
        margin:0!important;
        padding:9px 15px!important;
        border:1px solid var(--myvybz-ui-accent)!important;
        border-radius:11px!important;
        background:var(--myvybz-ui-accent)!important;
        background-image:none!important;
        color:#fff!important;
        font:inherit!important;
        font-size:14px!important;
        font-weight:850!important;
        line-height:1.15!important;
        letter-spacing:0!important;
        text-transform:none!important;
        text-decoration:none!important;
        text-shadow:none!important;
        box-shadow:0 7px 18px rgba(21,155,229,.17)!important;
        cursor:pointer!important;
        opacity:1!important;
        transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease!important;
    }
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small:hover{
        background:var(--myvybz-ui-accent-strong)!important;
        border-color:var(--myvybz-ui-accent-strong)!important;
        color:#fff!important;
        transform:translateY(-1px)!important;
    }
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small.myvybz-sub-pref-remove{
        background:var(--myvybz-ui-bg-soft)!important;
        border-color:var(--myvybz-ui-border-strong)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:none!important;
    }
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small.myvybz-sub-pref-remove:hover{
        background:var(--myvybz-ui-bg-muted)!important;
        border-color:var(--myvybz-ui-accent)!important;
        color:var(--myvybz-ui-text)!important;
    }

    /* ============================================================
       DARK-MODE CLEAN SURFACES
       Remove decorative black strips from ordinary text/action rows.
       Meaningful cards, notices, fields and buttons retain surfaces.
       ============================================================ */
    :root.dark body .myvybz-oi-wrap .myvybz-oi-actions,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-gallery-head,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-gallery-head > *,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-upload > .myvybz-oi-small,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-existing-media > .myvybz-oi-small,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-actions > .myvybz-oi-small,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-ack,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-ack > span,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > *:not(.myvybz-sub-pref-button-small){
        background-color:transparent!important;
        background-image:none!important;
    }

    /* Keep meaningful dark information boxes/cards intentionally surfaced. */
    :root.dark body .myvybz-oi-wrap .myvybz-oi-alert,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-notice,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-message{
        background-image:none!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-gallery-note{
        background:#16293a!important;
        background-image:none!important;
        color:#c9d5e3!important;
        border-color:#315a78!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-edit-replacement-warning{
        background:#172554!important;
        color:#dbeafe!important;
        border-color:#3b82f6!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-alert-ok{
        background:#103221!important;
        color:#b8f3cf!important;
        border-color:#2f6b49!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-alert-error{
        background:#351b20!important;
        color:#ffdce1!important;
        border-color:#74404a!important;
    }

    /* Preferences dark button states. */
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small{
        background:#159be5!important;
        border-color:#159be5!important;
        color:#fff!important;
    }
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small:hover{
        background:#25b5ee!important;
        border-color:#25b5ee!important;
        color:#06111a!important;
    }
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button-small.myvybz-sub-pref-remove{
        background:#222c38!important;
        border-color:#526174!important;
        color:#f8fafc!important;
    }

    /* ============================================================
       PASS 2AD — PREFERENCES NOTICE MODAL AUTHORITY
       Presentation only. V0.5W reparents the modal to <body> so it
       escapes Elementor/ThemeREX transformed/overflow ancestors.
       Keep this visual authority here instead of page-local PHP CSS.
       ============================================================ */
    body.myvybz-sub-pref-modal-open{
        overflow:hidden!important;
        overscroll-behavior:none!important;
    }

    body > .myvybz-sub-pref-notice-modal[hidden]{
        display:none!important;
    }

    body > .myvybz-sub-pref-notice-modal{
        position:fixed!important;
        inset:0!important;
        z-index:2147483000!important;
        display:grid!important;
        place-items:center!important;
        box-sizing:border-box!important;
        padding:20px!important;
        overflow:auto!important;
        overscroll-behavior:contain!important;
        background:rgba(2,6,23,.72)!important;
        backdrop-filter:blur(5px)!important;
        -webkit-backdrop-filter:blur(5px)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-dialog{
        position:relative!important;
        box-sizing:border-box!important;
        width:min(760px,calc(100vw - 40px))!important;
        max-width:760px!important;
        max-height:min(88dvh,900px)!important;
        overflow:auto!important;
        overscroll-behavior:contain!important;
        scrollbar-gutter:stable!important;
        padding:22px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:20px!important;
        background:var(--myvybz-ui-bg)!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:0 30px 90px rgba(2,6,23,.38)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-head{
        display:flex!important;
        align-items:flex-start!important;
        justify-content:space-between!important;
        gap:16px!important;
        margin:0 0 14px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-head h3{
        margin:0!important;
        color:var(--myvybz-ui-text)!important;
        background:transparent!important;
    }

    /* PASS 2AF: Theme/Progressify may paint generic forms/plain text descendants as a separate
       dark-gray slab. The notice modal dialog owns the surface; its form
       is structural only and must remain visually transparent. */
    body > .myvybz-sub-pref-notice-modal form[data-mvz-modal-form]{
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        color:inherit!important;
        box-shadow:none!important;
    }

    body > .myvybz-sub-pref-notice-modal form[data-mvz-modal-form] > .myvybz-notice-editor-grid,
    body > .myvybz-sub-pref-notice-modal form[data-mvz-modal-form] > .myvybz-sub-pref-actions{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }

    /* Plain modal copy is content, not a separate painted surface.
       Explicitly neutralize theme/Progressify backgrounds on headings,
       labels, counters, helper text, and their structural wrappers. */
    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-head > div,
    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-head h3,
    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-note,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field > strong,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field > span,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field > small,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-counter{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-note,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-counter,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field > small{
        color:var(--myvybz-ui-text-soft)!important;
    }

    body > .myvybz-sub-pref-notice-modal button.myvybz-sub-pref-notice-modal-close{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 40px!important;
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid var(--myvybz-ui-border-strong)!important;
        border-radius:50%!important;
        background:var(--myvybz-ui-bg-soft)!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        font:inherit!important;
        font-size:22px!important;
        font-weight:900!important;
        line-height:1!important;
        box-shadow:0 5px 14px rgba(15,23,42,.10)!important;
        cursor:pointer!important;
    }

    body > .myvybz-sub-pref-notice-modal button.myvybz-sub-pref-notice-modal-close:hover,
    body > .myvybz-sub-pref-notice-modal button.myvybz-sub-pref-notice-modal-close:focus-visible{
        border-color:var(--myvybz-ui-accent)!important;
        background:var(--myvybz-ui-bg-muted)!important;
        color:var(--myvybz-ui-accent-strong)!important;
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-editor-grid{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:12px!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field{
        display:grid!important;
        gap:6px!important;
        color:var(--myvybz-ui-text)!important;
        background:transparent!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field-full{
        grid-column:1 / -1!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field strong{
        color:var(--myvybz-ui-text)!important;
        background:transparent!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field input:not([type="hidden"]),
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field textarea,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select{
        width:100%!important;
        box-sizing:border-box!important;
        padding:10px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:11px!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        caret-color:var(--myvybz-ui-text)!important;
        box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
        outline:none!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select{
        -webkit-appearance:none!important;
        appearance:none!important;
        background-image:
            linear-gradient(45deg,transparent 50%,currentColor 50%),
            linear-gradient(135deg,currentColor 50%,transparent 50%)!important;
        background-position:
            calc(100% - 18px) calc(50% - 2px),
            calc(100% - 13px) calc(50% - 2px)!important;
        background-size:5px 5px,5px 5px!important;
        background-repeat:no-repeat!important;
        padding-right:42px!important;
        cursor:pointer!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field input:focus,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field textarea:focus,
    body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select:focus{
        border-color:var(--myvybz-ui-accent)!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-actions{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        flex-wrap:wrap!important;
        margin-top:18px!important;
        background:transparent!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-button-small{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        min-height:40px!important;
        height:auto!important;
        padding:9px 16px!important;
        margin:0!important;
        border:1px solid var(--myvybz-ui-accent)!important;
        border-radius:12px!important;
        background:var(--myvybz-ui-accent)!important;
        background-image:none!important;
        color:#fff!important;
        font:inherit!important;
        font-size:14px!important;
        font-weight:800!important;
        line-height:1.15!important;
        text-decoration:none!important;
        text-shadow:none!important;
        box-shadow:0 6px 16px rgba(21,155,229,.20)!important;
        cursor:pointer!important;
        opacity:1!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-button-small:hover,
    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-button-small:focus-visible{
        background:var(--myvybz-ui-accent-strong)!important;
        border-color:var(--myvybz-ui-accent-strong)!important;
        color:#fff!important;
        outline:none!important;
        box-shadow:0 0 0 4px var(--myvybz-ui-focus),0 8px 20px rgba(8,121,189,.24)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-button-small:disabled{
        opacity:.62!important;
        cursor:wait!important;
        transform:none!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-status{
        margin:0 0 14px!important;
        padding:11px 13px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:12px!important;
        background:var(--myvybz-ui-bg-muted)!important;
        color:var(--myvybz-ui-text)!important;
    }

    body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-status.is-error{
        border-color:#b42318!important;
        background:#fff1f0!important;
        color:#7a271a!important;
    }

    :root.dark body > .myvybz-sub-pref-notice-modal{
        background:rgba(0,0,0,.82)!important;
    }

    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-dialog,
    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-head{
        background:#111821!important;
        color:#f8fafc!important;
        border-color:#465467!important;
    }

    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-notice-field input:not([type="hidden"]),
    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-notice-field textarea,
    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select,
    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select option,
    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select optgroup{
        background:#0d141d!important;
        color:#f1f6fa!important;
        border-color:#405066!important;
        caret-color:#f1f6fa!important;
        box-shadow:inset 0 1px 2px rgba(0,0,0,.22)!important;
    }
    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-notice-field select option:checked{
        background:#25b5ee!important;
        color:#06111a!important;
    }

    :root.dark body > .myvybz-sub-pref-notice-modal button.myvybz-sub-pref-notice-modal-close{
        background:#222c38!important;
        border-color:#526174!important;
        color:#f8fafc!important;
    }

    :root.dark body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-status.is-error{
        border-color:#74404a!important;
        background:#351b20!important;
        color:#ffdce1!important;
    }

    @media (max-width:700px){
        body > .myvybz-sub-pref-notice-modal{
            place-items:stretch!important;
            padding:0!important;
        }

        body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-dialog{
            width:100%!important;
            max-width:none!important;
            min-height:100vh!important;
            min-height:100dvh!important;
            max-height:100vh!important;
            max-height:100dvh!important;
            border-width:0!important;
            border-radius:0!important;
            padding:18px 16px max(18px,env(safe-area-inset-bottom))!important;
        }

        body > .myvybz-sub-pref-notice-modal .myvybz-sub-pref-notice-modal-head{
            position:sticky!important;
            top:-18px!important;
            z-index:2!important;
            padding:18px 0 10px!important;
        }

        body > .myvybz-sub-pref-notice-modal .myvybz-notice-editor-grid{
            grid-template-columns:1fr!important;
        }
    }

    /* ============================================================
       MODAL / LIGHTBOX AUTHORITY — NATIVE INTAKE ONLY
       ============================================================ */
    .myvybz-oi-wrap .myvybz-oi-media-modal-panel,
    .myvybz-oi-wrap .myvybz-oi-lightbox-dialog{
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:18px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:0 30px 90px rgba(2,6,23,.32)!important;
    }
    .myvybz-oi-wrap .myvybz-oi-media-modal-backdrop,
    .myvybz-oi-wrap .myvybz-oi-lightbox{
        --myvybz-modal-backdrop:rgba(2,6,23,.80);
    }
    .myvybz-oi-wrap .myvybz-oi-media-modal-backdrop{
        background:var(--myvybz-modal-backdrop)!important;
        backdrop-filter:blur(5px)!important;
    }


    /* ============================================================
       SHARED SAVED / REUSABLE IMAGE CARDS
       Existing intake cards only. This is presentation-only and
       does not change media selection, reuse, remove or replace logic.
       ============================================================ */
    .myvybz-oi-wrap .myvybz-oi-existing-media-card,
    .myvybz-oi-wrap .myvybz-oi-owned-media-card{
        box-sizing:border-box!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:14px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
        overflow:hidden!important;
    }
    .myvybz-oi-wrap .myvybz-oi-existing-media-card img,
    .myvybz-oi-wrap .myvybz-oi-owned-media-card img{
        display:block!important;
        border-radius:10px!important;
    }
    .myvybz-oi-wrap .myvybz-oi-existing-media-card button,
    .myvybz-oi-wrap .myvybz-oi-owned-media-card button,
    .myvybz-oi-wrap .myvybz-oi-existing-media-card .button,
    .myvybz-oi-wrap .myvybz-oi-owned-media-card .button{
        border-radius:10px!important;
        border:1px solid var(--myvybz-ui-border-strong)!important;
        background:var(--myvybz-ui-bg-soft)!important;
        color:var(--myvybz-ui-text)!important;
        font-weight:800!important;
        box-shadow:none!important;
        transition:border-color .14s ease,background-color .14s ease,transform .14s ease!important;
    }
    .myvybz-oi-wrap .myvybz-oi-existing-media-card button:hover,
    .myvybz-oi-wrap .myvybz-oi-owned-media-card button:hover,
    .myvybz-oi-wrap .myvybz-oi-existing-media-card .button:hover,
    .myvybz-oi-wrap .myvybz-oi-owned-media-card .button:hover{
        border-color:var(--myvybz-ui-accent)!important;
        background:var(--myvybz-ui-bg-muted)!important;
        transform:translateY(-1px);
    }


    /* ============================================================
       DARK MODE — PROGRESSIFY :root.dark AND SYSTEM DARK
       Same component palette, not theme-native control painting.
       ============================================================ */
    :root.dark{
        --myvybz-ui-bg:#151a22;
        --myvybz-ui-bg-soft:#1a202a;
        --myvybz-ui-bg-muted:#222a35;
        --myvybz-ui-text:#f5f8fc;
        --myvybz-ui-text-soft:#b7c3d1;
        --myvybz-ui-border:#3a4655;
        --myvybz-ui-border-strong:#738296;
        --myvybz-ui-focus:rgba(36,176,235,.28);
        --myvybz-ui-shadow:0 18px 46px rgba(0,0,0,.34);
    }

    :root.dark body .myvybz-sub-pref-wrap,
    :root.dark body .myvybz-sub-pref-details,
    :root.dark body .myvybz-sub-pref-card,
    :root.dark body .myvybz-sub-pref-fav,
    :root.dark body .myvybz-sub-pref-empty,
    :root.dark body .myvybz-notice-editor,
    :root.dark body .myvybz-oi-card,
    :root.dark body .myvybz-oi-section-panel,
    :root.dark body .myvybz-oi-links-panel,
    :root.dark body .myvybz-oi-related-group,
    :root.dark body .myvybz-oi-media-modal-panel,
    :root.dark body .myvybz-oi-lightbox-dialog{
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        border-color:var(--myvybz-ui-border)!important;
    }

    :root.dark body .myvybz-sub-pref-wrap h1,
    :root.dark body .myvybz-sub-pref-wrap h2,
    :root.dark body .myvybz-sub-pref-wrap h3,
    :root.dark body .myvybz-sub-pref-wrap h4,
    :root.dark body .myvybz-sub-pref-card label,
    :root.dark body .myvybz-sub-pref-details summary,
    :root.dark body .myvybz-notice-field strong,
    :root.dark body .myvybz-oi-wrap,
    :root.dark body .myvybz-oi-wrap h1,
    :root.dark body .myvybz-oi-wrap h2,
    :root.dark body .myvybz-oi-wrap h3,
    :root.dark body .myvybz-oi-wrap h4{
        color:var(--myvybz-ui-text)!important;
    }

    :root.dark body .myvybz-sub-pref-note,
    :root.dark body .myvybz-sub-pref-card small,
    :root.dark body .myvybz-sub-pref-summary-note,
    :root.dark body .myvybz-sub-pref-fav-meta,
    :root.dark body .myvybz-sub-pref-notice-message,
    :root.dark body .myvybz-sub-pref-page-label,
    :root.dark body .myvybz-notice-counter,
    :root.dark body .myvybz-oi-small,
    :root.dark body .myvybz-oi-help,
    :root.dark body .myvybz-oi-field-help,
    :root.dark body .myvybz-oi-character-count,
    :root.dark body .myvybz-oi-media-state,
    :root.dark body .myvybz-oi-media-modal-head p{
        color:var(--myvybz-ui-text-soft)!important;
    }

    :root.dark body .myvybz-sub-pref-status{
        background:#16293a!important;
        color:#c9d5e3!important;
        border:1px solid #315a78!important;
    }
    :root.dark body .myvybz-oi-existing-media-card.is-pending-remove .myvybz-oi-media-state{
        color:#ffaaa9!important;
    }
    :root.dark body .myvybz-oi-existing-media-card.is-replacing .myvybz-oi-media-state{
        color:#7dd3fc!important;
    }

    /* Dark Preferences cards should look like cards, not black strips inside gray boxes. */
    :root.dark body .myvybz-sub-pref-card{
        background:#1b212a!important;
        border-color:#3b4654!important;
        box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
    }
    :root.dark body .myvybz-sub-pref-alert{
        background:#16293a!important;
        background-image:none!important;
        color:#c9d5e3!important;
        border-color:#315a78!important;
        box-shadow:none!important;
        filter:none!important;
        -webkit-filter:none!important;
    }
    :root.dark body .myvybz-sub-pref-alert strong{
        color:#e4eef7!important;
        background:transparent!important;
    }

    /* Intake option rows are real component surfaces; the grid itself stays transparent. */
    :root.dark body .myvybz-oi-checkbox-grid{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        filter:none!important;
        -webkit-filter:none!important;
    }
    :root.dark body .myvybz-oi-checkbox-option,
    :root.dark body .myvybz-oi-toggle-row{
        background:#18212b!important;
        background-color:#18212b!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        border-color:#3a4655!important;
        filter:none!important;
        -webkit-filter:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
    }
    :root.dark body .myvybz-oi-checkbox-option > span,
    :root.dark body .myvybz-oi-toggle-state{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        color:#d8e3ed!important;
    }
    :root.dark body .myvybz-sub-pref-card > label > input[type="checkbox"] + span::before,
    :root.dark body .myvybz-oi-checkbox-option > input[type="checkbox"] + span::before,
    :root.dark body .myvybz-oi-ack > input[type="checkbox"] + span::before,
    :root.dark body .myvybz-oi-related-check-box{
        background:#111821!important;
        border-color:#8190a3!important;
    }
    :root.dark body .myvybz-sub-pref-card > label > input[type="checkbox"]:checked + span::before,
    :root.dark body .myvybz-oi-checkbox-option > input[type="checkbox"]:checked + span::before,
    :root.dark body .myvybz-oi-ack > input[type="checkbox"]:checked + span::before,
    :root.dark body .myvybz-oi-related-check-input:checked + .myvybz-oi-related-check-box{
        background:#25b5ee!important;
        border-color:#25b5ee!important;
    }

    /* Required/disabled preference cards remain readable rather than washed out. */
    :root.dark body .myvybz-sub-pref-muted{
        opacity:.72!important;
    }
    :root.dark body .myvybz-sub-pref-required{
        color:#59c7ff!important;
    }

    /* Dark Notice editor / editable fields. */
    :root.dark body .myvybz-notice-editor{
        background:#151c25!important;
        border-color:#3b4654!important;
        box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    }
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field input:not([type="hidden"]),
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field textarea,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field select,
    :root.dark body .myvybz-ml-wrap .myvybz-ml-form input[type="email"],
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field input:not([type="hidden"]):not([type="checkbox"]):not([type="file"]),
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field textarea,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field select{
        background:#0d141d!important;
        border-color:#405066!important;
        color:#f1f6fa!important;
        caret-color:#f1f6fa!important;
        box-shadow:inset 0 1px 2px rgba(0,0,0,.22)!important;
    }
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field input::placeholder,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-notice-field textarea::placeholder,
    :root.dark body .myvybz-oi-wrap input::placeholder,
    :root.dark body .myvybz-oi-wrap textarea::placeholder{
        color:#8190a3!important;
        opacity:1!important;
    }

    /* Intake WordPress / TinyMCE dark editor authority.
       Keep editor chrome visibly inset from the surrounding form without changing editor behavior. */
    :root.dark body .myvybz-oi-field .wp-editor-wrap,
    :root.dark body .myvybz-oi-field .wp-editor-tools,
    :root.dark body .myvybz-oi-field .wp-editor-container,
    :root.dark body .myvybz-oi-field .mce-tinymce,
    :root.dark body .myvybz-oi-field .mce-toolbar-grp,
    :root.dark body .myvybz-oi-field .mce-container,
    :root.dark body .myvybz-oi-field .mce-panel,
    :root.dark body .myvybz-oi-field .mce-statusbar,
    :root.dark body .myvybz-oi-field .mce-menubar,
    :root.dark body .myvybz-oi-field .quicktags-toolbar{
        background:#111821!important;
        border-color:#405066!important;
        color:#e7eef5!important;
        box-shadow:none!important;
    }
    :root.dark body .myvybz-oi-field .wp-editor-wrap{
        box-shadow:inset 0 0 0 1px rgba(64,80,102,.34),0 4px 14px rgba(0,0,0,.15)!important;
    }
    :root.dark body .myvybz-oi-field .wp-switch-editor,
    :root.dark body .myvybz-oi-field .mce-btn,
    :root.dark body .myvybz-oi-field .mce-btn button{
        background:#1b2632!important;
        border-color:#405066!important;
        color:#dce7f3!important;
        box-shadow:none!important;
    }
    :root.dark body .myvybz-oi-field .tmce-active .switch-tmce,
    :root.dark body .myvybz-oi-field .html-active .switch-html{
        background:#0d141d!important;
        border-bottom-color:#0d141d!important;
        color:#f1f6fa!important;
    }
    :root.dark body .myvybz-oi-field .mce-btn i,
    :root.dark body .myvybz-oi-field .mce-ico,
    :root.dark body .myvybz-oi-field .mce-txt{
        color:#e7eef5!important;
        text-shadow:none!important;
    }
    :root.dark body .myvybz-oi-field .mce-edit-area,
    :root.dark body .myvybz-oi-field .mce-edit-area iframe,
    :root.dark body .myvybz-oi-field textarea.wp-editor-area{
        background:#0d141d!important;
        color:#f1f6fa!important;
        border-color:#405066!important;
    }

    /* Modal / lightbox dark surfaces. */
    :root.dark body .myvybz-oi-media-modal-panel,
    :root.dark body .myvybz-oi-media-modal-head,
    :root.dark body .myvybz-oi-media-modal-body,
    :root.dark body .myvybz-oi-media-modal-foot,
    :root.dark body .myvybz-oi-lightbox-dialog{
        background:#111821!important;
        color:#f8fafc!important;
        border-color:#465467!important;
    }
    :root.dark body .myvybz-oi-media-modal-close,
    :root.dark body .myvybz-oi-lightbox-close,
    :root.dark body .myvybz-oi-lightbox-nav{
        background:#222c38!important;
        color:#f8fafc!important;
        border-color:#526174!important;
    }
    :root.dark body .myvybz-oi-existing-media{
        background:#151a22!important;
        background-color:#151a22!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
        border-color:#3a4655!important;
        box-shadow:none!important;
        filter:none!important;
        -webkit-filter:none!important;
    }
    :root.dark body .myvybz-oi-existing-media-title,
    :root.dark body .myvybz-oi-existing-media-title strong,
    :root.dark body .myvybz-oi-existing-media-grid{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        color:var(--myvybz-ui-text)!important;
    }
    :root.dark body .myvybz-oi-existing-media-card,
    :root.dark body .myvybz-oi-owned-media-card{
        background:#18212b!important;
        color:#f8fafc!important;
        border-color:#465467!important;
        box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
    }
    :root.dark body .myvybz-oi-existing-media-card img,
    :root.dark body .myvybz-oi-owned-media-card img,
    :root.dark body .myvybz-oi-existing-media-card .myvybz-oi-media-preview,
    :root.dark body .myvybz-oi-owned-media-card .myvybz-oi-media-preview{
        background:#101720!important;
        background-color:#101720!important;
        background-image:none!important;
    }
    :root.dark body .myvybz-oi-existing-media-card button,
    :root.dark body .myvybz-oi-owned-media-card button,
    :root.dark body .myvybz-oi-existing-media-card .button,
    :root.dark body .myvybz-oi-owned-media-card .button{
        background:#222c38!important;
        color:#f8fafc!important;
        border-color:#526174!important;
    }
    :root.dark body .myvybz-oi-existing-media-card button:hover,
    :root.dark body .myvybz-oi-owned-media-card button:hover,
    :root.dark body .myvybz-oi-existing-media-card .button:hover,
    :root.dark body .myvybz-oi-owned-media-card .button:hover{
        background:#2a3745!important;
        border-color:#25b5ee!important;
    }



    /* ============================================================
       DARK MODE: REMOVE THEME/PLUGIN BLACK TEXT STRIPS
       Preserve the blue-gray component shells; text rows themselves
       should not carry inherited black backgrounds.
       ============================================================ */
    :root.dark body .myvybz-oi-wrap h1,
    :root.dark body .myvybz-oi-wrap h2,
    :root.dark body .myvybz-oi-wrap h3,
    :root.dark body .myvybz-oi-wrap h4,
    :root.dark body .myvybz-oi-wrap p,
    :root.dark body .myvybz-oi-wrap strong,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-small,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-existing-media-card > *,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-owned-media-card > *,
    :root.dark body .myvybz-sub-pref-wrap h1,
    :root.dark body .myvybz-sub-pref-wrap h2,
    :root.dark body .myvybz-sub-pref-wrap h3,
    :root.dark body .myvybz-sub-pref-wrap h4,
    :root.dark body .myvybz-sub-pref-wrap p,
    :root.dark body .myvybz-sub-pref-wrap strong{
        background-color:transparent!important;
        background-image:none!important;
    }

    /* Restore the actual interactive surfaces after clearing inherited strips. */
    :root.dark body .myvybz-oi-wrap .myvybz-oi-existing-media-card,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-owned-media-card{
        background:#18212b!important;
    }
    :root.dark body .myvybz-oi-wrap .myvybz-oi-existing-media-card button,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-owned-media-card button,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-existing-media-card .button,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-owned-media-card .button{
        background:#222c38!important;
    }
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-card{
        background:#1b212a!important;
    }

    /* ============================================================
       PASS 1F — TRUE BUTTON VISUAL AUTHORITY
       These are actual designed MyVyBZ action buttons, not merely
       protected from ThemeREX/Elementor overrides.
       ============================================================ */

    /* Native Intake primary/action buttons. */
    body .myvybz-oi-wrap .myvybz-oi-actions > button.myvybz-oi-button,
    body .myvybz-oi-wrap .myvybz-oi-actions > input.myvybz-oi-button,
    body .myvybz-oi-wrap label.myvybz-oi-gallery-button,
    body .myvybz-oi-wrap button.myvybz-oi-gallery-button,
    body .myvybz-oi-wrap a.myvybz-oi-gallery-button{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:42px!important;
        padding:10px 17px!important;
        margin:0!important;
        border:1px solid #159be5!important;
        border-radius:12px!important;
        background:#159be5!important;
        background-color:#159be5!important;
        background-image:none!important;
        color:#ffffff!important;
        fill:#ffffff!important;
        font-family:inherit!important;
        font-size:14px!important;
        font-weight:800!important;
        line-height:1.15!important;
        letter-spacing:0!important;
        text-transform:none!important;
        text-decoration:none!important;
        text-shadow:none!important;
        box-shadow:0 6px 16px rgba(21,155,229,.22)!important;
        cursor:pointer!important;
        opacity:1!important;
        filter:none!important;
        transform:none!important;
    }

    body .myvybz-oi-wrap .myvybz-oi-actions > button.myvybz-oi-button:hover,
    body .myvybz-oi-wrap .myvybz-oi-actions > input.myvybz-oi-button:hover,
    body .myvybz-oi-wrap label.myvybz-oi-gallery-button:hover,
    body .myvybz-oi-wrap button.myvybz-oi-gallery-button:hover,
    body .myvybz-oi-wrap a.myvybz-oi-gallery-button:hover{
        background:#0879bd!important;
        background-color:#0879bd!important;
        border-color:#0879bd!important;
        color:#ffffff!important;
        box-shadow:0 8px 20px rgba(8,121,189,.25)!important;
        transform:translateY(-1px)!important;
    }

    /* Preferences notice-editor actions. */
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > button.myvybz-sub-pref-button-small,
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button-small{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        height:auto!important;
        min-height:40px!important;
        padding:9px 16px!important;
        margin:0!important;
        border:1px solid #159be5!important;
        border-radius:12px!important;
        background:#159be5!important;
        background-color:#159be5!important;
        background-image:none!important;
        color:#ffffff!important;
        font-family:inherit!important;
        font-size:14px!important;
        font-weight:800!important;
        line-height:1.15!important;
        letter-spacing:0!important;
        text-transform:none!important;
        text-decoration:none!important;
        text-shadow:none!important;
        box-shadow:0 6px 16px rgba(21,155,229,.20)!important;
        cursor:pointer!important;
        opacity:1!important;
        filter:none!important;
    }

    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > button.myvybz-sub-pref-button-small:hover,
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button-small:hover{
        background:#0879bd!important;
        background-color:#0879bd!important;
        border-color:#0879bd!important;
        color:#ffffff!important;
        box-shadow:0 8px 20px rgba(8,121,189,.24)!important;
        transform:translateY(-1px)!important;
    }

    /* Secondary / Close Editor remains visually secondary. */
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button-small.myvybz-sub-pref-remove{
        background:#f8fafc!important;
        background-color:#f8fafc!important;
        color:#0f172a!important;
        border-color:#aab8c7!important;
        box-shadow:none!important;
    }
    body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button-small.myvybz-sub-pref-remove:hover{
        background:#eef4f8!important;
        background-color:#eef4f8!important;
        color:#0f172a!important;
        border-color:#159be5!important;
    }

    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button-small.myvybz-sub-pref-remove{
        background:#222c38!important;
        background-color:#222c38!important;
        color:#f8fafc!important;
        border-color:#526174!important;
    }


    /* ============================================================
       PASS 1G — PROGRESSIFY/PWA MODE CONTROLLER INTEGRATION
       Progressify decides light vs dark through :root.dark.
       MyVyBZ owns the actual appearance inside its three secure
       customer-facing wrappers.
       ============================================================ */

    /* Prevent inherited Progressify/theme painting from turning
       ordinary text descendants into gray/black bars. */
    :root.dark body .myvybz-oi-wrap :is(
        p, strong, em, small, legend,
        h1, h2, h3, h4, h5, h6,
        ul, ol, li, blockquote,
        .myvybz-oi-small,
        .myvybz-oi-counter,
        .myvybz-oi-help,
        .myvybz-oi-meta,
        .myvybz-oi-field-label-row,
        .myvybz-oi-field-help,
        .myvybz-oi-character-count,
        .myvybz-oi-media-state
    ),
    :root.dark body .myvybz-sub-pref-wrap :is(
        p, strong, em, small, legend,
        h1, h2, h3, h4, h5, h6,
        ul, ol, li, blockquote
    ),

    /* Links also stay visually clean unless they are actual buttons. */
    :root.dark body .myvybz-oi-wrap a:not(.myvybz-oi-button):not(.myvybz-oi-gallery-button),
    :root.dark body .myvybz-sub-pref-wrap a:not(.myvybz-sub-pref-button-small){
        background-color:transparent!important;
        background-image:none!important;
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
    }

    /* Structural wrappers remain transparent so only deliberate
       component surfaces carry backgrounds. */
    :root.dark body .myvybz-oi-wrap .myvybz-oi-section-grid,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-field,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-actions,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-gallery-head,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-upload,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions{
        background-color:transparent!important;
        background-image:none!important;
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
    }

    /* Restore only the intentional dark surfaces MyVyBZ owns. */
    :root.dark body .myvybz-oi-wrap,
    :root.dark body .myvybz-sub-pref-wrap{
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
    }

    :root.dark body .myvybz-oi-wrap :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
        textarea, select
    ),
    :root.dark body .myvybz-sub-pref-wrap :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
        textarea, select
    ){
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
    }

    :root.dark body .myvybz-oi-wrap .myvybz-oi-existing-media-card,
    :root.dark body .myvybz-oi-wrap .myvybz-oi-owned-media-card,
    :root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-card{
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
    }

    /* Meaningful alert / notice surfaces stay intentionally surfaced. */
    :root.dark body .myvybz-oi-wrap :is(
        .myvybz-oi-alert,
        .myvybz-oi-notice,
        .myvybz-oi-message,
        .myvybz-oi-gallery-note
    ){
        filter:none!important;
        -webkit-filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
    }

    /* PWA should not dim customer media. */
    :root.dark body .myvybz-oi-wrap img,
    :root.dark body .myvybz-sub-pref-wrap img{
        filter:none!important;
        -webkit-filter:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
    }


    /* ============================================================
       PASS 1H — PROGRESSIFY UNIVERSAL DESCENDANT NEUTRALIZER
       Old Progressify applies :root.dark * { background-color:...!important }.
       Inside MyVyBZ-owned customer surfaces we first clear that blanket
       paint, then explicitly restore only real component surfaces.
       ============================================================ */

    /* PASS 2HJ — no universal MyVyBZ descendant reset.
       Progressify/theme neutralization is owned by the narrow structural selectors
       already defined with each component. Do not clear every descendant surface:
       controls, status/meta text, media states and table cells must keep their owners. */


    /* ============================================================
       PASS 2AX — ROLE-AWARE INTAKE PICKER, NEW CLASSES ONLY
       ------------------------------------------------------------
       Preserve all proven 2AS + Intake media geometry unchanged.
       These selectors style only markup introduced by Intake 0.3R.
       No existing media/card/modal selector is overridden here.
       ============================================================ */
    .myvybz-oi-wrap .myvybz-oi-media-pool[hidden]{display:none!important}
    .myvybz-oi-wrap .myvybz-oi-media-pool-title{
        margin:0 0 10px!important;
        color:var(--myvybz-ui-text)!important;
        font-size:14px!important;
        font-weight:900!important;
    }
    .myvybz-oi-wrap .myvybz-oi-owned-media-role{
        display:inline-flex!important;
        align-items:center!important;
        align-self:flex-start!important;
        margin:0 0 2px!important;
        padding:4px 8px!important;
        border-radius:999px!important;
        background:var(--myvybz-ui-bg-muted)!important;
        color:var(--myvybz-ui-text-muted)!important;
        font-size:10px!important;
        font-weight:900!important;
        line-height:1!important;
    }
    .myvybz-oi-wrap .myvybz-oi-legacy-media{
        margin-top:18px!important;
        padding:12px!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:12px!important;
        background:var(--myvybz-ui-bg-soft)!important;
    }
    .myvybz-oi-wrap .myvybz-oi-legacy-media summary{
        cursor:pointer!important;
        color:var(--myvybz-ui-text)!important;
        font-weight:900!important;
    }

    /* ============================================================
       PASS 2BB — THREE-COLUMN BANNER GUIDES + 2BA FRAMING UX CLARITY
       ------------------------------------------------------------
       Intake owns framing data + behavior. Shared UI owns only the
       new framing surface. Existing lightbox/media/gallery geometry
       remains untouched.
       ============================================================ */
    .myvybz-oi-wrap .myvybz-oi-media-action-framing:disabled{
        opacity:.5!important;
        cursor:not-allowed!important;
    }
    .myvybz-oi-framing-modal[hidden]{display:none!important}
    .myvybz-oi-framing-modal{
        position:fixed!important;
        inset:0!important;
        z-index:10000020!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:18px!important;
        box-sizing:border-box!important;
    }
    .myvybz-oi-framing-backdrop{
        position:absolute!important;
        inset:0!important;
        background:rgba(5,10,20,.90)!important;
        backdrop-filter:blur(4px)!important;
        -webkit-backdrop-filter:blur(4px)!important;
    }
    .myvybz-oi-framing-panel{
        position:relative!important;
        z-index:1!important;
        width:min(980px,calc(100vw - 36px))!important;
        max-height:calc(100vh - 36px)!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:18px!important;
        background:rgba(248,250,252,.99)!important;
        color:var(--myvybz-ui-text)!important;
        box-shadow:0 28px 80px rgba(0,0,0,.45)!important;
    }
    .myvybz-oi-framing-head{
        padding:20px 60px 12px 20px!important;
        border-bottom:1px solid var(--myvybz-ui-border)!important;
    }
    .myvybz-oi-framing-head h3{margin:0 0 6px!important;color:var(--myvybz-ui-text)!important}
    .myvybz-oi-framing-head p{margin:0!important;color:var(--myvybz-ui-text-muted)!important;line-height:1.5!important}
    .myvybz-oi-framing-close{
        position:absolute!important;
        right:12px!important;
        top:12px!important;
        z-index:3!important;
        width:38px!important;
        height:38px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:999px!important;
        background:var(--myvybz-ui-bg)!important;
        color:var(--myvybz-ui-text)!important;
        font-size:22px!important;
        font-weight:900!important;
        cursor:pointer!important;
    }
    .myvybz-oi-framing-body{
        min-height:0!important;
        overflow:auto!important;
        padding:18px 20px!important;
    }
    .myvybz-oi-framing-stage{
        position:relative!important;
        width:100%!important;
        max-width:900px!important;
        margin:0 auto!important;
        overflow:hidden!important;
        border:1px solid var(--myvybz-ui-border)!important;
        border-radius:14px!important;
        background:#05070d!important;
        cursor:grab!important;
        touch-action:none!important;
        user-select:none!important;
    }
    .myvybz-oi-framing-stage:active{cursor:grabbing!important}
    .myvybz-oi-framing-stage.is-banner-framing{aspect-ratio:8/3!important}
    .myvybz-oi-framing-stage.is-featured-framing{aspect-ratio:1/1!important;max-width:620px!important}
    .myvybz-oi-framing-stage img{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        display:block!important;
        object-fit:cover!important;
        object-position:50% 50%;
        transform:scale(1);
        transform-origin:center center!important;
        pointer-events:none!important;
        will-change:transform,object-position!important;
    }
    .myvybz-oi-framing-controls{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:12px!important;
        margin:16px auto 0!important;
        max-width:900px!important;
    }
    .myvybz-oi-framing-controls label{
        display:grid!important;
        gap:7px!important;
        color:var(--myvybz-ui-text)!important;
        font-size:12px!important;
        font-weight:900!important;
    }
    .myvybz-oi-framing-controls input[type="range"]{width:100%!important}
    .myvybz-oi-framing-actions{
        display:flex!important;
        justify-content:flex-end!important;
        gap:10px!important;
        padding:12px 20px 18px!important;
        border-top:1px solid var(--myvybz-ui-border)!important;
    }
    :root.dark .myvybz-oi-framing-panel,
    body.myvybz-dark .myvybz-oi-framing-panel{
        background:#0f172a!important;
        border-color:rgba(255,255,255,.16)!important;
    }
    @media (max-width:760px){
        .myvybz-oi-framing-modal{
            padding:8px!important;
            align-items:stretch!important;
            overflow:hidden!important;
        }
        .myvybz-oi-framing-backdrop{
            background:rgba(3,7,18,.96)!important;
            backdrop-filter:blur(2px)!important;
            -webkit-backdrop-filter:blur(2px)!important;
        }
        .myvybz-oi-framing-panel{
            width:100%!important;
            max-width:100%!important;
            height:auto!important;
            max-height:calc(100dvh - 16px)!important;
            margin:0!important;
            overflow:hidden!important;
            border-radius:16px!important;
            background:rgba(248,250,252,.995)!important;
            box-sizing:border-box!important;
        }
        :root.dark .myvybz-oi-framing-panel,
        html.dark .myvybz-oi-framing-panel,
        body.myvybz-dark .myvybz-oi-framing-panel{
            background:#0b1220!important;
        }
        .myvybz-oi-framing-panel *,
        .myvybz-oi-framing-panel *::before,
        .myvybz-oi-framing-panel *::after{box-sizing:border-box!important}
        .myvybz-oi-framing-head{
            flex:0 0 auto!important;
            padding:15px 52px 10px 14px!important;
        }
        .myvybz-oi-framing-head h3{font-size:clamp(18px,5.4vw,22px)!important;line-height:1.15!important}
        .myvybz-oi-framing-head p{font-size:12px!important;line-height:1.4!important}
        .myvybz-oi-framing-close{right:10px!important;top:10px!important;width:36px!important;height:36px!important}
        .myvybz-oi-framing-body{
            flex:1 1 auto!important;
            min-width:0!important;
            width:100%!important;
            max-width:100%!important;
            padding:10px 12px 12px!important;
            overflow-x:hidden!important;
            overflow-y:auto!important;
            overscroll-behavior:contain!important;
            scrollbar-width:thin!important;
        }
        .myvybz-oi-framing-stage{
            width:100%!important;
            max-width:100%!important;
            min-width:0!important;
            margin:0 auto!important;
        }
        .myvybz-oi-framing-stage.is-featured-framing{max-width:min(100%,520px)!important}
        .myvybz-oi-framing-stage.is-banner-framing{max-width:100%!important}
        .myvybz-oi-framing-controls{
            grid-template-columns:1fr!important;
            width:100%!important;
            max-width:100%!important;
            min-width:0!important;
            gap:10px!important;
            margin:12px 0 0!important;
        }
        .myvybz-oi-framing-controls label{min-width:0!important;width:100%!important}
        .myvybz-oi-framing-controls input[type="range"]{
            display:block!important;
            width:100%!important;
            max-width:100%!important;
            min-width:0!important;
            margin:0!important;
        }
        .myvybz-oi-framing-actions{
            flex:0 0 auto!important;
            display:grid!important;
            grid-template-columns:repeat(2,minmax(0,1fr))!important;
            gap:8px!important;
            width:100%!important;
            padding:10px 12px 12px!important;
        }
        .myvybz-oi-framing-actions :is(button,.button,a){
            width:100%!important;
            min-width:0!important;
            margin:0!important;
            white-space:normal!important;
            text-align:center!important;
        }
    }
    @media (max-width:390px){
        .myvybz-oi-framing-actions{grid-template-columns:1fr!important}
    }


    /* 2BA: Banner framing is a master-composition workspace, not a destructive 8:3 crop.
       The dashed band communicates the Guide/banner derivative area while the full master
       remains visible for homepage/detail use. Featured/Main keeps its true square crop. */
    .myvybz-oi-framing-stage.is-banner-framing{
        aspect-ratio:16/9!important;
        max-width:900px!important;
        background:#05070d!important;
    }
    .myvybz-oi-framing-stage.is-banner-framing img{object-fit:contain!important}
    .myvybz-oi-framing-stage.is-banner-framing::after{
        content:"";
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:16.6667%!important;
        height:66.6667%!important;
        box-sizing:border-box!important;
        border-top:2px dashed rgba(255,255,255,.92)!important;
        border-bottom:2px dashed rgba(255,255,255,.92)!important;
        box-shadow:0 0 0 9999px rgba(2,6,23,.30)!important;
        pointer-events:none!important;
        z-index:2!important;
    }
    .myvybz-oi-framing-stage.is-banner-framing::before{
        content:"Guide card safe area";
        position:absolute!important;
        left:12px!important;
        top:calc(16.6667% + 10px)!important;
        z-index:3!important;
        padding:5px 9px!important;
        border-radius:999px!important;
        background:rgba(2,6,23,.82)!important;
        color:#fff!important;
        font-size:11px!important;
        line-height:1.2!important;
        font-weight:900!important;
        letter-spacing:.01em!important;
        pointer-events:none!important;
    }
    .myvybz-oi-framing-stage.is-featured-framing img{object-fit:cover!important}


    /* Mobile framing is a true viewport sheet. The framing math and saved values
       remain Intake-owned; this is presentation only. */
    @media(max-width:760px){
        .myvybz-oi-framing-modal{
            z-index:2147483000!important;
            padding:0!important;
            align-items:stretch!important;
            justify-content:stretch!important;
            overflow:hidden!important;
        }
        .myvybz-oi-framing-panel{
            width:100vw!important;
            max-width:100vw!important;
            height:100dvh!important;
            max-height:100dvh!important;
            margin:0!important;
            border-radius:0!important;
            overflow:hidden!important;
        }
        .myvybz-oi-framing-head{flex:0 0 auto!important;padding:14px 52px 10px 14px!important}
        .myvybz-oi-framing-body{
            flex:1 1 auto!important;
            min-height:0!important;
            padding:10px 12px!important;
            overflow-x:hidden!important;
            overflow-y:auto!important;
        }
        .myvybz-oi-framing-stage{
            width:100%!important;
            max-width:100%!important;
            min-width:0!important;
            margin:0 auto 12px!important;
        }
        .myvybz-oi-framing-controls,
        .myvybz-oi-framing-control,
        .myvybz-oi-framing-control input[type="range"]{
            width:100%!important;
            max-width:100%!important;
            min-width:0!important;
        }
        .myvybz-oi-framing-actions{
            position:sticky!important;
            bottom:0!important;
            z-index:5!important;
            flex:0 0 auto!important;
            display:grid!important;
            grid-template-columns:repeat(2,minmax(0,1fr))!important;
            gap:8px!important;
            padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
            background:#fff!important;
            border-top:1px solid #d7e0e8!important;
        }
        .myvybz-oi-framing-actions > *{width:100%!important;min-width:0!important;margin:0!important}
        :root.dark .myvybz-oi-framing-actions,
        html.dark .myvybz-oi-framing-actions,
        body.myvybz-dark .myvybz-oi-framing-actions{background:#0b1220!important;border-top-color:#2d3947!important}
    }
    @media(max-width:390px){.myvybz-oi-framing-actions{grid-template-columns:1fr!important}}


    /* 6) INTAKE FRAMING MODAL: LIGHT MODE IS UNCHANGED. Dark mode only gets a
       focused, nearly-solid panel so the form cannot visually bleed through. */
    :root.dark body .myvybz-oi-media-modal-backdrop,
    html.dark body .myvybz-oi-media-modal-backdrop{
        background:rgba(2,6,12,.86)!important;
        backdrop-filter:blur(5px)!important;
        -webkit-backdrop-filter:blur(5px)!important;
    }
    :root.dark body .myvybz-oi-media-modal-panel,
    :root.dark body .myvybz-oi-media-modal-head,
    :root.dark body .myvybz-oi-media-modal-body,
    :root.dark body .myvybz-oi-media-modal-foot,
    html.dark body .myvybz-oi-media-modal-panel,
    html.dark body .myvybz-oi-media-modal-head,
    html.dark body .myvybz-oi-media-modal-body,
    html.dark body .myvybz-oi-media-modal-foot{
        background:#101722!important;
        background-color:#101722!important;
        background-image:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
    }


    /* INTAKE FRAMING: dark mode panel is SOLID. Light mode is unchanged.
       No geometry, sliders, stage math or actions are altered here. */
    :root.dark body .myvybz-oi-framing-backdrop,
    html.dark body .myvybz-oi-framing-backdrop,
    body.myvybz-dark .myvybz-oi-framing-backdrop{
        background:#030712!important;
        background-color:#030712!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        opacity:1!important;
    }
    :root.dark body .myvybz-oi-framing-panel,
    html.dark body .myvybz-oi-framing-panel,
    body.myvybz-dark .myvybz-oi-framing-panel{
        background:#0f1722!important;
        background-color:#0f1722!important;
        background-image:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        border-color:#334155!important;
    }
    :root.dark body .myvybz-oi-framing-panel :is(
        .myvybz-oi-framing-head,.myvybz-oi-framing-body,.myvybz-oi-framing-controls,
        .myvybz-oi-framing-actions
    ),
    html.dark body .myvybz-oi-framing-panel :is(
        .myvybz-oi-framing-head,.myvybz-oi-framing-body,.myvybz-oi-framing-controls,
        .myvybz-oi-framing-actions
    ){
        background:#0f1722!important;
        background-color:#0f1722!important;
        background-image:none!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }
    :root.dark body .myvybz-oi-framing-panel :is(h1,h2,h3,h4,p,label,span),
    html.dark body .myvybz-oi-framing-panel :is(h1,h2,h3,h4,p,label,span){
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
    }


/* ============================================================
   SUBSCRIBER PREFERENCES — LOCAL PRESENTATION MIGRATED FROM V0.5I
   ============================================================ */
.myvybz-sub-pref-wrap{max-width:980px;margin:0 auto;padding:24px;background:rgba(255,255,255,.94);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.10);color:#111;font-family:inherit}.myvybz-sub-pref-head{margin-bottom:20px}.myvybz-sub-pref-head h2{margin:0 0 8px;font-size:30px}.myvybz-sub-pref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}.myvybz-sub-pref-card{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;background:#fff}.myvybz-sub-pref-card label{display:flex;gap:10px;align-items:flex-start;font-weight:600}.myvybz-sub-pref-card small{display:block;margin-top:5px;color:#555;line-height:1.35}.myvybz-sub-pref-section{margin-top:24px}.myvybz-sub-pref-button{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;padding:12px 20px!important;background:#1976d2!important;color:#fff!important;font-weight:800!important;line-height:1.1!important;cursor:pointer!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;opacity:1!important}.myvybz-sub-pref-button:hover,.myvybz-sub-pref-button:focus{background:#125cab!important;color:#fff!important;text-decoration:none!important}.myvybz-sub-pref-button *{color:#fff!important}.myvybz-sub-pref-alert{padding:12px 14px;border-radius:12px;margin:14px 0;background:#e7f4ff;border:1px solid #aedcff}.myvybz-sub-pref-note{font-size:14px;color:#555;line-height:1.45}.myvybz-sub-pref-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.myvybz-sub-pref-reset{background:#555!important;color:#fff!important}.myvybz-sub-pref-reset:hover,.myvybz-sub-pref-reset:focus{background:#333!important;color:#fff!important}.myvybz-sub-pref-wrap a{color:#1976d2;font-weight:700}.myvybz-sub-pref-required{display:inline-block;margin-left:6px;font-size:12px;font-weight:800;color:#1976d2}.myvybz-sub-pref-muted{opacity:.68}.myvybz-sub-pref-fav-list{display:grid;gap:10px;margin-top:12px}.myvybz-sub-pref-fav{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;background:#fff}.myvybz-sub-pref-fav h4{margin:0 0 4px;font-size:17px}.myvybz-sub-pref-fav-meta{font-size:13px;color:#555}.myvybz-sub-pref-fav-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.myvybz-sub-pref-notice-message{margin-top:6px;font-size:13px;color:#555}.myvybz-sub-pref-button-small,.myvybz-sub-pref-wrap a.myvybz-sub-pref-button-small{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;padding:8px 12px!important;background:#1976d2!important;color:#fff!important;font-weight:800!important;line-height:1.1!important;cursor:pointer!important;text-decoration:none!important;display:inline-block!important;text-shadow:none!important;box-shadow:none!important;opacity:1!important}.myvybz-sub-pref-button-small:hover,.myvybz-sub-pref-button-small:focus,.myvybz-sub-pref-wrap a.myvybz-sub-pref-button-small:hover,.myvybz-sub-pref-wrap a.myvybz-sub-pref-button-small:focus{background:#125cab!important;color:#fff!important;text-decoration:none!important}.myvybz-sub-pref-button-small *{color:#fff!important}.myvybz-sub-pref-remove{background:#777!important;color:#fff!important}.myvybz-sub-pref-remove:hover,.myvybz-sub-pref-remove:focus{background:#555!important;color:#fff!important}.myvybz-sub-pref-status{display:inline-block;border-radius:999px;padding:5px 9px;background:#e7f4ff;color:#111;font-weight:900}.myvybz-sub-pref-empty{border:1px dashed rgba(0,0,0,.18);border-radius:14px;padding:14px;background:#fff;color:#555}
		.myvybz-sub-pref-details{margin-top:24px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;padding:0}.myvybz-sub-pref-details summary{list-style:none;cursor:pointer;position:relative;padding:16px 92px 16px 18px;font-weight:900;font-size:22px;color:#111;min-height:52px}.myvybz-sub-pref-details summary::-webkit-details-marker{display:none}.myvybz-sub-pref-details summary:after{content:'Show';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:13px;border-radius:999px;padding:6px 10px;background:#eee;color:#111}.myvybz-sub-pref-details[open] summary:after{content:'Hide'}.myvybz-sub-pref-summary-title{display:block}.myvybz-sub-pref-summary-note{display:block;margin-top:5px;font-size:14px;line-height:1.35;font-weight:500;color:#555}.myvybz-sub-pref-details-body{padding:0 18px 18px}.myvybz-sub-pref-pager{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.myvybz-sub-pref-page-label{font-size:13px;color:#555;font-weight:800}
		.myvybz-sub-pref-wrap,.myvybz-sub-pref-details,.myvybz-sub-pref-details-body,.myvybz-sub-pref-fav-list{overflow:visible!important;max-height:none!important;height:auto!important;overscroll-behavior:auto!important}

/* ============================================================
   NATIVE INTAKE — LOCAL SECURE-FORM PRESENTATION MIGRATED FROM 3ZZM
   Public Home/Guide banner presentation remains in Intake until its coordinated public migration.
   ============================================================ */
body:has(.myvybz-oi-wrap) .page_content_wrap,
        body:has(.myvybz-oi-wrap) .content_wrap,
        body:has(.myvybz-oi-wrap) .content,
        body:has(.myvybz-oi-wrap) .entry-content,
        body:has(.myvybz-oi-wrap) .elementor-widget-container{
            width:100%!important;max-width:none!important;box-sizing:border-box!important;
        }
        body:has(.myvybz-oi-wrap){background:#f7f7f4}
        .myvybz-oi-wrap{width:min(920px,calc(100vw - 34px));margin:0 auto!important;padding:24px;color:#101425;box-sizing:border-box}
        .myvybz-oi-card{background:#fff;border:1px solid rgba(18,24,40,.07);border-radius:18px;box-shadow:0 12px 30px rgba(17,24,39,.08);padding:24px;margin:0 auto 18px;box-sizing:border-box}
        .myvybz-oi-form{
            width:100%!important;
            max-width:100%!important;
            min-width:0!important;
            box-sizing:border-box!important;
            overflow:hidden!important;
        }
        .myvybz-oi-form > *{
            max-width:100%!important;
            min-width:0!important;
            box-sizing:border-box!important;
        }
        .myvybz-oi-hero{background:linear-gradient(135deg,#351463 0%,#5a2594 46%,#0aaee8 100%);color:#fff;border:0;overflow:hidden}
        .myvybz-oi-hero h2{margin:0 0 8px;font-size:32px;line-height:1.12;color:#fff}
        .myvybz-oi-hero p{margin:8px 0 0;color:rgba(255,255,255,.94);font-size:16px;line-height:1.5}
        .myvybz-oi-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(255,255,255,.16);padding:7px 12px;font-weight:800;margin-bottom:12px}
        .myvybz-oi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
        .myvybz-oi-fact{border:1px solid rgba(17,24,39,.08);background:#f8fbff;border-radius:12px;padding:13px 14px}
        .myvybz-oi-fact span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:#667085;margin-bottom:4px}
        .myvybz-oi-fact strong{display:block;font-size:15px;color:#111827;overflow-wrap:anywhere}
        .myvybz-oi-section-title{margin:0 0 8px;font-size:22px;line-height:1.2}
        .myvybz-oi-help{color:#5f6675;margin:0 0 18px;line-height:1.55}
        .myvybz-oi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
        .myvybz-oi-field{display:flex;flex-direction:column;gap:8px;font-weight:800;color:#111827}
        .myvybz-oi-conditional-hidden{display:none!important}
        .myvybz-oi-field span{font-size:14px}
        .myvybz-oi-field em{font-style:normal;color:#0b84d8;font-size:11px;text-transform:uppercase}
        .myvybz-oi-field-help{display:block;color:#667085;font-size:12px;line-height:1.35;font-weight:600}
        .myvybz-oi-character-count{display:block;align-self:flex-end;margin-top:-2px;color:#667085;font-size:12px;line-height:1.3;font-weight:700;text-align:right}
        .myvybz-oi-character-count.is-near-limit{color:#9a6700}
        .myvybz-oi-character-count.is-at-limit{color:#b42318}
        /* Shared Site UI owns field paint/focus. Intake keeps only form sizing. */
        .myvybz-oi-field-label-row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
        .myvybz-oi-help-dot{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0!important;border:1px solid currentColor!important;border-radius:999px!important;background:transparent!important;color:inherit!important;font-size:12px!important;font-weight:900!important;line-height:1!important;cursor:help!important;opacity:.78!important;box-shadow:none!important}
        .myvybz-oi-help-dot:focus-visible{outline:2px solid #2563eb!important;outline-offset:2px!important;opacity:1!important}
        .myvybz-oi-rating-guide{display:none!important;margin:7px 0 5px!important;padding:8px!important;border:1px solid rgba(100,116,139,.22)!important;border-radius:10px!important;background:rgba(248,250,252,.72)!important;font-size:12px!important;line-height:1.5!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important}
        .myvybz-oi-rating-guide-row{display:grid!important;grid-template-columns:max-content 1fr!important;align-items:start!important;gap:10px!important;padding:8px 9px!important;border-radius:8px!important;background:transparent!important}
        .myvybz-oi-rating-guide-row + .myvybz-oi-rating-guide-row{margin-top:4px!important}
        .myvybz-oi-rating-guide-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:62px!important;padding:3px 8px!important;border:1px solid transparent!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.04em!important}
        .myvybz-oi-rating-guide-row.is-pg .myvybz-oi-rating-guide-badge{background:rgba(22,163,74,.12)!important;border-color:rgba(22,163,74,.30)!important;color:#166534!important}
        .myvybz-oi-rating-guide-row.is-moderate .myvybz-oi-rating-guide-badge{background:rgba(217,119,6,.13)!important;border-color:rgba(217,119,6,.32)!important;color:#92400e!important}
        .myvybz-oi-rating-guide-row.is-adult .myvybz-oi-rating-guide-badge{background:rgba(220,38,38,.11)!important;border-color:rgba(220,38,38,.28)!important;color:#991b1b!important}
        .myvybz-oi-field:has(.myvybz-oi-help-dot:hover) .myvybz-oi-rating-guide,.myvybz-oi-field:has(.myvybz-oi-help-dot:focus-visible) .myvybz-oi-rating-guide,.myvybz-oi-field.is-rating-guide-open .myvybz-oi-rating-guide{display:block!important}
        .myvybz-oi-help-dot[aria-expanded="true"]{box-shadow:0 0 0 3px rgba(21,155,229,.18)!important}
        :root.dark .myvybz-oi-rating-guide,.dark .myvybz-oi-rating-guide{background:rgba(13,19,27,.72)!important;border-color:rgba(148,163,184,.18)!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;color:#dbe7f5!important}
        :root.dark .myvybz-oi-rating-guide-row.is-pg .myvybz-oi-rating-guide-badge,.dark .myvybz-oi-rating-guide-row.is-pg .myvybz-oi-rating-guide-badge{background:rgba(34,197,94,.13)!important;border-color:rgba(74,222,128,.26)!important;color:#86efac!important}
        :root.dark .myvybz-oi-rating-guide-row.is-moderate .myvybz-oi-rating-guide-badge,.dark .myvybz-oi-rating-guide-row.is-moderate .myvybz-oi-rating-guide-badge{background:rgba(245,158,11,.13)!important;border-color:rgba(251,191,36,.28)!important;color:#fcd34d!important}
        :root.dark .myvybz-oi-rating-guide-row.is-adult .myvybz-oi-rating-guide-badge,.dark .myvybz-oi-rating-guide-row.is-adult .myvybz-oi-rating-guide-badge{background:rgba(239,68,68,.12)!important;border-color:rgba(248,113,113,.26)!important;color:#fca5a5!important}
        .myvybz-oi-media-rating-note{margin:8px 0 12px!important;padding:10px 12px!important;border:1px solid rgba(185,28,28,.22)!important;border-left:3px solid rgba(185,28,28,.62)!important;border-radius:10px!important;background:rgba(220,38,38,.045)!important;color:#4b1717!important;font-size:12px!important;line-height:1.5!important;box-shadow:0 3px 12px rgba(127,29,29,.035)!important}
        .myvybz-oi-media-rating-note strong{color:#991b1b!important}
        :root.dark .myvybz-oi-media-rating-note,.dark .myvybz-oi-media-rating-note{border-color:rgba(248,113,113,.20)!important;border-left-color:rgba(248,113,113,.58)!important;background:rgba(127,29,29,.10)!important;color:#e5d7d7!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
        :root.dark .myvybz-oi-media-rating-note strong,.dark .myvybz-oi-media-rating-note strong{color:#fca5a5!important}
        .myvybz-oi-field input,.myvybz-oi-field textarea,.myvybz-oi-field select{width:100%;min-height:48px;padding:13px 14px;font:inherit;font-weight:500;box-sizing:border-box}
        .myvybz-oi-field select{appearance:auto}
.myvybz-oi-field-invalid{padding:10px;border:1px solid #dc2626;border-radius:10px;background:#fff7f7}
        .myvybz-oi-field-invalid>span{color:#991b1b}
.myvybz-oi-related-group{margin:14px 0;padding:12px 14px;border:1px solid #dfe5ee;border-radius:10px}
        .myvybz-oi-related-group>strong{display:block;margin-bottom:8px}
        .myvybz-oi-related-checks{display:grid;gap:7px}
        .myvybz-oi-related-check{
            display:flex!important;
            align-items:center!important;
            gap:10px!important;
            min-height:26px!important;
            font-weight:500!important;
            line-height:1.25!important;
            cursor:pointer!important;
        }
        /* Related Content checkbox paint is owned by Shared Site UI; layout remains local. */
        .myvybz-oi-related-check-label{
            display:inline-block!important;
            line-height:1.25!important;
        }
        .myvybz-oi-field textarea{resize:vertical;min-height:118px}
        .myvybz-oi-field input[readonly]{background:#eef2f7;color:#475467}
        .myvybz-oi-field .wp-editor-wrap{border:1px solid rgba(17,24,39,.14);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(17,24,39,.04)}
        .myvybz-oi-field .wp-editor-tools{display:flex;align-items:flex-end;justify-content:flex-end;min-height:38px;margin:0!important;padding:7px 10px 0;background:#f8fbff;border-bottom:1px solid rgba(17,24,39,.08)}
        .myvybz-oi-field .wp-editor-tabs{display:flex;align-items:flex-end;gap:5px;margin:0!important}
        .myvybz-oi-field .wp-switch-editor{height:auto!important;margin:0!important;border:1px solid rgba(17,24,39,.12)!important;border-bottom:0!important;border-radius:9px 9px 0 0!important;background:#edf3f8!important;color:#475569!important;font-weight:800!important;line-height:1.2!important;padding:8px 12px!important;box-shadow:none!important}
        .myvybz-oi-field .tmce-active .switch-tmce,.myvybz-oi-field .html-active .switch-html{position:relative;bottom:-1px;background:#fff!important;color:#111827!important}
        .myvybz-oi-field .wp-editor-container{margin:0!important;border:0!important;background:#fff}
        .myvybz-oi-field .mce-tinymce,.myvybz-oi-field .mce-container-body,.myvybz-oi-field .mce-panel{box-sizing:border-box!important}
        .myvybz-oi-field .mce-toolbar-grp,.myvybz-oi-field .quicktags-toolbar{margin:0!important;background:#fff!important;border:0!important;padding:7px 8px!important}
        .myvybz-oi-field .mce-toolbar-grp{border-top:0!important;border-bottom:0!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important}
        /* Keep TinyMCE's toolbar1 and toolbar2 controls in one horizontal strip.
           The editor may scroll sideways at narrow widths instead of dropping controls
           into a detached second row. */
        .myvybz-oi-field .mce-toolbar-grp>.mce-container-body.mce-stack-layout{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important;min-width:100%!important}
        .myvybz-oi-field .mce-toolbar-grp .mce-toolbar{display:block!important;flex:0 0 auto!important;margin:0!important;border:0!important}
        .myvybz-oi-field .mce-toolbar-grp .mce-flow-layout{white-space:nowrap!important}
        .myvybz-oi-field .mce-toolbar-grp .mce-flow-layout-item{display:inline-block!important;float:none!important;vertical-align:middle!important}
        .myvybz-oi-field [id$="_toolbargroup"]{border-bottom:0!important;box-shadow:none!important;margin-bottom:0!important}
        .myvybz-oi-field [id$="_editarea"]{border-top:0!important;box-shadow:none!important;margin-top:-1px!important}
        /* Final toolbar/body seam fix: TinyMCE places the visible separator on the edit area itself. */
        .myvybz-oi-field .mce-edit-area,
        .myvybz-oi-field .mce-container-body .mce-edit-area,
        .myvybz-oi-field .mce-panel .mce-edit-area{border-top:0!important;box-shadow:none!important}
        .myvybz-oi-field .mce-edit-area iframe{display:block;margin:0!important}
        .myvybz-oi-field .mce-btn{border-radius:7px!important}
        .myvybz-oi-field .mce-btn button{padding:4px 6px!important}
        .myvybz-oi-field .mce-panel{border-color:rgba(17,24,39,.08)!important}
        .myvybz-oi-field .mce-tinymce{width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
        .myvybz-oi-field .mce-edit-area{border:0!important}
        .myvybz-oi-field .wp-editor-area{display:block;border:0!important;border-radius:0!important;box-shadow:none!important}
        .myvybz-oi-wide{grid-column:1 / -1}
        .myvybz-oi-links-panel{border:1px solid rgba(17,24,39,.11);border-radius:14px;padding:13px 14px;background:#fbfdff}
        .myvybz-oi-links-panel summary{cursor:pointer;font-weight:900;color:#111827;margin-bottom:10px;list-style-position:inside}
        .myvybz-oi-section-panel{grid-column:1 / -1;border:1px solid rgba(17,24,39,.11);border-radius:16px;background:#fbfdff;padding:16px}
        .myvybz-oi-section-panel>summary{cursor:pointer;font-size:18px;font-weight:900;color:#111827;list-style-position:inside}
        .myvybz-oi-summary-required{display:inline-flex;align-items:center;margin-left:9px;border-radius:999px;background:#e8f5ff;color:#0b84d8;padding:4px 8px;font-size:10px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}
.myvybz-oi-summary-optional{display:inline-flex;align-items:center;margin-left:9px;border-radius:999px;background:#f3f4f6;color:#6b7280;padding:4px 8px;font-size:10px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}
        .myvybz-oi-section-panel[open]>summary{margin-bottom:14px}
        .myvybz-oi-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
        .myvybz-oi-link-rows{display:flex;flex-direction:column;gap:10px}
        .myvybz-oi-link-row{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(320px,1fr);gap:12px;align-items:center}
        .myvybz-oi-link-row-fixed{grid-template-columns:minmax(160px,.35fr) minmax(320px,1fr);align-items:center}
        .myvybz-oi-link-label{font-weight:900;color:#334155}
        .myvybz-oi-links-panel input[type="text"],.myvybz-oi-links-panel input[type="url"]{color:#111827!important;opacity:1!important;font-weight:650!important;background:#fff!important}
        .myvybz-oi-links-panel input[type="text"]::placeholder,.myvybz-oi-links-panel input[type="url"]::placeholder{color:#a8b0bc!important;opacity:1!important;font-style:italic!important;font-weight:500!important}
        .myvybz-oi-field input[type="url"]{color:#111827!important;opacity:1!important}
        .myvybz-oi-field input[type="url"]::placeholder{color:#a8b0bc!important;opacity:1!important;font-style:italic!important;font-weight:500!important}
        .myvybz-oi-add-link{margin-top:10px;border:0;border-radius:999px;background:#1388df;color:#fff;font-weight:900;padding:9px 13px;cursor:pointer}
        .myvybz-oi-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
        .myvybz-oi-upload{border:1px dashed rgba(17,24,39,.22);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fbfdff,#f7fbff)}
        .myvybz-oi-upload-gallery{grid-column:1 / -1}
        .myvybz-oi-upload label{display:block;font-weight:900;margin-bottom:8px}
        .myvybz-oi-upload input[type=file]{width:100%;border:1px solid rgba(17,24,39,.12);border-radius:12px;background:#fff;padding:10px;box-sizing:border-box}
        .myvybz-oi-gallery-note{grid-column:1 / -1;border:1px solid rgba(14,165,233,.22);border-radius:14px;background:#eefaff;padding:12px 14px;color:#0f3f5f;font-size:13px;line-height:1.45}
        .myvybz-oi-gallery-picker{display:flex;flex-direction:column;gap:12px}
        .myvybz-oi-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
        .myvybz-oi-gallery-button{display:inline-flex!important;align-items:center;justify-content:center;border:0;border-radius:999px;background:#1388df;color:#fff!important;font-weight:900;padding:9px 13px;cursor:pointer;margin:0!important}
        .myvybz-oi-gallery-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
        .myvybz-oi-gallery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
        .myvybz-oi-gallery-tile{border:1px solid rgba(17,24,39,.12);border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px}
        .myvybz-oi-gallery-tile img{width:100%;height:148px;object-fit:cover;border-radius:10px;display:block;background:#f8fbff}
        .myvybz-oi-gallery-tile-name{font-size:12px;font-weight:800;color:#334155;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
        .myvybz-oi-toggle-row{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:6px;padding:9px 11px;border:1px solid rgba(17,24,39,.12);border-radius:10px;background:#f8fafc;cursor:pointer;box-sizing:border-box}.myvybz-oi-toggle-input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.myvybz-oi-toggle-visual{position:relative;display:inline-flex;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12);transition:background .18s ease}.myvybz-oi-toggle-visual>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:transform .18s ease}.myvybz-oi-toggle-input:checked+.myvybz-oi-toggle-visual{background:#2563eb}.myvybz-oi-toggle-input:checked+.myvybz-oi-toggle-visual>span{transform:translateX(18px)}.myvybz-oi-toggle-input:focus-visible+.myvybz-oi-toggle-visual{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.myvybz-oi-toggle-state{font-size:13px!important;font-weight:800!important;color:#0f172a}.myvybz-oi-field:has(.myvybz-oi-toggle-input){cursor:pointer}.myvybz-oi-field:has(.myvybz-oi-toggle-input:checked) .myvybz-oi-toggle-state::after{content:''}.myvybz-oi-field:has(.myvybz-oi-toggle-input:not(:checked)) .myvybz-oi-toggle-state{font-weight:700!important;color:#475569}@media(max-width:640px){.myvybz-oi-toggle-row{width:100%;min-height:46px}}:root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-toggle-row{background:#171b24;border-color:rgba(255,255,255,.14)}:root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-toggle-visual{background:#4b5563;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}:root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-toggle-input:checked+.myvybz-oi-toggle-visual{background:#3b82f6}:root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-toggle-state{color:#f8fafc}:root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-toggle-input:not(:checked)~.myvybz-oi-toggle-state{color:#cbd5e1}
        .myvybz-oi-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:6px}
        .myvybz-oi-checkbox-option{display:flex!important;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid rgba(17,24,39,.12);border-radius:9px;background:#f8fafc}
        .myvybz-oi-checkbox-option input{width:auto!important;min-height:0!important;margin:0!important}
        .myvybz-oi-checkbox-option span{font-size:13px!important;font-weight:700!important;margin:0!important}
        @media(max-width:640px){.myvybz-oi-checkbox-grid{grid-template-columns:1fr}}
        .myvybz-oi-gallery-remove{border:0;border-radius:999px;background:#eef2f7;color:#334155;font-weight:900;padding:7px 11px;cursor:pointer;white-space:nowrap}
        .myvybz-oi-existing-media{margin:0 0 14px;padding:14px;border:1px solid rgba(17,24,39,.10);border-radius:14px;background:#fff}
        .myvybz-oi-existing-media-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
        .myvybz-oi-existing-media-title strong{font-size:13px;color:#111827}
        .myvybz-oi-media-count{display:inline-flex;align-items:center;border-radius:999px;background:#eef7ff;color:#075985;padding:6px 10px;font-size:12px;font-weight:900}
        .myvybz-oi-media-count.is-full{background:#ecfdf3;color:#067647}
        .myvybz-oi-existing-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
        .myvybz-oi-existing-media-card{min-width:0;border:1px solid rgba(17,24,39,.11);border-radius:12px;padding:10px;background:#fbfdff;display:flex;flex-direction:column;gap:9px;color:#334155;transition:.18s ease}
        .myvybz-oi-existing-media-card.is-pending-remove{border-color:#ef4444;background:#fff7f7;opacity:.76}
        .myvybz-oi-existing-media-card.is-replacing{border-color:#0ea5e9;background:#f0f9ff}
        .myvybz-oi-media-preview{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;border-radius:9px}
        .myvybz-oi-existing-media-card img{width:100%;height:148px;object-fit:cover;border-radius:9px;background:#f8fbff;display:block}
        .myvybz-oi-existing-media-card.is-featured-slot .myvybz-oi-media-preview{aspect-ratio:1/1;max-width:340px;overflow:hidden}
        .myvybz-oi-existing-media-card.is-featured-slot .myvybz-oi-media-preview img{width:100%;height:100%;object-fit:cover;object-position:center}
        .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-media-preview{aspect-ratio:2/1;width:100%;max-width:760px;overflow:hidden}
        .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-media-preview img{width:100%;height:100%;object-fit:contain;object-position:center}
        .myvybz-oi-existing-media-name{display:block;max-width:100%;font-size:12px;font-weight:800;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .myvybz-oi-media-state{min-height:18px;font-size:11px;font-weight:900;color:#475467}
        .myvybz-oi-existing-media-card.is-pending-remove .myvybz-oi-media-state{color:#b42318}
        .myvybz-oi-existing-media-card.is-replacing .myvybz-oi-media-state{color:#0369a1}
        .myvybz-oi-existing-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:8px;border-top:1px solid rgba(17,24,39,.08)}
        .myvybz-oi-media-action{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;border:1px solid rgba(17,24,39,.14);border-radius:9px;background:#fff;color:#334155!important;font-size:11px;font-weight:900;text-align:center;padding:7px 8px;cursor:pointer;margin:0!important;box-sizing:border-box}
        .myvybz-oi-media-action-remove{border-color:#fecaca;color:#b42318!important;background:#fff7f7}
        .myvybz-oi-media-action-undo{border-color:#bae6fd;color:#0369a1!important;background:#f0f9ff}
        /* Respect the native hidden state even though media action buttons use !important display rules. */
        .myvybz-oi-media-action[hidden],.myvybz-oi-media-action-undo[hidden]{display:none!important}
        /* A saved banner remains a true wide banner preview; it must not collapse into a thumbnail card. */
        .myvybz-oi-upload-banner_image .myvybz-oi-existing-media-grid{grid-template-columns:minmax(0,1fr)!important}
        .myvybz-oi-upload-banner_image .myvybz-oi-existing-media-card.is-banner-slot{width:100%!important;max-width:100%!important;min-width:0!important;align-items:stretch!important}
        .myvybz-oi-upload-banner_image .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-media-preview{width:100%!important;max-width:100%!important;min-width:0!important;aspect-ratio:2/1!important;margin-left:auto!important;margin-right:auto!important}
        .myvybz-oi-upload-banner_image .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-media-preview img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
        .myvybz-oi-media-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
        .myvybz-oi-lightbox{position:fixed!important;inset:0!important;z-index:9999999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(10,15,28,.84)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
        .myvybz-oi-lightbox.is-open{display:flex!important}
        .myvybz-oi-lightbox-dialog{position:relative!important;width:min(960px,calc(100vw - 48px))!important;max-height:calc(100vh - 48px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:20px!important;background:#111827!important;box-shadow:0 28px 90px rgba(0,0,0,.58)!important;box-sizing:border-box!important}
        .myvybz-oi-lightbox-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - 150px)!important;object-fit:contain!important;border-radius:14px!important;background:#05070d!important;box-shadow:none!important;margin:0!important}
        .myvybz-oi-lightbox-caption{margin:0!important;padding:12px 52px 0!important;color:#f8fafc!important;text-align:center!important;font-weight:800!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
        .myvybz-oi-lightbox-close,.myvybz-oi-lightbox-nav{position:absolute!important;z-index:3!important;border:1px solid rgba(17,24,39,.12)!important;border-radius:999px!important;background:#fff!important;color:#111827!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}
        .myvybz-oi-lightbox-close{right:8px!important;top:8px!important;width:38px!important;height:38px!important;font-size:21px!important}
        .myvybz-oi-lightbox-nav{top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;font-size:25px!important}
        .myvybz-oi-lightbox-prev{left:26px!important}.myvybz-oi-lightbox-next{right:26px!important}
        .myvybz-oi-lightbox-close:hover,.myvybz-oi-lightbox-nav:hover{background:#eaf6ff!important;color:#0369a1!important}
        @media (max-width:760px){.myvybz-oi-existing-media-card img,.myvybz-oi-gallery-tile img{height:118px!important}.myvybz-oi-existing-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myvybz-oi-lightbox{padding:10px!important}.myvybz-oi-lightbox-dialog{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:10px!important;border-radius:15px!important}.myvybz-oi-lightbox-image{max-height:calc(100vh - 118px)!important;border-radius:10px!important}.myvybz-oi-lightbox-nav{width:40px!important;height:40px!important}.myvybz-oi-lightbox-prev{left:18px!important}.myvybz-oi-lightbox-next{right:18px!important}.myvybz-oi-lightbox-caption{padding:10px 42px 0!important;font-size:12px!important}}
        .myvybz-oi-gallery-empty{grid-column:1 / -1;min-height:76px;border:1px dashed rgba(17,24,39,.18);border-radius:12px;background:#f8fbff;display:flex;align-items:center;justify-content:center;color:#667085;font-size:13px;text-align:center;padding:12px}
        .myvybz-oi-ack{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-weight:800;color:#111827}
        .myvybz-oi-edit-replacement-warning{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid #86a7ff;border-radius:10px;background:#eef4ff;color:#172554}
        .myvybz-oi-edit-replacement-warning strong{font-size:14px}
        .myvybz-oi-edit-replacement-warning span{font-size:13px;line-height:1.5}
        .myvybz-oi-admin-richtext{overflow-wrap:anywhere}
        .myvybz-oi-ack input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:1px;padding:0;border-radius:4px}
        .myvybz-oi-small{font-size:13px;color:#667085;line-height:1.45}
        .myvybz-oi-wrap,.myvybz-oi-card,.myvybz-oi-fields,.myvybz-oi-section-panel,.myvybz-oi-section-grid,.myvybz-oi-links-panel,.myvybz-oi-link-rows{overflow:visible!important;max-height:none!important;height:auto!important;overscroll-behavior:auto!important}
        .myvybz-oi-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}
        /* Shared Site UI owns primary/secondary button paint. */
        .myvybz-oi-alert{border-radius:14px;padding:13px 15px;margin:0 0 16px;font-weight:800}
        .myvybz-oi-alert-ok{background:#e9f9f0;color:#0d6f36;border:1px solid rgba(13,111,54,.16)}
        .myvybz-oi-alert-error{background:#fff0f0;color:#a32121;border:1px solid rgba(163,33,33,.16)}
        @media (max-width:760px){.myvybz-oi-wrap{width:calc(100vw - 20px);padding:10px}.myvybz-oi-card{padding:16px;border-radius:16px}.myvybz-oi-hero h2{font-size:25px}.myvybz-oi-grid,.myvybz-oi-fields,.myvybz-oi-section-grid,.myvybz-oi-upload-grid,.myvybz-oi-link-row,.myvybz-oi-gallery-list{grid-template-columns:1fr}.myvybz-oi-wide,.myvybz-oi-upload-gallery{grid-column:auto}}

    /* Unified saved + newly selected gallery manager. */
    .myvybz-oi-upload-gallery .myvybz-oi-existing-media {
        margin-bottom: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom: 0 !important;
        padding-bottom: 8px !important;
    }
    .myvybz-oi-upload-gallery .myvybz-oi-gallery-picker {
        margin-top: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-top: 0 !important;
        background: #fff !important;
        padding-top: 6px !important;
    }
    .myvybz-oi-upload-gallery .myvybz-oi-gallery-list:empty {
        display: none !important;
    }
    .myvybz-oi-upload-gallery .myvybz-oi-gallery-head {
        border-top: 1px solid #e2e8f0 !important;
        padding-top: 12px !important;
    }

    /* Final intake media cleanup and dark-mode support. */
    .myvybz-oi-media-section{
        grid-column:1 / -1!important;
        display:block!important;
        position:relative!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:22px 0 0!important;
        padding:0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
        clear:both!important;
    }
    .myvybz-oi-media-section *{box-sizing:border-box!important;min-width:0}
    .myvybz-oi-media-section .myvybz-oi-section-title,
    .myvybz-oi-media-section>.myvybz-oi-help{width:100%!important;max-width:100%!important}
    .myvybz-oi-upload-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    .myvybz-oi-upload{width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
    .myvybz-oi-existing-media,.myvybz-oi-existing-media-grid,.myvybz-oi-gallery-picker,.myvybz-oi-gallery-list{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
    .myvybz-oi-upload-gallery{grid-column:1/-1!important}
    @media (max-width:760px){
        .myvybz-oi-upload-grid{grid-template-columns:minmax(0,1fr)!important}
        .myvybz-oi-upload{grid-column:1/-1!important;width:100%!important}
    }
    .myvybz-oi-upload-banner_image{grid-column:1/-1!important}
    /* Non-Sponsor single featured-image sections own the full media row so the
       square image/card can center against the whole form instead of the left grid half. */
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-featured_image{
        grid-column:1/-1!important;
        width:100%!important;
    }
    /* V0.2Y - center the saved Featured/Main image card using the rendered media classes.
       Banner media is intentionally excluded and remains unchanged. */
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-featured_image .myvybz-oi-existing-media-card.is-featured-slot{
        justify-self:center!important;
        margin-left:auto!important;
        margin-right:auto!important;
        width:min(100%,340px)!important;
    }
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-featured_image .myvybz-oi-existing-media-grid{
        grid-template-columns:minmax(0,340px)!important;
        justify-content:center!important;
        justify-items:center!important;
    }
    /* Sponsor featured/banner no longer share columns; stacked rules below are authoritative. */
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-featured_image .myvybz-oi-existing-media,
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-featured_image .myvybz-oi-fresh-single-media{max-width:380px;margin-left:auto!important;margin-right:auto!important}
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-banner_image .myvybz-oi-existing-media,
    .myvybz-oi-upload-grid:not(.myvybz-oi-family-sponsor_hero) .myvybz-oi-upload-banner_image .myvybz-oi-fresh-single-media{max-width:800px;margin-left:auto!important;margin-right:auto!important}
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery)>input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
    .myvybz-oi-fresh-single-media{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-title{display:none!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-list{display:block!important;margin:0!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-card{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-media-preview{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0 0 10px!important;padding:0!important;border:1px dashed rgba(100,116,139,.45)!important;border-radius:12px!important;background:rgba(148,163,184,.07)!important;overflow:hidden!important;cursor:default!important}
    .myvybz-oi-fresh-single-media .is-featured-slot .myvybz-oi-media-preview{aspect-ratio:1/1!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important}
    .myvybz-oi-fresh-single-media .is-banner-slot .myvybz-oi-media-preview{aspect-ratio:2/1!important;width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-media-preview img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#f8fafc!important}
    .myvybz-oi-fresh-single-media .is-banner-slot .myvybz-oi-media-preview img{object-fit:contain!important}
    .myvybz-oi-fresh-single-media [hidden]{display:none!important}
    .myvybz-oi-empty-media-preview{display:block;font-size:13px;color:#64748b;font-weight:700;padding:22px;text-align:center}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-name{display:block!important;margin:0 0 4px!important;color:#64748b!important;font-size:12px!important;font-weight:700!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-media-state{display:block!important;margin:0 0 10px!important;font-size:12px!important;color:#64748b!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-actions{display:flex!important;gap:10px!important;align-items:center!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-actions .myvybz-oi-media-action{width:auto!important;min-width:0!important;padding:9px 16px!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-actions .myvybz-oi-media-action-undo{background:#fff!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-existing-media-actions .myvybz-oi-media-action-undo[hidden]{display:none!important}
    .myvybz-oi-fresh-single-media .myvybz-oi-media-preview[aria-disabled="true"] img{display:none!important}
    .myvybz-oi-fresh-single-media>p.myvybz-oi-small{margin:10px 0 0!important}
    .myvybz-oi-owned-media{margin:12px 0;padding:10px 12px;border:1px solid rgba(17,24,39,.12);border-radius:12px;background:#f8fafc}
    .myvybz-oi-owned-media summary{cursor:pointer;font-weight:800;color:#0f172a}
    .myvybz-oi-owned-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}
    .myvybz-oi-owned-media-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;cursor:pointer;min-width:0}
    .myvybz-oi-owned-media-card input{position:absolute;top:8px;left:8px;z-index:2}
    .myvybz-oi-owned-media-card:has(input:checked){border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,.15)}
    .myvybz-oi-owned-media-image{display:block;cursor:zoom-in}
    .myvybz-oi-owned-media-image img{width:100%;height:92px;object-fit:cover;border-radius:8px;display:block}
    .myvybz-oi-owned-media-name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    
            .myvybz-oi-saved-media-hide,
            .myvybz-oi-saved-media-restore{
                display:inline-flex!important;
                align-items:center!important;
                justify-content:center!important;
                width:auto!important;
                min-width:0!important;
                max-width:100%!important;
                min-height:32px!important;
                margin-top:7px!important;
                padding:6px 10px!important;
                border-radius:8px!important;
                font-size:11px!important;
                font-weight:700!important;
                line-height:1.15!important;
                letter-spacing:0!important;
                text-transform:none!important;
                white-space:normal!important;
                word-break:normal!important;
                overflow-wrap:normal!important;
                text-align:center!important;
            }
            .myvybz-oi-saved-media-hide{
                border:1px solid #b7c4d3!important;
                background:#eef3f8!important;
                color:#23384d!important;
            }
            .myvybz-oi-saved-media-restore{
                border:1px solid #8bb7e0!important;
                background:#eaf4ff!important;
                color:#123d63!important;
            }
            :root.dark .myvybz-oi-saved-media-hide,
            html.dark .myvybz-oi-saved-media-hide{
                border-color:#536273!important;
                background:#202b38!important;
                color:#e7eef6!important;
            }
            :root.dark .myvybz-oi-saved-media-restore,
            html.dark .myvybz-oi-saved-media-restore{
                border-color:#4c86b8!important;
                background:#17324a!important;
                color:#e8f4ff!important;
            }
.myvybz-oi-owned-media-select{font-size:11px;color:#475569}
    .myvybz-oi-owned-media-card:has(input:checked) .myvybz-oi-owned-media-select{color:#0284c7;font-weight:800}
    @media (max-width:760px){.myvybz-oi-owned-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myvybz-oi-family-sponsor_hero .myvybz-oi-upload-featured_image,.myvybz-oi-family-sponsor_hero .myvybz-oi-upload-banner_image{grid-column:1/-1}}





    .myvybz-oi-owned-media-empty{margin:10px 0 0;font-size:13px;line-height:1.45;color:#667085}
    .myvybz-oi-media-modal{grid-column:1 / -1!important}
    .myvybz-oi-media-modal[hidden]{display:none!important}
    .myvybz-oi-media-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
    .myvybz-oi-media-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(4px)}
    .myvybz-oi-media-modal-panel{position:relative;z-index:1;width:min(920px,96vw);max-height:88vh;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(15,23,42,.18);border-radius:18px;box-shadow:0 30px 90px rgba(2,6,23,.38);overflow:hidden}
    .myvybz-oi-media-modal-head{padding:20px 22px 14px;border-bottom:1px solid rgba(15,23,42,.10)}
    .myvybz-oi-media-modal-head h3{margin:0 0 5px;font-size:21px;color:#0f172a}
    .myvybz-oi-media-modal-head p{margin:0;color:#64748b}
    .myvybz-oi-media-modal-validation{
        display:block!important;
        margin:10px 0 0!important;
        padding:11px 13px!important;
        border:1px solid #f1a7a7!important;
        border-left:4px solid #dc2626!important;
        border-radius:10px!important;
        background:#fff1f2!important;
        color:#991b1b!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1.45!important;
        box-shadow:0 4px 12px rgba(127,29,29,.08)!important;
        box-sizing:border-box!important;
    }
    .myvybz-oi-media-modal-validation[hidden]{display:none!important}
    .myvybz-oi-media-modal-validation.is-success{
        border-color:#9bd5ae!important;
        border-left-color:#16a34a!important;
        background:#effcf3!important;
        color:#166534!important;
        box-shadow:0 4px 12px rgba(22,101,52,.08)!important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-validation.is-success,
    .dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-validation.is-success{
        border-color:rgba(74,222,128,.28)!important;
        border-left-color:#4ade80!important;
        background:rgba(20,83,45,.28)!important;
        color:#bbf7d0!important;
        box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-validation,
    .dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-validation{
        border-color:rgba(248,113,113,.32)!important;
        border-left-color:#f87171!important;
        background:rgba(127,29,29,.28)!important;
        color:#fecaca!important;
        box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
    }
    .myvybz-oi-media-modal-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:999px;background:#eef2f7;color:#0f172a;font-size:25px;line-height:1;cursor:pointer;z-index:2}
    .myvybz-oi-media-modal-body{padding:18px 22px;overflow:auto}
    .myvybz-oi-media-modal-foot{padding:14px 22px 18px;border-top:1px solid rgba(15,23,42,.10);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .myvybz-oi-media-modal .myvybz-oi-owned-media-card{border:1px solid rgba(15,23,42,.12);text-align:left}
    body.myvybz-oi-modal-open{overflow:hidden!important}

    /* V0.3B authoritative narrow-screen repair. Keep this after the final media-grid rule. */
    @media (max-width:760px){
        .myvybz-oi-wrap{width:calc(100vw - 12px)!important;padding:6px!important}
        .myvybz-oi-card{padding:15px!important;border-radius:15px!important}
        .myvybz-oi-grid,.myvybz-oi-fields,.myvybz-oi-section-grid,.myvybz-oi-link-row,.myvybz-oi-gallery-list{grid-template-columns:minmax(0,1fr)!important}
        .myvybz-oi-upload-grid{grid-template-columns:minmax(0,1fr)!important}
        .myvybz-oi-upload-grid>*{grid-column:1/-1!important;min-width:0!important;max-width:100%!important}
        .myvybz-oi-owned-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
        .myvybz-oi-media-modal{padding:10px!important}
        .myvybz-oi-media-modal-panel{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:15px!important}
        .myvybz-oi-media-modal-head{padding:17px 52px 12px 16px!important}
        .myvybz-oi-media-modal-body{padding:14px 16px!important}
        .myvybz-oi-media-modal-foot{padding:12px 16px 15px!important}
    }
    @media (max-width:460px){
        .myvybz-oi-owned-media-grid{grid-template-columns:minmax(0,1fr)!important}
        .myvybz-oi-actions{align-items:stretch!important}
        .myvybz-oi-actions .myvybz-oi-button{width:100%!important;text-align:center!important}
    }

    /* V0.3ZB — mobile saved-media presentation repair.
       Mobile only. Keep desktop geometry and all selection/reuse/framing logic. */
    .myvybz-oi-media-modal .myvybz-oi-owned-media-image{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-height:0!important;
        background:rgba(148,163,184,.07)!important;
        border-radius:8px!important;
        overflow:hidden!important;
    }
    .myvybz-oi-media-modal .myvybz-oi-owned-media-image img{
        display:block!important;
        width:100%!important;
        height:auto!important;
        max-height:180px!important;
        object-fit:contain!important;
        object-position:center!important;
    }
    @media (max-width:760px){
        .myvybz-oi-media-modal{padding:8px!important}
        .myvybz-oi-media-modal-panel{
            width:calc(100vw - 16px)!important;
            max-height:calc(100dvh - 16px)!important;
            border-radius:14px!important;
        }
        .myvybz-oi-media-modal-body{padding:12px!important}
        .myvybz-oi-media-modal .myvybz-oi-owned-media-grid{
            grid-template-columns:minmax(0,1fr)!important;
            gap:12px!important;
        }
        .myvybz-oi-media-modal .myvybz-oi-owned-media-card{
            width:100%!important;
            min-width:0!important;
            padding:10px!important;
        }
        .myvybz-oi-media-modal .myvybz-oi-owned-media-image{
            min-height:120px!important;
            max-height:220px!important;
        }
        .myvybz-oi-media-modal .myvybz-oi-owned-media-image img{
            width:auto!important;
            max-width:100%!important;
            height:auto!important;
            max-height:220px!important;
        }
        .myvybz-oi-media-modal .myvybz-oi-saved-media-hide,
        .myvybz-oi-media-modal .myvybz-oi-saved-media-restore{
            width:auto!important;
            max-width:100%!important;
        }
    }

    /* Progressify dark mode: activate only when Progressify adds :root.dark. */
    /* Shared Forms repair sweep: centered single-image guidance + cleaner modal controls. */
    /* Sponsor layout repair: wide banner first, square featured second, gallery third. */
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-banner_image{grid-column:1/-1!important;order:1!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-featured_image{grid-column:1/-1!important;order:2!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-gallery{grid-column:1/-1!important;order:3!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-gallery-note{grid-column:1/-1!important;order:4!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-banner_image .myvybz-oi-existing-media,
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-banner_image .myvybz-oi-fresh-single-media{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-banner_image .is-banner-slot .myvybz-oi-media-preview{width:100%!important;max-width:100%!important;min-width:0!important;aspect-ratio:2/1!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-featured_image .myvybz-oi-existing-media,
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-featured_image .myvybz-oi-fresh-single-media{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-featured_image .myvybz-oi-existing-media-grid{width:100%!important;grid-template-columns:minmax(0,1fr)!important}
    .myvybz-oi-family-sponsor_hero .myvybz-oi-upload-featured_image .myvybz-oi-existing-media-card.is-featured-slot{width:min(100%,380px)!important;max-width:380px!important;justify-self:center!important;margin-left:auto!important;margin-right:auto!important}

    /* Center the entire single-image status/action stack, not only the helper copy. */
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media-card.is-featured-slot .myvybz-oi-existing-media-name,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-existing-media-name,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media-card.is-featured-slot .myvybz-oi-media-state,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-media-state{text-align:center!important;width:100%!important}
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media-card.is-featured-slot .myvybz-oi-existing-media-actions,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media-card.is-banner-slot .myvybz-oi-existing-media-actions{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important}
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery)>p.myvybz-oi-small,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media>p.myvybz-oi-small,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-fresh-single-media>p.myvybz-oi-small{text-align:center!important}
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) > .myvybz-oi-small,
    .myvybz-oi-upload:not(.myvybz-oi-upload-gallery) .myvybz-oi-existing-media > .myvybz-oi-small{display:block;text-align:center;max-width:760px;margin:9px auto 0}

    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-upload,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-gallery-picker,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-saved-media,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-panel {
        color-scheme: dark !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-upload-gallery .myvybz-oi-gallery-picker,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-upload,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media-card,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-panel,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-head,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-body,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-foot {
        background: #0f172a !important;
        color: #f8fafc !important;
        border-color: #475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-upload-gallery .myvybz-oi-gallery-head,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-head,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-foot {
        border-color: #475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media summary,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-head h3,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media-name {
        color: #f8fafc !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media-select,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-owned-media-empty,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-head p {
        color: #cbd5e1 !important;
    }
    /* V0.3ZT — DARK SAVED/NEW MEDIA CARD COMPLETION
       Narrow presentation-only repair for the white media cards shown at the bottom
       of Native Intake. Gallery/lightbox behavior and media data are unchanged. */
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-existing-media,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-existing-media-grid,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-existing-media-card,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-gallery-tile,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-gallery-empty {
        background: #0f172a !important;
        color: #f8fafc !important;
        border-color: #475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-existing-media-card img,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-gallery-tile img,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-preview {
        background: #111827 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-existing-media-name,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-gallery-tile-name,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-state {
        color: #e5edf7 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-action {
        background: #172033 !important;
        color: #eaf2fb !important;
        border-color: #526174 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-action-remove {
        background: #321b22 !important;
        color: #ffb4b4 !important;
        border-color: #7f3d49 !important;
    }

    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-media-modal-close {
        background: #1f2937 !important;
        color: #f8fafc !important;
        border: 1px solid #475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-wrap input[type="file"] {
        color: #e5e7eb !important;
        background: #111827 !important;
        border-color: #475569 !important;
        color-scheme: dark !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-wrap input[type="file"]::file-selector-button,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-wrap input[type="file"]::-webkit-file-upload-button {
        color: #f8fafc !important;
        background: #1f2937 !important;
        border: 1px solid #475569 !important;
        border-radius: 7px !important;
        padding: 7px 10px !important;
        margin-right: 10px !important;
        cursor: pointer !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-editor-tabs,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-switch-editor,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-container,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-panel,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-toolbar-grp,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-statusbar,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-menubar {
        background: #111827 !important;
        border-color: #475569 !important;
        color: #f8fafc !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-switch-editor.switch-tmce,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-switch-editor.switch-html,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-btn,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-btn button {
        background: #1f2937 !important;
        color: #f8fafc !important;
        border-color: #475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-btn i,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-ico,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .mce-txt {
        color: #f8fafc !important;
        text-shadow: none !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .html-active .switch-html,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .tmce-active .switch-tmce {
        background: #0f172a !important;
        border-bottom-color: #0f172a !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field textarea.wp-editor-area {
        background: #0f172a !important;
        color: #f8fafc !important;
        border-color: #475569 !important;
        caret-color: #f8fafc !important;
    }
    /* TinyMCE floating menus are appended to body, outside the intake wrapper. */
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu,
    :root.dark body:has(.myvybz-oi-wrap) .mce-floatpanel,
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu-item,
    :root.dark body:has(.myvybz-oi-wrap) .mce-container-body {
        background: #111827 !important;
        color: #f8fafc !important;
        border-color: #475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu-item:hover,
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu-item.mce-selected,
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu-item.mce-active {
        background: #1f2937 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu-item .mce-text,
    :root.dark body:has(.myvybz-oi-wrap) .mce-menu-item .mce-ico {
        color: #f8fafc !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .mce-colorbutton-grid,
    :root.dark body:has(.myvybz-oi-wrap) .mce-colorbutton-grid .mce-grid-cell {
        background: #111827 !important;
        border-color: #334155 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .mce-colorbutton-grid .mce-grid-cell div {
        filter: none !important;
        forced-color-adjust: none !important;
        opacity: 1 !important;
    }

    /* Full native intake dark-mode surface. Progressify owns the :root.dark switch. */
    :root.dark body:has(.myvybz-oi-wrap){
        background:#070b14 !important;
        color:#e5e7eb !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-wrap{
        color:#e5e7eb !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-card:not(.myvybz-oi-hero),
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-form{
        background:#111827 !important;
        color:#e5e7eb !important;
        border-color:#334155 !important;
        box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-section-title,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-links-panel summary,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-section-panel>summary,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-link-label{
        color:#f8fafc !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-help,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field-help,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-character-count,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-small{
        color:#cbd5e1 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-fact{
        background:#172033 !important;
        border-color:#334155 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-fact span{
        color:#9fb0c8 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-fact strong{
        color:#f8fafc !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-links-panel,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-section-panel{
        background:#0f172a !important;
        color:#e5e7eb !important;
        border-color:#334155 !important;
    }
    /* Typed Intake fields use the established dark writing surface.
       Keep selects separate so the 1.0.44 native popup/closed-control parity
       treatment can retain its intentionally lighter selector surface. */
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field input,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field textarea,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-links-panel input[type="text"],
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-links-panel input[type="url"]{
        background:#0d141d !important;
        color:#f8fafc !important;
        border-color:#475569 !important;
        box-shadow:none !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field select{
        background:#172033 !important;
        color:#f8fafc !important;
        border-color:#475569 !important;
        box-shadow:none !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field select {
        color-scheme: dark !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field input[type="date"],
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field input[type="time"] {
        color-scheme: dark !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field input::placeholder,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field textarea::placeholder,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-links-panel input::placeholder{
        color:#8391a7 !important;
        opacity:1 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field input[readonly]{
        background:#202b3d !important;
        color:#b8c3d4 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field input:focus,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field textarea:focus,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field select:focus{
        border-color:#38bdf8 !important;
        box-shadow:0 0 0 3px rgba(56,189,248,.18) !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-editor-wrap,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-editor-container,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-field .wp-editor-tools{
        background:#0f172a !important;
        border-color:#475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-summary-required{
        background:#0c4a6e !important;
        color:#bae6fd !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-summary-optional{
        background:#273244 !important;
        color:#cbd5e1 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-edit-replacement-warning{
        background:#172554 !important;
        color:#dbeafe !important;
        border-color:#3b82f6 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-edit-replacement-warning strong,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-edit-replacement-warning span{
        color:#e0ecff !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-ack{
        color:#f8fafc !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-ack input[type="checkbox"]{
        accent-color:#22a8e8 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-button{
        color:#fff !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-notice,
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-message{
        color:#f8fafc !important;
        border-color:#475569 !important;
    }
    :root.dark body:has(.myvybz-oi-wrap) .myvybz-oi-admin-richtext{
        color:#e5e7eb !important;
    }


/* 1.0.43 — MyVyBZ native select popup parity.
   Keep this narrow to MyVyBZ-owned customer UI. Chromium/Windows uses
   color-scheme when painting the native option popup, so give each managed
   surface the correct scheme instead of inheriting the opposite day/night UI. */
:root:not(.dark) body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select {
    color-scheme: light !important;
}
:root.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select,
html.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select {
    color-scheme: dark !important;
}
:root.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select option,
:root.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select optgroup,
html.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select option,
html.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-oi-wrap,
    .myvybz-notice-editor,
    .myvybz-sub-pref-notice-modal
) select optgroup {
    background:#101a25 !important;
    color:#f3f7fb !important;
}


/* ============================================================
   1.0.44 — CUSTOMER FORM CONTROL PARITY / PARTIAL DARK LEAK FIX
   ------------------------------------------------------------
   Narrow repairs only for MyVyBZ-owned secure surfaces that were
   visibly escaping their component paint. Do not broaden to generic
   theme inputs/buttons/selects.
   ============================================================ */

/* Native select popup + closed control parity for Preferences / Notice
   editor / Intake. Chromium/Windows still owns the popup itself, so the
   color-scheme and option palette must agree with the active site mode. */
:root:not(.dark) body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-sub-pref-notice-modal,
    .myvybz-notice-editor,
    .myvybz-oi-wrap
) select{
    color-scheme:light!important;
}
:root.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-sub-pref-notice-modal,
    .myvybz-notice-editor,
    .myvybz-oi-wrap
) select,
html.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-sub-pref-notice-modal,
    .myvybz-notice-editor,
    .myvybz-oi-wrap
) select{
    color-scheme:dark!important;
    background:#172033!important;
    color:#f8fafc!important;
    border-color:#475569!important;
}
:root.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-sub-pref-notice-modal,
    .myvybz-notice-editor,
    .myvybz-oi-wrap
) select :is(option,optgroup),
html.dark body :is(
    .myvybz-sub-pref-wrap,
    .myvybz-sub-pref-notice-modal,
    .myvybz-notice-editor,
    .myvybz-oi-wrap
) select :is(option,optgroup){
    background:#101a25!important;
    color:#f3f7fb!important;
}

/* Preferences primary action row was intermittently being stripped to
   bare text by broader theme/PWA button paint. Reassert the component owner. */
body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > button.myvybz-sub-pref-button,
body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:11px 18px!important;
    border:1px solid #159be5!important;
    border-radius:999px!important;
    background:#159be5!important;
    background-color:#159be5!important;
    background-image:none!important;
    color:#fff!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-decoration:none!important;
    text-shadow:none!important;
    box-shadow:0 4px 12px rgba(21,155,229,.18)!important;
    cursor:pointer!important;
    opacity:1!important;
}
body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > button.myvybz-sub-pref-button:is(:hover,:focus-visible),
body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button:is(:hover,:focus-visible){
    background:#0879bd!important;
    background-color:#0879bd!important;
    border-color:#25b5ee!important;
    color:#fff!important;
    box-shadow:0 0 0 2px rgba(37,181,238,.12),0 6px 16px rgba(0,0,0,.18)!important;
}
body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button.myvybz-sub-pref-reset{
    background:#465364!important;
    background-color:#465364!important;
    border-color:#5f7085!important;
    color:#fff!important;
    box-shadow:none!important;
}
body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > .myvybz-sub-pref-button.myvybz-sub-pref-reset:is(:hover,:focus-visible){
    background:#364353!important;
    background-color:#364353!important;
    border-color:#6f8299!important;
    color:#fff!important;
}
:root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > button.myvybz-sub-pref-button,
:root.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button,
html.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > button.myvybz-sub-pref-button,
html.dark body .myvybz-sub-pref-wrap .myvybz-sub-pref-actions > a.myvybz-sub-pref-button{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
}

/* 1.0.45: Short card description now inherits the repaired Intake typing-field
   owner above. The 1.0.44 exact #172033 rescue was removed because it was
   overriding the established #0d141d writing surface. */