.lnpm-wrap {
    color: #fff;
}

.lnpm-hero {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 22px;
}

.lnpm-hero h2 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.1;
    color: #fff;
}

.lnpm-hero p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.6;
}

.lnpm-status {
    display: inline-flex;
    white-space: nowrap;
    padding: 9px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.12);
}

.lnpm-status-pending {
    color: #ffd55f;
    background: rgba(255,179,25,.12);
    border-color: rgba(255,179,25,.35);
}

.lnpm-status-verified {
    color: #80ffb0;
    background: rgba(42,220,120,.12);
    border-color: rgba(42,220,120,.35);
}

.lnpm-status-rejected {
    color: #ff8a8a;
    background: rgba(255,80,80,.12);
    border-color: rgba(255,80,80,.35);
}

.lnpm-form {
    display: grid;
    gap: 22px;
}

.lnpm-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.lnpm-form label span,
.lnpm-upload span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,.86);
    font-weight: 700;
}

.lnpm-form input[type="text"],
.lnpm-form input[type="file"] {
    width: 100%;
    background: #161616;
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    border-radius: 14px;
    padding: 14px 15px;
    min-height: 52px;
}

.lnpm-form input:focus {
    outline: none;
    border-color: rgba(255,179,25,.75);
    box-shadow: 0 0 0 3px rgba(255,179,25,.12);
}

.lnpm-section {
    border-top: 1px solid rgba(255,255,255,.22);
    padding-top: 22px;
}

.lnpm-section h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 22px;
}

.lnpm-section p {
    color: rgba(255,255,255,.72);
    line-height: 1.7;
}

.lnpm-current-id a {
    color: #ffb319;
    font-weight: 800;
}

.lnpm-actions {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}

.lnpm-save {
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg,#ffd55f,#ffad14);
    color: #000;
    font-weight: 900;
    padding: 14px 22px;
    cursor: pointer;
}

.lnpm-updated {
    color: rgba(255,255,255,.55);
    font-size: 13px;
}

.lnpm-notice {
    padding: 12px 14px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-weight: 800;
}

.lnpm-success {
    background: rgba(40,200,110,.12);
    color: #80ffb0;
    border: 1px solid rgba(40,200,110,.25);
}

.lnpm-error {
    background: rgba(255,80,80,.12);
    color: #ff9a9a;
    border: 1px solid rgba(255,80,80,.25);
}

@media (max-width: 760px) {
    .lnpm-hero {
        flex-direction: column;
    }

    .lnpm-grid {
        grid-template-columns: 1fr;
    }

    .lnpm-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .lnpm-save {
        width: 100%;
    }
}

.lnpm-status-required {
    color: #d9d9d9;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.22);
}

.lnpm-current-id {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    color: rgba(255,255,255,.72);
}

.lnpm-current-id a {
    color: #ffb319;
    font-weight: 800;
}

/* v0.1.8: keep payout page scrolling natural on mobile after saving/uploads. */
.lnpm-wrap,
.lnpm-wrap * {
    scroll-behavior: auto !important;
}

.lnpm-wrap {
    touch-action: pan-y;
    overscroll-behavior: auto;
}


/* v0.1.10: make verification status badge reliably tappable on mobile themes. */
.lnpm-status-button {
    cursor: pointer;
    pointer-events: auto !important;
    position: relative;
    z-index: 3;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 179, 25, .18);
}

.lnpm-status-panel {
    margin: 0 0 18px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(10,10,10,.92);
    border: 1px solid rgba(255,179,25,.28);
    color: #fff;
}

.lnpm-status-panel h3 {
    margin: 0 0 8px;
    color: #ffd55f;
}

.lnpm-status-panel p {
    margin: 0 0 10px;
    color: rgba(255,255,255,.78);
    line-height: 1.55;
}

.lnpm-status-close {
    float: right;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

/* v0.1.11: native details/summary status popup - works without JavaScript on mobile. */
.lnpm-status-details {
    position: relative;
    display: inline-block;
}

.lnpm-status-details > summary {
    list-style: none;
}

.lnpm-status-details > summary::-webkit-details-marker {
    display: none;
}

.lnpm-status-details[open] .lnpm-status-panel {
    display: block;
}

.lnpm-status-details .lnpm-status-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 9999;
    width: min(360px, calc(100vw - 40px));
    box-shadow: 0 18px 50px rgba(0,0,0,.45);
}

@media (max-width: 760px) {
    .lnpm-status-details {
        width: 100%;
    }

    .lnpm-status-details .lnpm-status-panel {
        position: static;
        width: 100%;
        margin-top: 12px;
    }
}


/* v0.1.12: keep saved bank details hidden from account users. */
.lnpm-secure-field-note {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.58);
    font-size: 12px;
    line-height: 1.45;
}

.lnpm-form input::placeholder {
    color: rgba(255,255,255,.78);
    opacity: 1;
}


/* v0.1.18: upload modal uses real file input inside the modal for Android/WebView. */


.lnpm-upload--popup {
    position: relative;
    display: block;
}

.lnpm-photo-id-trigger {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 14px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.8);
    background: #f5f5f5;
    color: #111;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
}

.lnpm-photo-id-file-name {
    display: inline-block;
    margin-left: 8px;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    max-width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lnpm-photo-id-input[hidden] {
    display: none !important;
}

.lnpm-modal-open {
    overflow: hidden;
}

.lnpm-id-upload-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0,0,0,.72);
    padding: 18px;
    align-items: center;
    justify-content: center;
}

.lnpm-id-upload-modal.is-open {
    display: flex;
}

.lnpm-id-upload-modal__box {
    position: relative;
    width: min(440px, 100%);
    max-height: calc(100vh - 60px);
    overflow: auto;
    border-radius: 20px;
    border: 1px solid rgba(255,179,25,.35);
    background: #171717;
    color: #fff;
    padding: 22px;
    box-shadow: 0 22px 70px rgba(0,0,0,.6);
}

.lnpm-id-upload-modal__box h4 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 17px;
}

.lnpm-id-upload-modal__box ul {
    margin: 0 0 20px 20px;
    padding: 0;
    color: rgba(255,255,255,.86);
    line-height: 1.65;
}

.lnpm-id-upload-modal__box p {
    margin: 0 0 18px;
    color: rgba(255,255,255,.82);
    line-height: 1.55;
}

.lnpm-id-upload-modal__close {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 10px;
    right: 12px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.lnpm-id-upload-modal__continue {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    width: 100%;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(180deg,#ffd55f,#ffad14);
    color: #000;
    font-weight: 900;
    padding: 13px 18px;
    cursor: pointer;
}


/* v0.1.30: modal is controlled by JS class only, same stable pattern as working avatar upload. */
.lnpm-upload--popup .lnpm-photo-id-trigger {
    appearance: none;
    -webkit-appearance: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(255, 179, 25, .22);
    pointer-events: auto !important;
    touch-action: manipulation;
}

.lnpm-id-upload-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    text-align: center;
    z-index: 2;
}


/* v0.1.34 modern identity verification section */
.lnpm-id-section {
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 24px;
}
.lnpm-id-header {display:flex;gap:16px;align-items:flex-start;margin-bottom:18px;}
.lnpm-id-icon {font-size:38px;line-height:1;}
.lnpm-id-header h3 {margin:0 0 6px;font-size:36px;font-weight:800;}
.lnpm-id-header p {margin:0;color:rgba(255,255,255,.78);line-height:1.6;}
.lnpm-id-types {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 22px;}
.lnpm-id-type {padding:18px 10px;border:1px solid rgba(255,179,25,.25);border-radius:18px;text-align:center;background:rgba(255,179,25,.05);font-weight:700;color:#fff;}
.lnpm-upload-modern {border:2px dashed rgba(255,179,25,.45);padding:20px;border-radius:22px;background:rgba(255,179,25,.03);display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.lnpm-upload-label {font-size:15px;font-weight:700;color:#fff;}
.lnpm-upload-modern .lnpm-photo-id-trigger {background:#fff;color:#000;border-radius:14px;padding:14px 22px;font-weight:800;}
.lnpm-upload-modern .lnpm-photo-id-file-name {color:rgba(255,255,255,.7);font-size:15px;}
.lnpm-upload-tips {list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px;}
.lnpm-upload-tips li {position:relative;padding-left:28px;color:rgba(255,255,255,.82);line-height:1.5;}
.lnpm-upload-tips li:before {content:"✓";position:absolute;left:0;top:0;color:#ffbf2f;font-weight:800;}
@media (max-width:760px){.lnpm-id-types{grid-template-columns:1fr;}.lnpm-id-header h3{font-size:28px;}}

/* v0.1.35: polished LuckyNumber identity verification UI matching the approved mockup */
.lnpm-id-section {
    border-top: 1px solid rgba(255,255,255,.15) !important;
    padding-top: 28px !important;
    margin-top: 8px;
}

.lnpm-id-header {
    display: grid !important;
    grid-template-columns: 72px minmax(0,1fr);
    gap: 18px !important;
    align-items: center !important;
    margin-bottom: 24px !important;
}

.lnpm-id-icon {
    width: 62px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5a900;
}

.lnpm-id-icon svg,
.lnpm-id-type-icon svg,
.lnpm-upload-cloud svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lnpm-id-copy h3,
.lnpm-id-header h3 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: clamp(30px, 7vw, 40px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em;
}

.lnpm-id-copy p,
.lnpm-id-header p {
    margin: 0 !important;
    max-width: 460px;
    color: rgba(255,255,255,.72) !important;
    font-size: clamp(18px, 4.8vw, 26px) !important;
    line-height: 1.55 !important;
    letter-spacing: -0.025em;
}

.lnpm-id-types {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 18px 0 30px !important;
    padding: 18px 10px !important;
    border: 1px solid rgba(245,169,0,.28);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}

.lnpm-id-type {
    min-height: 118px;
    padding: 8px 10px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    font-size: clamp(14px, 3.6vw, 18px);
    line-height: 1.15;
    font-weight: 700 !important;
}

.lnpm-id-type:last-child {
    border-right: 0 !important;
}

.lnpm-id-type-icon {
    width: 48px;
    height: 48px;
    color: #f5a900;
}

.lnpm-upload-title {
    color: #fff;
    font-size: clamp(22px, 5.3vw, 30px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.03em;
    margin: 0 0 14px;
}

.lnpm-upload-modern {
    display: block !important;
    border: 1.5px dashed rgba(245,169,0,.75) !important;
    border-radius: 18px !important;
    padding: 0 !important;
    background: rgba(255,255,255,.018) !important;
    overflow: hidden;
}

.lnpm-upload-modern .lnpm-photo-id-trigger {
    width: 100%;
    min-height: 104px;
    display: grid !important;
    grid-template-columns: 78px minmax(0,1fr);
    align-items: center;
    justify-content: start;
    gap: 18px;
    padding: 22px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-align: left;
    box-shadow: none !important;
}

.lnpm-upload-cloud {
    width: 54px;
    height: 44px;
    color: #f5a900;
    display: flex;
}

.lnpm-upload-main {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0 !important;
}

.lnpm-upload-main strong {
    color: #fff;
    font-size: clamp(20px, 5vw, 29px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.lnpm-upload-modern .lnpm-photo-id-file-name {
    display: block !important;
    margin: 0 !important;
    color: rgba(255,255,255,.63) !important;
    font-size: clamp(16px, 4vw, 22px) !important;
    line-height: 1.25;
    max-width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lnpm-upload-tips {
    list-style: none !important;
    padding: 0 !important;
    margin: 26px 0 0 !important;
    display: grid !important;
    gap: 12px !important;
}

.lnpm-upload-tips li {
    position: relative;
    padding-left: 40px !important;
    color: rgba(255,255,255,.66) !important;
    font-size: clamp(16px, 4vw, 22px);
    line-height: 1.35 !important;
    font-weight: 500;
}

.lnpm-upload-tips li:before {
    content: "✓" !important;
    position: absolute;
    left: 0;
    top: .05em;
    width: 24px;
    height: 24px;
    border: 1.5px solid rgba(245,169,0,.75);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f5a900 !important;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.lnpm-actions {
    margin-top: 22px;
}

.lnpm-save {
    min-height: 74px;
    width: 100%;
    border-radius: 18px !important;
    font-size: clamp(18px, 4.4vw, 26px);
    box-shadow: 0 10px 26px rgba(255,174,20,.18);
}

@media (max-width: 760px) {
    .lnpm-id-section {
        padding-top: 26px !important;
    }

    .lnpm-id-header {
        grid-template-columns: 64px minmax(0,1fr);
        gap: 14px !important;
    }

    .lnpm-id-icon {
        width: 54px;
        height: 62px;
    }

    .lnpm-id-types {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 16px 4px !important;
        border-radius: 16px;
    }

    .lnpm-id-type {
        min-height: 105px;
        padding: 6px 4px !important;
        font-size: 13px;
    }

    .lnpm-id-type-icon {
        width: 42px;
        height: 42px;
    }

    .lnpm-upload-modern .lnpm-photo-id-trigger {
        min-height: 88px;
        grid-template-columns: 62px minmax(0,1fr);
        gap: 14px;
        padding: 18px 20px !important;
    }

    .lnpm-upload-cloud {
        width: 48px;
        height: 40px;
    }
}



/* v0.1.37: remove only payout outer theme/account boxes on payout screen.
   Keeps the approved Identity Verification block and all upload/JS logic unchanged. */
body.lnpm-payout-active .woocommerce-MyAccount-content,
body:has(.lnpm-wrap) .woocommerce-MyAccount-content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.lnpm-payout-active .ln-woo .woocommerce,
body.lnpm-payout-active .ln-page-body,
body.lnpm-payout-active .ln-card,
body:has(.lnpm-wrap) .ln-woo .woocommerce,
body:has(.lnpm-wrap) .ln-page-body,
body:has(.lnpm-wrap) .ln-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.lnpm-payout-active .woocommerce form.lnpm-form,
body.lnpm-payout-active form.lnpm-form,
body:has(.lnpm-wrap) .woocommerce form.lnpm-form,
body:has(.lnpm-wrap) form.lnpm-form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.lnpm-payout-active .lnpm-wrap,
body:has(.lnpm-wrap) .lnpm-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 760px;
}

@media (max-width: 760px) {
    body.lnpm-payout-active .ln-section,
    body.lnpm-payout-active .ln-content,
    body.lnpm-payout-active .ln-page,
    body.lnpm-payout-active .ln-woo,
    body:has(.lnpm-wrap) .ln-section,
    body:has(.lnpm-wrap) .ln-content,
    body:has(.lnpm-wrap) .ln-page,
    body:has(.lnpm-wrap) .ln-woo {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.lnpm-payout-active .woocommerce-MyAccount-content,
    body:has(.lnpm-wrap) .woocommerce-MyAccount-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}



/* v0.1.38: mobile edge-to-edge payout layout only.
   Purpose: remove the remaining theme/account card gutters on the Payout endpoint.
   Does not change upload logic, popup JS, bank fields saving, admin, or verification flow. */
@media (max-width: 760px) {

    body.lnpm-payout-active.woocommerce-account .ln-page,
    body.lnpm-payout-active.woocommerce-account .ln-content,
    body.lnpm-payout-active.woocommerce-account .ln-section,
    body.lnpm-payout-active.woocommerce-account .ln-woo,
    body:has(.lnpm-wrap).woocommerce-account .ln-page,
    body:has(.lnpm-wrap).woocommerce-account .ln-content,
    body:has(.lnpm-wrap).woocommerce-account .ln-section,
    body:has(.lnpm-wrap).woocommerce-account .ln-woo {
        max-width: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body.lnpm-payout-active.woocommerce-account .ln-page-body,
    body.lnpm-payout-active.woocommerce-account .ln-woo .woocommerce,
    body.lnpm-payout-active.woocommerce-account .woocommerce,
    body:has(.lnpm-wrap).woocommerce-account .ln-page-body,
    body:has(.lnpm-wrap).woocommerce-account .ln-woo .woocommerce,
    body:has(.lnpm-wrap).woocommerce-account .woocommerce {
        max-width: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body.lnpm-payout-active.woocommerce-account .woocommerce-MyAccount-content,
    body:has(.lnpm-wrap).woocommerce-account .woocommerce-MyAccount-content {
        max-width: none !important;
        width: 100% !important;
        min-height: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: 0 30px 118px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.lnpm-payout-active form.lnpm-form,
    body:has(.lnpm-wrap) form.lnpm-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.lnpm-payout-active .lnpm-hero,
    body:has(.lnpm-wrap) .lnpm-hero {
        width: 100% !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.lnpm-payout-active .lnpm-grid,
    body:has(.lnpm-wrap) .lnpm-grid {
        width: 100% !important;
    }

    body.lnpm-payout-active .lnpm-id-section,
    body:has(.lnpm-wrap) .lnpm-id-section {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.lnpm-payout-active .lnpm-save,
    body:has(.lnpm-wrap) .lnpm-save {
        width: 100% !important;
    }
}

@media (max-width: 420px) {
    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 360px) {
    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* v0.1.39: final edge-to-edge override is injected inline in render_form so it loads after theme CSS. */


/* v0.1.40 true full-bleed payout mobile cleanup */
@media (max-width:760px){
  body:has(.lnpm-wrap) .lnpm-wrap,body.lnpm-payout-active .lnpm-wrap{padding-left:0!important;padding-right:0!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;}
  body:has(.lnpm-wrap) .lnpm-hero,body.lnpm-payout-active .lnpm-hero,body:has(.lnpm-wrap) .lnpm-grid,body.lnpm-payout-active .lnpm-grid,body:has(.lnpm-wrap) .lnpm-id-section,body.lnpm-payout-active .lnpm-id-section,body:has(.lnpm-wrap) .lnpm-actions,body.lnpm-payout-active .lnpm-actions{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:22px!important;padding-right:22px!important;margin-left:0!important;margin-right:0!important;}
  body:has(.lnpm-wrap) .lnpm-grid,body.lnpm-payout-active .lnpm-grid{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
  body:has(.lnpm-wrap) .lnpm-grid>label,body.lnpm-payout-active .lnpm-grid>label{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  body:has(.lnpm-wrap) .lnpm-form input[type="text"],body.lnpm-payout-active .lnpm-form input[type="text"],body:has(.lnpm-wrap) .lnpm-id-types,body.lnpm-payout-active .lnpm-id-types,body:has(.lnpm-wrap) .lnpm-upload-modern,body.lnpm-payout-active .lnpm-upload-modern,body:has(.lnpm-wrap) .lnpm-save,body.lnpm-payout-active .lnpm-save{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
}



/* v0.1.42: centred payout intro + compact identity verification UI only.
   No PHP saving, upload, popup, JS or admin logic changes. */
@media (max-width: 760px) {

    .lnpm-hero {
        text-align: center !important;
        padding-top: 20px !important;
        padding-bottom: 18px !important;
        margin-bottom: 18px !important;
    }

    .lnpm-hero h1,
    .lnpm-hero .lnpm-title,
    .lnpm-wrap h1 {
        text-align: center !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(34px, 9vw, 46px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;
    }

    .lnpm-hero p,
    .lnpm-hero .lnpm-subtitle {
        text-align: center !important;
        max-width: 92% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(18px, 4.8vw, 24px) !important;
        line-height: 1.36 !important;
    }

    .lnpm-status,
    .lnpm-badge,
    .lnpm-pill {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .lnpm-id-section {
        padding-top: 34px !important;
        padding-bottom: 20px !important;
    }

    .lnpm-id-head {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) !important;
        column-gap: 16px !important;
        align-items: center !important;
        margin-bottom: 18px !important;
    }

    .lnpm-id-shield,
    .lnpm-id-head svg:first-child {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }

    .lnpm-id-title,
    .lnpm-id-head h2 {
        font-size: clamp(32px, 8.5vw, 42px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.055em !important;
        margin: 0 0 8px !important;
    }

    .lnpm-id-desc,
    .lnpm-id-head p {
        font-size: clamp(18px, 4.7vw, 24px) !important;
        line-height: 1.28 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    .lnpm-id-types {
        margin-top: 18px !important;
        padding: 18px 10px !important;
        border-radius: 18px !important;
        min-height: 118px !important;
    }

    .lnpm-id-type {
        gap: 8px !important;
        padding: 4px 6px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 34px !important;
        height: 34px !important;
        stroke-width: 1.75 !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        font-size: clamp(14px, 3.9vw, 18px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em !important;
    }

    .lnpm-upload-title,
    .lnpm-id-section h3 {
        font-size: clamp(28px, 7vw, 36px) !important;
        line-height: 1.05 !important;
        margin-top: 28px !important;
        margin-bottom: 14px !important;
        letter-spacing: -0.045em !important;
    }

    .lnpm-upload-box {
        min-height: 108px !important;
        padding: 20px 22px !important;
        border-radius: 18px !important;
    }

    .lnpm-upload-box svg,
    .lnpm-upload-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .lnpm-upload-box strong,
    .lnpm-upload-main {
        font-size: clamp(24px, 6vw, 32px) !important;
        line-height: 1.05 !important;
    }

    .lnpm-upload-box span,
    .lnpm-upload-file,
    .lnpm-file-name {
        font-size: clamp(18px, 4.8vw, 24px) !important;
        line-height: 1.15 !important;
    }

    .lnpm-id-tips {
        margin-top: 22px !important;
        gap: 12px !important;
    }

    .lnpm-id-tip,
    .lnpm-id-tips li {
        font-size: clamp(19px, 5vw, 25px) !important;
        line-height: 1.28 !important;
        gap: 14px !important;
    }

    .lnpm-id-tip::before,
    .lnpm-id-tips li::before {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 19px !important;
    }
}

@media (max-width: 390px) {
    .lnpm-id-head {
        grid-template-columns: 50px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .lnpm-id-shield,
    .lnpm-id-head svg:first-child {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }

    .lnpm-id-types {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 30px !important;
        height: 30px !important;
    }
}


/* v0.1.43: make only the Identity Verification intro + document type card shorter on mobile. */
@media (max-width: 760px) {

    .lnpm-id-section {
        padding-top: 24px !important;
        padding-bottom: 14px !important;
    }

    .lnpm-id-head {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: center !important;
        margin-bottom: 12px !important;
    }

    .lnpm-id-shield,
    .lnpm-id-head svg:first-child {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        stroke-width: 1.55 !important;
    }

    .lnpm-id-title,
    .lnpm-id-head h2 {
        font-size: clamp(30px, 7.2vw, 38px) !important;
        line-height: 0.96 !important;
        margin: 0 0 6px !important;
        letter-spacing: -0.055em !important;
    }

    .lnpm-id-desc,
    .lnpm-id-head p {
        font-size: clamp(16px, 4.2vw, 20px) !important;
        line-height: 1.22 !important;
        margin: 0 !important;
        max-width: 96% !important;
    }

    .lnpm-id-types {
        margin-top: 14px !important;
        padding: 12px 8px !important;
        min-height: 92px !important;
        border-radius: 16px !important;
    }

    .lnpm-id-type {
        gap: 5px !important;
        padding: 2px 4px !important;
        justify-content: center !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 28px !important;
        height: 28px !important;
        stroke-width: 1.55 !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        font-size: clamp(13px, 3.45vw, 16px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.025em !important;
    }

    .lnpm-upload-title,
    .lnpm-id-section h3 {
        margin-top: 22px !important;
    }
}

@media (max-width: 390px) {

    .lnpm-id-head {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .lnpm-id-shield,
    .lnpm-id-head svg:first-child {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    .lnpm-id-title,
    .lnpm-id-head h2 {
        font-size: clamp(28px, 7vw, 34px) !important;
    }

    .lnpm-id-desc,
    .lnpm-id-head p {
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.18 !important;
    }

    .lnpm-id-types {
        min-height: 86px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 25px !important;
        height: 25px !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        font-size: clamp(12px, 3.35vw, 15px) !important;
    }
}


/* v0.1.44: wider but shorter document-type row + reduced bottom gap before mobile nav.
   CSS only. No upload, popup, save, bank or admin logic changed. */
@media (max-width: 760px) {

    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-bottom: 72px !important;
    }

    .lnpm-id-section {
        padding-bottom: 8px !important;
    }

    .lnpm-id-types {
        width: calc(100vw - 36px) !important;
        max-width: calc(100vw - 36px) !important;
        margin-left: calc(50% - 50vw + 18px) !important;
        margin-right: calc(50% - 50vw + 18px) !important;
        min-height: 74px !important;
        padding: 8px 6px !important;
        border-radius: 15px !important;
        align-items: center !important;
    }

    .lnpm-id-type {
        min-height: 58px !important;
        gap: 3px !important;
        padding: 0 4px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 23px !important;
        height: 23px !important;
        stroke-width: 1.45 !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        font-size: clamp(12px, 3.2vw, 14px) !important;
        line-height: 1.02 !important;
        max-width: 100% !important;
    }

    .lnpm-upload-title,
    .lnpm-id-section h3 {
        margin-top: 18px !important;
        margin-bottom: 12px !important;
    }

    .lnpm-id-tips {
        margin-bottom: 18px !important;
    }

    .lnpm-save,
    .lnpm-submit,
    button[name="lnpm_save_payout"] {
        margin-bottom: 0 !important;
    }

    form.lnpm-form {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 390px) {
    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-left: 14px !important;
        padding-right: 14px !important;
        padding-bottom: 68px !important;
    }

    .lnpm-id-types {
        width: calc(100vw - 28px) !important;
        max-width: calc(100vw - 28px) !important;
        margin-left: calc(50% - 50vw + 14px) !important;
        margin-right: calc(50% - 50vw + 14px) !important;
        min-height: 70px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .lnpm-id-type {
        min-height: 54px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 21px !important;
        height: 21px !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        font-size: clamp(11.5px, 3.05vw, 13.5px) !important;
    }
}


/* v0.1.45: document options centred + shorter row + save button closer to bottom nav.
   CSS only. No payout saving/upload/popup/admin logic changed. */
@media (max-width: 760px) {

    .lnpm-id-types {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-items: center !important;
        min-height: 86px !important;
        padding: 10px 4px !important;
    }

    .lnpm-id-type {
        width: 100% !important;
        min-height: 66px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 7px !important;
        padding: 0 3px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        display: block !important;
        width: 27px !important;
        height: 27px !important;
        margin: 0 auto !important;
        stroke-width: 1.55 !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        font-size: clamp(13px, 3.35vw, 15px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.025em !important;
        white-space: normal !important;
    }

    .lnpm-id-types > *:not(:last-child) {
        border-right-color: rgba(255,255,255,.16) !important;
    }

    .lnpm-id-tips {
        margin-top: 20px !important;
        margin-bottom: 8px !important;
        gap: 10px !important;
    }

    .lnpm-id-tip,
    .lnpm-id-tips li {
        line-height: 1.18 !important;
    }

    .lnpm-save,
    .lnpm-submit,
    button[name="lnpm_save_payout"] {
        margin-top: 18px !important;
        margin-bottom: 0 !important;
    }

    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-bottom: 42px !important;
    }

    form.lnpm-form,
    .lnpm-form {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 390px) {
    .lnpm-id-types {
        min-height: 80px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .lnpm-id-type {
        min-height: 60px !important;
        gap: 6px !important;
    }

    .lnpm-id-type svg,
    .lnpm-id-type .lnpm-id-icon {
        width: 25px !important;
        height: 25px !important;
    }

    .lnpm-id-type span,
    .lnpm-id-type strong {
        font-size: clamp(12px, 3.2vw, 14px) !important;
    }

    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-bottom: 36px !important;
    }
}


/* v0.1.46: compact Upload ID photos title + file chooser box only.
   CSS only. No upload, popup, save, bank or admin logic changed. */
@media (max-width: 760px) {

    .lnpm-upload-title,
    .lnpm-id-section h3 {
        font-size: clamp(30px, 7.6vw, 38px) !important;
        line-height: 1.02 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        letter-spacing: -0.055em !important;
    }

    .lnpm-upload-box,
    .lnpm-file-box,
    .lnpm-id-upload-box {
        min-height: 92px !important;
        padding: 14px 22px !important;
        border-radius: 18px !important;
        gap: 16px !important;
    }

    .lnpm-upload-box svg,
    .lnpm-upload-icon,
    .lnpm-file-box svg,
    .lnpm-id-upload-box svg {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }

    .lnpm-upload-box strong,
    .lnpm-upload-main,
    .lnpm-file-box strong,
    .lnpm-id-upload-box strong {
        font-size: clamp(24px, 6vw, 30px) !important;
        line-height: 1 !important;
        margin-bottom: 4px !important;
    }

    .lnpm-upload-box span,
    .lnpm-upload-file,
    .lnpm-file-name,
    .lnpm-file-box span,
    .lnpm-id-upload-box span {
        font-size: clamp(17px, 4.4vw, 22px) !important;
        line-height: 1.05 !important;
    }

    .lnpm-id-tips {
        margin-top: 16px !important;
    }
}

@media (max-width: 390px) {

    .lnpm-upload-title,
    .lnpm-id-section h3 {
        font-size: clamp(28px, 7.2vw, 34px) !important;
        margin-top: 18px !important;
    }

    .lnpm-upload-box,
    .lnpm-file-box,
    .lnpm-id-upload-box {
        min-height: 84px !important;
        padding: 12px 18px !important;
        gap: 14px !important;
    }

    .lnpm-upload-box svg,
    .lnpm-upload-icon,
    .lnpm-file-box svg,
    .lnpm-id-upload-box svg {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .lnpm-upload-box strong,
    .lnpm-upload-main,
    .lnpm-file-box strong,
    .lnpm-id-upload-box strong {
        font-size: clamp(22px, 5.7vw, 28px) !important;
    }

    .lnpm-upload-box span,
    .lnpm-upload-file,
    .lnpm-file-name,
    .lnpm-file-box span,
    .lnpm-id-upload-box span {
        font-size: clamp(16px, 4.1vw, 20px) !important;
    }
}


/* v0.1.47 hard force compact upload area */
@media (max-width:760px){

h3.lnpm-upload-title,
.lnpm-upload-title,
.lnpm-wrap h3:not(.lnpm-main-title){
    font-size:22px !important;
    line-height:1 !important;
    margin-bottom:10px !important;
}

.lnpm-upload-box,
.lnpm-file-box,
.lnpm-id-upload-box,
.lnpm-upload-area,
.lnpm-wrap label[for*="upload"],
.lnpm-wrap .upload-area{
    min-height:48px !important;
    height:auto !important;
    padding:6px 12px !important;
    border-radius:16px !important;
}

.lnpm-upload-box svg,
.lnpm-file-box svg,
.lnpm-id-upload-box svg,
.lnpm-upload-area svg{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
}

.lnpm-upload-box strong,
.lnpm-file-box strong,
.lnpm-id-upload-box strong,
.lnpm-upload-area strong,
.lnpm-wrap .choose-files{
    font-size:14px !important;
    line-height:1 !important;
}

.lnpm-upload-box span,
.lnpm-file-box span,
.lnpm-id-upload-box span,
.lnpm-upload-area span,
.lnpm-wrap .file-name{
    font-size:11px !important;
    line-height:1 !important;
}
}


/* v0.1.48 compact footer spacing */
.lnpm-wrap form,
.lnpm-main-wrap,
.lnpm-card,
.lnpm-content{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

body .lnpm-wrap{
    margin-bottom:0 !important;
}

body .lnpm-save-wrap,
body .lnpm-submit-wrap{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body .lnpm-save-wrap .button,
body .lnpm-submit-wrap .button,
body .lnpm-save-wrap button,
body .lnpm-submit-wrap button{
    margin-bottom:6px !important;
}


/* v0.1.49 stronger compact bottom spacing */
@media (max-width:760px){

    .lnpm-upload-title,
    h3.lnpm-upload-title,
    .lnpm-wrap h3:not(.lnpm-main-title){
        font-size:22px !important;
        line-height:0.95 !important;
        margin-top:12px !important;
        margin-bottom:6px !important;
    }

    .lnpm-upload-box,
    .lnpm-file-box,
    .lnpm-id-upload-box,
    .lnpm-upload-area,
    .lnpm-wrap label[for*="upload"],
    .lnpm-wrap .upload-area{
        min-height:48px !important;
        padding:6px 12px !important;
        border-radius:14px !important;
        gap:10px !important;
    }

    .lnpm-upload-box svg,
    .lnpm-file-box svg,
    .lnpm-id-upload-box svg,
    .lnpm-upload-area svg{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
    }

    .lnpm-upload-box strong,
    .lnpm-file-box strong,
    .lnpm-id-upload-box strong,
    .lnpm-upload-area strong,
    .lnpm-wrap .choose-files{
        font-size:14px !important;
        line-height:1 !important;
        margin:0 !important;
    }

    .lnpm-upload-box span,
    .lnpm-file-box span,
    .lnpm-id-upload-box span,
    .lnpm-upload-area span,
    .lnpm-wrap .file-name{
        font-size:11px !important;
        line-height:1 !important;
        margin:0 !important;
    }

    .lnpm-id-tips,
    .lnpm-checklist,
    .lnpm-help-list{
        margin-top:8px !important;
        margin-bottom:4px !important;
        gap:5px !important;
    }

    .lnpm-id-tip,
    .lnpm-id-tips li,
    .lnpm-checklist li,
    .lnpm-help-list li{
        font-size:18px !important;
        line-height:1.12 !important;
        margin:0 !important;
        padding:0 !important;
        gap:8px !important;
    }

    .lnpm-id-tip::before,
    .lnpm-id-tips li::before,
    .lnpm-checklist li::before,
    .lnpm-help-list li::before{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        font-size:14px !important;
    }

    .lnpm-save,
    .lnpm-submit,
    button[name="lnpm_save_payout"]{
        min-height:52px !important;
        height:52px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        margin-top:8px !important;
        margin-bottom:0 !important;
        border-radius:20px !important;
    }

    .lnpm-save-wrap,
    .lnpm-submit-wrap{
        margin-top:8px !important;
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .lnpm-wrap,
    .lnpm-form,
    .lnpm-card,
    .lnpm-content,
    .lnpm-main-wrap{
        padding-bottom:0 !important;
        margin-bottom:0 !important;
        min-height:auto !important;
    }

    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap{
        padding-bottom:0 !important;
    }
}


/* v0.1.50 REAL inspected compact fix.
   Targets actual markup:
   .lnpm-upload-modern > .lnpm-photo-id-trigger
   .lnpm-upload-cloud
   .lnpm-upload-main
   .lnpm-photo-id-file-name
   .lnpm-upload-tips
   .lnpm-actions / .lnpm-save
   CSS only. No upload/popup/save/admin logic changed. */
@media (max-width: 760px) {

    .lnpm-id-section .lnpm-upload-title {
        font-size: 18px !important;
        line-height: 0.95 !important;
        margin-top: 8px !important;
        margin-bottom: 6px !important;
        letter-spacing: -0.035em !important;
    }

    .lnpm-upload.lnpm-upload-modern {
        border-radius: 14px !important;
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        gap: 0 !important;
    }

    .lnpm-upload-modern .lnpm-photo-id-trigger,
    button.lnpm-photo-id-trigger {
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        padding: 6px 12px !important;
        border-radius: 14px !important;
        gap: 10px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .lnpm-upload-cloud {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        flex: 0 0 24px !important;
    }

    .lnpm-upload-cloud svg {
        width: 24px !important;
        height: 24px !important;
        stroke-width: 2 !important;
    }

    .lnpm-upload-main {
        gap: 1px !important;
        line-height: 1 !important;
    }

    .lnpm-upload-main strong,
    .lnpm-upload-modern .lnpm-upload-main strong {
        font-size: 14px !important;
        line-height: 1 !important;
        margin: 0 !important;
        letter-spacing: -0.01em !important;
    }

    .lnpm-upload-modern .lnpm-photo-id-file-name,
    .lnpm-photo-id-file-name {
        font-size: 10.5px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    .lnpm-upload-tips {
        margin: 7px 0 0 !important;
        gap: 3px !important;
        padding: 0 !important;
    }

    .lnpm-upload-tips li {
        font-size: 13px !important;
        line-height: 1.08 !important;
        padding-left: 18px !important;
        margin: 0 !important;
    }

    .lnpm-upload-tips li:before {
        font-size: 12px !important;
        top: 0 !important;
    }

    .lnpm-actions {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        gap: 0 !important;
    }

    .lnpm-save {
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 14px !important;
        margin: 0 !important;
        border-radius: 16px !important;
        line-height: 44px !important;
        font-size: 15px !important;
    }

    .lnpm-id-section {
        padding-bottom: 4px !important;
        margin-bottom: 0 !important;
    }

    .lnpm-form,
    .lnpm-wrap,
    .lnpm-content,
    .woocommerce-MyAccount-content {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    body.lnpm-payout-active .lnpm-wrap,
    body:has(.lnpm-wrap) .lnpm-wrap {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }
}

@media (max-width: 390px) {
    .lnpm-id-section .lnpm-upload-title {
        font-size: 17px !important;
        margin-top: 6px !important;
        margin-bottom: 5px !important;
    }

    .lnpm-upload-modern .lnpm-photo-id-trigger,
    button.lnpm-photo-id-trigger {
        min-height: 42px !important;
        height: 42px !important;
        padding: 5px 10px !important;
        gap: 8px !important;
    }

    .lnpm-upload-cloud,
    .lnpm-upload-cloud svg {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
    }

    .lnpm-upload-main strong,
    .lnpm-upload-modern .lnpm-upload-main strong {
        font-size: 13px !important;
    }

    .lnpm-upload-modern .lnpm-photo-id-file-name,
    .lnpm-photo-id-file-name {
        font-size: 10px !important;
    }

    .lnpm-upload-tips li {
        font-size: 12px !important;
    }

    .lnpm-save {
        height: 42px !important;
        min-height: 42px !important;
        line-height: 42px !important;
    }
}


/* v0.1.51: reduce only the empty bottom gap below Save Payout Details on mobile.
   No layout, upload, popup, form, bank or verification logic changed. */
@media (max-width:760px){

    body.woocommerce-account .lnpm-wrap,
    body.woocommerce-account .lnpm-form,
    body.woocommerce-account .lnpm-id-section,
    body.woocommerce-account .lnpm-actions,
    body.woocommerce-account .lnpm-save-wrap,
    body.woocommerce-account .lnpm-submit-wrap{
        padding-bottom:0 !important;
        margin-bottom:0 !important;
        min-height:0 !important;
    }

    body.woocommerce-account .lnpm-save,
    body.woocommerce-account .lnpm-submit,
    body.woocommerce-account button[name="lnpm_save_payout"]{
        margin-bottom:0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content,
    body.woocommerce-account .woocommerce-MyAccount-content > *,
    body.woocommerce-account.ln-ma-page-mode .woocommerce-MyAccount-content,
    body.woocommerce-account.ln-myaccount-endpoint-page .woocommerce-MyAccount-content{
        padding-bottom:0 !important;
        margin-bottom:0 !important;
        min-height:0 !important;
    }

    body.woocommerce-account .woocommerce,
    body.woocommerce-account .ln-page,
    body.woocommerce-account .ln-page-body,
    body.woocommerce-account .ln-woo{
        padding-bottom:0 !important;
        margin-bottom:0 !important;
    }
}


/* v0.1.52: minimal upload tips alignment fix only */
@media (max-width:760px){
  .lnpm-upload-tips{
    display:block !important;
    margin-top:10px !important;
  }

  .lnpm-upload-tips li{
    position:relative !important;
    display:block !important;
    padding-left:38px !important;
    margin:0 0 8px 0 !important;
    line-height:1.22 !important;
  }

  .lnpm-upload-tips li:before{
    position:absolute !important;
    left:0 !important;
    top:0.05em !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* v0.1.53: tiny checklist alignment refinement only */
@media (max-width:760px){
  .lnpm-upload-tips li{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding-left:0 !important;
    margin:0 0 6px 0 !important;
    line-height:1.18 !important;
  }

  .lnpm-upload-tips li:before{
    position:relative !important;
    left:auto !important;
    top:-2px !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* v0.1.54: checkmark alignment only */
@media (max-width:760px){
  .lnpm-upload-tips li{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding-left:0 !important;
    margin:0 0 6px 0 !important;
    line-height:1.18 !important;
  }

  .lnpm-upload-tips li:before{
    position:relative !important;
    left:auto !important;
    top:0 !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* v0.1.11 compact mobile payout layout */
@media (max-width:760px){

.lnpm-hero{
gap:10px;
margin-bottom:12px;
}

.lnpm-hero h2{
font-size:18px;
margin-bottom:4px;
}

.lnpm-hero p{
font-size:12px;
line-height:1.4;
}

.lnpm-status{
padding:6px 10px;
font-size:11px;
}

.lnpm-form{
gap:14px;
}

.lnpm-grid{
gap:12px;
}

.lnpm-form label span,
.lnpm-upload span{
margin-bottom:5px;
font-size:13px;
}

.lnpm-form input[type="text"],
.lnpm-form input[type="file"]{
padding:10px 12px;
min-height:42px;
border-radius:12px;
font-size:14px;
}

.lnpm-section{
padding-top:14px;
}

.lnpm-section h3{
font-size:16px;
margin-bottom:6px;
}

.lnpm-section p{
font-size:12px;
line-height:1.45;
margin:4px 0;
}

.lnpm-actions{
gap:8px;
}

.lnpm-save{
padding:11px 16px;
font-size:15px;
border-radius:14px;
}

.lnpm-status-panel{
padding:12px;
border-radius:14px;
}

}


/* LuckyNumber Payout - final approved mobile compact layout */
@media (max-width: 768px){

  /* keep payout form wide / close to phone edges */
  .lnpm-page,
  .lnpm-wrap,
  .lnpm-container,
  .lnpm-payout,
  .lnpm-card,
  .lnpm-form-card {
    max-width: none !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* center only the hero title/subtitle area */
  .lnpm-hero,
  .lnpm-payout-hero,
  .lnpm-header,
  .lnpm-payout-header {
    text-align: center !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }

  .lnpm-title,
  .lnpm-payout-title,
  .lnpm-hero h1,
  .lnpm-payout-hero h1 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 32px !important;
    line-height: 1.06 !important;
    margin-bottom: 8px !important;
  }

  .lnpm-subtitle,
  .lnpm-payout-subtitle,
  .lnpm-hero p,
  .lnpm-payout-hero p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 330px !important;
    font-size: 16px !important;
    line-height: 1.26 !important;
    margin-bottom: 12px !important;
  }

  .lnpm-verified,
  .lnpm-verified-badge,
  .lnpm-status {
    margin-left: auto !important;
    margin-right: auto !important;
    transform: scale(.88) !important;
    transform-origin: center center !important;
  }

  /* compact fields but keep text readable */
  .lnpm-wrap label,
  .lnpm-form label,
  .lnpm-card label {
    font-size: 15px !important;
    line-height: 1.15 !important;
    margin-bottom: 5px !important;
  }

  .lnpm-wrap input,
  .lnpm-form input,
  .lnpm-card input {
    min-height: 48px !important;
    height: 48px !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    border-radius: 15px !important;
  }

  .lnpm-help,
  .lnpm-hint,
  .lnpm-wrap small,
  .lnpm-form small,
  .lnpm-card small {
    font-size: 12px !important;
    line-height: 1.28 !important;
    margin-top: 5px !important;
  }

  /* Identity Verification block: compact, left icon thinner */
  .lnpm-identity,
  .lnpm-identity-box,
  .lnpm-verification,
  .lnpm-verify-box {
    padding: 14px 14px 12px !important;
    margin-top: 12px !important;
    border-radius: 20px !important;
  }

  .lnpm-identity h2,
  .lnpm-identity h3,
  .lnpm-identity-title,
  .lnpm-verification h2,
  .lnpm-verification h3 {
    font-size: 20px !important;
    line-height: 1.08 !important;
    margin-bottom: 5px !important;
  }

  .lnpm-identity p,
  .lnpm-verification p,
  .lnpm-identity-desc {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .lnpm-identity svg,
  .lnpm-verification svg,
  .lnpm-identity-icon svg,
  .lnpm-shield svg {
    stroke-width: 1.45 !important;
  }

  .lnpm-identity-icon,
  .lnpm-shield {
    transform: scale(.86) !important;
    transform-origin: center center !important;
  }

  /* Document type cards: do NOT reduce text further */
  .lnpm-doc-types,
  .lnpm-doc-grid,
  .lnpm-id-types {
    min-height: 88px !important;
    margin-top: 11px !important;
  }

  .lnpm-doc-types > *,
  .lnpm-doc-grid > *,
  .lnpm-id-types > * {
    min-height: 82px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  /* Upload ID photos: smaller heading only */
  .lnpm-upload-title,
  .lnpm-upload h2,
  .lnpm-upload h3,
  .lnpm-upload-section h2,
  .lnpm-upload-section h3 {
    font-size: 22px !important;
    line-height: 1.08 !important;
    margin: 14px 0 10px !important;
  }

  .lnpm-upload-box,
  .lnpm-file-box,
  .lnpm-file-upload {
    min-height: 64px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
  }

  .lnpm-checklist li,
  .lnpm-upload-checks li {
    font-size: 15px !important;
    line-height: 1.25 !important;
    margin-bottom: 7px !important;
  }

  .lnpm-save-btn,
  .lnpm-wrap button[type="submit"],
  .lnpm-form button[type="submit"] {
    min-height: 54px !important;
    height: 54px !important;
    font-size: 20px !important;
    border-radius: 18px !important;
    margin-top: 16px !important;
  }
}


/* LuckyNumber Payout - tighten verification/upload area only */
@media (max-width: 768px){

  /* Identity Verification whole card: smaller vertical size */
  .lnpm-identity,
  .lnpm-identity-box,
  .lnpm-verification,
  .lnpm-verify-box {
    padding-top: 10px !important;
    padding-bottom: 9px !important;
    margin-top: 8px !important;
  }

  /* less empty space inside identity header row */
  .lnpm-identity h2,
  .lnpm-identity h3,
  .lnpm-identity-title,
  .lnpm-verification h2,
  .lnpm-verification h3 {
    margin-bottom: 3px !important;
  }

  .lnpm-identity p,
  .lnpm-verification p,
  .lnpm-identity-desc {
    line-height: 1.18 !important;
    margin-bottom: 4px !important;
  }

  /* document type row: keep text same, reduce vertical height */
  .lnpm-doc-types,
  .lnpm-doc-grid,
  .lnpm-id-types {
    min-height: 76px !important;
    margin-top: 7px !important;
  }

  .lnpm-doc-types > *,
  .lnpm-doc-grid > *,
  .lnpm-id-types > * {
    min-height: 70px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* Upload ID photos area tighter */
  .lnpm-upload-title,
  .lnpm-upload h2,
  .lnpm-upload h3,
  .lnpm-upload-section h2,
  .lnpm-upload-section h3 {
    margin-top: 9px !important;
    margin-bottom: 7px !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
  }

  .lnpm-upload-box,
  .lnpm-file-box,
  .lnpm-file-upload {
    min-height: 54px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .lnpm-checklist,
  .lnpm-upload-checks {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .lnpm-checklist li,
  .lnpm-upload-checks li {
    margin-bottom: 4px !important;
    line-height: 1.18 !important;
  }

  .lnpm-save-btn,
  .lnpm-wrap button[type="submit"],
  .lnpm-form button[type="submit"] {
    margin-top: 10px !important;
  }
}


/* LuckyNumber Payout v0.1.58 - REAL compact fix for actual frontend classes */
@media (max-width: 768px){

    /* Identity Verification real classes */
    .lnpm-id-section{
        padding-top: 14px !important;
        margin-top: 6px !important;
    }

    .lnpm-id-header{
        grid-template-columns: 54px minmax(0,1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        margin-bottom: 12px !important;
    }

    .lnpm-id-icon{
        width: 48px !important;
        height: 54px !important;
        transform: none !important;
    }

    .lnpm-id-icon svg{
        stroke-width: 2.05 !important;
    }

    .lnpm-id-copy h3,
    .lnpm-id-header h3{
        font-size: 24px !important;
        line-height: 1.05 !important;
        margin: 0 0 4px !important;
        letter-spacing: -0.035em !important;
    }

    .lnpm-id-copy p,
    .lnpm-id-header p{
        font-size: 16px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        max-width: 360px !important;
    }

    .lnpm-id-types{
        margin: 10px 0 14px !important;
        padding: 10px 8px !important;
        min-height: 76px !important;
        border-radius: 16px !important;
    }

    .lnpm-id-type{
        min-height: 66px !important;
        padding: 5px 6px !important;
        gap: 6px !important;
    }

    .lnpm-id-type-icon{
        width: 30px !important;
        height: 30px !important;
    }

    .lnpm-id-type-icon svg{
        stroke-width: 2.15 !important;
    }

    /* Upload ID photos real classes */
    .lnpm-upload-title{
        font-size: 23px !important;
        line-height: 1.05 !important;
        margin: 8px 0 8px !important;
        letter-spacing: -0.035em !important;
    }

    .lnpm-upload-modern{
        border-radius: 16px !important;
    }

    .lnpm-upload-modern .lnpm-photo-id-trigger{
        min-height: 66px !important;
        grid-template-columns: 54px minmax(0,1fr) !important;
        gap: 10px !important;
        padding: 10px 16px !important;
    }

    .lnpm-upload-cloud{
        width: 36px !important;
        height: 30px !important;
    }

    .lnpm-upload-cloud svg{
        stroke-width: 2.15 !important;
    }

    .lnpm-upload-main{
        gap: 2px !important;
    }

    .lnpm-upload-main strong{
        font-size: 16px !important;
        line-height: 1.05 !important;
    }

    .lnpm-photo-id-file-name{
        font-size: 12px !important;
        line-height: 1.05 !important;
    }

    .lnpm-upload-tips{
        margin: 10px 0 0 !important;
        gap: 6px !important;
    }

    .lnpm-upload-tips li{
        font-size: 15px !important;
        line-height: 1.22 !important;
        padding-left: 34px !important;
        margin: 0 !important;
    }

    .lnpm-upload-tips li:before{
        width: 22px !important;
        height: 22px !important;
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .lnpm-actions{
        margin-top: 12px !important;
    }

    .lnpm-save{
        min-height: 54px !important;
        height: 54px !important;
        padding: 10px 18px !important;
        font-size: 20px !important;
        border-radius: 18px !important;
    }
}


/* LuckyNumber Payout v0.1.59 - reduce checklist, save button and identity title only */
@media (max-width: 768px){

    /* Identity Verification title slightly smaller */
    .lnpm-id-copy h3,
    .lnpm-id-header h3{
        font-size: 21px !important;
        line-height: 1.04 !important;
        margin-bottom: 3px !important;
    }

    .lnpm-id-copy p,
    .lnpm-id-header p{
        font-size: 14px !important;
        line-height: 1.22 !important;
    }

    /* checklist smaller and tighter */
    .lnpm-upload-tips{
        gap: 4px !important;
        margin-top: 8px !important;
    }

    .lnpm-upload-tips li{
        font-size: 13px !important;
        line-height: 1.18 !important;
        padding-left: 30px !important;
    }

    .lnpm-upload-tips li:before{
        width: 19px !important;
        height: 19px !important;
        line-height: 19px !important;
        font-size: 11px !important;
        top: 0 !important;
    }

    /* Save button slightly smaller */
    .lnpm-actions{
        margin-top: 10px !important;
    }

    .lnpm-save{
        min-height: 48px !important;
        height: 48px !important;
        padding: 8px 16px !important;
        font-size: 17px !important;
        border-radius: 17px !important;
    }
}


/* LuckyNumber Payout v0.1.60 - final micro compact upload/save */
@media (max-width: 768px){

    /* choose files box a little lower height */
    .lnpm-upload-modern .lnpm-photo-id-trigger{
        min-height: 58px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .lnpm-upload-modern{
        border-radius: 15px !important;
    }

    /* reduce gap before save button */
    .lnpm-upload-tips{
        margin-bottom: 4px !important;
    }

    .lnpm-actions{
        margin-top: 6px !important;
    }

    /* save button text/height slightly smaller */
    .lnpm-save{
        min-height: 44px !important;
        height: 44px !important;
        padding: 7px 15px !important;
        font-size: 15px !important;
        border-radius: 16px !important;
    }
}


/* LuckyNumber Payout v0.1.61 - reduce bottom gap near mobile nav */
@media (max-width: 768px){

    .lnpm-upload-tips{
        margin-bottom: 2px !important;
    }

    .lnpm-actions{
        margin-top: 2px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .lnpm-save{
        min-height: 42px !important;
        height: 42px !important;
        margin-bottom: 0 !important;
    }

    .lnpm-id-section,
    .lnpm-upload-section,
    .lnpm-wrap form,
    .lnpm-payout-form{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}


/* LuckyNumber Payout v0.1.62 - remove document type box border and reduce bottom gap */
@media (max-width: 768px){

    /* Remove outer box/apvadas around Passport / Driving Licence / National ID Card */
    .lnpm-id-types{
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 8px !important;
    }

    .lnpm-id-type{
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Keep only subtle dividers between the 3 items */
    .lnpm-id-type{
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
    }

    .lnpm-id-type:last-child{
        border-right: 0 !important;
    }

    /* Pull save area closer to bottom menu */
    .lnpm-upload-tips{
        margin-bottom: 0 !important;
    }

    .lnpm-actions{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .lnpm-save{
        margin-bottom: -8px !important;
    }

    .lnpm-id-section{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}


/* LuckyNumber Payout v0.1.63 - remove document dividers completely */
@media (max-width: 768px){

    /* Passport / Driving Licence / National ID Card - no box, no divider lines */
    .lnpm-id-types{
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        padding: 8px 0 6px !important;
        margin: 8px 0 10px !important;
    }

    .lnpm-id-type,
    .lnpm-id-type:first-child,
    .lnpm-id-type:last-child{
        border: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .lnpm-id-type::before,
    .lnpm-id-type::after,
    .lnpm-id-types::before,
    .lnpm-id-types::after{
        display: none !important;
        content: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* Keep the row spacing clean like approved preview */
    .lnpm-id-type{
        min-height: 58px !important;
        padding: 4px 4px !important;
        gap: 6px !important;
    }
}


/* LuckyNumber Payout v0.1.64 - smaller choose files box and tighter bottom gap */
@media (max-width: 768px){

    /* Make Choose files / No file chosen block smaller */
    .lnpm-upload-modern .lnpm-photo-id-trigger{
        min-height: 46px !important;
        height: 46px !important;
        grid-template-columns: 42px minmax(0,1fr) !important;
        gap: 8px !important;
        padding: 6px 12px !important;
    }

    .lnpm-upload-cloud{
        width: 28px !important;
        height: 24px !important;
    }

    .lnpm-upload-main{
        gap: 1px !important;
    }

    .lnpm-upload-main strong{
        font-size: 14px !important;
        line-height: 1.05 !important;
    }

    .lnpm-photo-id-file-name{
        font-size: 10px !important;
        line-height: 1.05 !important;
    }

    .lnpm-upload-modern{
        border-radius: 13px !important;
    }

    /* Pull the save button closer to the bottom mobile menu */
    .lnpm-upload-tips{
        margin-top: 7px !important;
        margin-bottom: 0 !important;
        gap: 3px !important;
    }

    .lnpm-actions{
        margin-top: 4px !important;
        margin-bottom: -16px !important;
        padding-bottom: 0 !important;
    }

    .lnpm-save{
        margin-bottom: -12px !important;
    }

    .lnpm-id-section{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}


/* LuckyNumber Payout v0.1.65 - ultra tight bottom gap */
@media (max-width: 768px){

    /* Reduce black empty area above bottom mobile nav */
    .lnpm-actions{
        margin-bottom: -42px !important;
        padding-bottom: 0 !important;
    }

    .lnpm-save{
        margin-bottom: -34px !important;
    }

    .lnpm-id-section{
        padding-bottom: 0 !important;
        margin-bottom: -24px !important;
    }

    .lnpm-upload-tips{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Slightly tighter checklist spacing */
    .lnpm-upload-tips li{
        margin-bottom: 2px !important;
    }
}


/* LuckyNumber Payout v0.1.66 - extreme bottom gap reduction */
@media (max-width: 768px){

    /* Kill almost all remaining bottom spacing */
    .lnpm-actions{
        margin-top: -8px !important;
        margin-bottom: -88px !important;
        padding-bottom: 0 !important;
    }

    .lnpm-save{
        margin-bottom: -76px !important;
        transform: translateY(0px) !important;
    }

    .lnpm-id-section{
        padding-bottom: 0 !important;
        margin-bottom: -58px !important;
    }

    .lnpm-upload-tips{
        margin-bottom: -6px !important;
        padding-bottom: 0 !important;
    }

    .woocommerce-MyAccount-content{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.woocommerce-account{
        padding-bottom: 0 !important;
    }
}


/* LuckyNumber Payout v0.1.67 - maximum bottom compression */
@media (max-width: 768px){

    /* Crush all remaining space under save button */
    .lnpm-actions{
        margin-top: -18px !important;
        margin-bottom: -150px !important;
        padding-bottom: 0 !important;
        min-height: auto !important;
    }

    .lnpm-save{
        margin-bottom: -138px !important;
        padding-bottom: 0 !important;
    }

    .lnpm-id-section{
        margin-bottom: -105px !important;
        padding-bottom: 0 !important;
    }

    .woocommerce-MyAccount-content,
    .woocommerce,
    .site-main,
    .content-area{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.woocommerce-account{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        overflow-x: hidden !important;
    }
}



/* v0.1.68 ultra compact mobile payout bottom */
@media (max-width: 768px){

.lnpm-id-upload-wrap{
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

.lnpm-upload-box,
.lnpm-upload-area{
    min-height: 68px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    border-radius: 20px !important;
}

.lnpm-upload-box svg,
.lnpm-upload-area svg{
    width: 24px !important;
    height: 24px !important;
}

.lnpm-upload-box .lnpm-upload-title,
.lnpm-upload-area .lnpm-upload-title,
.lnpm-upload-box strong{
    font-size: 14px !important;
    line-height: 1.1 !important;
}

.lnpm-upload-box .lnpm-upload-subtitle,
.lnpm-upload-area .lnpm-upload-subtitle{
    font-size: 11px !important;
    line-height: 1 !important;
}

.lnpm-id-checklist{
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    gap: 4px !important;
}

.lnpm-id-checklist li{
    margin-bottom: 2px !important;
    line-height: 1.05 !important;
    font-size: 12px !important;
}

.lnpm-save-btn-wrap,
.lnpm-submit-wrap{
    margin-top: 2px !important;
    margin-bottom: -18px !important;
    padding-bottom: 0 !important;
}

.lnpm-save-btn,
.lnpm-submit-btn,
button[name="lnpm_save_payout"]{
    margin-bottom: 0 !important;
}

}


/* LuckyNumber Payout v0.1.69 - force save button closer to bottom nav */
@media (max-width: 768px){

    /* Remove the remaining large visual gap below Save button */
    .lnpm-actions{
        margin-top: -6px !important;
        margin-bottom: -210px !important;
        padding-bottom: 0 !important;
        transform: translateY(34px) !important;
    }

    .lnpm-save{
        margin-bottom: -190px !important;
        transform: translateY(34px) !important;
    }

    .lnpm-id-section{
        margin-bottom: -150px !important;
        padding-bottom: 0 !important;
    }

    .lnpm-upload-tips{
        margin-bottom: -10px !important;
        padding-bottom: 0 !important;
    }

    .lnpm-form,
    .lnpm-card,
    .lnpm-wrap,
    .lnpm-container,
    .woocommerce-MyAccount-content{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}


/* LuckyNumber Payout v0.1.70 - reduce gap between checklist and save button */
@media (max-width: 768px){

    /* Tighten space after last checklist item before Save button */
    .lnpm-upload-tips{
        margin-bottom: -34px !important;
        padding-bottom: 0 !important;
        gap: 2px !important;
    }

    .lnpm-upload-tips li:last-child{
        margin-bottom: -8px !important;
    }

    .lnpm-actions{
        margin-top: -42px !important;
    }

    .lnpm-save{
        margin-top: 0 !important;
    }
}