/* Dejtify v86.478 cached runtime CSS. Moved from per-request inline HTML so browsers can cache it across pages. */
/* v86.170: Dejtify uses one canonical chat surface. */
        #chat-main-container,.chat-main-container>.chat-container,.hidden-chat-box-container,.open-container-button{display:none!important;}
        a,button,[role="button"],input[type="submit"]{touch-action:manipulation;}
        .dejtify-credit-page{width:min(1460px,calc(100% - 32px));margin:0 auto;padding:18px 0 48px;box-sizing:border-box;}
        .dejtify-credit-page h1{margin:0 0 6px;font-size:clamp(26px,5vw,38px);line-height:1.1;}
        .dejtify-credit-page-intro{margin:0 0 18px;color:#555;}
        .dejtify-credit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch;width:100%;}
        .dejtify-credit-card{background:#fff;border:1px solid #ececf1;border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden;box-sizing:border-box;}
        .dejtify-credit-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin:0!important;padding:0!important;min-width:0!important;width:100%!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-weight:800!important;line-height:1!important;color:#17120e!important;text-transform:none!important;letter-spacing:0!important;overflow:visible!important;}
        .dejtify-credit-count{display:block!important;width:100%!important;font-size:clamp(36px,3vw,48px)!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;overflow:visible!important;}
        .dejtify-credit-label{display:block!important;width:100%!important;margin-top:4px!important;font-size:clamp(20px,1.65vw,26px)!important;line-height:1.08!important;font-weight:750!important;white-space:nowrap!important;overflow:visible!important;}
        .dejtify-custom-credit-card h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:24px!important;line-height:1.15!important;margin:0 0 4px!important;}
        .dejtify-credit-price{font-size:27px;font-weight:800;line-height:1;margin:2px 0 4px;}
        .dejtify-credit-card form{margin:0;width:100%;display:block;}
        .dejtify-credit-card button,.dejtify-custom-credit-card button{width:100%;min-height:46px;border:0;border-radius:10px;font-weight:700;cursor:pointer;}
        /* v85: the theme was flattening the predefined card submit into plain text.
           Scope the checkout controls to this virtual page and force both payment
           methods to remain real, full-width, tappable buttons on mobile/desktop. */
        #dejtify-credit-plans .dejtify-credit-card form > button.dejtify-credit-card-button,
        #dejtify-credit-plans .dejtify-custom-credit-card button.dejtify-credit-card-button{
            -webkit-appearance:none!important;appearance:none!important;
            display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
            width:100%!important;min-width:0!important;min-height:48px!important;
            margin:0!important;padding:11px 14px!important;
            border:0!important;border-radius:12px!important;
            background:#252525!important;background-image:none!important;
            color:#fff!important;font-size:16px!important;font-weight:750!important;line-height:1.15!important;
            text-decoration:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
            cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;
            position:relative!important;z-index:2!important;box-sizing:border-box!important;
            -webkit-tap-highlight-color:transparent!important;
        }
        #dejtify-credit-plans .dejtify-credit-card form > button.dejtify-credit-card-button:hover,
        #dejtify-credit-plans .dejtify-custom-credit-card button.dejtify-credit-card-button:hover{background:#171717!important;color:#fff!important;}
        #dejtify-credit-plans .dejtify-credit-card form > button.dejtify-credit-card-button:focus,
        #dejtify-credit-plans .dejtify-credit-card form > button.dejtify-credit-card-button:focus-visible,
        #dejtify-credit-plans .dejtify-credit-card form > button.dejtify-credit-card-button:active,
        #dejtify-credit-plans .dejtify-custom-credit-card button.dejtify-credit-card-button:focus,
        #dejtify-credit-plans .dejtify-custom-credit-card button.dejtify-credit-card-button:focus-visible,
        #dejtify-credit-plans .dejtify-custom-credit-card button.dejtify-credit-card-button:active{
            outline:none!important;box-shadow:none!important;transform:none!important;color:#fff!important;
        }
        #dejtify-credit-plans .dejtify-credit-button-icon{width:20px!important;height:20px!important;display:block!important;flex:0 0 20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;}
        #dejtify-credit-plans .dejtify-credit-klarna-button{
            -webkit-appearance:none!important;appearance:none!important;
            display:flex!important;align-items:center!important;justify-content:center!important;
            width:100%!important;min-width:0!important;min-height:48px!important;
            margin:0!important;padding:11px 14px!important;border:0!important;border-radius:12px!important;
            background:#ef5350!important;background-image:none!important;color:#fff!important;
            font-size:16px!important;font-weight:750!important;line-height:1.15!important;
            text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important;
            touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;box-sizing:border-box!important;
        }
        #dejtify-credit-plans .dejtify-credit-klarna-button:focus,
        #dejtify-credit-plans .dejtify-credit-klarna-button:focus-visible,
        #dejtify-credit-plans .dejtify-credit-klarna-button:active{outline:none!important;box-shadow:none!important;transform:none!important;}
        .dejtify-credit-page-heading{display:flex;align-items:center;gap:12px;margin:0 0 6px;}
        .dejtify-credit-page-heading h1{margin:0!important;}
        .dejtify-credit-page-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 46px;background:#fff1f5;border:1px solid #f4c5d2;color:#e83e6f;box-shadow:0 3px 12px rgba(0,0,0,.05);}
        .dejtify-credit-page-icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;}
        .dejtify-custom-credit-card{margin-top:16px;background:#fff;border:1px solid #ececf1;border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(0,0,0,.06);}
        .dejtify-custom-credit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:12px 0;}
        .dejtify-custom-credit-row input{width:100%;min-height:46px;border:1px solid #cfcfd7;border-radius:10px;padding:8px 12px;font-size:18px;box-sizing:border-box;}
        .dejtify-custom-credit-total{font-weight:800;white-space:nowrap;}
        .dejtify-custom-credit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
        @media(max-width:1280px){.dejtify-credit-page{width:min(980px,calc(100% - 28px))}.dejtify-credit-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
        @media(max-width:760px){.dejtify-credit-page{width:calc(100% - 20px);padding-top:10px}.dejtify-credit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dejtify-credit-card{padding:14px;gap:9px}.dejtify-credit-count{font-size:32px!important}.dejtify-credit-label{font-size:19px!important}.dejtify-credit-price{font-size:23px}.dejtify-custom-credit-actions{grid-template-columns:1fr}.dejtify-credit-page-heading{gap:9px}.dejtify-credit-page-icon{width:40px;height:40px;flex-basis:40px}.dejtify-credit-page-icon svg{width:22px;height:22px}}
        @media(max-width:370px){.dejtify-credit-grid{grid-template-columns:1fr}.dejtify-credit-count{font-size:34px!important}.dejtify-credit-label{font-size:20px!important}}
        .dejtify-mobile-chat-menu{display:none!important;}
        .dejtify-instant-chat-page{width:100%;max-width:1400px;margin:0 auto;padding:24px 16px;}
        .dejtify-instant-chat-page .profile-content-inner.instant-chat{width:100%;}
        /* v61: keep WP Dating native avatar sizes/layout, but cap the recent
           conversation rail to the visible chat area. Any number of chats stays
           inside the rail and scrolls there instead of stretching the whole page. */
        #dejtify-instant-chat-page .dejtify-chat-roster{
            max-height:min(72dvh,760px)!important;
            min-height:0!important;
            overflow-y:auto!important;
            overflow-x:hidden!important;
            overscroll-behavior:contain!important;
            -webkit-overflow-scrolling:touch;
            scrollbar-width:thin;
            box-sizing:border-box!important;
        }
        #dejtify-instant-chat-page .dejtify-chat-roster-shell{min-height:0!important;overflow:hidden!important;}
        #dejtify-instant-chat-page .dejtify-chat-roster > *{flex-shrink:0!important;}
        @media(max-width:767px){
            #dejtify-instant-chat-page .dejtify-chat-roster{max-height:min(68dvh,680px)!important;}
        }
        /* v86.95: many chats stay inside one bounded desktop workspace. */
        @media(min-width:992px){
            #dejtify-instant-chat-page .dejtify-chat-layout-root{height:min(74dvh,760px)!important;min-height:520px!important;max-height:min(74dvh,760px)!important;overflow:hidden!important;}
            #dejtify-instant-chat-page .dejtify-chat-roster-shell{height:100%!important;min-height:0!important;overflow:hidden!important;}
            #dejtify-instant-chat-page .dejtify-chat-roster{height:100%!important;max-height:100%!important;overflow-y:auto!important;}
            #dejtify-instant-chat-page .dejtify-chat-message-pane{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
            #dejtify-instant-chat-page .dejtify-chat-history-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;}
            #dejtify-instant-chat-page .dejtify-chat-composer-host-chain,#dejtify-instant-chat-page .dejtify-chat-composer-bar{flex:0 0 auto!important;}
            /* v86.101: when a member has many conversations, every roster item
               gets its own fixed visual row. Vendor floats/line-heights can no
               longer stack names/previews/avatars on top of the next chat. */
            #dejtify-instant-chat-page .dejtify-chat-layout-root > .dejtify-chat-roster-shell{
                flex:0 0 clamp(300px,25vw,360px)!important;
                width:clamp(300px,25vw,360px)!important;
                min-width:300px!important;
                max-width:360px!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-roster > .dejtify-chat-roster-row{
                display:block!important;
                position:relative!important;
                clear:both!important;
                float:none!important;
                min-height:76px!important;
                height:76px!important;
                max-height:76px!important;
                padding:8px 12px!important;
                margin:0!important;
                overflow:hidden!important;
                box-sizing:border-box!important;
                border-bottom:1px solid rgba(32,33,36,.08)!important;
                line-height:1.25!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-roster > .dejtify-chat-roster-row img{
                width:48px!important;
                height:48px!important;
                min-width:48px!important;
                min-height:48px!important;
                max-width:48px!important;
                max-height:48px!important;
                object-fit:cover!important;
                border-radius:50%!important;
                vertical-align:top!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-roster > .dejtify-chat-roster-row a,
            #dejtify-instant-chat-page .dejtify-chat-roster > .dejtify-chat-roster-row [role="button"]{
                box-sizing:border-box!important;
                max-width:100%!important;
            }
        }
        #dejtify-credit-plans{scroll-margin-top:110px;}
        .dejtify-klarna-credit-form{margin:8px auto 0!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;}
        .dejtify-klarna-button{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:38px!important;margin:0 auto!important;padding:9px 14px!important;border-radius:18px!important;font-size:13px!important;line-height:1.15!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;}
        .dejtify-klarna-wordmark{font:inherit!important;font-weight:700!important;letter-spacing:0!important;line-height:1.15!important;}
        .dejtify-klarna-financing-note{display:none!important;}
        .dsp_upgrade-container .dejtify-klarna-credit-form + br{display:none!important;}
        @media(max-width:767px){.dejtify-klarna-button{font-size:12px!important;padding:8px 11px!important;min-height:36px!important;}}
        .dejtify-credit-shortcut a{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
        .dejtify-credit-shortcut-link{box-sizing:border-box!important;touch-action:manipulation;}

        /* v64: pointer taps on checkout/back controls must not leave the long
           mobile focus/tap rectangle behind. Keyboard focus remains available
           through :focus-visible; only pointer focus is cleared by JS. */
        .dejtify-checkout-back-control{
            -webkit-tap-highlight-color:transparent!important;
            touch-action:manipulation!important;
        }
        .dejtify-checkout-back-control:focus,
        .dejtify-checkout-back-control:focus-visible,
        .dejtify-checkout-back-control:active{
            outline:none!important;
            box-shadow:none!important;
            text-decoration:none!important;
        }

        /* v78: credit-empty chat notice. WP Dating renders this dynamically,
           often as a red alert with a text link. Give the notice a calmer
           Dejtify rose surface, dark readable copy and one stable CTA. */
        .dejtify-credit-lock-notice{
            background:#fff3f5!important;
            background-image:none!important;
            border:1px solid #f2bcc7!important;
            border-radius:10px!important;
            color:#202124!important;
            box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
        }
        .dejtify-credit-lock-notice *{color:#202124!important;}
        .dejtify-credit-lock-notice .dejtify-credit-lock-cta{
            display:inline-flex!important;
            align-items:center!important;
            justify-content:center!important;
            min-height:40px!important;
            padding:9px 16px!important;
            margin-top:8px!important;
            border:0!important;
            border-radius:999px!important;
            background:#e83e6f!important;
            background-image:none!important;
            color:#fff!important;
            font-weight:700!important;
            line-height:1.2!important;
            text-decoration:none!important;
            box-shadow:none!important;
            -webkit-tap-highlight-color:transparent!important;
            touch-action:manipulation!important;
            cursor:pointer!important;
        }
        .dejtify-credit-lock-notice .dejtify-credit-lock-cta *,
        .dejtify-credit-lock-notice .dejtify-credit-lock-cta:visited{color:#fff!important;}
        .dejtify-credit-lock-notice .dejtify-credit-lock-cta:focus,
        .dejtify-credit-lock-notice .dejtify-credit-lock-cta:focus-visible,
        .dejtify-credit-lock-notice .dejtify-credit-lock-cta:active{
            outline:none!important;
            box-shadow:none!important;
            text-decoration:none!important;
        }

        /* v68: release only the confirmed chat column chain so old
           Bootstrap/theme widths cannot leave a large blank area to the right.
           The roster/pane relationship remains owned by the stable layout row. */
        #dejtify-instant-chat-page .dejtify-chat-width-release{
            width:100%!important;
            max-width:none!important;
            min-width:0!important;
            float:none!important;
            flex-basis:100%!important;
            box-sizing:border-box!important;
        }

        /* v67: keep WP Dating native chat DOM intact. Earlier releases walked
           several ancestors and forced every one to 100%/flex-basis:100%; on some
           themes that detached the active conversation from the avatar rail. We
           now touch only the closest row that actually contains BOTH the roster
           and the message composer. */
        #dejtify-instant-chat-page{width:100%!important;max-width:none!important;box-sizing:border-box!important;}
        #dejtify-instant-chat-page .profile-content-inner.instant-chat{
            width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
        }
        #dejtify-instant-chat-page .dejtify-chat-layout-root{
            display:flex!important;
            flex-flow:row nowrap!important;
            align-items:stretch!important;
            width:100%!important;
            max-width:none!important;
            min-width:0!important;
            float:none!important;
            box-sizing:border-box!important;
        }
        #dejtify-instant-chat-page .dejtify-chat-layout-root > .dejtify-chat-roster-shell{
            flex:0 0 auto!important;
            min-width:0!important;
            max-width:none!important;
            box-sizing:border-box!important;
        }
        #dejtify-instant-chat-page .dejtify-chat-message-pane{
            flex:1 1 0!important;
            width:auto!important;
            min-width:0!important;
            max-width:none!important;
            float:none!important;
            box-sizing:border-box!important;
        }
        #dejtify-instant-chat-page .dejtify-chat-pane-ready{visibility:visible!important;opacity:1!important;}
        /* v86.108: never expose an empty white conversation pane while WP
           Dating mounts a delayed thread. This overlay is pointer-transparent
           and disappears the same frame real conversation DOM is detected. */
        #dejtify-instant-chat-page .dejtify-chat-message-pane{position:relative!important;}
        #dejtify-instant-chat-page .dejtify-chat-loading-shell{
            position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;
            min-height:150px;background:rgba(249,250,252,.94);color:#556071;font-size:13px;font-weight:650;
            pointer-events:none;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);
        }
        #dejtify-instant-chat-page .dejtify-chat-loading-dot{width:9px;height:9px;border-radius:50%;background:#e83e6f;box-shadow:0 0 0 0 rgba(232,62,111,.25);animation:dejtifyChatPulse .85s ease-out infinite;}
        @keyframes dejtifyChatPulse{0%{box-shadow:0 0 0 0 rgba(232,62,111,.28)}100%{box-shadow:0 0 0 9px rgba(232,62,111,0)}}
        @media(min-width:992px){
            /* Final desktop authority after the generic width-release rules. */
            #dejtify-instant-chat-page .dejtify-chat-layout-root > .dejtify-chat-roster-shell{
                flex:0 0 clamp(300px,25vw,360px)!important;
                width:clamp(300px,25vw,360px)!important;
                min-width:300px!important;
                max-width:360px!important;
            }
        }
        @media(max-width:991px){
            #dejtify-instant-chat-page{padding-left:0!important;padding-right:0!important;}
            #dejtify-instant-chat-page .dejtify-chat-layout-root{margin-left:0!important;margin-right:0!important;}
        }

        /* v76 stable mobile chat geometry.
           The previous releases correctly found the conversation, but the native
           EmojiOne editor was accidentally allowed to become the flex "composer
           bar" itself. WP Dating then recalculated that wrapper after load, which
           is why the input first looked right and then snapped smaller. Keep the
           avatar rail fixed and let only the real outer send row be flex. */
        @media(max-width:991px){
            #dejtify-instant-chat-page .dejtify-chat-layout-root.dejtify-chat-viewport-fit{
                position:relative!important;
                left:var(--dejtify-chat-left-shift,0px)!important;
                width:100vw!important;
                max-width:100vw!important;
                min-width:100vw!important;
                flex-basis:100vw!important;
                box-sizing:border-box!important;
                overflow:hidden!important;
            }
            /* The visible avatar rail is about 90px. Do not let a wider vendor
               Bootstrap/sidebar wrapper steal another 70-100px from the chat. */
            #dejtify-instant-chat-page .dejtify-chat-roster-shell,
            #dejtify-instant-chat-page .dejtify-chat-layout-root.dejtify-chat-viewport-fit > .dejtify-chat-roster-shell{
                flex:0 0 var(--dejtify-chat-roster-width,92px)!important;
                width:var(--dejtify-chat-roster-width,92px)!important;
                max-width:var(--dejtify-chat-roster-width,92px)!important;
                min-width:var(--dejtify-chat-roster-width,92px)!important;
                overflow:hidden!important;
                box-sizing:border-box!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane,
            #dejtify-instant-chat-page .dejtify-chat-layout-root.dejtify-chat-viewport-fit > .dejtify-chat-message-pane{
                flex:1 1 auto!important;
                width:calc(100vw - var(--dejtify-chat-roster-width,92px))!important;
                max-width:calc(100vw - var(--dejtify-chat-roster-width,92px))!important;
                min-width:0!important;
                margin:0!important;
                padding-left:0!important;
                padding-right:0!important;
                overflow:hidden!important;
                box-sizing:border-box!important;
            }
            /* Only the ancestor that also contains the SEND control is tagged as
               the composer bar. The .emojionearea wrapper itself must stay a
               normal editor widget; making it flex was the shrinking bug. */
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-bar{
                display:flex!important;
                flex-flow:row nowrap!important;
                align-items:center!important;
                gap:8px!important;
                width:100%!important;
                max-width:none!important;
                min-width:0!important;
                box-sizing:border-box!important;
            }
            /* v77: the EmojiOne wrapper is often nested inside a Bootstrap
               column/cell. Making only .emojionearea flexible does not enlarge
               that outer cell, so the editor can remain a narrow vertical box.
               The JS marks the DIRECT child of the real send row that contains
               the editor. That cell, not the emoji widget, owns the remaining
               horizontal space. */
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-width-chain:not(.dejtify-chat-composer-field-cell){
                width:100%!important;
                max-width:none!important;
                min-width:0!important;
                float:none!important;
                box-sizing:border-box!important;
            }
            /* v81: the first conversation opened from the mobile menu can be
               initialized while WP Dating still has a narrow Bootstrap column
               around the composer. Expand the whole confirmed composer host chain
               up to the message pane, not only the EmojiOne wrapper. This removes
               the first-chat-only narrow state and keeps later chat switches equal. */
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-host-chain{
                width:100%!important;
                max-width:none!important;
                min-width:0!important;
                float:none!important;
                box-sizing:border-box!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-bar > .dejtify-chat-composer-control-cell{
                flex:0 0 auto!important;
                width:auto!important;
                max-width:none!important;
                min-width:0!important;
                float:none!important;
                box-sizing:border-box!important;
            }
            /* CSS-level fallback applies before JS has finished marking the first
               conversation. EmojiOne may mount immediately after the menu route
               loads, so it must never be allowed to retain its measured narrow
               width even for the initial chat. */
            #dejtify-instant-chat-page .dejtify-chat-message-pane .emojionearea{
                width:100%!important;
                max-width:none!important;
                min-width:0!important;
                box-sizing:border-box!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .emojionearea .emojionearea-editor{
                width:100%!important;
                max-width:none!important;
                min-width:0!important;
                min-height:94px!important;
                height:94px!important;
                max-height:94px!important;
                box-sizing:border-box!important;
                overflow-y:auto!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-bar > .dejtify-chat-composer-field-cell,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-field-cell{
                flex:1 1 0%!important;
                flex-basis:0%!important;
                width:auto!important;
                max-width:none!important;
                min-width:0!important;
                float:none!important;
                box-sizing:border-box!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input-wrap,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input-wrap.emojionearea,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input-wrap.dejtify-chat-editor-shell{
                width:100%!important;
                max-width:none!important;
                min-width:0!important;
                min-height:96px!important;
                height:96px!important;
                box-sizing:border-box!important;
                margin:0!important;
            }
            /* If EmojiOne itself is already the direct flex child, it receives
               both classes and must still expand exactly like the field cell. */
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input-wrap.dejtify-chat-composer-field-cell{
                flex:1 1 0%!important;
                flex-basis:0%!important;
                width:auto!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input.emojionearea-editor,
            #dejtify-instant-chat-page .dejtify-chat-message-pane [contenteditable="true"].dejtify-chat-composer-input{
                display:block!important;
                width:100%!important;
                min-width:0!important;
                max-width:none!important;
                min-height:94px!important;
                height:94px!important;
                max-height:94px!important;
                overflow-y:auto!important;
                box-sizing:border-box!important;
                margin:0!important;
            }
            /* Once EmojiOne has mounted, its original textarea is only a hidden
               data source. Keep it completely outside layout so it can never form
               the second rectangle/line below the visible editor. */
            #dejtify-instant-chat-page .dejtify-chat-message-pane textarea.dejtify-chat-source-textarea{
                display:none!important;
                visibility:hidden!important;
                opacity:0!important;
                position:absolute!important;
                width:0!important;
                min-width:0!important;
                max-width:0!important;
                height:0!important;
                min-height:0!important;
                max-height:0!important;
                margin:0!important;
                padding:0!important;
                border:0!important;
                pointer-events:none!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-search-input{
                pointer-events:auto!important;
                touch-action:manipulation!important;
                position:relative!important;
                z-index:5!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-search-hidden{display:none!important;}
        }

        /* v86.41: mobile composer lock. Keep the final WP Dating/EmojiOne editor
           comfortably sized and prevent late Bootstrap/EmojiOne measurements or the
           mobile keyboard from collapsing the send row. */
        @media(max-width:991px){
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-bar{
                flex:0 0 auto!important;
                align-items:flex-end!important;
                min-height:88px!important;
                padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;
                overflow:visible!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-field-cell,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-width-chain,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-host-chain{
                min-height:82px!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input-wrap,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input-wrap.emojionearea,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .emojionearea{
                min-height:82px!important;
                height:82px!important;
                max-height:82px!important;
                flex-shrink:0!important;
                overflow:hidden!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .emojionearea .emojionearea-editor,
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-input.emojionearea-editor,
            #dejtify-instant-chat-page .dejtify-chat-message-pane [contenteditable="true"].dejtify-chat-composer-input,
            #dejtify-instant-chat-page .dejtify-chat-message-pane textarea.dejtify-chat-composer-input{
                display:block!important;
                min-height:80px!important;
                height:80px!important;
                max-height:80px!important;
                padding:10px 12px!important;
                font-size:16px!important;
                line-height:1.35!important;
                overflow-y:auto!important;
                -webkit-overflow-scrolling:touch!important;
                overscroll-behavior:contain!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-message-pane .dejtify-chat-composer-control-cell{
                align-self:flex-end!important;
                margin-bottom:2px!important;
            }
        }

        /* v86.133: mobile EmojiOne picker must escape the fixed-height editor.
           The editor itself stays 80px tall, but the picker is allowed to open
           above it at full width instead of being clipped to half an icon/row. */
        @media(max-width:991px){
            #dejtify-instant-chat-page .emojionearea,
            .wp-dating-chat .emojionearea{
                position:relative!important;
                overflow:visible!important;
            }
            #dejtify-instant-chat-page .dejtify-chat-composer-input-wrap.emojionearea,
            .wp-dating-chat .dejtify-chat-composer-input-wrap.emojionearea{overflow:visible!important;}
            #dejtify-instant-chat-page .emojionearea .emojionearea-picker,
            .wp-dating-chat .emojionearea .emojionearea-picker{
                left:auto!important;right:0!important;top:auto!important;bottom:calc(100% + 8px)!important;
                width:min(340px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
                max-height:min(360px,52vh)!important;z-index:2147483000!important;
                transform:none!important;box-sizing:border-box!important;
            }
            #dejtify-instant-chat-page .emojionearea .emojionearea-picker .emojionearea-scroll-area,
            .wp-dating-chat .emojionearea .emojionearea-picker .emojionearea-scroll-area{
                max-height:min(285px,42vh)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
            }
            #dejtify-instant-chat-page .emojionearea .emojionearea-button,
            .wp-dating-chat .emojionearea .emojionearea-button{z-index:2147483001!important;}
        }

        /* v73: reliable guest authentication fallback. The vendor popup/tabs remain
           visible, but if WP Dating leaves its body blank we inject a small native
           WordPress login/registration form instead of moving vendor forms around. */
        /* Guest auth must never become a permanent block on the start page.
           Dejtify auth helpers are visible only after an explicit guest auth click
           has armed the real WP Dating popup. */
        .dejtify-auth-ajax-fallback,.dejtify-auth-native-rescue{display:none!important;}
        [data-dejtify-auth-activated="1"] .dejtify-auth-ajax-fallback,
        [data-dejtify-auth-activated="1"] .dejtify-auth-native-rescue{display:block!important;}
        .dejtify-auth-fallback-host{position:relative!important;}
        .dejtify-auth-ajax-fallback{position:absolute!important;z-index:9!important;left:24px!important;right:24px!important;top:86px!important;bottom:22px!important;overflow:auto!important;background:#fff!important;padding:18px 10px 24px!important;box-sizing:border-box!important;}
        .dejtify-auth-ajax-fallback form{max-width:500px!important;margin:0 auto!important;display:grid!important;gap:14px!important;}
        .dejtify-auth-ajax-fallback label{display:grid!important;gap:6px!important;font-weight:600!important;color:#333!important;}
        .dejtify-auth-ajax-fallback input{display:block!important;width:100%!important;min-height:48px!important;padding:10px 12px!important;border:1px solid #ddd!important;border-radius:6px!important;background:#fff!important;color:#222!important;box-sizing:border-box!important;font-size:16px!important;}
        .dejtify-auth-ajax-fallback button[type="submit"]{min-height:48px!important;border:0!important;border-radius:6px!important;padding:11px 18px!important;background:#ef5a5a!important;color:#fff!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;}
        .dejtify-auth-ajax-fallback .dejtify-auth-error{display:none;margin:0!important;padding:10px 12px!important;border-radius:6px!important;background:#fff1f1!important;color:#9b1c1c!important;line-height:1.35!important;}
        .dejtify-auth-ajax-fallback[data-view="login"] .dejtify-auth-register-form{display:none!important;}
        .dejtify-auth-ajax-fallback[data-view="register"] .dejtify-auth-login-form{display:none!important;}
        @media(max-width:767px){.dejtify-auth-ajax-fallback{left:14px!important;right:14px!important;top:82px!important;bottom:14px!important;padding:12px 4px 18px!important;}}

        /* v63 emergency native-auth rescue. It is injected only when the real
           WP Dating/dsp_login forms exist but every field remains hidden after
           the popup opens. The REAL forms are moved here, so their original
           submit handlers, nonces and registration fields stay intact. */
        .dejtify-auth-native-rescue{position:absolute!important;z-index:8!important;left:22px!important;right:22px!important;top:82px!important;bottom:20px!important;overflow:auto!important;background:#fff!important;padding:12px 10px 22px!important;box-sizing:border-box!important;}
        .dejtify-auth-native-rescue > form{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;width:100%!important;max-width:520px!important;height:auto!important;min-height:0!important;margin:0 auto!important;transform:none!important;}
        .dejtify-auth-native-rescue > form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
        .dejtify-auth-native-rescue > form select,
        .dejtify-auth-native-rescue > form textarea{visibility:visible!important;opacity:1!important;max-width:100%!important;box-sizing:border-box!important;}
        .dejtify-auth-native-rescue > form[hidden]{display:none!important;}
        @media(max-width:767px){.dejtify-auth-native-rescue{left:14px!important;right:14px!important;top:78px!important;bottom:14px!important;padding:8px 4px 18px!important;}}

        .dejtify-delete-account-notice{padding:18px 20px;border:1px solid #e7d7cf;border-radius:10px;background:#fff;margin:12px 0 20px;font-size:16px;line-height:1.5;}
        .dejtify-delete-account-notice a{font-weight:700;}
        .dejtify-disabled-delete-account{display:none!important;}
        .dejtify-credit-plan-duplicate{display:none!important;}
        .dejtify-live-credit-badge{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
        .dejtify-live-credit-display,.dejtify-live-credit-display *, .profile-credits, .profile-credits *, #credits-display, #credits-display *{color:#8b8b8b!important;}
        .dejtify-live-credit-display,.profile-credits,#credits-display{font-weight:500!important;opacity:.96;letter-spacing:.01em;}
        .dejtify-live-credit-display .dejtify-credit-inline-label,.profile-credits .dejtify-credit-inline-label,#credits-display .dejtify-credit-inline-label{font-weight:500!important;}
        .dejtify-live-credit-display .dejtify-live-credit-value,.profile-credits .dejtify-live-credit-value,#credits-display .dejtify-live-credit-value{font-weight:500!important;color:#848484!important;}
        .dejtify-hidden-public-location{display:none!important;}
        .dejtify-meet-location-readable,.dejtify-meet-location-readable *,
        .dsp-meet-details,.dsp-meet-details *,[class*="meet-details"],[class*="meet-details"] *,[class*="meet_detail"],[class*="meet_detail"] *{color:#fff!important;opacity:1!important;text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 2px rgba(0,0,0,.65)!important;}
        .dejtify-meet-location-readable,.dsp-meet-details,[class*="meet-details"],[class*="meet_detail"]{font-weight:600!important;}
        .dejtify-klarna-status{margin:12px 0 18px;padding:12px 14px;border:1px solid #bbb;border-radius:6px;background:#fff;}
        .dejtify-klarna-status[data-status="success"]{font-weight:600;}
        .dejtify-klarna-status[data-status="error"]{font-weight:600;}
        #dejtify-credit-plans a,#dejtify-credit-plans button,.dsp_upgrade-container a,.dsp_upgrade-container button{
            -webkit-tap-highlight-color:transparent;touch-action:manipulation;
        }
        #dejtify-credit-plans a:focus,#dejtify-credit-plans a:focus-visible,#dejtify-credit-plans a:active,
        #dejtify-credit-plans button:focus,#dejtify-credit-plans button:focus-visible,#dejtify-credit-plans button:active,
        .dsp_upgrade-container a:focus,.dsp_upgrade-container a:focus-visible,.dsp_upgrade-container a:active,
        .dsp_upgrade-container button:focus,.dsp_upgrade-container button:focus-visible,.dsp_upgrade-container button:active{
            outline:none!important;box-shadow:none!important;
        }
        /* v37 image policy: WP Dating owns home/avatar crop and geometry again.
           Dejtify only applies selective full-resolution treatment to surfaces
           where it is safe (primarily Meet Me/search results). */
        img[src*="/uploads/dsp_media/user_photos/"]{
            image-rendering:auto!important;
            -ms-interpolation-mode:bicubic;
        }
        img.dejtify-sharp-member-photo{
            backface-visibility:hidden;
            -webkit-font-smoothing:antialiased;
        }
        /* Members: only the WP Dating HQ bitmap is selected. No Dejtify crop,
           object-fit or geometry override is applied; WP Dating keeps the
           existing card format exactly as rendered by the theme/plugin. */
        .dsp_guest_home_page_wrap img[data-dejtify-directory-hq="1"],
        .dsp_meet_me img[data-dejtify-directory-hq="1"],
        .dsp-meet-me img[data-dejtify-directory-hq="1"],
        body.home img[data-dejtify-directory-hq="1"],
        body.front-page img[data-dejtify-directory-hq="1"]{
            image-rendering:auto!important;
            opacity:1!important;filter:none!important;transition:none!important;
            background-color:transparent!important;
        }
        /* Members filter is intentionally County-only below Country. City stays
           in stored profile data but is not exposed as a filter control. */
        body .dejtify-members-city-filter-hidden{display:none!important;}
        #dejtify-instant-chat-page .dejtify-recipient-fallback-list{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow:auto;-webkit-overflow-scrolling:touch;margin:8px 0 12px;padding:2px;}
        #dejtify-instant-chat-page .dejtify-recipient-fallback-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #e9e9ee;border-radius:10px;background:#fff;cursor:pointer;box-sizing:border-box;}
        #dejtify-instant-chat-page .dejtify-recipient-fallback-row:hover{background:#fafafd;border-color:#dddde6;}
        #dejtify-instant-chat-page .dejtify-recipient-fallback-row input{flex:0 0 auto!important;margin:0!important;}
        #dejtify-instant-chat-page .dejtify-recipient-fallback-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        #dejtify-instant-chat-page .dejtify-recipient-empty-sv{padding:12px;color:#777;text-align:center;}

        /* v37: Home/start cards and compact profile avatars deliberately have
           NO Dejtify geometry/object-fit overrides. WP Dating once again owns
           its native thumbnail dimensions, crop, circle size and spacing. */

        /* v63: absolutely no Dejtify width/height/aspect-ratio/object-fit/margin
           rules on member cards. WP Dating/theme owns every image slot exactly. */
        /* v61: photo formats, dimensions, crop and wrappers are entirely owned
           by WP Dating. Dejtify changes only the bitmap URL/quality. */
        /* Profile action strip: Dejtify uses realtime Chatta, not the old e-mail composer. */
        #dsp_plugin ul:has(#wpee-instant-chat-form) > li:has(a[href*="/email/compose/"]){display:none!important;}
        .dejtify-mobile-chat-menu a{touch-action:manipulation;}
        @media(max-width:991px){
            .dejtify-mobile-chat-menu{display:list-item!important;}
            .dejtify-instant-chat-page{padding:12px 0;}
        }
/* v86.28 privacy/UI: dates in WP Dating news-feed cards are intentionally hidden. */
        .dsp-news-feed-container p[style*="text-align: right"],
        #news_feed_box p[style*="text-align: right"],
        .wpdating-newsfeed p[style*="text-align: right"]{display:none!important;}

        /* v86.43 premium production finish: visual stability and graceful
           connection feedback without changing WP Dating functionality. */
        /* v86.47: remove the faint grey outer chrome seen above/below the
           public site.  Inner theme sections keep their own intended colours. */
        html,body{background-color:#fff!important;}
        body:before,body:after,#page:before,#page:after,.site:before,.site:after{background:transparent!important;box-shadow:none!important;outline:0!important;}
        body>#page,body>.site,#page.site,.site-content,#content.site-content{background-color:#fff;}
        html.dejtify-premium-runtime{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
        /* v86.65: Chrome/Edge cross-document View Transitions keep the previous
           page snapshot visible while the next WordPress document is arriving.
           This removes the white blank/pause visible in mobile navigation without
           turning WP Dating into an SPA or changing any page functionality. */
        /* v86.202: native navigation stays immediate. Cross-document view
           transitions held old/new page snapshots and made fast navigation feel
           slower than the server actually was. */
        #dejtify-page-progress{position:fixed;left:0;top:0;width:0;height:3px;z-index:2147483646;pointer-events:none;opacity:0;background:linear-gradient(90deg,#d93d7d,#7b4cc9);box-shadow:0 1px 7px rgba(132,56,130,.24);transition:width .04s ease,opacity .04s ease;}
        #dejtify-page-progress.active{opacity:1;width:82%;}
        #dejtify-page-progress.active.working{width:96%;transition:width .06s cubic-bezier(.2,.7,.2,1),opacity .04s ease;}
        #dejtify-page-progress.done{width:100%;opacity:0;transition:width .03s ease,opacity .05s ease;}
        #dejtify-connection-pill{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:2147483645;transform:translate(-50%,16px);padding:9px 14px;border-radius:999px;background:#23252a;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 30px rgba(20,24,32,.18);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap;max-width:calc(100vw - 28px);overflow:hidden;text-overflow:ellipsis;}
        #dejtify-connection-pill.show{opacity:1;transform:translate(-50%,0);}
        #dejtify-connection-pill.online{background:#176b4a;}
        #dejtify-connection-pill.offline{background:#34363d;}
        /* v86.48: the premium image placeholder must disappear once an image
           is decoded. Transparent brand logos were otherwise showing the
           #f2f3f6 placeholder as a visible grey rectangle in header/footer. */
        /* v86.88: no grey/white bitmap placeholder at all. It caused the
           visible light-grey marking behind the Dejtify.se branding while the
           real transparent logo was decoding. */
        img[data-dejtify-premium-image="1"]{background-color:transparent!important;transition:opacity .12s ease,filter .12s ease;}
        img[data-dejtify-premium-image="1"]:not(.dejtify-image-ready){opacity:1;}
        img[data-dejtify-premium-image="1"].dejtify-image-ready{opacity:1;background-color:transparent!important;}
        img.dejtify-premium-logo,.custom-logo,.custom-logo-link img,.site-logo img,.site-branding img[class*="logo"],header img[class*="logo"],footer img[class*="logo"],
        .custom-logo-link,.site-logo,.site-branding,.site-branding a,.site-title,.site-title a,.navbar-brand,.navbar-brand a{
            background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:0!important;border-color:transparent!important;
        }
        .dejtify-member-meta-fill{display:inline;margin:0;font-size:12px;line-height:1.25;font-weight:500;color:inherit;opacity:.94;white-space:normal;}
        .dejtify-member-directory-county{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.3!important;font-weight:500!important;opacity:.94!important;visibility:visible!important;white-space:normal!important;}
        .dsp_guest_home_page_wrap [data-dejtify-member-card="1"] .dejtify-member-meta-host{overflow:visible!important;min-height:58px;}
        .dsp_guest_home_page_wrap [data-dejtify-member-card="1"] .dejtify-member-directory-county{color:#fff!important;position:relative!important;z-index:2!important;}
        .dsp_guest_home_page_wrap .dsp_guest_home_page_col1 .dejtify-member-directory-county{display:block!important;visibility:visible!important;opacity:.96!important;height:auto!important;max-height:none!important;overflow:visible!important;margin-top:4px!important;color:#fff!important;}
        .dsp_guest_home_page_wrap [data-dejtify-member-card="1"] h6,.dsp_guest_home_page_wrap [data-dejtify-member-card="1"] .dspdp-h6{white-space:normal;overflow:visible;text-overflow:clip;}
        .skeleton-list i,.thread-loading span,.page-loading:before{background-size:220% 100%;animation:dejtifyPremiumShimmer 1.25s ease-in-out infinite;}
        @keyframes dejtifyPremiumShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        a,button,input[type=submit]{-webkit-tap-highlight-color:transparent;}
        button:not(:disabled),input[type=submit]:not(:disabled),a[role=button]{transition:transform .12s ease,box-shadow .16s ease,opacity .16s ease;}
        button:not(:disabled):active,input[type=submit]:not(:disabled):active,a[role=button]:active{transform:translateY(1px);}
        @media(prefers-reduced-motion:reduce){#dejtify-page-progress,#dejtify-connection-pill,img[data-dejtify-premium-image="1"],button,input[type=submit],a[role=button]{transition:none!important}.skeleton-list i,.thread-loading span,.page-loading:before{animation:none!important}}