:root {
    --zax-sidebar: 264px;
    --zax-sidebar-collapsed: 82px;
    --zax-topbar: 74px;
    --zax-bg: #07100e;
    --zax-bg-soft: #0a1512;
    --zax-panel: rgba(14, 29, 25, .82);
    --zax-panel-solid: #0e1d19;
    --zax-panel-2: #12241f;
    --zax-line: rgba(174, 215, 204, .13);
    --zax-line-strong: rgba(174, 215, 204, .22);
    --zax-text: #f2f8f5;
    --zax-muted: #8da49d;
    --zax-soft: #b9c9c4;
    --zax-cyan: #51e6bd;
    --zax-cyan-deep: #16b98c;
    --zax-violet: #9a8cff;
    --zax-amber: #f4b85a;
    --zax-red: #ff766d;
    --zax-shadow: 0 24px 70px rgba(0, 0, 0, .28);
    --zax-glass: rgba(14, 29, 25, .78);
    --zax-glass-strong: rgba(7, 18, 15, .94);
    --zax-surface-elevated: #12241f;
    --zax-animated-glow: rgba(81, 230, 189, .16);
    --zax-animated-violet: rgba(154, 140, 255, .12);
    --zax-gradient-brand: linear-gradient(135deg, #16b98c 0%, #51e6bd 48%, #8c7cf5 100%);
    --zax-gradient-violet: linear-gradient(135deg, #765eea 0%, #9a8cff 48%, #51e6bd 100%);
    --zax-gradient-commerce: linear-gradient(135deg, #f0a84a 0%, #e5cf70 36%, #16b98c 100%);
    --zax-grid-line: rgba(174, 215, 204, .08);
    --zax-overlay: rgba(2, 8, 6, .72);
    --zax-system-bar-color: #07100e;
    --zax-radius: 18px;
    --zax-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* 1.13.62: direct Cyber FYP playback, reliable reader controls, and sidebar session IP. */
.zax-fyp-video-toggle {
    position: absolute;
    z-index: 4;
    inset: 0;
    display: flex;
    min-width: 0;
    min-height: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    color: #f4fffb;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.zax-fyp-video-toggle > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(197, 255, 238, .38);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(17, 56, 45, .88), rgba(4, 15, 12, .78));
    box-shadow: 0 14px 34px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .18);
    -webkit-backdrop-filter: blur(14px) saturate(145%);
    backdrop-filter: blur(14px) saturate(145%);
    transition: opacity .18s ease, transform .18s ease, background .18s ease;
}

.zax-fyp-video-toggle > span .dashicons {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
}

.zax-fyp-video-toggle > small {
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: rgba(244, 255, 251, .92);
    background: rgba(2, 11, 8, .58);
    font-size: 9px;
    font-weight: 760;
    line-height: 1;
    letter-spacing: .02em;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: opacity .18s ease;
}

.zax-fyp-video-toggle.is-playing > :is(span, small) { opacity: .3; }
.zax-fyp-video-toggle:is(:hover, :focus-visible).is-playing > :is(span, small) { opacity: .9; }
.zax-fyp-video-toggle:active > span { transform: scale(.92); }
.zax-fyp-post.has-video-error .zax-fyp-video-toggle > span {
    border-color: rgba(255, 151, 170, .5);
    background: rgba(80, 16, 29, .84);
}

.zax-fyp-detail-visual .zax-fyp-media,
.zax-fyp-detail-visual .zax-fyp-clip,
.zax-fyp-detail-visual .zax-fyp-detail-video {
    pointer-events: auto !important;
}

.zax-fyp-detail-visual .zax-fyp-detail-video {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #010503;
}

.zax-sidebar-session-ip {
    display: grid;
    min-width: 0;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 12px;
    color: rgba(226, 249, 240, .8);
    background: linear-gradient(135deg, rgba(81, 230, 189, .08), rgba(255, 255, 255, .025));
}

.zax-sidebar-session-ip > .dashicons {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .11);
    font-size: 16px;
}

.zax-sidebar-session-ip > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-sidebar-session-ip small {
    color: rgba(214, 238, 229, .58);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-sidebar-session-ip strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #edfff8;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.35;
}

.zax-sidebar-session-ip em {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #8be8d0;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-app.is-sidebar-collapsed .zax-sidebar-session-ip { display: none; }

@media (max-width: 760px) {
    .zax-fyp-video-toggle > span { width: 46px; height: 46px; }
    .zax-fyp-video-toggle > span .dashicons { width: 22px; height: 22px; font-size: 22px; }
}

/* 1.17.9: On Windows the reader starts below the persistent portal header.
   It remains a compact independent panel, but its title and first comment can
   no longer sit underneath the header or be obscured by it. */
@media (min-width: 761px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: calc(var(--zax-topbar, 62px) + 12px) !important;
        right: 18px !important;
        bottom: 18px !important;
        left: auto !important;
        height: calc(100dvh - var(--zax-topbar, 62px) - 30px) !important;
        max-height: calc(100dvh - var(--zax-topbar, 62px) - 30px) !important;
        overflow: hidden !important;
    }
}

/* Cyber FYP post ownership controls. */
.zax-fyp-delete-post {
    color: #ff9aae !important;
    background: linear-gradient(135deg, rgba(255, 61, 105, .13), rgba(116, 20, 53, .12)) !important;
}
.zax-fyp-delete-post .dashicons { color: #ff6c8b !important; }
.zax-fyp-detail-delete {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 94, 126, .28);
    border-radius: 11px;
    color: #ffadc0;
    background: rgba(255, 58, 102, .09);
    font: inherit;
    font-size: 11px;
    font-weight: 750;
}
.zax-fyp-detail-delete[hidden] { display: none !important; }
.zax-fyp-delete-sheet {
    position: fixed;
    z-index: 2147483200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}
.zax-fyp-delete-sheet[hidden] { display: none !important; }
.zax-fyp-delete-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 7, 6, .76);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
}
.zax-fyp-delete-sheet > section {
    position: relative;
    display: grid;
    width: min(430px, 100%);
    max-height: min(560px, calc(100dvh - 32px));
    gap: 17px;
    padding: 20px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 22px;
    outline: 0;
    color: #eefdf9;
    background: radial-gradient(circle at 100% 0, rgba(255, 56, 105, .13), transparent 42%), linear-gradient(145deg, #10231f 0%, #07130f 100%);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .075);
}
.zax-fyp-delete-sheet header { display: flex; align-items: center; gap: 13px; }
.zax-fyp-delete-sheet header > span {
    display: grid;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    place-items: center;
    border: 1px solid rgba(255, 105, 139, .27);
    border-radius: 14px;
    color: #ff8fab;
    background: linear-gradient(145deg, rgba(255, 69, 112, .18), rgba(255, 255, 255, .035));
}
.zax-fyp-delete-sheet header > div { display: grid; min-width: 0; gap: 3px; }
.zax-fyp-delete-sheet header small { color: #ff9caf; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.zax-fyp-delete-sheet header strong { color: #f5fffc; font-size: 17px; line-height: 1.25; }
.zax-fyp-delete-sheet > section > p { margin: 0; color: #9ebdb5; font-size: 12px; line-height: 1.65; }
.zax-fyp-delete-sheet footer { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.zax-fyp-delete-sheet footer button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    color: #dff7f1;
    background: rgba(255, 255, 255, .055);
    font: inherit;
    font-size: 11px;
    font-weight: 760;
}
.zax-fyp-delete-sheet [data-fyp-delete-confirm] { border-color: rgba(255, 91, 127, .36); color: #fff; background: linear-gradient(135deg, #ff3e69, #c81e50); box-shadow: 0 10px 25px rgba(207, 28, 74, .25); }
.zax-fyp-delete-sheet [data-fyp-delete-confirm].is-loading { opacity: .62; }
.zax-fyp-post.is-deleting { pointer-events: none; animation: zaxFypPostDelete .22s ease both; }
@keyframes zaxFypPostDelete { to { opacity: 0; transform: scale(.975); } }

/* TikTok-style mobile follow action with a clear plus/check state. */
@media (max-width: 782px) {
    #zaxsecurity-app [data-fyp-profile-follow] {
        flex: 1 1 100% !important;
        min-height: 43px !important;
        border: 1px solid rgba(255, 70, 110, .72) !important;
        border-radius: 8px !important;
        color: #fff !important;
        background: linear-gradient(92deg, #fe2c55 0%, #ed2250 58%, #ce1749 100%) !important;
        box-shadow: 0 10px 24px rgba(254, 44, 85, .23) !important;
        font-size: 11px !important;
        font-weight: 780 !important;
    }
    #zaxsecurity-app [data-fyp-profile-follow] .dashicons {
        display: grid !important;
        width: 21px !important;
        height: 21px !important;
        place-items: center;
        border-radius: 50%;
        color: #fe2c55 !important;
        background: #fff !important;
        font-size: 14px !important;
        line-height: 21px !important;
    }
    #zaxsecurity-app [data-fyp-profile-follow].is-active {
        border-color: rgba(255, 255, 255, .16) !important;
        color: #edf9f5 !important;
        background: rgba(255, 255, 255, .075) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .06) !important;
    }
    #zaxsecurity-app [data-fyp-profile-follow].is-active .dashicons { color: #071813 !important; background: #55e4c5 !important; }
    .zax-fyp-delete-sheet { align-items: end; padding: 12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
    .zax-fyp-delete-sheet > section { width: 100%; max-height: calc(100dvh - 24px); padding: 17px; border-radius: 20px; }

    /* Compact app catalog: exactly two Email and RDP plans per mobile row. */
    #zaxsecurity-app [data-page="business-email"] .zax-email-plan-grid,
    #zaxsecurity-app [data-page="rdp"] .zax-rdp-plan-grid {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }
    #zaxsecurity-app [data-page="business-email"] .zax-hosting-plan,
    #zaxsecurity-app [data-page="rdp"] .zax-rdp-plan-card {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }
    #zaxsecurity-app [data-page="business-email"] .zax-hosting-plan h3,
    #zaxsecurity-app [data-page="rdp"] .zax-rdp-plan-card h3 { font-size: 10px !important; line-height: 1.25 !important; }
    #zaxsecurity-app [data-page="business-email"] .zax-hosting-plan > strong,
    #zaxsecurity-app [data-page="rdp"] .zax-rdp-plan-price strong { font-size: 13px !important; line-height: 1.2 !important; overflow-wrap: anywhere !important; }
    #zaxsecurity-app [data-page="business-email"] .zax-hosting-plan .zax-button,
    #zaxsecurity-app [data-page="rdp"] .zax-rdp-plan-card .zax-button { min-width: 0 !important; min-height: 32px !important; padding: 7px 5px !important; font-size: 8px !important; white-space: normal !important; }
}

/* 1.13.49: private voice notes */
.zax-chat-voice-button {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    flex: 0 0 38px;
    place-items: center;
    overflow: hidden;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--zax-line) 88%, var(--zax-cyan));
    border-radius: 12px;
    color: var(--zax-soft);
    background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018));
    cursor: pointer;
}
.zax-chat-voice-button svg,
.zax-chat-voice-symbol svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.zax-chat-voice-button:hover,
.zax-chat-voice-button.is-ready {
    border-color: rgba(81, 230, 189, .4);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
}
.zax-chat-voice-button.is-recording {
    border-color: rgba(255, 92, 122, .55);
    color: #ff758f;
    background: rgba(255, 75, 112, .12);
    animation: zaxVoiceButtonPulse 1.1s ease-in-out infinite;
}
.zax-chat-voice-button.is-starting {
    color: var(--zax-cyan);
    border-color: rgba(81, 230, 189, .42);
    background: rgba(81, 230, 189, .1);
    opacity: .86;
}
.zax-chat-voice-recorder {
    display: grid;
    min-width: 0;
    grid-template-columns: 12px max-content minmax(66px, 1fr) minmax(150px, 260px) 34px;
    align-items: center;
    gap: 9px;
    padding: 8px 9px 8px 12px;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 14px;
    background:
        radial-gradient(circle at 10% 10%, rgba(81, 230, 189, .12), transparent 42%),
        color-mix(in srgb, var(--zax-panel-solid) 91%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}
.zax-chat-voice-recorder[hidden] { display: none !important; }
.zax-chat-recording-pulse {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 5px rgba(81, 230, 189, .09);
}
.zax-chat-voice-recorder.is-recording .zax-chat-recording-pulse {
    background: #ff5c7a;
    box-shadow: 0 0 0 5px rgba(255, 92, 122, .1);
    animation: zaxVoiceRecordingPulse 1s ease-out infinite;
}
.zax-chat-voice-recorder.is-starting .zax-chat-recording-pulse {
    animation: zaxVoiceRecordingPulse 1s ease-out infinite;
}
.zax-chat-voice-copy { display: flex; min-width: 88px; flex-direction: column; }
.zax-chat-voice-copy strong { color: var(--zax-text); font-size: 10px; }
.zax-chat-voice-copy small { color: var(--zax-cyan); font-size: 9px; font-variant-numeric: tabular-nums; }
.zax-chat-voice-wave { display: flex; min-width: 0; align-items: center; justify-content: center; gap: 3px; }
.zax-chat-voice-wave i { width: 3px; height: 10px; border-radius: 999px; background: linear-gradient(var(--zax-cyan), var(--zax-violet)); opacity: .75; }
.zax-chat-voice-recorder.is-recording .zax-chat-voice-wave i { animation: zaxVoiceWave .82s ease-in-out infinite alternate; }
.zax-chat-voice-wave i:nth-child(2), .zax-chat-voice-wave i:nth-child(5) { height: 18px; animation-delay: -.36s !important; }
.zax-chat-voice-wave i:nth-child(3) { height: 25px; animation-delay: -.58s !important; }
.zax-chat-voice-wave i:nth-child(4) { height: 14px; animation-delay: -.18s !important; }
.zax-chat-voice-recorder audio { width: 100%; max-width: 260px; height: 34px; accent-color: var(--zax-cyan); }
.zax-chat-voice-recorder:not(.is-ready) audio { display: none; }
.zax-chat-voice-recorder > button {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .06);
    cursor: pointer;
}
.zax-chat-voice-note {
    --zax-voice-progress: 0%;
    display: grid;
    width: min(100%, 360px);
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border: 1px solid rgba(158, 255, 224, .16);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(12, 112, 84, .82), rgba(8, 62, 49, .94));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 6px 16px rgba(0, 0, 0, .14);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.zax-chat-voice-note.is-playing {
    border-color: rgba(155, 255, 221, .45);
    box-shadow: 0 0 0 2px rgba(81, 230, 189, .09), inset 0 1px rgba(255, 255, 255, .12), 0 8px 19px rgba(0, 0, 0, .17);
}
.zax-chat-voice-symbol {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    color: #ecfff8;
    background: rgba(255, 255, 255, .13);
    box-shadow: inset 0 1px rgba(255, 255, 255, .14);
}
.zax-chat-voice-note.is-playing .zax-chat-voice-symbol { color: #ffffff; background: rgba(143, 240, 211, .2); }
.zax-chat-voice-content { display: grid; min-width: 0; gap: 4px; }
.zax-chat-voice-heading { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.zax-chat-voice-note strong { overflow: hidden; color: #effff9; font-size: 10px; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.zax-chat-voice-heading small,
.zax-chat-voice-current { flex: 0 0 auto; color: #c5ffea; font-size: 9px; font-weight: 800; font-variant-numeric: tabular-nums; }
.zax-chat-voice-controls { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, 1fr) max-content 25px; align-items: center; gap: 6px; }
.zax-chat-voice-note .zax-chat-voice-play {
    display: grid;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    aspect-ratio: 1 / 1;
    place-items: center;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 50% !important;
    color: #053f31;
    background: #8ff0d3;
    box-shadow: none;
    cursor: pointer;
    transition: transform .16s ease, filter .16s ease;
}
.zax-chat-voice-play:active { transform: scale(.92); }
.zax-chat-voice-play:hover,
.zax-chat-voice-play:focus-visible { filter: brightness(1.12); }
.zax-chat-voice-play svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.zax-chat-voice-play svg path:first-child { fill: currentColor; }
.zax-chat-voice-note.is-playing .zax-chat-voice-play svg path:first-child { fill: none; }
.zax-chat-voice-download {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #d9fff1;
    text-decoration: none;
    background: transparent;
    transition: transform .16s ease, color .16s ease, background .16s ease;
}
.zax-chat-voice-download:hover,
.zax-chat-voice-download:focus-visible { color: #effff9; background: rgba(255, 255, 255, .15); transform: translateY(-1px); }
.zax-chat-voice-download:active { transform: scale(.93); }
.zax-chat-voice-download .dashicons { width: 15px; height: 15px; font-size: 15px; }
.zax-chat-voice-progress {
    width: 100%;
    min-width: 0;
    height: 5px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 999px;
    outline: none;
    background: linear-gradient(90deg, var(--zax-cyan) 0 var(--zax-voice-progress), rgba(219, 245, 237, .18) var(--zax-voice-progress) 100%);
    cursor: pointer;
}
.zax-chat-voice-progress:disabled { opacity: .45; cursor: default; }
.zax-chat-voice-progress::-webkit-slider-thumb { width: 13px; height: 13px; appearance: none; -webkit-appearance: none; border: 2px solid #eafff8; border-radius: 50%; background: var(--zax-cyan); box-shadow: 0 2px 8px rgba(0, 0, 0, .28); }
.zax-chat-voice-progress::-moz-range-thumb { width: 10px; height: 10px; border: 2px solid #eafff8; border-radius: 50%; background: var(--zax-cyan); box-shadow: 0 2px 8px rgba(0, 0, 0, .28); }
.zax-chat-voice-progress::-moz-range-track { height: 5px; border-radius: 999px; background: rgba(219, 245, 237, .18); }
.zax-chat-voice-playback-wave { display: flex; height: 10px; align-items: center; gap: 2px; overflow: hidden; }
.zax-chat-voice-playback-wave i { width: 2px; height: 4px; flex: 1; max-width: 4px; border-radius: 999px; background: rgba(217, 255, 241, .88); opacity: .5; transform-origin: center; }
.zax-chat-voice-playback-wave i:nth-child(3n + 2) { height: 10px; }
.zax-chat-voice-playback-wave i:nth-child(4n + 1) { height: 7px; }
.zax-chat-voice-note.is-playing .zax-chat-voice-playback-wave i { animation: zaxVoicePlaybackWave .72s ease-in-out infinite alternate; }
.zax-chat-voice-note.is-playing .zax-chat-voice-playback-wave i:nth-child(2n) { animation-delay: -.34s; }
.zax-chat-voice-note.is-playing .zax-chat-voice-playback-wave i:nth-child(3n) { animation-delay: -.55s; }
.zax-chat-voice-note audio { display: none !important; }
.zax-chat-voice-note.is-unavailable { opacity: .68; filter: grayscale(.18); }
@keyframes zaxVoiceMessagePulse { 50% { transform: scale(.94); box-shadow: 0 0 0 7px rgba(81, 230, 189, .08), 0 8px 18px rgba(54, 220, 176, .25); } }
@keyframes zaxVoicePlaybackWave { to { opacity: 1; transform: scaleY(1.75); } }
@keyframes zaxVoiceButtonPulse { 50% { transform: scale(.94); box-shadow: 0 0 0 6px rgba(255, 92, 122, .06); } }
@keyframes zaxVoiceRecordingPulse { to { box-shadow: 0 0 0 11px rgba(255, 92, 122, 0); } }
@keyframes zaxVoiceWave { to { transform: scaleY(.38); opacity: .4; } }

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-chat-composer-row .zax-chat-voice-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex: 0 0 38px !important;
        margin-bottom: 2px;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .065) !important;
    }
    .zax-chat-voice-recorder { grid-template-columns: 10px minmax(80px, max-content) minmax(50px, 1fr) 32px; gap: 7px; }
    .zax-chat-voice-recorder audio { grid-column: 2 / 4; max-width: none; }
    .zax-chat-voice-recorder.is-ready .zax-chat-voice-wave { display: none; }
    .zax-chat-voice-note { width: min(100%, 310px); min-width: min(230px, 100%); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-voice-button.is-recording,
    .zax-chat-voice-recorder.is-recording .zax-chat-recording-pulse,
    .zax-chat-voice-recorder.is-recording .zax-chat-voice-wave i { animation: none !important; }
}

/* 1.8.8: installed-device proxy connection assistant. */
.zax-isp-card-actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.zax-isp-connect-device {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid rgba(81, 230, 189, .42);
    border-radius: 11px;
    color: #06130f;
    background: linear-gradient(135deg, #65f4ce, #32caa8 58%, #9a8cff);
    box-shadow: 0 10px 24px rgba(36, 194, 157, .16), inset 0 1px rgba(255, 255, 255, .48);
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.zax-isp-connect-device:hover,
.zax-isp-connect-device:focus-visible {
    transform: translateY(-1px);
    filter: saturate(1.08) brightness(1.04);
    box-shadow: 0 13px 30px rgba(36, 194, 157, .22), inset 0 1px rgba(255, 255, 255, .55);
}

.zax-isp-connect-device:disabled {
    opacity: .48;
    cursor: not-allowed;
    filter: grayscale(.35);
    transform: none;
}

.zax-isp-connect-device .dashicons {
    width: 16px;
    height: 16px;
    color: currentColor !important;
    font-size: 16px;
}

.zax-isp-refund-button {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 145, 126, .25);
    border-radius: 11px;
    color: #f2c0b7;
    background: linear-gradient(135deg, rgba(255, 118, 109, .1), rgba(154, 140, 255, .055));
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.zax-isp-refund-button:hover,
.zax-isp-refund-button:focus-visible {
    border-color: rgba(255, 164, 146, .5);
    color: #ffe6df;
    background: linear-gradient(135deg, rgba(255, 118, 109, .16), rgba(154, 140, 255, .09));
}

.zax-isp-refund-button:disabled {
    opacity: .56;
    cursor: not-allowed;
}

.zax-isp-refund-button .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-isp-refund-dialog {
    width: min(620px, calc(100vw - 32px));
    max-width: 620px;
    overflow: hidden;
}

.zax-isp-refund-form {
    display: grid;
    gap: 15px;
    padding: 0 20px 20px;
}

.zax-isp-refund-target,
.zax-isp-refund-assurance {
    display: grid;
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 12px;
    border: 1px solid rgba(120, 232, 201, .16);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .07), rgba(154, 140, 255, .045));
}

.zax-isp-refund-target > span,
.zax-isp-refund-assurance > span:first-child {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    color: #06140f;
    background: var(--zax-gradient-brand);
}

.zax-isp-refund-target > div,
.zax-isp-refund-assurance > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-isp-refund-target small,
.zax-isp-refund-assurance small {
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.45;
}

.zax-isp-refund-target strong,
.zax-isp-refund-assurance strong {
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 12px;
}

.zax-isp-refund-target code {
    overflow: hidden;
    color: var(--zax-cyan);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-isp-refund-form > label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    color: var(--zax-soft);
    font-size: 10px;
    font-weight: 760;
}

.zax-isp-refund-form textarea {
    width: 100%;
    min-height: 126px;
    resize: vertical;
}

.zax-isp-refund-form > label small {
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 560px) {
    .zax-isp-refund-dialog {
        width: calc(100vw - 20px);
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - 20px);
        overflow-y: auto;
    }

    .zax-isp-refund-form {
        padding: 0 12px max(14px, env(safe-area-inset-bottom));
    }
}

/* 1.13.71: stable mobile comment keyboard dock, blue-star verification,
   sound-aware FYP autoplay, and a divider-free transparent FYP header. */
.zax-verification-badge {
    border-color: rgba(84, 164, 255, .52) !important;
    background: linear-gradient(135deg, rgba(24, 104, 230, .38), rgba(42, 139, 255, .28) 54%, rgba(56, 216, 255, .2)), rgba(5, 18, 36, .9) !important;
    box-shadow: 0 8px 24px rgba(36, 126, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

.zax-verification-badge .dashicons {
    color: #4aa3ff !important;
    filter: drop-shadow(0 0 7px rgba(52, 145, 255, .7)) !important;
}

.zax-avatar-verified,
.zax-learner-card .zax-avatar > i {
    color: #ffffff !important;
    background: linear-gradient(145deg, #63b6ff, #2478ed 56%, #3bd8ff) !important;
    box-shadow: 0 5px 18px rgba(35, 126, 239, .45), inset 0 1px rgba(255, 255, 255, .38) !important;
}

.zax-fyp-video-sound {
    position: absolute;
    z-index: 24;
    top: 76px;
    left: 18px;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    color: #f3fffb;
    background: rgba(4, 14, 18, .72);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(14px) saturate(135%);
    backdrop-filter: blur(14px) saturate(135%);
    cursor: pointer;
    touch-action: manipulation;
}

.zax-fyp-video-sound .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    color: #68e8c6;
}

.zax-fyp-video-sound small {
    color: inherit;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .02em;
}

.zax-fyp-video-sound.is-muted {
    color: rgba(235, 245, 242, .78);
    background: rgba(7, 13, 17, .8);
}

.zax-fyp-video-sound.is-muted .dashicons { color: #a9bac1; }

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active ~ .zax-community-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-mobile-dock {
        border-top-color: rgba(123, 239, 210, .2) !important;
        background: linear-gradient(180deg, rgba(7, 31, 25, .72), rgba(4, 19, 15, .78)) !important;
        box-shadow: 0 -10px 28px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .06) !important;
        -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
        backdrop-filter: blur(20px) saturate(145%) !important;
    }

    body.zaxsecurity-portal-page > .zax-comment-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: grid !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
        grid-template-columns: 32px 34px minmax(0, 1fr) 40px !important;
        align-items: center !important;
        gap: 6px !important;
        border: 0 !important;
        border-top: 1px solid rgba(103, 231, 198, .22) !important;
        border-radius: 0 !important;
        background: linear-gradient(160deg, rgba(7, 29, 30, .98), rgba(5, 16, 22, .985)) !important;
        box-shadow: 0 -14px 34px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .06) !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        contain: layout style !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-comment-composer.is-viewport-portaled {
        top: var(--zax-ios-comment-composer-top, auto) !important;
        bottom: auto !important;
    }

    body.zaxsecurity-portal-page > .zax-comment-composer.is-viewport-portaled .zax-comment-textbox textarea {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        max-height: 96px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        overflow-y: auto !important;
        resize: none !important;
        border: 0 !important;
        outline: 0 !important;
        color: #edf8f4 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .zax-fyp-comments.has-portaled-composer .zax-fyp-comment-list {
        padding-bottom: 78px !important;
        scroll-padding-bottom: 82px !important;
    }

    .zax-fyp-video-sound {
        top: 64px;
        left: max(10px, env(safe-area-inset-left));
        min-height: 30px;
        padding: 5px 8px;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .zax-community-mobile-dock .zax-community-dock-more .zax-community-dock-icon svg path {
        stroke-width: 1.9 !important;
    }
}

.zax-isp-device-dialog {
    max-width: 820px;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 2%, rgba(81, 230, 189, .14), transparent 31%),
        radial-gradient(circle at 8% 98%, rgba(154, 140, 255, .11), transparent 35%),
        var(--zax-panel-solid);
}

.zax-isp-device-body {
    display: grid;
    gap: 15px;
    padding: 20px 24px 24px;
}

.zax-isp-device-overview {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 15px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .08), rgba(154, 140, 255, .055));
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}

.zax-isp-device-art {
    position: relative;
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .34);
    border-radius: 17px;
    color: #06130f;
    background: linear-gradient(145deg, #67f4d0, #32c6a5 66%, #9a8cff);
    box-shadow: 0 13px 30px rgba(37, 197, 160, .2);
    isolation: isolate;
}

.zax-isp-device-art .dashicons {
    width: 25px;
    height: 25px;
    font-size: 25px;
}

.zax-isp-device-art i {
    position: absolute;
    z-index: -1;
    inset: -7px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 21px;
    animation: zaxIspDevicePulse 2.4s ease-out infinite;
}

@keyframes zaxIspDevicePulse {
    0%, 36% { opacity: .75; transform: scale(.88); }
    78%, 100% { opacity: 0; transform: scale(1.22); }
}

.zax-isp-device-overview > div small,
.zax-isp-device-overview > div strong,
.zax-isp-device-overview > div p {
    display: block;
}

.zax-isp-device-overview > div small {
    color: var(--zax-cyan);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-isp-device-overview > div strong {
    margin-top: 3px;
    color: var(--zax-text);
    font-size: 16px;
}

.zax-isp-device-overview > div p {
    max-width: 540px;
    margin: 4px 0 0;
    color: var(--zax-muted);
    font-size: 11px;
    line-height: 1.5;
}

.zax-isp-device-state {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(3, 13, 10, .45);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.zax-isp-device-state > i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zax-amber);
    box-shadow: 0 0 0 5px rgba(255, 187, 92, .09);
}

.zax-isp-device-state[data-state="working"] > i {
    background: var(--zax-violet);
    animation: zaxIspDeviceState 1s ease-in-out infinite alternate;
}

.zax-isp-device-state[data-state="connected"] {
    border-color: rgba(81, 230, 189, .35);
    color: var(--zax-cyan);
}

.zax-isp-device-state[data-state="connected"] > i {
    background: var(--zax-cyan);
    box-shadow: 0 0 0 5px rgba(81, 230, 189, .1);
}

@keyframes zaxIspDeviceState {
    to { opacity: .35; transform: scale(.72); }
}

.zax-isp-device-protocols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.zax-isp-device-protocols > button {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    color: var(--zax-text);
    background: rgba(3, 13, 10, .42);
    text-align: left;
    cursor: pointer;
}

.zax-isp-device-protocols > button.is-active {
    border-color: rgba(81, 230, 189, .48);
    background: linear-gradient(135deg, rgba(81, 230, 189, .12), rgba(154, 140, 255, .07));
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .055);
}

.zax-isp-device-protocols > button > span:first-child {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
}

.zax-isp-device-protocols strong,
.zax-isp-device-protocols small {
    display: block;
}

.zax-isp-device-protocols strong {
    font-size: 12px;
}

.zax-isp-device-protocols small {
    margin-top: 2px;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.35;
}

.zax-isp-device-credentials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.zax-isp-device-credentials > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 8px;
    align-items: center;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(3, 13, 10, .44);
}

.zax-isp-device-credentials .zax-isp-device-endpoint {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px 14px;
    border-color: rgba(81, 230, 189, .22);
    background: linear-gradient(135deg, rgba(81, 230, 189, .075), rgba(154, 140, 255, .045));
}

.zax-isp-device-credentials small {
    grid-column: 1 / -1;
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-isp-device-credentials code,
.zax-isp-device-credentials strong {
    min-width: 0;
    color: var(--zax-soft);
    font: 650 12px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow-wrap: anywhere;
}

.zax-isp-device-credentials button {
    display: inline-grid;
    min-width: 30px;
    min-height: 30px;
    place-items: center;
    gap: 5px;
    padding: 6px 8px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .075);
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
}

.zax-isp-device-credentials button.is-copied,
.zax-isp-device-footer button.is-copied {
    color: #071b15;
    background: var(--zax-cyan);
}

.zax-isp-device-secret-actions {
    display: flex;
    gap: 5px;
}

.zax-isp-device-guide {
    padding: 14px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: rgba(12, 27, 22, .64);
}

.zax-isp-device-guide header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zax-isp-device-guide header > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .1);
}

.zax-isp-device-guide header small,
.zax-isp-device-guide header strong {
    display: block;
}

.zax-isp-device-guide header small {
    color: var(--zax-violet);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.zax-isp-device-guide header strong {
    margin-top: 2px;
    color: var(--zax-text);
    font-size: 12px;
}

.zax-isp-device-guide ol {
    display: grid;
    gap: 8px;
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}

.zax-isp-device-guide li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    color: var(--zax-soft);
    font-size: 11px;
    line-height: 1.5;
}

.zax-isp-device-guide li b {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 8px;
    color: #06130f;
    background: linear-gradient(145deg, var(--zax-cyan), #35c5a5);
    font-size: 10px;
}

.zax-isp-device-notice,
.zax-isp-device-check {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px 13px;
    border: 1px solid rgba(255, 187, 92, .2);
    border-radius: 13px;
    color: var(--zax-amber);
    background: rgba(255, 187, 92, .055);
}

.zax-isp-device-check[data-state="success"] {
    border-color: rgba(81, 230, 189, .3);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
}

.zax-isp-device-check[data-state="working"] > span {
    animation: zaxSpin 1s linear infinite;
}

.zax-isp-device-notice strong,
.zax-isp-device-notice small,
.zax-isp-device-check strong,
.zax-isp-device-check small {
    display: block;
}

.zax-isp-device-notice strong,
.zax-isp-device-check strong {
    color: var(--zax-text);
    font-size: 11px;
}

.zax-isp-device-notice small,
.zax-isp-device-check small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.5;
}

.zax-isp-device-footer {
    padding: 2px 0 0;
}

@media (max-width: 760px) {
    .zax-isp-proxy-card footer {
        align-items: stretch;
    }

    .zax-isp-card-actions {
        width: 100%;
    }

    .zax-isp-card-actions > button {
        flex: 1 1 150px;
    }

    .zax-isp-device-body {
        gap: 12px;
        padding: 15px;
    }

    .zax-isp-device-overview {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 13px;
    }

    .zax-isp-device-state {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .zax-isp-device-protocols {
        gap: 8px;
    }

    .zax-isp-device-protocols > button {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 8px;
        padding: 10px;
    }

    .zax-isp-device-protocols > button > span:first-child {
        width: 30px;
        height: 30px;
    }

    .zax-isp-device-credentials {
        grid-template-columns: 1fr;
    }

    .zax-isp-device-credentials .zax-isp-device-endpoint {
        grid-column: auto;
    }

    .zax-isp-device-footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .zax-isp-device-footer .zax-button {
        width: 100%;
    }
}

/* cPanel control vault and administrator bridge. */
.zax-cpanel-admin-form,
.zax-passkey-card,
.zax-cpanel-vault {
    border: 1px solid rgba(53, 231, 208, .17);
    background: linear-gradient(145deg, rgba(13, 39, 44, .95), rgba(6, 22, 29, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 18px 45px rgba(0, 0, 0, .18);
}

.zax-cpanel-admin-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 18px;
}

.zax-cpanel-admin-grid label,
.zax-passkey-card label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.zax-cpanel-admin-grid label.is-wide { grid-column: 1 / -1; }
.zax-cpanel-admin-grid label > span,
.zax-passkey-card label > span { color: #dffbf6; font-size: 12px; font-weight: 600; }
.zax-cpanel-admin-grid label > small { color: #86a7a3; font-size: 10px; line-height: 1.55; }
.zax-cpanel-admin-grid input,
.zax-cpanel-admin-grid textarea,
.zax-passkey-card input {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(71, 226, 204, .16);
    border-radius: 13px;
    background: rgba(3, 17, 23, .74);
    color: #effffc;
}
.zax-cpanel-admin-form > footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }

.zax-cpanel-vault {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    margin-top: 12px;
    padding: 12px;
    border-radius: 15px;
}
.zax-cpanel-vault > span { display: grid; gap: 6px; min-width: 0; }
.zax-cpanel-vault > span:last-child:nth-child(odd) { grid-column: 1 / -1; }
.zax-cpanel-vault small { color: #78cfc1; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.zax-cpanel-vault code { min-width: 0; color: #f2fffd; overflow-wrap: anywhere; }
.zax-cpanel-vault button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 34px; padding: 7px 10px; border: 1px solid rgba(55, 230, 205, .18); border-radius: 10px; background: rgba(39, 191, 173, .1); color: #aaf9ed; }
.zax-cpanel-vault .zax-hosting-secret { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px; }
.zax-cpanel-vault .zax-hosting-secret input { min-width: 0; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(0,0,0,.24); color: #fff; padding: 8px; }

/* Mobile biometric passkey controls. */
.zax-passkey-divider { display: flex; align-items: center; gap: 10px; color: #7f9e99; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.zax-passkey-divider::before,
.zax-passkey-divider::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,.08); }
.zax-passkey-login {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(62, 235, 210, .3) !important;
    background: linear-gradient(135deg, rgba(25, 191, 171, .18), rgba(32, 96, 154, .16)) !important;
    color: #eafffb !important;
}
.zax-passkey-login > span { display: grid; gap: 2px; text-align: left; }
.zax-passkey-login small { color: #83aaa4; font-size: 9px; font-weight: 400; }
.zax-passkey-card { display: grid; gap: 12px; margin: 14px 0; padding: 14px; border-radius: 16px; }
.zax-passkey-card > header { display: flex; align-items: flex-start; gap: 10px; }
.zax-passkey-card > header > .dashicons { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 12px; background: linear-gradient(145deg, #2ed7c0, #138d9d); color: #031d22; }
.zax-passkey-card > header > span { display: grid; gap: 3px; }
.zax-passkey-card > header strong { color: #f0fffc; font-size: 12px; }
.zax-passkey-card > header small { color: #87a9a4; font-size: 9px; line-height: 1.5; }
.zax-passkey-devices { display: grid; gap: 7px; }
.zax-passkey-devices > span { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 9px; border-radius: 11px; background: rgba(255,255,255,.035); }
.zax-passkey-devices > span > i { color: #55e5cf; }
.zax-passkey-devices > span > span { display: grid; gap: 2px; min-width: 0; }
.zax-passkey-devices strong { color: #eafffb; font-size: 10px; overflow-wrap: anywhere; }
.zax-passkey-devices small,
.zax-passkey-devices p { margin: 0; color: #7f9e99; font-size: 8.5px; }
.zax-passkey-devices button { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(255, 104, 125, .18); border-radius: 9px; background: rgba(255, 66, 101, .08); color: #ff91a4; }

@media (max-width: 760px) {
    .zax-cpanel-admin-grid,
    .zax-cpanel-vault { grid-template-columns: 1fr; }
    .zax-cpanel-admin-grid label.is-wide,
    .zax-cpanel-vault > span:last-child:nth-child(odd) { grid-column: auto; }
    .zax-cpanel-admin-form > footer { flex-direction: column-reverse; }
    .zax-cpanel-admin-form > footer .zax-button { width: 100%; }
    .zax-cpanel-vault .zax-hosting-secret { grid-template-columns: minmax(0, 1fr) auto; }
    .zax-cpanel-vault .zax-hosting-secret button:last-child { grid-column: 1 / -1; }
}

/* 1.13.24: live private-chat typing presence and clean iOS composer states. */
.zax-chat-attachment-preview[hidden],
.zax-chat-link-field[hidden],
.zax-chat-view-once-option[hidden],
.zax-chat-custom-timer[hidden],
.zax-chat-typing-indicator[hidden] {
    display: none !important;
}

.zax-chat-window-identity small.is-typing {
    color: var(--zax-cyan) !important;
}

.zax-chat-window-identity small.is-typing .zax-online-dot {
    background: var(--zax-cyan) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--zax-cyan) 14%, transparent), 0 0 14px color-mix(in srgb, var(--zax-cyan) 42%, transparent);
    animation: zax-chat-typing-presence 1.1s ease-in-out infinite;
}

.zax-chat-typing-indicator {
    position: relative;
    z-index: 2;
    display: flex;
    width: max-content;
    max-width: min(82%, 310px);
    align-items: center;
    gap: 9px;
    margin: 7px 0 10px 38px;
    color: var(--zax-muted);
}

.zax-chat-typing-bubble {
    display: inline-flex;
    min-width: 48px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 18%, transparent);
    border-radius: 16px 16px 16px 5px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-2) 92%, var(--zax-cyan) 8%), color-mix(in srgb, var(--zax-panel) 94%, transparent));
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .045);
}

.zax-chat-typing-bubble i {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--zax-cyan), var(--zax-purple));
    animation: zax-chat-typing-dot 1s ease-in-out infinite;
}

.zax-chat-typing-bubble i:nth-child(2) { animation-delay: .14s; }
.zax-chat-typing-bubble i:nth-child(3) { animation-delay: .28s; }
.zax-chat-typing-indicator > small { overflow: hidden; max-width: 210px; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }

@keyframes zax-chat-typing-dot {
    0%, 60%, 100% { opacity: .42; transform: translateY(0) scale(.88); }
    30% { opacity: 1; transform: translateY(-3px) scale(1); }
}

@keyframes zax-chat-typing-presence {
    0%, 100% { opacity: .65; transform: scale(.86); }
    50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 760px) {
    .zax-chat-typing-indicator { margin-left: 2px; }

    body.zaxsecurity-portal-page.zax-ios-device .zax-chat-composer > .zax-chat-attachment-preview[hidden],
    body.zaxsecurity-portal-page.zax-ios-device .zax-chat-composer > .zax-chat-link-field[hidden] {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-typing-bubble i,
    .zax-chat-window-identity small.is-typing .zax-online-dot { animation: none !important; }
}

/* 1.13.46: independent Business Email storefront. */
.zax-business-email-page { gap: 18px; }
.zax-business-email-page .zax-business-email-hero {
    background:
        radial-gradient(circle at 82% 20%, rgba(139, 117, 255, .22), transparent 34%),
        linear-gradient(135deg, rgba(9, 38, 31, .98), rgba(11, 25, 36, .98));
}
.zax-business-email-page > .zax-hosting-panel { display: grid; gap: 14px; }
.zax-business-email-page .zax-business-email-services { margin-top: 0; }
.zax-business-email-page .zax-hosting-email-actions { align-items: stretch; }
.zax-business-email-page .zax-hosting-email-actions > form { height: 100%; }
.zax-email-plan-catalog { display: grid; gap: 18px; min-width: 0; }
.zax-email-cycle-section {
    display: grid;
    gap: 13px;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(69, 229, 204, .17);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(10, 37, 40, .92), rgba(7, 22, 31, .96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 42px rgba(0, 0, 0, .17);
}
.zax-email-cycle-section.is-yearly {
    border-color: rgba(151, 126, 255, .22);
    background: linear-gradient(145deg, rgba(27, 30, 58, .94), rgba(10, 22, 34, .97));
}
.zax-email-cycle-section > header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.zax-email-cycle-section > header > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--zax-cyan), #139eaf);
    color: #041f24;
    box-shadow: 0 10px 24px rgba(46, 215, 192, .2);
}
.zax-email-cycle-section.is-yearly > header > span { background: linear-gradient(135deg, #a58bff, var(--zax-cyan)); }
.zax-email-cycle-section > header > div { display: grid; gap: 3px; min-width: 0; }
.zax-email-cycle-section > header small { color: var(--zax-cyan); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.zax-email-cycle-section > header h3 { margin: 0; color: var(--zax-text); font-size: 15px; line-height: 1.3; }
.zax-email-cycle-section > header p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.5; }
.zax-email-cycle-section > header > em {
    padding: 7px 10px;
    border: 1px solid rgba(73, 226, 205, .16);
    border-radius: 999px;
    background: rgba(48, 208, 187, .08);
    color: #b9fff4;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}
.zax-email-cycle-section .zax-email-plan-grid { margin: 0; }
@media (max-width: 782px) {
    .zax-business-email-page { padding-bottom: calc(var(--zax-mobile-dock-height, 78px) + env(safe-area-inset-bottom) + 24px) !important; }
    .zax-business-email-page .zax-hosting-email-actions { grid-template-columns: 1fr; }
    .zax-business-email-page .zax-hosting-service-grid { grid-template-columns: 1fr; }
    .zax-email-plan-catalog { gap: 12px; }
    .zax-email-cycle-section { gap: 10px; padding: 11px; border-radius: 17px; }
    .zax-email-cycle-section > header { grid-template-columns: auto minmax(0, 1fr); gap: 9px; }
    .zax-email-cycle-section > header > span { width: 35px; height: 35px; border-radius: 11px; }
    .zax-email-cycle-section > header h3 { font-size: 11px; }
    .zax-email-cycle-section > header p { font-size: 8.5px; }
    .zax-email-cycle-section > header > em { grid-column: 2; justify-self: start; padding: 5px 8px; font-size: 8px; }
}

/* 1.9.2: balanced Windows proxy-card footer with one-line rental expiry. */
@media (min-width: 681px) {
    .zax-isp-proxy-card footer {
        grid-template-columns: max-content minmax(0, 1fr);
        align-items: center;
        column-gap: clamp(14px, 2vw, 24px);
        row-gap: 12px;
    }

    .zax-isp-proxy-card footer > .zax-isp-rental-end {
        display: inline-flex;
        width: max-content;
        max-width: 100%;
        min-width: 0;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
    }

    .zax-isp-proxy-card footer > .zax-isp-rental-end .dashicons {
        grid-row: auto;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        font-size: 18px;
    }

    .zax-isp-proxy-card footer > .zax-isp-rental-end small,
    .zax-isp-proxy-card footer > .zax-isp-rental-end strong {
        display: inline;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .zax-isp-proxy-card footer > .zax-isp-rental-end small::after {
        color: color-mix(in srgb, var(--zax-muted) 68%, transparent);
        content: "·";
        margin-left: 8px;
    }

    .zax-isp-proxy-card footer .zax-isp-card-actions {
        min-width: 0;
        justify-self: end;
        justify-content: flex-end;
    }

    .zax-isp-proxy-card footer .zax-isp-card-actions > button {
        min-height: 36px;
        padding: 8px 11px;
        border-radius: 11px;
        font-size: 10px;
        line-height: 1.2;
        white-space: nowrap;
    }
}

@media (min-width: 681px) and (max-width: 1180px) {
    .zax-isp-proxy-card footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-proxy-card footer .zax-isp-card-actions {
        width: 100%;
        justify-self: stretch;
        justify-content: flex-start;
    }
}

.zax-isp-device-guide header {
    flex-wrap: wrap;
}

.zax-isp-device-guide header > div {
    min-width: 0;
    flex: 1 1 190px;
}

.zax-isp-device-store-link {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-left: auto;
    padding: 7px 10px;
    border: 1px solid rgba(81, 230, 189, .28);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: linear-gradient(135deg, rgba(81, 230, 189, .11), rgba(154, 140, 255, .07));
    font-size: 9px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.zax-isp-device-store-link:hover,
.zax-isp-device-store-link:focus-visible {
    border-color: rgba(81, 230, 189, .55);
    color: #071b15;
    background: var(--zax-cyan);
    transform: translateY(-1px);
}

.zax-isp-device-store-link .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

@media (max-width: 520px) {
    .zax-isp-device-store-link {
        width: 100%;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-isp-device-art i,
    .zax-isp-device-state[data-state="working"] > i,
    .zax-isp-device-check[data-state="working"] > span {
        animation: none;
    }
}

/* 1.5.61: hard-anchor the mobile private-message composer to the safe bottom edge. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active {
        position: fixed !important;
        z-index: 640 !important;
        top: var(--zax-topbar) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active .zax-community-shell {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active .zax-community-rail {
        position: relative !important;
        z-index: 8 !important;
        top: 0 !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active .zax-community-main {
        display: block !important;
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active :is(.zax-chat-view, .zax-chat-app) {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-window {
        position: absolute !important;
        inset: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        grid-template-rows: max-content max-content max-content minmax(0, 1fr) max-content !important;
        align-content: stretch !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-app.is-chat-open .zax-chat-window {
        display: grid !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-thread {
        height: auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding-bottom: 12px !important;
        scroll-padding-bottom: 18px !important;
        overscroll-behavior: contain;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-composer {
        position: relative !important;
        inset: auto !important;
        align-self: end !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-right: max(9px, env(safe-area-inset-right)) !important;
        padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
        padding-left: max(9px, env(safe-area-inset-left)) !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-keyboard-open).zax-community-page-active.zax-community-messages-page-open .zax-chat-composer-row {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* 1.13.18: iOS private chat follows the visual keyboard like Android. */
@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-chat-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: flex !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 6px max(7px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(137, 241, 212, .18) !important;
        border-radius: 0 !important;
        background: rgba(6, 17, 14, .985) !important;
        box-shadow: 0 -12px 34px rgba(0, 0, 0, .28) !important;
        transform: none !important;
        transition: none !important;
        contain: layout style !important;
        backdrop-filter: blur(18px) saturate(132%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open > .zax-chat-composer.is-viewport-portaled :is(.zax-chat-attachment-preview, .zax-chat-link-field, .zax-chat-message-options, .zax-chat-composer-note) {
        display: none !important;
    }
}

/* 1.13.22: real-time chat, iOS visual viewport, and smooth-scroll authority. */
@keyframes zax-chat-received {
    from { opacity: 0; transform: translate3d(-8px, 5px, 0) scale(.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

.zax-chat-message.is-just-received {
    animation: zax-chat-received .18s ease-out both;
}

html.zax-performance-lite #zaxsecurity-app :is(.zax-fyp-background, .zax-course-animation, .zax-software-animation),
html.zax-performance-lite #zaxsecurity-app .zax-rdp-hero::before,
html.zax-performance-lite #zaxsecurity-app .zax-rdp-hero::after,
html.zax-performance-lite #zaxsecurity-app .zax-isp-hero::before,
html.zax-performance-lite #zaxsecurity-app .zax-isp-hero::after {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-message.is-just-received { animation: none !important; }
}

/* Secure session exits: profile, desktop sidebar, and mobile More sheets. */
.zax-sidebar-logout {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 111, 137, .2);
    border-radius: 11px;
    color: #ff9aae;
    background: linear-gradient(145deg, rgba(255, 99, 128, .09), rgba(255, 255, 255, .018));
    font-size: 9px;
    font-weight: 760;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.zax-sidebar-logout:hover,
.zax-sidebar-logout:focus-visible {
    border-color: rgba(255, 128, 151, .42);
    color: #ffd1d9;
    background: rgba(255, 99, 128, .13);
}

.zax-sidebar-logout:active { transform: scale(.98); }
.zax-sidebar-logout .dashicons { width: 16px; height: 16px; font-size: 16px; }
.zax-app.is-sidebar-collapsed .zax-sidebar-logout { width: 40px; margin-inline: auto; padding-inline: 0; }
.zax-app.is-sidebar-collapsed .zax-sidebar-logout > span:not(.dashicons) { display: none; }
.zax-app.is-sidebar-collapsed .zax-sidebar-logout > .dashicons {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    color: #ffd7df !important;
    font-size: 18px !important;
    line-height: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.zax-profile-logout {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 111, 137, .2);
    border-radius: 13px;
    color: #ff9aae;
    background: linear-gradient(135deg, rgba(255, 99, 128, .085), rgba(255, 255, 255, .018));
    text-decoration: none;
}

.zax-profile-logout > .dashicons:first-child {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 99, 128, .1);
    font-size: 18px;
}

.zax-profile-logout > span { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.zax-profile-logout strong { color: var(--zax-text); font-size: 9px; }
.zax-profile-logout small { color: var(--zax-muted); font-size: 7.5px; line-height: 1.4; }
.zax-profile-logout:hover { border-color: rgba(255, 128, 151, .42); background: rgba(255, 99, 128, .12); }

.zax-more-grid > a.zax-more-logout {
    display: flex;
    min-width: 0;
    min-height: 94px;
    align-items: flex-start;
    flex-direction: column;
    padding: 11px 9px 9px;
    overflow: hidden;
    border: 1px solid rgba(255, 111, 137, .2);
    border-radius: 15px;
    color: var(--zax-text);
    background: linear-gradient(145deg, rgba(255, 99, 128, .085), rgba(255, 255, 255, .012));
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
    text-align: left;
    text-decoration: none;
}

.zax-more-grid > a.zax-more-logout > span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    margin-bottom: 9px;
    border: 1px solid rgba(255, 111, 137, .24);
    border-radius: 10px;
    color: #ff9aae;
    background: rgba(255, 99, 128, .09);
}

.zax-more-grid > a.zax-more-logout .dashicons { width: 17px; height: 17px; font-size: 17px; }
.zax-more-grid > a.zax-more-logout strong { overflow: hidden; max-width: 100%; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.zax-more-grid > a.zax-more-logout small { overflow: hidden; max-width: 100%; margin-top: 2px; color: var(--zax-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.zax-more-grid > a.zax-more-logout:active { transform: scale(.97); }

/* 1.13.20: full-page follower directory inside every Community profile. */
.zax-member-profile-stats article.is-interactive { padding: 0; overflow: hidden; }
.zax-member-profile-stats article.is-interactive > button {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1px;
    padding: 13px 24px 13px 8px;
    border: 0;
    color: var(--zax-text);
    background: linear-gradient(145deg, rgba(81, 230, 189, .08), rgba(154, 140, 255, .035));
    cursor: pointer;
}
.zax-member-profile-stats article.is-interactive > button:hover,
.zax-member-profile-stats article.is-interactive > button:focus-visible { background: linear-gradient(145deg, rgba(81, 230, 189, .14), rgba(154, 140, 255, .07)); }
.zax-member-profile-stats article.is-interactive > button:focus-visible { outline: 2px solid var(--zax-cyan); outline-offset: -2px; }
.zax-member-profile-stats article.is-interactive > button > span {
    position: absolute;
    right: 8px;
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 7px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
}
.zax-member-profile-stats article.is-interactive > button > span .dashicons { width: 14px; height: 14px; font-size: 14px; }

.zax-profile-followers-page {
    position: absolute;
    z-index: 30;
    inset: 0;
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 92% 0, rgba(154, 140, 255, .12), transparent 30%),
        radial-gradient(circle at 5% 100%, rgba(81, 230, 189, .1), transparent 33%),
        var(--zax-bg);
    animation: zax-followers-page-in .22s cubic-bezier(.2, .75, .25, 1) both;
}
.zax-profile-followers-page[hidden] { display: none !important; }
.zax-profile-followers-page > header {
    position: relative;
    z-index: 3;
    display: grid;
    min-height: calc(68px + env(safe-area-inset-top));
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: max(12px, env(safe-area-inset-top)) clamp(14px, 3vw, 42px) 12px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-bg) 89%, transparent);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .11);
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}
.zax-profile-followers-page > header > button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 13px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel-2) 82%, transparent);
    cursor: pointer;
}
.zax-profile-followers-page > header > span { display: flex; min-width: 0; flex-direction: column; }
.zax-profile-followers-page > header small { color: var(--zax-cyan); font-size: 9px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.zax-profile-followers-page > header strong { margin-top: 2px; font-size: 15px; line-height: 1.2; }
.zax-profile-followers-page > header > b {
    display: grid;
    min-width: 38px;
    height: 38px;
    place-items: center;
    padding: 0 10px;
    border: 1px solid rgba(81, 230, 189, .19);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .075);
    font-size: 11px;
}
.zax-profile-followers-scroll {
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 20px max(16px, calc((100vw - 900px) / 2)) max(92px, calc(26px + env(safe-area-inset-bottom)));
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}
.zax-profile-followers-hero {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 19px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .075), rgba(154, 140, 255, .055)), rgba(255, 255, 255, .018);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 18px 42px rgba(0, 0, 0, .09);
}
.zax-profile-followers-hero > span,
.zax-profile-follower-avatar {
    position: relative;
    display: grid;
    overflow: hidden;
    place-items: center;
    border: 1px solid rgba(124, 242, 209, .3);
    border-radius: 50%;
    color: #03110d;
    background: linear-gradient(145deg, #7cf2d1, #4ecfb9 48%, #9a8cff);
    box-shadow: inset 0 1px rgba(255, 255, 255, .45), 0 10px 28px rgba(23, 198, 154, .2);
    font-weight: 850;
}
.zax-profile-followers-hero > span { width: 62px; height: 62px; font-size: 20px; }
.zax-profile-followers-hero > span img,
.zax-profile-follower-avatar img { width: 100%; height: 100%; object-fit: cover; }
.zax-profile-followers-hero > div { min-width: 0; }
.zax-profile-followers-hero small { color: var(--zax-cyan); font-size: 8px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.zax-profile-followers-hero strong { display: block; margin-top: 2px; font-size: 14px; overflow-wrap: anywhere; }
.zax-profile-followers-hero p { margin: 4px 0 0; color: var(--zax-muted); font-size: 9px; line-height: 1.55; }
.zax-profile-followers-search {
    display: grid;
    min-width: 0;
    min-height: 48px;
    grid-template-columns: 21px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    padding: 0 12px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--zax-panel-solid) 78%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}
.zax-profile-followers-search:focus-within { border-color: rgba(81, 230, 189, .4); box-shadow: 0 0 0 3px rgba(81, 230, 189, .07); }
.zax-profile-followers-search > .dashicons { color: var(--zax-cyan); }
.zax-profile-followers-search input { width: 100%; min-width: 0; padding: 0; border: 0 !important; color: var(--zax-text); background: transparent !important; box-shadow: none !important; font-size: 10px; }
.zax-profile-followers-search button { display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 0; border-radius: 10px; color: var(--zax-muted); background: rgba(255, 255, 255, .04); cursor: pointer; }
.zax-profile-followers-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 3px 9px; }
.zax-profile-followers-status > span { display: flex; min-width: 0; align-items: center; gap: 7px; }
.zax-profile-followers-status i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--zax-cyan); box-shadow: 0 0 0 4px rgba(81, 230, 189, .08); }
.zax-profile-followers-status strong { color: var(--zax-soft); font-size: 9px; line-height: 1.4; }
.zax-profile-followers-status > small { color: var(--zax-muted); font-size: 8px; white-space: nowrap; }
.zax-profile-followers-list { display: grid; gap: 8px; }
.zax-profile-follower-row {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)), color-mix(in srgb, var(--zax-panel) 82%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 9px 26px rgba(0, 0, 0, .055);
}
.zax-profile-follower-row.is-online { border-color: rgba(81, 230, 189, .2); }
.zax-profile-follower-identity { display: grid; min-width: 0; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 11px; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.zax-profile-follower-avatar { width: 48px; height: 48px; font-size: 15px; }
.zax-profile-follower-avatar > i { position: absolute; right: 1px; bottom: 1px; width: 11px; height: 11px; border: 2px solid var(--zax-panel-solid); border-radius: 50%; background: #36dc86; box-shadow: 0 0 9px rgba(54, 220, 134, .42); }
.zax-profile-follower-identity > span:last-child { display: flex; min-width: 0; flex-direction: column; }
.zax-profile-follower-identity > span:last-child > span { display: flex; min-width: 0; align-items: center; gap: 6px; }
.zax-profile-follower-identity strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.zax-profile-follower-identity em { display: grid; width: 18px; height: 18px; flex: 0 0 18px; place-items: center; border-radius: 6px; color: var(--zax-cyan); background: rgba(81, 230, 189, .09); }
.zax-profile-follower-identity em.is-vip { color: #ffe198; background: linear-gradient(145deg, rgba(255, 194, 70, .17), rgba(81, 230, 189, .08)); }
.zax-profile-follower-identity em .dashicons { width: 13px; height: 13px; font-size: 13px; }
.zax-profile-follower-identity small { margin-top: 2px; color: var(--zax-cyan); font-size: 8px; }
.zax-profile-follower-identity p { display: -webkit-box; margin: 3px 0 0; overflow: hidden; color: var(--zax-muted); font-size: 8px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.zax-profile-follower-action {
    min-width: 82px;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(81, 230, 189, .3);
    border-radius: 11px;
    color: #071711;
    background: linear-gradient(135deg, #75edcc, #55d8b7);
    box-shadow: 0 7px 18px rgba(38, 208, 161, .14);
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}
.zax-profile-follower-action.is-active,
.zax-profile-follower-action:disabled { color: var(--zax-soft); background: rgba(255, 255, 255, .035); box-shadow: none; }
.zax-profile-follower-action.is-blocked { color: #ff9aae; border-color: rgba(255, 111, 137, .2); }
.zax-profile-followers-empty { display: flex; min-height: 210px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; padding: 24px; color: var(--zax-muted); text-align: center; }
.zax-profile-followers-empty[hidden] { display: none !important; }
.zax-profile-followers-empty > .dashicons { width: 30px; height: 30px; color: var(--zax-cyan); font-size: 30px; }
.zax-profile-followers-empty strong { color: var(--zax-text); font-size: 11px; }
.zax-profile-followers-empty small { max-width: 360px; font-size: 8px; line-height: 1.5; }
.zax-profile-followers-pagination { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr) minmax(96px, auto); align-items: center; gap: 10px; margin-top: 13px; padding: 11px; border: 1px solid var(--zax-line); border-radius: 15px; background: rgba(255, 255, 255, .018); }
.zax-profile-followers-pagination > button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 5px; padding: 7px 11px; border: 1px solid rgba(81, 230, 189, .18); border-radius: 11px; color: var(--zax-text); background: rgba(81, 230, 189, .055); font-size: 8px; font-weight: 760; cursor: pointer; }
.zax-profile-followers-pagination > button:disabled { opacity: .38; cursor: default; }
.zax-profile-followers-pagination > span { display: flex; min-width: 0; align-items: center; flex-direction: column; gap: 2px; text-align: center; }
.zax-profile-followers-pagination strong { font-size: 9px; }
.zax-profile-followers-pagination small { color: var(--zax-muted); font-size: 7px; }
.zax-profile-follower-row.is-skeleton { min-height: 72px; grid-template-columns: 48px minmax(0, 1fr); pointer-events: none; }
.zax-profile-follower-row.is-skeleton > i { width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, .055); }
.zax-profile-follower-row.is-skeleton > span { display: grid; gap: 6px; }
.zax-profile-follower-row.is-skeleton :is(b, em, small) { display: block; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, .055); }
.zax-profile-follower-row.is-skeleton b { width: 40%; }
.zax-profile-follower-row.is-skeleton em { width: 68%; }
.zax-profile-follower-row.is-skeleton small { width: 88%; }
.zax-profile-followers-page.is-loading .zax-profile-follower-row.is-skeleton > *,
.zax-profile-followers-page.is-loading .zax-profile-follower-row.is-skeleton :is(b, em, small) { animation: zax-follower-shimmer 1.15s ease-in-out infinite alternate; }

@keyframes zax-followers-page-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }
@keyframes zax-follower-shimmer { from { opacity: .42; } to { opacity: .95; } }

@media (max-width: 760px) {
    .zax-profile-followers-page > header { min-height: calc(62px + env(safe-area-inset-top)); grid-template-columns: 40px minmax(0, 1fr) auto; gap: 9px; padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left)); }
    .zax-profile-followers-page > header > button { width: 40px; height: 40px; border-radius: 12px; }
    .zax-profile-followers-scroll { padding: 12px max(9px, env(safe-area-inset-right)) calc(var(--zax-mobile-dock-clearance) + max(16px, env(safe-area-inset-bottom))) max(9px, env(safe-area-inset-left)); }
    .zax-profile-followers-hero { grid-template-columns: 52px minmax(0, 1fr); gap: 11px; padding: 13px; border-radius: 16px; }
    .zax-profile-followers-hero > span { width: 52px; height: 52px; font-size: 17px; }
    .zax-profile-followers-hero strong { font-size: 12px; }
    .zax-profile-followers-hero p { font-size: 8px; }
    .zax-profile-followers-status { align-items: flex-start; flex-direction: column; gap: 3px; }
    .zax-profile-follower-row { gap: 8px; padding: 10px 9px; border-radius: 14px; }
    .zax-profile-follower-identity { grid-template-columns: 44px minmax(0, 1fr); gap: 9px; }
    .zax-profile-follower-avatar { width: 44px; height: 44px; }
    .zax-profile-follower-action { min-width: 70px; min-height: 32px; padding: 6px 8px; }
    .zax-profile-followers-pagination { grid-template-columns: 86px minmax(0, 1fr) 86px; gap: 6px; padding: 8px; }
    .zax-profile-followers-pagination > button { min-width: 0; padding-inline: 7px; }
}

.zax-vps-backup-option > span > em {
    display: inline-flex;
    margin-left: auto;
    padding: 5px 8px;
    border: 1px solid rgba(112, 235, 201, .16);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .zax-vps-backup-option > span {
        flex-wrap: wrap;
    }

    .zax-vps-backup-option > span > em {
        width: 100%;
        margin: 5px 0 0;
        justify-content: center;
    }
}

/* 1.13.5: Firefox Kiosk, domain + SSL center, and proxy connection insight. */
.zax-vps-kiosk-field {
    display: grid;
    min-width: 0;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(154, 140, 255, .075), rgba(81, 230, 189, .035));
}
.zax-vps-kiosk-field[hidden] { display: none !important; }
.zax-vps-kiosk-field > span { color: var(--zax-text); font-size: 11px; font-weight: 800; }
.zax-vps-kiosk-field input { width: 100%; min-width: 0; }
.zax-vps-kiosk-field small { color: var(--zax-muted); font-size: 9px; line-height: 1.5; }

.zax-vps-firefox-kiosk {
    display: grid;
    min-width: 0;
    gap: 13px;
    margin-top: 13px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 18px;
    background: radial-gradient(circle at 96% 0, rgba(154, 140, 255, .13), transparent 36%), linear-gradient(145deg, rgba(14, 29, 26, .96), rgba(8, 21, 18, .95));
}
.zax-vps-firefox-kiosk > header { display: grid; min-width: 0; grid-template-columns: 42px minmax(0, 1fr); gap: 11px; align-items: center; }
.zax-vps-firefox-kiosk > header > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #06130f; background: linear-gradient(135deg, #51e6bd, #9a8cff); box-shadow: 0 12px 26px rgba(81, 230, 189, .16); }
.zax-vps-firefox-kiosk > header > div { display: grid; min-width: 0; gap: 3px; }
.zax-vps-firefox-kiosk small { color: var(--zax-muted); font-size: 9px; }
.zax-vps-firefox-kiosk strong { color: var(--zax-text); font-size: 12px; }
.zax-vps-firefox-kiosk p,
.zax-vps-firefox-kiosk em { margin: 0; color: var(--zax-muted); font-size: 9px; font-style: normal; line-height: 1.55; }
.zax-vps-firefox-kiosk.is-ready { border-color: rgba(81, 230, 189, .3); }
.zax-vps-firefox-kiosk.is-failed { border-color: rgba(255, 112, 112, .28); }
.zax-vps-kiosk-credentials { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.zax-vps-kiosk-credentials > span { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px; align-items: center; padding: 10px; border: 1px solid var(--zax-line); border-radius: 13px; background: rgba(255, 255, 255, .025); }
.zax-vps-kiosk-credentials small { grid-column: 1 / -1; }
.zax-vps-kiosk-credentials code { min-width: 0; overflow: hidden; color: var(--zax-cyan); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.zax-vps-kiosk-credentials button,
.zax-vps-kiosk-actions button,
.zax-vps-kiosk-actions a { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border: 1px solid rgba(81, 230, 189, .18); border-radius: 10px; color: var(--zax-text); background: rgba(81, 230, 189, .06); font: inherit; font-size: 9px; font-weight: 800; text-decoration: none; cursor: pointer; }
.zax-vps-kiosk-credentials button { min-height: 30px; padding: 5px 7px; }
.zax-vps-kiosk-actions { display: flex; min-width: 0; flex-wrap: wrap; gap: 8px; }
.zax-vps-kiosk-actions a { color: #06130f; border-color: transparent; background: var(--zax-gradient-brand); }
.zax-vps-firefox-kiosk > footer { display: grid; min-width: 0; gap: 7px; padding-top: 11px; border-top: 1px solid var(--zax-line); }
.zax-vps-firefox-kiosk > footer > span { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); gap: 4px 8px; align-items: center; }
.zax-vps-firefox-kiosk > footer > span .dashicons { grid-row: 1 / 3; color: var(--zax-violet); }
.zax-vps-firefox-kiosk > footer code { min-width: 0; overflow: hidden; color: var(--zax-text); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.zax-vps-domain-center { display: grid; min-width: 0; gap: 18px; scroll-margin-top: 120px; }
.zax-vps-ssl-badge { display: inline-flex; min-width: 190px; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(81, 230, 189, .2); border-radius: 15px; color: var(--zax-cyan); background: rgba(81, 230, 189, .055); }
.zax-vps-ssl-badge > span { display: grid; gap: 2px; }
.zax-vps-ssl-badge strong { color: var(--zax-text); font-size: 11px; }
.zax-vps-ssl-badge small { color: var(--zax-muted); font-size: 9px; }
.zax-vps-domain-layout { display: grid; min-width: 0; grid-template-columns: minmax(310px, .82fr) minmax(0, 1.18fr); gap: 16px; align-items: start; }
.zax-vps-domain-form { display: grid; min-width: 0; gap: 13px; margin: 0; padding: clamp(18px, 2.5vw, 27px); border-color: rgba(81, 230, 189, .2); background: radial-gradient(circle at 90% 5%, rgba(81, 230, 189, .12), transparent 32%), linear-gradient(145deg, rgba(13, 30, 26, .97), rgba(8, 20, 18, .96)); }
.zax-vps-domain-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: #06130f; background: var(--zax-gradient-brand); box-shadow: 0 14px 30px rgba(81, 230, 189, .18); }
.zax-vps-domain-form h3 { margin: -4px 0 0; color: var(--zax-text); font-size: clamp(20px, 2.4vw, 28px); letter-spacing: -.03em; }
.zax-vps-domain-form > p { margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.65; }
.zax-vps-domain-form label { display: grid; min-width: 0; gap: 7px; color: var(--zax-text); font-size: 10px; font-weight: 800; }
.zax-vps-domain-form label small { color: var(--zax-muted); font-size: 9px; font-weight: 500; line-height: 1.5; }
.zax-vps-domain-search { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.zax-vps-domain-search input,
.zax-vps-domain-form select { width: 100%; min-width: 0; min-height: 46px; }
.zax-vps-domain-search .zax-button { min-width: 94px; }
.zax-vps-domain-result { display: grid; min-width: 0; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; padding: 11px; border: 1px solid rgba(81, 230, 189, .22); border-radius: 13px; color: var(--zax-cyan); background: rgba(81, 230, 189, .06); }
.zax-vps-domain-result[hidden],
.zax-vps-domain-checkout[hidden] { display: none !important; }
.zax-vps-domain-result.is-error { color: #ff9a9a; border-color: rgba(255, 112, 112, .22); background: rgba(255, 112, 112, .055); }
.zax-vps-domain-result > .dashicons { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: currentColor; }
.zax-vps-domain-result > .dashicons::before { color: #071511; }
.zax-vps-domain-result > span:last-child { display: grid; min-width: 0; gap: 3px; }
.zax-vps-domain-result strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 11px; }
.zax-vps-domain-result small { color: var(--zax-muted); font-size: 9px; }
.zax-vps-domain-checkout { display: grid; min-width: 0; gap: 12px; }
.zax-vps-domain-terms { grid-template-columns: auto minmax(0, 1fr) !important; gap: 9px !important; align-items: start; padding: 11px; border: 1px solid var(--zax-line); border-radius: 13px; color: var(--zax-muted) !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.55; }
.zax-vps-domain-terms input { margin-top: 2px; }
.zax-vps-domain-form > aside { display: flex; min-width: 0; gap: 9px; padding: 11px; border: 1px solid rgba(154, 140, 255, .18); border-radius: 13px; color: var(--zax-violet); background: rgba(154, 140, 255, .045); }
.zax-vps-domain-form > aside > span { display: grid; min-width: 0; gap: 3px; }
.zax-vps-domain-form > aside strong { color: var(--zax-text); font-size: 10px; }
.zax-vps-domain-form > aside small { color: var(--zax-muted); font-size: 9px; line-height: 1.5; }
.zax-vps-domain-vault { display: grid; min-width: 0; gap: 12px; padding: clamp(17px, 2.4vw, 24px); border: 1px solid var(--zax-line); border-radius: 22px; background: linear-gradient(145deg, rgba(12, 27, 24, .96), rgba(8, 19, 17, .95)); box-shadow: 0 18px 48px rgba(0, 0, 0, .18); }
.zax-vps-domain-vault-head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; }
.zax-vps-domain-vault-head h3 { margin: 4px 0 0; color: var(--zax-text); font-size: 18px; }
.zax-vps-domain-vault-head > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #06130f; background: var(--zax-gradient-brand); font-size: 11px; font-weight: 900; }
.zax-vps-domain-list { display: grid; min-width: 0; gap: 10px; }
.zax-vps-domain-list > article { display: grid; min-width: 0; gap: 12px; padding: 14px; border: 1px solid var(--zax-line); border-radius: 17px; background: rgba(255, 255, 255, .023); }
.zax-vps-domain-list > article > header { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.zax-vps-domain-list > article > header > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-vps-domain-list h4 { margin: 2px 0; overflow-wrap: anywhere; color: var(--zax-text); font-size: 13px; }
.zax-vps-domain-list p,
.zax-vps-domain-list small { margin: 0; color: var(--zax-muted); font-size: 8px; }
.zax-vps-domain-list em { padding: 5px 8px; border-radius: 999px; color: var(--zax-cyan); background: rgba(81, 230, 189, .07); font-size: 8px; font-style: normal; font-weight: 800; }
.zax-vps-domain-list > article > div { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.zax-vps-domain-list > article > div > span { display: grid; min-width: 0; grid-template-columns: 7px minmax(0, 1fr); gap: 2px 6px; padding: 9px; border: 1px solid var(--zax-line); border-radius: 11px; }
.zax-vps-domain-list i { width: 7px; height: 7px; grid-row: 1 / 3; align-self: center; border-radius: 50%; background: var(--zax-amber); box-shadow: 0 0 0 4px rgba(244, 184, 90, .07); }
.zax-vps-domain-list i.is-active,
.zax-vps-domain-list i.is-ready { background: var(--zax-cyan); box-shadow: 0 0 0 4px rgba(81, 230, 189, .07); }
.zax-vps-domain-list > article > div strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 9px; }
.zax-vps-domain-list > article > footer { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; padding-top: 10px; border-top: 1px solid var(--zax-line); }
.zax-vps-domain-list > article > footer > span { display: grid; gap: 2px; }
.zax-vps-domain-list > article > footer > span strong { color: var(--zax-text); font-size: 11px; }
.zax-vps-domain-list > article > footer > div { display: flex; flex-wrap: wrap; gap: 7px; }
.zax-vps-domain-list a,
.zax-vps-domain-list button { display: inline-flex; min-height: 34px; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid rgba(81, 230, 189, .18); border-radius: 10px; color: var(--zax-text); background: rgba(81, 230, 189, .055); font: inherit; font-size: 9px; font-weight: 800; text-decoration: none; cursor: pointer; }

.zax-proxy-network-insight { margin-bottom: 18px; border-color: rgba(81, 230, 189, .18); background: radial-gradient(circle at 90% 5%, rgba(81, 230, 189, .1), transparent 34%), linear-gradient(145deg, rgba(12, 28, 24, .97), rgba(8, 20, 18, .96)); }
.zax-proxy-network-insight .zax-session-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 900px) {
    .zax-vps-domain-layout { grid-template-columns: minmax(0, 1fr); }
    .zax-proxy-network-insight .zax-session-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .zax-vps-kiosk-credentials,
    .zax-proxy-network-insight .zax-session-detail-grid { grid-template-columns: minmax(0, 1fr); }
    .zax-vps-kiosk-credentials > span { grid-template-columns: minmax(0, 1fr) auto; }
    .zax-vps-kiosk-credentials > span button:last-child { grid-column: 1 / -1; }
    .zax-vps-kiosk-actions > *,
    .zax-vps-domain-search .zax-button,
    .zax-vps-domain-checkout > .zax-button { width: 100%; }
    .zax-vps-domain-search { grid-template-columns: minmax(0, 1fr); }
    .zax-vps-domain-list > article > header { grid-template-columns: 38px minmax(0, 1fr); }
    .zax-vps-domain-list > article > header em { grid-column: 1 / -1; justify-self: start; }
    .zax-vps-domain-list > article > div { grid-template-columns: minmax(0, 1fr); }
    .zax-vps-domain-list > article > footer { align-items: stretch; flex-direction: column; }
    .zax-vps-domain-list > article > footer > div > * { flex: 1; justify-content: center; }
    .zax-vps-ssl-badge { width: 100%; min-width: 0; }
}

/* 1.13.4: Docker-ready VPS checkout, clearly separated plans, and a centered Community create action. */
.zax-vps-plan-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
}

.zax-vps-plan-group {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(129, 238, 209, .13);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(15, 35, 30, .78), rgba(7, 19, 17, .86));
    box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 18px 45px rgba(0, 0, 0, .13);
}

.zax-vps-plan-group.is-business {
    border-color: rgba(81, 230, 189, .26);
    background: linear-gradient(145deg, rgba(18, 47, 39, .86), rgba(13, 24, 29, .9));
}

.zax-vps-plan-group.is-performance {
    border-color: rgba(166, 151, 255, .2);
    background: linear-gradient(145deg, rgba(27, 27, 51, .82), rgba(8, 22, 20, .9));
}

.zax-vps-plan-group-head {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 14px;
    padding: 0 2px 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.zax-vps-plan-group-head > span { display: grid; min-width: 0; gap: 4px; }
.zax-vps-plan-group-head h3 { margin: 0; color: var(--zax-text); font-size: clamp(17px, 1.7vw, 22px); line-height: 1.15; }
.zax-vps-plan-group-head p { max-width: 620px; margin: 0; color: var(--zax-muted); font-size: 12px; line-height: 1.5; }
.zax-vps-plan-group-head > em {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid rgba(81, 230, 189, .17);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.zax-vps-plan-group-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.zax-vps-plan-group-cards .zax-vps-plan {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100%;
    margin: 0 !important;
    scroll-snap-align: none !important;
}

.zax-vps-plan[data-vps-tier="starter"] { --zax-vps-tier: #69dfc0; }
.zax-vps-plan[data-vps-tier="business"] { --zax-vps-tier: #73b9ff; }
.zax-vps-plan[data-vps-tier="performance"] { --zax-vps-tier: #b29cff; }
.zax-vps-plan[data-vps-tier] > header em { color: var(--zax-vps-tier); border-color: color-mix(in srgb, var(--zax-vps-tier) 30%, transparent); }

.zax-vps-docker-option {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .2) !important;
    border-radius: 17px;
    padding: 13px !important;
    background: linear-gradient(135deg, rgba(81, 230, 189, .1), rgba(154, 140, 255, .08)) !important;
}

.zax-vps-docker-option::after {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -65px;
    right: -35px;
    border-radius: 50%;
    background: rgba(81, 230, 189, .12);
    content: "";
    pointer-events: none;
}

.zax-vps-docker-option > span:first-child { display: flex; align-items: center; gap: 7px; color: var(--zax-cyan) !important; }
.zax-vps-docker-option > span:first-child .dashicons { width: 17px; height: 17px; font-size: 17px; }
.zax-vps-docker-option > span:nth-child(2) { display: flex; align-items: center; gap: 9px; }
.zax-vps-docker-option input { width: 18px; height: 18px; margin: 0; accent-color: var(--zax-cyan); }
.zax-vps-docker-option input:disabled { opacity: .42; cursor: not-allowed; }
.zax-vps-docker-option strong { color: var(--zax-text); font-size: 13px; line-height: 1.35; }
.zax-vps-docker-option small { color: var(--zax-muted); font-size: 11px; line-height: 1.5; }
.zax-vps-order-form.is-docker-selected .zax-vps-docker-option { border-color: rgba(81, 230, 189, .46) !important; box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .08), 0 10px 28px rgba(17, 120, 96, .12); }
.zax-vps-order-form.is-cpanel-selected .zax-vps-docker-option { border-color: rgba(154, 140, 255, .5) !important; background: linear-gradient(135deg, rgba(154, 140, 255, .14), rgba(81, 230, 189, .07)) !important; box-shadow: inset 0 0 0 1px rgba(154, 140, 255, .11), 0 10px 28px rgba(73, 55, 145, .14); }

.zax-vps-order-form .zax-rdp-purchase-review {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zax-vps-review-docker { padding-inline: 14px; border-inline: 1px solid rgba(255, 255, 255, .07); }
.zax-vps-order-form.is-docker-selected .zax-vps-review-docker strong { color: var(--zax-cyan); }
.zax-vps-order-form.is-cpanel-selected .zax-vps-review-docker strong { color: #b9aeff; }

.zax-vps-docker-state {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-top: 13px;
    padding: 12px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .08), rgba(154, 140, 255, .07));
}

.zax-vps-docker-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #061914; background: linear-gradient(135deg, #75efd0, #8ba7ff); box-shadow: 0 8px 20px rgba(81, 230, 189, .16); }
.zax-vps-docker-mark .dashicons { width: 20px; height: 20px; font-size: 20px; }
.zax-vps-docker-state > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.zax-vps-docker-state small { color: var(--zax-muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.zax-vps-docker-state strong { color: var(--zax-text); font-size: 13px; }
.zax-vps-docker-state em { color: var(--zax-muted); font-size: 10px; font-style: normal; line-height: 1.45; }
.zax-vps-docker-state > button { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 8px 10px; border: 1px solid rgba(81, 230, 189, .22); border-radius: 11px; color: var(--zax-cyan); background: rgba(4, 18, 15, .44); font-size: 10px; font-weight: 800; cursor: pointer; }
.zax-vps-docker-state > button .dashicons { width: 15px; height: 15px; font-size: 15px; }
.zax-vps-docker-state.is-ready { border-color: rgba(81, 230, 189, .4); }
.zax-vps-docker-state.is-unavailable { border-color: rgba(255, 118, 118, .33); background: rgba(255, 118, 118, .06); }

.zax-vps-cpanel-state {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(154, 140, 255, .28);
    border-radius: 16px;
    background: radial-gradient(circle at 100% 0, rgba(154, 140, 255, .15), transparent 42%), linear-gradient(135deg, rgba(154, 140, 255, .08), rgba(81, 230, 189, .06));
}
.zax-vps-cpanel-state > span:first-child { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #090817; background: linear-gradient(135deg, #c3b7ff, #70e4ca); box-shadow: 0 8px 20px rgba(154, 140, 255, .2); }
.zax-vps-cpanel-state > span:first-child .dashicons { width: 20px; height: 20px; font-size: 20px; }
.zax-vps-cpanel-state > span:nth-child(2) { display: grid; min-width: 0; gap: 3px; }
.zax-vps-cpanel-state small { color: #b9aeff; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.zax-vps-cpanel-state strong { color: var(--zax-text); font-size: 13px; }
.zax-vps-cpanel-state p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.5; }
.zax-vps-cpanel-state.is-ready { border-color: rgba(81, 230, 189, .4); }

.zax-vps-docker-guide {
    grid-column: 1 / -1;
    display: grid;
    gap: 14px;
    margin-top: 5px;
    padding: 16px;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(11, 32, 27, .85), rgba(14, 20, 36, .86));
}

.zax-vps-docker-guide > header { display: flex; align-items: flex-start; gap: 12px; }
.zax-vps-docker-guide > header > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 13px; color: #061914; background: linear-gradient(135deg, #75efd0, #9a8cff); }
.zax-vps-docker-guide > header > span .dashicons { width: 22px; height: 22px; font-size: 22px; }
.zax-vps-docker-guide > header > div { display: grid; gap: 3px; }
.zax-vps-docker-guide > header small { color: var(--zax-cyan); font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.zax-vps-docker-guide h3 { margin: 0; color: var(--zax-text); font-size: 17px; }
.zax-vps-docker-guide p { margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.55; }
.zax-vps-docker-guide > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.zax-vps-docker-guide article { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 9px; min-width: 0; padding: 11px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 14px; background: rgba(2, 13, 11, .32); }
.zax-vps-docker-guide article > b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: #062019; background: var(--zax-cyan); font-size: 10px; }
.zax-vps-docker-guide article > span { display: grid; min-width: 0; gap: 6px; }
.zax-vps-docker-guide article strong { color: var(--zax-text); font-size: 11px; }
.zax-vps-docker-guide code { overflow: hidden; padding: 7px; border-radius: 8px; color: var(--zax-cyan); background: rgba(0, 0, 0, .26); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.zax-vps-docker-guide > aside { display: flex; align-items: flex-start; gap: 9px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .07); color: var(--zax-muted); }
.zax-vps-docker-guide > aside .dashicons { color: var(--zax-cyan); }
.zax-vps-docker-guide > aside span { display: grid; gap: 2px; }
.zax-vps-docker-guide > aside strong { color: var(--zax-text); font-size: 11px; }
.zax-vps-docker-guide > aside small { font-size: 10px; line-height: 1.5; }

@media (max-width: 1180px) {
    .zax-vps-plan-group-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-vps-docker-guide > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .zax-vps-plan-group { padding: 12px; border-radius: 18px; }
    .zax-vps-plan-group-head { gap: 10px; }
    .zax-vps-plan-group-head h3 { font-size: 17px; }
    .zax-vps-plan-group-head p { font-size: 11px; }
    .zax-vps-plan-group-cards {
        display: grid;
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(82%, 1fr);
        gap: 11px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding: 2px 3px 10px;
        scroll-padding-inline: 3px;
        scroll-snap-type: inline mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .zax-vps-plan-group-cards::-webkit-scrollbar { display: none; }
    .zax-vps-plan-group-cards .zax-vps-plan { scroll-snap-align: start !important; }
    .zax-vps-order-form .zax-rdp-purchase-review { grid-template-columns: minmax(0, 1fr); }
    .zax-vps-review-docker { padding: 10px 0; border-inline: 0; border-block: 1px solid rgba(255, 255, 255, .07); }
    .zax-vps-docker-state { grid-template-columns: auto minmax(0, 1fr); }
    .zax-vps-docker-state > button { grid-column: 1 / -1; justify-content: center; }
    .zax-vps-docker-guide > div { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-community-mobile-dock { overflow: visible !important; }
    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create {
        position: relative;
        z-index: 3;
        overflow: visible;
        transform: translateY(-11px);
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon {
        width: 52px !important;
        height: 52px !important;
        border: 2px solid rgba(218, 255, 246, .82) !important;
        border-radius: 17px !important;
        color: #041711 !important;
        background: linear-gradient(135deg, #70efd0 4%, #57d6c3 45%, #9a8cff 100%) !important;
        box-shadow: 0 10px 24px rgba(42, 205, 167, .28), 0 4px 12px rgba(123, 111, 230, .2), inset 0 1px rgba(255, 255, 255, .72) !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon::after {
        inset: -6px !important;
        border: 1px solid rgba(81, 230, 189, .26) !important;
        border-radius: 21px !important;
        opacity: 1 !important;
        background: rgba(81, 230, 189, .07) !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon svg {
        width: 27px !important;
        height: 27px !important;
        stroke-width: 2.2 !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-label {
        margin-top: -2px;
        color: var(--zax-cyan) !important;
        font-weight: 850 !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create:active {
        transform: translateY(-8px) scale(.96) !important;
    }
}

/* 1.13.0: ZaxSecurity VPS hosting and centered Cyber FYP mobile action. */
.zax-vps-page {
    min-width: 0;
    gap: clamp(18px, 2.2vw, 28px);
}

.zax-vps-hero {
    border-color: rgba(103, 224, 197, .18);
    background:
        radial-gradient(circle at 74% 14%, rgba(154, 140, 255, .14), transparent 30%),
        radial-gradient(circle at 12% 88%, rgba(81, 230, 189, .12), transparent 28%),
        linear-gradient(145deg, rgba(12, 33, 28, .97), rgba(7, 18, 16, .96));
}

.zax-vps-wallet-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        radial-gradient(circle at 85% 5%, rgba(154, 140, 255, .14), transparent 40%);
}

.zax-vps-monthly-badge {
    display: inline-flex;
    min-width: 190px;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 15px;
    color: var(--zax-cyan);
    background: linear-gradient(135deg, rgba(81, 230, 189, .1), rgba(154, 140, 255, .06));
}

.zax-vps-monthly-badge > .dashicons {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    color: #06130f;
    background: var(--zax-gradient-brand);
    font-size: 18px;
}

.zax-vps-monthly-badge > span { display: grid; min-width: 0; gap: 2px; }
.zax-vps-monthly-badge strong { color: var(--zax-text); font-size: 11px; }
.zax-vps-monthly-badge small { color: var(--zax-muted); font-size: 9px; }

.zax-vps-plan-grid {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.zax-vps-plan {
    min-width: 0;
    min-height: 100%;
    padding: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .105), transparent 34%),
        linear-gradient(155deg, rgba(17, 39, 33, .97), rgba(8, 22, 18, .95));
    flex: none;
}

.zax-vps-plan.is-featured {
    border-color: rgba(154, 140, 255, .32);
    background:
        radial-gradient(circle at 100% 0, rgba(154, 140, 255, .16), transparent 36%),
        linear-gradient(155deg, rgba(20, 36, 36, .98), rgba(10, 22, 20, .96));
    box-shadow: 0 22px 54px rgba(0, 0, 0, .25), 0 0 0 1px rgba(154, 140, 255, .06), inset 0 1px rgba(255, 255, 255, .04);
}

.zax-vps-plan .zax-rdp-plan-specs { grid-template-columns: 1fr; }
.zax-vps-plan .zax-rdp-plan-specs li,
.zax-vps-plan .zax-rdp-plan-specs li:last-child { grid-column: auto; }
.zax-vps-plan .zax-rdp-plan-price { align-items: stretch; flex-direction: column; }
.zax-vps-plan .zax-rdp-plan-price .zax-button { width: 100%; }

.zax-vps-order-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zax-vps-order-grid input,
.zax-vps-order-grid select {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 13px;
    color: var(--zax-text);
    background: rgba(2, 12, 9, .72);
    font: inherit;
}
.zax-vps-order-grid label > small { color: var(--zax-muted); font-size: 9px; line-height: 1.45; font-weight: 550; }
.zax-vps-order-grid input:focus,
.zax-vps-order-grid select:focus { outline: 2px solid rgba(81, 230, 189, .2); border-color: rgba(81, 230, 189, .52); }

.zax-vps-password-field {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 7px;
}
.zax-vps-password-field button {
    display: grid;
    min-width: 42px;
    min-height: 42px;
    place-items: center;
    border: 1px solid var(--zax-line-strong);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    cursor: pointer;
}

.zax-vps-backup-option > span:last-of-type {
    display: flex;
    min-height: 46px;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 13px;
    color: var(--zax-soft);
    background: rgba(2, 12, 9, .5);
}
.zax-vps-backup-option input { width: 18px; min-height: 18px; padding: 0; accent-color: var(--zax-cyan); }
.zax-vps-backup-option strong { font-size: 10px; }

.zax-vps-admin-plan-list {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 15px;
}
.zax-vps-admin-plan-list article {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 11px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .055), rgba(154, 140, 255, .03));
}
.zax-vps-admin-plan-list article > .dashicons {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
}
.zax-vps-admin-plan-list article > span:last-child { display: grid; min-width: 0; gap: 2px; }
.zax-vps-admin-plan-list small,
.zax-vps-admin-plan-list em { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; font-style: normal; }
.zax-vps-admin-plan-list strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 11px; }

.zax-vps-page > :is(.zax-vps-store, .zax-vps-vault, .zax-vps-connect-guide, .zax-rdp-order-history) {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
}
.zax-vps-page :is(.zax-vps-plan, .zax-vps-server-card, .zax-rdp-connect-steps li) { contain: layout style; }

@media (max-width: 1260px) {
    .zax-vps-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
    .zax-vps-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-vps-order-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] .zax-mobile-fyp-primary {
        position: relative;
        z-index: 3;
        overflow: visible;
        color: var(--zax-cyan);
        background: transparent !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] .zax-mobile-fyp-primary > .dashicons {
        display: grid;
        width: 43px !important;
        height: 43px !important;
        margin-top: -17px;
        place-items: center;
        border: 1px solid rgba(180, 255, 235, .45);
        border-radius: 15px;
        color: #04120e !important;
        background: linear-gradient(145deg, #8af4d6, #45d6ae 52%, #9b8cff);
        box-shadow: 0 10px 24px rgba(33, 215, 164, .32), 0 0 0 5px rgba(7, 18, 15, .88), inset 0 1px rgba(255, 255, 255, .58);
        font-size: 23px !important;
        line-height: 43px !important;
        animation: zax-mobile-fyp-glow 2.8s ease-in-out infinite;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] .zax-mobile-fyp-primary > span:not(.dashicons) {
        margin-top: 1px;
        color: #a8f8df;
        font-weight: 850;
        letter-spacing: -.01em;
    }

    @keyframes zax-mobile-fyp-glow {
        0%, 100% { box-shadow: 0 10px 24px rgba(33, 215, 164, .27), 0 0 0 5px rgba(7, 18, 15, .88), inset 0 1px rgba(255, 255, 255, .58); }
        50% { box-shadow: 0 12px 28px rgba(93, 226, 195, .4), 0 0 0 5px rgba(7, 18, 15, .88), 0 0 22px rgba(154, 140, 255, .16), inset 0 1px rgba(255, 255, 255, .64); }
    }
}

@media (max-width: 680px) {
    .zax-vps-page { gap: 16px; }
    .zax-vps-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .zax-vps-plan { gap: 11px; padding: 13px; border-radius: 17px; }
    .zax-vps-plan .zax-rdp-plan-icon { width: 38px; height: 38px; border-radius: 12px; }
    .zax-vps-plan h3 { font-size: 15px; }
    .zax-vps-plan > p { min-height: 0; font-size: 10px; }
    .zax-vps-plan .zax-rdp-plan-specs { gap: 5px; }
    .zax-vps-plan .zax-rdp-plan-specs li { padding: 7px; font-size: 8.5px; }
    .zax-vps-plan .zax-rdp-plan-price strong { font-size: 16px; }
    .zax-vps-plan .zax-button { min-height: 40px; padding: 8px; font-size: 9px; }
    .zax-vps-monthly-badge { width: 100%; min-width: 0; }
    .zax-vps-order-grid,
    .zax-vps-admin-plan-list { grid-template-columns: minmax(0, 1fr); }
    .zax-vps-order-form { padding: 15px; }
    .zax-vps-order-form .zax-card-heading { align-items: flex-start; flex-direction: column; }
    .zax-vps-server-card { padding: 15px; }
    .zax-vps-page { padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important; }
}

@media (max-width: 390px) {
    .zax-vps-plan-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-mobile-fyp-primary > .dashicons { animation: none !important; }
}

html[data-zax-theme="dark"] {
    background: #07100e;
    color-scheme: dark;
}

html[data-zax-theme="light"] {
    background: #edf3f0;
    color-scheme: light;
}

html.zax-refresh-restoring #zaxsecurity-app .zax-main {
    visibility: hidden;
}

html.zax-refresh-restoring #zaxsecurity-app::after {
    position: fixed;
    z-index: 10020;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    border: 3px solid rgba(81, 230, 189, .2);
    border-top-color: var(--zax-cyan);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    animation: zax-ring-spin .72s linear infinite;
}

.zax-tiktok-icon {
    --zax-tiktok-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.72-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.45 3.98-2.15 6.15-1.74.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: currentColor;
    isolation: isolate;
    vertical-align: middle;
}

.zax-tiktok-icon::before,
.zax-tiktok-icon::after,
.zax-tiktok-icon i {
    position: absolute;
    inset: 1px;
    display: block;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    -webkit-mask: var(--zax-tiktok-shape) center / contain no-repeat;
    mask: var(--zax-tiktok-shape) center / contain no-repeat;
    content: "";
}

.zax-tiktok-icon::before {
    z-index: 0;
    background: #25f4ee;
    transform: translate(-1.2px, .9px);
}

.zax-tiktok-icon::after {
    z-index: 0;
    background: #fe2c55;
    transform: translate(1.2px, -.9px);
}

.zax-tiktok-icon i {
    z-index: 1;
    background: currentColor;
    box-shadow: none;
}

.zax-telegram-icon {
    --zax-telegram-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 3.4 18.5 19c-.2 1.1-.9 1.4-1.8.9L12 17.4l-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-7.9c.4-.3-.1-.5-.6-.2L6.4 14l-4.7-1.5c-1-.3-1-1 .2-1.5l18.3-7.1c.8-.3 1.6.2 1.4-.5z'/%3E%3C/svg%3E");
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    color: currentColor;
    vertical-align: middle;
}

.zax-telegram-icon::before,
.zax-telegram-icon i {
    position: absolute;
    inset: 1px;
    display: block;
    background: currentColor;
    content: "";
    -webkit-mask: var(--zax-telegram-shape) center / contain no-repeat;
    mask: var(--zax-telegram-shape) center / contain no-repeat;
}

.zax-telegram-icon::before {
    background: #2aabee;
    filter: drop-shadow(0 3px 7px rgba(42, 171, 238, .24));
}

.zax-telegram-icon i {
    display: none;
}

/* ZaxSignals TikTok Live */
.zax-live-hero {
    position: relative;
    display: grid;
    min-height: 570px;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: center;
    gap: clamp(30px, 6vw, 90px);
    padding: clamp(38px, 6vw, 82px);
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 85% 22%, rgba(37, 244, 238, .14), transparent 25%),
        radial-gradient(circle at 10% 90%, rgba(255, 45, 85, .12), transparent 28%),
        linear-gradient(135deg, rgba(13, 30, 26, .98), rgba(13, 15, 24, .98));
}

.zax-app[data-theme="light"] .zax-live-hero {
    background:
        radial-gradient(circle at 85% 22%, rgba(18, 177, 171, .14), transparent 25%),
        radial-gradient(circle at 10% 90%, rgba(229, 40, 78, .1), transparent 28%),
        linear-gradient(135deg, rgba(247, 252, 250, .98), rgba(239, 245, 244, .98));
}

.zax-live-hero::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(37, 244, 238, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 244, 238, .028) 1px, transparent 1px);
    background-size: 38px 38px;
    content: "";
    mask-image: linear-gradient(120deg, #000, transparent 78%);
}

.zax-live-copy,
.zax-live-stage {
    position: relative;
    z-index: 2;
}

.zax-live-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 68, 104, .25);
    border-radius: 999px;
    color: #ff6e8a;
    background: rgba(255, 45, 85, .08);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zax-live-kicker i,
.zax-live-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff315c;
    box-shadow: 0 0 0 4px rgba(255, 49, 92, .12), 0 0 16px rgba(255, 49, 92, .65);
    animation: zax-live-pulse 1.8s ease-in-out infinite;
}

.zax-live-copy h1 {
    max-width: 760px;
    margin: 20px 0 16px;
    font-size: clamp(36px, 4.4vw, 58px);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: 1;
}

.zax-live-copy > p {
    max-width: 700px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 13px;
    line-height: 1.75;
}

.zax-live-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 27px;
}

.zax-button-live {
    border-color: rgba(255, 255, 255, .14);
    color: #fff;
    background: linear-gradient(135deg, #ff315c, #d91963);
    box-shadow: 0 13px 30px rgba(218, 25, 94, .24), inset 0 1px rgba(255, 255, 255, .22);
}

.zax-button-live:hover {
    color: #fff;
    box-shadow: 0 16px 35px rgba(218, 25, 94, .33), inset 0 1px rgba(255, 255, 255, .22);
    transform: translateY(-1px);
}

.zax-live-notice {
    display: flex;
    max-width: 580px;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding: 12px 14px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(255, 255, 255, .025);
}

.zax-live-notice > span {
    display: flex;
    flex-direction: column;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.5;
}

.zax-live-notice strong {
    color: var(--zax-text);
    font-size: 9px;
}

.zax-live-stage {
    display: grid;
    min-height: 440px;
    place-items: center;
}

.zax-live-phone {
    position: relative;
    z-index: 3;
    width: min(100%, 320px);
    min-height: 450px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid rgba(203, 231, 224, .19);
    border-radius: 34px;
    color: #f6fbfa;
    background:
        radial-gradient(circle at 50% 35%, rgba(37, 244, 238, .14), transparent 31%),
        linear-gradient(160deg, rgba(23, 31, 38, .97), rgba(5, 12, 14, .99));
    box-shadow:
        0 35px 80px rgba(0, 0, 0, .42),
        inset 0 1px rgba(255, 255, 255, .13),
        9px 0 rgba(37, 244, 238, .07),
        -9px 0 rgba(255, 45, 85, .07);
}

.zax-live-phone::before {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 60px;
    height: 5px;
    border-radius: 999px;
    background: rgba(220, 235, 231, .2);
    content: "";
    transform: translateX(-50%);
}

.zax-live-phone-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-top: 10px;
    font-size: 7px;
}

.zax-live-phone-head > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #a7bdb7;
}

.zax-live-badge {
    padding: 6px 8px;
    border-radius: 7px;
    color: #fff !important;
    background: #ed2854;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .09em;
}

.zax-live-badge i {
    width: 5px;
    height: 5px;
    background: #fff;
    box-shadow: 0 0 9px rgba(255, 255, 255, .8);
}

.zax-live-presenter {
    position: relative;
    display: grid;
    width: 145px;
    height: 145px;
    place-items: center;
    margin: 36px auto 14px;
    border: 1px solid rgba(37, 244, 238, .23);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(37, 244, 238, .1), rgba(255, 45, 85, .04) 56%, transparent 57%);
    box-shadow: 0 0 0 18px rgba(37, 244, 238, .025), 0 0 60px rgba(37, 244, 238, .08);
}

.zax-live-presenter > span {
    display: grid;
    width: 86px;
    height: 86px;
    place-items: center;
    border: 2px solid rgba(255, 255, 255, .13);
    border-radius: 29px;
    color: #061512;
    background: linear-gradient(145deg, #6ef7d4, #27d0a7);
    box-shadow: 8px 8px 0 rgba(255, 45, 85, .3), -8px -8px 0 rgba(37, 244, 238, .2);
    font-size: 27px;
    font-weight: 900;
}

.zax-live-presenter > i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #25f4ee;
    box-shadow: 0 0 13px #25f4ee;
}

.zax-live-presenter > i:nth-of-type(1) { top: 7%; left: 26%; }
.zax-live-presenter > i:nth-of-type(2) { right: 5%; bottom: 34%; background: #ff315c; box-shadow: 0 0 13px #ff315c; }
.zax-live-presenter > i:nth-of-type(3) { bottom: 5%; left: 32%; }

.zax-live-identity {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 17px;
}

.zax-live-identity strong { font-size: 13px; }
.zax-live-identity small { color: #90aaa3; font-size: 7px; }

.zax-live-comments {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.zax-live-comments > span {
    display: flex;
    max-width: 92%;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    color: #c2d3ce;
    background: rgba(255, 255, 255, .045);
    font-size: 7px;
    animation: zax-live-comment 5s ease-in-out infinite;
}

.zax-live-comments > span:nth-child(2) { align-self: flex-end; animation-delay: -1.7s; }
.zax-live-comments > span:nth-child(3) { animation-delay: -3.4s; }

.zax-live-comments i {
    display: grid;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 7px;
    color: #062019;
    background: #55dfba;
    font-size: 6px;
    font-style: normal;
    font-weight: 850;
}

.zax-live-question {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    color: #859c96;
    background: rgba(255, 255, 255, .045);
    font-size: 7px;
}

.zax-live-question span {
    flex: 1;
}

.zax-live-orbit {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(37, 244, 238, .1);
    border-radius: 50%;
    animation: zax-live-spin 18s linear infinite;
}

.zax-live-orbit::after {
    position: absolute;
    top: 12%;
    left: 13%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #25f4ee;
    box-shadow: 0 0 18px #25f4ee;
    content: "";
}

.zax-live-orbit-one { width: 390px; height: 390px; }
.zax-live-orbit-two { width: 470px; height: 470px; border-color: rgba(255, 45, 85, .08); animation-direction: reverse; animation-duration: 26s; }
.zax-live-orbit-two::after { right: 16%; bottom: 11%; top: auto; left: auto; background: #ff315c; box-shadow: 0 0 18px #ff315c; }

.zax-live-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 15px 0;
}

.zax-live-info-grid article {
    display: grid;
    min-height: 160px;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    padding: 22px;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: var(--zax-panel);
}

.zax-live-info-grid article > span {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(37, 244, 238, .16);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(37, 244, 238, .05);
    font-size: 9px;
    font-weight: 820;
}

.zax-live-info-grid h2 {
    margin: 3px 0 7px;
    font-size: 14px;
}

.zax-live-info-grid p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.7;
}

.zax-live-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.zax-live-detail-grid > article {
    min-height: 250px;
    padding: 24px;
}

.zax-live-topics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 20px;
}

.zax-live-topics span {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .018);
    font-size: 8px;
}

.zax-live-topics .dashicons {
    color: var(--zax-cyan);
}

.zax-live-safety {
    background:
        radial-gradient(circle at 92% 10%, rgba(255, 45, 85, .08), transparent 27%),
        var(--zax-panel);
}

.zax-live-safety > p {
    margin: 20px 0 18px;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.75;
}

.zax-live-safety > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: var(--zax-soft);
    font-size: 8px;
    text-decoration: none;
}

.zax-live-safety > a .dashicons {
    color: #ff617f;
}

.zax-live-settings-form {
    margin-top: 16px;
}

@keyframes zax-live-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .55; transform: scale(.82); }
}

@keyframes zax-live-spin {
    to { transform: rotate(360deg); }
}

@keyframes zax-live-comment {
    0%, 100% { opacity: .68; transform: translateY(0); }
    45%, 75% { opacity: 1; transform: translateY(-2px); }
}

@media (max-width: 980px) {
    .zax-live-hero {
        grid-template-columns: 1fr;
    }

    .zax-live-copy {
        text-align: center;
    }

    .zax-live-copy > p,
    .zax-live-notice {
        margin-right: auto;
        margin-left: auto;
    }

    .zax-live-actions {
        justify-content: center;
    }

    .zax-live-stage {
        min-height: 480px;
    }

    .zax-live-info-grid {
        grid-template-columns: 1fr;
    }

    .zax-live-info-grid article {
        min-height: auto;
    }
}

@media (max-width: 680px) {
    .zax-live-hero {
        margin: -24px -16px 0;
        padding: 54px 20px 40px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-live-copy h1 {
        font-size: 36px;
    }

    .zax-live-copy > p {
        font-size: 11px;
    }

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

    .zax-live-actions .zax-button {
        width: 100%;
    }

    .zax-live-stage {
        min-height: 460px;
    }

    .zax-live-phone {
        width: min(100%, 310px);
    }

    .zax-live-orbit-one { width: 330px; height: 330px; }
    .zax-live-orbit-two { width: 390px; height: 390px; }

    .zax-live-detail-grid,
    .zax-live-topics {
        grid-template-columns: 1fr;
    }

    .zax-live-info-grid article,
    .zax-live-detail-grid > article {
        padding: 18px;
    }
}

html,
body.zaxsecurity-portal-page {
    width: 100%;
    min-width: 320px;
    height: auto !important;
    min-height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: auto !important;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--zax-bg);
}

body.zaxsecurity-portal-page {
    color: var(--zax-text);
    font-family: var(--zax-font);
    font-size: 15px;
    line-height: 1.5;
    touch-action: pan-x pan-y;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.zaxsecurity-portal-page.zax-modal-open {
    overflow-y: hidden !important;
}

body.zaxsecurity-portal-page * {
    box-sizing: border-box;
}

body.zaxsecurity-portal-page button,
body.zaxsecurity-portal-page input,
body.zaxsecurity-portal-page select,
body.zaxsecurity-portal-page textarea {
    font: inherit;
}

body.zaxsecurity-portal-page button,
body.zaxsecurity-portal-page a {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.zax-app {
    width: 100%;
    height: auto;
    min-height: 100dvh;
    overflow-y: visible;
    touch-action: pan-x pan-y;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 84% -20%, rgba(81, 230, 189, .08), transparent 34%),
        radial-gradient(circle at 52% 110%, rgba(154, 140, 255, .055), transparent 30%),
        var(--zax-bg);
    transition: color .25s ease, background .25s ease;
}

.zax-performance-section.is-offscreen,
.zax-performance-section.is-offscreen *,
.zax-performance-section.is-offscreen *::before,
.zax-performance-section.is-offscreen *::after {
    animation-play-state: paused !important;
}

.zax-app[data-theme="light"] {
    --zax-bg: #edf3f0;
    --zax-bg-soft: #e4ece8;
    --zax-panel: rgba(255, 255, 255, .82);
    --zax-panel-solid: #fdfefd;
    --zax-panel-2: #f2f7f4;
    --zax-line: rgba(23, 57, 48, .12);
    --zax-line-strong: rgba(23, 57, 48, .2);
    --zax-text: #10211d;
    --zax-muted: #60756e;
    --zax-soft: #405c53;
    --zax-cyan: #0ea97d;
    --zax-cyan-deep: #078361;
    --zax-shadow: 0 24px 70px rgba(23, 57, 48, .12);
    --zax-glass: rgba(255, 255, 255, .78);
    --zax-glass-strong: rgba(248, 252, 250, .94);
    --zax-surface-elevated: #ffffff;
    --zax-animated-glow: rgba(14, 169, 125, .12);
    --zax-animated-violet: rgba(111, 89, 222, .08);
    --zax-grid-line: rgba(23, 57, 48, .08);
    --zax-overlay: rgba(225, 237, 232, .76);
}

.zax-app [hidden] {
    display: none !important;
}

.zax-skip-link {
    position: fixed;
    z-index: 9999;
    top: -60px;
    left: 16px;
    padding: 10px 16px;
    border-radius: 8px;
    color: #06120f;
    background: var(--zax-cyan);
    transition: top .2s ease;
}

.zax-skip-link:focus {
    top: 12px;
}

.zax-sidebar {
    position: fixed;
    z-index: 120;
    inset: 0 auto 0 0;
    display: flex;
    width: var(--zax-sidebar);
    min-height: 100dvh;
    flex-direction: column;
    border-right: 1px solid var(--zax-line);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 38%),
        rgba(7, 17, 14, .95);
    box-shadow: 18px 0 60px rgba(0, 0, 0, .08);
    backdrop-filter: blur(24px) saturate(130%);
    -webkit-backdrop-filter: blur(24px) saturate(130%);
    transition: width .25s cubic-bezier(.2, .78, .28, 1), transform .25s ease, opacity .2s ease;
}

.zax-app[data-theme="light"] .zax-sidebar {
    background: rgba(247, 251, 249, .92);
}

.zax-brand {
    display: flex;
    min-height: var(--zax-topbar);
    align-items: center;
    gap: 11px;
    padding: 0 20px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-brand-mark {
    position: relative;
    display: inline-grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .42);
    border-radius: 11px;
    color: #08201a;
    background: linear-gradient(145deg, #80f5d4, #26c99c);
    box-shadow: 0 7px 24px rgba(32, 202, 157, .2), inset 0 1px rgba(255, 255, 255, .75);
}

.zax-brand-mark::after {
    position: absolute;
    inset: 1px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    content: "";
}

.zax-brand-mark i {
    font-size: 19px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -.07em;
}

.zax-brand-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-brand-copy strong {
    overflow: hidden;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-brand-copy small {
    color: var(--zax-muted);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.zax-sidebar-close {
    display: none !important;
    margin-left: auto;
}

.zax-sidebar-collapse {
    width: 30px;
    height: 30px;
    margin-left: auto;
    border-radius: 9px;
    color: var(--zax-muted);
}

.zax-sidebar-collapse .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
    transition: transform .25s ease;
}

.zax-nav {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    overflow-y: auto;
    padding: 15px 13px;
    scrollbar-width: thin;
}

.zax-nav-label {
    margin: 17px 9px 7px;
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.zax-nav-label:first-child {
    margin-top: 3px;
}

.zax-nav button {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 42px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 11px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--zax-muted);
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: .18s ease;
}

.zax-nav button:hover {
    color: var(--zax-text);
    background: rgba(255, 255, 255, .035);
}

.zax-nav button.is-active {
    border-color: rgba(81, 230, 189, .12);
    color: var(--zax-text);
    background: linear-gradient(90deg, rgba(81, 230, 189, .12), rgba(81, 230, 189, .025));
    box-shadow: inset 3px 0 var(--zax-cyan);
}

.zax-nav button > .dashicons,
.zax-nav button > .zax-tiktok-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    justify-self: center;
    color: currentColor;
}

.zax-nav button > .dashicons {
    font-size: 20px;
}

.zax-nav button.is-active > .dashicons,
.zax-nav button.is-active > .zax-tiktok-icon {
    color: var(--zax-cyan);
}

.zax-nav button > span:not(.dashicons):not(.zax-tiktok-icon) {
    min-width: 0;
    font-size: 13px;
    font-weight: 620;
    text-align: left;
}

.zax-nav button b,
.zax-nav button em {
    justify-self: end;
    min-width: 22px;
    padding: 1px 6px;
    border-radius: 10px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .06);
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
    text-align: center;
}

.zax-nav button em {
    padding: 0;
    color: var(--zax-cyan);
    background: transparent;
}

.zax-sidebar-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 13px 20px calc(13px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--zax-line);
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-sidebar-wallet {
    display: grid;
    width: 100%;
    grid-template-columns: 34px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 13px;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .09), transparent 38%),
        rgba(81, 230, 189, .04);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 12px 28px rgba(0, 0, 0, .08);
    text-align: left;
    cursor: pointer;
}

.zax-app[data-theme="light"] .zax-sidebar-wallet {
    background:
        radial-gradient(circle at 100% 0, rgba(14, 169, 125, .11), transparent 38%),
        rgba(255, 255, 255, .7);
    box-shadow: inset 0 1px rgba(255, 255, 255, .95), 0 12px 28px rgba(23, 57, 48, .08);
}

.zax-sidebar-wallet > span:first-child {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .065);
}

.zax-sidebar-wallet > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-sidebar-wallet small {
    color: var(--zax-muted);
    font-size: 6px;
    font-weight: 760;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-sidebar-wallet strong {
    overflow: hidden;
    margin-top: 2px;
    color: var(--zax-cyan);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-sidebar-wallet em {
    overflow: hidden;
    margin-top: 1px;
    color: var(--zax-violet);
    font-size: 8px;
    font-style: normal;
    font-weight: 730;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-sidebar-wallet > .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-muted);
    font-size: 14px;
}

.zax-system-status {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--zax-soft);
    font-size: 10px;
}

.zax-system-status i,
.zax-status-chip i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .1), 0 0 12px rgba(81, 230, 189, .6);
}

.zax-sidebar-backdrop {
    display: none;
}

.zax-shell {
    min-width: 0;
    min-height: 100dvh;
    margin-left: var(--zax-sidebar);
    padding-top: var(--zax-topbar);
    transition: margin-left .25s ease;
}

.zax-topbar {
    position: fixed;
    z-index: 100;
    inset: 0 0 auto var(--zax-sidebar);
    display: flex;
    width: auto;
    min-height: var(--zax-topbar);
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px clamp(18px, 2.2vw, 34px);
    border-bottom: 1px solid var(--zax-line);
    background: rgba(7, 16, 14, .82);
    box-shadow: 0 12px 38px rgba(0, 0, 0, .08);
    backdrop-filter: blur(24px) saturate(145%);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
    transition: left .25s ease;
}

.zax-app[data-theme="light"] .zax-topbar {
    background: rgba(241, 247, 244, .84);
}

.zax-topbar-left,
.zax-topbar-actions,
.zax-breadcrumb,
.zax-mode-switch,
.zax-profile-button {
    display: flex;
    align-items: center;
}

.zax-topbar-left {
    min-width: 0;
}

.zax-home-topnav {
    display: none;
    min-width: 0;
    align-items: center;
    gap: clamp(18px, 2.4vw, 38px);
}

.zax-app.is-public-view .zax-topbar-left {
    flex: 1;
}

.zax-app.is-public-view .zax-home-topnav {
    display: flex;
}

.zax-app.is-public-view .zax-breadcrumb {
    display: none;
}

.zax-home-nav-brand {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding: 0;
    border: 0;
    color: var(--zax-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.zax-home-nav-mark {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .4);
    border-radius: 11px;
    color: #072019;
    background: linear-gradient(145deg, #82f6d5, #28c99d);
    box-shadow: 0 8px 25px rgba(40, 202, 158, .2), inset 0 1px rgba(255, 255, 255, .72);
    font-size: 15px;
    font-weight: 900;
}

.zax-home-nav-brand > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-home-nav-brand strong {
    overflow: hidden;
    max-width: 150px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-home-nav-brand small {
    color: var(--zax-muted);
    font-size: 6px;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.zax-home-topnav nav {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 3px;
    padding: 4px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .025);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.zax-home-topnav nav button {
    min-height: 30px;
    padding: 6px clamp(8px, .8vw, 13px);
    border: 0;
    border-radius: 9px;
    color: var(--zax-muted);
    background: transparent;
    font-size: 8px;
    font-weight: 730;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.zax-home-topnav nav button:hover,
.zax-home-topnav nav button.is-active {
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .075);
    box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .08);
}

.zax-app[data-theme="light"] .zax-home-topnav nav {
    border-color: rgba(23, 57, 48, .13);
    background: rgba(255, 255, 255, .52);
    box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

.zax-app[data-theme="light"] .zax-home-topnav nav button {
    color: #587269;
}

.zax-app[data-theme="light"] .zax-home-topnav nav button:hover,
.zax-app[data-theme="light"] .zax-home-topnav nav button.is-active {
    color: #087b5c;
    background: rgba(18, 169, 125, .09);
}

.zax-breadcrumb {
    gap: 7px;
    min-width: 0;
    color: var(--zax-muted);
    font-size: 11px;
}

.zax-breadcrumb .dashicons {
    width: 13px;
    height: 13px;
    font-size: 13px;
}

.zax-breadcrumb strong {
    overflow: hidden;
    color: var(--zax-text);
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-topbar-actions {
    gap: 7px;
}

.zax-icon-button,
.zax-notification-button {
    display: inline-grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    cursor: pointer;
    transition: .18s ease;
}

.zax-icon-button:hover {
    border-color: var(--zax-line-strong);
    color: var(--zax-text);
    background: rgba(255, 255, 255, .06);
}

.zax-app .dashicons {
    opacity: 1;
    visibility: visible;
}

.zax-icon-button .dashicons,
.zax-mode-switch .dashicons,
.zax-mobile-dock .dashicons {
    color: currentColor;
    opacity: 1;
}

.zax-app[data-theme="light"] .zax-icon-button {
    border-color: rgba(23, 57, 48, .18);
    color: #294d42;
    background: rgba(255, 255, 255, .58);
}

.zax-app[data-theme="light"] .zax-icon-button:hover {
    border-color: rgba(14, 169, 125, .34);
    color: #087a5b;
    background: rgba(255, 255, 255, .9);
}

.zax-search-trigger {
    display: flex;
    width: clamp(150px, 15vw, 220px);
    height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 9px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .025);
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}

.zax-search-trigger .dashicons {
    display: inline-block !important;
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    color: currentColor;
    font-size: 17px;
    line-height: 17px;
    opacity: 1;
    visibility: visible;
}

.zax-search-trigger:hover {
    border-color: rgba(81, 230, 189, .3);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-search-trigger .zax-search-label {
    flex: 1;
    overflow: hidden;
    font-size: 11px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-search-trigger kbd {
    padding: 2px 5px;
    border: 1px solid var(--zax-line);
    border-radius: 5px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .035);
    font-size: 9px;
}

.zax-wallet-chip {
    display: flex;
    height: 38px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
    cursor: pointer;
}

.zax-wallet-chip .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-wallet-chip span {
    display: flex;
    flex-direction: column;
    color: var(--zax-text);
    font-size: 9px;
    font-weight: 750;
    line-height: 1.15;
}

.zax-wallet-chip span small {
    margin-top: 1px;
    color: var(--zax-violet);
    font-size: 7px;
    font-weight: 720;
}

.zax-theme-light-icon {
    display: none;
}

.zax-app[data-theme="light"] .zax-theme-light-icon {
    display: inline-block;
}

.zax-app[data-theme="light"] .zax-theme-dark-icon {
    display: none;
}

.zax-mode-switch {
    min-width: 148px;
    height: 42px;
    gap: 8px;
    padding: 3px 8px 3px 4px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 11px;
    color: var(--zax-text);
    background: linear-gradient(135deg, rgba(81, 230, 189, .1), rgba(154, 140, 255, .045));
    cursor: pointer;
}

.zax-mode-switch-icon {
    display: inline-grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 8px;
    color: #062018;
    background: var(--zax-cyan);
}

.zax-mode-switch-icon .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-mode-switch > span:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
}

.zax-mode-switch small {
    color: var(--zax-muted);
    font-size: 8px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.zax-mode-switch strong {
    font-size: 10px;
    font-weight: 750;
}

.zax-mode-switch > .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-muted);
    font-size: 13px;
}

.zax-notification-button {
    position: relative;
}

.zax-app-refresh {
    display: none;
}

.zax-notification-button i {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 5px;
    height: 5px;
    border: 1px solid var(--zax-panel-solid);
    border-radius: 50%;
    background: var(--zax-cyan);
}

.zax-profile-button {
    height: 42px;
    gap: 8px;
    padding: 3px 8px 3px 4px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--zax-text);
    background: transparent;
    cursor: pointer;
}

.zax-profile-button > span:first-child,
.zax-avatar {
    display: inline-grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 9px;
    color: #d8d2ff;
    background: linear-gradient(145deg, rgba(154, 140, 255, .24), rgba(81, 230, 189, .08));
    font-size: 11px;
    font-weight: 800;
}

.zax-profile-button > span:nth-child(2) {
    display: flex;
    max-width: 115px;
    flex-direction: column;
    align-items: flex-start;
}

.zax-profile-button strong,
.zax-profile-button small {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-profile-button strong {
    font-size: 10px;
}

.zax-profile-button small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-profile-button > .dashicons {
    width: 12px;
    height: 12px;
    color: var(--zax-muted);
    font-size: 12px;
}

.zax-mobile-menu {
    display: none;
    margin-right: 10px;
}

.zax-main {
    width: 100%;
    min-height: calc(100dvh - var(--zax-topbar));
    padding: clamp(24px, 3vw, 46px) clamp(18px, 3.4vw, 54px) 64px;
}

.zax-page {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    animation: zax-page-in .3s ease both;
}

.zax-page:not(.is-active) {
    display: none;
}

@keyframes zax-page-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.zax-eyebrow {
    display: inline-block;
    color: var(--zax-cyan);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.zax-welcome-row,
.zax-page-heading,
.zax-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.zax-welcome-row h1,
.zax-page-heading h1 {
    margin: 5px 0 4px;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 720;
    letter-spacing: -.045em;
    line-height: 1.08;
}

.zax-welcome-row p,
.zax-page-heading p {
    max-width: 660px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 13px;
}

.zax-date-chip,
.zax-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    font-size: 10px;
    white-space: nowrap;
}

.zax-date-chip .dashicons {
    width: 15px;
    height: 15px;
    color: var(--zax-cyan);
    font-size: 15px;
}

.zax-login-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding: 13px 15px;
    border: 1px solid rgba(244, 184, 90, .2);
    border-radius: 12px;
    background: rgba(244, 184, 90, .055);
}

.zax-login-banner > div {
    display: flex;
    align-items: center;
    gap: 11px;
}

.zax-login-banner .dashicons {
    color: var(--zax-amber);
}

.zax-login-banner span {
    display: flex;
    flex-direction: column;
}

.zax-login-banner strong {
    font-size: 12px;
}

.zax-login-banner small {
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-button {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.zax-button:hover {
    transform: translateY(-1px);
}

.zax-button .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-button-primary {
    color: #061b15;
    background: linear-gradient(135deg, #74f1cd, #37cca0);
    box-shadow: 0 8px 24px rgba(43, 205, 160, .14);
}

.zax-button-secondary {
    border-color: var(--zax-line-strong);
    color: var(--zax-text);
    background: rgba(255, 255, 255, .035);
}

.zax-button-light {
    color: #0d241d;
    background: #f4f9f7;
}

.zax-button-block {
    width: 100%;
}

.zax-button-small {
    min-height: 31px;
    padding: 6px 10px;
    font-size: 9px;
}

.zax-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(270px, .75fr);
    gap: 16px;
}

.zax-hero-panel {
    position: relative;
    min-height: 274px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: var(--zax-radius);
    background:
        linear-gradient(120deg, rgba(11, 40, 32, .94), rgba(12, 30, 27, .86)),
        var(--zax-panel-solid);
    box-shadow: var(--zax-shadow);
}

.zax-hero-panel::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(81, 230, 189, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .045) 1px, transparent 1px);
    background-size: 32px 32px;
    content: "";
    mask-image: linear-gradient(90deg, transparent, #000);
}

.zax-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    width: 66%;
    min-height: 274px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 32px 38px;
}

.zax-live-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #88f2d2;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.zax-live-label i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 12px var(--zax-cyan);
}

.zax-hero-content h2 {
    max-width: 560px;
    margin: 13px 0 11px;
    font-size: clamp(25px, 3vw, 40px);
    font-weight: 720;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.zax-hero-content p {
    max-width: 530px;
    margin: 0;
    color: #a8c0b8;
    font-size: 12px;
}

.zax-hero-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 23px;
}

.zax-hero-actions > span {
    color: #9ab3aa;
    font-size: 9px;
}

.zax-orbit {
    position: absolute;
    top: 50%;
    right: clamp(35px, 8vw, 120px);
    width: 155px;
    height: 155px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 50%;
    transform: translateY(-50%);
}

.zax-orbit::before,
.zax-orbit::after {
    position: absolute;
    inset: 19px;
    border: 1px solid rgba(81, 230, 189, .11);
    border-radius: 50%;
    content: "";
}

.zax-orbit::after {
    inset: 42px;
    border-color: rgba(81, 230, 189, .22);
}

.zax-orbit > span {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .35);
    border-radius: 17px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .1);
    box-shadow: 0 0 45px rgba(81, 230, 189, .18);
    transform: translate(-50%, -50%) rotate(45deg);
}

.zax-orbit > span .dashicons {
    width: 25px;
    height: 25px;
    font-size: 25px;
    transform: rotate(-45deg);
}

.zax-orbit > i {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 10px var(--zax-cyan);
}

.zax-orbit > i:nth-child(1) { top: 12%; left: 24%; }
.zax-orbit > i:nth-child(2) { top: 46%; right: -3px; }
.zax-orbit > i:nth-child(3) { bottom: 5%; left: 45%; }
.zax-orbit > i:nth-child(4) { top: 54%; left: 11%; background: var(--zax-violet); }

.zax-readiness-card,
.zax-panel {
    border: 1px solid var(--zax-line);
    border-radius: var(--zax-radius);
    background: var(--zax-panel);
    box-shadow: 0 16px 44px rgba(0, 0, 0, .08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.zax-readiness-card {
    min-height: 274px;
    padding: 21px 22px;
}

.zax-card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.zax-card-heading h3 {
    margin: 4px 0 0;
    font-size: 16px;
    letter-spacing: -.025em;
}

.zax-card-heading p {
    margin: 5px 0 0;
    color: var(--zax-muted);
    font-size: 11px;
}

.zax-trend-positive,
.zax-positive {
    color: var(--zax-cyan) !important;
}

.zax-negative {
    color: var(--zax-red) !important;
}

.zax-trend-positive {
    padding: 3px 6px;
    border-radius: 7px;
    background: rgba(81, 230, 189, .08);
    font-size: 9px;
    font-weight: 750;
}

.zax-score-ring {
    position: relative;
    display: flex;
    width: 92px;
    height: 92px;
    align-items: baseline;
    justify-content: center;
    margin: 16px auto 12px;
    padding-top: 30px;
    border-radius: 50%;
    background:
        radial-gradient(circle closest-side, var(--zax-panel-solid) 78%, transparent 80%),
        conic-gradient(var(--zax-cyan) calc(var(--score) * 1%), rgba(255, 255, 255, .08) 0);
}

.zax-score-ring strong {
    font-size: 24px;
    letter-spacing: -.05em;
}

.zax-score-ring span {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-readiness-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.zax-readiness-list > span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-readiness-list i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.zax-readiness-list strong {
    margin-left: auto;
    color: var(--zax-soft);
    font-size: 9px;
}

.zax-dot-cyan { background: var(--zax-cyan); }
.zax-dot-violet { background: var(--zax-violet); }
.zax-dot-amber { background: var(--zax-amber); }

.zax-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 39px;
}

.zax-stat-grid article {
    display: flex;
    min-height: 92px;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: linear-gradient(145deg, var(--zax-panel), rgba(255, 255, 255, .012));
}

.zax-stat-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
}

.zax-stat-icon .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.zax-stat-grid article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-stat-grid small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-stat-grid strong {
    margin: 1px 0;
    font-size: 20px;
    letter-spacing: -.04em;
}

.zax-stat-grid em,
.zax-stat-grid button {
    padding: 0;
    border: 0;
    color: var(--zax-muted);
    background: none;
    font-size: 8px;
    font-style: normal;
    text-align: left;
}

.zax-stat-grid button {
    color: var(--zax-cyan);
    cursor: pointer;
}

.zax-section-heading {
    align-items: flex-end;
    margin-bottom: 15px;
}

.zax-section-heading h2 {
    margin: 4px 0 0;
    font-size: 22px;
    letter-spacing: -.035em;
}

.zax-section-heading > button {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: none;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.zax-section-heading > button .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.zax-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.zax-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zax-product-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: var(--zax-panel);
    contain: layout paint style;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.zax-product-card:hover {
    border-color: var(--zax-line-strong);
    box-shadow: 0 18px 54px rgba(0, 0, 0, .14);
    transform: translateY(-3px);
}

.zax-product-visual {
    position: relative;
    display: flex;
    height: 116px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid var(--zax-line);
    background:
        radial-gradient(circle at 50% 110%, rgba(81, 230, 189, .14), transparent 55%),
        rgba(255, 255, 255, .014);
}

.zax-accent-violet .zax-product-visual {
    background: radial-gradient(circle at 50% 110%, rgba(154, 140, 255, .16), transparent 55%), rgba(255, 255, 255, .014);
}

.zax-accent-amber .zax-product-visual {
    background: radial-gradient(circle at 50% 110%, rgba(244, 184, 90, .16), transparent 55%), rgba(255, 255, 255, .014);
}

.zax-grid-glow {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(to bottom, transparent, #000);
}

.zax-product-icon {
    position: relative;
    z-index: 2;
    display: inline-grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .26);
    border-radius: 14px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
    box-shadow: 0 15px 45px rgba(0, 0, 0, .2);
}

.zax-product-icon .dashicons {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.zax-accent-violet .zax-product-icon {
    border-color: rgba(154, 140, 255, .3);
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .09);
}

.zax-accent-amber .zax-product-icon {
    border-color: rgba(244, 184, 90, .3);
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .09);
}

.zax-badge {
    position: absolute;
    z-index: 3;
    top: 11px;
    left: 11px;
    padding: 4px 7px;
    border: 1px solid var(--zax-line);
    border-radius: 7px;
    color: var(--zax-soft);
    background: rgba(7, 16, 14, .76);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .05em;
    backdrop-filter: blur(10px);
}

.zax-app[data-theme="light"] .zax-badge {
    background: rgba(255, 255, 255, .8);
}

.zax-product-body {
    padding: 16px 17px 17px;
}

.zax-product-meta {
    display: flex;
    gap: 5px;
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.zax-product-body h3 {
    margin: 7px 0 6px;
    font-size: 16px;
    letter-spacing: -.025em;
}

.zax-product-body > p {
    display: -webkit-box;
    min-height: 48px;
    margin: 0 0 14px;
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.zax-product-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--zax-line);
}

.zax-product-footer > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-product-footer strong {
    font-size: 15px;
}

.zax-product-footer small {
    overflow: hidden;
    max-width: 130px;
    color: var(--zax-muted);
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-progress-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -3px 0 13px;
}

.zax-progress-row > span {
    width: 25px;
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 750;
}

.zax-progress {
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255, 255, 255, .07);
}

.zax-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zax-cyan-deep), var(--zax-cyan));
}

.zax-segmented {
    display: flex;
    padding: 3px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: var(--zax-panel);
}

.zax-segmented button {
    padding: 6px 11px;
    border: 0;
    border-radius: 7px;
    color: var(--zax-muted);
    background: transparent;
    font-size: 9px;
    cursor: pointer;
}

.zax-segmented button.is-active {
    color: #082018;
    background: var(--zax-cyan);
}

.zax-empty-state {
    display: flex;
    min-height: 370px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
    border: 1px dashed var(--zax-line-strong);
    border-radius: var(--zax-radius);
    text-align: center;
}

.zax-empty-state > .dashicons {
    width: 42px;
    height: 42px;
    color: var(--zax-cyan);
    font-size: 42px;
}

.zax-empty-state h2 {
    margin: 15px 0 4px;
    font-size: 21px;
}

.zax-empty-state p {
    max-width: 420px;
    margin: 0 0 18px;
    color: var(--zax-muted);
    font-size: 11px;
}

.zax-academy-banner {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 32px;
    padding: 36px 40px;
    overflow: hidden;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: var(--zax-radius);
    background:
        radial-gradient(circle at 80% 50%, rgba(154, 140, 255, .15), transparent 35%),
        linear-gradient(135deg, rgba(14, 35, 29, .95), rgba(19, 25, 41, .9));
}

.zax-academy-banner h1 {
    margin: 8px 0 8px;
    font-size: clamp(32px, 4vw, 50px);
    letter-spacing: -.055em;
    line-height: 1;
}

.zax-academy-banner p {
    max-width: 620px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 12px;
}

.zax-academy-metrics {
    display: flex;
    gap: 24px;
}

.zax-academy-metrics span {
    display: flex;
    flex-direction: column;
    color: var(--zax-muted);
    font-size: 8px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-academy-metrics strong {
    color: var(--zax-text);
    font-size: 28px;
    letter-spacing: -.04em;
}

.zax-lab-grid {
    display: grid;
    gap: 12px;
}

.zax-lab-card {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: var(--zax-panel);
}

.zax-lab-card > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-lab-card h3 {
    margin: 3px 0;
    font-size: 16px;
}

.zax-lab-card small,
.zax-lab-card p {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-lab-card p {
    margin: 0;
}

.zax-wallet-layout {
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.zax-wallet-balance-grid {
    display: grid;
    gap: 12px;
}

.zax-wallet-card {
    position: relative;
    display: flex;
    min-height: 244px;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 27px 30px;
    border: 1px solid rgba(81, 230, 189, .25);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(15, 59, 48, .95), rgba(10, 28, 24, .98)),
        #102a23;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .24);
}

.zax-wallet-balance-grid .zax-wallet-card {
    min-height: 194px;
    padding: 25px 27px;
}

.zax-wallet-card-usdt {
    border-color: rgba(154, 140, 255, .29);
    background:
        linear-gradient(145deg, rgba(47, 37, 94, .96), rgba(20, 18, 45, .98)),
        #211d46;
}

.zax-wallet-card-usdt::before {
    border-color: rgba(154, 140, 255, .2);
    box-shadow: 0 0 0 25px rgba(154, 140, 255, .03), 0 0 0 55px rgba(154, 140, 255, .02);
}

.zax-wallet-card-usdt .zax-brand-mark {
    border-color: rgba(154, 140, 255, .32);
    color: #d7d0ff;
    background: rgba(154, 140, 255, .13);
}

.zax-wallet-balance-grid .zax-wallet-card > strong {
    font-size: clamp(24px, 3.2vw, 38px);
}

.zax-wallet-card::before {
    position: absolute;
    right: -55px;
    bottom: -85px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 50%;
    box-shadow: 0 0 0 25px rgba(81, 230, 189, .025), 0 0 0 55px rgba(81, 230, 189, .018);
    content: "";
}

.zax-wallet-card-top,
.zax-wallet-card-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #a9c4bb;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .13em;
}

.zax-wallet-card-top {
    position: absolute;
    top: 23px;
    right: 27px;
    left: 27px;
}

.zax-wallet-card-top .zax-brand-mark {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.zax-wallet-card > small {
    position: relative;
    z-index: 2;
    color: #9ab5ac;
    font-size: 9px;
}

.zax-wallet-card > strong {
    position: relative;
    z-index: 2;
    margin-top: 2px;
    color: #f3fbf8;
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 650;
    letter-spacing: -.055em;
}

.zax-wallet-card-bottom {
    position: absolute;
    right: 29px;
    bottom: 23px;
    left: 29px;
}

.zax-topup-panel {
    padding: 24px;
}

.zax-topup-panel > .zax-card-heading > .dashicons {
    width: 28px;
    height: 28px;
    color: var(--zax-cyan);
    font-size: 28px;
}

.zax-topup-panel > p {
    color: var(--zax-muted);
    font-size: 11px;
}

.zax-dual-topups {
    display: grid;
    gap: 11px;
    margin-top: 16px;
}

.zax-dual-topups > section {
    padding: 14px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .018);
}

.zax-dual-topups > section > header {
    display: flex;
    align-items: center;
    gap: 9px;
}

.zax-dual-topups > section > header > .dashicons {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .17);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-dual-topups > section:nth-child(2) > header > .dashicons {
    border-color: rgba(154, 140, 255, .19);
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .06);
}

.zax-dual-topups > section > header > span {
    display: flex;
    flex-direction: column;
}

.zax-dual-topups > section > header strong {
    font-size: 10px;
}

.zax-dual-topups > section > header small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-topup-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
    margin-top: 18px;
}

.zax-topup-options button,
.zax-topup-options a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 13px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .025);
    text-decoration: none;
    cursor: pointer;
}

.zax-topup-options button:hover {
    border-color: rgba(81, 230, 189, .28);
    background: rgba(81, 230, 189, .05);
}

.zax-topup-options strong {
    font-size: 13px;
}

.zax-topup-options span {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 750;
}

.zax-custom-topup {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 9px;
    margin-top: 15px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 13px;
    background: color-mix(in srgb, var(--zax-cyan) 5%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}

.zax-dual-topups > section:nth-child(2) .zax-custom-topup {
    border-color: color-mix(in srgb, var(--zax-violet) 24%, var(--zax-line));
    background: color-mix(in srgb, var(--zax-violet) 6%, transparent);
}

.zax-custom-topup > label {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.zax-custom-topup > label > span:first-child {
    color: var(--zax-soft);
    font-size: 9px;
    font-weight: 760;
}

.zax-custom-topup-input {
    display: flex;
    min-height: 46px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: var(--zax-panel-solid);
}

.zax-custom-topup-input:focus-within {
    border-color: color-mix(in srgb, var(--zax-cyan) 55%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--zax-cyan) 11%, transparent);
}

.zax-custom-topup-input b {
    color: var(--zax-cyan);
    font-size: 17px;
}

.zax-dual-topups > section:nth-child(2) .zax-custom-topup-input b {
    color: var(--zax-violet);
}

.zax-custom-topup-input input {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    box-shadow: none;
    font-size: 16px;
    font-weight: 720;
}

.zax-custom-topup > button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 13px;
    border: 0;
    border-radius: 11px;
    color: #062119;
    background: linear-gradient(145deg, #9bf5dc, #48d3aa);
    box-shadow: 0 9px 22px rgba(56, 210, 166, .17);
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.zax-custom-topup > small {
    grid-column: 1 / -1;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .zax-custom-topup {
        grid-template-columns: 1fr;
    }

    .zax-custom-topup > button {
        width: 100%;
    }
}

.zax-fine-print {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 14px 0 0 !important;
    color: var(--zax-muted);
    font-size: 8px !important;
}

.zax-fine-print .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-cyan);
    font-size: 13px;
}

.zax-transaction-panel,
.zax-table-panel {
    padding: 22px;
}

.zax-transaction-panel .zax-card-heading {
    margin-bottom: 16px;
}

.zax-card-heading button:not(.zax-button) {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-soft);
    background: transparent;
    font-size: 8px;
    cursor: pointer;
}

.zax-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.zax-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.zax-table th {
    padding: 10px 12px;
    border-bottom: 1px solid var(--zax-line);
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .09em;
    text-align: left;
    text-transform: uppercase;
}

.zax-table td {
    padding: 13px 12px;
    border-bottom: 1px solid var(--zax-line);
    color: var(--zax-soft);
    font-size: 10px;
}

.zax-table tbody tr:last-child td {
    border-bottom: 0;
}

.zax-table td > small {
    display: block;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-table-primary {
    display: inline-flex;
    flex-direction: column;
    color: var(--zax-text);
    font-size: 10px;
    font-weight: 700;
}

.zax-table-primary small {
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 450;
}

.zax-table-empty {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    color: var(--zax-muted);
}

.zax-table-empty .dashicons {
    width: 27px;
    height: 27px;
    color: var(--zax-cyan);
    font-size: 27px;
}

.zax-certificate-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 16px;
}

.zax-certificate {
    position: relative;
    display: flex;
    min-height: 390px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    padding: 40px;
    border: 1px solid rgba(244, 184, 90, .28);
    border-radius: 6px;
    color: #1b2924;
    background: #edf0e7;
    text-align: center;
}

.zax-certificate::before {
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(36, 71, 60, .22);
    content: "";
}

.zax-certificate-seal {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin-bottom: 15px;
    border: 1px solid #a37d36;
    border-radius: 50%;
    color: #8e6826;
}

.zax-certificate > span {
    color: #60726b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.zax-certificate h2 {
    margin: 12px 0 5px;
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: 500;
}

.zax-certificate p {
    margin: 0 0 24px;
    font-family: Georgia, serif;
    font-size: 17px;
    font-style: italic;
}

.zax-certificate small {
    color: #687972;
    font-size: 8px;
}

.zax-certificate .zax-progress {
    z-index: 2;
    width: 55%;
    margin-top: 9px;
    background: rgba(21, 64, 50, .12);
}

.zax-next-certificate {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    text-align: center;
}

.zax-next-certificate > .dashicons {
    width: 36px;
    height: 36px;
    color: var(--zax-violet);
    font-size: 36px;
}

.zax-next-certificate h3 {
    margin: 14px 0 5px;
}

.zax-next-certificate p {
    margin: 0 0 20px;
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-support-grid,
.zax-report-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.zax-support-grid > a,
.zax-support-grid > button,
.zax-report-grid > button {
    display: flex;
    min-height: 210px;
    align-items: flex-start;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    color: var(--zax-text);
    background: var(--zax-panel);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.zax-support-grid > * > span:first-child {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-support-grid h3 {
    margin: 18px 0 5px;
}

.zax-support-grid p {
    flex: 1;
    margin: 0;
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-support-grid strong {
    color: var(--zax-cyan);
    font-size: 9px;
}

.zax-settings-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.zax-settings-layout > article {
    padding: 23px;
}

.zax-profile-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.zax-profile-summary > span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(154, 140, 255, .25);
    border-radius: 13px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .08);
    font-weight: 800;
}

.zax-profile-summary > div {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.zax-profile-summary small {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 9px;
    text-overflow: ellipsis;
}

.zax-setting-row {
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-setting-row:last-child {
    border-bottom: 0;
}

.zax-setting-row > span {
    display: flex;
    flex-direction: column;
}

.zax-setting-row strong {
    font-size: 11px;
}

.zax-setting-row small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-setting-row input[type="checkbox"] {
    width: 35px;
    height: 19px;
    accent-color: var(--zax-cyan-deep);
}

.zax-admin-dashboard-grid,
.zax-threat-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
    gap: 16px;
}

.zax-admin-dashboard-grid > article,
.zax-threat-grid > article {
    padding: 22px;
}

.zax-chart-bars {
    display: flex;
    height: 210px;
    align-items: flex-end;
    gap: 8px;
    margin-top: 25px;
    padding: 0 10px;
    border-bottom: 1px solid var(--zax-line);
    background-image: linear-gradient(var(--zax-line) 1px, transparent 1px);
    background-size: 100% 25%;
}

.zax-chart-bars i {
    width: 100%;
    height: var(--h);
    border-radius: 3px 3px 0 0;
    background: linear-gradient(to top, rgba(81, 230, 189, .18), rgba(81, 230, 189, .88));
}

.zax-chart-axis {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px 0;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-health-list,
.zax-signal-feed {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 17px;
}

.zax-health-list > span,
.zax-signal-feed > span {
    display: grid;
    grid-template-columns: 8px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px solid var(--zax-line);
}

.zax-health-list i,
.zax-signal-feed i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.zax-health-list i.is-good,
.severity-low {
    background: var(--zax-cyan);
    box-shadow: 0 0 10px rgba(81, 230, 189, .5);
}

.zax-health-list i.is-warn,
.severity-medium {
    background: var(--zax-amber);
}

.severity-high {
    background: var(--zax-red);
}

.zax-health-list strong,
.zax-signal-feed strong {
    font-size: 10px;
}

.zax-health-list small,
.zax-signal-feed small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.zax-table-toolbar label {
    display: flex;
    width: min(340px, 100%);
    height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    background: rgba(255, 255, 255, .02);
}

.zax-table-toolbar input {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font-size: 10px;
}

.zax-table-toolbar > span {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-table-item-icon {
    display: inline-grid;
    width: 32px;
    height: 32px;
    margin-right: 9px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .05);
    vertical-align: middle;
}

.zax-type-label,
.zax-order-status,
.zax-commerce-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border: 1px solid var(--zax-line);
    border-radius: 7px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    font-size: 8px;
    font-weight: 700;
}

.zax-commerce-state i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--zax-muted);
}

.zax-commerce-state.is-synced i,
.zax-integration-state.is-connected i {
    background: var(--zax-cyan);
}

.zax-order-status.status-completed {
    border-color: rgba(81, 230, 189, .18);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-order-status.status-pending {
    border-color: rgba(244, 184, 90, .2);
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .055);
}

.zax-order-status.status-rejected {
    border-color: rgba(255, 118, 109, .2);
    color: var(--zax-red);
    background: rgba(255, 118, 109, .055);
}

.zax-receipt-link {
    display: block;
    margin-top: 4px;
    color: var(--zax-cyan);
    font-size: 8px;
    text-decoration: none;
}

.zax-order-actions {
    display: flex;
    gap: 4px;
    margin-top: 6px;
}

.zax-order-actions button {
    padding: 3px 6px;
    border: 1px solid var(--zax-line);
    border-radius: 5px;
    color: var(--zax-soft);
    background: transparent;
    font-size: 7px;
    cursor: pointer;
}

.zax-order-actions button:first-child {
    color: var(--zax-cyan);
}

.zax-order-actions button:last-child {
    color: var(--zax-red);
}

.zax-table-actions {
    display: flex;
    gap: 5px;
}

.zax-table-actions button,
.zax-learner-card > button {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-soft);
    background: transparent;
    cursor: pointer;
}

.zax-table-actions button:last-child {
    color: var(--zax-red);
}

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

.zax-learner-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 12px;
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: var(--zax-panel);
}

.zax-learner-card > div h3 {
    margin: 0;
    font-size: 12px;
}

.zax-learner-card > div p {
    margin: 1px 0 8px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-learner-card > div small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-map-visual {
    position: relative;
    display: grid;
    min-height: 280px;
    place-items: center;
    margin-top: 15px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background:
        radial-gradient(circle at 50% 50%, rgba(81, 230, 189, .08), transparent 45%),
        linear-gradient(rgba(81, 230, 189, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .04) 1px, transparent 1px);
    background-size: auto, 24px 24px, 24px 24px;
}

.zax-map-visual > span .dashicons {
    width: 110px;
    height: 110px;
    color: rgba(81, 230, 189, .23);
    font-size: 110px;
}

.zax-map-visual > i {
    position: absolute;
    top: var(--y);
    left: var(--x);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 7px rgba(81, 230, 189, .08), 0 0 18px var(--zax-cyan);
}

.zax-report-grid > button {
    min-height: 105px;
    align-items: center;
    flex-direction: row;
    gap: 14px;
}

.zax-report-grid > button > .dashicons:first-child {
    width: 25px;
    height: 25px;
    color: var(--zax-cyan);
    font-size: 25px;
}

.zax-report-grid > button > span {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.zax-report-grid strong {
    font-size: 11px;
}

.zax-report-grid small {
    color: var(--zax-muted);
    font-size: 8px;
}

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

.zax-integration-grid article {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 18px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: var(--zax-panel);
}

.zax-integration-logo {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 11px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .07);
    font-size: 15px;
    font-weight: 850;
}

.zax-integration-grid h3 {
    margin: 0;
    font-size: 12px;
}

.zax-integration-grid p {
    margin: 3px 0 0;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-integration-grid button,
.zax-integration-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 7px;
    color: var(--zax-soft);
    background: transparent;
    font-size: 8px;
}

.zax-integration-grid button {
    cursor: pointer;
}

.zax-integration-state i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--zax-muted);
}

.zax-settings-form {
    max-width: 980px;
    padding: 25px;
}

.zax-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.zax-form-grid label,
.zax-modal form > label,
.zax-payment-proof > label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.zax-form-grid label > span,
.zax-modal form > label > span,
.zax-payment-proof label > span {
    color: var(--zax-soft);
    font-size: 9px;
    font-weight: 700;
}

.zax-form-grid input,
.zax-form-grid textarea,
.zax-form-grid select,
.zax-modal form > label input,
.zax-payment-proof input {
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    outline: 0;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .025);
    font-size: 10px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.zax-form-grid textarea {
    resize: vertical;
}

.zax-form-grid input:focus,
.zax-form-grid textarea:focus,
.zax-form-grid select:focus,
.zax-modal input:focus {
    border-color: rgba(81, 230, 189, .5);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .08);
}

.zax-form-grid select option {
    color: #13251f;
}

.zax-field-wide {
    grid-column: 1 / -1;
}

.zax-form-grid .zax-checkbox {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.zax-form-grid .zax-checkbox input {
    width: 17px;
    min-height: 17px;
    accent-color: var(--zax-cyan-deep);
}

.zax-settings-subhead {
    margin-top: 31px;
    padding-top: 25px;
    border-top: 1px solid var(--zax-line);
}

.zax-settings-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 24px;
    padding-top: 17px;
    border-top: 1px solid var(--zax-line);
}

.zax-settings-footer > span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-settings-footer .dashicons {
    color: var(--zax-cyan);
}

.zax-inline-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.zax-mobile-dock {
    display: none;
}

.zax-more-menu {
    display: none;
}

.zax-command,
.zax-modal {
    position: fixed;
    z-index: 500;
    inset: 0;
}

.zax-command-backdrop,
.zax-modal-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(1, 7, 5, .68);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.zax-command-dialog,
.zax-modal-dialog {
    position: relative;
    z-index: 2;
    width: calc(100% - 32px);
    max-width: 640px;
    max-height: calc(100dvh - 40px);
    margin: 8vh auto 0;
    overflow-y: auto;
    border: 1px solid var(--zax-line-strong);
    border-radius: 16px;
    background: var(--zax-panel-solid);
    box-shadow: 0 30px 100px rgba(0, 0, 0, .45);
}

.zax-command-dialog {
    max-width: 590px;
    padding: 13px;
}

.zax-command-dialog > label {
    display: flex;
    height: 48px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, .025);
}

.zax-command-dialog input {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font-size: 12px;
}

.zax-command-results {
    display: grid;
    gap: 4px;
    margin: 10px 0;
}

.zax-command-results button {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border: 0;
    border-radius: 9px;
    color: var(--zax-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.zax-command-results button:hover {
    background: rgba(255, 255, 255, .04);
}

.zax-command-results button > span:first-child {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-cyan);
}

.zax-command-results button > span:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.zax-command-results strong {
    font-size: 10px;
}

.zax-command-results small,
.zax-command-dialog > small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-command-dialog > small {
    display: block;
    padding: 5px 10px;
}

.zax-modal-dialog {
    max-width: 720px;
    margin-top: 3vh;
}

.zax-modal-small {
    max-width: 460px;
}

.zax-checkout-dialog {
    max-width: 780px;
}

.zax-balance-dialog {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 4%, rgba(81, 230, 189, .1), transparent 30%),
        var(--zax-panel-solid);
}

.zax-install-button {
    color: var(--zax-cyan);
}

.zax-install-dialog {
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 2%, rgba(81, 230, 189, .13), transparent 30%),
        radial-gradient(circle at 8% 95%, rgba(154, 140, 255, .09), transparent 34%),
        var(--zax-panel-solid);
}

.zax-install-body {
    padding: 21px 24px 24px;
}

.zax-install-app-preview {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .025);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.zax-app[data-theme="light"] .zax-install-app-preview {
    background: rgba(255, 255, 255, .62);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92);
}

.zax-install-app-mark {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(212, 170, 85, .42);
    border-radius: 15px;
    color: #07100e;
    background: linear-gradient(145deg, #7bf3d0, #2ec89b);
    box-shadow: 0 12px 25px rgba(46, 200, 155, .18), inset 0 1px rgba(255, 255, 255, .44);
    font-size: 21px;
    font-weight: 900;
}

.zax-install-app-preview > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-install-app-preview strong {
    font-size: 11px;
}

.zax-install-app-preview small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-install-app-preview > em {
    padding: 4px 6px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 7px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .05);
    font-size: 6px;
    font-style: normal;
    font-weight: 820;
    letter-spacing: .08em;
}

.zax-install-steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
}

.zax-install-steps > span {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, .018);
}

.zax-install-steps b {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .17);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .045);
    font-size: 8px;
}

.zax-install-steps > span > span {
    display: flex;
    flex-direction: column;
}

.zax-install-steps strong {
    font-size: 9px;
}

.zax-install-steps small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.5;
}

.zax-install-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 14px;
    padding: 11px 12px;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .035);
}

.zax-install-note > span {
    display: flex;
    flex-direction: column;
}

.zax-install-note strong {
    color: var(--zax-text);
    font-size: 8px;
}

.zax-install-note small {
    margin-top: 2px;
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.5;
}

.zax-install-body .zax-modal-footer {
    margin-top: 15px;
}

@media (display-mode: standalone) {
    .zax-install-button {
        display: none !important;
    }
}

.zax-balance-glow {
    position: absolute;
    top: -95px;
    right: -70px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: rgba(81, 230, 189, .1);
    filter: blur(55px);
    pointer-events: none;
}

.zax-balance-dialog .zax-modal-head {
    position: relative;
    z-index: 2;
}

.zax-balance-body {
    position: relative;
    z-index: 2;
    padding: 20px 24px 24px;
}

.zax-balance-product {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
    box-shadow: inset 0 1px rgba(255, 255, 255, .03);
}

.zax-app[data-theme="light"] .zax-balance-product {
    background: rgba(255, 255, 255, .62);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92);
}

.zax-balance-product > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-balance-product > span .dashicons {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.zax-balance-product > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-balance-product small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-balance-product strong {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-balance-product > strong {
    color: var(--zax-soft);
    font-size: 11px;
}

.zax-balance-numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 11px;
}

.zax-balance-numbers > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    padding: 11px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .02);
}

.zax-app[data-theme="light"] .zax-balance-numbers > span {
    background: rgba(255, 255, 255, .48);
}

.zax-balance-numbers small {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-balance-numbers strong {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-balance-numbers .is-shortfall {
    border-color: rgba(244, 184, 90, .22);
    background: rgba(244, 184, 90, .045);
}

.zax-balance-numbers .is-shortfall strong {
    color: var(--zax-amber);
}

.zax-balance-progress {
    height: 5px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
}

.zax-balance-progress i {
    display: block;
    width: var(--zax-balance-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zax-violet), var(--zax-cyan));
    box-shadow: 0 0 14px rgba(81, 230, 189, .34);
    animation: zax-balance-fill .75s cubic-bezier(.2, .82, .2, 1) both;
    transform-origin: left;
}

.zax-balance-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 12px 13px;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .035);
}

.zax-balance-notice > .dashicons {
    flex: 0 0 auto;
}

.zax-balance-notice > span {
    display: flex;
    flex-direction: column;
}

.zax-balance-notice strong {
    color: var(--zax-text);
    font-size: 9px;
}

.zax-balance-notice small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.5;
}

.zax-balance-body .zax-modal-footer {
    display: grid;
    grid-template-columns: minmax(120px, .78fr) minmax(190px, 1.22fr);
    align-items: stretch;
    margin-top: 17px;
}

.zax-balance-body .zax-modal-footer .zax-button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    padding: 10px 14px;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
}

.zax-balance-body [data-topup-shortfall] .dashicons {
    flex: 0 0 16px;
}

.zax-balance-body [data-topup-shortfall] > span {
    display: block;
    min-width: 0;
    overflow-wrap: normal;
    text-align: center;
    text-wrap: balance;
    word-break: keep-all;
}

@keyframes zax-balance-fill {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.zax-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 24px 17px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-modal-head h2 {
    margin: 4px 0 0;
    font-size: 21px;
    letter-spacing: -.035em;
}

.zax-modal-head p {
    margin: 4px 0 0;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-modal form {
    padding: 22px 24px;
}

.zax-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid var(--zax-line);
}

.zax-checkout-summary {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, .025);
}

.zax-checkout-summary .zax-product-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
}

.zax-checkout-summary > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-checkout-summary small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-checkout-summary strong {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-checkout-product-details {
    position: relative;
    margin-top: 12px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .09), transparent 35%),
        rgba(255, 255, 255, .018);
}

.zax-checkout-product-details.zax-accent-violet {
    border-color: rgba(154, 140, 255, .18);
    background: radial-gradient(circle at 100% 0, rgba(154, 140, 255, .11), transparent 35%), rgba(255, 255, 255, .018);
}

.zax-checkout-product-details.zax-accent-amber {
    border-color: rgba(244, 184, 90, .18);
    background: radial-gradient(circle at 100% 0, rgba(244, 184, 90, .1), transparent 35%), rgba(255, 255, 255, .018);
}

.zax-checkout-product-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.zax-checkout-product-heading h3 {
    margin: 4px 0 0;
    font-size: 17px;
    letter-spacing: -.035em;
}

.zax-checkout-type {
    display: inline-flex;
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .05);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.zax-checkout-product-details > p {
    margin: 13px 0 16px;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.72;
}

.zax-checkout-spec-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.zax-checkout-spec-grid > span {
    display: flex;
    min-width: 0;
    min-height: 66px;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .02);
}

.zax-checkout-spec-grid small,
.zax-checkout-wallet-review small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-checkout-spec-grid strong {
    margin-top: 3px;
    overflow-wrap: anywhere;
    font-size: 9px;
    line-height: 1.42;
}

.zax-checkout-wallet-review {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(3, 12, 10, .13);
}

.zax-checkout-wallet-review > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-checkout-wallet-review > span strong {
    margin-top: 2px;
    overflow-wrap: anywhere;
    font-size: 11px;
}

.zax-checkout-wallet-review > i {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
    font-style: normal;
}

.zax-checkout-wallet-review > em {
    display: inline-flex;
    justify-content: center;
    padding: 7px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-muted);
    font-size: 7px;
    font-style: normal;
    font-weight: 750;
    text-align: center;
}

.zax-checkout-wallet-review > em.is-ready {
    border-color: rgba(81, 230, 189, .2);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .045);
}

.zax-checkout-wallet-review > em.is-low {
    border-color: rgba(244, 184, 90, .22);
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .045);
}

.zax-wallet-only-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 11px 13px;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .045);
}

.zax-wallet-only-note > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-wallet-only-note strong {
    color: var(--zax-text);
    font-size: 9px;
}

.zax-wallet-only-note small {
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.5;
}

.zax-payment-methods {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 20px 0 12px;
    padding: 0;
    border: 0;
}

[data-checkout-form].is-wallet-purchase .zax-payment-methods {
    grid-template-columns: 1fr;
}

[data-checkout-form].is-wallet-deposit .zax-payment-methods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zax-payment-methods legend {
    width: 100%;
    margin-bottom: 8px;
    color: var(--zax-soft);
    font-size: 9px;
    font-weight: 700;
}

.zax-payment-methods label {
    position: relative;
    cursor: pointer;
}

.zax-payment-methods input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.zax-payment-methods label > span {
    display: flex;
    min-height: 76px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 11px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .02);
}

.zax-payment-methods input:checked + span {
    border-color: rgba(81, 230, 189, .42);
    background: rgba(81, 230, 189, .055);
    box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .08);
}

.zax-payment-methods .zax-method-usdt input:checked + span {
    border-color: rgba(38, 190, 145, .46);
    background: linear-gradient(145deg, rgba(38, 190, 145, .075), rgba(81, 230, 189, .035));
}

.zax-method-usdt .dashicons {
    color: #26be91 !important;
}

.zax-payment-methods .dashicons {
    margin-bottom: 5px;
    color: var(--zax-cyan);
}

.zax-payment-methods strong {
    font-size: 9px;
}

.zax-payment-methods small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-payment-instructions {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 11px;
    background: rgba(81, 230, 189, .045);
}

.zax-payment-instructions > span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
}

.zax-payment-instructions > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-payment-instructions small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-payment-instructions strong {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-payment-instructions p {
    margin: 2px 0 0;
    color: var(--zax-soft);
    font-size: 8px;
}

.zax-payment-instructions > button {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 5px 7px;
    border: 1px solid var(--zax-line);
    border-radius: 7px;
    color: var(--zax-soft);
    background: transparent;
    font-size: 7px;
    cursor: pointer;
}

.zax-wallet-address {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.zax-payment-usdt {
    border-color: rgba(38, 190, 145, .22);
    background:
        linear-gradient(145deg, rgba(38, 190, 145, .075), rgba(81, 230, 189, .025));
}

.zax-payment-usdt > span {
    color: #2ed0a0;
    background: rgba(38, 190, 145, .09);
}

.zax-payment-proof {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    margin-top: 13px;
}

.zax-file-field {
    position: relative;
    cursor: pointer;
}

.zax-file-field > span {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 8px;
    border: 1px dashed var(--zax-line-strong);
    border-radius: 9px;
    text-align: center;
}

.zax-file-field > span .dashicons {
    color: var(--zax-cyan);
}

.zax-file-field > span strong {
    font-size: 8px;
}

.zax-file-field > span small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-file-field input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.zax-checkout-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 12px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-checkout-note .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-cyan);
    font-size: 14px;
}

.zax-toast-region {
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 20px;
    display: flex;
    width: min(360px, calc(100vw - 40px));
    flex-direction: column;
    gap: 8px;
}

.zax-toast {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 11px;
    color: var(--zax-text);
    background: var(--zax-panel-solid);
    box-shadow: var(--zax-shadow);
    font-size: 10px;
    animation: zax-toast-in .25s ease;
}

.zax-toast .dashicons {
    color: var(--zax-cyan);
}

.zax-toast.is-error .dashicons {
    color: var(--zax-red);
}

@keyframes zax-toast-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes zax-more-rise {
    from { opacity: 0; transform: translate(-50%, 18px) scale(.98); }
    to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@media (min-width: 901px) {
    .zax-live-kicker {
        gap: 6px;
        padding: 6px 9px;
        font-size: 7px;
        letter-spacing: .1em;
    }

    .zax-live-copy h1 {
        max-width: 640px;
        margin-top: 16px;
        font-size: clamp(30px, 3.2vw, 44px);
        letter-spacing: -.05em;
        line-height: 1.04;
    }

    .zax-app.is-public-view .zax-sidebar {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-102%);
    }

    .zax-app.is-public-view .zax-shell {
        margin-left: 0;
    }

    .zax-app.is-public-view .zax-topbar {
        left: 0;
    }

    .zax-app.is-sidebar-collapsed:not(.is-public-view) .zax-sidebar {
        width: var(--zax-sidebar-collapsed);
    }

    .zax-app.is-sidebar-collapsed:not(.is-public-view) .zax-shell {
        margin-left: var(--zax-sidebar-collapsed);
    }

    .zax-app.is-sidebar-collapsed:not(.is-public-view) .zax-topbar {
        left: var(--zax-sidebar-collapsed);
    }

    .zax-app.is-sidebar-collapsed .zax-brand {
        justify-content: center;
        padding-right: 12px;
        padding-left: 12px;
    }

    .zax-app.is-sidebar-collapsed .zax-brand-copy {
        display: none;
    }

    .zax-app.is-sidebar-collapsed .zax-sidebar-collapse {
        position: absolute;
        top: 55px;
        right: -14px;
        z-index: 3;
        margin: 0;
        border-color: var(--zax-line-strong);
        background: var(--zax-panel-solid);
        box-shadow: 0 9px 24px rgba(0, 0, 0, .22);
    }

    .zax-app.is-sidebar-collapsed .zax-sidebar-collapse .dashicons {
        transform: rotate(180deg);
    }

    .zax-app.is-sidebar-collapsed .zax-nav {
        align-items: center;
        padding-right: 12px;
        padding-left: 12px;
        scrollbar-width: none;
    }

    .zax-app.is-sidebar-collapsed .zax-nav::-webkit-scrollbar {
        display: none;
    }

    .zax-app.is-sidebar-collapsed .zax-nav-label {
        width: 24px;
        height: 1px;
        margin: 13px 0 8px;
        overflow: hidden;
        color: transparent;
        background: var(--zax-line);
        font-size: 0;
    }

    .zax-app.is-sidebar-collapsed .zax-nav-label:first-child {
        margin-top: 3px;
    }

    .zax-app.is-sidebar-collapsed .zax-nav button {
        width: 48px;
        min-height: 46px;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0;
        padding: 8px;
    }

    .zax-app.is-sidebar-collapsed .zax-nav button > span:not(.dashicons):not(.zax-tiktok-icon),
    .zax-app.is-sidebar-collapsed .zax-nav button > b,
    .zax-app.is-sidebar-collapsed .zax-nav button > em {
        display: none;
    }

    .zax-app.is-sidebar-collapsed .zax-nav button.is-active {
        box-shadow: inset 0 -3px var(--zax-cyan), 0 9px 22px rgba(0, 0, 0, .09);
    }

    .zax-app.is-sidebar-collapsed .zax-nav button > .dashicons,
    .zax-app.is-sidebar-collapsed .zax-nav button > .zax-tiktok-icon {
        width: 21px;
        height: 21px;
        min-width: 21px;
        font-size: 21px;
    }

    .zax-app.is-sidebar-collapsed .zax-sidebar-footer {
        align-items: center;
        padding-right: 12px;
        padding-left: 12px;
    }

    .zax-app.is-sidebar-collapsed .zax-sidebar-wallet {
        width: 48px;
        height: 48px;
        grid-template-columns: 1fr;
        place-items: center;
        padding: 6px;
    }

    .zax-app.is-sidebar-collapsed .zax-sidebar-wallet > span:nth-child(2),
    .zax-app.is-sidebar-collapsed .zax-sidebar-wallet > .dashicons,
    .zax-app.is-sidebar-collapsed .zax-sidebar-footer > span,
    .zax-app.is-sidebar-collapsed .zax-system-status > span {
        display: none;
    }

    .zax-app.is-sidebar-collapsed .zax-system-status {
        min-height: 12px;
        justify-content: center;
    }

    .zax-app.is-home-view .zax-page[data-page="home"] {
        max-width: none;
    }
}

/* 1.5.82: multi-image Cyber FYP galleries, creator upload grids, and a full mobile menu drawer. */
.zax-fyp-media[data-fyp-gallery] {
    pointer-events: auto !important;
    touch-action: pan-y;
}

.zax-fyp-gallery-track {
    position: absolute;
    inset: 0;
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .34s cubic-bezier(.2, .78, .3, 1);
    will-change: transform;
}

.zax-fyp-gallery-slide {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 100%;
    flex: 0 0 100%;
    margin: 0;
    overflow: hidden;
    background: #07100d;
}

.zax-fyp-gallery-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}

.zax-fyp-gallery-arrow,
.zax-fyp-gallery-dots button {
    appearance: none;
    cursor: pointer;
}

.zax-fyp-gallery-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 50%;
    color: #fff;
    background: rgba(3, 10, 8, .55);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .12);
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    transform: translateY(-50%);
}

.zax-fyp-gallery-arrow.is-previous { left: 12px; }
.zax-fyp-gallery-arrow.is-next { right: 74px; }
.zax-fyp-detail-visual .zax-fyp-gallery-arrow.is-next { right: 12px; }

.zax-fyp-gallery-arrow .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}

.zax-fyp-gallery-dots {
    position: absolute;
    z-index: 5;
    top: 18px;
    left: 50%;
    display: flex;
    max-width: calc(100% - 150px);
    align-items: center;
    gap: 5px;
    transform: translateX(-50%);
}

.zax-fyp-gallery-dots button {
    width: 6px;
    height: 6px;
    min-width: 6px;
    min-height: 6px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .48);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .32);
    transition: width .2s ease, background .2s ease;
}

.zax-fyp-gallery-dots button.is-active {
    width: 18px;
    background: #67ecc5;
}

.zax-fyp-gallery-count {
    position: absolute;
    z-index: 5;
    top: 12px;
    right: 14px;
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    background: rgba(3, 10, 8, .5);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1);
    font-size: 9px;
    font-weight: 780;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.zax-fyp-upload-preview {
    height: auto !important;
    max-height: 350px;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.zax-fyp-upload-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.zax-fyp-upload-preview-grid figure {
    position: relative;
    aspect-ratio: 1;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
}

.zax-fyp-upload-preview-grid img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-fyp-upload-preview-grid figure > span {
    position: absolute;
    top: 6px;
    left: 6px;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 50%;
    color: #062019;
    background: #67ecc5;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .24);
    font-size: 9px;
    font-weight: 850;
}

.zax-fyp-upload-preview > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}

.zax-fyp-upload-preview > footer strong {
    min-width: 0;
    color: var(--zax-soft);
    font-size: 9px;
    line-height: 1.4;
}

.zax-fyp-upload-preview > footer button {
    position: static !important;
    top: auto !important;
    right: auto !important;
    flex: 0 0 auto;
}

.zax-member-profile-uploads {
    display: grid;
    gap: 10px;
    width: auto;
    margin: 22px clamp(15px, 2.4vw, 30px) 28px;
    padding-top: 18px;
    border-top: 1px solid var(--zax-line);
}

.zax-member-profile-uploads > header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.zax-member-profile-uploads > header > span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    color: var(--zax-text);
}

.zax-member-profile-uploads > header .dashicons {
    color: var(--zax-cyan);
}

.zax-member-profile-uploads > header strong {
    font-size: 13px;
}

.zax-member-profile-uploads > header small {
    color: var(--zax-muted);
    font-size: 9px;
    white-space: nowrap;
}

.zax-member-profile-upload-grid {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.zax-member-profile-upload-tile {
    position: relative;
    display: block;
    min-width: 0;
    aspect-ratio: 3 / 4;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background:
        radial-gradient(circle at 75% 20%, rgba(81, 230, 189, .18), transparent 32%),
        linear-gradient(145deg, #10251f, #060b09 72%);
    cursor: pointer;
    text-align: left;
    isolation: isolate;
}

.zax-member-profile-upload-tile:focus-visible {
    outline: 2px solid var(--zax-cyan);
    outline-offset: 2px;
}

.zax-member-profile-upload-visual {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: grid;
    place-items: center;
    color: rgba(255, 255, 255, .84);
    background:
        linear-gradient(rgba(81, 230, 189, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .04) 1px, transparent 1px);
    background-size: 24px 24px;
}

.zax-member-profile-upload-visual::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(2, 7, 5, .88) 100%);
    content: "";
}

.zax-member-profile-upload-visual > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-member-profile-upload-visual > .dashicons {
    width: 34px;
    height: 34px;
    font-size: 34px;
}

.zax-member-profile-upload-visual > b {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px 6px;
    border-radius: 999px;
    background: rgba(2, 7, 5, .58);
    font-size: 8px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.zax-member-profile-upload-visual > b .dashicons {
    width: 13px;
    height: 13px;
    font-size: 13px;
}

.zax-member-profile-upload-copy {
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    left: 8px;
    display: grid;
    gap: 4px;
}

.zax-member-profile-upload-copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zax-member-profile-upload-copy small {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: rgba(255, 255, 255, .82);
    font-size: 8px;
}

.zax-member-profile-upload-copy small .dashicons {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    font-size: 12px;
}

.zax-member-profile-upload-copy small .dashicons:first-child {
    margin-left: 0;
}

.zax-member-profile-upload-empty {
    display: grid;
    min-height: 190px;
    place-items: center;
    align-content: center;
    gap: 6px;
    border: 1px dashed color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 16px;
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-cyan) 3%, transparent);
    text-align: center;
}

.zax-member-profile-upload-empty .dashicons {
    width: 30px;
    height: 30px;
    color: var(--zax-cyan);
    font-size: 30px;
}

.zax-member-profile-upload-empty strong { color: var(--zax-text); font-size: 12px; }
.zax-member-profile-upload-empty small { max-width: 280px; font-size: 9px; line-height: 1.5; }

.zax-member-profile-upload-more {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    justify-self: center;
    padding: 8px 15px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 28%, var(--zax-line));
    border-radius: 999px;
    color: var(--zax-cyan);
    background: color-mix(in srgb, var(--zax-cyan) 7%, transparent);
    font-size: 9px;
    font-weight: 760;
    cursor: pointer;
}

.zax-member-profile-upload-more:disabled { opacity: .58; cursor: wait; }

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-sidebar-drawer-open {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-sidebar {
        z-index: 2400 !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        bottom: auto !important;
        display: flex !important;
        width: min(88vw, 330px) !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        max-height: var(--zax-visual-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box;
        box-shadow: 28px 0 72px rgba(0, 0, 0, .48) !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-sidebar-backdrop {
        position: fixed !important;
        z-index: 2390 !important;
        inset: 0 !important;
        display: block !important;
        background: rgba(1, 7, 5, .68) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-sidebar .zax-brand,
    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-sidebar .zax-sidebar-footer {
        flex: 0 0 auto;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-sidebar .zax-nav:not([hidden]) {
        display: flex !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding-bottom: 20px !important;
        scrollbar-gutter: stable;
        -webkit-overflow-scrolling: touch;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-sidebar .zax-sidebar-footer {
        padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open ~ .zax-mobile-dock,
    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-mobile-dock {
        pointer-events: none !important;
    }

    .zax-fyp-gallery-arrow {
        width: 34px;
        height: 34px;
    }

    .zax-fyp-gallery-arrow.is-previous { left: 9px; }
    .zax-fyp-gallery-arrow.is-next { right: 68px; }
    .zax-fyp-detail-visual .zax-fyp-gallery-arrow.is-next { right: 9px; }

    .zax-member-profile-uploads {
        margin-right: max(8px, env(safe-area-inset-right));
        margin-left: max(8px, env(safe-area-inset-left));
    }

    .zax-member-profile-upload-grid { gap: 3px; }
    .zax-member-profile-upload-tile { border-radius: 4px; }
    .zax-member-profile-upload-copy { right: 6px; bottom: 6px; left: 6px; }
    .zax-member-profile-upload-copy strong { font-size: 9px; }
}

@media (max-width: 390px) {
    .zax-fyp-gallery-arrow { display: none; }
    .zax-fyp-upload-preview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .zax-member-profile-uploads > header { align-items: flex-start; flex-direction: column; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-gallery-track { transition: none !important; }
}

@media (max-width: 1220px) {
    :root {
        --zax-sidebar: 232px;
    }

    .zax-home-topnav {
        gap: 12px;
    }

    .zax-home-nav-brand small {
        display: none;
    }

    .zax-home-topnav nav button {
        padding-right: 8px;
        padding-left: 8px;
    }

    .zax-search-trigger {
        width: 38px;
        justify-content: center;
    }

    .zax-search-trigger .zax-search-label,
    .zax-search-trigger kbd {
        display: none;
    }

    .zax-profile-button > span:nth-child(2),
    .zax-profile-button > .dashicons {
        display: none;
    }

    .zax-mode-switch {
        min-width: 42px;
        padding: 4px;
    }

    .zax-mode-switch > span:nth-child(2),
    .zax-mode-switch > .dashicons {
        display: none;
    }

    .zax-stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .zax-product-grid,
    .zax-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* 1.5.87: self-contained, high-contrast save icon for mobile and installed-app views. */
.zax-save-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex: 0 0 20px !important;
    overflow: visible !important;
    fill: transparent;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 1 !important;
    visibility: visible !important;
}

.zax-fyp-action[data-community-save] > span {
    color: #f4fff9 !important;
}

.zax-fyp-action[data-community-save] .zax-save-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .45));
}

.zax-fyp-action[data-community-save].is-active > span {
    color: #061f17 !important;
}

:is(.zax-fyp-action[data-community-save], .zax-fyp-detail-save).is-active .zax-save-icon,
.zax-fyp-tabs button[data-fyp-filter="saved"].is-active .zax-save-icon {
    fill: currentColor;
}

.zax-fyp-detail-save > .zax-save-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex-basis: 18px !important;
    color: var(--zax-cyan, #51e6bd) !important;
}

.zax-fyp-tabs button[data-fyp-filter="saved"] > .zax-save-icon {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    flex-basis: 13px !important;
}

@media (max-width: 760px) {
    .zax-fyp-action[data-community-save],
    .zax-fyp-action[data-community-save] > span,
    .zax-fyp-action[data-community-save] .zax-save-icon,
    .zax-fyp-detail-save > .zax-save-icon {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .zax-fyp-action[data-community-save] > span {
        display: grid !important;
        width: 41px !important;
        height: 41px !important;
        place-items: center !important;
    }

    .zax-fyp-detail-save {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* 1.5.88: real silk profile tabs, private saved grid, modern icons, and curved FYP tiles. */
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs {
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs::-webkit-scrollbar {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button {
    isolation: isolate !important;
    transition: color .2s ease, background .2s ease !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button.is-active {
    color: #edfff6 !important;
    background: linear-gradient(180deg, rgba(61, 238, 151, .09), rgba(50, 174, 255, .025)) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-profile-tab-icon,
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs .zax-save-icon {
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button.is-active .zax-profile-tab-icon {
    filter: drop-shadow(0 0 7px rgba(60, 241, 153, .4)) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-profile-panel]:not([hidden]) {
    animation: zax-profile-panel-enter .24s ease both;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-store-panel {
    width: calc(100% - 48px) !important;
    max-width: 1040px !important;
    min-height: 220px !important;
    margin: 0 auto !important;
    padding: 26px 0 70px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-store-panel .zax-member-profile-vendor {
    width: 100% !important;
    margin: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-saved {
    min-height: 360px !important;
    background:
        radial-gradient(circle at 82% 6%, rgba(60, 203, 255, .055), transparent 23rem),
        transparent !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
    gap: 8px !important;
    padding: 0 8px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile {
    border: 1px solid rgba(161, 237, 211, .1) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    transform: translateZ(0) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile:focus-visible {
    outline: 2px solid #55efaa !important;
    outline-offset: 2px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-empty {
    width: calc(100% - 16px) !important;
    margin: 0 8px !important;
    border-color: rgba(75, 238, 157, .2) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(64, 235, 151, .075), rgba(46, 167, 255, .035)) !important;
}

@keyframes zax-profile-panel-enter {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button {
        flex-direction: column !important;
        gap: 3px !important;
        min-width: 72px !important;
        min-height: 55px !important;
        padding: 7px 4px 6px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-profile-tab-icon,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs .zax-save-icon {
        width: 17px !important;
        min-width: 17px !important;
        height: 17px !important;
        flex-basis: 17px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
        gap: 5px !important;
        padding: 0 5px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile {
        border-radius: 11px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-store-panel {
        width: calc(100% - 20px) !important;
        min-height: 260px !important;
        padding: 18px 0 calc(42px + env(safe-area-inset-bottom)) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-empty {
        width: calc(100% - 10px) !important;
        margin: 0 5px !important;
        border-radius: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open [data-profile-panel]:not([hidden]) {
        animation: none !important;
    }
}

@media (max-width: 900px) {
    :root {
        --zax-sidebar: min(86vw, 310px);
        --zax-topbar: 62px;
    }

    body.zaxsecurity-portal-page {
        padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    }

    body.zaxsecurity-portal-page input,
    body.zaxsecurity-portal-page select,
    body.zaxsecurity-portal-page textarea {
        font-size: 16px;
    }

    .zax-sidebar {
        width: var(--zax-sidebar);
        transform: translateX(-102%);
        transition: transform .25s ease;
    }

    .zax-app.is-sidebar-open .zax-sidebar {
        transform: translateX(0);
    }

    .zax-sidebar-close {
        display: inline-grid !important;
    }

    .zax-sidebar-backdrop {
        position: fixed;
        z-index: 110;
        inset: 0;
        background: rgba(2, 8, 6, .58);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .zax-app.is-sidebar-open .zax-sidebar-backdrop {
        display: block;
    }

    .zax-shell {
        margin-left: 0;
    }

    .zax-topbar {
        left: 0;
        min-height: var(--zax-topbar);
        padding: 8px 13px;
        backdrop-filter: blur(12px) saturate(120%);
        -webkit-backdrop-filter: blur(12px) saturate(120%);
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .zax-app-refresh {
        display: inline-grid;
        border-color: color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
        color: var(--zax-cyan);
        background: color-mix(in srgb, var(--zax-cyan) 7%, transparent);
    }

    .zax-app-refresh .dashicons {
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
    }

    .zax-app-refresh.is-loading .dashicons {
        animation: zax-fyp-refresh-spin .7s linear infinite;
    }

    .zax-search-trigger {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        justify-content: center;
        padding: 0;
        border-color: rgba(81, 230, 189, .24);
        border-radius: 12px;
        color: #7ff0d0;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .015)),
            rgba(10, 30, 24, .76);
        box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 8px 24px rgba(0, 0, 0, .16);
    }

    .zax-search-trigger .dashicons {
        display: inline-block !important;
        width: 20px;
        height: 20px;
        color: currentColor;
        font-size: 20px;
        line-height: 20px;
        filter: drop-shadow(0 0 8px rgba(81, 230, 189, .28));
    }

    .zax-app[data-theme="light"] .zax-search-trigger {
        border-color: rgba(13, 149, 110, .24);
        color: #087d5d;
        background: rgba(255, 255, 255, .82);
        box-shadow: inset 0 1px rgba(255, 255, 255, .95), 0 8px 22px rgba(23, 57, 48, .1);
    }

    .zax-mobile-menu {
        display: inline-grid;
    }

    .zax-home-topnav {
        gap: 0;
    }

    .zax-home-topnav nav {
        display: none;
    }

    .zax-home-nav-mark {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .zax-home-nav-brand strong {
        max-width: 112px;
        font-size: 10px;
    }

    .zax-breadcrumb > span,
    .zax-breadcrumb > .dashicons {
        display: none;
    }

    .zax-breadcrumb strong {
        font-size: 13px;
    }

    .zax-wallet-chip,
    .zax-profile-button {
        display: none;
    }

    .zax-main {
        padding: 24px 16px 96px;
    }

    .zax-overview-grid,
    .zax-wallet-layout,
    .zax-certificate-grid,
    .zax-admin-dashboard-grid,
    .zax-threat-grid {
        grid-template-columns: 1fr;
    }

    .zax-readiness-card {
        min-height: auto;
    }

    .zax-score-ring {
        margin-top: 10px;
    }

    .zax-mobile-dock {
        position: fixed;
        z-index: 105;
        right: 10px;
        bottom: calc(9px + env(safe-area-inset-bottom));
        left: 10px;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        min-height: 62px;
        padding: 6px 7px;
        border: 1px solid rgba(174, 215, 204, .18);
        border-radius: 18px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .018)),
            rgba(8, 21, 17, .72);
        box-shadow: 0 18px 48px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .07);
        backdrop-filter: blur(14px) saturate(135%);
        -webkit-backdrop-filter: blur(14px) saturate(135%);
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .zax-app[data-theme="light"] .zax-mobile-dock {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .28)),
            rgba(238, 247, 242, .74);
        box-shadow: 0 16px 45px rgba(23, 57, 48, .16), inset 0 1px rgba(255, 255, 255, .8);
    }

    .zax-mobile-dock button {
        position: relative;
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2px;
        padding: 5px 2px;
        border: 0;
        border-radius: 11px;
        color: var(--zax-muted);
        background: transparent;
        cursor: pointer;
    }

    .zax-mobile-dock button.is-active {
        color: var(--zax-cyan);
        background: rgba(81, 230, 189, .08);
        box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .1);
    }

    .zax-mobile-dock [data-more-open][aria-expanded="true"] {
        color: var(--zax-cyan);
        background: rgba(81, 230, 189, .08);
    }

    .zax-mobile-dock .dashicons {
        width: 20px;
        height: 20px;
        font-size: 20px;
        filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .15));
    }

    .zax-mobile-dock .zax-tiktok-icon {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
        filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .15));
    }

    .zax-mobile-dock span:not(.dashicons):not(.zax-tiktok-icon) {
        overflow: hidden;
        width: 100%;
        font-size: 7px;
        font-weight: 720;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-more-menu {
        position: fixed;
        z-index: 480;
        inset: 0;
        display: block;
    }

    .zax-more-backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background:
            radial-gradient(circle at 50% 78%, rgba(51, 205, 161, .14), transparent 36%),
            rgba(1, 8, 6, .62);
        backdrop-filter: blur(10px) saturate(120%);
        -webkit-backdrop-filter: blur(10px) saturate(120%);
    }

    .zax-more-card {
        position: absolute;
        z-index: 2;
        bottom: calc(82px + env(safe-area-inset-bottom));
        left: 50%;
        width: calc(100% - 20px);
        max-width: 620px;
        max-height: calc(100dvh - 104px - env(safe-area-inset-bottom));
        padding: 13px 14px 14px;
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid rgba(181, 231, 217, .2);
        border-radius: 25px;
        color: var(--zax-text);
        background:
            radial-gradient(circle at 92% 0, rgba(81, 230, 189, .14), transparent 31%),
            linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .018)),
            rgba(8, 23, 18, .9);
        box-shadow:
            0 30px 80px rgba(0, 0, 0, .42),
            inset 0 1px rgba(255, 255, 255, .1),
            0 0 0 1px rgba(12, 30, 25, .36);
        backdrop-filter: blur(34px) saturate(180%);
        -webkit-backdrop-filter: blur(34px) saturate(180%);
        transform: translateX(-50%);
        animation: zax-more-rise .25s cubic-bezier(.2, .78, .28, 1);
    }

    .zax-app[data-theme="light"] .zax-more-backdrop {
        background: rgba(21, 54, 45, .28);
    }

    .zax-app[data-theme="light"] .zax-more-card {
        border-color: rgba(30, 119, 92, .2);
        color: #15382e;
        background:
            radial-gradient(circle at 92% 0, rgba(44, 195, 150, .15), transparent 31%),
            linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(239, 248, 244, .78)),
            rgba(242, 249, 246, .92);
        box-shadow: 0 28px 72px rgba(18, 63, 50, .22), inset 0 1px rgba(255, 255, 255, .95);
    }

    .zax-more-handle {
        display: block;
        width: 40px;
        height: 4px;
        margin: 0 auto 10px;
        border-radius: 999px;
        background: rgba(184, 213, 205, .28);
    }

    .zax-more-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 1px 2px 0;
    }

    .zax-more-head h2 {
        margin: 3px 0 0;
        font-size: 20px;
        font-weight: 720;
        letter-spacing: -.035em;
        line-height: 1.1;
    }

    .zax-more-close {
        display: grid;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid var(--zax-line);
        border-radius: 11px;
        color: var(--zax-soft);
        background: rgba(255, 255, 255, .045);
        cursor: pointer;
    }

    .zax-more-close .dashicons {
        width: 18px;
        height: 18px;
        color: currentColor;
        font-size: 18px;
    }

    .zax-more-intro {
        margin: 7px 2px 13px;
        color: var(--zax-muted);
        font-size: 9px;
        line-height: 1.5;
    }

    .zax-more-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .zax-more-grid > button {
        display: flex;
        min-width: 0;
        min-height: 94px;
        align-items: flex-start;
        flex-direction: column;
        padding: 11px 9px 9px;
        overflow: hidden;
        border: 1px solid rgba(174, 215, 204, .12);
        border-radius: 15px;
        color: var(--zax-text);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
            rgba(255, 255, 255, .014);
        box-shadow: inset 0 1px rgba(255, 255, 255, .045);
        text-align: left;
        cursor: pointer;
        transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }

    .zax-more-grid > button:active {
        transform: scale(.97);
    }

    .zax-more-grid > button > span {
        display: grid;
        width: 31px;
        height: 31px;
        place-items: center;
        margin-bottom: 9px;
        border: 1px solid rgba(81, 230, 189, .18);
        border-radius: 10px;
        color: var(--zax-cyan);
        background: rgba(81, 230, 189, .075);
        box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    }

    .zax-more-grid > button .dashicons {
        width: 17px;
        height: 17px;
        color: currentColor;
        font-size: 17px;
    }

    .zax-more-grid strong,
    .zax-more-grid small {
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-more-grid strong {
        color: inherit;
        font-size: 9px;
        font-weight: 730;
    }

    .zax-more-grid small {
        margin-top: 2px;
        color: var(--zax-muted);
        font-size: 7px;
    }

    .zax-app[data-theme="light"] .zax-more-grid > button {
        border-color: rgba(29, 100, 80, .13);
        color: #173c31;
        background: rgba(255, 255, 255, .57);
        box-shadow: inset 0 1px rgba(255, 255, 255, .95);
    }

    .zax-more-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-more-admin-grid > button {
        min-height: 98px;
    }

    .zax-more-support {
        display: flex;
        min-width: 0;
        min-height: 48px;
        align-items: center;
        gap: 10px;
        margin-top: 9px;
        padding: 8px 11px;
        border: 1px solid rgba(81, 230, 189, .16);
        border-radius: 14px;
        color: var(--zax-text);
        background: rgba(81, 230, 189, .045);
        text-decoration: none;
    }

    .zax-more-support > .dashicons:first-child {
        color: var(--zax-cyan);
    }

    .zax-more-support > span {
        display: flex;
        min-width: 0;
        flex: 1;
        flex-direction: column;
    }

    .zax-more-support small {
        color: var(--zax-muted);
        font-size: 7px;
    }

    .zax-more-support strong {
        overflow: hidden;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-toast-region {
        right: 12px;
        bottom: calc(86px + env(safe-area-inset-bottom));
        width: calc(100vw - 24px);
    }
}

@media (max-width: 680px) {
    .zax-topbar-actions {
        gap: 5px;
    }

    .zax-icon-button,
    .zax-mode-switch {
        width: 36px;
        height: 36px;
    }

    .zax-search-trigger {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .zax-welcome-row,
    .zax-page-heading,
    .zax-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .zax-date-chip {
        display: none;
    }

    .zax-login-banner {
        align-items: stretch;
        flex-direction: column;
    }

    .zax-hero-panel,
    .zax-hero-content {
        min-height: 310px;
    }

    .zax-hero-content {
        width: 100%;
        justify-content: flex-end;
        padding: 28px 24px;
        background: linear-gradient(to top, rgba(7, 22, 17, .98) 35%, rgba(7, 22, 17, .45));
    }

    .zax-hero-content h2 {
        max-width: 90%;
        font-size: 29px;
    }

    .zax-hero-content p {
        font-size: 10px;
    }

    .zax-orbit {
        top: 31%;
        right: 50%;
        width: 125px;
        height: 125px;
        transform: translate(50%, -50%);
    }

    .zax-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .zax-stat-grid article {
        min-height: 100px;
        align-items: flex-start;
        flex-direction: column;
        padding: 13px;
    }

    .zax-stat-icon {
        width: 30px;
        height: 30px;
    }

    .zax-product-grid,
    .zax-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .zax-support-grid,
    .zax-settings-layout,
    .zax-learner-grid,
    .zax-integration-grid,
    .zax-report-grid {
        grid-template-columns: 1fr;
    }

    .zax-product-visual {
        height: 94px;
    }

    .zax-product-card {
        display: flex;
        min-height: 310px;
        flex-direction: column;
        border-radius: 14px;
        box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 10px 28px rgba(0, 0, 0, .08);
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

    .zax-product-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .zax-product-icon .dashicons {
        width: 20px;
        height: 20px;
        font-size: 20px;
    }

    .zax-badge {
        top: 7px;
        left: 7px;
        max-width: calc(100% - 14px);
        padding: 3px 5px;
        overflow: hidden;
        border-radius: 6px;
        font-size: 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
        backdrop-filter: none;
    }

    .zax-product-body {
        display: flex;
        min-width: 0;
        flex: 1;
        flex-direction: column;
        padding: 11px;
    }

    .zax-product-meta {
        overflow: hidden;
        gap: 3px;
        font-size: 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-product-meta span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .zax-product-body h3 {
        display: -webkit-box;
        min-height: 31px;
        margin: 6px 0 5px;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.2;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .zax-product-body > p {
        min-height: 36px;
        margin-bottom: 9px;
        font-size: 8px;
        line-height: 1.5;
        -webkit-line-clamp: 3;
    }

    .zax-progress-row {
        gap: 5px;
        margin: -2px 0 8px;
    }

    .zax-progress-row > span {
        font-size: 7px;
    }

    .zax-product-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        margin-top: auto;
        padding-top: 9px;
    }

    .zax-product-footer > div {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        gap: 5px;
    }

    .zax-product-footer strong {
        font-size: 12px;
    }

    .zax-product-footer small {
        max-width: 72px;
        font-size: 6px;
        text-align: right;
    }

    .zax-product-footer .zax-button {
        width: 100%;
        min-height: 35px;
        justify-content: center;
        gap: 4px;
        padding: 8px 6px;
        border-radius: 9px;
        font-size: 8px;
    }

    .zax-product-footer .zax-button .dashicons {
        width: 13px;
        height: 13px;
        font-size: 13px;
    }

    .zax-academy-banner {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        padding: 29px 24px;
    }

    .zax-academy-metrics {
        width: 100%;
        justify-content: space-between;
        gap: 10px;
    }

    .zax-lab-card {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 12px;
        padding: 16px;
    }

    .zax-lab-card > span {
        width: 42px;
        height: 42px;
    }

    .zax-lab-card > .zax-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .zax-wallet-card {
        min-height: 215px;
        padding: 25px;
    }

    .zax-topup-options {
        grid-template-columns: repeat(2, 1fr);
    }

    .zax-settings-form,
    .zax-transaction-panel,
    .zax-table-panel {
        padding: 17px;
    }

    .zax-form-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .zax-field-wide {
        grid-column: auto;
    }

    .zax-settings-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .zax-settings-footer .zax-button {
        width: 100%;
    }

    .zax-payment-methods {
        grid-template-columns: 1fr;
    }

    .zax-payment-methods label > span {
        min-height: 56px;
        padding-left: 42px;
    }

    .zax-payment-methods .dashicons {
        position: absolute;
        left: 13px;
        margin: 0;
    }

    .zax-payment-proof {
        grid-template-columns: 1fr;
    }

    .zax-modal-dialog {
        width: 100%;
        max-height: calc(100dvh - 34px);
        margin: 34px 0 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 18px 18px 0 0;
    }

    .zax-modal-head,
    .zax-modal form {
        padding-right: 17px;
        padding-left: 17px;
    }

    .zax-checkout-summary {
        grid-template-columns: 38px minmax(0, 1fr) auto;
    }

    .zax-checkout-summary .zax-product-icon {
        width: 36px;
        height: 36px;
    }

    .zax-checkout-product-details {
        padding: 15px;
    }

    .zax-checkout-product-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .zax-checkout-spec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-checkout-wallet-review {
        grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr);
    }

    .zax-checkout-wallet-review > em {
        grid-column: 1 / -1;
    }

    .zax-payment-instructions {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .zax-payment-instructions > button {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .zax-profile-summary {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .zax-profile-summary .zax-button {
        width: 100%;
    }
}

/* Front-end authentication */
.zax-auth-layout {
    display: grid;
    min-height: calc(100dvh - var(--zax-topbar) - 92px);
    grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr);
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 22px;
    background: var(--zax-panel);
    box-shadow: var(--zax-shadow);
}

.zax-auth-story {
    position: relative;
    display: flex;
    min-height: 690px;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    padding: clamp(42px, 6vw, 86px);
    border-right: 1px solid var(--zax-line);
    background:
        radial-gradient(circle at 82% 25%, rgba(154, 140, 255, .15), transparent 26%),
        radial-gradient(circle at 12% 78%, rgba(81, 230, 189, .13), transparent 28%),
        linear-gradient(145deg, rgba(11, 45, 36, .98), rgba(7, 21, 17, .98));
}

.zax-auth-story::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(81, 230, 189, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .035) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    mask-image: linear-gradient(145deg, transparent, #000 45%, transparent);
}

.zax-auth-story > * {
    position: relative;
    z-index: 2;
}

.zax-auth-story h1 {
    max-width: 740px;
    margin: 19px 0 15px;
    color: #f3faf7;
    font-size: clamp(36px, 4.2vw, 58px);
    font-weight: 680;
    letter-spacing: -.065em;
    line-height: .98;
}

.zax-auth-story > p {
    max-width: 680px;
    margin: 0;
    color: #9cb8ae;
    font-size: 12px;
    line-height: 1.75;
}

.zax-auth-benefits {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-top: 33px;
}

.zax-auth-benefits > span {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 11px;
}

.zax-auth-benefits > span > .dashicons {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 10px;
    color: #73e0c1;
    background: rgba(81, 230, 189, .07);
    font-size: 18px;
    line-height: 36px;
}

.zax-auth-benefits > span > div {
    display: flex;
    flex-direction: column;
}

.zax-auth-benefits strong {
    color: #e9f5f1;
    font-size: 10px;
}

.zax-auth-benefits small {
    color: #829f95;
    font-size: 8px;
}

.zax-auth-proof {
    display: flex;
    gap: 28px;
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid rgba(174, 215, 204, .13);
}

.zax-auth-proof span {
    display: flex;
    flex-direction: column;
    color: #7f9b91;
    font-size: 7px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-auth-proof strong {
    color: #edf8f4;
    font-size: 19px;
    letter-spacing: -.04em;
}

.zax-auth-orbit {
    position: absolute;
    z-index: 1;
    right: -115px;
    bottom: -115px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(81, 230, 189, .11);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(81, 230, 189, .018), 0 0 0 70px rgba(81, 230, 189, .012);
    animation: zax-orbit-pulse 5s ease-in-out infinite;
}

.zax-auth-orbit > span {
    position: absolute;
    top: 22%;
    left: 22%;
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .24);
    border-radius: 19px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    transform: rotate(45deg);
}

.zax-auth-orbit > span .dashicons {
    width: 27px;
    height: 27px;
    font-size: 27px;
    transform: rotate(-45deg);
}

.zax-auth-card {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: clamp(30px, 5vw, 70px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 48%),
        var(--zax-panel-solid);
}

.zax-auth-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.zax-auth-brand > div {
    display: flex;
    flex-direction: column;
}

.zax-auth-brand strong {
    font-size: 13px;
    letter-spacing: -.02em;
}

.zax-auth-brand small {
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zax-auth-tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
    margin-bottom: 27px;
    padding: 3px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .02);
}

.zax-auth-tabs button {
    min-height: 37px;
    border: 0;
    border-radius: 7px;
    color: var(--zax-muted);
    background: transparent;
    font-size: 9px;
    font-weight: 750;
    cursor: pointer;
}

.zax-auth-tabs button.is-active {
    color: #082019;
    background: var(--zax-cyan);
    box-shadow: 0 6px 18px rgba(81, 230, 189, .12);
}

.zax-auth-form {
    animation: zax-page-in .24s ease both;
}

.zax-auth-heading {
    margin-bottom: 22px;
}

.zax-auth-heading h2 {
    margin: 0 0 5px;
    font-size: 27px;
    letter-spacing: -.045em;
}

.zax-auth-heading p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-auth-form > label,
.zax-auth-name-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

.zax-auth-form > label > span,
.zax-auth-name-grid label > span {
    color: var(--zax-soft);
    font-size: 8px;
    font-weight: 720;
}

.zax-auth-form > label > small {
    margin-top: -1px;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-auth-input {
    display: grid;
    min-height: 46px;
    grid-template-columns: 35px minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .025);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.zax-auth-input:focus-within {
    border-color: rgba(81, 230, 189, .5);
    background: rgba(81, 230, 189, .025);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .08);
}

.zax-auth-input > .dashicons {
    width: 16px;
    height: 16px;
    justify-self: center;
    color: var(--zax-muted);
    font-size: 16px;
}

.zax-auth-input input {
    width: 100%;
    height: 44px;
    padding: 0 8px 0 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font-size: 10px;
}

.zax-auth-input > button {
    display: grid;
    width: 40px;
    height: 44px;
    place-items: center;
    border: 0;
    color: var(--zax-muted);
    background: transparent;
    cursor: pointer;
}

.zax-auth-input > button:hover {
    color: var(--zax-cyan);
}

.zax-auth-input > button .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-auth-name-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.zax-auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 3px 0 18px;
}

.zax-auth-options label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-auth-options input,
.zax-auth-terms input {
    accent-color: var(--zax-cyan-deep);
}

.zax-auth-options > button,
.zax-auth-switch button,
.zax-auth-terms button {
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
}

.zax-auth-switch {
    margin: 16px 0 0;
    color: var(--zax-muted);
    font-size: 8px;
    text-align: center;
}

.zax-auth-terms {
    display: grid !important;
    grid-template-columns: 15px 1fr;
    align-items: start;
    gap: 8px !important;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-auth-terms > span {
    color: var(--zax-muted) !important;
    font-weight: 450 !important;
    line-height: 1.55;
}

.zax-auth-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 30px;
    padding: 0;
    border: 0;
    color: var(--zax-muted);
    background: transparent;
    font-size: 8px;
    cursor: pointer;
}

.zax-auth-back .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.zax-auth-reset-icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin: 0 auto 15px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 16px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-auth-reset-icon .dashicons {
    width: 25px;
    height: 25px;
    font-size: 25px;
}

.zax-auth-heading-center {
    text-align: center;
}

.zax-auth-help {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 11px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .02);
}

.zax-auth-help > span {
    display: flex;
    flex-direction: column;
}

.zax-auth-help strong {
    color: var(--zax-soft);
    font-size: 8px;
}

.zax-auth-help button {
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 7px;
    cursor: pointer;
}

.zax-auth-security-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 25px;
    padding-top: 16px;
    border-top: 1px solid var(--zax-line);
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-auth-security-note .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-cyan);
    font-size: 13px;
}

/* Consistent silk finish */
.zax-panel,
.zax-product-card,
.zax-value-grid article,
.zax-values-grid article,
.zax-faq-grid article,
.zax-profile-stat-grid article,
.zax-contact-side > article,
.zax-refund-summary article {
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .045),
        0 18px 50px rgba(0, 0, 0, .075);
}

.zax-app[data-theme="light"] .zax-panel,
.zax-app[data-theme="light"] .zax-product-card,
.zax-app[data-theme="light"] .zax-value-grid article,
.zax-app[data-theme="light"] .zax-values-grid article,
.zax-app[data-theme="light"] .zax-faq-grid article {
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .9),
        0 18px 44px rgba(23, 57, 48, .08);
}

@media (max-width: 1050px) {
    .zax-auth-layout {
        grid-template-columns: minmax(0, .9fr) minmax(400px, 1.1fr);
    }

    .zax-auth-story {
        padding: 45px 34px;
    }

    .zax-auth-story h1 {
        font-size: 43px;
    }
}

@media (max-width: 800px) {
    .zax-auth-layout {
        grid-template-columns: 1fr;
    }

    .zax-auth-story {
        min-height: auto;
        padding: 45px 30px;
        border-right: 0;
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-auth-story h1 {
        max-width: 600px;
    }

    .zax-auth-card {
        padding: 38px 30px 45px;
    }
}

@media (max-width: 520px) {
    .zax-auth-layout {
        margin: -12px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-auth-story {
        padding: 39px 20px;
    }

    .zax-auth-story h1 {
        font-size: 36px;
    }

    .zax-auth-story > p {
        font-size: 10px;
    }

    .zax-auth-proof {
        gap: 15px;
    }

    .zax-auth-card {
        padding: 32px 18px 42px;
    }

    .zax-auth-name-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 390px) {
    .zax-main {
        padding-right: 12px;
        padding-left: 12px;
    }

    .zax-welcome-row h1,
    .zax-page-heading h1 {
        font-size: 27px;
    }

    .zax-topbar {
        gap: 6px;
        padding-right: 9px;
        padding-left: 9px;
    }

    .zax-breadcrumb {
        display: none;
    }

    .zax-home-nav-brand > span:last-child {
        display: none;
    }

    .zax-topbar-actions {
        gap: 3px;
    }

    .zax-search-trigger {
        display: flex;
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .zax-stat-grid {
        grid-template-columns: 1fr 1fr;
    }

    .zax-stat-grid article {
        min-width: 0;
    }

    .zax-stat-grid strong {
        font-size: 17px;
    }
}

@media (hover: none) and (pointer: coarse) {
    .zax-product-card:hover {
        border-color: var(--zax-line);
        box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 10px 28px rgba(0, 0, 0, .08);
        transform: none;
    }

    .zax-product-card:active {
        border-color: var(--zax-line-strong);
        transform: scale(.985);
    }

    .zax-product-footer .zax-button:active {
        transform: scale(.97);
    }
}

/* 1.5.31: member transfers, VIP sales withdrawals, and Community profile navigation. */
.zax-community-top[hidden],
.zax-community-page.is-fyp-active .zax-community-top {
    display: none !important;
}

.zax-wallet-actions {
    max-width: 720px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.zax-wallet-transfer {
    position: relative;
    width: 100%;
    margin-top: 18px;
    padding: clamp(18px, 3vw, 30px);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 23%, var(--zax-line));
    border-radius: 24px;
    background:
        radial-gradient(circle at 94% 0, rgba(81, 230, 189, .13), transparent 34%),
        radial-gradient(circle at 6% 100%, rgba(154, 140, 255, .09), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel) 92%, transparent), color-mix(in srgb, var(--zax-panel-2) 86%, transparent));
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 24px 55px rgba(0, 0, 0, .12);
}

.zax-wallet-transfer > header,
.zax-seller-payout-hero {
    display: grid;
    min-width: 0;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.zax-wallet-transfer > header > span,
.zax-seller-payout-hero > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 16px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .14), rgba(154, 140, 255, .08));
    box-shadow: inset 0 1px rgba(255, 255, 255, .09);
}

.zax-wallet-transfer h2,
.zax-seller-payout-hero h2 {
    margin: 3px 0 5px;
    color: var(--zax-text);
    font-size: clamp(18px, 2.2vw, 27px);
    line-height: 1.18;
    letter-spacing: -.025em;
}

.zax-wallet-transfer header p,
.zax-seller-payout-hero p {
    max-width: 780px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 11px;
    line-height: 1.65;
}

.zax-wallet-transfer-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
    gap: 16px;
    margin-top: 20px;
}

.zax-wallet-transfer-layout > form,
.zax-wallet-transfer-layout > aside,
.zax-seller-withdrawal-form,
.zax-seller-withdrawal-history {
    min-width: 0;
    padding: clamp(16px, 2.4vw, 24px);
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background: color-mix(in srgb, var(--zax-panel-2) 82%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
}

.zax-wallet-transfer-layout form > label,
.zax-withdrawal-destination > label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    color: var(--zax-soft);
    font-size: 10px;
}

.zax-wallet-transfer-layout form > label + *,
.zax-wallet-transfer-layout form > * + label {
    margin-top: 13px;
}

.zax-wallet-transfer-layout input,
.zax-wallet-transfer-layout select,
.zax-withdrawal-destination input,
.zax-withdrawal-destination select {
    width: 100%;
    min-width: 0;
    height: 46px;
    box-sizing: border-box;
    padding: 0 13px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-bg) 50%, transparent);
    outline: none;
}

.zax-wallet-transfer-layout input:focus,
.zax-wallet-transfer-layout select:focus,
.zax-withdrawal-destination input:focus,
.zax-withdrawal-destination select:focus {
    border-color: color-mix(in srgb, var(--zax-cyan) 60%, var(--zax-line));
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .1);
}

.zax-wallet-username-field > span:last-of-type {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 22%, var(--zax-line));
    border-radius: 14px;
    background: color-mix(in srgb, var(--zax-bg) 50%, transparent);
}

.zax-wallet-username-field > span:last-of-type b {
    display: grid;
    height: 46px;
    place-items: center;
    color: var(--zax-cyan);
    font-size: 16px;
}

.zax-wallet-username-field > span:last-of-type input {
    border: 0;
    border-left: 1px solid var(--zax-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.zax-wallet-transfer-warning,
.zax-withdrawal-notice {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 10px;
    margin: 15px 0;
    padding: 12px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 14px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-wallet-transfer-warning > span,
.zax-withdrawal-notice > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-wallet-transfer-warning strong,
.zax-withdrawal-notice strong { color: var(--zax-text); font-size: 10px; }
.zax-wallet-transfer-warning small,
.zax-withdrawal-notice small { color: var(--zax-muted); font-size: 9px; line-height: 1.5; }

.zax-wallet-transfer-layout > aside {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

.zax-wallet-transfer-layout > aside > span { color: var(--zax-cyan); }
.zax-wallet-transfer-layout > aside strong { color: var(--zax-text); font-size: 14px; }
.zax-wallet-transfer-layout > aside p { margin: 6px 0 0; color: var(--zax-muted); font-size: 10px; line-height: 1.6; }
.zax-wallet-transfer-layout > aside > button { display: grid; width: 100%; min-width: 0; grid-template-columns: 28px minmax(0, 1fr) 18px; align-items: center; gap: 9px; margin-top: auto; padding: 12px; border: 1px solid var(--zax-line); border-radius: 14px; color: var(--zax-text); background: rgba(255,255,255,.025); text-align: left; }
.zax-wallet-transfer-layout > aside > button > span { display: flex; min-width: 0; flex-direction: column; }
.zax-wallet-transfer-layout > aside > button small { color: var(--zax-muted); font-size: 8px; }
.zax-wallet-transfer-layout > aside > button strong { overflow-wrap: anywhere; font-size: 10px; }

.zax-seller-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.zax-seller-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zax-seller-panel[data-seller-panel="payouts"] { padding-top: 10px; }
.zax-seller-payouts { display: grid; gap: 16px; min-width: 0; }
.zax-seller-payout-hero { padding: clamp(18px, 3vw, 28px); border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line)); border-radius: 22px; background: radial-gradient(circle at 92% 0, rgba(81,230,189,.14), transparent 34%), color-mix(in srgb, var(--zax-panel) 88%, transparent); }
.zax-seller-balance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.zax-seller-balance-grid article { display: grid; min-width: 0; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; padding: 17px; border: 1px solid var(--zax-line); border-radius: 18px; background: color-mix(in srgb, var(--zax-panel-2) 86%, transparent); }
.zax-seller-balance-grid article > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.zax-seller-balance-grid small,
.zax-seller-balance-grid em { color: var(--zax-muted); font-size: 8px; font-style: normal; }
.zax-seller-balance-grid strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 16px; }
.zax-seller-payout-layout { display: grid; min-width: 0; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: 14px; align-items: start; }
.zax-withdrawal-destination { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.zax-withdrawal-destination > label:last-child { grid-column: 1 / -1; }
.zax-withdrawal-save { margin: 14px 0 0; }
.zax-seller-withdrawal-history { padding: 0; overflow: hidden; }
.zax-seller-withdrawal-history .zax-card-heading { padding: 18px; }
.zax-seller-withdrawal-history .zax-table-wrap { border-width: 1px 0 0; border-radius: 0; }
.zax-withdrawal-destination-value { max-width: 310px; overflow-wrap: anywhere; white-space: normal; }
.zax-admin-withdrawals { margin-bottom: 16px; }
.zax-admin-withdrawal-actions { display: flex; flex-wrap: wrap; gap: 6px; }

.zax-app[data-theme="light"] :is(.zax-wallet-transfer, .zax-wallet-transfer-layout > form, .zax-wallet-transfer-layout > aside, .zax-seller-withdrawal-form, .zax-seller-withdrawal-history, .zax-seller-payout-hero, .zax-seller-balance-grid article) {
    box-shadow: inset 0 1px rgba(255,255,255,.9), 0 18px 42px rgba(34,77,64,.08);
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-mobile-dock:not(.zax-community-mobile-dock) {
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-community-mobile-dock {
        z-index: 1705 !important;
        display: grid !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll {
        padding-bottom: calc(26px + var(--zax-mobile-dock-clearance)) !important;
        scroll-padding-bottom: calc(26px + var(--zax-mobile-dock-clearance));
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-more-menu:not([hidden]) {
        z-index: 1800 !important;
    }

    .zax-wallet-transfer-layout,
    .zax-seller-payout-layout {
        grid-template-columns: 1fr;
    }

    .zax-seller-tabs > button {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 4px;
        padding: 6px 3px;
    }

    .zax-seller-tabs > button > span { align-items: center; }
}

@media (max-width: 600px) {
    .zax-wallet-actions { gap: 7px; }
    .zax-wallet-actions button > span { width: 45px; height: 45px; }
    .zax-wallet-actions strong { font-size: 8px; }
    .zax-wallet-transfer { margin-right: -1px; margin-left: -1px; padding: 15px; border-radius: 19px; }
    .zax-wallet-transfer > header,
    .zax-seller-payout-hero { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; }
    .zax-wallet-transfer > header > span,
    .zax-seller-payout-hero > span { width: 44px; height: 44px; border-radius: 14px; }
    .zax-wallet-transfer h2,
    .zax-seller-payout-hero h2 { font-size: 18px; }
    .zax-wallet-transfer-layout > form,
    .zax-wallet-transfer-layout > aside,
    .zax-seller-withdrawal-form { padding: 14px; border-radius: 17px; }
    .zax-withdrawal-destination,
    .zax-seller-balance-grid { grid-template-columns: 1fr; }
    .zax-withdrawal-destination > label:last-child { grid-column: auto; }
    .zax-seller-launch-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-app *,
    .zax-app *::before,
    .zax-app *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Public home */
.zax-home-page {
    max-width: 1680px;
}

.zax-home-hero {
    position: relative;
    display: grid;
    min-height: clamp(520px, 70vh, 720px);
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
    align-items: center;
    gap: clamp(28px, 5vw, 80px);
    overflow: hidden;
    margin: calc(clamp(24px, 3vw, 46px) * -1) calc(clamp(18px, 3.4vw, 54px) * -1) 0;
    padding: clamp(60px, 8vw, 112px) clamp(28px, 7vw, 112px);
    border-bottom: 1px solid var(--zax-line);
    background:
        radial-gradient(circle at 77% 42%, rgba(81, 230, 189, .12), transparent 26%),
        radial-gradient(circle at 93% 16%, rgba(154, 140, 255, .095), transparent 22%),
        linear-gradient(135deg, rgba(9, 27, 22, .98), rgba(7, 16, 14, .96));
}

.zax-app[data-theme="light"] .zax-home-hero {
    background:
        radial-gradient(circle at 77% 42%, rgba(14, 169, 125, .12), transparent 26%),
        radial-gradient(circle at 93% 16%, rgba(112, 92, 226, .08), transparent 22%),
        linear-gradient(135deg, rgba(243, 250, 246, .98), rgba(232, 242, 237, .96));
}

.zax-home-hero::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(81, 230, 189, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .028) 1px, transparent 1px);
    background-size: 42px 42px;
    content: "";
    mask-image: linear-gradient(90deg, transparent 5%, #000 75%);
}

.zax-home-copy {
    position: relative;
    z-index: 3;
}

.zax-home-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.zax-home-kicker i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 12px var(--zax-cyan);
}

.zax-home-copy h1 {
    max-width: 820px;
    margin: 22px 0 19px;
    font-size: clamp(36px, 4.2vw, 62px);
    font-weight: 680;
    letter-spacing: -.065em;
    line-height: .98;
}

.zax-home-copy > p {
    max-width: 720px;
    margin: 0;
    color: var(--zax-muted);
    font-size: clamp(13px, 1.15vw, 17px);
    line-height: 1.72;
}

.zax-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.zax-home-actions .zax-button {
    min-height: 48px;
    padding: 12px 18px;
}

.zax-home-device-ip {
    position: relative;
    display: grid;
    width: min(100%, 470px);
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr) 9px;
    align-items: center;
    gap: 11px;
    margin-top: 18px;
    padding: 11px 13px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(81, 230, 189, .075), rgba(154, 140, 255, .035)),
        rgba(7, 18, 15, .52);
    box-shadow: inset 0 1px rgba(255, 255, 255, .075), 0 14px 34px rgba(0, 0, 0, .14);
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
}

.zax-app[data-theme="light"] .zax-home-device-ip {
    background:
        linear-gradient(135deg, rgba(18, 169, 125, .07), rgba(112, 92, 226, .035)),
        rgba(255, 255, 255, .7);
}

.zax-home-device-ip > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 13px;
    color: #062119;
    background: var(--zax-gradient-brand);
    box-shadow: 0 9px 24px rgba(36, 203, 157, .16), inset 0 1px rgba(255, 255, 255, .42);
}

.zax-home-device-ip > span .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.zax-home-device-ip > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-home-device-ip small {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-home-device-ip strong {
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 15px;
    letter-spacing: -.02em;
}

.zax-home-device-ip em {
    color: var(--zax-muted);
    font-size: 8px;
    font-style: normal;
    line-height: 1.4;
}

.zax-home-device-ip > i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .09), 0 0 14px rgba(81, 230, 189, .5);
}

@media (max-width: 600px) {
    .zax-home-device-ip {
        width: 100%;
        grid-template-columns: 39px minmax(0, 1fr) 8px;
        padding: 10px 11px;
        border-radius: 13px;
    }

    .zax-home-device-ip > span {
        width: 39px;
        height: 39px;
        border-radius: 12px;
    }

    .zax-home-device-ip strong {
        font-size: 13px;
    }
}

.zax-home-proof {
    display: flex;
    gap: clamp(18px, 3vw, 40px);
    margin-top: 43px;
    padding-top: 22px;
    border-top: 1px solid var(--zax-line);
}

.zax-home-proof span {
    display: flex;
    flex-direction: column;
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 650;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.zax-home-proof strong {
    color: var(--zax-text);
    font-size: 21px;
    letter-spacing: -.04em;
}

.zax-home-illustration {
    position: relative;
    z-index: 2;
    width: min(100%, 560px);
    aspect-ratio: 1;
    justify-self: center;
}

.zax-home-grid {
    position: absolute;
    inset: 8%;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 50%;
    background:
        radial-gradient(circle at center, rgba(81, 230, 189, .08), transparent 55%),
        linear-gradient(rgba(81, 230, 189, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .055) 1px, transparent 1px);
    background-size: auto, 26px 26px, 26px 26px;
    box-shadow: 0 0 0 35px rgba(81, 230, 189, .015), 0 0 0 70px rgba(81, 230, 189, .01);
    animation: zax-home-breathe 5s ease-in-out infinite;
}

.zax-home-core {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 150px;
    height: 150px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .28);
    border-radius: 40px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .13), rgba(9, 31, 25, .76));
    box-shadow: 0 0 80px rgba(81, 230, 189, .18), inset 0 1px rgba(255, 255, 255, .12);
    transform: translate(-50%, -50%) rotate(45deg);
    animation: zax-core-float 5s ease-in-out infinite;
    backdrop-filter: blur(18px);
}

.zax-home-core > span {
    color: var(--zax-cyan);
    transform: rotate(-45deg);
}

.zax-home-core > span .dashicons {
    width: 64px;
    height: 64px;
    font-size: 64px;
    filter: drop-shadow(0 0 25px rgba(81, 230, 189, .45));
}

.zax-home-core > i {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 15px var(--zax-cyan);
}

.zax-home-core > i:nth-of-type(1) { top: 15px; left: 15px; }
.zax-home-core > i:nth-of-type(2) { right: 15px; bottom: 15px; }
.zax-home-core > i:nth-of-type(3) { right: 15px; top: 15px; background: var(--zax-violet); }

.zax-orbit-chip {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 10px;
    color: var(--zax-soft);
    background: rgba(9, 27, 22, .74);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
    font-size: 9px;
    font-weight: 700;
    backdrop-filter: blur(18px);
    animation: zax-chip-float 4s ease-in-out infinite;
}

.zax-app[data-theme="light"] .zax-orbit-chip {
    background: rgba(255, 255, 255, .74);
}

.zax-orbit-chip .dashicons {
    width: 16px;
    height: 16px;
    color: var(--zax-cyan);
    font-size: 16px;
}

.zax-chip-one { top: 14%; left: 3%; }
.zax-chip-two { top: 24%; right: 0; animation-delay: -1.3s; }
.zax-chip-three { right: 6%; bottom: 20%; animation-delay: -2.6s; }

.zax-mini-terminal {
    position: absolute;
    bottom: 11%;
    left: 0;
    display: flex;
    width: 205px;
    flex-direction: column;
    gap: 5px;
    padding: 11px 13px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 11px;
    color: var(--zax-soft);
    background: rgba(7, 17, 14, .82);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .23);
    backdrop-filter: blur(18px);
}

.zax-app[data-theme="light"] .zax-mini-terminal {
    background: rgba(255, 255, 255, .82);
}

.zax-mini-terminal > span {
    display: flex;
    gap: 4px;
}

.zax-mini-terminal > span i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--zax-red);
}

.zax-mini-terminal > span i:nth-child(2) { background: var(--zax-amber); }
.zax-mini-terminal > span i:nth-child(3) { background: var(--zax-cyan); }

.zax-mini-terminal code {
    color: var(--zax-muted);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 8px;
}

.zax-mini-terminal b {
    color: var(--zax-cyan);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    letter-spacing: .05em;
}

@keyframes zax-home-breathe {
    50% { transform: scale(1.035); opacity: .78; }
}

@keyframes zax-core-float {
    0%, 100% { transform: translate(-50%, -50%) rotate(45deg) translateY(-4px); }
    50% { transform: translate(-50%, -50%) rotate(45deg) translateY(7px); }
}

@keyframes zax-chip-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

.zax-home-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 4vw, 58px);
    margin: 0 calc(clamp(18px, 3.4vw, 54px) * -1) 84px;
    padding: 19px clamp(24px, 6vw, 90px);
    border-bottom: 1px solid var(--zax-line);
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .015);
}

.zax-home-trust > span {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zax-home-trust strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--zax-soft);
    font-size: 10px;
}

.zax-home-trust .dashicons {
    width: 17px;
    height: 17px;
    color: var(--zax-cyan);
    font-size: 17px;
}

.zax-home-section-heading {
    max-width: 770px;
    margin: 0 auto 28px;
    text-align: center;
}

.zax-home-section-heading h2 {
    margin: 8px 0 10px;
    font-size: clamp(27px, 3.2vw, 44px);
    font-weight: 680;
    letter-spacing: -.055em;
    line-height: 1.05;
}

.zax-home-section-heading p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 12px;
    line-height: 1.7;
}

.zax-value-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 100px;
}

.zax-value-grid article {
    position: relative;
    min-height: 270px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: linear-gradient(145deg, var(--zax-panel), rgba(255, 255, 255, .012));
}

.zax-value-grid article::after {
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(81, 230, 189, .1);
    border-radius: 50%;
    content: "";
}

.zax-value-grid article > span {
    display: grid;
    width: 45px;
    height: 45px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-value-grid article > small {
    position: absolute;
    top: 25px;
    right: 23px;
    color: var(--zax-line-strong);
    font-size: 22px;
    font-weight: 850;
}

.zax-value-grid h3 {
    margin: 24px 0 8px;
    font-size: 17px;
    letter-spacing: -.03em;
}

.zax-value-grid p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.7;
}

.zax-value-grid button {
    position: absolute;
    z-index: 2;
    bottom: 22px;
    left: 24px;
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 9px;
    font-weight: 750;
    cursor: pointer;
}

.zax-home-platform {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: center;
    gap: clamp(40px, 7vw, 100px);
    margin-bottom: 100px;
    padding: clamp(28px, 5vw, 70px);
    border: 1px solid var(--zax-line);
    border-radius: 22px;
    background:
        radial-gradient(circle at 17% 54%, rgba(81, 230, 189, .09), transparent 31%),
        var(--zax-panel);
}

.zax-platform-visual {
    position: relative;
}

.zax-platform-visual::before {
    position: absolute;
    inset: 10% -4% -10% 6%;
    border: 1px solid rgba(81, 230, 189, .1);
    border-radius: 20px;
    content: "";
    transform: rotate(-4deg);
}

.zax-platform-window {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 1px solid var(--zax-line-strong);
    border-radius: 15px;
    background: rgba(7, 20, 16, .92);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
    transform: perspective(1100px) rotateY(5deg) rotateX(2deg);
}

.zax-app[data-theme="light"] .zax-platform-window {
    background: rgba(250, 253, 251, .94);
}

.zax-platform-window-head {
    display: flex;
    height: 39px;
    align-items: center;
    gap: 13px;
    padding: 0 13px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-platform-window-head > span {
    display: flex;
    gap: 4px;
}

.zax-platform-window-head i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-red);
}

.zax-platform-window-head i:nth-child(2) { background: var(--zax-amber); }
.zax-platform-window-head i:nth-child(3) { background: var(--zax-cyan); }
.zax-platform-window-head small { color: var(--zax-muted); font-size: 7px; }

.zax-platform-window-body {
    display: grid;
    min-height: 310px;
    grid-template-columns: 135px 1fr;
    gap: 25px;
    align-items: center;
    padding: 30px;
    background-image:
        linear-gradient(var(--zax-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--zax-line) 1px, transparent 1px);
    background-size: 28px 28px;
}

.zax-platform-score {
    display: flex;
    width: 128px;
    height: 128px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    background:
        radial-gradient(circle closest-side, var(--zax-panel-solid) 78%, transparent 80%),
        conic-gradient(var(--zax-cyan) 92%, rgba(255, 255, 255, .07) 0);
}

.zax-platform-score span {
    font-size: 39px;
    font-weight: 720;
    letter-spacing: -.06em;
}

.zax-platform-score small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-platform-bars {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.zax-platform-bars i {
    position: relative;
    display: block;
    height: 8px;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
}

.zax-platform-bars i::after {
    display: block;
    width: var(--w);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zax-cyan-deep), var(--zax-cyan));
    content: "";
}

.zax-platform-status {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.zax-platform-status span {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .02);
    font-size: 7px;
}

.zax-platform-status i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 8px var(--zax-cyan);
}

.zax-platform-copy h2 {
    margin: 10px 0 14px;
    font-size: clamp(27px, 3.2vw, 44px);
    letter-spacing: -.055em;
    line-height: 1.06;
}

.zax-platform-copy > p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 12px;
    line-height: 1.75;
}

.zax-platform-copy ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 25px 0;
    padding: 0;
    list-style: none;
}

.zax-platform-copy li {
    display: flex;
    gap: 10px;
}

.zax-platform-copy li > .dashicons {
    flex: 0 0 auto;
    color: var(--zax-cyan);
}

.zax-platform-copy li span {
    display: flex;
    flex-direction: column;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-platform-copy li strong {
    color: var(--zax-text);
    font-size: 10px;
}

.zax-home-products {
    margin-bottom: 100px;
}

.zax-home-testimonials {
    margin-bottom: 90px;
    padding: 65px clamp(24px, 5vw, 70px);
    border: 1px solid var(--zax-line);
    border-radius: 21px;
    background: linear-gradient(145deg, rgba(154, 140, 255, .045), rgba(81, 230, 189, .035));
}

.zax-quote-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

.zax-quote-grid blockquote {
    min-height: 190px;
    margin: 0;
    padding: 22px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: var(--zax-panel);
}

.zax-quote-grid blockquote > p {
    min-height: 88px;
    margin: 0 0 20px;
    color: var(--zax-soft);
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 1.6;
}

.zax-quote-grid footer {
    display: flex;
    align-items: center;
    gap: 9px;
}

.zax-quote-grid footer > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
    font-size: 8px;
    font-weight: 800;
}

.zax-quote-grid footer > div {
    display: flex;
    flex-direction: column;
}

.zax-quote-grid footer strong { font-size: 10px; }
.zax-quote-grid footer small { color: var(--zax-muted); font-size: 8px; }

.zax-home-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: clamp(35px, 5vw, 65px);
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 21px;
    background:
        radial-gradient(circle at 92% 30%, rgba(81, 230, 189, .15), transparent 28%),
        linear-gradient(135deg, #0f382d, #0a201a);
}

.zax-home-cta h2 {
    max-width: 850px;
    margin: 7px 0 8px;
    color: #f3fbf8;
    font-size: clamp(27px, 3.2vw, 44px);
    letter-spacing: -.055em;
    line-height: 1.05;
}

.zax-home-cta p {
    margin: 0;
    color: #9fbab1;
    font-size: 11px;
}

.zax-home-cta > div:last-child {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

/* Public Home readiness intelligence */
.zax-home-readiness {
    position: relative;
    margin: clamp(58px, 7vw, 96px) 0;
    padding: clamp(24px, 4vw, 48px);
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 8% 0, rgba(154, 140, 255, .09), transparent 31%),
        radial-gradient(circle at 90% 7%, rgba(81, 230, 189, .11), transparent 29%),
        linear-gradient(145deg, rgba(15, 32, 27, .94), rgba(8, 19, 16, .96));
    box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 30px 80px rgba(0, 0, 0, .13);
    isolation: isolate;
}

.zax-home-readiness::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgba(81, 230, 189, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .025) 1px, transparent 1px);
    background-size: 42px 42px;
    content: "";
    mask-image: linear-gradient(135deg, #000, transparent 75%);
}

.zax-app[data-theme="light"] .zax-home-readiness {
    background:
        radial-gradient(circle at 8% 0, rgba(112, 92, 226, .09), transparent 31%),
        radial-gradient(circle at 90% 7%, rgba(14, 169, 125, .11), transparent 29%),
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(239, 247, 243, .96));
    box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 28px 70px rgba(23, 57, 48, .1);
}

.zax-readiness-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.zax-readiness-head > div:first-child {
    max-width: 760px;
}

.zax-readiness-head h2 {
    margin: 7px 0 9px;
    font-size: clamp(28px, 3.2vw, 46px);
    font-weight: 690;
    letter-spacing: -.055em;
    line-height: 1.04;
}

.zax-readiness-head p {
    max-width: 680px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 11px;
    line-height: 1.7;
}

.zax-readiness-score {
    display: grid;
    min-width: 155px;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2px 12px;
    padding: 15px 17px;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}

.zax-readiness-live {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: 7px;
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 780;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zax-readiness-live i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .08), 0 0 14px rgba(81, 230, 189, .55);
}

.zax-readiness-score > strong {
    font-size: 40px;
    font-weight: 650;
    letter-spacing: -.07em;
    line-height: 1;
}

.zax-readiness-score > strong small {
    margin-left: 4px;
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 650;
    letter-spacing: 0;
}

.zax-readiness-score > em {
    display: flex;
    align-items: center;
    gap: 1px;
    padding: 4px 6px;
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    font-size: 8px;
    font-style: normal;
    font-weight: 760;
}

.zax-readiness-score > em .dashicons {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.zax-readiness-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr);
    gap: 14px;
}

.zax-readiness-chart,
.zax-readiness-insights > article {
    border: 1px solid var(--zax-line);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .008)),
        rgba(7, 19, 16, .46);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.zax-app[data-theme="light"] .zax-readiness-chart,
.zax-app[data-theme="light"] .zax-readiness-insights > article,
.zax-app[data-theme="light"] .zax-readiness-score {
    background: rgba(255, 255, 255, .62);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92);
}

.zax-readiness-chart {
    min-width: 0;
    padding: clamp(18px, 2.5vw, 28px);
    overflow: hidden;
    border-radius: 18px;
}

.zax-readiness-chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.zax-readiness-chart-head > div:first-child {
    display: flex;
    flex-direction: column;
}

.zax-readiness-chart-head strong {
    font-size: 11px;
    font-weight: 720;
}

.zax-readiness-chart-head small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-readiness-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.zax-readiness-legend span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-readiness-legend i {
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background: var(--zax-cyan);
}

.zax-readiness-legend span:last-child i {
    height: 1px;
    background: var(--zax-violet);
    opacity: .72;
}

.zax-readiness-plot {
    width: 100%;
    margin-top: 18px;
}

.zax-readiness-plot svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.zax-readiness-grid line {
    stroke: var(--zax-line);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.zax-readiness-target {
    stroke: var(--zax-violet);
    stroke-width: 1;
    stroke-dasharray: 5 7;
    opacity: .42;
    vector-effect: non-scaling-stroke;
}

.zax-readiness-area {
    fill: url("#zax-readiness-fill");
}

.zax-readiness-line {
    fill: none;
    stroke: url("#zax-readiness-line");
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    filter: drop-shadow(0 4px 7px rgba(81, 230, 189, .24));
    vector-effect: non-scaling-stroke;
}

.zax-readiness-points circle {
    fill: var(--zax-panel-solid);
    stroke: var(--zax-cyan);
    stroke-width: 2;
    transform-box: fill-box;
    transform-origin: center;
    vector-effect: non-scaling-stroke;
}

.zax-readiness-points .is-current {
    fill: var(--zax-cyan);
    stroke: rgba(81, 230, 189, .3);
    stroke-width: 8;
}

.zax-readiness-labels text {
    fill: var(--zax-muted);
    font: 700 9px var(--zax-font);
    text-anchor: middle;
}

.zax-readiness-labels text:first-child {
    text-anchor: start;
}

.zax-readiness-labels text:last-child {
    text-anchor: end;
}

.zax-readiness-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 13px;
    padding-top: 15px;
    border-top: 1px solid var(--zax-line);
}

.zax-readiness-metrics > span {
    display: grid;
    grid-template-columns: 7px 1fr;
    align-items: center;
    gap: 4px 7px;
}

.zax-readiness-metrics i {
    width: 6px;
    height: 6px;
    grid-row: 1 / 3;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 10px rgba(81, 230, 189, .42);
}

.zax-readiness-metrics > span:nth-child(2) i {
    background: var(--zax-violet);
    box-shadow: 0 0 10px rgba(154, 140, 255, .4);
}

.zax-readiness-metrics > span:nth-child(3) i {
    background: var(--zax-amber);
    box-shadow: 0 0 10px rgba(244, 184, 90, .38);
}

.zax-readiness-metrics small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-readiness-metrics strong {
    font-size: 10px;
}

.zax-readiness-insights {
    display: grid;
    min-width: 0;
    gap: 9px;
}

.zax-readiness-insights > article {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: start;
    gap: 11px;
    padding: 16px;
    border-radius: 14px;
}

.zax-readiness-insights > article > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-readiness-insights > article:nth-child(2) > span {
    border-color: rgba(154, 140, 255, .17);
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .055);
}

.zax-readiness-insights > article:nth-child(3) > span {
    border-color: rgba(244, 184, 90, .17);
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .055);
}

.zax-readiness-insights > article > span .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-readiness-insights > article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-readiness-insights small {
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 730;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-readiness-insights strong {
    margin-top: 3px;
    font-size: 9px;
}

.zax-readiness-insights p {
    margin: 6px 0 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-readiness-insights em {
    color: var(--zax-cyan);
    font-size: 9px;
    font-style: normal;
    font-weight: 760;
}

.zax-readiness-next button {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .035);
    cursor: pointer;
}

.zax-readiness-next button .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.zax-chart-animated .zax-readiness-line {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}

.zax-chart-animated .zax-readiness-area {
    opacity: 0;
    transform: scaleY(0);
    transform-box: fill-box;
    transform-origin: bottom;
}

.zax-chart-animated .zax-readiness-points circle {
    opacity: 0;
    transform: scale(0);
}

.zax-chart-animated.is-chart-visible .zax-readiness-line {
    animation: zax-readiness-draw 1.35s cubic-bezier(.35, .02, .18, 1) .12s both;
}

.zax-chart-animated.is-chart-visible .zax-readiness-area {
    animation: zax-readiness-area-in .9s ease .5s both;
}

.zax-chart-animated.is-chart-visible .zax-readiness-points circle {
    animation: zax-readiness-point .38s cubic-bezier(.2, .85, .25, 1.35) both;
}

.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(1) { animation-delay: .28s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(2) { animation-delay: .4s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(3) { animation-delay: .52s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(4) { animation-delay: .64s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(5) { animation-delay: .76s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(6) { animation-delay: .88s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(7) { animation-delay: 1s; }
.zax-chart-animated.is-chart-visible .zax-readiness-points circle:nth-child(8) { animation-delay: 1.12s; }

@keyframes zax-readiness-draw {
    to { stroke-dashoffset: 0; }
}

@keyframes zax-readiness-area-in {
    from { opacity: 0; transform: scaleY(0); }
    to { opacity: 1; transform: scaleY(1); }
}

@keyframes zax-readiness-point {
    from { opacity: 0; transform: scale(0); }
    to { opacity: 1; transform: scale(1); }
}

/* Shared public site footer */
.zax-site-footer {
    display: none;
    width: 100%;
    padding: 0 clamp(18px, 3.4vw, 54px) 36px;
}

.zax-app.is-public-view .zax-site-footer {
    display: block;
}

.zax-footer-shell {
    max-width: 1680px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 5%, rgba(81, 230, 189, .09), transparent 25%),
        linear-gradient(145deg, rgba(13, 29, 24, .97), rgba(7, 17, 14, .98));
    box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 28px 70px rgba(0, 0, 0, .14);
}

.zax-app[data-theme="light"] .zax-footer-shell {
    background:
        radial-gradient(circle at 90% 5%, rgba(14, 169, 125, .1), transparent 25%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(237, 246, 241, .97));
    box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 25px 60px rgba(23, 57, 48, .09);
}

.zax-footer-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: clamp(28px, 4vw, 48px);
    border-bottom: 1px solid var(--zax-line);
    background: linear-gradient(115deg, rgba(81, 230, 189, .045), transparent 48%, rgba(154, 140, 255, .045));
}

.zax-footer-cta-copy {
    max-width: 780px;
}

.zax-footer-cta h2 {
    margin: 7px 0 8px;
    font-size: clamp(25px, 2.8vw, 39px);
    font-weight: 680;
    letter-spacing: -.05em;
    line-height: 1.04;
}

.zax-footer-cta p {
    max-width: 670px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.7;
}

.zax-footer-cta-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.zax-footer-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.25fr) repeat(2, minmax(140px, .58fr)) minmax(230px, .9fr);
    gap: clamp(26px, 4vw, 58px);
    padding: clamp(30px, 4vw, 52px);
}

.zax-footer-brand {
    min-width: 0;
}

.zax-footer-brand-head {
    display: flex;
    align-items: center;
    gap: 11px;
}

.zax-footer-brand-head > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-footer-brand-head strong {
    font-size: 12px;
}

.zax-footer-brand-head small {
    margin-top: 2px;
    color: var(--zax-muted);
    font-size: 7px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.zax-footer-brand > p {
    max-width: 360px;
    margin: 16px 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.7;
}

.zax-footer-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--zax-soft);
    font-size: 8px;
}

.zax-footer-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .07), 0 0 12px rgba(81, 230, 189, .5);
}

.zax-footer-links {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}

.zax-footer-links > strong {
    margin-bottom: 8px;
    color: var(--zax-soft);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zax-footer-links button,
.zax-footer-bottom button {
    padding: 5px 0;
    border: 0;
    color: var(--zax-muted);
    background: transparent;
    font-family: inherit;
    font-size: 9px;
    text-align: left;
    cursor: pointer;
    transition: color .18s ease, transform .18s ease;
}

.zax-footer-links button:hover,
.zax-footer-bottom button:hover {
    color: var(--zax-cyan);
    transform: translateX(2px);
}

.zax-footer-support {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: rgba(255, 255, 255, .027);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.zax-app[data-theme="light"] .zax-footer-support {
    background: rgba(255, 255, 255, .58);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92);
}

.zax-footer-support-icon {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-footer-support-icon .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-footer-support > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-footer-support strong {
    margin: 4px 0 7px;
    font-size: 10px;
}

.zax-footer-support a {
    overflow: hidden;
    color: var(--zax-cyan);
    font-size: 8px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-footer-support .zax-footer-telegram {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    color: #48bdf1;
}

.zax-footer-support .zax-footer-telegram .zax-telegram-icon {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
}

.zax-footer-support small {
    margin-top: 7px;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px clamp(30px, 4vw, 52px);
    border-top: 1px solid var(--zax-line);
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-footer-bottom nav {
    display: flex;
    align-items: center;
    gap: 14px;
}

.zax-footer-bottom button {
    font-size: 7px;
}

.zax-footer-developer {
    color: var(--zax-soft);
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
}

.zax-footer-trust {
    display: flex;
    align-items: center;
    gap: 6px;
    text-align: right;
}

.zax-footer-trust .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-cyan);
    font-size: 13px;
}

@media (max-width: 1100px) {
    .zax-readiness-layout {
        grid-template-columns: 1fr;
    }

    .zax-readiness-insights {
        grid-template-columns: repeat(3, 1fr);
    }

    .zax-readiness-insights > article {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .zax-readiness-insights em,
    .zax-readiness-next button {
        grid-column: 2;
    }

    .zax-footer-grid {
        grid-template-columns: minmax(240px, 1.2fr) repeat(2, minmax(130px, .6fr));
    }

    .zax-footer-support {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .zax-readiness-head {
        align-items: stretch;
        flex-direction: column;
    }

    .zax-readiness-score {
        width: 100%;
        max-width: none;
    }

    .zax-readiness-insights {
        grid-template-columns: 1fr;
    }

    .zax-readiness-insights > article {
        grid-template-columns: 34px minmax(0, 1fr) auto;
    }

    .zax-readiness-insights em,
    .zax-readiness-next button {
        grid-column: auto;
    }

    .zax-footer-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .zax-footer-cta-actions {
        justify-content: flex-start;
    }

    .zax-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .zax-footer-brand,
    .zax-footer-support {
        grid-column: 1 / -1;
    }

    .zax-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .zax-footer-trust {
        text-align: left;
    }
}

@media (max-width: 520px) {
    .zax-app.is-public-view .zax-main {
        padding-bottom: 30px;
    }

    .zax-home-readiness {
        margin-right: -16px;
        margin-left: -16px;
        padding: 24px 16px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-readiness-chart {
        padding: 16px 13px;
    }

    .zax-readiness-chart-head {
        flex-direction: column;
    }

    .zax-readiness-legend {
        justify-content: flex-start;
    }

    .zax-readiness-metrics {
        gap: 12px;
    }

    .zax-readiness-metrics > span {
        grid-template-columns: 1fr;
    }

    .zax-readiness-metrics i {
        grid-row: auto;
    }

    .zax-readiness-labels text {
        font-size: 8px;
    }

    .zax-site-footer {
        padding: 0 0 calc(92px + env(safe-area-inset-bottom));
    }

    .zax-footer-shell {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-footer-cta,
    .zax-footer-grid {
        padding: 27px 20px;
    }

    .zax-footer-cta-actions {
        width: 100%;
    }

    .zax-footer-cta-actions .zax-button {
        width: 100%;
        justify-content: center;
    }

    .zax-footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .zax-footer-brand,
    .zax-footer-support {
        grid-column: auto;
    }

    .zax-footer-bottom {
        padding: 19px 20px;
    }

    .zax-balance-body {
        padding-right: 17px;
        padding-left: 17px;
    }

    .zax-balance-numbers {
        grid-template-columns: 1fr;
    }

    .zax-balance-numbers > span {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .zax-balance-body .zax-modal-footer {
        display: grid;
        grid-template-columns: 1fr;
    }

    .zax-balance-body .zax-modal-footer .zax-button {
        width: 100%;
        justify-content: center;
    }

    .zax-balance-body .zax-modal-footer [data-topup-shortfall] {
        grid-row: 1;
    }

    .zax-balance-body .zax-modal-footer [data-close-modal] {
        grid-row: 2;
    }
}

/* Dashboard charts and animated lead card */
.zax-hero-scan {
    position: absolute;
    z-index: 1;
    top: -35%;
    right: 6%;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent 0 75%, rgba(81, 230, 189, .17) 93%, transparent 100%);
    animation: zax-radar-spin 5.5s linear infinite;
}

.zax-data-streams {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
}

.zax-data-streams i {
    position: absolute;
    top: -30px;
    width: 1px;
    height: 26px;
    background: linear-gradient(transparent, var(--zax-cyan));
    animation: zax-data-fall 3.8s linear infinite;
}

.zax-data-streams i:nth-child(1) { left: 58%; }
.zax-data-streams i:nth-child(2) { left: 67%; animation-delay: -1s; }
.zax-data-streams i:nth-child(3) { left: 76%; animation-delay: -2.1s; }
.zax-data-streams i:nth-child(4) { left: 85%; animation-delay: -.5s; }
.zax-data-streams i:nth-child(5) { left: 92%; animation-delay: -2.8s; }

.zax-orbit {
    animation: zax-orbit-pulse 4.8s ease-in-out infinite;
}

.zax-orbit::before {
    animation: zax-ring-spin 9s linear infinite;
}

.zax-orbit > span {
    animation: zax-shield-pulse 3s ease-in-out infinite;
}

@keyframes zax-radar-spin { to { transform: rotate(360deg); } }
@keyframes zax-data-fall { 0% { transform: translateY(-30px); opacity: 0; } 20% { opacity: .7; } 100% { transform: translateY(330px); opacity: 0; } }
@keyframes zax-orbit-pulse { 50% { border-color: rgba(81, 230, 189, .38); box-shadow: 0 0 50px rgba(81, 230, 189, .08); } }
@keyframes zax-ring-spin { to { transform: rotate(360deg); } }
@keyframes zax-shield-pulse { 50% { box-shadow: 0 0 55px rgba(81, 230, 189, .28); } }

.zax-dashboard-charts {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
    gap: 15px;
    margin-bottom: 15px;
}

.zax-dashboard-charts > article,
.zax-dashboard-detail-grid > article {
    padding: 22px;
}

.zax-chart-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.zax-chart-summary strong {
    color: var(--zax-cyan);
    font-size: 16px;
}

.zax-chart-summary small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-learning-chart-plot {
    display: grid;
    height: 240px;
    grid-template-columns: 30px 1fr;
    gap: 8px;
    margin-top: 22px;
}

.zax-chart-y {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 23px;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-chart-columns {
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: clamp(6px, 1.5vw, 18px);
    align-items: end;
    padding: 0 8px 24px;
    border-bottom: 1px solid var(--zax-line);
    background-image: linear-gradient(var(--zax-line) 1px, transparent 1px);
    background-size: 100% 25%;
}

.zax-chart-columns > span {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}

.zax-chart-columns > span > i {
    width: min(32px, 65%);
    height: var(--bar);
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(to top, rgba(81, 230, 189, .18), rgba(81, 230, 189, .78));
    animation: zax-chart-grow .9s cubic-bezier(.2,.8,.2,1) both;
    transform-origin: bottom;
}

.zax-chart-columns > span > b {
    position: absolute;
    bottom: var(--point);
    width: 8px;
    height: 8px;
    border: 2px solid var(--zax-panel-solid);
    border-radius: 50%;
    background: var(--zax-violet);
    box-shadow: 0 0 0 3px rgba(154, 140, 255, .12);
}

.zax-chart-columns > span > small {
    position: absolute;
    bottom: -21px;
    color: var(--zax-muted);
    font-size: 7px;
}

@keyframes zax-chart-grow { from { transform: scaleY(0); } }

.zax-chart-animated .zax-score-ring {
    opacity: 0;
    transform: scale(.72) rotate(-14deg);
}

.zax-chart-animated.is-chart-visible .zax-score-ring {
    animation: zax-chart-ring-in .8s cubic-bezier(.2, .82, .2, 1) .08s both;
}

.zax-chart-animated .zax-chart-columns > span > i,
.zax-chart-animated .zax-chart-bars > i {
    animation: none;
    transform: scaleY(0);
    transform-origin: bottom;
}

.zax-chart-animated.is-chart-visible .zax-chart-columns > span > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i {
    animation: zax-chart-grow .78s cubic-bezier(.2, .82, .2, 1) both;
}

.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(2) > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(2) { animation-delay: .06s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(3) > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(3) { animation-delay: .12s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(4) > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(4) { animation-delay: .18s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(5) > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(5) { animation-delay: .24s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(6) > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(6) { animation-delay: .3s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(7) > i,
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(7) { animation-delay: .36s; }
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(8) { animation-delay: .42s; }
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(9) { animation-delay: .48s; }
.zax-chart-animated.is-chart-visible .zax-chart-bars > i:nth-child(10) { animation-delay: .54s; }

.zax-chart-animated .zax-chart-columns > span > b {
    opacity: 0;
    transform: translateY(10px) scale(.5);
}

.zax-chart-animated.is-chart-visible .zax-chart-columns > span > b {
    animation: zax-chart-point-in .45s cubic-bezier(.2, .82, .2, 1) .45s both;
}

.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(2) > b { animation-delay: .5s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(3) > b { animation-delay: .55s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(4) > b { animation-delay: .6s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(5) > b { animation-delay: .65s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(6) > b { animation-delay: .7s; }
.zax-chart-animated.is-chart-visible .zax-chart-columns > span:nth-child(7) > b { animation-delay: .75s; }

.zax-chart-animated .zax-chart-summary,
.zax-chart-animated .zax-skill-legend {
    opacity: 0;
    transform: translateY(8px);
}

.zax-chart-animated.is-chart-visible .zax-chart-summary,
.zax-chart-animated.is-chart-visible .zax-skill-legend {
    animation: zax-chart-fade-up .55s ease .35s both;
}

.zax-chart-animated .zax-skill-donut,
.zax-chart-animated .zax-certificate-ring {
    opacity: 0;
    transform: scale(.72) rotate(-22deg);
}

.zax-chart-animated.is-chart-visible .zax-skill-donut,
.zax-chart-animated.is-chart-visible .zax-certificate-ring {
    animation: zax-chart-donut-in .85s cubic-bezier(.2, .82, .2, 1) .08s both;
}

.zax-chart-animated .zax-platform-bars i {
    transform: scaleX(0);
    transform-origin: left;
}

.zax-chart-animated.is-chart-visible .zax-platform-bars i {
    animation: zax-chart-width-in .75s cubic-bezier(.2, .82, .2, 1) both;
}

.zax-chart-animated.is-chart-visible .zax-platform-bars i:nth-child(2) { animation-delay: .08s; }
.zax-chart-animated.is-chart-visible .zax-platform-bars i:nth-child(3) { animation-delay: .16s; }
.zax-chart-animated.is-chart-visible .zax-platform-bars i:nth-child(4) { animation-delay: .24s; }

@keyframes zax-chart-ring-in {
    from { opacity: 0; transform: scale(.72) rotate(-14deg); }
    to { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes zax-chart-point-in {
    from { opacity: 0; transform: translateY(10px) scale(.5); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes zax-chart-fade-up {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes zax-chart-donut-in {
    from { opacity: 0; transform: scale(.72) rotate(-22deg); }
    to { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes zax-chart-width-in {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.zax-chart-legend {
    display: flex;
    gap: 16px;
    margin: 13px 0 0 38px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-chart-legend span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.zax-chart-legend i {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.zax-legend-bar { background: var(--zax-cyan); }
.zax-legend-point { border-radius: 50% !important; background: var(--zax-violet); }

.zax-skill-donut {
    display: grid;
    width: 150px;
    height: 150px;
    place-items: center;
    margin: 24px auto 18px;
    border-radius: 50%;
    background:
        radial-gradient(circle closest-side, var(--zax-panel-solid) 72%, transparent 74%),
        conic-gradient(var(--zax-cyan) 0 32%, var(--zax-violet) 32% 59%, var(--zax-amber) 59% 82%, #4d83ee 82% 100%);
    box-shadow: 0 0 45px rgba(81, 230, 189, .06);
}

.zax-skill-donut > div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.zax-skill-donut strong {
    font-size: 33px;
    letter-spacing: -.06em;
}

.zax-skill-donut small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-skill-legend {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.zax-skill-legend span {
    display: grid;
    grid-template-columns: 7px 1fr auto;
    align-items: center;
    gap: 7px;
}

.zax-skill-legend i {
    width: 6px;
    height: 6px;
    border-radius: 2px;
}

.skill-threat { background: var(--zax-cyan); }
.skill-network { background: var(--zax-violet); }
.skill-web { background: var(--zax-amber); }
.skill-incident { background: #4d83ee; }
.zax-skill-legend b { font-size: 8px; font-weight: 650; }
.zax-skill-legend em { color: var(--zax-muted); font-size: 8px; font-style: normal; }

.zax-dashboard-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 15px;
    margin-bottom: 40px;
}

.zax-path-list,
.zax-activity-timeline {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 16px;
}

.zax-path-list > button {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto 16px;
    align-items: center;
    gap: 10px;
    padding: 11px 4px;
    border: 0;
    border-bottom: 1px solid var(--zax-line);
    color: var(--zax-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.zax-path-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-path-violet { border-color: rgba(154, 140, 255, .2); color: var(--zax-violet); background: rgba(154, 140, 255, .06); }
.zax-path-amber { border-color: rgba(244, 184, 90, .2); color: var(--zax-amber); background: rgba(244, 184, 90, .06); }

.zax-path-list > button > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-path-list strong { font-size: 9px; }
.zax-path-list small { color: var(--zax-muted); font-size: 7px; }
.zax-path-list span > i { display: block; height: 3px; margin-top: 6px; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,.06); }
.zax-path-list span > i em { display: block; height: 100%; border-radius: inherit; background: var(--zax-cyan); transform-origin: left; }
.zax-path-list > button:nth-child(2) span > i em { background: var(--zax-violet); }
.zax-path-list > button:nth-child(3) span > i em { background: var(--zax-amber); }
.zax-chart-animated .zax-path-list span > i em { transform: scaleX(0); }
.zax-chart-animated.is-chart-visible .zax-path-list span > i em { animation: zax-path-progress-in .95s cubic-bezier(.2, .82, .2, 1) .12s both; }
.zax-chart-animated.is-chart-visible .zax-path-list > button:nth-child(2) span > i em { animation-delay: .25s; }
.zax-chart-animated.is-chart-visible .zax-path-list > button:nth-child(3) span > i em { animation-delay: .38s; }
.zax-path-list > button > b { color: var(--zax-soft); font-size: 8px; }
.zax-path-list > button > .dashicons { width: 14px; height: 14px; color: var(--zax-muted); font-size: 14px; }

@keyframes zax-path-progress-in {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.zax-activity-timeline > span {
    position: relative;
    display: flex;
    gap: 10px;
    padding: 9px 0 9px 38px;
}

.zax-activity-timeline > span::before {
    position: absolute;
    top: 39px;
    bottom: -10px;
    left: 14px;
    width: 1px;
    background: var(--zax-line);
    content: "";
}

.zax-activity-timeline > span:last-child::before { display: none; }

.zax-activity-timeline > span > i {
    position: absolute;
    top: 7px;
    left: 0;
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-activity-timeline > span > i .dashicons { width: 15px; height: 15px; font-size: 15px; }
.zax-activity-timeline > span > div { display: flex; flex-direction: column; }
.zax-activity-timeline strong { font-size: 9px; }
.zax-activity-timeline small { color: var(--zax-muted); font-size: 7px; }

/* Animated software and course cards */
.zax-software-animation,
.zax-course-animation {
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
}

.zax-software-animation::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(81, 230, 189, .13);
    border-radius: 50%;
    content: "";
    transform: translate(-50%, -50%);
    animation: zax-card-ring 3.8s ease-in-out infinite;
}

.zax-software-animation::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: conic-gradient(transparent 0 70%, rgba(81, 230, 189, .18) 92%, transparent);
    content: "";
    transform: translate(-50%, -50%);
    animation: zax-card-radar 4.5s linear infinite;
}

.zax-software-animation i {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 8px var(--zax-cyan);
    animation: zax-node-blink 2.3s ease-in-out infinite;
}

.zax-software-animation i:nth-child(1) { top: 25%; left: 30%; }
.zax-software-animation i:nth-child(2) { top: 34%; right: 25%; animation-delay: -.8s; }
.zax-software-animation i:nth-child(3) { right: 35%; bottom: 20%; animation-delay: -1.5s; }

.zax-software-animation b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(81, 230, 189, .38), transparent);
    animation: zax-card-scan 3.2s ease-in-out infinite;
}

.zax-course-animation i {
    position: absolute;
    left: 17%;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, rgba(154, 140, 255, .25), transparent);
    animation: zax-course-line 3s ease-in-out infinite;
}

.zax-course-animation i:nth-child(1) { top: 27%; width: 25%; }
.zax-course-animation i:nth-child(2) { top: 50%; right: 13%; left: auto; width: 28%; animation-delay: -1s; }
.zax-course-animation i:nth-child(3) { bottom: 22%; width: 34%; animation-delay: -2s; }

@keyframes zax-card-ring { 50% { width: 108px; height: 108px; opacity: .4; } }
@keyframes zax-card-radar { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes zax-node-blink { 50% { opacity: .22; transform: scale(.7); } }
@keyframes zax-card-scan { 0%, 100% { top: 10%; opacity: 0; } 45%, 55% { opacity: 1; } 90% { top: 90%; opacity: 0; } }
@keyframes zax-course-line { 50% { transform: translateX(18px); opacity: .25; } }

/* Professional profile */
.zax-profile-locked {
    display: flex;
    min-height: 620px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px;
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background: radial-gradient(circle at center, rgba(81, 230, 189, .08), transparent 37%), var(--zax-panel);
    text-align: center;
}

.zax-profile-locked > span {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid rgba(81, 230, 189, .25);
    border-radius: 20px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
}

.zax-profile-locked > span .dashicons { width: 33px; height: 33px; font-size: 33px; }
.zax-profile-locked h1 { max-width: 720px; margin: 10px 0; font-size: clamp(32px, 4vw, 52px); letter-spacing: -.055em; line-height: 1.04; }
.zax-profile-locked p { max-width: 600px; margin: 0 0 23px; color: var(--zax-muted); font-size: 11px; }

.zax-profile-cover {
    position: relative;
    display: grid;
    min-height: 250px;
    grid-template-columns: 116px minmax(0, 1fr) auto;
    align-items: end;
    gap: 23px;
    overflow: hidden;
    padding: 37px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 20px;
    background:
        radial-gradient(circle at 79% 32%, rgba(154, 140, 255, .14), transparent 23%),
        linear-gradient(135deg, rgba(14, 54, 43, .96), rgba(9, 24, 20, .98));
}

.zax-profile-cover-pattern {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(81, 230, 189, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .035) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(90deg, transparent, #000);
}

.zax-profile-avatar-large {
    position: relative;
    z-index: 2;
    display: grid;
    width: 108px;
    height: 108px;
    place-items: center;
    border: 3px solid rgba(255, 255, 255, .78);
    border-radius: 29px;
    color: #082019;
    background: linear-gradient(145deg, #8af7d7, #35c89d);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
    font-size: 38px;
    font-weight: 850;
}

.zax-profile-avatar-large > i {
    position: absolute;
    right: -7px;
    bottom: -7px;
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border: 3px solid #0a1c17;
    border-radius: 50%;
    color: #082019;
    background: var(--zax-cyan);
}

.zax-profile-avatar-large > i .dashicons { width: 14px; height: 14px; font-size: 14px; }

.zax-profile-identity {
    position: relative;
    z-index: 2;
}

.zax-profile-identity h1 {
    margin: 5px 0 3px;
    color: #f3faf7;
    font-size: clamp(30px, 4vw, 48px);
    letter-spacing: -.05em;
    line-height: 1;
}

.zax-profile-identity > p {
    max-width: 680px;
    margin: 0;
    color: #9eb9b0;
    font-size: 10px;
}

.zax-profile-identity > div {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 14px;
}

.zax-profile-identity > div span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #aac0b9;
    font-size: 8px;
}

.zax-profile-identity > div .dashicons { width: 13px; height: 13px; color: #72ddbd; font-size: 13px; }
.zax-profile-cover > .zax-button { position: relative; z-index: 2; align-self: end; }

.zax-profile-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 11px;
    margin: 15px 0;
}

.zax-profile-stat-grid article {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: var(--zax-panel);
}

.zax-profile-stat-grid article > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(81,230,189,.15);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81,230,189,.05);
}

.zax-profile-stat-grid article > div { display: flex; min-width: 0; flex-direction: column; }
.zax-profile-stat-grid small, .zax-profile-stat-grid em { color: var(--zax-muted); font-size: 7px; font-style: normal; }
.zax-profile-stat-grid strong { font-size: 18px; letter-spacing: -.04em; }
.zax-profile-stat-grid button { padding: 0; border: 0; color: var(--zax-cyan); background: none; font-size: 7px; text-align: left; cursor: pointer; }

.zax-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
    gap: 15px;
}

.zax-profile-form,
.zax-profile-side > article,
.zax-profile-bottom-grid > article {
    padding: 23px;
}

.zax-profile-completion {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 3px solid rgba(81,230,189,.2);
    border-top-color: var(--zax-cyan);
    border-radius: 50%;
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 800;
}

.zax-profile-completion-bar {
    height: 3px;
    margin: 17px 0 5px;
    overflow: hidden;
    border-radius: 3px;
    background: rgba(255,255,255,.06);
}

.zax-profile-completion-bar i { display: block; height: 100%; background: linear-gradient(90deg,var(--zax-cyan-deep),var(--zax-cyan)); }
.zax-profile-side { display: flex; flex-direction: column; gap: 15px; }
.zax-secure-ring { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(81,230,189,.18); border-radius: 50%; color: var(--zax-cyan); background: rgba(81,230,189,.06); }

.zax-profile-detail-list {
    display: flex;
    flex-direction: column;
    margin: 14px 0;
}

.zax-profile-detail-list > span {
    display: grid;
    grid-template-columns: 6px minmax(0,1fr) 17px;
    align-items: center;
    gap: 9px;
    padding: 10px 0;
    border-bottom: 1px solid var(--zax-line);
}

.zax-profile-detail-list > span > i { width: 6px; height: 6px; border-radius: 50%; }
.zax-profile-detail-list > span > i.is-good { background: var(--zax-cyan); box-shadow: 0 0 8px var(--zax-cyan); }
.zax-profile-detail-list > span > i.is-warn { background: var(--zax-amber); }
.zax-profile-detail-list > span > div { display: flex; min-width: 0; flex-direction: column; }
.zax-profile-detail-list strong { font-size: 9px; }
.zax-profile-detail-list small { overflow: hidden; color: var(--zax-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.zax-profile-detail-list > span > .dashicons { width: 15px; height: 15px; color: var(--zax-muted); font-size: 15px; }

.zax-achievement-row {
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--zax-line);
}

.zax-achievement-row > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(244,184,90,.2); border-radius: 9px; color: var(--zax-amber); background: rgba(244,184,90,.06); }
.zax-achievement-row > div { display: flex; flex-direction: column; }
.zax-achievement-row strong { font-size: 9px; }
.zax-achievement-row small { color: var(--zax-muted); font-size: 7px; }
.zax-achievement-row.is-locked { opacity: .48; }

.zax-profile-bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 15px;
    margin-top: 15px;
}

.zax-skill-list,
.zax-profile-activity {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 17px;
}

.zax-skill-list > span label { display: flex; justify-content: space-between; margin-bottom: 5px; color: var(--zax-soft); font-size: 8px; }
.zax-skill-list > span label b { color: var(--zax-cyan); }
.zax-skill-list > span > i { display: block; height: 5px; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.06); }
.zax-skill-list > span > i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--zax-cyan-deep),var(--zax-cyan)); }

.zax-profile-activity > span { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--zax-line); }
.zax-profile-activity > span > i { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(81,230,189,.14); border-radius: 8px; color: var(--zax-cyan); background: rgba(81,230,189,.05); }
.zax-profile-activity > span > div { display: flex; flex-direction: column; }
.zax-profile-activity strong { font-size: 9px; }
.zax-profile-activity small { color: var(--zax-muted); font-size: 7px; }

/* About, contact, and legal pages */
.zax-about-hero {
    display: grid;
    min-height: 380px;
    grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr);
    align-items: center;
    gap: 50px;
    padding: clamp(35px,6vw,80px);
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 21px;
    background: radial-gradient(circle at 85% 50%, rgba(81,230,189,.13), transparent 28%), var(--zax-panel);
}

.zax-about-hero h1,
.zax-contact-hero h1,
.zax-policy-hero h1 {
    max-width: 950px;
    margin: 10px 0 14px;
    font-size: clamp(34px,4vw,56px);
    font-weight: 670;
    letter-spacing: -.065em;
    line-height: 1;
}

.zax-about-hero p,
.zax-contact-hero p,
.zax-policy-hero p {
    max-width: 800px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 12px;
    line-height: 1.75;
}

.zax-about-mark {
    position: relative;
    display: grid;
    width: 230px;
    height: 230px;
    place-items: center;
    justify-self: center;
    border: 1px solid rgba(81,230,189,.18);
    border-radius: 50%;
    box-shadow: 0 0 0 30px rgba(81,230,189,.025), 0 0 0 60px rgba(81,230,189,.015);
}

.zax-about-mark span { display: grid; width: 100px; height: 100px; place-items: center; border: 1px solid rgba(81,230,189,.35); border-radius: 28px; color: #082019; background: linear-gradient(145deg,#83f5d4,#32c99d); box-shadow: 0 20px 60px rgba(81,230,189,.2); font-size: 44px; font-weight: 900; transform: rotate(45deg); }
.zax-about-mark span::first-letter { transform: rotate(-45deg); }
.zax-about-mark i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--zax-cyan); box-shadow: 0 0 12px var(--zax-cyan); }
.zax-about-mark i:nth-of-type(1) { top: 12%; left: 25%; }
.zax-about-mark i:nth-of-type(2) { right: 7%; bottom: 42%; }
.zax-about-mark i:nth-of-type(3) { bottom: 9%; left: 40%; }

.zax-about-metrics {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 15px 0 75px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: var(--zax-panel);
}

.zax-about-metrics span { display: flex; min-height: 110px; align-items: center; justify-content: center; flex-direction: column; border-right: 1px solid var(--zax-line); text-align: center; }
.zax-about-metrics span:last-child { border-right: 0; }
.zax-about-metrics strong { font-size: 28px; letter-spacing: -.05em; }
.zax-about-metrics small { max-width: 150px; color: var(--zax-muted); font-size: 8px; }

.zax-about-story {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,.9fr);
    gap: clamp(35px,7vw,100px);
    margin-bottom: 80px;
}

.zax-about-story h2 { margin: 8px 0 0; font-size: clamp(27px,3.2vw,44px); letter-spacing: -.055em; line-height: 1.06; }
.zax-about-story p { margin: 0 0 16px; color: var(--zax-muted); font-size: 12px; line-height: 1.8; }

.zax-about-journey {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 58px;
}

.zax-about-journey article {
    position: relative;
    min-height: 218px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .045), transparent 46%), var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-about-journey article::after {
    position: absolute;
    right: -38px;
    bottom: -48px;
    width: 125px;
    height: 125px;
    border: 1px solid rgba(81, 230, 189, .1);
    border-radius: 50%;
    content: "";
}

.zax-about-journey article > span {
    color: var(--zax-cyan);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

.zax-about-journey article > i {
    display: grid;
    width: 45px;
    height: 45px;
    margin: 21px 0 20px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
    font-style: normal;
}

.zax-about-journey h3 { margin: 0 0 8px; font-size: 15px; letter-spacing: -.03em; }
.zax-about-journey p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.75; }

.zax-about-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 58px;
}

.zax-about-detail-grid > article { padding: clamp(25px, 3vw, 40px); }
.zax-about-detail-grid h2 { max-width: 540px; margin: 8px 0 21px; font-size: clamp(22px, 2.4vw, 31px); letter-spacing: -.045em; line-height: 1.12; }
.zax-about-detail-grid p { color: var(--zax-muted); font-size: 11px; line-height: 1.8; }

.zax-about-audience {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zax-about-audience > span {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
}

.zax-about-audience > span > .dashicons { color: var(--zax-cyan); }
.zax-about-audience div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.zax-about-audience strong { font-size: 11px; }
.zax-about-audience small { color: var(--zax-muted); font-size: 9px; line-height: 1.55; }

.zax-about-trust {
    background: radial-gradient(circle at 92% 8%, rgba(154, 140, 255, .13), transparent 32%), var(--zax-panel);
}

.zax-about-trust ul {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.zax-about-trust li {
    position: relative;
    padding-left: 23px;
    color: var(--zax-soft);
    font-size: 10px;
    line-height: 1.65;
}

.zax-about-trust li::before {
    position: absolute;
    top: 4px;
    left: 0;
    display: grid;
    width: 14px;
    height: 14px;
    place-items: center;
    border-radius: 50%;
    color: #06271d;
    background: var(--zax-cyan);
    content: "✓";
    font-size: 8px;
    font-weight: 900;
}

.zax-values-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 13px;
    margin-bottom: 75px;
}

.zax-values-grid article { min-height: 230px; padding: 24px; border: 1px solid var(--zax-line); border-radius: 15px; background: var(--zax-panel); }
.zax-values-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(81,230,189,.18); border-radius: 11px; color: var(--zax-cyan); background: rgba(81,230,189,.06); }
.zax-values-grid h3 { margin: 22px 0 8px; font-size: 15px; }
.zax-values-grid p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.7; }

.zax-about-commitment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: clamp(35px,5vw,65px);
    border: 1px solid rgba(81,230,189,.2);
    border-radius: 20px;
    background: linear-gradient(135deg,rgba(16,58,47,.94),rgba(8,26,21,.98));
}

.zax-about-commitment h2 { max-width: 760px; margin: 7px 0 8px; color: #f4fbf8; font-size: clamp(27px,3.2vw,44px); letter-spacing: -.055em; line-height: 1.05; }
.zax-about-commitment p { max-width: 770px; margin: 0; color: #9bb8ae; font-size: 10px; }
.zax-about-commitment > div:last-child { display: flex; flex: 0 0 auto; gap: 8px; }

.zax-contact-hero {
    max-width: 960px;
    margin: 20px auto 55px;
    text-align: center;
}

.zax-contact-layout {
    display: grid;
    grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr);
    gap: 16px;
    max-width: 1250px;
    margin: 0 auto 80px;
}

.zax-contact-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zax-contact-side > article {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: var(--zax-panel);
}

.zax-contact-side > article > span { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(81,230,189,.16); border-radius: 10px; color: var(--zax-cyan); background: rgba(81,230,189,.055); }
.zax-contact-side > article > div { display: flex; min-width: 0; flex-direction: column; }
.zax-contact-side small { color: var(--zax-muted); font-size: 7px; }
.zax-contact-side strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
.zax-contact-side p { margin: 4px 0 0; color: var(--zax-muted); font-size: 8px; }

.zax-contact-side .zax-contact-telegram {
    border-color: rgba(42,171,238,.18);
    background:
        radial-gradient(circle at 100% 0, rgba(42,171,238,.09), transparent 33%),
        var(--zax-panel);
}

.zax-contact-telegram > span {
    border-color: rgba(42,171,238,.2) !important;
    background: rgba(42,171,238,.06) !important;
}

.zax-contact-telegram a {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    margin-top: 10px;
    color: #48bdf1;
    font-size: 8px;
    font-weight: 760;
    text-decoration: none;
}

.zax-contact-telegram a .dashicons {
    width: 13px;
    height: 13px;
    font-size: 13px;
}

.zax-contact-security {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 4px;
    padding: 16px;
    border: 1px solid rgba(244,184,90,.18);
    border-radius: 12px;
    color: var(--zax-amber);
    background: rgba(244,184,90,.045);
}

.zax-contact-security > span { display: flex; flex-direction: column; }
.zax-contact-security strong { color: var(--zax-soft); font-size: 9px; }
.zax-contact-security small { color: var(--zax-muted); font-size: 8px; }

.zax-contact-form { padding: 28px; }
.zax-contact-form .zax-card-heading h2 { font-size: 24px; }
.zax-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }

.zax-contact-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-contact-consent input { flex: 0 0 auto; accent-color: var(--zax-cyan-deep); }
.zax-contact-consent button { padding: 0; border: 0; color: var(--zax-cyan); background: transparent; font-size: inherit; cursor: pointer; }

.zax-contact-faq { max-width: 1250px; margin: 0 auto; }
.zax-faq-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.zax-faq-grid article { padding: 21px; border: 1px solid var(--zax-line); border-radius: 13px; background: var(--zax-panel); }
.zax-faq-grid h3 { margin: 0 0 7px; font-size: 12px; }
.zax-faq-grid p { margin: 0; color: var(--zax-muted); font-size: 9px; line-height: 1.7; }

.zax-policy-page { max-width: 1300px; }

.zax-policy-hero {
    display: grid;
    min-height: 350px;
    grid-template-columns: minmax(0,1fr) 130px;
    align-items: center;
    gap: 35px;
    padding: clamp(35px,6vw,75px);
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 21px;
    background: radial-gradient(circle at 88% 50%, rgba(81,230,189,.13), transparent 25%), var(--zax-panel);
}

.zax-policy-hero > span {
    display: grid;
    width: 115px;
    height: 115px;
    place-items: center;
    border: 1px solid rgba(81,230,189,.26);
    border-radius: 31px;
    color: var(--zax-cyan);
    background: rgba(81,230,189,.07);
    box-shadow: 0 0 60px rgba(81,230,189,.1);
    transform: rotate(45deg);
}

.zax-policy-hero > span .dashicons { width: 48px; height: 48px; font-size: 48px; transform: rotate(-45deg); }
.zax-refund-hero { background: radial-gradient(circle at 88% 50%, rgba(154,140,255,.14), transparent 25%), var(--zax-panel); }
.zax-refund-hero > span { border-color: rgba(154,140,255,.25); color: var(--zax-violet); background: rgba(154,140,255,.07); }

.zax-policy-meta {
    display: grid;
    grid-template-columns: .55fr 1.25fr .7fr;
    margin: 14px 0 35px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: var(--zax-panel);
}

.zax-policy-meta span { display: flex; min-height: 70px; justify-content: center; flex-direction: column; padding: 13px 18px; border-right: 1px solid var(--zax-line); color: var(--zax-muted); font-size: 8px; }
.zax-policy-meta span:last-child { border-right: 0; }
.zax-policy-meta strong { color: var(--zax-soft); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }

.zax-policy-layout {
    display: grid;
    grid-template-columns: 215px minmax(0,1fr);
    gap: clamp(28px,5vw,70px);
    align-items: start;
}

.zax-policy-layout-full {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 14px;
}

.zax-policy-jumpbar {
    position: sticky;
    z-index: 8;
    top: calc(var(--zax-topbar) + 10px);
    display: flex;
    gap: 7px;
    margin: 14px 0 0;
    padding: 10px;
    overflow-x: auto;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: var(--zax-panel);
    background: color-mix(in srgb, var(--zax-panel) 88%, transparent);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
    backdrop-filter: blur(18px) saturate(135%);
    scrollbar-width: none;
}

.zax-policy-jumpbar::-webkit-scrollbar { display: none; }

.zax-policy-jumpbar a {
    flex: 0 0 auto;
    padding: 8px 13px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .025);
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.zax-policy-jumpbar a:hover,
.zax-policy-jumpbar a:focus-visible {
    border-color: rgba(81, 230, 189, .2);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
    outline: none;
}

.zax-policy-layout > aside {
    position: sticky;
    top: calc(var(--zax-topbar) + 20px);
    display: flex;
    flex-direction: column;
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: var(--zax-panel);
}

.zax-policy-layout > aside strong { margin-bottom: 8px; color: var(--zax-soft); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.zax-policy-layout > aside a { padding: 8px 0; border-bottom: 1px solid var(--zax-line); color: var(--zax-muted); font-size: 8px; text-decoration: none; }
.zax-policy-layout > aside a:last-child { border-bottom: 0; }
.zax-policy-layout > aside a:hover { color: var(--zax-cyan); }

.zax-policy-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.zax-policy-content-wide {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
}

.zax-policy-content-wide > section {
    height: 100%;
    margin: 0;
}

.zax-policy-content-wide > section:nth-child(3n + 1) {
    background: radial-gradient(circle at 96% 0, rgba(81, 230, 189, .05), transparent 35%), var(--zax-panel);
}

.zax-policy-content > section {
    position: relative;
    scroll-margin-top: calc(var(--zax-topbar) + 25px);
    padding: 28px 30px 30px 65px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: var(--zax-panel);
}

.zax-policy-content > section > span { position: absolute; top: 29px; left: 25px; color: var(--zax-cyan); font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 9px; font-weight: 800; }
.zax-policy-content h2 { margin: 0 0 10px; font-size: 18px; letter-spacing: -.03em; }
.zax-policy-content p { margin: 0 0 12px; color: var(--zax-muted); font-size: 10px; line-height: 1.8; }
.zax-policy-content ul { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; padding-left: 18px; color: var(--zax-muted); font-size: 9px; }
.zax-policy-content ol { display: flex; flex-direction: column; gap: 9px; margin: 15px 0 20px; padding: 0; list-style: none; }
.zax-policy-content ol li { display: grid; grid-template-columns: 27px 1fr; gap: 9px; }
.zax-policy-content ol li > b { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(81,230,189,.18); border-radius: 7px; color: var(--zax-cyan); background: rgba(81,230,189,.05); font-size: 8px; }
.zax-policy-content ol li > span { display: flex; flex-direction: column; color: var(--zax-muted); font-size: 8px; }
.zax-policy-content ol li strong { color: var(--zax-soft); font-size: 9px; }

.zax-policy-note {
    display: flex;
    gap: 9px;
    margin: 16px 0;
    padding: 14px;
    border: 1px solid rgba(81,230,189,.16);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81,230,189,.04);
}

.zax-policy-note > span { display: flex; flex-direction: column; color: var(--zax-muted); font-size: 8px; }
.zax-policy-note strong { color: var(--zax-soft); font-size: 9px; }

.zax-refund-summary {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 11px;
    margin: 14px 0 35px;
}

.zax-refund-summary article { display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 11px; padding: 15px; border: 1px solid var(--zax-line); border-radius: 12px; background: var(--zax-panel); }
.zax-refund-summary article > span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(154,140,255,.18); border-radius: 12px; color: var(--zax-violet); background: rgba(154,140,255,.06); font-size: 19px; font-weight: 800; }
.zax-refund-summary article > div { display: flex; flex-direction: column; }
.zax-refund-summary strong { font-size: 9px; }
.zax-refund-summary small { color: var(--zax-muted); font-size: 7px; }

.zax-refund-help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.zax-tiktok-redirect-dialog {
    overflow: hidden;
    border-color: rgba(37, 244, 238, .18);
    background: radial-gradient(circle at 78% -12%, rgba(254, 44, 85, .16), transparent 38%), var(--zax-panel);
}

.zax-tiktok-redirect-art {
    position: relative;
    display: grid;
    min-height: 150px;
    overflow: hidden;
    place-items: center;
    border-bottom: 1px solid var(--zax-line);
    background:
        radial-gradient(circle at 42% 45%, rgba(37, 244, 238, .16), transparent 25%),
        radial-gradient(circle at 58% 58%, rgba(254, 44, 85, .15), transparent 27%),
        #080b12;
}

.zax-tiktok-redirect-art > span {
    position: relative;
    z-index: 2;
    display: grid;
    width: 76px;
    height: 76px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 23px;
    color: #fff;
    background: rgba(255, 255, 255, .07);
    box-shadow: -8px 6px 0 rgba(37, 244, 238, .22), 8px -6px 0 rgba(254, 44, 85, .2);
    backdrop-filter: blur(10px);
    animation: zax-tiktok-float 3s ease-in-out infinite;
}

.zax-tiktok-redirect-art > span svg { width: 34px; height: 34px; }
.zax-tiktok-redirect-art > i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #25f4ee; box-shadow: 0 0 18px currentColor; animation: zax-live-particle 3.4s ease-in-out infinite; }
.zax-tiktok-redirect-art > i:nth-of-type(1) { top: 23%; left: 23%; }
.zax-tiktok-redirect-art > i:nth-of-type(2) { right: 20%; bottom: 27%; color: #fe2c55; background: #fe2c55; animation-delay: -.9s; }
.zax-tiktok-redirect-art > i:nth-of-type(3) { top: 21%; right: 29%; animation-delay: -1.8s; }

.zax-tiktok-redirect-body { padding: 0 24px 24px; }
.zax-tiktok-redirect-body > div:first-child { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 11px; padding: 14px; border: 1px solid var(--zax-line); border-radius: 13px; background: rgba(255, 255, 255, .025); }
.zax-tiktok-redirect-body > div:first-child > span:first-child { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: #fff; background: #0b0b10; }
.zax-tiktok-redirect-body > div:first-child > span:last-child { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.zax-tiktok-redirect-body strong { font-size: 10px; }
.zax-tiktok-redirect-body small { color: var(--zax-muted); font-size: 8px; line-height: 1.5; }
.zax-tiktok-redirect-body > p { display: flex; gap: 8px; margin: 13px 0 0; color: var(--zax-muted); font-size: 8px; line-height: 1.6; }

@keyframes zax-tiktok-float {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-7px) rotate(2deg); }
}

@keyframes zax-live-particle {
    0%, 100% { opacity: .4; transform: translateY(0) scale(.75); }
    50% { opacity: 1; transform: translateY(-10px) scale(1.2); }
}

@media (max-width: 1220px) {
    .zax-home-hero {
        grid-template-columns: minmax(0, 1fr) 410px;
    }

    .zax-value-grid,
    .zax-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .zax-profile-stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .zax-home-hero {
        min-height: auto;
        grid-template-columns: 1fr;
        margin: -24px -16px 0;
        padding: 62px 22px 45px;
    }

    .zax-home-copy {
        text-align: center;
    }

    .zax-home-copy h1,
    .zax-home-copy > p {
        margin-right: auto;
        margin-left: auto;
    }

    .zax-home-actions,
    .zax-home-proof {
        justify-content: center;
    }

    .zax-home-illustration {
        width: min(100%, 470px);
    }

    .zax-home-trust {
        flex-wrap: wrap;
        margin: 0 -16px 60px;
    }

    .zax-home-platform,
    .zax-dashboard-charts,
    .zax-dashboard-detail-grid,
    .zax-profile-layout,
    .zax-profile-bottom-grid,
    .zax-about-story,
    .zax-contact-layout {
        grid-template-columns: 1fr;
    }

    .zax-about-journey {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-about-detail-grid {
        grid-template-columns: 1fr;
    }

    .zax-quote-grid {
        grid-template-columns: 1fr;
    }

    .zax-home-cta,
    .zax-about-commitment {
        align-items: flex-start;
        flex-direction: column;
    }

    .zax-profile-cover {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .zax-profile-avatar-large {
        width: 86px;
        height: 86px;
        border-radius: 23px;
        font-size: 30px;
    }

    .zax-profile-cover > .zax-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .zax-about-hero {
        grid-template-columns: 1fr;
    }

    .zax-about-mark {
        width: 180px;
        height: 180px;
    }

    .zax-about-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    .zax-about-metrics span:nth-child(2) {
        border-right: 0;
    }

    .zax-about-metrics span:nth-child(-n+2) {
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-policy-layout {
        grid-template-columns: 1fr;
    }

    .zax-policy-layout > aside {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 15px;
    }

    .zax-policy-layout > aside strong {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .zax-home-copy h1 {
        font-size: 36px;
    }

    .zax-home-proof {
        gap: 16px;
    }

    .zax-home-proof strong {
        font-size: 18px;
    }

    .zax-home-illustration {
        width: 100%;
        min-height: 360px;
        aspect-ratio: auto;
    }

    .zax-home-grid {
        inset: 10% 4%;
    }

    .zax-home-core {
        width: 115px;
        height: 115px;
        border-radius: 30px;
    }

    .zax-home-core > span .dashicons {
        width: 48px;
        height: 48px;
        font-size: 48px;
    }

    .zax-orbit-chip {
        padding: 7px 9px;
        font-size: 7px;
    }

    .zax-mini-terminal {
        width: 170px;
    }

    .zax-home-trust > span {
        width: 100%;
        text-align: center;
    }

    .zax-value-grid,
    .zax-values-grid,
    .zax-profile-stat-grid,
    .zax-about-metrics,
    .zax-faq-grid,
    .zax-refund-summary {
        grid-template-columns: 1fr;
    }

    .zax-about-journey,
    .zax-policy-content-wide {
        grid-template-columns: 1fr;
    }

    .zax-about-journey {
        margin-bottom: 44px;
    }

    .zax-about-journey article {
        min-height: 0;
    }

    .zax-home-platform,
    .zax-home-testimonials {
        padding: 25px 18px;
    }

    .zax-platform-window {
        transform: none;
    }

    .zax-platform-window-body {
        min-height: 280px;
        grid-template-columns: 90px 1fr;
        gap: 15px;
        padding: 19px;
    }

    .zax-platform-score {
        width: 90px;
        height: 90px;
    }

    .zax-platform-score span {
        font-size: 29px;
    }

    .zax-platform-status {
        grid-template-columns: 1fr;
    }

    .zax-home-cta,
    .zax-about-commitment {
        padding: 31px 22px;
    }

    .zax-home-cta > div:last-child,
    .zax-about-commitment > div:last-child {
        width: 100%;
        flex-direction: column;
    }

    .zax-home-cta .zax-button,
    .zax-about-commitment .zax-button {
        width: 100%;
    }

    .zax-learning-chart-plot {
        height: 200px;
    }

    .zax-chart-columns {
        gap: 4px;
    }

    .zax-dashboard-charts > article,
    .zax-dashboard-detail-grid > article {
        padding: 17px;
    }

    .zax-path-list > button {
        grid-template-columns: 34px minmax(0,1fr) auto;
    }

    .zax-path-list > button > .dashicons {
        display: none;
    }

    .zax-profile-cover {
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: center;
        padding: 30px 20px;
        text-align: center;
    }

    .zax-profile-identity > div {
        justify-content: center;
    }

    .zax-profile-cover > .zax-button {
        grid-column: auto;
    }

    .zax-profile-form,
    .zax-profile-side > article,
    .zax-profile-bottom-grid > article {
        padding: 18px;
    }

    .zax-about-hero,
    .zax-policy-hero {
        grid-template-columns: 1fr;
        padding: 35px 22px;
    }

    .zax-about-hero h1,
    .zax-contact-hero h1,
    .zax-policy-hero h1 {
        font-size: 34px;
    }

    .zax-about-mark,
    .zax-policy-hero > span {
        display: none;
    }

    .zax-about-metrics span {
        min-height: 90px;
        border-right: 0;
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-about-metrics span:last-child {
        border-bottom: 0;
    }

    .zax-contact-form {
        padding: 20px 17px;
    }

    .zax-policy-meta {
        grid-template-columns: 1fr;
    }

    .zax-policy-meta span {
        border-right: 0;
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-policy-meta span:last-child {
        border-bottom: 0;
    }

    .zax-policy-layout > aside {
        grid-template-columns: 1fr;
    }

    .zax-policy-jumpbar {
        top: calc(var(--zax-topbar) + 7px);
        margin-right: -6px;
        margin-left: -6px;
        padding: 8px;
    }

    .zax-policy-content > section {
        padding: 24px 19px 24px 48px;
    }

    .zax-policy-content > section > span {
        top: 25px;
        left: 17px;
    }

    .zax-tiktok-redirect-body {
        padding: 0 17px 19px;
    }
}

/* Professional certificate center */
.zax-certificate-overview {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, .58fr);
    align-items: stretch;
    gap: 16px;
}

.zax-certificate-paper {
    position: relative;
    display: flex;
    min-height: 620px;
    align-items: center;
    flex-direction: column;
    padding: clamp(36px, 5vw, 64px);
    overflow: hidden;
    border: 1px solid #c7ad70;
    border-radius: 8px;
    color: #19362d;
    background:
        linear-gradient(135deg, rgba(196, 165, 91, .08) 0 16%, transparent 16% 84%, rgba(196, 165, 91, .08) 84%),
        radial-gradient(circle at 50% 43%, rgba(34, 122, 93, .05), transparent 35%),
        #f6f4ea;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .22), inset 0 0 0 10px #eeeadb, inset 0 0 0 11px rgba(132, 100, 38, .24);
}

.zax-certificate-paper::before,
.zax-certificate-paper::after {
    position: absolute;
    z-index: 1;
    inset: 20px;
    border: 1px solid rgba(129, 93, 30, .34);
    content: "";
    pointer-events: none;
}

.zax-certificate-paper::after {
    inset: 25px;
    border-color: rgba(29, 101, 79, .16);
}

.zax-certificate-paper > * {
    position: relative;
    z-index: 3;
}

.zax-certificate-corner {
    position: absolute;
    z-index: 2;
    width: 62px;
    height: 62px;
    border-color: #9a7736;
    border-style: solid;
    opacity: .56;
}

.zax-certificate-corner-one { top: 31px; left: 31px; border-width: 2px 0 0 2px; }
.zax-certificate-corner-two { top: 31px; right: 31px; border-width: 2px 2px 0 0; }
.zax-certificate-corner-three { right: 31px; bottom: 31px; border-width: 0 2px 2px 0; }
.zax-certificate-corner-four { bottom: 31px; left: 31px; border-width: 0 0 2px 2px; }

.zax-certificate-watermark {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    color: rgba(27, 92, 72, .035);
    font-family: Georgia, serif;
    font-size: clamp(250px, 29vw, 440px);
    font-weight: 900;
    line-height: .75;
    transform: translate(-50%, -50%);
}

.zax-certificate-brand {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.zax-certificate-logo {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #1a6f55;
    border-radius: 13px;
    color: #f8f5e9;
    background: linear-gradient(145deg, #267d62, #15523f);
    box-shadow: 4px 4px 0 rgba(186, 146, 66, .22);
    font-size: 18px;
    font-weight: 900;
}

.zax-certificate-brand > span:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.zax-certificate-brand strong {
    color: #1b493a;
    font-size: 13px;
    letter-spacing: -.02em;
}

.zax-certificate-brand small {
    color: #6d796f;
    font-size: 7px;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.zax-certificate-brand em {
    padding: 6px 9px;
    border: 1px solid rgba(151, 113, 44, .34);
    border-radius: 999px;
    color: #8a682c;
    background: rgba(205, 172, 99, .09);
    font-size: 7px;
    font-style: normal;
    font-weight: 820;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zax-certificate-title {
    display: flex;
    max-width: 780px;
    align-items: center;
    flex: 1;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0 24px;
    text-align: center;
}

.zax-certificate-title > span {
    color: #9a7535;
    font-family: Georgia, serif;
    font-size: clamp(24px, 3vw, 39px);
    letter-spacing: .025em;
}

.zax-certificate-title > small {
    margin-top: 18px;
    color: #68776e;
    font-size: 8px;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.zax-certificate-title h2 {
    min-width: min(100%, 520px);
    margin: 9px 0 12px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(34, 96, 77, .3);
    color: #153e31;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3.6vw, 46px);
    font-style: italic;
    font-weight: 500;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.zax-certificate-title p {
    max-width: 610px;
    margin: 0;
    color: #65756c;
    font-family: Georgia, serif;
    font-size: 10px;
    line-height: 1.7;
}

.zax-certificate-title h3 {
    margin: 11px 0 0;
    color: #1a4d3c;
    font-size: clamp(17px, 2vw, 24px);
    letter-spacing: -.02em;
}

.zax-certificate-competencies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-bottom: 27px;
}

.zax-certificate-competencies span {
    padding: 5px 8px;
    border: 1px solid rgba(40, 106, 84, .17);
    border-radius: 999px;
    color: #50685e;
    background: rgba(38, 112, 87, .045);
    font-size: 7px;
}

.zax-certificate-footer {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1.05fr .65fr;
    align-items: end;
    gap: 24px;
}

.zax-certificate-record,
.zax-certificate-signature {
    display: flex;
    flex-direction: column;
}

.zax-certificate-record small,
.zax-certificate-signature small {
    color: #77847d;
    font-size: 6px;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.zax-certificate-record strong {
    margin: 3px 0 2px;
    color: #264b3f;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
}

.zax-certificate-record span {
    color: #7b867f;
    font-size: 7px;
}

.zax-certificate-signature {
    align-items: center;
    text-align: center;
}

.zax-certificate-signature strong {
    color: #173e31;
    font-family: "Segoe Script", "Brush Script MT", cursive;
    font-size: clamp(18px, 2.3vw, 27px);
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    transform: rotate(-3deg);
}

.zax-certificate-signature > span {
    width: 100%;
    max-width: 220px;
    margin: 3px 0 5px;
    border-top: 1px solid rgba(40, 78, 65, .38);
}

.zax-official-stamp {
    display: grid;
    width: 104px;
    height: 104px;
    place-items: center;
    justify-self: end;
    align-content: center;
    border: 2px solid #a78038;
    border-radius: 50%;
    color: #8b672b;
    background: rgba(205, 172, 99, .07);
    box-shadow: inset 0 0 0 4px #f6f4ea, inset 0 0 0 5px rgba(167, 128, 56, .65);
    text-align: center;
    transform: rotate(-8deg);
}

.zax-official-stamp > span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 900;
}

.zax-official-stamp strong {
    margin-top: 3px;
    font-size: 7px;
    letter-spacing: .08em;
}

.zax-official-stamp small {
    font-size: 5px;
    font-weight: 820;
    letter-spacing: .07em;
}

.zax-certificate-authenticity {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 20px;
    color: #98712f;
}

.zax-certificate-authenticity > span {
    display: flex;
    flex-direction: column;
}

.zax-certificate-authenticity strong { font-size: 7px; }
.zax-certificate-authenticity span { color: #6d7c74; font-size: 6px; }

.zax-certificate-status {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(244, 184, 90, .09), transparent 27%),
        var(--zax-panel);
    box-shadow: var(--zax-shadow);
}

.zax-certificate-readiness {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-certificate-readiness > div {
    min-width: 0;
}

.zax-certificate-readiness h2 {
    margin: 4px 0 6px;
    font-size: 16px;
    letter-spacing: -.025em;
}

.zax-certificate-readiness p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.6;
}

.zax-certificate-ring {
    display: grid;
    width: 84px;
    height: 84px;
    flex: 0 0 auto;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background:
        radial-gradient(circle, var(--zax-panel-solid) 57%, transparent 59%),
        conic-gradient(var(--zax-amber) var(--zax-certificate-progress), rgba(244, 184, 90, .1) 0);
}

.zax-certificate-ring strong {
    color: var(--zax-amber);
    font-size: 16px;
}

.zax-certificate-ring small {
    color: var(--zax-muted);
    font-size: 6px;
    text-transform: uppercase;
}

.zax-certificate-checklist {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 20px 0;
}

.zax-certificate-checklist > span {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    color: var(--zax-amber);
    background: rgba(255, 255, 255, .018);
}

.zax-certificate-checklist > span.is-complete {
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .035);
}

.zax-certificate-checklist > span > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-certificate-checklist strong {
    color: var(--zax-soft);
    font-size: 8px;
}

.zax-certificate-checklist small {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-certificate-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: auto;
}

.zax-certificate-actions .zax-button {
    width: 100%;
}

.zax-certificate-actions button:disabled {
    opacity: .42;
    cursor: not-allowed;
    filter: grayscale(.6);
}

.zax-certificate-locked-note {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-certificate-guide {
    margin-top: 74px;
}

.zax-certificate-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.zax-certificate-steps article {
    display: grid;
    min-height: 245px;
    grid-template-columns: 35px 1fr;
    gap: 10px;
    padding: 21px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: var(--zax-panel);
}

.zax-certificate-steps article > span {
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    border: 1px solid rgba(244, 184, 90, .2);
    border-radius: 10px;
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .055);
    font-size: 7px;
    font-weight: 850;
}

.zax-certificate-steps article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-certificate-steps h3 {
    margin: 7px 0 8px;
    font-size: 13px;
}

.zax-certificate-steps p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.7;
}

.zax-certificate-steps button,
.zax-certificate-steps a {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    padding: 14px 0 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 8px;
    font-weight: 760;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.zax-certificate-steps .dashicons {
    width: 13px;
    height: 13px;
    font-size: 13px;
}

.zax-certificate-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 15px;
    margin-top: 15px;
}

.zax-certificate-verification {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 27px;
}

.zax-certificate-verification > .dashicons {
    width: 56px;
    height: 56px;
    flex: 0 0 auto;
    color: var(--zax-cyan);
    font-size: 56px;
    filter: drop-shadow(0 0 18px rgba(81, 230, 189, .16));
}

.zax-certificate-verification h3 {
    margin: 5px 0 7px;
    font-size: 15px;
}

.zax-certificate-verification p {
    margin: 0 0 9px;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.65;
}

.zax-certificate-verification a {
    color: var(--zax-cyan);
    font-size: 8px;
}

.zax-certificate-bottom-grid .zax-next-certificate {
    min-height: 220px;
}

/* World-class print credential */
.zax-certificate-paper {
    min-height: 660px;
    aspect-ratio: 1.414 / 1;
    justify-content: space-between;
    padding: clamp(40px, 4.6vw, 66px) clamp(42px, 5.2vw, 74px) 38px;
    border: 1px solid #b58a34;
    border-radius: 5px;
    color: #102e2a;
    background:
        linear-gradient(100deg, rgba(8, 53, 49, .035), transparent 28% 72%, rgba(185, 129, 31, .055)),
        linear-gradient(180deg, #fffefa, #f7f2e6);
    box-shadow:
        0 34px 90px rgba(0, 0, 0, .26),
        inset 0 0 0 7px #f5edda,
        inset 0 0 0 8px rgba(153, 106, 26, .34),
        inset 0 0 0 14px #fffdf7,
        inset 0 0 0 15px rgba(10, 71, 62, .2);
}

.zax-certificate-paper::before {
    inset: 23px;
    border: 1px solid rgba(177, 126, 38, .5);
    background:
        linear-gradient(90deg, #0b4b42 0 13%, transparent 13% 87%, #0b4b42 87%) top / 100% 3px no-repeat,
        linear-gradient(90deg, #b9852b 0 28%, transparent 28% 72%, #b9852b 72%) bottom / 100% 2px no-repeat;
}

.zax-certificate-paper::after {
    inset: 29px;
    border: 1px solid rgba(11, 75, 66, .19);
    background:
        linear-gradient(135deg, rgba(185, 133, 43, .13) 0 1px, transparent 1px 10px) 0 0 / 10px 10px;
    clip-path: polygon(0 0, 12% 0, 12% 2px, 88% 2px, 88% 0, 100% 0, 100% 100%, 88% 100%, 88% calc(100% - 2px), 12% calc(100% - 2px), 12% 100%, 0 100%);
}

.zax-certificate-security-art {
    position: absolute;
    z-index: 0 !important;
    inset: 32px;
    overflow: hidden;
    pointer-events: none;
}

.zax-guilloche {
    position: absolute;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(9, 78, 68, .11);
    border-radius: 50%;
    background:
        repeating-radial-gradient(ellipse at center, transparent 0 7px, rgba(9, 78, 68, .055) 8px 9px),
        repeating-conic-gradient(from 15deg, rgba(185, 133, 43, .08) 0 2deg, transparent 2deg 7deg);
    opacity: .74;
}

.zax-guilloche::before,
.zax-guilloche::after {
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(185, 133, 43, .13);
    border-radius: 50%;
    content: "";
    transform: scaleX(.62) rotate(36deg);
}

.zax-guilloche::after {
    transform: scaleX(.62) rotate(-36deg);
}

.zax-guilloche-one {
    top: -145px;
    left: -135px;
}

.zax-guilloche-two {
    right: -145px;
    bottom: -155px;
    transform: rotate(180deg);
}

.zax-certificate-security-art > i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72%;
    height: 44%;
    border: 1px solid rgba(11, 75, 66, .045);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(18deg);
}

.zax-certificate-security-art > i:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(78deg);
}

.zax-certificate-security-art > i:nth-of-type(3) {
    transform: translate(-50%, -50%) rotate(138deg);
}

.zax-certificate-corner {
    width: 74px;
    height: 74px;
    border-color: #ad7c29;
    opacity: .78;
}

.zax-certificate-corner::before {
    position: absolute;
    width: 36px;
    height: 36px;
    border: 1px solid #0d5b4f;
    content: "";
    opacity: .5;
    transform: rotate(45deg);
}

.zax-certificate-corner-one::before { top: 8px; left: 8px; }
.zax-certificate-corner-two::before { top: 8px; right: 8px; }
.zax-certificate-corner-three::before { right: 8px; bottom: 8px; }
.zax-certificate-corner-four::before { bottom: 8px; left: 8px; }

.zax-certificate-watermark {
    top: 48%;
    color: rgba(7, 74, 64, .032);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(290px, 31vw, 470px);
    text-shadow: 0 0 0 rgba(185, 133, 43, .04);
}

.zax-certificate-brand {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(10, 75, 65, .16);
}

.zax-certificate-logo {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(213, 177, 94, .75);
    border-radius: 8px 16px 8px 16px;
    color: #fffdf5;
    background: linear-gradient(145deg, #0f6b5c, #073d37);
    box-shadow: 4px 4px 0 rgba(184, 132, 39, .3), inset 0 1px rgba(255, 255, 255, .18);
    font-family: Georgia, serif;
    font-size: 21px;
}

.zax-certificate-brand strong {
    color: #0c453c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    letter-spacing: .01em;
}

.zax-certificate-brand small {
    color: #677b73;
    font-size: 6px;
    font-weight: 760;
    letter-spacing: .16em;
}

.zax-certificate-standard {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-right: 12px;
    padding-right: 14px;
    border-right: 1px solid rgba(10, 75, 65, .14);
    color: #a67827;
}

.zax-certificate-standard > .dashicons {
    width: 22px;
    height: 22px;
    font-size: 22px;
}

.zax-certificate-standard > span {
    display: flex;
    flex-direction: column;
}

.zax-certificate-standard small {
    color: #75847d;
    font-size: 5px;
    letter-spacing: .09em;
}

.zax-certificate-standard strong {
    color: #315b50;
    font-family: var(--zax-font);
    font-size: 6px;
    letter-spacing: .04em;
}

.zax-certificate-brand em {
    padding: 7px 10px;
    border: 1px solid rgba(164, 112, 28, .45);
    border-radius: 4px;
    color: #8b601b;
    background: linear-gradient(145deg, rgba(218, 180, 89, .15), rgba(255, 255, 255, .4));
    box-shadow: inset 0 1px rgba(255, 255, 255, .74);
}

.zax-certificate-title {
    max-width: 850px;
    padding: 20px 0 13px;
}

.zax-certificate-award-mark {
    display: grid !important;
    width: 42px;
    height: 42px;
    place-items: center;
    margin-bottom: 7px;
    border: 1px solid rgba(176, 124, 34, .45);
    border-radius: 50%;
    color: #a27021 !important;
    background:
        radial-gradient(circle, #fffdf7 46%, transparent 48%),
        repeating-conic-gradient(#b9862d 0 8deg, #e5cb91 8deg 16deg);
    box-shadow: 0 6px 16px rgba(110, 78, 25, .12);
}

.zax-certificate-award-mark .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-certificate-title > span:not(.zax-certificate-award-mark) {
    color: #a57625;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(25px, 2.7vw, 38px);
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.zax-certificate-title > small {
    margin-top: 14px;
    color: #6d7d76;
    font-size: 7px;
    font-weight: 720;
    letter-spacing: .18em;
}

.zax-certificate-title h2 {
    min-width: min(100%, 600px);
    margin: 7px 0 9px;
    padding: 0 20px 7px;
    border-bottom: 1px solid rgba(10, 75, 65, .32);
    color: #0c4037;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(31px, 3.5vw, 48px);
    font-style: italic;
    font-weight: 500;
    letter-spacing: -.035em;
}

.zax-certificate-title p {
    color: #62736c;
    font-size: 9px;
}

.zax-certificate-title h3 {
    margin-top: 9px;
    color: #0c5548;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(18px, 2vw, 25px);
    font-variant: small-caps;
    letter-spacing: .04em;
}

.zax-certificate-competencies {
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
}

.zax-certificate-competencies small {
    margin-right: 3px;
    color: #7b847f;
    font-size: 5px;
    font-weight: 780;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zax-certificate-competencies span {
    border-color: rgba(11, 83, 71, .2);
    border-radius: 4px;
    color: #365c52;
    background: linear-gradient(145deg, rgba(12, 92, 78, .055), rgba(255, 255, 255, .45));
    font-size: 6px;
    font-weight: 670;
    letter-spacing: .03em;
}

.zax-certificate-footer {
    grid-template-columns: minmax(170px, 1fr) minmax(220px, 1.1fr) 122px;
    gap: clamp(18px, 3vw, 38px);
    padding-top: 13px;
    border-top: 1px solid rgba(10, 75, 65, .16);
}

.zax-certificate-record small,
.zax-certificate-signature small {
    color: #77827d;
    font-weight: 760;
    letter-spacing: .14em;
}

.zax-certificate-record strong {
    margin-top: 5px;
    color: #0c4d42;
    font-size: 9px;
    letter-spacing: .04em;
}

.zax-certificate-record em,
.zax-certificate-signature em {
    margin-top: 5px;
    color: #9a732c;
    font-size: 5px;
    font-style: normal;
    font-weight: 760;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-certificate-signature strong {
    color: #0a443a;
    font-size: clamp(22px, 2.45vw, 30px);
    text-shadow: .5px .5px rgba(11, 75, 65, .16);
}

.zax-certificate-signature > span {
    max-width: 230px;
    border-color: rgba(10, 65, 56, .42);
}

.zax-official-stamp {
    position: relative;
    display: grid;
    width: 120px;
    height: 120px;
    place-items: center;
    border: 0;
    color: #93691f;
    background: transparent;
    box-shadow: none;
    transform: rotate(-6deg);
}

.zax-official-stamp svg {
    display: block;
    width: 118px;
    height: 118px;
    filter: drop-shadow(0 4px 5px rgba(112, 77, 20, .13));
}

.zax-stamp-edge {
    fill: rgba(191, 139, 47, .045);
    stroke: #9d7022;
    stroke-width: 2.4;
}

.zax-stamp-ring {
    fill: none;
    stroke: #9d7022;
    stroke-width: 1.25;
    stroke-dasharray: 1.5 2.5;
}

.zax-stamp-core {
    fill: rgba(10, 84, 71, .055);
    stroke: #0b5b4d;
    stroke-width: 1.3;
}

.zax-stamp-copy {
    fill: #8d631b;
    font: 800 7.2px var(--zax-font);
    letter-spacing: 1.15px;
}

.zax-stamp-shield {
    fill: none;
    stroke: #0b5b4d;
    stroke-width: 1.4;
}

.zax-stamp-z {
    fill: #0b5b4d;
    font: 900 20px Georgia, serif;
}

.zax-stamp-stars {
    fill: #9d7022;
}

.zax-official-stamp > span {
    position: absolute;
    right: 2px;
    bottom: 5px;
    display: block;
    width: auto;
    height: auto;
    padding: 3px 7px;
    border: 1px solid #9d7022;
    border-radius: 2px;
    color: #815a18;
    background: #faf5e8;
    font-size: 5px;
    font-weight: 850;
    letter-spacing: .09em;
    line-height: 1.2;
}

.zax-certificate-authenticity {
    width: 100%;
    margin-top: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(12, 82, 70, .14);
    border-radius: 4px;
    color: #0d6858;
    background: linear-gradient(90deg, rgba(12, 93, 78, .055), rgba(190, 138, 46, .045));
}

.zax-certificate-authenticity > .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-certificate-authenticity strong {
    color: #26564b;
}

.zax-certificate-authenticity > em {
    margin-left: auto;
    padding: 3px 6px;
    border: 1px solid rgba(11, 91, 77, .18);
    border-radius: 3px;
    color: #0b6655;
    font-size: 5px;
    font-style: normal;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-certificate-microprint {
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    color: rgba(84, 78, 61, .55);
    font-size: 3.5px;
    font-weight: 800;
    letter-spacing: .24em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.zax-certificate-status {
    border-color: rgba(190, 139, 48, .2);
    background:
        radial-gradient(circle at 100% 0, rgba(244, 184, 90, .11), transparent 27%),
        radial-gradient(circle at 0 100%, rgba(81, 230, 189, .055), transparent 31%),
        var(--zax-panel);
}

.zax-certificate-steps {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.zax-certificate-steps article {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(244, 184, 90, .035), transparent 44%),
        var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 18px 45px rgba(0, 0, 0, .08);
}

.zax-certificate-steps article::after {
    position: absolute;
    right: -28px;
    bottom: -28px;
    width: 82px;
    height: 82px;
    border: 1px solid rgba(244, 184, 90, .09);
    border-radius: 50%;
    content: "";
}

@media (max-width: 1180px) {
    .zax-certificate-overview {
        grid-template-columns: 1fr;
    }

    .zax-certificate-status {
        min-height: 480px;
    }

    .zax-certificate-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-certificate-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .zax-certificate-paper {
        aspect-ratio: auto;
        min-height: 720px;
        padding: 38px 31px;
    }

    .zax-certificate-standard {
        display: none;
    }

    .zax-certificate-title {
        padding-top: 34px;
    }

    .zax-certificate-title h2 {
        font-size: 31px;
    }

    .zax-certificate-footer {
        grid-template-columns: 1fr 1fr;
    }

    .zax-official-stamp {
        grid-column: 1 / -1;
        justify-self: center;
    }

    .zax-certificate-status {
        min-height: auto;
    }

    .zax-certificate-actions,
    .zax-certificate-steps,
    .zax-certificate-bottom-grid {
        grid-template-columns: 1fr;
    }

    .zax-certificate-steps article {
        min-height: 210px;
    }

    .zax-certificate-verification {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* 1.5.72: true sidebar-edge pages, reliable FYP scrolling, and gradient member identities. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        height: auto !important;
        min-height: calc(100dvh - var(--zax-topbar));
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    .zax-app:not(.is-public-view) .zax-page.is-active:not(.zax-community-page) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zax-app:not(.is-public-view) .zax-page.is-active:not(.zax-community-page) > :is(
        .zax-page-heading,
        .zax-welcome-row,
        .zax-section-heading,
        .zax-login-banner
    ) {
        margin-right: 12px;
        margin-left: 12px;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        height: auto !important;
        min-height: calc(100dvh - var(--zax-topbar));
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        max-height: none !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(
        .zax-page-heading,
        .zax-welcome-row,
        .zax-section-heading,
        .zax-login-banner
    ) {
        margin-right: max(12px, env(safe-area-inset-right));
        margin-left: max(12px, env(safe-area-inset-left));
    }
}

.zax-page :where(h1, h2, h3, h4, p, small, strong, a, button, label, td, th) {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.zax-page :where([class*="-grid"], [class*="-row"], [class*="-panel"], [class*="-card"]) > * {
    min-width: 0;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-feed {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: y mandatory;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-post,
body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-empty {
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: start;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
    max-width: calc(100% - 92px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption::-webkit-scrollbar,
body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions::-webkit-scrollbar {
    display: none;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions {
    max-height: calc(100% - 112px - var(--zax-mobile-dock-clearance, 0px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
}

@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
        max-height: calc(100% - 116px) !important;
    }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-rail {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-view,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-shell,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-feed {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-main {
        flex: 1 1 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-post,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-empty {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
        right: 76px !important;
        bottom: calc(var(--zax-mobile-dock-clearance) + 8px) !important;
        left: max(12px, env(safe-area-inset-left)) !important;
        max-width: none !important;
        max-height: calc(100% - var(--zax-mobile-dock-clearance) - 104px) !important;
        padding: 0 5px 7px 0;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions {
        right: max(10px, env(safe-area-inset-right));
        bottom: calc(var(--zax-mobile-dock-clearance) + 8px) !important;
        max-height: calc(100% - var(--zax-mobile-dock-clearance) - 92px);
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav[hidden] {
        z-index: 40;
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* Branded gradient identity rings for member cards, rails, posts, and profile pages. */
.zax-community-page :is(.zax-community-avatar, .zax-fyp-avatar) {
    position: relative;
    padding: 2px;
    border: 2px solid transparent;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-solid) 94%, #10261f), color-mix(in srgb, var(--zax-panel) 90%, #1a1532)) padding-box,
        conic-gradient(from 210deg, var(--zax-cyan), var(--zax-violet), #ffb86b, var(--zax-cyan)) border-box;
    box-shadow: 0 7px 20px rgba(81, 230, 189, .12), 0 0 0 1px rgba(255, 255, 255, .045);
}

.zax-community-page :is(.zax-community-avatar, .zax-fyp-avatar) > img {
    border-radius: inherit;
}

.zax-community-page .zax-member-profile-identity > span {
    padding: 4px;
    border: 4px solid transparent;
    background:
        linear-gradient(145deg, #b0fae5, #58ddba 55%, #8d7bff) padding-box,
        conic-gradient(from 210deg, var(--zax-cyan), var(--zax-violet), #ffb86b, var(--zax-cyan)) border-box;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .3), 0 0 28px rgba(81, 230, 189, .16);
}

/* 1.5.77: Windows canvas integrity—never let sidebar offsets or fixed workspaces crop page content. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page .zax-shell {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) :is(.zax-shell, .zax-main, .zax-page.is-active:not(.zax-community-page)) {
        height: auto !important;
        max-height: none !important;
        min-width: 0 !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        min-height: calc(100dvh - var(--zax-topbar)) !important;
        padding-bottom: max(64px, 4vw) !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-x: clip !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :last-child {
        margin-bottom: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-shell {
        width: auto !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-shell,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-main {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not(.zax-fyp-view):not(.zax-chat-view) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        padding-bottom: 48px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scroll-padding: 18px 0 48px;
        overscroll-behavior: contain;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not(.zax-fyp-view):not(.zax-chat-view) > :last-child {
        margin-bottom: 0 !important;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-panel"], [class*="-card"]),
    body.zaxsecurity-portal-page .zax-page.is-active :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-panel"], [class*="-card"]) > * {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(img, video, iframe, canvas) {
        max-width: 100%;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(.zax-table-panel, .zax-table-wrap) {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }
}

/* 1.5.73: restore a spacious, full-canvas Community workspace on Windows. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-shell,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-shell {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-main {
        height: calc(100dvh - var(--zax-topbar)) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active {
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        grid-template-columns: clamp(258px, 19vw, 286px) minmax(0, 1fr) !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail {
        width: auto !important;
        min-width: 0 !important;
        height: 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-main {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-fyp-active .zax-community-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-chat-active .zax-community-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-profile-active .zax-community-main {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: clamp(12px, 1.25vw, 18px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-gutter: stable;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(.zax-fyp-view, .zax-chat-view) {
        padding: 0 !important;
        overflow: hidden !important;
        scrollbar-gutter: auto;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not(.zax-fyp-view):not(.zax-chat-view) > * {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .zax-community-page.is-active :is(.zax-community-pinned, .zax-community-signin, .zax-message-privacy, .zax-community-composer) {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] {
        padding: clamp(12px, 1.25vw, 18px) !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] :is(.zax-members-hero, .zax-member-directory-tools, .zax-member-directory-status) {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-members-hero {
        margin-top: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        width: 100% !important;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
        gap: clamp(12px, 1.2vw, 18px) !important;
        padding: 0 0 28px !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid > article {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 250px !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid :is(header, header > span, strong, small, p) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid :is(strong, small, p) {
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="safety"] .zax-community-rules {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
    }

    .zax-community-page.is-active .zax-seller-studio,
    .zax-community-page.is-active .zax-seller-studio :is(.zax-seller-app-header, .zax-seller-wallet-strip, .zax-seller-tabs, .zax-seller-panel) {
        width: 100% !important;
        max-width: none !important;
    }

    .zax-community-page.is-active .zax-chat-app,
    .zax-community-page.is-active .zax-chat-window,
    .zax-community-page.is-active .zax-chat-thread,
    .zax-community-page.is-active .zax-member-profile-page,
    .zax-community-page.is-active .zax-member-profile-page > section {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .zax-community-page.is-active .zax-fyp-shell,
    .zax-community-page.is-active .zax-fyp-feed,
    .zax-community-page.is-active .zax-fyp-post {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .zax-community-page.is-active .zax-fyp-caption {
        width: auto !important;
        max-width: min(840px, calc(100% - 118px)) !important;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-shell,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-view {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not(.zax-fyp-view):not(.zax-chat-view):not(.zax-seller-studio) {
        padding-right: max(12px, env(safe-area-inset-right)) !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid > article,
    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid :is(header, header > span, strong, small, p) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid :is(strong, small, p) {
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }
}

@media (max-width: 420px) {
    .zax-certificate-paper {
        min-height: 760px;
        padding: 37px 28px;
    }

    .zax-certificate-brand small,
    .zax-certificate-brand em {
        display: none;
    }

    .zax-certificate-title > span {
        font-size: 25px;
    }

    .zax-certificate-award-mark {
        width: 38px;
        height: 38px;
    }

    .zax-certificate-competencies small {
        display: none;
    }

    .zax-certificate-title h2 {
        font-size: 27px;
    }

    .zax-certificate-footer {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .zax-certificate-record,
    .zax-certificate-signature {
        align-items: center;
    }

    .zax-certificate-readiness {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* FAQ, session privacy, detailed settings, top-up review, and universal table paging */
.zax-faq-section {
    margin: clamp(48px, 7vw, 88px) 0;
}

.zax-faq-section .zax-home-section-heading {
    max-width: 720px;
    margin-bottom: 25px;
}

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

.zax-faq-item {
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .055), transparent 35%),
        var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 16px 38px rgba(0, 0, 0, .06);
}

.zax-faq-item summary {
    display: grid;
    min-height: 69px;
    grid-template-columns: 32px minmax(0, 1fr) 23px;
    align-items: center;
    gap: 11px;
    padding: 14px 16px;
    list-style: none;
    cursor: pointer;
}

.zax-faq-item summary::-webkit-details-marker {
    display: none;
}

.zax-faq-item summary > span {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
    font-size: 8px;
    font-weight: 850;
}

.zax-faq-item summary strong {
    font-size: 11px;
    line-height: 1.45;
}

.zax-faq-item summary .dashicons {
    color: var(--zax-muted);
    transition: color .2s ease, transform .25s ease;
}

.zax-faq-item[open] summary .dashicons {
    color: var(--zax-cyan);
    transform: rotate(45deg);
}

.zax-faq-item > div {
    padding: 0 19px 17px 59px;
}

.zax-faq-item p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.75;
}

.zax-session-card {
    margin: 17px 0;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 18px;
    background:
        radial-gradient(circle at 5% 0, rgba(154, 140, 255, .105), transparent 26%),
        radial-gradient(circle at 96% 100%, rgba(81, 230, 189, .09), transparent 29%),
        var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 20px 55px rgba(0, 0, 0, .08);
}

.zax-session-card-head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.zax-session-card-head h2 {
    margin: 3px 0 2px;
    font-size: 17px;
}

.zax-session-card-head p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-session-icon {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .19);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .065);
}

.zax-session-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-soft);
    font-size: 7px;
    font-weight: 750;
}

.zax-session-live i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .08);
}

.zax-session-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: 18px;
}

.zax-session-detail-grid article {
    display: grid;
    min-width: 0;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 9px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
}

.zax-session-detail-grid article > .dashicons {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .075);
    font-size: 16px;
}

.zax-session-detail-grid article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-session-detail-grid small,
.zax-session-detail-grid em {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 7px;
    font-style: normal;
    line-height: 1.45;
    text-overflow: ellipsis;
}

.zax-session-detail-grid strong {
    overflow: hidden;
    margin: 2px 0;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-session-code {
    color: var(--zax-cyan);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.zax-session-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid var(--zax-line);
}

.zax-session-footer > span {
    display: flex;
    max-width: 760px;
    align-items: center;
    gap: 8px;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-session-footer .dashicons {
    flex: 0 0 auto;
    color: var(--zax-cyan);
}

.zax-setting-card {
    display: flex;
    min-height: 285px;
    flex-direction: column;
    background:
        radial-gradient(circle at 100% 0, rgba(154, 140, 255, .06), transparent 33%),
        var(--zax-panel);
}

.zax-setting-card-head {
    display: grid;
    grid-template-columns: 41px minmax(0, 1fr);
    gap: 12px;
}

.zax-setting-card-head h3 {
    margin: 2px 0 3px;
}

.zax-setting-card-head p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-setting-card-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-setting-meta,
.zax-setting-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.zax-setting-meta {
    padding-top: 14px;
}

.zax-setting-meta > span {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    padding: 9px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
}

.zax-setting-meta small,
.zax-setting-footnote {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-setting-meta strong {
    margin-top: 2px;
    font-size: 9px;
}

.zax-setting-list {
    display: grid;
    gap: 8px;
    margin: 17px 0;
}

.zax-setting-list > span {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
}

.zax-setting-list > span > .dashicons {
    color: var(--zax-cyan);
    font-size: 15px;
}

.zax-setting-list > span > span {
    display: flex;
    flex-direction: column;
}

.zax-setting-list strong {
    font-size: 8px;
}

.zax-setting-list small {
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.5;
}

.zax-setting-actions {
    flex-wrap: wrap;
    padding-top: 14px;
}

.zax-setting-actions .zax-button {
    flex: 1;
}

.zax-setting-footnote {
    margin: 12px 0 0;
    line-height: 1.6;
}

.zax-setting-balance {
    display: flex;
    margin: 17px 0 0;
    flex-direction: column;
    padding: 16px;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 13px;
    background: rgba(81, 230, 189, .045);
}

.zax-setting-balance small,
.zax-setting-balance span {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-setting-balance strong {
    margin: 3px 0;
    color: var(--zax-cyan);
    font-size: 22px;
}

.zax-setting-contact {
    display: grid;
    gap: 8px;
    margin-top: 17px;
}

.zax-setting-contact a {
    display: grid;
    min-width: 0;
    grid-template-columns: 27px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-text);
    text-decoration: none;
}

.zax-setting-contact a > .dashicons,
.zax-setting-contact a > .zax-telegram-icon {
    color: var(--zax-cyan);
}

.zax-setting-contact a > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-setting-contact small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-setting-contact strong {
    overflow: hidden;
    font-size: 8px;
    text-overflow: ellipsis;
}

.zax-topup-review-section {
    margin-bottom: 17px;
    padding: 22px;
    border: 1px solid rgba(244, 184, 90, .16);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(244, 184, 90, .075), transparent 30%),
        var(--zax-panel);
}

.zax-topup-review-section > .zax-card-heading {
    align-items: center;
}

.zax-topup-review-section h2 {
    margin: 3px 0;
    font-size: 17px;
}

.zax-topup-count {
    display: flex;
    min-width: 64px;
    flex-direction: column;
    padding: 9px 12px;
    border: 1px solid rgba(244, 184, 90, .18);
    border-radius: 12px;
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .055);
    font-size: 20px;
    font-weight: 850;
    text-align: center;
}

.zax-topup-count small {
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 700;
    text-transform: uppercase;
}

.zax-topup-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 17px;
}

.zax-topup-review-card {
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .018);
}

.zax-topup-review-card > header {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 13px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-topup-review-card > header > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-topup-review-card > header strong,
.zax-topup-review-card > header small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-topup-review-card > header strong {
    font-size: 9px;
}

.zax-topup-review-card > header small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-topup-amount {
    display: flex;
    padding: 15px 14px;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(81, 230, 189, .05), transparent);
}

.zax-topup-amount small,
.zax-topup-amount span {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-topup-amount strong {
    margin: 2px 0;
    color: var(--zax-cyan);
    font-size: 23px;
}

.zax-topup-review-card dl {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0 14px;
}

.zax-topup-review-card dl > div {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid var(--zax-line);
}

.zax-topup-review-card dt {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-topup-review-card dd {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 8px;
    font-weight: 750;
    text-overflow: ellipsis;
}

.zax-topup-review-card dd a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--zax-cyan);
    text-decoration: none;
}

.zax-proof-missing {
    color: var(--zax-red);
}

.zax-topup-review-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 11px 14px;
    padding: 9px;
    border: 1px solid rgba(154, 140, 255, .12);
    border-radius: 9px;
    color: var(--zax-muted);
    background: rgba(154, 140, 255, .035);
    font-size: 7px;
    line-height: 1.5;
}

.zax-topup-review-note .dashicons {
    flex: 0 0 auto;
    color: var(--zax-violet);
}

.zax-topup-review-card > footer {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 7px;
    padding: 0 14px 14px;
}

.zax-button-danger {
    border-color: rgba(255, 118, 109, .2);
    color: var(--zax-red);
    background: rgba(255, 118, 109, .045);
}

.zax-topup-empty {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 15px;
    padding: 15px;
    border: 1px dashed rgba(81, 230, 189, .2);
    border-radius: 13px;
    color: var(--zax-cyan);
}

.zax-topup-empty > span {
    display: flex;
    flex-direction: column;
}

.zax-topup-empty small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-admin-payment-warning,
.zax-bank-warning {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 118, 109, .22);
    border-radius: 11px;
    color: var(--zax-red);
    background: rgba(255, 118, 109, .05);
}

.zax-admin-payment-warning > span,
.zax-bank-warning > span {
    display: flex;
    flex-direction: column;
}

.zax-admin-payment-warning strong,
.zax-bank-warning strong {
    font-size: 8px;
}

.zax-admin-payment-warning small,
.zax-bank-warning small {
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.5;
}

.zax-payment-bank {
    display: block;
    padding: 12px;
    border-color: rgba(244, 184, 90, .15);
    background: rgba(244, 184, 90, .025);
}

.zax-payment-bank .zax-bank-warning {
    margin-top: 0;
}

.zax-bank-account-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 10px;
}

.zax-bank-account-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 10px;
    padding: 13px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
    cursor: pointer;
}

.zax-bank-account-card > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.zax-bank-account-card:has(input:checked) {
    border-color: rgba(81, 230, 189, .42);
    background: rgba(81, 230, 189, .045);
    box-shadow: 0 0 0 2px rgba(81, 230, 189, .055);
}

.zax-bank-account-check {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: transparent;
}

.zax-bank-account-card:has(input:checked) .zax-bank-account-check {
    border-color: var(--zax-cyan);
    color: #06251e;
    background: var(--zax-cyan);
}

.zax-bank-account-heading {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding-right: 25px;
}

.zax-bank-account-heading > span:first-child {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
}

.zax-bank-account-heading > span:last-child,
.zax-bank-account-number,
.zax-bank-account-details > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-bank-account-card small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-bank-account-card strong {
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
}

.zax-bank-account-number {
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    background: rgba(0, 0, 0, .07);
}

.zax-bank-account-number strong {
    color: var(--zax-cyan);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 15px;
    letter-spacing: .04em;
}

.zax-bank-account-details {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(70px, .6fr);
    gap: 8px;
}

.zax-bank-account-card > button {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-soft);
    background: transparent;
    font-size: 7px;
    cursor: pointer;
}

.zax-table-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    padding: 13px 16px;
    border-top: 1px solid var(--zax-line);
}

.zax-table-pagination[hidden] {
    display: none;
}

.zax-table-pagination span {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-table-pagination button {
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-soft);
    background: transparent;
    font-size: 8px;
    font-weight: 750;
    cursor: pointer;
}

.zax-table-pagination button:disabled {
    opacity: .35;
    cursor: not-allowed;
}

@media (max-width: 1080px) {
    .zax-session-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .zax-faq-grid,
    .zax-topup-review-grid,
    .zax-bank-account-grid {
        grid-template-columns: 1fr;
    }

    .zax-faq-item summary {
        min-height: 62px;
        padding: 12px;
    }

    .zax-faq-item > div {
        padding: 0 14px 15px 55px;
    }

    .zax-session-card,
    .zax-topup-review-section {
        padding: 17px;
        border-radius: 15px;
    }

    .zax-session-card-head {
        grid-template-columns: 39px minmax(0, 1fr);
    }

    .zax-session-live {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .zax-session-detail-grid {
        grid-template-columns: 1fr;
    }

    .zax-session-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .zax-session-footer .zax-button {
        width: 100%;
    }

    .zax-setting-card {
        min-height: 0;
    }

    .zax-setting-actions .zax-button,
    .zax-topup-review-card > footer .zax-button {
        min-width: 0;
        padding-right: 9px;
        padding-left: 9px;
    }

    .zax-topup-review-section > .zax-card-heading {
        align-items: flex-start;
    }

    .zax-topup-review-card dl > div {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .zax-payment-bank {
        display: block;
    }

    .zax-table-pagination {
        justify-content: space-between;
        padding: 12px;
    }

    .zax-table-pagination span {
        font-size: 7px;
        text-align: center;
    }
}

.zax-rate-status,
.zax-rate-admin-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .02);
    font-size: 8px;
    font-weight: 800;
}

.zax-rate-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-red);
}

.zax-rate-status.is-live {
    border-color: rgba(81, 230, 189, .2);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .045);
}

.zax-rate-status.is-live i {
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .08);
}

.zax-rate-admin-badge {
    color: var(--zax-violet);
}

.zax-converter-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(310px, .65fr);
    align-items: start;
    gap: 17px;
}

.zax-converter-card {
    padding: 23px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 19px;
    background:
        radial-gradient(circle at 0 0, rgba(154, 140, 255, .11), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(81, 230, 189, .09), transparent 31%),
        var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 26px 65px rgba(0, 0, 0, .1);
}

.zax-converter-head {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.zax-converter-head > .dashicons {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .17);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-converter-head > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-converter-head small,
.zax-converter-head em {
    color: var(--zax-muted);
    font-size: 7px;
    font-style: normal;
}

.zax-converter-head strong {
    margin: 2px 0;
    font-size: 16px;
}

.zax-converter-balances {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.zax-converter-balances > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 11px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, .02);
}

.zax-converter-balances small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-converter-balances strong {
    overflow: hidden;
    margin-top: 2px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-converter-balances > span:last-child strong {
    color: var(--zax-violet);
}

.zax-conversion-direction {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 20px 0 12px;
    padding: 5px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(0, 0, 0, .06);
}

.zax-conversion-direction button {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 9px;
    color: var(--zax-muted);
    background: transparent;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}

.zax-conversion-direction button.is-active {
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .075);
    box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .16);
}

.zax-converter-field,
.zax-converter-result {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .85fr);
    align-items: center;
    gap: 14px;
    padding: 15px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .02);
}

.zax-converter-field > span:first-child,
.zax-converter-result > span {
    display: flex;
    flex-direction: column;
}

.zax-converter-field small,
.zax-converter-result small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-converter-field strong,
.zax-converter-result span strong {
    font-size: 9px;
}

.zax-converter-field > span:last-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(154, 140, 255, .16);
    border-radius: 9px;
    background: rgba(154, 140, 255, .04);
}

.zax-converter-field input {
    width: 100%;
    min-width: 0;
    min-height: 45px;
    padding: 9px 11px;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font: 800 16px/1.2 inherit;
}

.zax-converter-field b {
    padding: 0 11px;
    color: var(--zax-violet);
    font-size: 8px;
}

.zax-converter-swap {
    position: relative;
    z-index: 1;
    display: grid;
    width: 31px;
    height: 31px;
    margin: -7px auto;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 50%;
    color: var(--zax-cyan);
    background: var(--zax-panel-strong);
}

.zax-converter-result {
    border-color: rgba(81, 230, 189, .18);
    background: rgba(81, 230, 189, .045);
}

.zax-converter-result > strong {
    overflow: hidden;
    color: var(--zax-cyan);
    font-size: 19px;
    text-align: right;
    text-overflow: ellipsis;
}

.zax-converter-breakdown {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
}

.zax-converter-breakdown > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
}

.zax-converter-breakdown small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-converter-breakdown strong {
    overflow: hidden;
    margin-top: 2px;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-converter-actions {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 8px;
    margin-top: 15px;
}

.zax-converter-actions .zax-button {
    justify-content: center;
    text-decoration: none;
}

.zax-button.is-disabled {
    opacity: .45;
    pointer-events: none;
}

.zax-converter-side {
    display: grid;
    gap: 11px;
}

.zax-converter-side > article,
.zax-converter-warning {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: var(--zax-panel);
}

.zax-converter-side > article > .dashicons,
.zax-converter-warning > .dashicons {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .07);
}

.zax-converter-side small {
    color: var(--zax-cyan);
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}

.zax-converter-side h3 {
    margin: 4px 0;
    font-size: 11px;
}

.zax-converter-side p,
.zax-converter-side li,
.zax-converter-warning small {
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.65;
}

.zax-converter-side p,
.zax-converter-side ol {
    margin: 0;
}

.zax-converter-side ol {
    padding-left: 16px;
}

.zax-converter-warning {
    border-color: rgba(244, 184, 90, .18);
    background: rgba(244, 184, 90, .04);
}

.zax-converter-warning > .dashicons {
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .07);
}

.zax-converter-warning > span {
    display: flex;
    flex-direction: column;
}

.zax-converter-warning strong {
    color: var(--zax-amber);
    font-size: 9px;
}

@media (max-width: 900px) {
    .zax-converter-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .zax-converter-card {
        padding: 17px;
    }

    .zax-converter-field,
    .zax-converter-result {
        grid-template-columns: 1fr;
    }

    .zax-converter-result > strong {
        text-align: left;
    }

    .zax-converter-breakdown {
        grid-template-columns: 1fr;
    }

    .zax-converter-actions {
        grid-template-columns: 1fr;
    }
}

/* ZaxSignals Community — original silk messenger workspace */
.zax-community-page {
    padding: 0 !important;
}

.zax-community-shell {
    display: grid;
    min-height: 740px;
    height: min(820px, calc(100dvh - var(--zax-topbar) - 34px));
    grid-template-columns: 270px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background: var(--zax-panel);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .14), inset 0 1px rgba(255, 255, 255, .04);
}

.zax-community-rail {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid var(--zax-line);
    background:
        radial-gradient(circle at 10% 0, rgba(154, 140, 255, .1), transparent 25%),
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 32%),
        var(--zax-panel-strong);
}

.zax-community-brand {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 18px 16px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-community-logo {
    position: relative;
    display: grid;
    width: 47px;
    height: 47px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 50%;
    color: #05241d;
    background: linear-gradient(145deg, #8ff5d8, #43caa6);
    box-shadow: 0 8px 24px rgba(81, 230, 189, .17);
    font-size: 14px;
    font-weight: 900;
}

.zax-community-logo i {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 10px;
    height: 10px;
    border: 2px solid var(--zax-panel-strong);
    border-radius: 50%;
    background: #50e8b9;
}

.zax-community-brand > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-community-brand small,
.zax-community-brand em {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 7px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-community-brand strong {
    overflow: hidden;
    margin: 2px 0;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-community-rail > nav {
    display: grid;
    gap: 4px;
    padding: 12px 9px;
}

.zax-community-rail > nav button {
    position: relative;
    display: grid;
    min-height: 54px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 0;
    border-radius: 11px;
    color: var(--zax-muted);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.zax-community-rail > nav button::before {
    position: absolute;
    inset: 8px auto 8px 0;
    width: 2px;
    border-radius: 999px;
    background: transparent;
    content: "";
}

.zax-community-rail > nav button.is-active {
    color: var(--zax-text);
    background: rgba(81, 230, 189, .07);
}

.zax-community-rail > nav button.is-active::before {
    background: var(--zax-cyan);
    box-shadow: 0 0 14px rgba(81, 230, 189, .4);
}

.zax-community-rail > nav button > .dashicons {
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    border-radius: 50%;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .075);
    font-size: 16px;
}

.zax-community-rail > nav button.is-active > .dashicons {
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .085);
}

.zax-community-rail > nav button > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-community-rail > nav strong {
    font-size: 9px;
}

.zax-community-rail > nav small {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-community-rail > nav b {
    min-width: 19px;
    padding: 3px 5px;
    border-radius: 999px;
    color: #06251e;
    background: var(--zax-cyan);
    font-size: 7px;
    text-align: center;
}

.zax-community-mini-members {
    min-height: 0;
    margin: 5px 9px;
    padding-top: 10px;
    overflow: auto;
    border-top: 1px solid var(--zax-line);
}

.zax-community-mini-members > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7px 7px;
}

.zax-community-mini-members > div strong {
    color: var(--zax-muted);
    font-size: 7px;
    text-transform: uppercase;
}

.zax-community-mini-members > div button {
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 7px;
    cursor: pointer;
}

.zax-community-mini-members > span {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 6px 7px;
}

.zax-community-mini-members > span > i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(154, 140, 255, .14);
    border-radius: 50%;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .06);
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
}

.zax-community-mini-members > span > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-community-mini-members > span strong,
.zax-community-mini-members > span small {
    overflow: hidden;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-community-mini-members > span small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-rail-footer {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin: auto 9px 9px;
    padding: 9px;
    border: 1px solid rgba(81, 230, 189, .11);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .035);
}

.zax-community-rail-footer > span {
    display: flex;
    flex-direction: column;
}

.zax-community-rail-footer strong {
    font-size: 7px;
}

.zax-community-rail-footer small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-main {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background:
        linear-gradient(rgba(81, 230, 189, .018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .018) 1px, transparent 1px),
        radial-gradient(circle at 75% 5%, rgba(81, 230, 189, .055), transparent 28%),
        var(--zax-bg);
    background-size: 28px 28px, 28px 28px, auto, auto;
}

.zax-community-top {
    position: sticky;
    z-index: 4;
    top: 0;
    display: flex;
    min-height: 69px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 17px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-strong) 88%, transparent);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
    backdrop-filter: blur(18px) saturate(130%);
}

.zax-community-top > div:first-child {
    display: grid;
    min-width: 0;
    grid-template-columns: 39px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.zax-community-channel-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    color: #05241d;
    background: linear-gradient(145deg, #8ff5d8, #43caa6);
}

.zax-community-top > div:first-child > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-community-top strong,
.zax-community-top small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-community-top strong {
    font-size: 11px;
}

.zax-community-top small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-community-top > div:last-child {
    display: flex;
    gap: 6px;
}

.zax-community-top > div:last-child button {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    cursor: pointer;
}

.zax-community-view {
    min-height: calc(100% - 69px);
    padding: 15px;
}

.zax-community-view[hidden] {
    display: none !important;
}

.zax-community-pinned,
.zax-community-signin,
.zax-message-privacy {
    display: grid;
    max-width: 870px;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin: 0 auto 12px;
    padding: 10px 12px;
    border: 1px solid rgba(154, 140, 255, .14);
    border-radius: 11px;
    background: color-mix(in srgb, var(--zax-panel) 91%, transparent);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.zax-community-pinned > .dashicons,
.zax-community-signin > .dashicons,
.zax-message-privacy > .dashicons {
    color: var(--zax-violet);
}

.zax-community-pinned > span,
.zax-community-signin > span,
.zax-message-privacy > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-community-pinned small,
.zax-community-signin small,
.zax-message-privacy small {
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.5;
}

.zax-community-pinned strong,
.zax-community-signin strong,
.zax-message-privacy strong {
    font-size: 8px;
}

.zax-community-pinned > button {
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 7px;
    font-weight: 800;
    cursor: pointer;
}

.zax-community-composer {
    display: grid;
    max-width: 870px;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    margin: 0 auto 15px;
    padding: 12px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--zax-panel) 93%, transparent);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .07);
}

.zax-community-avatar {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: 50%;
    color: var(--zax-violet);
    background: linear-gradient(145deg, rgba(154, 140, 255, .12), rgba(81, 230, 189, .055));
    font-size: 9px;
    font-weight: 850;
}

.zax-community-composer > div {
    min-width: 0;
}

.zax-community-composer textarea {
    width: 100%;
    min-height: 52px;
    padding: 4px 2px 9px;
    resize: vertical;
    border: 0;
    border-bottom: 1px solid var(--zax-line);
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font: inherit;
    font-size: 9px;
    line-height: 1.6;
}

.zax-community-composer footer {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-top: 8px;
}

.zax-community-composer footer label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--zax-violet);
}

.zax-community-composer select {
    border: 0;
    outline: 0;
    color: var(--zax-soft);
    background: transparent;
    font-size: 7px;
}

.zax-community-composer footer > span {
    display: inline-flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 4px;
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-composer .zax-button {
    min-height: 30px;
    padding: 6px 10px;
}

.zax-community-chat-stream {
    max-width: 870px;
    margin: 0 auto;
}

.zax-chat-date {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 11px 0 14px;
}

.zax-chat-date span {
    padding: 5px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-panel-strong) 88%, transparent);
    font-size: 6px;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.zax-community-message {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    margin-bottom: 11px;
}

.zax-community-bubble {
    position: relative;
    min-width: 0;
    padding: 12px 13px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 5px 15px 15px;
    background: color-mix(in srgb, var(--zax-panel) 95%, transparent);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .055);
}

.zax-community-bubble::before {
    position: absolute;
    top: 0;
    left: -6px;
    width: 10px;
    height: 10px;
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    background: var(--zax-panel);
    content: "";
}

.zax-community-bubble > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.zax-community-bubble > header > span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
}

.zax-community-bubble > header strong {
    color: var(--zax-cyan);
    font-size: 8px;
}

.zax-community-bubble > header em {
    padding: 2px 5px;
    border-radius: 999px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .065);
    font-size: 6px;
    font-style: normal;
}

.zax-community-bubble time {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-message-copy {
    color: var(--zax-soft);
    font-size: 9px;
    line-height: 1.7;
}

.zax-community-message-copy p {
    margin: 7px 0;
}

.zax-community-bubble > footer {
    display: flex;
    gap: 5px;
    padding-top: 4px;
    border-top: 1px solid var(--zax-line);
}

.zax-community-bubble > footer button {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    gap: 3px;
    padding: 3px 6px;
    border: 0;
    border-radius: 7px;
    color: var(--zax-muted);
    background: transparent;
    font-size: 6px;
    cursor: pointer;
}

.zax-community-bubble > footer button.is-active {
    color: #ff7d93;
    background: rgba(255, 125, 147, .06);
}

.zax-community-bubble > footer button:last-child {
    margin-left: auto;
}

.zax-community-replies {
    margin-top: 7px;
    padding: 9px;
    border-radius: 9px;
    background: rgba(0, 0, 0, .055);
}

.zax-community-replies > div {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 7px;
    padding: 6px 0;
}

.zax-community-replies > div > span {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .08);
    font-size: 6px;
    font-weight: 800;
}

.zax-community-replies p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.55;
}

.zax-community-replies p strong,
.zax-community-replies p small {
    display: block;
    color: var(--zax-soft);
    font-size: 7px;
}

.zax-community-replies p small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-replies form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 29px;
    gap: 6px;
    margin-top: 6px;
}

.zax-community-replies input {
    min-width: 0;
    min-height: 30px;
    padding: 6px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    outline: 0;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .025);
    font-size: 7px;
}

.zax-community-replies form button {
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #06251e;
    background: var(--zax-cyan);
    cursor: pointer;
}

.zax-community-empty {
    display: flex;
    min-height: 230px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    color: var(--zax-muted);
    text-align: center;
}

.zax-community-empty > .dashicons {
    width: 36px;
    height: 36px;
    color: var(--zax-violet);
    font-size: 36px;
}

.zax-community-empty strong {
    color: var(--zax-soft);
    font-size: 10px;
}

.zax-community-empty small {
    max-width: 360px;
    font-size: 8px;
}

.zax-community-empty-small {
    min-height: 180px;
}

.zax-message-privacy {
    max-width: none;
    margin-bottom: 14px;
    grid-template-columns: 32px minmax(0, 1fr);
    border-color: rgba(244, 184, 90, .15);
}

.zax-message-privacy > .dashicons {
    color: var(--zax-amber);
}

.zax-community-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.zax-community-section-title > span {
    display: flex;
    flex-direction: column;
}

.zax-community-section-title strong {
    font-size: 10px;
}

.zax-community-section-title small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-community-section-title > b {
    display: grid;
    min-width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 50%;
    color: #06251e;
    background: var(--zax-cyan);
    font-size: 7px;
}

.zax-message-request-list {
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid rgba(154, 140, 255, .14);
    border-radius: 14px;
    background: color-mix(in srgb, var(--zax-panel) 94%, transparent);
}

.zax-message-request-list > article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 10px 0;
    border-top: 1px solid var(--zax-line);
}

.zax-message-request-list > article > div {
    min-width: 0;
}

.zax-message-request-list p {
    margin: 3px 0;
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-message-request-list small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-message-request-list footer {
    display: flex;
    gap: 5px;
}

.zax-message-request-list .zax-button {
    min-height: 29px;
    padding: 5px 8px;
}

.zax-private-chat-layout {
    display: grid;
    grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
    align-items: start;
    gap: 13px;
}

.zax-private-composer,
.zax-private-stream {
    padding: 15px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--zax-panel) 95%, transparent);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .06);
}

.zax-private-composer {
    position: sticky;
    top: 84px;
}

.zax-private-composer > label {
    display: flex;
    margin-top: 10px;
    flex-direction: column;
    gap: 5px;
    color: var(--zax-soft);
    font-size: 7px;
    font-weight: 800;
}

.zax-private-composer select,
.zax-private-composer textarea {
    width: 100%;
    padding: 9px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    outline: 0;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .025);
    font-size: 8px;
}

.zax-private-composer > div:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-top: 10px;
}

.zax-private-composer > div:last-child > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-private-stream > article {
    display: flex;
    align-items: flex-end;
    gap: 7px;
    margin: 9px 0;
}

.zax-private-stream > article.is-mine {
    flex-direction: row-reverse;
}

.zax-private-stream > article > div {
    max-width: 78%;
    padding: 9px 11px;
    border: 1px solid var(--zax-line);
    border-radius: 5px 12px 12px;
    background: rgba(154, 140, 255, .055);
}

.zax-private-stream > article.is-mine > div {
    border-color: rgba(81, 230, 189, .15);
    border-radius: 12px 5px 12px 12px;
    background: rgba(81, 230, 189, .075);
}

.zax-private-stream p {
    margin: 3px 0;
    color: var(--zax-soft);
    font-size: 8px;
    line-height: 1.6;
}

.zax-private-stream small,
.zax-private-stream time {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-member-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.zax-community-member-grid > article {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--zax-panel) 94%, transparent);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .05);
}

.zax-community-member-grid header,
.zax-community-member-grid p {
    grid-column: 1 / -1;
}

.zax-community-member-grid header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 7px;
    align-items: center;
    gap: 8px;
}

.zax-community-member-grid header > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-community-member-grid header strong,
.zax-community-member-grid header small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-community-member-grid header strong {
    font-size: 9px;
}

.zax-community-member-grid header small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-member-grid header i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--zax-muted);
}

.zax-community-member-grid header i.is-contact {
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .07);
}

.zax-community-member-grid p {
    display: -webkit-box;
    min-height: 36px;
    margin: 3px 0;
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 7px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.zax-community-member-grid .zax-button {
    min-height: 30px;
    padding: 6px 8px;
}

.zax-member-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 1px solid rgba(255, 118, 109, .14);
    border-radius: 8px;
    color: var(--zax-red);
    background: rgba(255, 118, 109, .035);
    font-size: 7px;
    cursor: pointer;
}

.zax-community-safety-hero {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    padding: 22px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .1), transparent 30%),
        var(--zax-panel);
}

.zax-community-safety-hero > .dashicons {
    display: grid;
    width: 57px;
    height: 57px;
    place-items: center;
    border-radius: 16px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    font-size: 26px;
}

.zax-community-safety-hero h2 {
    margin: 4px 0;
    font-size: 19px;
}

.zax-community-safety-hero p {
    max-width: 720px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.65;
}

.zax-community-rules {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.zax-community-rules article {
    position: relative;
    padding: 17px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: var(--zax-panel);
}

.zax-community-rules article > span {
    color: var(--zax-violet);
    font-size: 8px;
    font-weight: 900;
}

.zax-community-rules h3 {
    margin: 7px 0 5px;
    font-size: 11px;
}

.zax-community-rules p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.65;
}

.zax-community-safety-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.zax-community-safety-actions a {
    text-decoration: none;
}

@media (max-width: 1100px) {
    .zax-community-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .zax-community-member-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .zax-community-page {
        margin: -8px -10px 0;
    }

    .zax-community-shell {
        display: flex;
        min-height: 0;
        height: auto;
        flex-direction: column;
        overflow: visible;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-community-rail {
        position: sticky;
        z-index: 5;
        top: var(--zax-topbar);
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-community-brand,
    .zax-community-mini-members,
    .zax-community-rail-footer {
        display: none;
    }

    .zax-community-rail > nav {
        display: flex;
        gap: 5px;
        padding: 7px 9px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .zax-community-rail > nav::-webkit-scrollbar {
        display: none;
    }

    .zax-community-rail > nav button {
        min-width: max-content;
        min-height: 38px;
        grid-template-columns: 25px auto auto;
        padding: 5px 8px;
    }

    .zax-community-rail > nav button > .dashicons {
        width: 24px;
        height: 24px;
        font-size: 13px;
    }

    .zax-community-rail > nav small {
        display: none;
    }

    .zax-community-main {
        overflow: visible;
    }

    .zax-community-top {
        top: calc(var(--zax-topbar) + 52px);
        min-height: 58px;
        padding: 9px 12px;
    }

    .zax-community-view {
        min-height: 620px;
        padding: 11px;
    }

    .zax-community-pinned,
    .zax-community-signin {
        grid-template-columns: 26px minmax(0, 1fr);
    }

    .zax-community-pinned > button,
    .zax-community-signin > button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .zax-community-composer {
        grid-template-columns: 31px minmax(0, 1fr);
        padding: 10px;
    }

    .zax-community-avatar {
        width: 31px;
        height: 31px;
    }

    .zax-community-composer footer {
        flex-wrap: wrap;
    }

    .zax-community-composer footer > span {
        display: none;
    }

    .zax-community-message {
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 7px;
    }

    .zax-community-bubble {
        padding: 10px 10px 8px;
    }

    .zax-community-bubble > footer button {
        padding: 3px 4px;
    }

    .zax-message-request-list > article {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .zax-message-request-list footer {
        grid-column: 1 / -1;
    }

    .zax-private-chat-layout,
    .zax-community-member-grid,
    .zax-community-rules {
        grid-template-columns: 1fr;
    }

    .zax-private-composer {
        position: static;
    }

    .zax-community-safety-hero {
        grid-template-columns: 44px minmax(0, 1fr);
        padding: 17px;
    }

    .zax-community-safety-hero > .dashicons {
        width: 43px;
        height: 43px;
        font-size: 21px;
    }
}

.zax-app-splash {
    display: none;
}

.zax-app-splash[hidden],
html.zax-standalone.zax-splash-suppressed .zax-app-splash {
    display: none !important;
}

html.zax-standalone .zax-app-splash {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: flex;
    min-height: 100dvh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    padding:
        max(34px, env(safe-area-inset-top))
        max(22px, env(safe-area-inset-right))
        max(34px, env(safe-area-inset-bottom))
        max(22px, env(safe-area-inset-left));
    color: #f4fbf8;
    background:
        radial-gradient(circle at 50% 38%, rgba(81, 230, 189, .15), transparent 25%),
        radial-gradient(circle at 78% 18%, rgba(154, 140, 255, .11), transparent 24%),
        linear-gradient(160deg, #0b1c17 0%, #06110e 58%, #040a08 100%);
    pointer-events: none;
    isolation: isolate;
    animation: zax-splash-failsafe .55s ease 5.35s forwards;
}

html.zax-standalone .zax-app-splash::before,
html.zax-standalone .zax-app-splash::after {
    position: absolute;
    z-index: -1;
    content: "";
}

html.zax-standalone .zax-app-splash::before {
    inset: 0;
    opacity: .36;
    background-image:
        linear-gradient(rgba(81, 230, 189, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .045) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: radial-gradient(circle at center, #000 0, transparent 72%);
}

html.zax-standalone .zax-app-splash::after {
    width: min(92vw, 620px);
    aspect-ratio: 1;
    border: 1px solid rgba(81, 230, 189, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 55px rgba(81, 230, 189, .018),
        0 0 0 110px rgba(154, 140, 255, .012);
}

html.zax-standalone .zax-app-splash.is-leaving {
    animation: zax-splash-leave .58s cubic-bezier(.45, 0, .25, 1) forwards;
}

.zax-splash-illustration {
    position: relative;
    display: grid;
    width: min(58vw, 224px);
    aspect-ratio: 1;
    place-items: center;
}

.zax-splash-logo {
    position: relative;
    z-index: 4;
    display: grid;
    width: clamp(88px, 28vw, 122px);
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(212, 170, 85, .28);
    border-radius: 28%;
    background: rgba(6, 18, 14, .78);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .08),
        0 0 0 8px rgba(81, 230, 189, .035),
        0 28px 60px rgba(0, 0, 0, .38),
        0 0 54px rgba(81, 230, 189, .13);
    animation: zax-splash-logo-float 2.1s ease-in-out infinite;
}

.zax-splash-logo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.zax-splash-orbit {
    position: absolute;
    border: 1px solid rgba(81, 230, 189, .19);
    border-radius: 50%;
}

.zax-splash-orbit-one {
    inset: 11%;
    animation: zax-splash-spin 7s linear infinite;
}

.zax-splash-orbit-two {
    inset: 0;
    border-color: rgba(154, 140, 255, .16);
    animation: zax-splash-spin-reverse 10s linear infinite;
}

.zax-splash-orbit i {
    position: absolute;
    width: 7px;
    height: 7px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 14px rgba(81, 230, 189, .72);
}

.zax-splash-orbit-one i:first-child { top: 8%; left: 25%; }
.zax-splash-orbit-one i:last-child { right: 10%; bottom: 27%; }
.zax-splash-orbit-two i:first-child { top: 46%; left: -3px; background: var(--zax-violet); }
.zax-splash-orbit-two i:nth-child(2) { top: 13%; right: 16%; }
.zax-splash-orbit-two i:last-child { right: 25%; bottom: 6%; background: #d4aa55; }

.zax-splash-scan {
    position: absolute;
    z-index: 5;
    width: 64%;
    height: 1px;
    overflow: visible;
    background: linear-gradient(90deg, transparent, rgba(81, 230, 189, .9), transparent);
    box-shadow: 0 0 15px rgba(81, 230, 189, .7);
    animation: zax-splash-scan-line 1.8s ease-in-out infinite;
}

.zax-splash-brand {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 18px;
    text-align: center;
}

.zax-splash-brand > span {
    padding: 4px 8px;
    border: 1px solid rgba(212, 170, 85, .2);
    border-radius: 999px;
    color: #e7c878;
    background: rgba(212, 170, 85, .05);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .24em;
}

.zax-splash-brand strong {
    margin-top: 7px;
    font-size: clamp(29px, 9vw, 44px);
    font-weight: 680;
    letter-spacing: -.045em;
}

.zax-splash-brand small {
    margin-top: 3px;
    color: rgba(221, 239, 232, .62);
    font-size: clamp(8px, 2.5vw, 10px);
    letter-spacing: .05em;
}

.zax-splash-progress {
    width: min(58vw, 220px);
    height: 3px;
    overflow: hidden;
    margin-top: 25px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
}

.zax-splash-progress i {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zax-cyan), var(--zax-violet), #d4aa55);
    box-shadow: 0 0 14px rgba(81, 230, 189, .5);
    transform: scaleX(0);
    transform-origin: left;
    animation: zax-splash-progress-fill 4.2s cubic-bezier(.2, .82, .2, 1) .12s forwards;
}

.zax-app-splash > em {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 11px;
    color: rgba(221, 239, 232, .5);
    font-size: 7px;
    font-style: normal;
    font-weight: 740;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-app-splash > em .dashicons {
    width: 12px;
    height: 12px;
    color: var(--zax-cyan);
    font-size: 12px;
}

@keyframes zax-splash-spin {
    to { transform: rotate(360deg); }
}

@keyframes zax-splash-spin-reverse {
    to { transform: rotate(-360deg); }
}

@keyframes zax-splash-logo-float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-6px) scale(1.015); }
}

@keyframes zax-splash-scan-line {
    0%, 100% { transform: translateY(-54px); opacity: .15; }
    50% { transform: translateY(54px); opacity: 1; }
}

@keyframes zax-splash-progress-fill {
    0% { transform: scaleX(0); }
    58% { transform: scaleX(.72); }
    100% { transform: scaleX(1); }
}

@keyframes zax-splash-leave {
    to {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.025);
    }
}

@keyframes zax-splash-failsafe {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

.zax-admin-analytics-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 15px;
}

.zax-admin-currency-split {
    display: flex;
    flex-direction: column;
}

.zax-admin-currency-split > .zax-card-heading > .dashicons {
    color: var(--zax-violet);
}

.zax-admin-currency-split > div:not(.zax-card-heading) {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.zax-admin-currency-split > div > span {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 12px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .02);
}

.zax-admin-currency-split small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-admin-currency-split strong {
    font-size: 11px;
}

.zax-admin-currency-split i {
    grid-column: 1 / -1;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
}

.zax-admin-currency-split i em {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zax-cyan), var(--zax-violet));
    box-shadow: 0 0 12px rgba(81, 230, 189, .32);
}

.zax-admin-currency-split footer {
    display: flex;
    gap: 8px;
    margin-top: auto;
    padding-top: 16px;
}

.zax-admin-currency-split footer button {
    min-height: 34px;
    flex: 1;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .025);
    font-size: 8px;
    cursor: pointer;
}

.zax-admin-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.zax-admin-trust-grid article {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, rgba(154, 140, 255, .07), transparent 42%),
        var(--zax-panel);
}

.zax-admin-trust-grid article > .dashicons {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .055);
}

.zax-admin-trust-grid article > span {
    display: flex;
    flex-direction: column;
}

.zax-admin-trust-grid small {
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-admin-trust-grid strong {
    font-size: 18px;
}

.zax-moderation-report-count {
    display: inline-grid;
    min-width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-moderation-report-count.has-reports {
    border-color: rgba(255, 166, 92, .24);
    color: var(--zax-amber);
    background: rgba(255, 166, 92, .07);
    box-shadow: 0 0 0 4px rgba(255, 166, 92, .035);
}

.zax-order-actions button.is-danger {
    border-color: rgba(255, 103, 118, .2);
    color: #ff8995;
    background: rgba(255, 103, 118, .055);
}

.zax-admin-support-banner {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(154, 140, 255, .16);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(154, 140, 255, .07), rgba(81, 230, 189, .035)),
        var(--zax-panel);
}

.zax-admin-support-banner > svg {
    width: 34px;
    height: 34px;
    color: var(--zax-violet);
}

.zax-admin-support-banner > span {
    display: flex;
    flex-direction: column;
}

.zax-admin-support-banner strong {
    font-size: 10px;
}

.zax-admin-support-banner small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-admin-support-banner > a {
    padding: 8px 11px;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: 9px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .055);
    font-size: 8px;
    font-weight: 750;
    text-decoration: none;
}

.zax-support-preview {
    display: block;
    min-width: 220px;
    max-width: 420px;
    color: var(--zax-soft);
    font-size: 9px;
    line-height: 1.5;
}

.zax-admin-certificate-policy {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
    padding: 19px;
    overflow: hidden;
    border: 1px solid rgba(212, 170, 85, .2);
    border-radius: 17px;
    background:
        radial-gradient(circle at 8% 50%, rgba(212, 170, 85, .11), transparent 20%),
        linear-gradient(135deg, rgba(212, 170, 85, .045), rgba(81, 230, 189, .025)),
        var(--zax-panel);
}

.zax-certificate-mini-seal {
    position: relative;
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 2px solid rgba(212, 170, 85, .62);
    border-radius: 50%;
    color: #e8c977;
    box-shadow: inset 0 0 0 5px rgba(212, 170, 85, .05), 0 0 28px rgba(212, 170, 85, .09);
    font: 800 17px/1 serif;
    letter-spacing: .07em;
}

.zax-certificate-mini-seal i {
    position: absolute;
    inset: 7px;
    border: 1px dashed rgba(212, 170, 85, .38);
    border-radius: 50%;
}

.zax-admin-certificate-policy > div {
    display: flex;
    flex-direction: column;
}

.zax-admin-certificate-policy small {
    color: #d2b568;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.zax-admin-certificate-policy strong {
    margin: 4px 0;
    font-size: 13px;
}

.zax-admin-certificate-policy p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-requirement-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-requirement-state .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.zax-requirement-state.is-complete {
    color: var(--zax-cyan);
}

.zax-admin-login-note {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 13px;
    background:
        linear-gradient(135deg, rgba(81, 230, 189, .055), rgba(154, 140, 255, .035)),
        var(--zax-panel);
}

.zax-admin-login-note > .dashicons {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
}

.zax-admin-login-note > span {
    display: flex;
    flex-direction: column;
}

.zax-admin-login-note strong {
    font-size: 9px;
}

.zax-admin-login-note small {
    margin-top: 2px;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-login-ip {
    display: inline-flex;
    padding: 5px 7px;
    border: 1px solid rgba(154, 140, 255, .15);
    border-radius: 7px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .045);
    font: 730 9px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.zax-device-id {
    display: inline-flex;
    max-width: 170px;
    overflow: hidden;
    padding: 5px 7px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 7px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .045);
    font: 730 8px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-mac-unavailable {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 130px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-mac-unavailable .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-violet);
    font-size: 13px;
}

.zax-login-time {
    color: var(--zax-soft);
    font-size: 9px;
    white-space: nowrap;
}

.zax-meter-animated {
    transform: scaleX(0);
    transform-origin: left center;
}

.zax-meter-animated.is-meter-visible {
    animation: zax-global-meter-fill .95s cubic-bezier(.2, .82, .2, 1) both;
}

@keyframes zax-global-meter-fill {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@media (max-width: 700px) {
    .zax-admin-analytics-grid,
    .zax-admin-trust-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-admin-support-banner {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .zax-admin-support-banner > a {
        grid-column: 1 / -1;
        justify-self: stretch;
        text-align: center;
    }

    .zax-admin-certificate-policy {
        grid-template-columns: 58px minmax(0, 1fr);
        padding: 15px;
    }

    .zax-certificate-mini-seal {
        width: 54px;
        height: 54px;
        font-size: 13px;
    }

    .zax-wallet-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-wallet-balance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-wallet-balance-grid .zax-wallet-card {
        min-height: 168px;
        padding: 22px 16px;
        border-radius: 16px;
    }

    .zax-wallet-balance-grid .zax-wallet-card-top {
        top: 16px;
        right: 16px;
        left: 16px;
    }

    .zax-wallet-balance-grid .zax-wallet-card-top > span:nth-child(2) {
        display: none;
    }

    .zax-wallet-balance-grid .zax-wallet-card > strong {
        overflow-wrap: anywhere;
        font-size: clamp(18px, 5.7vw, 27px);
    }

    .zax-wallet-balance-grid .zax-wallet-card-bottom {
        right: 16px;
        bottom: 15px;
        left: 16px;
    }

    .zax-wallet-balance-grid .zax-wallet-card-bottom span:first-child {
        display: none;
    }

    .zax-wallet-balance-grid .zax-wallet-card-bottom span:last-child {
        margin-left: auto;
    }

    .zax-converter-balances {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
    body.zaxsecurity-portal-page input,
    body.zaxsecurity-portal-page select,
    body.zaxsecurity-portal-page textarea {
        font-size: 16px !important;
    }
}

/* Social community, VIP publishing, and seller marketplace */
.zax-product-seller {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 2px 0 7px;
    color: var(--zax-violet);
    font-size: 7px;
    font-weight: 750;
}

.zax-product-seller .dashicons {
    width: 12px;
    height: 12px;
    color: var(--zax-cyan);
    font-size: 12px;
}

.zax-social-group-hero {
    max-width: 870px;
    margin: 0 auto 12px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: var(--zax-panel);
    box-shadow: 0 18px 55px rgba(0, 0, 0, .09);
}

.zax-social-cover-art {
    position: relative;
    display: grid;
    height: 132px;
    place-items: center;
    overflow: hidden;
    background:
        linear-gradient(rgba(81, 230, 189, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .08) 1px, transparent 1px),
        radial-gradient(circle at 25% 25%, rgba(81, 230, 189, .28), transparent 32%),
        radial-gradient(circle at 78% 40%, rgba(154, 140, 255, .32), transparent 35%),
        #071a19;
    background-size: 26px 26px, 26px 26px, auto, auto, auto;
}

.zax-social-cover-art::after {
    position: absolute;
    inset: auto 0 0;
    height: 55%;
    background: linear-gradient(transparent, rgba(7, 17, 16, .75));
    content: "";
}

.zax-social-cover-art > span {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, .9);
    font-size: 34px;
    font-weight: 950;
    letter-spacing: -.08em;
    text-shadow: 0 0 42px rgba(81, 230, 189, .65);
}

.zax-social-cover-art > i {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 20px var(--zax-cyan);
    animation: zax-social-signal 3.4s ease-in-out infinite;
}

.zax-social-cover-art > i:nth-of-type(1) { top: 26%; left: 18%; }
.zax-social-cover-art > i:nth-of-type(2) { top: 38%; right: 18%; animation-delay: .7s; }
.zax-social-cover-art > i:nth-of-type(3) { right: 38%; bottom: 20%; animation-delay: 1.3s; }

.zax-social-group-info {
    position: relative;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
    padding: 0 18px 17px;
}

.zax-social-group-logo {
    position: relative;
    display: grid;
    width: 66px;
    height: 66px;
    margin-top: -28px;
    place-items: center;
    border: 4px solid var(--zax-panel-solid);
    border-radius: 18px;
    color: #05241d;
    background: linear-gradient(145deg, #a7ffe4, #45d7af);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
    font-size: 17px;
    font-weight: 950;
}

.zax-social-group-logo i {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    border: 3px solid var(--zax-panel-solid);
    border-radius: 50%;
    background: var(--zax-cyan);
}

.zax-social-group-info h2 {
    margin: 3px 0 4px;
    font-size: 18px;
    letter-spacing: -.035em;
}

.zax-social-group-info p {
    max-width: 630px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.5;
}

.zax-social-group-info footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.zax-social-group-info footer span,
.zax-social-joined {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 700;
}

.zax-social-group-info footer .dashicons,
.zax-social-joined .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-cyan);
    font-size: 13px;
}

.zax-social-joined {
    align-self: center;
    padding: 8px 11px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 9px;
    color: var(--zax-text);
    background: rgba(81, 230, 189, .07);
}

.zax-social-composer {
    padding: 15px;
    border-radius: 17px;
}

.zax-social-composer.is-vip {
    border-color: rgba(154, 140, 255, .22);
    background:
        radial-gradient(circle at 100% 0, rgba(154, 140, 255, .07), transparent 35%),
        color-mix(in srgb, var(--zax-panel) 96%, transparent);
}

.zax-social-composer > div > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 9px;
}

.zax-social-composer > div > header > span,
.zax-social-composer > div > header > small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.zax-social-composer > div > header strong {
    font-size: 9px;
}

.zax-social-composer > div > header em {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 6px;
    border-radius: 999px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .09);
    font-size: 6px;
    font-style: normal;
    font-weight: 850;
}

.zax-social-composer > div > header em .dashicons,
.zax-social-composer > div > header small .dashicons {
    width: 11px;
    height: 11px;
    font-size: 11px;
}

.zax-social-composer > div > header small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-vip-format-picker {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 9px 0;
}

.zax-vip-format-picker label {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 5px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-muted);
    background: rgba(127, 150, 143, .035);
    font-size: 7px;
    font-weight: 750;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.zax-vip-format-picker label.is-active {
    border-color: rgba(154, 140, 255, .32);
    color: var(--zax-text);
    background: rgba(154, 140, 255, .1);
}

.zax-vip-format-picker .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-violet);
    font-size: 14px;
}

.zax-vip-format-picker input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.zax-vip-attachment {
    margin: 2px 0 8px;
    padding: 10px;
    border: 1px dashed rgba(154, 140, 255, .24);
    border-radius: 11px;
    background: rgba(154, 140, 255, .035);
}

.zax-vip-attachment[hidden] {
    display: none !important;
}

.zax-vip-attachment > label {
    display: grid;
    grid-template-columns: 25px minmax(130px, .55fr) minmax(160px, 1fr);
    align-items: center;
    gap: 9px;
}

.zax-vip-attachment > label > .dashicons {
    color: var(--zax-violet);
}

.zax-vip-attachment > label > span {
    display: flex;
    flex-direction: column;
}

.zax-vip-attachment strong {
    font-size: 8px;
}

.zax-vip-attachment small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-vip-attachment input,
.zax-vip-attachment select {
    min-width: 0;
    width: 100%;
    padding: 8px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    outline: 0;
    color: var(--zax-text);
    background: var(--zax-panel-solid);
    font-size: 7px;
}

.zax-vip-attachment > button {
    margin: 8px 0 0 34px;
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: none;
    font-size: 7px;
    cursor: pointer;
}

.zax-standard-post-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
    padding: 9px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .035);
}

.zax-standard-post-note > span {
    display: flex;
    flex-direction: column;
}

.zax-standard-post-note strong { color: var(--zax-text); font-size: 7px; }
.zax-standard-post-note small { color: var(--zax-muted); font-size: 6px; }

.zax-community-message {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    margin-bottom: 14px;
}

.zax-community-message > .zax-community-avatar {
    width: 42px;
    height: 42px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

.zax-community-bubble {
    padding: 15px 16px 10px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--zax-panel) 98%, transparent);
    box-shadow: 0 15px 42px rgba(0, 0, 0, .07);
}

.zax-community-bubble::before {
    display: none;
}

.zax-community-bubble > header > span {
    flex-wrap: wrap;
}

.zax-community-bubble > header strong {
    color: var(--zax-text);
    font-size: 9px;
}

.zax-community-bubble > header small {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-community-bubble > header small .dashicons {
    width: 10px;
    height: 10px;
    font-size: 10px;
}

.zax-community-vip-badge,
.zax-member-vip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 5px;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: 999px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .08);
    font-size: 6px;
    font-style: normal;
    font-weight: 900;
}

.zax-community-vip-badge .dashicons,
.zax-member-vip .dashicons {
    width: 10px;
    height: 10px;
    font-size: 10px;
}

.zax-community-message-copy {
    font-size: 9px;
    line-height: 1.75;
}

.zax-social-post-image {
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: var(--zax-panel-solid);
}

.zax-social-post-image img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
}

.zax-social-link-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 11px;
    margin: 10px 0;
    padding: 12px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    color: var(--zax-text);
    background: linear-gradient(145deg, rgba(154, 140, 255, .07), rgba(81, 230, 189, .035));
    text-decoration: none;
}

.zax-social-link-card > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .1);
}

.zax-social-link-card > div {
    min-width: 0;
}

.zax-social-link-card small,
.zax-social-link-card strong,
.zax-social-link-card p {
    display: block;
}

.zax-social-link-card small { color: var(--zax-violet); font-size: 6px; text-transform: uppercase; }
.zax-social-link-card strong { margin: 2px 0; font-size: 9px; }
.zax-social-link-card p { overflow: hidden; margin: 0; color: var(--zax-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.zax-social-link-card > .dashicons { color: var(--zax-muted); }

.zax-social-product-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 10px 0;
    padding: 13px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .1), transparent 40%),
        rgba(81, 230, 189, .035);
}

.zax-social-product-card > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .1);
}

.zax-social-product-card small { color: var(--zax-cyan); font-size: 6px; font-weight: 850; text-transform: uppercase; }
.zax-social-product-card strong { display: block; margin: 3px 0; font-size: 10px; }
.zax-social-product-card p { margin: 0 0 4px; color: var(--zax-muted); font-size: 7px; }
.zax-social-product-card em { color: var(--zax-soft); font-size: 7px; font-style: normal; font-weight: 800; }
.zax-social-product-card .zax-button { min-height: 31px; padding: 6px 9px; white-space: nowrap; }

.zax-community-bubble > footer {
    justify-content: space-around;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
}

.zax-community-bubble > footer button {
    justify-content: center;
    flex: 1;
    min-height: 30px;
    font-size: 7px;
}

.zax-community-bubble > footer button:last-child {
    flex: 0 0 auto;
    margin-left: 0;
}

.zax-seller-hero {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    max-width: 980px;
    margin: 0 auto 13px;
    padding: 18px;
    border: 1px solid rgba(154, 140, 255, .22);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(154, 140, 255, .1), rgba(81, 230, 189, .04));
}

.zax-seller-hero > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .12);
}

.zax-seller-hero h2 { margin: 3px 0; font-size: 17px; }
.zax-seller-hero p { margin: 0; color: var(--zax-muted); font-size: 8px; }
.zax-seller-hero > em { display: inline-flex; align-items: center; gap: 5px; color: var(--zax-violet); font-size: 7px; font-style: normal; font-weight: 850; }

.zax-seller-layout {
    display: grid;
    max-width: 980px;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    align-items: start;
    gap: 13px;
    margin: 0 auto;
}

.zax-seller-form,
.zax-seller-listings {
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: var(--zax-panel);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .07);
}

.zax-seller-form .zax-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zax-seller-form label > small {
    color: var(--zax-muted);
    font-size: 6px;
}

.zax-seller-payout-note {
    display: flex;
    gap: 9px;
    margin: 12px 0;
    padding: 10px;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .04);
}

.zax-seller-payout-note > span { display: flex; flex-direction: column; }
.zax-seller-payout-note strong { color: var(--zax-text); font-size: 8px; }
.zax-seller-payout-note small { color: var(--zax-muted); font-size: 6px; line-height: 1.45; }

.zax-seller-listings > article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 9px;
    margin-top: 9px;
    padding: 11px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(127, 150, 143, .025);
}

.zax-seller-listings > article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 10px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .08);
}

.zax-seller-listings article small { color: var(--zax-muted); font-size: 6px; }
.zax-seller-listings article strong { display: block; margin: 2px 0; font-size: 8px; }
.zax-seller-listings article p { margin: 0; color: var(--zax-muted); font-size: 7px; line-height: 1.5; }
.zax-seller-listings article em { display: inline-flex; align-items: center; gap: 3px; margin-top: 6px; color: var(--zax-cyan); font-size: 6px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.zax-seller-listings article em .dashicons { width: 11px; height: 11px; font-size: 11px; }
.zax-seller-listings article > button { grid-column: 2; justify-self: start; padding: 4px 0; border: 0; color: var(--zax-cyan); background: none; font-size: 7px; font-weight: 800; cursor: pointer; }

.zax-vendor-review-section {
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(154, 140, 255, .065), var(--zax-panel));
}

.zax-vendor-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 13px;
}

.zax-vendor-review-grid > article {
    padding: 15px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: var(--zax-panel);
}

.zax-vendor-review-grid article > header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.zax-vendor-review-grid header > div { display: flex; min-width: 0; flex-direction: column; }
.zax-vendor-review-grid header small,
.zax-vendor-review-grid header em { color: var(--zax-muted); font-size: 6px; font-style: normal; }
.zax-vendor-review-grid header strong { font-size: 8px; }

.zax-vendor-product-preview {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 9px;
    margin: 12px 0;
    padding: 10px;
    border-radius: 10px;
    background: rgba(127, 150, 143, .045);
}

.zax-vendor-product-preview > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-vendor-product-preview small { color: var(--zax-cyan); font-size: 6px; }
.zax-vendor-product-preview h3 { margin: 2px 0 4px; font-size: 10px; }
.zax-vendor-product-preview p { margin: 0; color: var(--zax-muted); font-size: 7px; line-height: 1.5; }
.zax-vendor-review-grid dl { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 0; }
.zax-vendor-review-grid dl div { padding: 8px; border: 1px solid var(--zax-line); border-radius: 8px; }
.zax-vendor-review-grid dt { color: var(--zax-muted); font-size: 6px; }
.zax-vendor-review-grid dd { margin: 2px 0 0; font-size: 7px; font-weight: 750; }
.zax-vendor-review-grid article > footer { display: flex; gap: 7px; margin-top: 11px; }

.zax-learner-card > footer {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.zax-learner-card > footer button {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-muted);
    background: rgba(127, 150, 143, .04);
    cursor: pointer;
}

.zax-learner-card.is-vip {
    border-color: rgba(154, 140, 255, .24);
}

@keyframes zax-social-signal {
    0%, 100% { opacity: .35; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1.25); }
}

@media (max-width: 900px) {
    .zax-seller-layout,
    .zax-vendor-review-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 680px) {
    .zax-social-cover-art {
        height: 105px;
    }

    .zax-social-group-info {
        grid-template-columns: 54px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        padding: 0 12px 13px;
    }

    .zax-social-group-logo {
        width: 54px;
        height: 54px;
        margin-top: -20px;
        border-radius: 15px;
        font-size: 14px;
    }

    .zax-social-group-info h2 {
        font-size: 16px;
    }

    .zax-social-joined {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .zax-social-composer {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 8px;
        padding: 11px;
    }

    .zax-social-composer > div > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .zax-vip-format-picker {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .zax-vip-attachment > label {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .zax-vip-attachment input,
    .zax-vip-attachment select {
        grid-column: 1 / -1;
    }

    .zax-community-message {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 7px;
    }

    .zax-community-message > .zax-community-avatar {
        width: 32px;
        height: 32px;
    }

    .zax-community-bubble {
        padding: 12px 11px 8px;
        border-radius: 13px;
    }

    .zax-community-bubble > header {
        align-items: flex-start;
    }

    .zax-community-bubble > header > span {
        gap: 4px;
    }

    .zax-community-bubble > header small {
        width: 100%;
    }

    .zax-social-product-card {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .zax-social-product-card > span {
        width: 40px;
        height: 40px;
    }

    .zax-social-product-card .zax-button {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .zax-seller-hero {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 14px;
    }

    .zax-seller-hero > span {
        width: 40px;
        height: 40px;
    }

    .zax-seller-hero > em {
        grid-column: 2;
    }

    .zax-seller-form,
    .zax-seller-listings,
    .zax-vendor-review-section {
        padding: 13px;
    }

    .zax-seller-form .zax-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-vendor-review-grid article > footer {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Beginner foundation academy */
.zax-foundation-track {
    position: relative;
    margin-top: 22px;
}

.zax-foundation-track::before {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 5%;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(81, 230, 189, .08);
    content: "";
    filter: blur(90px);
    pointer-events: none;
}

.zax-foundation-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    align-items: stretch;
    gap: 16px;
}

.zax-foundation-intro > div,
.zax-foundation-progress-card {
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background: linear-gradient(145deg, var(--zax-panel), rgba(81, 230, 189, .025));
    box-shadow: 0 20px 70px rgba(0, 0, 0, .08);
}

.zax-foundation-intro > div {
    padding: clamp(22px, 3vw, 34px);
}

.zax-foundation-intro h2 {
    max-width: 680px;
    margin: 8px 0 10px;
    font-size: clamp(23px, 3vw, 34px);
    line-height: 1.08;
    letter-spacing: -.045em;
}

.zax-foundation-intro > div > p {
    max-width: 760px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 12px;
    line-height: 1.75;
}

.zax-foundation-progress-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 23px;
    background:
        radial-gradient(circle at 90% 0, rgba(154, 140, 255, .13), transparent 45%),
        linear-gradient(145deg, var(--zax-panel), rgba(81, 230, 189, .035));
}

.zax-foundation-progress-card > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.zax-foundation-progress-card > div span {
    color: var(--zax-soft);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.zax-foundation-progress-card > div strong {
    color: var(--zax-cyan);
    font-size: 29px;
    line-height: 1;
    letter-spacing: -.05em;
}

.zax-foundation-progress {
    display: block;
    height: 8px;
    margin: 18px 0 10px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    background: rgba(127, 150, 143, .12);
}

.zax-foundation-progress i {
    display: block;
    width: var(--zax-foundation-progress);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zax-cyan), var(--zax-violet));
    box-shadow: 0 0 18px rgba(81, 230, 189, .55);
    transition: width .8s cubic-bezier(.2, .82, .2, 1);
}

.zax-foundation-track.is-chart-visible .zax-foundation-progress i {
    animation: zax-foundation-fill 1.1s cubic-bezier(.2, .82, .2, 1) both;
}

.zax-foundation-progress-card > p {
    margin: 0;
    color: var(--zax-text);
    font-size: 11px;
    font-weight: 700;
}

.zax-foundation-progress-card > small {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid var(--zax-line);
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.45;
}

.zax-foundation-progress-card > small .dashicons {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: var(--zax-cyan);
    font-size: 15px;
}

.zax-foundation-method {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 30px;
}

.zax-foundation-method article {
    display: flex;
    min-width: 0;
    gap: 11px;
    padding: 15px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: rgba(127, 150, 143, .035);
}

.zax-foundation-method article > span {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    font-size: 9px;
    font-weight: 850;
}

.zax-foundation-method strong {
    display: block;
    margin: 1px 0 4px;
    font-size: 11px;
}

.zax-foundation-method p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.5;
}

.zax-foundation-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 30px 0 14px;
}

.zax-foundation-section-heading h2 {
    margin: 5px 0 4px;
    font-size: clamp(20px, 2.5vw, 28px);
    letter-spacing: -.04em;
}

.zax-foundation-section-heading p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-foundation-sequence {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-soft);
    background: var(--zax-panel);
    font-size: 9px;
    font-weight: 750;
}

.zax-foundation-sequence .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-cyan);
    font-size: 14px;
}

.zax-foundation-course-list {
    display: grid;
    gap: 11px;
}

.zax-foundation-course {
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: var(--zax-panel);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .055);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.zax-foundation-course[open] {
    border-color: rgba(81, 230, 189, .26);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .1);
}

.zax-foundation-course.is-complete {
    border-color: rgba(81, 230, 189, .32);
}

.zax-foundation-course > summary {
    display: grid;
    grid-template-columns: 36px 42px minmax(0, 1fr) auto 26px;
    align-items: center;
    gap: 13px;
    padding: 18px 20px;
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.zax-foundation-course > summary::-webkit-details-marker,
.zax-knowledge-check > summary::-webkit-details-marker {
    display: none;
}

.zax-foundation-number {
    color: var(--zax-muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .12em;
}

.zax-foundation-course-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .11), rgba(154, 140, 255, .055));
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

.zax-foundation-course-icon .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.zax-foundation-course-copy {
    min-width: 0;
}

.zax-foundation-course-copy small,
.zax-foundation-project header small {
    display: block;
    margin-bottom: 3px;
    color: var(--zax-cyan);
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-foundation-course-copy strong {
    display: block;
    font-size: 15px;
    letter-spacing: -.025em;
}

.zax-foundation-course-copy p {
    margin: 5px 0 0;
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-foundation-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(127, 150, 143, .04);
}

.zax-foundation-status .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-cyan);
    font-size: 14px;
}

.zax-foundation-status em {
    font-size: 8px;
    font-style: normal;
    font-weight: 750;
}

.zax-foundation-chevron {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 8px;
    color: var(--zax-muted);
    background: rgba(127, 150, 143, .07);
    transition: transform .25s ease, color .25s ease;
}

.zax-foundation-chevron .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.zax-foundation-course[open] .zax-foundation-chevron {
    color: var(--zax-cyan);
    transform: rotate(180deg);
}

.zax-foundation-course-body {
    padding: 0 20px 20px 111px;
    border-top: 1px solid var(--zax-line);
}

.zax-foundation-objectives {
    display: grid;
    grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr);
    gap: 22px;
    padding: 19px 0;
}

.zax-foundation-objectives > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.zax-foundation-objectives > div > span {
    display: grid;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    place-items: center;
    border-radius: 10px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .1);
}

.zax-foundation-objectives > div > span .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-foundation-objectives small,
.zax-foundation-project section > small,
.zax-foundation-deliverables > small {
    display: block;
    margin-bottom: 5px;
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-foundation-objectives h3 {
    margin: 0;
    font-size: 12px;
}

.zax-foundation-objectives ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zax-foundation-objectives li {
    display: flex;
    gap: 8px;
    color: var(--zax-soft);
    font-size: 9px;
    line-height: 1.55;
}

.zax-foundation-objectives li .dashicons {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    margin-top: 1px;
    color: var(--zax-cyan);
    font-size: 14px;
}

.zax-foundation-lessons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.zax-foundation-lessons article {
    display: flex;
    min-width: 0;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(127, 150, 143, .027);
}

.zax-foundation-lessons article > span {
    display: grid;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    place-items: center;
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
    font-size: 9px;
    font-weight: 850;
}

.zax-foundation-lessons small {
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.zax-foundation-lessons h3 {
    margin: 3px 0 7px;
    font-size: 12px;
}

.zax-foundation-lessons p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.65;
}

.zax-knowledge-check {
    margin-top: 11px;
    overflow: hidden;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 14px;
    background: rgba(154, 140, 255, .04);
}

.zax-knowledge-check > summary {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 11px;
    padding: 14px 16px;
    list-style: none;
    cursor: pointer;
}

.zax-knowledge-check > summary > span:first-child {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .11);
}

.zax-knowledge-check > summary > span:first-child .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.zax-knowledge-check > summary small,
.zax-knowledge-check > summary strong,
.zax-knowledge-check > summary em {
    display: block;
}

.zax-knowledge-check > summary small {
    margin-bottom: 3px;
    color: var(--zax-violet);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zax-knowledge-check > summary strong {
    font-size: 10px;
    line-height: 1.4;
}

.zax-knowledge-check > summary em {
    margin-top: 4px;
    color: var(--zax-muted);
    font-size: 8px;
    font-style: normal;
}

.zax-community-avatar.is-vip {
    position: relative;
    border-color: rgba(255, 211, 85, .45);
    color: #e7bb46;
    background: linear-gradient(145deg, rgba(255, 211, 85, .1), rgba(154, 140, 255, .08));
}

.zax-profile-vip-badge {
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 4px;
    margin: 2px 0 7px;
    padding: 5px 8px;
    border: 1px solid rgba(255, 211, 85, .44);
    border-radius: 999px;
    color: #2b1a00;
    background: linear-gradient(135deg, #fff0a0, #e7b335);
    box-shadow: 0 5px 16px rgba(233, 184, 63, .17);
    font-size: 8px;
}

.zax-profile-vip-badge .dashicons {
    width: 13px;
    height: 13px;
    font-size: 13px;
}

.zax-comment-reply-target[hidden] {
    display: none !important;
}

.zax-member-profile-sheet [hidden] {
    display: none !important;
}

.zax-knowledge-check > summary > .dashicons:last-child {
    width: 17px;
    height: 17px;
    color: var(--zax-violet);
    font-size: 17px;
    transition: transform .25s ease;
}

.zax-knowledge-check[open] > summary > .dashicons:last-child {
    transform: rotate(45deg);
}

.zax-knowledge-check > div {
    margin: 0 16px 15px 61px;
    padding: 14px 15px;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 12px;
    background: rgba(81, 230, 189, .045);
}

.zax-knowledge-check > div span {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-knowledge-check > div p {
    margin: 6px 0 8px;
    color: var(--zax-soft);
    font-size: 9px;
    line-height: 1.65;
}

.zax-knowledge-check > div small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-foundation-complete-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid var(--zax-line);
}

.zax-foundation-complete-row strong,
.zax-foundation-complete-row small {
    display: block;
}

.zax-foundation-complete-row strong {
    margin-bottom: 3px;
    font-size: 10px;
}

.zax-foundation-complete-row small {
    max-width: 590px;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.45;
}

.zax-foundation-complete-row .zax-button,
.zax-foundation-project footer .zax-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

.zax-foundation-project-heading {
    margin-top: 38px;
}

.zax-foundation-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.zax-foundation-project {
    position: relative;
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background:
        linear-gradient(145deg, var(--zax-panel), rgba(154, 140, 255, .025));
    box-shadow: 0 18px 60px rgba(0, 0, 0, .07);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.zax-foundation-project::after {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(154, 140, 255, .07);
    content: "";
    filter: blur(30px);
    pointer-events: none;
}

.zax-foundation-project:hover {
    border-color: rgba(81, 230, 189, .25);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .11);
    transform: translateY(-2px);
}

.zax-foundation-project.is-complete {
    border-color: rgba(81, 230, 189, .34);
}

.zax-foundation-project > header {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
}

.zax-foundation-project header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.zax-foundation-project header > em {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    padding: 5px 7px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-muted);
    font-size: 7px;
    font-style: normal;
    font-weight: 750;
    white-space: nowrap;
}

.zax-foundation-project header > em .dashicons {
    width: 12px;
    height: 12px;
    color: var(--zax-cyan);
    font-size: 12px;
}

.zax-foundation-project-goal {
    margin: 17px 0;
    padding: 13px 14px;
    border-left: 2px solid var(--zax-cyan);
    border-radius: 0 11px 11px 0;
    color: var(--zax-muted);
    background: rgba(81, 230, 189, .045);
    font-size: 9px;
    line-height: 1.6;
}

.zax-foundation-project-goal strong {
    display: block;
    margin-bottom: 3px;
    color: var(--zax-text);
    font-size: 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-foundation-project section {
    margin-top: 2px;
}

.zax-foundation-project ol {
    display: grid;
    gap: 8px;
    margin: 9px 0 16px;
    padding: 0;
    list-style: none;
}

.zax-foundation-project ol li {
    display: flex;
    gap: 9px;
}

.zax-foundation-project ol li > span {
    display: grid;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 7px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .05);
    font-size: 8px;
    font-weight: 850;
}

.zax-foundation-project ol p {
    margin: 2px 0 0;
    color: var(--zax-soft);
    font-size: 8.5px;
    line-height: 1.55;
}

.zax-foundation-deliverables > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 15px;
}

.zax-foundation-deliverables > div span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-soft);
    background: rgba(127, 150, 143, .04);
    font-size: 7.5px;
    font-weight: 700;
}

.zax-foundation-deliverables > div .dashicons {
    width: 12px;
    height: 12px;
    color: var(--zax-violet);
    font-size: 12px;
}

.zax-foundation-success,
.zax-foundation-safety {
    display: flex;
    gap: 9px;
    margin-top: 8px;
    padding: 11px;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 11px;
    background: rgba(81, 230, 189, .035);
}

.zax-foundation-safety {
    border-color: rgba(244, 184, 90, .18);
    background: rgba(244, 184, 90, .045);
}

.zax-foundation-success > span,
.zax-foundation-safety > span {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--zax-cyan);
}

.zax-foundation-safety > span {
    color: var(--zax-amber);
}

.zax-foundation-success .dashicons,
.zax-foundation-safety .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-foundation-success p,
.zax-foundation-safety p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-foundation-success strong,
.zax-foundation-safety strong {
    display: block;
    margin-bottom: 3px;
    color: var(--zax-text);
    font-size: 8px;
}

.zax-foundation-project > footer {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 15px;
}

.zax-academy-marketplace-heading {
    margin-top: 45px;
}

.zax-academy-marketplace-heading p {
    max-width: 620px;
    margin: 5px 0 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.5;
}

@keyframes zax-foundation-fill {
    from { width: 0; }
    to { width: var(--zax-foundation-progress); }
}

@media (max-width: 1050px) {
    .zax-foundation-method {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-foundation-course-body {
        padding-left: 20px;
    }
}

@media (max-width: 780px) {
    .zax-foundation-intro,
    .zax-foundation-project-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-foundation-course > summary {
        grid-template-columns: 30px 38px minmax(0, 1fr) 24px;
        gap: 9px;
        padding: 15px;
    }

    .zax-foundation-number {
        font-size: 9px;
    }

    .zax-foundation-course-icon {
        width: 38px;
        height: 38px;
    }

    .zax-foundation-status {
        display: none;
    }

    .zax-foundation-objectives {
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
    }
}

@media (max-width: 600px) {
    .zax-foundation-track {
        margin-top: 14px;
    }

    .zax-foundation-intro > div,
    .zax-foundation-progress-card {
        border-radius: 17px;
    }

    .zax-foundation-intro > div,
    .zax-foundation-progress-card {
        padding: 18px;
    }

    .zax-foundation-intro h2 {
        font-size: 23px;
    }

    .zax-foundation-method {
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 24px;
    }

    .zax-foundation-method article {
        padding: 13px;
    }

    .zax-foundation-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .zax-foundation-section-heading h2 {
        font-size: 22px;
    }

    .zax-foundation-course {
        border-radius: 15px;
    }

    .zax-foundation-course > summary {
        grid-template-columns: 27px 36px minmax(0, 1fr) 22px;
        gap: 8px;
        padding: 13px 12px;
    }

    .zax-foundation-course-icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    .zax-foundation-course-copy strong {
        font-size: 13px;
    }

    .zax-foundation-course-copy p {
        display: none;
    }

    .zax-foundation-course-copy small {
        font-size: 7px;
    }

    .zax-foundation-course-body {
        padding: 0 12px 15px;
    }

    .zax-foundation-objectives {
        padding: 15px 0;
    }

    .zax-foundation-lessons {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-foundation-lessons article {
        padding: 14px 12px;
    }

    .zax-foundation-lessons p,
    .zax-foundation-project ol p {
        font-size: 9px;
    }

    .zax-knowledge-check > summary {
        grid-template-columns: 32px minmax(0, 1fr) 18px;
        gap: 9px;
        padding: 13px 11px;
    }

    .zax-knowledge-check > summary > span:first-child {
        width: 32px;
        height: 32px;
    }

    .zax-knowledge-check > div {
        margin: 0 10px 11px;
    }

    .zax-foundation-complete-row {
        align-items: stretch;
        flex-direction: column;
    }

    .zax-foundation-complete-row .zax-button,
    .zax-foundation-project footer .zax-button {
        width: 100%;
        justify-content: center;
    }

    .zax-foundation-project {
        padding: 16px;
        border-radius: 16px;
    }

    .zax-foundation-project > header {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .zax-foundation-project header > em {
        grid-column: 2;
        justify-self: start;
    }
}

/* Professional readability scale
 * Keeps the silk interface compact while removing the 6–9px microcopy that
 * was difficult to read on laptops and phones. Component selectors below are
 * intentionally authoritative because several compact/mobile rules appear
 * earlier in this stylesheet.
 */
body.zaxsecurity-portal-page {
    font-size: 16px;
    line-height: 1.58;
}

.zax-app small {
    font-size: 10px !important;
    line-height: 1.48;
}

.zax-app p,
.zax-app li,
.zax-app td,
.zax-app textarea,
.zax-app input,
.zax-app select,
.zax-app button {
    text-rendering: optimizeLegibility;
}

.zax-app p,
.zax-app li,
.zax-community-message-copy,
.zax-community-replies p {
    overflow-wrap: anywhere;
}

/* Navigation and persistent shell */
.zax-nav-label,
.zax-nav button b,
.zax-nav button em,
.zax-sidebar-footer,
.zax-home-nav-brand small,
.zax-search-trigger kbd,
.zax-mode-switch small,
.zax-profile-button small {
    font-size: 10px !important;
}

.zax-sidebar-wallet small,
.zax-sidebar-wallet em,
.zax-wallet-chip span small {
    font-size: 10px !important;
}

.zax-sidebar-wallet strong,
.zax-wallet-chip span,
.zax-home-topnav nav button,
.zax-search-trigger .zax-search-label,
.zax-mode-switch strong,
.zax-profile-button strong {
    font-size: 11px !important;
}

.zax-eyebrow,
.zax-live-label,
.zax-date-chip,
.zax-status-chip,
.zax-trend-positive,
.zax-hero-actions > span,
.zax-section-heading > button {
    font-size: 10px !important;
}

/* Dashboard cards, progress, and supporting copy */
.zax-card-heading p,
.zax-topup-panel > p,
.zax-empty-state p,
.zax-profile-locked p,
.zax-lab-card p,
.zax-lab-card small,
.zax-setting-row small,
.zax-integration-grid p,
.zax-learner-card > div p,
.zax-learner-card > div small,
.zax-health-list small,
.zax-signal-feed small,
.zax-report-grid small,
.zax-install-steps small,
.zax-command-results small,
.zax-command-dialog > small {
    font-size: 11px !important;
    line-height: 1.58;
}

.zax-readiness-list > span,
.zax-readiness-list strong,
.zax-score-ring span,
.zax-stat-grid small,
.zax-stat-grid em,
.zax-stat-grid button,
.zax-progress-row > span,
.zax-academy-metrics span,
.zax-table-toolbar > span,
.zax-pagination,
.zax-fine-print {
    font-size: 10px !important;
}

.zax-button-small,
.zax-card-heading button:not(.zax-button),
.zax-pagination button,
.zax-table-action,
.zax-receipt-link {
    font-size: 10px !important;
}

/* Market and Academy cards */
.zax-product-meta,
.zax-product-badge,
.zax-product-seller,
.zax-product-footer small,
.zax-progress-row > span {
    font-size: 10px !important;
    line-height: 1.4;
}

.zax-product-body > p,
.zax-academy-banner p,
.zax-lab-card p {
    font-size: 12px !important;
    line-height: 1.58;
}

.zax-product-footer .zax-button,
.zax-product-filter button,
.zax-lab-card > .zax-button {
    font-size: 11px !important;
}

/* Wallet, checkout, forms, and data tables */
.zax-wallet-card-top,
.zax-wallet-card-bottom,
.zax-wallet-card > small,
.zax-dual-topups > section > header small,
.zax-topup-options span,
.zax-checkout-summary small,
.zax-checkout-spec-grid small,
.zax-checkout-wallet-review small,
.zax-wallet-only-note small,
.zax-checkout-note {
    font-size: 10px !important;
}

.zax-form-grid label > span,
.zax-modal form > label > span,
.zax-payment-proof label > span,
.zax-seller-form label > small {
    font-size: 11px !important;
    line-height: 1.45;
}

.zax-form-grid input,
.zax-form-grid textarea,
.zax-form-grid select,
.zax-modal input,
.zax-modal textarea,
.zax-modal select,
.zax-payment-proof input,
.zax-payment-proof textarea,
.zax-payment-proof select {
    font-size: 12px !important;
    line-height: 1.45;
}

.zax-table th {
    font-size: 10px !important;
    line-height: 1.4;
}

.zax-table td,
.zax-table-primary {
    font-size: 12px !important;
    line-height: 1.5;
}

.zax-table td > small,
.zax-table-primary small,
.zax-receipt-link,
.zax-table-action {
    font-size: 10px !important;
}

/* Professional profile details */
.zax-profile-identity > p,
.zax-profile-detail-list small,
.zax-achievement-row p,
.zax-profile-bottom-grid p {
    font-size: 11px !important;
    line-height: 1.55;
}

.zax-profile-identity > div span,
.zax-profile-stat-grid small,
.zax-profile-stat-grid em,
.zax-profile-stat-grid button,
.zax-profile-completion {
    font-size: 10px !important;
}

.zax-profile-detail-list strong,
.zax-achievement-row strong {
    font-size: 11px !important;
}

/* Social community, messaging, and VIP Seller Studio */
.zax-community-brand small,
.zax-community-brand em,
.zax-community-rail > nav small,
.zax-community-mini-members small,
.zax-community-rail-footer small,
.zax-community-top small,
.zax-community-pinned small,
.zax-community-signin small,
.zax-message-privacy small,
.zax-community-section-title small,
.zax-community-bubble time,
.zax-community-bubble > header em,
.zax-community-bubble > header small,
.zax-community-vip-badge,
.zax-chat-date span,
.zax-social-group-info footer span,
.zax-social-joined,
.zax-social-composer > div > header em,
.zax-social-composer > div > header small {
    font-size: 10px !important;
    line-height: 1.4;
}

.zax-community-rail > nav strong,
.zax-community-mini-members strong,
.zax-community-rail-footer strong,
.zax-community-top strong,
.zax-community-pinned strong,
.zax-community-signin strong,
.zax-message-privacy strong,
.zax-community-section-title strong,
.zax-community-bubble > header strong,
.zax-community-replies p strong,
.zax-message-request-list p,
.zax-community-member-grid header strong,
.zax-social-composer > div > header strong {
    font-size: 11px !important;
}

.zax-community-composer textarea,
.zax-community-replies input,
.zax-community-message-copy p,
.zax-community-replies p,
.zax-community-member-grid p,
.zax-community-safety-hero p,
.zax-community-rules p,
.zax-social-group-info p {
    font-size: 12px !important;
    line-height: 1.62;
}

.zax-community-composer footer label,
.zax-community-composer select,
.zax-community-bubble > footer button,
.zax-message-request-list .zax-button,
.zax-community-member-grid .zax-button,
.zax-vip-format-picker label,
.zax-vip-attachment input,
.zax-vip-attachment select,
.zax-vip-attachment strong,
.zax-vip-attachment small {
    font-size: 10px !important;
}

.zax-social-link-card small,
.zax-social-product-card small,
.zax-social-product-card em,
.zax-seller-hero > em,
.zax-seller-payout-note small,
.zax-seller-listings article small,
.zax-seller-listings article em,
.zax-seller-listings article > button {
    font-size: 10px !important;
}

.zax-social-link-card strong,
.zax-social-link-card p,
.zax-social-product-card p,
.zax-seller-hero p,
.zax-seller-payout-note strong,
.zax-seller-listings article strong,
.zax-seller-listings article p {
    font-size: 11px !important;
    line-height: 1.55;
}

.zax-social-product-card strong {
    font-size: 12px !important;
}

/* Cybersecurity Foundations learning track */
.zax-foundation-intro p,
.zax-academy-marketplace-heading p {
    font-size: 12px !important;
    line-height: 1.62;
}

.zax-foundation-method p,
.zax-foundation-course-copy p,
.zax-foundation-objectives p,
.zax-foundation-lessons p,
.zax-knowledge-check > div p,
.zax-foundation-project-goal,
.zax-foundation-project ol p,
.zax-foundation-success p,
.zax-foundation-safety p,
.zax-foundation-complete-row small {
    font-size: 11px !important;
    line-height: 1.62;
}

.zax-foundation-method strong,
.zax-foundation-objectives strong,
.zax-foundation-lessons strong,
.zax-knowledge-check strong,
.zax-foundation-project-goal strong,
.zax-foundation-success strong,
.zax-foundation-safety strong,
.zax-foundation-complete-row strong {
    font-size: 11px !important;
}

.zax-foundation-course-copy small,
.zax-foundation-number,
.zax-foundation-status,
.zax-knowledge-check > div small,
.zax-foundation-project header > em,
.zax-foundation-project ol li > span,
.zax-foundation-deliverables > div span {
    font-size: 10px !important;
}

/* TikTok Live page supporting copy */
.zax-live-notice > span,
.zax-live-notice strong,
.zax-live-identity small,
.zax-live-comment,
.zax-live-comment em,
.zax-live-status-pill,
.zax-live-info-grid p,
.zax-live-topics li,
.zax-live-support-link {
    font-size: 11px !important;
    line-height: 1.55;
}

@media (max-width: 780px) {
    body.zaxsecurity-portal-page {
        font-size: 15px;
    }

    .zax-form-grid input,
    .zax-form-grid textarea,
    .zax-form-grid select,
    .zax-modal input,
    .zax-modal textarea,
    .zax-modal select,
    .zax-payment-proof input,
    .zax-payment-proof textarea,
    .zax-payment-proof select,
    .zax-community-composer textarea,
    .zax-community-replies input,
    .zax-vip-attachment input,
    .zax-vip-attachment select {
        font-size: 16px !important;
    }

    .zax-mobile-dock span:not(.dashicons):not(.zax-tiktok-icon) {
        font-size: 9px !important;
        line-height: 1.15;
    }

    .zax-product-body > p {
        min-height: 49px;
        font-size: 11px !important;
        line-height: 1.48;
    }

    .zax-product-meta,
    .zax-product-footer small,
    .zax-progress-row > span {
        font-size: 9px !important;
    }

    .zax-product-footer .zax-button {
        min-height: 38px;
        font-size: 10px !important;
        line-height: 1.2;
    }

    .zax-community-message-copy p,
    .zax-community-replies p,
    .zax-community-composer textarea,
    .zax-foundation-lessons p,
    .zax-foundation-project ol p {
        font-size: 11px !important;
    }
}

/* ZaxSecurity FYP — immersive, original short-form community feed */
.zax-community-page.is-fyp-active .zax-community-top {
    display: none;
}

.zax-community-page.is-fyp-active .zax-community-main {
    overflow: hidden;
}

.zax-community-page.is-fyp-active .zax-community-shell {
    background: #040706;
}

.zax-fyp-view {
    height: 100%;
    min-height: 0;
    padding: 0 !important;
    overflow: hidden;
    background: #040706;
}

.zax-fyp-shell {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 50% 0, rgba(81, 230, 189, .07), transparent 30%),
        #040706;
}

.zax-fyp-nav {
    position: absolute;
    z-index: 35;
    inset: 0 0 auto;
    display: grid;
    min-height: 64px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, .62), transparent);
    pointer-events: none;
}

.zax-fyp-nav button {
    color: inherit;
    pointer-events: auto;
}

.zax-fyp-group,
.zax-fyp-create {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.zax-fyp-group {
    justify-self: start;
}

.zax-fyp-group > span {
    position: relative;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    color: #052219;
    background: linear-gradient(145deg, #91f9db, #38c99f);
    box-shadow: 0 7px 22px rgba(81, 230, 189, .2);
    font-size: 9px;
}

.zax-fyp-group > span i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    border: 2px solid #07100d;
    border-radius: 50%;
    background: #4ce4b5;
}

.zax-fyp-group b,
.zax-fyp-create > .zax-fyp-create-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-tabs {
    display: flex;
    align-items: center;
    gap: 20px;
}

.zax-fyp-tabs button {
    position: relative;
    padding: 11px 1px 9px;
    border: 0;
    color: rgba(255, 255, 255, .58);
    background: transparent;
    font-size: 13px;
    font-weight: 720;
    cursor: pointer;
}

.zax-fyp-tabs button::after {
    position: absolute;
    right: 18%;
    bottom: 3px;
    left: 18%;
    height: 2px;
    border-radius: 99px;
    background: transparent;
    content: "";
}

.zax-fyp-tabs button.is-active {
    color: #fff;
}

.zax-fyp-tabs button.is-active::after {
    background: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, .42);
}

.zax-fyp-create {
    min-height: 34px;
    justify-self: end;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 9px;
    background: rgba(7, 18, 14, .48);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.zax-fyp-create-glyph {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border-radius: 7px;
    color: #062119;
    background: linear-gradient(145deg, #8af4d6, #49d6ad);
    box-shadow: 0 5px 16px rgba(81, 230, 189, .22), inset 0 1px rgba(255, 255, 255, .65);
    visibility: visible !important;
    opacity: 1 !important;
}

.zax-fyp-create-glyph svg {
    display: block;
    width: 15px;
    height: 15px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
}

.zax-fyp-feed {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.zax-fyp-feed::-webkit-scrollbar {
    display: none;
}

.zax-fyp-post {
    position: relative;
    isolation: isolate;
    width: min(100%, 540px);
    height: 100%;
    min-height: 620px;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    background: #07100d;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.zax-fyp-post[hidden] {
    display: none !important;
}

.zax-fyp-post.is-shared-target::after {
    position: absolute;
    z-index: 75;
    inset: 5px;
    border: 2px solid rgba(91, 226, 186, .78);
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 0 32px rgba(81, 230, 189, .28);
    content: "";
    pointer-events: none;
    animation: zax-fyp-target-pulse 1.7s ease both;
}

.zax-fyp-media,
.zax-fyp-shade {
    position: absolute;
    z-index: -2;
    inset: 0;
}

.zax-fyp-media {
    overflow: hidden;
    background:
        radial-gradient(circle at 55% 22%, rgba(81, 230, 189, .18), transparent 30%),
        linear-gradient(145deg, #0c201a, #050a08 62%);
}

.zax-fyp-media > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-fyp-shade {
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .2) 0, transparent 25%, transparent 48%, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .91) 100%),
        linear-gradient(90deg, transparent 58%, rgba(0, 0, 0, .22));
    pointer-events: none;
}

.zax-fyp-cyber-scene {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        linear-gradient(rgba(81, 230, 189, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .035) 1px, transparent 1px),
        radial-gradient(circle at 50% 45%, rgba(154, 140, 255, .14), transparent 26%);
    background-size: 38px 38px, 38px 38px, auto;
}

.zax-fyp-cyber-scene > span {
    position: relative;
    z-index: 3;
    display: grid;
    width: clamp(112px, 27vw, 170px);
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .32);
    border-radius: 34%;
    color: #baf8e7;
    background: linear-gradient(145deg, rgba(81, 230, 189, .13), rgba(154, 140, 255, .09));
    box-shadow: 0 0 0 18px rgba(81, 230, 189, .025), 0 0 70px rgba(81, 230, 189, .16), inset 0 1px rgba(255, 255, 255, .12);
    font-size: clamp(36px, 8vw, 62px);
    font-weight: 900;
}

.zax-fyp-cyber-scene > i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #55e1b9;
    box-shadow: 0 0 16px #55e1b9;
    animation: zax-fyp-node 3.2s ease-in-out infinite;
}

.zax-fyp-cyber-scene > i:nth-of-type(1) { top: 25%; left: 20%; }
.zax-fyp-cyber-scene > i:nth-of-type(2) { top: 39%; right: 17%; animation-delay: -.9s; }
.zax-fyp-cyber-scene > i:nth-of-type(3) { right: 32%; bottom: 25%; animation-delay: -1.8s; }

.zax-fyp-cyber-scene > b {
    position: absolute;
    width: min(78vw, 390px);
    aspect-ratio: 1;
    border: 1px solid rgba(81, 230, 189, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(81, 230, 189, .018), 0 0 0 84px rgba(154, 140, 255, .012);
    animation: zax-fyp-orbit 18s linear infinite;
}

.zax-fyp-post.is-video .zax-fyp-media {
    background: radial-gradient(circle at 50% 42%, rgba(255, 69, 112, .18), transparent 28%), linear-gradient(145deg, #24131a, #070909 66%);
}

.zax-fyp-post.is-product .zax-fyp-media {
    background: radial-gradient(circle at 50% 40%, rgba(154, 140, 255, .22), transparent 30%), linear-gradient(145deg, #17162e, #060809 68%);
}

.zax-fyp-post-meta {
    position: absolute;
    z-index: 5;
    top: 71px;
    right: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: rgba(255, 255, 255, .7);
    font-size: 10px;
    font-weight: 720;
}

.zax-fyp-post-meta > span {
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(0, 0, 0, .24);
}

.zax-fyp-caption {
    position: absolute;
    z-index: 8;
    right: 80px;
    bottom: 22px;
    left: 18px;
    max-height: 58%;
    overflow: hidden;
    color: #fff;
    text-shadow: 0 2px 9px rgba(0, 0, 0, .64);
}

.zax-fyp-creator-line {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
}

.zax-fyp-creator-line > strong {
    font-size: 14px;
    font-weight: 820;
}

.zax-fyp-creator-line > b {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 6px;
    border: 1px solid rgba(187, 178, 255, .35);
    border-radius: 999px;
    color: #ddd7ff;
    background: rgba(154, 140, 255, .18);
    font-size: 9px;
}

.zax-fyp-creator-line > b .dashicons {
    width: 11px;
    height: 11px;
    font-size: 11px;
}

.zax-fyp-creator-line > b.is-official {
    border-color: rgba(103, 239, 201, .7);
    color: #062119;
    background: linear-gradient(135deg, #a8f8e0, #67efc9);
    box-shadow: 0 4px 14px rgba(103, 239, 201, .18);
    text-shadow: none;
}

.zax-fyp-copy {
    display: -webkit-box;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.52;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.zax-fyp-copy p {
    margin: 0 0 5px;
    font-size: inherit !important;
    line-height: inherit !important;
}

.zax-fyp-link,
.zax-fyp-product {
    display: grid;
    min-width: 0;
    align-items: center;
    gap: 9px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    color: #fff;
    background: rgba(6, 14, 11, .68);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    text-decoration: none;
    text-shadow: none;
}

.zax-fyp-link {
    grid-template-columns: 31px minmax(0, 1fr) 18px;
}

.zax-fyp-link > .dashicons:first-child,
.zax-fyp-product > span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: #77efd0;
    background: rgba(81, 230, 189, .1);
}

.zax-fyp-link > span,
.zax-fyp-product > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-fyp-link small,
.zax-fyp-product small {
    overflow: hidden;
    color: rgba(255, 255, 255, .58);
    font-size: 9px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-link strong,
.zax-fyp-product strong {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-product {
    grid-template-columns: 32px minmax(0, 1fr) auto;
}

.zax-fyp-product em {
    color: #81ebcd;
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
}

.zax-fyp-product button {
    min-height: 31px;
    padding: 5px 10px;
    border: 0;
    border-radius: 8px;
    color: #052019;
    background: #5be1ba;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.zax-fyp-audio {
    display: flex;
    max-width: 100%;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: rgba(255, 255, 255, .78);
    font-size: 10px;
}

.zax-fyp-audio .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.zax-fyp-audio span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-actions {
    position: absolute;
    z-index: 12;
    right: 11px;
    bottom: 22px;
    display: flex;
    width: 58px;
    align-items: center;
    flex-direction: column;
    gap: 13px;
}

.zax-fyp-avatar-wrap {
    position: relative;
    margin-bottom: 5px;
}

.zax-fyp-avatar {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #082119;
    background: linear-gradient(145deg, #9bf8dd, #3bc99f);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
    font-size: 15px;
    font-weight: 900;
}

.zax-fyp-avatar.is-official {
    border-color: #d9fff4;
    color: #071a25;
    background: linear-gradient(145deg, #b8ffe9 0%, #67efc9 48%, #8d7bff 100%);
    box-shadow: 0 0 0 3px rgba(103, 239, 201, .16), 0 10px 26px rgba(0, 0, 0, .32);
}

.zax-fyp-follow {
    position: absolute;
    right: 14px;
    bottom: -8px;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    padding: 0;
    border: 2px solid #101612;
    border-radius: 50%;
    color: #fff;
    background: #ff365f;
    cursor: pointer;
}

.zax-fyp-follow.is-active {
    color: #062119;
    background: #5ce2ba;
}

.zax-fyp-follow .dashicons {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.zax-fyp-action {
    display: flex;
    width: 58px;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    padding: 0;
    border: 0;
    color: #fff;
    background: transparent;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .7);
    cursor: pointer;
}

.zax-fyp-action > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    background: rgba(5, 12, 10, .38);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .06);
}

.zax-fyp-action .dashicons {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

.zax-fyp-action > b {
    max-width: 58px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 820;
    text-overflow: ellipsis;
}

.zax-fyp-action > small {
    color: rgba(255, 255, 255, .74);
    font-size: 8px !important;
    line-height: 1.1;
}

.zax-fyp-action.is-active > span {
    color: #fff;
    border-color: rgba(255, 54, 95, .46);
    background: #ff365f;
    animation: zax-fyp-pop .3s cubic-bezier(.2, .9, .3, 1.25);
}

.zax-fyp-action[data-community-save].is-active > span {
    color: #062119;
    border-color: #62e6c0;
    background: #62e6c0;
}

.zax-fyp-more {
    position: relative;
}

.zax-fyp-more summary {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    background: rgba(5, 12, 10, .38);
    cursor: pointer;
    list-style: none;
}

.zax-fyp-more summary::-webkit-details-marker {
    display: none;
}

.zax-fyp-more summary .dashicons {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

.zax-fyp-more > div {
    position: absolute;
    z-index: 50;
    right: 48px;
    bottom: 0;
    display: grid;
    width: 165px;
    gap: 3px;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;
    background: rgba(8, 18, 15, .96);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .38);
}

.zax-fyp-more > div button {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 0;
    border-radius: 8px;
    color: #eef8f5;
    background: transparent;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

.zax-fyp-more > div button:hover {
    background: rgba(255, 255, 255, .07);
}

.zax-fyp-comments {
    position: absolute;
    z-index: 60;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    max-height: min(62%, 480px);
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding: 14px 15px max(14px, env(safe-area-inset-bottom));
    border-radius: 20px 20px 0 0;
    color: var(--zax-text);
    background: var(--zax-panel-solid);
    box-shadow: 0 -24px 70px rgba(0, 0, 0, .4);
    text-shadow: none;
    animation: zax-fyp-sheet-in .24s ease both;
}

.zax-fyp-comments[hidden] {
    display: none !important;
}

.zax-fyp-comments > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-fyp-comments > header > span {
    display: flex;
    flex-direction: column;
}

.zax-fyp-comments > header strong {
    font-size: 13px;
}

.zax-fyp-comments > header small {
    color: var(--zax-muted);
    font-size: 9px !important;
}

.zax-fyp-comments > header button {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-text);
    background: transparent;
    cursor: pointer;
}

.zax-fyp-comment-list {
    min-height: 120px;
    overflow-y: auto;
    padding: 8px 1px;
}

.zax-fyp-comment-list > article {
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    gap: 9px;
    padding: 8px 0;
}

.zax-fyp-comment-list > article > span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .1);
    font-size: 9px;
    font-weight: 800;
}

.zax-fyp-comment-list p {
    margin: 0;
    color: var(--zax-soft);
    font-size: 11px !important;
    line-height: 1.5;
}

.zax-fyp-comment-list p strong,
.zax-fyp-comment-list p small {
    display: block;
}

.zax-fyp-comment-list p strong {
    margin-bottom: 2px;
    color: var(--zax-text);
}

.zax-fyp-comment-list p small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 9px !important;
}

.zax-fyp-comments > form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--zax-line);
}

.zax-fyp-comments > form input {
    width: 100%;
    min-height: 42px;
    padding: 8px 13px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-text);
    background: var(--zax-panel-2);
    outline: none;
}

.zax-fyp-comments > form input:focus {
    border-color: rgba(81, 230, 189, .45);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .08);
}

.zax-fyp-comments > form button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    align-self: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #062119;
    background: var(--zax-cyan);
    cursor: pointer;
}

.zax-fyp-no-comments,
.zax-fyp-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.zax-fyp-no-comments {
    min-height: 170px;
    color: var(--zax-muted);
}

.zax-fyp-no-comments > .dashicons {
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
    color: var(--zax-cyan);
    font-size: 28px;
}

.zax-fyp-no-comments strong,
.zax-fyp-no-comments small {
    display: block;
}

.zax-fyp-empty {
    width: min(100%, 540px);
    height: 100%;
    min-height: 620px;
    margin: 0 auto;
    padding: 30px;
    color: #fff;
    background: radial-gradient(circle at center, rgba(81, 230, 189, .12), transparent 34%), #07100d;
    scroll-snap-align: start;
}

.zax-fyp-empty > .dashicons {
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
    color: #68e8c3;
    font-size: 44px;
}

.zax-fyp-empty > strong {
    font-size: 18px;
}

.zax-fyp-empty > small {
    max-width: 330px;
    margin: 5px 0 16px;
    color: rgba(255, 255, 255, .65);
    font-size: 10px !important;
}

.zax-fyp-create-sheet {
    position: fixed;
    z-index: 720;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
}

.zax-fyp-create-sheet[hidden] {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-fyp-compose-open {
    overflow: hidden !important;
}

.zax-fyp-create-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(1, 7, 5, .76);
}

.zax-fyp-create-sheet > section {
    position: relative;
    z-index: 2;
    width: min(660px, 100%);
    max-height: min(760px, calc(100dvh - 34px));
    overflow-y: auto;
    border: 1px solid var(--zax-line-strong);
    border-radius: 20px;
    background: var(--zax-panel-solid);
    box-shadow: 0 32px 100px rgba(0, 0, 0, .44), inset 0 1px rgba(255, 255, 255, .08);
    animation: zax-fyp-dialog-in .25s cubic-bezier(.2, .82, .2, 1) both;
}

.zax-fyp-create-sheet > section > header {
    position: sticky;
    z-index: 4;
    top: 0;
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 15px;
    border-bottom: 1px solid var(--zax-line);
    background: var(--zax-panel-solid);
}

.zax-fyp-create-sheet > section > header > span {
    display: flex;
    flex-direction: column;
}

.zax-fyp-create-sheet > section > header small {
    color: var(--zax-cyan);
    font-size: 9px !important;
    text-transform: uppercase;
}

.zax-fyp-create-sheet > section > header strong {
    font-size: 16px;
}

.zax-fyp-create-sheet > section > header button {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-text);
    background: var(--zax-panel-2);
    cursor: pointer;
}

.zax-fyp-create-sheet .zax-community-composer,
.zax-fyp-create-sheet .zax-community-signin {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.zax-fyp-upload-preview {
    position: relative;
    height: 260px;
    margin: 10px 0 0;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: #07100d;
}

.zax-fyp-upload-preview[hidden] {
    display: none !important;
}

.zax-fyp-upload-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zax-fyp-upload-preview button {
    position: absolute;
    top: 9px;
    right: 9px;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 9px;
    color: #fff;
    background: rgba(4, 9, 7, .78);
    font-size: 10px;
    cursor: pointer;
}

@keyframes zax-fyp-pop {
    50% { transform: scale(1.15); }
}

@keyframes zax-fyp-sheet-in {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes zax-fyp-dialog-in {
    from { opacity: 0; transform: translateY(16px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes zax-fyp-node {
    50% { opacity: .28; transform: scale(.72); }
}

@keyframes zax-fyp-orbit {
    to { transform: rotate(360deg); }
}

.zax-fyp-like-burst {
    position: absolute;
    z-index: 90;
    top: 46%;
    left: 50%;
    display: grid;
    width: 98px;
    height: 98px;
    place-items: center;
    border-radius: 50%;
    color: #ff365f;
    background: rgba(255, 255, 255, .12);
    filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .42));
    pointer-events: none;
    animation: zax-fyp-heart-burst .72s cubic-bezier(.18, .88, .28, 1) both;
}

.zax-fyp-like-burst .dashicons {
    width: 64px;
    height: 64px;
    font-size: 64px;
}

@keyframes zax-fyp-heart-burst {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.35) rotate(-12deg); }
    35% { opacity: 1; transform: translate(-50%, -50%) scale(1.08) rotate(5deg); }
    100% { opacity: 0; transform: translate(-50%, -62%) scale(.86) rotate(0); }
}

@keyframes zax-fyp-target-pulse {
    0%, 100% { opacity: 0; }
    20%, 72% { opacity: 1; }
}

.zax-fyp-post:not(.is-current) .zax-fyp-cyber-scene > i,
.zax-fyp-post:not(.is-current) .zax-fyp-cyber-scene > b {
    animation-play-state: paused;
}

@media (min-width: 761px) {
    .zax-fyp-post,
    .zax-fyp-empty {
        border-right: 1px solid rgba(255, 255, 255, .07);
        border-left: 1px solid rgba(255, 255, 255, .07);
    }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-fyp-page-active {
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .zax-community-page.is-fyp-active {
        width: calc(100% + 32px);
        max-width: none;
        margin: -24px -16px -96px;
    }

    .zax-community-page.is-fyp-active .zax-community-shell {
        display: block;
        width: 100%;
        height: calc(100dvh - var(--zax-topbar));
        min-height: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .zax-community-page.is-fyp-active .zax-community-rail,
    .zax-community-page.is-fyp-active .zax-community-top {
        display: none;
    }

    .zax-community-page.is-fyp-active .zax-community-main,
    .zax-fyp-view,
    .zax-fyp-shell,
    .zax-fyp-feed,
    .zax-fyp-post,
    .zax-fyp-empty {
        width: 100%;
        height: calc(100dvh - var(--zax-topbar));
        min-height: 0;
    }

    .zax-fyp-post,
    .zax-fyp-empty {
        max-width: none;
    }

    .zax-fyp-nav {
        min-height: 58px;
        padding: max(7px, env(safe-area-inset-top)) 11px 7px;
    }

    .zax-fyp-group b,
    .zax-fyp-create > .zax-fyp-create-label {
        display: none;
    }

    .zax-fyp-create {
        position: relative;
        z-index: 4;
        display: inline-grid !important;
        width: 42px;
        height: 42px;
        min-height: 42px;
        place-items: center;
        justify-content: center;
        padding: 0;
        border-color: rgba(115, 241, 205, .68);
        border-radius: 13px;
        color: #062119;
        background: linear-gradient(145deg, #8af4d6, #43d2a8);
        box-shadow: 0 10px 25px rgba(31, 205, 157, .28), inset 0 1px rgba(255, 255, 255, .72);
        visibility: visible !important;
        opacity: 1 !important;
    }

    .zax-fyp-create-glyph {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 9px;
        color: #062119;
        background: rgba(255, 255, 255, .2);
        box-shadow: none;
    }

    .zax-fyp-create-glyph svg {
        width: 20px;
        height: 20px;
        stroke-width: 2.6;
    }

    .zax-fyp-tabs {
        gap: 18px;
    }

    .zax-fyp-tabs button {
        font-size: 13px;
    }

    .zax-fyp-post-meta {
        top: 62px;
    }

    .zax-fyp-caption {
        right: 72px;
        bottom: calc(92px + env(safe-area-inset-bottom));
        left: 13px;
        max-height: 50%;
    }

    .zax-fyp-copy {
        font-size: 12px;
        -webkit-line-clamp: 4;
    }

    .zax-fyp-actions {
        right: 5px;
        bottom: calc(91px + env(safe-area-inset-bottom));
        gap: 10px;
    }

    .zax-fyp-action > span,
    .zax-fyp-more summary {
        width: 39px;
        height: 39px;
    }

    .zax-fyp-action .dashicons,
    .zax-fyp-more summary .dashicons {
        width: 21px;
        height: 21px;
        font-size: 21px;
    }

    .zax-fyp-avatar {
        width: 44px;
        height: 44px;
    }

    .zax-fyp-comments {
        max-height: 72%;
        padding-bottom: calc(86px + env(safe-area-inset-bottom));
    }

    .zax-fyp-comments > form input {
        font-size: 16px !important;
    }

    .zax-fyp-create-sheet {
        align-items: end;
        padding: 0;
    }

    .zax-fyp-create-sheet > section {
        width: 100%;
        max-height: calc(100dvh - var(--zax-topbar));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 22px 22px 0 0;
    }

    .zax-fyp-create-sheet .zax-community-composer {
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 13px;
    }
}

@media (max-width: 390px) {
    .zax-community-page.is-fyp-active {
        width: calc(100% + 24px);
        margin-right: -12px;
        margin-left: -12px;
    }

    .zax-fyp-link,
    .zax-fyp-product {
        padding: 8px;
    }

    .zax-fyp-audio {
        display: none;
    }
}

/* Fixed Community workspace and mobile composer clearance */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active {
        height: 100dvh !important;
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    .zax-community-page.is-active {
        height: calc(100dvh - var(--zax-topbar) - clamp(24px, 3vw, 46px) - 64px);
        min-height: 0;
        overflow: hidden;
    }

    .zax-community-page.is-active .zax-community-shell {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
    }

    .zax-community-page.is-active .zax-community-rail,
    .zax-community-page.is-active .zax-community-main,
    .zax-community-page.is-active .zax-community-view {
        min-height: 0;
    }

    .zax-community-page.is-active .zax-community-main {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .zax-community-page.is-active.is-fyp-active .zax-community-main {
        overflow: hidden;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-fyp-compose-open .zax-community-page.is-active {
        position: relative;
        z-index: 680;
    }

    body.zaxsecurity-portal-page.zax-fyp-compose-open .zax-mobile-dock {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(0, calc(100% + 28px), 0);
    }

    .zax-fyp-create-sheet {
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }

    .zax-fyp-create-sheet > section {
        max-height: calc(100dvh - var(--zax-topbar) - max(12px, env(safe-area-inset-bottom)));
        overscroll-behavior: contain;
    }

    .zax-fyp-create-sheet .zax-community-composer,
    .zax-fyp-create-sheet .zax-community-signin {
        padding-bottom: calc(22px + env(safe-area-inset-bottom));
    }

    .zax-fyp-create-sheet .zax-community-composer footer {
        position: sticky;
        z-index: 3;
        bottom: 0;
        padding: 10px;
        border: 1px solid var(--zax-line);
        border-radius: 12px;
        background: var(--zax-panel-solid);
        box-shadow: 0 -12px 28px rgba(0, 0, 0, .12);
    }
}

@property --zax-ring-progress {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

.zax-readiness-card .zax-score-ring {
    --zax-ring-progress: 0;
    background:
        radial-gradient(circle closest-side, var(--zax-panel-solid) 78%, transparent 80%),
        conic-gradient(var(--zax-cyan) calc(var(--zax-ring-progress) * 1%), rgba(255, 255, 255, .08) 0);
}

.zax-readiness-card.is-chart-visible .zax-score-ring {
    animation:
        zax-chart-ring-in .8s cubic-bezier(.2, .82, .2, 1) .08s both,
        zax-readiness-ring-fill 1.35s cubic-bezier(.2, .82, .2, 1) .16s forwards;
}

.zax-readiness-list > span {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 4px;
}

.zax-readiness-list > span > span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.zax-readiness-list > span > span > strong {
    margin-left: auto;
}

.zax-readiness-list > span > em {
    display: block;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
}

.zax-readiness-list > span > em > b {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    box-shadow: 0 0 10px currentColor;
}

.zax-ready-cyan {
    color: var(--zax-cyan);
    background: var(--zax-cyan);
}

.zax-ready-violet {
    color: var(--zax-violet);
    background: var(--zax-violet);
}

.zax-ready-amber {
    color: var(--zax-amber);
    background: var(--zax-amber);
}

.zax-readiness-card.is-chart-visible .zax-readiness-list > span > em > b {
    animation: zax-readiness-bar-fill 1s cubic-bezier(.2, .82, .2, 1) forwards;
}

.zax-readiness-card.is-chart-visible .zax-readiness-list > span:nth-child(2) > em > b {
    animation-delay: .13s;
}

.zax-readiness-card.is-chart-visible .zax-readiness-list > span:nth-child(3) > em > b {
    animation-delay: .26s;
}

@keyframes zax-readiness-bar-fill {
    from { width: 0; }
    to { width: var(--readiness-value); }
}

@keyframes zax-readiness-ring-fill {
    from { --zax-ring-progress: 0; }
    to { --zax-ring-progress: var(--score); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-readiness-card .zax-score-ring {
        --zax-ring-progress: var(--score);
    }

    .zax-readiness-list > span > em > b {
        width: var(--readiness-value);
    }

    .zax-splash-logo,
    .zax-splash-orbit,
    .zax-splash-scan,
    .zax-splash-progress i,
    .zax-tiktok-redirect-art > span,
    .zax-tiktok-redirect-art > i,
    .zax-foundation-progress i,
    .zax-social-cover-art > i,
    .zax-fyp-cyber-scene > i,
    .zax-fyp-cyber-scene > b,
    .zax-fyp-action.is-active > span,
    .zax-fyp-comments,
    .zax-fyp-create-sheet > section,
    .zax-fyp-like-burst,
    .zax-fyp-post.is-shared-target::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Community viewport, full-post and public-profile refinements */
.zax-fyp-nav-actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    pointer-events: auto;
}

.zax-fyp-refresh {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 9px;
    color: #fff;
    background: rgba(7, 18, 14, .42);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    font-size: 10px;
    font-weight: 760;
    cursor: pointer;
}

.zax-fyp-refresh .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-fyp-refresh-glyph {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border: 1px solid rgba(157, 255, 226, .82);
    border-radius: 8px;
    color: #042019;
    background: linear-gradient(145deg, #a7f9e2, #4bdab1);
    box-shadow: 0 6px 18px rgba(70, 225, 180, .3), inset 0 1px rgba(255, 255, 255, .78);
    visibility: visible !important;
    opacity: 1 !important;
}

.zax-fyp-refresh-glyph svg {
    display: block;
    width: 17px;
    height: 17px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.zax-fyp-refresh.is-loading .dashicons,
.zax-fyp-refresh.is-loading .zax-fyp-refresh-glyph {
    animation: zax-fyp-refresh-spin .7s linear infinite;
}

.zax-fyp-open-detail {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 6px;
    margin-top: 9px;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    background: rgba(6, 14, 11, .42);
    font-size: 10px;
    font-weight: 760;
    text-shadow: none;
    cursor: pointer;
}

.zax-fyp-open-detail .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.zax-fyp-creator-line > button {
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.zax-fyp-creator-line > button strong {
    color: #fff;
    font-size: 14px;
    font-weight: 820;
}

.zax-fyp-creator-line > b.is-vip {
    border-color: rgba(255, 215, 111, .56);
    color: #211500;
    background: linear-gradient(135deg, #fff1a6, #e9b83f);
    box-shadow: 0 4px 16px rgba(233, 184, 63, .2);
    text-shadow: none;
}

.zax-fyp-avatar {
    position: relative;
    padding: 0;
    cursor: pointer;
}

.zax-fyp-avatar.is-vip {
    border-color: #ffe27c;
    box-shadow: 0 0 0 3px rgba(255, 211, 85, .15), 0 10px 26px rgba(0, 0, 0, .3);
}

.zax-fyp-avatar > i,
.zax-community-avatar.is-vip > i {
    position: absolute;
    right: -4px;
    top: -4px;
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;
    border: 2px solid #101612;
    border-radius: 50%;
    color: #2b1a00;
    background: linear-gradient(145deg, #fff0a0, #e7b335);
    box-shadow: 0 4px 12px rgba(233, 184, 63, .28);
    font-style: normal;
}

.zax-fyp-avatar > i .dashicons,
.zax-community-avatar.is-vip > i .dashicons {
    width: 11px;
    height: 11px;
    font-size: 11px;
}

.zax-fyp-cyber-scene::before,
.zax-fyp-cyber-scene::after {
    position: absolute;
    z-index: 1;
    content: "";
    pointer-events: none;
    will-change: transform, opacity;
}

.zax-fyp-cyber-scene::before {
    inset: -24%;
    opacity: .72;
    background:
        radial-gradient(circle at 25% 35%, rgba(81, 230, 189, .2), transparent 21%),
        radial-gradient(circle at 72% 58%, rgba(154, 140, 255, .18), transparent 23%),
        radial-gradient(circle at 48% 78%, rgba(53, 145, 255, .11), transparent 19%);
    animation: zax-fyp-aurora-drift 11s ease-in-out infinite alternate;
}

.zax-fyp-cyber-scene::after {
    inset: 0;
    opacity: .4;
    background: linear-gradient(105deg, transparent 36%, rgba(115, 255, 215, .12) 49%, transparent 62%);
    transform: translate3d(-70%, 0, 0);
    animation: zax-fyp-silk-scan 7s ease-in-out infinite;
}

.zax-fyp-detail-sheet,
.zax-member-profile-sheet {
    position: fixed;
    z-index: 790;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
}

body.zaxsecurity-portal-page.zax-fyp-overlay-open {
    overflow: hidden !important;
}

.zax-fyp-detail-sheet[hidden],
.zax-member-profile-sheet[hidden] {
    display: none !important;
}

.zax-fyp-detail-backdrop,
.zax-member-profile-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(2, 7, 6, .76);
    backdrop-filter: blur(14px) saturate(115%);
}

.zax-fyp-detail-sheet > section,
.zax-member-profile-sheet > section {
    position: relative;
    display: grid;
    width: min(100%, 720px);
    max-height: min(88dvh, 850px);
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(130, 239, 207, .22);
    border-radius: 24px;
    outline: none;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 90% 0, rgba(154, 140, 255, .12), transparent 28%),
        color-mix(in srgb, var(--zax-panel-solid) 96%, #06100d);
    box-shadow: 0 36px 110px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .06);
    animation: zax-fyp-detail-enter .26s cubic-bezier(.2, .8, .3, 1) both;
}

.zax-fyp-detail-sheet > section > header,
.zax-member-profile-sheet > section > header,
.zax-fyp-detail-sheet > section > footer {
    position: relative;
    z-index: 4;
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 16px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-strong) 90%, transparent);
    backdrop-filter: blur(18px) saturate(125%);
}

.zax-fyp-detail-sheet > section > header > span,
.zax-member-profile-sheet > section > header > span {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.zax-fyp-detail-sheet > section > header small,
.zax-member-profile-sheet > section > header small {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-fyp-detail-sheet > section > header strong,
.zax-member-profile-sheet > section > header strong {
    font-size: 13px;
}

.zax-fyp-detail-sheet > section > header button,
.zax-member-profile-sheet > section > header button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .03);
    cursor: pointer;
}

.zax-fyp-detail-scroll,
.zax-member-profile-scroll {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 17px;
    scrollbar-gutter: stable;
}

.zax-fyp-detail-visual {
    position: relative;
    isolation: isolate;
    height: clamp(220px, 34dvh, 330px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 19px;
    background: #07100d;
}

.zax-fyp-detail-visual > .zax-fyp-media {
    z-index: 0;
}

.zax-fyp-detail-author {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: -24px;
    padding: 0 13px;
}

.zax-fyp-detail-author > span {
    position: relative;
    z-index: 2;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 2px solid var(--zax-panel-solid);
    border-radius: 50%;
    color: #072019;
    background: linear-gradient(145deg, #a8f8e0, #67efc9);
    font-size: 12px;
    font-weight: 900;
}

.zax-fyp-detail-author > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding-top: 26px;
}

.zax-fyp-detail-author > div small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-fyp-detail-author > b {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 26px;
    padding: 5px 8px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
    font-size: 8px;
}

.zax-fyp-detail-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 15px;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-fyp-detail-meta span {
    color: var(--zax-cyan);
    font-weight: 800;
}

.zax-fyp-detail-scroll h2 {
    margin: 10px 0 7px;
    font-size: clamp(21px, 3vw, 30px);
    letter-spacing: -.035em;
    line-height: 1.12;
}

.zax-fyp-detail-copy {
    color: var(--zax-soft);
    font-size: 14px;
    line-height: 1.72;
    white-space: pre-line;
}

.zax-fyp-detail-extra {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.zax-fyp-detail-sheet > section > footer {
    min-height: 66px;
    border-top: 1px solid var(--zax-line);
    border-bottom: 0;
}

.zax-fyp-detail-sheet > section > footer > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-member-profile-sheet > section {
    width: min(100%, 780px);
}

.zax-member-profile-sheet > section > header {
    grid-template-columns: 38px minmax(0, 1fr) 34px;
}

.zax-member-profile-sheet > section > header > b {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
}

.zax-member-profile-cover {
    position: relative;
    height: 180px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .12);
    border-radius: 19px;
    background:
        linear-gradient(rgba(81, 230, 189, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .045) 1px, transparent 1px),
        radial-gradient(circle at 70% 30%, rgba(154, 140, 255, .22), transparent 28%),
        linear-gradient(145deg, #0e2820, #070d0b 70%);
    background-size: 34px 34px, 34px 34px, auto, auto;
}

.zax-member-profile-cover i {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 18px var(--zax-cyan);
    animation: zax-fyp-node 3.2s ease-in-out infinite;
}

.zax-member-profile-cover i:first-child { top: 28%; left: 18%; }
.zax-member-profile-cover i:nth-child(2) { top: 19%; right: 22%; animation-delay: -.8s; }
.zax-member-profile-cover i:last-child { right: 38%; bottom: 19%; animation-delay: -1.6s; }

.zax-member-profile-identity {
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr);
    align-items: end;
    gap: 14px;
    margin: -46px 16px 0;
}

.zax-member-profile-identity > span {
    position: relative;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    border: 5px solid var(--zax-panel-solid);
    border-radius: 30px;
    color: #072119;
    background: linear-gradient(145deg, #b0fae5, #58ddba 55%, #8d7bff);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
    font-size: 28px;
    font-weight: 900;
}

.zax-member-profile-identity > div {
    min-width: 0;
    padding-bottom: 5px;
}

.zax-member-profile-identity small {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.zax-member-profile-identity h2 {
    margin: 3px 0 1px;
    overflow: hidden;
    font-size: 24px;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-member-profile-identity p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-member-profile-identity b {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    padding: 5px 8px;
    border: 1px solid rgba(255, 211, 85, .42);
    border-radius: 999px;
    color: #2a1a00;
    background: linear-gradient(135deg, #fff0a0, #e7b335);
    font-size: 8px;
}

.zax-member-profile-bio {
    margin: 17px 16px 0;
    color: var(--zax-soft);
    font-size: 12px;
    line-height: 1.65;
}

.zax-member-profile-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 16px;
}

.zax-member-profile-stats article {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-direction: column;
    padding: 13px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .025);
}

.zax-member-profile-stats strong {
    font-size: 19px;
}

.zax-member-profile-stats small {
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-member-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 16px 16px;
}

.zax-member-profile-actions .zax-button {
    flex: 1 1 130px;
}

.zax-member-profile-actions .is-active {
    border-color: rgba(81, 230, 189, .4);
    color: #062119;
    background: var(--zax-cyan);
}

.zax-member-profile-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 16px 16px;
}

.zax-member-profile-card-grid article {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--zax-panel) 94%, transparent);
}

.zax-member-profile-card-grid article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .065);
}

.zax-member-profile-card-grid article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-member-profile-card-grid small {
    color: var(--zax-muted);
    font-size: 7px;
    text-transform: uppercase;
}

.zax-member-profile-card-grid strong {
    margin: 2px 0 3px;
    font-size: 10px;
}

.zax-member-profile-card-grid p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 8px;
    line-height: 1.55;
}

.zax-fyp-comment-list > article.is-thread-reply {
    margin-left: 38px;
    padding-left: 9px;
    border-left: 2px solid rgba(81, 230, 189, .14);
}

.zax-fyp-comment-list p > em {
    display: block;
    margin-bottom: 2px;
    color: var(--zax-cyan);
    font-size: 8px;
    font-style: normal;
}

.zax-fyp-comment-list p small {
    display: flex;
    align-items: center;
    gap: 9px;
}

.zax-fyp-comment-list p small button {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font-size: 9px;
    font-weight: 760;
    cursor: pointer;
}

.zax-fyp-comment-list p small button .dashicons {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.zax-comment-reply-target {
    display: flex;
    min-height: 30px;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 9px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 9px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .045);
    font-size: 9px;
}

.zax-comment-reply-target button {
    width: 24px !important;
    height: 24px !important;
    color: var(--zax-text) !important;
    background: transparent !important;
}

.zax-community-member-actions {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 6px;
}

[data-member-profile-trigger] {
    cursor: pointer;
}

[data-member-profile-trigger]:focus-visible,
.zax-fyp-post:focus-visible {
    outline: 2px solid var(--zax-cyan);
    outline-offset: -2px;
}

.zax-member-follow,
.zax-member-friend,
.zax-member-message,
.zax-member-block {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 8px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    font-size: 8px;
    font-weight: 760;
    cursor: pointer;
}

.zax-member-follow {
    border-color: rgba(81, 230, 189, .28);
    color: #062119;
    background: var(--zax-cyan);
}

.zax-member-follow.is-active {
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
}

.zax-member-friend {
    border-color: rgba(154, 140, 255, .3);
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .075);
}

.zax-member-friend:disabled {
    opacity: .72;
    cursor: default;
}

.zax-member-vip {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 5px;
    color: #e6b638;
    font-size: 7px;
    font-style: normal;
}

@keyframes zax-fyp-refresh-spin {
    to { transform: rotate(1turn); }
}

@keyframes zax-fyp-aurora-drift {
    0% { opacity: .5; transform: translate3d(-4%, -2%, 0) scale(.94) rotate(-2deg); }
    50% { opacity: .86; transform: translate3d(4%, 3%, 0) scale(1.04) rotate(2deg); }
    100% { opacity: .64; transform: translate3d(-1%, 6%, 0) scale(.98) rotate(-1deg); }
}

@keyframes zax-fyp-silk-scan {
    0%, 18% { opacity: 0; transform: translate3d(-70%, 0, 0); }
    45% { opacity: .42; }
    72%, 100% { opacity: 0; transform: translate3d(70%, 0, 0); }
}

@keyframes zax-fyp-detail-enter {
    from { opacity: 0; transform: translate3d(0, 12px, 0) scale(.98); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-main {
        height: calc(100dvh - var(--zax-topbar));
        min-height: 0;
        overflow: hidden;
        padding: 0;
    }

    .zax-community-page.is-active {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .zax-community-page.is-active .zax-community-shell {
        position: relative;
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .zax-community-page.is-active .zax-community-rail {
        height: 100%;
    }

    .zax-community-page.is-active .zax-community-mini-members {
        flex: 1 1 auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .zax-community-page.is-active .zax-community-main {
        display: grid;
        height: 100%;
        grid-template-rows: auto minmax(0, 1fr);
        overflow: hidden;
        scrollbar-gutter: auto;
    }

    .zax-community-page.is-active .zax-community-view {
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .zax-community-page.is-active.is-fyp-active .zax-community-main {
        grid-template-rows: minmax(0, 1fr);
    }

    .zax-community-page.is-active .zax-fyp-view {
        overflow: hidden;
    }

    .zax-community-page.is-active .zax-fyp-feed {
        overflow-y: auto;
        scroll-behavior: auto;
        touch-action: pan-y;
    }

    .zax-community-page.is-active .zax-fyp-post,
    .zax-community-page.is-active .zax-fyp-empty {
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 0;
        border-right: 0;
        border-left: 0;
    }

    .zax-community-page.is-active .zax-fyp-caption {
        max-width: min(720px, calc(100% - 115px));
    }
}

@media (max-width: 760px) {
    .zax-fyp-nav {
        gap: 6px;
        padding-right: 9px;
        padding-left: 9px;
    }

    .zax-fyp-tabs {
        gap: 10px;
    }

    .zax-fyp-tabs button {
        font-size: 12px;
    }

    .zax-fyp-refresh > span,
    .zax-fyp-create > .zax-fyp-create-label {
        display: none;
    }

    .zax-fyp-refresh {
        width: 40px;
        min-height: 40px;
        padding: 0;
        justify-content: center;
        border-color: rgba(131, 248, 214, .5);
        background: rgba(4, 17, 13, .72);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .08);
    }

    .zax-fyp-refresh-glyph {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 9px;
    }

    .zax-fyp-refresh-glyph svg {
        width: 19px;
        height: 19px;
    }

    .zax-fyp-create {
        width: 38px;
        height: 38px;
        min-height: 38px;
    }

    .zax-fyp-nav-actions {
        gap: 5px;
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        gap: 3px;
        overflow: visible;
        padding: 6px 7px;
        background: color-mix(in srgb, var(--zax-panel-strong) 91%, transparent);
        backdrop-filter: blur(18px) saturate(130%);
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav button {
        display: flex;
        min-width: 0;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;
        padding: 4px 2px;
        border-radius: 10px;
        text-align: center;
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav button::before {
        inset: auto 24% 0;
        width: auto;
        height: 2px;
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav button > .dashicons {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav button > span {
        display: block;
        width: 100%;
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav strong {
        display: block;
        overflow: hidden;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-community-page:not(.is-fyp-active) .zax-community-rail > nav b {
        position: absolute;
        top: 3px;
        right: 8px;
    }

    .zax-community-member-grid {
        display: block;
        margin: 0 -11px;
    }

    .zax-community-member-grid > article {
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        padding: 14px 12px;
        border-width: 0 0 1px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .zax-community-member-grid header {
        grid-template-columns: 48px minmax(0, 1fr) 7px;
        gap: 10px;
    }

    .zax-community-member-grid .zax-community-avatar {
        width: 48px;
        height: 48px;
        font-size: 13px;
    }

    .zax-community-member-grid header strong {
        font-size: 11px;
    }

    .zax-community-member-grid header small {
        margin-top: 2px;
        font-size: 8px;
    }

    .zax-community-member-grid p {
        min-height: 0;
        margin: 0 0 0 58px;
        font-size: 9px;
        -webkit-line-clamp: 2;
    }

    .zax-community-member-actions {
        margin-left: 58px;
        flex-wrap: nowrap;
    }

    .zax-member-follow,
    .zax-member-friend,
    .zax-member-message {
        flex: 1 1 0;
    }

    .zax-member-block {
        width: 34px;
        padding: 0;
    }

    .zax-member-block > span:not(.dashicons) {
        display: none;
    }

    .zax-fyp-detail-sheet,
    .zax-member-profile-sheet {
        place-items: end center;
        padding: 0;
    }

    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section {
        width: 100%;
        max-height: calc(100dvh - var(--zax-topbar) - env(safe-area-inset-top));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 24px 24px 0 0;
    }

    .zax-fyp-detail-scroll,
    .zax-member-profile-scroll {
        padding: 13px 12px calc(22px + env(safe-area-inset-bottom));
    }

    .zax-fyp-detail-visual {
        height: min(32dvh, 270px);
    }

    .zax-member-profile-cover {
        height: 142px;
    }

    .zax-member-profile-identity {
        grid-template-columns: 78px minmax(0, 1fr);
        margin: -38px 10px 0;
    }

    .zax-member-profile-identity > span {
        width: 78px;
        height: 78px;
        border-radius: 24px;
        font-size: 23px;
    }

    .zax-member-profile-identity h2 {
        font-size: 19px;
    }

    .zax-member-profile-bio,
    .zax-member-profile-stats,
    .zax-member-profile-actions,
    .zax-member-profile-card-grid {
        margin-right: 10px;
        margin-left: 10px;
    }

    .zax-member-profile-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-cyber-scene::before,
    .zax-fyp-cyber-scene::after,
    .zax-fyp-refresh.is-loading .dashicons,
    .zax-fyp-refresh.is-loading .zax-fyp-refresh-glyph,
    .zax-member-profile-cover i,
    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section {
        animation: none !important;
        transition: none !important;
    }
}

/* ZaxSecurity 1.4.5 — silk private chat, complete cards, and profile photos */
.zax-community-page.is-chat-active .zax-community-top {
    display: none;
}

.zax-community-page.is-chat-active .zax-community-main {
    grid-template-rows: minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.zax-community-page.is-chat-active .zax-chat-view {
    height: 100%;
    min-height: 0;
    padding: 0 !important;
    overflow: hidden !important;
}

.zax-chat-app {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
    overflow: hidden;
    background: color-mix(in srgb, var(--zax-panel) 95%, transparent);
}

.zax-chat-inbox {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid var(--zax-line);
    background:
        linear-gradient(150deg, rgba(81, 230, 189, .035), transparent 42%),
        color-mix(in srgb, var(--zax-panel-strong) 96%, transparent);
}

.zax-chat-inbox-header,
.zax-chat-window-header {
    display: flex;
    min-height: 70px;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-strong) 89%, transparent);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.zax-chat-inbox-header > span {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.zax-chat-inbox-header small,
.zax-chat-window-identity small {
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-chat-inbox-header strong,
.zax-chat-window-identity strong {
    color: var(--zax-text);
    font-size: 15px;
    letter-spacing: -.02em;
}

.zax-chat-inbox-header > button,
.zax-chat-window-header button,
.zax-chat-thread-search button,
.zax-chat-attachment-preview > button,
.zax-chat-link-field > button,
.zax-chat-link-button,
.zax-chat-attach-button {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    overflow: hidden;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--zax-line) 88%, var(--zax-cyan));
    border-radius: 12px;
    color: var(--zax-soft);
    background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018));
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 8px 22px rgba(0, 0, 0, .07);
    cursor: pointer;
}

.zax-chat-inbox-header > button:hover,
.zax-chat-window-header button:hover,
.zax-chat-window-header button.is-active,
.zax-chat-link-button:hover,
.zax-chat-link-button.is-active,
.zax-chat-attach-button:hover {
    border-color: rgba(81, 230, 189, .34);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
}

.zax-chat-inbox-header .dashicons,
.zax-chat-window-header .dashicons,
.zax-chat-composer .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.zax-chat-search,
.zax-chat-thread-search,
.zax-chat-link-field {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 12px 5px;
    padding: 0 10px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .026);
}

.zax-chat-search input,
.zax-chat-thread-search input,
.zax-chat-link-field input {
    width: 100%;
    min-width: 0;
    height: 40px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font-size: 12px;
}

.zax-chat-search .dashicons,
.zax-chat-thread-search > .dashicons,
.zax-chat-link-field > .dashicons {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: var(--zax-cyan);
    font-size: 17px;
}

.zax-chat-member-select {
    display: flex;
    margin: 5px 12px 9px;
    flex-direction: column;
    gap: 5px;
}

.zax-chat-member-select > span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--zax-muted);
    font-size: 10px;
    font-weight: 760;
}

.zax-chat-member-select select {
    width: 100%;
    min-height: 41px;
    padding: 8px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    outline: 0;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel) 96%, transparent);
    font-size: 12px;
}

.zax-chat-requests {
    margin: 2px 12px 8px;
    padding: 9px;
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 13px;
    background: rgba(154, 140, 255, .045);
}

.zax-friend-requests {
    border-color: rgba(81, 230, 189, .24);
    background: rgba(81, 230, 189, .045);
}

.zax-chat-requests > header,
.zax-chat-conversation-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
    color: var(--zax-muted);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.zax-chat-requests > header b {
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--zax-purple);
    font-size: 9px;
}

.zax-chat-requests article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-top: 1px solid var(--zax-line);
}

.zax-chat-requests article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-chat-requests article strong { color: var(--zax-text); font-size: 11px; }
.zax-chat-requests article p { margin: 2px 0; overflow-wrap: anywhere; color: var(--zax-soft); font-size: 10px; line-height: 1.45; }
.zax-chat-requests article small { display: flex; align-items: center; gap: 4px; overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; }
.zax-chat-requests footer { display: flex; gap: 4px; }
.zax-chat-requests footer button { display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 1px solid rgba(81, 230, 189, .22); border-radius: 9px; color: var(--zax-cyan); background: rgba(81, 230, 189, .07); cursor: pointer; }
.zax-chat-requests footer button + button { border-color: rgba(255, 118, 109, .2); color: #ff766d; background: rgba(255, 118, 109, .06); }
.zax-chat-requests footer .dashicons { width: 16px; height: 16px; font-size: 16px; }

.zax-chat-conversations {
    min-height: 0;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 7px 8px 12px;
    overscroll-behavior: contain;
}

.zax-chat-conversation-label { padding: 5px 8px; }
.zax-chat-conversation-label small { font-size: 10px; }

.zax-chat-conversation {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 8px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: var(--zax-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.zax-chat-conversation:hover,
.zax-chat-conversation.is-active {
    border-color: rgba(81, 230, 189, .14);
    background: linear-gradient(100deg, rgba(81, 230, 189, .095), rgba(154, 140, 255, .035));
}

.zax-chat-conversation.is-active::before {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: -3px;
    width: 3px;
    border-radius: 3px;
    background: var(--zax-cyan);
    content: '';
}

.zax-chat-conversation > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.zax-chat-conversation strong { display: flex; align-items: center; gap: 4px; font-size: 12px; }
.zax-chat-conversation strong em { display: inline-flex; align-items: center; gap: 2px; color: #e6b638; font-size: 8px; font-style: normal; }
.zax-chat-conversation strong em .dashicons { width: 11px; height: 11px; font-size: 11px; }
.zax-chat-conversation > span:nth-child(2) > small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 10px; line-height: 1.4; }
.zax-chat-conversation > time { align-self: start; padding-top: 3px; color: var(--zax-muted); font-size: 9px; }

.zax-chat-list-empty,
.zax-chat-inbox-security,
.zax-chat-thread-empty,
.zax-chat-thread-intro,
.zax-chat-privacy {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--zax-muted);
}

.zax-chat-list-empty { padding: 22px 10px; justify-content: center; text-align: left; }
.zax-chat-list-empty > span,
.zax-chat-inbox-security > span,
.zax-chat-thread-empty > span,
.zax-chat-thread-intro > span,
.zax-chat-privacy > span { display: flex; min-width: 0; flex-direction: column; }
.zax-chat-list-empty strong,
.zax-chat-inbox-security strong,
.zax-chat-thread-empty strong,
.zax-chat-thread-intro strong,
.zax-chat-privacy strong { color: var(--zax-soft); font-size: 11px; }
.zax-chat-list-empty small,
.zax-chat-inbox-security small,
.zax-chat-thread-empty small,
.zax-chat-thread-intro small,
.zax-chat-privacy small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; line-height: 1.45; }

.zax-chat-inbox-security {
    margin: 0 12px 12px;
    padding: 9px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, .018);
}

.zax-chat-inbox-security > .dashicons,
.zax-chat-thread-intro > .dashicons,
.zax-chat-privacy > .dashicons { flex: 0 0 auto; color: var(--zax-cyan); }

.zax-chat-window {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 0;
    height: 100%;
    grid-template-rows: auto auto auto minmax(0, 1fr) max-content;
    align-content: stretch;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 8%, rgba(154, 140, 255, .09), transparent 24%),
        linear-gradient(rgba(81, 230, 189, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .022) 1px, transparent 1px),
        color-mix(in srgb, var(--zax-bg) 92%, var(--zax-panel));
    background-size: auto, 26px 26px, 26px 26px, auto;
}

.zax-chat-window-header { position: relative; z-index: 3; min-height: 70px; padding-right: 17px; }
.zax-chat-window-header > .zax-community-avatar { width: 42px; height: 42px; flex: 0 0 42px; font-size: 13px; }
.zax-chat-window-identity { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.zax-chat-window-header nav { display: flex; gap: 7px; }
.zax-chat-window-header [data-private-alert-toggle] { position: relative; }
.zax-chat-window-header [data-private-alert-toggle].is-active::after {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 6px;
    height: 6px;
    border: 1px solid color-mix(in srgb, var(--zax-panel) 75%, transparent);
    border-radius: 999px;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .1), 0 0 10px rgba(81, 230, 189, .62);
    content: '';
}
.zax-chat-window-header [data-private-alert-toggle].has-system-permission {
    border-color: rgba(81, 230, 189, .42);
    color: var(--zax-cyan);
}
.zax-chat-back { display: none !important; }

.zax-chat-thread-search { margin: 8px 14px 0; }
.zax-chat-thread-search button,
.zax-chat-link-field button { width: 30px; height: 30px; flex-basis: 30px; border: 0; box-shadow: none; background: transparent; }

.zax-chat-privacy {
    margin: 8px 14px 0;
    padding: 9px 11px;
    border: 1px solid rgba(154, 140, 255, .19);
    border-radius: 12px;
    background: rgba(154, 140, 255, .055);
}

.zax-chat-thread {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 18px clamp(13px, 3vw, 34px) 14px;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.zax-chat-thread-intro {
    max-width: 560px;
    margin: 0 auto 18px;
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--zax-panel) 86%, transparent);
    text-align: left;
}

.zax-chat-message {
    display: flex;
    align-items: flex-end;
    gap: 7px;
    margin: 8px 0;
}

.zax-chat-message.is-mine { flex-direction: row-reverse; }
.zax-chat-message > .zax-community-avatar { width: 29px; height: 29px; flex: 0 0 29px; font-size: 9px; }

.zax-chat-bubble {
    display: flex;
    width: fit-content;
    max-width: min(76%, 620px);
    min-width: 92px;
    flex-direction: column;
    gap: 7px;
    padding: 9px 11px 7px;
    border: 1px solid var(--zax-line);
    border-radius: 7px 17px 17px 17px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel-strong) 94%, transparent);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .07);
}

.zax-chat-message.is-mine .zax-chat-bubble {
    border-color: rgba(81, 230, 189, .19);
    border-radius: 17px 7px 17px 17px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .13), rgba(81, 230, 189, .065));
}

.zax-chat-bubble > p { margin: 0; overflow-wrap: anywhere; color: var(--zax-soft); font-size: 12px; line-height: 1.55; white-space: pre-wrap; }
.zax-chat-bubble > footer { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.zax-chat-bubble > footer time,
.zax-chat-bubble > footer span { display: inline-flex; align-items: center; gap: 2px; color: var(--zax-muted); font-size: 8px; }
.zax-chat-bubble > footer span { color: var(--zax-cyan); }
.zax-chat-bubble > footer span.is-pending { color: #e6b638; }
.zax-chat-bubble > footer .dashicons { width: 11px; height: 11px; font-size: 11px; }

.zax-chat-media {
    display: block;
    width: min(100%, 420px);
    max-height: 350px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: #030806;
    object-fit: contain;
}

a.zax-chat-media img { display: block; width: 100%; max-height: 350px; object-fit: cover; }
video.zax-chat-media { aspect-ratio: 16 / 9; }

.zax-chat-document,
.zax-chat-link {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding: 9px;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: 11px;
    color: var(--zax-soft);
    background: rgba(154, 140, 255, .055);
    text-decoration: none;
}

.zax-chat-view-once {
    display: grid;
    min-width: 0;
    grid-template-columns: 34px minmax(0, 1fr) max-content;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--zax-violet) 32%, var(--zax-line));
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-violet) 18%, transparent), transparent 48%),
        color-mix(in srgb, var(--zax-panel-solid) 88%, transparent);
}

.zax-chat-view-once > .dashicons {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    color: #f7fffc;
    background: linear-gradient(135deg, var(--zax-violet), var(--zax-cyan-deep));
    font-size: 19px;
}

.zax-chat-view-once > span { display: flex; min-width: 0; flex-direction: column; }
.zax-chat-view-once strong { color: var(--zax-text); font-size: 10px; }
.zax-chat-view-once small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 8px; line-height: 1.4; }
.zax-chat-view-once > a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 7px 10px;
    border-radius: 10px;
    color: #05251c;
    background: linear-gradient(135deg, #8af7d7, var(--zax-cyan));
    font-size: 9px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

.zax-chat-view-once > i { color: var(--zax-cyan); }

.zax-chat-document > .dashicons,
.zax-chat-link > .dashicons:first-child { width: 28px; height: 28px; flex: 0 0 28px; color: #b9afff; font-size: 28px; }
.zax-chat-document > span,
.zax-chat-link > span { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.zax-chat-document strong,
.zax-chat-link strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 10px; }
.zax-chat-document small,
.zax-chat-link small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 8px; line-height: 1.4; }
.zax-chat-document > a { display: inline-flex; min-height: 33px; align-items: center; gap: 4px; padding: 6px 9px; border-radius: 9px; color: #062119; background: var(--zax-cyan); font-size: 9px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.zax-chat-document > a .dashicons { width: 14px; height: 14px; font-size: 14px; }
.zax-chat-document > i { color: var(--zax-cyan); }
.zax-chat-document.is-downloaded { border-color: rgba(81, 230, 189, .17); background: rgba(81, 230, 189, .045); }
.zax-chat-document.is-downloaded > .dashicons { color: var(--zax-cyan); }
.zax-chat-document.is-pending { border-color: rgba(230, 182, 56, .2); background: rgba(230, 182, 56, .05); }
.zax-chat-link:hover { border-color: rgba(81, 230, 189, .3); background: rgba(81, 230, 189, .065); }
.zax-chat-link > .dashicons:last-child { width: 14px; height: 14px; flex: 0 0 14px; font-size: 14px; }

.zax-chat-thread-empty {
    min-height: 58%;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.zax-chat-thread-empty > .dashicons { width: 44px; height: 44px; color: var(--zax-cyan); font-size: 44px; opacity: .75; }
.zax-chat-thread-empty small { max-width: 340px; }

.zax-chat-composer {
    position: relative;
    z-index: 4;
    display: flex;
    min-width: 0;
    width: 100%;
    flex-direction: column;
    align-self: end;
    gap: 7px;
    margin: 0;
    padding: 9px 14px 11px;
    border-top: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-strong) 91%, transparent);
    box-shadow: 0 -14px 35px rgba(0, 0, 0, .07);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.zax-chat-composer-row { display: flex; min-width: 0; align-items: flex-end; gap: 7px; }
.zax-chat-attach-button { position: relative; }
.zax-chat-attach-button input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }

.zax-chat-message-options {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) minmax(150px, .85fr);
    gap: 7px;
}

.zax-chat-retention-option,
.zax-chat-view-once-option {
    display: flex;
    min-width: 0;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 18%, var(--zax-line));
    border-radius: 12px;
    background: color-mix(in srgb, var(--zax-panel) 90%, transparent);
}

.zax-chat-retention-option > .dashicons,
.zax-chat-view-once-check {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 9px;
    color: #f7fffc;
    background: linear-gradient(135deg, var(--zax-cyan-deep), var(--zax-violet));
    font-size: 15px;
}

.zax-chat-retention-option > span:last-child,
.zax-chat-view-once-option > span:last-child { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.zax-chat-retention-option small,
.zax-chat-view-once-option small { color: var(--zax-muted); font-size: 8px; line-height: 1.35; }
.zax-chat-view-once-option strong { color: var(--zax-text); font-size: 10px; }
.zax-chat-retention-option select {
    width: 100%;
    min-width: 0;
    padding: 1px 18px 1px 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font: inherit;
    font-size: 10px;
    font-weight: 750;
}
.zax-chat-retention-option select option { color: var(--zax-text); background: var(--zax-panel-solid); }

.zax-chat-view-once-option { position: relative; cursor: pointer; }
.zax-chat-view-once-option > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.zax-chat-view-once-option:has(input:checked) {
    border-color: color-mix(in srgb, var(--zax-violet) 45%, var(--zax-line));
    background: color-mix(in srgb, var(--zax-violet) 9%, var(--zax-panel));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--zax-violet) 10%, transparent);
}
.zax-chat-view-once-option:has(input:focus-visible) { outline: 2px solid var(--zax-cyan); outline-offset: 2px; }
.zax-chat-retention-option[hidden],
.zax-chat-view-once-option[hidden] { display: none !important; }

.zax-chat-retention {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: var(--zax-muted);
    font-size: 8px;
}
.zax-chat-retention .dashicons { width: 11px; height: 11px; font-size: 11px; }
.zax-chat-retention.is-expiring { color: var(--zax-amber); }

.zax-chat-message-field {
    display: flex;
    min-width: 0;
    min-height: 40px;
    flex: 1;
    align-items: center;
    padding: 4px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: rgba(255, 255, 255, .032);
}

.zax-chat-message-field textarea {
    width: 100%;
    min-height: 28px;
    max-height: 112px;
    resize: none;
    overflow-y: auto;
    padding: 5px 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font: inherit;
    font-size: 12px;
    line-height: 1.45;
}

.zax-chat-send {
    display: inline-flex;
    min-width: 76px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 13px;
    border: 0;
    border-radius: 13px;
    color: #062119;
    background: linear-gradient(135deg, #8af7d7, #51e6bd);
    box-shadow: 0 10px 25px rgba(81, 230, 189, .18);
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}

.zax-chat-send:disabled { opacity: .62; cursor: wait; }
.zax-chat-send-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.zax-chat-composer-note { display: flex; align-items: center; gap: 5px; padding-left: 2px; color: var(--zax-muted); font-size: 8px; line-height: 1.35; }
.zax-chat-composer-note .dashicons { width: 13px; height: 13px; flex: 0 0 13px; color: var(--zax-cyan); font-size: 13px; }

.zax-chat-attachment-preview {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: 11px;
    background: rgba(154, 140, 255, .05);
}

.zax-chat-attachment-preview > span:first-child { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #b9afff; background: rgba(154, 140, 255, .1); }
.zax-chat-attachment-preview > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; }
.zax-chat-attachment-preview strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 10px; }
.zax-chat-attachment-preview small { color: var(--zax-muted); font-size: 8px; }
.zax-chat-link-field { margin: 0; }

.zax-profile-avatar-large img,
.zax-profile-photo-preview img,
.zax-community-avatar img,
.zax-fyp-avatar img,
[data-profile-avatar] img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.zax-profile-avatar-large.has-image { overflow: visible; padding: 0; }
.zax-profile-avatar-large.has-image > img { overflow: hidden; border-radius: inherit; }

.zax-profile-photo-field {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    margin: 18px 0;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .022);
}

.zax-profile-photo-preview {
    display: grid;
    width: 76px;
    height: 76px;
    place-items: center;
    overflow: hidden;
    border: 2px solid rgba(81, 230, 189, .25);
    border-radius: 22px;
    color: #062119;
    background: linear-gradient(145deg, #8af7d7, #35c89d);
    font-size: 26px;
    font-weight: 850;
}

.zax-profile-photo-field > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.zax-profile-photo-field > span > strong { color: var(--zax-text); font-size: 12px; }
.zax-profile-photo-field > span > small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 10px; line-height: 1.5; }
.zax-profile-photo-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 5px; }
.zax-profile-photo-actions label,
.zax-profile-photo-actions button { display: inline-flex; min-height: 34px; align-items: center; gap: 5px; padding: 6px 10px; border: 1px solid var(--zax-line); border-radius: 9px; color: var(--zax-soft); background: rgba(255, 255, 255, .025); font-size: 9px; font-weight: 780; cursor: pointer; }
.zax-profile-photo-actions label { position: relative; }
.zax-profile-photo-actions input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.zax-profile-photo-actions .dashicons { width: 14px; height: 14px; color: var(--zax-cyan); font-size: 14px; }
.zax-profile-photo-actions button { color: #ff8c84; }

/* Full card copy remains readable instead of being visually truncated. */
.zax-product-body h3,
.zax-product-body > p,
.zax-community-member-grid p {
    display: block;
    min-height: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    -webkit-line-clamp: unset;
}

.zax-fyp-copy {
    display: block;
    max-height: min(25dvh, 180px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    overscroll-behavior: contain;
    -webkit-line-clamp: unset;
}

@media (max-width: 900px) {
    .zax-main {
        padding-bottom: calc(128px + env(safe-area-inset-bottom)) !important;
    }

    .zax-page:not(.zax-community-page) {
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
        scroll-padding-bottom: calc(128px + env(safe-area-inset-bottom));
    }

    .zax-community-page.is-chat-active {
        width: calc(100% + 32px);
        max-width: none;
        margin: -24px -16px -128px;
    }

    .zax-community-page.is-chat-active .zax-community-shell {
        height: calc(100dvh - var(--zax-topbar));
        min-height: 0;
        overflow: hidden;
    }

    .zax-community-page.is-chat-active .zax-community-rail {
        flex: 0 0 auto;
    }

    .zax-community-page.is-chat-active .zax-community-main {
        min-height: 0;
        flex: 1;
        overflow: hidden !important;
    }

    .zax-community-page.is-chat-active .zax-chat-view {
        min-height: 0;
    }

    .zax-chat-app {
        position: relative;
        display: block;
        height: 100%;
    }

    .zax-chat-inbox,
    .zax-chat-window {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .zax-chat-window {
        z-index: 3;
        display: none;
        padding-bottom: calc(83px + env(safe-area-inset-bottom));
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-mobile-dock {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-window {
        padding-bottom: 0;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-composer {
        padding-bottom: max(9px, env(safe-area-inset-bottom));
    }

    .zax-chat-app.is-chat-open .zax-chat-inbox { display: none; }
    .zax-chat-app.is-chat-open .zax-chat-window { display: grid; }
    .zax-chat-back { display: grid !important; }
    .zax-chat-window-header { min-height: 62px; padding: 8px 10px; }
    .zax-chat-window-header > .zax-community-avatar { width: 38px; height: 38px; flex-basis: 38px; }
    .zax-chat-window-header nav { margin-left: auto; }
    .zax-chat-window-header nav button { width: 35px; height: 35px; flex-basis: 35px; }
    .zax-chat-inbox-header { min-height: 62px; }
    .zax-chat-conversations { padding-bottom: calc(94px + env(safe-area-inset-bottom)); }
    .zax-chat-inbox-security { margin-bottom: calc(83px + env(safe-area-inset-bottom)); }
    .zax-chat-thread { padding: 14px 10px 10px; scrollbar-gutter: auto; }
    .zax-chat-message { margin: 7px 0; }
    .zax-chat-message > .zax-community-avatar { display: none; }
    .zax-chat-bubble { max-width: 86%; padding: 9px 10px 7px; }
    .zax-chat-bubble > p { font-size: 13px; }
    .zax-chat-media,
    a.zax-chat-media img { max-height: 280px; }
    .zax-chat-composer { padding: 8px 9px 9px; }
    .zax-chat-composer-note { display: none; }
    .zax-chat-send { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 14px; box-shadow: 0 10px 28px rgba(81, 230, 189, .28), inset 0 1px rgba(255, 255, 255, .5); }
    .zax-chat-send-icon { width: 21px; height: 21px; flex-basis: 21px; stroke-width: 2.2; }
    .zax-chat-send > span { display: none; }
    .zax-chat-attach-button,
    .zax-chat-link-button { width: 38px; height: 38px; flex-basis: 38px; }
    .zax-chat-message-field textarea,
    .zax-chat-search input,
    .zax-chat-thread-search input,
    .zax-chat-link-field input,
    .zax-chat-member-select select { font-size: 16px !important; }
    .zax-chat-attachment-preview { padding: 6px 8px; }
    .zax-chat-document { align-items: flex-start; flex-wrap: wrap; }
    .zax-chat-document > a { width: 100%; justify-content: center; }

    .zax-profile-photo-field { grid-template-columns: 64px minmax(0, 1fr); align-items: start; }
    .zax-profile-photo-preview { width: 64px; height: 64px; border-radius: 19px; }
    .zax-profile-photo-actions label,
    .zax-profile-photo-actions button { min-height: 38px; }

    .zax-product-body h3,
    .zax-product-body > p,
    .zax-community-member-grid p {
        min-height: 0 !important;
        -webkit-line-clamp: unset !important;
    }

    .zax-fyp-copy {
        max-height: min(28dvh, 190px);
        -webkit-line-clamp: unset !important;
    }
}

@media (max-width: 420px) {
    .zax-community-page.is-chat-active {
        width: calc(100% + 24px);
        margin-right: -12px;
        margin-left: -12px;
    }

    .zax-chat-window-identity strong { font-size: 13px; }
    .zax-chat-window-identity small { font-size: 9px; }
    .zax-chat-window-header nav button:last-child { display: none; }
    .zax-chat-bubble { max-width: 91%; }
    .zax-chat-composer-row { gap: 5px; }
    .zax-chat-attach-button,
    .zax-chat-link-button { width: 35px; height: 35px; flex-basis: 35px; }
    .zax-profile-photo-field { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-app *,
    .zax-profile-photo-preview * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* Mobile app-standard layout: edge-to-edge lists, natural copy, and safe touch spacing. */
@media (max-width: 900px) {
    .zax-page,
    .zax-page *,
    .zax-modal *,
    .zax-more-card * {
        min-width: 0;
    }

    .zax-page p,
    .zax-page small,
    .zax-page strong,
    .zax-page h1,
    .zax-page h2,
    .zax-page h3,
    .zax-modal p,
    .zax-modal small,
    .zax-modal strong {
        overflow-wrap: anywhere;
    }

    .zax-card-heading,
    .zax-page-heading,
    .zax-settings-footer,
    .zax-product-footer,
    .zax-community-section-title {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .zax-button,
    .zax-page button,
    .zax-modal button {
        min-height: 42px;
        line-height: 1.3;
        white-space: normal;
    }

    .zax-table-wrap {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .zax-community-page:not(.is-fyp-active):not(.is-chat-active) {
        width: calc(100% + 32px);
        max-width: none;
        margin-right: -16px;
        margin-left: -16px;
    }

    .zax-community-page:not(.is-fyp-active):not(.is-chat-active) .zax-community-shell {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-community-view[data-community-view="members"] {
        padding: 0 0 calc(118px + env(safe-area-inset-bottom)) !important;
    }

    .zax-community-view[data-community-view="members"] > .zax-community-section-title {
        margin: 0;
        padding: 15px 14px 12px;
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-community-member-grid {
        width: 100%;
        margin: 0 !important;
    }

    .zax-community-member-grid > article {
        width: 100%;
        gap: 11px;
        padding: 16px 14px !important;
        border-right: 0;
        border-bottom: 1px solid var(--zax-line);
        border-left: 0;
        border-radius: 0;
    }

    .zax-community-member-grid header {
        width: 100%;
        grid-template-columns: 52px minmax(0, 1fr) 9px !important;
        align-items: center;
        gap: 11px;
    }

    .zax-community-member-grid .zax-community-avatar {
        width: 52px;
        height: 52px;
        font-size: 14px;
    }

    .zax-community-member-grid header > span:nth-child(2) {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 3px;
    }

    .zax-community-member-grid header strong {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
        font-size: 13px !important;
        line-height: 1.35;
        white-space: normal;
    }

    .zax-community-member-grid header small {
        font-size: 10px !important;
        line-height: 1.45;
        white-space: normal;
    }

    .zax-community-member-grid > article > p {
        display: block;
        width: 100%;
        margin: 0 !important;
        overflow: visible;
        color: var(--zax-soft);
        font-size: 11px !important;
        line-height: 1.6;
        -webkit-line-clamp: unset !important;
    }

    .zax-community-member-actions {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px;
        gap: 7px;
        margin: 0 !important;
    }

    .zax-community-member-actions button {
        width: 100%;
        min-height: 42px;
        padding: 8px;
        font-size: 10px;
    }

    .zax-member-profile-sheet {
        z-index: 790;
        place-items: stretch;
        padding: 0;
    }

    .zax-member-profile-sheet > section {
        width: 100%;
        height: 100dvh;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .zax-member-profile-sheet > section > header {
        min-height: calc(58px + env(safe-area-inset-top));
        padding-top: calc(10px + env(safe-area-inset-top));
    }

    .zax-member-profile-scroll {
        padding: 12px 12px calc(28px + env(safe-area-inset-bottom));
        scrollbar-gutter: auto;
    }

    .zax-member-profile-cover {
        height: 132px;
        border-radius: 18px;
    }

    .zax-member-profile-identity {
        grid-template-columns: 76px minmax(0, 1fr);
        align-items: end;
        gap: 11px;
        margin: -37px 8px 0;
    }

    .zax-member-profile-identity > span {
        width: 76px;
        height: 76px;
        border-width: 4px;
        border-radius: 23px;
        font-size: 22px;
    }

    .zax-member-profile-identity h2 {
        overflow: visible;
        font-size: 19px;
        line-height: 1.25;
        text-overflow: clip;
        white-space: normal;
    }

    .zax-member-profile-identity p,
    .zax-member-profile-identity small {
        overflow-wrap: anywhere;
        font-size: 10px;
        white-space: normal;
    }

    .zax-member-profile-bio {
        margin: 16px 8px 0;
        font-size: 12px;
        line-height: 1.65;
    }

    .zax-member-profile-stats {
        gap: 6px;
        margin: 13px 8px;
    }

    .zax-member-profile-stats article {
        padding: 11px 5px;
        text-align: center;
    }

    .zax-member-profile-stats strong { font-size: 18px; }
    .zax-member-profile-stats small { font-size: 9px; line-height: 1.35; }

    .zax-member-profile-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin: 0 8px 14px;
    }

    .zax-member-profile-actions .zax-button {
        width: 100%;
        min-height: 44px;
        flex: none;
        padding: 8px;
    }

    .zax-member-profile-card-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        margin: 0 8px 8px;
    }

    .zax-member-profile-card-grid article {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 13px;
    }

    .zax-member-profile-card-grid small { font-size: 9px; }
    .zax-member-profile-card-grid strong { overflow-wrap: anywhere; font-size: 12px; }
    .zax-member-profile-card-grid p { overflow: visible; overflow-wrap: anywhere; font-size: 10px; line-height: 1.55; }
}

@media (max-width: 390px) {
    .zax-community-page:not(.is-fyp-active):not(.is-chat-active) {
        width: calc(100% + 24px);
        margin-right: -12px;
        margin-left: -12px;
    }

    .zax-community-member-actions {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .zax-community-member-actions .zax-member-block {
        width: 100%;
        grid-column: 1 / -1;
    }

    .zax-community-member-actions .zax-member-block > span:not(.dashicons) {
        display: inline;
    }

    .zax-member-profile-actions {
        grid-template-columns: 1fr;
    }
}

/* Vendor Studio plan and registration */
.zax-seller-studio {
    padding: clamp(14px, 2.3vw, 26px) !important;
}

.zax-seller-hero {
    max-width: 1120px;
    padding: 22px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 88% 12%, rgba(81, 230, 189, .12), transparent 25%),
        linear-gradient(145deg, rgba(154, 140, 255, .12), rgba(81, 230, 189, .045));
}

.zax-seller-hero h2 { font-size: clamp(18px, 2vw, 25px); }
.zax-seller-hero p { max-width: 720px; font-size: 11px !important; line-height: 1.55; }
.zax-seller-hero > em { padding: 7px 10px; border: 1px solid rgba(81, 230, 189, .22); border-radius: 999px; font-size: 10px !important; }
.zax-seller-hero > em.is-active { color: var(--zax-cyan); background: rgba(81, 230, 189, .07); }
.zax-seller-hero > em.is-expired { border-color: rgba(255, 180, 75, .23); color: #e8b75d; background: rgba(255, 180, 75, .055); }

.zax-vendor-plan-grid {
    display: grid;
    max-width: 1120px;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    align-items: stretch;
    gap: 14px;
    margin: 0 auto 15px;
}

.zax-vendor-plan-card,
.zax-vendor-status-card,
.zax-vendor-onboarding,
.zax-seller-locked-card {
    padding: 19px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--zax-panel) 96%, transparent);
    box-shadow: 0 17px 45px rgba(0, 0, 0, .07);
}

.zax-vendor-plan-card {
    background:
        radial-gradient(circle at 84% 8%, rgba(154, 140, 255, .13), transparent 28%),
        color-mix(in srgb, var(--zax-panel) 96%, transparent);
}

.zax-vendor-plan-price { display: flex; align-items: center; gap: 10px; margin: 9px 0; }
.zax-vendor-plan-price > strong { color: var(--zax-text); font-size: 46px; line-height: .95; letter-spacing: -.06em; }
.zax-vendor-plan-price > span { display: flex; flex-direction: column; }
.zax-vendor-plan-price b { color: var(--zax-cyan); font-size: 12px; }
.zax-vendor-plan-price small { color: var(--zax-muted); font-size: 10px; }
.zax-vendor-plan-card > p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.55; }
.zax-vendor-plan-card ul { display: grid; gap: 7px; margin: 15px 0; padding: 0; list-style: none; }
.zax-vendor-plan-card li { display: flex; align-items: flex-start; gap: 6px; color: var(--zax-soft); font-size: 10px; line-height: 1.45; }
.zax-vendor-plan-card li .dashicons { width: 15px; height: 15px; flex: 0 0 15px; color: var(--zax-cyan); font-size: 15px; }
.zax-vendor-plan-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid var(--zax-line); }
.zax-vendor-plan-card > footer > span { display: flex; flex-direction: column; color: var(--zax-muted); font-size: 9px; }
.zax-vendor-plan-card > footer strong { color: var(--zax-text); font-size: 12px; }
.zax-vendor-plan-card > footer button { display: inline-flex; min-height: 36px; align-items: center; gap: 5px; padding: 7px 10px; border: 1px solid rgba(81, 230, 189, .22); border-radius: 9px; color: var(--zax-cyan); background: rgba(81, 230, 189, .06); font-size: 9px; font-weight: 800; cursor: pointer; }

.zax-vendor-onboarding .zax-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zax-vendor-onboarding label > small { color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-vendor-activation-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--zax-line); }
.zax-vendor-activation-footer > span { display: flex; max-width: 560px; align-items: flex-start; gap: 6px; color: var(--zax-muted); font-size: 9px; line-height: 1.5; }
.zax-vendor-activation-footer > span .dashicons { flex: 0 0 auto; color: var(--zax-cyan); }

.zax-vendor-status-card { display: flex; flex-direction: column; gap: 15px; }
.zax-vendor-status-card > header { display: flex; align-items: center; gap: 10px; }
.zax-vendor-status-card > header > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; color: #062119; background: var(--zax-cyan); }
.zax-vendor-status-card > header > div { display: flex; flex-direction: column; }
.zax-vendor-status-card > header small { color: var(--zax-cyan); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.zax-vendor-status-card > header strong { font-size: 14px; }
.zax-vendor-status-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.zax-vendor-status-details > span { display: flex; min-width: 0; flex-direction: column; padding: 10px; border: 1px solid var(--zax-line); border-radius: 11px; background: rgba(255, 255, 255, .02); }
.zax-vendor-status-details small { color: var(--zax-muted); font-size: 9px; }
.zax-vendor-status-details strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 11px; }
.zax-vendor-status-card > form { display: grid; gap: 9px; margin-top: auto; }
.zax-vendor-status-card .zax-checkbox span { font-size: 9px; line-height: 1.45; }

.zax-seller-layout { max-width: 1120px; grid-template-columns: minmax(0, 1.22fr) minmax(310px, .78fr); }
.zax-seller-form,
.zax-seller-listings { padding: 20px; border-radius: 18px; }
.zax-seller-listings > article { align-items: start; }
.zax-seller-listings article p { overflow-wrap: anywhere; font-size: 10px !important; }
.zax-seller-locked-card { display: flex; min-height: 260px; align-items: center; justify-content: center; gap: 12px; text-align: left; }
.zax-seller-locked-card > .dashicons { width: 48px; height: 48px; flex: 0 0 48px; color: #e8b75d; font-size: 48px; }
.zax-seller-locked-card > span { display: flex; max-width: 380px; flex-direction: column; }
.zax-seller-locked-card strong { margin: 4px 0; font-size: 15px; }
.zax-seller-locked-card p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.55; }

/* The live-refresh control stays clearly visible against every FYP scene. */
.zax-fyp-refresh {
    position: relative;
    z-index: 4;
    border-color: rgba(130, 255, 219, .48);
    color: #eafff9;
    background: rgba(4, 18, 14, .84);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .26), 0 9px 26px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px) saturate(145%);
}

.zax-fyp-refresh .dashicons { color: #72f0cc; filter: drop-shadow(0 0 6px rgba(81, 230, 189, .45)); }
.zax-fyp-refresh:hover,
.zax-fyp-refresh:focus-visible { border-color: #72f0cc; background: rgba(16, 61, 49, .92); outline: 2px solid rgba(114, 240, 204, .28); outline-offset: 2px; }

@media (max-width: 900px) {
    .zax-seller-studio { padding: 0 0 calc(118px + env(safe-area-inset-bottom)) !important; }
    .zax-seller-hero,
    .zax-vendor-plan-grid,
    .zax-seller-layout { max-width: none; margin-right: 0; margin-left: 0; }
    .zax-seller-hero { margin-bottom: 0; border-right: 0; border-left: 0; border-radius: 0; }
    .zax-vendor-plan-grid,
    .zax-seller-layout { grid-template-columns: 1fr; gap: 10px; }
    .zax-vendor-plan-grid { margin-bottom: 10px; }
    .zax-vendor-plan-card,
    .zax-vendor-status-card,
    .zax-vendor-onboarding,
    .zax-seller-form,
    .zax-seller-listings,
    .zax-seller-locked-card { border-right: 0; border-left: 0; border-radius: 0; box-shadow: none; }
    .zax-vendor-onboarding .zax-form-grid { grid-template-columns: 1fr; }
    .zax-vendor-activation-footer { align-items: stretch; flex-direction: column; }
    .zax-vendor-activation-footer .zax-button { width: 100%; justify-content: center; }
    .zax-seller-hero > em { grid-column: 1 / -1; justify-self: start; }
    .zax-seller-form .zax-form-grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
    .zax-vendor-plan-card > footer { align-items: stretch; flex-direction: column; }
    .zax-vendor-plan-card > footer button { width: 100%; justify-content: center; }
    .zax-vendor-status-details { grid-template-columns: 1fr; }
    .zax-vendor-plan-price > strong { font-size: 40px; }
    .zax-fyp-refresh { width: 40px !important; height: 40px; min-height: 40px !important; flex: 0 0 40px; border-radius: 12px; }
    .zax-fyp-refresh .dashicons { width: 20px; height: 20px; font-size: 20px; }
}

/* Consistent breathing room for cards and readable content groups. */
.zax-card-heading {
    gap: 16px;
    margin-bottom: 15px;
}

.zax-card-heading > div,
.zax-page-heading > div,
.zax-section-heading > div,
.zax-community-section-title > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.zax-card-heading h3,
.zax-card-heading p,
.zax-page-heading h1,
.zax-page-heading p,
.zax-section-heading h2,
.zax-section-heading p {
    margin-top: 0;
    margin-bottom: 0;
}

.zax-panel > p + p,
.zax-panel > p + ul,
.zax-panel > p + ol,
.zax-panel > ul + p,
.zax-panel > ol + p {
    margin-top: 12px;
}

.zax-product-grid,
.zax-market-grid {
    gap: 18px;
}

.zax-product-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
}

.zax-product-body h3,
.zax-product-body > p,
.zax-product-meta,
.zax-progress-row,
.zax-product-footer {
    margin-top: 0;
    margin-bottom: 0;
}

.zax-product-body h3 {
    line-height: 1.32;
}

.zax-product-body > p {
    line-height: 1.62;
}

.zax-product-footer {
    margin-top: auto;
    padding-top: 14px;
}

.zax-product-footer small {
    overflow: visible;
    max-width: none;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.4;
}

.zax-form-grid {
    row-gap: 15px;
    column-gap: 13px;
}

.zax-form-grid label,
.zax-modal form > label {
    gap: 7px;
}

.zax-community-member-grid,
.zax-profile-stat-grid,
.zax-profile-bottom-grid,
.zax-about-detail-grid,
.zax-values-grid,
.zax-faq-grid {
    gap: 15px;
}

@media (max-width: 680px) {
    .zax-product-grid,
    .zax-market-grid {
        gap: 10px;
    }

    .zax-product-card {
        min-height: 0;
    }

    .zax-product-body {
        gap: 9px;
        padding: 13px;
    }

    .zax-product-body h3 {
        min-height: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.35;
    }

    .zax-product-body > p {
        min-height: 0;
        margin: 0;
        font-size: 10px !important;
        line-height: 1.58;
    }

    .zax-product-meta {
        flex-wrap: wrap;
        overflow: visible;
        font-size: 8px;
        line-height: 1.4;
        text-overflow: clip;
        white-space: normal;
    }

    .zax-product-meta span {
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
    }

    .zax-product-footer {
        gap: 10px;
        padding-top: 11px;
    }

    .zax-product-footer > div {
        align-items: flex-start;
        flex-direction: column;
    }

    .zax-product-footer small {
        max-width: 100%;
        font-size: 8px;
        text-align: left;
    }

    .zax-card-heading {
        gap: 11px;
        margin-bottom: 13px;
    }

    .zax-panel:not(.zax-table-panel) {
        background-clip: padding-box;
    }
}

/* FYP content safety: decorative motion stays behind readable interface layers. */
.zax-fyp-post {
    isolation: isolate;
}

.zax-fyp-media {
    z-index: 0;
    pointer-events: none;
}

.zax-fyp-shade {
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(1, 5, 4, .38) 0, rgba(1, 5, 4, .06) 24%, rgba(1, 5, 4, .18) 46%, rgba(1, 5, 4, .82) 70%, rgba(1, 5, 4, .98) 100%),
        linear-gradient(90deg, rgba(1, 5, 4, .08), transparent 44%, rgba(1, 5, 4, .32));
    pointer-events: none;
}

.zax-fyp-post-meta {
    z-index: 6;
}

.zax-fyp-caption {
    z-index: 10;
}

.zax-fyp-actions {
    z-index: 14;
}

.zax-fyp-text-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 11px 12px 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .018) 48%, rgba(81, 230, 189, .055)),
        rgba(2, 9, 7, .46);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .11);
    backdrop-filter: blur(13px) saturate(128%);
    -webkit-backdrop-filter: blur(13px) saturate(128%);
    text-shadow: 0 1px 3px rgba(0, 0, 0, .9);
}

.zax-fyp-text-panel::before {
    position: absolute;
    z-index: -1;
    top: -45%;
    left: -18%;
    width: 64%;
    height: 150%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(126, 244, 211, .12), transparent 68%);
    content: "";
    pointer-events: none;
}

.zax-fyp-post-title {
    margin: 0 0 7px;
    color: #fff;
    font-size: clamp(15px, 1.25vw, 18px);
    font-weight: 840;
    line-height: 1.28;
    letter-spacing: -.018em;
    overflow-wrap: anywhere;
}

.zax-fyp-copy {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: rgba(255, 255, 255, .93);
    background: transparent;
    box-shadow: none;
    text-shadow: inherit;
}

.zax-profile-button > span:first-child {
    overflow: hidden;
}

.zax-profile-button > span:first-child img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

@media (max-width: 900px) {
    :root {
        --zax-topbar: calc(62px + env(safe-area-inset-top));
    }

    .zax-topbar {
        height: var(--zax-topbar);
        min-height: var(--zax-topbar);
        padding-top: calc(8px + env(safe-area-inset-top));
    }

    .zax-profile-button {
        display: inline-grid !important;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        place-items: center;
        padding: 3px;
        border-color: rgba(154, 140, 255, .26);
        border-radius: 12px;
        background: rgba(255, 255, 255, .035);
    }

    .zax-profile-button > span:first-child {
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }

    .zax-profile-button > span:nth-child(2),
    .zax-profile-button > .dashicons {
        display: none !important;
    }

    .zax-app[data-theme="light"] .zax-profile-button {
        border-color: rgba(87, 70, 190, .2);
        background: rgba(255, 255, 255, .76);
    }
}

@media (max-width: 760px) {
    :root {
        --zax-mobile-dock-clearance: calc(84px + env(safe-area-inset-bottom));
        --zax-fyp-mobile-height: calc(100dvh - var(--zax-topbar) - var(--zax-mobile-dock-clearance));
    }

    body.zaxsecurity-portal-page.zax-fyp-page-active .zax-main {
        padding-bottom: 0 !important;
        overflow: hidden;
    }

    .zax-community-page.is-fyp-active {
        width: 100vw;
        height: var(--zax-fyp-mobile-height);
        margin: -24px calc(50% - 50vw) 0;
    }

    .zax-community-page.is-fyp-active .zax-community-shell {
        width: 100%;
        height: var(--zax-fyp-mobile-height) !important;
        max-height: var(--zax-fyp-mobile-height);
    }

    .zax-community-page.is-fyp-active .zax-community-main,
    .zax-community-page.is-fyp-active .zax-fyp-view,
    .zax-community-page.is-fyp-active .zax-fyp-shell,
    .zax-community-page.is-fyp-active .zax-fyp-feed,
    .zax-community-page.is-fyp-active .zax-fyp-post,
    .zax-community-page.is-fyp-active .zax-fyp-empty {
        width: 100%;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100%;
    }

    .zax-fyp-caption {
        bottom: 15px;
        max-height: 58%;
    }

    .zax-fyp-actions {
        bottom: 15px;
    }

    .zax-fyp-copy {
        max-height: min(30dvh, 205px);
        font-size: 13.5px;
        line-height: 1.58;
    }

    .zax-fyp-text-panel {
        padding: 10px 11px 9px;
        border-radius: 14px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .012) 52%, rgba(81, 230, 189, .05)),
            rgba(2, 9, 7, .43);
        backdrop-filter: blur(11px) saturate(124%);
        -webkit-backdrop-filter: blur(11px) saturate(124%);
    }

    .zax-fyp-post-title {
        margin-bottom: 6px;
        font-size: 15px;
        line-height: 1.3;
    }

    .zax-fyp-comments {
        max-height: calc(100% - 58px);
        padding-bottom: 18px;
    }
}

/* Searchable Community directory and complete VIP public profiles. */
.zax-app .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    white-space: nowrap !important;
}

.zax-member-directory-tools {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: center;
    gap: 10px 12px;
    margin: 0 15px 10px;
    padding: 12px;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 55%, rgba(81, 230, 189, .035)),
        color-mix(in srgb, var(--zax-panel) 90%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 12px 34px rgba(0, 0, 0, .08);
}

.zax-member-search {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .035);
}

.zax-member-search > .dashicons {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    color: var(--zax-cyan);
    font-size: 19px;
}

.zax-member-search input {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    box-shadow: none;
    font-size: 13px;
}

.zax-member-search input::placeholder {
    color: var(--zax-muted);
}

.zax-member-search button {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 9px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .045);
    cursor: pointer;
}

.zax-member-filter-row {
    display: flex;
    min-width: 0;
    grid-column: 1 / -1;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    padding: 1px 0 2px;
    scrollbar-width: none;
}

.zax-member-filter-row::-webkit-scrollbar {
    display: none;
}

.zax-member-filter-row button {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 7px 11px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    font-size: 9px;
    font-weight: 780;
    white-space: nowrap;
    cursor: pointer;
}

.zax-member-filter-row button .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.zax-member-filter-row button.is-active {
    border-color: rgba(81, 230, 189, .42);
    color: #052119;
    background: linear-gradient(145deg, #a2f6df, #52dab3);
    box-shadow: 0 7px 20px rgba(81, 230, 189, .16);
}

.zax-member-sort {
    position: relative;
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .03);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.zax-member-sort select {
    min-width: 132px;
    height: 42px;
    padding: 0 24px 0 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    font-weight: 720;
    text-transform: none;
    appearance: none;
}

.zax-member-sort > .dashicons {
    position: absolute;
    right: 9px;
    width: 14px;
    height: 14px;
    color: var(--zax-cyan);
    font-size: 14px;
    pointer-events: none;
}

.zax-member-directory-status {
    min-height: 20px;
    margin: 0 17px 10px;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.5;
}

.zax-member-directory-tools.is-loading .zax-member-search > .dashicons {
    animation: zax-fyp-refresh-spin .8s linear infinite;
}

.zax-member-no-results {
    margin: 14px;
}

.zax-member-profile-vendor {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin: 16px;
    padding: 16px;
    border: 1px solid rgba(255, 212, 91, .27);
    border-radius: 17px;
    background:
        radial-gradient(circle at 0 0, rgba(255, 220, 112, .12), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(154, 140, 255, .035));
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

.zax-member-profile-vendor[hidden] {
    display: none !important;
}

.zax-member-profile-vendor > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 14px;
    color: #2b1b00;
    background: linear-gradient(145deg, #fff0a0, #e7b335);
    box-shadow: 0 9px 24px rgba(231, 179, 53, .17);
}

.zax-member-profile-vendor > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.zax-vip-storefront-head {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.zax-vip-storefront-head > em {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    font-size: 9px;
    font-style: normal;
    font-weight: 780;
    white-space: nowrap;
}

.zax-vip-storefront-head > em > i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 10px rgba(81, 230, 189, .65);
}

.zax-member-profile-vendor small {
    color: #e8bf57;
    font-size: 10px;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-member-profile-vendor strong {
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 15px;
}

.zax-member-profile-vendor p {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--zax-muted);
    font-size: 11.5px;
    line-height: 1.55;
}

.zax-member-profile-vendor p b {
    color: var(--zax-soft);
}

.zax-vip-storefront-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.zax-vip-storefront-trust > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--zax-soft);
    font-size: 10px;
    font-weight: 680;
}

.zax-vip-storefront-trust .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-cyan);
    font-size: 14px;
}

.zax-member-profile-vendor > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid rgba(81, 230, 189, .28);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .06);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.zax-member-profile-vendor > button .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

/* Keep ordinary content cards inside their own layout and stacking boundary. */
.zax-page :where([class*="-grid"], [class*="-card"], .zax-panel, .zax-table-panel, .zax-topup-panel, .zax-transaction-panel),
.zax-page :where([class*="-grid"], [class*="-card"], .zax-panel, .zax-table-panel, .zax-topup-panel, .zax-transaction-panel) > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.zax-page :where(.zax-auth-card, .zax-bank-account-card, .zax-converter-card, .zax-foundation-progress-card, .zax-hero-panel, .zax-lab-card, .zax-learner-card, .zax-panel, .zax-product-card, .zax-readiness-card, .zax-seller-locked-card, .zax-session-card, .zax-setting-card, .zax-table-panel, .zax-topup-panel, .zax-topup-review-card, .zax-transaction-panel, .zax-vendor-plan-card, .zax-vendor-status-card, .zax-wallet-card) {
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.zax-page :where(.zax-auth-card, .zax-bank-account-card, .zax-converter-card, .zax-foundation-progress-card, .zax-hero-panel, .zax-lab-card, .zax-learner-card, .zax-panel, .zax-product-card, .zax-readiness-card, .zax-seller-locked-card, .zax-session-card, .zax-setting-card, .zax-table-panel, .zax-topup-panel, .zax-topup-review-card, .zax-transaction-panel, .zax-vendor-plan-card, .zax-vendor-status-card, .zax-wallet-card) :where(h1, h2, h3, h4, p, small, strong, span, a, button, label) {
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .zax-page :where(.zax-auth-card, .zax-bank-account-card, .zax-converter-card, .zax-foundation-progress-card, .zax-hero-panel, .zax-lab-card, .zax-learner-card, .zax-panel, .zax-product-card, .zax-readiness-card, .zax-seller-locked-card, .zax-session-card, .zax-setting-card, .zax-table-panel, .zax-topup-panel, .zax-topup-review-card, .zax-transaction-panel, .zax-vendor-plan-card, .zax-vendor-status-card, .zax-wallet-card) {
        overflow: hidden;
    }

    .zax-page :where([class*="-grid"]) {
        align-items: stretch;
    }

    .zax-page :where(input, textarea, select, video, img, canvas, svg) {
        max-width: 100%;
    }
}

@media (hover: none) and (pointer: coarse) {
    .zax-page :where(.zax-auth-card, .zax-bank-account-card, .zax-converter-card, .zax-foundation-progress-card, .zax-hero-panel, .zax-lab-card, .zax-learner-card, .zax-panel, .zax-product-card, .zax-readiness-card, .zax-seller-locked-card, .zax-session-card, .zax-setting-card, .zax-table-panel, .zax-topup-panel, .zax-topup-review-card, .zax-transaction-panel, .zax-vendor-plan-card, .zax-vendor-status-card, .zax-wallet-card):hover {
        transform: none !important;
    }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-main {
        padding-top: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active {
        margin-top: 0 !important;
    }

    .zax-member-directory-tools {
        position: sticky;
        z-index: 8;
        top: 0;
        grid-template-columns: minmax(0, 1fr) 126px;
        gap: 8px;
        margin: 0;
        padding: 10px 12px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        background: color-mix(in srgb, var(--zax-panel-solid) 92%, transparent);
        backdrop-filter: blur(16px) saturate(130%);
        -webkit-backdrop-filter: blur(16px) saturate(130%);
    }

    .zax-member-search,
    .zax-member-sort {
        min-height: 42px;
    }

    .zax-member-search input,
    .zax-member-sort select {
        height: 40px;
        font-size: 16px;
    }

    .zax-member-sort > span:first-child {
        display: none;
    }

    .zax-member-sort select {
        min-width: 0;
        width: 100%;
        font-size: 11px;
    }

    .zax-member-filter-row {
        margin-right: -12px;
        margin-left: -12px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .zax-member-directory-status {
        margin: 9px 13px;
        font-size: 10px;
    }

    .zax-member-profile-vendor {
        grid-template-columns: 42px minmax(0, 1fr);
        margin: 14px 10px;
        padding: 12px;
    }

    .zax-member-profile-vendor > span {
        width: 42px;
        height: 42px;
    }

    .zax-member-profile-vendor > button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .zax-vip-storefront-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .zax-vip-storefront-trust {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    body.zaxsecurity-portal-page.zax-fyp-overlay-open .zax-mobile-dock {
        display: none !important;
    }

    .zax-member-profile-scroll {
        padding-bottom: calc(44px + env(safe-area-inset-bottom)) !important;
        scroll-padding-bottom: calc(44px + env(safe-area-inset-bottom));
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-mobile-dock[data-mobile-dock="user"] {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        z-index: 112;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .zax-community-mobile-dock button {
        gap: 4px;
        min-height: 54px;
    }

    .zax-community-mobile-dock button > .dashicons {
        width: 27px;
        height: 27px;
        font-size: 27px;
    }

    .zax-community-mobile-dock button > span:not(.dashicons) {
        font-size: 9px;
    }

    .zax-community-mobile-dock button > b {
        position: absolute;
        top: 2px;
        right: calc(50% - 18px);
        display: grid;
        min-width: 17px;
        height: 17px;
        place-items: center;
        padding: 0 4px;
        border-radius: 999px;
        color: #fff;
        background: #ff5f75;
        box-shadow: 0 4px 12px rgba(255, 95, 117, .3);
        font-size: 8px;
    }

    .zax-community-mobile-dock .zax-community-dock-create {
        color: #062119;
        background: linear-gradient(145deg, #8af4d6, #43d2a8);
        box-shadow: 0 8px 20px rgba(31, 205, 157, .22);
    }

    .zax-community-more-card .zax-community-more-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .zax-community-more-grid > button {
        min-height: 112px;
        padding: 13px;
    }

    .zax-community-more-grid > button > span {
        width: 43px;
        height: 43px;
        border-radius: 13px;
    }

    .zax-community-more-grid > button .dashicons {
        width: 22px;
        height: 22px;
        font-size: 22px;
    }

    .zax-community-more-grid strong {
        font-size: 11px;
    }

    .zax-community-more-grid small {
        font-size: 8px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail {
        position: sticky;
        z-index: 98;
        top: var(--zax-topbar);
        width: 100%;
        flex: 0 0 60px;
        min-height: 60px;
        border-bottom: 1px solid var(--zax-line);
        background: color-mix(in srgb, var(--zax-panel-solid) 93%, transparent);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
        backdrop-filter: blur(18px) saturate(135%);
        -webkit-backdrop-filter: blur(18px) saturate(135%);
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav {
        display: grid;
        height: 60px;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        gap: 3px;
        overflow: hidden;
        padding: 5px 7px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav button {
        display: flex;
        min-width: 0;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2px;
        padding: 3px 2px;
        border-radius: 10px;
        text-align: center;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav button::before {
        inset: auto 22% 0;
        width: auto;
        height: 2px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav button > .dashicons {
        width: 24px;
        height: 24px;
        font-size: 15px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav button > span {
        display: block;
        width: 100%;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav strong {
        display: block;
        overflow: hidden;
        font-size: 8px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav small {
        display: none;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail > nav b {
        position: absolute;
        top: 2px;
        right: 5px;
    }

    .zax-community-page.is-fyp-active .zax-community-shell {
        display: flex !important;
        flex-direction: column;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-rail {
        position: relative;
        top: auto;
        display: block !important;
    }

    .zax-community-page.is-fyp-active .zax-community-main {
        height: calc(100% - 60px) !important;
        min-height: 0;
        flex: 1 1 auto;
    }

    .zax-community-page.is-fyp-active .zax-fyp-nav {
        padding-top: 7px;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-community-mobile-dock,
    body.zaxsecurity-portal-page.zax-fyp-compose-open .zax-community-mobile-dock,
    body.zaxsecurity-portal-page.zax-fyp-overlay-open .zax-community-mobile-dock {
        display: none !important;
    }
}

/* Facebook-inspired Community members directory with ZaxSecurity silk surfaces. */
.zax-community-view[data-community-view="members"] {
    position: relative;
    padding-bottom: 28px;
    background:
        radial-gradient(circle at 92% 4%, rgba(81, 230, 189, .07), transparent 28%),
        radial-gradient(circle at 5% 42%, rgba(154, 140, 255, .05), transparent 26%);
}

.zax-members-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);
    align-items: stretch;
    gap: 18px;
    margin: 18px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .14), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .06), transparent 52%),
        color-mix(in srgb, var(--zax-panel) 94%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 20px 46px rgba(0, 0, 0, .1);
}

.zax-members-hero-copy {
    display: flex;
    min-width: 0;
    justify-content: center;
    flex-direction: column;
}

.zax-members-hero-copy .zax-eyebrow {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: var(--zax-cyan);
    font-size: 10px;
}

.zax-members-hero-copy .zax-eyebrow .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.zax-members-hero-copy h2 {
    margin: 0;
    color: var(--zax-text);
    font-size: clamp(20px, 2.1vw, 30px);
    line-height: 1.16;
    letter-spacing: -.025em;
}

.zax-members-hero-copy p {
    max-width: 760px;
    margin: 10px 0 0;
    color: var(--zax-soft);
    font-size: 13px;
    line-height: 1.7;
}

.zax-members-hero-stats {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: stretch;
    gap: 8px;
}

.zax-members-hero-stats > span {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    padding: 14px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
    text-align: center;
}

.zax-members-hero-stats strong {
    color: var(--zax-text);
    font-size: 22px;
    line-height: 1;
}

.zax-members-hero-stats small {
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.35;
}

.zax-community-view[data-community-view="members"] .zax-member-directory-tools {
    grid-template-columns: minmax(260px, 1fr) auto;
    grid-template-areas:
        "search sort"
        "filters filters";
    gap: 12px 14px;
    margin: 0 18px 12px;
    padding: 14px;
    border-radius: 19px;
}

.zax-community-view[data-community-view="members"] .zax-member-search {
    grid-area: search;
    min-height: 48px;
    padding: 0 13px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--zax-panel-solid) 42%, transparent);
}

.zax-community-view[data-community-view="members"] .zax-member-search input {
    height: 46px;
    font-size: 13px;
}

.zax-community-view[data-community-view="members"] .zax-member-sort {
    grid-area: sort;
    min-width: 205px;
    min-height: 48px;
    border-radius: 14px;
}

.zax-community-view[data-community-view="members"] .zax-member-filter-block {
    display: grid;
    min-width: 0;
    grid-area: filters;
    gap: 8px;
}

.zax-community-view[data-community-view="members"] .zax-member-filter-block > span {
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.zax-community-view[data-community-view="members"] .zax-member-filter-row {
    min-width: 0;
    grid-column: auto;
    gap: 8px;
}

.zax-community-view[data-community-view="members"] .zax-member-filter-row button {
    min-height: 38px;
    flex: 0 0 auto;
    gap: 6px;
    padding: 8px 13px;
    overflow: visible;
    font-size: 10px;
    line-height: 1.2;
}

.zax-community-view[data-community-view="members"] .zax-member-filter-row button .dashicons {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    font-size: 17px;
}

.zax-community-view[data-community-view="members"] .zax-member-directory-status {
    margin: 0 21px 12px;
    font-size: 10px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding: 0 18px 26px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid > article {
    display: flex;
    min-width: 0;
    min-height: 250px;
    flex-direction: column;
    gap: 14px;
    padding: 19px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 52%),
        color-mix(in srgb, var(--zax-panel) 95%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 16px 38px rgba(0, 0, 0, .075);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .zax-community-view[data-community-view="members"] .zax-community-member-grid > article:hover {
        border-color: rgba(81, 230, 189, .25);
        box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 22px 48px rgba(0, 0, 0, .12);
        transform: translateY(-2px);
    }
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid header {
    width: 100%;
    grid-template-columns: 60px minmax(0, 1fr) 9px;
    gap: 12px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid .zax-community-avatar {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    font-size: 17px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid header > span:nth-child(2) {
    gap: 4px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid header strong,
.zax-community-view[data-community-view="members"] .zax-community-member-grid header small {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid header strong {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    color: var(--zax-text);
    font-size: 14px !important;
    line-height: 1.35;
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid header small {
    color: var(--zax-muted);
    font-size: 10px !important;
    line-height: 1.45;
}

.zax-online-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    background: color-mix(in srgb, var(--zax-muted) 58%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--zax-panel-strong) 85%, transparent);
    vertical-align: middle;
}

.zax-online-dot.is-online {
    border-color: rgba(151, 255, 212, .78);
    background: #38e58d;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--zax-panel-strong) 85%, transparent), 0 0 12px rgba(56, 229, 141, .7);
    animation: zax-online-presence-pulse 2.1s ease-in-out infinite;
}

.zax-community-member-grid > article.is-online {
    border-color: rgba(56, 229, 141, .22);
}

.zax-community-member-grid header small,
.zax-community-mini-members [data-mini-member-row] strong,
.zax-chat-conversation strong,
[data-chat-header-status] {
    align-items: center;
    gap: 6px;
}

.zax-community-member-grid header small,
.zax-community-mini-members [data-mini-member-row] strong,
[data-chat-header-status] {
    display: inline-flex;
}

[data-chat-header-status][data-chat-online="1"] {
    color: #70efae;
}

@keyframes zax-online-presence-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .72; transform: scale(.88); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-online-dot.is-online { animation: none; }
}

.zax-community-view[data-community-view="members"] .zax-community-member-grid > article > p {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    overflow: visible;
    color: var(--zax-soft);
    font-size: 11px !important;
    line-height: 1.65;
    -webkit-line-clamp: unset;
}

.zax-member-card-meta {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.zax-member-card-meta > span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .025);
    font-size: 9px;
    line-height: 1.35;
}

.zax-member-card-meta .dashicons {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: var(--zax-cyan);
    font-size: 14px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-actions {
    display: flex;
    width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.zax-community-view[data-community-view="members"] .zax-community-member-actions button {
    min-width: 0;
    min-height: 41px;
    flex: 1 1 115px;
    gap: 6px;
    padding: 8px 11px;
    border-radius: 11px;
    overflow: visible;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
}

.zax-community-view[data-community-view="members"] .zax-community-member-actions button .dashicons {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    font-size: 17px;
}

.zax-community-view[data-community-view="members"] .zax-community-member-actions .zax-member-block {
    max-width: 94px;
}

@media (min-width: 1480px) {
    .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .zax-members-hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .zax-community-view[data-community-view="members"] {
        padding: 0 0 calc(122px + env(safe-area-inset-bottom)) !important;
    }

    .zax-members-hero {
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 0;
        padding: 19px 14px 17px;
        border-width: 0 0 1px;
        border-radius: 0;
        box-shadow: inset 0 1px rgba(255, 255, 255, .045);
    }

    .zax-members-hero-copy h2 {
        font-size: 21px;
        line-height: 1.2;
    }

    .zax-members-hero-copy p {
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.65;
    }

    .zax-members-hero-stats {
        gap: 7px;
    }

    .zax-members-hero-stats > span {
        min-height: 72px;
        padding: 11px 5px;
        border-radius: 13px;
    }

    .zax-members-hero-stats strong {
        font-size: 19px;
    }

    .zax-members-hero-stats small {
        font-size: 8px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-directory-tools {
        position: relative;
        z-index: 2;
        top: auto;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "search"
            "filters"
            "sort";
        gap: 12px;
        margin: 0;
        padding: 13px 12px 14px;
        border-width: 0 0 1px;
        border-radius: 0;
        background: color-mix(in srgb, var(--zax-panel-solid) 90%, transparent);
    }

    .zax-community-view[data-community-view="members"] .zax-member-search {
        width: 100%;
        min-height: 48px;
        padding: 0 12px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-search input {
        height: 46px;
        font-size: 16px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-filter-block {
        width: 100%;
        gap: 8px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-filter-row {
        width: calc(100% + 24px);
        margin: 0 -12px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding: 0 12px 3px;
        scroll-padding-inline: 12px;
        -webkit-overflow-scrolling: touch;
    }

    .zax-community-view[data-community-view="members"] .zax-member-filter-row button {
        width: auto;
        min-width: max-content;
        min-height: 40px;
        flex: 0 0 auto;
        padding: 9px 13px;
        font-size: 11px;
        white-space: nowrap;
    }

    .zax-community-view[data-community-view="members"] .zax-member-sort {
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 0 12px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-sort > span:first-child {
        display: inline-block;
        flex: 0 0 auto;
        font-size: 9px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-sort select {
        width: 100%;
        min-width: 0;
        height: 44px;
        padding-left: 4px;
        font-size: 13px;
    }

    .zax-community-view[data-community-view="members"] .zax-member-directory-status {
        margin: 11px 14px;
        font-size: 10px;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin: 0 !important;
        padding: 0 12px 22px;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid > article {
        width: 100%;
        min-height: 0;
        gap: 13px;
        padding: 15px !important;
        border: 1px solid var(--zax-line);
        border-radius: 17px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .05), transparent 55%),
            color-mix(in srgb, var(--zax-panel) 96%, transparent);
        box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 12px 28px rgba(0, 0, 0, .07);
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid header {
        grid-template-columns: 58px minmax(0, 1fr) 9px !important;
        gap: 11px;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid .zax-community-avatar {
        width: 58px;
        height: 58px;
        font-size: 16px;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid header strong {
        font-size: 14px !important;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid header small {
        font-size: 10px !important;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-grid > article > p {
        width: 100%;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.6;
    }

    .zax-member-card-meta {
        gap: 6px;
    }

    .zax-member-card-meta > span {
        max-width: 100%;
        padding: 6px 8px;
        overflow-wrap: anywhere;
        font-size: 9px;
        white-space: normal;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
        margin: 0 !important;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-actions button {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 9px 8px;
        font-size: 10px;
        overflow-wrap: normal;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-actions .zax-member-block {
        width: 100%;
        max-width: none;
        grid-column: 1 / -1;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-actions .zax-member-block > span:not(.dashicons) {
        display: inline;
    }
}

@media (max-width: 370px) {
    .zax-members-hero-stats {
        grid-template-columns: 1fr;
    }

    .zax-members-hero-stats > span {
        min-height: 58px;
        flex-direction: row;
        gap: 8px;
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-community-view[data-community-view="members"] .zax-community-member-actions .zax-member-block {
        grid-column: auto;
    }
}

/* Keep the Cyber FYP refresh action readable instead of hiding its SVG with the mobile label rule. */
@media (max-width: 760px) {
    .zax-fyp-refresh {
        width: auto;
        min-width: 72px;
        min-height: 42px;
        justify-content: center;
        gap: 5px;
        padding: 4px 7px;
        border-radius: 11px;
    }

    .zax-fyp-refresh > .zax-fyp-refresh-glyph {
        display: grid !important;
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
        border-radius: 8px;
    }

    .zax-fyp-refresh > span:last-child {
        display: inline-block !important;
        overflow: visible;
        color: #fff;
        font-size: 8px;
        line-height: 1;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {
    .zax-fyp-refresh {
        min-width: 65px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .zax-fyp-refresh > span:last-child {
        font-size: 7px;
    }
}

/* 1.13.55: compact, verified 20-second Cyber FYP video posts. */
.zax-fyp-post.is-clip .zax-fyp-media {
    background: radial-gradient(circle at 50% 34%, rgba(81, 230, 189, .16), transparent 32%), #030807;
}

.zax-fyp-clip,
.zax-member-profile-upload-visual > video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #020605;
}

.zax-fyp-detail-visual .zax-fyp-clip {
    object-fit: contain;
}

.zax-member-profile-video-badge {
    position: absolute;
    right: 7px;
    bottom: 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    color: #fff;
    background: rgba(3, 12, 10, .76);
    font-size: 8px;
    font-weight: 850;
    backdrop-filter: blur(10px);
}

.zax-member-profile-video-badge .dashicons {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.zax-community-video-preview {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 92px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(94, 231, 195, .2);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .065), rgba(154, 140, 255, .045));
    box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}

.zax-community-video-preview[hidden] { display: none !important; }

.zax-community-video-preview > video {
    width: 92px;
    height: 118px;
    border-radius: 12px;
    object-fit: cover;
    background: #020605;
}

.zax-community-video-preview > div {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.zax-community-video-preview strong {
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 11px;
}

.zax-community-video-preview small {
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.45;
}

.zax-community-video-preview > div > span {
    display: block;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
}

.zax-community-video-preview > div > span > i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--zax-gradient-brand);
    box-shadow: 0 0 14px rgba(81, 230, 189, .34);
    transition: width .18s linear;
}

.zax-community-video-preview > button {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 11px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .045);
    cursor: pointer;
}

@media (max-width: 480px) {
    .zax-community-video-preview {
        grid-template-columns: 72px minmax(0, 1fr) 32px;
        gap: 9px;
        padding: 8px;
        border-radius: 14px;
    }
    .zax-community-video-preview > video { width: 72px; height: 94px; border-radius: 10px; }
    .zax-community-video-preview > button { width: 32px; height: 32px; }
}

.zax-deleted-message-recovery {
    margin-top: 18px !important;
    border-color: rgba(91, 232, 183, .16) !important;
    background:
        radial-gradient(circle at 96% 0, rgba(121, 100, 255, .1), transparent 28%),
        linear-gradient(145deg, rgba(54, 228, 151, .045), transparent 42%),
        var(--zax-panel) !important;
}

.zax-deleted-message-recovery .zax-table-toolbar > span:first-child {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: var(--zax-muted);
}

.zax-deleted-message-recovery .zax-table-toolbar > span:first-child .dashicons {
    flex: 0 0 auto;
    color: var(--zax-cyan);
}

.zax-deleted-message-recovery [data-restore-deleted-message] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-color: rgba(73, 237, 165, .3) !important;
    color: #06130d !important;
    background: linear-gradient(135deg, #a5ffd0, #3aeb99 65%, #45c8ff) !important;
    box-shadow: 0 8px 20px rgba(46, 230, 142, .12);
}

.zax-deleted-message-recovery table.is-loading {
    opacity: .58;
    pointer-events: none;
}

.zax-deleted-message-pagination[hidden] {
    display: none !important;
}

@media (max-width: 760px) {
    .zax-deleted-message-recovery .zax-card-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .zax-deleted-message-recovery .zax-table-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .zax-deleted-message-pagination {
        width: 100%;
        justify-content: space-between;
        gap: 6px;
    }

    .zax-deleted-message-pagination > span {
        min-width: 0;
        text-align: center;
        white-space: normal;
    }
}

/* Unified theme surfaces: every major card and animated container follows the toggle. */
.zax-app[data-theme] :is(
    .zax-auth-card,
    .zax-bank-account-card,
    .zax-converter-card,
    .zax-foundation-progress-card,
    .zax-lab-card,
    .zax-learner-card,
    .zax-more-card,
    .zax-product-card,
    .zax-readiness-card,
    .zax-seller-locked-card,
    .zax-session-card,
    .zax-setting-card,
    .zax-social-link-card,
    .zax-social-product-card,
    .zax-topup-review-card,
    .zax-vendor-plan-card,
    .zax-vendor-status-card,
    .zax-wallet-card,
    .zax-panel,
    .zax-table-panel,
    .zax-topup-panel,
    .zax-transaction-panel
) {
    border-color: var(--zax-line);
    color: var(--zax-text);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), transparent 56%),
        var(--zax-glass);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), var(--zax-shadow);
}

.zax-app[data-theme="light"] :is(
    .zax-hero-panel,
    .zax-home-hero,
    .zax-about-hero,
    .zax-contact-hero,
    .zax-policy-hero,
    .zax-refund-hero,
    .zax-seller-hero,
    .zax-social-group-hero,
    .zax-community-safety-hero,
    .zax-members-hero,
    .zax-platform-window,
    .zax-home-readiness,
    .zax-footer-shell
) {
    border-color: var(--zax-line);
    color: var(--zax-text);
    background:
        radial-gradient(circle at 92% 8%, var(--zax-animated-glow), transparent 34%),
        radial-gradient(circle at 8% 92%, var(--zax-animated-violet), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(239, 247, 243, .88));
    box-shadow: inset 0 1px rgba(255, 255, 255, .95), var(--zax-shadow);
}

.zax-app[data-theme="dark"] :is(
    .zax-hero-panel,
    .zax-home-hero,
    .zax-about-hero,
    .zax-contact-hero,
    .zax-policy-hero,
    .zax-refund-hero,
    .zax-seller-hero,
    .zax-social-group-hero,
    .zax-community-safety-hero,
    .zax-members-hero,
    .zax-platform-window,
    .zax-home-readiness,
    .zax-footer-shell
) {
    border-color: var(--zax-line);
    color: var(--zax-text);
    background:
        radial-gradient(circle at 92% 8%, var(--zax-animated-glow), transparent 34%),
        radial-gradient(circle at 8% 92%, var(--zax-animated-violet), transparent 30%),
        linear-gradient(145deg, rgba(18, 36, 31, .96), rgba(7, 16, 14, .94));
}

.zax-app[data-theme="light"] :is(
    .zax-community-shell,
    .zax-community-main,
    .zax-chat-window,
    .zax-fyp-shell,
    .zax-fyp-feed
) {
    color: var(--zax-text);
    background-color: #e7efeb;
}

.zax-app[data-theme="light"] .zax-community-rail,
.zax-app[data-theme="light"] .zax-chat-inbox,
.zax-app[data-theme="light"] .zax-chat-window-header,
.zax-app[data-theme="light"] .zax-chat-composer,
.zax-app[data-theme="light"] .zax-member-directory-tools {
    color: var(--zax-text);
    background: var(--zax-glass-strong);
}

.zax-app[data-theme="light"] .zax-fyp-nav {
    color: #17352c;
    background: linear-gradient(180deg, rgba(239, 247, 243, .97), rgba(239, 247, 243, .54), transparent);
}

.zax-app[data-theme="light"] .zax-fyp-post {
    background: #dce8e2;
}

.zax-app[data-theme="light"] .zax-fyp-cyber-scene {
    background:
        radial-gradient(circle at 50% 38%, rgba(14, 169, 125, .22), transparent 28%),
        radial-gradient(circle at 12% 85%, rgba(111, 89, 222, .12), transparent 34%),
        linear-gradient(155deg, #edf5f1, #cfddd6);
}

.zax-app[data-theme="light"] .zax-fyp-cyber-scene::before,
.zax-app[data-theme="light"] .zax-fyp-post::before,
.zax-app[data-theme="light"] .zax-fyp-feed::before {
    border-color: var(--zax-grid-line);
    opacity: .52;
}

.zax-app[data-theme="light"] .zax-fyp-shade {
    background: linear-gradient(180deg, rgba(239, 247, 243, .12) 18%, rgba(20, 52, 42, .18) 52%, rgba(7, 28, 22, .88) 100%);
}

.zax-app[data-theme="light"] .zax-fyp-text-panel {
    border-color: rgba(255, 255, 255, .72);
    color: #10211d;
    background: rgba(247, 252, 249, .82);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 12px 28px rgba(23, 57, 48, .12);
}

.zax-app[data-theme="light"] .zax-fyp-text-panel :is(h2, p, strong, span) {
    color: inherit;
}

.zax-app[data-theme="light"] :is(
    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section,
    .zax-fyp-create-sheet > section,
    .zax-modal,
    .zax-modal-card,
    .zax-more-card
) {
    border-color: var(--zax-line);
    color: var(--zax-text);
    background: var(--zax-glass-strong);
    box-shadow: 0 28px 80px rgba(23, 57, 48, .18);
}

.zax-app[data-theme="light"] :is(
    .zax-chart-bars,
    .zax-learning-chart,
    .zax-skill-chart,
    .zax-revenue-chart,
    .zax-readiness-chart,
    .zax-readiness-score,
    .zax-readiness-insights > article
) {
    border-color: var(--zax-line);
    color: var(--zax-text);
    background-color: rgba(255, 255, 255, .7);
}

.zax-app[data-theme="light"] :is(input, textarea, select) {
    border-color: var(--zax-line);
    color: var(--zax-text);
    background-color: rgba(255, 255, 255, .72);
}

.zax-app[data-theme="light"] :is(input, textarea)::placeholder {
    color: var(--zax-muted);
}

.zax-community-avatar,
.zax-community-comment-avatar,
.zax-community-mini-members > span[role="button"] {
    cursor: pointer;
}

.zax-community-avatar.is-profile-loading,
.zax-community-comment-avatar.is-profile-loading,
.zax-community-mini-members > span.is-profile-loading {
    opacity: .68;
    animation: zax-profile-icon-loading .8s linear infinite;
}

.zax-fyp-comments-loading {
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px;
    color: var(--zax-muted);
    text-align: left;
}

.zax-fyp-comments-loading > .dashicons {
    color: var(--zax-cyan);
    animation: zax-fyp-refresh-spin .8s linear infinite;
}

.zax-fyp-comments-loading > span {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.zax-fyp-comments-loading strong { color: var(--zax-text); font-size: 11px; }
.zax-fyp-comments-loading small { font-size: 9px; }

.zax-fyp-comments-retry,
.zax-fyp-comment-limit {
    width: calc(100% - 20px);
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-soft);
    background: var(--zax-glass);
    font-size: 9px;
    text-align: center;
}

.zax-fyp-action.is-optimistic > span,
.zax-fyp-action.is-optimistic > b,
[data-community-save].is-optimistic > span,
[data-community-save].is-optimistic > b {
    animation: zax-engagement-pop .38s cubic-bezier(.2, .85, .25, 1);
}

.zax-fyp-action.is-request-pending,
[data-community-save].is-request-pending {
    pointer-events: none;
}

@keyframes zax-engagement-pop {
    0% { transform: scale(.82); }
    58% { transform: scale(1.22); }
    100% { transform: scale(1); }
}

@keyframes zax-profile-icon-loading {
    to { filter: hue-rotate(1turn); }
}

/* Keep large feeds smooth: only the visible TikTok-style post runs decorative animation. */
.zax-fyp-post:not(.is-current) :is(.zax-fyp-cyber-scene, .zax-fyp-cyber-scene *, .zax-fyp-media *) {
    animation-play-state: paused !important;
}

.zax-community-member-grid > article,
.zax-product-grid > article,
.zax-market-grid > article {
    content-visibility: auto;
    contain-intrinsic-size: 320px;
}

@media (max-width: 760px) {
    .zax-app :is(.zax-community-rail, .zax-member-directory-tools, .zax-community-mobile-dock, .zax-chat-composer) {
        backdrop-filter: blur(12px) saturate(120%);
        -webkit-backdrop-filter: blur(12px) saturate(120%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-action.is-optimistic > span,
    .zax-fyp-action.is-optimistic > b,
    .zax-community-avatar.is-profile-loading,
    .zax-community-comment-avatar.is-profile-loading,
    .zax-fyp-comments-loading > .dashicons {
        animation: none !important;
    }
}

/* 1.5.4: viewport-anchored mobile navigation and complete Community workspace. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page {
        --zax-mobile-dock-clearance: calc(76px + env(safe-area-inset-bottom));
    }

    body.zaxsecurity-portal-page .zax-mobile-dock {
        position: fixed !important;
        z-index: 320;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-height: calc(66px + env(safe-area-inset-bottom));
        margin: 0 !important;
        padding: 6px 8px max(6px, env(safe-area-inset-bottom));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 20px 20px 0 0;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        will-change: transform;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-mobile-dock[data-mobile-dock="user"],
    body.zaxsecurity-portal-page.zax-community-page-active .zax-mobile-dock[data-mobile-dock="admin"] {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        display: grid !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) {
        padding-bottom: 0 !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        padding-bottom: calc(24px + var(--zax-mobile-dock-clearance)) !important;
        scroll-padding-bottom: var(--zax-mobile-dock-clearance);
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        padding-bottom: 0;
        scroll-margin-bottom: var(--zax-mobile-dock-clearance);
    }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-page-active {
        height: 100dvh !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-main {
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active {
        position: fixed !important;
        z-index: 24;
        inset: var(--zax-topbar) 0 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        animation: none !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        position: relative;
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        flex-direction: column;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-rail {
        position: sticky !important;
        z-index: 98;
        top: 0 !important;
        display: block !important;
        width: 100%;
        height: 60px;
        min-height: 60px;
        flex: 0 0 60px;
        overflow: hidden;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-main {
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: var(--zax-mobile-dock-clearance);
        scroll-padding-bottom: var(--zax-mobile-dock-clearance);
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active:not(.is-fyp-active):not(.is-chat-active) .zax-community-top {
        position: sticky !important;
        z-index: 96;
        top: 0 !important;
        display: flex;
        width: 100%;
        min-height: 58px;
        flex: 0 0 auto;
        margin: 0;
        border-radius: 0;
        background: color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
        backdrop-filter: blur(16px) saturate(130%);
        -webkit-backdrop-filter: blur(16px) saturate(130%);
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-inbox-header,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-window-header {
        top: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view {
        width: 100%;
        max-width: 100%;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view[data-community-view="members"] {
        padding-bottom: 24px !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-main {
        height: auto !important;
        padding-bottom: 0;
        overflow: hidden;
    }

    .zax-community-page.is-fyp-active .zax-fyp-view,
    .zax-community-page.is-fyp-active .zax-fyp-shell,
    .zax-community-page.is-fyp-active .zax-fyp-feed,
    .zax-community-page.is-fyp-active .zax-fyp-post,
    .zax-community-page.is-fyp-active .zax-fyp-empty {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-caption {
        right: 72px;
        bottom: var(--zax-mobile-dock-clearance) !important;
        left: 13px;
        max-height: calc(100% - 150px - env(safe-area-inset-bottom)) !important;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 4px;
        overscroll-behavior: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .zax-community-page.is-fyp-active .zax-fyp-caption::-webkit-scrollbar {
        display: none;
    }

    .zax-community-page.is-fyp-active .zax-fyp-copy {
        max-height: none !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-actions {
        bottom: var(--zax-mobile-dock-clearance) !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-comments {
        max-height: calc(100% - 58px);
        padding-bottom: var(--zax-mobile-dock-clearance);
    }

    body.zaxsecurity-portal-page.zax-fyp-overlay-open .zax-fyp-comments {
        padding-bottom: max(18px, env(safe-area-inset-bottom));
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-community-main,
    body.zaxsecurity-portal-page.zax-fyp-compose-open .zax-community-main,
    body.zaxsecurity-portal-page.zax-fyp-overlay-open .zax-community-main {
        padding-bottom: 0;
    }
}

/* 1.5.6: concise FYP previews, full popup reading, and profile-aware gestures. */
.zax-community-page.is-fyp-active .zax-fyp-caption {
    overflow: hidden !important;
}

.zax-community-page.is-fyp-active .zax-fyp-copy {
    display: -webkit-box !important;
    max-height: 6.25em !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4;
}

.zax-fyp-detail-copy {
    display: block;
    overflow: visible;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.zax-fyp-like-burst.is-removing {
    color: #a9bbb5;
    background: rgba(9, 20, 17, .42);
}

.zax-fyp-detail-author > [data-fyp-detail-avatar] {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}

.zax-fyp-detail-author > [data-fyp-detail-avatar]:hover,
.zax-fyp-detail-author > [data-fyp-detail-avatar]:focus-visible {
    outline: 2px solid rgba(81, 230, 189, .48);
    outline-offset: 3px;
    box-shadow: 0 10px 28px rgba(81, 230, 189, .2);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .zax-community-page.is-fyp-active .zax-fyp-copy {
        max-height: 4.75em !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3;
    }
}

/* 1.5.7: natural typography with identical weight behavior in both themes. */
body.zaxsecurity-portal-page,
.zax-app {
    font-synthesis: none;
    font-kerning: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zax-app :where(p, li, dd, figcaption, td, small, input, textarea, select, option) {
    font-weight: 400;
    font-synthesis: none;
}

.zax-app[data-theme="light"] {
    --zax-text: #19342c;
    --zax-soft: #4a625a;
    --zax-muted: #6b7f78;
}

.zax-app[data-theme="light"] :where(
    h1, h2, h3, h4, h5, h6,
    p, li, dt, dd, td, th, small,
    label, input, textarea, select, option,
    button, a, strong, b,
    span:not(.dashicons):not(.zax-tiktok-icon)
) {
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

/* 1.5.8: keyboard-safe Community writing, emoji tools, and complete member profiles. */
.zax-community-text-composer {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: end;
    gap: 8px;
}

.zax-community-text-composer textarea {
    grid-row: 1;
    grid-column: 1;
}

.zax-community-text-composer > .zax-emoji-trigger {
    grid-row: 1;
    grid-column: 2;
    margin-bottom: 8px;
}

.zax-fyp-comments > form {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
}

.zax-fyp-comments > form .zax-comment-reply-target {
    grid-column: 1 / -1;
}

.zax-emoji-trigger {
    display: grid;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    place-items: center;
    flex: 0 0 38px;
    padding: 0;
    border: 1px solid var(--zax-line) !important;
    border-radius: 12px !important;
    color: var(--zax-text) !important;
    background: color-mix(in srgb, var(--zax-panel-2) 92%, transparent) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.zax-emoji-trigger > span {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 1;
}

.zax-emoji-trigger:hover,
.zax-emoji-trigger:focus-visible,
.zax-emoji-trigger.is-active {
    border-color: rgba(81, 230, 189, .52) !important;
    outline: none;
    background: rgba(81, 230, 189, .11) !important;
    transform: translateY(-1px);
}

.zax-emoji-picker {
    position: fixed;
    z-index: 1100;
    width: min(328px, calc(100vw - 16px));
    max-height: min(330px, calc(var(--zax-visual-viewport-height, 100dvh) - 18px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px;
    border: 1px solid rgba(129, 238, 207, .26);
    border-radius: 20px;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 92% 4%, rgba(154, 140, 255, .16), transparent 34%),
        color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(24px) saturate(140%);
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    animation: zax-fyp-detail-enter .18s ease-out both;
}

.zax-emoji-picker[hidden] {
    display: none !important;
}

.zax-emoji-picker section + section {
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid var(--zax-line);
}

.zax-emoji-picker section > strong {
    display: block;
    margin: 0 2px 7px;
    color: var(--zax-muted);
    font-size: 9px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-emoji-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 4px;
}

.zax-emoji-grid button {
    display: grid;
    width: 100%;
    min-width: 0;
    aspect-ratio: 1;
    place-items: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    color: inherit;
    background: rgba(255, 255, 255, .025);
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.zax-emoji-grid button:hover,
.zax-emoji-grid button:focus-visible {
    border-color: rgba(81, 230, 189, .35);
    outline: none;
    background: rgba(81, 230, 189, .1);
}

.zax-member-profile-sheet > section {
    grid-template-rows: auto minmax(0, 1fr);
}

.zax-member-profile-scroll {
    height: 100%;
    max-height: 100%;
    align-self: stretch;
    padding-bottom: max(34px, calc(24px + env(safe-area-inset-bottom)));
    scroll-padding-top: 16px;
    scroll-padding-bottom: max(34px, calc(24px + env(safe-area-inset-bottom)));
    -webkit-overflow-scrolling: touch;
}

.zax-member-profile-cover {
    isolation: isolate;
}

.zax-member-profile-identity {
    position: relative;
    z-index: 3;
    min-width: 0;
    overflow: visible;
}

.zax-member-profile-identity > div {
    display: flex;
    min-width: 0;
    min-height: 94px;
    justify-content: flex-end;
    flex-direction: column;
    overflow: visible;
    padding: 8px 0 6px;
}

.zax-member-profile-identity h2 {
    display: block;
    max-width: 100%;
    margin: 2px 0;
    overflow: visible;
    overflow-wrap: anywhere;
    padding: .12em 0 .16em;
    line-height: 1.18;
    text-overflow: clip;
    white-space: normal;
}

.zax-profile-identity h1 {
    max-width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
    padding: .08em 0 .12em;
    line-height: 1.12;
    text-overflow: clip;
    white-space: normal;
}

.zax-member-profile-identity p,
.zax-member-profile-identity small,
.zax-member-profile-vendor :is(strong, p, span),
.zax-member-profile-card-grid :is(small, strong, p) {
    max-width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.zax-member-profile-card-grid,
.zax-member-profile-card-grid article,
.zax-member-profile-card-grid article > div {
    min-height: 0;
    overflow: visible;
}

.zax-profile-cover-image {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-profile-cover::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, rgba(4, 15, 12, .88), rgba(4, 15, 12, .58) 58%, rgba(4, 15, 12, .42));
}

.zax-profile-cover-pattern {
    z-index: 1;
}

.zax-member-profile-cover > img {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-member-profile-cover::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(180deg, rgba(4, 14, 11, .14), rgba(4, 14, 11, .56));
}

.zax-member-profile-cover > i {
    z-index: 2;
}

.zax-member-profile-cover.has-image > i {
    opacity: .68;
}

.zax-profile-background-field {
    display: grid;
    grid-template-columns: minmax(150px, 34%) minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .022);
}

.zax-profile-background-preview {
    position: relative;
    display: flex;
    min-height: 104px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 15px;
    color: var(--zax-cyan);
    background:
        linear-gradient(rgba(81, 230, 189, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .05) 1px, transparent 1px),
        var(--zax-panel-2);
    background-size: 22px 22px;
}

.zax-profile-background-preview img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-profile-background-preview > span .dashicons {
    width: 25px;
    height: 25px;
    font-size: 25px;
}

.zax-profile-background-preview > small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-profile-background-field > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.zax-profile-background-field > span > strong {
    color: var(--zax-text);
    font-size: 12px;
}

.zax-profile-background-field > span > small {
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.5;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-community-mobile-dock {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open [data-keyboard-composer].is-keyboard-docked {
        position: fixed !important;
        z-index: 1040 !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: var(--zax-keyboard-offset, 0px) !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 1px solid rgba(129, 238, 207, .28) !important;
        border-radius: 17px 17px 0 0 !important;
        background: color-mix(in srgb, var(--zax-panel-solid) 95%, transparent) !important;
        box-shadow: 0 -18px 50px rgba(0, 0, 0, .26), inset 0 1px rgba(255, 255, 255, .08) !important;
        backdrop-filter: blur(24px) saturate(140%);
        -webkit-backdrop-filter: blur(24px) saturate(140%);
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.is-keyboard-docked {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        align-items: center;
        gap: 6px;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-community-text-composer.is-keyboard-docked {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 40px;
        align-items: end;
        gap: 7px;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-chat-composer-row.is-keyboard-docked {
        display: flex;
        align-items: flex-end;
        gap: 5px;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open [data-keyboard-composer].is-keyboard-docked :is(input[name="content"], textarea[name="content"]) {
        font-size: 16px !important;
    }

    .zax-member-profile-sheet > section {
        height: var(--zax-visual-viewport-height, 100dvh);
        max-height: var(--zax-visual-viewport-height, 100dvh);
    }

    .zax-member-profile-scroll {
        min-height: 0;
        padding-bottom: max(82px, calc(64px + env(safe-area-inset-bottom))) !important;
        scroll-padding-bottom: max(82px, calc(64px + env(safe-area-inset-bottom)));
    }
}

@media (max-width: 420px) {
    .zax-emoji-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .zax-chat-composer-row > .zax-emoji-trigger,
    .zax-chat-composer-row > .zax-chat-attach-button,
    .zax-chat-composer-row > .zax-chat-link-button {
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
        flex-basis: 34px;
    }

    .zax-member-profile-identity {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 9px;
    }

    .zax-member-profile-identity > span {
        width: 70px;
        height: 70px;
    }

    .zax-member-profile-identity > div {
        min-height: 70px;
        padding-top: 5px;
    }

    .zax-profile-background-field {
        grid-template-columns: 1fr;
    }
}

.zax-store-vector {
    display: grid;
    width: 58px !important;
    height: 58px !important;
    place-items: center;
    flex: 0 0 58px;
    border: 1px solid rgba(81, 230, 189, .26) !important;
    border-radius: 18px !important;
    color: var(--zax-cyan) !important;
    background: linear-gradient(145deg, rgba(81, 230, 189, .15), rgba(154, 140, 255, .09)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 16px 38px rgba(0, 0, 0, .16);
}

.zax-store-vector svg,
.zax-store-approval-flow svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.zax-seller-hero > em.is-pending {
    border-color: rgba(255, 188, 78, .34);
    color: #efbc62;
    background: rgba(255, 188, 78, .08);
}

.zax-store-approval-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin: 0 0 12px;
}

.zax-store-approval-flow article {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 13px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--zax-panel) 94%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 14px 32px rgba(0, 0, 0, .06);
}

.zax-store-approval-flow article::after {
    position: absolute;
    right: -16px;
    bottom: -28px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    content: "";
    background: rgba(154, 140, 255, .06);
    filter: blur(2px);
}

.zax-store-approval-flow article > span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .025);
}

.zax-store-approval-flow article > span svg {
    width: 21px;
    height: 21px;
}

.zax-store-approval-flow article > div {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-store-approval-flow small {
    color: var(--zax-violet);
    font-size: 8px;
    font-weight: 800;
}

.zax-store-approval-flow strong {
    margin: 1px 0 3px;
    color: var(--zax-text);
    font-size: 11px;
}

.zax-store-approval-flow p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.45;
}

.zax-store-approval-flow article.is-complete {
    border-color: rgba(81, 230, 189, .22);
}

.zax-store-approval-flow article.is-complete > span {
    border-color: rgba(81, 230, 189, .28);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
}

.zax-store-approval-flow article.is-current {
    border-color: rgba(154, 140, 255, .4);
    box-shadow: 0 15px 42px rgba(110, 94, 220, .13), inset 0 1px rgba(255, 255, 255, .07);
}

.zax-store-pending-note {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin: 0 0 12px;
    padding: 13px;
    border: 1px solid rgba(255, 188, 78, .25);
    border-radius: 16px;
    color: #efbc62;
    background: linear-gradient(135deg, rgba(255, 188, 78, .075), rgba(154, 140, 255, .045));
}

.zax-store-pending-note > .dashicons {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 188, 78, .1);
    font-size: 21px;
    line-height: 40px;
}

.zax-store-pending-note > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-store-pending-note strong { color: var(--zax-text); font-size: 11px; }
.zax-store-pending-note small { margin-top: 2px; color: var(--zax-muted); font-size: 9px; line-height: 1.5; }
.zax-store-pending-note button { display: inline-flex; min-height: 38px; align-items: center; gap: 5px; padding: 8px 11px; border: 1px solid rgba(255, 188, 78, .28); border-radius: 11px; color: #efbc62; background: rgba(255, 188, 78, .07); font-size: 9px; font-weight: 800; cursor: pointer; }

.zax-seller-listings > article > span,
.zax-seller-form .zax-community-section-title > .dashicons {
    border: 1px solid rgba(81, 230, 189, .18);
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .12), rgba(154, 140, 255, .07));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.zax-active-time-stat {
    position: relative;
}

.zax-active-pulse {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 0 rgba(81, 230, 189, .4);
    animation: zax-active-time-pulse 2s ease-out infinite;
}

.zax-session-active-card > span {
    color: var(--zax-cyan) !important;
    background: rgba(81, 230, 189, .08) !important;
}

.zax-admin-activity-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(190px, .85fr);
    gap: 10px;
    margin: 0 0 12px;
}

.zax-admin-activity-strip > article,
.zax-admin-activity-strip > button {
    display: grid;
    min-width: 0;
    min-height: 90px;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel) 94%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
    text-align: left;
}

.zax-admin-activity-strip > button {
    border-color: rgba(154, 140, 255, .25);
    background: linear-gradient(135deg, rgba(154, 140, 255, .1), rgba(81, 230, 189, .055));
    cursor: pointer;
}

.zax-admin-activity-strip > :is(article, button) > .dashicons {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
    font-size: 20px;
    line-height: 40px;
}

.zax-admin-activity-strip > :is(article, button) > div,
.zax-admin-activity-strip > button > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-admin-activity-strip small,
.zax-admin-activity-strip em { color: var(--zax-muted); font-size: 9px; font-style: normal; }
.zax-admin-activity-strip strong { margin: 2px 0; font-size: 16px; }
.zax-admin-activity-strip button strong { font-size: 11px; }

.zax-admin-activity-layout {
    display: grid;
    grid-template-columns: minmax(280px, .75fr) minmax(0, 1.35fr);
    align-items: start;
    gap: 12px;
    margin-top: 12px;
}

.zax-activity-page-panel,
.zax-admin-activity-table {
    padding: 18px;
}

.zax-activity-page-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.zax-activity-page-list article > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.zax-activity-page-list strong { font-size: 10px; }
.zax-activity-page-list small { color: var(--zax-muted); font-size: 9px; }
.zax-activity-page-list i { display: block; height: 7px; margin-top: 5px; overflow: hidden; border-radius: 999px; background: var(--zax-panel-2); }
.zax-activity-page-list i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--zax-violet), var(--zax-cyan)); box-shadow: 0 0 18px rgba(81, 230, 189, .28); animation: zax-active-bar 1.1s cubic-bezier(.2, .8, .25, 1) both; }

@keyframes zax-active-time-pulse {
    70% { box-shadow: 0 0 0 8px rgba(81, 230, 189, 0); }
    100% { box-shadow: 0 0 0 0 rgba(81, 230, 189, 0); }
}

@keyframes zax-active-bar {
    from { transform: scaleX(.05); transform-origin: left; opacity: .35; }
    to { transform: scaleX(1); transform-origin: left; opacity: 1; }
}

@media (max-width: 1050px) {
    .zax-store-approval-flow,
    .zax-admin-activity-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-admin-activity-layout { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .zax-store-approval-flow { grid-template-columns: 1fr; padding: 0 10px; }
    .zax-store-approval-flow article { grid-template-columns: 40px minmax(0, 1fr); }
    .zax-store-pending-note { grid-template-columns: 38px minmax(0, 1fr); margin-right: 10px; margin-left: 10px; }
    .zax-store-pending-note button { grid-column: 1 / -1; justify-content: center; }
    .zax-admin-activity-strip { grid-template-columns: 1fr; }
    .zax-admin-activity-layout { width: 100%; }
    .zax-activity-page-panel,
    .zax-admin-activity-table { padding: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-active-pulse,
    .zax-activity-page-list i em { animation: none !important; }
}

/* 1.5.10: balance-first premium wallet application. */
.zax-wallet-page {
    --zax-wallet-blue: var(--zax-cyan);
    --zax-wallet-blue-deep: var(--zax-cyan-deep);
    --zax-wallet-mint: var(--zax-cyan);
    display: block;
    width: 100%;
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}

.zax-wallet-titlebar {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.zax-wallet-titlebar > div,
.zax-wallet-titlebar > div > span:last-child {
    display: flex;
    min-width: 0;
    align-items: center;
}

.zax-wallet-titlebar > div {
    gap: 10px;
}

.zax-wallet-titlebar > div > span:last-child {
    align-items: flex-start;
    flex-direction: column;
}

.zax-wallet-titlebar strong {
    color: var(--zax-text);
    font-size: 16px;
    letter-spacing: -.025em;
}

.zax-wallet-titlebar small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-wallet-title-icon,
.zax-wallet-titlebar > button {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--zax-wallet-blue) 24%, var(--zax-line));
    border-radius: 13px;
    color: var(--zax-wallet-blue);
    background: color-mix(in srgb, var(--zax-wallet-blue) 9%, var(--zax-panel));
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 10px 26px rgba(8, 53, 40, .11);
}

.zax-wallet-titlebar > button {
    padding: 0;
    cursor: pointer;
}

.zax-wallet-title-icon .dashicons,
.zax-wallet-titlebar > button .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.zax-wallet-portfolio {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 24px 26px 20px;
    border: 1px solid color-mix(in srgb, var(--zax-wallet-blue) 25%, var(--zax-line));
    border-radius: 25px;
    background:
        radial-gradient(circle at 85% -18%, color-mix(in srgb, var(--zax-wallet-blue) 24%, transparent), transparent 42%),
        radial-gradient(circle at 2% 94%, color-mix(in srgb, var(--zax-wallet-mint) 13%, transparent), transparent 36%),
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-solid) 95%, #102a22), color-mix(in srgb, var(--zax-panel) 97%, #071b15));
    box-shadow: 0 28px 74px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .08);
}

.zax-wallet-portfolio::before {
    position: absolute;
    z-index: -1;
    top: -150px;
    left: 50%;
    width: 440px;
    height: 330px;
    border: 1px solid color-mix(in srgb, var(--zax-wallet-blue) 16%, transparent);
    border-radius: 50%;
    box-shadow: 0 0 0 42px color-mix(in srgb, var(--zax-wallet-blue) 2.5%, transparent), 0 0 0 88px color-mix(in srgb, var(--zax-wallet-mint) 2%, transparent);
    content: "";
    transform: translateX(-50%);
    pointer-events: none;
}

.zax-wallet-portfolio > header,
.zax-wallet-portfolio > footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.zax-wallet-portfolio > header > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--zax-soft);
    font-size: 9px;
    font-weight: 760;
}

.zax-wallet-portfolio > header > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--zax-wallet-mint);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--zax-wallet-mint) 10%, transparent), 0 0 16px var(--zax-wallet-mint);
}

.zax-wallet-portfolio > header > button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-soft);
    background: color-mix(in srgb, var(--zax-panel) 68%, transparent);
    cursor: pointer;
}

.zax-wallet-portfolio > header > button .dashicons {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.zax-wallet-total {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 8px 0 20px;
    text-align: center;
}

.zax-wallet-total small {
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-wallet-total strong {
    max-width: 100%;
    margin: 5px 0 3px;
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: clamp(34px, 5vw, 54px);
    font-weight: 650;
    letter-spacing: -.055em;
    line-height: 1.08;
}

.zax-wallet-total > span {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-wallet-actions {
    position: relative;
    z-index: 2;
    display: grid;
    max-width: 610px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 auto;
}

.zax-wallet-actions button {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-direction: column;
    gap: 7px;
    padding: 0;
    border: 0;
    color: var(--zax-soft);
    background: transparent;
    cursor: pointer;
}

.zax-wallet-actions button > span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--zax-wallet-blue) 36%, var(--zax-line));
    border-radius: 50%;
    color: #f7fbff;
    background: linear-gradient(145deg, color-mix(in srgb, var(--zax-wallet-blue) 82%, #a2f6de), var(--zax-wallet-blue-deep));
    box-shadow: 0 13px 30px color-mix(in srgb, var(--zax-wallet-blue) 24%, transparent), inset 0 1px rgba(255, 255, 255, .3);
    transition: transform .18s ease, box-shadow .18s ease;
}

.zax-wallet-actions button:nth-child(2) > span {
    border-color: color-mix(in srgb, var(--zax-wallet-mint) 42%, var(--zax-line));
    color: #052119;
    background: linear-gradient(145deg, #a5f7df, #4fd6ae);
    box-shadow: 0 13px 30px rgba(79, 214, 174, .18), inset 0 1px rgba(255, 255, 255, .5);
}

.zax-wallet-actions button:active > span {
    transform: scale(.94);
}

.zax-wallet-actions .dashicons {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.zax-wallet-actions strong {
    overflow: hidden;
    max-width: 100%;
    font-size: 9px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-wallet-portfolio > footer {
    justify-content: center;
    margin-top: 19px;
    padding-top: 13px;
    border-top: 1px solid color-mix(in srgb, var(--zax-line) 78%, transparent);
    color: var(--zax-muted);
    font-size: 8px;
    text-align: center;
}

.zax-wallet-portfolio > footer .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-wallet-mint);
    font-size: 14px;
}

.zax-wallet-page .zax-wallet-layout {
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 14px;
    margin-top: 14px;
}

.zax-wallet-assets-card {
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background: color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .09), inset 0 1px rgba(255, 255, 255, .05);
}

.zax-wallet-assets-card > header {
    display: flex;
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-wallet-assets-card > header > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-wallet-assets-card > header strong { font-size: 14px; }
.zax-wallet-assets-card > header small { color: var(--zax-muted); font-size: 8px; }

.zax-wallet-assets-card > header button {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--zax-wallet-blue) 28%, var(--zax-line));
    border-radius: 10px;
    color: var(--zax-wallet-blue);
    background: color-mix(in srgb, var(--zax-wallet-blue) 7%, transparent);
    font-size: 8px;
    font-weight: 780;
    cursor: pointer;
}

.zax-wallet-assets-card > header button .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.zax-wallet-asset-list {
    display: grid;
}

.zax-wallet-asset-list article {
    display: grid;
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr) minmax(100px, auto);
    align-items: center;
    gap: 11px;
    padding: 15px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--zax-line) 80%, transparent);
}

.zax-wallet-token {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #061f18;
    background: linear-gradient(145deg, #b6f9e7, #4dd4ac);
    box-shadow: 0 9px 23px rgba(77, 212, 172, .16), inset 0 1px rgba(255, 255, 255, .62);
    font-size: 19px;
    font-weight: 850;
}

.zax-wallet-token-usdt {
    color: #fff;
    background: linear-gradient(145deg, #6fe2c5, #26a985);
}

.zax-wallet-asset-list article > div,
.zax-wallet-asset-list article > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-wallet-asset-list article > div strong {
    overflow: hidden;
    color: var(--zax-text);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-wallet-asset-list article small {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-wallet-asset-list article > span:last-child {
    align-items: flex-end;
    text-align: right;
}

.zax-wallet-asset-list article > span:last-child strong {
    max-width: 190px;
    overflow: hidden;
    color: var(--zax-text);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-wallet-assets-card > footer {
    padding: 13px 16px;
}

.zax-wallet-assets-card > footer > span {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.zax-wallet-assets-card > footer .dashicons {
    display: grid;
    width: 34px;
    height: 34px;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-wallet-blue);
    background: color-mix(in srgb, var(--zax-wallet-blue) 9%, transparent);
    font-size: 18px;
}

.zax-wallet-assets-card > footer small { color: var(--zax-muted); font-size: 8px; }
.zax-wallet-assets-card > footer strong { font-size: 9px; }

.zax-wallet-page .zax-topup-panel,
.zax-wallet-page .zax-transaction-panel {
    border-radius: 20px;
    background: color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .09), inset 0 1px rgba(255, 255, 255, .05);
}

.zax-wallet-page .zax-topup-panel {
    padding: 18px;
}

.zax-wallet-page .zax-dual-topups > section {
    padding: 13px;
    border-radius: 15px;
    background: color-mix(in srgb, var(--zax-panel) 72%, transparent);
}

.zax-wallet-page .zax-topup-options {
    gap: 7px;
    margin-top: 10px;
}

.zax-wallet-page .zax-topup-options button {
    min-width: 0;
    padding: 10px;
    border-radius: 11px;
}

.zax-wallet-page .zax-topup-options strong { font-size: 10px; }
.zax-wallet-page .zax-topup-options span { font-size: 7px; }

.zax-wallet-page .zax-custom-topup {
    margin-top: 11px;
    padding: 10px;
}

.zax-wallet-page .zax-transaction-panel {
    overflow: hidden;
    padding: 18px;
    scroll-margin-top: calc(var(--zax-topbar) + 16px);
}

.is-balance-hidden [data-wallet-sensitive] {
    filter: blur(8px);
    user-select: none;
}

.zax-app[data-theme="light"] .zax-wallet-portfolio {
    background:
        radial-gradient(circle at 85% -18%, rgba(81, 230, 189, .2), transparent 42%),
        radial-gradient(circle at 2% 94%, rgba(68, 202, 163, .12), transparent 36%),
        linear-gradient(145deg, #f8fdfa, #eaf7f1);
    box-shadow: 0 24px 62px rgba(27, 102, 79, .13), inset 0 1px rgba(255, 255, 255, .95);
}

@media (max-width: 900px) {
    .zax-wallet-page .zax-wallet-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .zax-wallet-page {
        width: calc(100% + 32px);
        max-width: none;
        margin: -14px -16px 0;
    }

    .zax-wallet-titlebar {
        min-height: 60px;
        margin: 0;
        padding: 9px 14px;
        border-bottom: 1px solid var(--zax-line);
        background: color-mix(in srgb, var(--zax-panel-solid) 92%, transparent);
    }

    .zax-wallet-titlebar strong { font-size: 14px; }

    .zax-wallet-portfolio {
        padding: 19px 14px 16px;
        border-width: 0 0 1px;
        border-radius: 0;
        box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    }

    .zax-wallet-total {
        padding-top: 4px;
        padding-bottom: 18px;
    }

    .zax-wallet-total strong {
        font-size: clamp(32px, 10vw, 43px);
    }

    .zax-wallet-actions {
        gap: 8px;
    }

    .zax-wallet-actions button > span {
        width: 50px;
        height: 50px;
    }

    .zax-wallet-actions strong {
        font-size: 8px;
    }

    .zax-wallet-portfolio > footer {
        margin-top: 16px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .zax-wallet-page .zax-wallet-layout {
        gap: 10px;
        margin: 10px 10px 14px;
    }

    .zax-wallet-assets-card,
    .zax-wallet-page .zax-topup-panel,
    .zax-wallet-page .zax-transaction-panel {
        border-radius: 18px;
    }

    .zax-wallet-page .zax-transaction-panel {
        margin: 0 10px calc(12px + var(--zax-mobile-dock-clearance));
        padding: 14px;
    }

    .zax-wallet-asset-list article {
        grid-template-columns: 44px minmax(0, 1fr) minmax(90px, auto);
        gap: 9px;
        padding: 14px;
    }

    .zax-wallet-token {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .zax-wallet-asset-list article > span:last-child strong {
        max-width: 135px;
        font-size: 10px;
    }
}

@media (max-width: 380px) {
    .zax-wallet-actions button > span {
        width: 46px;
        height: 46px;
    }

    .zax-wallet-asset-list article {
        grid-template-columns: 40px minmax(0, 1fr) minmax(78px, auto);
        padding-right: 11px;
        padding-left: 11px;
    }

    .zax-wallet-token {
        width: 39px;
        height: 39px;
    }
}

/* ZaxSecurity 1.5.11 — comment likes, attributed reshares, and URL-only FYP video */
.zax-fyp-reshare-attribution {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 999px;
    color: var(--zax-soft);
    background: color-mix(in srgb, var(--zax-panel-strong) 78%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 10px 30px rgba(0, 0, 0, .12);
    font-size: 10px;
    line-height: 1.25;
    backdrop-filter: blur(16px) saturate(125%);
}

.zax-fyp-reshare-attribution > .dashicons {
    width: 15px;
    height: 15px;
    color: var(--zax-cyan);
    font-size: 15px;
}

.zax-fyp-reshare-attribution span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.zax-fyp-reshare-attribution button {
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.zax-fyp-detail-extra .zax-fyp-reshare-attribution {
    justify-self: start;
    margin: 0;
}

.zax-fyp-comment-list .zax-comment-like {
    gap: 4px;
    color: var(--zax-muted);
    transition: color .18s ease, transform .18s ease;
}

.zax-fyp-comment-list .zax-comment-like > span:first-child {
    display: inline-grid;
    place-items: center;
}

.zax-fyp-comment-list .zax-comment-like b {
    min-width: 1ch;
    color: currentColor;
    font-size: 9px;
    font-weight: 850;
}

.zax-fyp-comment-list .zax-comment-like.is-active {
    color: #ff647d;
}

.zax-fyp-comment-list .zax-comment-like.is-optimistic > span:first-child,
.zax-fyp-comment-list .zax-comment-like.is-optimistic b {
    animation: zax-engagement-pop .38s cubic-bezier(.2, .85, .25, 1);
}

.zax-fyp-comment-list .zax-comment-like.is-request-pending {
    pointer-events: none;
}

.zax-fyp-share-sheet {
    position: fixed;
    z-index: 795;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
}

.zax-fyp-share-sheet[hidden] {
    display: none !important;
}

.zax-fyp-share-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(2, 7, 6, .76);
    backdrop-filter: blur(14px) saturate(115%);
}

.zax-fyp-share-sheet > section {
    position: relative;
    display: grid;
    width: min(100%, 480px);
    overflow: hidden;
    border: 1px solid rgba(130, 239, 207, .22);
    border-radius: 24px;
    outline: none;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 90% 0, rgba(154, 140, 255, .13), transparent 30%),
        color-mix(in srgb, var(--zax-panel-solid) 96%, #06100d);
    box-shadow: 0 36px 110px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .06);
    animation: zax-fyp-detail-enter .26s cubic-bezier(.2, .8, .3, 1) both;
}

.zax-fyp-share-sheet > section > header {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-strong) 90%, transparent);
    backdrop-filter: blur(18px) saturate(125%);
}

.zax-fyp-share-sheet > section > header > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-fyp-share-sheet > section > header small {
    color: var(--zax-cyan);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-fyp-share-sheet > section > header strong {
    font-size: 15px;
}

.zax-fyp-share-sheet > section > header button {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 50%;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .03);
    cursor: pointer;
}

.zax-fyp-share-options {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.zax-fyp-share-options > button {
    display: grid;
    min-width: 0;
    grid-template-columns: 46px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel) 88%, transparent);
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.zax-fyp-share-options > button:hover,
.zax-fyp-share-options > button:focus-visible {
    border-color: color-mix(in srgb, var(--zax-cyan) 42%, var(--zax-line));
    background: color-mix(in srgb, var(--zax-cyan) 8%, var(--zax-panel));
    transform: translateY(-1px);
}

.zax-fyp-share-options > button > span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 15px;
    color: #062019;
    background: linear-gradient(145deg, #a8f8e0, #67efc9);
    box-shadow: 0 10px 30px rgba(81, 230, 189, .16);
}

.zax-fyp-share-options > button > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-fyp-share-options > button strong {
    font-size: 12px;
}

.zax-fyp-share-options > button small {
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.45;
}

.zax-fyp-share-options > button > .dashicons:last-child {
    color: var(--zax-muted);
}

.zax-fyp-share-options > button.is-request-pending {
    opacity: .72;
    cursor: wait;
}

.zax-fyp-share-options > button.is-request-pending > span .dashicons {
    animation: zax-fyp-refresh-spin .8s linear infinite;
}

.zax-fyp-share-sheet > section > footer {
    display: flex;
    min-height: 56px;
    align-items: center;
    gap: 8px;
    padding: 11px 16px calc(11px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--zax-line);
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-panel-strong) 88%, transparent);
    font-size: 10px;
}

.zax-fyp-share-sheet > section > footer > .dashicons {
    color: var(--zax-cyan);
}

.zax-fyp-share-sheet > section > footer button {
    padding: 0;
    border: 0;
    color: var(--zax-cyan);
    background: transparent;
    font: inherit;
    cursor: pointer;
}

@media (max-width: 720px) {
    .zax-fyp-share-sheet {
        place-items: end center;
        padding: 0;
    }

    .zax-fyp-share-sheet > section {
        width: 100%;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 24px 24px 0 0;
    }

    .zax-fyp-reshare-attribution {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-share-sheet > section,
    .zax-fyp-comment-list .zax-comment-like.is-optimistic > span:first-child,
    .zax-fyp-comment-list .zax-comment-like.is-optimistic b {
        animation: none !important;
        transition: none !important;
    }
}

/* ZaxSecurity 1.5.12 — five-control transparent silk Community dock */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        min-height: calc(70px + env(safe-area-inset-bottom));
        gap: 3px;
        padding: 7px 6px max(7px, env(safe-area-inset-bottom));
        border-top: 1px solid color-mix(in srgb, var(--zax-cyan) 17%, var(--zax-line));
        border-radius: 22px 22px 0 0;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .012)),
            color-mix(in srgb, var(--zax-panel-solid) 70%, transparent);
        box-shadow: 0 -16px 44px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08);
        backdrop-filter: blur(24px) saturate(145%);
        -webkit-backdrop-filter: blur(24px) saturate(145%);
    }

    .zax-community-mobile-dock > button {
        --zax-dock-accent: var(--zax-cyan);
        min-width: 0;
        min-height: 56px;
        gap: 3px;
        padding: 3px 1px;
        border: 1px solid transparent;
        border-radius: 15px;
        color: var(--zax-muted);
        background: transparent;
        box-shadow: none;
        transform: translateZ(0);
        transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .zax-community-mobile-dock > button:nth-child(1) { --zax-dock-accent: #51e6bd; }
    .zax-community-mobile-dock > button:nth-child(2) { --zax-dock-accent: #75a7ff; }
    .zax-community-mobile-dock > button:nth-child(3) { --zax-dock-accent: #c38cff; }
    .zax-community-mobile-dock > button:nth-child(4) { --zax-dock-accent: #ffad68; }
    .zax-community-mobile-dock > button:nth-child(5) { --zax-dock-accent: #73ddd9; }

    .zax-community-mobile-dock > button:active {
        transform: scale(.94);
    }

    .zax-community-mobile-dock > button.is-active,
    .zax-community-mobile-dock > button[aria-expanded="true"] {
        border-color: color-mix(in srgb, var(--zax-dock-accent) 22%, transparent);
        color: var(--zax-dock-accent);
        background: color-mix(in srgb, var(--zax-dock-accent) 7%, transparent);
        box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    }

    .zax-community-mobile-dock .zax-community-dock-icon,
    .zax-community-mobile-dock button > .zax-community-dock-icon {
        position: relative;
        display: grid;
        width: 34px;
        height: 32px;
        flex: 0 0 32px;
        place-items: center;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--zax-dock-accent) 20%, transparent);
        border-radius: 12px;
        color: var(--zax-dock-accent);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .018)),
            color-mix(in srgb, var(--zax-dock-accent) 5%, transparent);
        box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 7px 18px rgba(0, 0, 0, .1);
        backdrop-filter: blur(12px) saturate(130%);
        -webkit-backdrop-filter: blur(12px) saturate(130%);
    }

    .zax-community-mobile-dock .zax-community-dock-icon::after {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--zax-dock-accent) 15%, transparent);
        filter: blur(10px);
        opacity: .6;
        pointer-events: none;
    }

    .zax-community-mobile-dock .zax-community-dock-icon svg {
        position: relative;
        z-index: 1;
        width: 21px;
        height: 21px;
        overflow: visible;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.75;
        filter: drop-shadow(0 4px 7px color-mix(in srgb, var(--zax-dock-accent) 28%, transparent));
    }

    .zax-community-mobile-dock .zax-community-dock-fyp .zax-community-dock-icon svg path:first-child {
        fill: color-mix(in srgb, var(--zax-dock-accent) 34%, transparent);
    }

    .zax-community-mobile-dock .zax-community-dock-more .zax-community-dock-icon svg circle {
        fill: currentColor;
        stroke: none;
    }

    .zax-community-mobile-dock .zax-community-dock-label,
    .zax-community-mobile-dock button > .zax-community-dock-label {
        display: block;
        overflow: hidden;
        width: 100%;
        color: currentColor;
        font-size: 8.5px;
        font-weight: 690;
        line-height: 1.1;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-community-mobile-dock .zax-community-dock-create {
        color: var(--zax-muted);
        background: transparent;
        box-shadow: none;
    }

    .zax-community-mobile-dock .zax-community-dock-create .zax-community-dock-icon {
        border-color: color-mix(in srgb, var(--zax-dock-accent) 34%, transparent);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .018)),
            color-mix(in srgb, var(--zax-dock-accent) 9%, transparent);
    }

    .zax-community-mobile-dock > button > b {
        top: 1px;
        right: calc(50% - 22px);
        z-index: 3;
        border: 2px solid color-mix(in srgb, var(--zax-panel-solid) 86%, transparent);
    }

    .zax-app[data-theme="light"] .zax-community-mobile-dock {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .3)),
            rgba(238, 247, 242, .72);
        box-shadow: 0 -14px 38px rgba(23, 57, 48, .12), inset 0 1px rgba(255, 255, 255, .85);
    }

    .zax-app[data-theme="light"] .zax-community-mobile-dock .zax-community-dock-icon {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .22)),
            color-mix(in srgb, var(--zax-dock-accent) 6%, transparent);
        box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 7px 18px rgba(23, 57, 48, .08);
    }
}

/* 1.13.75: live TikTok-inspired notification center and explicit Network presence. */
.zax-notification-menu {
    width: min(420px, calc(100vw - 24px)) !important;
    max-height: min(690px, calc(100dvh - var(--zax-topbar) - 28px)) !important;
    border-color: rgba(112, 239, 209, .2) !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 90% -8%, rgba(92, 239, 205, .16), transparent 34%),
        radial-gradient(circle at 4% 94%, rgba(124, 93, 255, .12), transparent 38%),
        linear-gradient(155deg, rgba(9, 24, 27, .99), rgba(7, 15, 22, .995) 56%, rgba(13, 12, 28, .995)) !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .52), 0 12px 32px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .08) !important;
    -webkit-backdrop-filter: blur(30px) saturate(145%) !important;
    backdrop-filter: blur(30px) saturate(145%) !important;
}

.zax-notification-menu::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: inherit;
    background-image: linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .014) 1px, transparent 1px);
    background-size: 28px 28px;
    content: "";
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 70%);
    mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

.zax-notification-menu > header {
    position: relative;
    z-index: 3;
    min-height: 72px;
    padding: 16px 17px !important;
    border-bottom-color: rgba(126, 242, 215, .1) !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)) !important;
}

.zax-notification-menu > header > span {
    gap: 3px !important;
    padding-left: 48px;
}

.zax-notification-menu > header > span::before {
    position: absolute;
    top: 15px;
    left: 16px;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(126, 242, 215, .26);
    border-radius: 15px;
    color: #a8ffe8;
    background: linear-gradient(145deg, rgba(89, 237, 201, .22), rgba(125, 91, 255, .16));
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 10px 28px rgba(19, 210, 169, .11);
    content: "ZS";
    font-size: 10px;
    font-weight: 900;
    letter-spacing: -.03em;
}

.zax-notification-menu > header small {
    color: #77efd0 !important;
    font-size: 9px !important;
    letter-spacing: .11em !important;
}

.zax-notification-menu > header strong {
    color: #f3fffc !important;
    font-size: 16px !important;
    font-weight: 780 !important;
}

.zax-notification-menu > header button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-color: rgba(255, 255, 255, .09) !important;
    border-radius: 50% !important;
    color: #d8e9e5 !important;
    background: rgba(255, 255, 255, .055) !important;
}

.zax-notification-list {
    display: grid !important;
    align-content: start;
    gap: 5px;
    padding: 9px !important;
    scroll-behavior: smooth;
}

.zax-notification-row {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    gap: 3px !important;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: transparent !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.zax-notification-row.is-unread {
    border-color: rgba(94, 235, 203, .11) !important;
    background: linear-gradient(90deg, rgba(62, 226, 189, .085), rgba(107, 77, 237, .03)) !important;
}

.zax-notification-row.is-unread::before {
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(#75f3d4, #8d72ff);
    box-shadow: 0 0 16px rgba(79, 238, 199, .42);
    content: "";
}

.zax-notification-item {
    grid-template-columns: 46px minmax(0, 1fr) 8px !important;
    gap: 11px !important;
    min-height: 72px;
    padding: 11px 9px 11px 11px !important;
    border-radius: 17px !important;
}

.zax-notification-item:hover,
.zax-notification-item:focus-visible {
    border-color: rgba(117, 243, 212, .14) !important;
    background: rgba(255, 255, 255, .04) !important;
}

.zax-notification-icon {
    width: 46px !important;
    height: 46px !important;
    border-color: rgba(115, 241, 211, .2) !important;
    border-radius: 16px !important;
    color: #8af5d9 !important;
    background: linear-gradient(145deg, rgba(78, 229, 193, .18), rgba(130, 91, 255, .13)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 8px 22px rgba(0, 0, 0, .16);
}

.zax-notification-item strong {
    color: #f2fbf9 !important;
    font-size: 12px !important;
    font-weight: 730 !important;
    line-height: 1.35 !important;
}

.zax-notification-item small {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #a9bbb7 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zax-notification-item time {
    color: #72ddc1 !important;
    font-size: 8px !important;
    font-weight: 690 !important;
}

.zax-notification-delete {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    align-self: center;
    border-color: rgba(255, 255, 255, .075) !important;
    border-radius: 50% !important;
    color: #9cafaa !important;
    background: rgba(255, 255, 255, .038) !important;
}

.zax-notification-menu > footer {
    position: relative;
    z-index: 3;
    min-height: 54px;
    padding: 10px 14px !important;
    border-top-color: rgba(126, 242, 215, .1) !important;
    background: rgba(6, 17, 21, .96) !important;
}

.zax-notification-menu > footer > span {
    color: #91a7a2 !important;
    font-size: 9px !important;
}

.zax-notification-menu > footer button {
    min-height: 32px;
    padding: 7px 11px !important;
    border-color: rgba(113, 238, 209, .16) !important;
    border-radius: 999px !important;
    color: #dffaf3 !important;
    background: rgba(76, 225, 190, .075) !important;
    font-size: 9px !important;
}

.zax-notification-empty {
    min-height: 230px;
    align-content: center;
    justify-items: center;
    gap: 12px;
    padding: 30px 20px;
    color: #b6cbc6;
    text-align: center;
}

.zax-notification-button.has-live-arrival {
    animation: zax-notification-live-arrival .72s cubic-bezier(.2, .85, .32, 1);
}

@keyframes zax-notification-live-arrival {
    0%, 100% { transform: rotate(0) scale(1); }
    25% { transform: rotate(-10deg) scale(1.08); }
    50% { transform: rotate(9deg) scale(1.12); }
    75% { transform: rotate(-4deg) scale(1.05); }
}

.zax-profile-follower-presence {
    display: inline-flex !important;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    padding: 3px 7px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .03);
}

.zax-profile-follower-presence > i {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #70817d;
}

.zax-profile-follower-presence > b {
    overflow: hidden;
    font-size: 8px;
    font-weight: 720;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-profile-follower-presence.is-online {
    border-color: rgba(63, 223, 139, .16);
    color: #7bf0ad;
    background: rgba(52, 218, 131, .07);
}

.zax-profile-follower-presence.is-online > i {
    background: #3de28c;
    box-shadow: 0 0 0 3px rgba(61, 226, 140, .1), 0 0 10px rgba(61, 226, 140, .45);
}

@media (max-width: 900px) {
    .zax-notification-menu {
        top: calc(var(--zax-topbar) + max(7px, env(safe-area-inset-top))) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: calc(var(--zax-mobile-dock-clearance, 76px) + max(8px, env(safe-area-inset-bottom))) !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        width: auto !important;
        max-height: none !important;
        border-radius: 23px !important;
    }

    .zax-notification-menu > header {
        min-height: 66px;
        padding: 13px 14px !important;
    }

    .zax-notification-menu > header > span {
        padding-left: 44px;
    }

    .zax-notification-menu > header > span::before {
        top: 13px;
        left: 13px;
        width: 38px;
        height: 38px;
        border-radius: 14px;
    }

    .zax-notification-list {
        padding: 7px !important;
    }

    .zax-notification-row {
        grid-template-columns: minmax(0, 1fr) 36px !important;
        border-radius: 16px !important;
    }

    .zax-notification-item {
        grid-template-columns: 43px minmax(0, 1fr) 7px !important;
        gap: 9px !important;
        min-height: 68px;
        padding: 9px 7px 9px 9px !important;
    }

    .zax-notification-icon {
        width: 43px !important;
        height: 43px !important;
        border-radius: 15px !important;
    }

    .zax-notification-item strong { font-size: 11px !important; }
    .zax-notification-item small { font-size: 9px !important; }

    .zax-notification-menu > footer {
        min-height: 50px;
        padding: 8px 10px !important;
    }

    .zax-profile-follower-presence { margin-top: 3px; padding: 3px 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-notification-button.has-live-arrival { animation: none !important; }
}

/* 1.13.75: unified, lightweight brand-gradient silk button treatment. */
#zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop),
#zaxsecurity-app :is(a.zax-button, a.zax-action, a.zax-more-logout) {
    border-color: color-mix(in srgb, var(--zax-cyan) 16%, var(--zax-line)) !important;
    background-image: linear-gradient(145deg, rgba(91, 235, 202, .075), rgba(123, 90, 244, .055)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055);
    transition: color .17s ease, border-color .17s ease, background-color .17s ease, box-shadow .17s ease, transform .17s ease !important;
}

#zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop):not(:disabled):hover,
#zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop):focus-visible,
#zaxsecurity-app :is(a.zax-button, a.zax-action, a.zax-more-logout):hover {
    border-color: color-mix(in srgb, var(--zax-cyan) 36%, var(--zax-line)) !important;
    background-image: linear-gradient(145deg, rgba(92, 239, 205, .15), rgba(131, 94, 255, .11)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 8px 24px rgba(11, 37, 34, .11);
}

#zaxsecurity-app :is(.zax-button-primary, .zax-button-light, [data-purchase], [data-buy], [data-submit-payment], [data-vendor-product-submit], [data-community-publish], [data-send-message], [type="submit"]):not(:disabled) {
    border-color: rgba(128, 245, 217, .35) !important;
    color: #061713 !important;
    background-color: #65e9c8 !important;
    background-image: linear-gradient(135deg, #a7ffe9 0%, #64e9c8 48%, #9785ff 118%) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .48), 0 8px 22px rgba(54, 226, 184, .13);
    font-weight: 760 !important;
}

#zaxsecurity-app :is(.zax-button-primary, .zax-button-light, [data-purchase], [data-buy], [data-submit-payment], [data-vendor-product-submit], [data-community-publish], [data-send-message], [type="submit"]):not(:disabled):hover,
#zaxsecurity-app :is(.zax-button-primary, .zax-button-light, [data-purchase], [data-buy], [data-submit-payment], [data-vendor-product-submit], [data-community-publish], [data-send-message], [type="submit"]):focus-visible {
    background-image: linear-gradient(135deg, #c0ffef 0%, #76f1d0 46%, #a493ff 116%) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .55), 0 10px 26px rgba(54, 226, 184, .19);
}

#zaxsecurity-app :is(.zax-mobile-dock, .zax-community-mobile-dock, .zax-sidebar, .zax-community-rail, .zax-fyp-engagements, .zax-fyp-nav) button {
    background-image: linear-gradient(145deg, rgba(93, 239, 203, .045), rgba(126, 91, 248, .025)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

#zaxsecurity-app :is(.zax-mobile-dock, .zax-community-mobile-dock, .zax-sidebar, .zax-community-rail, .zax-fyp-engagements, .zax-fyp-nav) button:is(.is-active, [aria-selected="true"], [aria-pressed="true"]) {
    border-color: rgba(110, 241, 210, .22) !important;
    background-image: linear-gradient(145deg, rgba(94, 239, 204, .16), rgba(126, 91, 247, .1)) !important;
}

#zaxsecurity-app :is(.is-danger, .zax-danger, .zax-delete, .zax-notification-delete, [data-delete], [data-remove], [data-decline]):not(:disabled) {
    border-color: rgba(255, 113, 141, .2) !important;
    color: #ffb1c0 !important;
    background-color: rgba(91, 17, 34, .22) !important;
    background-image: linear-gradient(145deg, rgba(255, 91, 124, .13), rgba(145, 58, 193, .08)) !important;
}

#zaxsecurity-app button:disabled {
    filter: saturate(.52);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

@media (max-width: 900px) {
    #zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop) {
        -webkit-tap-highlight-color: transparent;
    }

    #zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop):active {
        transform: scale(.975);
    }
}

@media (prefers-reduced-motion: reduce) {
    #zaxsecurity-app button,
    #zaxsecurity-app :is(a.zax-button, a.zax-action, a.zax-more-logout) {
        transition-duration: .01ms !important;
    }
}

@media (max-width: 360px) {
    .zax-community-mobile-dock .zax-community-dock-icon,
    .zax-community-mobile-dock button > .zax-community-dock-icon {
        width: 31px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 11px;
    }

    .zax-community-mobile-dock .zax-community-dock-icon svg {
        width: 19px;
        height: 19px;
    }

    .zax-community-mobile-dock .zax-community-dock-label,
    .zax-community-mobile-dock button > .zax-community-dock-label {
        font-size: 7.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-community-mobile-dock > button {
        transition: none !important;
    }
}

/* ZaxSecurity 1.5.13 — premium Marketplace, visible rates, and professional account controls. */
.zax-marketplace-page > * + * {
    margin-top: 20px;
}

.zax-market-hero {
    position: relative;
    display: grid;
    min-height: 390px;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    align-items: center;
    gap: clamp(26px, 5vw, 70px);
    overflow: hidden;
    padding: clamp(30px, 5vw, 68px);
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 28px;
    background:
        radial-gradient(circle at 14% 10%, rgba(81, 230, 189, .14), transparent 31%),
        radial-gradient(circle at 88% 30%, rgba(137, 116, 255, .14), transparent 30%),
        linear-gradient(138deg, color-mix(in srgb, var(--zax-panel-solid) 92%, #102f26), var(--zax-panel-solid));
    box-shadow: 0 26px 70px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .06);
}

.zax-market-hero::before {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background-image: linear-gradient(rgba(81, 230, 189, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(81, 230, 189, .035) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.zax-market-hero-copy,
.zax-market-wallet {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.zax-market-kicker,
.zax-market-assurance span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.zax-market-kicker {
    padding: 7px 11px;
    border: 1px solid rgba(81, 230, 189, .19);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: .04em;
}

.zax-market-kicker .dashicons,
.zax-market-assurance .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-market-hero h1 {
    max-width: 700px;
    margin: 18px 0 12px;
    font-size: clamp(38px, 5vw, 67px);
    letter-spacing: -.055em;
    line-height: 1.02;
}

.zax-market-hero-copy > p {
    max-width: 670px;
    margin: 0;
    color: var(--zax-muted);
    font-size: 14px;
    line-height: 1.75;
}

.zax-market-hero-actions,
.zax-market-assurance {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.zax-market-hero-actions { margin-top: 24px; }
.zax-market-assurance { margin-top: 21px; color: var(--zax-soft); font-size: 10px; }
.zax-market-assurance .dashicons { color: var(--zax-cyan); }

.zax-market-wallet {
    overflow: hidden;
    border: 1px solid rgba(170, 226, 211, .18);
    border-radius: 24px;
    background: linear-gradient(150deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px) saturate(130%);
    -webkit-backdrop-filter: blur(20px) saturate(130%);
}

.zax-market-wallet > header,
.zax-market-wallet > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 18px;
}

.zax-market-wallet > header { border-bottom: 1px solid var(--zax-line); }
.zax-market-wallet > header > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.zax-market-wallet > header small,
.zax-market-wallet-assets small { color: var(--zax-muted); font-size: 9px; }
.zax-market-wallet > header strong { font-size: 14px; }
.zax-market-wallet > header > i { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; color: var(--zax-cyan); background: rgba(81, 230, 189, .09); }

.zax-market-wallet-assets { display: flex; flex-direction: column; padding: 4px 18px; }
.zax-market-wallet-assets article { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 15px 0; border-bottom: 1px solid var(--zax-line); }
.zax-market-wallet-assets article:last-child { border-bottom: 0; }
.zax-market-wallet-assets article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; font-size: 16px; font-weight: 850; }
.zax-market-wallet-assets .is-ngn { color: #071c15; background: linear-gradient(145deg, #7ef0d0, #3bc59f); }
.zax-market-wallet-assets .is-usdt { color: #102e23; background: linear-gradient(145deg, #c1f7df, #5bd4ad); }
.zax-market-wallet-assets article > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.zax-market-wallet-assets strong { overflow-wrap: anywhere; font-size: 15px; }
.zax-market-wallet-assets em { color: var(--zax-muted); font-size: 8px; font-style: normal; }
.zax-market-wallet > footer { align-items: flex-start; border-top: 1px solid var(--zax-line); }
.zax-market-wallet > footer > span { display: flex; min-width: 0; align-items: flex-start; gap: 6px; color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-market-wallet > footer button,
.zax-market-results-head > button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; padding: 7px 10px; border: 0; border-radius: 9px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); font-size: 9px; font-weight: 780; cursor: pointer; }

.zax-market-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.zax-market-metrics article {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 16px;
    background: var(--zax-panel);
}

.zax-market-metrics article > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border: 1px solid rgba(81, 230, 189, .15); border-radius: 12px; color: var(--zax-cyan); background: rgba(81, 230, 189, .055); }
.zax-market-metrics article > div { display: flex; min-width: 0; flex-direction: column; }
.zax-market-metrics strong { font-size: 21px; line-height: 1; }
.zax-market-metrics small { margin-top: 4px; color: var(--zax-muted); font-size: 9px; line-height: 1.35; }

.zax-market-browser {
    padding: clamp(18px, 3vw, 28px);
    border: 1px solid var(--zax-line);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)), var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-market-browser-head,
.zax-market-results-head {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.zax-market-browser-head > div,
.zax-market-results-head > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.zax-market-browser-head h2 { margin: 0; font-size: clamp(22px, 3vw, 31px); letter-spacing: -.035em; }
.zax-market-browser-head p { margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.55; }
.zax-market-result-pill { display: grid; min-width: 70px; place-items: center; padding: 10px; border: 1px solid rgba(81, 230, 189, .16); border-radius: 14px; color: var(--zax-cyan); background: rgba(81, 230, 189, .055); }
.zax-market-result-pill strong { font-size: 18px; }
.zax-market-result-pill small { color: var(--zax-muted); font-size: 8px; }

.zax-market-search-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(150px, .28fr) minmax(160px, .28fr);
    gap: 10px;
    margin-top: 20px;
}

.zax-market-search,
.zax-market-select {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 50px;
    align-items: center;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: color-mix(in srgb, var(--zax-panel-solid) 84%, transparent);
}

.zax-market-search > .dashicons { width: 20px; height: 20px; margin-left: 14px; color: var(--zax-cyan); font-size: 20px; }
.zax-market-search input,
.zax-market-select select { width: 100%; min-width: 0; height: 48px; border: 0 !important; outline: 0; color: var(--zax-text); background: transparent !important; box-shadow: none !important; font-size: 11px; }
.zax-market-search input { padding: 0 42px 0 10px; }
.zax-market-search button { position: absolute; right: 8px; display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 9px; color: var(--zax-muted); background: transparent; cursor: pointer; }
.zax-market-select { flex-direction: column; align-items: stretch; justify-content: center; padding: 4px 32px 4px 12px; }
.zax-market-select > span { color: var(--zax-muted); font-size: 7px; font-weight: 780; letter-spacing: .07em; text-transform: uppercase; }
.zax-market-select select { height: 28px; padding: 0; appearance: none; font-weight: 720; }
.zax-market-select > .dashicons { position: absolute; right: 10px; width: 15px; height: 15px; color: var(--zax-cyan); font-size: 15px; pointer-events: none; }

.zax-market-filters { display: flex; gap: 8px; overflow-x: auto; margin-top: 14px; padding: 2px 0; scrollbar-width: none; }
.zax-market-filters::-webkit-scrollbar { display: none; }
.zax-market-filters button { display: inline-flex; min-height: 38px; flex: 0 0 auto; align-items: center; gap: 6px; padding: 7px 11px; border: 1px solid var(--zax-line); border-radius: 11px; color: var(--zax-muted); background: rgba(255, 255, 255, .02); font-size: 9px; font-weight: 750; cursor: pointer; }
.zax-market-filters button.is-active { border-color: rgba(81, 230, 189, .28); color: var(--zax-cyan); background: rgba(81, 230, 189, .075); }
.zax-market-filters .dashicons { width: 15px; height: 15px; font-size: 15px; }
.zax-market-filters b { min-width: 18px; padding: 2px 5px; border-radius: 999px; color: var(--zax-soft); background: rgba(255, 255, 255, .06); font-size: 7px; text-align: center; }

.zax-market-results-head { padding: 4px 2px; }
.zax-market-results-head strong { font-size: 16px; }
.zax-market-results-head small { color: var(--zax-muted); font-size: 10px; line-height: 1.5; }

.zax-market-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.zax-market-product-card { position: relative; min-width: 0; overflow: hidden; border-radius: 19px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.zax-market-product-card:hover { border-color: color-mix(in srgb, var(--zax-cyan) 23%, var(--zax-line)); transform: translateY(-3px); box-shadow: 0 22px 50px rgba(0, 0, 0, .16); }
.zax-market-save { position: absolute; z-index: 7; top: 12px; right: 12px; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(255, 255, 255, .13); border-radius: 12px; color: #d8e9e3; background: rgba(5, 20, 16, .55); box-shadow: 0 8px 20px rgba(0, 0, 0, .18); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); cursor: pointer; }
.zax-market-product-card.is-market-saved .zax-market-save { border-color: rgba(81, 230, 189, .34); color: #061b14; background: var(--zax-cyan); }
.zax-market-product-trust { display: flex; flex-wrap: wrap; gap: 5px; }
.zax-market-product-trust span { display: inline-flex; align-items: center; gap: 3px; padding: 4px 6px; border: 1px solid var(--zax-line); border-radius: 7px; color: var(--zax-muted); background: rgba(255, 255, 255, .018); font-size: 7px; font-weight: 720; }
.zax-market-product-trust .dashicons { width: 10px; height: 10px; color: var(--zax-cyan); font-size: 10px; }
.zax-market-product-card .zax-product-footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
.zax-market-product-card .zax-product-footer > div { grid-column: 1 / -1; }
.zax-market-product-card .zax-product-footer > button { width: 100%; min-width: 0; justify-content: center; }
.zax-market-review { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 6px; padding: 8px 10px; border: 1px solid var(--zax-line); border-radius: 10px; color: var(--zax-soft); background: rgba(255, 255, 255, .025); font-size: 9px; font-weight: 780; cursor: pointer; }
.zax-market-review .dashicons { width: 15px; height: 15px; color: var(--zax-cyan); font-size: 15px; }

.zax-market-empty { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 32px; border: 1px dashed color-mix(in srgb, var(--zax-cyan) 25%, var(--zax-line)); border-radius: 18px; background: rgba(81, 230, 189, .025); text-align: left; }
.zax-market-empty[hidden] { display: none; }
.zax-market-empty > .dashicons { width: 30px; height: 30px; color: var(--zax-cyan); font-size: 30px; }
.zax-market-empty > div { display: flex; flex-direction: column; gap: 4px; }
.zax-market-empty strong { font-size: 15px; }
.zax-market-empty p { margin: 0; color: var(--zax-muted); font-size: 10px; }

.zax-market-how { padding: clamp(22px, 4vw, 38px); border: 1px solid var(--zax-line); border-radius: 24px; background: var(--zax-panel); }
.zax-market-how > header h2 { margin: 7px 0 0; font-size: clamp(22px, 3vw, 32px); letter-spacing: -.035em; }
.zax-market-how > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.zax-market-how article { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--zax-line); border-radius: 16px; background: rgba(255, 255, 255, .018); }
.zax-market-how article > span { position: absolute; top: 12px; right: 13px; color: color-mix(in srgb, var(--zax-cyan) 40%, transparent); font-size: 10px; font-weight: 850; }
.zax-market-how article > i { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; color: var(--zax-cyan); background: rgba(81, 230, 189, .075); }
.zax-market-how h3 { margin: 15px 0 6px; font-size: 14px; }
.zax-market-how p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.65; }

.zax-conversion-rate-board {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 19%, var(--zax-line));
    border-radius: 22px;
    background: radial-gradient(circle at 12% 10%, rgba(81, 230, 189, .09), transparent 30%), var(--zax-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}

.zax-conversion-rate-board > header,
.zax-conversion-rate-board > footer { display: flex; align-items: center; gap: 12px; padding: 16px 20px; }
.zax-conversion-rate-board > header { border-bottom: 1px solid var(--zax-line); }
.zax-conversion-rate-board > header > span { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 13px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-conversion-rate-board > header > div,
.zax-conversion-rate-board > footer > span { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }
.zax-conversion-rate-board small { color: var(--zax-muted); font-size: 9px; line-height: 1.5; }
.zax-conversion-rate-board > header strong { font-size: 14px; }
.zax-conversion-rate-board > header em { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; color: var(--zax-muted); background: rgba(255, 255, 255, .04); font-size: 8px; font-style: normal; font-weight: 780; }
.zax-conversion-rate-board > header em i { width: 6px; height: 6px; border-radius: 50%; background: var(--zax-muted); }
.zax-conversion-rate-board.is-live > header em { color: var(--zax-cyan); background: rgba(81, 230, 189, .075); }
.zax-conversion-rate-board.is-live > header em i { background: var(--zax-cyan); box-shadow: 0 0 9px var(--zax-cyan); }
.zax-conversion-rate-board > div { display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); align-items: center; gap: 16px; padding: 24px 20px; }
.zax-conversion-rate-board > div article { display: flex; min-width: 0; flex-direction: column; gap: 7px; }
.zax-conversion-rate-board > div article strong { overflow-wrap: anywhere; font-size: clamp(20px, 3vw, 32px); letter-spacing: -.04em; }
.zax-conversion-rate-board > div article span { color: var(--zax-muted); font-size: 10px; line-height: 1.55; }
.zax-conversion-rate-board > div > i { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(81, 230, 189, .18); border-radius: 50%; color: var(--zax-cyan); background: rgba(81, 230, 189, .05); }
.zax-conversion-rate-board > footer { border-top: 1px solid var(--zax-line); }
.zax-conversion-rate-board > footer > .dashicons { width: 18px; height: 18px; color: var(--zax-cyan); font-size: 18px; }
.zax-conversion-rate-board > footer button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; padding: 7px 10px; border: 0; border-radius: 9px; color: var(--zax-cyan); background: rgba(81, 230, 189, .07); font-size: 9px; font-weight: 780; cursor: pointer; }

.zax-profile-username { display: inline-flex; margin: 1px 0 8px; color: #83e8c9; font-size: 12px; font-weight: 720; }
.zax-profile-section-heading { display: flex; align-items: center; gap: 11px; margin: 22px 0 12px; padding: 12px 13px; border: 1px solid var(--zax-line); border-radius: 13px; background: rgba(81, 230, 189, .035); }
.zax-profile-section-heading > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 10px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-profile-section-heading > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.zax-profile-section-heading strong { font-size: 12px; }
.zax-profile-section-heading small { color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-profile-form .zax-form-grid > label > span:first-child { font-size: 10px; font-weight: 730; }
.zax-profile-form .zax-form-grid input,
.zax-profile-form .zax-form-grid textarea { font-size: 12px; }
.zax-profile-form .zax-form-grid label > small { color: var(--zax-muted); font-size: 8px; line-height: 1.45; }
.zax-profile-username-input,
.zax-profile-password-input { display: flex; min-width: 0; min-height: 44px; align-items: center; overflow: hidden; border: 1px solid var(--zax-line); border-radius: 11px; background: rgba(255, 255, 255, .02); }
.zax-profile-username-input:focus-within,
.zax-profile-password-input:focus-within { border-color: color-mix(in srgb, var(--zax-cyan) 45%, var(--zax-line)); box-shadow: 0 0 0 3px rgba(81, 230, 189, .07); }
.zax-profile-username-input > b { display: grid; min-width: 40px; align-self: stretch; place-items: center; border-right: 1px solid var(--zax-line); color: var(--zax-cyan); background: rgba(81, 230, 189, .045); font-size: 13px; }
.zax-profile-username-input input,
.zax-profile-password-input input { min-width: 0; flex: 1; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.zax-profile-password-input button { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 0; color: var(--zax-cyan); background: transparent; cursor: pointer; }
.zax-profile-password-input button .dashicons { width: 18px; height: 18px; font-size: 18px; }
.zax-profile-password-note { display: flex; align-items: center; gap: 10px; margin: 13px 0 11px; padding: 12px 13px; border: 1px solid rgba(81, 230, 189, .14); border-radius: 12px; background: rgba(81, 230, 189, .035); }
.zax-profile-password-note > .dashicons { width: 20px; height: 20px; color: var(--zax-cyan); font-size: 20px; }
.zax-profile-password-note > span { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.zax-profile-password-note strong { font-size: 10px; }
.zax-profile-password-note small { color: var(--zax-muted); font-size: 8px; line-height: 1.45; }
.zax-profile-form .zax-readonly-field { color: var(--zax-muted); background: color-mix(in srgb, var(--zax-panel-solid) 70%, transparent) !important; cursor: not-allowed; }
.zax-profile-recovery-link { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 6px; margin-top: 9px; color: var(--zax-muted); font-size: 9px; font-weight: 700; text-decoration: none; }
.zax-profile-recovery-link:hover { color: var(--zax-cyan); }
.zax-profile-completion-bar i { animation: zax-profile-progress-in .9s cubic-bezier(.2, .75, .25, 1) both; transform-origin: left; }

@keyframes zax-profile-progress-in {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.zax-app[data-theme="light"] .zax-market-hero { background: radial-gradient(circle at 14% 10%, rgba(31, 167, 126, .12), transparent 31%), radial-gradient(circle at 88% 30%, rgba(116, 99, 230, .1), transparent 30%), linear-gradient(138deg, #f8fcfa, #edf7f2); box-shadow: 0 25px 65px rgba(22, 70, 55, .1), inset 0 1px #fff; }
.zax-app[data-theme="light"] .zax-market-wallet { background: rgba(255, 255, 255, .66); box-shadow: 0 22px 55px rgba(24, 70, 56, .1), inset 0 1px rgba(255, 255, 255, .95); }
.zax-app[data-theme="light"] .zax-market-browser,
.zax-app[data-theme="light"] .zax-market-how,
.zax-app[data-theme="light"] .zax-conversion-rate-board { background-color: rgba(255, 255, 255, .7); }
.zax-app[data-theme="light"] .zax-market-save { color: #174d3e; background: rgba(255, 255, 255, .76); }

@media (max-width: 1100px) {
    .zax-market-hero { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); }
    .zax-market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .zax-marketplace-page {
        width: calc(100% + 32px);
        max-width: none;
        margin: -24px -16px 0;
        overflow-x: hidden;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        background:
            radial-gradient(circle at 10% 4%, rgba(81, 230, 189, .055), transparent 27%),
            var(--zax-bg);
    }
}

@media (max-width: 760px) {
    .zax-marketplace-page > * + * { margin-top: 12px; }
    .zax-market-hero { min-height: 0; grid-template-columns: 1fr; gap: 23px; padding: 27px max(18px, env(safe-area-inset-right)) 19px max(18px, env(safe-area-inset-left)); border-top: 0; border-right: 0; border-left: 0; border-radius: 0; }
    .zax-market-hero h1 { margin-top: 14px; font-size: clamp(34px, 11vw, 48px); }
    .zax-market-hero-copy > p { font-size: 12px; line-height: 1.7; }
    .zax-market-wallet { border-radius: 19px; }
    .zax-market-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 10px; }
    .zax-market-metrics article { gap: 8px; padding: 12px 10px; border-radius: 13px; }
    .zax-market-metrics article > span { width: 33px; height: 33px; flex-basis: 33px; }
    .zax-market-metrics strong { font-size: 17px; }
    .zax-market-metrics small { font-size: 8px; }
    .zax-market-browser { padding: 17px max(12px, env(safe-area-inset-right)) 17px max(12px, env(safe-area-inset-left)); border-right: 0; border-left: 0; border-radius: 0; }
    .zax-market-browser-head { align-items: flex-start; }
    .zax-market-browser-head h2 { font-size: 22px; }
    .zax-market-search-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-market-search { grid-column: 1 / -1; }
    .zax-market-filters { margin-right: -12px; padding-right: 12px; }
    .zax-market-results-head { padding: 8px 13px 0; }
    .zax-market-results-head small { font-size: 9px; }
    .zax-market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; padding: 0 9px; }
    .zax-market-product-card { border-radius: 15px; }
    .zax-market-product-card .zax-product-visual { min-height: 116px; }
    .zax-market-product-card .zax-product-body { padding: 12px; }
    .zax-market-product-card .zax-product-body h3 { font-size: 13px; }
    .zax-market-product-card .zax-product-body > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 10px !important; }
    .zax-market-product-trust span:nth-child(3) { display: none; }
    .zax-market-product-card .zax-product-footer { grid-template-columns: 1fr; }
    .zax-market-product-card .zax-product-footer > * { grid-column: 1 !important; }
    .zax-market-save { top: 8px; right: 8px; width: 32px; height: 32px; border-radius: 10px; }
    .zax-market-how { padding-right: max(22px, env(safe-area-inset-right)); padding-left: max(22px, env(safe-area-inset-left)); border-right: 0; border-left: 0; border-radius: 0; }
    .zax-market-how > div { grid-template-columns: 1fr; gap: 8px; }
    .zax-market-how article { padding: 17px; }
    .zax-market-empty { margin: 0 10px; align-items: flex-start; flex-direction: column; }

    .zax-conversion-rate-board > div { grid-template-columns: 1fr; gap: 12px; padding: 18px; }
    .zax-conversion-rate-board > div > i { transform: rotate(90deg); }
    .zax-conversion-rate-board > footer { align-items: flex-start; flex-wrap: wrap; }
    .zax-conversion-rate-board > footer button { margin-left: 30px; }

    .zax-profile-cover { grid-template-columns: 76px minmax(0, 1fr); gap: 14px; padding: 22px 17px; }
    .zax-profile-avatar-large { width: 74px; height: 74px; border-radius: 22px; font-size: 28px; }
    .zax-profile-identity h1 { font-size: clamp(25px, 8vw, 36px); }
    .zax-profile-identity > p { font-size: 10px; line-height: 1.55; }
    .zax-profile-cover > .zax-button { grid-column: 1 / -1; width: 100%; justify-content: center; }
    .zax-profile-form { padding: 17px 13px; }
    .zax-profile-section-heading { margin-top: 18px; }
    .zax-profile-form .zax-form-grid { grid-template-columns: 1fr; }
    .zax-profile-form .zax-field-wide { grid-column: auto; }
    .zax-profile-password-grid > label { min-width: 0; }
    .zax-profile-detail-list small { overflow: visible; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }
    .zax-profile-form .zax-settings-footer { align-items: stretch; flex-direction: column; gap: 12px; }
    .zax-profile-form .zax-settings-footer .zax-button { width: 100%; justify-content: center; }
}

@media (max-width: 380px) {
    .zax-market-search-row { grid-template-columns: 1fr; }
    .zax-market-search { grid-column: auto; }
    .zax-market-product-trust { display: none; }
    .zax-market-product-card .zax-product-body { padding: 10px; }
    .zax-market-product-card .zax-button,
    .zax-market-review { min-height: 36px; padding-right: 6px; padding-left: 6px; font-size: 8px; }
    .zax-mobile-dock[data-mobile-dock="admin"] span:not(.dashicons) { font-size: 6.5px; }
}

@media (max-width: 390px) {
    .zax-marketplace-page {
        width: calc(100% + 24px);
        margin-right: -12px;
        margin-left: -12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-market-product-card,
    .zax-profile-completion-bar i { animation: none !important; transition: none !important; }
}

/* ZaxSecurity 1.5.15 — Community dock aligned with the main mobile app footer. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        min-height: calc(66px + env(safe-area-inset-bottom));
        gap: 0;
        padding: 6px 8px max(6px, env(safe-area-inset-bottom));
        border-top: 1px solid rgba(174, 215, 204, .18);
        border-radius: 20px 20px 0 0;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .018)),
            rgba(8, 21, 17, .72);
        box-shadow: 0 -18px 48px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .07);
        backdrop-filter: blur(14px) saturate(135%);
        -webkit-backdrop-filter: blur(14px) saturate(135%);
    }

    .zax-community-mobile-dock > button,
    .zax-community-mobile-dock > button.zax-community-dock-create {
        min-width: 0;
        min-height: 54px;
        gap: 2px;
        padding: 5px 2px;
        border: 0;
        border-radius: 11px;
        color: var(--zax-muted);
        background: transparent;
        box-shadow: none;
        transform: translateZ(0);
        transition: color .18s ease, background .18s ease, transform .18s ease;
    }

    .zax-community-mobile-dock > button:active {
        transform: scale(.94);
    }

    .zax-community-mobile-dock > button.is-active,
    .zax-community-mobile-dock > button[aria-expanded="true"] {
        border: 0;
        color: var(--zax-cyan);
        background: rgba(81, 230, 189, .08);
        box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .1);
    }

    .zax-app .zax-community-mobile-dock .zax-community-dock-icon,
    .zax-app .zax-community-mobile-dock button > .zax-community-dock-icon,
    .zax-app[data-theme="light"] .zax-community-mobile-dock .zax-community-dock-icon,
    .zax-app .zax-community-mobile-dock .zax-community-dock-create .zax-community-dock-icon {
        position: relative;
        display: grid;
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        place-items: center;
        overflow: visible;
        border: 0;
        border-radius: 0;
        color: currentColor;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .zax-community-mobile-dock .zax-community-dock-icon::after {
        display: none;
        content: none;
    }

    .zax-community-mobile-dock .zax-community-dock-icon svg {
        position: relative;
        z-index: 1;
        width: 21px;
        height: 21px;
        overflow: visible;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.75;
        filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .15));
    }

    .zax-community-mobile-dock .zax-community-dock-fyp .zax-community-dock-icon svg path:first-child {
        fill: color-mix(in srgb, currentColor 24%, transparent);
    }

    .zax-community-mobile-dock .zax-community-dock-more .zax-community-dock-icon svg circle {
        fill: currentColor;
        stroke: none;
    }

    .zax-community-mobile-dock .zax-community-dock-label,
    .zax-community-mobile-dock button > .zax-community-dock-label {
        display: block;
        overflow: hidden;
        width: 100%;
        color: currentColor;
        font-size: 7px;
        font-weight: 720;
        line-height: 1.1;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-community-mobile-dock > button > b {
        top: 2px;
        right: calc(50% - 18px);
        z-index: 3;
        border: 2px solid color-mix(in srgb, var(--zax-panel-solid) 86%, transparent);
    }

    .zax-app[data-theme="light"] .zax-community-mobile-dock {
        border-top-color: rgba(71, 114, 101, .16);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .28)),
            rgba(238, 247, 242, .74);
        box-shadow: 0 -16px 45px rgba(23, 57, 48, .16), inset 0 1px rgba(255, 255, 255, .8);
    }
}

@media (max-width: 360px) {
    .zax-app .zax-community-mobile-dock .zax-community-dock-icon,
    .zax-app .zax-community-mobile-dock button > .zax-community-dock-icon {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }

    .zax-community-mobile-dock .zax-community-dock-icon svg {
        width: 20px;
        height: 20px;
    }
}

.zax-fyp-group > .dashicons-groups {
    width: 19px;
    height: 19px;
    color: #052219;
    font-size: 19px;
    line-height: 19px;
}

/* ZaxSecurity 1.5.17 — natural Light mode, visible motion, and silk post creator. */
.zax-app[data-theme="light"] {
    --zax-bg: #f1f6f3;
    --zax-bg-soft: #e8f0ec;
    --zax-panel: rgba(255, 255, 255, .88);
    --zax-panel-solid: #ffffff;
    --zax-panel-2: #f2f7f4;
    --zax-line: rgba(20, 65, 52, .14);
    --zax-line-strong: rgba(20, 65, 52, .23);
    --zax-text: #142923;
    --zax-muted: #526b63;
    --zax-soft: #344f47;
    --zax-cyan: #078f69;
    --zax-cyan-deep: #056f52;
    --zax-violet: #6756cc;
    --zax-animated-glow: rgba(7, 143, 105, .2);
    --zax-animated-violet: rgba(103, 86, 204, .13);
    --zax-grid-line: rgba(20, 65, 52, .12);
    color: var(--zax-text);
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Body copy remains regular in Light mode. Deliberate hierarchy is modest. */
.zax-app[data-theme="light"] :where(p, li, td, dd, small, label, input, textarea, select, option) {
    font-weight: 400 !important;
    text-shadow: none;
    -webkit-text-stroke: 0;
}

.zax-app[data-theme="light"] :where(strong, b) {
    font-weight: 600 !important;
    -webkit-text-stroke: 0;
}

.zax-app[data-theme="light"] :where(h1, h2, h3, h4, h5, h6),
.zax-app[data-theme="light"] :where(h1, h2, h3, h4, h5, h6) :where(span, strong, b) {
    font-weight: 650 !important;
    text-shadow: none;
    -webkit-text-stroke: 0;
}

.zax-app[data-theme="light"] :is(
    .zax-button,
    .zax-nav button,
    .zax-home-topnav button,
    .zax-mobile-dock button,
    .zax-community-mobile-dock button,
    .zax-pagination button,
    .zax-table-action
),
.zax-app[data-theme="light"] :is(
    .zax-button,
    .zax-nav button,
    .zax-home-topnav button,
    .zax-mobile-dock button,
    .zax-community-mobile-dock button,
    .zax-pagination button,
    .zax-table-action
) :where(span, strong, b) {
    font-weight: 560 !important;
    -webkit-text-stroke: 0;
}

.zax-app[data-theme="light"] :is(
    .zax-eyebrow,
    .zax-status-chip,
    .zax-product-badge,
    .zax-product-meta,
    .zax-chat-conversation-label,
    .zax-fyp-post-meta,
    .zax-fine-print
) {
    font-weight: 500 !important;
}

/* Shared Light surfaces inherit readable foregrounds instead of old white ink. */
.zax-app[data-theme="light"] :is(
    .zax-main,
    .zax-page,
    .zax-panel,
    .zax-table-panel,
    .zax-product-card,
    .zax-market-product-card,
    .zax-market-browser,
    .zax-market-how,
    .zax-wallet-assets-card,
    .zax-wallet-action-card,
    .zax-profile-form,
    .zax-setting-card,
    .zax-community-main,
    .zax-community-view,
    .zax-chat-inbox,
    .zax-chat-window,
    .zax-more-card,
    .zax-modal,
    .zax-modal-card
) {
    color: var(--zax-text);
}

.zax-app[data-theme="light"] :is(.zax-table, .zax-table th, .zax-table td) {
    color: var(--zax-text);
    text-shadow: none;
}

.zax-app[data-theme="light"] .zax-table th {
    font-weight: 600 !important;
}

.zax-app[data-theme="light"] :is(input, textarea, select) {
    border-color: var(--zax-line-strong);
    color: var(--zax-text);
    background-color: rgba(255, 255, 255, .92);
    caret-color: var(--zax-cyan);
}

.zax-app[data-theme="light"] :is(input, textarea)::placeholder {
    color: #687d76;
    opacity: 1;
}

.zax-app[data-theme="light"] .zax-button-primary {
    color: #061d16;
}

.zax-app[data-theme="light"] .zax-button-secondary,
.zax-app[data-theme="light"] .zax-icon-button {
    color: var(--zax-text);
}

/* Cyber FYP keeps its media treatment while navigation and glass copy stay legible. */
.zax-app[data-theme="light"] .zax-fyp-nav {
    color: var(--zax-text);
    background: linear-gradient(180deg, rgba(247, 252, 249, .98), rgba(247, 252, 249, .82) 68%, transparent);
    text-shadow: none;
}

.zax-app[data-theme="light"] .zax-fyp-tabs button {
    color: var(--zax-muted);
    font-weight: 500 !important;
}

.zax-app[data-theme="light"] .zax-fyp-tabs button.is-active {
    color: var(--zax-text);
}

.zax-app[data-theme="light"] .zax-fyp-tabs button.is-active::after {
    background: var(--zax-cyan);
    box-shadow: 0 0 10px rgba(7, 143, 105, .28);
}

.zax-app[data-theme="light"] :is(.zax-fyp-create, .zax-fyp-refresh) {
    border-color: rgba(20, 65, 52, .18);
    color: var(--zax-text);
    background: rgba(255, 255, 255, .78);
    box-shadow: inset 0 1px rgba(255, 255, 255, .95), 0 8px 20px rgba(23, 57, 48, .09);
}

.zax-app[data-theme="light"] .zax-fyp-refresh > span:last-child {
    color: var(--zax-text);
}

.zax-app[data-theme="light"] .zax-fyp-text-panel {
    border-color: rgba(20, 65, 52, .14);
    color: var(--zax-text);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(243, 250, 246, .86)),
        rgba(255, 255, 255, .9);
    box-shadow: inset 0 1px #fff, 0 14px 34px rgba(23, 57, 48, .15);
    text-shadow: none;
}

.zax-app[data-theme="light"] .zax-fyp-text-panel::before {
    background: radial-gradient(circle, rgba(7, 143, 105, .14), transparent 68%);
}

.zax-app[data-theme="light"] :is(.zax-fyp-post-title, .zax-fyp-copy, .zax-fyp-text-panel p, .zax-fyp-text-panel strong, .zax-fyp-text-panel span) {
    color: var(--zax-text);
    text-shadow: none;
}

.zax-app[data-theme="light"] .zax-fyp-post-title {
    font-weight: 650 !important;
}

.zax-app[data-theme="light"] .zax-fyp-copy,
.zax-app[data-theme="light"] .zax-fyp-copy p {
    font-weight: 400 !important;
}

.zax-app[data-theme="light"] :is(
    .zax-fyp-comments,
    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section,
    .zax-fyp-create-sheet > section
) {
    color: var(--zax-text);
    background: rgba(255, 255, 255, .97);
}

.zax-app[data-theme="light"] :is(
    .zax-fyp-comments,
    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section,
    .zax-fyp-create-sheet > section
) :is(h1, h2, h3, label, strong) {
    color: var(--zax-text);
    text-shadow: none;
}

.zax-app[data-theme="light"] :is(
    .zax-fyp-comments,
    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section,
    .zax-fyp-create-sheet > section
) :is(p, small) {
    color: var(--zax-muted);
    text-shadow: none;
}

/* Light-mode animation colors stay visible and always sit behind the copy. */
.zax-app[data-theme="light"] :is(.zax-home-grid, .zax-fyp-cyber-scene) {
    border-color: rgba(7, 143, 105, .25);
}

.zax-app[data-theme="light"] .zax-home-grid {
    background:
        radial-gradient(circle at center, rgba(7, 143, 105, .13), transparent 55%),
        linear-gradient(rgba(7, 143, 105, .11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7, 143, 105, .11) 1px, transparent 1px);
    background-size: auto, 26px 26px, 26px 26px;
    box-shadow: 0 0 0 35px rgba(7, 143, 105, .025), 0 0 0 70px rgba(103, 86, 204, .018);
}

.zax-app[data-theme="light"] .zax-home-core {
    border-color: rgba(7, 143, 105, .32);
    background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(214, 240, 229, .86));
    box-shadow: 0 0 65px rgba(7, 143, 105, .2), inset 0 1px #fff;
}

.zax-app[data-theme="light"] .zax-hero-scan {
    background: conic-gradient(from 0deg, transparent 0 72%, rgba(7, 143, 105, .25) 92%, transparent 100%);
}

.zax-app[data-theme="light"] :is(.zax-chart-columns > span > i, .zax-chart-bars > i) {
    background: linear-gradient(to top, rgba(7, 143, 105, .28), rgba(7, 143, 105, .9));
    box-shadow: 0 7px 18px rgba(7, 143, 105, .13);
}

.zax-app[data-theme="light"] :is(.zax-progress, .zax-balance-progress, .zax-foundation-progress, .zax-readiness-list > span > em, .zax-path-list span > i) {
    border-color: rgba(20, 65, 52, .12);
    background: rgba(20, 65, 52, .1);
}

.zax-app[data-theme="light"] :is(.zax-progress i, .zax-balance-progress i, .zax-foundation-progress i, .zax-readiness-list > span > em > b) {
    filter: saturate(1.08);
    box-shadow: 0 0 14px rgba(7, 143, 105, .23);
}

.zax-app[data-theme="light"] .zax-software-animation::before {
    border-color: rgba(7, 143, 105, .28);
}

.zax-app[data-theme="light"] .zax-software-animation::after {
    background: conic-gradient(transparent 0 68%, rgba(7, 143, 105, .32) 92%, transparent);
}

.zax-app[data-theme="light"] .zax-software-animation b {
    background: linear-gradient(90deg, transparent, rgba(7, 143, 105, .58), transparent);
}

.zax-app[data-theme="light"] .zax-course-animation i {
    background: linear-gradient(90deg, transparent, rgba(103, 86, 204, .48), transparent);
}

.zax-app[data-theme="light"] .zax-fyp-cyber-scene > span {
    border-color: rgba(7, 143, 105, .34);
    color: #075d46;
    background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(7, 143, 105, .12));
    box-shadow: 0 0 0 18px rgba(7, 143, 105, .035), 0 0 64px rgba(7, 143, 105, .18), inset 0 1px #fff;
    font-weight: 700 !important;
}

.zax-app[data-theme="light"] .zax-fyp-cyber-scene > i {
    background: #078f69;
    box-shadow: 0 0 17px rgba(7, 143, 105, .72);
}

.zax-app[data-theme="light"] .zax-fyp-cyber-scene > b {
    border-color: rgba(7, 143, 105, .22);
    box-shadow: 0 0 0 42px rgba(7, 143, 105, .025), 0 0 0 84px rgba(103, 86, 204, .018);
}

/* Premium create/upload sheet. */
.zax-fyp-create-backdrop {
    background:
        radial-gradient(circle at 50% 15%, rgba(81, 230, 189, .13), transparent 34%),
        rgba(1, 7, 5, .78);
    backdrop-filter: blur(13px) saturate(115%);
    -webkit-backdrop-filter: blur(13px) saturate(115%);
}

.zax-fyp-create-sheet > section {
    width: min(720px, 100%);
    border-color: color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 26px;
    background:
        radial-gradient(circle at 95% 2%, rgba(81, 230, 189, .1), transparent 28%),
        linear-gradient(155deg, color-mix(in srgb, var(--zax-panel-solid) 97%, transparent), var(--zax-panel-solid));
    box-shadow: 0 38px 110px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .1);
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--zax-cyan) 40%, transparent) transparent;
}

.zax-fyp-create-sheet > section > header {
    min-height: 78px;
    padding: 13px 18px;
    border-bottom-color: color-mix(in srgb, var(--zax-cyan) 14%, var(--zax-line));
    background: color-mix(in srgb, var(--zax-panel-solid) 90%, transparent);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .08);
    backdrop-filter: blur(22px) saturate(130%);
    -webkit-backdrop-filter: blur(22px) saturate(130%);
}

.zax-fyp-create-sheet > section > header > .zax-create-title-group {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-direction: row;
    gap: 12px;
}

.zax-create-title-group > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-create-heading-icon {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .24);
    border-radius: 14px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .14), rgba(154, 140, 255, .07));
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 10px 26px rgba(0, 0, 0, .1);
}

.zax-create-heading-icon svg,
.zax-create-close svg,
.zax-vip-format-picker svg,
.zax-fyp-create-sheet .zax-community-composer footer svg,
.zax-fyp-upload-preview button svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.zax-fyp-create-sheet > section > header small {
    color: var(--zax-cyan);
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: .08em;
}

.zax-fyp-create-sheet > section > header strong {
    color: var(--zax-text);
    font-size: 17px;
    font-weight: 650 !important;
}

.zax-fyp-create-sheet > section > header .zax-create-close {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-color: var(--zax-line);
    border-radius: 13px;
    color: var(--zax-soft);
    background: color-mix(in srgb, var(--zax-panel-2) 88%, transparent);
    transition: border-color .18s ease, color .18s ease, transform .18s ease, background .18s ease;
}

.zax-fyp-create-sheet > section > header .zax-create-close:hover {
    border-color: rgba(255, 118, 109, .34);
    color: var(--zax-red);
    background: rgba(255, 118, 109, .08);
}

.zax-fyp-create-sheet > section > header .zax-create-close:active {
    transform: scale(.94);
}

.zax-fyp-create-sheet .zax-social-composer {
    max-width: none;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    padding: 20px;
    background: transparent;
}

.zax-fyp-create-sheet .zax-social-composer > .zax-community-avatar {
    width: 45px;
    height: 45px;
    border-color: rgba(81, 230, 189, .28);
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .16), rgba(154, 140, 255, .1));
    box-shadow: 0 9px 24px rgba(0, 0, 0, .12);
    font-size: 13px;
}

.zax-fyp-create-sheet .zax-social-composer > div > header {
    min-height: 44px;
    padding: 0 0 11px;
    border-bottom: 1px solid var(--zax-line);
}

.zax-fyp-create-sheet .zax-social-composer > div > header strong {
    color: var(--zax-text);
    font-size: 12px;
    font-weight: 600;
}

.zax-fyp-create-sheet .zax-social-composer > div > header :is(em, small) {
    font-size: 9px !important;
    font-weight: 500;
}

.zax-fyp-create-sheet .zax-community-text-composer {
    margin-top: 13px;
    padding: 4px 12px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    background: color-mix(in srgb, var(--zax-panel-2) 72%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-fyp-create-sheet .zax-community-composer textarea {
    min-height: 116px;
    padding: 14px 42px 12px 2px;
    border: 0;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.65;
}

.zax-fyp-create-sheet .zax-community-text-composer .zax-emoji-trigger {
    top: 10px;
    right: 8px;
    width: 35px;
    height: 35px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: color-mix(in srgb, var(--zax-panel-solid) 82%, transparent);
}

.zax-fyp-create-sheet .zax-vip-format-picker {
    gap: 8px;
    padding: 13px 0 11px;
}

.zax-fyp-create-sheet .zax-vip-format-picker label {
    min-height: 62px;
    flex-direction: column;
    gap: 6px;
    padding: 9px 6px;
    border-radius: 14px;
    font-size: 9px;
    font-weight: 500;
    background: color-mix(in srgb, var(--zax-panel-2) 64%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-fyp-create-sheet .zax-vip-format-picker label:hover,
.zax-fyp-create-sheet .zax-vip-format-picker label.is-active {
    border-color: color-mix(in srgb, var(--zax-cyan) 38%, var(--zax-line));
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
}

.zax-fyp-create-sheet .zax-vip-format-picker svg {
    width: 21px;
    height: 21px;
}

.zax-fyp-create-sheet .zax-vip-attachment {
    margin: 2px 0 11px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(81, 230, 189, .055), rgba(154, 140, 255, .025)),
        color-mix(in srgb, var(--zax-panel-2) 54%, transparent);
}

.zax-fyp-create-sheet .zax-vip-attachment > label {
    grid-template-columns: 42px minmax(150px, .7fr) minmax(180px, 1fr);
    gap: 12px;
}

.zax-fyp-create-sheet .zax-vip-attachment > label > .dashicons {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
    font-size: 21px;
    line-height: 40px;
}

.zax-fyp-create-sheet .zax-vip-attachment strong {
    color: var(--zax-text);
    font-size: 11px;
    font-weight: 600;
}

.zax-fyp-create-sheet .zax-vip-attachment small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 9px !important;
    line-height: 1.45;
}

.zax-fyp-create-sheet .zax-vip-attachment :is(input, select) {
    min-height: 43px;
    padding: 9px 11px;
    border-radius: 11px;
    font-size: 11px;
}

.zax-fyp-upload-preview {
    height: 290px;
    margin-top: 14px;
    border-color: color-mix(in srgb, var(--zax-cyan) 22%, var(--zax-line));
    border-radius: 17px;
    background:
        linear-gradient(rgba(81, 230, 189, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .04) 1px, transparent 1px),
        #07100d;
    background-size: 28px 28px, 28px 28px, auto;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

.zax-fyp-upload-preview button {
    min-height: 38px;
    padding: 7px 11px;
    border-radius: 11px;
    font-weight: 500;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.zax-fyp-upload-preview button svg {
    width: 16px;
    height: 16px;
}

.zax-fyp-create-sheet .zax-community-composer footer {
    min-height: 58px;
    gap: 10px;
    margin-top: 9px;
    padding: 11px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--zax-panel-2) 62%, transparent);
}

.zax-fyp-create-sheet .zax-community-composer footer label,
.zax-fyp-create-sheet .zax-community-composer footer > span {
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--zax-panel-solid) 72%, transparent);
    font-size: 9px;
}

.zax-fyp-create-sheet .zax-community-composer footer svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: var(--zax-cyan);
}

.zax-fyp-create-sheet .zax-community-composer footer select {
    color: var(--zax-text);
    font-size: 10px;
}

.zax-fyp-create-sheet .zax-community-composer footer .zax-button {
    min-height: 40px;
    margin-left: auto;
    padding: 9px 15px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 600;
}

.zax-fyp-create-sheet .zax-community-composer footer .zax-button svg {
    color: currentColor;
}

.zax-app[data-theme="light"] .zax-fyp-create-backdrop {
    background:
        radial-gradient(circle at 50% 10%, rgba(7, 143, 105, .14), transparent 35%),
        rgba(219, 232, 226, .74);
}

.zax-app[data-theme="light"] .zax-fyp-create-sheet > section {
    border-color: rgba(7, 143, 105, .18);
    background:
        radial-gradient(circle at 95% 2%, rgba(7, 143, 105, .1), transparent 28%),
        rgba(255, 255, 255, .97);
    box-shadow: 0 35px 100px rgba(23, 57, 48, .22), inset 0 1px #fff;
}

.zax-app[data-theme="light"] .zax-fyp-create-sheet > section > header {
    background: rgba(255, 255, 255, .88);
}

.zax-app[data-theme="light"] .zax-fyp-create-sheet :is(.zax-community-text-composer, .zax-vip-format-picker label, .zax-vip-attachment, .zax-community-composer footer) {
    color: var(--zax-text);
    background-color: rgba(242, 248, 245, .9);
}

@media (max-width: 760px) {
    .zax-fyp-create-sheet > section {
        max-height: calc(100dvh - max(10px, env(safe-area-inset-top)));
        border-radius: 24px 24px 0 0;
    }

    .zax-fyp-create-sheet > section > header {
        min-height: 70px;
        padding: 11px 14px;
    }

    .zax-create-heading-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        border-radius: 12px;
    }

    .zax-fyp-create-sheet > section > header strong {
        font-size: 15px;
    }

    .zax-fyp-create-sheet .zax-social-composer {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
        padding: 14px 13px calc(18px + env(safe-area-inset-bottom));
    }

    .zax-fyp-create-sheet .zax-social-composer > .zax-community-avatar {
        width: 38px;
        height: 38px;
    }

    .zax-fyp-create-sheet .zax-social-composer > div > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .zax-fyp-create-sheet .zax-community-composer textarea {
        min-height: 108px;
        font-size: 16px !important;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker {
        display: flex;
        margin-right: -13px;
        padding-right: 13px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker::-webkit-scrollbar {
        display: none;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker label {
        min-width: 74px;
    }

    .zax-fyp-create-sheet .zax-vip-attachment > label {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .zax-fyp-create-sheet .zax-vip-attachment :is(input, select) {
        grid-column: 1 / -1;
        font-size: 16px;
    }

    .zax-fyp-upload-preview {
        height: min(250px, 38dvh);
    }

    .zax-fyp-create-sheet .zax-community-composer footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 9px;
    }

    .zax-fyp-create-sheet .zax-community-composer footer > span {
        display: none;
    }

    .zax-fyp-create-sheet .zax-community-composer footer label {
        min-width: 0;
    }

    .zax-fyp-create-sheet .zax-community-composer footer .zax-button {
        width: auto;
        margin: 0;
    }
}

/* Roomier desktop Community Members card. */
@media (min-width: 761px) {
    .zax-community-shell {
        grid-template-columns: 300px minmax(0, 1fr);
    }

    .zax-community-page.is-active .zax-community-mini-members,
    .zax-community-mini-members {
        min-height: 250px;
        margin: 11px 12px 10px;
        padding: 13px 9px 10px;
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid color-mix(in srgb, var(--zax-cyan) 14%, var(--zax-line));
        border-radius: 16px;
        background:
            radial-gradient(circle at 100% 0, rgba(81, 230, 189, .075), transparent 38%),
            color-mix(in srgb, var(--zax-panel-2) 58%, transparent);
        box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 14px 32px rgba(0, 0, 0, .08);
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--zax-cyan) 34%, transparent) transparent;
    }

    .zax-community-mini-members > div {
        min-height: 35px;
        padding: 0 7px 10px;
        border-bottom: 1px solid var(--zax-line);
    }

    .zax-community-mini-members > div strong {
        color: var(--zax-soft);
        font-size: 11px !important;
        font-weight: 600;
        letter-spacing: .045em;
    }

    .zax-community-mini-members > div button {
        min-height: 30px;
        padding: 5px 8px;
        border: 1px solid rgba(81, 230, 189, .16);
        border-radius: 9px;
        font-size: 10px;
        font-weight: 550;
        background: rgba(81, 230, 189, .07);
    }

    .zax-community-mini-members > span {
        min-height: 55px;
        grid-template-columns: 41px minmax(0, 1fr);
        gap: 11px;
        margin-top: 5px;
        padding: 7px 8px;
        border: 1px solid transparent;
        border-radius: 12px;
        transition: border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .zax-community-mini-members > span:hover,
    .zax-community-mini-members > span:focus-visible {
        border-color: rgba(81, 230, 189, .17);
        outline: 0;
        background: rgba(81, 230, 189, .055);
        transform: translateX(2px);
    }

    .zax-community-mini-members > span > i {
        width: 40px;
        height: 40px;
        border-color: rgba(81, 230, 189, .18);
        color: var(--zax-cyan);
        background: linear-gradient(145deg, rgba(81, 230, 189, .12), rgba(154, 140, 255, .075));
        box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 7px 18px rgba(0, 0, 0, .08);
        font-size: 11px;
        font-weight: 650;
    }

    .zax-community-mini-members > span > span {
        gap: 3px;
    }

    .zax-community-mini-members > span strong {
        color: var(--zax-text);
        font-size: 12px !important;
        font-weight: 600;
    }

    .zax-community-mini-members > span small {
        color: var(--zax-muted);
        font-size: 10px !important;
        font-weight: 400;
    }

    .zax-app[data-theme="light"] .zax-community-mini-members {
        border-color: rgba(20, 65, 52, .13);
        background:
            radial-gradient(circle at 100% 0, rgba(7, 143, 105, .1), transparent 38%),
            rgba(255, 255, 255, .72);
        box-shadow: inset 0 1px #fff, 0 13px 30px rgba(23, 57, 48, .09);
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .zax-community-shell {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    .zax-community-page.is-active .zax-community-mini-members,
    .zax-community-mini-members {
        margin-right: 9px;
        margin-left: 9px;
        padding-right: 7px;
        padding-left: 7px;
    }
}

/* ZaxSecurity 1.5.19 — consistent mobile popup edge clearance. */
@media (max-width: 900px) {
    .zax-command,
    .zax-modal {
        display: grid;
        place-items: center;
        padding-top: max(12px, env(safe-area-inset-top));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        padding-left: max(12px, env(safe-area-inset-left));
    }

    .zax-command-dialog,
    .zax-modal-dialog {
        width: 100%;
        max-width: 720px;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        margin: 0;
        border: 1px solid var(--zax-line-strong);
        border-radius: 20px;
    }

    .zax-modal-small {
        max-width: 460px;
    }

    .zax-checkout-dialog {
        max-width: 780px;
    }

    .zax-more-card {
        right: max(12px, env(safe-area-inset-right));
        left: max(12px, env(safe-area-inset-left));
        width: auto;
        max-width: none;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        transform: none;
    }

    .zax-fyp-create-sheet,
    .zax-fyp-detail-sheet,
    .zax-member-profile-sheet,
    .zax-fyp-share-sheet {
        place-items: end center;
        padding-top: max(12px, env(safe-area-inset-top)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
        padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
    }

    .zax-fyp-create-sheet > section,
    .zax-fyp-detail-sheet > section,
    .zax-member-profile-sheet > section,
    .zax-fyp-share-sheet > section {
        width: 100%;
        height: auto !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line)) !important;
        border-radius: 24px !important;
        box-shadow: 0 28px 80px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .07);
    }

    .zax-member-profile-sheet > section > header {
        min-height: 60px;
        padding-top: 10px;
    }

    .zax-fyp-comments {
        right: max(10px, env(safe-area-inset-right));
        bottom: max(10px, env(safe-area-inset-bottom));
        left: max(10px, env(safe-area-inset-left));
        width: auto;
        border: 1px solid var(--zax-line-strong);
        border-radius: 20px;
    }

    .zax-emoji-picker {
        width: min(328px, calc(100vw - 24px));
        max-height: min(330px, calc(var(--zax-visual-viewport-height, 100dvh) - 24px));
    }

    .zax-toast-region {
        right: max(12px, env(safe-area-inset-right));
        bottom: max(12px, env(safe-area-inset-bottom));
        left: max(12px, env(safe-area-inset-left));
        width: auto;
    }
}

/* All five create/upload formats fit in one row on phones. */
@media (max-width: 760px) {
    .zax-fyp-create-sheet .zax-vip-format-picker {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 5px;
        width: 100%;
        margin-right: 0;
        padding: 12px 0 10px;
        overflow: visible;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker label {
        width: 100%;
        min-width: 0;
        min-height: 56px;
        gap: 4px;
        padding: 7px 2px;
        border-radius: 11px;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker svg,
    .zax-fyp-create-sheet .zax-vip-format-picker .dashicons {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        font-size: 17px;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker label > span {
        display: block;
        max-width: 100%;
        overflow: visible;
        font-size: 7.5px;
        font-weight: 500;
        line-height: 1.12;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 370px) {
    .zax-command,
    .zax-modal,
    .zax-fyp-create-sheet,
    .zax-fyp-detail-sheet,
    .zax-member-profile-sheet,
    .zax-fyp-share-sheet {
        padding-right: max(9px, env(safe-area-inset-right)) !important;
        padding-left: max(9px, env(safe-area-inset-left)) !important;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker {
        gap: 3px;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker label {
        min-height: 52px;
        padding-right: 1px;
        padding-left: 1px;
    }

    .zax-fyp-create-sheet .zax-vip-format-picker label > span {
        font-size: 7px;
    }
}

/* ZaxSecurity 1.5.20 - mobile layout integrity and readable content. */
.zax-fyp-group > .dashicons-groups {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    font-size: 23px;
    line-height: 38px;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page {
        --zax-mobile-dock-clearance: calc(84px + env(safe-area-inset-bottom));
    }

    .zax-app,
    .zax-shell,
    .zax-main,
    .zax-page,
    .zax-page > *,
    .zax-community-page,
    .zax-community-shell,
    .zax-community-main,
    .zax-community-view,
    .zax-chat-app,
    .zax-chat-window,
    .zax-chat-view,
    .zax-modal-dialog,
    .zax-command-dialog,
    .zax-more-card {
        min-width: 0;
        max-width: 100%;
    }

    .zax-main,
    .zax-page,
    .zax-community-main,
    .zax-community-view {
        overflow-x: clip;
    }

    .zax-page :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-head"], [class*="-footer"], [class*="-actions"], [class*="-toolbar"]) > *,
    .zax-modal-dialog :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-head"], [class*="-footer"], [class*="-actions"]) > *,
    .zax-command-dialog :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-head"], [class*="-footer"], [class*="-actions"]) > *,
    .zax-modal-dialog > *,
    .zax-command-dialog > *,
    .zax-more-card > *,
    .zax-community-view > *,
    .zax-chat-view > * {
        min-width: 0;
    }

    .zax-page :is(img, video, iframe, canvas),
    .zax-modal-dialog :is(img, video, iframe, canvas),
    .zax-command-dialog :is(img, video, iframe, canvas),
    .zax-community-view :is(img, video, iframe, canvas) {
        max-width: 100%;
    }

    .zax-app :is(.dashicons, svg, [class*="-icon"]),
    .zax-app button > :is(.dashicons, svg, [class*="-icon"]),
    .zax-app a > :is(.dashicons, svg, [class*="-icon"]) {
        flex-shrink: 0;
    }

    .zax-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, label),
    .zax-modal-dialog :is(h1, h2, h3, h4, p, li, label, strong, small),
    .zax-command-dialog :is(h1, h2, h3, h4, p, li, label, strong, small),
    .zax-community-view :is(h1, h2, h3, h4, p, li),
    .zax-chat-view :is(h1, h2, h3, h4, p, li) {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .zax-button {
        min-width: 0;
        height: auto;
        white-space: normal;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .zax-hero-actions,
    .zax-home-actions,
    .zax-live-actions,
    .zax-market-hero-actions,
    .zax-wallet-actions,
    .zax-converter-actions,
    .zax-certificate-actions,
    .zax-table-actions,
    .zax-order-actions,
    .zax-setting-actions,
    .zax-community-member-actions,
    .zax-community-safety-actions,
    .zax-member-profile-actions,
    .zax-profile-photo-actions,
    .zax-refund-help-actions,
    .zax-footer-cta-actions {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .zax-modal-footer,
    .zax-checkout-product-heading,
    .zax-checkout-summary,
    .zax-checkout-wallet-review,
    .zax-topup-review-grid {
        min-width: 0;
    }

    .zax-modal-footer {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .zax-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea),
    .zax-modal-dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea),
    .zax-command-dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea),
    .zax-community-view :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .zax-table-panel,
    .zax-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .zax-table {
        width: max-content;
        min-width: 100%;
        table-layout: auto;
    }

    .zax-table th,
    .zax-table td {
        min-width: 96px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .zax-table .zax-table-primary {
        min-width: 180px;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        padding-bottom: calc(24px + var(--zax-mobile-dock-clearance)) !important;
        scroll-padding-bottom: var(--zax-mobile-dock-clearance);
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-main {
        scroll-padding-bottom: var(--zax-mobile-dock-clearance);
    }

    .zax-topbar {
        gap: 7px;
        padding-right: max(10px, env(safe-area-inset-right));
        padding-left: max(10px, env(safe-area-inset-left));
    }

    .zax-topbar-left {
        flex: 1 1 auto;
        overflow: hidden;
    }

    .zax-topbar-actions {
        min-width: 0;
        flex: 0 0 auto;
    }

    .zax-breadcrumb,
    .zax-breadcrumb strong {
        min-width: 0;
        max-width: 100%;
    }

    .zax-fyp-group {
        min-width: 44px;
        min-height: 44px;
        gap: 8px;
    }

    .zax-fyp-group > span {
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
    }

    .zax-fyp-group > .dashicons-groups,
    .zax-fyp-group > span > .dashicons-groups {
        font-size: 24px;
    }

    .zax-fyp-group > .dashicons-groups {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        line-height: 39px;
    }

    .zax-fyp-group > span > .dashicons-groups {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
}

@media (max-width: 520px) {
    .zax-page [class*="-grid"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .zax-page :is(.zax-product-grid, .zax-market-grid, .zax-stat-grid, .zax-market-metrics),
    .zax-modal-dialog .zax-checkout-spec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .zax-more-grid,
    .zax-more-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .zax-page :is(.zax-panel, article, section, form),
    .zax-modal-dialog,
    .zax-command-dialog,
    .zax-more-card {
        min-width: 0;
    }

    .zax-product-card,
    .zax-market-product-card {
        height: auto;
        min-height: 0;
    }

    .zax-product-card .zax-product-body h3,
    .zax-market-product-card .zax-product-body h3,
    .zax-product-card .zax-product-body > p,
    .zax-market-product-card .zax-product-body > p {
        display: block;
        min-height: 0;
        max-height: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        -webkit-box-orient: initial;
        -webkit-line-clamp: unset;
    }

    .zax-product-meta,
    .zax-product-meta span,
    .zax-market-product-trust,
    .zax-market-product-trust span {
        max-width: 100%;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .zax-product-footer,
    .zax-market-product-card .zax-product-footer {
        height: auto;
        min-width: 0;
        overflow: visible;
    }

    .zax-product-meta,
    .zax-market-product-trust {
        font-size: 8.5px;
        line-height: 1.4;
    }

    .zax-product-footer small {
        max-width: none;
        font-size: 8px;
        line-height: 1.35;
    }

    .zax-product-footer .zax-button {
        font-size: 9px;
    }

    .zax-more-grid > button {
        height: auto;
        min-height: 104px;
        overflow: visible;
    }

    .zax-more-grid :is(strong, small),
    .zax-wallet-actions strong,
    .zax-wallet-asset-list article :is(strong, small) {
        max-width: 100%;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .zax-wallet-asset-list article {
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: start;
    }

    .zax-wallet-asset-list article > span:last-child {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
    }

    .zax-topbar-actions {
        gap: 4px;
    }

    .zax-icon-button,
    .zax-notification-button,
    .zax-mode-switch {
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
    }

    .zax-fyp-nav {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 5px;
    }

    .zax-fyp-group {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        justify-content: center;
    }

    .zax-fyp-group > span {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 14px;
    }

    .zax-fyp-group > .dashicons-groups,
    .zax-fyp-group > span > .dashicons-groups {
        font-size: 26px;
    }

    .zax-fyp-group > .dashicons-groups {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        line-height: 42px;
    }

    .zax-fyp-group > span > .dashicons-groups {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
}

@media (max-width: 380px) {
    .zax-page :is(.zax-product-grid, .zax-market-grid) {
        gap: 8px !important;
    }

    .zax-product-card .zax-product-body,
    .zax-market-product-card .zax-product-body {
        padding: 10px;
    }

    .zax-product-card .zax-product-body h3,
    .zax-market-product-card .zax-product-body h3 {
        font-size: 12px;
        line-height: 1.3;
    }

    .zax-product-card .zax-product-body > p,
    .zax-market-product-card .zax-product-body > p {
        font-size: 10px !important;
        line-height: 1.5;
    }
}

/* ZaxSecurity 1.5.21 - adaptive Windows Marketplace and full-width mobile canvas. */
.zax-fyp-nav .zax-fyp-tabs {
    min-width: 0;
    justify-self: center;
    justify-content: center;
}

.zax-fyp-nav .zax-fyp-nav-actions {
    min-width: 0;
    justify-self: end;
}

.zax-fyp-share-options > button.is-already-reshared,
.zax-fyp-share-options > button:disabled {
    border-color: var(--zax-line);
    opacity: .68;
    cursor: not-allowed;
    transform: none;
}

/* Gold verification surfaces blended with the ZaxSecurity cyan-green brand. */
.zax-fyp-creator-line > b.is-vip,
.zax-profile-vip-badge,
.zax-member-profile-identity b[data-profile-vip-badge],
.zax-community-vip-badge,
.zax-member-vip {
    border-color: color-mix(in srgb, #f0c55c 62%, var(--zax-cyan));
    color: #09251d;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .5), transparent 34%),
        linear-gradient(135deg, #fff1b0 0%, #e8b747 47%, color-mix(in srgb, var(--zax-cyan) 78%, #f0c55c) 100%);
    box-shadow:
        0 7px 20px rgba(224, 170, 49, .2),
        0 0 0 1px color-mix(in srgb, var(--zax-cyan) 20%, transparent),
        inset 0 1px rgba(255, 255, 255, .62);
    text-shadow: none;
}

.zax-fyp-avatar.is-vip,
.zax-community-avatar.is-vip {
    border-color: color-mix(in srgb, #f0c55c 58%, var(--zax-cyan));
    background: linear-gradient(145deg, rgba(240, 197, 92, .13), color-mix(in srgb, var(--zax-cyan) 13%, transparent));
    box-shadow: 0 0 0 3px color-mix(in srgb, #f0c55c 12%, var(--zax-cyan) 7%), 0 10px 26px rgba(0, 0, 0, .22);
}

.zax-fyp-avatar > i,
.zax-community-avatar.is-vip > i,
.zax-member-profile-vendor > span {
    border-color: color-mix(in srgb, #f0c55c 52%, var(--zax-cyan));
    color: #08231b;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, .48), transparent 38%),
        linear-gradient(145deg, #ffeaa0, #e7b33f 48%, color-mix(in srgb, var(--zax-cyan) 82%, #e7b33f));
    box-shadow: 0 6px 18px rgba(225, 171, 45, .22), 0 0 14px color-mix(in srgb, var(--zax-cyan) 20%, transparent);
}

.zax-app[data-theme="light"] :is(.zax-fyp-creator-line > b.is-vip, .zax-profile-vip-badge, .zax-member-profile-identity b[data-profile-vip-badge], .zax-community-vip-badge, .zax-member-vip) {
    color: #12332a;
    box-shadow: 0 7px 18px rgba(159, 111, 23, .16), 0 0 0 1px rgba(7, 143, 105, .12), inset 0 1px #fff8d8;
}

.zax-fyp-detail-sheet > section {
    width: min(100%, 760px);
    height: min(850px, calc(var(--zax-visual-viewport-height, 100dvh) - 36px));
    min-height: 0;
    grid-template-rows: minmax(64px, auto) minmax(0, 1fr) minmax(66px, auto);
}

.zax-fyp-detail-sheet > section > header,
.zax-fyp-detail-sheet > section > footer {
    min-width: 0;
    flex: 0 0 auto;
}

.zax-fyp-detail-scroll {
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding-bottom: 20px;
    -webkit-overflow-scrolling: touch;
}

.zax-fyp-detail-scroll > *,
.zax-fyp-detail-extra > * {
    min-width: 0;
    max-width: 100%;
}

.zax-fyp-detail-visual[hidden] {
    display: none !important;
}

.zax-fyp-detail-visual :is(img, video, iframe) {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.zax-fyp-detail-author > div,
.zax-fyp-detail-author > div :is(strong, small),
.zax-fyp-detail-meta,
.zax-fyp-detail-scroll h2,
.zax-fyp-detail-copy,
.zax-fyp-detail-extra {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.zax-fyp-detail-author > div :is(strong, small),
.zax-fyp-detail-meta :is(span, time) {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.zax-fyp-detail-sheet > section > footer {
    flex-wrap: wrap;
}

.zax-fyp-detail-sheet > section > footer > span {
    min-width: 0;
    flex: 1 1 210px;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (min-width: 901px) {
    .zax-app:not(.is-sidebar-collapsed) .zax-marketplace-page .zax-market-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .zax-app.is-sidebar-collapsed .zax-marketplace-page .zax-market-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .zax-home-page {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-top: -24px !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        overflow-x: clip;
    }

    .zax-home-page .zax-home-hero {
        width: 100%;
        max-width: none;
        margin: 0 !important;
    }

    .zax-home-page .zax-home-trust,
    .zax-home-page .zax-home-readiness {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .zax-home-page :is(.zax-home-platform, .zax-home-products, .zax-home-testimonials, .zax-home-cta, .zax-faq-section) {
        width: 100%;
        max-width: none;
    }

    .zax-app.is-public-view .zax-site-footer {
        padding-right: 0;
        padding-left: 0;
    }

    .zax-app.is-public-view .zax-footer-shell {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-marketplace-page {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-top: -24px !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        overflow-x: clip;
    }

    .zax-marketplace-page .zax-market-hero,
    .zax-marketplace-page .zax-market-browser,
    .zax-marketplace-page .zax-market-how {
        width: 100%;
        max-width: none;
    }

    .zax-marketplace-page .zax-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .zax-fyp-detail-sheet > section {
        width: 100%;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        min-height: 0;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        grid-template-rows: minmax(60px, auto) minmax(0, 1fr) minmax(62px, auto);
    }

    .zax-fyp-detail-scroll {
        padding: 14px 13px calc(24px + env(safe-area-inset-bottom));
    }

    .zax-fyp-detail-visual {
        height: auto;
        min-height: 190px;
        max-height: 34dvh;
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 760px) {
    .zax-fyp-nav {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
    }

    .zax-fyp-nav .zax-fyp-tabs {
        width: 100%;
        gap: clamp(8px, 3vw, 16px);
    }

    .zax-fyp-nav .zax-fyp-tabs button {
        min-width: 0;
        white-space: nowrap;
    }

    .zax-fyp-nav .zax-fyp-nav-actions,
    .zax-fyp-nav .zax-fyp-create {
        width: 44px;
        min-width: 44px;
    }

    .zax-fyp-nav .zax-fyp-create {
        height: 44px;
        min-height: 44px;
        padding: 0;
        justify-content: center;
    }

    .zax-fyp-detail-author {
        grid-template-columns: 44px minmax(0, 1fr);
        align-items: end;
    }

    .zax-fyp-detail-author > b {
        grid-column: 1 / -1;
        justify-self: start;
        margin-top: 7px;
    }

    .zax-fyp-detail-meta {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 6px 12px;
    }

    .zax-fyp-detail-sheet > section > footer {
        gap: 8px;
        padding: 10px 12px;
    }

    .zax-fyp-detail-sheet > section > footer .zax-button {
        flex: 0 0 auto;
    }
}

/* 1.5.21: keep every mobile dock above iOS/Android system controls. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page {
        --zax-mobile-dock-edge: max(10px, env(safe-area-inset-bottom));
        --zax-mobile-dock-clearance: calc(80px + var(--zax-mobile-dock-edge));
    }

    body.zaxsecurity-portal-page .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        inset:
            auto
            max(10px, env(safe-area-inset-right))
            var(--zax-mobile-dock-edge)
            max(10px, env(safe-area-inset-left)) !important;
        width: auto !important;
        max-width: none !important;
        min-height: 66px !important;
        padding: 6px 8px !important;
        border: 1px solid color-mix(in srgb, var(--zax-cyan) 17%, var(--zax-line)) !important;
        border-radius: 22px !important;
        box-shadow:
            0 18px 46px rgba(0, 0, 0, .34),
            inset 0 1px rgba(255, 255, 255, .09) !important;
    }

    body.zaxsecurity-portal-page .zax-more-menu {
        z-index: 1300 !important;
    }

    body.zaxsecurity-portal-page .zax-more-backdrop {
        z-index: 0;
    }

    body.zaxsecurity-portal-page .zax-more-card {
        z-index: 2;
        bottom: var(--zax-mobile-dock-edge) !important;
        max-height: calc(
            var(--zax-visual-viewport-height, 100dvh)
            - max(12px, env(safe-area-inset-top))
            - var(--zax-mobile-dock-edge)
            - 12px
        ) !important;
    }

    .zax-app[data-theme="light"] .zax-mobile-dock,
    .zax-app[data-theme="light"] .zax-community-mobile-dock {
        border-color: rgba(42, 113, 91, .18) !important;
        box-shadow:
            0 17px 42px rgba(23, 57, 48, .17),
            inset 0 1px rgba(255, 255, 255, .86) !important;
    }

    .zax-seller-hero {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        align-items: start;
        column-gap: 13px;
        row-gap: 12px;
    }

    .zax-seller-hero > .zax-store-vector {
        grid-column: 1;
        grid-row: 1;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px;
        overflow: hidden;
    }

    .zax-seller-hero > div {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    .zax-seller-hero > div :is(.zax-eyebrow, h2, p) {
        max-width: 100%;
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

    .zax-seller-hero > em {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: 100%;
        justify-self: start;
        white-space: normal;
    }
}

@media (max-width: 360px) {
    .zax-seller-hero {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        column-gap: 11px;
    }

    .zax-seller-hero > .zax-store-vector {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px;
    }
}

/* 1.5.22: focused, tabbed VIP Seller Studio workspace. */
.zax-seller-tabs {
    position: sticky;
    z-index: 18;
    top: 0;
    display: grid;
    width: 100%;
    max-width: 1120px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0 auto 16px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 18%, var(--zax-line));
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018)),
        color-mix(in srgb, var(--zax-panel-solid) 88%, transparent);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .07);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
}

.zax-seller-tabs > button {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 58px;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 8px 11px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--zax-muted);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.zax-seller-tabs > button > .dashicons {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, currentColor 7%, transparent);
    font-size: 19px;
    line-height: 36px;
}

.zax-seller-tabs > button > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-seller-tabs strong {
    overflow: hidden;
    color: currentColor;
    font-size: 11px;
    font-weight: 720;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-seller-tabs small {
    overflow: hidden;
    margin-top: 2px;
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 480;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-seller-tabs > button > b {
    position: absolute;
    top: 5px;
    right: 6px;
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 5px;
    border: 2px solid var(--zax-panel-solid);
    border-radius: 999px;
    color: #062119;
    background: var(--zax-cyan);
    font-size: 8px;
    line-height: 1;
}

.zax-seller-tabs > button:hover,
.zax-seller-tabs > button:focus-visible {
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .035);
    outline: none;
}

.zax-seller-tabs > button:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--zax-cyan) 38%, transparent);
}

.zax-seller-tabs > button.is-active {
    border-color: color-mix(in srgb, var(--zax-cyan) 25%, var(--zax-line));
    color: var(--zax-cyan);
    background:
        radial-gradient(circle at 16% 0, rgba(81, 230, 189, .16), transparent 46%),
        linear-gradient(145deg, rgba(81, 230, 189, .09), rgba(154, 140, 255, .055));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 25px rgba(18, 103, 80, .09);
}

.zax-seller-panel {
    width: 100%;
    max-width: 1120px;
    min-width: 0;
    margin: 0 auto;
    animation: zax-seller-panel-enter .24s ease both;
}

.zax-seller-panel[hidden] {
    display: none !important;
}

.zax-seller-panel:focus {
    outline: none;
}

.zax-seller-panel .zax-seller-hero,
.zax-seller-panel .zax-vendor-plan-grid,
.zax-seller-panel .zax-seller-layout,
.zax-seller-panel .zax-seller-listings {
    width: 100%;
    max-width: none;
}

.zax-seller-layout-create {
    grid-template-columns: minmax(0, 1fr);
}

.zax-seller-layout-create > :is(.zax-seller-form, .zax-seller-locked-card) {
    width: 100%;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
}

.zax-seller-launch-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    margin-top: 13px;
}

.zax-seller-launch-grid > button {
    display: grid;
    min-width: 0;
    min-height: 118px;
    grid-template-columns: 42px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 10px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 100% 0, rgba(154, 140, 255, .08), transparent 40%),
        color-mix(in srgb, var(--zax-panel) 95%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 14px 32px rgba(0, 0, 0, .065);
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.zax-seller-launch-grid > button:hover,
.zax-seller-launch-grid > button:focus-visible {
    border-color: color-mix(in srgb, var(--zax-cyan) 32%, var(--zax-line));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 18px 38px rgba(19, 109, 84, .1);
    transform: translateY(-2px);
    outline: none;
}

.zax-seller-launch-grid > button > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .12), rgba(154, 140, 255, .07));
}

.zax-seller-launch-grid > button > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-seller-launch-grid small {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 760;
    text-transform: uppercase;
}

.zax-seller-launch-grid strong {
    margin: 2px 0 4px;
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 12px;
}

.zax-seller-launch-grid p {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.45;
}

.zax-seller-launch-grid > button > .dashicons {
    color: var(--zax-muted);
}

.zax-seller-launch-grid > button > b {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 8px;
    color: #062119;
    background: var(--zax-cyan);
    font-size: 9px;
}

.zax-app[data-theme="light"] .zax-seller-tabs {
    border-color: rgba(37, 117, 92, .17);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(242, 249, 246, .72)),
        rgba(238, 247, 242, .88);
    box-shadow: 0 14px 38px rgba(23, 57, 48, .11), inset 0 1px rgba(255, 255, 255, .9);
}

.zax-app[data-theme="light"] .zax-seller-tabs > button.is-active {
    color: #137b5d;
    background: linear-gradient(145deg, rgba(81, 230, 189, .15), rgba(154, 140, 255, .07));
}

@keyframes zax-seller-panel-enter {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
    .zax-seller-studio {
        padding-top: 0 !important;
    }

    .zax-seller-tabs {
        top: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 3px;
        margin-bottom: 0;
        padding: 6px max(6px, env(safe-area-inset-right)) 6px max(6px, env(safe-area-inset-left));
        border-right: 0;
        border-left: 0;
        border-radius: 0 0 18px 18px;
    }

    .zax-seller-tabs > button {
        min-height: 62px;
        grid-template-columns: 1fr;
        grid-template-rows: 25px auto;
        place-items: center;
        gap: 3px;
        padding: 5px 2px;
        border-radius: 12px;
        text-align: center;
    }

    .zax-seller-tabs > button > .dashicons {
        width: 25px;
        height: 25px;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 21px;
        line-height: 25px;
    }

    .zax-seller-tabs > button > span {
        align-items: center;
    }

    .zax-seller-tabs strong {
        width: 100%;
        font-size: 9px;
        line-height: 1.15;
        text-align: center;
    }

    .zax-seller-tabs small {
        display: none;
    }

    .zax-seller-tabs > button > b {
        top: 2px;
        right: calc(50% - 23px);
    }

    .zax-seller-panel {
        padding-top: 12px;
    }

    .zax-seller-launch-grid {
        grid-template-columns: 1fr;
        margin: 12px 10px 0;
    }

    .zax-seller-launch-grid > button {
        min-height: 96px;
    }

    .zax-seller-panel[data-seller-panel="setup"],
    .zax-seller-panel[data-seller-panel="create"],
    .zax-seller-panel[data-seller-panel="listings"] {
        padding-top: 10px;
    }

    .zax-seller-panel[data-seller-panel="listings"] .zax-seller-listings {
        margin: 0;
    }
}

/* 1.5.23: one reliable, app-height scroll surface across every mobile Seller Studio tab. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-main {
        display: flex;
        height: auto !important;
        min-height: 0 !important;
        flex: 1 1 auto;
        flex-direction: column;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-top {
        position: relative !important;
        z-index: 30;
        top: auto !important;
        flex: 0 0 auto;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-seller-studio:not([hidden]) {
        display: block !important;
        width: 100%;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: 1 1 auto;
        padding: 0 0 calc(30px + var(--zax-mobile-dock-clearance)) !important;
        overflow-x: clip !important;
        overflow-y: auto !important;
        overscroll-behavior-x: none;
        overscroll-behavior-y: contain;
        scroll-padding-top: 76px;
        scroll-padding-bottom: calc(30px + var(--zax-mobile-dock-clearance));
        scrollbar-gutter: auto;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }

    .zax-community-page.is-seller-active .zax-seller-tabs {
        position: sticky;
        z-index: 32;
        top: 0;
    }

    .zax-community-page.is-seller-active .zax-seller-panel,
    .zax-community-page.is-seller-active .zax-seller-panel > *,
    .zax-community-page.is-seller-active .zax-seller-panel :is(.zax-vendor-plan-grid, .zax-seller-layout, .zax-seller-form, .zax-seller-listings, .zax-vendor-onboarding) {
        height: auto !important;
        max-height: none !important;
        min-height: 0;
        overflow: visible;
    }

    .zax-community-page.is-seller-active .zax-seller-panel[hidden] {
        display: none !important;
    }

    .zax-community-page.is-seller-active .zax-seller-panel:last-child,
    .zax-community-page.is-seller-active .zax-seller-panel > :last-child {
        margin-bottom: 0;
    }

    .zax-community-page.is-seller-active .zax-seller-studio :is(input, select, textarea, button) {
        scroll-margin-top: 82px;
        scroll-margin-bottom: calc(28px + var(--zax-mobile-dock-clearance));
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-community-page.is-seller-active .zax-seller-studio {
        scroll-padding-bottom: 32px;
    }
}

/* 1.5.23: viewport-safe full-post dialog with every edge, control, and line reachable. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-fyp-overlay-open .zax-fyp-detail-sheet:not([hidden]) {
        position: fixed !important;
        z-index: 1600 !important;
        inset: var(--zax-visual-viewport-top, 0px) 0 auto !important;
        display: grid !important;
        width: 100vw !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        max-width: 100vw !important;
        max-height: var(--zax-visual-viewport-height, 100dvh) !important;
        place-items: stretch !important;
        box-sizing: border-box;
        padding:
            max(12px, env(safe-area-inset-top))
            max(12px, env(safe-area-inset-right))
            max(12px, env(safe-area-inset-bottom))
            max(12px, env(safe-area-inset-left)) !important;
        overflow: visible !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-overlay-open .zax-fyp-detail-sheet > section {
        align-self: stretch;
        width: 100% !important;
        height: 100% !important;
        min-width: 0;
        min-height: 0;
        max-width: none !important;
        max-height: 100% !important;
        grid-template-rows: minmax(60px, auto) minmax(0, 1fr) minmax(62px, auto);
        box-sizing: border-box;
        overflow: hidden !important;
        border: 1px solid color-mix(in srgb, var(--zax-cyan) 28%, var(--zax-line)) !important;
        border-radius: 22px !important;
    }

    .zax-fyp-detail-sheet > section > header,
    .zax-fyp-detail-sheet > section > footer {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    .zax-fyp-detail-sheet > section > header {
        gap: 10px;
        padding: 10px 12px;
    }

    .zax-fyp-detail-sheet > section > header > span {
        min-width: 0;
    }

    .zax-fyp-detail-sheet > section > header button[data-fyp-detail-close] {
        position: relative;
        inset: auto;
        display: grid;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        flex: 0 0 40px;
        place-items: center;
        margin: 0;
        padding: 0 !important;
        overflow: visible;
        border-radius: 13px;
    }

    .zax-fyp-detail-sheet > section > header button[data-fyp-detail-close] .dashicons {
        width: 22px;
        height: 22px;
        font-size: 22px;
        line-height: 22px;
    }

    .zax-fyp-detail-scroll {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        max-height: none !important;
        box-sizing: border-box;
        padding: 14px 13px calc(24px + env(safe-area-inset-bottom));
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scroll-padding-top: 14px;
        scroll-padding-bottom: calc(24px + env(safe-area-inset-bottom));
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }

    .zax-fyp-detail-copy,
    .zax-fyp-detail-extra {
        max-height: none !important;
        overflow: visible !important;
        overflow-wrap: anywhere;
    }

    .zax-fyp-detail-sheet > section > footer {
        gap: 8px;
        padding: 10px 12px;
    }
}

@media (max-width: 360px) {
    .zax-seller-tabs {
        gap: 1px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .zax-seller-tabs > button {
        min-height: 58px;
        padding-right: 1px;
        padding-left: 1px;
    }

    .zax-seller-tabs strong {
        font-size: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-seller-panel,
    .zax-seller-tabs > button,
    .zax-seller-launch-grid > button {
        animation: none !important;
        transition: none !important;
    }
}

/* 1.5.24: keep at least five complete member rows visible in the Cyber FYP desktop rail. */
@media (min-width: 761px) {
    .zax-community-page.is-fyp-active .zax-community-rail {
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--zax-cyan) 28%, transparent) transparent;
    }

    .zax-community-page.is-fyp-active .zax-community-brand,
    .zax-community-page.is-fyp-active .zax-community-rail > nav,
    .zax-community-page.is-fyp-active .zax-community-mini-members,
    .zax-community-page.is-fyp-active .zax-community-rail-footer {
        flex-shrink: 0;
    }

    .zax-community-page.is-fyp-active .zax-community-brand {
        padding: 12px 14px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav {
        gap: 3px;
        padding: 8px 9px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav button {
        min-height: 44px;
        padding: 5px 8px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav button > .dashicons {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .zax-community-page.is-fyp-active .zax-community-mini-members {
        min-height: 400px !important;
        max-height: 400px;
        flex: 0 0 400px !important;
        margin-top: 7px;
        margin-bottom: 7px;
        scroll-padding-top: 48px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail-footer {
        margin-top: 0;
    }
}

/* 1.5.25: keep the full five-member card inside the visible Windows FYP rail. */
@media (min-width: 901px) {
    .zax-community-page.is-fyp-active .zax-community-rail {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        padding: 8px 9px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav button {
        display: grid;
        min-width: 0;
        min-height: 48px;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 6px;
        padding: 5px 7px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav button > .dashicons {
        width: 28px;
        height: 28px;
        font-size: 15px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav button > span {
        min-width: 0;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav strong {
        overflow: visible;
        font-size: 9px;
        line-height: 1.2;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav small {
        display: none;
    }

    .zax-community-page.is-fyp-active .zax-community-rail > nav b {
        position: absolute;
        top: 4px;
        right: 4px;
        min-width: 17px;
        padding: 2px 4px;
    }

    .zax-community-page.is-fyp-active .zax-community-mini-members {
        width: auto;
        min-width: 0;
        overflow-x: hidden;
    }
}

@media (min-width: 901px) and (max-height: 820px) {
    .zax-community-page.is-fyp-active .zax-community-brand {
        padding: 10px 12px;
    }

    .zax-community-page.is-fyp-active .zax-community-rail-footer {
        display: none;
    }
}

/* 1.5.29: one consistent Windows Community rail and member card on every Community view. */
@media (min-width: 901px) {
    .zax-community-page.is-active .zax-community-rail {
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--zax-cyan) 28%, transparent) transparent;
    }

    .zax-community-page.is-active .zax-community-brand,
    .zax-community-page.is-active .zax-community-rail > nav,
    .zax-community-page.is-active .zax-community-mini-members,
    .zax-community-page.is-active .zax-community-rail-footer {
        flex-shrink: 0;
    }

    .zax-community-page.is-active .zax-community-brand {
        padding: 12px 14px;
    }

    .zax-community-page.is-active .zax-community-rail > nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        padding: 8px 9px;
    }

    .zax-community-page.is-active .zax-community-rail > nav button {
        display: grid;
        min-width: 0;
        min-height: 48px;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 6px;
        padding: 5px 7px;
    }

    .zax-community-page.is-active .zax-community-rail > nav button > .dashicons {
        width: 28px;
        height: 28px;
        font-size: 15px;
    }

    .zax-community-page.is-active .zax-community-rail > nav button > span {
        min-width: 0;
    }

    .zax-community-page.is-active .zax-community-rail > nav strong {
        overflow: visible;
        font-size: 9px;
        line-height: 1.2;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

    .zax-community-page.is-active .zax-community-rail > nav small {
        display: none;
    }

    .zax-community-page.is-active .zax-community-rail > nav b {
        position: absolute;
        top: 4px;
        right: 4px;
        min-width: 17px;
        padding: 2px 4px;
    }

    .zax-community-page.is-active .zax-community-mini-members {
        display: block !important;
        width: auto;
        min-width: 0;
        height: 370px;
        min-height: 370px !important;
        max-height: 370px;
        flex: 0 0 370px !important;
        margin-top: 7px;
        margin-bottom: 7px;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-padding-top: 48px;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--zax-cyan) 34%, transparent) transparent;
    }

    .zax-community-page.is-active .zax-community-mini-members > div {
        position: sticky;
        z-index: 2;
        top: -13px;
        min-height: 48px;
        padding-top: 13px;
        background: color-mix(in srgb, var(--zax-panel-2) 94%, transparent);
        backdrop-filter: blur(16px) saturate(135%);
        -webkit-backdrop-filter: blur(16px) saturate(135%);
    }

    .zax-app[data-theme="light"] .zax-community-page.is-active .zax-community-mini-members > div {
        background: rgba(248, 252, 250, .94);
    }
}

@media (min-width: 901px) and (max-height: 820px) {
    .zax-community-page.is-active .zax-community-brand {
        padding: 10px 12px;
    }

    .zax-community-page.is-active .zax-community-rail-footer {
        display: none;
    }
}

/* 1.5.22: consistent medium silk action controls on Windows. */
@media (min-width: 901px) {
    .zax-app .zax-button {
        width: auto;
        min-width: 0;
        min-height: 38px !important;
        max-height: none;
        gap: 7px;
        padding: 8px 13px !important;
        border-width: 1px;
        border-radius: 11px !important;
        font-size: 11px !important;
        font-weight: 650;
        line-height: 1.2 !important;
        letter-spacing: .005em;
        white-space: normal;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 20px rgba(0, 0, 0, .09);
        transform: translateZ(0);
        transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .zax-app .zax-button:not(.zax-button-block) {
        max-width: min(100%, 280px);
    }

    .zax-app .zax-button-block {
        width: auto !important;
        min-width: clamp(150px, 16vw, 210px);
        max-width: min(100%, 280px);
        min-height: 40px !important;
        align-self: flex-start;
    }

    .zax-app :is(.zax-auth-card, .zax-modal-footer) .zax-button-block {
        width: min(100%, 280px) !important;
        margin-right: auto;
        margin-left: auto;
        align-self: center;
    }

    .zax-app .zax-button .dashicons,
    .zax-app .zax-button > svg {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        font-size: 16px;
        line-height: 16px;
    }

    .zax-app .zax-button-primary {
        border-color: rgba(125, 244, 210, .34);
        color: #052219;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .22), transparent 52%),
            linear-gradient(135deg, #72edc9, #35c99d);
        box-shadow: inset 0 1px rgba(255, 255, 255, .38), 0 9px 22px rgba(45, 202, 158, .15);
    }

    .zax-app .zax-button-secondary,
    .zax-app .zax-button-light {
        border-color: color-mix(in srgb, var(--zax-cyan) 14%, var(--zax-line-strong));
        color: var(--zax-text);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .015)),
            color-mix(in srgb, var(--zax-panel) 88%, transparent);
        backdrop-filter: blur(12px) saturate(130%);
        -webkit-backdrop-filter: blur(12px) saturate(130%);
    }

    .zax-app .zax-button-danger {
        border-color: rgba(255, 118, 109, .28);
        color: #ff9891;
        background: linear-gradient(145deg, rgba(255, 118, 109, .1), rgba(255, 118, 109, .035));
    }

    .zax-app .zax-button:hover:not(:disabled):not(.is-disabled),
    .zax-app .zax-button:focus-visible:not(:disabled):not(.is-disabled) {
        border-color: color-mix(in srgb, var(--zax-cyan) 34%, var(--zax-line));
        box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 12px 26px rgba(0, 0, 0, .13);
        transform: translateY(-1px);
        outline: none;
    }

    .zax-app .zax-button:focus-visible {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--zax-cyan) 24%, transparent), 0 10px 24px rgba(0, 0, 0, .12);
    }

    .zax-app .zax-button:active:not(:disabled):not(.is-disabled) {
        box-shadow: inset 0 2px 5px rgba(0, 0, 0, .12), 0 5px 14px rgba(0, 0, 0, .08);
        transform: translateY(0) scale(.985);
    }

    .zax-app .zax-button-small,
    .zax-app .zax-table-action,
    .zax-app .zax-pagination button,
    .zax-app .zax-product-filter button {
        min-height: 32px !important;
        padding: 6px 10px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }

    .zax-app[data-theme="light"] .zax-button-secondary,
    .zax-app[data-theme="light"] .zax-button-light {
        border-color: rgba(31, 105, 82, .17);
        color: #173d32;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(240, 248, 244, .78)),
            rgba(242, 249, 246, .88);
        box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 8px 20px rgba(23, 57, 48, .08);
    }
}

.zax-install-dialog {
    width: calc(100% - 32px);
    max-width: 820px;
}

.zax-install-platform-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.zax-install-platform {
    min-width: 0;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0, rgba(154, 140, 255, .08), transparent 38%),
        color-mix(in srgb, var(--zax-panel) 94%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 13px 32px rgba(0, 0, 0, .065);
}

.zax-install-platform.is-current-device {
    border-color: color-mix(in srgb, var(--zax-cyan) 38%, var(--zax-line));
    background:
        radial-gradient(circle at 100% 0, rgba(81, 230, 189, .15), transparent 42%),
        color-mix(in srgb, var(--zax-panel) 95%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 16px 38px rgba(35, 178, 137, .1);
}

.zax-install-platform > header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.zax-install-platform > header > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .12), rgba(154, 140, 255, .08));
}

.zax-install-platform > header > span .dashicons {
    width: 21px;
    height: 21px;
    font-size: 21px;
    line-height: 21px;
}

.zax-install-platform > header > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-install-platform > header small {
    color: var(--zax-cyan);
    font-size: 8px;
    font-weight: 760;
    text-transform: uppercase;
}

.zax-install-platform > header strong {
    margin-top: 2px;
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 12px;
}

.zax-install-platform .zax-install-steps {
    margin-top: 12px;
}

.zax-install-platform .zax-install-steps > span {
    align-items: start;
    padding: 9px;
}

.zax-install-body .zax-modal-footer {
    justify-content: flex-end;
}

.zax-app[data-theme="light"] .zax-install-platform {
    border-color: rgba(30, 100, 79, .13);
    background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(240, 248, 244, .7));
    box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 13px 30px rgba(23, 57, 48, .08);
}

@media (max-width: 700px) {
    .zax-install-dialog {
        width: 100%;
        max-width: none;
    }

    .zax-install-body {
        padding: 15px 13px max(15px, env(safe-area-inset-bottom));
    }

    .zax-install-platform-grid {
        grid-template-columns: 1fr;
    }

    .zax-install-platform {
        padding: 12px;
    }

    .zax-install-body .zax-modal-footer {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-install-body .zax-modal-footer .zax-button {
        width: 100%;
        max-width: none;
    }
}

/* 1.5.30: Community member profiles are full-screen app pages, never popup cards. */
.zax-member-profile-page {
    position: fixed !important;
    z-index: 1100 !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: var(--zax-visual-viewport-height, 100dvh) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 92% 0, rgba(154, 140, 255, .12), transparent 30%),
        radial-gradient(circle at 6% 100%, rgba(81, 230, 189, .1), transparent 32%),
        var(--zax-bg) !important;
    isolation: isolate;
}

.zax-member-profile-page[hidden] {
    display: none !important;
}

.zax-member-profile-page > section {
    position: relative;
    display: grid !important;
    width: 100vw !important;
    max-width: none !important;
    height: var(--zax-visual-viewport-height, 100dvh) !important;
    max-height: none !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none;
    color: var(--zax-text);
    background: transparent !important;
    box-shadow: none !important;
    animation: zax-page-in .24s ease both;
}

.zax-member-profile-page > section > header {
    position: relative;
    z-index: 5;
    display: grid;
    min-height: calc(68px + env(safe-area-inset-top));
    grid-template-columns: 42px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 12px;
    padding: max(12px, env(safe-area-inset-top)) clamp(14px, 3vw, 42px) 12px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-bg) 88%, transparent);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .1);
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}

.zax-member-profile-page > section > header > button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 13px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel-2) 82%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 20px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.zax-member-profile-page > section > header > button:focus-visible {
    outline: 2px solid var(--zax-cyan);
    outline-offset: 2px;
}

.zax-member-profile-page > section > header > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-member-profile-page > section > header small {
    color: var(--zax-cyan);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-member-profile-page > section > header strong {
    margin-top: 2px;
    overflow: visible;
    color: var(--zax-text);
    font-size: 14px;
    line-height: 1.2;
    overflow-wrap: anywhere;
    white-space: normal;
}

.zax-member-profile-page > section > header > b {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .15);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
}

.zax-member-profile-page .zax-member-profile-scroll {
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 0 max(50px, env(safe-area-inset-bottom)) !important;
    scroll-padding: calc(72px + env(safe-area-inset-top)) 0 max(50px, env(safe-area-inset-bottom));
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.zax-member-profile-page .zax-member-profile-cover {
    width: 100%;
    height: clamp(220px, 34vh, 360px);
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
}

.zax-member-profile-page .zax-member-profile-identity,
.zax-member-profile-page .zax-member-profile-bio,
.zax-member-profile-page .zax-member-profile-vendor,
.zax-member-profile-page .zax-member-profile-stats,
.zax-member-profile-page .zax-member-profile-actions,
.zax-member-profile-page .zax-member-profile-card-grid {
    width: auto;
    max-width: 1180px;
    margin-right: max(16px, calc((100vw - 1180px) / 2));
    margin-left: max(16px, calc((100vw - 1180px) / 2));
}

.zax-member-profile-page .zax-member-profile-identity {
    margin-top: -46px;
}

.zax-app[data-theme="light"] .zax-member-profile-page {
    background:
        radial-gradient(circle at 92% 0, rgba(111, 91, 226, .1), transparent 30%),
        radial-gradient(circle at 6% 100%, rgba(7, 143, 105, .1), transparent 32%),
        var(--zax-bg) !important;
}

.zax-app[data-theme="light"] .zax-member-profile-page > section > header {
    background: rgba(241, 247, 244, .9);
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-mobile-dock,
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-community-mobile-dock {
    visibility: hidden !important;
    pointer-events: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-community-page.is-active {
    animation: none !important;
    transform: none !important;
}

@media (max-width: 760px) {
    .zax-member-profile-page > section > header {
        min-height: calc(62px + env(safe-area-inset-top));
        grid-template-columns: 40px minmax(0, 1fr) 36px;
        gap: 9px;
        padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));
    }

    .zax-member-profile-page > section > header > button {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .zax-member-profile-page > section > header > b {
        width: 36px;
        height: 36px;
    }

    .zax-member-profile-page .zax-member-profile-cover {
        height: clamp(205px, 30vh, 290px);
    }

    .zax-member-profile-page .zax-member-profile-identity,
    .zax-member-profile-page .zax-member-profile-bio,
    .zax-member-profile-page .zax-member-profile-vendor,
    .zax-member-profile-page .zax-member-profile-stats,
    .zax-member-profile-page .zax-member-profile-actions,
    .zax-member-profile-page .zax-member-profile-card-grid {
        margin-right: max(12px, env(safe-area-inset-right));
        margin-left: max(12px, env(safe-area-inset-left));
    }

    .zax-member-profile-page .zax-member-profile-scroll {
        padding-bottom: max(28px, env(safe-area-inset-bottom)) !important;
        scroll-padding-bottom: max(28px, env(safe-area-inset-bottom));
    }
}

/* 1.5.30: Wallet and ZaxSignals Live use the full app canvas on every device. */
@media (min-width: 761px) {
    .zax-wallet-page,
    .zax-live-page {
        width: calc(100% + clamp(18px, 3.4vw, 54px) + clamp(18px, 3.4vw, 54px)) !important;
        max-width: none !important;
        margin-top: calc(0px - clamp(24px, 3vw, 46px)) !important;
        margin-right: calc(0px - clamp(18px, 3.4vw, 54px)) !important;
        margin-left: calc(0px - clamp(18px, 3.4vw, 54px)) !important;
        padding: clamp(24px, 3vw, 46px) clamp(18px, 3.4vw, 54px) 72px;
        overflow-x: clip;
        background:
            radial-gradient(circle at 92% 0, rgba(154, 140, 255, .055), transparent 28%),
            radial-gradient(circle at 5% 100%, rgba(81, 230, 189, .05), transparent 30%);
    }

    .zax-wallet-page .zax-wallet-layout {
        grid-template-columns: minmax(340px, .88fr) minmax(0, 1.12fr);
    }
}

@media (max-width: 760px) {
    .zax-wallet-page,
    .zax-live-page {
        width: 100vw !important;
        max-width: none !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        overflow-x: clip;
    }

    .zax-wallet-page {
        margin-top: -14px !important;
    }

    .zax-live-page {
        margin-top: -24px !important;
        padding-bottom: calc(24px + var(--zax-mobile-dock-clearance));
    }

    .zax-wallet-page .zax-wallet-titlebar {
        padding-right: max(14px, env(safe-area-inset-right));
        padding-left: max(14px, env(safe-area-inset-left));
    }

    .zax-wallet-page .zax-wallet-portfolio {
        width: 100%;
        padding-right: max(14px, env(safe-area-inset-right));
        padding-left: max(14px, env(safe-area-inset-left));
    }

    .zax-wallet-page .zax-wallet-layout {
        margin-right: max(10px, env(safe-area-inset-right));
        margin-left: max(10px, env(safe-area-inset-left));
    }

    .zax-wallet-page .zax-transaction-panel {
        margin-right: max(10px, env(safe-area-inset-right));
        margin-left: max(10px, env(safe-area-inset-left));
    }

    .zax-live-page .zax-live-hero {
        width: 100%;
        margin: 0 !important;
        padding-right: max(20px, env(safe-area-inset-right));
        padding-left: max(20px, env(safe-area-inset-left));
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .zax-live-page .zax-live-info-grid,
    .zax-live-page .zax-live-detail-grid {
        margin-right: max(12px, env(safe-area-inset-right));
        margin-left: max(12px, env(safe-area-inset-left));
    }
}

/* 1.5.30: a detailed, lightweight silk chart for the member Dashboard. */
.zax-learning-chart {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% -12%, rgba(154, 140, 255, .16), transparent 38%),
        radial-gradient(circle at -8% 105%, rgba(81, 230, 189, .12), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel) 94%, transparent), color-mix(in srgb, var(--zax-panel-solid) 97%, transparent));
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 22px 58px rgba(0, 0, 0, .12);
}

.zax-learning-chart::before {
    position: absolute;
    z-index: -1;
    top: -120px;
    right: -80px;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(154, 140, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 90px rgba(154, 140, 255, .08), inset 0 0 70px rgba(81, 230, 189, .035);
    content: "";
}

.zax-learning-chart .zax-card-heading {
    align-items: flex-start;
}

.zax-learning-chart .zax-card-heading p {
    max-width: 470px;
}

.zax-learning-chart .zax-chart-summary {
    min-width: 82px;
    padding: 9px 11px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 13px;
    background: rgba(81, 230, 189, .045);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}

.zax-chart-summary > span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--zax-muted);
    font-size: 7px;
    font-weight: 760;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zax-chart-summary > span i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 0 4px rgba(81, 230, 189, .09), 0 0 14px rgba(81, 230, 189, .65);
    animation: zax-pulse 1.8s ease-in-out infinite;
}

.zax-learning-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.zax-learning-kpis > span {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 8px;
    padding: 10px 11px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .022);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.zax-learning-kpis small {
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-learning-kpis strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 13px;
}

.zax-learning-kpis em {
    align-self: center;
    color: var(--zax-cyan);
    font-size: 8px;
    font-style: normal;
    font-weight: 760;
}

.zax-silk-chart-plot {
    height: 292px;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    margin-top: 14px;
}

.zax-silk-chart-plot .zax-chart-y {
    padding: 5px 0 31px;
    font-size: 7px;
}

.zax-silk-chart-canvas {
    position: relative;
    min-width: 0;
    height: 100%;
    overflow: visible;
}

.zax-silk-chart-canvas > svg {
    position: absolute;
    inset: 0 0 30px;
    width: 100%;
    height: calc(100% - 30px);
    overflow: visible;
}

.zax-silk-grid line {
    stroke: var(--zax-line);
    stroke-width: 1;
    stroke-dasharray: 3 7;
    vector-effect: non-scaling-stroke;
}

.zax-silk-bars rect {
    fill: url(#zax-dashboard-bar);
    opacity: .78;
    transform-box: fill-box;
    transform-origin: center bottom;
}

.zax-silk-area {
    fill: url(#zax-dashboard-area);
}

.zax-silk-line {
    fill: none;
    stroke: url(#zax-dashboard-line);
    stroke-width: 3;
    stroke-linecap: round;
    filter: url(#zax-dashboard-glow);
    vector-effect: non-scaling-stroke;
}

.zax-silk-points circle {
    fill: var(--zax-violet);
    stroke: var(--zax-panel-solid);
    stroke-width: 3;
    filter: url(#zax-dashboard-glow);
    vector-effect: non-scaling-stroke;
    transform-box: fill-box;
    transform-origin: center;
}

.zax-silk-points circle.is-current {
    fill: var(--zax-cyan);
    stroke: color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-panel-solid));
}

.zax-silk-chart-hotspots {
    position: absolute;
    z-index: 4;
    inset: 0 0 30px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.zax-silk-chart-hotspots > button {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    cursor: crosshair;
    touch-action: manipulation;
}

.zax-silk-chart-hotspots > button::after {
    position: absolute;
    top: 8px;
    bottom: 4px;
    left: 50%;
    width: 1px;
    background: linear-gradient(transparent, color-mix(in srgb, var(--zax-cyan) 42%, transparent), transparent);
    content: "";
    opacity: 0;
    transition: opacity .18s ease;
}

.zax-silk-chart-hotspots > button > span {
    position: absolute;
    z-index: 3;
    top: var(--tip-top);
    left: 50%;
    display: flex;
    width: 154px;
    max-width: min(154px, calc(100vw - 40px));
    flex-direction: column;
    gap: 5px;
    padding: 9px 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 12px;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel-solid) 93%, transparent);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .07);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(-100% - 9px)) scale(.94);
    transform-origin: center bottom;
    transition: opacity .18s ease, transform .18s ease;
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    backdrop-filter: blur(18px) saturate(145%);
}

.zax-silk-chart-hotspots > button:first-child > span {
    left: 0;
    transform: translate(0, calc(-100% - 9px)) scale(.94);
    transform-origin: left bottom;
}

.zax-silk-chart-hotspots > button:last-child > span {
    right: 0;
    left: auto;
    transform: translate(0, calc(-100% - 9px)) scale(.94);
    transform-origin: right bottom;
}

.zax-silk-chart-hotspots > button:is(:hover, :focus-visible, :focus)::after,
.zax-silk-chart-hotspots > button:is(:hover, :focus-visible, :focus) > span {
    opacity: 1;
}

.zax-silk-chart-hotspots > button:is(:hover, :focus-visible, :focus) > span {
    transform: translate(-50%, calc(-100% - 9px)) scale(1);
}

.zax-silk-chart-hotspots > button:first-child:is(:hover, :focus-visible, :focus) > span,
.zax-silk-chart-hotspots > button:last-child:is(:hover, :focus-visible, :focus) > span {
    transform: translate(0, calc(-100% - 9px)) scale(1);
}

.zax-silk-chart-hotspots strong {
    font-size: 9px;
}

.zax-silk-chart-hotspots small {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    align-items: center;
    gap: 4px;
    color: var(--zax-muted);
    font-size: 7px;
}

.zax-silk-chart-hotspots :is(i, b) {
    color: var(--zax-cyan);
    font-size: 8px;
    font-style: normal;
}

.zax-silk-chart-hotspots b {
    color: var(--zax-violet);
}

.zax-silk-chart-days {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    height: 30px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: end;
    color: var(--zax-muted);
    font-size: 7px;
    text-align: center;
}

.zax-silk-chart-legend {
    align-items: center;
    flex-wrap: wrap;
}

.zax-silk-chart-legend > em {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--zax-muted);
    font-size: 7px;
    font-style: normal;
}

.zax-silk-chart-legend > em .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-cyan);
    font-size: 13px;
}

.zax-chart-animated .zax-silk-bars rect {
    transform: scaleY(0);
}

.zax-chart-animated .zax-silk-area {
    opacity: 0;
    transform: scaleY(0);
    transform-box: fill-box;
    transform-origin: bottom;
}

.zax-chart-animated .zax-silk-line {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}

.zax-chart-animated .zax-silk-points circle {
    opacity: 0;
    transform: scale(0);
}

.zax-chart-animated.is-chart-visible .zax-silk-bars rect {
    animation: zax-silk-bar-in .72s cubic-bezier(.2, .82, .2, 1) both;
}

.zax-chart-animated.is-chart-visible .zax-silk-bars rect:nth-child(2) { animation-delay: .05s; }
.zax-chart-animated.is-chart-visible .zax-silk-bars rect:nth-child(3) { animation-delay: .1s; }
.zax-chart-animated.is-chart-visible .zax-silk-bars rect:nth-child(4) { animation-delay: .15s; }
.zax-chart-animated.is-chart-visible .zax-silk-bars rect:nth-child(5) { animation-delay: .2s; }
.zax-chart-animated.is-chart-visible .zax-silk-bars rect:nth-child(6) { animation-delay: .25s; }
.zax-chart-animated.is-chart-visible .zax-silk-bars rect:nth-child(7) { animation-delay: .3s; }

.zax-chart-animated.is-chart-visible .zax-silk-area {
    animation: zax-readiness-area-in .8s ease .34s both;
}

.zax-chart-animated.is-chart-visible .zax-silk-line {
    animation: zax-readiness-draw 1.2s cubic-bezier(.35, .02, .18, 1) .25s both;
}

.zax-chart-animated.is-chart-visible .zax-silk-points circle {
    animation: zax-readiness-point .34s cubic-bezier(.2, .85, .25, 1.35) .62s both;
}

.zax-chart-animated.is-chart-visible .zax-silk-points circle:nth-child(2) { animation-delay: .69s; }
.zax-chart-animated.is-chart-visible .zax-silk-points circle:nth-child(3) { animation-delay: .76s; }
.zax-chart-animated.is-chart-visible .zax-silk-points circle:nth-child(4) { animation-delay: .83s; }
.zax-chart-animated.is-chart-visible .zax-silk-points circle:nth-child(5) { animation-delay: .9s; }
.zax-chart-animated.is-chart-visible .zax-silk-points circle:nth-child(6) { animation-delay: .97s; }
.zax-chart-animated.is-chart-visible .zax-silk-points circle:nth-child(7) { animation-delay: 1.04s; }

@keyframes zax-silk-bar-in {
    from { opacity: 0; transform: scaleY(0); }
    to { opacity: .78; transform: scaleY(1); }
}

.zax-app[data-theme="light"] .zax-learning-chart {
    background:
        radial-gradient(circle at 88% -12%, rgba(111, 91, 226, .13), transparent 38%),
        radial-gradient(circle at -8% 105%, rgba(7, 143, 105, .11), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(237, 246, 241, .88));
    box-shadow: inset 0 1px rgba(255, 255, 255, .96), 0 22px 50px rgba(25, 64, 52, .09);
}

.zax-app[data-theme="light"] .zax-learning-kpis > span,
.zax-app[data-theme="light"] .zax-learning-chart .zax-chart-summary {
    background: rgba(255, 255, 255, .58);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92);
}

.zax-app[data-theme="light"] .zax-silk-chart-hotspots > button > span {
    background: rgba(246, 251, 248, .94);
    box-shadow: 0 18px 40px rgba(23, 57, 48, .16), inset 0 1px rgba(255, 255, 255, .96);
}

@media (max-width: 600px) {
    .zax-learning-chart {
        padding: 16px 12px !important;
    }

    .zax-learning-chart .zax-card-heading {
        gap: 10px;
    }

    .zax-learning-chart .zax-chart-summary {
        min-width: 74px;
        padding: 8px;
    }

    .zax-learning-kpis {
        gap: 5px;
        margin-top: 14px;
    }

    .zax-learning-kpis > span {
        display: flex;
        min-height: 68px;
        flex-direction: column;
        gap: 2px;
        padding: 8px 7px;
    }

    .zax-learning-kpis strong {
        font-size: 11px;
    }

    .zax-learning-kpis em {
        margin-top: auto;
        font-size: 7px;
    }

    .zax-silk-chart-plot {
        height: 252px;
        grid-template-columns: 23px minmax(0, 1fr);
        gap: 4px;
    }

    .zax-silk-chart-hotspots > button > span {
        width: 132px;
        padding: 8px;
    }

    .zax-silk-chart-hotspots small {
        grid-template-columns: auto 1fr;
    }

    .zax-silk-chart-legend {
        gap: 9px;
        margin-left: 27px;
    }

    .zax-silk-chart-legend > em {
        width: 100%;
        margin-left: 0;
    }
}

/* 1.5.30: every popup keeps long content reachable inside the visual viewport. */
.zax-command:not([hidden]),
.zax-modal:not([hidden]) {
    display: grid;
    place-items: center;
    padding-top: max(16px, env(safe-area-inset-top));
    padding-right: max(16px, env(safe-area-inset-right));
    padding-bottom: max(16px, env(safe-area-inset-bottom));
    padding-left: max(16px, env(safe-area-inset-left));
    overflow: hidden;
}

.zax-command-dialog,
.zax-modal-dialog,
.zax-more-card,
.zax-fyp-create-sheet > section,
.zax-fyp-share-sheet > section {
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--zax-cyan) 46%, transparent) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.zax-command-dialog,
.zax-modal-dialog {
    max-height: calc(var(--zax-visual-viewport-height, 100dvh) - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom))) !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y;
}

.zax-install-dialog {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.zax-command-dialog::-webkit-scrollbar,
.zax-modal-dialog::-webkit-scrollbar,
.zax-more-card::-webkit-scrollbar,
.zax-fyp-create-sheet > section::-webkit-scrollbar,
.zax-fyp-share-sheet > section::-webkit-scrollbar {
    width: 6px;
}

.zax-command-dialog::-webkit-scrollbar-thumb,
.zax-modal-dialog::-webkit-scrollbar-thumb,
.zax-more-card::-webkit-scrollbar-thumb,
.zax-fyp-create-sheet > section::-webkit-scrollbar-thumb,
.zax-fyp-share-sheet > section::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--zax-cyan) 46%, transparent);
}

.zax-more-card,
.zax-fyp-create-sheet > section,
.zax-fyp-share-sheet > section {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

@media (max-width: 760px) {
    .zax-command:not([hidden]),
    .zax-modal:not([hidden]) {
        padding-top: max(12px, env(safe-area-inset-top));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        padding-left: max(12px, env(safe-area-inset-left));
    }

    .zax-command-dialog,
    .zax-modal-dialog {
        width: 100% !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom))) !important;
    }

    .zax-modal-head {
        position: sticky;
        z-index: 8;
        top: 0;
        background: color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
        box-shadow: 0 1px var(--zax-line);
        -webkit-backdrop-filter: blur(20px) saturate(145%);
        backdrop-filter: blur(20px) saturate(145%);
    }

    .zax-modal-head .zax-icon-button[data-close-modal] {
        position: relative;
        z-index: 2;
        flex: 0 0 auto;
    }

    .zax-install-body {
        padding-bottom: max(18px, env(safe-area-inset-bottom));
    }
}

/* 1.5.30: the mobile footer More surface is a transparent silk-glass card. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-more-backdrop {
        background:
            radial-gradient(circle at 50% 82%, rgba(81, 230, 189, .1), transparent 38%),
            rgba(1, 8, 6, .42) !important;
        -webkit-backdrop-filter: blur(13px) saturate(128%);
        backdrop-filter: blur(13px) saturate(128%);
    }

    body.zaxsecurity-portal-page .zax-more-card {
        border-color: color-mix(in srgb, var(--zax-cyan) 25%, rgba(255, 255, 255, .12)) !important;
        background:
            radial-gradient(circle at 92% 0, rgba(81, 230, 189, .16), transparent 34%),
            radial-gradient(circle at 8% 100%, rgba(154, 140, 255, .12), transparent 35%),
            linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025)),
            rgba(7, 20, 16, .64) !important;
        box-shadow:
            0 30px 80px rgba(0, 0, 0, .36),
            inset 0 1px rgba(255, 255, 255, .12),
            0 0 0 1px rgba(6, 20, 15, .22) !important;
        -webkit-backdrop-filter: blur(38px) saturate(185%) !important;
        backdrop-filter: blur(38px) saturate(185%) !important;
    }

    body.zaxsecurity-portal-page .zax-more-grid > button {
        border-color: rgba(190, 233, 221, .13);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018)),
            rgba(255, 255, 255, .018);
        box-shadow: inset 0 1px rgba(255, 255, 255, .065);
    }

    body.zaxsecurity-portal-page .zax-more-grid > button > span {
        background: rgba(81, 230, 189, .065);
    }

    .zax-app[data-theme="light"] .zax-more-backdrop {
        background:
            radial-gradient(circle at 50% 82%, rgba(37, 165, 126, .09), transparent 38%),
            rgba(31, 69, 57, .22) !important;
    }

    .zax-app[data-theme="light"] .zax-more-card {
        border-color: rgba(31, 116, 89, .2) !important;
        color: #173b31;
        background:
            radial-gradient(circle at 92% 0, rgba(32, 174, 130, .14), transparent 34%),
            radial-gradient(circle at 8% 100%, rgba(111, 91, 226, .09), transparent 35%),
            linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(238, 248, 243, .46)),
            rgba(238, 248, 243, .7) !important;
        box-shadow:
            0 28px 70px rgba(23, 57, 48, .18),
            inset 0 1px rgba(255, 255, 255, .94) !important;
    }

    .zax-app[data-theme="light"] .zax-more-grid > button {
        border-color: rgba(29, 100, 80, .13);
        background: rgba(255, 255, 255, .42);
        box-shadow: inset 0 1px rgba(255, 255, 255, .86);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chart-summary > span i,
    .zax-chart-animated.is-chart-visible .zax-silk-bars rect,
    .zax-chart-animated.is-chart-visible .zax-silk-area,
    .zax-chart-animated.is-chart-visible .zax-silk-line,
    .zax-chart-animated.is-chart-visible .zax-silk-points circle {
        animation: none !important;
        opacity: 1;
        transform: none;
        stroke-dashoffset: 0;
    }
}

/* 1.5.32: quick seller submission and a visible search cancel control. */
.zax-seller-simple-form {
    align-items: start;
}

.zax-seller-price-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(88px, .42fr);
    gap: 8px;
    width: 100%;
}

.zax-seller-price-row > :is(input, select) {
    min-width: 0;
}

.zax-seller-review-window {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 13px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 28%, var(--zax-line));
    border-radius: 13px;
    color: var(--zax-cyan);
    background:
        linear-gradient(135deg, rgba(81, 230, 189, .09), rgba(81, 230, 189, .025)),
        rgba(255, 255, 255, .018);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
}

.zax-seller-review-window > .dashicons {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 10px;
    background: rgba(81, 230, 189, .08);
}

.zax-seller-review-window > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-seller-review-window strong {
    color: var(--zax-text);
    font-size: 12px;
    font-weight: 650;
}

.zax-seller-review-window small {
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.45;
}

.zax-command-dialog > .zax-command-search {
    display: flex;
    height: 50px;
    align-items: center;
    gap: 10px;
    padding: 0 6px 0 12px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-command-search > .dashicons:first-child {
    flex: 0 0 auto;
    color: var(--zax-cyan);
}

.zax-command-search input {
    min-width: 0;
    flex: 1 1 auto;
}

.zax-command-search [data-search-close] {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(190, 233, 221, .13);
    border-radius: 10px;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .045);
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}

.zax-command-search [data-search-close]:is(:hover, :focus-visible) {
    border-color: rgba(81, 230, 189, .4);
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .1);
    outline: 0;
    transform: scale(1.04);
}

@media (max-width: 760px) {
    .zax-seller-price-row {
        grid-template-columns: minmax(0, 1fr) 92px;
    }

    .zax-seller-review-window {
        padding: 11px;
    }

    .zax-command-search [data-search-close] {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }
}

/* 1.5.33: TikTok-style Cyber FYP comment sheet and threaded engagement. */
body.zaxsecurity-portal-page.zax-fyp-comments-open::before {
    position: fixed;
    z-index: 1190;
    inset: 0;
    background: rgba(0, 5, 4, .58);
    content: "";
    pointer-events: none;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.zax-fyp-post.is-comments-open {
    z-index: 1210;
    overflow: visible !important;
}

.zax-fyp-comments {
    position: fixed !important;
    z-index: 1240 !important;
    top: max(16px, env(safe-area-inset-top)) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    display: grid;
    width: min(438px, calc(100vw - 32px)) !important;
    height: auto !important;
    max-height: none !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(190, 233, 221, .14) !important;
    border-radius: 24px !important;
    color: #edf8f4;
    background:
        radial-gradient(circle at 92% 2%, rgba(81, 230, 189, .08), transparent 25%),
        #0a1210 !important;
    box-shadow: -24px 24px 80px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .055) !important;
    text-shadow: none;
    overscroll-behavior: contain;
    animation: zax-tiktok-comments-desktop .25s cubic-bezier(.2, .78, .28, 1) both;
}

.zax-fyp-comments > header {
    position: relative;
    display: grid;
    min-height: 66px;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 8px;
    padding: 9px 12px !important;
    border-bottom: 1px solid rgba(190, 233, 221, .1) !important;
    background: rgba(10, 18, 16, .94);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    backdrop-filter: blur(22px) saturate(140%);
}

.zax-comment-sheet-handle {
    display: none;
}

.zax-fyp-comments > header > span {
    grid-column: 2;
    align-items: center;
    text-align: center;
}

.zax-fyp-comments > header strong {
    color: #f4fbf8;
    font-size: 14px !important;
    font-weight: 720;
    letter-spacing: -.01em;
}

.zax-fyp-comments > header small {
    margin-top: 2px;
    color: #8ea49d;
    font-size: 9px !important;
    font-weight: 500;
}

.zax-fyp-comments > header button {
    grid-column: 3;
    width: 38px !important;
    height: 38px !important;
    justify-self: end;
    border-color: rgba(190, 233, 221, .13) !important;
    color: #edf8f4 !important;
    background: rgba(255, 255, 255, .045) !important;
}

.zax-fyp-comment-list {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 16px 18px !important;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.zax-fyp-comment-list::-webkit-scrollbar {
    display: none;
}

.zax-fyp-comment-list > article {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr) 34px;
    align-items: start;
    gap: 10px;
    padding: 11px 0;
}

.zax-fyp-comment-list > article.is-thread-reply {
    margin-left: 44px;
    padding-left: 0;
    border-left: 0;
}

.zax-fyp-comment-list > article > .zax-community-comment-avatar {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    overflow: visible;
    border: 1px solid rgba(190, 233, 221, .12);
    border-radius: 50%;
    color: #82eed0;
    background: linear-gradient(145deg, rgba(81, 230, 189, .15), rgba(154, 140, 255, .09));
    font-size: 11px;
    font-weight: 800;
}

.zax-fyp-comment-list .zax-community-comment-avatar img,
.zax-comment-composer-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.zax-fyp-comment-list .zax-community-comment-avatar.is-vip::after {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: grid;
    width: 14px;
    height: 14px;
    place-items: center;
    border: 2px solid #0a1210;
    border-radius: 50%;
    color: #062019;
    background: linear-gradient(145deg, #d9c56b, var(--zax-cyan));
    content: "★";
    font-size: 7px;
}

.zax-comment-content {
    min-width: 0;
    padding-top: 1px;
}

.zax-comment-identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.zax-comment-author {
    min-width: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
    color: #91a8a1;
    background: transparent;
    font-size: 11px;
    font-weight: 650;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.zax-comment-vip {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
    color: #d8c46e;
    font-size: 7px;
    font-weight: 800;
}

.zax-comment-vip .dashicons {
    width: 10px;
    height: 10px;
    color: var(--zax-cyan);
    font-size: 10px;
}

.zax-comment-content > em {
    display: block;
    margin: 0 0 3px;
    color: var(--zax-cyan);
    font-size: 9px;
    font-style: normal;
}

.zax-comment-content > p {
    margin: 0;
    color: #edf8f4;
    font-size: 12px !important;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.zax-comment-meta {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 6px;
}

.zax-comment-meta time {
    color: #72867f;
    font-size: 9px;
}

.zax-comment-meta > button {
    padding: 0;
    border: 0;
    color: #9bada7;
    background: transparent;
    font-size: 9px;
    font-weight: 720;
    cursor: pointer;
}

.zax-comment-meta > .zax-comment-delete {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #e7a4ab;
}

.zax-comment-meta > .zax-comment-delete .dashicons {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.zax-comment-meta > .zax-comment-delete.is-request-pending {
    opacity: .5;
    pointer-events: none;
}

.zax-fyp-comment-list .zax-comment-like {
    display: flex;
    width: 34px;
    min-width: 34px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 3px;
    padding: 4px 0 0;
    border: 0;
    color: #81958f;
    background: transparent;
    cursor: pointer;
}

.zax-fyp-comment-list .zax-comment-like .dashicons {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.zax-fyp-comment-list .zax-comment-like b {
    font-size: 8px;
    line-height: 1;
}

.zax-fyp-comment-list .zax-comment-like.is-active {
    color: #ff4965;
}

.zax-fyp-comments > form {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 34px 36px minmax(0, 1fr) 38px !important;
    align-items: center;
    gap: 7px;
    padding: 10px 12px max(10px, env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(190, 233, 221, .1) !important;
    background: rgba(10, 18, 16, .97);
    box-shadow: 0 -12px 30px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    backdrop-filter: blur(22px) saturate(140%);
}

.zax-fyp-comments > form .zax-comment-reply-target {
    grid-column: 1 / -1;
}

.zax-comment-composer-avatar {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(190, 233, 221, .12);
    border-radius: 50%;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
    font-size: 10px;
    font-weight: 800;
}

.zax-fyp-comments > form .zax-emoji-trigger {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: none;
}

.zax-fyp-comments > form input {
    min-width: 0;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid rgba(190, 233, 221, .11);
    border-radius: 999px;
    color: #edf8f4;
    background: rgba(255, 255, 255, .055);
    font-size: 13px;
}

.zax-fyp-comments > form .zax-comment-send {
    width: 38px;
    height: 38px;
    color: #062019;
    background: linear-gradient(145deg, #83f2d2, #3ed1a6);
    box-shadow: 0 8px 22px rgba(81, 230, 189, .18), inset 0 1px rgba(255, 255, 255, .55);
}

.zax-fyp-comments > form .zax-comment-send:disabled {
    opacity: .48;
    box-shadow: none;
}

.zax-fyp-no-comments {
    min-height: 100%;
    padding: 28px;
}

@keyframes zax-tiktok-comments-desktop {
    from { opacity: 0; transform: translateX(28px) scale(.985); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes zax-tiktok-comments-mobile {
    from { opacity: .6; transform: translateY(42px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open::before {
        background: rgba(0, 5, 4, .38);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .zax-fyp-comments {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: min(74dvh, 690px) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - max(54px, env(safe-area-inset-top))) !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-radius: 22px 22px 0 0 !important;
        animation-name: zax-tiktok-comments-mobile;
    }

    .zax-fyp-comments > header {
        min-height: 62px;
        padding-top: 14px !important;
    }

    .zax-comment-sheet-handle {
        position: absolute;
        top: 6px;
        left: 50%;
        display: block;
        width: 34px;
        height: 4px;
        border-radius: 999px;
        background: rgba(190, 233, 221, .22);
        transform: translateX(-50%);
    }

    .zax-fyp-comment-list {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .zax-fyp-comment-list > article.is-thread-reply {
        margin-left: 31px;
    }

    .zax-fyp-comments > form {
        grid-template-columns: 32px 34px minmax(0, 1fr) 38px !important;
        gap: 5px;
        padding-right: max(9px, env(safe-area-inset-right)) !important;
        padding-left: max(9px, env(safe-area-inset-left)) !important;
    }

    .zax-comment-composer-avatar {
        width: 32px;
        height: 32px;
    }

    .zax-fyp-comments > form .zax-emoji-trigger {
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.is-keyboard-docked {
        grid-template-columns: 32px 34px minmax(0, 1fr) 38px !important;
        padding-right: max(8px, env(safe-area-inset-right)) !important;
        padding-left: max(8px, env(safe-area-inset-left)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-comments {
        animation: none !important;
    }
}

/* 1.5.38: Cyber FYP has no duplicate Community header; member profiles keep the Community dock. */
.zax-community-page.is-fyp-active .zax-community-main > .zax-community-top,
.zax-community-page.is-fyp-active .zax-community-main > .zax-community-top[hidden] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-fyp-comments-open .zax-fyp-comments {
        position: fixed !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        max-height: var(--zax-visual-viewport-height, 100dvh) !important;
        grid-template-rows: auto minmax(0, 1fr) auto !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        animation: none !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.is-keyboard-docked {
        position: relative !important;
        z-index: 4 !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
        box-sizing: border-box;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        grid-template-columns: 32px 34px minmax(0, 1fr) 38px !important;
        gap: 5px !important;
        background: #0a1210 !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.is-keyboard-docked .zax-comment-reply-target {
        grid-column: 1 / -1 !important;
        width: 100%;
        min-width: 0;
        margin: 0 0 2px;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.is-keyboard-docked input[name="content"] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comment-list {
        min-height: 0 !important;
        padding-bottom: 12px !important;
        scroll-padding-bottom: 12px;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-mobile-dock:not(.zax-community-mobile-dock) {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-profile-page-open .zax-community-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-profile-page-open.zax-fyp-overlay-open .zax-community-mobile-dock {
        position: fixed !important;
        z-index: 1810 !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        bottom: max(10px, env(safe-area-inset-bottom)) !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        display: grid !important;
        width: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll {
        padding-bottom: calc(var(--zax-mobile-dock-clearance) + 32px) !important;
        scroll-padding-bottom: calc(var(--zax-mobile-dock-clearance) + 32px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section {
        padding-bottom: 0 !important;
    }

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-more-menu:not([hidden]) {
        z-index: 1900 !important;
    }
}

/* 1.5.55: approved vendor identity and navigable Marketplace storefronts. */
.zax-product-seller {
    display: grid;
    width: fit-content;
    max-width: 100%;
    grid-template-columns: 28px minmax(0, 1fr) auto 14px;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 6px 8px;
    border: 1px solid color-mix(in srgb, var(--zax-violet) 24%, var(--zax-line));
    border-radius: 11px;
    appearance: none;
    color: var(--zax-soft);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--zax-violet) 8%, transparent), color-mix(in srgb, var(--zax-cyan) 4%, transparent)),
        color-mix(in srgb, var(--zax-panel-2) 86%, transparent);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.zax-product-seller:hover,
.zax-product-seller:focus-visible {
    border-color: color-mix(in srgb, var(--zax-cyan) 38%, var(--zax-line));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--zax-cyan) 10%, transparent), inset 0 1px rgba(255,255,255,.07);
    transform: translateY(-1px);
}

.zax-product-seller > .dashicons:first-child {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 9px;
    color: #f7fffc;
    background: var(--zax-gradient-violet);
    box-shadow: 0 7px 18px color-mix(in srgb, var(--zax-violet) 22%, transparent), inset 0 1px rgba(255,255,255,.22);
    font-size: 15px;
    line-height: 28px;
}

.zax-product-seller > .dashicons:last-child {
    width: 14px;
    height: 14px;
    color: var(--zax-muted);
    font-size: 14px;
    transition: color .2s ease, transform .2s ease;
}

.zax-product-seller:hover > .dashicons:last-child { color: var(--zax-cyan); transform: translateX(2px); }

.zax-product-seller > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.zax-product-seller small {
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 700;
    line-height: 1.25;
}

.zax-product-seller strong {
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 10px;
    line-height: 1.3;
}

.zax-product-seller em {
    padding: 4px 6px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 999px;
    color: var(--zax-cyan);
    font-size: 7px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.zax-market-storefront {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 18px;
    margin: 0 0 18px;
    overflow: hidden;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid color-mix(in srgb, var(--zax-violet) 27%, var(--zax-line));
    border-radius: 24px;
    background:
        linear-gradient(rgba(81, 230, 189, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .035) 1px, transparent 1px),
        radial-gradient(circle at 90% 5%, color-mix(in srgb, var(--zax-violet) 24%, transparent), transparent 34%),
        radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--zax-cyan) 16%, transparent), transparent 38%),
        color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
    background-size: 25px 25px, 25px 25px, auto, auto, auto;
    box-shadow: 0 24px 64px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.08);
}

.zax-market-storefront[hidden] { display: none !important; }

.zax-market-storefront-back {
    grid-column: 1 / -1;
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-soft);
    background: color-mix(in srgb, var(--zax-panel-2) 82%, transparent);
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.zax-market-storefront-back:hover { border-color: color-mix(in srgb, var(--zax-cyan) 35%, var(--zax-line)); color: var(--zax-cyan); }
.zax-market-storefront-back .dashicons { width: 16px; height: 16px; font-size: 16px; }

.zax-market-storefront-identity {
    display: grid;
    min-width: 0;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

.zax-market-storefront-identity > span {
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    border-radius: 21px;
    color: #f7fffc;
    background: var(--zax-gradient-violet);
    box-shadow: 0 18px 38px color-mix(in srgb, var(--zax-violet) 30%, transparent), inset 0 1px rgba(255,255,255,.28);
}

.zax-market-storefront-identity > span .dashicons { width: 31px; height: 31px; font-size: 31px; }
.zax-market-storefront-identity > div { min-width: 0; }
.zax-market-storefront-identity small { color: var(--zax-cyan); font-size: 9px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.zax-market-storefront-identity h1 { margin: 4px 0 5px; overflow-wrap: anywhere; color: var(--zax-text); font-size: clamp(22px, 3vw, 34px); line-height: 1.08; }
.zax-market-storefront-identity p { max-width: 700px; margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.6; }

.zax-market-storefront-meta {
    display: grid;
    min-width: min(420px, 42vw);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.zax-market-storefront-meta > span {
    display: grid;
    min-width: 0;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    padding: 9px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--zax-panel-2) 78%, transparent);
}

.zax-market-storefront-meta .dashicons { grid-row: 1 / 3; width: 18px; height: 18px; color: var(--zax-cyan); font-size: 18px; }
.zax-market-storefront-meta strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 10px; line-height: 1.3; }
.zax-market-storefront-meta small { color: var(--zax-muted); font-size: 8px; }

.zax-marketplace-page.is-vendor-store-active > :is(.zax-market-hero, .zax-market-metrics, .zax-market-how) {
    display: none !important;
}

.zax-checkout-vendor-store {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--zax-violet) 25%, var(--zax-line));
    border-radius: 13px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zax-violet) 8%, transparent), color-mix(in srgb, var(--zax-cyan) 4%, transparent)), color-mix(in srgb, var(--zax-panel-2) 90%, transparent);
}

.zax-checkout-vendor-store > .dashicons { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #f7fffc; background: var(--zax-gradient-violet); font-size: 19px; line-height: 38px; }
.zax-checkout-vendor-store > span { display: flex; min-width: 0; flex-direction: column; }
.zax-checkout-vendor-store small { color: var(--zax-muted); font-size: 9px; }
.zax-checkout-vendor-store strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 12px; line-height: 1.35; }
.zax-checkout-vendor-store em { padding: 5px 8px; border-radius: 999px; color: var(--zax-cyan); background: color-mix(in srgb, var(--zax-cyan) 8%, transparent); font-size: 8px; font-style: normal; font-weight: 800; white-space: nowrap; }

@media (max-width: 900px) {
    .zax-market-storefront { grid-template-columns: 1fr; align-items: stretch; border-right: 0; border-left: 0; border-radius: 0; }
    .zax-market-storefront-meta { min-width: 0; }
}

@media (max-width: 520px) {
    .zax-product-seller { width: 100%; grid-template-columns: 25px minmax(0, 1fr) 13px; gap: 6px; padding: 5px 6px; }
    .zax-product-seller > .dashicons:first-child { width: 25px; height: 25px; border-radius: 8px; font-size: 13px; line-height: 25px; }
    .zax-product-seller > .dashicons:last-child { grid-column: 3; grid-row: 1; }
    .zax-product-seller em { grid-column: 2 / 4; justify-self: start; padding: 3px 5px; white-space: normal; }
    .zax-market-storefront { gap: 14px; margin-bottom: 12px; padding: 15px 12px; }
    .zax-market-storefront-back { max-width: 100%; }
    .zax-market-storefront-identity { grid-template-columns: 52px minmax(0, 1fr); gap: 11px; }
    .zax-market-storefront-identity > span { width: 52px; height: 52px; border-radius: 16px; }
    .zax-market-storefront-identity > span .dashicons { width: 25px; height: 25px; font-size: 25px; }
    .zax-market-storefront-identity h1 { font-size: 21px; }
    .zax-market-storefront-identity p { grid-column: 1 / -1; font-size: 10px; }
    .zax-market-storefront-meta { grid-template-columns: 1fr 1fr; gap: 6px; }
    .zax-market-storefront-meta > span { padding: 8px; }
    .zax-checkout-vendor-store { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; padding: 9px; }
    .zax-checkout-vendor-store > .dashicons { width: 34px; height: 34px; border-radius: 10px; font-size: 17px; line-height: 34px; }
    .zax-checkout-vendor-store em { grid-column: 2; justify-self: start; white-space: normal; }
}

/* 1.5.56: live search inside the shared Community Members rail card. */
.zax-community-mini-members > div.zax-community-mini-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.zax-community-mini-search {
    display: grid;
    min-width: 0;
    min-height: 38px;
    grid-column: 1 / -1;
    grid-template-columns: 18px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 6px;
    padding: 0 5px 0 9px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 18%, var(--zax-line));
    border-radius: 11px;
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-panel-solid) 78%, transparent);
    box-shadow: inset 0 1px rgba(255,255,255,.045);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.zax-community-mini-search:focus-within {
    border-color: color-mix(in srgb, var(--zax-cyan) 44%, var(--zax-line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--zax-cyan) 8%, transparent), inset 0 1px rgba(255,255,255,.055);
}

.zax-community-mini-search > .dashicons {
    width: 17px;
    height: 17px;
    color: var(--zax-cyan);
    font-size: 17px;
}

.zax-community-mini-search input {
    width: 100%;
    min-width: 0;
    height: 36px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--zax-text);
    background: transparent;
    font-size: 11px;
}

.zax-community-mini-search input::placeholder { color: color-mix(in srgb, var(--zax-muted) 82%, transparent); }

.zax-community-mini-search button {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: var(--zax-muted);
    background: transparent;
    cursor: pointer;
}

.zax-community-mini-search button:hover { color: var(--zax-cyan); background: color-mix(in srgb, var(--zax-cyan) 8%, transparent); }
.zax-community-mini-search button .dashicons { width: 15px; height: 15px; font-size: 15px; }
.zax-community-mini-search button[hidden] { display: none !important; }

.zax-community-mini-head > small {
    grid-column: 1 / -1;
    overflow: visible !important;
    color: var(--zax-muted);
    font-size: 8px !important;
    line-height: 1.35;
    text-overflow: clip !important;
    white-space: normal !important;
}

.zax-community-mini-members > span[data-mini-member-row] > i {
    overflow: hidden;
}

.zax-community-mini-members > span[data-mini-member-row] > i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-community-mini-empty {
    display: grid;
    min-height: 126px;
    place-items: center;
    align-content: center;
    gap: 5px;
    margin: 8px 4px;
    padding: 14px;
    border: 1px dashed color-mix(in srgb, var(--zax-cyan) 18%, var(--zax-line));
    border-radius: 13px;
    color: var(--zax-muted);
    text-align: center;
}

.zax-community-mini-empty[hidden] { display: none !important; }
.zax-community-mini-empty > .dashicons { width: 23px; height: 23px; color: var(--zax-cyan); font-size: 23px; }
.zax-community-mini-empty strong { color: var(--zax-text); font-size: 11px; }
.zax-community-mini-empty small { max-width: 190px; font-size: 9px; line-height: 1.45; }

.zax-community-mini-members.is-searching .zax-community-mini-search > .dashicons {
    animation: zax-mini-member-search .75s linear infinite;
}

@keyframes zax-mini-member-search {
    to { transform: rotate(360deg); }
}

@media (min-width: 901px) {
    .zax-community-page.is-active .zax-community-mini-members {
        height: 440px;
        min-height: 440px !important;
        max-height: 440px;
        flex-basis: 440px !important;
        scroll-padding-top: 118px;
    }

    .zax-community-page.is-active .zax-community-mini-members > div.zax-community-mini-head {
        position: sticky;
        z-index: 4;
        top: -13px;
        min-height: 108px;
        padding: 13px 7px 10px;
        background: color-mix(in srgb, var(--zax-panel-2) 96%, transparent);
        backdrop-filter: blur(18px) saturate(140%);
        -webkit-backdrop-filter: blur(18px) saturate(140%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-community-mini-members.is-searching .zax-community-mini-search > .dashicons { animation: none !important; }
}

/* 1.5.57: one-hour self-destruct controls and silk explosion illustration. */
.zax-chat-retention.is-expiring {
    position: relative;
    gap: 4px;
    padding: 3px 5px;
    border: 1px solid color-mix(in srgb, var(--zax-amber) 23%, var(--zax-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--zax-amber) 7%, transparent);
    font-variant-numeric: tabular-nums;
}

.zax-chat-retention.is-expiring > span {
    white-space: nowrap;
}

.zax-chat-fuse {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border: 1px solid color-mix(in srgb, var(--zax-amber) 52%, transparent);
    border-radius: 50%;
    background: radial-gradient(circle at 36% 34%, #ffe8aa 0 13%, #f6ad42 16% 38%, #703c7e 42% 67%, #201a31 71%);
    box-shadow: 0 0 8px color-mix(in srgb, var(--zax-amber) 32%, transparent);
}

.zax-chat-fuse::before {
    position: absolute;
    right: -3px;
    bottom: 7px;
    width: 5px;
    height: 1px;
    border-radius: 2px;
    background: var(--zax-amber);
    content: '';
    transform: rotate(-52deg);
    transform-origin: left center;
}

.zax-chat-fuse > b {
    position: absolute;
    right: -5px;
    bottom: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff4bd;
    box-shadow: 0 0 0 2px rgba(246,173,66,.2), 0 0 8px #f6ad42;
    animation: zax-chat-fuse-spark .72s ease-in-out infinite alternate;
}

.zax-chat-retention-option.is-self-destruct-armed {
    border-color: color-mix(in srgb, var(--zax-amber) 38%, var(--zax-line));
    background: linear-gradient(135deg, color-mix(in srgb, var(--zax-amber) 9%, transparent), color-mix(in srgb, var(--zax-violet) 5%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--zax-amber) 7%, transparent), 0 8px 22px color-mix(in srgb, var(--zax-amber) 8%, transparent);
}

.zax-chat-retention-option.is-self-destruct-armed > .dashicons {
    color: var(--zax-amber);
    animation: zax-chat-retention-pulse 1.25s ease-in-out infinite;
}

.zax-chat-message.is-self-destructing {
    position: relative;
    z-index: 18;
    pointer-events: none;
    animation: zax-chat-message-collapse .82s cubic-bezier(.2,.75,.2,1) both;
}

.zax-chat-message.is-self-destructing .zax-chat-bubble {
    animation: zax-chat-bubble-dissolve .82s cubic-bezier(.2,.75,.2,1) both;
}

.zax-chat-self-destruct-burst {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.zax-chat-self-destruct-burst::before,
.zax-chat-self-destruct-burst::after {
    position: absolute;
    inset: 50%;
    border: 2px solid color-mix(in srgb, var(--zax-amber) 84%, #fff);
    border-radius: 50%;
    content: '';
    transform: translate(-50%, -50%) scale(.15);
    animation: zax-chat-blast-ring .7s ease-out both;
}

.zax-chat-self-destruct-burst::after {
    border-color: color-mix(in srgb, var(--zax-violet) 72%, #fff);
    animation-delay: .09s;
}

.zax-chat-self-destruct-burst > b {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0 14%, #ffe38a 18% 34%, var(--zax-amber) 40% 57%, var(--zax-violet) 62% 76%, transparent 80%);
    filter: drop-shadow(0 0 12px color-mix(in srgb, var(--zax-amber) 75%, transparent));
    animation: zax-chat-blast-core .58s ease-out both;
}

.zax-chat-self-destruct-burst > i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px;
    border-radius: 2px 50% 50%;
    background: linear-gradient(135deg, #fff2b0, var(--zax-amber) 48%, var(--zax-violet));
    box-shadow: 0 0 8px color-mix(in srgb, var(--zax-amber) 55%, transparent);
    animation: zax-chat-blast-particle .7s cubic-bezier(.1,.65,.25,1) var(--zax-burst-delay) both;
}

@keyframes zax-chat-fuse-spark {
    from { opacity: .48; transform: scale(.72) rotate(0deg); }
    to { opacity: 1; transform: scale(1.25) rotate(35deg); }
}

@keyframes zax-chat-retention-pulse {
    0%, 100% { opacity: .68; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1.08); }
}

@keyframes zax-chat-blast-core {
    0% { opacity: 0; transform: scale(.15) rotate(0); }
    36% { opacity: 1; transform: scale(3.2) rotate(48deg); }
    100% { opacity: 0; transform: scale(5.2) rotate(95deg); }
}

@keyframes zax-chat-blast-ring {
    0% { width: 12px; height: 12px; opacity: .95; }
    100% { width: 150px; height: 150px; opacity: 0; }
}

@keyframes zax-chat-blast-particle {
    0% { opacity: 0; transform: rotate(var(--zax-burst-angle)) translateY(0) scale(.3); }
    22% { opacity: 1; }
    100% { opacity: 0; transform: rotate(var(--zax-burst-angle)) translateY(-76px) scale(.05); }
}

@keyframes zax-chat-bubble-dissolve {
    0%, 30% { opacity: 1; filter: blur(0); transform: scale(1); }
    100% { opacity: 0; filter: blur(7px); transform: scale(.86); }
}

@keyframes zax-chat-message-collapse {
    0%, 66% { max-height: 520px; margin-top: 7px; margin-bottom: 7px; opacity: 1; }
    100% { max-height: 0; margin-top: 0; margin-bottom: 0; overflow: hidden; opacity: 0; }
}

@media (max-width: 520px) {
    .zax-chat-retention.is-expiring { max-width: 100%; flex-wrap: wrap; }
    .zax-chat-retention.is-expiring > span { white-space: normal; }
    .zax-chat-self-destruct-burst { transform: translate(-50%, -50%) scale(.82); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-fuse > b,
    .zax-chat-retention-option.is-self-destruct-armed > .dashicons,
    .zax-chat-message.is-self-destructing,
    .zax-chat-message.is-self-destructing .zax-chat-bubble,
    .zax-chat-self-destruct-burst,
    .zax-chat-self-destruct-burst * { animation: none !important; }
    .zax-chat-self-destruct-burst { display: none !important; }
    .zax-chat-message.is-self-destructing { opacity: 0; transition: opacity .2s ease; }
}

/* 1.5.60: instant private-message delivery without leaving the conversation. */
.zax-chat-message.is-just-sent {
    transform-origin: right bottom;
    animation: zax-chat-instant-send .4s cubic-bezier(.2,.75,.25,1) both;
}

@keyframes zax-chat-instant-send {
    from { opacity: 0; transform: translate3d(12px, 8px, 0) scale(.96); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-message.is-just-sent { animation: none !important; }
}

/* 1.5.59: sender-controlled destructive timer for every private message format. */
.zax-chat-custom-timer {
    position: relative;
    display: flex;
    min-width: 0;
    grid-column: 1 / -1;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zax-amber) 38%, var(--zax-line));
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zax-amber) 10%, var(--zax-panel)), color-mix(in srgb, var(--zax-violet) 8%, var(--zax-panel)));
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent), 0 10px 28px color-mix(in srgb, var(--zax-amber) 7%, transparent);
}

.zax-chat-custom-timer[hidden] { display: none !important; }

.zax-chat-custom-timer::after {
    position: absolute;
    top: -38px;
    right: -32px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--zax-amber) 17%, transparent), transparent 68%);
    content: '';
    pointer-events: none;
}

.zax-chat-custom-timer > .dashicons {
    position: relative;
    z-index: 1;
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 11px;
    color: #fff8dc;
    background: linear-gradient(135deg, var(--zax-amber), var(--zax-violet));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--zax-amber) 25%, transparent);
    font-size: 17px;
    animation: zax-chat-retention-pulse 1.25s ease-in-out infinite;
}

.zax-chat-custom-timer > span {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 5px;
}

.zax-chat-custom-timer small,
.zax-chat-custom-timer em {
    color: var(--zax-muted);
    font-size: 9px;
    font-style: normal;
    line-height: 1.35;
}

.zax-chat-custom-timer small { color: var(--zax-text); font-weight: 750; }
.zax-chat-custom-timer em { opacity: .9; }

.zax-chat-custom-timer-fields {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(76px, .7fr) minmax(110px, 1fr);
    gap: 7px;
}

.zax-chat-custom-timer-fields input,
.zax-chat-custom-timer-fields select {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--zax-amber) 26%, var(--zax-line));
    border-radius: 10px;
    outline: 0;
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-panel-strong) 91%, transparent);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.zax-chat-custom-timer-fields input:focus,
.zax-chat-custom-timer-fields select:focus {
    border-color: var(--zax-amber);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--zax-amber) 13%, transparent);
}

.zax-chat-custom-timer-fields select option {
    color: var(--zax-text);
    background: var(--zax-panel-solid);
}

.zax-chat-timer-presets {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 5px;
}

.zax-chat-timer-presets button {
    min-width: 0;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--zax-amber) 20%, var(--zax-line));
    border-radius: 999px;
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-panel-strong) 88%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 6%, transparent);
    font: inherit;
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}

.zax-chat-timer-presets button:hover,
.zax-chat-timer-presets button:focus-visible,
.zax-chat-timer-presets button.is-selected {
    border-color: color-mix(in srgb, var(--zax-amber) 62%, var(--zax-line));
    color: #fff9df;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zax-amber) 32%, transparent), color-mix(in srgb, var(--zax-violet) 28%, transparent));
    outline: 0;
    transform: translateY(-1px);
}

.zax-chat-timer-preview {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 18%, var(--zax-line));
    border-radius: 10px;
    color: color-mix(in srgb, var(--zax-text) 86%, var(--zax-cyan));
    background: color-mix(in srgb, var(--zax-cyan) 5%, transparent);
    font-size: 9px;
    font-weight: 720;
    line-height: 1.4;
}

.zax-chat-timer-preview::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--zax-cyan), var(--zax-amber));
    box-shadow: 0 0 10px color-mix(in srgb, var(--zax-cyan) 50%, transparent);
    content: '';
}

@media (max-width: 520px) {
    .zax-chat-custom-timer { align-items: flex-start; padding: 9px; }
    .zax-chat-custom-timer-fields { grid-template-columns: minmax(64px, .7fr) minmax(96px, 1fr); }
    .zax-chat-custom-timer-fields input,
    .zax-chat-custom-timer-fields select { height: 36px; padding-inline: 9px; font-size: 11px; }
    .zax-chat-timer-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .zax-chat-timer-presets button { width: 100%; padding-inline: 4px; }
    .zax-chat-timer-preview { align-items: flex-start; white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-custom-timer > .dashicons { animation: none !important; }
}

/* 1.5.54: give mobile Private Messages the footer area and anchor its composer safely. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-mobile-dock {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active .zax-community-main {
        min-height: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
        scroll-padding-bottom: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-community-page.is-active.is-chat-active :is(.zax-chat-view, .zax-chat-app) {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-window {
        height: 100% !important;
        min-height: 0 !important;
        padding-bottom: 0 !important;
        grid-template-rows: auto auto auto minmax(0, 1fr) max-content;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-conversations {
        padding-bottom: 12px !important;
        scroll-padding-bottom: 16px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-inbox-security {
        margin-bottom: max(12px, env(safe-area-inset-bottom)) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-thread {
        min-height: 0 !important;
        padding-bottom: 12px !important;
        scroll-padding-bottom: 18px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-composer {
        position: relative !important;
        z-index: 20;
        bottom: 0 !important;
        width: 100% !important;
        margin-top: auto !important;
        padding: 8px max(9px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left)) !important;
        border-top-color: color-mix(in srgb, var(--zax-cyan) 22%, var(--zax-line));
        background:
            linear-gradient(135deg, color-mix(in srgb, var(--zax-cyan) 5%, transparent), color-mix(in srgb, var(--zax-violet) 5%, transparent)),
            color-mix(in srgb, var(--zax-panel-solid) 96%, transparent);
        box-shadow: 0 -14px 36px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .06);
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open .zax-chat-composer-row {
        width: 100%;
    }
}

/* 1.5.40: keep the Windows comment panel above the Community page animation layer. */
@media (min-width: 761px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-community-page.is-active {
        animation: none !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-community-shell,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-community-main,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-view,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-shell,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed {
        overflow: visible !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-post.is-comments-open {
        z-index: 1250 !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        z-index: 1280 !important;
        display: grid !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > header,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > .zax-fyp-comment-list,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > form {
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > form {
        display: grid !important;
    }
}

/* 1.5.41: hide only the mobile Community section rail on Cyber FYP. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-fyp-active .zax-community-rail {
        position: static !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-fyp-active .zax-community-shell {
        display: block !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-fyp-active .zax-community-main {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        flex: 1 1 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-fyp-active .zax-fyp-nav {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-fyp-active .zax-fyp-nav button {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* 1.5.41: silk notification dropdown for the sticky header bell. */
.zax-notification-wrap {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.zax-notification-button.is-open {
    border-color: color-mix(in srgb, var(--zax-cyan) 55%, transparent);
    color: var(--zax-cyan);
    background: color-mix(in srgb, var(--zax-cyan) 10%, var(--zax-panel-solid));
}

.zax-notification-button > b {
    position: absolute;
    top: -5px;
    right: -5px;
    display: grid;
    min-width: 18px;
    height: 18px;
    place-items: center;
    padding: 0 4px;
    border: 2px solid var(--zax-panel-solid);
    border-radius: 999px;
    color: #071b15;
    background: linear-gradient(145deg, #9af6db, var(--zax-cyan));
    font-size: 8px;
    font-weight: 850;
    line-height: 1;
}

.zax-notification-menu {
    position: absolute;
    z-index: 360;
    top: calc(100% + 12px);
    right: 0;
    display: grid;
    width: min(390px, calc(100vw - 24px));
    max-height: min(620px, calc(100dvh - var(--zax-topbar) - 24px));
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 18%, var(--zax-line));
    border-radius: 20px;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 94% 0, color-mix(in srgb, var(--zax-cyan) 12%, transparent), transparent 32%),
        color-mix(in srgb, var(--zax-panel-solid) 94%, transparent);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .07);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    backdrop-filter: blur(28px) saturate(150%);
    transform-origin: top right;
    animation: zax-notification-in .2s cubic-bezier(.2, .78, .28, 1) both;
}

.zax-notification-menu[hidden] {
    display: none !important;
}

.zax-notification-menu > header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px 13px;
    border-bottom: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-solid) 88%, transparent);
}

.zax-notification-menu > header > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-notification-menu > header small {
    color: var(--zax-cyan);
    font-size: 8px !important;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.zax-notification-menu > header strong {
    color: var(--zax-text);
    font-size: 15px;
    line-height: 1.25;
}

.zax-notification-menu > header button {
    display: grid;
    width: 34px;
    min-width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--zax-line);
    border-radius: 10px;
    color: var(--zax-soft);
    background: var(--zax-panel-2);
    cursor: pointer;
}

.zax-notification-list {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--zax-cyan) 30%, transparent) transparent;
}

.zax-notification-item {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr) 8px;
    align-items: center;
    gap: 10px;
    padding: 11px 10px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--zax-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.zax-notification-item:hover,
.zax-notification-item:focus-visible {
    border-color: var(--zax-line);
    background: color-mix(in srgb, var(--zax-cyan) 7%, var(--zax-panel-2));
    outline: none;
    transform: translateY(-1px);
}

.zax-notification-item.is-unread {
    background: color-mix(in srgb, var(--zax-cyan) 5%, transparent);
}

.zax-notification-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 22%, transparent);
    border-radius: 13px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, color-mix(in srgb, var(--zax-cyan) 13%, transparent), color-mix(in srgb, var(--zax-purple) 8%, transparent));
}

.zax-notification-icon .dashicons {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.zax-notification-item > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-notification-item strong,
.zax-notification-item small,
.zax-notification-item time {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.zax-notification-item strong {
    color: var(--zax-text);
    font-size: 11px;
    line-height: 1.35;
}

.zax-notification-item small {
    color: var(--zax-soft);
    font-size: 9px !important;
    line-height: 1.45;
}

.zax-notification-item time {
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 600;
}

.zax-notification-item > i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 12px color-mix(in srgb, var(--zax-cyan) 65%, transparent);
}

.zax-notification-menu > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-top: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-solid) 92%, transparent);
}

.zax-notification-menu > footer > span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: var(--zax-muted);
    font-size: 8px;
}

.zax-notification-menu > footer > span .dashicons {
    width: 13px;
    height: 13px;
    color: var(--zax-cyan);
    font-size: 13px;
}

.zax-notification-menu > footer button {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-text);
    background: var(--zax-panel-2);
    font-size: 8px;
    font-weight: 750;
    cursor: pointer;
}

@keyframes zax-notification-in {
    from { opacity: 0; transform: translateY(-7px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 900px) {
    .zax-notification-menu {
        position: fixed;
        top: calc(var(--zax-topbar) + 8px);
        right: max(10px, env(safe-area-inset-right));
        left: max(10px, env(safe-area-inset-left));
        width: auto;
        max-height: calc(100dvh - var(--zax-topbar) - 20px - env(safe-area-inset-bottom));
        border-radius: 18px;
    }

    .zax-notification-item {
        grid-template-columns: 40px minmax(0, 1fr) 8px;
        padding: 10px 9px;
    }

    .zax-notification-icon {
        width: 40px;
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-notification-menu {
        animation: none !important;
    }
}

/* 1.5.42: ZaxSecurity signature gradient system for priority surfaces and icons. */
.zax-hero-panel {
    background:
        radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--zax-violet) 20%, transparent), transparent 36%),
        radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--zax-cyan) 19%, transparent), transparent 43%),
        linear-gradient(122deg, color-mix(in srgb, var(--zax-panel-solid) 88%, #08251d), color-mix(in srgb, var(--zax-panel-solid) 86%, #171231));
}

:is(.zax-readiness-card, .zax-stat-grid article, .zax-seller-payout-hero, .zax-chat-privacy, .zax-notification-menu) {
    background-image:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-violet) 12%, transparent), transparent 42%),
        radial-gradient(circle at 0 100%, color-mix(in srgb, var(--zax-cyan) 10%, transparent), transparent 45%),
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-solid) 92%, transparent), color-mix(in srgb, var(--zax-panel) 90%, transparent));
}

.zax-wallet-portfolio {
    background:
        radial-gradient(circle at 88% -18%, color-mix(in srgb, var(--zax-violet) 24%, transparent), transparent 42%),
        radial-gradient(circle at 2% 94%, color-mix(in srgb, var(--zax-cyan) 17%, transparent), transparent 36%),
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-solid) 94%, #09281f), color-mix(in srgb, var(--zax-panel-solid) 91%, #18132e));
}

:is(.zax-stat-icon, .zax-product-icon, .zax-setting-card-icon, .zax-community-channel-icon, .zax-wallet-title-icon, .zax-notification-icon, .zax-seller-payout-hero > span) {
    border-color: color-mix(in srgb, var(--zax-cyan) 34%, transparent);
    color: #f7fffc;
    background: var(--zax-gradient-brand);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--zax-cyan) 15%, transparent), inset 0 1px rgba(255, 255, 255, .3);
}

.zax-accent-violet .zax-product-icon,
.zax-stat-grid article:nth-child(3n + 2) .zax-stat-icon,
.zax-community-channel:nth-child(3n + 2) .zax-community-channel-icon {
    border-color: color-mix(in srgb, var(--zax-violet) 40%, transparent);
    color: #fff;
    background: var(--zax-gradient-violet);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--zax-violet) 16%, transparent), inset 0 1px rgba(255, 255, 255, .3);
}

.zax-accent-amber .zax-product-icon,
.zax-stat-grid article:nth-child(3n) .zax-stat-icon,
.zax-community-channel:nth-child(3n) .zax-community-channel-icon {
    border-color: color-mix(in srgb, var(--zax-amber) 42%, transparent);
    color: #14241d;
    background: var(--zax-gradient-commerce);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--zax-amber) 14%, transparent), inset 0 1px rgba(255, 255, 255, .34);
}

.zax-wallet-token-ngn {
    color: #062119;
    background: var(--zax-gradient-commerce);
}

.zax-wallet-token-usdt {
    color: #f7fffc;
    background: var(--zax-gradient-violet);
}

.zax-notification-icon {
    background: var(--zax-gradient-violet);
}

/* Search is a bounded app sheet: its header and footer remain visible while every result scrolls. */
.zax-command:not([hidden]) {
    display: grid;
    place-items: center;
    padding-top: max(16px, env(safe-area-inset-top));
    padding-right: max(16px, env(safe-area-inset-right));
    padding-bottom: max(16px, env(safe-area-inset-bottom));
    padding-left: max(16px, env(safe-area-inset-left));
    overflow: hidden;
}

.zax-command-dialog {
    display: grid;
    width: min(590px, 100%) !important;
    height: min(680px, calc(var(--zax-visual-viewport-height, 100dvh) - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom))));
    max-height: none !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 13px;
    overflow: hidden !important;
    border-color: color-mix(in srgb, var(--zax-cyan) 23%, var(--zax-line));
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-violet) 13%, transparent), transparent 34%),
        color-mix(in srgb, var(--zax-panel-solid) 96%, transparent);
}

.zax-command-dialog > .zax-command-search {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    flex: 0 0 auto;
}

.zax-command-results {
    min-width: 0;
    min-height: 0;
    margin: 10px -3px 8px 0;
    padding: 0 5px 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--zax-cyan) 42%, transparent) transparent;
}

.zax-command-results::-webkit-scrollbar { width: 5px; }
.zax-command-results::-webkit-scrollbar-thumb { border-radius: 999px; background: color-mix(in srgb, var(--zax-cyan) 42%, transparent); }
.zax-command-results button { width: 100%; min-width: 0; box-sizing: border-box; }
.zax-command-results button > span:nth-child(2) { min-width: 0; }
.zax-command-results button > span:first-child {
    flex: 0 0 34px;
    color: #f7fffc;
    background: var(--zax-gradient-brand);
    box-shadow: inset 0 1px rgba(255,255,255,.26), 0 8px 18px color-mix(in srgb, var(--zax-cyan) 12%, transparent);
}
.zax-command-results button:nth-child(3n + 2) > span:first-child { background: var(--zax-gradient-violet); }
.zax-command-results button:nth-child(3n) > span:first-child { color: #13231d; background: var(--zax-gradient-commerce); }
.zax-command-dialog > small {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding: 7px 10px 3px;
    border-top: 1px solid var(--zax-line);
    background: color-mix(in srgb, var(--zax-panel-solid) 92%, transparent);
}

.zax-member-profile-page :is(.zax-member-profile-section-heading, .zax-member-profile-highlight-grid, .zax-member-profile-assurance) {
    width: auto;
    max-width: 1180px;
    margin-right: max(16px, calc((100vw - 1180px) / 2));
    margin-left: max(16px, calc((100vw - 1180px) / 2));
}

.zax-member-profile-section-heading {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 22px;
    margin-bottom: 11px;
}

.zax-member-profile-section-heading > span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 32%, transparent);
    border-radius: 14px;
    color: #f7fffc;
    background: var(--zax-gradient-brand);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--zax-cyan) 15%, transparent), inset 0 1px rgba(255,255,255,.28);
}

.zax-member-profile-section-heading > div { display: flex; min-width: 0; flex-direction: column; }
.zax-member-profile-section-heading small { color: var(--zax-cyan); font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.zax-member-profile-section-heading strong { margin-top: 2px; color: var(--zax-text); font-size: 15px; line-height: 1.3; }
.zax-member-profile-section-heading p { max-width: 720px; margin: 4px 0 0; color: var(--zax-muted); font-size: 10px; line-height: 1.55; }
.zax-member-profile-section-heading.is-compact { margin-top: 20px; }
.zax-member-profile-section-heading.is-compact > span { background: var(--zax-gradient-violet); }

.zax-member-profile-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.zax-member-profile-highlight-grid article {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 142px;
    grid-template-rows: 40px minmax(0, 1fr);
    gap: 11px;
    overflow: hidden;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 16%, var(--zax-line));
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-violet) 13%, transparent), transparent 48%),
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-solid) 92%, transparent), color-mix(in srgb, var(--zax-panel) 88%, transparent));
    box-shadow: 0 16px 38px rgba(0,0,0,.08), inset 0 1px rgba(255,255,255,.045);
}

.zax-member-profile-highlight-grid article > span {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #f7fffc;
    background: var(--zax-gradient-brand);
    box-shadow: 0 9px 22px color-mix(in srgb, var(--zax-cyan) 13%, transparent);
}

.zax-member-profile-highlight-grid article:nth-child(2n) > span { background: var(--zax-gradient-violet); }
.zax-member-profile-highlight-grid article:last-child > span { color: #15231e; background: var(--zax-gradient-commerce); }
.zax-member-profile-highlight-grid article > div { display: flex; min-width: 0; flex-direction: column; }
.zax-member-profile-highlight-grid small { color: var(--zax-muted); font-size: 7px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.zax-member-profile-highlight-grid strong { margin: 3px 0 5px; overflow-wrap: anywhere; color: var(--zax-text); font-size: 11px; line-height: 1.35; }
.zax-member-profile-highlight-grid p { margin: 0; overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; line-height: 1.55; }

.zax-member-profile-card-grid article {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-violet) 9%, transparent), transparent 48%),
        color-mix(in srgb, var(--zax-panel) 94%, transparent);
}
.zax-member-profile-card-grid article > span { border: 1px solid color-mix(in srgb, var(--zax-cyan) 30%, transparent); color: #f7fffc; background: var(--zax-gradient-brand); }
.zax-member-profile-card-grid article:nth-child(2n) > span { background: var(--zax-gradient-violet); }

.zax-member-profile-assurance {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 13px 14px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 15px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zax-cyan) 7%, var(--zax-panel)), color-mix(in srgb, var(--zax-violet) 6%, var(--zax-panel)));
}

.zax-member-profile-assurance > .dashicons { flex: 0 0 auto; color: var(--zax-cyan); }
.zax-member-profile-assurance > span { display: flex; min-width: 0; flex-direction: column; }
.zax-member-profile-assurance strong { color: var(--zax-text); font-size: 10px; }
.zax-member-profile-assurance small { margin-top: 2px; overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; line-height: 1.5; }

.zax-app[data-theme="light"] :is(.zax-readiness-card, .zax-stat-grid article, .zax-seller-payout-hero, .zax-chat-privacy, .zax-notification-menu) {
    background-image:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-violet) 9%, transparent), transparent 43%),
        radial-gradient(circle at 0 100%, color-mix(in srgb, var(--zax-cyan) 9%, transparent), transparent 46%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), color-mix(in srgb, #f4faf7 94%, var(--zax-cyan)));
}

@media (max-width: 900px) {
    .zax-chat-message-options { grid-template-columns: minmax(0, 1fr) minmax(126px, .72fr); }
    .zax-chat-view-once { grid-template-columns: 32px minmax(0, 1fr) max-content; }
    .zax-member-profile-highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .zax-command:not([hidden]) {
        padding-top: max(12px, env(safe-area-inset-top));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        padding-left: max(12px, env(safe-area-inset-left));
    }
    .zax-command-dialog {
        height: calc(var(--zax-visual-viewport-height, 100dvh) - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));
        padding: 10px;
        border-radius: 18px;
    }
    .zax-command-results button { min-height: 54px; padding: 9px 8px; }
    .zax-member-profile-page :is(.zax-member-profile-section-heading, .zax-member-profile-highlight-grid, .zax-member-profile-assurance) {
        margin-right: max(12px, env(safe-area-inset-right));
        margin-left: max(12px, env(safe-area-inset-left));
    }
}

@media (max-width: 620px) {
    .zax-member-profile-highlight-grid { grid-template-columns: 1fr; }
    .zax-member-profile-highlight-grid article { min-height: 0; grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: auto; align-items: start; }
    .zax-member-profile-section-heading { grid-template-columns: 42px minmax(0, 1fr); }
    .zax-member-profile-section-heading > span { width: 42px; height: 42px; border-radius: 13px; }
    .zax-member-profile-section-heading strong { font-size: 13px; }
}

@media (max-width: 380px) {
    .zax-chat-message-options { grid-template-columns: 1fr; }
    .zax-chat-view-once-option { min-height: 38px; }
}

/* 1.5.43: live unread counts on desktop and mobile Community message icons. */
[data-community-message-badge][hidden] { display: none !important; }

[data-community-message-badge] {
    position: relative;
    display: inline-grid;
    min-width: 21px !important;
    height: 21px;
    place-items: center;
    padding: 0 5px !important;
    border: 2px solid var(--zax-panel-solid);
    border-radius: 999px;
    color: #f8fffc !important;
    background: var(--zax-gradient-violet) !important;
    box-shadow: 0 7px 18px color-mix(in srgb, var(--zax-violet) 28%, transparent), inset 0 1px rgba(255,255,255,.3);
    font-size: 8px !important;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.zax-community-rail > nav [data-community-message-badge] {
    justify-self: end;
}

@media (max-width: 900px) {
    .zax-community-mobile-dock > button > [data-community-message-badge] {
        position: absolute;
        z-index: 5;
        top: 0;
        right: calc(50% - 22px);
        min-width: 19px !important;
        height: 19px;
        padding: 0 4px !important;
        border-color: color-mix(in srgb, var(--zax-panel-solid) 90%, transparent);
        font-size: 7px !important;
    }
}

/* 1.5.44: full-height Windows chat with the text composer anchored to the bottom. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-community-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-view,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-app {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-app {
        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-window {
        position: relative;
        display: flex;
        height: 100% !important;
        min-height: 0;
        flex-direction: column;
        align-items: stretch;
        overflow: hidden;
    }

    .zax-community-page.is-chat-active .zax-chat-window-header,
    .zax-community-page.is-chat-active .zax-chat-thread-search,
    .zax-community-page.is-chat-active .zax-chat-privacy,
    .zax-community-page.is-chat-active .zax-chat-composer {
        flex: 0 0 auto;
    }

    .zax-community-page.is-chat-active .zax-chat-thread {
        height: 0;
        min-height: 0;
        flex: 1 1 auto;
        padding-top: 20px;
        padding-bottom: 18px;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-padding-bottom: 22px;
    }

    .zax-community-page.is-chat-active .zax-chat-composer {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: auto;
        padding: 8px 14px 10px;
        gap: 6px;
        border-top-color: color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
        background:
            linear-gradient(135deg, color-mix(in srgb, var(--zax-cyan) 4%, transparent), color-mix(in srgb, var(--zax-violet) 4%, transparent)),
            color-mix(in srgb, var(--zax-panel-solid) 96%, transparent);
        box-shadow: 0 -18px 44px rgba(0, 0, 0, .13), inset 0 1px rgba(255,255,255,.05);
    }

    .zax-community-page.is-chat-active .zax-chat-message-options {
        display: flex;
        width: 100%;
        min-width: 0;
        align-items: center;
        gap: 7px;
    }

    .zax-community-page.is-chat-active :is(.zax-chat-retention-option, .zax-chat-view-once-option) {
        width: auto;
        min-width: 178px;
        min-height: 34px;
        padding: 4px 8px;
        border-radius: 10px;
    }

    .zax-community-page.is-chat-active :is(.zax-chat-retention-option > .dashicons, .zax-chat-view-once-check) {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 8px;
        font-size: 14px;
    }

    .zax-community-page.is-chat-active .zax-chat-retention-option select { font-size: 9px; }
    .zax-community-page.is-chat-active .zax-chat-composer-note { display: none; }
    .zax-community-page.is-chat-active .zax-chat-composer-row { width: 100%; }
    .zax-community-page.is-chat-active .zax-chat-message-field { min-height: 44px; }
}

/* 1.5.46: online-store Seller Studio with responsive app screens and animated commerce analytics. */
.zax-seller-studio {
    --zax-store-border: color-mix(in srgb, var(--zax-cyan) 17%, var(--zax-line));
    --zax-store-surface: color-mix(in srgb, var(--zax-panel-solid) 92%, transparent);
    width: 100%;
    padding: clamp(14px, 2vw, 26px) !important;
    background:
        radial-gradient(circle at 8% 2%, rgba(81, 230, 189, .055), transparent 23%),
        radial-gradient(circle at 92% 7%, rgba(154, 140, 255, .055), transparent 24%);
}

.zax-seller-app-header,
.zax-seller-wallet-strip,
.zax-seller-tabs,
.zax-seller-panel {
    width: 100%;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
}

.zax-seller-app-header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
    padding: 17px 19px;
    border: 1px solid var(--zax-store-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 8% 0, rgba(81, 230, 189, .13), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        var(--zax-store-surface);
    box-shadow: 0 18px 52px rgba(0, 0, 0, .14), inset 0 1px rgba(255, 255, 255, .07);
}

.zax-seller-app-identity,
.zax-seller-app-actions,
.zax-seller-app-identity > div,
.zax-seller-wallet-strip button > div {
    display: flex;
    min-width: 0;
    align-items: center;
}

.zax-seller-app-identity { gap: 12px; }
.zax-seller-app-identity > span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    flex: 0 0 46px;
    border: 1px solid rgba(81, 230, 189, .3);
    border-radius: 15px;
    color: #061f18;
    background: var(--zax-gradient-brand);
    box-shadow: 0 12px 30px rgba(37, 192, 148, .2), inset 0 1px rgba(255, 255, 255, .45);
}
.zax-seller-app-identity > span .dashicons { width: 22px; height: 22px; font-size: 22px; }
.zax-seller-app-identity > div { align-items: flex-start; flex-direction: column; gap: 2px; }
.zax-seller-app-identity small { color: var(--zax-cyan); font-size: 9px; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
.zax-seller-app-identity strong { overflow: hidden; color: var(--zax-text); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-app-actions { gap: 9px; }
.zax-seller-app-actions em,
.zax-seller-app-actions button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .025);
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
}
.zax-seller-app-actions button { cursor: pointer; }
.zax-seller-app-actions button:hover { border-color: rgba(81, 230, 189, .32); color: var(--zax-cyan); }
.zax-seller-app-actions em i { width: 7px; height: 7px; border-radius: 50%; background: var(--zax-red); box-shadow: 0 0 0 4px rgba(255, 118, 109, .1); }
.zax-seller-app-actions em.is-live { color: var(--zax-cyan); }
.zax-seller-app-actions em.is-live i { background: var(--zax-cyan); box-shadow: 0 0 0 4px rgba(81, 230, 189, .1); animation: zax-seller-live-pulse 1.9s ease-out infinite; }

.zax-seller-wallet-strip {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, .75fr) minmax(260px, 1.2fr);
    gap: 9px;
    margin-bottom: 12px;
}
.zax-seller-wallet-strip button {
    display: grid;
    min-width: 0;
    min-height: 68px;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    color: var(--zax-text);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        color-mix(in srgb, var(--zax-panel) 92%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055);
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.zax-seller-wallet-strip button:hover { border-color: rgba(81, 230, 189, .3); transform: translateY(-1px); }
.zax-seller-wallet-strip button > div { align-items: flex-start; flex-direction: column; gap: 3px; }
.zax-seller-wallet-strip small { color: var(--zax-muted); font-size: 8px; }
.zax-seller-wallet-strip strong { width: 100%; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-wallet-strip button > .dashicons:last-child { color: var(--zax-muted); }
.zax-seller-wallet-strip .zax-wallet-token { width: 38px; height: 38px; flex-basis: 38px; font-size: 13px; }
.zax-seller-sales-token { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 13px; color: #061f18; background: var(--zax-gradient-commerce); box-shadow: 0 9px 22px rgba(218, 175, 78, .12); }

.zax-seller-studio .zax-seller-tabs {
    top: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 14px;
    border-color: var(--zax-store-border);
    background: color-mix(in srgb, var(--zax-panel-solid) 92%, transparent);
}
.zax-seller-tabs > button { min-height: 61px; }
.zax-seller-tabs > button.is-active { color: var(--zax-cyan); }
.zax-seller-panel { max-width: 1240px; }

.zax-seller-dashboard-welcome,
.zax-seller-page-intro {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 13px;
    padding: clamp(18px, 2.4vw, 27px);
    overflow: hidden;
    border: 1px solid var(--zax-store-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 0, rgba(81, 230, 189, .15), transparent 30%),
        radial-gradient(circle at 8% 100%, rgba(154, 140, 255, .09), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)),
        var(--zax-store-surface);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .07);
}
.zax-seller-dashboard-welcome > div { min-width: 0; }
.zax-seller-dashboard-welcome h2,
.zax-seller-page-intro h2 { margin: 4px 0 6px; color: var(--zax-text); font-size: clamp(19px, 2.2vw, 27px); line-height: 1.14; letter-spacing: -.025em; }
.zax-seller-dashboard-welcome p,
.zax-seller-page-intro p { max-width: 720px; margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.6; }
.zax-seller-dashboard-welcome .zax-button { flex: 0 0 auto; }

.zax-seller-page-intro { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; }
.zax-seller-page-intro > span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .26);
    border-radius: 17px;
    color: var(--zax-cyan);
    background: linear-gradient(145deg, rgba(81, 230, 189, .13), rgba(154, 140, 255, .08));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}
.zax-seller-page-intro > span .dashicons { width: 24px; height: 24px; font-size: 24px; }
.zax-seller-page-intro > div { min-width: 0; }
.zax-seller-page-intro > div > small { color: var(--zax-cyan); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.zax-seller-page-intro > em {
    display: flex;
    min-width: 64px;
    flex-direction: column;
    color: var(--zax-cyan);
    font-size: 21px;
    font-style: normal;
    font-weight: 850;
    line-height: 1;
    text-align: right;
}
.zax-seller-page-intro > em small { margin-top: 5px; color: var(--zax-muted); font-size: 8px; font-weight: 600; text-transform: uppercase; }
.zax-seller-page-intro > .zax-button { justify-self: end; }
.zax-seller-setup-intro { background: radial-gradient(circle at 92% 0, rgba(154, 140, 255, .16), transparent 30%), var(--zax-store-surface); }
.zax-seller-create-intro { background: radial-gradient(circle at 92% 0, rgba(81, 230, 189, .17), transparent 31%), var(--zax-store-surface); }
.zax-seller-products-intro { background: radial-gradient(circle at 92% 0, rgba(244, 184, 90, .12), transparent 30%), var(--zax-store-surface); }
.zax-seller-finance-intro { background: radial-gradient(circle at 92% 0, rgba(244, 184, 90, .16), transparent 30%), radial-gradient(circle at 8% 100%, rgba(81, 230, 189, .08), transparent 32%), var(--zax-store-surface); }

.zax-seller-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 13px;
}
.zax-seller-kpis article {
    display: grid;
    min-width: 0;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 14px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: var(--zax-store-surface);
    box-shadow: 0 13px 34px rgba(0, 0, 0, .075), inset 0 1px rgba(255, 255, 255, .055);
}
.zax-seller-kpis article > span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 14px; }
.zax-seller-kpis article > span.is-emerald { color: var(--zax-cyan); background: rgba(81, 230, 189, .1); }
.zax-seller-kpis article > span.is-violet { color: #afa5ff; background: rgba(154, 140, 255, .11); }
.zax-seller-kpis article > span.is-gold { color: var(--zax-amber); background: rgba(244, 184, 90, .11); }
.zax-seller-kpis article > span.is-blue { color: #6cc7ff; background: rgba(83, 177, 236, .1); }
.zax-seller-kpis article > div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.zax-seller-kpis small { color: var(--zax-muted); font-size: 8px; }
.zax-seller-kpis strong { overflow: hidden; color: var(--zax-text); font-size: clamp(15px, 1.8vw, 20px); letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-kpis em { overflow: hidden; color: var(--zax-soft); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

.zax-seller-analytics-grid,
.zax-seller-dashboard-lower {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, .75fr);
    align-items: stretch;
    gap: 12px;
    margin-bottom: 12px;
}
.zax-seller-dashboard-lower { grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); margin-bottom: 0; }
.zax-seller-commerce-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .04), transparent),
        var(--zax-store-surface);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .055);
}
.zax-seller-commerce-card > header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 12px; }
.zax-seller-commerce-card > header > div { min-width: 0; }
.zax-seller-commerce-card header small { color: var(--zax-cyan); font-size: 8px; font-weight: 780; text-transform: uppercase; }
.zax-seller-commerce-card h3 { margin: 3px 0; color: var(--zax-text); font-size: 14px; }
.zax-seller-commerce-card header p { margin: 0; color: var(--zax-muted); font-size: 9px; line-height: 1.5; }
.zax-seller-chart-card > header > span { display: flex; flex-direction: column; color: var(--zax-text); font-size: 20px; font-weight: 850; text-align: right; }
.zax-seller-chart-card > header > span small { margin-top: 3px; color: var(--zax-muted); font-size: 7px; font-weight: 600; }
.zax-seller-chart-plot { position: relative; height: 210px; margin: 16px 0 8px; padding: 12px 10px 0; overflow: hidden; }
.zax-seller-chart-grid { position: absolute; z-index: 0; inset: 12px 10px 28px; display: flex; flex-direction: column; justify-content: space-between; }
.zax-seller-chart-grid i { display: block; border-top: 1px dashed rgba(174, 215, 204, .09); }
.zax-seller-bars { position: relative; z-index: 1; display: grid; height: 100%; grid-template-columns: repeat(7, minmax(22px, 1fr)); align-items: end; gap: clamp(6px, 1.2vw, 16px); }
.zax-seller-bars > div { display: grid; height: 100%; grid-template-rows: minmax(0, 1fr) 22px; align-items: end; gap: 5px; }
.zax-seller-bars > div > span { position: relative; display: flex; width: min(34px, 72%); height: var(--zax-level); min-height: 8px; justify-self: center; border-radius: 9px 9px 4px 4px; background: linear-gradient(180deg, #79f1d0, #1c9d77 72%, rgba(28, 157, 119, .45)); box-shadow: 0 8px 20px rgba(38, 188, 145, .13), inset 0 1px rgba(255, 255, 255, .36); transform: scaleY(.02); transform-origin: center bottom; opacity: .25; }
.zax-seller-bars > div:nth-child(3n + 2) > span { background: linear-gradient(180deg, #b2a7ff, #7766e2 72%, rgba(119, 102, 226, .4)); }
.zax-seller-bars > div > span b { position: absolute; top: -18px; left: 50%; color: var(--zax-soft); font-size: 8px; transform: translateX(-50%); }
.zax-seller-bars > div > span i { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; }
.zax-seller-bars > div > span i::after { position: absolute; inset: -40% 0 auto; height: 45%; content: ""; background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .34), transparent); transform: translateY(-100%); }
.zax-seller-bars small { justify-self: center; color: var(--zax-muted); font-size: 8px; }
.zax-seller-panel.is-seller-animated .zax-seller-bars > div > span { animation: zax-seller-bar-rise .78s calc(var(--zax-index) * 75ms) cubic-bezier(.2,.72,.25,1) forwards; }
.zax-seller-panel.is-seller-animated .zax-seller-bars > div > span i::after { animation: zax-seller-bar-shine 2.7s calc(.8s + var(--zax-index) * 70ms) ease-in-out infinite; }
.zax-seller-chart-card > footer { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 12px; padding-top: 10px; border-top: 1px solid var(--zax-line); }
.zax-seller-chart-card > footer span { display: inline-flex; align-items: center; gap: 5px; color: var(--zax-soft); font-size: 8px; }
.zax-seller-chart-card > footer span i { width: 7px; height: 7px; border-radius: 3px; background: var(--zax-cyan); }
.zax-seller-chart-card > footer span i.is-product { background: var(--zax-violet); }
.zax-seller-chart-card > footer em { margin-left: auto; color: var(--zax-muted); font-size: 7px; font-style: normal; }

.zax-seller-inventory-card > header button { display: inline-flex; align-items: center; gap: 4px; padding: 5px 0; border: 0; color: var(--zax-cyan); background: transparent; font-size: 8px; font-weight: 750; cursor: pointer; }
.zax-seller-donut-wrap { display: grid; grid-template-columns: minmax(130px, .85fr) minmax(140px, 1fr); align-items: center; gap: 12px; padding: 17px 0; }
.zax-seller-donut { position: relative; width: 132px; max-width: 100%; aspect-ratio: 1; justify-self: center; }
.zax-seller-donut svg { width: 100%; height: 100%; overflow: visible; transform: rotate(-90deg); }
.zax-seller-donut circle { fill: none; stroke: rgba(174, 215, 204, .09); stroke-width: 12; }
.zax-seller-donut circle:last-child { stroke: url(#zax-seller-gradient); stroke: var(--zax-cyan); stroke-linecap: round; stroke-dasharray: 301.6; stroke-dashoffset: calc(301.6 - (301.6 * var(--zax-progress)) / 100); filter: drop-shadow(0 0 6px rgba(81, 230, 189, .28)); transform-origin: 60px 60px; opacity: 0; }
.zax-seller-panel.is-seller-animated .zax-seller-donut circle:last-child { animation: zax-seller-donut-in 1s .18s ease forwards; }
.zax-seller-donut > span { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.zax-seller-donut strong { color: var(--zax-text); font-size: 22px; line-height: 1; }
.zax-seller-donut small { margin-top: 5px; color: var(--zax-muted); font-size: 7px; text-transform: uppercase; }
.zax-seller-inventory-legend { display: grid; gap: 7px; }
.zax-seller-inventory-legend > span { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 8px; border: 1px solid var(--zax-line); border-radius: 10px; background: rgba(255, 255, 255, .018); }
.zax-seller-inventory-legend i { width: 7px; height: 7px; border-radius: 3px; background: var(--zax-cyan); }
.zax-seller-inventory-legend i.is-pending { background: var(--zax-amber); }
.zax-seller-inventory-legend i.is-rejected { background: var(--zax-red); }
.zax-seller-inventory-legend small { overflow: hidden; color: var(--zax-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-inventory-legend strong { font-size: 10px; }
.zax-seller-health { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--zax-line); }
.zax-seller-health > span { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(174, 215, 204, .09); }
.zax-seller-health > span i { display: block; width: var(--zax-health); height: 100%; border-radius: inherit; background: var(--zax-gradient-brand); transform: scaleX(0); transform-origin: left; }
.zax-seller-panel.is-seller-animated .zax-seller-health > span i { animation: zax-seller-health-in 1s .25s ease forwards; }
.zax-seller-health > div { display: flex; flex-direction: column; text-align: right; }
.zax-seller-health strong { font-size: 10px; }
.zax-seller-health small { color: var(--zax-muted); font-size: 7px; }

.zax-seller-studio .zax-seller-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.zax-seller-studio .zax-seller-launch-grid > button { min-height: 105px; }
.zax-seller-recent-card { display: flex; flex-direction: column; }
.zax-seller-recent-card > header > .dashicons { color: var(--zax-cyan); }
.zax-seller-recent-card > div { display: grid; gap: 2px; margin-top: 10px; }
.zax-seller-recent-card article { display: grid; min-width: 0; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--zax-line); }
.zax-seller-recent-card article:last-child { border-bottom: 0; }
.zax-seller-recent-card article > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-seller-recent-card article > span.is-debit { color: var(--zax-amber); background: rgba(244, 184, 90, .08); }
.zax-seller-recent-card article > div { display: flex; min-width: 0; flex-direction: column; }
.zax-seller-recent-card article strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-recent-card article small { color: var(--zax-muted); font-size: 7px; }
.zax-seller-recent-card article em { color: var(--zax-soft); font-size: 8px; font-style: normal; font-weight: 750; }
.zax-seller-activity-empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; padding: 20px; color: var(--zax-muted); text-align: center; }
.zax-seller-activity-empty > .dashicons { width: 32px; height: 32px; color: var(--zax-cyan); font-size: 32px; }
.zax-seller-activity-empty strong { margin: 10px 0 4px; color: var(--zax-text); font-size: 11px; }
.zax-seller-activity-empty small { max-width: 260px; font-size: 8px; line-height: 1.5; }

.zax-seller-studio .zax-vendor-plan-grid { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 12px; max-width: none; }
.zax-seller-studio :is(.zax-vendor-plan-card, .zax-vendor-status-card, .zax-vendor-onboarding) { border-color: var(--zax-line); background: var(--zax-store-surface); box-shadow: 0 16px 42px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .055); }
.zax-seller-storefront-preview {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--zax-store-border);
    border-radius: 20px;
    background: var(--zax-store-surface);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}
.zax-seller-storefront-scene { display: grid; min-width: 0; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 13px; padding: 16px; border: 1px solid var(--zax-line); border-radius: 17px; background: radial-gradient(circle at 100% 0, rgba(81, 230, 189, .13), transparent 40%), rgba(255, 255, 255, .02); }
.zax-seller-storefront-logo { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 18px; color: #062119; background: var(--zax-gradient-brand); }
.zax-seller-storefront-scene > div { min-width: 0; }
.zax-seller-storefront-scene small { color: var(--zax-cyan); font-size: 8px; text-transform: uppercase; }
.zax-seller-storefront-scene h3 { margin: 3px 0; overflow-wrap: anywhere; font-size: 15px; }
.zax-seller-storefront-scene p { margin: 0; overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-seller-storefront-scene > div > span { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; color: var(--zax-cyan); font-size: 8px; }
.zax-seller-storefront-scene > div > span i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.zax-seller-trust-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.zax-seller-trust-list article { display: flex; min-width: 0; align-items: flex-start; gap: 8px; padding: 12px; border: 1px solid var(--zax-line); border-radius: 14px; background: rgba(255, 255, 255, .018); }
.zax-seller-trust-list article > .dashicons { flex: 0 0 auto; color: var(--zax-cyan); }
.zax-seller-trust-list article > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.zax-seller-trust-list strong { font-size: 9px; }
.zax-seller-trust-list small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 8px; line-height: 1.45; }

.zax-seller-studio .zax-seller-layout-create { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr); align-items: start; max-width: none; gap: 12px; }
.zax-seller-studio .zax-seller-layout-create > :is(.zax-seller-form, .zax-seller-locked-card) { width: 100%; max-width: none; }
.zax-seller-product-preview {
    position: sticky;
    top: 92px;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--zax-store-border);
    border-radius: 21px;
    background: var(--zax-store-surface);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .06);
}
.zax-seller-product-preview > header { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; border-bottom: 1px solid var(--zax-line); }
.zax-seller-product-preview > header > span { color: var(--zax-soft); font-size: 9px; font-weight: 750; }
.zax-seller-product-preview > header em { display: inline-flex; align-items: center; gap: 5px; color: var(--zax-amber); font-size: 8px; font-style: normal; }
.zax-seller-product-preview > header em i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.zax-seller-preview-cover { position: relative; display: grid; min-height: 190px; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 35%, rgba(81, 230, 189, .24), transparent 25%), linear-gradient(145deg, #0b2c24, #161a36); }
.zax-seller-preview-cover::before,
.zax-seller-preview-cover::after { position: absolute; border: 1px solid rgba(81, 230, 189, .13); border-radius: 50%; content: ""; animation: zax-seller-preview-orbit 9s linear infinite; }
.zax-seller-preview-cover::before { width: 150px; height: 150px; }
.zax-seller-preview-cover::after { width: 220px; height: 220px; animation-direction: reverse; animation-duration: 13s; }
.zax-seller-product-preview.is-software-preview .zax-seller-preview-cover { background: radial-gradient(circle at 50% 35%, rgba(154, 140, 255, .26), transparent 25%), linear-gradient(145deg, #111c2d, #251b3d); }
.zax-seller-preview-cover > i { position: relative; z-index: 2; display: grid; width: 68px; height: 68px; place-items: center; border: 1px solid rgba(255, 255, 255, .18); border-radius: 22px; color: #061f18; background: var(--zax-gradient-brand); box-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .46); }
.zax-seller-preview-cover > i .dashicons { width: 30px; height: 30px; font-size: 30px; }
.zax-seller-preview-cover > span { position: absolute; right: 12px; bottom: 12px; padding: 6px 8px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 9px; color: #e9fff8; background: rgba(4, 15, 12, .58); font-size: 7px; backdrop-filter: blur(10px); }
.zax-seller-preview-cover > b { position: absolute; top: 12px; left: 12px; padding: 6px 8px; border-radius: 8px; color: #062119; background: var(--zax-cyan); font-size: 7px; text-transform: uppercase; }
.zax-seller-preview-copy { padding: 16px; }
.zax-seller-preview-copy > small { display: inline-flex; align-items: center; gap: 4px; color: var(--zax-cyan); font-size: 8px; }
.zax-seller-preview-copy > small .dashicons { width: 12px; height: 12px; color: var(--zax-amber); font-size: 12px; }
.zax-seller-preview-copy h3 { margin: 7px 0 5px; overflow-wrap: anywhere; font-size: 16px; }
.zax-seller-preview-copy > p { min-height: 48px; margin: 0; overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; line-height: 1.55; }
.zax-seller-preview-copy > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 13px 0 10px; }
.zax-seller-preview-copy > div strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 15px; }
.zax-seller-preview-copy > div span { display: inline-flex; align-items: center; gap: 4px; color: var(--zax-muted); font-size: 7px; }
.zax-seller-preview-copy > button { width: 100%; min-height: 42px; border: 0; border-radius: 12px; color: #062119; background: var(--zax-gradient-brand); font-size: 9px; font-weight: 850; opacity: .74; }
.zax-seller-product-preview > footer { display: flex; align-items: flex-start; gap: 8px; padding: 12px 15px; border-top: 1px solid var(--zax-line); color: var(--zax-cyan); background: rgba(81, 230, 189, .035); }
.zax-seller-product-preview > footer > span { display: flex; flex-direction: column; gap: 2px; }
.zax-seller-product-preview > footer strong { color: var(--zax-soft); font-size: 8px; }
.zax-seller-product-preview > footer small { color: var(--zax-muted); font-size: 7px; line-height: 1.45; }
.zax-seller-locked-card button { margin-top: 12px; }

.zax-seller-inventory-summary,
.zax-seller-finance-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 12px;
}
.zax-seller-inventory-summary article,
.zax-seller-finance-summary article { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 9px; padding: 12px; border: 1px solid var(--zax-line); border-radius: 16px; background: var(--zax-store-surface); box-shadow: inset 0 1px rgba(255, 255, 255, .05); }
.zax-seller-inventory-summary article > span,
.zax-seller-finance-summary article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-seller-inventory-summary article > div,
.zax-seller-finance-summary article > div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.zax-seller-inventory-summary small,
.zax-seller-finance-summary small { color: var(--zax-muted); font-size: 8px; }
.zax-seller-inventory-summary strong,
.zax-seller-finance-summary strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-finance-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zax-seller-finance-summary article { position: relative; grid-template-columns: 42px minmax(0, 1fr); padding-bottom: 17px; overflow: hidden; }
.zax-seller-finance-summary article > span { width: 42px; height: 42px; }
.zax-seller-finance-summary em { overflow: hidden; color: var(--zax-soft); font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.zax-seller-finance-summary article > i { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: rgba(174, 215, 204, .07); }
.zax-seller-finance-summary article > i::after { display: block; width: var(--zax-finance-level); height: 100%; border-radius: 0 999px 999px 0; content: ""; background: var(--zax-gradient-commerce); transform: scaleX(0); transform-origin: left; }
.zax-seller-panel.is-seller-animated .zax-seller-finance-summary article > i::after { animation: zax-seller-health-in .9s .18s ease forwards; }

.zax-seller-studio .zax-seller-listings { padding: 18px; border-color: var(--zax-line); background: var(--zax-store-surface); }
.zax-seller-inventory-toolbar { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 13px; padding: 10px; border: 1px solid var(--zax-line); border-radius: 15px; background: rgba(255, 255, 255, .018); }
.zax-seller-inventory-toolbar > label { display: grid; min-width: 210px; flex: 1 1 360px; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 7px; color: var(--zax-muted); }
.zax-seller-inventory-toolbar input { width: 100%; min-width: 0; height: 38px; padding: 0; border: 0; color: var(--zax-text); background: transparent; outline: 0; font-size: 10px; }
.zax-seller-inventory-toolbar > div { display: flex; flex: 0 0 auto; gap: 5px; }
.zax-seller-inventory-toolbar button { min-height: 34px; padding: 7px 10px; border: 1px solid transparent; border-radius: 10px; color: var(--zax-muted); background: transparent; font-size: 8px; font-weight: 750; cursor: pointer; }
.zax-seller-inventory-toolbar button.is-active { border-color: rgba(81, 230, 189, .24); color: var(--zax-cyan); background: rgba(81, 230, 189, .08); }
.zax-seller-studio .zax-seller-listings > article[data-seller-listing] { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; margin: 8px 0 0; padding: 14px; border: 1px solid var(--zax-line); border-radius: 16px; background: rgba(255, 255, 255, .02); }
.zax-seller-studio .zax-seller-listings > article[data-seller-listing][hidden] { display: none !important; }
.zax-seller-studio .zax-seller-listings > article[data-seller-listing] > span { width: 52px; height: 52px; border-radius: 16px; }
.zax-seller-studio .zax-seller-listings > article[data-seller-listing] > div { min-width: 0; }
.zax-seller-studio .zax-seller-listings article strong { font-size: 12px !important; }
.zax-seller-studio .zax-seller-listings article p { margin-top: 3px; font-size: 9px !important; }
.zax-seller-studio .zax-seller-listings article em { display: inline-flex; padding: 4px 7px; border-radius: 8px; background: rgba(81, 230, 189, .07); font-size: 8px !important; }
.zax-seller-studio .zax-seller-listings article.status-pending em { color: var(--zax-amber); background: rgba(244, 184, 90, .07); }
.zax-seller-studio .zax-seller-listings article.status-rejected em { color: var(--zax-red); background: rgba(255, 118, 109, .07); }
.zax-seller-studio .zax-seller-listings article > footer { display: flex; grid-column: 2; align-items: center; justify-content: space-between; gap: 10px; padding-top: 9px; border-top: 1px solid var(--zax-line); }
.zax-seller-studio .zax-seller-listings article > footer > span { display: inline-flex; align-items: center; gap: 5px; color: var(--zax-muted); font-size: 8px; }
.zax-seller-studio .zax-seller-listings article > footer button { display: inline-flex; min-height: 32px; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid rgba(81, 230, 189, .22); border-radius: 9px; color: var(--zax-cyan); background: rgba(81, 230, 189, .06); font-size: 8px; font-weight: 750; cursor: pointer; }
.zax-seller-studio .zax-seller-listings article > footer small { color: var(--zax-muted); font-size: 8px; }
.zax-seller-filter-empty { margin-top: 10px; }

.zax-seller-studio .zax-seller-payouts { gap: 12px; }
.zax-seller-studio .zax-seller-balance-grid article { border-color: var(--zax-line); background: var(--zax-store-surface); box-shadow: inset 0 1px rgba(255, 255, 255, .055); }
.zax-seller-studio .zax-seller-withdrawal-form,
.zax-seller-studio .zax-seller-withdrawal-history { border: 1px solid var(--zax-line); border-radius: 19px; background: var(--zax-store-surface); box-shadow: 0 16px 42px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .055); }

@keyframes zax-seller-live-pulse {
    70% { box-shadow: 0 0 0 7px rgba(81, 230, 189, 0); }
    100% { box-shadow: 0 0 0 0 rgba(81, 230, 189, 0); }
}
@keyframes zax-seller-bar-rise { to { opacity: 1; transform: scaleY(1); } }
@keyframes zax-seller-bar-shine { 0%, 55% { transform: translateY(-130%); } 78%, 100% { transform: translateY(450%); } }
@keyframes zax-seller-donut-in { from { stroke-dashoffset: 301.6; opacity: .3; } to { opacity: 1; } }
@keyframes zax-seller-health-in { to { transform: scaleX(1); } }
@keyframes zax-seller-preview-orbit { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
    .zax-seller-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-seller-analytics-grid,
    .zax-seller-dashboard-lower { grid-template-columns: 1fr; }
    .zax-seller-recent-card { min-height: 250px; }
    .zax-seller-storefront-preview { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .zax-community-page.is-seller-active .zax-community-top { display: none; }
    .zax-seller-studio { padding: 0 0 calc(32px + var(--zax-mobile-dock-clearance)) !important; background: var(--zax-bg); }
    .zax-seller-app-header { margin: 0; padding: 13px max(13px, env(safe-area-inset-right)) 12px max(13px, env(safe-area-inset-left)); border-width: 0 0 1px; border-radius: 0; box-shadow: none; }
    .zax-seller-app-identity > span { width: 42px; height: 42px; flex-basis: 42px; border-radius: 14px; }
    .zax-seller-app-identity small { font-size: 8px; }
    .zax-seller-app-identity strong { max-width: 42vw; font-size: 13px; }
    .zax-seller-app-actions em { display: none; }
    .zax-seller-app-actions button { width: 40px; height: 40px; min-height: 40px; justify-content: center; padding: 0; border-radius: 13px; }
    .zax-seller-app-actions button > span { display: none; }

    .zax-seller-wallet-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 10px 12px; }
    .zax-seller-wallet-strip button { min-height: 64px; grid-template-columns: 35px minmax(0, 1fr); padding: 9px 10px; border-radius: 15px; }
    .zax-seller-wallet-strip button:last-child { grid-column: 1 / -1; }
    .zax-seller-wallet-strip button > .dashicons:last-child { display: none; }
    .zax-seller-wallet-strip .zax-wallet-token,
    .zax-seller-sales-token { width: 35px; height: 35px; flex-basis: 35px; border-radius: 12px; }
    .zax-seller-wallet-strip strong { font-size: 10px; }

    .zax-seller-studio .zax-seller-tabs { position: sticky; z-index: 50; top: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; margin: 0; padding: 6px max(5px, env(safe-area-inset-right)) 6px max(5px, env(safe-area-inset-left)); border-width: 1px 0; border-radius: 0; background: rgba(9, 23, 19, .94); box-shadow: 0 12px 28px rgba(0, 0, 0, .18); backdrop-filter: blur(20px) saturate(145%); }
    .zax-seller-tabs > button { min-height: 56px; grid-template-columns: 1fr; grid-template-rows: 23px auto; gap: 3px; padding: 4px 1px; border-radius: 11px; text-align: center; }
    .zax-seller-tabs > button > .dashicons { width: 23px; height: 23px; justify-self: center; border: 0; background: transparent; font-size: 20px; line-height: 23px; }
    .zax-seller-tabs > button > span { align-items: center; }
    .zax-seller-tabs strong { max-width: 100%; font-size: 8px; line-height: 1.12; }
    .zax-seller-tabs small { display: none; }
    .zax-seller-tabs > button > b { top: 1px; right: calc(50% - 24px); min-width: 17px; height: 17px; border-width: 1px; font-size: 7px; }

    .zax-seller-panel { padding: 11px 12px 0; }
    .zax-seller-dashboard-welcome,
    .zax-seller-page-intro { margin-bottom: 10px; padding: 16px; border-radius: 18px; }
    .zax-seller-dashboard-welcome { align-items: flex-start; flex-direction: column; gap: 12px; }
    .zax-seller-dashboard-welcome h2,
    .zax-seller-page-intro h2 { font-size: 19px; }
    .zax-seller-dashboard-welcome p,
    .zax-seller-page-intro p { font-size: 10px; }
    .zax-seller-dashboard-welcome .zax-button { width: 100%; justify-content: center; }
    .zax-seller-page-intro { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; }
    .zax-seller-page-intro > span { width: 44px; height: 44px; border-radius: 14px; }
    .zax-seller-page-intro > span .dashicons { width: 21px; height: 21px; font-size: 21px; }
    .zax-seller-page-intro > em { min-width: 46px; font-size: 16px; }
    .zax-seller-products-intro { grid-template-columns: 44px minmax(0, 1fr); }
    .zax-seller-products-intro > .zax-button { width: 100%; grid-column: 1 / -1; justify-content: center; }

    .zax-seller-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
    .zax-seller-kpis article { grid-template-columns: 37px minmax(0, 1fr); gap: 8px; padding: 11px; border-radius: 16px; }
    .zax-seller-kpis article > span { width: 37px; height: 37px; border-radius: 12px; }
    .zax-seller-kpis strong { font-size: 15px; }
    .zax-seller-kpis em { font-size: 7px; }
    .zax-seller-analytics-grid,
    .zax-seller-dashboard-lower { grid-template-columns: 1fr; gap: 9px; margin-bottom: 9px; }
    .zax-seller-commerce-card { padding: 14px; border-radius: 18px; }
    .zax-seller-chart-plot { height: 190px; margin-top: 12px; padding-right: 0; padding-left: 0; }
    .zax-seller-chart-grid { right: 0; left: 0; }
    .zax-seller-bars { gap: 6px; }
    .zax-seller-bars > div > span { width: 68%; }
    .zax-seller-chart-card > footer em { width: 100%; margin-left: 0; }
    .zax-seller-donut-wrap { grid-template-columns: 122px minmax(0, 1fr); }
    .zax-seller-donut { width: 116px; }
    .zax-seller-studio .zax-seller-launch-grid { grid-template-columns: 1fr; gap: 8px; margin: 0; }
    .zax-seller-studio .zax-seller-launch-grid > button { min-height: 92px; }
    .zax-seller-recent-card { min-height: 230px; }

    .zax-seller-studio .zax-vendor-plan-grid,
    .zax-seller-studio .zax-seller-layout-create { grid-template-columns: 1fr; gap: 9px; }
    .zax-seller-studio :is(.zax-vendor-plan-card, .zax-vendor-status-card, .zax-vendor-onboarding, .zax-seller-form, .zax-seller-locked-card) { padding: 15px; border: 1px solid var(--zax-line); border-radius: 18px; box-shadow: inset 0 1px rgba(255, 255, 255, .05); }
    .zax-seller-storefront-preview { grid-template-columns: 1fr; padding: 13px; border-radius: 18px; }
    .zax-seller-trust-list { grid-template-columns: 1fr; }
    .zax-seller-product-preview { position: relative; top: auto; border-radius: 18px; }
    .zax-seller-preview-cover { min-height: 180px; }

    .zax-seller-inventory-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .zax-seller-finance-summary { grid-template-columns: 1fr; gap: 7px; }
    .zax-seller-inventory-summary article,
    .zax-seller-finance-summary article { padding: 10px; border-radius: 15px; }
    .zax-seller-studio .zax-seller-listings { padding: 13px; border: 1px solid var(--zax-line); border-radius: 18px; }
    .zax-seller-inventory-toolbar { align-items: stretch; flex-direction: column; gap: 7px; padding: 9px; }
    .zax-seller-inventory-toolbar > label { min-width: 0; flex-basis: auto; padding: 0 7px; border: 1px solid var(--zax-line); border-radius: 12px; }
    .zax-seller-inventory-toolbar input { height: 44px; font-size: 16px; }
    .zax-seller-inventory-toolbar > div { width: 100%; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
    .zax-seller-inventory-toolbar > div::-webkit-scrollbar { display: none; }
    .zax-seller-inventory-toolbar button { min-width: max-content; min-height: 38px; }
    .zax-seller-studio .zax-seller-listings > article[data-seller-listing] { grid-template-columns: 46px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .zax-seller-studio .zax-seller-listings > article[data-seller-listing] > span { width: 46px; height: 46px; border-radius: 14px; }
    .zax-seller-studio .zax-seller-listings article > footer { grid-column: 1 / -1; }

    .zax-seller-studio .zax-seller-balance-grid { grid-template-columns: 1fr; gap: 8px; }
    .zax-seller-studio .zax-seller-payout-layout { grid-template-columns: 1fr; gap: 9px; }
    .zax-seller-studio .zax-seller-withdrawal-form,
    .zax-seller-studio .zax-seller-withdrawal-history { padding: 14px; border-radius: 18px; }
    .zax-seller-studio .zax-seller-withdrawal-history { padding: 0; }
    .zax-seller-studio :is(input, select, textarea) { font-size: 16px !important; }
}

@media (max-width: 420px) {
    .zax-seller-panel { padding-right: 10px; padding-left: 10px; }
    .zax-seller-wallet-strip { padding-right: 10px; padding-left: 10px; }
    .zax-seller-app-identity strong { max-width: 45vw; }
    .zax-seller-page-intro { grid-template-columns: 40px minmax(0, 1fr); }
    .zax-seller-page-intro > span { width: 40px; height: 40px; }
    .zax-seller-page-intro > em { grid-column: 2; align-items: flex-start; text-align: left; }
    .zax-seller-kpis { grid-template-columns: 1fr 1fr; }
    .zax-seller-kpis article { grid-template-columns: 1fr; align-items: start; }
    .zax-seller-kpis article > span { width: 34px; height: 34px; }
    .zax-seller-kpis strong { font-size: 14px; }
    .zax-seller-donut-wrap { grid-template-columns: 1fr; }
    .zax-seller-inventory-legend { width: 100%; }
    .zax-seller-storefront-scene { grid-template-columns: 48px minmax(0, 1fr); padding: 12px; }
    .zax-seller-storefront-logo { width: 48px; height: 48px; border-radius: 15px; }
    .zax-seller-studio .zax-seller-listings article > footer { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-seller-studio *,
    .zax-seller-studio *::before,
    .zax-seller-studio *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .zax-seller-bars > div > span,
    .zax-seller-donut circle:last-child,
    .zax-seller-health > span i,
    .zax-seller-finance-summary article > i::after { opacity: 1; transform: none; }
}

/* 1.5.62: dock the complete mobile message card like a native texting app. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer {
        position: fixed !important;
        z-index: 1035 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px max(9px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left)) !important;
        border-radius: 0 !important;
        transform: translateZ(0) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-thread {
        padding-bottom: calc(var(--zax-chat-composer-height, 118px) + 14px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 118px) + 20px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer {
        bottom: var(--zax-keyboard-offset, 0px) !important;
        padding-bottom: 8px !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer-row.is-keyboard-docked {
        position: relative !important;
        z-index: auto !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        transform: none !important;
    }
}

/* 1.5.63: remove mobile double-tap and pinch zoom while preserving app scrolling. */
@media (hover: none) and (pointer: coarse) {
    html,
    body.zaxsecurity-portal-page,
    body.zaxsecurity-portal-page .zax-app {
        touch-action: manipulation !important;
        -ms-touch-action: manipulation !important;
    }
}

/* 1.5.64: Seller Studio uses only its own mobile store navigation. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-rail,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-top {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-main {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        flex: 1 1 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-seller-studio:not([hidden]) {
        height: 100% !important;
        min-height: 0 !important;
    }
}

/* 1.5.65: removable read notifications with a compact silk delete action. */
.zax-notification-row {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    gap: 3px;
    border-radius: 14px;
    transition: opacity .18s ease, transform .18s ease;
}

.zax-notification-row.is-unread .zax-notification-item {
    background: color-mix(in srgb, var(--zax-cyan) 5%, transparent);
}

.zax-notification-delete {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--zax-red) 18%, var(--zax-line));
    border-radius: 10px;
    color: color-mix(in srgb, var(--zax-red) 72%, var(--zax-soft));
    background: color-mix(in srgb, var(--zax-red) 5%, transparent);
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, opacity .18s ease;
}

.zax-notification-delete .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
}

.zax-notification-delete:hover,
.zax-notification-delete:focus-visible {
    border-color: color-mix(in srgb, var(--zax-red) 46%, transparent);
    color: #fff;
    background: linear-gradient(145deg, color-mix(in srgb, var(--zax-red) 82%, #ffad79), var(--zax-red));
    outline: none;
    transform: translateY(-1px);
}

.zax-notification-row.is-unread .zax-notification-delete {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.zax-notification-delete:disabled {
    cursor: wait;
    opacity: .55;
}

.zax-notification-delete.is-loading .dashicons {
    animation: zax-notification-delete-spin .75s linear infinite;
}

@keyframes zax-notification-delete-spin {
    to { transform: rotate(360deg); }
}

.zax-notification-row.is-removing {
    opacity: 0;
    transform: translateX(18px) scale(.98);
    pointer-events: none;
}

.zax-notification-empty {
    display: flex;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 24px;
    color: var(--zax-muted);
    text-align: left;
}

.zax-notification-empty > .dashicons {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    color: var(--zax-cyan);
    font-size: 38px;
}

.zax-notification-empty > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-notification-empty strong {
    color: var(--zax-text);
    font-size: 11px;
}

.zax-notification-empty small {
    color: var(--zax-muted);
    font-size: 9px !important;
}

@media (max-width: 520px) {
    .zax-notification-row {
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 2px;
    }

    .zax-notification-delete {
        width: 32px;
        height: 32px;
    }
}

/* 1.5.66: vendor product editing and mandatory administrator reapproval. */
.zax-seller-form.is-editing {
    border-color: color-mix(in srgb, var(--zax-amber) 36%, var(--zax-store-border));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .1), inset 0 1px color-mix(in srgb, var(--zax-amber) 16%, transparent);
}

.zax-seller-edit-notice {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0 0 13px;
    padding: 11px;
    border: 1px solid color-mix(in srgb, var(--zax-amber) 30%, var(--zax-line));
    border-radius: 14px;
    color: var(--zax-amber);
    background: linear-gradient(145deg, color-mix(in srgb, var(--zax-amber) 10%, transparent), color-mix(in srgb, var(--zax-violet) 5%, transparent));
}

.zax-seller-edit-notice[hidden] {
    display: none !important;
}

.zax-seller-edit-notice > .dashicons {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: #251705;
    background: var(--zax-gradient-commerce);
    font-size: 18px;
    line-height: 38px;
}

.zax-seller-edit-notice > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-seller-edit-notice strong {
    color: var(--zax-text);
    font-size: 10px;
}

.zax-seller-edit-notice small {
    color: var(--zax-soft);
    font-size: 8px !important;
    line-height: 1.45;
}

.zax-seller-edit-notice > button,
.zax-seller-listing-actions > button {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 22%, var(--zax-line));
    border-radius: 10px;
    color: var(--zax-cyan);
    background: color-mix(in srgb, var(--zax-cyan) 7%, transparent);
    font-size: 8px;
    font-weight: 780;
    cursor: pointer;
}

.zax-seller-edit-notice > button {
    border-color: color-mix(in srgb, var(--zax-amber) 28%, var(--zax-line));
    color: var(--zax-amber);
    background: color-mix(in srgb, var(--zax-amber) 7%, transparent);
}

.zax-seller-edit-notice button .dashicons,
.zax-seller-listing-actions button .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
}

.zax-seller-listing-actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.zax-seller-listing-actions > small {
    max-width: 190px;
    text-align: right;
}

@media (max-width: 600px) {
    .zax-seller-edit-notice {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .zax-seller-edit-notice > button {
        width: 100%;
        grid-column: 1 / -1;
    }

    .zax-seller-listing-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .zax-seller-listing-actions > small {
        width: 100%;
        max-width: none;
        text-align: left;
    }
}

/* WhatsApp-style cyber doodles: small, calm, and intentionally low contrast so
 * message text always remains the primary layer. */
.zax-chat-thread {
    position: relative;
    isolation: isolate;
    background-color: color-mix(in srgb, var(--zax-bg) 97%, var(--zax-panel-solid));
    background-image: url("../images/zaxsecurity-chat-doodle-wallpaper.svg");
    background-repeat: repeat;
    background-position: center center;
    background-size: 540px 420px;
    background-attachment: local;
}

.zax-chat-thread::before {
    display: none;
}

.zax-chat-thread > * {
    position: relative;
    z-index: 1;
}

.zax-app[data-theme="light"] .zax-chat-thread {
    background-color: color-mix(in srgb, var(--zax-bg) 98%, #fff);
}

@media (max-width: 900px) {
    .zax-chat-thread {
        background-size: 430px 335px;
    }
}

/* 1.5.50: Community profiles share the standard Community workspace. */
.zax-community-page.is-profile-active .zax-fyp-nav,
.zax-community-page.is-profile-active .zax-fyp-nav[hidden] {
    display: none !important;
}

.zax-community-page.is-profile-active .zax-community-main {
    overflow: hidden !important;
    background:
        linear-gradient(rgba(81, 230, 189, .018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 230, 189, .018) 1px, transparent 1px),
        radial-gradient(circle at 82% 4%, rgba(81, 230, 189, .075), transparent 30%),
        radial-gradient(circle at 8% 94%, rgba(154, 140, 255, .055), transparent 32%),
        var(--zax-bg) !important;
    background-size: 28px 28px, 28px 28px, auto, auto, auto !important;
}

.zax-community-page.is-profile-active .zax-fyp-view {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page {
    position: absolute !important;
    z-index: 24 !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 92% 0, rgba(81, 230, 189, .075), transparent 28%),
        radial-gradient(circle at 5% 90%, rgba(154, 140, 255, .05), transparent 30%),
        color-mix(in srgb, var(--zax-bg) 96%, transparent) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.zax-community-page .zax-member-profile-page[hidden] {
    display: none !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page > section {
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page > section > header {
    position: relative !important;
    z-index: 5 !important;
    min-height: 69px !important;
    grid-template-columns: 42px minmax(0, 1fr) 38px !important;
    gap: 12px !important;
    padding: 11px 18px !important;
    border-bottom: 1px solid var(--zax-line) !important;
    background: color-mix(in srgb, var(--zax-panel-strong) 90%, transparent) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .07) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page > section > header > button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border-color: var(--zax-line) !important;
    background: rgba(255, 255, 255, .025) !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page > section > header > b {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page .zax-member-profile-scroll {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-self: stretch !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 0 0 38px !important;
    scroll-padding: 18px 0 38px !important;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.zax-community-page.is-profile-active .zax-member-profile-page .zax-member-profile-cover {
    width: 100% !important;
    height: clamp(190px, 28vh, 285px) !important;
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
}

.zax-community-page.is-profile-active .zax-member-profile-page :is(
    .zax-member-profile-identity,
    .zax-member-profile-bio,
    .zax-member-profile-vendor,
    .zax-member-profile-stats,
    .zax-member-profile-actions,
    .zax-member-profile-section-heading,
    .zax-member-profile-highlight-grid,
    .zax-member-profile-card-grid,
    .zax-member-profile-assurance
) {
    width: auto !important;
    max-width: none !important;
    margin-right: clamp(15px, 2.4vw, 30px) !important;
    margin-left: clamp(15px, 2.4vw, 30px) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-community-page.is-active {
    animation: none !important;
    transform: none !important;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-profile-page-open .zax-community-page.is-active.is-fyp-active .zax-fyp-shell > .zax-fyp-nav,
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-profile-page-open .zax-community-page.is-active.is-fyp-active .zax-fyp-shell > .zax-fyp-nav[hidden] {
        display: none !important;
        min-height: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .zax-community-page.is-profile-active .zax-member-profile-page > section > header {
        min-height: 62px !important;
        grid-template-columns: 40px minmax(0, 1fr) 36px !important;
        gap: 9px !important;
        padding: 9px max(12px, env(safe-area-inset-right)) 9px max(12px, env(safe-area-inset-left)) !important;
    }

    .zax-community-page.is-profile-active .zax-member-profile-page > section > header > button {
        width: 38px !important;
        height: 38px !important;
    }

    .zax-community-page.is-profile-active .zax-member-profile-page > section > header > b {
        width: 36px !important;
        height: 36px !important;
    }

    .zax-community-page.is-profile-active .zax-member-profile-page > section > header strong {
        font-size: 13px !important;
    }

    .zax-community-page.is-profile-active .zax-member-profile-page .zax-member-profile-cover {
        height: clamp(170px, 25vh, 225px) !important;
    }

    .zax-community-page.is-profile-active .zax-member-profile-page :is(
        .zax-member-profile-identity,
        .zax-member-profile-bio,
        .zax-member-profile-vendor,
        .zax-member-profile-stats,
        .zax-member-profile-actions,
        .zax-member-profile-section-heading,
        .zax-member-profile-highlight-grid,
        .zax-member-profile-card-grid,
        .zax-member-profile-assurance
    ) {
        margin-right: max(12px, env(safe-area-inset-right)) !important;
        margin-left: max(12px, env(safe-area-inset-left)) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-mobile-dock:not(.zax-community-mobile-dock) {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-profile-page-open .zax-community-mobile-dock {
        position: fixed !important;
        z-index: 1810 !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        bottom: max(10px, env(safe-area-inset-bottom)) !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        display: grid !important;
        width: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll {
        padding-bottom: calc(var(--zax-mobile-dock-clearance) + 30px) !important;
        scroll-padding-bottom: calc(var(--zax-mobile-dock-clearance) + 30px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-more-menu:not([hidden]) {
        z-index: 1900 !important;
    }
}

/* 1.5.69: full-canvas Dashboard, transparent mobile navigation, and app-like touch behavior. */
.zax-dashboard-page {
    width: calc(100% + clamp(18px, 3.4vw, 54px) + clamp(18px, 3.4vw, 54px)) !important;
    max-width: none !important;
    min-height: calc(100dvh - var(--zax-topbar));
    margin-top: calc(0px - clamp(24px, 3vw, 46px)) !important;
    margin-right: calc(0px - clamp(18px, 3.4vw, 54px)) !important;
    margin-left: calc(0px - clamp(18px, 3.4vw, 54px)) !important;
    padding: clamp(24px, 3vw, 46px) clamp(18px, 3.4vw, 54px) 72px;
    overflow-x: clip;
    background:
        radial-gradient(circle at 96% 0, rgba(81, 230, 189, .065), transparent 29%),
        radial-gradient(circle at 4% 100%, rgba(154, 140, 255, .05), transparent 31%),
        linear-gradient(180deg, color-mix(in srgb, var(--zax-bg) 98%, var(--zax-panel-solid)), var(--zax-bg));
}

@media (max-width: 900px) {
    .zax-dashboard-page {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: calc(100dvh - var(--zax-topbar));
        margin-top: -24px !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding:
            24px
            max(12px, env(safe-area-inset-right))
            calc(28px + var(--zax-mobile-dock-clearance))
            max(12px, env(safe-area-inset-left));
    }

    body.zaxsecurity-portal-page .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        border-color: rgba(129, 234, 205, .17) !important;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
            rgba(7, 18, 15, .38) !important;
        box-shadow:
            0 16px 38px rgba(0, 0, 0, .24),
            inset 0 1px rgba(255, 255, 255, .075) !important;
        backdrop-filter: blur(22px) saturate(155%) !important;
        -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock button {
        background: transparent !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock button.is-active,
    body.zaxsecurity-portal-page .zax-mobile-dock [data-more-open][aria-expanded="true"] {
        color: var(--zax-cyan) !important;
        background: rgba(81, 230, 189, .07) !important;
        box-shadow: inset 0 0 0 1px rgba(81, 230, 189, .09) !important;
    }

    body.zaxsecurity-portal-page .zax-app,
    body.zaxsecurity-portal-page .zax-main,
    body.zaxsecurity-portal-page .zax-page {
        touch-action: pan-x pan-y;
    }

    body.zaxsecurity-portal-page :is(button, a, input, select, textarea, [role="button"]) {
        touch-action: manipulation;
    }
}

/* 1.5.70: every application page uses the full canvas and mobile system bars keep the brand theme. */
@media (min-width: 901px) {
    .zax-page:not(.zax-community-page) {
        width: calc(100% + clamp(18px, 3.4vw, 54px) + clamp(18px, 3.4vw, 54px)) !important;
        max-width: none !important;
        min-height: calc(100dvh - var(--zax-topbar));
        margin-top: calc(0px - clamp(24px, 3vw, 46px)) !important;
        margin-right: calc(0px - clamp(18px, 3.4vw, 54px)) !important;
        margin-left: calc(0px - clamp(18px, 3.4vw, 54px)) !important;
        padding: clamp(24px, 3vw, 46px) clamp(18px, 3.4vw, 54px) 72px;
        overflow-x: clip;
    }
}

@media (max-width: 900px) {
    .zax-page:not(.zax-home-page):not(.zax-marketplace-page):not(.zax-wallet-page):not(.zax-live-page):not(.zax-community-page) {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: calc(100dvh - var(--zax-topbar));
        margin-top: -24px !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding:
            24px
            max(12px, env(safe-area-inset-right))
            calc(28px + var(--zax-mobile-dock-clearance))
            max(12px, env(safe-area-inset-left));
        overflow-x: clip;
    }

    body.zaxsecurity-portal-page::before {
        position: fixed;
        z-index: 2100;
        top: 0;
        right: 0;
        left: 0;
        height: env(safe-area-inset-top);
        background: var(--zax-system-bar-color, #07100e);
        content: "";
        pointer-events: none;
    }

    html,
    body.zaxsecurity-portal-page {
        background-color: var(--zax-system-bar-color, #07100e) !important;
    }
}

/* 1.5.71: consistent ten-row table pages with compact silk controls. */
.zax-table tbody > tr[hidden] {
    display: none !important;
}

.zax-table-pagination {
    min-height: 58px;
    background:
        linear-gradient(135deg, rgba(81, 230, 189, .035), rgba(154, 140, 255, .025)),
        color-mix(in srgb, var(--zax-panel-solid) 88%, transparent);
    backdrop-filter: blur(14px) saturate(135%);
    -webkit-backdrop-filter: blur(14px) saturate(135%);
}

.zax-table-pagination button:not(:disabled):hover {
    border-color: color-mix(in srgb, var(--zax-cyan) 34%, var(--zax-line));
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .065);
}

@media (max-width: 720px) {
    .zax-table-pagination {
        position: sticky;
        left: 0;
        width: 100%;
        min-width: min(100%, 300px);
        gap: 7px;
    }

    .zax-table-pagination button {
        min-width: 78px;
        min-height: 38px;
    }

    .zax-table-pagination span {
        flex: 1;
        font-size: 9px !important;
        line-height: 1.35;
    }
}

/* 1.5.72 final cascade guard: keep edge layouts and Community scroll repairs authoritative. */
/* 1.5.74: one edge-to-edge canvas for every public, member, and administrator page. */
body.zaxsecurity-portal-page .zax-shell,
body.zaxsecurity-portal-page .zax-main,
body.zaxsecurity-portal-page .zax-page.is-active {
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
}

body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-x: clip !important;
}

body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(div, section, article, header, main, form, footer) {
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(.zax-page-heading, .zax-welcome-row, .zax-section-heading, .zax-login-banner) {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: clamp(12px, 1.4vw, 20px);
    padding-left: clamp(12px, 1.4vw, 20px);
}

@media (min-width: 901px) {
    .zax-app:not(.is-public-view) .zax-shell {
        width: auto !important;
    }

    .zax-app:not(.is-public-view) .zax-main,
    .zax-app:not(.is-public-view) .zax-page.is-active {
        max-width: none !important;
    }

    .zax-app:not(.is-public-view) .zax-page.is-active:not(.zax-community-page) > :is(.zax-panel, .zax-table-panel, .zax-transaction-panel, .zax-topup-panel) {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(.zax-page-heading, .zax-welcome-row, .zax-section-heading, .zax-login-banner) {
        padding-right: max(12px, env(safe-area-inset-right));
        padding-left: max(12px, env(safe-area-inset-left));
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(.zax-panel, .zax-table-panel, .zax-transaction-panel, .zax-topup-panel) {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
/* 1.5.73 final Community restoration: full Windows canvas without compressed cards. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active :is(.zax-shell, .zax-main, .zax-community-page.is-active, .zax-community-shell) {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-shell {
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        max-height: none !important;
        grid-template-columns: clamp(258px, 19vw, 286px) minmax(0, 1fr) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail {
        width: auto !important;
        min-width: 0 !important;
        height: 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-main {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active:is(.is-fyp-active, .is-chat-active, .is-profile-active) .zax-community-main {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: clamp(12px, 1.25vw, 18px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-gutter: stable;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(.zax-fyp-view, .zax-chat-view) {
        padding: 0 !important;
        overflow: hidden !important;
        scrollbar-gutter: auto;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not(.zax-fyp-view):not(.zax-chat-view) > *,
    .zax-community-page.is-active :is(.zax-community-pinned, .zax-community-signin, .zax-message-privacy, .zax-community-composer) {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] :is(.zax-members-hero, .zax-member-directory-tools, .zax-member-directory-status) {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-members-hero {
        margin-top: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        width: 100% !important;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
        gap: clamp(12px, 1.2vw, 18px) !important;
        padding: 0 0 28px !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid > article {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 250px !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid :is(header, header > span, strong, small, p) {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="safety"] .zax-community-rules {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
    }

    .zax-community-page.is-active .zax-seller-studio,
    .zax-community-page.is-active .zax-seller-studio :is(.zax-seller-app-header, .zax-seller-wallet-strip, .zax-seller-tabs, .zax-seller-panel),
    .zax-community-page.is-active :is(.zax-chat-app, .zax-chat-window, .zax-chat-thread, .zax-member-profile-page, .zax-member-profile-page > section, .zax-fyp-shell, .zax-fyp-feed, .zax-fyp-post) {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .zax-community-page.is-active .zax-fyp-caption {
        width: auto !important;
        max-width: min(840px, calc(100% - 118px)) !important;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active :is(.zax-community-page.is-active, .zax-community-shell, .zax-community-main, .zax-community-view) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid > article,
    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid :is(header, header > span, strong, small, p) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}
@media (min-width: 901px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        height: auto !important;
        min-height: calc(100dvh - var(--zax-topbar));
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    .zax-app:not(.is-public-view) .zax-page.is-active:not(.zax-community-page) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zax-app:not(.is-public-view) .zax-page.is-active:not(.zax-community-page) > :is(.zax-page-heading, .zax-welcome-row, .zax-section-heading, .zax-login-banner) {
        margin-right: 0;
        margin-left: 0;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
        max-height: calc(100% - 116px) !important;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        height: auto !important;
        min-height: calc(100dvh - var(--zax-topbar));
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        max-height: none !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(.zax-page-heading, .zax-welcome-row, .zax-section-heading, .zax-login-banner) {
        margin-right: 0;
        margin-left: 0;
    }
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-feed {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: y mandatory;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-post,
body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-empty {
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: start;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
    max-width: calc(100% - 92px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions {
    max-height: calc(100% - 112px - var(--zax-mobile-dock-clearance, 0px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
}

body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active :is(.zax-fyp-caption, .zax-fyp-actions)::-webkit-scrollbar {
    display: none;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-rail {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active :is(.zax-community-main, .zax-fyp-view, .zax-fyp-shell, .zax-fyp-feed) {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-community-main {
        flex: 1 1 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active :is(.zax-fyp-post, .zax-fyp-empty) {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
        right: 76px !important;
        bottom: calc(var(--zax-mobile-dock-clearance) + 8px) !important;
        left: max(12px, env(safe-area-inset-left)) !important;
        max-width: none !important;
        max-height: calc(100% - var(--zax-mobile-dock-clearance) - 104px) !important;
        padding: 0 5px 7px 0;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions {
        right: max(10px, env(safe-area-inset-right));
        bottom: calc(var(--zax-mobile-dock-clearance) + 8px) !important;
        max-height: calc(100% - var(--zax-mobile-dock-clearance) - 92px);
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav[hidden] {
        z-index: 40;
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

.zax-community-page :is(.zax-community-avatar, .zax-fyp-avatar) {
    position: relative;
    padding: 2px;
    border: 2px solid transparent;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--zax-panel-solid) 94%, #10261f), color-mix(in srgb, var(--zax-panel) 90%, #1a1532)) padding-box,
        conic-gradient(from 210deg, var(--zax-cyan), var(--zax-violet), #ffb86b, var(--zax-cyan)) border-box;
    box-shadow: 0 7px 20px rgba(81, 230, 189, .12), 0 0 0 1px rgba(255, 255, 255, .045);
}

.zax-community-page :is(.zax-community-avatar, .zax-fyp-avatar) > img {
    border-radius: inherit;
}

.zax-community-page .zax-member-profile-identity > span {
    padding: 4px;
    border: 4px solid transparent;
    background:
        linear-gradient(145deg, #b0fae5, #58ddba 55%, #8d7bff) padding-box,
        conic-gradient(from 210deg, var(--zax-cyan), var(--zax-violet), #ffb86b, var(--zax-cyan)) border-box;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .3), 0 0 28px rgba(81, 230, 189, .16);
}

/* 1.5.77 final Windows overflow guard. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page .zax-shell,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-shell {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) :is(.zax-shell, .zax-main, .zax-page.is-active:not(.zax-community-page)) {
        height: auto !important;
        max-height: none !important;
        min-width: 0 !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        min-height: calc(100dvh - var(--zax-topbar)) !important;
        padding-bottom: max(64px, 4vw) !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-x: clip !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-shell,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-main {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not(.zax-fyp-view):not(.zax-chat-view) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        padding-bottom: 48px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scroll-padding: 18px 0 48px;
        overscroll-behavior: contain;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-panel"], [class*="-card"]),
    body.zaxsecurity-portal-page .zax-page.is-active :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-panel"], [class*="-card"]) > * {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(img, video, iframe, canvas) {
        max-width: 100%;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(.zax-table-panel, .zax-table-wrap) {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }
}

/* 1.5.78: complete Community directory with 20-member silk pagination. */
.zax-member-pagination {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(108px, auto) minmax(0, 1fr) minmax(108px, auto);
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 16px;
    background:
        radial-gradient(circle at 10% 0, color-mix(in srgb, var(--zax-cyan) 10%, transparent), transparent 38%),
        radial-gradient(circle at 90% 100%, color-mix(in srgb, var(--zax-violet) 10%, transparent), transparent 38%),
        color-mix(in srgb, var(--zax-panel-solid) 88%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 14px 34px rgba(0, 0, 0, .08);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.zax-member-pagination > span {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    text-align: center;
}

.zax-member-pagination strong {
    color: var(--zax-text);
    font-size: 12px;
    font-weight: 760;
}

.zax-member-pagination small {
    color: var(--zax-muted);
    font-size: 10px;
}

.zax-member-pagination button,
.zax-member-self-profile {
    display: inline-flex;
    min-width: 0;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 24%, var(--zax-line));
    border-radius: 11px;
    color: var(--zax-cyan);
    background: color-mix(in srgb, var(--zax-cyan) 7%, var(--zax-panel));
    font-size: 11px;
    font-weight: 720;
    line-height: 1.2;
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}

.zax-member-pagination button:hover:not(:disabled),
.zax-member-self-profile:hover {
    border-color: color-mix(in srgb, var(--zax-cyan) 48%, var(--zax-line));
    color: var(--zax-text);
    background: color-mix(in srgb, var(--zax-cyan) 13%, var(--zax-panel));
    transform: translateY(-1px);
}

.zax-member-pagination button:disabled {
    opacity: .42;
    cursor: not-allowed;
}

.zax-member-pagination button .dashicons,
.zax-member-self-profile .dashicons {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    font-size: 16px;
}

.zax-community-member-grid > article.is-self {
    border-color: color-mix(in srgb, var(--zax-cyan) 32%, var(--zax-line)) !important;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--zax-cyan) 12%, transparent), transparent 38%),
        color-mix(in srgb, var(--zax-panel) 95%, transparent) !important;
}

.zax-member-self-badge {
    display: inline-flex;
    margin-left: 7px;
    padding: 2px 6px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 28%, var(--zax-line));
    border-radius: 999px;
    color: var(--zax-cyan);
    background: color-mix(in srgb, var(--zax-cyan) 9%, transparent);
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    vertical-align: middle;
}

@media (max-width: 520px) {
    .zax-member-pagination {
        grid-template-columns: minmax(88px, auto) minmax(0, 1fr) minmax(88px, auto);
        gap: 7px;
        padding: 9px;
        border-radius: 14px;
    }

    .zax-member-pagination button {
        min-height: 40px;
        gap: 4px;
        padding: 7px 9px;
        font-size: 10px;
    }

    .zax-member-pagination strong {
        font-size: 10px;
    }

    .zax-member-pagination small {
        font-size: 8px;
        line-height: 1.3;
    }
}

.zax-community-member-grid > article.is-self .zax-community-member-actions > :not(.zax-member-self-profile) {
    display: none !important;
}

/* 1.5.79: definitive Windows viewport, scrolling, and content-integrity repair. */
@media (min-width: 761px) {
    html,
    body.zaxsecurity-portal-page {
        min-width: 0;
        max-width: 100%;
    }

    body.zaxsecurity-portal-page {
        overflow-x: hidden !important;
    }

    body.zaxsecurity-portal-page .zax-app,
    body.zaxsecurity-portal-page .zax-shell,
    body.zaxsecurity-portal-page .zax-main,
    body.zaxsecurity-portal-page .zax-page.is-active {
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page .zax-shell {
        width: auto !important;
    }

    /* Standard pages own the document height and may always reach their last card. */
    body.zaxsecurity-portal-page:not(.zax-community-page-active) {
        height: auto !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        overflow-y: auto !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) :is(.zax-app, .zax-shell, .zax-main, .zax-page.is-active:not(.zax-community-page)) {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-shell {
        min-height: 100vh !important;
        min-height: 100dvh !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        width: 100% !important;
        min-height: calc(100vh - var(--zax-topbar)) !important;
        min-height: calc(100dvh - var(--zax-topbar)) !important;
        padding-bottom: clamp(64px, 6vh, 96px) !important;
        overflow-x: hidden !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-x: clip !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(div, section, article, header, main, form, footer),
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) > :is(.zax-panel, .zax-table-panel, .zax-transaction-panel, .zax-topup-panel) {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    /* Community is a viewport workspace; each visible screen has one explicit scroller. */
    body.zaxsecurity-portal-page.zax-community-page-active {
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-app {
        width: 100% !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-shell {
        width: auto !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        padding-top: var(--zax-topbar) !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-main {
        width: 100% !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        display: grid !important;
        grid-template-columns: clamp(232px, 19vw, 286px) minmax(0, 1fr) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-rail {
        width: auto !important;
        height: 100% !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-mini-members {
        min-height: 0 !important;
        flex: 1 1 auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-main {
        display: grid !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active:is(.is-fyp-active, .is-chat-active, .is-profile-active) .zax-community-main {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]) {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view) {
        padding: clamp(14px, 1.4vw, 22px) clamp(14px, 1.6vw, 26px) 64px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scroll-padding: 18px 0 64px;
        scrollbar-gutter: stable;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view) > * {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-seller-studio:not([hidden]) {
        height: 100% !important;
        min-height: 0 !important;
        padding-bottom: 72px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    /* Cyber FYP keeps one full post per scroll step without clipping its canvas. */
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active :is(.zax-fyp-view, .zax-fyp-shell, .zax-fyp-feed) {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active :is(.zax-fyp-view, .zax-fyp-shell) {
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-feed {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain;
        scrollbar-gutter: auto;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active :is(.zax-fyp-post, .zax-fyp-empty) {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 100% !important;
    }

    /* Profiles retain their fixed app frame while the complete profile body scrolls. */
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-profile-active :is(.zax-fyp-view, .zax-member-profile-page, .zax-member-profile-page > section) {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-profile-active .zax-member-profile-scroll {
        height: auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scroll-padding-bottom: 56px;
        scrollbar-gutter: stable;
    }

    /* Chat pins the composer while only inbox lists and message history scroll. */
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active :is(.zax-chat-view, .zax-chat-app, .zax-chat-window) {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-window {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-thread {
        width: 100% !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-composer {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin-top: auto !important;
    }

    /* Shared width guards stop nested grids, media, tables, and actions from cropping a page. */
    body.zaxsecurity-portal-page .zax-page.is-active :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-panel"], [class*="-card"]),
    body.zaxsecurity-portal-page .zax-page.is-active :is([class*="-grid"], [class*="-layout"], [class*="-row"], [class*="-panel"], [class*="-card"]) > * {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(img, picture, video, iframe, canvas, svg) {
        max-width: 100%;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(.zax-table-panel, .zax-table-wrap) {
        width: 100%;
        max-width: 100%;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(.zax-button-row, [class*="-actions"]) {
        min-width: 0;
        flex-wrap: wrap;
    }

    body.zaxsecurity-portal-page .zax-page.is-active :is(p, li, dd, small, strong, span) {
        overflow-wrap: anywhere;
    }
}

/* Compact Windows widths use the same dependable app frame with smaller columns. */
@media (min-width: 761px) and (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        grid-template-columns: clamp(210px, 27vw, 238px) minmax(0, 1fr) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view),
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-seller-studio:not([hidden]) {
        padding-bottom: calc(var(--zax-mobile-dock-clearance, 86px) + 28px) !important;
        scroll-padding-bottom: calc(var(--zax-mobile-dock-clearance, 86px) + 28px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-app {
        grid-template-columns: minmax(238px, 280px) minmax(0, 1fr) !important;
    }
}

/* 1.5.80: privacy-safe device context beneath the first Home card IP. */
.zax-home-device-info {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    color: var(--zax-soft);
    font-style: normal;
    line-height: 1.35;
}

.zax-home-device-info .dashicons {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: var(--zax-violet);
    font-size: 14px;
}

.zax-home-device-info b {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 9px;
    font-weight: 680;
}

/* 1.5.80: all Community pages remain complete at every Windows viewport size. */
@media (min-width: 761px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-main,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]) {
        contain: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view) {
        position: relative !important;
        display: block !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        touch-action: pan-y;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--zax-cyan) 42%, transparent) transparent;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view)::-webkit-scrollbar,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-mini-members::-webkit-scrollbar,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-chat-thread::-webkit-scrollbar,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-member-profile-scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view)::-webkit-scrollbar-thumb,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-mini-members::-webkit-scrollbar-thumb,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-chat-thread::-webkit-scrollbar-thumb,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-member-profile-scroll::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 999px;
        background: color-mix(in srgb, var(--zax-cyan) 44%, transparent) padding-box;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view) > :last-child {
        margin-bottom: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        .zax-members-hero,
        .zax-member-directory-tools,
        .zax-community-member-grid,
        .zax-community-safety-hero,
        .zax-community-rules,
        .zax-community-safety-actions,
        .zax-seller-app-header,
        .zax-seller-wallet-strip,
        .zax-seller-tabs,
        .zax-seller-panel
    ) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        .zax-members-hero,
        .zax-member-directory-tools,
        .zax-community-member-grid
    ) {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        .zax-community-member-grid > article,
        .zax-community-rules > article,
        .zax-seller-panel > *,
        .zax-seller-studio form,
        .zax-seller-studio article
    ) {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        .zax-community-member-grid > article,
        .zax-community-rules > article
    ) {
        height: auto !important;
        max-height: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        h1, h2, h3, h4, p, small, strong, em, label, button, a
    ) {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

/* The usable Community canvas is much narrower than the browser after two rails. */
@media (min-width: 901px) and (max-width: 1280px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        grid-template-columns: clamp(204px, 18vw, 228px) minmax(0, 1fr) !important;
    }

    .zax-community-page.is-active .zax-members-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .zax-community-page.is-active .zax-members-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-directory-tools {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "search"
            "filters"
            "sort" !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-search,
    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-sort {
        width: 100% !important;
        min-width: 0 !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-filter-row {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-community-member-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .zax-community-page.is-active .zax-seller-app-header,
    .zax-community-page.is-active .zax-seller-dashboard-welcome,
    .zax-community-page.is-active .zax-seller-page-intro,
    .zax-community-page.is-active .zax-seller-inventory-toolbar {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    .zax-community-page.is-active .zax-seller-wallet-strip,
    .zax-community-page.is-active .zax-seller-kpis,
    .zax-community-page.is-active .zax-seller-inventory-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .zax-community-page.is-active :is(
        .zax-seller-dashboard-lower,
        .zax-seller-analytics-grid,
        .zax-seller-storefront-preview,
        .zax-vendor-plan-grid,
        .zax-seller-layout-create,
        .zax-seller-finance-summary,
        .zax-seller-balance-grid,
        .zax-seller-payout-layout
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .zax-community-page.is-active .zax-seller-trust-list {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .zax-community-page.is-active .zax-seller-inventory-toolbar > label {
        width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
    }

    .zax-community-page.is-active .zax-seller-studio .zax-seller-listings article > footer {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-chat-active .zax-chat-app {
        grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
    }
}

/* Compact Windows uses mobile controls but still needs a complete desktop canvas. */
@media (min-width: 761px) and (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-shell {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active.is-seller-active .zax-community-main {
        grid-column: 1 / -1 !important;
    }

    .zax-community-page.is-active .zax-members-hero,
    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-directory-tools {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-directory-tools {
        grid-template-areas:
            "search"
            "filters"
            "sort" !important;
    }

    .zax-community-page.is-active .zax-community-view[data-community-view="members"] .zax-member-sort {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* 1.5.81: scrollable Windows public navigation and a restrained app-canvas inset. */
@media (min-width: 901px) {
    .zax-app.is-public-view .zax-topbar-left,
    .zax-app.is-public-view .zax-home-topnav {
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
    }

    .zax-app.is-public-view .zax-home-topnav {
        overflow: hidden;
    }

    .zax-app.is-public-view .zax-home-topnav nav {
        width: auto;
        max-width: 100%;
        min-width: 0;
        flex: 1 1 auto;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain;
        scroll-behavior: smooth;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--zax-cyan) 48%, transparent) transparent;
    }

    .zax-app.is-public-view .zax-home-topnav nav::-webkit-scrollbar {
        height: 5px;
    }

    .zax-app.is-public-view .zax-home-topnav nav::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: color-mix(in srgb, var(--zax-cyan) 48%, transparent);
    }

    .zax-app.is-public-view .zax-home-topnav nav button {
        flex: 0 0 auto;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        padding-right: clamp(8px, .8vw, 14px) !important;
        padding-left: clamp(8px, .8vw, 14px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        width: auto !important;
        height: calc(100% - 16px) !important;
        max-height: calc(100% - 16px) !important;
        margin: 8px clamp(8px, .8vw, 14px) !important;
        border: 1px solid color-mix(in srgb, var(--zax-line) 88%, var(--zax-cyan)) !important;
        border-radius: clamp(12px, 1vw, 16px) !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .12) !important;
    }
}

@media (min-width: 761px) and (max-width: 900px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        width: auto !important;
        height: calc(100% - 16px) !important;
        max-height: calc(100% - 16px) !important;
        margin: 8px !important;
        border: 1px solid color-mix(in srgb, var(--zax-line) 88%, var(--zax-cyan)) !important;
        border-radius: 12px !important;
    }
}

/* Permission-based location address beneath the Home IP, without silent tracking. */
.zax-home-location-info {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    margin-top: 6px;
    padding: 7px 8px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--zax-cyan) 6%, transparent);
}

.zax-home-location-info > .dashicons {
    width: 16px;
    height: 16px;
    color: var(--zax-cyan);
    font-size: 16px;
}

.zax-home-location-info > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.zax-home-location-info small {
    color: var(--zax-muted);
    font-size: 7px;
    letter-spacing: .06em;
}

.zax-home-location-info b {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--zax-text);
    font-size: 9px;
    font-weight: 680;
    line-height: 1.35;
}

.zax-home-location-info button {
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 30%, transparent);
    border-radius: 8px;
    color: var(--zax-cyan);
    background: color-mix(in srgb, var(--zax-cyan) 8%, transparent);
    font-size: 8px;
    font-weight: 780;
    cursor: pointer;
}

.zax-home-location-info button:disabled {
    opacity: .62;
    cursor: wait;
}

/* The FYP action rail may temporarily open so its three-dot menu is never clipped. */
body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions.is-more-open {
    z-index: 82 !important;
    max-height: none !important;
    overflow: visible !important;
}

.zax-fyp-more[open] {
    z-index: 84;
}

.zax-fyp-more[open] > div {
    display: grid !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    animation: zax-fyp-menu-arrive .18s ease-out both;
}

@keyframes zax-fyp-menu-arrive {
    from {
        opacity: 0;
        transform: translate3d(8px, 6px, 0) scale(.96);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Full-post popup reactions stay synchronized with the FYP post. */
.zax-fyp-detail-actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.zax-fyp-detail-like {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 22%, var(--zax-line));
    border-radius: 999px;
    color: var(--zax-soft);
    background: color-mix(in srgb, var(--zax-panel) 88%, transparent);
    font-size: 9px;
    font-weight: 760;
    cursor: pointer;
    transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease;
}

.zax-fyp-detail-like:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--zax-cyan) 50%, transparent);
}

.zax-fyp-detail-like.is-active {
    border-color: rgba(255, 79, 118, .48);
    color: #fff;
    background: linear-gradient(135deg, #ff315f, #d63c8f);
    box-shadow: 0 8px 24px rgba(255, 49, 95, .2);
}

.zax-fyp-detail-like.is-request-pending {
    opacity: .72;
    pointer-events: none;
}

.zax-fyp-detail-like .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-fyp-detail-like b {
    min-width: 1ch;
    color: inherit;
    font-size: 9px;
}

.zax-fyp-detail-like-burst {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    display: grid;
    width: 88px;
    height: 88px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: radial-gradient(circle, rgba(255, 49, 95, .95), rgba(214, 60, 143, .35) 58%, transparent 70%);
    box-shadow: 0 0 45px rgba(255, 49, 95, .45);
    font-size: 46px;
    line-height: 1;
    pointer-events: none;
    animation: zax-fyp-detail-heart .68s cubic-bezier(.18, .84, .35, 1) both;
}

@keyframes zax-fyp-detail-heart {
    0% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(.25) rotate(-10deg); }
    35% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1.12) rotate(4deg); }
    100% { opacity: 0; transform: translate3d(-50%, -62%, 0) scale(.9) rotate(0); }
}

@media (max-width: 760px) {
    .zax-home-location-info {
        grid-template-columns: 16px minmax(0, 1fr);
    }

    .zax-home-location-info button {
        grid-column: 2;
        width: fit-content;
    }

    .zax-fyp-detail-sheet > section > footer {
        align-items: stretch;
        flex-wrap: wrap;
        gap: 8px;
    }

    .zax-fyp-detail-actions {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-more[open] > div,
    .zax-fyp-detail-like-burst {
        animation: none !important;
    }
}

/* 1.5.82: authoritative Windows Community width after expanded or collapsed app sidebar. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-app:not(.is-public-view) .zax-shell {
        width: calc(100% - var(--zax-sidebar)) !important;
        max-width: calc(100% - var(--zax-sidebar)) !important;
        min-width: 0 !important;
        margin-left: var(--zax-sidebar) !important;
        overflow-x: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-app.is-sidebar-collapsed:not(.is-public-view) .zax-shell {
        width: calc(100% - var(--zax-sidebar-collapsed)) !important;
        max-width: calc(100% - var(--zax-sidebar-collapsed)) !important;
        margin-left: var(--zax-sidebar-collapsed) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-app:not(.is-public-view) :is(
        .zax-main,
        .zax-community-page.is-active,
        .zax-community-shell,
        .zax-community-main,
        .zax-community-view:not([hidden])
    ) {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        width: auto !important;
        margin-right: clamp(8px, .8vw, 14px) !important;
        margin-left: clamp(8px, .8vw, 14px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        .zax-community-main,
        .zax-community-view:not([hidden]),
        .zax-fyp-shell,
        .zax-chat-app,
        .zax-member-profile-page,
        .zax-seller-studio
    ) {
        overflow-x: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active :is(
        .zax-table-wrap,
        .zax-seller-inventory-table
    ) {
        max-width: 100% !important;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
    }
}

/* 1.5.82: administrator branding controls and transparent withdrawal-fee breakdowns. */
.zax-brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 3px;
    object-fit: contain;
    box-sizing: border-box;
}

.zax-home-nav-mark img,
.zax-community-logo img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 3px;
    object-fit: contain;
    box-sizing: border-box;
}

.zax-branding-settings {
    overflow: hidden;
    background:
        radial-gradient(circle at 96% 0, color-mix(in srgb, var(--zax-cyan) 13%, transparent), transparent 34%),
        color-mix(in srgb, var(--zax-panel) 94%, transparent);
}

.zax-branding-upload-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.zax-branding-upload {
    display: grid;
    min-width: 0;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--zax-panel-2) 82%, transparent);
    cursor: pointer;
}

.zax-branding-upload > span:last-child {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.zax-branding-upload strong { color: var(--zax-text); font-size: 12px; }
.zax-branding-upload small { color: var(--zax-muted); font-size: 9px; line-height: 1.5; }

.zax-branding-upload input[type="file"] {
    width: 100%;
    min-width: 0;
    margin-top: 4px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 20%, var(--zax-line));
    border-radius: 10px;
    color: var(--zax-soft);
    background: var(--zax-panel-solid);
    font-size: 9px;
}

.zax-branding-preview {
    display: grid;
    width: 76px;
    height: 76px;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 28%, var(--zax-line));
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), transparent),
        var(--zax-panel-solid);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 12px 30px rgba(0, 0, 0, .13);
}

.zax-branding-preview.is-favicon { border-radius: 18px; }

.zax-branding-preview img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px;
    object-fit: contain;
    box-sizing: border-box;
}

.zax-branding-clear-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 14px;
}

.zax-withdrawal-fee-preview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 13px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 22%, var(--zax-line));
    border-radius: 15px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--zax-cyan) 7%, transparent), color-mix(in srgb, var(--zax-violet) 5%, transparent)),
        color-mix(in srgb, var(--zax-panel-2) 80%, transparent);
}

.zax-withdrawal-fee-preview article {
    display: grid;
    min-width: 0;
    gap: 3px;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 11px;
    background: color-mix(in srgb, var(--zax-panel-solid) 72%, transparent);
}

.zax-withdrawal-fee-preview small {
    overflow: hidden;
    color: var(--zax-muted);
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-withdrawal-fee-preview strong {
    overflow: hidden;
    color: var(--zax-text);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-withdrawal-fee-preview article:nth-child(2) strong { color: #ff9cae; }
.zax-withdrawal-fee-preview article:last-child strong { color: var(--zax-cyan); }

.zax-withdrawal-breakdown small {
    display: block;
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 8px;
    font-weight: 560;
    line-height: 1.45;
    white-space: normal;
}

@media (max-width: 760px) {
    .zax-branding-upload-grid { grid-template-columns: 1fr; }
    .zax-branding-upload { grid-template-columns: 64px minmax(0, 1fr); gap: 11px; padding: 12px; }
    .zax-branding-preview { width: 62px; height: 62px; border-radius: 18px; }
    .zax-withdrawal-fee-preview { grid-template-columns: 1fr; }
    .zax-withdrawal-fee-preview article { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
}

.zax-chat-bubble > footer {
    flex-wrap: wrap;
}

.zax-chat-receipt {
    display: inline-flex !important;
    align-items: center;
    gap: 3px !important;
    color: var(--zax-muted) !important;
}

.zax-chat-receipt.is-read {
    color: var(--zax-cyan) !important;
}

.zax-chat-receipt-icons {
    display: inline-flex;
    width: 15px;
    align-items: center;
}

.zax-chat-receipt-icons .dashicons + .dashicons {
    margin-left: -7px;
}

.zax-chat-receipt b {
    color: currentColor;
    font-size: 8px;
    font-weight: 760;
}

.zax-chat-sent-actions {
    display: inline-flex !important;
    align-items: center;
    gap: 4px !important;
    margin-left: 2px;
}

.zax-chat-sent-actions button {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    gap: 3px;
    padding: 3px 6px;
    border: 1px solid color-mix(in srgb, var(--zax-line) 86%, transparent);
    border-radius: 999px;
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-panel-solid) 58%, transparent);
    font-size: 7px;
    cursor: pointer;
}

.zax-chat-sent-actions button:hover,
.zax-chat-sent-actions button:focus-visible {
    border-color: rgba(255, 89, 117, .34);
    color: #ff8da1;
}

.zax-chat-sent-actions button:disabled { opacity: .5; cursor: wait; }
.zax-chat-sent-actions button .dashicons { width: 12px !important; height: 12px !important; font-size: 12px !important; }

.zax-chat-document.is-sender-deleted {
    border-style: dashed;
    color: var(--zax-muted);
    background: color-mix(in srgb, var(--zax-panel-2) 68%, transparent);
}

.zax-chat-message.is-deleting {
    opacity: 0;
    transform: scale(.96) translateY(4px);
    transition: opacity .2s ease, transform .2s ease;
}

@media (max-width: 520px) {
    .zax-chat-sent-actions button > span { display: none; }
    .zax-chat-sent-actions button { width: 26px; min-width: 26px; height: 26px; justify-content: center; padding: 0; }
}

/* 1.5.82: five-second animated location-map scan. */
body.zax-location-scan-open { overflow: hidden !important; }

.zax-location-scan-overlay[hidden] { display: none !important; }

.zax-location-scan-overlay {
    position: fixed;
    z-index: 5200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    overflow: hidden;
    background: rgba(2, 9, 7, .72);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
    opacity: 1;
    transition: opacity .32s ease;
}

.zax-location-scan-overlay.is-complete { opacity: 0; }

.zax-location-scan-card {
    position: relative;
    display: grid;
    width: min(720px, 100%);
    min-width: 0;
    grid-template-columns: minmax(230px, .88fr) minmax(280px, 1.12fr);
    gap: clamp(22px, 4vw, 40px);
    align-items: center;
    padding: clamp(20px, 3.8vw, 38px);
    overflow: hidden;
    border: 1px solid rgba(135, 244, 215, .2);
    border-radius: 28px;
    color: var(--zax-text);
    background:
        radial-gradient(circle at 16% 12%, rgba(81, 230, 189, .15), transparent 34%),
        radial-gradient(circle at 84% 88%, rgba(154, 140, 255, .13), transparent 38%),
        linear-gradient(145deg, rgba(14, 34, 28, .97), rgba(7, 18, 15, .97));
    box-shadow: 0 34px 100px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 255, 255, .06);
    transform: translateY(0) scale(1);
    animation: zax-location-card-in .48s cubic-bezier(.2, .8, .2, 1) both;
}

.zax-location-scan-card::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background: linear-gradient(115deg, transparent 25%, rgba(255, 255, 255, .055) 46%, transparent 64%);
    transform: translateX(-110%);
    animation: zax-location-silk 2.1s ease-in-out infinite;
}

.zax-location-map {
    position: relative;
    aspect-ratio: 1 / .82;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 24px;
    background:
        radial-gradient(circle at center, rgba(81, 230, 189, .13), transparent 43%),
        linear-gradient(150deg, rgba(18, 48, 39, .94), rgba(6, 20, 16, .96));
    box-shadow: inset 0 0 45px rgba(0, 0, 0, .28), 0 18px 46px rgba(0, 0, 0, .24);
}

.zax-location-map-grid {
    position: absolute;
    inset: -20%;
    opacity: .68;
    background-image:
        linear-gradient(rgba(117, 214, 190, .11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(117, 214, 190, .11) 1px, transparent 1px);
    background-size: 28px 28px;
    transform: perspective(300px) rotateX(55deg) rotateZ(-8deg) scale(1.2);
    animation: zax-location-grid-drift 5s linear infinite;
}

.zax-location-map-route {
    position: absolute;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--zax-cyan), var(--zax-violet), transparent);
    box-shadow: 0 0 16px rgba(81, 230, 189, .5);
    transform-origin: left center;
}

.zax-location-map-route-one { top: 35%; left: 8%; width: 66%; transform: rotate(19deg); }
.zax-location-map-route-two { right: -1%; bottom: 29%; width: 57%; transform: rotate(-26deg); }

.zax-location-map-point {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 2px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    background: var(--zax-violet);
    box-shadow: 0 0 0 5px rgba(154, 140, 255, .13), 0 0 18px var(--zax-violet);
    animation: zax-location-point 1.25s ease-in-out infinite alternate;
}

.zax-location-map-point-one { top: 26%; left: 23%; }
.zax-location-map-point-two { right: 17%; bottom: 23%; animation-delay: -.55s; }

.zax-location-map-radar,
.zax-location-map-radar i {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(81, 230, 189, .42);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.zax-location-map-radar { width: 24px; height: 24px; border-color: transparent; }
.zax-location-map-radar i { width: 36px; height: 36px; animation: zax-location-radar 2s ease-out infinite; }
.zax-location-map-radar i:nth-child(2) { animation-delay: -.65s; }
.zax-location-map-radar i:nth-child(3) { animation-delay: -1.3s; }

.zax-location-map-pin {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 16px 16px 16px 4px;
    color: #03120e;
    background: var(--zax-gradient-brand);
    box-shadow: 0 14px 32px rgba(22, 185, 140, .33), 0 0 30px rgba(81, 230, 189, .26);
    transform: translate(-50%, -58%) rotate(-45deg);
    animation: zax-location-pin 1.1s ease-in-out infinite alternate;
}

.zax-location-map-pin .dashicons {
    width: 23px;
    height: 23px;
    font-size: 23px;
    transform: rotate(45deg);
}

.zax-location-map-scanline {
    position: absolute;
    z-index: 4;
    top: -18%;
    right: 0;
    left: 0;
    height: 18%;
    background: linear-gradient(180deg, transparent, rgba(81, 230, 189, .24), rgba(81, 230, 189, .04));
    border-bottom: 1px solid rgba(121, 255, 219, .7);
    filter: drop-shadow(0 7px 12px rgba(81, 230, 189, .28));
    animation: zax-location-scanline 1.35s ease-in-out infinite;
}

.zax-location-scan-copy { position: relative; z-index: 2; min-width: 0; }

.zax-location-scan-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 13px;
    color: var(--zax-cyan);
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.zax-location-scan-kicker .dashicons { width: 16px; height: 16px; font-size: 16px; }
.zax-location-scan-copy > strong { display: block; margin: 0; font-size: clamp(23px, 3.3vw, 36px); line-height: 1.08; letter-spacing: -.035em; }
.zax-location-scan-copy > p { min-height: 42px; margin: 12px 0 18px; color: var(--zax-soft); font-size: 13px; line-height: 1.58; }

.zax-location-scan-progress {
    height: 7px;
    overflow: hidden;
    border: 1px solid rgba(174, 215, 204, .14);
    border-radius: 999px;
    background: rgba(2, 10, 8, .56);
}

.zax-location-scan-progress i {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--zax-gradient-brand);
    box-shadow: 0 0 18px rgba(81, 230, 189, .44);
    transform: scaleX(0);
    transform-origin: left center;
}

.zax-location-scan-overlay.is-scanning .zax-location-scan-progress i { animation: zax-location-progress 5s linear forwards; }

.zax-location-scan-copy > small {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 14px;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.5;
}

.zax-location-scan-copy > small .dashicons { width: 14px; height: 14px; flex: 0 0 14px; font-size: 14px; color: var(--zax-cyan); }

@keyframes zax-location-card-in { from { opacity: 0; transform: translateY(18px) scale(.96); } }
@keyframes zax-location-silk { 0%, 35% { transform: translateX(-110%); } 75%, 100% { transform: translateX(110%); } }
@keyframes zax-location-grid-drift { to { background-position: 28px 28px; } }
@keyframes zax-location-point { to { transform: scale(1.25); filter: brightness(1.35); } }
@keyframes zax-location-radar { 0% { opacity: .85; transform: translate(-50%, -50%) scale(.35); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(3.8); } }
@keyframes zax-location-pin { to { transform: translate(-50%, -67%) rotate(-45deg); } }
@keyframes zax-location-scanline { 0% { top: -18%; } 100% { top: 100%; } }
@keyframes zax-location-progress { to { transform: scaleX(1); } }

@media (max-width: 620px) {
    .zax-location-scan-overlay { place-items: center; padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); }
    .zax-location-scan-card { width: 100%; max-height: calc(100dvh - 28px); grid-template-columns: 1fr; gap: 18px; padding: 17px; border-radius: 23px; overflow-y: auto; overscroll-behavior: contain; }
    .zax-location-map { width: 100%; max-height: 280px; aspect-ratio: 1.35 / 1; border-radius: 19px; }
    .zax-location-scan-copy > strong { font-size: 25px; }
    .zax-location-scan-copy > p { min-height: 38px; margin: 9px 0 14px; font-size: 12px; }
    .zax-location-scan-kicker { margin-bottom: 9px; font-size: 9px; }
    .zax-location-scan-copy > small { margin-top: 11px; font-size: 9px; }
}

@media (max-height: 600px) and (orientation: landscape) {
    .zax-location-scan-card { grid-template-columns: minmax(180px, .8fr) minmax(250px, 1.2fr); max-height: calc(100dvh - 24px); padding: 15px; overflow-y: auto; }
    .zax-location-map { max-height: calc(100dvh - 56px); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-location-scan-card,
    .zax-location-scan-card::after,
    .zax-location-map-grid,
    .zax-location-map-point,
    .zax-location-map-radar i,
    .zax-location-map-pin,
    .zax-location-map-scanline { animation: none !important; }
}

/* 1.5.82: gradient-transparent FYP navigation, Saved collection, and premium reading popup. */
.zax-fyp-nav {
    grid-template-columns: minmax(62px, 1fr) auto minmax(62px, 1fr) !important;
    gap: clamp(6px, 1.3vw, 14px) !important;
}

.zax-fyp-group,
.zax-fyp-create {
    position: relative;
    min-height: 40px !important;
    padding: 7px 10px !important;
    overflow: hidden;
    border: 1px solid rgba(129, 242, 213, .2) !important;
    border-radius: 14px !important;
    color: rgba(239, 255, 250, .94) !important;
    background:
        linear-gradient(135deg, rgba(81, 230, 189, .16), rgba(154, 140, 255, .12)),
        rgba(4, 16, 13, .42) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 10px 28px rgba(0, 0, 0, .2) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%);
    backdrop-filter: blur(14px) saturate(135%);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.zax-fyp-group::after,
.zax-fyp-create::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background: linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, .1) 47%, transparent 68%);
    transform: translateX(-115%);
    transition: transform .55s ease;
}

.zax-fyp-group:hover,
.zax-fyp-group:focus-visible,
.zax-fyp-create:hover,
.zax-fyp-create:focus-visible {
    border-color: rgba(129, 242, 213, .42) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .13), 0 13px 34px rgba(37, 184, 143, .16) !important;
    transform: translateY(-1px);
}

.zax-fyp-group:hover::after,
.zax-fyp-group:focus-visible::after,
.zax-fyp-create:hover::after,
.zax-fyp-create:focus-visible::after { transform: translateX(115%); }

.zax-fyp-group > .dashicons {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px;
    border: 0 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #a7ffe8 4%, #51e6bd 48%, #a99cff 100%) !important;
    box-shadow: none !important;
    font-size: 22px !important;
    line-height: 22px !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: drop-shadow(0 4px 10px rgba(81, 230, 189, .24));
}

.zax-fyp-create-glyph {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border: 1px solid rgba(133, 244, 215, .2) !important;
    border-radius: 9px !important;
    color: #9cf9df !important;
    background: linear-gradient(145deg, rgba(81, 230, 189, .14), rgba(154, 140, 255, .12)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .11), 0 5px 16px rgba(81, 230, 189, .12) !important;
}

.zax-fyp-create-glyph svg { width: 16px !important; height: 16px !important; }
.zax-fyp-create-glyph svg path { stroke: url(#zax-fyp-upload-gradient) !important; }

.zax-fyp-tabs {
    gap: clamp(8px, 1.6vw, 18px) !important;
    min-width: 0;
}

.zax-fyp-tabs button[data-fyp-filter="saved"] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.zax-fyp-tabs button[data-fyp-filter="saved"] .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
    color: var(--zax-cyan);
}

.zax-fyp-saved-empty > .dashicons {
    color: var(--zax-cyan) !important;
    filter: drop-shadow(0 0 18px rgba(81, 230, 189, .3));
}

.zax-fyp-detail-sheet {
    z-index: 5300 !important;
    padding: max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)) !important;
    background: transparent;
}

.zax-fyp-detail-backdrop {
    background:
        radial-gradient(circle at 18% 12%, rgba(81, 230, 189, .13), transparent 34%),
        radial-gradient(circle at 84% 88%, rgba(154, 140, 255, .11), transparent 36%),
        rgba(1, 7, 5, .82) !important;
    -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
    backdrop-filter: blur(22px) saturate(130%) !important;
}

.zax-fyp-detail-sheet > section {
    isolation: isolate;
    width: min(100%, 980px) !important;
    max-height: min(90dvh, 880px) !important;
    border: 1px solid rgba(133, 244, 215, .22) !important;
    border-radius: 30px !important;
    color: var(--zax-text) !important;
    background:
        radial-gradient(circle at 5% 0, rgba(81, 230, 189, .11), transparent 29%),
        radial-gradient(circle at 96% 100%, rgba(154, 140, 255, .11), transparent 31%),
        linear-gradient(145deg, rgba(13, 31, 26, .985), rgba(6, 17, 14, .985)) !important;
    box-shadow: 0 44px 130px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .07) !important;
}

.zax-fyp-detail-sheet > section::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    content: "";
    opacity: .24;
    background-image:
        linear-gradient(rgba(129, 242, 213, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(129, 242, 213, .035) 1px, transparent 1px);
    background-size: 36px 36px;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 64%);
    mask-image: linear-gradient(to bottom, #000, transparent 64%);
}

.zax-fyp-detail-sheet > section > header {
    min-height: 72px !important;
    padding: 13px 19px !important;
    border-bottom-color: rgba(149, 223, 204, .12) !important;
    background: rgba(8, 24, 19, .72) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
}

.zax-fyp-detail-sheet > section > header small { font-size: 9px !important; letter-spacing: .12em !important; }
.zax-fyp-detail-sheet > section > header strong { margin-top: 3px; font-size: 14px !important; font-weight: 720; }

.zax-fyp-detail-sheet > section > header button[data-fyp-detail-close] {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
    border-color: rgba(159, 232, 214, .18) !important;
    color: #dcfff5 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(81, 230, 189, .06)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .2);
}

.zax-fyp-detail-scroll {
    display: grid !important;
    min-height: 0 !important;
    grid-template-columns: minmax(300px, .92fr) minmax(0, 1.08fr);
    grid-template-rows: auto auto auto auto minmax(min-content, auto);
    gap: 0 clamp(24px, 3vw, 38px);
    padding: clamp(18px, 2.5vw, 26px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-padding: 20px;
    scrollbar-color: rgba(81, 230, 189, .42) rgba(255, 255, 255, .03);
}

.zax-fyp-detail-visual {
    position: sticky !important;
    top: 0;
    grid-column: 1;
    grid-row: 1 / span 6;
    width: 100%;
    height: min(58dvh, 570px) !important;
    min-height: 390px;
    align-self: start;
    border-color: rgba(125, 240, 208, .17) !important;
    border-radius: 24px !important;
    background: #04110d !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .06);
}

.zax-fyp-detail-visual .zax-fyp-media { height: 100% !important; min-height: 100% !important; border-radius: inherit; }
.zax-fyp-detail-author,
.zax-fyp-detail-meta,
.zax-fyp-detail-scroll > h2,
.zax-fyp-detail-copy,
.zax-fyp-detail-extra { grid-column: 2; min-width: 0; }

.zax-fyp-detail-author {
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 0 17px !important;
    border-bottom: 1px solid rgba(149, 223, 204, .11);
}

.zax-fyp-detail-author > span {
    width: 50px !important;
    height: 50px !important;
    border: 1px solid rgba(255, 255, 255, .32) !important;
    color: #04140f !important;
    background: var(--zax-gradient-brand) !important;
    box-shadow: 0 10px 28px rgba(81, 230, 189, .22);
}

.zax-fyp-detail-author > div,
.zax-fyp-detail-author > b { margin-top: 0 !important; padding-top: 0 !important; }
.zax-fyp-detail-author > div strong { overflow-wrap: anywhere; font-size: 13px; }
.zax-fyp-detail-author > div small { margin-top: 3px; font-size: 10px !important; }
.zax-fyp-detail-author > b { padding: 6px 9px !important; border-radius: 999px; }

.zax-fyp-detail-meta {
    margin-top: 17px !important;
    padding: 8px 10px;
    border: 1px solid rgba(138, 224, 202, .1);
    border-radius: 11px;
    background: rgba(255, 255, 255, .025);
    font-size: 10px !important;
}

.zax-fyp-detail-scroll > h2 {
    margin: 18px 0 11px !important;
    color: var(--zax-text);
    font-size: clamp(25px, 3.2vw, 37px) !important;
    font-weight: 740;
    letter-spacing: -.04em !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere;
}

.zax-fyp-detail-copy {
    color: color-mix(in srgb, var(--zax-text) 78%, var(--zax-soft)) !important;
    font-size: 15px !important;
    font-weight: 430;
    letter-spacing: .002em;
    line-height: 1.78 !important;
    overflow-wrap: anywhere;
}

.zax-fyp-detail-copy::first-letter { color: var(--zax-cyan); font-size: 1.18em; font-weight: 760; }
.zax-fyp-detail-extra { margin-top: 20px !important; }

.zax-fyp-detail-sheet > section > footer {
    min-height: 76px !important;
    padding: 12px 19px !important;
    border-top-color: rgba(149, 223, 204, .12) !important;
    background: rgba(8, 24, 19, .8) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
}

.zax-fyp-detail-save,
.zax-fyp-detail-like {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid rgba(132, 229, 204, .18);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    font-size: 9px;
    font-weight: 740;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.zax-fyp-detail-save:hover,
.zax-fyp-detail-like:hover { transform: translateY(-1px); border-color: rgba(112, 238, 202, .4); }
.zax-fyp-detail-save.is-active { border-color: rgba(81, 230, 189, .46); color: #eafff8; background: linear-gradient(135deg, rgba(22, 185, 140, .3), rgba(154, 140, 255, .22)); }
.zax-fyp-detail-save.is-request-pending { opacity: .65; pointer-events: none; }
.zax-fyp-detail-save .dashicons { width: 16px; height: 16px; font-size: 16px; color: var(--zax-cyan); }

@media (max-width: 760px) {
    .zax-fyp-nav { grid-template-columns: minmax(54px, 1fr) auto minmax(54px, 1fr) !important; gap: 4px !important; padding-right: 8px !important; padding-left: 8px !important; }
    .zax-fyp-group,
    .zax-fyp-create { min-height: 38px !important; gap: 5px !important; padding: 6px 7px !important; border-radius: 12px !important; font-size: 9px !important; }
    .zax-fyp-group > .dashicons { width: 20px !important; height: 20px !important; flex-basis: 20px; font-size: 20px !important; }
    .zax-fyp-create-glyph { width: 22px !important; height: 22px !important; flex-basis: 22px !important; }
    .zax-fyp-tabs { gap: 7px !important; }
    .zax-fyp-tabs button { padding: 10px 0 8px !important; font-size: 10px !important; }
    .zax-fyp-tabs button[data-fyp-filter="saved"] { gap: 2px; }
    .zax-fyp-tabs button[data-fyp-filter="saved"] .dashicons { width: 12px; height: 12px; font-size: 12px; }

    .zax-fyp-detail-sheet {
        place-items: center !important;
        padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
    }
    .zax-fyp-detail-sheet > section {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
        border-radius: 23px !important;
    }
    .zax-fyp-detail-sheet > section > header { min-height: 62px !important; padding: 9px 12px !important; }
    .zax-fyp-detail-sheet > section > header button[data-fyp-detail-close] { width: 38px !important; height: 38px !important; flex-basis: 38px; }
    .zax-fyp-detail-scroll {
        display: block !important;
        padding: 13px !important;
        scrollbar-gutter: auto !important;
    }
    .zax-fyp-detail-visual {
        position: relative !important;
        top: auto;
        width: 100%;
        height: clamp(235px, 38dvh, 360px) !important;
        min-height: 235px;
        margin: 0 0 15px;
        border-radius: 18px !important;
    }
    .zax-fyp-detail-author { grid-template-columns: 45px minmax(0, 1fr) auto !important; gap: 9px !important; padding-bottom: 13px !important; }
    .zax-fyp-detail-author > span { width: 45px !important; height: 45px !important; }
    .zax-fyp-detail-author > b { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .zax-fyp-detail-meta { margin-top: 13px !important; }
    .zax-fyp-detail-scroll > h2 { margin: 15px 0 9px !important; font-size: 25px !important; }
    .zax-fyp-detail-copy { font-size: 14px !important; line-height: 1.72 !important; }
    .zax-fyp-detail-sheet > section > footer { min-height: 67px !important; gap: 8px !important; padding: 9px 12px !important; }
    .zax-fyp-detail-sheet > section > footer > span { display: none !important; }
    .zax-fyp-detail-actions { width: 100%; gap: 6px !important; margin: 0 !important; }
    .zax-fyp-detail-save,
    .zax-fyp-detail-like { min-height: 38px; padding: 7px 10px; }
    .zax-fyp-detail-actions > .zax-button { min-height: 38px !important; flex: 1; }
}

@media (max-width: 390px) {
    .zax-fyp-group b,
    .zax-fyp-create-label { max-width: 41px; }
    .zax-fyp-tabs button[data-fyp-filter="saved"] span:not(.dashicons) { display: none; }
    .zax-fyp-detail-save span:not(.dashicons) { display: none; }
}

/* 1.5.82: consistent small mobile safe-edge gap without compressing page content. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-right: max(8px, env(safe-area-inset-right)) !important;
        padding-left: max(8px, env(safe-area-inset-left)) !important;
        box-sizing: border-box !important;
    }

    body.zaxsecurity-portal-page .zax-page.is-active {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
    }

    body.zaxsecurity-portal-page :is(.zax-page.is-active, .zax-community-shell, .zax-community-main, .zax-community-view:not([hidden])) {
        min-width: 0 !important;
    }
}

/* 1.5.84: readable native filter menus and stable Save-for-later action. */
.zax-app :is(.zax-market-select, .zax-member-sort) select option,
.zax-app :is(.zax-market-select, .zax-member-sort) select optgroup,
.zax-app [data-seller-listing-filter] option {
    color: #14211d !important;
    background: #f7fbf9 !important;
    font-weight: 600;
}

.zax-fyp-detail-save {
    min-width: 126px;
    flex: 0 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.zax-fyp-detail-save > .dashicons {
    display: inline-block !important;
    flex: 0 0 16px;
    overflow: hidden;
    text-indent: 0;
}

.zax-fyp-detail-save > span:not(.dashicons) {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 430px) {
    .zax-fyp-detail-save {
        width: 42px;
        min-width: 42px;
        flex-basis: 42px;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zax-fyp-detail-save > span:not(.dashicons) { display: none !important; }
}

/* 1.5.85: TikTok-inspired professional Community profile page. */
body.zaxsecurity-portal-page.zax-community-profile-page-open {
    overflow: hidden !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page {
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--zax-bg, #07110e) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page [hidden] {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(52, 245, 156, .09), transparent 28rem),
        radial-gradient(circle at 92% 14%, rgba(45, 181, 255, .07), transparent 25rem),
        var(--zax-bg, #07110e) !important;
    box-shadow: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header {
    position: relative !important;
    z-index: 30 !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    align-items: center !important;
    min-height: 62px !important;
    padding: max(8px, env(safe-area-inset-top)) 18px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(6, 16, 13, .86) !important;
    -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
    backdrop-filter: blur(22px) saturate(150%) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header > button,
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header > b {
    display: inline-grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 50% !important;
    color: #effff8 !important;
    background: rgba(255, 255, 255, .065) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header > b {
    justify-self: end !important;
    border-color: rgba(54, 242, 150, .28) !important;
    color: #07110e !important;
    background: linear-gradient(135deg, #a8ffd0, #31ef91 58%, #35b9ff) !important;
    box-shadow: 0 8px 24px rgba(49, 239, 145, .2) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header > span {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    padding: 0 10px !important;
    text-align: center !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header small {
    color: rgba(225, 247, 237, .6) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #f5fff9 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 0 42px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-gutter: stable !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(188px, 27vh, 282px) !important;
    min-height: 188px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 26%, rgba(93, 255, 174, .28), transparent 33%),
        radial-gradient(circle at 78% 34%, rgba(49, 179, 255, .22), transparent 38%),
        linear-gradient(145deg, #0f2c23, #081511 58%, #10231e) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(4, 11, 9, .02) 20%, rgba(4, 11, 9, .8) 100%),
        repeating-linear-gradient(115deg, transparent 0 42px, rgba(255, 255, 255, .018) 43px 44px) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover::after {
    content: "ZAXSECURITY  •  CYBER COMMUNITY" !important;
    position: absolute !important;
    right: 24px !important;
    bottom: 18px !important;
    z-index: 2 !important;
    color: rgba(232, 255, 244, .45) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .18em !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover > img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: 116px minmax(0, 1fr) !important;
    align-items: end !important;
    gap: 18px !important;
    width: calc(100% - 48px) !important;
    max-width: 1040px !important;
    margin: -58px auto 0 !important;
    padding: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity > span {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 116px !important;
    min-width: 116px !important;
    height: 116px !important;
    margin: 0 !important;
    border: 4px solid var(--zax-bg, #07110e) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    color: #06110d !important;
    background: linear-gradient(135deg, #b6ffda 0%, #30ee90 48%, #38b8ff 100%) !important;
    box-shadow: 0 0 0 2px rgba(64, 244, 157, .38), 0 18px 42px rgba(0, 0, 0, .34) !important;
    font-size: 34px !important;
    font-weight: 850 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity > span > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity > div {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px 10px !important;
    padding: 0 0 10px !important;
    text-align: left !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity small {
    width: 100% !important;
    color: #5cf2a4 !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .1em !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity h2 {
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    color: #f4fff9 !important;
    font-size: clamp(22px, 3vw, 30px) !important;
    font-weight: 780 !important;
    letter-spacing: -.025em !important;
    line-height: 1.14 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity p {
    width: 100% !important;
    margin: 0 !important;
    color: rgba(218, 240, 230, .68) !important;
    font-size: 13px !important;
    font-weight: 550 !important;
    line-height: 1.35 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity b {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 4px 9px !important;
    border: 1px solid rgba(255, 221, 114, .38) !important;
    border-radius: 999px !important;
    color: #0a120f !important;
    background: linear-gradient(135deg, #fff0a2, #4af1a0 58%, #39bfff) !important;
    box-shadow: 0 8px 22px rgba(70, 234, 152, .16) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: calc(100% - 48px) !important;
    max-width: 520px !important;
    margin: 22px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats article {
    position: relative !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 54px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats article + article {
    border-left: 1px solid rgba(255, 255, 255, .11) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats strong {
    color: #f4fff9 !important;
    font-size: 17px !important;
    font-weight: 790 !important;
    line-height: 1.15 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats small {
    color: rgba(218, 240, 230, .62) !important;
    font-size: 11px !important;
    font-weight: 550 !important;
    line-height: 1.2 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions {
    display: flex !important;
    width: calc(100% - 48px) !important;
    max-width: 680px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 15px auto 0 !important;
    padding: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions > button {
    display: inline-flex !important;
    min-width: 118px !important;
    min-height: 42px !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 9px 16px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 10px !important;
    color: #ecfff5 !important;
    background: rgba(255, 255, 255, .065) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions > button:first-child {
    border-color: rgba(58, 239, 149, .4) !important;
    color: #06120d !important;
    background: linear-gradient(135deg, #a8ffd0, #35ed93 60%, #42c7ff) !important;
    box-shadow: 0 10px 25px rgba(45, 234, 139, .18) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions > button:hover {
    border-color: rgba(78, 240, 158, .38) !important;
    transform: translateY(-1px) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions > button[hidden],
body.zaxsecurity-portal-page.zax-community-profile-page-open [data-profile-shop-tab][hidden] {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-guest-action,
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio {
    width: calc(100% - 48px) !important;
    max-width: 660px !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    color: rgba(225, 245, 235, .8) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    width: calc(100% - 48px) !important;
    max-width: 900px !important;
    margin: 20px auto 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(70, 238, 154, .18) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
        linear-gradient(115deg, rgba(55, 239, 148, .11), rgba(42, 165, 255, .055) 58%, rgba(255, 255, 255, .035)),
        rgba(12, 27, 22, .82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 38px rgba(0, 0, 0, .16) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor::before {
    content: none !important;
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor > .zax-vip-store-icon {
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    color: #07120e !important;
    background: linear-gradient(135deg, #a9ffd1, #36ec91 56%, #42bcff) !important;
    font-size: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor > .zax-vip-store-icon .dashicons {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor > div {
    min-width: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor :is(strong, b, p, span) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs {
    position: sticky !important;
    top: 0 !important;
    z-index: 12 !important;
    display: flex !important;
    width: 100% !important;
    max-width: 1040px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
    background: rgba(7, 17, 14, .91) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button {
    position: relative !important;
    display: inline-flex !important;
    min-width: 0 !important;
    min-height: 52px !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(218, 240, 230, .55) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button::after {
    content: "" !important;
    position: absolute !important;
    right: 22% !important;
    bottom: -1px !important;
    left: 22% !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button.is-active {
    color: #f2fff8 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button.is-active::after {
    background: linear-gradient(90deg, #49f09e, #41c9ff) !important;
    box-shadow: 0 0 14px rgba(66, 235, 153, .45) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 8px 0 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads > header {
    display: flex !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 6px 7px !important;
    border: 0 !important;
    background: transparent !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads > header > span {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads > header > small {
    color: rgba(214, 238, 227, .52) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 3 / 4 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(35, 73, 59, .86), rgba(8, 20, 16, .98)) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    isolation: isolate !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile::after {
    content: "" !important;
    position: absolute !important;
    inset: 38% 0 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, transparent, rgba(3, 9, 7, .88)) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-visual > :is(img, video) {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .28s ease !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile:hover .zax-member-profile-upload-visual > :is(img, video) {
    transform: scale(1.025) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-visual {
    z-index: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy {
    position: absolute !important;
    z-index: 2 !important;
    right: 10px !important;
    bottom: 9px !important;
    left: 10px !important;
    display: grid !important;
    gap: 5px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy strong {
    position: static !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #f5fff9 !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy small {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    overflow: hidden !important;
    color: rgba(237, 255, 247, .76) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-about-details {
    width: calc(100% - 48px) !important;
    max-width: 1040px !important;
    margin: 20px auto 0 !important;
    padding: 0 0 58px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-about-details :is(
    .zax-member-profile-section-heading,
    .zax-member-profile-highlight-grid,
    .zax-member-profile-card-grid,
    .zax-member-profile-assurance
) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-about-details article {
    min-width: 0 !important;
    overflow: hidden !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-about-details :is(h3, h4, strong, p, span) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

@media (min-width: 1100px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page {
        left: var(--zax-sidebar-current, 0px) !important;
        width: calc(100% - var(--zax-sidebar-current, 0px)) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover {
        width: calc(100% - 24px) !important;
        margin: 12px auto 0 !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header {
        min-height: 58px !important;
        padding: max(6px, env(safe-area-inset-top)) 10px 6px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll {
        padding-bottom: calc(110px + env(safe-area-inset-bottom)) !important;
        scrollbar-gutter: auto !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover {
        height: 154px !important;
        min-height: 154px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-cover::after {
        right: 12px !important;
        bottom: 12px !important;
        max-width: calc(100% - 24px) !important;
        font-size: 7px !important;
        letter-spacing: .13em !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity {
        display: flex !important;
        width: calc(100% - 24px) !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: -48px !important;
        text-align: center !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity > span {
        width: 94px !important;
        min-width: 94px !important;
        height: 94px !important;
        border-width: 3px !important;
        font-size: 28px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity > div {
        justify-content: center !important;
        padding: 0 !important;
        text-align: center !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity small,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity p {
        text-align: center !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-identity h2 {
        width: 100% !important;
        font-size: 21px !important;
        line-height: 1.18 !important;
        text-align: center !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats {
        width: calc(100% - 24px) !important;
        margin-top: 15px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats article {
        min-height: 50px !important;
        padding: 4px 6px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions {
        width: calc(100% - 24px) !important;
        gap: 7px !important;
        margin-top: 12px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-actions > button {
        min-width: 0 !important;
        min-height: 42px !important;
        flex: 1 1 calc(50% - 4px) !important;
        padding: 8px 10px !important;
        font-size: 11px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-guest-action,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio {
        width: calc(100% - 24px) !important;
        margin-top: 12px !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        width: calc(100% - 20px) !important;
        gap: 11px !important;
        margin-top: 16px !important;
        padding: 13px !important;
        border-radius: 15px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor > .zax-vip-store-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px !important;
        font-size: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-vendor > :last-child {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs {
        margin-top: 18px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button {
        min-height: 48px !important;
        gap: 5px !important;
        padding: 8px 5px !important;
        font-size: 10px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads {
        padding: 6px 0 22px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads > header {
        min-height: 24px !important;
        padding: 0 8px 5px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
        gap: 2px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile {
        border-radius: 2px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy strong {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy {
        right: 6px !important;
        bottom: 6px !important;
        left: 6px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy small {
        font-size: 8px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-about-details {
        width: calc(100% - 24px) !important;
        margin-top: 16px !important;
        padding-bottom: 34px !important;
    }
}

@media (max-width: 390px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header {
        grid-template-columns: 38px minmax(0, 1fr) 38px !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header > button,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page > section > header > b {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats strong {
        font-size: 15px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-stats small {
        font-size: 9px !important;
    }

}

@media (prefers-reduced-motion: reduce) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page *,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page *::before,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* 1.5.88 final profile-grid authority (kept after legacy profile rules). */
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
    gap: 8px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile {
    border: 1px solid rgba(161, 237, 211, .1) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-tabs > button[data-profile-jump="saved"].is-active .zax-save-icon {
    fill: currentColor !important;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
        gap: 5px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile {
        border-radius: 11px !important;
    }
}

/* 1.5.89: profile footer-safe scrolling above the Community mobile dock. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-profile-active .zax-member-profile-scroll {
        --zax-profile-footer-clearance: max(
            calc(150px + env(safe-area-inset-bottom)),
            calc(var(--zax-mobile-dock-clearance, 96px) + 56px)
        );
        padding-bottom: var(--zax-profile-footer-clearance) !important;
        scroll-padding-bottom: var(--zax-profile-footer-clearance) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll > [data-profile-panel]:not([hidden]) {
        scroll-margin-bottom: var(--zax-profile-footer-clearance) !important;
    }
}

/* 1.5.90: in-popup sharing and an in-place random Cyber FYP title refresh. */
.zax-fyp-detail-share {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid rgba(132, 229, 204, .18);
    border-radius: 999px;
    color: var(--zax-soft);
    background: linear-gradient(135deg, rgba(81, 230, 189, .09), rgba(154, 140, 255, .08));
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    font-size: 9px;
    font-weight: 740;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.zax-fyp-detail-share:hover {
    transform: translateY(-1px);
    border-color: rgba(112, 238, 202, .42);
    color: var(--zax-text);
}

.zax-fyp-detail-share .dashicons {
    width: 17px;
    height: 17px;
    color: var(--zax-cyan);
    font-size: 17px;
}

.zax-fyp-share-sheet {
    z-index: 5400 !important;
}

.zax-fyp-tabs [data-fyp-refresh-title].is-refreshing {
    animation: zax-fyp-title-refresh .58s cubic-bezier(.2, .8, .3, 1) both;
}

@keyframes zax-fyp-title-refresh {
    0% { color: var(--zax-text); text-shadow: 0 0 0 rgba(81, 230, 189, 0); transform: scale(1); }
    42% { color: var(--zax-cyan); text-shadow: 0 0 18px rgba(81, 230, 189, .72); transform: scale(1.06); }
    100% { color: var(--zax-text); text-shadow: 0 0 0 rgba(81, 230, 189, 0); transform: scale(1); }
}

@media (max-width: 760px) {
    .zax-fyp-detail-share {
        min-height: 38px;
        padding: 7px 10px;
    }
}

@media (max-width: 520px) {
    .zax-fyp-detail-share {
        width: 42px;
        min-width: 42px;
        flex: 0 0 42px;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zax-fyp-detail-share > span:not(.dashicons) {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-tabs [data-fyp-refresh-title].is-refreshing {
        animation: none !important;
    }
}

/* 1.5.91: visible, directly editable Community profile bio. */
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card {
    width: calc(100% - 48px) !important;
    max-width: 760px !important;
    margin: 16px auto 0 !important;
    padding: 15px 17px !important;
    border: 1px solid rgba(104, 236, 196, .16) !important;
    border-radius: 18px !important;
    color: #ecfff7 !important;
    background:
        radial-gradient(circle at 92% 0, rgba(151, 131, 255, .11), transparent 32%),
        linear-gradient(135deg, rgba(60, 235, 157, .09), rgba(255, 255, 255, .035)),
        rgba(8, 24, 18, .82) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .17), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    box-sizing: border-box !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card.is-editing {
    border-color: rgba(70, 240, 165, .34) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .2), 0 0 0 3px rgba(62, 238, 157, .055), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > header {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > header > span {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    border: 1px solid rgba(111, 240, 202, .2) !important;
    border-radius: 12px !important;
    color: var(--zax-cyan) !important;
    background: linear-gradient(135deg, rgba(63, 238, 159, .16), rgba(135, 111, 255, .13)) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > header > div {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 2px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > header small {
    color: rgba(190, 224, 210, .65) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > header strong {
    color: #f1fff8 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-edit] {
    display: inline-flex !important;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(112, 238, 202, .2) !important;
    border-radius: 999px !important;
    color: #eafff6 !important;
    background: rgba(255, 255, 255, .055) !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    cursor: pointer !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-edit][hidden] {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > .zax-member-profile-bio {
    width: 100% !important;
    max-width: none !important;
    margin: 11px 0 0 !important;
    padding: 0 !important;
    color: rgba(226, 246, 236, .82) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    text-align: left !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] {
    display: grid !important;
    gap: 9px !important;
    margin-top: 13px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form][hidden] {
    display: none !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > label {
    color: rgba(211, 238, 225, .72) !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] textarea {
    width: 100% !important;
    min-height: 112px !important;
    max-height: 220px !important;
    padding: 12px 13px !important;
    border: 1px solid rgba(108, 237, 198, .22) !important;
    border-radius: 14px !important;
    outline: none !important;
    color: #f1fff8 !important;
    background: rgba(3, 13, 10, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    font: inherit !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] textarea:focus {
    border-color: rgba(66, 240, 163, .55) !important;
    box-shadow: 0 0 0 3px rgba(64, 236, 159, .08) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer > small {
    color: rgba(190, 220, 207, .62) !important;
    font-size: 9px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer > span {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer button {
    min-height: 36px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(112, 238, 202, .18) !important;
    border-radius: 10px !important;
    color: #eafff6 !important;
    background: rgba(255, 255, 255, .055) !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    cursor: pointer !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer .zax-button-primary {
    color: #06130d !important;
    background: linear-gradient(135deg, #a5ffd0, #37ee96 62%, #47c7ff) !important;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card {
        width: calc(100% - 24px) !important;
        margin-top: 13px !important;
        padding: 13px !important;
        border-radius: 16px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-bio-card > .zax-member-profile-bio {
        font-size: 12px !important;
        line-height: 1.58 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] textarea {
        min-height: 124px !important;
        font-size: 16px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer > span {
        width: 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open [data-community-bio-form] > footer button {
        flex: 1 1 0 !important;
    }
}

/* TikTok-style Community profile pin controls (maximum enforced by the server). */
body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item {
    position: relative !important;
    min-width: 0 !important;
    aspect-ratio: 3 / 4 !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item > .zax-member-profile-upload-tile {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item.is-pinned > .zax-member-profile-upload-tile {
    border-color: rgba(72, 239, 161, .42) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .2), 0 0 0 1px rgba(64, 235, 157, .1), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pinned-badge {
    top: 8px !important;
    right: auto !important;
    left: 8px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 5px 7px !important;
    border: 1px solid rgba(112, 247, 198, .28) !important;
    border-radius: 999px !important;
    color: #edfff7 !important;
    background: linear-gradient(135deg, rgba(25, 171, 113, .88), rgba(91, 71, 200, .82)) !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .2) !important;
    font-size: 8px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pinned-badge .dashicons {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle {
    position: absolute !important;
    z-index: 8 !important;
    top: 8px !important;
    right: 8px !important;
    display: inline-flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 6px 9px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 999px !important;
    color: #f2fff8 !important;
    background: rgba(3, 11, 8, .7) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    font-size: 9px !important;
    font-weight: 730 !important;
    cursor: pointer !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle.is-active {
    border-color: rgba(83, 243, 172, .42) !important;
    color: #05130c !important;
    background: linear-gradient(135deg, #9fffc9, #38ed94 62%, #45c6ff) !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle.is-request-pending {
    opacity: .62 !important;
    cursor: wait !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle .dashicons {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px !important;
}

body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item.has-pin-control .zax-member-profile-upload-visual > b:not(.zax-member-profile-pinned-badge) {
    top: 48px !important;
}

.zax-community-topic-guard {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin: 2px 0 11px;
    padding: 10px 12px;
    border: 1px solid rgba(86, 234, 192, .17);
    border-radius: 14px;
    color: var(--zax-soft);
    background: linear-gradient(135deg, rgba(58, 230, 157, .085), rgba(139, 117, 255, .065));
}

.zax-community-topic-guard > .dashicons {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(73, 234, 174, .1);
    font-size: 19px;
    line-height: 36px;
}

.zax-community-topic-guard > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-community-topic-guard strong {
    color: var(--zax-text);
    font-size: 11px;
    font-weight: 740;
}

.zax-community-topic-guard small {
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.5;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle {
        width: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle > span:not(.dashicons) {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pinned-badge {
        top: 6px !important;
        left: 6px !important;
        padding: 4px 6px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pinned-badge > span:not(.dashicons) {
        display: none !important;
    }

    .zax-community-topic-guard {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 8px;
        margin-bottom: 9px;
        padding: 9px 10px;
        border-radius: 12px;
    }

    .zax-community-topic-guard > .dashicons {
        width: 32px;
        height: 32px;
        font-size: 17px;
        line-height: 32px;
    }
}

/* 1.5.93: compact TikTok-style Community profile gallery on phones. */
@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        scrollbar-width: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-scroll::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 26px !important;
        overflow: visible !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-uploads > header {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-grid {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 2px 2px 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        aspect-ratio: 3 / 4 !important;
        overflow: hidden !important;
        border-radius: 6px !important;
        background: linear-gradient(145deg, rgba(24, 68, 51, .94), rgba(5, 17, 12, .99)) !important;
        isolation: isolate !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item > .zax-member-profile-upload-tile {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-visual {
        position: absolute !important;
        inset: 0 !important;
        display: grid !important;
        width: 100% !important;
        height: 100% !important;
        place-items: center !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-visual::after,
    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-tile::after {
        inset: 46% 0 0 !important;
        background: linear-gradient(180deg, transparent, rgba(2, 9, 6, .88)) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-visual > img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-visual > .dashicons {
        width: 30px !important;
        height: 30px !important;
        color: rgba(231, 255, 243, .82) !important;
        font-size: 30px !important;
        filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .3)) !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy {
        right: 7px !important;
        bottom: 7px !important;
        left: 7px !important;
        gap: 3px !important;
        min-width: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy strong {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open :is(.zax-member-profile-upload-tile.is-text, .zax-member-profile-upload-tile.is-product) .zax-member-profile-upload-copy strong {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: #f4fff9 !important;
        font-size: 9.5px !important;
        font-weight: 720 !important;
        line-height: 1.3 !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, .78) !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy small {
        display: inline-flex !important;
        min-width: 0 !important;
        align-items: center !important;
        gap: 3px !important;
        overflow: hidden !important;
        color: rgba(247, 255, 251, .92) !important;
        font-size: 8px !important;
        font-weight: 680 !important;
        line-height: 1.15 !important;
        text-shadow: 0 2px 7px rgba(0, 0, 0, .88) !important;
        white-space: nowrap !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy small .dashicons {
        width: 11px !important;
        height: 11px !important;
        margin-left: 2px !important;
        font-size: 11px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-copy small .dashicons:first-child {
        margin-left: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pin-toggle {
        top: 6px !important;
        right: 6px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-pinned-badge {
        top: 6px !important;
        left: 6px !important;
        min-height: 28px !important;
        padding: 4px 6px !important;
    }

    body.zaxsecurity-portal-page.zax-community-profile-page-open .zax-member-profile-upload-item.has-pin-control .zax-member-profile-upload-visual > b:not(.zax-member-profile-pinned-badge) {
        top: 44px !important;
    }
}

@media (max-width: 360px) {
    body.zaxsecurity-portal-page.zax-community-profile-page-open :is(.zax-member-profile-upload-tile.is-text, .zax-member-profile-upload-tile.is-product) .zax-member-profile-upload-copy strong {
        font-size: 9px !important;
    }
}

/* 1.5.94: profile posts open as a true edge-to-edge TikTok-style page, not a modal. */
body.zaxsecurity-portal-page.zax-profile-post-page-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

.zax-fyp-detail-sheet.is-profile-post-page {
    position: fixed !important;
    z-index: 5400 !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: var(--zax-visual-viewport-height, 100dvh) !important;
    min-height: 100svh !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #effff9;
    background:
        radial-gradient(circle at 14% 8%, rgba(81, 230, 189, .13), transparent 28%),
        radial-gradient(circle at 90% 82%, rgba(154, 140, 255, .11), transparent 30%),
        #030906 !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > .zax-fyp-detail-backdrop {
    display: none !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > section {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #effff9 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: zax-profile-post-page-enter .28s cubic-bezier(.2, .82, .25, 1) both !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > section::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: 0;
    opacity: .2;
    background-image:
        linear-gradient(rgba(126, 243, 211, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126, 243, 211, .035) 1px, transparent 1px);
    background-size: 38px 38px;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 72%);
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.zax-fyp-detail-sheet.is-profile-post-page > section > header {
    position: relative !important;
    z-index: 8 !important;
    display: grid !important;
    min-height: calc(64px + env(safe-area-inset-top)) !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: end !important;
    gap: 10px !important;
    padding: max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left)) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 232, 210, .12) !important;
    background: rgba(3, 12, 9, .88) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > section > header > span {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    align-items: center;
    text-align: center;
}

.zax-fyp-detail-sheet.is-profile-post-page > section > header small {
    color: #65e9c4 !important;
    font-size: 8px !important;
    font-weight: 720 !important;
    letter-spacing: .14em !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > section > header strong {
    max-width: 100%;
    margin-top: 2px;
    overflow: hidden;
    color: #f3fff9 !important;
    font-size: 14px !important;
    font-weight: 680 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close] {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(158, 236, 216, .18) !important;
    border-radius: 50% !important;
    color: #edfff9 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .095), rgba(81, 230, 189, .07)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 8px 22px rgba(0, 0, 0, .2) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close] .dashicons {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll {
    display: grid !important;
    width: min(100%, 1180px) !important;
    min-height: 0 !important;
    grid-template-columns: minmax(360px, .96fr) minmax(0, 1.04fr) !important;
    grid-template-rows: auto auto auto auto minmax(min-content, auto) !important;
    gap: 0 clamp(28px, 4vw, 56px) !important;
    margin: 0 auto !important;
    padding: clamp(24px, 3vw, 38px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-visual {
    position: sticky !important;
    top: 0 !important;
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
    width: 100% !important;
    height: min(68dvh, 720px) !important;
    min-height: 430px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(139, 239, 211, .16) !important;
    border-radius: 24px !important;
    background: #010503 !important;
    box-shadow: 0 28px 76px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .07) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author,
.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-meta,
.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2,
.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy,
.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-extra {
    grid-column: 2 !important;
}

.zax-fyp-detail-sheet.is-profile-post-page:not(.has-post-media) .zax-fyp-detail-author,
.zax-fyp-detail-sheet.is-profile-post-page:not(.has-post-media) .zax-fyp-detail-meta,
.zax-fyp-detail-sheet.is-profile-post-page:not(.has-post-media) .zax-fyp-detail-scroll > h2,
.zax-fyp-detail-sheet.is-profile-post-page:not(.has-post-media) .zax-fyp-detail-copy,
.zax-fyp-detail-sheet.is-profile-post-page:not(.has-post-media) .zax-fyp-detail-extra {
    grid-column: 1 / -1 !important;
    width: min(100%, 760px);
    margin-right: auto;
    margin-left: auto;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author {
    margin-top: 0 !important;
    padding: 0 0 18px !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2 {
    color: #f3fff9 !important;
    font-size: clamp(27px, 3.4vw, 42px) !important;
    font-weight: 700 !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy {
    color: rgba(229, 247, 239, .82) !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.78 !important;
}

.zax-fyp-detail-sheet.is-profile-post-page > section > footer {
    position: relative !important;
    z-index: 8 !important;
    min-height: calc(72px + env(safe-area-inset-bottom)) !important;
    padding: 10px max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(148, 232, 210, .12) !important;
    background: rgba(3, 12, 9, .9) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions > .zax-button[data-fyp-detail-close] {
    display: none !important;
}

@keyframes zax-profile-post-page-enter {
    from { opacity: .55; transform: translate3d(0, 14px, 0) scale(.995); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (max-width: 760px) {
    .zax-fyp-detail-sheet.is-profile-post-page {
        width: 100% !important;
        min-width: 0 !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page > section > header {
        min-height: calc(58px + env(safe-area-inset-top)) !important;
        grid-template-columns: 40px minmax(0, 1fr) 40px !important;
        gap: 7px !important;
        padding: max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left)) !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 max(12px, env(safe-area-inset-right)) 24px max(12px, env(safe-area-inset-left)) !important;
        scrollbar-gutter: auto !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-visual {
        position: relative !important;
        top: auto !important;
        width: calc(100% + max(12px, env(safe-area-inset-left)) + max(12px, env(safe-area-inset-right))) !important;
        height: clamp(330px, 58dvh, 590px) !important;
        min-height: 330px !important;
        margin: 0 calc(max(12px, env(safe-area-inset-right)) * -1) 16px calc(max(12px, env(safe-area-inset-left)) * -1) !important;
        border-width: 0 0 1px !important;
        border-radius: 0 !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .26) !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author {
        grid-template-columns: 46px minmax(0, 1fr) auto !important;
        gap: 9px !important;
        padding-bottom: 13px !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span {
        width: 46px !important;
        height: 46px !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2 {
        margin-top: 15px !important;
        font-size: clamp(23px, 7vw, 29px) !important;
        line-height: 1.13 !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy {
        font-size: 14px !important;
        line-height: 1.72 !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page > section > footer {
        min-height: calc(62px + env(safe-area-inset-bottom)) !important;
        padding: 8px max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page > section > footer > span {
        display: none !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        margin: 0 !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        justify-content: center !important;
        padding: 7px 8px !important;
        overflow: hidden !important;
        border: 1px solid rgba(132, 229, 204, .17) !important;
        border-radius: 999px !important;
        color: rgba(232, 251, 243, .82) !important;
        background: rgba(255, 255, 255, .045) !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {
    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
        gap: 5px !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-like, .zax-fyp-detail-share) > span:not(.dashicons) {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-fyp-detail-sheet.is-profile-post-page > section {
        animation: none !important;
    }
}

/* 1.5.96: secure five-image product galleries from Seller Studio to checkout. */
.zax-product-image-gallery {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    background: #06100d;
    touch-action: pan-y;
}

.zax-product-image-gallery[hidden] {
    display: none !important;
}

.zax-product-image-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .34s cubic-bezier(.2, .78, .24, 1);
    will-change: transform;
}

.zax-product-image-track > figure {
    position: relative;
    width: 100%;
    min-width: 100%;
    height: 100%;
    flex: 0 0 100%;
    margin: 0;
    overflow: hidden;
    background: #07110e;
}

.zax-product-image-track > figure::after {
    position: absolute;
    inset: 52% 0 0;
    pointer-events: none;
    content: "";
    background: linear-gradient(180deg, transparent, rgba(2, 8, 6, .48));
}

.zax-product-image-track img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.zax-product-gallery-arrow {
    position: absolute;
    z-index: 7;
    top: 50%;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #f3fff9;
    background: rgba(3, 11, 8, .56);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    backdrop-filter: blur(12px) saturate(135%);
    transform: translateY(-50%);
    cursor: pointer;
}

.zax-product-gallery-arrow.is-previous { left: 8px; }
.zax-product-gallery-arrow.is-next { right: 8px; }
.zax-product-gallery-arrow:disabled { opacity: .34; cursor: default; }
.zax-product-gallery-arrow .dashicons { width: 16px; height: 16px; font-size: 16px; }

.zax-product-gallery-dots {
    position: absolute;
    z-index: 7;
    bottom: 9px;
    left: 50%;
    display: flex;
    max-width: 55%;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transform: translateX(-50%);
}

.zax-product-gallery-dots > button {
    width: 5px;
    min-width: 5px;
    height: 5px;
    min-height: 5px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .48);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .45);
    transition: width .18s ease, background .18s ease;
}

.zax-product-gallery-dots > button.is-active {
    width: 15px;
    background: #61eabd;
}

.zax-product-gallery-count {
    position: absolute;
    z-index: 7;
    right: 9px;
    bottom: 8px;
    padding: 4px 7px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: #f2fff9;
    background: rgba(3, 11, 8, .58);
    font-size: 10px;
    font-weight: 760;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.zax-product-visual > :is(.zax-badge, .zax-market-save) {
    z-index: 9;
}

.zax-seller-image-upload {
    display: grid;
    min-width: 0;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(100, 232, 196, .18);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .055), rgba(154, 140, 255, .035));
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}

.zax-seller-image-upload-copy {
    display: grid;
    min-width: 0;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.zax-seller-image-upload-copy > .dashicons {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 13px;
    color: #062017;
    background: var(--zax-gradient-brand);
    font-size: 20px;
    line-height: 40px;
    box-shadow: 0 10px 24px rgba(81, 230, 189, .14);
}

.zax-seller-image-upload-copy > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.zax-seller-image-upload-copy strong { color: var(--zax-text); font-size: 14px; }
.zax-seller-image-upload-copy small { color: var(--zax-muted); font-size: 12px; line-height: 1.5; }

.zax-seller-image-picker {
    position: relative;
    display: flex !important;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 14px;
    overflow: hidden;
    border: 1px dashed rgba(93, 236, 197, .34) !important;
    border-radius: 13px !important;
    color: var(--zax-cyan) !important;
    background: rgba(81, 230, 189, .05) !important;
    font-size: 13px;
    font-weight: 760;
    cursor: pointer;
}

.zax-seller-image-picker input {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden;
    opacity: .001;
}

.zax-seller-image-preview {
    display: grid;
    min-width: 0;
    gap: 8px;
}

.zax-seller-image-preview[hidden] { display: none !important; }
.zax-seller-image-preview > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.zax-seller-image-preview > div > span { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(255, 255, 255, .1); border-radius: 11px; background: #07110e; }
.zax-seller-image-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.zax-seller-image-preview > div b { position: absolute; right: 4px; bottom: 4px; display: grid; min-width: 20px; height: 20px; place-items: center; padding: 0 4px; border-radius: 999px; color: #f3fff9; background: rgba(3, 11, 8, .68); font-size: 10px; }
.zax-seller-image-preview > footer { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.zax-seller-image-preview > footer strong { min-width: 0; color: var(--zax-soft); font-size: 11px; overflow-wrap: anywhere; }
.zax-seller-image-preview > footer button { display: inline-flex; min-height: 32px; align-items: center; gap: 4px; padding: 6px 9px; border: 1px solid var(--zax-line); border-radius: 9px; color: var(--zax-muted); background: rgba(255, 255, 255, .025); font-size: 11px; cursor: pointer; }

.zax-seller-preview-cover > img[data-seller-preview-image] {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-seller-preview-cover > img[data-seller-preview-image][hidden] { display: none !important; }
.zax-seller-preview-cover.has-product-image::before,
.zax-seller-preview-cover.has-product-image::after,
.zax-seller-preview-cover.has-product-image > i { display: none !important; }
.zax-seller-preview-cover.has-product-image::after { display: block !important; z-index: 2; width: auto; height: auto; inset: 50% 0 0; border: 0; border-radius: 0; background: linear-gradient(180deg, transparent, rgba(2, 8, 6, .58)); animation: none; }
.zax-seller-preview-cover > :is(span, b, em) { z-index: 4; }
.zax-seller-preview-cover > em[data-seller-preview-image-count] { position: absolute; right: 12px; top: 12px; padding: 5px 7px; border: 1px solid rgba(255, 255, 255, .17); border-radius: 999px; color: #f3fff9; background: rgba(3, 11, 8, .58); font-size: 10px; font-style: normal; backdrop-filter: blur(10px); }

.zax-seller-studio .zax-seller-listings > article[data-seller-listing] > span.has-product-image { overflow: hidden; border: 1px solid rgba(114, 234, 204, .17); background: #07110e; }
.zax-seller-studio .zax-seller-listings > article[data-seller-listing] > span.has-product-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.zax-admin-product-image-field {
    display: grid;
    gap: 7px;
    margin: 0 18px 14px;
    padding: 13px;
    border: 1px solid rgba(97, 231, 195, .18);
    border-radius: 15px;
    background: rgba(81, 230, 189, .04);
}

.zax-admin-product-image-field > span { color: var(--zax-text); font-size: 13px; font-weight: 720; }
.zax-admin-product-image-field > small { color: var(--zax-muted); font-size: 11px; line-height: 1.45; }

.zax-vendor-review-gallery {
    grid-column: 1 / -1;
    display: grid;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(102, 232, 197, .18);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(81, 230, 189, .045), rgba(154, 140, 255, .03));
}

.zax-vendor-review-gallery + article {
    grid-column: 1 / -1;
}

.zax-vendor-review-gallery > header { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; }
.zax-vendor-review-gallery > header > span { display: inline-flex; min-width: 0; align-items: center; gap: 7px; }
.zax-vendor-review-gallery > header strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.zax-vendor-review-gallery > header small { color: var(--zax-muted); font-size: 11px; white-space: nowrap; }
.zax-vendor-review-gallery > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.zax-vendor-review-gallery a { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid rgba(255, 255, 255, .1); border-radius: 11px; background: #07110e; }
.zax-vendor-review-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }
.zax-vendor-review-gallery b { position: absolute; right: 5px; bottom: 5px; display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 999px; color: #f3fff9; background: rgba(3, 11, 8, .68); font-size: 10px; }

.zax-checkout-product-gallery {
    position: relative !important;
    inset: auto !important;
    width: 100%;
    height: clamp(190px, 32dvh, 310px);
    margin: 0 0 13px;
    border: 1px solid rgba(108, 232, 199, .16);
    border-radius: 17px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .18);
}

@media (max-width: 760px) {
    .zax-product-gallery-arrow { width: 28px; height: 28px; }
    .zax-product-gallery-arrow.is-previous { left: 6px; }
    .zax-product-gallery-arrow.is-next { right: 6px; }
    .zax-product-gallery-count { right: 7px; bottom: 7px; }
    .zax-product-gallery-dots { bottom: 8px; }
    .zax-seller-image-upload { gap: 9px; padding: 11px; border-radius: 15px; }
    .zax-seller-image-preview > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zax-vendor-review-gallery { padding: 11px; border-radius: 15px; }
    .zax-vendor-review-gallery > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zax-checkout-product-gallery { height: clamp(180px, 29dvh, 260px); border-radius: 15px; }
    .zax-admin-product-image-field { margin: 0 12px 12px; }
}

/* 1.5.97: supplied ZaxSecurity wordmark and favicon across desktop, mobile, and installed-app surfaces. */
.zax-brand-mark,
.zax-home-nav-mark,
.zax-community-logo {
    border-color: rgba(73, 235, 220, .3);
    background: linear-gradient(145deg, rgba(5, 20, 18, .98), rgba(2, 11, 12, .96));
    box-shadow: 0 9px 26px rgba(0, 218, 203, .16), inset 0 1px rgba(255, 255, 255, .08);
}

.zax-brand-mark::after {
    border-color: rgba(117, 250, 237, .1);
}

.zax-brand-mark img,
.zax-home-nav-mark img,
.zax-community-logo img {
    padding: 2px;
    object-fit: contain;
    filter: drop-shadow(0 0 7px rgba(48, 231, 217, .2));
}

.zax-brand-copy {
    justify-content: center;
    gap: 1px;
}

.zax-brand-wordmark,
.zax-home-nav-wordmark,
.zax-auth-wordmark,
.zax-footer-wordmark {
    display: block;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    border-radius: 4px;
    mix-blend-mode: screen;
}

.zax-brand-wordmark {
    width: 126px;
    height: 34px;
}

.zax-brand-copy small {
    margin-top: -4px;
    font-size: 8px;
}

.zax-home-nav-wordmark {
    width: 138px;
    height: 31px;
}

.zax-mobile-header-brand {
    display: none;
}

.zax-home-nav-brand > span:last-child {
    justify-content: center;
}

.zax-home-nav-brand small {
    margin-top: -4px;
    font-size: 7px;
}

.zax-auth-wordmark {
    width: 176px;
    height: 48px;
}

.zax-auth-brand > div {
    min-width: 0;
}

.zax-auth-brand small {
    margin-top: -5px;
    font-size: 8px;
}

.zax-footer-wordmark {
    width: 178px;
    height: 50px;
}

.zax-footer-brand-head > span:last-child {
    min-width: 0;
}

.zax-footer-brand-head small {
    margin-top: -5px;
}

.zax-splash-logo img {
    object-fit: contain;
}

.zax-splash-brand {
    gap: 0;
}

.zax-splash-brand small {
    color: rgba(226, 249, 242, .78);
    font-size: clamp(10px, 2.8vw, 13px);
    letter-spacing: .12em;
}

.zax-branding-upload.is-wordmark-upload {
    grid-template-columns: 138px minmax(0, 1fr);
}

.zax-branding-upload.is-wordmark-upload .zax-branding-preview {
    width: 136px;
    height: 54px;
    border-radius: 14px;
}

.zax-branding-upload.is-wordmark-upload .zax-branding-preview img {
    padding: 4px;
}

@media (max-width: 1220px) {
    .zax-brand-wordmark { width: 110px; }
    .zax-home-nav-wordmark { width: 116px; }
}

@media (max-width: 900px) {
    .zax-mobile-header-brand {
        display: grid;
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        place-items: center;
        padding: 2px;
        overflow: hidden;
        border: 1px solid rgba(73, 235, 220, .28);
        border-radius: 11px;
        background: linear-gradient(145deg, rgba(5, 20, 18, .98), rgba(2, 11, 12, .96));
        box-shadow: 0 7px 22px rgba(0, 218, 203, .14), inset 0 1px rgba(255, 255, 255, .08);
    }

    .zax-mobile-header-brand img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 0 7px rgba(48, 231, 217, .2));
    }

    .zax-app.is-public-view .zax-mobile-header-brand {
        display: none;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-brand-wordmark {
        width: 152px;
    }

    .zax-home-nav-wordmark {
        width: 108px;
        height: 29px;
    }
}

@media (max-width: 760px) {
    .zax-branding-upload.is-wordmark-upload {
        grid-template-columns: 98px minmax(0, 1fr);
    }

    .zax-branding-upload.is-wordmark-upload .zax-branding-preview {
        width: 96px;
        height: 44px;
        border-radius: 12px;
    }

    .zax-auth-wordmark {
        width: 154px;
        height: 43px;
    }

    .zax-footer-wordmark {
        width: 158px;
        height: 45px;
    }
}

@media (max-width: 390px) {
    .zax-home-nav-mark {
        width: 38px;
        height: 38px;
    }
}

/* 1.5.98: show one brand logo per header and navigation state. */
.zax-sidebar .zax-brand-mark,
.zax-home-nav-mark {
    display: none;
}

.zax-app.is-sidebar-collapsed .zax-sidebar .zax-brand-mark {
    display: grid;
}

.zax-auth-brand,
.zax-footer-brand-head {
    gap: 0;
}

@media (max-width: 900px) {
    .zax-app.is-sidebar-open .zax-mobile-header-brand,
    .zax-app.is-sidebar-open .zax-home-nav-brand {
        display: none;
    }

    .zax-app.is-sidebar-open .zax-sidebar .zax-brand-mark {
        display: none;
    }

    .zax-app.is-sidebar-open .zax-sidebar .zax-brand-copy {
        display: flex;
    }
}

@media (max-width: 760px) {
    .zax-home-nav-mark {
        display: grid;
    }
}

/* 1.5.99: one full wordmark replaces mobile page titles and duplicate home branding. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-app .zax-mobile-header-brand {
        display: flex !important;
        width: clamp(112px, 34vw, 142px);
        height: 40px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
        border: 0;
        border-radius: 6px;
        background: transparent;
        box-shadow: none;
    }

    body.zaxsecurity-portal-page .zax-app .zax-mobile-header-brand img {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 5px;
        object-fit: contain;
        object-position: left center;
        mix-blend-mode: screen;
        filter: drop-shadow(0 0 8px rgba(48, 231, 217, .16));
    }

    body.zaxsecurity-portal-page .zax-app .zax-home-topnav,
    body.zaxsecurity-portal-page .zax-app .zax-breadcrumb {
        display: none !important;
    }

    body.zaxsecurity-portal-page .zax-app.is-sidebar-open .zax-mobile-header-brand {
        display: none !important;
    }
}

/* 1.6.0: preserve the natural proportions of favicon and logo artwork. */
.zax-brand-mark img,
.zax-community-logo img,
.zax-splash-logo img,
.zax-branding-preview.is-favicon img {
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 4px);
    max-height: calc(100% - 4px);
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-app .zax-mobile-header-brand img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 100%;
        aspect-ratio: auto;
        object-fit: contain;
        object-position: left center;
    }
}

/* 1.7.0: premium ISP proxy marketplace, Naira checkout, credential vault, and provider administration. */
.zax-isp-page,
.zax-admin-isp-page {
    display: grid;
    width: 100%;
    max-width: none;
    min-width: 0;
    gap: 22px;
    padding: 0 clamp(10px, 1.2vw, 18px) 64px !important;
    overflow: visible;
    box-sizing: border-box;
}

.zax-isp-page > *,
.zax-admin-isp-page > *,
.zax-isp-page :is(article, section, aside, form, div, label, span),
.zax-admin-isp-page :is(article, section, aside, form, div, label, span) {
    min-width: 0;
}

.zax-isp-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(290px, .72fr);
    gap: clamp(24px, 4vw, 64px);
    align-items: center;
    min-height: 330px;
    padding: clamp(28px, 4vw, 58px);
    overflow: hidden;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 20%, rgba(81, 230, 189, .18), transparent 34%),
        radial-gradient(circle at 86% 74%, rgba(154, 140, 255, .17), transparent 36%),
        linear-gradient(135deg, rgba(11, 33, 28, .98), rgba(8, 20, 17, .94));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .04);
}

.zax-isp-hero::before,
.zax-isp-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.zax-isp-hero::before {
    inset: 0;
    opacity: .28;
    background-image: linear-gradient(rgba(81, 230, 189, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(81, 230, 189, .13) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 76%);
}

.zax-isp-hero::after {
    width: 300px;
    height: 300px;
    right: -110px;
    top: -120px;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 44px rgba(81, 230, 189, .025), 0 0 0 88px rgba(154, 140, 255, .02);
    animation: zax-isp-orbit 12s linear infinite;
}

@keyframes zax-isp-orbit {
    to { transform: rotate(360deg); }
}

.zax-isp-kicker,
.zax-isp-connection,
.zax-isp-admin-status {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    color: var(--zax-cyan);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-isp-kicker {
    padding: 8px 11px;
    border: 1px solid rgba(81, 230, 189, .22);
    border-radius: 999px;
    background: rgba(81, 230, 189, .08);
}

.zax-isp-kicker .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.zax-isp-hero-copy h1 {
    max-width: 740px;
    margin: 18px 0 13px;
    color: var(--zax-text);
    font-size: clamp(32px, 4vw, 58px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.zax-isp-hero-copy p {
    max-width: 680px;
    margin: 0;
    color: var(--zax-soft);
    font-size: clamp(15px, 1.3vw, 18px);
    line-height: 1.7;
}

.zax-isp-hero-actions,
.zax-isp-form-actions,
.zax-isp-renew-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.zax-isp-page .zax-button,
.zax-admin-isp-page .zax-button {
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.2;
    white-space: normal;
}

.zax-isp-balance-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: clamp(20px, 3vw, 30px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .035));
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 24px 50px rgba(0, 0, 0, .2);
}

.zax-isp-balance-icon,
.zax-isp-metrics article > span,
.zax-isp-admin-metrics article > span {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 15px;
    color: #06110e;
    background: var(--zax-gradient-brand);
    box-shadow: 0 12px 28px rgba(22, 185, 140, .2);
}

.zax-isp-balance-icon .dashicons,
.zax-isp-metrics article > span .dashicons,
.zax-isp-admin-metrics article > span .dashicons {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

.zax-isp-balance-card small,
.zax-isp-metrics small,
.zax-isp-admin-metrics small {
    color: var(--zax-muted);
    font-size: 12px;
}

.zax-isp-balance-card strong {
    display: block;
    margin-top: 5px;
    color: var(--zax-text);
    font-size: clamp(24px, 3vw, 38px);
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

.zax-isp-balance-card p {
    margin: 4px 0 0;
    color: var(--zax-soft);
    font-size: 12px;
}

.zax-isp-connection {
    grid-column: 1 / -1;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: var(--zax-muted);
}

.zax-isp-connection i,
.zax-isp-admin-status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zax-amber);
    box-shadow: 0 0 0 5px rgba(244, 184, 90, .1);
}

.zax-isp-connection.is-ready i,
.zax-isp-admin-status.is-ready i {
    background: var(--zax-cyan);
    box-shadow: 0 0 0 5px rgba(81, 230, 189, .11), 0 0 18px rgba(81, 230, 189, .45);
}

.zax-isp-metrics,
.zax-isp-admin-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.zax-isp-admin-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zax-isp-metrics article,
.zax-isp-admin-metrics article {
    display: flex;
    min-height: 98px;
    align-items: center;
    gap: 14px;
    padding: 17px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(18, 36, 31, .9), rgba(10, 24, 20, .8));
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.zax-isp-metrics article:nth-child(2) > span,
.zax-isp-admin-metrics article:nth-child(2) > span {
    background: var(--zax-gradient-violet);
}

.zax-isp-metrics article:nth-child(3) > span,
.zax-isp-admin-metrics article:nth-child(4) > span {
    background: var(--zax-gradient-commerce);
}

.zax-isp-metrics strong,
.zax-isp-admin-metrics strong {
    display: block;
    margin-bottom: 3px;
    color: var(--zax-text);
    font-size: clamp(19px, 2vw, 27px);
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.zax-isp-fixed-pricing {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(280px, 1.35fr);
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .08), rgba(115, 92, 255, .055) 52%, rgba(10, 24, 20, .82));
    box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 16px 38px rgba(0, 0, 0, .1);
}

.zax-isp-fixed-pricing > span,
.zax-isp-fixed-pricing > p {
    min-width: 0;
    margin: 0;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: rgba(8, 20, 17, .62);
}

.zax-isp-fixed-pricing > span {
    display: grid;
    align-content: center;
    min-height: 82px;
    padding: 13px 15px;
}

.zax-isp-fixed-pricing > span small,
.zax-isp-fixed-pricing > span em,
.zax-isp-fixed-pricing > p small {
    color: var(--zax-muted);
    font-size: 11px;
    font-style: normal;
}

.zax-isp-fixed-pricing > span strong {
    margin: 3px 0;
    color: var(--zax-text);
    font-size: clamp(20px, 2vw, 27px);
    letter-spacing: -.025em;
}

.zax-isp-fixed-pricing > p {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
}

.zax-isp-fixed-pricing > p > .dashicons {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 13px;
    color: #04110d;
    background: var(--zax-gradient);
}

.zax-isp-fixed-pricing > p span,
.zax-isp-fixed-pricing > p strong,
.zax-isp-fixed-pricing > p small {
    display: block;
    min-width: 0;
}

.zax-isp-fixed-pricing > p strong {
    margin-bottom: 4px;
    color: var(--zax-text);
    font-size: 13px;
}

.zax-isp-fixed-pricing > p small {
    line-height: 1.45;
}

@media (max-width: 1080px) {
    .zax-isp-fixed-pricing {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .zax-isp-fixed-pricing > p {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .zax-isp-fixed-pricing {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 9px;
        border-radius: 17px;
    }

    .zax-isp-fixed-pricing > span {
        min-height: 76px;
        padding: 10px;
        text-align: center;
    }

    .zax-isp-fixed-pricing > span strong {
        font-size: clamp(16px, 5vw, 21px);
    }

    .zax-isp-fixed-pricing > p {
        grid-column: 1 / -1;
    }
}

@media (max-width: 390px) {
    .zax-isp-fixed-pricing {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-fixed-pricing > p {
        grid-column: auto;
    }
}

.zax-isp-access-state {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: clamp(22px, 3vw, 34px) !important;
}

.zax-isp-access-state > .dashicons {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 16px;
    color: var(--zax-cyan);
    font-size: 25px;
    background: rgba(81, 230, 189, .1);
}

.zax-isp-access-state.is-pending > .dashicons {
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .1);
}

.zax-isp-access-state h2 {
    margin: 4px 0 7px;
    font-size: clamp(20px, 2.2vw, 30px);
}

.zax-isp-access-state p {
    max-width: 760px;
    margin: 0;
    color: var(--zax-muted);
    line-height: 1.6;
}

.zax-isp-workspace,
.zax-isp-admin-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.52fr) minmax(300px, .72fr);
    gap: 18px;
    align-items: start;
}

.zax-isp-purchase-card,
.zax-isp-process-card,
.zax-isp-renew-card,
.zax-isp-settings-form,
.zax-isp-admin-security {
    padding: clamp(20px, 2.6vw, 30px) !important;
    border-radius: 22px !important;
}

.zax-isp-purchase-card .zax-card-heading,
.zax-isp-process-card .zax-card-heading,
.zax-isp-settings-form .zax-card-heading {
    gap: 16px;
    align-items: flex-start;
}

.zax-isp-purchase-card h2,
.zax-isp-process-card h2,
.zax-isp-settings-form h2,
.zax-isp-admin-security h2,
.zax-isp-section-heading h2,
.zax-isp-order-history h2 {
    margin: 5px 0 7px;
    color: var(--zax-text);
    font-size: clamp(21px, 2.2vw, 30px);
    line-height: 1.15;
    letter-spacing: -.025em;
}

.zax-isp-purchase-card .zax-card-heading p,
.zax-isp-process-card .zax-card-heading p,
.zax-isp-settings-form .zax-card-heading p,
.zax-isp-section-heading p,
.zax-isp-order-history .zax-card-heading p {
    margin: 0;
    color: var(--zax-muted);
    line-height: 1.6;
}

.zax-isp-step {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 14px;
    color: var(--zax-cyan);
    font-size: 12px;
    font-weight: 800;
    background: rgba(81, 230, 189, .08);
}

.zax-isp-form-grid,
.zax-isp-admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 24px;
}

.zax-isp-form-grid label,
.zax-isp-admin-form-grid label,
.zax-isp-renew-card > label {
    display: grid;
    gap: 7px;
    align-content: start;
    color: var(--zax-soft);
    font-size: 12px;
    font-weight: 700;
}

.zax-isp-form-grid :is(input, select),
.zax-isp-admin-form-grid :is(input, select),
.zax-isp-renew-card select {
    width: 100%;
    height: 46px;
    min-width: 0;
    padding: 0 13px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 12px;
    outline: 0;
    color: var(--zax-text);
    font: 500 14px/1 var(--zax-font);
    background: rgba(5, 15, 12, .68);
    box-shadow: inset 0 1px rgba(255, 255, 255, .02);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.zax-isp-form-grid :is(input, select):focus,
.zax-isp-admin-form-grid :is(input, select):focus,
.zax-isp-renew-card select:focus {
    border-color: rgba(81, 230, 189, .65);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .1);
}

.zax-isp-form-grid option,
.zax-isp-admin-form-grid option,
.zax-isp-renew-card option {
    color: #f2f8f5;
    background: #0e1d19;
}

.zax-isp-form-grid label > small,
.zax-isp-admin-form-grid label > small {
    color: var(--zax-muted);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45;
}

.zax-isp-wide-field,
.zax-isp-admin-wide {
    grid-column: 1 / -1;
}

.zax-isp-quote-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(130px, .6fr));
    gap: 10px;
    margin-top: 20px;
    padding: 14px;
    border: 1px solid rgba(81, 230, 189, .19);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .09), rgba(154, 140, 255, .055));
}

.zax-isp-quote-panel[hidden],
.zax-isp-renew-quote[hidden] {
    display: none !important;
}

.zax-isp-quote-panel > div,
.zax-isp-quote-panel > span {
    display: grid;
    min-height: 72px;
    align-content: center;
    gap: 3px;
    padding: 11px 13px;
    border-radius: 12px;
    background: rgba(4, 14, 11, .42);
}

.zax-isp-quote-panel > span {
    grid-template-columns: auto 1fr;
    column-gap: 8px;
}

.zax-isp-quote-panel > span .dashicons {
    grid-row: 1 / 3;
    align-self: center;
    color: var(--zax-cyan);
}

.zax-isp-quote-panel small,
.zax-isp-renew-quote small {
    color: var(--zax-muted);
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.zax-isp-quote-panel strong {
    color: var(--zax-text);
    font-size: 13px;
}

.zax-isp-quote-panel > div strong {
    font-size: clamp(22px, 2.6vw, 34px);
    letter-spacing: -.03em;
}

.zax-isp-quote-panel > div span,
.zax-isp-renew-quote span {
    color: var(--zax-soft);
    font-size: 11px;
}

.zax-isp-form-actions {
    justify-content: flex-end;
}

.zax-isp-price-note {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: 16px 0 0;
    padding-top: 15px;
    border-top: 1px solid var(--zax-line);
    color: var(--zax-muted);
    font-size: 11px;
    line-height: 1.55;
}

.zax-isp-price-note .dashicons {
    flex: 0 0 17px;
    color: var(--zax-cyan);
    font-size: 17px;
}

.zax-isp-process-card ol {
    display: grid;
    gap: 17px;
    margin: 24px 0;
    padding: 0;
    list-style: none;
}

.zax-isp-process-card li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
}

.zax-isp-process-card li > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    font-size: 11px;
    font-weight: 800;
    background: rgba(81, 230, 189, .09);
}

.zax-isp-process-card li strong {
    color: var(--zax-text);
    font-size: 13px;
}

.zax-isp-process-card li p {
    margin: 4px 0 0;
    color: var(--zax-muted);
    font-size: 12px;
    line-height: 1.5;
}

.zax-isp-assurance {
    display: flex;
    gap: 11px;
    padding: 15px;
    border: 1px solid rgba(154, 140, 255, .18);
    border-radius: 15px;
    background: rgba(154, 140, 255, .07);
}

.zax-isp-assurance > .dashicons {
    color: var(--zax-violet);
}

.zax-isp-assurance strong,
.zax-isp-assurance small {
    display: block;
}

.zax-isp-assurance strong {
    color: var(--zax-text);
    font-size: 12px;
}

.zax-isp-assurance small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 11px;
    line-height: 1.5;
}

.zax-isp-vault {
    display: grid;
    gap: 16px;
    margin-top: 2px;
}

.zax-isp-section-heading {
    display: flex;
    gap: 18px;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 8px;
}

.zax-isp-section-heading > div {
    max-width: 760px;
}

.zax-isp-vault-actions {
    display: flex;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
    gap: 9px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.zax-isp-build-badge {
    display: inline-flex;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    min-height: 34px;
    padding: 7px 11px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(81, 230, 189, .32);
    border-radius: 999px;
    color: var(--zax-cyan);
    background: linear-gradient(135deg, rgba(81, 230, 189, .12), rgba(24, 121, 104, .07));
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .025em;
    white-space: nowrap;
}

.zax-isp-build-badge .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.zax-isp-proxy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.zax-isp-proxy-card {
    overflow: hidden;
    border: 1px solid var(--zax-line);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(17, 38, 32, .94), rgba(8, 21, 17, .94));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 18px 42px rgba(0, 0, 0, .16);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.zax-isp-proxy-card:has([data-isp-proxy-select]:checked) {
    border-color: rgba(81, 230, 189, .58);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .08), 0 20px 48px rgba(0, 0, 0, .2);
}

.zax-isp-proxy-card.is-expired {
    opacity: .7;
}

.zax-isp-proxy-card header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 17px;
    border-bottom: 1px solid var(--zax-line);
    background: linear-gradient(90deg, rgba(81, 230, 189, .07), transparent);
}

.zax-isp-proxy-card header label {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    cursor: pointer;
}

.zax-isp-proxy-card header label input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.zax-isp-proxy-card header label span {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border: 1px solid var(--zax-line-strong);
    border-radius: 7px;
    background: rgba(4, 13, 10, .6);
}

.zax-isp-proxy-card header label input:checked + span {
    border-color: var(--zax-cyan);
    background: var(--zax-cyan);
}

.zax-isp-proxy-card header label input:checked + span::after {
    content: "✓";
    color: #06110e;
    font-size: 13px;
    font-weight: 900;
}

.zax-isp-proxy-card header small,
.zax-isp-proxy-card header strong {
    display: block;
}

.zax-isp-proxy-card header small {
    color: var(--zax-cyan);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}

.zax-isp-proxy-card header strong {
    margin-top: 3px;
    color: var(--zax-text);
    font: 700 16px/1.25 ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow-wrap: anywhere;
}

.zax-isp-proxy-card header em {
    padding: 6px 8px;
    border-radius: 999px;
    color: var(--zax-cyan);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    background: rgba(81, 230, 189, .09);
}

.zax-isp-proxy-card.is-expired header em {
    color: var(--zax-red);
    background: rgba(255, 118, 109, .1);
}

.zax-isp-endpoints,
.zax-isp-credentials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 14px 16px 0;
}

.zax-isp-credentials {
    padding-top: 9px;
}

.zax-isp-endpoints > span,
.zax-isp-credentials > span {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 7px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--zax-line);
    border-radius: 12px;
    background: rgba(3, 13, 10, .48);
}

.zax-isp-endpoints small,
.zax-isp-credentials small {
    grid-column: 1 / -1;
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.zax-isp-endpoints code,
.zax-isp-credentials code,
.zax-isp-proxy-card footer code,
.zax-isp-order-code {
    min-width: 0;
    color: var(--zax-soft);
    font: 600 11px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.zax-isp-endpoints button,
.zax-isp-credentials button {
    display: inline-flex;
    width: auto;
    min-width: 58px;
    height: 27px;
    padding: 0 8px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 0;
    border-radius: 8px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
}

.zax-isp-primary-ip {
    grid-column: 1 / -1;
}

.zax-isp-credentials > span:last-child {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.zax-isp-endpoints button .dashicons,
.zax-isp-credentials button .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.zax-isp-endpoints button > span:not(.dashicons),
.zax-isp-credentials button > span:not(.dashicons) {
    line-height: 1;
}

.zax-isp-endpoints button.is-copied,
.zax-isp-credentials button.is-copied,
.zax-isp-copy-all.is-copied {
    border-color: rgba(81, 230, 189, .58);
    color: #071b15;
    background: var(--zax-cyan);
}

.zax-isp-proxy-card footer {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 17px 17px;
}

.zax-isp-proxy-card footer > span {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 8px;
    min-width: 0;
    align-items: center;
}

.zax-isp-proxy-card footer .dashicons {
    grid-row: 1 / 3;
    color: var(--zax-violet);
    font-size: 17px;
}

.zax-isp-proxy-card footer small,
.zax-isp-proxy-card footer strong {
    display: block;
}

.zax-isp-proxy-card footer small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-isp-proxy-card footer strong {
    color: var(--zax-soft);
    font-size: 11px;
    overflow-wrap: anywhere;
}

.zax-isp-copy-all {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid rgba(81, 230, 189, .24);
    border-radius: 10px;
    color: var(--zax-cyan);
    background: linear-gradient(135deg, rgba(81, 230, 189, .11), rgba(154, 140, 255, .08));
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.zax-isp-copy-all:hover,
.zax-isp-copy-all:focus-visible {
    border-color: rgba(81, 230, 189, .5);
    color: #fff;
}

.zax-isp-copy-all .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.zax-isp-empty {
    grid-column: 1 / -1;
    display: flex;
    min-height: 160px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 26px;
    border: 1px dashed var(--zax-line-strong);
    border-radius: 20px;
    color: var(--zax-muted);
    background: rgba(14, 29, 25, .48);
    text-align: left;
}

.zax-isp-empty > .dashicons {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 15px;
    color: var(--zax-cyan);
    font-size: 24px;
    background: rgba(81, 230, 189, .08);
}

.zax-isp-empty strong {
    color: var(--zax-text);
}

.zax-isp-empty p {
    margin: 4px 0 0;
    line-height: 1.5;
}

.zax-isp-renew-card {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(160px, .45fr) minmax(180px, .5fr) auto;
    gap: 16px;
    align-items: end;
}

.zax-isp-renew-card h3 {
    margin: 4px 0 6px;
    color: var(--zax-text);
    font-size: 20px;
}

.zax-isp-renew-card p {
    margin: 0;
    color: var(--zax-muted);
    font-size: 12px;
}

.zax-isp-renew-quote {
    display: grid;
    gap: 2px;
    min-height: 66px;
    align-content: center;
    padding: 10px 13px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 13px;
    background: rgba(81, 230, 189, .06);
}

.zax-isp-renew-quote strong {
    color: var(--zax-text);
    font-size: 20px;
}

.zax-isp-renew-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0;
}

.zax-isp-order-history .zax-card-heading {
    align-items: flex-start;
}

.zax-order-status.status-provisioning,
.zax-order-status.status-processing {
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .1);
}

.zax-order-status.status-active {
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .1);
}

.zax-isp-admin-status {
    align-self: flex-start;
    padding: 9px 12px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(14, 29, 25, .7);
}

.zax-isp-admin-security {
    position: sticky;
    top: calc(var(--zax-topbar) + 18px);
    overflow: hidden;
}

.zax-isp-security-orbit {
    display: grid;
    width: 74px;
    height: 74px;
    margin-bottom: 20px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .25);
    border-radius: 24px;
    color: #06110e;
    background: var(--zax-gradient-brand);
    box-shadow: 0 18px 40px rgba(22, 185, 140, .2), 0 0 0 8px rgba(81, 230, 189, .045);
}

.zax-isp-security-orbit .dashicons {
    width: 32px;
    height: 32px;
    font-size: 32px;
}

.zax-isp-admin-security > p {
    margin: 0 0 18px;
    color: var(--zax-muted);
    line-height: 1.6;
}

.zax-isp-test-result {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin: 14px 0 18px;
    padding: 13px;
    border: 1px solid var(--zax-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .025);
}

.zax-isp-test-result.is-success {
    border-color: rgba(81, 230, 189, .22);
    background: rgba(81, 230, 189, .06);
}

.zax-isp-test-result .dashicons {
    flex: 0 0 18px;
    color: var(--zax-cyan);
    font-size: 18px;
}

.zax-isp-test-result p {
    margin: 0;
    color: var(--zax-soft);
    font-size: 11px;
    line-height: 1.55;
}

.zax-isp-admin-security ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zax-isp-admin-security li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.zax-isp-admin-security li > .dashicons {
    flex: 0 0 18px;
    color: var(--zax-cyan);
    font-size: 18px;
}

.zax-isp-admin-security li strong,
.zax-isp-admin-security li small {
    display: block;
}

.zax-isp-admin-security li strong {
    color: var(--zax-text);
    font-size: 12px;
}

.zax-isp-admin-security li small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.45;
}

.zax-isp-clear-key {
    margin-top: 18px;
}

.zax-isp-settings-form .zax-settings-footer {
    margin-top: 20px;
}

.zax-isp-admin-orders {
    margin-top: 0;
}

@media (max-width: 1180px) {
    .zax-isp-hero,
    .zax-isp-workspace,
    .zax-isp-admin-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-balance-card {
        max-width: 520px;
    }

    .zax-isp-process-card,
    .zax-isp-admin-security {
        position: relative;
        top: auto;
    }

    .zax-isp-process-card ol,
    .zax-isp-admin-security ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .zax-isp-renew-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.zaxsecurity-portal-page .zax-page.zax-isp-page.is-active,
    body.zaxsecurity-portal-page .zax-page.zax-admin-isp-page.is-active {
        width: 100% !important;
        max-width: none !important;
        padding-right: max(10px, env(safe-area-inset-right)) !important;
        padding-left: max(10px, env(safe-area-inset-left)) !important;
        padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
        overflow: visible !important;
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main > .zax-page.zax-isp-page.is-active:not(.zax-community-page),
    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-main > .zax-page.zax-admin-isp-page.is-active:not(.zax-community-page) {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: max(10px, env(safe-area-inset-right)) !important;
        padding-left: max(10px, env(safe-area-inset-left)) !important;
    }

    .zax-isp-hero {
        min-height: 0;
        padding: 25px 20px;
        border-radius: 22px;
    }

    .zax-isp-hero-copy h1 {
        font-size: clamp(30px, 9vw, 44px);
    }

    .zax-isp-balance-card {
        width: 100%;
        max-width: none;
    }

    .zax-isp-admin-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-isp-proxy-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-section-heading {
        align-items: flex-start;
    }

    .zax-isp-process-card ol,
    .zax-isp-admin-security ul {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-page .zax-table-wrap,
    .zax-admin-isp-page .zax-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .zax-isp-page .zax-table,
    .zax-admin-isp-page .zax-table {
        min-width: 760px;
    }
}

@media (max-width: 680px) {
    .zax-isp-metrics,
    .zax-isp-admin-metrics,
    .zax-isp-form-grid,
    .zax-isp-admin-form-grid,
    .zax-isp-renew-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-wide-field,
    .zax-isp-admin-wide {
        grid-column: auto;
    }

    .zax-isp-quote-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-isp-quote-panel > div {
        grid-column: 1 / -1;
    }

    .zax-isp-access-state {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .zax-isp-access-state .zax-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .zax-isp-section-heading {
        display: grid;
    }

    .zax-isp-vault-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        justify-content: stretch;
    }

    .zax-isp-build-badge {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .zax-isp-section-heading .zax-button,
    .zax-isp-form-actions .zax-button,
    .zax-isp-renew-actions .zax-button {
        flex: 1 1 100%;
        width: 100%;
    }

    .zax-isp-renew-actions {
        display: grid;
        width: 100%;
    }
}

@media (max-width: 460px) {
    .zax-isp-hero-actions,
    .zax-isp-form-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-hero-actions .zax-button,
    .zax-isp-form-actions .zax-button {
        width: 100%;
    }

    .zax-isp-metrics article,
    .zax-isp-admin-metrics article {
        min-height: 82px;
        padding: 13px;
    }

    .zax-isp-metrics article > span,
    .zax-isp-admin-metrics article > span {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .zax-isp-quote-panel,
    .zax-isp-endpoints,
    .zax-isp-credentials {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-quote-panel > div {
        grid-column: auto;
    }

    .zax-isp-proxy-card header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .zax-isp-proxy-card header em {
        grid-column: 2;
        width: fit-content;
    }

    .zax-isp-proxy-card footer {
        display: grid;
    }

    .zax-isp-copy-all {
        width: 100%;
    }

    .zax-isp-proxy-card footer > code {
        padding-left: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-isp-hero::after {
        animation: none;
    }
}

/* 1.7.1: visible International ISP checkout feedback and carrier inventory. */
.zax-isp-carrier-strip {
    display: flex;
    max-width: 760px;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.zax-isp-carrier-strip > small {
    width: 100%;
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.zax-isp-carrier-strip > span {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(81, 230, 189, .16);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(5, 18, 14, .42);
    font-size: 11px;
    font-weight: 700;
}

.zax-isp-carrier-strip > span i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zax-cyan);
    box-shadow: 0 0 10px rgba(81, 230, 189, .55);
}

.zax-isp-carrier-strip > span:nth-of-type(2) i {
    background: var(--zax-violet);
    box-shadow: 0 0 10px rgba(154, 140, 255, .55);
}

.zax-isp-carrier-strip > span:nth-of-type(3) i {
    background: var(--zax-amber);
    box-shadow: 0 0 10px rgba(244, 184, 90, .55);
}

.zax-isp-carrier-strip > p {
    width: 100%;
    max-width: 680px;
    margin: 3px 0 0;
    color: var(--zax-muted);
    font-size: 10px;
    line-height: 1.5;
}

.zax-isp-action-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 14px;
    padding: 13px 14px;
    border: 1px solid var(--zax-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .025);
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.zax-isp-action-status > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .08);
}

.zax-isp-action-status .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.zax-isp-action-status strong,
.zax-isp-action-status small {
    display: block;
    overflow-wrap: anywhere;
}

.zax-isp-action-status strong {
    color: var(--zax-text);
    font-size: 12px;
}

.zax-isp-action-status small {
    margin-top: 3px;
    color: var(--zax-muted);
    font-size: 11px;
    line-height: 1.45;
}

.zax-isp-action-status[data-state="working"] {
    border-color: rgba(154, 140, 255, .26);
    background: rgba(154, 140, 255, .07);
}

.zax-isp-action-status[data-state="working"] > span {
    color: var(--zax-violet);
    background: rgba(154, 140, 255, .1);
    animation: zax-isp-status-pulse 1.1s ease-in-out infinite;
}

.zax-isp-action-status[data-state="success"] {
    border-color: rgba(81, 230, 189, .3);
    background: rgba(81, 230, 189, .075);
}

.zax-isp-action-status[data-state="error"] {
    border-color: rgba(255, 118, 109, .32);
    background: rgba(255, 118, 109, .075);
}

.zax-isp-action-status[data-state="error"] > span {
    color: var(--zax-red);
    background: rgba(255, 118, 109, .1);
}

@keyframes zax-isp-status-pulse {
    50% { transform: scale(.92); opacity: .65; }
}

.zax-isp-empty.is-provisioning {
    border-color: rgba(81, 230, 189, .28);
    background: linear-gradient(135deg, rgba(81, 230, 189, .08), rgba(154, 140, 255, .07));
}

.zax-isp-empty.is-provisioning > .dashicons {
    color: var(--zax-cyan);
    animation: zax-isp-provisioning-spin 1.8s linear infinite;
}

@keyframes zax-isp-provisioning-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 680px) {
    .zax-isp-carrier-strip {
        margin-top: 19px;
    }

    .zax-isp-carrier-strip > span {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }

    .zax-isp-action-status {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-isp-action-status[data-state="working"] > span,
    .zax-isp-empty.is-provisioning > .dashicons {
        animation: none;
    }
}

/* 1.8.4: Residential Proxy silk storefront and credential workspace. */
.zax-isp-page {
    --zax-isp-mint: #58f1c6;
    --zax-isp-teal: #1cb998;
    --zax-isp-violet: #a596ff;
    --zax-isp-surface: rgba(9, 27, 22, .88);
    --zax-isp-surface-strong: rgba(12, 35, 29, .96);
    --zax-isp-edge: rgba(116, 244, 210, .16);
    gap: 18px;
}

.zax-isp-hero {
    grid-template-columns: minmax(0, 1.42fr) minmax(310px, .62fr);
    min-height: 370px;
    padding: clamp(30px, 4.2vw, 62px);
    border-color: var(--zax-isp-edge);
    border-radius: 32px;
    background:
        radial-gradient(circle at 7% 18%, rgba(88, 241, 198, .2), transparent 32%),
        radial-gradient(circle at 82% 82%, rgba(165, 150, 255, .18), transparent 34%),
        linear-gradient(132deg, #0d2d25 0%, #081b17 52%, #101b27 100%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .055);
}

.zax-isp-hero::before {
    opacity: .32;
    background-image:
        linear-gradient(rgba(88, 241, 198, .12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(88, 241, 198, .12) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(105deg, #000 0%, rgba(0, 0, 0, .2) 70%, transparent 92%);
}

.zax-isp-hero-copy h1 {
    max-width: 710px;
    margin: 20px 0 14px;
    font-size: clamp(34px, 3.7vw, 52px);
    line-height: 1.04;
    letter-spacing: -.042em;
}

.zax-isp-feature-chips {
    display: flex;
    max-width: 760px;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.zax-isp-feature-chips > span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid rgba(129, 245, 214, .17);
    border-radius: 999px;
    color: rgba(238, 255, 250, .88);
    background: rgba(4, 17, 14, .42);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
    font-size: 11px;
    font-weight: 700;
}

.zax-isp-feature-chips .dashicons {
    width: 16px;
    height: 16px;
    color: var(--zax-isp-mint);
    font-size: 16px;
}

.zax-isp-balance-card {
    padding: clamp(22px, 3vw, 32px);
    border-color: rgba(163, 246, 224, .16);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)),
        radial-gradient(circle at 15% 10%, rgba(88, 241, 198, .14), transparent 45%);
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 24px 60px rgba(0, 0, 0, .24);
}

.zax-isp-balance-card::after {
    content: "";
    position: absolute;
    right: -32px;
    bottom: -38px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(88, 241, 198, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 24px rgba(88, 241, 198, .025), 0 0 0 48px rgba(165, 150, 255, .018);
    pointer-events: none;
}

.zax-isp-balance-icon {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(145deg, var(--zax-isp-mint), #24bfa0 60%, #9a8cff);
    box-shadow: 0 14px 32px rgba(28, 185, 152, .25), 0 0 0 7px rgba(88, 241, 198, .05);
}

.zax-isp-connection {
    margin-top: 4px;
}

.zax-isp-protocol-summary {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.zax-isp-protocol-summary > span {
    display: grid;
    gap: 2px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 13px;
    background: rgba(2, 14, 11, .38);
}

.zax-isp-protocol-summary b {
    color: var(--zax-isp-mint);
    font-size: 11px;
    letter-spacing: .05em;
}

.zax-isp-protocol-summary small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-isp-metrics article {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 104px;
    padding: 18px;
    border-color: var(--zax-isp-edge);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(18, 44, 36, .94), rgba(7, 23, 18, .88));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 14px 34px rgba(0, 0, 0, .12);
}

.zax-isp-metrics article::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 88px;
    height: 88px;
    right: -34px;
    bottom: -44px;
    border-radius: 50%;
    background: rgba(88, 241, 198, .08);
    filter: blur(2px);
}

.zax-isp-metrics article:nth-child(2)::after {
    background: rgba(165, 150, 255, .09);
}

.zax-isp-metrics article:nth-child(3)::after {
    background: rgba(244, 184, 90, .08);
}

.zax-isp-workspace {
    grid-template-columns: minmax(0, 1.58fr) minmax(300px, .68fr);
    gap: 18px;
}

.zax-isp-purchase-card,
.zax-isp-process-card,
.zax-isp-renew-card,
.zax-isp-order-history {
    border: 1px solid var(--zax-isp-edge) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(165, 150, 255, .065), transparent 32%),
        linear-gradient(145deg, rgba(16, 39, 32, .96), rgba(7, 22, 17, .93)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 18px 48px rgba(0, 0, 0, .14);
}

.zax-isp-process-card {
    position: sticky;
    top: calc(var(--zax-topbar) + 18px);
}

.zax-isp-step {
    width: 44px;
    height: 44px;
    border-color: rgba(88, 241, 198, .26);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(88, 241, 198, .13), rgba(165, 150, 255, .075));
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-isp-form-grid {
    gap: 12px;
    margin-top: 22px;
}

.zax-isp-form-grid .zax-isp-field {
    gap: 7px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 16px;
    background: rgba(3, 15, 12, .34);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.zax-isp-form-grid .zax-isp-field:focus-within {
    border-color: rgba(88, 241, 198, .34);
    background: rgba(4, 20, 16, .52);
    box-shadow: 0 0 0 3px rgba(88, 241, 198, .055);
}

.zax-isp-form-grid .zax-isp-field > span {
    color: rgba(238, 255, 250, .86);
    font-size: 11px;
    letter-spacing: .025em;
}

.zax-isp-form-grid .zax-isp-field :is(input, select) {
    height: 48px;
    border-color: rgba(154, 235, 213, .16);
    border-radius: 12px;
    background: rgba(2, 13, 10, .78);
}

.zax-isp-form-grid .zax-isp-field > small {
    min-height: 16px;
}

.zax-isp-quote-panel {
    padding: 12px;
    border-color: rgba(88, 241, 198, .25);
    border-radius: 19px;
    background:
        linear-gradient(135deg, rgba(88, 241, 198, .12), rgba(165, 150, 255, .075)),
        rgba(2, 14, 11, .35);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.zax-isp-quote-panel > div,
.zax-isp-quote-panel > span {
    border: 1px solid rgba(255, 255, 255, .055);
    background: rgba(3, 15, 12, .52);
}

.zax-isp-form-actions .zax-button {
    min-width: 180px;
}

.zax-isp-process-card li > span {
    border: 1px solid rgba(88, 241, 198, .16);
    background: linear-gradient(145deg, rgba(88, 241, 198, .12), rgba(165, 150, 255, .06));
}

.zax-isp-assurance {
    border-color: rgba(165, 150, 255, .24);
    background: linear-gradient(135deg, rgba(165, 150, 255, .1), rgba(88, 241, 198, .055));
}

.zax-isp-vault {
    gap: 18px;
    padding: clamp(18px, 2.5vw, 28px);
    border: 1px solid var(--zax-isp-edge);
    border-radius: 26px;
    background:
        radial-gradient(circle at 5% 0, rgba(88, 241, 198, .065), transparent 28%),
        linear-gradient(145deg, rgba(10, 30, 24, .82), rgba(5, 18, 14, .76));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 18px 50px rgba(0, 0, 0, .12);
}

.zax-isp-section-heading {
    padding-top: 0;
}

.zax-isp-build-badge {
    border-color: rgba(88, 241, 198, .28);
    background: linear-gradient(135deg, rgba(88, 241, 198, .13), rgba(165, 150, 255, .07));
}

.zax-isp-proxy-grid {
    gap: 16px;
}

.zax-isp-proxy-card {
    position: relative;
    border-color: rgba(130, 231, 204, .14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0, rgba(165, 150, 255, .08), transparent 30%),
        linear-gradient(145deg, rgba(16, 42, 34, .98), rgba(6, 21, 16, .96));
    box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 18px 42px rgba(0, 0, 0, .16);
}

.zax-isp-proxy-card::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 24px;
    left: 24px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(88, 241, 198, .72), rgba(165, 150, 255, .55), transparent);
}

@media (hover: hover) {
    .zax-isp-proxy-card:hover {
        transform: translateY(-3px);
        border-color: rgba(88, 241, 198, .3);
        box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 24px 56px rgba(0, 0, 0, .22);
    }
}

.zax-isp-proxy-card header {
    padding: 18px;
    border-bottom-color: rgba(128, 226, 200, .11);
    background: linear-gradient(90deg, rgba(88, 241, 198, .09), rgba(165, 150, 255, .035), transparent);
}

.zax-isp-proxy-card header label input:checked + span::after {
    content: "\2713";
}

.zax-isp-proxy-card header em {
    border: 1px solid rgba(88, 241, 198, .16);
    background: rgba(88, 241, 198, .09);
}

.zax-isp-endpoints > span,
.zax-isp-credentials > span {
    padding: 11px;
    border-color: rgba(255, 255, 255, .065);
    border-radius: 13px;
    background: rgba(2, 14, 10, .5);
}

.zax-isp-endpoints button,
.zax-isp-credentials button {
    min-width: 60px;
    height: 29px;
    border: 1px solid rgba(88, 241, 198, .13);
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(88, 241, 198, .11), rgba(165, 150, 255, .055));
}

.zax-isp-proxy-card footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 15px 17px 18px;
}

.zax-isp-provider-id {
    grid-column: 1 / -1;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 11px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.zax-isp-provider-id small {
    flex: 0 0 auto;
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.zax-isp-provider-id code {
    min-width: 0;
    text-align: right;
}

.zax-isp-renew-card {
    border-radius: 18px !important;
}

.zax-isp-order-history {
    padding: clamp(18px, 2.5vw, 28px) !important;
    border-radius: 24px !important;
}

@media (max-width: 1180px) {
    .zax-isp-hero,
    .zax-isp-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-process-card {
        position: relative;
        top: auto;
    }
}

@media (max-width: 680px) {
    .zax-isp-page {
        gap: 14px;
    }

    .zax-isp-hero {
        gap: 20px;
        padding: 22px 17px;
        border-radius: 22px;
    }

    .zax-isp-hero-copy h1 {
        margin-top: 16px;
        font-size: clamp(29px, 8.2vw, 38px);
        line-height: 1.08;
    }

    .zax-isp-kicker {
        max-width: 100%;
        font-size: 10px;
        line-height: 1.35;
    }

    .zax-isp-feature-chips {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zax-isp-feature-chips > span {
        min-height: 38px;
        justify-content: flex-start;
        border-radius: 12px;
        font-size: 10px;
    }

    .zax-isp-balance-card {
        padding: 19px;
        border-radius: 20px;
    }

    .zax-isp-balance-card strong {
        font-size: clamp(23px, 7vw, 32px);
    }

    .zax-isp-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .zax-isp-metrics article {
        display: grid;
        min-height: 112px;
        align-content: space-between;
        gap: 10px;
        padding: 13px;
    }

    .zax-isp-metrics article:nth-child(3) {
        grid-column: 1 / -1;
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 82px;
        align-content: center;
        align-items: center;
    }

    .zax-isp-metrics strong {
        font-size: 19px;
    }

    .zax-isp-purchase-card,
    .zax-isp-process-card,
    .zax-isp-renew-card,
    .zax-isp-order-history {
        padding: 17px !important;
        border-radius: 19px !important;
    }

    .zax-isp-form-grid .zax-isp-field {
        padding: 11px;
        border-radius: 14px;
    }

    .zax-isp-form-actions .zax-button {
        min-width: 0;
    }

    .zax-isp-vault {
        gap: 15px;
        padding: 15px;
        border-radius: 21px;
    }

    .zax-isp-proxy-card {
        border-radius: 19px;
    }

    .zax-isp-section-heading h2 {
        font-size: 23px;
    }

    .zax-isp-proxy-card footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-copy-all {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .zax-isp-feature-chips {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-protocol-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-isp-metrics article,
    .zax-isp-metrics article:nth-child(3) {
        grid-column: auto;
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 82px;
        align-content: center;
        align-items: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-isp-proxy-card {
        transition: none;
    }
}

.zax-isp-proxy-card footer .zax-isp-card-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.zax-isp-proxy-card footer .zax-isp-connect-device .dashicons {
    grid-row: auto;
    color: #06130f;
}

.zax-install-proxy-note {
    border-color: rgba(154, 140, 255, .2);
    color: var(--zax-violet);
    background: linear-gradient(135deg, rgba(154, 140, 255, .065), rgba(81, 230, 189, .04));
}

@media (max-width: 760px) {
    .zax-isp-proxy-card footer .zax-isp-card-actions {
        width: 100%;
        justify-content: stretch;
    }

    .zax-isp-proxy-card footer .zax-isp-card-actions > button {
        flex: 1 1 150px;
    }
}

/* 1.9.0: native mobile message viewport with an independently scrollable history. */
@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-page.is-active.is-chat-active {
        inset: var(--zax-topbar) 0 auto !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-page.is-active.is-chat-active :is(.zax-community-shell, .zax-community-main, .zax-chat-view, .zax-chat-app, .zax-chat-window) {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-app.is-chat-open .zax-chat-window {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-window > :not(.zax-chat-thread):not(.zax-chat-composer) {
        flex: 0 0 auto;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-thread {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        flex: 1 1 0% !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        padding-bottom: calc(var(--zax-chat-composer-height, 96px) + 18px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 96px) + 22px) !important;
        overscroll-behavior-y: contain !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: auto !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer {
        position: absolute !important;
        z-index: 1035 !important;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer {
        bottom: 0 !important;
    }
}

/* Keep the Windows expiry and action grid authoritative after every legacy proxy rule. */
@media (min-width: 681px) {
    .zax-isp-proxy-card footer {
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
        column-gap: clamp(14px, 2vw, 24px);
        row-gap: 12px;
    }

    .zax-isp-proxy-card footer .zax-isp-card-actions {
        width: 100%;
        justify-self: stretch;
        justify-content: flex-start;
    }
}

@media (min-width: 681px) and (max-width: 1180px) {
    .zax-isp-proxy-card footer {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* 1.10.0: Kamatera-powered Windows RDP storefront and control center. */
.zax-rdp-page,
.zax-admin-rdp-page {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: clamp(18px, 2vw, 28px);
    padding-bottom: 28px;
}

.zax-rdp-page[hidden],
.zax-admin-rdp-page[hidden] {
    display: none !important;
}

.zax-rdp-hero {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1.6fr) minmax(270px, .65fr);
    gap: clamp(20px, 3vw, 44px);
    align-items: center;
    overflow: hidden;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid rgba(90, 235, 194, .2);
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 20%, rgba(154, 140, 255, .2), transparent 26%),
        radial-gradient(circle at 8% 90%, rgba(81, 230, 189, .16), transparent 32%),
        linear-gradient(135deg, rgba(11, 31, 27, .98), rgba(10, 19, 18, .95));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .04);
    isolation: isolate;
}

.zax-rdp-hero::before,
.zax-rdp-hero::after {
    position: absolute;
    z-index: -1;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(81, 230, 189, .12);
    border-radius: 42%;
    content: "";
    animation: zax-rdp-orbit 18s linear infinite;
}

.zax-rdp-hero::before { right: 18%; top: -175px; }
.zax-rdp-hero::after { right: -105px; bottom: -185px; animation-direction: reverse; animation-duration: 24s; }

@keyframes zax-rdp-orbit { to { transform: rotate(360deg); } }

.zax-rdp-hero-copy { min-width: 0; }
.zax-rdp-hero-copy h1 {
    max-width: 790px;
    margin: 10px 0 14px;
    color: var(--zax-text);
    font-size: clamp(30px, 4vw, 56px);
    line-height: 1.03;
    letter-spacing: -.045em;
}
.zax-rdp-hero-copy > p {
    max-width: 740px;
    margin: 0;
    color: var(--zax-soft);
    font-size: clamp(14px, 1.5vw, 17px);
    line-height: 1.72;
}
.zax-rdp-hero-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.zax-rdp-hero-chips span,
.zax-rdp-provider-state,
.zax-rdp-live-badge {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .035);
    font-size: 11px;
    font-weight: 750;
}
.zax-rdp-hero-chips .dashicons { width: 15px; height: 15px; color: var(--zax-cyan); font-size: 15px; }

.zax-rdp-wallet-card {
    display: grid;
    min-width: 0;
    gap: 9px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 20px 50px rgba(0, 0, 0, .22);
    backdrop-filter: blur(18px);
}
.zax-rdp-wallet-icon,
.zax-rdp-security-orbit {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 16px;
    color: #06130f;
    background: var(--zax-gradient-brand);
    box-shadow: 0 14px 32px rgba(51, 214, 172, .22);
}
.zax-rdp-wallet-icon .dashicons,
.zax-rdp-security-orbit .dashicons { width: 22px; height: 22px; font-size: 22px; }
.zax-rdp-wallet-card small { color: var(--zax-muted); font-size: 11px; font-weight: 700; }
.zax-rdp-wallet-card > strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.zax-rdp-wallet-card .zax-button { width: 100%; margin-top: 5px; }
.zax-rdp-provider-state { width: fit-content; }
.zax-rdp-provider-state i,
.zax-rdp-live-badge i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--zax-amber); box-shadow: 0 0 0 5px rgba(244, 184, 90, .1); }
.zax-rdp-provider-state.is-ready { color: var(--zax-cyan); border-color: rgba(81, 230, 189, .25); }
.zax-rdp-provider-state.is-ready i,
.zax-rdp-live-badge i { background: var(--zax-cyan); box-shadow: 0 0 0 5px rgba(81, 230, 189, .1); animation: zax-rdp-pulse 2.1s ease-in-out infinite; }
@keyframes zax-rdp-pulse { 50% { box-shadow: 0 0 0 8px rgba(81, 230, 189, 0); } }

.zax-rdp-metrics,
.zax-rdp-admin-metrics {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.zax-rdp-metrics article,
.zax-rdp-admin-metrics article {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
    padding: 16px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(18, 39, 33, .87), rgba(12, 26, 23, .78));
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.zax-rdp-metrics article > span,
.zax-rdp-admin-metrics article > span {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 13px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .095);
}
.zax-rdp-metrics article > span .dashicons,
.zax-rdp-admin-metrics article > span .dashicons { width: 19px; height: 19px; font-size: 19px; }
.zax-rdp-metrics article div,
.zax-rdp-admin-metrics article div { display: grid; min-width: 0; gap: 3px; }
.zax-rdp-metrics small,
.zax-rdp-admin-metrics small { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .055em; }
.zax-rdp-metrics strong,
.zax-rdp-admin-metrics strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 18px; line-height: 1.2; }

.zax-rdp-store,
.zax-rdp-vault { display: grid; min-width: 0; gap: 16px; }
.zax-rdp-section-heading {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}
.zax-rdp-section-heading > div { min-width: 0; }
.zax-rdp-section-heading h2 { margin: 7px 0 6px; color: var(--zax-text); font-size: clamp(22px, 2.6vw, 31px); letter-spacing: -.025em; }
.zax-rdp-section-heading p { max-width: 720px; margin: 0; color: var(--zax-muted); font-size: 13px; line-height: 1.65; }

.zax-rdp-plan-grid {
    display: flex;
    min-width: 0;
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}
.zax-rdp-plan-grid::-webkit-scrollbar { display: none; }
.zax-rdp-plan-card {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 16px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--zax-line);
    border-radius: 22px;
    background: linear-gradient(155deg, rgba(18, 38, 33, .95), rgba(10, 23, 20, .9));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .025);
    flex: 0 0 clamp(360px, 44%, 520px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
}
.zax-rdp-plan-card::after { position: absolute; right: -55px; top: -65px; width: 155px; height: 155px; border-radius: 50%; background: rgba(81, 230, 189, .08); filter: blur(2px); content: ""; }
.zax-rdp-plan-card.is-violet::after { background: rgba(154, 140, 255, .11); }
.zax-rdp-plan-card.is-amber::after { background: rgba(244, 184, 90, .1); }
.zax-rdp-plan-card header { position: relative; z-index: 1; display: flex; min-width: 0; align-items: center; gap: 12px; }
.zax-rdp-plan-icon,
.zax-rdp-server-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 14px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .1);
}
.zax-rdp-plan-card.is-violet .zax-rdp-plan-icon { color: var(--zax-violet); background: rgba(154, 140, 255, .11); }
.zax-rdp-plan-card.is-amber .zax-rdp-plan-icon { color: var(--zax-amber); background: rgba(244, 184, 90, .1); }
.zax-rdp-plan-card h3 { margin: 0 0 3px; color: var(--zax-text); font-size: 17px; }
.zax-rdp-plan-card header small { color: var(--zax-muted); font-size: 10px; }
.zax-rdp-plan-card header em { margin-left: auto; color: var(--zax-cyan); font-size: 9px; font-style: normal; font-weight: 850; text-transform: uppercase; letter-spacing: .055em; }
.zax-rdp-plan-card > p { min-height: 44px; margin: 0; color: var(--zax-soft); font-size: 12px; line-height: 1.6; }
.zax-rdp-plan-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.zax-rdp-plan-specs { margin: 0; padding: 0; list-style: none; }
.zax-rdp-plan-specs li { display: flex; min-width: 0; align-items: center; gap: 6px; padding: 9px; border: 1px solid var(--zax-line); border-radius: 11px; color: var(--zax-soft); font-size: 9px; line-height: 1.35; }
.zax-rdp-plan-specs li .dashicons { width: 13px; height: 13px; flex: 0 0 auto; color: var(--zax-cyan); font-size: 13px; }
.zax-rdp-plan-specs li:last-child { grid-column: span 3; }
.zax-rdp-plan-specs span { display: grid; min-width: 0; gap: 3px; padding: 10px 7px; border: 1px solid var(--zax-line); border-radius: 12px; text-align: center; }
.zax-rdp-plan-specs strong { color: var(--zax-text); font-size: 11px; }
.zax-rdp-plan-specs small { color: var(--zax-muted); font-size: 9px; }
.zax-rdp-plan-price { display: flex; min-width: 0; align-items: flex-end; justify-content: space-between; gap: 10px; }
.zax-rdp-plan-price > span { display: grid; min-width: 0; gap: 3px; }
.zax-rdp-plan-price small { color: var(--zax-muted); font-size: 10px; }
.zax-rdp-plan-price strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 22px; letter-spacing: -.025em; }
.zax-rdp-plan-price em { color: var(--zax-muted); font-size: 10px; font-style: normal; }
.zax-rdp-plan-card .zax-button { width: 100%; }
.zax-rdp-plan-price .zax-button { width: auto; min-width: 112px; }
.zax-rdp-plan-card.is-disabled { opacity: .66; }
.zax-rdp-plan-card.is-disabled .zax-button { cursor: not-allowed; }

.zax-rdp-order-form,
.zax-rdp-admin-form,
.zax-rdp-admin-security,
.zax-rdp-admin-orders,
.zax-rdp-order-history {
    min-width: 0;
    padding: clamp(18px, 2.5vw, 26px);
    border-radius: 22px;
}
.zax-rdp-order-form { scroll-margin-top: calc(var(--zax-topbar) + 16px); }
.zax-rdp-order-grid,
.zax-rdp-admin-form-grid { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.zax-rdp-order-grid label,
.zax-rdp-admin-form-grid label { display: grid; min-width: 0; gap: 8px; color: var(--zax-soft); font-size: 11px; font-weight: 750; }
.zax-rdp-order-grid select,
.zax-rdp-admin-form-grid input {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid var(--zax-line-strong);
    border-radius: 13px;
    color: var(--zax-text);
    background: rgba(5, 16, 13, .78);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
    font: inherit;
}
.zax-rdp-order-grid select:focus,
.zax-rdp-admin-form-grid input:focus { outline: 2px solid rgba(81, 230, 189, .2); border-color: rgba(81, 230, 189, .52); }
.zax-rdp-order-grid select:disabled { opacity: .58; cursor: wait; }
.zax-rdp-admin-form-grid label small { color: var(--zax-muted); font-size: 9px; line-height: 1.45; font-weight: 550; }
.zax-rdp-live-badge { color: var(--zax-cyan); }
.zax-rdp-purchase-review {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .07), rgba(154, 140, 255, .05));
}
.zax-rdp-purchase-review > span { display: flex; min-width: 0; align-items: center; gap: 10px; }
.zax-rdp-purchase-review > span > .dashicons { width: 30px; height: 30px; color: var(--zax-cyan); font-size: 30px; }
.zax-rdp-purchase-review span span,
.zax-rdp-purchase-review > span:last-child { display: grid; min-width: 0; gap: 3px; }
.zax-rdp-purchase-review small { color: var(--zax-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.zax-rdp-purchase-review strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 15px; }
.zax-rdp-lawful-use { display: block; margin-top: 14px; cursor: pointer; }
.zax-rdp-lawful-use > input { position: absolute; opacity: 0; pointer-events: none; }
.zax-rdp-lawful-use > span { display: flex; min-width: 0; gap: 11px; padding: 13px; border: 1px solid var(--zax-line); border-radius: 15px; background: rgba(255, 255, 255, .022); }
.zax-rdp-lawful-use > span > .dashicons { width: 20px; height: 20px; flex: 0 0 auto; color: var(--zax-muted); font-size: 20px; }
.zax-rdp-lawful-use > span span { display: grid; min-width: 0; gap: 4px; }
.zax-rdp-lawful-use strong { color: var(--zax-text); font-size: 12px; }
.zax-rdp-lawful-use small { color: var(--zax-muted); font-size: 10px; line-height: 1.5; }
.zax-rdp-lawful-use > input:checked + span { border-color: rgba(81, 230, 189, .38); background: rgba(81, 230, 189, .055); }
.zax-rdp-lawful-use > input:checked + span > .dashicons { color: var(--zax-cyan); }
.zax-rdp-setup-notice {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
    padding: 17px;
    border: 1px solid rgba(244, 184, 90, .22);
    border-radius: 17px;
    color: var(--zax-amber);
    background: rgba(244, 184, 90, .055);
}
.zax-rdp-setup-notice > .dashicons { width: 25px; height: 25px; flex: 0 0 auto; font-size: 25px; }
.zax-rdp-setup-notice > span { display: grid; min-width: 0; flex: 1; gap: 4px; }
.zax-rdp-setup-notice strong { color: var(--zax-text); font-size: 13px; }
.zax-rdp-setup-notice small { color: var(--zax-muted); font-size: 11px; line-height: 1.55; }
.zax-rdp-setup-notice button { flex: 0 0 auto; padding: 9px 12px; border: 1px solid rgba(244, 184, 90, .28); border-radius: 11px; color: var(--zax-amber); background: transparent; font-size: 10px; font-weight: 800; cursor: pointer; }

.zax-rdp-server-grid { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.zax-rdp-server-card {
    display: grid;
    min-width: 0;
    gap: 15px;
    padding: 19px;
    border: 1px solid var(--zax-line);
    border-radius: 22px;
    background: linear-gradient(150deg, rgba(17, 37, 32, .96), rgba(9, 22, 19, .94));
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .025);
}
.zax-rdp-server-card.is-active { border-color: rgba(81, 230, 189, .23); }
.zax-rdp-server-card.is-failed { border-color: rgba(255, 118, 109, .25); }
.zax-rdp-server-card > header { display: grid; min-width: 0; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.zax-rdp-server-card > header > div { min-width: 0; }
.zax-rdp-server-card > header small,
.zax-rdp-server-card > header p { display: block; overflow: hidden; margin: 0; color: var(--zax-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.zax-rdp-server-card h3 { overflow-wrap: anywhere; margin: 3px 0; color: var(--zax-text); font-size: 16px; }
.zax-rdp-server-card > header em { padding: 6px 9px; border-radius: 999px; color: var(--zax-cyan); background: rgba(81, 230, 189, .085); font-size: 9px; font-style: normal; font-weight: 850; text-transform: uppercase; letter-spacing: .055em; }
.zax-rdp-server-card.is-provisioning > header em,
.zax-rdp-server-card.is-processing > header em { color: var(--zax-amber); background: rgba(244, 184, 90, .09); }
.zax-rdp-server-card.is-failed > header em { color: var(--zax-red); background: rgba(255, 118, 109, .09); }
.zax-rdp-credentials { display: grid; min-width: 0; gap: 8px; }
.zax-rdp-credentials > span { display: grid; min-width: 0; grid-template-columns: minmax(72px, .55fr) minmax(0, 1fr) auto auto; align-items: center; gap: 7px; padding: 9px 10px; border: 1px solid var(--zax-line); border-radius: 12px; background: rgba(3, 13, 11, .42); }
.zax-rdp-credentials small { color: var(--zax-muted); font-size: 9px; }
.zax-rdp-credentials code { overflow: hidden; color: var(--zax-text); background: transparent; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.zax-rdp-credentials button,
.zax-rdp-server-card footer button {
    display: inline-flex;
    min-width: 0;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 7px 9px;
    border: 1px solid var(--zax-line);
    border-radius: 9px;
    color: var(--zax-soft);
    background: rgba(255, 255, 255, .035);
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
}
.zax-rdp-credentials button:hover,
.zax-rdp-server-card footer button:hover { border-color: rgba(81, 230, 189, .35); color: var(--zax-cyan); }
.zax-rdp-credentials button .dashicons,
.zax-rdp-server-card footer button .dashicons { width: 14px; height: 14px; font-size: 14px; }
.zax-rdp-provisioning { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 14px; border: 1px dashed rgba(244, 184, 90, .24); border-radius: 14px; background: rgba(244, 184, 90, .035); }
.zax-rdp-provisioning > span:first-child { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: var(--zax-amber); background: rgba(244, 184, 90, .09); }
.zax-rdp-provisioning > span:first-child .dashicons { animation: rotation 1.5s linear infinite; }
.zax-rdp-provisioning > span:last-child { display: grid; min-width: 0; gap: 4px; }
.zax-rdp-provisioning strong { color: var(--zax-text); font-size: 12px; }
.zax-rdp-provisioning small { color: var(--zax-muted); font-size: 10px; line-height: 1.45; }
.zax-rdp-server-meta { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.zax-rdp-server-meta span { display: grid; min-width: 0; gap: 4px; padding: 9px; border-radius: 11px; background: rgba(255, 255, 255, .025); }
.zax-rdp-server-meta small { color: var(--zax-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .045em; }
.zax-rdp-server-meta strong { overflow-wrap: anywhere; color: var(--zax-soft); font-size: 10px; line-height: 1.45; }
.zax-rdp-server-card > footer { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; border-top: 1px solid var(--zax-line); padding-top: 13px; }
.zax-rdp-server-card > footer > div { display: flex; min-width: 0; align-items: center; gap: 6px; flex-wrap: wrap; }
.zax-rdp-power-actions button:not(.zax-rdp-renew):not(.zax-rdp-power-off) { width: 32px; padding: 0; }
.zax-rdp-power-actions .zax-rdp-power-off { border-color: rgba(244, 184, 90, .26); color: var(--zax-amber); }
.zax-rdp-server-card footer .zax-rdp-renew { border-color: rgba(81, 230, 189, .27); color: var(--zax-cyan); }
.zax-rdp-empty { display: flex; grid-column: 1 / -1; min-width: 0; align-items: center; justify-content: center; gap: 14px; min-height: 170px; padding: 24px; border: 1px dashed var(--zax-line-strong); border-radius: 22px; color: var(--zax-cyan); text-align: left; }
.zax-rdp-empty > .dashicons { width: 34px; height: 34px; font-size: 34px; }
.zax-rdp-empty span { display: grid; min-width: 0; gap: 5px; }
.zax-rdp-empty strong { color: var(--zax-text); font-size: 15px; }
.zax-rdp-empty small { color: var(--zax-muted); font-size: 11px; }

.zax-rdp-admin-layout { display: grid; min-width: 0; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .55fr); gap: 16px; align-items: start; }
.zax-rdp-admin-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zax-rdp-auto-pricing,
.zax-rdp-auto-plan {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 1px solid rgba(81, 230, 189, .17);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .07), rgba(154, 140, 255, .045));
}
.zax-rdp-auto-plan { border-color: var(--zax-line); background: rgba(255, 255, 255, .024); }
.zax-rdp-auto-pricing > span,
.zax-rdp-auto-plan > span {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .09);
}
.zax-rdp-auto-pricing > div,
.zax-rdp-auto-plan > div { display: grid; min-width: 0; gap: 3px; }
.zax-rdp-auto-pricing small,
.zax-rdp-auto-plan small { color: var(--zax-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .045em; }
.zax-rdp-auto-pricing strong,
.zax-rdp-auto-plan strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 14px; }
.zax-rdp-auto-pricing em,
.zax-rdp-auto-plan em { overflow-wrap: anywhere; color: var(--zax-muted); font-size: 9px; line-height: 1.45; font-style: normal; }
.zax-rdp-admin-form > .zax-checkbox { margin-top: 16px; }
.zax-rdp-server-api-card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    gap: 15px;
    align-items: center;
    overflow: hidden;
    padding: 18px;
    background: radial-gradient(circle at 0 0, rgba(81, 230, 189, .15), transparent 36%), linear-gradient(135deg, rgba(81, 230, 189, .055), rgba(154, 140, 255, .045)), var(--zax-panel);
}
.zax-rdp-server-api-icon { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(81, 230, 189, .22); border-radius: 16px; color: var(--zax-cyan); background: rgba(81, 230, 189, .09); box-shadow: 0 12px 30px rgba(0, 0, 0, .16); }
.zax-rdp-server-api-icon .dashicons { width: 22px; height: 22px; font-size: 22px; }
.zax-rdp-server-api-card > div { display: grid; min-width: 0; gap: 5px; }
.zax-rdp-server-api-card h2 { margin: 0; color: var(--zax-text); font-size: 18px; }
.zax-rdp-server-api-card strong,
.zax-rdp-server-api-card code { overflow-wrap: anywhere; word-break: break-word; }
.zax-rdp-server-api-card strong { color: var(--zax-text); font-size: 17px; line-height: 1.35; }
.zax-rdp-server-api-card p { margin: 0; color: var(--zax-muted); font-size: 10px; line-height: 1.5; }
.zax-rdp-server-api-card code { width: fit-content; max-width: 100%; padding: 6px 9px; border: 1px solid rgba(81, 230, 189, .16); border-radius: 9px; color: var(--zax-cyan); background: rgba(5, 13, 19, .44); font-size: 11px; }
.zax-rdp-server-api-card small { color: var(--zax-muted); font-size: 8px; line-height: 1.45; }
.zax-rdp-server-api-card > .zax-button { min-width: 150px; }
.zax-rdp-admin-security { display: grid; gap: 13px; overflow: hidden; background: radial-gradient(circle at 100% 0, rgba(154, 140, 255, .13), transparent 34%), var(--zax-panel); }
.zax-rdp-admin-security h2 { margin: 0; color: var(--zax-text); font-size: 23px; }
.zax-rdp-admin-security > p { margin: 0; color: var(--zax-muted); font-size: 12px; line-height: 1.6; }
.zax-rdp-admin-security .zax-button { width: 100%; }
.zax-rdp-test-result { display: flex; min-width: 0; gap: 10px; padding: 12px; border: 1px solid var(--zax-line); border-radius: 13px; background: rgba(255, 255, 255, .025); }
.zax-rdp-test-result > span { flex: 0 0 auto; color: var(--zax-cyan); }
.zax-rdp-test-result p { margin: 0; color: var(--zax-soft); font-size: 10px; line-height: 1.55; }
.zax-rdp-admin-security ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.zax-rdp-admin-security li { display: flex; min-width: 0; gap: 9px; }
.zax-rdp-admin-security li > .dashicons { width: 17px; height: 17px; flex: 0 0 auto; color: var(--zax-cyan); font-size: 17px; }
.zax-rdp-admin-security li span { display: grid; min-width: 0; gap: 2px; }
.zax-rdp-admin-security li strong { color: var(--zax-text); font-size: 11px; }
.zax-rdp-admin-security li small { color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-rdp-fx-credit { color: var(--zax-muted); font-size: 8px; line-height: 1.45; }
.zax-rdp-admin-orders .zax-table-toolbar { margin-top: 16px; }

.zax-rdp-page .is-loading,
.zax-admin-rdp-page .is-loading { position: relative; cursor: wait; opacity: .72; }
.zax-rdp-page .is-loading::after,
.zax-admin-rdp-page .is-loading::after { width: 13px; height: 13px; margin-left: 7px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; content: ""; animation: rotation .75s linear infinite; }

@media (max-width: 1180px) {
    .zax-rdp-hero { grid-template-columns: minmax(0, 1.3fr) minmax(245px, .7fr); }
    .zax-rdp-metrics,
    .zax-rdp-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-rdp-plan-card { flex-basis: min(72%, 470px); }
    .zax-rdp-server-grid { grid-template-columns: minmax(0, 1fr); }
    .zax-rdp-admin-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
    .zax-rdp-page,
    .zax-admin-rdp-page { gap: 16px; padding-bottom: calc(94px + env(safe-area-inset-bottom)); }
    .zax-rdp-hero { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 22px 17px; border-radius: 22px; }
    .zax-rdp-hero-copy h1 { font-size: clamp(28px, 9vw, 40px); }
    .zax-rdp-hero-copy > p { font-size: 13px; line-height: 1.65; }
    .zax-rdp-wallet-card { padding: 17px; }
    .zax-rdp-metrics,
    .zax-rdp-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .zax-rdp-metrics article,
    .zax-rdp-admin-metrics article { align-items: flex-start; gap: 9px; padding: 12px 10px; }
    .zax-rdp-metrics article > span,
    .zax-rdp-admin-metrics article > span { width: 34px; height: 34px; border-radius: 11px; }
    .zax-rdp-metrics strong,
    .zax-rdp-admin-metrics strong { font-size: 15px; }
    .zax-rdp-order-grid,
    .zax-rdp-admin-form-grid { grid-template-columns: minmax(0, 1fr); }
    .zax-rdp-server-api-card { grid-template-columns: 42px minmax(0, 1fr); gap: 11px; padding: 15px; border-radius: 18px; }
    .zax-rdp-server-api-icon { width: 42px; height: 42px; border-radius: 13px; }
    .zax-rdp-server-api-card > .zax-button { grid-column: 1 / -1; width: 100%; min-width: 0; }
    .zax-rdp-section-heading { align-items: stretch; flex-direction: column; }
    .zax-rdp-section-heading .zax-button { width: 100%; }
    .zax-rdp-plan-card { flex-basis: min(88%, 380px); padding: 17px; }
    .zax-rdp-plan-price { align-items: stretch; flex-direction: column; }
    .zax-rdp-plan-price .zax-button { width: 100%; }
    .zax-rdp-order-form,
    .zax-rdp-admin-form,
    .zax-rdp-admin-security,
    .zax-rdp-admin-orders,
    .zax-rdp-order-history { padding: 16px; border-radius: 18px; }
    .zax-rdp-purchase-review { align-items: flex-start; flex-direction: column; }
    .zax-rdp-setup-notice { align-items: flex-start; flex-wrap: wrap; }
    .zax-rdp-setup-notice button { width: 100%; }
    .zax-rdp-server-card { padding: 15px; border-radius: 18px; }
    .zax-rdp-server-card > header { grid-template-columns: 40px minmax(0, 1fr); }
    .zax-rdp-server-card > header em { grid-column: 1 / -1; justify-self: start; }
    .zax-rdp-credentials > span { grid-template-columns: minmax(74px, .6fr) minmax(0, 1fr) auto; }
    .zax-rdp-credentials > span button:last-child { grid-column: 3; }
    .zax-rdp-credentials > span:has([data-rdp-secret]) { grid-template-columns: minmax(0, 1fr) auto auto; }
    .zax-rdp-credentials > span:has([data-rdp-secret]) small { grid-column: 1 / -1; }
    .zax-rdp-server-meta { grid-template-columns: minmax(0, 1fr); }
    .zax-rdp-server-card > footer { align-items: stretch; flex-direction: column; }
    .zax-rdp-server-card > footer > div { width: 100%; }
    .zax-rdp-server-card > footer button { flex: 1 1 auto; }
    .zax-rdp-power-actions { display: grid !important; grid-template-columns: repeat(2, 36px) minmax(0, 1fr); }
    .zax-rdp-power-actions button { flex: initial !important; }
    .zax-rdp-power-actions .zax-rdp-renew { width: 100%; }
    .zax-rdp-admin-form .zax-settings-footer { align-items: stretch; flex-direction: column; }
    .zax-rdp-admin-form .zax-settings-footer .zax-button { width: 100%; }
}

@media (max-width: 420px) {
    .zax-rdp-metrics article,
    .zax-rdp-admin-metrics article { display: grid; }
    .zax-rdp-plan-specs { grid-template-columns: minmax(0, 1fr); }
    .zax-rdp-plan-specs li:last-child { grid-column: auto; }
    .zax-rdp-credentials > span { grid-template-columns: minmax(0, 1fr) auto; }
    .zax-rdp-credentials > span small { grid-column: 1 / -1; }
    .zax-rdp-credentials > span code { grid-column: 1 / 2; }
    .zax-rdp-credentials > span button { grid-column: 2; }
}

/* 1.11.7: horizontally sliding RDP plan selector. */
.zax-rdp-plan-carousel-toolbar {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(81, 230, 189, .14);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(81, 230, 189, .055), rgba(154, 140, 255, .04));
}
.zax-rdp-plan-carousel-toolbar > span { display: flex; min-width: 0; align-items: center; gap: 10px; }
.zax-rdp-plan-carousel-toolbar > span > .dashicons { width: 23px; height: 23px; flex: 0 0 auto; color: var(--zax-cyan); font-size: 23px; }
.zax-rdp-plan-carousel-toolbar > span > span { display: grid; min-width: 0; gap: 2px; }
.zax-rdp-plan-carousel-toolbar strong { color: var(--zax-text); font-size: 11px; }
.zax-rdp-plan-carousel-toolbar small { color: var(--zax-muted); font-size: 9px; }
.zax-rdp-plan-carousel-toolbar > div { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.zax-rdp-plan-carousel-toolbar button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: rgba(81, 230, 189, .07);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}
.zax-rdp-plan-carousel-toolbar button:hover:not(:disabled) { transform: translateY(-1px); border-color: rgba(81, 230, 189, .45); background: rgba(81, 230, 189, .13); }
.zax-rdp-plan-carousel-toolbar button:disabled { opacity: .32; cursor: default; }
.zax-rdp-plan-carousel-toolbar button .dashicons { width: 17px; height: 17px; font-size: 17px; }
.zax-rdp-plan-carousel-toolbar em { min-width: 42px; color: var(--zax-soft); text-align: center; font-size: 10px; font-style: normal; font-weight: 850; letter-spacing: .05em; }
.zax-rdp-plan-card.is-slide-current { border-color: rgba(81, 230, 189, .28); box-shadow: 0 22px 54px rgba(0, 0, 0, .23), 0 0 0 1px rgba(81, 230, 189, .035); }

@media (min-width: 761px) {
    .zax-rdp-plan-carousel-toolbar { display: none; }
    .zax-rdp-plan-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow: visible;
        scroll-behavior: auto;
        scroll-snap-type: none;
        touch-action: auto;
    }
    .zax-rdp-plan-card {
        width: auto;
        min-width: 0;
        max-width: none;
        flex: none;
        scroll-snap-align: none;
    }
}

@media (min-width: 761px) and (max-width: 1120px) {
    .zax-rdp-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .zax-rdp-plan-carousel-toolbar { padding: 9px 10px; }
    .zax-rdp-plan-carousel-toolbar small { display: none; }
    .zax-rdp-plan-carousel-toolbar button { width: 36px; height: 36px; }
}

@media (max-width: 420px) {
    .zax-rdp-plan-card { flex-basis: 92%; }
    .zax-rdp-plan-carousel-toolbar > span > .dashicons { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-rdp-hero::before,
    .zax-rdp-hero::after,
    .zax-rdp-provider-state i,
    .zax-rdp-live-badge i { animation: none; }
}

/* 1.11.5: premium hourly/monthly RDP commerce and guided PC connection. */
.zax-rdp-page-nav {
    position: sticky;
    z-index: 18;
    top: calc(var(--zax-topbar) + 8px);
    display: grid;
    width: min(720px, 100%);
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-self: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(132, 245, 215, .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(9, 28, 23, .88), rgba(9, 20, 18, .82));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(22px) saturate(145%);
}
.zax-rdp-page-nav button {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--zax-muted);
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}
.zax-rdp-page-nav button:hover { color: var(--zax-text); transform: translateY(-1px); }
.zax-rdp-page-nav button.is-active {
    border-color: rgba(81, 230, 189, .25);
    color: #06130f;
    background: var(--zax-gradient-brand);
    box-shadow: 0 10px 26px rgba(45, 209, 168, .2);
}
.zax-rdp-page-nav .dashicons { width: 17px; height: 17px; font-size: 17px; }
.zax-rdp-store,
.zax-rdp-order-form,
.zax-rdp-vault,
.zax-rdp-connect-guide { scroll-margin-top: calc(var(--zax-topbar) + 86px); }

.zax-rdp-billing-switch {
    display: grid;
    width: min(340px, 100%);
    min-width: 300px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--zax-line);
    border-radius: 17px;
    background: rgba(4, 15, 12, .58);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}
.zax-rdp-billing-switch button {
    display: grid;
    min-width: 0;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 1px 8px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--zax-muted);
    text-align: left;
    background: transparent;
    cursor: pointer;
}
.zax-rdp-billing-switch button > span { display: grid; width: 30px; height: 30px; grid-row: 1 / 3; place-items: center; border-radius: 9px; background: rgba(255, 255, 255, .04); }
.zax-rdp-billing-switch button strong { color: var(--zax-soft); font-size: 12px; }
.zax-rdp-billing-switch button small { font-size: 9px; }
.zax-rdp-billing-switch button.is-active { border-color: rgba(81, 230, 189, .25); background: linear-gradient(135deg, rgba(81, 230, 189, .14), rgba(154, 140, 255, .07)); }
.zax-rdp-billing-switch button.is-active > span { color: #06130f; background: var(--zax-gradient-brand); }
.zax-rdp-billing-switch button.is-active strong { color: var(--zax-text); }
.zax-rdp-billing-switch.is-monthly-only { width: min(230px, 100%); min-width: 0; grid-template-columns: 1fr; }
.zax-rdp-billing-switch.is-monthly-only > .is-active {
    display: grid;
    min-width: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 1px 9px;
    padding: 10px;
    border: 1px solid rgba(81, 230, 189, .25);
    border-radius: 12px;
    color: var(--zax-muted);
    background: linear-gradient(135deg, rgba(81, 230, 189, .14), rgba(154, 140, 255, .07));
}
.zax-rdp-billing-switch.is-monthly-only > .is-active > span { display: grid; width: 34px; height: 34px; grid-row: 1 / 3; place-items: center; border-radius: 10px; color: #06130f; background: var(--zax-gradient-brand); }
.zax-rdp-billing-switch.is-monthly-only strong { color: var(--zax-text); font-size: 12px; }
.zax-rdp-billing-switch.is-monthly-only small { font-size: 9px; }

.zax-rdp-delete { border-color: rgba(255, 111, 132, .28) !important; color: #ff9eae !important; background: rgba(255, 80, 111, .08) !important; }
.zax-rdp-delete:hover { border-color: rgba(255, 111, 132, .5) !important; background: rgba(255, 80, 111, .14) !important; }

.zax-rdp-plan-card {
    border-color: rgba(132, 245, 215, .12);
    background: radial-gradient(circle at 100% 0, rgba(81, 230, 189, .09), transparent 32%), linear-gradient(155deg, rgba(17, 39, 33, .97), rgba(8, 22, 18, .94));
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.zax-rdp-plan-card:hover { transform: translateY(-4px); border-color: rgba(81, 230, 189, .3); box-shadow: 0 24px 58px rgba(0, 0, 0, .26), 0 0 0 1px rgba(81, 230, 189, .04); }
.zax-rdp-plan-specs li { font-size: 10px; }
.zax-rdp-plan-price strong { font-size: clamp(20px, 2vw, 25px); }
.zax-rdp-plan-price > span { flex: 1; }

.zax-rdp-checkout-steps {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid var(--zax-line);
    border-radius: 15px;
    background: rgba(255, 255, 255, .022);
}
.zax-rdp-checkout-steps span { display: inline-flex; min-width: 0; align-items: center; gap: 7px; color: var(--zax-muted); font-size: 10px; font-weight: 800; }
.zax-rdp-checkout-steps span b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: var(--zax-muted); background: rgba(255, 255, 255, .05); font-size: 9px; }
.zax-rdp-checkout-steps span.is-active { color: var(--zax-text); }
.zax-rdp-checkout-steps span.is-active b { color: #06130f; background: var(--zax-gradient-brand); }
.zax-rdp-checkout-steps > i { height: 1px; min-width: 12px; flex: 1; background: linear-gradient(90deg, rgba(81, 230, 189, .28), var(--zax-line)); }

.zax-rdp-connect-guide {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    gap: clamp(18px, 3vw, 34px);
    overflow: hidden;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(154, 140, 255, .2);
    border-radius: 26px;
    background: radial-gradient(circle at 8% 12%, rgba(154, 140, 255, .15), transparent 30%), linear-gradient(145deg, rgba(15, 31, 29, .97), rgba(8, 20, 18, .95));
    box-shadow: 0 24px 64px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .04);
}
.zax-rdp-connect-intro { display: flex; min-width: 0; align-items: flex-start; flex-direction: column; }
.zax-rdp-connect-icon { display: grid; width: 52px; height: 52px; margin-bottom: 16px; place-items: center; border-radius: 16px; color: #071511; background: var(--zax-gradient-brand); box-shadow: 0 16px 36px rgba(54, 218, 176, .2); }
.zax-rdp-connect-intro h2 { margin: 8px 0 9px; color: var(--zax-text); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.zax-rdp-connect-intro p { margin: 0 0 18px; color: var(--zax-muted); font-size: 12px; line-height: 1.7; }
.zax-rdp-connect-steps { display: grid; min-width: 0; gap: 10px; margin: 0; padding: 0; list-style: none; }
.zax-rdp-connect-steps li { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 13px; border: 1px solid var(--zax-line); border-radius: 15px; background: rgba(255, 255, 255, .026); }
.zax-rdp-connect-steps li > b { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: var(--zax-cyan); background: rgba(81, 230, 189, .09); font-size: 12px; }
.zax-rdp-connect-steps li span { display: grid; min-width: 0; gap: 4px; }
.zax-rdp-connect-steps strong { color: var(--zax-text); font-size: 12px; }
.zax-rdp-connect-steps small { color: var(--zax-muted); font-size: 10px; line-height: 1.55; }
.zax-rdp-connect-tip { display: flex; min-width: 0; grid-column: 1 / -1; gap: 11px; padding: 13px 15px; border: 1px solid rgba(244, 184, 90, .2); border-radius: 15px; color: var(--zax-amber); background: rgba(244, 184, 90, .055); }
.zax-rdp-connect-tip > .dashicons { flex: 0 0 auto; }
.zax-rdp-connect-tip span { display: grid; min-width: 0; gap: 3px; }
.zax-rdp-connect-tip strong { color: var(--zax-text); font-size: 11px; }
.zax-rdp-connect-tip small { color: var(--zax-muted); font-size: 10px; line-height: 1.5; }
.zax-rdp-api-checklist { display: grid; min-width: 0; gap: 8px; padding: 13px; border: 1px solid rgba(154, 140, 255, .18); border-radius: 14px; background: rgba(154, 140, 255, .045); }
.zax-rdp-api-checklist > strong { color: var(--zax-text); font-size: 11px; }
.zax-rdp-api-checklist > span { display: grid; min-width: 0; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; align-items: center; color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-rdp-api-checklist b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; color: var(--zax-violet); background: rgba(154, 140, 255, .1); font-size: 9px; }

@media (max-width: 760px) {
    .zax-rdp-page-nav { top: calc(var(--zax-mobile-header, 64px) + 6px); gap: 3px; padding: 5px; border-radius: 16px; }
    .zax-rdp-page-nav button { min-height: 48px; flex-direction: column; gap: 3px; padding: 6px 3px; font-size: 9px; }
    .zax-rdp-section-heading .zax-rdp-billing-switch { width: 100%; min-width: 0; }
    .zax-rdp-checkout-steps { gap: 4px; padding: 10px; overflow: hidden; }
    .zax-rdp-checkout-steps span { flex-direction: column; gap: 3px; font-size: 8px; }
    .zax-rdp-checkout-steps span b { width: 22px; height: 22px; }
    .zax-rdp-connect-guide { grid-template-columns: minmax(0, 1fr); padding: 18px; border-radius: 21px; }
    .zax-rdp-connect-tip { grid-column: auto; }
    .zax-rdp-connect-intro .zax-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-rdp-plan-card,
    .zax-rdp-page-nav button { transition: none; }
}

/* 1.12.6: compositor-friendly silk surfaces and native, non-blocking scrolling. */
.zax-readiness-card,
.zax-panel,
.zax-sidebar,
.zax-topbar,
.zax-mobile-dock,
.zax-rdp-wallet-card,
.zax-rdp-page-nav,
.zax-community-page.is-active .zax-community-mini-members > .zax-community-mini-head {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.zax-topbar,
.zax-sidebar {
    background-color: rgba(7, 16, 14, .96);
}

.zax-app[data-theme="light"] :is(.zax-topbar, .zax-sidebar) {
    background-color: rgba(243, 248, 246, .97);
}

.zax-rdp-page-nav {
    background: linear-gradient(145deg, rgba(9, 28, 23, .98), rgba(9, 20, 18, .97));
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .05);
}

.zax-app[data-theme="light"] .zax-rdp-page-nav {
    background: linear-gradient(145deg, rgba(250, 253, 252, .98), rgba(239, 247, 243, .97));
}

.zax-rdp-plan-grid {
    scroll-behavior: auto;
    scroll-snap-stop: normal;
}

.zax-rdp-page > :is(.zax-rdp-store, .zax-rdp-vault, .zax-rdp-connect-guide, .zax-rdp-order-history) {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
}

.zax-rdp-page :is(.zax-rdp-metrics article, .zax-rdp-plan-card, .zax-rdp-server-card, .zax-rdp-connect-steps li) {
    contain: layout style;
}

.zax-community-mini-load {
    display: inline-flex;
    width: calc(100% - 2px);
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 4px 1px 1px;
    padding: 9px 11px;
    border: 1px solid rgba(81, 230, 189, .18);
    border-radius: 12px;
    color: var(--zax-cyan);
    background: linear-gradient(135deg, rgba(81, 230, 189, .08), rgba(154, 140, 255, .045));
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.zax-community-mini-load[hidden] { display: none !important; }
.zax-community-mini-load:disabled { opacity: .62; cursor: wait; }
.zax-community-mini-load .dashicons { width: 16px; height: 16px; font-size: 16px; }
.zax-community-mini-load:disabled .dashicons { animation: rotation .8s linear infinite; }

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-mobile-dock {
        background-color: rgba(7, 18, 15, .96) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .06) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        will-change: auto;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        padding-right: 5px;
        padding-left: 5px;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] button {
        padding-right: 1px;
        padding-left: 1px;
    }

    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] span:not(.dashicons):not(.zax-tiktok-icon) {
        font-size: clamp(7px, 2.1vw, 9px) !important;
    }

    .zax-app[data-theme="light"] .zax-mobile-dock {
        background-color: rgba(244, 249, 247, .97) !important;
    }

    .zax-rdp-hero::before,
    .zax-rdp-hero::after,
    .zax-rdp-provider-state i,
    .zax-rdp-live-badge i {
        animation: none !important;
    }

    .zax-rdp-hero,
    .zax-rdp-connect-guide,
    .zax-rdp-plan-card,
    .zax-rdp-server-card,
    .zax-rdp-order-form,
    .zax-rdp-order-history {
        box-shadow: 0 10px 28px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .035) !important;
    }
}

/* 1.13.8: required-domain KVM wizard and compact TikTok-style mobile dock. */
.zax-vps-wizard-progress {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(18px, 1fr) auto minmax(18px, 1fr) auto minmax(18px, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin: 18px 0;
    padding: 12px 14px;
    border: 1px solid rgba(109, 235, 201, .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(14, 36, 30, .9), rgba(8, 21, 18, .92));
}
.zax-vps-wizard-progress button {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    padding: 5px;
    border: 0;
    color: var(--zax-muted);
    background: transparent;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}
.zax-vps-wizard-progress button b {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border: 1px solid var(--zax-line-strong);
    border-radius: 9px;
    color: inherit;
    background: rgba(255, 255, 255, .03);
    font-size: 10px;
}
.zax-vps-wizard-progress button.is-active { color: var(--zax-cyan); }
.zax-vps-wizard-progress button.is-active b,
.zax-vps-wizard-progress button.is-complete b { color: #06140f; border-color: transparent; background: var(--zax-gradient-brand); }
.zax-vps-wizard-progress > i { height: 1px; background: linear-gradient(90deg, rgba(81, 230, 189, .38), rgba(154, 140, 255, .18)); }
.zax-vps-wizard-panel[hidden],
.zax-vps-plan-grid[hidden] { display: none !important; }
.zax-vps-order-form.is-wizard-plan-step { display: none !important; }
.zax-vps-wizard-panel { display: grid; min-width: 0; gap: 16px; animation: zax-vps-wizard-enter .24s ease both; }
@keyframes zax-vps-wizard-enter { from { opacity: 0; transform: translateY(7px); } }
.zax-vps-plan-group.is-kvm { border-color: rgba(81, 230, 189, .25); background: radial-gradient(circle at 95% 0, rgba(154, 140, 255, .09), transparent 30%), linear-gradient(145deg, rgba(16, 42, 35, .92), rgba(7, 20, 17, .94)); }
.zax-vps-plan[data-vps-tier="kvm"] { --zax-vps-tier: var(--zax-cyan); }
.zax-vps-wizard-actions { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; padding-top: 4px; }
.zax-vps-wizard-domain {
    padding: clamp(16px, 2.5vw, 25px);
    border: 1px solid rgba(81, 230, 189, .2);
    border-radius: 20px;
    background: radial-gradient(circle at 95% 5%, rgba(154, 140, 255, .11), transparent 32%), rgba(5, 19, 15, .48);
}
.zax-vps-wizard-domain > header { display: grid; min-width: 0; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: start; }
.zax-vps-wizard-domain > header > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: #06140f; background: var(--zax-gradient-brand); box-shadow: 0 12px 28px rgba(55, 218, 177, .18); }
.zax-vps-wizard-domain > header div { display: grid; min-width: 0; gap: 4px; }
.zax-vps-wizard-domain > header small { color: var(--zax-cyan); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.zax-vps-wizard-domain h3 { margin: 0; color: var(--zax-text); font-size: clamp(19px, 2.4vw, 26px); letter-spacing: -.03em; }
.zax-vps-wizard-domain p { margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.55; }
.zax-vps-wizard-domain > label:not(.zax-vps-domain-terms) { display: grid; min-width: 0; gap: 7px; color: var(--zax-text); font-size: 11px; font-weight: 800; }
.zax-vps-wizard-domain .zax-vps-domain-search input { width: 100%; min-width: 0; min-height: 47px; }
.zax-vps-domain-result {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 11px 12px;
    border: 1px solid rgba(93, 240, 200, .24);
    border-radius: 15px;
    color: var(--zax-text);
    background: linear-gradient(145deg, rgba(25, 86, 69, .3), rgba(17, 30, 45, .48));
}
.zax-vps-domain-result[hidden] { display: none !important; }
.zax-vps-domain-result > span:first-child { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #071a15; background: var(--zax-gradient-brand); }
.zax-vps-domain-result > span:last-child { display: grid; min-width: 0; gap: 3px; }
.zax-vps-domain-result strong { overflow-wrap: anywhere; font-size: 12px; }
.zax-vps-domain-result small { color: var(--zax-muted); font-size: 9px; line-height: 1.45; }
.zax-vps-domain-result.is-error { border-color: rgba(255, 116, 139, .28); background: linear-gradient(145deg, rgba(91, 28, 46, .34), rgba(27, 20, 36, .48)); }
.zax-vps-domain-result.is-error > span:first-child { color: #fff; background: linear-gradient(135deg, #e65c7a, #8f3d88); }
.zax-vps-domain-result.is-loading > span:first-child { animation: zax-vps-domain-spin 1.1s linear infinite; }
.zax-vps-domain-terms {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(130, 121, 237, .18);
    border-radius: 15px;
    background: rgba(69, 56, 133, .11);
    cursor: pointer;
}
.zax-vps-domain-terms > input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--zax-cyan); }
.zax-vps-domain-terms > span { display: grid; min-width: 0; grid-template-columns: 31px minmax(0, 1fr); align-items: start; gap: 9px; }
.zax-vps-domain-terms > span > svg { width: 31px; height: 31px; padding: 7px; border-radius: 10px; color: var(--zax-cyan); background: rgba(84, 227, 189, .09); }
.zax-vps-domain-terms > span > span { display: grid; min-width: 0; gap: 3px; }
.zax-vps-domain-terms strong { color: var(--zax-text); font-size: 10px; line-height: 1.4; }
.zax-vps-domain-terms small { color: var(--zax-muted); font-size: 9px; font-weight: 500; line-height: 1.5; }
.zax-vps-managed-timeline {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgba(104, 236, 201, .14);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(15, 42, 35, .7), rgba(20, 22, 44, .68));
}
.zax-vps-managed-timeline > span { display: grid; min-width: 0; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 8px; }
.zax-vps-managed-timeline b,
.zax-vps-workspace-status > li > b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; color: #071713; background: var(--zax-gradient-brand); box-shadow: 0 8px 18px rgba(54, 224, 181, .16); font-size: 9px; }
.zax-vps-managed-timeline span span { display: grid; min-width: 0; gap: 2px; }
.zax-vps-managed-timeline strong { color: var(--zax-text); font-size: 9px; }
.zax-vps-managed-timeline small { color: var(--zax-muted); font-size: 8px; line-height: 1.35; }
.zax-vps-managed-timeline > i { height: 1px; background: linear-gradient(90deg, rgba(81, 230, 189, .56), rgba(154, 140, 255, .34)); }
.zax-vps-launch-progress {
    display: grid;
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(91, 236, 199, .22);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(21, 69, 58, .62), rgba(44, 35, 89, .48));
}
.zax-vps-launch-progress[hidden] { display: none !important; }
.zax-vps-launch-orbit { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(102, 242, 205, .3); border-radius: 15px; color: var(--zax-cyan); background: rgba(45, 206, 164, .09); animation: zax-vps-launch-pulse 1.4s ease-in-out infinite; }
.zax-vps-launch-progress > span:last-child { display: grid; min-width: 0; gap: 4px; }
.zax-vps-launch-progress strong { color: var(--zax-text); font-size: 11px; }
.zax-vps-launch-progress small { color: var(--zax-muted); font-size: 9px; }
.zax-vps-launch-progress i { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .07); }
.zax-vps-launch-progress i b { display: block; width: 42%; height: 100%; border-radius: inherit; background: var(--zax-gradient-brand); animation: zax-vps-launch-bar 1.2s ease-in-out infinite alternate; }
.zax-vps-workspace-status { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.zax-vps-workspace-status > li { display: grid; min-width: 0; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 7px; padding: 9px; border: 1px solid var(--zax-line); border-radius: 13px; background: rgba(255, 255, 255, .025); }
.zax-vps-workspace-status > li > span { display: grid; min-width: 0; gap: 2px; }
.zax-vps-workspace-status strong { color: var(--zax-text); font-size: 9px; }
.zax-vps-workspace-status small { color: var(--zax-muted); font-size: 8px; }
.zax-vps-workspace-status .is-active > b { color: var(--zax-cyan); background: rgba(66, 226, 184, .1); animation: zax-vps-launch-pulse 1.4s ease-in-out infinite; }
.zax-vps-workspace-status .is-error > b { color: #fff; background: linear-gradient(135deg, #e45a75, #8b3a87); }
.zax-vps-open-wait { display: inline-flex; align-items: center; gap: 6px; color: var(--zax-muted); font-size: 9px; }
.zax-vps-open-wait svg { width: 15px; height: 15px; color: var(--zax-cyan); animation: zax-vps-domain-spin 1.2s linear infinite; }
@keyframes zax-vps-domain-spin { to { transform: rotate(360deg); } }
@keyframes zax-vps-launch-pulse { 50% { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(69, 227, 188, .2); } }
@keyframes zax-vps-launch-bar { from { transform: translateX(-8%); } to { transform: translateX(138%); } }
.zax-vps-wizard-review .zax-rdp-purchase-review { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zax-vps-wizard-review .zax-vps-review-total { border-color: rgba(81, 230, 189, .26); background: rgba(81, 230, 189, .08); }
.zax-vps-wizard-review .zax-vps-review-total strong { color: var(--zax-cyan); font-size: 17px; }
.zax-vps-final-actions { display: flex; flex: 0 0 auto; gap: 8px; }

@media (max-width: 680px) {
    .zax-vps-wizard-progress { gap: 3px; margin: 12px 0; padding: 8px 7px; border-radius: 15px; }
    .zax-vps-wizard-progress button { justify-content: center; gap: 3px; padding: 3px 1px; font-size: 8px; }
    .zax-vps-wizard-progress button b { width: 23px; height: 23px; flex-basis: 23px; border-radius: 8px; font-size: 8px; }
    .zax-vps-wizard-progress > i { min-width: 5px; }
    .zax-vps-plan-group-cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 8px !important;
        overflow: visible !important;
        padding: 0 !important;
        scroll-snap-type: none !important;
    }
    .zax-vps-plan-group-cards .zax-vps-plan { gap: 8px; padding: 11px; border-radius: 15px; }
    .zax-vps-plan-group-cards .zax-vps-plan .zax-rdp-plan-icon { width: 32px; height: 32px; border-radius: 10px; }
    .zax-vps-plan-group-cards .zax-vps-plan > header em { padding: 4px 6px; font-size: 7px; }
    .zax-vps-plan-group-cards .zax-vps-plan h3 { font-size: 13px; }
    .zax-vps-plan-group-cards .zax-vps-plan > p { font-size: 9px; line-height: 1.4; }
    .zax-vps-plan-group-cards .zax-rdp-plan-specs li { min-height: 0; padding: 5px; font-size: 8px; }
    .zax-vps-plan-group-cards .zax-rdp-plan-price strong { font-size: 14px; overflow-wrap: anywhere; }
    .zax-vps-plan-group-cards .zax-rdp-plan-price em { font-size: 7px; }
    .zax-vps-plan-group-cards .zax-button { min-height: 35px; font-size: 8px; }
    .zax-vps-wizard-domain { padding: 14px; border-radius: 17px; }
    .zax-vps-wizard-domain > header { grid-template-columns: 38px minmax(0, 1fr); gap: 9px; }
    .zax-vps-wizard-domain > header > span { width: 38px; height: 38px; border-radius: 12px; }
    .zax-vps-wizard-domain h3 { font-size: 18px; }
    .zax-vps-wizard-domain .zax-vps-domain-search { grid-template-columns: minmax(0, 1fr); }
    .zax-vps-wizard-domain .zax-vps-domain-search .zax-button { width: 100%; }
    .zax-vps-managed-timeline { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding: 10px 7px; }
    .zax-vps-managed-timeline > i { display: none; }
    .zax-vps-managed-timeline > span { grid-template-columns: 1fr; justify-items: center; gap: 5px; text-align: center; }
    .zax-vps-managed-timeline span span { justify-items: center; }
    .zax-vps-managed-timeline small { font-size: 7px; }
    .zax-vps-workspace-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-vps-workspace-status > li { padding: 8px; }
    .zax-vps-wizard-review .zax-rdp-purchase-review { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-vps-wizard-actions,
    .zax-vps-final-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .zax-vps-wizard-actions .zax-button,
    .zax-vps-final-actions .zax-button { width: 100%; min-width: 0; padding-inline: 8px; }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page {
        --zax-mobile-dock-edge: max(4px, env(safe-area-inset-bottom));
        --zax-mobile-dock-clearance: calc(66px + var(--zax-mobile-dock-edge));
    }
    body.zaxsecurity-portal-page .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        position: fixed !important;
        z-index: 1250 !important;
        bottom: var(--zax-mobile-dock-edge) !important;
        min-height: 56px !important;
        padding: 4px 6px !important;
        border-radius: 16px !important;
    }
    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] .zax-mobile-fyp-primary { transform: none !important; }
    body.zaxsecurity-portal-page .zax-mobile-dock[data-mobile-dock="user"] .zax-mobile-fyp-primary > .dashicons {
        width: 34px !important;
        height: 34px !important;
        margin-top: 0 !important;
        border-radius: 11px !important;
        font-size: 19px !important;
        line-height: 34px !important;
        animation: none !important;
    }
    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create { transform: translateY(-3px) !important; }
    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon { width: 40px !important; height: 40px !important; border-radius: 13px !important; }
    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon svg { width: 21px !important; height: 21px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-vps-wizard-panel { animation: none; }
}

/* Full-page Community publisher. */
.zax-community-create-page {
    width: 100%;
    min-width: 0;
    min-height: 100%;
    padding: clamp(12px, 2vw, 24px);
    overflow-x: hidden;
    overflow-y: auto;
    background:
        radial-gradient(circle at 8% 3%, rgba(81, 230, 189, .11), transparent 30%),
        radial-gradient(circle at 92% 22%, rgba(154, 140, 255, .11), transparent 32%),
        var(--zax-bg);
}
.zax-community-create-page[hidden] { display: none !important; }
.zax-community-create-canvas { display: grid; width: min(1120px, 100%); min-width: 0; gap: 17px; margin: 0 auto; padding-bottom: 40px; }
.zax-community-create-canvas > header {
    position: sticky;
    z-index: 12;
    top: 0;
    display: flex;
    min-width: 0;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid rgba(117, 236, 204, .16);
    border-radius: 17px;
    background: rgba(8, 24, 20, .96);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .05);
}
.zax-community-create-canvas .zax-create-title-group { display: flex; min-width: 0; align-items: center; gap: 10px; }
.zax-community-create-canvas .zax-create-title-group > span { display: grid; min-width: 0; gap: 2px; }
.zax-community-create-canvas .zax-create-title-group small { color: var(--zax-cyan); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.zax-community-create-canvas .zax-create-title-group strong { overflow-wrap: anywhere; color: var(--zax-text); font-size: 16px; }
.zax-community-create-canvas .zax-create-heading-icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 13px; color: #06140f; background: var(--zax-gradient-brand); }
.zax-community-create-canvas .zax-create-heading-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.zax-community-create-canvas .zax-create-close { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; padding: 8px 11px; border: 1px solid var(--zax-line); border-radius: 11px; color: var(--zax-text); background: rgba(255, 255, 255, .035); font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.zax-community-create-canvas .zax-create-close svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.zax-community-create-hero {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    overflow: hidden;
    padding: clamp(22px, 3.2vw, 38px);
    border: 1px solid rgba(93, 232, 195, .18);
    border-radius: 25px;
    background: radial-gradient(circle at 82% 20%, rgba(154, 140, 255, .18), transparent 33%), linear-gradient(135deg, rgba(14, 43, 35, .97), rgba(8, 22, 19, .96));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .05);
}
.zax-community-create-hero > div { display: grid; min-width: 0; gap: 8px; }
.zax-community-create-hero h2 { max-width: 760px; margin: 0; color: var(--zax-text); font-size: clamp(25px, 3.5vw, 42px); line-height: 1.08; letter-spacing: -.04em; }
.zax-community-create-hero p { max-width: 760px; margin: 0; color: var(--zax-muted); font-size: 12px; line-height: 1.65; }
.zax-community-create-orbit { display: grid; width: 82px; height: 82px; place-items: center; border: 1px solid rgba(215, 255, 245, .3); border-radius: 27px; color: #05150f; background: var(--zax-gradient-brand); box-shadow: 0 18px 45px rgba(48, 216, 174, .22), 0 0 0 10px rgba(81, 230, 189, .045); transform: rotate(4deg); }
.zax-community-create-orbit .dashicons { width: 36px; height: 36px; font-size: 36px; }
.zax-community-create-steps { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.zax-community-create-steps li { display: grid; min-width: 0; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; padding: 12px; border: 1px solid var(--zax-line); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(81, 230, 189, .025)); }
.zax-community-create-steps b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; color: #06140f; background: linear-gradient(145deg, #77efd0, #9e90ff); font-size: 11px; }
.zax-community-create-steps span { display: grid; min-width: 0; gap: 3px; }
.zax-community-create-steps strong { color: var(--zax-text); font-size: 11px; }
.zax-community-create-steps small { color: var(--zax-muted); font-size: 9px; line-height: 1.4; }
.zax-community-create-page .zax-community-composer,
.zax-community-create-page .zax-community-signin {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: clamp(17px, 2.7vw, 28px);
    border: 1px solid rgba(105, 234, 199, .17);
    border-radius: 23px;
    background: radial-gradient(circle at 100% 0, rgba(154, 140, 255, .08), transparent 28%), linear-gradient(145deg, rgba(13, 34, 28, .97), rgba(7, 20, 17, .96));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .045);
}
.zax-community-create-page .zax-community-text-composer textarea { min-height: 170px; font-size: 15px; line-height: 1.6; }
.zax-community-create-page .zax-community-format-picker { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.zax-community-create-page .zax-fyp-upload-preview { height: auto; min-height: 260px; max-height: 520px; }

@media (max-width: 900px) {
    .zax-community-create-page { padding: 0 max(9px, env(safe-area-inset-right)) calc(var(--zax-mobile-dock-clearance) + 22px) max(9px, env(safe-area-inset-left)); }
    .zax-community-create-canvas { gap: 12px; padding-bottom: 12px; }
    .zax-community-create-canvas > header { top: 0; min-height: 58px; border-radius: 0 0 15px 15px; }
    .zax-community-create-hero { padding: 19px 16px; border-radius: 19px; }
    .zax-community-create-hero h2 { font-size: clamp(24px, 7.5vw, 34px); }
    .zax-community-create-orbit { width: 58px; height: 58px; border-radius: 19px; }
    .zax-community-create-orbit .dashicons { width: 27px; height: 27px; font-size: 27px; }
    .zax-community-create-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .zax-community-create-steps li { padding: 10px; }
    .zax-community-create-page .zax-community-composer { grid-template-columns: 34px minmax(0, 1fr); padding: 14px; border-radius: 18px; }
    .zax-community-create-page .zax-community-format-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zax-community-create-page .zax-community-composer footer { position: relative; bottom: auto; }
}

@media (max-width: 430px) {
    .zax-community-create-canvas .zax-create-close span { display: none; }
    .zax-community-create-canvas .zax-create-close { width: 38px; padding: 0; justify-content: center; }
    .zax-community-create-hero { grid-template-columns: minmax(0, 1fr); }
    .zax-community-create-orbit { display: none; }
    .zax-community-create-steps strong { font-size: 10px; }
    .zax-community-create-steps small { font-size: 8px; }
}

/* TikTok-style mobile private-message composer, locked above the keyboard. */
@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-mobile-dock {
        display: none !important;
    }
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer {
        position: fixed !important;
        z-index: 1450 !important;
        inset: auto 0 0 0 !important;
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 6px max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(125, 232, 204, .14) !important;
        border-radius: 0 !important;
        background: rgba(7, 18, 15, .985) !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, .24) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transform: translate3d(0, var(--zax-chat-viewport-shift, 0px), 0) !important;
        will-change: transform;
    }
    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer {
        top: auto !important;
        bottom: 0 !important;
        padding-bottom: 5px !important;
        transform: translate3d(0, var(--zax-chat-viewport-shift, 0px), 0) !important;
    }
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-chat-composer :is(.zax-chat-message-options, .zax-chat-composer-note) {
        display: none !important;
    }
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer-row,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-chat-composer-row.is-keyboard-docked {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 44px;
        align-items: flex-end !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }
    body.zaxsecurity-portal-page .zax-chat-composer-row :is(.zax-chat-attach-button, .zax-chat-link-button) {
        display: grid !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex: 0 0 38px !important;
        place-items: center !important;
        margin-bottom: 2px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--zax-soft) !important;
        background: rgba(255, 255, 255, .065) !important;
        box-shadow: none !important;
    }
    body.zaxsecurity-portal-page .zax-chat-composer-row :is(.zax-chat-attach-button, .zax-chat-link-button) .dashicons { width: 18px; height: 18px; font-size: 18px; }
    body.zaxsecurity-portal-page .zax-chat-message-field {
        min-width: 0 !important;
        min-height: 42px !important;
        flex: 1 1 auto !important;
        align-items: flex-end !important;
        padding: 4px 13px !important;
        border: 1px solid rgba(255, 255, 255, .09) !important;
        border-radius: 22px !important;
        background: rgba(255, 255, 255, .07) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .025);
    }
    body.zaxsecurity-portal-page .zax-chat-message-field:focus-within {
        border-color: rgba(81, 230, 189, .36) !important;
        background: rgba(255, 255, 255, .085) !important;
        box-shadow: 0 0 0 2px rgba(81, 230, 189, .055);
    }
    body.zaxsecurity-portal-page .zax-chat-message-field textarea {
        width: 100% !important;
        min-height: 32px !important;
        max-height: 96px !important;
        margin: 0 !important;
        padding: 6px 0 5px !important;
        overflow-y: auto !important;
        color: var(--zax-text) !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
        caret-color: var(--zax-cyan);
    }
    body.zaxsecurity-portal-page .zax-chat-message-field textarea::placeholder { color: color-mix(in srgb, var(--zax-muted) 88%, transparent); opacity: 1; }
    body.zaxsecurity-portal-page .zax-chat-send {
        display: grid !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        flex: 0 0 40px !important;
        place-items: center !important;
        margin-bottom: 1px;
        padding: 0 !important;
        border-radius: 50% !important;
        color: #05170f !important;
        background: var(--zax-gradient-brand) !important;
        box-shadow: 0 7px 19px rgba(54, 220, 176, .24), inset 0 1px rgba(255, 255, 255, .45) !important;
    }
    body.zaxsecurity-portal-page .zax-chat-send > span { display: none !important; }
    body.zaxsecurity-portal-page .zax-chat-send-icon { width: 19px !important; height: 19px !important; transform: translateX(1px); }
    body.zaxsecurity-portal-page .zax-chat-message-options { gap: 5px; overflow-x: auto; padding: 0 1px; scrollbar-width: none; }
    body.zaxsecurity-portal-page .zax-chat-message-options::-webkit-scrollbar { display: none; }
    body.zaxsecurity-portal-page .zax-chat-message-options :is(.zax-chat-retention-option, .zax-chat-view-once-option) { min-width: 158px; min-height: 34px; padding: 4px 7px; }
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-thread {
        padding-bottom: calc(var(--zax-chat-composer-height, 92px) + 12px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 92px) + 16px) !important;
    }
}

/* 1.13.10: TikTok-style Community footer sits flush to every device edge. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        inset: auto 0 0 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-height: calc(58px + env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        padding: 4px 6px max(4px, env(safe-area-inset-bottom)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(129, 234, 205, .15) !important;
        border-radius: 0 !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, .22) !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > button,
    body.zaxsecurity-portal-page .zax-community-mobile-dock > button.is-active,
    body.zaxsecurity-portal-page .zax-community-mobile-dock > button[aria-expanded="true"] {
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon {
        border-radius: 0 !important;
    }
}

/* 1.13.12: native iOS viewport composers and compact cyber article publisher. */
.zax-community-article-title {
    display: grid;
    min-width: 0;
    gap: 7px;
    margin: 3px 0 12px;
}

.zax-community-article-title > span {
    color: var(--zax-muted);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.zax-community-article-title input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid rgba(129, 238, 207, .16);
    border-radius: 13px;
    outline: 0;
    color: var(--zax-text);
    background: rgba(255, 255, 255, .035);
    font: inherit;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
}

.zax-community-article-title input:focus {
    border-color: rgba(81, 230, 189, .48);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .07);
}

.zax-community-editor-hints {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    padding: 7px 0 3px;
    scrollbar-width: none;
}

.zax-community-editor-hints::-webkit-scrollbar { display: none; }

.zax-community-editor-hints > span {
    display: inline-flex;
    min-width: max-content;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border: 1px solid var(--zax-line);
    border-radius: 999px;
    color: var(--zax-muted);
    background: rgba(255, 255, 255, .025);
    font-size: 9px;
    font-weight: 720;
}

.zax-community-editor-hints .dashicons {
    width: 14px;
    height: 14px;
    color: var(--zax-cyan);
    font-size: 14px;
}

@media (max-width: 760px) {
    /* The page entrance transform otherwise becomes Safari's containing block
       and traps fixed composers below the on-screen keyboard. */
    body.zaxsecurity-portal-page.zax-community-page-active .zax-page.is-active {
        animation: none !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open [data-keyboard-composer].is-keyboard-docked {
        top: auto !important;
        bottom: 0 !important;
        transform: translate3d(0, var(--zax-keyboard-viewport-shift, 0px), 0) !important;
        will-change: transform;
    }

    body.zaxsecurity-portal-page > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147482000 !important;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        max-width: none !important;
        transform: translate3d(0, var(--zax-chat-viewport-shift, 0px), 0) !important;
    }

    .zax-community-create-page {
        padding-right: max(7px, env(safe-area-inset-right)) !important;
        padding-left: max(7px, env(safe-area-inset-left)) !important;
    }

    .zax-community-create-canvas {
        gap: 9px;
    }

    .zax-community-create-canvas > header {
        min-height: 54px;
        padding: 7px 9px;
    }

    .zax-community-create-canvas .zax-create-heading-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 10px;
    }

    .zax-community-create-canvas .zax-create-heading-icon svg { width: 18px; height: 18px; }
    .zax-community-create-canvas .zax-create-title-group strong { font-size: 13px; }
    .zax-community-create-canvas .zax-create-title-group small { font-size: 8px; }

    .zax-community-create-hero {
        padding: 14px;
        border-radius: 16px;
    }

    .zax-community-create-hero h2 { font-size: clamp(20px, 6.5vw, 27px); }
    .zax-community-create-hero p { font-size: 10px; line-height: 1.55; }

    .zax-community-create-steps {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .zax-community-create-steps::-webkit-scrollbar { display: none; }
    .zax-community-create-steps li { min-width: min(154px, 43vw); scroll-snap-align: start; }

    .zax-community-create-page .zax-community-composer {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 8px;
        padding: 11px !important;
    }

    .zax-community-create-page .zax-community-avatar { width: 30px; height: 30px; }
    .zax-community-article-title input { min-height: 44px; padding: 9px 11px; font-size: 13px; }
    .zax-community-create-page .zax-community-text-composer textarea { min-height: 190px; font-size: 16px !important; line-height: 1.55; }

    .zax-community-create-page .zax-community-format-picker {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap;
        gap: 4px;
        overflow: visible;
        padding: 8px 0;
    }

    .zax-community-create-page .zax-community-format-picker label {
        min-width: 0;
        min-height: 48px;
        flex: 1 1 0;
        flex-direction: column;
        gap: 3px;
        padding: 5px 2px;
        border-radius: 10px;
        font-size: 8px !important;
        line-height: 1.1;
        text-align: center;
    }

    .zax-community-create-page .zax-community-format-picker label > span {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zax-community-create-page .zax-community-format-picker svg,
    .zax-community-create-page .zax-community-format-picker .dashicons {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px;
        font-size: 16px !important;
    }

    .zax-community-create-page .zax-community-composer footer {
        position: sticky !important;
        z-index: 8;
        bottom: 0 !important;
        display: flex !important;
        width: 100%;
        min-width: 0;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap !important;
        gap: 6px;
        margin-top: 9px;
        padding: 7px;
        border: 1px solid rgba(129, 238, 207, .15);
        border-radius: 13px;
        background: rgba(7, 19, 16, .96);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .16);
    }

    .zax-community-create-page .zax-community-composer footer > label {
        min-width: 0;
        flex: 1 1 auto;
        gap: 2px;
    }

    .zax-community-create-page .zax-community-composer footer > label > svg { width: 14px; height: 14px; flex: 0 0 14px; }
    .zax-community-create-page .zax-community-composer footer select { width: 100%; min-width: 0; font-size: 10px !important; }
    .zax-community-create-page .zax-community-composer footer > span { display: none !important; }

    .zax-community-create-page .zax-community-composer footer .zax-button {
        width: auto !important;
        min-width: 96px;
        min-height: 38px !important;
        flex: 0 0 auto;
        gap: 5px;
        padding: 8px 12px !important;
        border-radius: 10px !important;
        font-size: 10px !important;
    }

    .zax-community-create-page .zax-community-composer footer .zax-button svg {
        width: 15px !important;
        height: 15px !important;
    }
}

@media (max-width: 360px) {
    .zax-community-create-page .zax-community-format-picker label { min-height: 44px; font-size: 7px !important; }
    .zax-community-create-page .zax-community-format-picker svg { width: 14px !important; height: 14px !important; }
    .zax-community-create-page .zax-community-composer footer .zax-button { min-width: 86px; padding-inline: 9px !important; }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create {
        transform: translateY(-4px) !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon {
        isolation: isolate;
        width: 42px !important;
        height: 38px !important;
        flex: 0 0 42px !important;
        overflow: hidden !important;
        border: 1px solid rgba(220, 255, 246, .72) !important;
        border-radius: 14px !important;
        color: #041711 !important;
        background: linear-gradient(135deg, rgba(127, 247, 216, .98), rgba(73, 220, 185, .96) 52%, rgba(161, 143, 255, .97)) !important;
        box-shadow: 0 7px 19px rgba(43, 211, 170, .25), 0 3px 11px rgba(131, 116, 235, .18), inset 0 1px rgba(255, 255, 255, .72) !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon::before {
        position: absolute;
        z-index: 0;
        inset: 1px;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 12px;
        content: "";
        pointer-events: none;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon svg {
        width: 19px !important;
        height: 19px !important;
        stroke-width: 2.15 !important;
        filter: drop-shadow(0 1px rgba(255, 255, 255, .28));
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-label {
        margin-top: -1px;
        color: var(--zax-cyan) !important;
        font-weight: 820 !important;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-more .zax-community-dock-icon svg {
        width: 20px !important;
        height: 20px !important;
        stroke-width: 2.15 !important;
        transition: transform .18s ease;
    }

    body.zaxsecurity-portal-page .zax-community-mobile-dock > .zax-community-dock-more[aria-expanded="true"] .zax-community-dock-icon svg {
        transform: rotate(180deg);
    }
}

/* 1.13.13: iOS visual-viewport editors. */
.zax-ios-editor-toolbar { display: none; }

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-chat-open {
        overscroll-behavior: none;
    }

    body.zaxsecurity-portal-page.zax-ios-device.zax-community-chat-open > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-chat-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
        transition: none !important;
        contain: layout style !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device.zax-community-chat-open > .zax-chat-composer.is-viewport-portaled.is-input-focused {
        display: block !important;
        min-height: calc(56px + env(safe-area-inset-bottom)) !important;
        padding: 6px max(7px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(137, 241, 212, .18) !important;
        border-radius: 0 !important;
        background: rgba(6, 17, 14, .985) !important;
        box-shadow: 0 -12px 34px rgba(0, 0, 0, .28) !important;
        backdrop-filter: blur(18px) saturate(132%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-chat-composer.is-input-focused :is(
        .zax-chat-attachment-preview,
        .zax-chat-link-field,
        .zax-chat-message-options,
        .zax-chat-composer-note
    ) {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-chat-composer.is-input-focused .zax-chat-composer-row {
        display: flex !important;
        width: 100% !important;
        min-height: 44px !important;
        align-items: flex-end !important;
        gap: 5px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-chat-composer.is-input-focused .zax-chat-message-field {
        min-height: 42px !important;
        padding: 3px 13px !important;
        border: 1px solid rgba(255, 255, 255, .105) !important;
        border-radius: 22px !important;
        background: rgba(255, 255, 255, .075) !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-chat-composer.is-input-focused .zax-chat-message-field textarea {
        min-height: 34px !important;
        max-height: 88px !important;
        padding: 7px 0 5px !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
        -webkit-text-size-adjust: 100%;
    }

    body.zaxsecurity-portal-page.zax-ios-device.zax-ios-create-editor-open {
        overscroll-behavior: none;
    }

    body.zaxsecurity-portal-page.zax-ios-device.zax-ios-create-editor-open .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-ios-device.zax-ios-create-editor-open .zax-community-mobile-dock {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled,
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open > .zax-community-text-composer.is-ios-viewport-portaled.is-keyboard-docked {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-create-editor-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        grid-template-rows: auto minmax(0, auto) !important;
        align-items: end !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 8px max(9px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(137, 241, 212, .2) !important;
        border-radius: 18px 18px 0 0 !important;
        background:
            radial-gradient(circle at 92% 0, rgba(154, 140, 255, .12), transparent 34%),
            rgba(6, 18, 15, .985) !important;
        box-shadow: 0 -18px 48px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .05) !important;
        transform: none !important;
        transition: none !important;
        contain: layout style !important;
        backdrop-filter: blur(20px) saturate(135%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled .zax-ios-editor-toolbar {
        display: flex !important;
        grid-row: 1;
        grid-column: 1 / -1;
        min-height: 29px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 0 2px 4px;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled .zax-ios-editor-toolbar > span {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 7px;
        color: var(--zax-soft);
        font-size: 10px;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled .zax-ios-editor-toolbar i {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--zax-gradient-brand);
        box-shadow: 0 0 0 4px rgba(81, 230, 189, .08);
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled .zax-ios-editor-toolbar button {
        min-height: 28px;
        padding: 5px 11px;
        border: 1px solid rgba(81, 230, 189, .24);
        border-radius: 999px;
        color: #06130f;
        background: var(--zax-gradient-brand);
        font: inherit;
        font-size: 10px;
        font-weight: 850;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled textarea[name="content"] {
        grid-row: 2 !important;
        grid-column: 1 !important;
        width: 100% !important;
        min-height: 112px !important;
        max-height: min(30vh, 176px) !important;
        overflow-y: auto !important;
        padding: 10px 12px !important;
        resize: none !important;
        border: 1px solid rgba(255, 255, 255, .105) !important;
        border-radius: 17px !important;
        outline: 0 !important;
        color: var(--zax-text) !important;
        background: rgba(255, 255, 255, .07) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        caret-color: var(--zax-cyan);
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-community-text-composer.is-ios-viewport-portaled > .zax-emoji-trigger {
        grid-row: 2 !important;
        grid-column: 2 !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 0 3px !important;
        border-radius: 50% !important;
    }
}

/* 1.13.14: editors stay in their natural page and chat positions. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-community-create-page .zax-community-text-composer,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-community-create-page .zax-community-text-composer.is-keyboard-docked {
        position: relative !important;
        z-index: auto !important;
        inset: auto !important;
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: minmax(0, 1fr) 40px !important;
        align-items: end !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer textarea[name="content"] {
        position: static !important;
        width: 100% !important;
        min-height: 190px !important;
        max-height: none !important;
        overflow-y: auto !important;
        padding: 12px 13px !important;
        resize: vertical !important;
        border: 1px solid rgba(129, 238, 207, .16) !important;
        border-radius: 13px !important;
        color: var(--zax-text) !important;
        background: rgba(255, 255, 255, .035) !important;
        box-shadow: none !important;
        transform: none !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer > .zax-emoji-trigger {
        position: static !important;
        grid-row: 1 !important;
        grid-column: 2 !important;
        margin: 0 0 8px !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-window {
        display: flex !important;
        min-height: 0 !important;
        flex-direction: column !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-thread {
        min-height: 0 !important;
        flex: 1 1 0% !important;
        padding-bottom: 14px !important;
        scroll-padding-bottom: 14px !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer,
    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-composer,
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-chat-open .zax-chat-composer,
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-chat-open > .zax-chat-composer.is-viewport-portaled {
        position: relative !important;
        z-index: 8 !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 7px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(125, 232, 204, .14) !important;
        border-radius: 0 !important;
        background: rgba(7, 18, 15, .985) !important;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .18) !important;
        transform: none !important;
        transition: none !important;
        contain: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-chat-composer-row,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-chat-composer-row.is-keyboard-docked {
        position: relative !important;
        z-index: auto !important;
        inset: auto !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* 1.13.15: compact, aligned desktop publishing controls. */
@media (min-width: 901px) {
    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer {
        display: grid;
        min-height: 54px;
        grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        margin-top: 12px;
        padding: 7px 8px;
        border: 1px solid rgba(129, 238, 207, .14);
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(255, 255, 255, .048), rgba(255, 255, 255, .018));
        box-shadow: inset 0 1px rgba(255, 255, 255, .035);
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer > label,
    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer > span {
        display: flex;
        min-width: 0;
        min-height: 38px;
        align-items: center;
        gap: 7px;
        margin: 0;
        padding: 7px 10px;
        border: 1px solid rgba(129, 238, 207, .11);
        border-radius: 10px;
        color: var(--zax-soft);
        background: rgba(255, 255, 255, .028);
        font-size: 10px;
        line-height: 1.35;
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer > label {
        color: var(--zax-cyan);
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer svg,
    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer .dashicons {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px;
        flex: 0 0 16px;
        font-size: 16px !important;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer select {
        width: 100%;
        min-width: 0;
        min-height: 24px;
        padding: 1px 22px 1px 2px;
        border: 0;
        color: var(--zax-text);
        background-color: transparent;
        font-size: 11px;
        font-weight: 700;
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer .zax-button {
        width: auto;
        min-width: 104px;
        min-height: 38px;
        justify-content: center;
        gap: 7px;
        margin: 0;
        padding: 8px 14px;
        border-radius: 10px;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
    }
}

@media (min-width: 901px) and (max-width: 1120px) {
    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer {
        grid-template-columns: minmax(140px, 1fr) auto;
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div > footer > span {
        display: none;
    }
}

/* 1.13.16: edge-to-edge article composer and inline image placement. */
body.zaxsecurity-portal-page .zax-community-create-page {
    padding-inline: clamp(8px, 1vw, 16px);
}

body.zaxsecurity-portal-page .zax-community-create-canvas {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer {
    display: grid;
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(0, 1fr);
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > .zax-community-avatar {
    display: none;
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer > div,
body.zaxsecurity-portal-page .zax-community-create-page .zax-community-article-title,
body.zaxsecurity-portal-page .zax-community-create-page .zax-community-article-title input,
body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer,
body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer textarea {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.zax-community-inline-tools {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(190px, 280px) minmax(0, 1fr);
    align-items: stretch;
    gap: 9px;
    margin-top: 10px;
}

.zax-community-inline-tools > button,
.zax-community-inline-tools > span {
    display: flex;
    min-width: 0;
    min-height: 46px;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    border: 1px solid rgba(122, 239, 207, .14);
    border-radius: 12px;
    color: var(--zax-text);
    background: linear-gradient(135deg, rgba(81, 230, 189, .07), rgba(154, 140, 255, .045));
    font: inherit;
    text-align: left;
}

.zax-community-inline-tools > button {
    cursor: pointer;
}

.zax-community-inline-tools > button:hover {
    border-color: rgba(81, 230, 189, .34);
    background: linear-gradient(135deg, rgba(81, 230, 189, .13), rgba(154, 140, 255, .08));
}

.zax-community-inline-tools svg,
.zax-community-inline-tools .dashicons {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px;
    color: var(--zax-cyan);
    font-size: 19px !important;
}

.zax-community-inline-tools > button > span {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.zax-community-inline-tools strong {
    font-size: 10px;
}

.zax-community-inline-tools small {
    color: var(--zax-muted);
    font-size: 9px;
    line-height: 1.4;
}

.zax-community-article-preview {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0;
    margin-top: 11px;
    overflow: hidden;
    border: 1px solid rgba(130, 238, 209, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .022);
}

.zax-community-article-preview[hidden] {
    display: none !important;
}

.zax-community-article-preview > header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(130, 238, 209, .11);
    background: rgba(81, 230, 189, .035);
}

.zax-community-article-preview > header > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.zax-community-article-preview > header svg,
.zax-community-article-preview > header .dashicons {
    width: 16px !important;
    height: 16px !important;
    color: var(--zax-cyan);
    font-size: 16px !important;
}

.zax-community-article-preview > header strong {
    color: var(--zax-text);
    font-size: 10px;
}

.zax-community-article-preview > header small {
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-community-article-preview > div {
    display: grid;
    min-width: 0;
    gap: 13px;
    padding: clamp(14px, 2vw, 22px);
}

.zax-community-article-preview p,
.zax-fyp-detail-copy p {
    margin: 0;
    color: var(--zax-text);
    font-size: 13px;
    line-height: 1.72;
    white-space: pre-line;
}

.zax-inline-article-image {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 7px;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(122, 239, 207, .15);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
}

.zax-inline-article-image img {
    display: block;
    width: 100%;
    max-height: min(620px, 68vh);
    object-fit: contain;
    background: rgba(2, 10, 8, .55);
}

.zax-inline-article-image figcaption {
    padding: 0 11px 10px;
    color: var(--zax-muted);
    font-size: 9px;
}

.zax-fyp-copy .zax-inline-article-image {
    display: none;
}

.zax-fyp-detail-copy .zax-inline-article-image {
    display: grid;
    margin-block: 16px;
}

.zax-fyp-upload-preview figure {
    position: relative;
}

.zax-fyp-upload-preview figure > [data-community-image-place] {
    position: absolute;
    right: 7px;
    bottom: 7px;
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid rgba(130, 238, 209, .24);
    border-radius: 9px;
    color: #06130f;
    background: var(--zax-gradient-brand);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    font: inherit;
    font-size: 8px;
    font-weight: 850;
    cursor: pointer;
}

.zax-fyp-upload-preview figure > [data-community-image-place] svg,
.zax-fyp-upload-preview figure > [data-community-image-place] .dashicons {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-community-create-page {
        padding-inline: max(7px, env(safe-area-inset-left));
    }

    body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer {
        grid-template-columns: minmax(0, 1fr) !important;
        padding-inline: 10px;
    }

    .zax-community-inline-tools {
        grid-template-columns: minmax(0, 1fr);
    }

    .zax-community-inline-tools > button,
    .zax-community-inline-tools > span {
        min-height: 43px;
    }

    .zax-community-article-preview > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .zax-community-article-preview > div {
        padding: 12px;
    }
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-composer {
    padding: clamp(10px, 1.25vw, 16px);
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer,
body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-community-create-page .zax-community-text-composer {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer textarea[name="content"] {
    width: 100% !important;
    padding-right: 54px !important;
}

body.zaxsecurity-portal-page .zax-community-create-page .zax-community-text-composer > .zax-emoji-trigger {
    position: absolute !important;
    z-index: 2;
    right: 9px !important;
    bottom: 9px !important;
    left: auto !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
}

/* 1.13.17: keep the Community profile dock flush with the mobile viewport. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-profile-page-open .zax-community-mobile-dock {
        position: fixed !important;
        inset: auto 0 0 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 4px max(5px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left)) !important;
        border-radius: 0 !important;
        transform: none !important;
    }
}

/* Final iOS keyboard authority: later than all legacy composer rules. */
@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-chat-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: flex !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 6px max(7px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(137, 241, 212, .18) !important;
        border-radius: 0 !important;
        background: rgba(6, 17, 14, .985) !important;
        box-shadow: 0 -12px 34px rgba(0, 0, 0, .28) !important;
        transform: none !important;
        transition: none !important;
        contain: layout style !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open > .zax-chat-composer.is-viewport-portaled :is(.zax-chat-attachment-preview, .zax-chat-link-field, .zax-chat-message-options, .zax-chat-composer-note) {
        display: none !important;
    }
}

/* 1.13.22 final authority: smooth rendering and keyboard-safe live chat. */
html.zax-app-backgrounded #zaxsecurity-app *,
#zaxsecurity-app .zax-page[hidden] * { animation-play-state: paused !important; }

@supports (content-visibility: auto) {
    #zaxsecurity-app :is(.zax-product-card, .zax-community-member-grid > article, .zax-profile-follower-row, .zax-isp-proxy-card, .zax-rdp-plan-card, .zax-rdp-server-card, .zax-vps-plan-card, .zax-seller-product-card) {
        content-visibility: auto !important;
        contain-intrinsic-size: auto 260px;
        contain: layout style !important;
    }
}

html.zax-performance-lite #zaxsecurity-app :is(.zax-product-card, .zax-community-member-grid > article, .zax-isp-proxy-card, .zax-rdp-plan-card, .zax-rdp-server-card, .zax-vps-plan-card) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-page.is-active.is-chat-active {
        position: fixed !important;
        z-index: 530 !important;
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        overflow: hidden !important;
        transform: none !important;
    }
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-chat-thread {
        min-height: 0 !important;
        flex: 1 1 0% !important;
        overflow-y: auto !important;
        padding-bottom: calc(var(--zax-chat-composer-height, 62px) + 14px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 62px) + 18px) !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
    }
body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-chat-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        transform: translateZ(0) !important;
        contain: layout style !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* 1.13.25: unmistakable comment textbox and footer-safe content endings. */
.zax-fyp-comments > form.zax-comment-composer {
    visibility: visible !important;
    opacity: 1 !important;
}

.zax-comment-textbox {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(143, 239, 213, .2);
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(81, 230, 189, .035));
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.zax-comment-textbox:focus-within {
    border-color: rgba(81, 230, 189, .55);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .085), inset 0 1px rgba(255, 255, 255, .055);
}

.zax-fyp-comments > form.zax-comment-composer .zax-comment-textbox textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px;
    min-height: 44px !important;
    max-height: 96px !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    overflow-y: auto !important;
    resize: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    color: #edf8f4 !important;
    background: transparent !important;
    box-shadow: none !important;
    font: inherit;
    font-size: 14px !important;
    font-weight: 520 !important;
    line-height: 1.5;
    scrollbar-width: thin;
}

.zax-fyp-comments > form.zax-comment-composer .zax-comment-textbox textarea::placeholder {
    color: rgba(222, 241, 235, .58);
    opacity: 1;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page {
        --zax-page-footer-safe-gap: calc(var(--zax-mobile-dock-clearance, 76px) + 24px);
    }

    body.zaxsecurity-portal-page:not(.zax-community-page-active) .zax-page.is-active:not(.zax-community-page) {
        padding-bottom: var(--zax-page-footer-safe-gap) !important;
        scroll-padding-bottom: var(--zax-page-footer-safe-gap) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-community-view:not([hidden]):not(.zax-fyp-view):not(.zax-chat-view),
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-active .zax-seller-studio:not([hidden]),
    body.zaxsecurity-portal-page.zax-community-page-active .zax-member-profile-scroll,
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-create-page {
        padding-bottom: var(--zax-page-footer-safe-gap) !important;
        scroll-padding-bottom: var(--zax-page-footer-safe-gap) !important;
    }

    .zax-fyp-comments > form.zax-comment-composer,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.zax-comment-composer.is-keyboard-docked {
        grid-template-columns: 32px 34px minmax(0, 1fr) 38px !important;
        gap: 6px !important;
    }

    .zax-fyp-comments > form.zax-comment-composer .zax-comment-textbox textarea {
        font-size: 16px !important;
    }

    /* Give the comment sheet the complete bottom edge while it is open. */
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-mobile-dock,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-community-mobile-dock {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(120%) !important;
    }
}

/* 1.13.27 final authority: focus the exact Marketplace listing opened from a VIP Cyber FYP post. */
.zax-market-product-card.is-fyp-market-target {
    position: relative;
    z-index: 3;
    border-color: rgba(81, 230, 189, .68) !important;
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .13), 0 22px 54px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .08) !important;
    animation: zax-market-product-arrival .72s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes zax-market-product-arrival {
    0% { opacity: .72; transform: translateY(16px) scale(.975); }
    58% { opacity: 1; transform: translateY(-3px) scale(1.012); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-market-product-card.is-fyp-market-target { animation: none !important; }
}

/* 1.13.27: compact lifetime control and bottom-safe private-message history. */
.zax-chat-lifetime-toggle {
    display: none;
}

.zax-chat-pin-indicator {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 5px;
    margin: 0 0 7px;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--zax-cyan) 30%, transparent);
    border-radius: 999px;
    color: color-mix(in srgb, var(--zax-cyan) 86%, white);
    background: color-mix(in srgb, var(--zax-cyan) 10%, transparent);
    font-size: 9px;
    font-weight: 780;
    letter-spacing: .02em;
    line-height: 1;
}

.zax-chat-pin-indicator .dashicons {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.zax-chat-message.is-pinned .zax-chat-bubble {
    border-color: color-mix(in srgb, var(--zax-cyan) 36%, var(--zax-line));
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-lifetime-toggle {
        display: grid !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex: 0 0 38px !important;
        place-items: center !important;
        margin: 0 0 2px !important;
        padding: 0 !important;
        border: 1px solid rgba(129, 234, 205, .12) !important;
        border-radius: 50% !important;
        color: var(--zax-soft) !important;
        background: rgba(255, 255, 255, .055) !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-lifetime-toggle span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-lifetime-toggle .dashicons {
        width: 18px;
        height: 18px;
        font-size: 18px;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-lifetime-toggle.is-active {
        border-color: rgba(81, 230, 189, .5) !important;
        color: #041610 !important;
        background: var(--zax-gradient-brand) !important;
        box-shadow: 0 7px 20px rgba(54, 220, 176, .18) !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-composer:not(.is-lifetime-open) > .zax-chat-message-options,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-chat-composer > .zax-chat-message-options {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-composer.is-lifetime-open:not(.is-input-focused) > .zax-chat-message-options {
        display: flex !important;
        min-width: 0;
        align-items: stretch;
        gap: 6px;
        overflow-x: auto;
        padding: 1px;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-composer.is-lifetime-open > .zax-chat-message-options > * {
        flex: 0 0 min(82vw, 290px);
        scroll-snap-align: start;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-thread {
        padding-bottom: calc(var(--zax-chat-composer-height, 60px) + 24px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 60px) + 30px) !important;
    }
}

/* WhatsApp-style long-press actions for private messages. */
.zax-chat-action-sheet[hidden],
.zax-chat-forward-panel[hidden] {
    display: none !important;
}

body.zax-chat-actions-open {
    overflow: hidden !important;
}

.zax-chat-action-sheet {
    position: fixed;
    z-index: 2147483600;
    inset: 0;
    display: grid;
    align-items: end;
    justify-items: center;
    padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
}

.zax-chat-action-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(1, 8, 6, .68);
    backdrop-filter: blur(7px) saturate(115%);
    -webkit-backdrop-filter: blur(7px) saturate(115%);
}

.zax-chat-action-sheet > section {
    position: relative;
    display: flex;
    width: min(520px, 100%);
    max-height: min(82dvh, 680px);
    flex-direction: column;
    gap: 12px;
    overflow: hidden auto;
    padding: 9px 14px 15px;
    border: 1px solid rgba(141, 239, 212, .18);
    border-radius: 25px;
    color: var(--zax-text, #edf8f4);
    background: linear-gradient(155deg, rgba(19, 38, 33, .985), rgba(5, 16, 13, .99));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .07);
    animation: zax-chat-actions-arrive .22s cubic-bezier(.2, .78, .2, 1) both;
}

.zax-chat-action-sheet > section > i {
    width: 42px;
    height: 4px;
    flex: 0 0 4px;
    align-self: center;
    border-radius: 999px;
    background: rgba(222, 245, 238, .25);
}

.zax-chat-action-sheet > section > header,
.zax-chat-forward-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.zax-chat-action-sheet > section > header > span,
.zax-chat-forward-panel > header {
    min-width: 0;
}

.zax-chat-action-sheet header small {
    display: block;
    color: rgba(219, 240, 234, .58);
    font-size: 9px;
    font-weight: 680;
    letter-spacing: .08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.zax-chat-action-sheet header strong {
    display: block;
    color: #f3fbf8;
    font-size: 15px;
    font-weight: 780;
    line-height: 1.3;
}

.zax-chat-action-sheet > section > header > button {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    color: #e8f6f1;
    background: rgba(255, 255, 255, .055);
}

.zax-chat-action-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.zax-chat-action-grid > button {
    display: grid;
    min-width: 0;
    min-height: 74px;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 9px 5px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 17px;
    color: #dcefe9;
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.zax-chat-action-grid > button .dashicons {
    width: 21px;
    height: 21px;
    color: #77ecd0;
    font-size: 21px;
}

.zax-chat-action-grid > button span {
    overflow: hidden;
    font-size: 10px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-chat-action-grid > button:is(:hover, :focus-visible, .is-active) {
    border-color: rgba(81, 230, 189, .35);
    background: rgba(81, 230, 189, .1);
}

.zax-chat-action-grid > button.is-destructive,
.zax-chat-action-grid > button.is-destructive .dashicons {
    color: #ff8f9b;
}

.zax-chat-forward-panel {
    display: grid;
    gap: 9px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .075);
}

.zax-chat-forward-search {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 39px;
    padding: 0 11px;
    border: 1px solid rgba(136, 239, 209, .17);
    border-radius: 13px;
    color: #7ff0d1;
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}

.zax-chat-forward-search:focus-within {
    border-color: rgba(88, 231, 190, .55);
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .09), inset 0 1px rgba(255, 255, 255, .055);
}

.zax-chat-forward-search .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.zax-chat-forward-search input {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #f0fbf7;
    font: inherit;
    font-size: 12px;
    background: transparent;
    box-shadow: none;
}

.zax-chat-forward-search input::placeholder { color: rgba(222, 242, 236, .46); }

.zax-chat-forward-status {
    display: block;
    margin-top: -2px;
    color: rgba(205, 236, 226, .61);
    font-size: 9px;
    font-weight: 680;
    letter-spacing: .035em;
}

.zax-chat-forward-panel [data-chat-forward-list] {
    display: grid;
    max-height: min(36dvh, 270px);
    gap: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.zax-chat-forward-panel [data-chat-forward-peer] {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px;
    color: #eaf8f3;
    text-align: left;
    background: rgba(255, 255, 255, .035);
}

.zax-chat-forward-panel [data-chat-forward-peer] > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.zax-chat-forward-panel [data-chat-forward-peer] :is(strong, small) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-chat-forward-panel [data-chat-forward-peer] small {
    color: rgba(220, 241, 234, .58);
    font-size: 9px;
}

.zax-chat-message.is-action-target .zax-chat-bubble {
    border-color: rgba(81, 230, 189, .58) !important;
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .1), 0 16px 38px rgba(0, 0, 0, .2) !important;
}

@keyframes zax-chat-actions-arrive {
    from { opacity: 0; transform: translateY(24px) scale(.975); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* iOS Safari: freeze the layout viewport before focus and scroll only chat history. */
@media (max-width: 760px) {
    html.zax-ios-chat-keyboard-lock,
    html.zax-ios-chat-keyboard-lock body {
        height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    html.zax-ios-chat-keyboard-lock body .zax-topbar {
        position: fixed !important;
        z-index: 2147482500 !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate3d(0, 0, 0) !important;
        filter: none !important;
        transition: none !important;
    }

    html.zax-ios-chat-keyboard-lock body .zax-community-page.is-active.is-chat-active,
    html.zax-ios-chat-keyboard-lock body .zax-chat-window,
    html.zax-ios-chat-keyboard-lock body .zax-chat-header {
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }

    html.zax-ios-chat-keyboard-lock body .zax-community-page.is-active.is-chat-active {
        position: fixed !important;
        z-index: 530 !important;
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html.zax-ios-chat-keyboard-lock body .zax-chat-thread {
        min-height: 0 !important;
        flex: 1 1 0% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding-bottom: calc(var(--zax-chat-composer-height, 60px) + 24px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 60px) + 30px) !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
    }

    html.zax-ios-chat-keyboard-lock body > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-chat-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        margin: 0 !important;
        transform: none !important;
        transition: none !important;
        contain: layout style !important;
    }

    .zax-chat-action-sheet {
        padding: 8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    }

    .zax-chat-action-sheet > section {
        width: 100%;
        max-height: min(78dvh, 620px);
        border-radius: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-action-sheet > section { animation: none !important; }
}

/* 1.13.29: compact WhatsApp-style message menu opened by double-tap or hold. */
@media (max-width: 760px) {
    .zax-chat-action-sheet {
        align-items: center !important;
        justify-items: center !important;
        padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)) !important;
    }

    .zax-chat-action-backdrop {
        background: rgba(1, 8, 6, .34) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .zax-chat-action-sheet > section {
        width: min(300px, calc(100vw - 40px)) !important;
        max-height: min(64dvh, 440px) !important;
        gap: 5px !important;
        padding: 8px !important;
        border-color: rgba(151, 239, 216, .18) !important;
        border-radius: 19px !important;
        background: linear-gradient(155deg, rgba(22, 42, 36, .99), rgba(6, 18, 14, .995)) !important;
        box-shadow: 0 22px 58px rgba(0, 0, 0, .52), inset 0 1px rgba(255, 255, 255, .075) !important;
        animation: zax-chat-popover-arrive .18s cubic-bezier(.2, .76, .2, 1) both !important;
    }

    .zax-chat-action-sheet > section > i {
        display: none !important;
    }

    .zax-chat-action-sheet > section > header {
        min-height: 42px;
        padding: 3px 4px 6px 8px;
        border-bottom: 1px solid rgba(255, 255, 255, .065);
    }

    .zax-chat-action-sheet > section > header small {
        font-size: 8px;
    }

    .zax-chat-action-sheet > section > header strong {
        font-size: 13px;
    }

    .zax-chat-action-sheet > section > header > button {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }

    .zax-chat-action-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        overflow: hidden;
        border-radius: 13px;
    }

    .zax-chat-action-grid > button {
        display: flex !important;
        width: 100% !important;
        min-height: 47px !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-direction: row-reverse !important;
        gap: 14px !important;
        padding: 10px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
        border-radius: 0 !important;
        color: #e9f7f2 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .zax-chat-action-grid > button:last-child {
        border-bottom: 0 !important;
    }

    .zax-chat-action-grid > button:is(:active, :focus-visible, .is-active) {
        background: rgba(81, 230, 189, .09) !important;
    }

    .zax-chat-action-grid > button span {
        flex: 1 1 auto;
        color: inherit;
        font-size: 13px !important;
        font-weight: 620 !important;
        text-align: left;
    }

    .zax-chat-action-grid > button .dashicons {
        width: 19px !important;
        height: 19px !important;
        flex: 0 0 19px;
        color: #73e9cd;
        font-size: 19px !important;
    }

    .zax-chat-action-grid > button.is-destructive,
    .zax-chat-action-grid > button.is-destructive .dashicons {
        color: #ff8794 !important;
    }

    .zax-chat-forward-panel {
        max-height: min(44dvh, 300px);
        overflow: hidden;
        padding: 8px 3px 3px;
    }

    .zax-chat-forward-panel [data-chat-forward-list] {
        max-height: min(32dvh, 225px);
    }
}

@keyframes zax-chat-popover-arrive {
    from { opacity: 0; transform: translateY(6px) scale(.965); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* 1.13.30: guaranteed message clearance and a visible self-destruct timer. */
.zax-chat-self-destruct-icon {
    display: block;
    width: 21px;
    height: 21px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(81, 230, 189, .46));
}

.zax-chat-self-destruct-sparks {
    stroke-width: 1.7;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-lifetime-toggle {
        border-color: rgba(81, 230, 189, .4) !important;
        color: #7ff1d5 !important;
        background: radial-gradient(circle at 35% 30%, rgba(81, 230, 189, .2), rgba(255, 255, 255, .055) 68%) !important;
        box-shadow: 0 0 0 2px rgba(81, 230, 189, .055), 0 7px 18px rgba(0, 0, 0, .18) !important;
    }

    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-lifetime-toggle.is-active {
        color: #041610 !important;
    }

    /* A real flex item remains at the end of the scroll history. This keeps
       the latest bubble clear even when mobile Safari ignores scroll padding. */
    body.zaxsecurity-portal-page.zax-community-chat-open .zax-chat-thread::after {
        content: "";
        display: block;
        width: 100%;
        min-width: 100%;
        height: 48px;
        min-height: 48px;
        flex: 0 0 48px;
        pointer-events: none;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open.zax-community-chat-open .zax-chat-thread::after,
    html.zax-ios-chat-keyboard-lock body .zax-chat-thread::after {
        height: 42px;
        min-height: 42px;
        flex-basis: 42px;
    }
}

/* 1.13.31: keep iOS keyboard motion out of the document scroll pipeline. */
@media (max-width: 760px) {
    html.zax-ios-chat-keyboard-lock,
    html.zax-ios-chat-keyboard-lock body,
    html.zax-ios-chat-keyboard-lock body .zax-community-page.is-active.is-chat-active,
    html.zax-ios-chat-keyboard-lock body .zax-chat-thread {
        scroll-behavior: auto !important;
    }

    html.zax-ios-chat-keyboard-lock body .zax-community-page.is-active.is-chat-active,
    html.zax-ios-chat-keyboard-lock body > .zax-chat-composer.is-viewport-portaled {
        animation: none !important;
        transition: none !important;
    }

    html.zax-ios-chat-keyboard-lock body .zax-chat-thread {
        overflow-anchor: none !important;
    }
}

/* 1.13.32: WhatsApp-style pinned-message header and popup-only deletion. */
.zax-chat-pinned-bar[hidden] {
    display: none !important;
}

.zax-chat-pinned-bar {
    position: relative;
    display: grid;
    width: calc(100% - 24px);
    min-width: 0;
    flex: 0 0 auto;
    grid-template-columns: 30px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    margin: 8px 12px 0;
    padding: 8px 11px 8px 9px;
    overflow: hidden;
    border: 1px solid rgba(106, 234, 199, .2);
    border-radius: 14px;
    color: #eaf9f4;
    text-align: left;
    background: linear-gradient(135deg, rgba(81, 230, 189, .13), rgba(8, 25, 20, .94) 46%, rgba(255, 255, 255, .045));
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .06);
}

.zax-chat-pinned-bar::before {
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: var(--zax-gradient-brand);
    box-shadow: 0 0 12px rgba(81, 230, 189, .5);
    content: "";
}

.zax-chat-pinned-bar > .dashicons:first-child {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    color: #77efd2;
    background: rgba(81, 230, 189, .12);
    font-size: 17px;
    line-height: 30px;
}

.zax-chat-pinned-bar > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.zax-chat-pinned-bar small,
.zax-chat-pinned-bar strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-chat-pinned-bar small {
    color: #76eacb;
    font-size: 9px;
    font-weight: 760;
    letter-spacing: .035em;
}

.zax-chat-pinned-bar strong {
    color: #eaf7f3;
    font-size: 12px;
    font-weight: 590;
}

.zax-chat-pinned-bar > .dashicons:last-child {
    width: 18px;
    height: 18px;
    color: rgba(222, 243, 236, .6);
    font-size: 18px;
}

.zax-chat-message.is-pinned-arrival .zax-chat-bubble {
    animation: zax-chat-pinned-arrival .9s ease both;
}

@keyframes zax-chat-pinned-arrival {
    0%, 100% { box-shadow: var(--zax-card-shadow, 0 12px 30px rgba(0, 0, 0, .18)); }
    45% { border-color: rgba(81, 230, 189, .78); box-shadow: 0 0 0 4px rgba(81, 230, 189, .13), 0 16px 36px rgba(0, 0, 0, .22); }
}

@media (max-width: 760px) {
    .zax-chat-pinned-bar {
        width: calc(100% - 16px);
        grid-template-columns: 28px minmax(0, 1fr) 16px;
        gap: 8px;
        margin: 6px 8px 0;
        padding: 7px 9px 7px 8px;
        border-radius: 12px;
    }

    .zax-chat-pinned-bar > .dashicons:first-child {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .zax-chat-pinned-bar strong {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-message.is-pinned-arrival .zax-chat-bubble { animation: none !important; }
}

/* 1.13.33: instant app refresh feedback and a lighter mobile render path. */
.zax-app-refresh.is-complete {
    border-color: rgba(81, 230, 189, .58) !important;
    color: #041610 !important;
    background: var(--zax-gradient-brand) !important;
    box-shadow: 0 0 0 3px rgba(81, 230, 189, .09), 0 8px 20px rgba(20, 128, 99, .18) !important;
}

.zax-app-refresh.is-complete .dashicons {
    animation: zax-app-refresh-complete .42s cubic-bezier(.2, .82, .2, 1) both !important;
}

.zax-page.is-soft-refreshed {
    animation: zax-app-page-ready .38s ease both !important;
}

@keyframes zax-app-refresh-complete {
    0% { opacity: .45; transform: rotate(-35deg) scale(.78); }
    65% { opacity: 1; transform: rotate(8deg) scale(1.12); }
    100% { opacity: 1; transform: rotate(0) scale(1); }
}

@keyframes zax-app-page-ready {
    from { opacity: .94; }
    to { opacity: 1; }
}

@media (max-width: 900px) {
    /* Mobile GPUs composite dozens of glass layers during every scroll.
       The silk gradients stay intact while costly live backdrop sampling is
       removed, preventing the header, cards and dock from hitching. */
    html.zax-mobile-optimized #zaxsecurity-app *,
    html.zax-mobile-optimized #zaxsecurity-app *::before,
    html.zax-mobile-optimized #zaxsecurity-app *::after {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    html.zax-mobile-optimized #zaxsecurity-app .zax-page:not(.is-active) *,
    html.zax-mobile-optimized #zaxsecurity-app [data-community-view][hidden] *,
    html.zax-mobile-optimized #zaxsecurity-app [data-seller-panel][hidden] * {
        animation-play-state: paused !important;
        transition: none !important;
    }

    html.zax-mobile-optimized #zaxsecurity-app :is(.zax-topbar, .zax-mobile-dock, .zax-community-mobile-dock, .zax-chat-composer, .zax-more-menu) {
        transform: translateZ(0);
        backface-visibility: hidden;
    }
}

@supports (content-visibility: auto) {
    html.zax-mobile-optimized #zaxsecurity-app :is(.zax-product-card, .zax-community-member-grid > article, .zax-profile-follower-row, .zax-isp-proxy-card, .zax-rdp-server-card, .zax-vps-server-card) {
        content-visibility: auto;
        contain-intrinsic-size: auto 240px;
        contain: layout style paint;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-app-refresh.is-complete .dashicons,
    .zax-page.is-soft-refreshed { animation: none !important; }
}

/* 1.13.34: WhatsApp-style private attachment delivery and Anonymous Cyber FYP identity. */
.zax-anonymous-icon {
    display: inline-grid;
    width: 1.35em;
    height: 1.35em;
    flex: 0 0 auto;
    place-items: center;
    color: #58f3d5;
    filter: drop-shadow(0 0 8px rgba(52, 226, 194, .24));
}

.zax-anonymous-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.zax-anonymous-shield { fill: #08241d; stroke: currentColor; stroke-width: 1.3; }
.zax-anonymous-face { fill: #eafff9; stroke: currentColor; stroke-width: 1.2; }
.zax-anonymous-brow,
.zax-anonymous-smile { fill: none; stroke: #063c31; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.zax-anonymous-eye,
.zax-anonymous-nose,
.zax-anonymous-moustache,
.zax-anonymous-goatee { fill: #063c31; stroke: #063c31; stroke-width: .7; stroke-linecap: round; stroke-linejoin: round; }
.zax-nav-cyber-fyp .zax-anonymous-icon,
.zax-community-rail .zax-anonymous-icon { width: 25px; height: 25px; }
.zax-community-dock-fyp .zax-anonymous-icon,
.zax-mobile-fyp-primary .zax-anonymous-icon { width: 27px; height: 27px; color: #51e6bd; filter: drop-shadow(0 0 7px rgba(81, 230, 189, .34)); }
.zax-community-mobile-dock .zax-community-dock-fyp > .zax-anonymous-icon,
.zax-mobile-dock .zax-mobile-fyp-primary > .zax-anonymous-icon {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
}
.zax-fyp-empty .zax-anonymous-empty-icon { width: 56px; height: 56px; }

/* Use the same supplied ZaxSecurity emblem for every Cyber FYP entry point. */
.zax-cyber-fyp-brand-icon {
    display: inline-grid;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    place-items: center;
    flex: 0 0 auto;
    filter: drop-shadow(0 0 8px rgba(81, 230, 189, .3));
}
.zax-cyber-fyp-brand-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.zax-fyp-empty .zax-cyber-fyp-empty-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
}

.zax-chat-message.is-uploading .zax-chat-bubble { border-color: rgba(38, 229, 192, .26); }
.zax-chat-upload-progress {
    display: grid;
    grid-template-columns: minmax(72px, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 7px;
    padding: 6px 8px;
    border: 1px solid rgba(56, 225, 195, .14);
    border-radius: 10px;
    background: rgba(2, 16, 14, .38);
}
.zax-chat-upload-progress > span { display: block; height: 4px; overflow: hidden; border-radius: 999px; background: rgba(222, 255, 248, .12); }
.zax-chat-upload-progress > span > i {
    display: block;
    width: 2%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17d5af, #55f4d4 70%, #b6fff1);
    box-shadow: 0 0 9px rgba(46, 231, 196, .46);
    transition: width .16s linear;
}
.zax-chat-upload-progress > b { color: #bcefe5; font-size: 9px; font-weight: 600; white-space: nowrap; }
.zax-chat-upload-retry {
    min-height: 26px;
    padding: 3px 10px;
    border: 1px solid rgba(255, 129, 139, .32);
    border-radius: 999px;
    color: #ffe6e8;
    background: rgba(255, 91, 104, .14);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.zax-chat-message.is-upload-failed .zax-chat-bubble { border-color: rgba(255, 105, 117, .3); }
.zax-chat-message.is-upload-failed .zax-chat-upload-progress { grid-template-columns: minmax(76px, 1fr) auto auto; border-color: rgba(255, 105, 117, .22); }
.zax-chat-message.is-upload-failed .zax-chat-upload-progress > span > i { background: linear-gradient(90deg, #ff6473, #ff9eaa); box-shadow: none; }
.zax-chat-receipt.is-uploading { color: #75ead3; }
.zax-chat-receipt.is-failed { color: #ff9ca5; }
.zax-chat-send.is-uploading .zax-chat-send-icon { animation: zax-chat-upload-send .8s ease-in-out infinite alternate; }

@keyframes zax-chat-upload-send {
    from { transform: translate3d(-1px, 1px, 0) scale(.94); opacity: .7; }
    to { transform: translate3d(1px, -1px, 0) scale(1.04); opacity: 1; }
}

@media (max-width: 760px) {
    .zax-chat-upload-progress { grid-template-columns: minmax(56px, 1fr) auto; margin-top: 5px; padding: 5px 7px; }
    .zax-chat-upload-progress > b { max-width: 132px; overflow: hidden; text-overflow: ellipsis; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-chat-send.is-uploading .zax-chat-send-icon { animation: none !important; }
}

/* 1.13.34: opaque cyber-silk More menus for both member and Community docks. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page .zax-more-backdrop {
        background: rgba(1, 7, 6, .9) !important;
        opacity: 1 !important;
    }

    body.zaxsecurity-portal-page .zax-more-card {
        isolation: isolate;
        left: max(10px, env(safe-area-inset-left)) !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
        overflow-x: hidden !important;
        border: 1px solid rgba(81, 230, 189, .3) !important;
        color: #eefcf8 !important;
        background:
            radial-gradient(circle at 92% 2%, rgba(39, 226, 187, .22), transparent 32%),
            radial-gradient(circle at 4% 96%, rgba(67, 110, 255, .18), transparent 36%),
            linear-gradient(145deg, #0b201a 0%, #06140f 54%, #081b16 100%) !important;
        box-shadow:
            0 34px 90px rgba(0, 0, 0, .72),
            inset 0 1px rgba(219, 255, 247, .12),
            0 0 0 1px rgba(19, 92, 72, .32),
            0 0 38px rgba(30, 211, 174, .12) !important;
        animation: zax-cyber-more-enter .3s cubic-bezier(.17, .82, .27, 1) both !important;
    }

    body.zaxsecurity-portal-page .zax-more-card::before {
        position: absolute;
        z-index: -1;
        inset: 0;
        content: '';
        pointer-events: none;
        background-image:
            linear-gradient(rgba(75, 235, 201, .055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(75, 235, 201, .055) 1px, transparent 1px);
        background-size: 26px 26px;
        opacity: .6;
        mask-image: linear-gradient(to bottom, #000, transparent 82%);
        animation: zax-cyber-grid-drift 10s linear infinite;
    }

    body.zaxsecurity-portal-page .zax-more-handle {
        background: linear-gradient(90deg, transparent, #50ebcc, transparent) !important;
        box-shadow: 0 0 14px rgba(80, 235, 204, .45);
    }

    body.zaxsecurity-portal-page .zax-more-head {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(126, 240, 215, .12);
    }

    body.zaxsecurity-portal-page .zax-more-head h2,
    body.zaxsecurity-portal-page .zax-more-grid strong {
        color: #f2fffb !important;
    }

    body.zaxsecurity-portal-page .zax-more-intro,
    body.zaxsecurity-portal-page .zax-more-grid small {
        color: #9fc9bf !important;
    }

    body.zaxsecurity-portal-page .zax-more-close {
        border-color: rgba(92, 235, 204, .22) !important;
        color: #9effe9 !important;
        background: #0d2a22 !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 0, 0, .2);
    }

    body.zaxsecurity-portal-page .zax-more-grid > button,
    body.zaxsecurity-portal-page .zax-more-grid > a {
        border-color: rgba(105, 231, 203, .17) !important;
        color: #eafff9 !important;
        background: linear-gradient(145deg, #102b24, #0a211b) !important;
        box-shadow: inset 0 1px rgba(222, 255, 248, .07), 0 10px 24px rgba(0, 0, 0, .2) !important;
    }

    body.zaxsecurity-portal-page .zax-more-grid > button > span,
    body.zaxsecurity-portal-page .zax-more-grid > a > span {
        border-color: rgba(82, 239, 207, .26) !important;
        color: #66f2d5 !important;
        background: linear-gradient(145deg, #154638, #0d2d25) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 0 18px rgba(44, 213, 177, .1) !important;
    }

    body.zaxsecurity-portal-page .zax-more-grid > button:active,
    body.zaxsecurity-portal-page .zax-more-grid > a:active {
        border-color: rgba(94, 245, 214, .46) !important;
        transform: translateY(1px) scale(.98);
    }
}

@keyframes zax-cyber-more-enter {
    from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.975); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes zax-cyber-grid-drift {
    from { background-position: 0 0, 0 0; }
    to { background-position: 0 26px, 26px 0; }
}

@media (prefers-reduced-motion: reduce) {
    body.zaxsecurity-portal-page .zax-more-card,
    body.zaxsecurity-portal-page .zax-more-card::before { animation: none !important; }
}

/* 1.13.37: solid, readable Community dock above image-heavy Cyber FYP posts. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        border-top: 1px solid rgba(104, 238, 207, .28) !important;
        background:
            radial-gradient(circle at 50% 0, rgba(45, 221, 183, .1), transparent 46%),
            linear-gradient(180deg, #0a211b 0%, #061610 100%) !important;
        box-shadow:
            0 -14px 34px rgba(0, 0, 0, .58),
            inset 0 1px rgba(222, 255, 248, .08) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        opacity: 1 !important;
    }
}

/* 1.13.39: generous footer-safe clearance for Community Network pagination. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-profile-followers-scroll {
        padding-bottom: calc(
            var(--zax-mobile-dock-clearance, 70px) +
            var(--zax-topbar, 62px) +
            96px
        ) !important;
        scroll-padding-bottom: calc(
            var(--zax-mobile-dock-clearance, 70px) +
            var(--zax-topbar, 62px) +
            96px
        ) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-profile-followers-pagination {
        margin-bottom: 12px;
        scroll-margin-bottom: calc(var(--zax-mobile-dock-clearance, 70px) + 96px);
    }
}

/* 1.13.45: clear live presence on every Community profile. */
.zax-member-profile-presence {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: max-content;
    margin-top: 8px;
    padding: 6px 10px;
    border: 1px solid rgba(151, 169, 165, .2);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(123, 145, 140, .14), rgba(48, 66, 62, .22));
    color: #aebdb9;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: .01em;
}

.zax-member-profile-presence > i {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: #7f918c;
    box-shadow: 0 0 0 3px rgba(127, 145, 140, .12);
}

.zax-member-profile-presence.is-online {
    border-color: rgba(75, 239, 187, .3);
    background: linear-gradient(135deg, rgba(34, 178, 133, .2), rgba(18, 91, 72, .24));
    color: #90f5d3;
}

.zax-member-profile-presence.is-online > i {
    background: #45efb4;
    box-shadow: 0 0 0 3px rgba(69, 239, 180, .15), 0 0 14px rgba(69, 239, 180, .42);
    animation: zax-profile-presence-pulse 1.8s ease-in-out infinite;
}

@keyframes zax-profile-presence-pulse {
    50% {
        transform: scale(.78);
        box-shadow: 0 0 0 6px rgba(69, 239, 180, 0), 0 0 18px rgba(69, 239, 180, .48);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-member-profile-presence.is-online > i {
        animation: none;
    }
}
/* 1.13.46: ZaxSecurity Hosting Center and compact two-column mobile RDP catalog. */
.zax-hosting-page,
.zax-admin-hosting-page {
    width: 100%;
    min-width: 0;
    max-width: none;
    gap: 18px;
}

.zax-hosting-hero,
.zax-hosting-admin-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
    gap: 22px;
    overflow: hidden;
    padding: clamp(22px, 3vw, 38px);
    border: 1px solid rgba(91, 234, 204, .22);
    border-radius: 26px;
    background:
        radial-gradient(circle at 12% 12%, rgba(63, 232, 194, .17), transparent 30%),
        radial-gradient(circle at 90% 8%, rgba(138, 117, 255, .18), transparent 36%),
        linear-gradient(145deg, #0c241d 0%, #071712 56%, #0b1d25 100%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .08);
}

.zax-hosting-hero::before,
.zax-hosting-admin-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: '';
    pointer-events: none;
    background-image: linear-gradient(rgba(94, 238, 205, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(94, 238, 205, .045) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: linear-gradient(120deg, #000, transparent 78%);
}

.zax-hosting-hero-copy { display: grid; min-width: 0; align-content: center; gap: 13px; }
.zax-hosting-hero-copy h1,
.zax-hosting-admin-hero h1 { max-width: 780px; margin: 0; color: #f5fffc; font-size: clamp(26px, 3.1vw, 46px); line-height: 1.03; letter-spacing: -.035em; }
.zax-hosting-hero-copy > p,
.zax-hosting-admin-hero p { max-width: 760px; margin: 0; color: #a8c9c0; font-size: 13px; line-height: 1.75; }
.zax-hosting-hero-services { display: flex; min-width: 0; gap: 9px; flex-wrap: wrap; }
.zax-hosting-hero-services > span {
    display: grid;
    min-width: 142px;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 0 9px;
    padding: 9px 11px;
    border: 1px solid rgba(111, 237, 208, .16);
    border-radius: 14px;
    background: rgba(7, 27, 21, .62);
}
.zax-hosting-hero-services .dashicons { grid-row: 1 / 3; width: 24px; height: 24px; color: #61f1d1; font-size: 24px; }
.zax-hosting-hero-services strong { color: #edfffa; font-size: 11px; }
.zax-hosting-hero-services small { color: #87afa4; font-size: 9px; }

.zax-hosting-wallet {
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(115, 238, 211, .2);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(16, 54, 44, .86), rgba(7, 26, 21, .86));
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 18px 42px rgba(0, 0, 0, .2);
}
.zax-hosting-wallet > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; color: #062019; background: var(--zax-gradient-brand); }
.zax-hosting-wallet > span .dashicons { width: 23px; height: 23px; font-size: 23px; }
.zax-hosting-wallet > small { color: #91bcb0; font-size: 10px; }
.zax-hosting-wallet > strong { overflow-wrap: anywhere; color: #effffb; font-size: clamp(20px, 2.2vw, 29px); line-height: 1.1; }
.zax-hosting-wallet > em { display: inline-flex; width: fit-content; align-items: center; gap: 7px; color: #9fc8bd; font-size: 9px; font-style: normal; }
.zax-hosting-wallet > em i { width: 7px; height: 7px; border-radius: 50%; background: #e9b75d; box-shadow: 0 0 10px rgba(233, 183, 93, .52); }
.zax-hosting-wallet > em.is-ready i { background: #51e6bd; box-shadow: 0 0 10px rgba(81, 230, 189, .62); }
.zax-hosting-wallet .zax-button { width: 100%; margin-top: 7px; }

.zax-hosting-tabs {
    position: sticky;
    z-index: 12;
    top: calc(var(--zax-topbar) + 8px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    padding: 7px;
    border: 1px solid var(--zax-line);
    border-radius: 18px;
    background: rgba(7, 20, 16, .94);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(18px);
}
.zax-hosting-tabs button { display: flex; min-width: 0; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 9px 10px; border: 1px solid transparent; border-radius: 12px; color: #93b6ad; background: transparent; font: inherit; font-size: 10px; font-weight: 700; cursor: pointer; }
.zax-hosting-tabs button .dashicons { width: 18px; height: 18px; font-size: 18px; }
.zax-hosting-tabs button.is-active { border-color: rgba(86, 232, 201, .25); color: #ecfff9; background: linear-gradient(135deg, rgba(38, 204, 166, .2), rgba(137, 118, 249, .12)); box-shadow: inset 0 1px rgba(255, 255, 255, .08); }

.zax-hosting-panel { display: grid; min-width: 0; gap: 17px; animation: zax-hosting-panel-in .24s ease both; }
.zax-hosting-panel[hidden] { display: none !important; }
@keyframes zax-hosting-panel-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.zax-hosting-section-head { display: flex; min-width: 0; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 20px; border: 1px solid var(--zax-line); border-radius: 20px; background: linear-gradient(145deg, rgba(19, 42, 35, .85), rgba(10, 27, 22, .86)); }
.zax-hosting-section-head > div { display: grid; min-width: 0; gap: 6px; }
.zax-hosting-section-head h2 { margin: 0; color: var(--zax-text); font-size: clamp(19px, 2vw, 27px); line-height: 1.14; }
.zax-hosting-section-head p { max-width: 760px; margin: 0; color: var(--zax-muted); font-size: 11px; line-height: 1.65; }
.zax-hosting-trust { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(81, 230, 189, .19); border-radius: 999px; color: #a8e7d7; background: rgba(81, 230, 189, .07); font-size: 9px; font-weight: 700; }

.zax-hosting-domain-search,
.zax-hosting-purchase,
.zax-mailbox-create {
    display: grid;
    min-width: 0;
    gap: 14px;
    padding: clamp(17px, 2.3vw, 25px);
    border: 1px solid rgba(116, 229, 204, .16);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(16, 38, 32, .9), rgba(8, 24, 19, .92));
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 17px 42px rgba(0, 0, 0, .16);
}
.zax-hosting-domain-search label,
.zax-hosting-purchase label,
.zax-mailbox-create label { display: grid; min-width: 0; gap: 7px; color: #bad6cf; font-size: 10px; font-weight: 700; }
.zax-hosting-domain-search label > div { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; overflow: hidden; border: 1px solid rgba(120, 229, 205, .2); border-radius: 15px; background: rgba(4, 18, 14, .74); }
.zax-hosting-domain-search label > div > span { display: grid; width: 38px; height: 100%; place-items: center; color: #55e8c7; }
.zax-hosting-domain-search input,
.zax-hosting-purchase input,
.zax-hosting-purchase select,
.zax-mailbox-create input,
.zax-mailbox-create select { width: 100%; min-width: 0; min-height: 45px; padding: 10px 12px; border: 1px solid rgba(127, 224, 203, .18); border-radius: 12px; outline: 0; color: #effffb; background: rgba(3, 17, 13, .78); font: inherit; font-size: 11px; }
.zax-hosting-domain-search label > div input { border: 0; border-radius: 0; background: transparent; }
.zax-hosting-domain-search label > div .zax-button { min-height: 39px; margin-right: 4px; }
.zax-hosting-domain-search small,
.zax-mailbox-create label > small { color: #789d93; font-size: 9px; font-weight: 500; }
.zax-hosting-domain-result { padding: 12px 14px; border: 1px solid rgba(77, 228, 193, .24); border-radius: 13px; color: #bff7e9; background: rgba(53, 218, 180, .08); font-size: 11px; line-height: 1.55; }
.zax-hosting-domain-result.is-error { border-color: rgba(255, 118, 109, .28); color: #ffc5c0; background: rgba(255, 118, 109, .08); }
.zax-hosting-domain-checkout { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 14px; padding-top: 13px; border-top: 1px solid var(--zax-line); }
.zax-hosting-domain-checkout > label { display: flex; min-width: 0; flex: 1; grid-template-columns: none; align-items: flex-start; gap: 9px; color: #a9c5be; font-weight: 500; line-height: 1.55; }
.zax-hosting-domain-checkout input,
.zax-hosting-agreement input { width: 16px; min-width: 16px; min-height: 16px; margin-top: 2px; accent-color: #3ddab7; }

.zax-hosting-domain-list,
.zax-hosting-service-grid { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.zax-hosting-domain-list > article,
.zax-hosting-service-grid > article { display: grid; min-width: 0; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 15px; border: 1px solid var(--zax-line); border-radius: 18px; background: linear-gradient(145deg, rgba(17, 38, 32, .88), rgba(9, 25, 21, .9)); box-shadow: inset 0 1px rgba(255, 255, 255, .055); }
.zax-hosting-domain-list > article > span,
.zax-hosting-service-grid > article > header > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #071d17; background: var(--zax-gradient-brand); }
.zax-hosting-domain-list h3,
.zax-hosting-service-grid h3 { margin: 0; overflow-wrap: anywhere; color: #effffb; font-size: 13px; line-height: 1.25; }
.zax-hosting-domain-list small,
.zax-hosting-domain-list p,
.zax-hosting-service-grid small,
.zax-hosting-service-grid p { margin: 0; color: #84a89f; font-size: 9px; line-height: 1.5; }
.zax-hosting-domain-list > article > em { color: #c3f1e5; font-size: 10px; font-style: normal; font-weight: 700; white-space: nowrap; }
.zax-hosting-domain-list > article > div:last-child { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 7px; padding-top: 9px; border-top: 1px solid var(--zax-line); }
.zax-hosting-domain-list button,
.zax-hosting-domain-list a,
.zax-hosting-service-grid footer button,
.zax-hosting-service-grid footer a { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border: 1px solid rgba(101, 229, 201, .2); border-radius: 10px; color: #b9eee1; background: rgba(43, 204, 168, .08); font: inherit; font-size: 9px; font-weight: 700; text-decoration: none; cursor: pointer; }

.zax-hosting-plan-grid { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.zax-hosting-plan { position: relative; display: grid; min-width: 0; align-content: start; gap: 8px; padding: 17px; overflow: hidden; border: 1px solid var(--zax-line); border-radius: 19px; background: linear-gradient(150deg, rgba(18, 43, 35, .92), rgba(7, 24, 19, .94)); box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 18px 36px rgba(0, 0, 0, .15); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.zax-hosting-plan:hover { transform: translateY(-2px); border-color: rgba(82, 233, 201, .34); }
.zax-hosting-plan.is-featured::before { position: absolute; top: 0; right: 0; padding: 5px 9px; content: 'Popular'; border-radius: 0 18px 0 11px; color: #071b16; background: var(--zax-gradient-brand); font-size: 8px; font-weight: 800; }
.zax-hosting-plan.is-selected { border-color: rgba(82, 239, 205, .6); box-shadow: inset 0 0 0 1px rgba(82, 239, 205, .18), 0 18px 42px rgba(27, 196, 159, .14); }
.zax-hosting-plan header { display: flex; min-width: 0; align-items: center; gap: 9px; padding-right: 28px; }
.zax-hosting-plan header > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 12px; color: #061b15; background: var(--zax-gradient-brand); }
.zax-hosting-plan header div { min-width: 0; }
.zax-hosting-plan header small { display: block; color: #81a79d; font-size: 8px; }
.zax-hosting-plan h3 { margin: 2px 0 0; overflow-wrap: anywhere; color: #f0fff9; font-size: 13px; line-height: 1.25; }
.zax-hosting-plan > strong { margin-top: 4px; color: #eafff8; font-size: 20px; line-height: 1; }
.zax-hosting-plan > em { color: #81a69c; font-size: 9px; font-style: normal; }
.zax-hosting-plan ul { display: grid; gap: 7px; margin: 8px 0; padding: 0; list-style: none; }
.zax-hosting-plan li { display: flex; min-width: 0; align-items: flex-start; gap: 6px; color: #a8c8c0; font-size: 9px; line-height: 1.45; }
.zax-hosting-plan li .dashicons { width: 14px; height: 14px; flex: 0 0 14px; color: #4ce1bf; font-size: 14px; }
.zax-hosting-plan .zax-button { width: 100%; margin-top: auto; }
.zax-hosting-loading,
.zax-hosting-empty { display: flex; min-width: 0; grid-column: 1 / -1; align-items: center; justify-content: center; gap: 10px; padding: 23px; border: 1px dashed rgba(122, 219, 198, .19); border-radius: 17px; color: #94bab0; background: rgba(9, 28, 22, .62); }
.zax-hosting-loading .dashicons { color: #51e6bd; animation: zax-spin 1.2s linear infinite; }
.zax-hosting-empty > span:last-child { display: grid; gap: 2px; }
.zax-hosting-empty strong { color: #dff9f2; font-size: 11px; }
.zax-hosting-empty small { color: #81a49b; font-size: 9px; }

.zax-hosting-purchase > div { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.zax-hosting-purchase label > strong { display: flex; min-height: 45px; align-items: center; padding: 10px 12px; border: 1px solid rgba(127, 224, 203, .18); border-radius: 12px; color: #ecfff9; background: rgba(3, 17, 13, .78); font-size: 11px; }
.zax-hosting-agreement { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 10px !important; padding: 12px; border: 1px solid rgba(96, 226, 197, .14); border-radius: 14px; background: rgba(56, 215, 180, .055); }
.zax-hosting-agreement > span { display: flex; min-width: 0; gap: 10px; }
.zax-hosting-agreement > span > .dashicons { color: #58e7c8; }
.zax-hosting-agreement > span > span { display: grid; gap: 3px; }
.zax-hosting-agreement strong { color: #dff8f2; font-size: 10px; }
.zax-hosting-agreement small { color: #86a99f; font-size: 9px; font-weight: 500; line-height: 1.5; }
.zax-hosting-purchase > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 13px; border-top: 1px solid var(--zax-line); }
.zax-hosting-purchase > footer > span { display: grid; gap: 3px; }
.zax-hosting-purchase > footer small { color: #7fa59b; font-size: 9px; }
.zax-hosting-purchase > footer strong { color: #effffb; font-size: 18px; }

.zax-hosting-email-actions { display: grid; min-width: 0; grid-template-columns: minmax(0, 1.3fr) minmax(270px, .7fr); gap: 13px; align-items: start; }
.zax-hosting-email-actions .zax-hosting-purchase > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zax-mailbox-create header { display: flex; align-items: center; gap: 10px; padding-bottom: 11px; border-bottom: 1px solid var(--zax-line); }
.zax-mailbox-create header > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: #061b15; background: var(--zax-gradient-brand); }
.zax-mailbox-create header h3 { margin: 2px 0 0; color: #edfff9; font-size: 14px; }
.zax-mailbox-create header small { color: #82a79d; font-size: 8px; }
.zax-hosting-secret { position: relative; min-width: 0; }
.zax-hosting-secret input { padding-right: 45px; }
.zax-hosting-secret button { position: absolute; top: 50%; right: 6px; display: grid; width: 34px; height: 34px; place-items: center; transform: translateY(-50%); border: 0; border-radius: 10px; color: #7fdac6; background: rgba(80, 226, 194, .08); cursor: pointer; }

.zax-hosting-service-grid > article { display: grid; grid-template-columns: 1fr; align-items: stretch; }
.zax-hosting-service-grid > article > header { display: grid; min-width: 0; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.zax-hosting-service-grid > article > header em { align-self: start; padding: 5px 8px; border: 1px solid rgba(81, 230, 189, .18); border-radius: 999px; color: #a8eadb; background: rgba(81, 230, 189, .07); font-size: 8px; font-style: normal; }
.zax-hosting-service-grid > article > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.zax-hosting-service-grid > article > div > span { display: grid; min-width: 0; gap: 3px; padding: 9px; border-radius: 11px; background: rgba(5, 20, 16, .6); }
.zax-hosting-service-grid > article > div strong { overflow-wrap: anywhere; color: #d8f3ec; font-size: 9px; }
.zax-hosting-service-grid footer { display: flex; justify-content: flex-end; gap: 7px; padding-top: 10px; border-top: 1px solid var(--zax-line); }

.zax-hosting-admin-hero { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.zax-hosting-admin-hero > div { display: grid; gap: 10px; }
.zax-hosting-admin-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.zax-hosting-admin-metrics article { display: flex; min-width: 0; align-items: center; gap: 11px; padding: 14px; border: 1px solid var(--zax-line); border-radius: 17px; background: linear-gradient(145deg, rgba(18, 42, 35, .9), rgba(8, 25, 20, .92)); }
.zax-hosting-admin-metrics article > span { display: grid; width: 39px; height: 39px; flex: 0 0 39px; place-items: center; border-radius: 12px; color: #061b15; background: var(--zax-gradient-brand); }
.zax-hosting-admin-metrics article div { display: grid; min-width: 0; gap: 2px; }
.zax-hosting-admin-metrics strong { color: #effffb; font-size: 17px; }
.zax-hosting-admin-metrics small { color: #84a99f; font-size: 9px; }
.zax-hosting-admin-rule { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.zax-hosting-admin-rule > span { display: flex; min-width: 0; gap: 10px; padding: 12px; border: 1px solid var(--zax-line); border-radius: 14px; background: rgba(8, 27, 21, .62); }
.zax-hosting-admin-rule > span > .dashicons { color: #58e8c7; }
.zax-hosting-admin-rule > span > span { display: grid; gap: 3px; }
.zax-hosting-admin-rule strong { color: #ddf7f0; font-size: 10px; }
.zax-hosting-admin-rule small { color: #87aaa1; font-size: 9px; line-height: 1.5; }

@media (max-width: 980px) {
    .zax-hosting-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-hosting-email-actions { grid-template-columns: 1fr; }
    .zax-hosting-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .zax-hosting-page,
    .zax-admin-hosting-page { gap: 12px; padding-inline: 0 !important; padding-bottom: calc(var(--zax-mobile-dock-clearance, 72px) + env(safe-area-inset-bottom) + 28px) !important; }
    .zax-hosting-hero,
    .zax-hosting-admin-hero { grid-template-columns: 1fr; gap: 15px; padding: 18px 14px; border-radius: 19px; }
    .zax-hosting-hero-copy h1,
    .zax-hosting-admin-hero h1 { font-size: 26px; }
    .zax-hosting-hero-copy > p,
    .zax-hosting-admin-hero p { font-size: 11px; line-height: 1.65; }
    .zax-hosting-hero-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .zax-hosting-hero-services > span { min-width: 0; grid-template-columns: 1fr; justify-items: center; gap: 3px; padding: 9px 5px; text-align: center; }
    .zax-hosting-hero-services .dashicons { grid-row: auto; }
    .zax-hosting-hero-services strong { font-size: 9px; }
    .zax-hosting-hero-services small { font-size: 7.5px; }
    .zax-hosting-wallet { grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 2px 10px; padding: 13px; }
    .zax-hosting-wallet > span { grid-row: 1 / 4; width: 40px; height: 40px; }
    .zax-hosting-wallet > strong { font-size: 19px; }
    .zax-hosting-wallet .zax-button { grid-column: 1 / -1; min-height: 38px; }
    .zax-hosting-tabs { top: calc(var(--zax-topbar) + 2px); gap: 3px; padding: 4px; border-radius: 13px; }
    .zax-hosting-tabs button { min-height: 47px; flex-direction: column; gap: 2px; padding: 5px 3px; border-radius: 9px; font-size: 8px; line-height: 1.15; }
    .zax-hosting-tabs button .dashicons { width: 19px; height: 19px; font-size: 19px; }
    .zax-hosting-section-head { align-items: flex-start; padding: 14px; border-radius: 16px; }
    .zax-hosting-section-head h2 { font-size: 18px; }
    .zax-hosting-section-head p { font-size: 10px; }
    .zax-hosting-trust { display: none; }
    .zax-hosting-domain-search,
    .zax-hosting-purchase,
    .zax-mailbox-create { gap: 11px; padding: 13px; border-radius: 17px; }
    .zax-hosting-domain-search label > div { grid-template-columns: 34px minmax(0, 1fr); gap: 0; overflow: visible; border: 0; background: transparent; }
    .zax-hosting-domain-search label > div > span { height: 44px; border: 1px solid rgba(120, 229, 205, .2); border-right: 0; border-radius: 12px 0 0 12px; background: rgba(4, 18, 14, .74); }
    .zax-hosting-domain-search label > div input { height: 44px; border: 1px solid rgba(120, 229, 205, .2); border-left: 0; border-radius: 0 12px 12px 0; background: rgba(4, 18, 14, .74); }
    .zax-hosting-domain-search label > div .zax-button { grid-column: 1 / -1; width: 100%; margin: 7px 0 0; }
    .zax-hosting-domain-checkout { align-items: stretch; flex-direction: column; }
    .zax-hosting-domain-checkout .zax-button { width: 100%; }
    .zax-hosting-domain-list,
    .zax-hosting-service-grid { grid-template-columns: 1fr; }
    .zax-hosting-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .zax-hosting-plan { gap: 6px; padding: 11px; border-radius: 15px; }
    .zax-hosting-plan.is-featured::before { padding: 4px 6px; border-radius: 0 14px 0 9px; font-size: 6.5px; }
    .zax-hosting-plan header { gap: 6px; padding-right: 17px; }
    .zax-hosting-plan header > span { width: 30px; height: 30px; flex-basis: 30px; border-radius: 9px; }
    .zax-hosting-plan header > span.dashicons { font-size: 17px; }
    .zax-hosting-plan header small { font-size: 6.5px; }
    .zax-hosting-plan h3 { font-size: 10px; }
    .zax-hosting-plan > strong { font-size: 15px; }
    .zax-hosting-plan > em { font-size: 7px; }
    .zax-hosting-plan ul { gap: 4px; margin: 4px 0; }
    .zax-hosting-plan li { gap: 3px; font-size: 7.5px; line-height: 1.35; }
    .zax-hosting-plan li .dashicons { width: 11px; height: 11px; flex-basis: 11px; font-size: 11px; }
    .zax-hosting-plan .zax-button { min-height: 34px; padding: 7px 5px; font-size: 7.5px; white-space: normal; line-height: 1.2; }
    .zax-hosting-purchase > div,
    .zax-hosting-email-actions .zax-hosting-purchase > div { grid-template-columns: 1fr; }
    .zax-hosting-purchase > footer { align-items: stretch; flex-direction: column; }
    .zax-hosting-purchase > footer .zax-button { width: 100%; }
    .zax-hosting-service-grid > article > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zax-hosting-admin-hero .zax-button { width: 100%; }
    .zax-hosting-admin-metrics { gap: 7px; }
    .zax-hosting-admin-metrics article { gap: 7px; padding: 10px; border-radius: 14px; }
    .zax-hosting-admin-metrics article > span { width: 32px; height: 32px; flex-basis: 32px; }
    .zax-hosting-admin-metrics strong { font-size: 14px; }
    .zax-hosting-admin-metrics small { font-size: 7px; }
    .zax-hosting-admin-rule { grid-template-columns: 1fr; }

    /* RDP matches the VPS mobile catalog: two compact plan cards per row. */
    .zax-rdp-plan-carousel-toolbar { display: none !important; }
    .zax-rdp-plan-grid {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
    }
    .zax-rdp-plan-card {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        gap: 7px !important;
        padding: 11px !important;
        border-radius: 15px !important;
        scroll-snap-align: none !important;
    }
    .zax-rdp-plan-card header { min-height: 30px; gap: 6px !important; }
    .zax-rdp-plan-card header > em { display: none !important; }
    .zax-rdp-plan-card .zax-rdp-plan-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; border-radius: 9px !important; }
    .zax-rdp-plan-card .zax-rdp-plan-icon .dashicons { width: 17px !important; height: 17px !important; font-size: 17px !important; }
    .zax-rdp-plan-card h3 { margin: 0 !important; font-size: 11px !important; line-height: 1.2 !important; }
    .zax-rdp-plan-card > p { display: -webkit-box !important; min-height: 0 !important; margin: 0 !important; overflow: hidden !important; color: #8eb0a7 !important; font-size: 8.5px !important; line-height: 1.4 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .zax-rdp-plan-card .zax-rdp-plan-specs { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; margin: 2px 0 !important; }
    .zax-rdp-plan-card .zax-rdp-plan-specs li { min-height: 0 !important; grid-column: auto !important; gap: 3px !important; padding: 5px !important; border-radius: 8px !important; font-size: 8px !important; line-height: 1.25 !important; }
    .zax-rdp-plan-card .zax-rdp-plan-specs li .dashicons { width: 10px !important; height: 10px !important; flex-basis: 10px !important; font-size: 10px !important; }
    .zax-rdp-plan-card .zax-rdp-plan-price { display: grid !important; grid-template-columns: 1fr !important; align-items: stretch !important; gap: 7px !important; }
    .zax-rdp-plan-card .zax-rdp-plan-price > span { min-width: 0 !important; }
    .zax-rdp-plan-card .zax-rdp-plan-price small { font-size: 7.5px !important; white-space: normal !important; }
    .zax-rdp-plan-card .zax-rdp-plan-price strong { overflow-wrap: anywhere !important; font-size: 13px !important; line-height: 1.2 !important; }
    .zax-rdp-plan-card .zax-rdp-plan-price em { display: none !important; }
    .zax-rdp-plan-card .zax-rdp-plan-price .zax-button { width: 100% !important; min-width: 0 !important; min-height: 32px !important; padding: 7px 5px !important; font-size: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .zax-hosting-panel,
    .zax-hosting-loading .dashicons { animation: none !important; }
}

/* Mobile records become fitted silk cards; no sideways table scrolling is required. */
@media (max-width: 760px) {
    .zax-app .zax-table-panel,
    .zax-app .zax-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .zax-app .zax-table-wrap {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .zax-app table.zax-responsive-table,
    .zax-app table.zax-responsive-table tbody,
    .zax-app table.zax-responsive-table tr,
    .zax-app table.zax-responsive-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .zax-app table.zax-responsive-table {
        table-layout: fixed !important;
    }

    .zax-app table.zax-responsive-table thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    .zax-app table.zax-responsive-table tbody {
        display: grid !important;
        gap: 11px !important;
    }

    .zax-app table.zax-responsive-table tbody > tr {
        position: relative;
        padding: 5px 13px !important;
        overflow: hidden !important;
        border: 1px solid rgba(54, 235, 212, .18) !important;
        border-radius: 17px !important;
        background: linear-gradient(145deg, rgba(14, 36, 43, .96), rgba(7, 22, 28, .98)) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    }

    .zax-app table.zax-responsive-table tbody > tr[hidden] {
        display: none !important;
    }

    .zax-app table.zax-responsive-table td {
        display: grid !important;
        grid-template-columns: minmax(84px, .42fr) minmax(0, .58fr) !important;
        align-items: start !important;
        gap: 10px !important;
        padding: 10px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
        color: #e9fbf8 !important;
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .zax-app table.zax-responsive-table td:last-child {
        border-bottom: 0 !important;
    }

    .zax-app table.zax-responsive-table td::before {
        content: attr(data-label);
        color: #7fe9d8;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .045em;
        text-align: left;
        text-transform: uppercase;
    }

    .zax-app table.zax-responsive-table td[colspan] {
        display: block !important;
        padding: 18px 8px !important;
        text-align: center !important;
    }

    .zax-app table.zax-responsive-table td[colspan]::before {
        display: none !important;
    }

    .zax-app table.zax-responsive-table td > *,
    .zax-app table.zax-responsive-table .zax-table-primary,
    .zax-app table.zax-responsive-table .zax-table-actions {
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: end;
    }

    .zax-app table.zax-responsive-table .zax-table-actions {
        justify-content: flex-end !important;
        flex-wrap: wrap !important;
    }

    .zax-app .zax-table-pagination {
        width: 100% !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 11px 0 2px !important;
    }

    .zax-app .zax-table-pagination span {
        min-width: 0 !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .zax-app .zax-table-pagination button {
        min-width: 76px !important;
        min-height: 36px !important;
        border-radius: 11px !important;
    }
}

/* 1.13.62: wallet checkout always owns the mobile foreground. */
body.zaxsecurity-portal-page.zax-modal-open .zax-mobile-dock,
body.zaxsecurity-portal-page.zax-modal-open .zax-community-mobile-dock {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.zaxsecurity-portal-page .zax-modal:not([hidden]) {
    z-index: 2147483500 !important;
    isolation: isolate;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page #checkout-modal {
        align-items: center !important;
        justify-items: center !important;
        padding:
            max(12px, env(safe-area-inset-top))
            max(12px, env(safe-area-inset-right))
            max(12px, env(safe-area-inset-bottom))
            max(12px, env(safe-area-inset-left)) !important;
    }

    body.zaxsecurity-portal-page #checkout-modal .zax-checkout-dialog {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.zaxsecurity-portal-page #checkout-modal .zax-modal-footer {
        position: sticky;
        z-index: 5;
        bottom: 0;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        background: linear-gradient(180deg, rgba(6, 20, 23, .86), rgba(6, 20, 23, .99) 32%);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    /* Keep the home Advantage cards compact, readable and two per row. */
    .zax-home-page .zax-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-bottom: 48px !important;
    }

    .zax-home-page .zax-value-grid article {
        min-height: 218px !important;
        padding: 14px 12px 44px !important;
        border-radius: 15px !important;
    }

    .zax-home-page .zax-value-grid article > span {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }

    .zax-home-page .zax-value-grid article > span .dashicons {
        width: 18px !important;
        height: 18px !important;
        font-size: 18px !important;
    }

    .zax-home-page .zax-value-grid article > small {
        top: 14px !important;
        right: 12px !important;
        font-size: 16px !important;
    }

    .zax-home-page .zax-value-grid h3 {
        margin: 13px 0 6px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .zax-home-page .zax-value-grid p {
        font-size: 9px !important;
        line-height: 1.55 !important;
    }

    .zax-home-page .zax-value-grid button {
        bottom: 14px !important;
        left: 12px !important;
        max-width: calc(100% - 24px);
        font-size: 8.5px !important;
        text-align: left;
    }
}

/* Unified silk-gradient records across every ZaxSecurity table. */
.zax-app .zax-table-panel {
    overflow: hidden;
    border-color: rgba(69, 231, 208, .18) !important;
    background:
        radial-gradient(circle at 92% 0, rgba(74, 97, 255, .11), transparent 34%),
        linear-gradient(145deg, rgba(11, 34, 39, .98), rgba(6, 21, 27, .99)) !important;
    box-shadow: 0 20px 52px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .045) !important;
}

.zax-app .zax-table-wrap {
    border-color: rgba(72, 232, 211, .14) !important;
    background: linear-gradient(155deg, rgba(10, 31, 37, .92), rgba(6, 19, 25, .96)) !important;
}

.zax-app table.zax-table thead,
.zax-app table.zax-responsive-table thead {
    background: linear-gradient(90deg, rgba(41, 207, 184, .16), rgba(91, 85, 255, .13), rgba(41, 207, 184, .08)) !important;
}

.zax-app table.zax-table th,
.zax-app table.zax-responsive-table th {
    border-bottom-color: rgba(75, 231, 210, .2) !important;
    color: #9ff4e7 !important;
    font-weight: 700 !important;
    letter-spacing: .045em;
}

.zax-app table.zax-table tbody tr,
.zax-app table.zax-responsive-table tbody tr {
    background: linear-gradient(100deg, rgba(15, 40, 44, .7), rgba(8, 26, 33, .78)) !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.zax-app table.zax-table tbody tr:nth-child(even),
.zax-app table.zax-responsive-table tbody tr:nth-child(even) {
    background: linear-gradient(100deg, rgba(14, 48, 48, .66), rgba(15, 27, 45, .78)) !important;
}

.zax-app table.zax-table td,
.zax-app table.zax-responsive-table td {
    border-bottom-color: rgba(255, 255, 255, .065) !important;
}

.zax-app .zax-table-pagination {
    border-top: 1px solid rgba(78, 229, 209, .13);
    background: linear-gradient(90deg, rgba(37, 204, 181, .06), rgba(93, 79, 255, .07)) !important;
}

.zax-app .zax-table-pagination button {
    border-color: rgba(76, 230, 210, .2) !important;
    color: #dffcf7 !important;
    background: linear-gradient(145deg, rgba(36, 192, 170, .16), rgba(72, 65, 206, .16)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 20px rgba(0, 0, 0, .13);
}

@media (min-width: 761px) {
    .zax-app table.zax-table tbody tr:hover,
    .zax-app table.zax-responsive-table tbody tr:hover {
        background: linear-gradient(100deg, rgba(35, 101, 91, .42), rgba(50, 49, 110, .38)) !important;
    }
}

@media (max-width: 760px) {
    .zax-app table.zax-responsive-table tbody > tr {
        background:
            radial-gradient(circle at 100% 0, rgba(97, 82, 255, .13), transparent 40%),
            linear-gradient(145deg, rgba(14, 43, 46, .98), rgba(7, 23, 31, .99)) !important;
    }
}

/* A distinctive silk action dock for the full Cyber FYP reader. */
.zax-fyp-detail-sheet.is-profile-post-page > section > footer {
    background:
        linear-gradient(90deg, rgba(5, 18, 19, .97), rgba(7, 24, 27, .96), rgba(8, 17, 26, .97)) !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .045) !important;
}

.zax-fyp-reader-assurance {
    display: inline-flex !important;
    min-width: 0;
    align-items: center;
    gap: 9px !important;
}

.zax-fyp-reader-assurance > .dashicons {
    display: grid;
    width: 35px !important;
    height: 35px !important;
    place-items: center;
    border: 1px solid rgba(79, 237, 208, .2);
    border-radius: 12px;
    color: #82f4df;
    background: linear-gradient(145deg, rgba(44, 217, 188, .15), rgba(90, 77, 231, .12));
}

.zax-fyp-reader-assurance > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.35;
}

.zax-fyp-reader-assurance strong { color: #e9fff9; font-size: 9px; }
.zax-fyp-reader-assurance small { color: rgba(198, 225, 217, .62); font-size: 7.5px; }

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
    display: inline-flex !important;
    align-items: center;
    gap: 6px !important;
    padding: 6px !important;
    border: 1px solid rgba(91, 231, 209, .15);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% -100%, rgba(74, 235, 203, .2), transparent 60%),
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
    box-shadow: 0 14px 32px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .065);
}

.zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
    min-width: 86px !important;
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: rgba(230, 250, 244, .78) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):hover {
    color: #f2fffb !important;
    background: linear-gradient(145deg, rgba(43, 211, 183, .16), rgba(91, 77, 224, .13)) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like).is-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(29, 205, 166, .32), rgba(109, 83, 242, .28)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 7px 18px rgba(31, 198, 164, .12) !important;
}

.zax-fyp-reader-icon {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.zax-fyp-detail-save.is-active .zax-fyp-reader-icon,
.zax-fyp-detail-like.is-active .zax-fyp-reader-icon {
    fill: currentColor;
}

@media (max-width: 760px) {
    .zax-fyp-detail-sheet.is-profile-post-page > section > footer {
        padding: 7px max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        padding: 5px !important;
        border-radius: 17px;
    }

    .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        gap: 5px !important;
        padding: 6px !important;
        border-radius: 12px !important;
        font-size: 8.5px !important;
    }

    .zax-fyp-reader-icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px;
    }
}

/* Keep uploaded identity photos perfectly contained inside gradient avatar rings. */
.zax-community-page :is(
    .zax-community-avatar,
    .zax-fyp-avatar,
    .zax-community-comment-avatar,
    .zax-comment-composer-avatar,
    [data-profile-avatar],
    [data-profile-followers-avatar],
    [data-fyp-detail-avatar]
) {
    isolation: isolate;
    flex-shrink: 0;
}

.zax-community-page :is(
    .zax-community-avatar,
    .zax-fyp-avatar,
    .zax-community-comment-avatar,
    .zax-comment-composer-avatar,
    [data-profile-avatar],
    [data-profile-followers-avatar],
    [data-fyp-detail-avatar]
) img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
    clip-path: circle(50% at 50% 50%);
    transform: none !important;
}

.zax-profile-avatar-large > img,
.zax-profile-photo-preview > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    border-radius: inherit !important;
    object-fit: cover !important;
    object-position: center !important;
    clip-path: inset(0 round 24%);
    transform: none !important;
}

/* 1.13.63: wallet-backed profile verification and trusted Community identity. */
.zax-verification-badge {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    min-width: 24px; min-height: 24px; padding: 4px 9px;
    border: 1px solid rgba(137,245,215,.42); border-radius: 999px;
    color: #effffb; background: linear-gradient(135deg,rgba(80,230,189,.3),rgba(74,121,255,.22) 55%,rgba(166,151,255,.28)),rgba(7,27,33,.86);
    box-shadow: 0 8px 24px rgba(25,184,155,.18), inset 0 1px 0 rgba(255,255,255,.2);
    font-size: 10px; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: .02em; vertical-align: middle; white-space: nowrap;
}
.zax-verification-badge .dashicons { width: 14px; height: 14px; font-size: 14px; line-height: 14px; color: #78f2cf; filter: drop-shadow(0 0 6px rgba(81,230,189,.58)); }
.zax-profile-identity > h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.zax-profile-identity > h1 .zax-verification-badge { transform: translateY(1px); }
.zax-avatar-verified,.zax-learner-card .zax-avatar > i {
    position: absolute; right: -4px; bottom: -4px; z-index: 3; display: grid; width: 23px; height: 23px; place-items: center; overflow: hidden;
    border: 2px solid #092229; border-radius: 50%; color: #06241f; background: linear-gradient(135deg,#8bffe0,#50e6bd 52%,#a697ff); box-shadow: 0 5px 16px rgba(81,230,189,.34);
}
.zax-avatar-verified .dashicons,.zax-learner-card .zax-avatar > i .dashicons { width: 13px; height: 13px; font-size: 13px; line-height: 13px; }
.zax-profile-avatar-large,.zax-learner-card .zax-avatar { position: relative; }
.zax-verification-center {
    position: relative; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; min-height: 164px; margin: 18px 0; padding: 22px; overflow: hidden;
    border-color: rgba(88,235,196,.28) !important; background: radial-gradient(circle at 12% 20%,rgba(81,230,189,.16),transparent 34%),radial-gradient(circle at 82% 0,rgba(166,151,255,.14),transparent 33%),linear-gradient(135deg,rgba(10,37,43,.97),rgba(8,27,34,.96)) !important;
}
.zax-verification-center::after { position: absolute; right: -45px; bottom: -65px; width: 190px; height: 190px; border: 1px solid rgba(108,241,207,.12); border-radius: 50%; box-shadow: 0 0 0 32px rgba(108,241,207,.025),0 0 0 64px rgba(166,151,255,.02); content: ""; pointer-events: none; }
.zax-verification-art { position: relative; display: grid; width: 78px; height: 78px; place-items: center; border: 1px solid rgba(128,244,214,.35); border-radius: 26px; background: linear-gradient(145deg,rgba(81,230,189,.2),rgba(82,105,220,.16)); box-shadow: 0 18px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14); }
.zax-verification-art > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 18px; color: #06231e; background: linear-gradient(135deg,#98ffe4,#50e6bd 55%,#a697ff); box-shadow: 0 0 34px rgba(81,230,189,.34); }
.zax-verification-art .dashicons { width: 25px; height: 25px; font-size: 25px; line-height: 25px; }
.zax-verification-art i { position: absolute; inset: -7px; border: 1px solid rgba(81,230,189,.2); border-radius: 30px; animation: zax-verification-orbit 3.4s ease-in-out infinite; }
@keyframes zax-verification-orbit { 50% { transform: scale(1.055); opacity: .45; } }
.zax-verification-copy { min-width: 0; }
.zax-verification-copy h2 { margin: 5px 0 7px; color: #f4fffc; font-size: clamp(18px,2vw,25px); line-height: 1.2; }
.zax-verification-copy > p { max-width: 760px; margin: 0; color: rgba(223,242,239,.72); font-size: 13px; line-height: 1.6; }
.zax-verification-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.zax-verification-points > span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: rgba(234,249,246,.78); background: rgba(255,255,255,.035); font-size: 11px; }
.zax-verification-points .dashicons { width: 14px; height: 14px; font-size: 14px; line-height: 14px; color: var(--zax-cyan); }
.zax-verification-action { position: relative; z-index: 2; display: grid; min-width: 175px; justify-items: end; gap: 10px; }
.zax-verification-action > strong { color: #8ef8dc; font-size: 12px; }
.zax-verification-action > small { max-width: 210px; color: rgba(224,241,238,.62); font-size: 10px; line-height: 1.45; text-align: right; }
.zax-admin-verification-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(280px,.75fr); gap: 14px; margin-bottom: 14px; }
.zax-admin-verification-search,.zax-admin-verification-policy { border-color: rgba(81,230,189,.22) !important; background: radial-gradient(circle at 100% 0,rgba(166,151,255,.12),transparent 38%),linear-gradient(145deg,rgba(10,37,43,.96),rgba(8,26,33,.96)) !important; }
.zax-verification-admin-seal { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 15px; color: #06221d; background: linear-gradient(135deg,#8fffe0,#52e6bd,#a697ff); box-shadow: 0 12px 28px rgba(81,230,189,.22); }
.zax-admin-verification-lookup { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; margin-top: 16px; }
.zax-admin-verification-lookup > label { display: flex; min-width: 0; align-items: center; gap: 8px; min-height: 43px; padding: 0 12px; border: 1px solid rgba(124,240,211,.18); border-radius: 13px; background: rgba(3,16,21,.56); }
.zax-admin-verification-lookup input { width: 100%; min-width: 0; border: 0 !important; outline: 0; color: #f1fffb; background: transparent !important; box-shadow: none !important; }
.zax-admin-verification-result { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; margin-top: 12px; padding: 13px; border: 1px solid rgba(81,230,189,.18); border-radius: 16px; background: rgba(255,255,255,.035); }
.zax-admin-verification-result[hidden] { display: none !important; }
.zax-admin-verification-avatar { display: grid; width: 46px; height: 46px; place-items: center; border: 2px solid rgba(138,250,219,.42); border-radius: 50%; color: #07251f; background: linear-gradient(135deg,#8fffe0,#51e6bd,#a697ff); font-weight: 800; }
.zax-admin-verification-result > div { display: grid; min-width: 0; gap: 3px; }
.zax-admin-verification-result strong,.zax-admin-verification-result small,.zax-admin-verification-result p { overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; }
.zax-admin-verification-result p { display: flex; flex-wrap: wrap; gap: 8px; color: rgba(226,243,239,.68); font-size: 11px; }
.zax-admin-verification-result footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.zax-admin-verification-policy { display: grid; align-content: start; gap: 12px; }
.zax-admin-verification-policy > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 16px; color: var(--zax-cyan); background: rgba(81,230,189,.1); }
.zax-admin-verification-policy > div { display: grid; gap: 4px; }
.zax-admin-verification-policy strong { color: #f2fffb; font-size: 18px; }
.zax-admin-verification-policy p { margin: 0; color: rgba(224,242,238,.68); font-size: 12px; line-height: 1.55; }
.zax-admin-verification-policy ul { display: grid; gap: 7px; margin: 0; padding: 0 0 0 17px; color: rgba(230,246,242,.74); font-size: 11px; line-height: 1.45; }
.zax-member-profile-verified { width: max-content; margin-top: 8px; }
.zax-fyp-creator-line .zax-verification-badge { min-height: 21px; padding: 3px 7px; backdrop-filter: blur(12px); }

@media (max-width: 900px) {
    .zax-verification-center { grid-template-columns: auto minmax(0,1fr); gap: 13px; margin: 12px 0; padding: 15px; border-radius: 18px; }
    .zax-verification-art { width: 58px; height: 58px; border-radius: 19px; }
    .zax-verification-art > span { width: 38px; height: 38px; border-radius: 13px; }
    .zax-verification-art .dashicons { width: 20px; height: 20px; font-size: 20px; line-height: 20px; }
    .zax-verification-copy h2 { font-size: 16px; }
    .zax-verification-copy > p { font-size: 11px; line-height: 1.5; }
    .zax-verification-points { grid-column: 1/-1; gap: 6px; }
    .zax-verification-points > span { padding: 6px 8px; font-size: 9px; }
    .zax-verification-action { grid-column: 1/-1; width: 100%; min-width: 0; justify-items: stretch; }
    .zax-verification-action > strong,.zax-verification-action > small { text-align: left; }
    .zax-verification-action > .zax-button { width: 100%; justify-content: center; }
    .zax-admin-verification-grid,.zax-admin-verification-lookup { grid-template-columns: 1fr; }
    .zax-admin-verification-result { grid-template-columns: auto minmax(0,1fr); }
    .zax-admin-verification-result footer { grid-column: 1/-1; justify-content: stretch; }
    .zax-admin-verification-result footer .zax-button { flex: 1 1 140px; justify-content: center; }
    .zax-profile-identity > h1 { gap: 6px; }
    .zax-verification-badge { min-height: 21px; padding: 3px 7px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { .zax-verification-art i { animation: none; } }

/* 1.13.65: definitive Cyber FYP stage — stable, full-width and app-like on every screen. */
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active {
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-main,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-page.is-active,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-shell,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-main,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-fyp-view,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-fyp-shell,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-fyp-feed {
    min-width: 0 !important;
    min-height: 0 !important;
}

body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-page.is-active,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-shell,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-main,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-fyp-view,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-fyp-shell,
body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-fyp-feed {
    height: 100% !important;
    max-height: 100% !important;
}

.zax-community-page.is-fyp-active .zax-community-main {
    position: relative;
    display: block !important;
    overflow: hidden !important;
    background: #030907;
}

.zax-community-page.is-fyp-active .zax-fyp-shell {
    isolation: isolate;
    border-radius: 0;
    background:
        radial-gradient(circle at 15% 12%, rgba(67, 225, 188, .12), transparent 30%),
        radial-gradient(circle at 88% 28%, rgba(132, 111, 255, .1), transparent 32%),
        linear-gradient(150deg, #071712, #030807 66%, #07131a);
}

.zax-community-page.is-fyp-active .zax-fyp-nav {
    z-index: 42;
    min-width: 0;
    grid-template-columns: minmax(44px, 1fr) minmax(190px, auto) minmax(44px, 1fr);
    gap: 9px;
    border-bottom: 1px solid rgba(118, 240, 213, .1);
    background:
        linear-gradient(180deg, rgba(3, 13, 10, .96), rgba(3, 13, 10, .76) 72%, rgba(3, 13, 10, 0));
    filter: none;
    -webkit-backdrop-filter: blur(12px) saturate(125%);
    backdrop-filter: blur(12px) saturate(125%);
}

.zax-community-page.is-fyp-active .zax-fyp-tabs {
    min-width: 0;
    justify-content: center;
}

.zax-community-page.is-fyp-active .zax-fyp-tabs button {
    min-width: 0;
    white-space: nowrap;
}

.zax-community-page.is-fyp-active .zax-fyp-feed {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-behavior: auto !important;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}

.zax-community-page.is-fyp-active .zax-fyp-feed::-webkit-scrollbar {
    display: none;
}

.zax-community-page.is-fyp-active .zax-fyp-post,
.zax-community-page.is-fyp-active .zax-fyp-empty {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    contain: layout paint;
}

.zax-community-page.is-fyp-active .zax-fyp-post::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, rgba(1, 7, 5, .16), transparent 32%, transparent 68%, rgba(1, 7, 5, .17));
}

.zax-community-page.is-fyp-active .zax-fyp-media,
.zax-community-page.is-fyp-active .zax-fyp-media :is(img, video, .zax-fyp-gallery-track, .zax-fyp-gallery-slide) {
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 100%;
}

.zax-community-page.is-fyp-active .zax-fyp-media :is(img, video) {
    display: block;
    object-fit: cover;
    object-position: center;
}

.zax-community-page.is-fyp-active .zax-fyp-caption {
    z-index: 28;
    width: auto;
    min-width: 0;
    max-width: min(760px, calc(100% - 112px));
}

.zax-community-page.is-fyp-active .zax-fyp-creator-line {
    min-width: 0;
    flex-wrap: wrap;
}

.zax-community-page.is-fyp-active .zax-fyp-creator-line > button {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 0;
    color: #fff;
    background: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.zax-community-page.is-fyp-active .zax-fyp-text-panel {
    width: 100%;
    max-width: 680px;
    border-color: rgba(136, 245, 218, .15);
    background:
        radial-gradient(circle at 0 0, rgba(81, 230, 189, .11), transparent 38%),
        linear-gradient(145deg, rgba(7, 24, 20, .86), rgba(5, 17, 20, .8));
    box-shadow: 0 16px 42px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .08);
}

.zax-community-page.is-fyp-active .zax-fyp-post-title,
.zax-community-page.is-fyp-active .zax-fyp-copy,
.zax-community-page.is-fyp-active .zax-fyp-copy * {
    overflow-wrap: anywhere;
    word-break: normal;
}

.zax-community-page.is-fyp-active .zax-fyp-actions {
    z-index: 32;
}

.zax-community-page.is-fyp-active .zax-fyp-action > span,
.zax-community-page.is-fyp-active .zax-fyp-more > summary {
    border-color: rgba(154, 247, 222, .2);
    background: linear-gradient(145deg, rgba(14, 43, 35, .88), rgba(6, 21, 25, .83));
    box-shadow: 0 10px 26px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .09);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.zax-community-page.is-fyp-active .zax-fyp-action:active > span,
.zax-community-page.is-fyp-active .zax-fyp-more > summary:active {
    transform: scale(.92);
}

.zax-community-page.is-fyp-active .zax-fyp-video-toggle {
    z-index: 20;
}

@media (min-width: 901px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-main {
        width: 100% !important;
        height: calc(100dvh - var(--zax-topbar)) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-page.is-active {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .zax-community-page.is-fyp-active .zax-community-shell {
        display: grid !important;
        grid-template-columns: minmax(248px, 292px) minmax(0, 1fr) !important;
    }

    .zax-community-page.is-fyp-active .zax-community-rail {
        min-width: 0;
        overflow: hidden;
    }

    .zax-community-page.is-fyp-active .zax-fyp-post,
    .zax-community-page.is-fyp-active .zax-fyp-empty {
        border-left: 1px solid rgba(105, 235, 204, .08);
    }

    .zax-community-page.is-fyp-active .zax-fyp-caption {
        right: 98px;
        bottom: 28px !important;
        left: clamp(22px, 3vw, 48px);
    }

    .zax-community-page.is-fyp-active .zax-fyp-actions {
        right: 20px;
        bottom: 26px !important;
    }
}

@media (max-width: 900px) {
    :root {
        --zax-fyp-bottom-safe: calc(var(--zax-fyp-dock-height, var(--zax-mobile-dock-clearance, 78px)) + 26px);
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-main {
        width: 100% !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-page.is-active {
        width: 100% !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .zax-community-page.is-fyp-active .zax-community-shell {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    .zax-community-page.is-fyp-active .zax-community-rail,
    .zax-community-page.is-fyp-active .zax-community-top {
        display: none !important;
    }

    .zax-community-page.is-fyp-active .zax-community-main {
        width: 100% !important;
        height: 100% !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-nav {
        min-height: 56px;
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        gap: 5px;
        padding: 6px max(8px, env(safe-area-inset-right)) 7px max(8px, env(safe-area-inset-left));
    }

    .zax-community-page.is-fyp-active .zax-fyp-group,
    .zax-community-page.is-fyp-active .zax-fyp-create {
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        justify-content: center;
        padding: 0 !important;
        border: 1px solid rgba(107, 241, 207, .3);
        border-radius: 13px;
        background: linear-gradient(145deg, rgba(27, 91, 72, .86), rgba(11, 43, 38, .9));
        box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 8px 22px rgba(0, 0, 0, .26);
    }

    .zax-community-page.is-fyp-active .zax-fyp-group b,
    .zax-community-page.is-fyp-active .zax-fyp-create-label {
        display: none !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-group > .dashicons {
        width: 23px;
        height: 23px;
        font-size: 23px;
        color: #82f4d7;
    }

    .zax-community-page.is-fyp-active .zax-fyp-create-glyph {
        width: 27px !important;
        height: 27px !important;
        flex-basis: 27px !important;
        background: transparent;
    }

    .zax-community-page.is-fyp-active .zax-fyp-tabs {
        width: 100%;
        gap: clamp(6px, 3vw, 15px) !important;
        overflow: hidden;
    }

    .zax-community-page.is-fyp-active .zax-fyp-tabs button {
        flex: 0 1 auto;
        padding: 9px 1px 8px !important;
        font-size: clamp(10px, 3vw, 12px) !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-post-meta {
        top: 62px;
        right: 12px;
        left: 12px;
    }

    .zax-community-page.is-fyp-active .zax-fyp-caption {
        right: 68px !important;
        bottom: var(--zax-fyp-bottom-safe) !important;
        left: max(11px, env(safe-area-inset-left)) !important;
        max-width: none;
        max-height: calc(100% - var(--zax-fyp-bottom-safe) - 78px) !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-text-panel {
        padding: 10px 11px;
        border-radius: 15px;
    }

    .zax-community-page.is-fyp-active .zax-fyp-post-title {
        font-size: 14px;
    }

    .zax-community-page.is-fyp-active .zax-fyp-copy {
        font-size: 12px;
        line-height: 1.52;
    }

    .zax-community-page.is-fyp-active .zax-fyp-actions {
        right: max(4px, env(safe-area-inset-right)) !important;
        bottom: var(--zax-fyp-bottom-safe) !important;
        width: 58px;
        gap: 9px;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-caption {
        bottom: var(--zax-fyp-bottom-safe) !important;
        max-height: calc(100% - var(--zax-fyp-bottom-safe) - 78px) !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-actions {
        bottom: var(--zax-fyp-bottom-safe) !important;
        max-height: calc(100% - var(--zax-fyp-bottom-safe) - 70px) !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-avatar {
        width: 43px;
        height: 43px;
    }

    .zax-community-page.is-fyp-active .zax-fyp-action > span,
    .zax-community-page.is-fyp-active .zax-fyp-more > summary {
        width: 39px;
        height: 39px;
    }

    .zax-community-page.is-fyp-active .zax-fyp-comments {
        z-index: 90;
        max-height: min(76%, 610px);
        padding-bottom: max(14px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 370px) {
    .zax-community-page.is-fyp-active .zax-fyp-tabs {
        gap: 5px !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-tabs button {
        font-size: 9.5px !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-caption {
        right: 64px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zax-community-page.is-fyp-active .zax-fyp-feed {
        scroll-padding-bottom: var(--zax-fyp-bottom-safe);
        scroll-behavior: auto !important;
    }
}

/* 1.13.67: compact TikTok-style creator follow control on mobile FYP. */
@media (max-width: 900px) {
    .zax-community-page.is-fyp-active .zax-fyp-follow {
        right: 12px !important;
        bottom: -4px !important;
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;
        height: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;
        padding: 0 !important;
        border-width: 1.5px !important;
        border-radius: 50% !important;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        box-shadow: 0 5px 14px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .06);
    }

    .zax-community-page.is-fyp-active .zax-fyp-follow .dashicons {
        width: 9px !important;
        height: 9px !important;
        font-size: 9px !important;
        line-height: 9px !important;
    }
}

.zax-community-page.is-fyp-active .zax-fyp-action[data-community-react] > span {
    color: #ffffff;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease, transform .16s cubic-bezier(.2, .86, .3, 1.35), filter .16s ease;
}

.zax-community-page.is-fyp-active .zax-fyp-action[data-community-react].is-active > span {
    color: #ff315f !important;
    border-color: rgba(255, 49, 95, .42) !important;
    background: linear-gradient(145deg, rgba(49, 12, 25, .9), rgba(16, 20, 23, .88)) !important;
    box-shadow: 0 10px 28px rgba(255, 49, 95, .18), inset 0 1px rgba(255, 255, 255, .08) !important;
}

.zax-community-page.is-fyp-active .zax-fyp-action[data-community-react].is-active > span .dashicons {
    color: #ff315f !important;
    filter: drop-shadow(0 0 7px rgba(255, 49, 95, .55));
}

.zax-community-page.is-fyp-active .zax-fyp-action[data-community-react].is-optimistic > span {
    animation: zax-fyp-tiktok-heart .42s cubic-bezier(.18, .88, .28, 1.35) both;
}

.zax-community-page.is-fyp-active .zax-fyp-action[data-community-save].is-active > span {
    color: #042119 !important;
    border-color: rgba(107, 255, 216, .82) !important;
    background: linear-gradient(145deg, #85f7dc, #35d4ad) !important;
    box-shadow: 0 10px 28px rgba(53, 212, 173, .28), inset 0 1px rgba(255, 255, 255, .52) !important;
}

.zax-community-page.is-fyp-active .zax-fyp-action[data-community-save].is-active .zax-save-icon {
    color: #042119 !important;
    fill: currentColor !important;
    filter: drop-shadow(0 1px 3px rgba(1, 18, 13, .22));
}

@keyframes zax-fyp-tiktok-heart {
    0% { transform: scale(.78); }
    52% { transform: scale(1.18) rotate(-5deg); }
    100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .zax-community-page.is-fyp-active .zax-fyp-action[data-community-react].is-optimistic > span {
        animation: none;
    }
}

/* Fast navigation and low-paint FYP swiping. */
#zaxsecurity-app .zax-page.is-active {
    animation-duration: .12s !important;
}

.zax-community-page.is-fyp-active .zax-fyp-feed.is-scrolling :is(
    .zax-fyp-cyber-scene > i,
    .zax-fyp-cyber-scene > b,
    .zax-fyp-text-panel::before
) {
    animation-play-state: paused !important;
}

.zax-community-page.is-fyp-active .zax-fyp-feed.is-scrolling :is(
    .zax-fyp-text-panel,
    .zax-fyp-action > span,
    .zax-fyp-more > summary
) {
    transition: none !important;
}

@media (max-width: 900px) {
    .zax-community-page.is-fyp-active :is(
        .zax-fyp-nav,
        .zax-fyp-text-panel,
        .zax-fyp-action > span,
        .zax-fyp-more > summary,
        .zax-verification-badge
    ) {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* 1.13.71 final authority. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-page-active .zax-community-mobile-dock {
        border-top-color: rgba(123, 239, 210, .2) !important;
        background: linear-gradient(180deg, rgba(7, 31, 25, .72), rgba(4, 19, 15, .78)) !important;
        box-shadow: 0 -10px 28px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .06) !important;
        -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
        backdrop-filter: blur(20px) saturate(145%) !important;
    }
}

.zax-verification-badge {
    border-color: rgba(84, 164, 255, .52) !important;
    background: linear-gradient(135deg, rgba(24, 104, 230, .38), rgba(42, 139, 255, .28) 54%, rgba(56, 216, 255, .2)), rgba(5, 18, 36, .9) !important;
    box-shadow: 0 8px 24px rgba(36, 126, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

.zax-verification-badge .dashicons {
    color: #4aa3ff !important;
    filter: drop-shadow(0 0 7px rgba(52, 145, 255, .7)) !important;
}

.zax-avatar-verified,
.zax-learner-card .zax-avatar > i {
    color: #fff !important;
    background: linear-gradient(145deg, #63b6ff, #2478ed 56%, #3bd8ff) !important;
    box-shadow: 0 5px 18px rgba(35, 126, 239, .45), inset 0 1px rgba(255, 255, 255, .38) !important;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-page.is-fyp-active .zax-fyp-nav {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page > .zax-comment-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: grid !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
        grid-template-columns: 32px 34px minmax(0, 1fr) 40px !important;
        align-items: center !important;
        gap: 6px !important;
        border: 0 !important;
        border-top: 1px solid rgba(103, 231, 198, .22) !important;
        border-radius: 0 !important;
        background: linear-gradient(160deg, rgba(7, 29, 30, .98), rgba(5, 16, 22, .985)) !important;
        box-shadow: 0 -14px 34px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .06) !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        contain: layout style !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.zaxsecurity-portal-page.zax-ios-device > .zax-comment-composer.is-viewport-portaled {
        top: var(--zax-ios-comment-composer-top, auto) !important;
        bottom: auto !important;
    }

    body.zaxsecurity-portal-page > .zax-comment-composer.is-viewport-portaled .zax-comment-textbox textarea {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        max-height: 96px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        overflow-y: auto !important;
        resize: none !important;
        border: 0 !important;
        outline: 0 !important;
        color: #edf8f4 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .zax-fyp-comments.has-portaled-composer .zax-fyp-comment-list {
        padding-bottom: 78px !important;
        scroll-padding-bottom: 82px !important;
    }
}

/* 1.13.72: stable desktop comments, iOS keyboard docking and a compact silk reader dock. */
body.zaxsecurity-portal-page.zax-fyp-comments-open #zaxsecurity-app :is(
    .zax-page.is-active,
    .zax-community-shell,
    .zax-community-main,
    .zax-fyp-view,
    .zax-fyp-shell,
    .zax-fyp-feed,
    .zax-fyp-post.is-comments-open
) {
    transform: none !important;
    perspective: none !important;
    filter: none !important;
    contain: none !important;
}

@media (min-width: 761px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        position: fixed !important;
        z-index: 2147482100 !important;
        top: calc(var(--zax-topbar, 62px) + 12px) !important;
        right: 18px !important;
        bottom: 18px !important;
        left: auto !important;
        display: grid !important;
        width: min(440px, calc(100vw - 36px)) !important;
        height: calc(100dvh - var(--zax-topbar, 62px) - 30px) !important;
        max-height: calc(100dvh - var(--zax-topbar, 62px) - 30px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: hidden !important;
        border: 1px solid rgba(117, 236, 207, .24) !important;
        border-radius: 24px !important;
        background: radial-gradient(circle at 92% 0, rgba(68, 224, 193, .12), transparent 28%), linear-gradient(155deg, #0b1917, #07110f 72%) !important;
        box-shadow: -28px 30px 90px rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .08) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > :is(header, .zax-fyp-comment-list, form) {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > header,
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > form {
        background: rgba(8, 23, 20, .985) !important;
    }
}

@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock,
    html.zax-ios-comment-keyboard-lock body {
        overscroll-behavior: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        position: fixed !important;
        z-index: 2147482200 !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        max-height: var(--zax-visual-viewport-height, 100dvh) !important;
        grid-template-rows: auto minmax(0, 1fr) auto !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page > .zax-comment-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-comment-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

.zax-fyp-detail-sheet.is-profile-post-page > section > footer {
    border-top: 1px solid rgba(100, 235, 208, .16) !important;
    background: radial-gradient(circle at 58% -90%, rgba(74, 235, 203, .2), transparent 54%), linear-gradient(105deg, rgba(5, 19, 18, .985), rgba(7, 25, 27, .975) 54%, rgba(8, 17, 27, .985)) !important;
    box-shadow: 0 -18px 54px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .065) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-delete {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-color: rgba(255, 103, 133, .24) !important;
    border-radius: 12px !important;
    color: #ff9bb0 !important;
    background: linear-gradient(145deg, rgba(255, 87, 120, .13), rgba(110, 31, 62, .1)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-delete .dashicons {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

.zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-delete > span {
    display: none !important;
}

@media (max-width: 760px) {
    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions:has(.zax-fyp-detail-delete:not([hidden])) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) 38px !important;
    }

    .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-delete {
        align-self: center !important;
        justify-self: end !important;
    }
}

/* Keep video audio controls clear of the Cyber FYP hashtag and time row. */
.zax-community-page.is-fyp-active .zax-fyp-post.is-clip .zax-fyp-video-sound {
    top: 112px !important;
    left: 18px !important;
}

@media (max-width: 900px) {
    .zax-community-page.is-fyp-active .zax-fyp-post.is-clip .zax-fyp-video-sound {
        top: 102px !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        min-height: 29px !important;
        padding: 5px 8px !important;
    }

    .zax-community-page.is-fyp-active .zax-fyp-post.is-clip .zax-fyp-video-sound small {
        font-size: 8px !important;
    }
}

/* 1.13.74: app-style curved top corners with a flush device-bottom edge. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active .zax-community-mobile-dock {
        border-radius: 22px 22px 0 0 !important;
        border-right: 1px solid rgba(123, 239, 210, .13) !important;
        border-left: 1px solid rgba(123, 239, 210, .13) !important;
        background-clip: padding-box !important;
    }
}

/* 1.13.75 final authority: live silk notifications, presence, and brand buttons. */
#zaxsecurity-app .zax-notification-menu {
    width: min(420px, calc(100vw - 24px)) !important;
    max-height: min(690px, calc(100dvh - var(--zax-topbar) - 28px)) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    border: 1px solid rgba(112, 239, 209, .2) !important;
    border-radius: 26px !important;
    background: radial-gradient(circle at 90% -8%, rgba(92, 239, 205, .16), transparent 34%), radial-gradient(circle at 4% 94%, rgba(124, 93, 255, .12), transparent 38%), linear-gradient(155deg, rgba(9, 24, 27, .995), rgba(7, 15, 22, .998) 56%, rgba(13, 12, 28, .998)) !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .52), 0 12px 32px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .08) !important;
    -webkit-backdrop-filter: blur(30px) saturate(145%) !important;
    backdrop-filter: blur(30px) saturate(145%) !important;
}

#zaxsecurity-app .zax-notification-menu > header {
    min-height: 72px !important;
    padding: 16px 17px !important;
    border-bottom: 1px solid rgba(126, 242, 215, .1) !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)) !important;
}

#zaxsecurity-app .zax-notification-menu > header > span { gap: 3px !important; padding-left: 48px !important; }
#zaxsecurity-app .zax-notification-menu > header small { color: #77efd0 !important; font-size: 9px !important; letter-spacing: .11em !important; }
#zaxsecurity-app .zax-notification-menu > header strong { color: #f3fffc !important; font-size: 16px !important; font-weight: 780 !important; }
#zaxsecurity-app .zax-notification-menu > header button { width: 36px !important; min-width: 36px !important; height: 36px !important; border-radius: 50% !important; color: #d8e9e5 !important; background: rgba(255, 255, 255, .055) !important; }

#zaxsecurity-app .zax-notification-list {
    display: grid !important;
    min-height: 0 !important;
    align-content: start !important;
    gap: 5px !important;
    overflow-y: auto !important;
    padding: 9px !important;
}

#zaxsecurity-app .zax-notification-row {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    gap: 3px !important;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: transparent !important;
}

#zaxsecurity-app .zax-notification-row.is-unread {
    border-color: rgba(94, 235, 203, .11) !important;
    background: linear-gradient(90deg, rgba(62, 226, 189, .085), rgba(107, 77, 237, .03)) !important;
}

#zaxsecurity-app .zax-notification-item {
    grid-template-columns: 46px minmax(0, 1fr) 8px !important;
    gap: 11px !important;
    min-height: 72px !important;
    padding: 11px 9px 11px 11px !important;
    border-radius: 17px !important;
    background-color: transparent !important;
}

#zaxsecurity-app .zax-notification-icon {
    width: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(115, 241, 211, .2) !important;
    border-radius: 16px !important;
    color: #8af5d9 !important;
    background: linear-gradient(145deg, rgba(78, 229, 193, .18), rgba(130, 91, 255, .13)) !important;
}

#zaxsecurity-app .zax-notification-item strong { color: #f2fbf9 !important; font-size: 12px !important; font-weight: 730 !important; }
#zaxsecurity-app .zax-notification-item small { color: #a9bbb7 !important; font-size: 10px !important; line-height: 1.45 !important; }
#zaxsecurity-app .zax-notification-item time { color: #72ddc1 !important; font-size: 8px !important; }
#zaxsecurity-app .zax-notification-delete { width: 34px !important; min-width: 34px !important; height: 34px !important; align-self: center !important; border-radius: 50% !important; }
#zaxsecurity-app .zax-notification-menu > footer { min-height: 54px !important; padding: 10px 14px !important; border-top: 1px solid rgba(126, 242, 215, .1) !important; background: rgba(6, 17, 21, .96) !important; }

#zaxsecurity-app .zax-profile-follower-presence {
    display: inline-flex !important;
    width: max-content !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 4px !important;
    padding: 3px 7px !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 999px !important;
    color: var(--zax-muted) !important;
    background: rgba(255, 255, 255, .03) !important;
}

#zaxsecurity-app .zax-profile-follower-presence > i { width: 6px !important; height: 6px !important; flex: 0 0 6px !important; border-radius: 50% !important; background: #70817d !important; }
#zaxsecurity-app .zax-profile-follower-presence > b { font-size: 8px !important; font-weight: 720 !important; }
#zaxsecurity-app .zax-profile-follower-presence.is-online { border-color: rgba(63, 223, 139, .16) !important; color: #7bf0ad !important; background: rgba(52, 218, 131, .07) !important; }
#zaxsecurity-app .zax-profile-follower-presence.is-online > i { background: #3de28c !important; box-shadow: 0 0 0 3px rgba(61, 226, 140, .1), 0 0 10px rgba(61, 226, 140, .45) !important; }

#zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop),
#zaxsecurity-app :is(a.zax-button, a.zax-action, a.zax-more-logout) {
    border-color: color-mix(in srgb, var(--zax-cyan) 16%, var(--zax-line)) !important;
    background-image: linear-gradient(145deg, rgba(91, 235, 202, .075), rgba(123, 90, 244, .055)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
}

#zaxsecurity-app :is(.zax-button-primary, .zax-button-light, [data-purchase], [data-buy], [data-submit-payment], [data-vendor-product-submit], [data-community-publish], [data-send-message], [type="submit"]):not(:disabled) {
    border-color: rgba(128, 245, 217, .35) !important;
    color: #061713 !important;
    background-color: #65e9c8 !important;
    background-image: linear-gradient(135deg, #a7ffe9 0%, #64e9c8 48%, #9785ff 118%) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .48), 0 8px 22px rgba(54, 226, 184, .13) !important;
}

#zaxsecurity-app :is(.is-danger, .zax-danger, .zax-delete, .zax-notification-delete, [data-delete], [data-remove], [data-decline]):not(:disabled) {
    border-color: rgba(255, 113, 141, .2) !important;
    color: #ffb1c0 !important;
    background-color: rgba(91, 17, 34, .22) !important;
    background-image: linear-gradient(145deg, rgba(255, 91, 124, .13), rgba(145, 58, 193, .08)) !important;
}

@media (max-width: 900px) {
    #zaxsecurity-app .zax-notification-menu {
        position: fixed !important;
        top: calc(var(--zax-topbar) + 7px) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: calc(var(--zax-mobile-dock-clearance, 76px) + max(8px, env(safe-area-inset-bottom))) !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        width: auto !important;
        max-height: none !important;
        border-radius: 23px !important;
    }

    #zaxsecurity-app .zax-notification-item { grid-template-columns: 43px minmax(0, 1fr) 7px !important; gap: 9px !important; min-height: 68px !important; padding: 9px 7px 9px 9px !important; }
    #zaxsecurity-app .zax-notification-icon { width: 43px !important; height: 43px !important; border-radius: 15px !important; }
    #zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop) { -webkit-tap-highlight-color: transparent; }
}

/* 1.13.78 final authority: always-visible Cyber FYP post delete icon. */
#zaxsecurity-app .zax-fyp-delete-icon {
    display: inline-grid !important;
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    place-items: center !important;
    overflow: visible !important;
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#zaxsecurity-app .zax-fyp-delete-icon > svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#zaxsecurity-app .zax-fyp-delete-post,
#zaxsecurity-app .zax-fyp-detail-delete,
#zaxsecurity-app [data-fyp-delete-confirm] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-color: rgba(255, 112, 142, .34) !important;
    color: #ff9eb3 !important;
    background-color: rgba(83, 16, 36, .48) !important;
    background-image: linear-gradient(145deg, rgba(255, 78, 116, .2), rgba(143, 48, 179, .11)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 7px 18px rgba(80, 7, 27, .14) !important;
}

#zaxsecurity-app .zax-fyp-delete-post {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

#zaxsecurity-app .zax-fyp-detail-delete {
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border-radius: 13px !important;
}

#zaxsecurity-app .zax-fyp-detail-delete .zax-fyp-delete-icon {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
}

#zaxsecurity-app [data-fyp-delete-confirm] {
    min-height: 42px !important;
    color: #fff !important;
    background-color: #d92b57 !important;
    background-image: linear-gradient(135deg, #ff527a, #ca2352 62%, #8e2aa8) !important;
}

#zaxsecurity-app .zax-fyp-delete-sheet header .zax-fyp-delete-icon {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
}

#zaxsecurity-app :is(.zax-fyp-delete-post, .zax-fyp-detail-delete, [data-fyp-delete-confirm]):not(:disabled):hover,
#zaxsecurity-app :is(.zax-fyp-delete-post, .zax-fyp-detail-delete, [data-fyp-delete-confirm]):focus-visible {
    border-color: rgba(255, 137, 162, .56) !important;
    color: #ffd8e0 !important;
    filter: brightness(1.08) saturate(1.08);
}

@media (max-width: 760px) {
    #zaxsecurity-app .zax-fyp-delete-post { min-height: 40px !important; padding: 8px 10px !important; }
    #zaxsecurity-app .zax-fyp-detail-delete { width: 38px !important; min-width: 38px !important; min-height: 38px !important; }
    #zaxsecurity-app .zax-fyp-detail-delete .zax-fyp-delete-icon { width: 19px !important; height: 19px !important; flex-basis: 19px !important; }
}

/* 1.13.79 final authority: clean, frameless application icons and labels. */
#zaxsecurity-app :is(
    .zax-topbar .zax-icon-button,
    .zax-topbar .zax-search-trigger,
    .zax-topbar .zax-wallet-chip,
    .zax-topbar .zax-mode-switch,
    .zax-topbar .zax-profile-button,
    .zax-topbar .zax-mobile-header-brand,
    .zax-nav button,
    .zax-home-topnav nav button,
    .zax-mobile-dock > button,
    .zax-community-mobile-dock > button,
    .zax-community-rail > nav > button,
    .zax-fyp-nav button,
    .zax-fyp-open-detail,
    .zax-fyp-video-toggle,
    .zax-fyp-video-sound
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#zaxsecurity-app :is(
    .zax-topbar .zax-icon-button,
    .zax-topbar .zax-search-trigger,
    .zax-topbar .zax-wallet-chip,
    .zax-topbar .zax-mode-switch,
    .zax-topbar .zax-profile-button,
    .zax-nav button,
    .zax-home-topnav nav button,
    .zax-mobile-dock > button,
    .zax-community-mobile-dock > button,
    .zax-community-rail > nav > button,
    .zax-fyp-nav button
):is(:hover, :focus-visible, .is-active, [aria-selected="true"], [aria-expanded="true"], [aria-pressed="true"]) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#zaxsecurity-app .zax-nav button.is-active {
    box-shadow: inset 3px 0 var(--zax-cyan) !important;
}

#zaxsecurity-app :is(
    .zax-community-dock-icon,
    .zax-community-channel-icon,
    .zax-mode-switch-icon,
    .zax-notification-icon,
    .zax-stat-icon,
    .zax-setting-card-icon,
    .zax-session-icon,
    .zax-path-icon,
    .zax-product-icon,
    .zax-table-item-icon,
    .zax-profile-tab-icon,
    .zax-wallet-title-icon,
    .zax-vip-store-icon,
    .zax-rdp-plan-icon,
    .zax-rdp-server-icon,
    .zax-rdp-connect-icon,
    .zax-rdp-wallet-icon,
    .zax-vps-domain-icon,
    .zax-isp-balance-icon
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#zaxsecurity-app .zax-community-mobile-dock .zax-community-dock-icon::before,
#zaxsecurity-app .zax-community-mobile-dock .zax-community-dock-icon::after {
    display: none !important;
    content: none !important;
}

#zaxsecurity-app :is(
    .zax-mobile-dock > button > span,
    .zax-community-mobile-dock .zax-community-dock-label,
    .zax-nav button > span,
    .zax-community-rail > nav > button > span,
    .zax-fyp-tabs button,
    .zax-fyp-tabs button > span
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Keep state feedback on the glyph itself instead of drawing another tile. */
#zaxsecurity-app .zax-mobile-dock > button.is-active,
#zaxsecurity-app .zax-community-mobile-dock > button.is-active,
#zaxsecurity-app .zax-fyp-tabs button:is(.is-active, [aria-selected="true"]) {
    color: var(--zax-cyan) !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active :is(
    .zax-fyp-action > span,
    .zax-fyp-more > summary
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-action[data-community-react].is-active > span {
    color: #ff315f !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-action[data-community-save].is-active > span {
    color: #65f0cf !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-action[data-community-save].is-active .zax-save-icon {
    color: #65f0cf !important;
    fill: currentColor !important;
    filter: drop-shadow(0 0 7px rgba(81, 230, 189, .38)) !important;
}

/* Remove translucent mini-cards behind Cyber FYP text while retaining the
   full-post shade and text shadow needed for readability over photos/video. */
#zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-text-panel {
    padding: 9px 0 5px !important;
    overflow: visible !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .96), 0 1px 14px rgba(0, 0, 0, .76) !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-text-panel::before {
    display: none !important;
    content: none !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active :is(
    .zax-fyp-post-meta > span,
    .zax-fyp-reshare-attribution,
    .zax-fyp-open-detail,
    .zax-fyp-audio,
    .zax-fyp-video-toggle,
    .zax-fyp-video-sound
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-post-meta > span {
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .92) !important;
}

#zaxsecurity-app .zax-community-page.is-fyp-active :is(.zax-fyp-action, .zax-fyp-more) :is(.dashicons, svg),
#zaxsecurity-app :is(.zax-mobile-dock, .zax-community-mobile-dock, .zax-topbar, .zax-nav) :is(.dashicons, svg, .zax-anonymous-icon) {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    #zaxsecurity-app .zax-community-mobile-dock > .zax-community-dock-create {
        transform: none !important;
    }

    #zaxsecurity-app .zax-community-mobile-dock > .zax-community-dock-create .zax-community-dock-icon {
        width: 29px !important;
        height: 29px !important;
        border-radius: 0 !important;
    }
}

/* 1.13.80 priority correction: beat the earlier global button gradient. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-topbar button.zax-icon-button,
    .zax-topbar button.zax-search-trigger,
    .zax-topbar button.zax-wallet-chip,
    .zax-topbar button.zax-mode-switch,
    .zax-topbar button.zax-profile-button,
    .zax-topbar button.zax-mobile-header-brand,
    .zax-nav > button,
    .zax-home-topnav nav > button,
    .zax-mobile-dock > button,
    .zax-community-mobile-dock > button,
    .zax-community-rail > nav > button,
    .zax-fyp-nav button,
    button.zax-fyp-action,
    button.zax-fyp-open-detail,
    button.zax-fyp-video-toggle,
    button.zax-fyp-video-sound
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* 1.13.98: Cyber FYP owns the center position in the five-item Community dock. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > .zax-community-dock-center {
        position: relative;
        z-index: 3;
        transform: translateY(-3px);
    }

    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > .zax-community-dock-center .zax-fyp-fav-icon,
    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > .zax-community-dock-center .zax-fyp-fav-icon img {
        width: 31px !important;
        height: 31px !important;
        object-fit: contain !important;
    }

    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > .zax-community-dock-center .zax-community-dock-label {
        color: var(--zax-cyan) !important;
        font-weight: 800 !important;
    }
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-topbar button.zax-icon-button,
    .zax-topbar button.zax-search-trigger,
    .zax-topbar button.zax-wallet-chip,
    .zax-topbar button.zax-mode-switch,
    .zax-topbar button.zax-profile-button,
    .zax-nav > button,
    .zax-home-topnav nav > button,
    .zax-mobile-dock > button,
    .zax-community-mobile-dock > button,
    .zax-community-rail > nav > button,
    .zax-fyp-nav button,
    button.zax-fyp-action
):is(:hover, :focus-visible, :active, .is-active, [aria-selected="true"], [aria-expanded="true"], [aria-pressed="true"]) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-nav > button.is-active {
    box-shadow: inset 3px 0 var(--zax-cyan) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-page.is-fyp-active :is(.zax-fyp-group, .zax-fyp-create)::after {
    display: none !important;
    content: none !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-page.is-fyp-active button.zax-fyp-action[data-community-react].is-active {
    color: #ff315f !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-page.is-fyp-active button.zax-fyp-action[data-community-save].is-active {
    color: #65f0cf !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > button.zax-community-dock-create {
    color: var(--zax-cyan) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-page.is-fyp-active .zax-fyp-text-panel::before {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

/* 1.13.81: restore glyph contrast after removing their former tiles. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-fyp-create-glyph,
    .zax-community-dock-create .zax-community-dock-icon
) {
    border-color: transparent !important;
    color: var(--zax-cyan) !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-fyp-create-glyph,
    .zax-community-dock-create .zax-community-dock-icon
) svg,
body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-dock-create .zax-community-dock-icon svg :is(path, rect, circle, line, polyline) {
    color: var(--zax-cyan) !important;
    stroke: currentColor !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-mode-switch,
    .zax-mode-switch-icon,
    .zax-mode-switch .dashicons
) {
    color: #82f4d7 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 1.13.82: keep every action label readable against the permanent dark theme. */
body.zaxsecurity-portal-page #zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop),
body.zaxsecurity-portal-page #zaxsecurity-app :is(a.zax-button, a.zax-action, a.zax-more-logout) {
    color: #effffb !important;
    -webkit-text-fill-color: currentColor !important;
}

/* 1.14.7: when a comment sheet is open, it owns the FYP viewport. The feed
   remains visible behind the sheet but cannot scroll or receive background
   gestures until the member closes the conversation. */
body.zaxsecurity-portal-page.zax-fyp-comments-open::before {
    pointer-events: auto !important;
    touch-action: none !important;
}

/* 1.14.8 final mobile authority: freeze the FYP behind its comment reader
   and keep Safari's keyboard animation out of the app header. */
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed,
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed.is-comment-scroll-locked {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
    scroll-behavior: auto !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]),
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) :is(.zax-fyp-comment-list, .zax-comment-textbox, textarea, input, button) {
    touch-action: pan-y !important;
}

/* 1.17.7: The desktop reader already owns its own high-level surface.  The
   old body pseudo-backdrop could enter a higher stacking context than that
   surface on Windows and leave only a black screen visible.  Keep the reader
   direct, fully visible, and interactive instead of painting a second global
   backdrop above it. */
@media (min-width: 761px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open::before {
        content: none !important;
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        position: fixed !important;
        z-index: 2147483640 !important;
        isolation: isolate;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        top: 0 !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: 0 !important;
        will-change: auto !important;
        transform: translateZ(0) !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
        overflow-anchor: none !important;
        scroll-behavior: auto !important;
    }
}

/* 1.18.2: FYP comments share the private-message iOS viewport contract.
   The app header and composer are fixed surfaces; the comment history is the
   only element allowed to scroll while Safari's keyboard opens. */
@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock,
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        position: fixed !important;
        z-index: 2147482500 !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-ios-comment-composer-docked .zax-community-page.is-active.is-fyp-active {
        position: fixed !important;
        top: var(--zax-topbar, 62px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        overflow: hidden !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        position: fixed !important;
        z-index: 2147482200 !important;
        top: var(--zax-topbar, 62px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: grid !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        contain: layout paint style !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > header {
        position: relative !important;
        z-index: 2 !important;
        min-height: 54px !important;
        background: rgba(7, 21, 19, .985) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .18) !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding-bottom: calc(var(--zax-comment-composer-height, 64px) + 52px) !important;
        scroll-padding-bottom: calc(var(--zax-comment-composer-height, 64px) + 56px) !important;
        overscroll-behavior: contain !important;
        scroll-behavior: auto !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch !important;
        overflow-anchor: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list::after {
        display: block;
        width: 100%;
        min-height: 18px;
        content: '';
        pointer-events: none;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-ios-comment-composer-docked > .zax-comment-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-comment-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: grid !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        contain: layout style !important;
        will-change: auto !important;
    }
}

/* 1.18.1: premium silk reader for the full Cyber FYP post experience. */
body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page {
    background:
        radial-gradient(circle at 8% 2%, rgba(49, 222, 187, .18), transparent 29%),
        radial-gradient(circle at 96% 14%, rgba(102, 83, 234, .15), transparent 27%),
        radial-gradient(circle at 72% 100%, rgba(24, 143, 127, .12), transparent 34%),
        #030907 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section {
    color: #effff9 !important;
    background:
        linear-gradient(112deg, rgba(255, 255, 255, .018), transparent 28%),
        linear-gradient(180deg, rgba(7, 20, 19, .34), rgba(3, 9, 7, .2)) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header {
    border-bottom-color: rgba(117, 241, 215, .16) !important;
    background:
        linear-gradient(90deg, rgba(3, 13, 11, .98), rgba(6, 24, 24, .94) 54%, rgba(12, 16, 32, .96)) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header > span {
    gap: 3px !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header small {
    color: #83f6df !important;
    font-size: 9px !important;
    font-weight: 780 !important;
    letter-spacing: .17em !important;
    text-shadow: 0 0 18px rgba(66, 235, 203, .32) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header strong {
    color: #f2fffa !important;
    font-size: 15px !important;
    font-weight: 720 !important;
    letter-spacing: -.012em !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close] {
    position: relative;
    overflow: hidden;
    border-color: rgba(108, 239, 210, .25) !important;
    color: #c8fff1 !important;
    background:
        linear-gradient(145deg, rgba(42, 217, 187, .19), rgba(83, 69, 195, .17)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 10px 24px rgba(0, 0, 0, .24) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close]::after {
    position: absolute;
    inset: 2px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: inherit;
    content: '';
    opacity: .78;
    pointer-events: none;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close]:hover {
    border-color: rgba(139, 255, 231, .52) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 12px 27px rgba(32, 216, 180, .18) !important;
    transform: translateX(-2px) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll {
    background:
        linear-gradient(90deg, rgba(44, 223, 186, .03) 1px, transparent 1px),
        linear-gradient(rgba(44, 223, 186, .025) 1px, transparent 1px);
    background-size: 42px 42px;
    scrollbar-color: rgba(91, 237, 208, .44) transparent;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-visual {
    isolation: isolate;
    border-color: rgba(120, 240, 214, .24) !important;
    background:
        radial-gradient(circle at 72% 12%, rgba(97, 86, 242, .22), transparent 31%),
        radial-gradient(circle at 8% 92%, rgba(36, 216, 179, .17), transparent 33%),
        #020705 !important;
    box-shadow: 0 30px 76px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .025) inset !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-visual::after {
    position: absolute;
    z-index: 5;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: inherit;
    content: '';
    opacity: .8;
    pointer-events: none;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author {
    position: relative;
    align-items: center !important;
    gap: 12px !important;
    padding: 5px 0 20px !important;
    border-bottom: 1px solid rgba(132, 235, 213, .12);
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(130, 247, 220, .34) !important;
    color: #ecfffa !important;
    background: linear-gradient(145deg, #1bd1af, #4169d7 88%) !important;
    box-shadow: 0 11px 26px rgba(19, 204, 169, .2), inset 0 1px rgba(255, 255, 255, .28) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span:hover {
    box-shadow: 0 14px 30px rgba(48, 231, 193, .3), inset 0 1px rgba(255, 255, 255, .32) !important;
    transform: translateY(-2px) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > div strong {
    color: #f3fffb !important;
    font-size: 15px !important;
    font-weight: 740 !important;
    letter-spacing: -.012em !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > div small {
    color: #91cfc0 !important;
    font-size: 11px !important;
    font-weight: 580 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > b {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 7px 9px !important;
    border: 1px solid rgba(111, 237, 210, .18) !important;
    border-radius: 999px !important;
    color: #a5f8e6 !important;
    background: rgba(32, 158, 138, .11) !important;
    font-size: 9px !important;
    font-weight: 720 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-meta {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-top: 16px !important;
    color: #83decb !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-meta span {
    color: #8cf7e1 !important;
    text-shadow: 0 0 18px rgba(43, 226, 188, .18);
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-meta time {
    color: rgba(194, 226, 217, .68) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2 {
    max-width: 20ch;
    margin: 17px 0 13px !important;
    color: #f5fffb !important;
    font-weight: 760 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy {
    max-width: 72ch;
    color: rgba(228, 248, 241, .88) !important;
    font-size: 15px !important;
    line-height: 1.82 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy p {
    margin: 0 0 18px !important;
    color: inherit !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy p:last-child {
    margin-bottom: 0 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-extra {
    display: grid;
    gap: 12px;
    margin-top: 24px !important;
    padding-top: 19px;
    border-top: 1px solid rgba(132, 235, 213, .1);
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > footer {
    border-top-color: rgba(115, 239, 212, .19) !important;
    background:
        radial-gradient(circle at 52% -160%, rgba(80, 233, 203, .27), transparent 58%),
        linear-gradient(100deg, rgba(3, 15, 13, .985), rgba(6, 24, 25, .98) 55%, rgba(12, 16, 32, .985)) !important;
    box-shadow: 0 -18px 54px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .07) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
    position: relative;
    isolation: isolate;
    border-color: rgba(118, 240, 212, .19) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .09) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions::before {
    position: absolute;
    z-index: -1;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(110deg, rgba(63, 237, 202, .24), rgba(102, 85, 231, .2), rgba(63, 237, 202, .14));
    content: '';
    opacity: .72;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px !important;
    overflow: hidden;
    border: 1px solid transparent !important;
    color: #d9f8f0 !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    letter-spacing: -.01em !important;
    transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share)::before {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(44, 215, 182, .18), rgba(91, 75, 224, .17));
    content: '';
    opacity: 0;
    transition: opacity .18s ease;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) > * {
    position: relative;
    z-index: 1;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):hover {
    color: #f7fffc !important;
    background: transparent !important;
    box-shadow: 0 8px 18px rgba(41, 213, 180, .12) !important;
    transform: translateY(-2px) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):hover::before {
    opacity: 1;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):active {
    transform: translateY(0) scale(.95) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like).is-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(28, 206, 168, .42), rgba(100, 78, 235, .4)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 9px 22px rgba(36, 211, 177, .2) !important;
}

@keyframes zax-fyp-reader-icon-pulse {
    0%, 100% { transform: translateZ(0) scale(1) rotate(0deg); filter: drop-shadow(0 0 0 rgba(89, 246, 213, 0)); }
    48% { transform: translateZ(0) scale(1.14) rotate(-6deg); filter: drop-shadow(0 0 9px rgba(89, 246, 213, .48)); }
}

@keyframes zax-fyp-reader-like-pulse {
    0%, 100% { transform: translateZ(0) scale(1); }
    42% { transform: translateZ(0) scale(1.19); }
    72% { transform: translateZ(0) scale(.96); }
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-reader-icon {
    position: relative;
    z-index: 1;
    transition: transform .18s ease, filter .18s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-share):hover .zax-fyp-reader-icon {
    animation: zax-fyp-reader-icon-pulse .58s ease both;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-like.is-active .zax-fyp-reader-icon {
    animation: zax-fyp-reader-like-pulse .48s cubic-bezier(.2, .85, .28, 1.22) both;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-like > b {
    min-width: 16px;
    color: currentColor !important;
    font-size: 10px !important;
    font-weight: 760 !important;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll {
        padding-bottom: 21px !important;
        background-size: 34px 34px;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author {
        gap: 10px !important;
        padding: 3px 0 16px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > b {
        padding: 6px 8px !important;
        font-size: 8px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-meta {
        gap: 6px 10px;
        margin-top: 13px !important;
        font-size: 10px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2 {
        max-width: 100%;
        margin: 12px 0 11px !important;
        letter-spacing: -.028em !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy {
        font-size: 14px !important;
        line-height: 1.74 !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy p {
        margin-bottom: 15px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-extra {
        margin-top: 20px !important;
        padding-top: 16px;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
        border-radius: 16px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
        min-height: 42px !important;
        gap: 5px !important;
        font-size: 9px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-reader-icon {
        width: 17px !important;
        height: 17px !important;
        flex-basis: 17px !important;
    }
}

#zaxsecurity-app .zax-ai-library { margin-top: 28px; padding: 18px; border: 1px solid rgba(116, 237, 205, .16); border-radius: 22px; background: linear-gradient(135deg, rgba(11, 67, 59, .48), rgba(31, 30, 83, .36)); box-shadow: inset 0 1px rgba(255,255,255,.07), 0 16px 35px rgba(0,0,0,.12); }
#zaxsecurity-app .zax-ai-library-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
#zaxsecurity-app .zax-ai-library-head h2 { margin: 3px 0 5px; color: #f0fffa; font-size: 20px; }
#zaxsecurity-app .zax-ai-library-head p { max-width: 580px; margin: 0; color: #b7d6cc; font-size: 12px; line-height: 1.55; }
#zaxsecurity-app .zax-ai-library-head > span { display: inline-flex; min-height: 29px; align-items: center; padding: 5px 10px; border: 1px solid rgba(142, 242, 213, .19); border-radius: 999px; color: #a7f4d9; background: rgba(123, 239, 203, .08); font-size: 10px; font-weight: 800; white-space: nowrap; }
#zaxsecurity-app .zax-ai-library-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); gap: 14px; }
#zaxsecurity-app .zax-ai-library-card { overflow: hidden; border: 1px solid rgba(171, 245, 222, .14); border-radius: 17px; background: rgba(3, 19, 23, .5); box-shadow: inset 0 1px rgba(255,255,255,.06); }
#zaxsecurity-app .zax-ai-library-visual { position: relative; min-height: 146px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 78% 14%, rgba(88, 232, 195, .2), transparent 30%), linear-gradient(140deg, #082c29, #111633); }
#zaxsecurity-app .zax-ai-library-visual > a, #zaxsecurity-app .zax-ai-library-visual > a img { display: block; width: 100%; height: 100%; }
#zaxsecurity-app .zax-ai-library-visual > a { position: absolute; inset: 0; }
#zaxsecurity-app .zax-ai-library-visual > a img { object-fit: cover; transition: transform .28s ease; }
#zaxsecurity-app .zax-ai-library-card:hover .zax-ai-library-visual > a img { transform: scale(1.035); }
#zaxsecurity-app .zax-ai-library-visual audio { width: calc(100% - 30px); position: relative; z-index: 1; }
#zaxsecurity-app .zax-ai-library-audio-mark { display: grid; width: 52px; height: 52px; place-items: center; margin-bottom: 15px; border: 1px solid rgba(184,255,235,.3); border-radius: 18px; color: #c9fff0; background: linear-gradient(145deg, rgba(73,221,184,.32), rgba(109,84,214,.28)); box-shadow: 0 10px 24px rgba(0,0,0,.22); }
#zaxsecurity-app .zax-ai-library-audio-mark svg { width: 25px; height: 25px; fill: currentColor; }
#zaxsecurity-app .zax-ai-library-kind { position: absolute; z-index: 2; top: 9px; right: 9px; padding: 4px 7px; border: 1px solid rgba(225,255,247,.25); border-radius: 999px; color: #f4fffb; background: rgba(3, 23, 30, .74); backdrop-filter: blur(9px); font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
#zaxsecurity-app .zax-ai-library-copy { padding: 13px; }
#zaxsecurity-app .zax-ai-library-copy h3 { margin: 0; overflow: hidden; color: #f3fffb; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
#zaxsecurity-app .zax-ai-library-prompt { min-height: 42px; margin: 9px 0 0; color: #cbe3db; font-size: 11px; line-height: 1.45; }
#zaxsecurity-app .zax-ai-library-prompt small { display: block; margin-bottom: 2px; color: #8eeed0; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
#zaxsecurity-app .zax-ai-library-copy footer { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; color: #8fb6aa; font-size: 9px; }
#zaxsecurity-app .zax-ai-library-actions { display: flex; gap: 7px; margin-top: 12px; }
#zaxsecurity-app .zax-ai-library-actions a { display: inline-flex; min-height: 31px; flex: 1 1 0; align-items: center; justify-content: center; padding: 6px 8px; border: 1px solid rgba(127, 240, 210, .19); border-radius: 10px; color: #eafff8 !important; background: rgba(94, 233, 197, .08); font-size: 10px; font-weight: 760; text-decoration: none; transition: transform .18s ease, background .18s ease; }
#zaxsecurity-app .zax-ai-library-actions a:hover, #zaxsecurity-app .zax-ai-library-actions a:focus-visible { background: rgba(94, 233, 197, .17); transform: translateY(-1px); }
#zaxsecurity-app .zax-fyp-comments > form .zax-fyp-comment-send { background: radial-gradient(circle at 72% 18%, rgba(227,255,249,.48), transparent 26%), linear-gradient(145deg, #15c6a5, #286ed4 61%, #835be0) !important; box-shadow: 0 11px 27px rgba(42, 206, 180, .33), inset 0 1px rgba(255,255,255,.46), inset 0 -9px 17px rgba(5,27,59,.2) !important; }
#zaxsecurity-app .zax-fyp-comments > form .zax-fyp-comment-send .zax-fyp-send-icon { width: 21px !important; height: 21px !important; animation: zax-fyp-send-float 2.35s cubic-bezier(.46, .02, .35, 1) infinite !important; }
#zaxsecurity-app .zax-fyp-comments > form .zax-fyp-comment-send .zax-fyp-send-trail { stroke: rgba(239,255,251,.84); stroke-dasharray: 2 3; animation: zax-fyp-send-trail 1.55s linear infinite; }
#zaxsecurity-app .zax-fyp-comments > form .zax-fyp-comment-send:active .zax-fyp-send-icon { animation: zax-send-plane-launch .38s cubic-bezier(.14, .86, .27, 1.22) both !important; }
@keyframes zax-fyp-send-float { 0%, 100% { transform: translate3d(1px, -1px, 0) rotate(0deg); } 48% { transform: translate3d(3px, -4px, 0) rotate(-5deg); } }
@keyframes zax-fyp-send-trail { to { stroke-dashoffset: -10; } }
@media (max-width: 760px) { #zaxsecurity-app .zax-ai-library { margin-top: 18px; padding: 14px; border-radius: 17px; } #zaxsecurity-app .zax-ai-library-head { gap: 10px; margin-bottom: 13px; } #zaxsecurity-app .zax-ai-library-head h2 { font-size: 17px; } #zaxsecurity-app .zax-ai-library-head p { font-size: 11px; } #zaxsecurity-app .zax-ai-library-head > span { padding: 4px 7px; font-size: 8px; } #zaxsecurity-app .zax-ai-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } #zaxsecurity-app .zax-ai-library-visual { min-height: 116px; } #zaxsecurity-app .zax-ai-library-copy { padding: 10px; } #zaxsecurity-app .zax-ai-library-copy h3 { font-size: 11px; } #zaxsecurity-app .zax-ai-library-prompt { min-height: 49px; font-size: 9px; } #zaxsecurity-app .zax-ai-library-actions { gap: 5px; } #zaxsecurity-app .zax-ai-library-actions a { min-height: 29px; padding: 5px; font-size: 8px; } }
@media (prefers-reduced-motion: reduce) { #zaxsecurity-app .zax-fyp-comments > form .zax-fyp-comment-send .zax-fyp-send-icon, #zaxsecurity-app .zax-fyp-comments > form .zax-fyp-comment-send .zax-fyp-send-trail { animation: none !important; } }

@media (prefers-reduced-motion: reduce) {
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share),
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close],
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span {
        transition: none !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-reader-icon {
        animation: none !important;
    }
}

/* 1.18.68: final mobile private-chat viewport authority. Earlier keyboard
   rules reserved the old portal-header height; an open direct conversation
   must instead begin at the physical top edge on both Android and iOS. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-page.is-active.is-chat-active {
        position: fixed !important;
        inset: 0 0 auto !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 760px) {
    html.zax-ios-chat-keyboard-lock body.zaxsecurity-portal-page.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-page.is-active.is-chat-active,
    body.zaxsecurity-portal-page.zax-ios-device.zax-community-keyboard-open.zax-community-page-active.zax-community-messages-page-open.zax-community-chat-open .zax-community-page.is-active.is-chat-active {
        position: fixed !important;
        inset: var(--zax-visual-viewport-top, 0px) 0 auto !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        max-height: var(--zax-visual-viewport-height, 100dvh) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/* 1.18.69: keep Find in conversation visible in the Android private-chat
   header. Compact action sizing retains all call controls on narrow phones. */
@media (max-width: 420px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-chat-window-header nav {
        gap: 4px !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-chat-window-header nav button {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-chat-window-header nav button[data-chat-thread-search-toggle] {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 1.18.66: an active private conversation owns the full mobile canvas. The
   portal header returns immediately after the user leaves the chat, while the
   chat's own header keeps its back navigation and call controls. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-topbar {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-community-page.is-active.is-chat-active {
        top: 0 !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
    }
}

/* Safari uses the visual viewport during keyboard input. Keep the private
   chat on that viewport as well, with no competing software header. */
@media (max-width: 760px) {
    html.zax-ios-chat-keyboard-lock body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-topbar {
        display: none !important;
    }

    html.zax-ios-chat-keyboard-lock body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-community-page.is-active.is-chat-active {
        top: var(--zax-visual-viewport-top, 0px) !important;
        height: var(--zax-visual-viewport-height, 100dvh) !important;
        max-height: var(--zax-visual-viewport-height, 100dvh) !important;
    }
}

/* 1.18.67: when a direct conversation is open, its own message header is the
   only header on the mobile canvas. This places the recipient, back control,
   and call actions directly at the top edge instead of below the Community rail. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-community-page.is-active.is-chat-active .zax-community-rail {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        overflow: hidden !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-community-page.is-active.is-chat-active .zax-community-main {
        height: 100% !important;
        min-height: 0 !important;
        flex: 1 1 100% !important;
    }

    body.zaxsecurity-portal-page.zax-community-page-active.zax-community-chat-open .zax-chat-window-header {
        position: relative !important;
        z-index: 12 !important;
        top: 0 !important;
        margin-top: 0 !important;
    }
}

/* 1.18.25: give the Cyber FYP comment composer the same clear, touch-friendly
   send treatment as the private Community messenger. The wider final grid
   track prevents the larger control from squeezing the comment field. */
#zaxsecurity-app .zax-fyp-comments > form.zax-comment-composer {
    grid-template-columns: 34px 36px minmax(0, 1fr) 44px !important;
}

#zaxsecurity-app .zax-fyp-comments > form.zax-comment-composer .zax-fyp-comment-send {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 27px rgba(42, 206, 180, .34), inset 0 1px rgba(255, 255, 255, .50), inset 0 -8px 15px rgba(3, 33, 43, .16) !important;
}

#zaxsecurity-app .zax-fyp-comments > form.zax-comment-composer .zax-fyp-comment-send .zax-fyp-send-icon {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 2.2 !important;
    transform: translate3d(1px, -1px, 0);
}

@media (max-width: 760px) {
    #zaxsecurity-app .zax-fyp-comments > form.zax-comment-composer,
    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments > form.zax-comment-composer.is-keyboard-docked {
        grid-template-columns: 32px 34px minmax(0, 1fr) 44px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #zaxsecurity-app .zax-fyp-comments > form.zax-comment-composer .zax-fyp-comment-send .zax-fyp-send-icon {
        animation: none !important;
    }
}

/* 1.18.17: keep the saved AI image and audio library app-like on phones. */
@media (max-width: 767px) {
    #zaxsecurity-app .zax-ai-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #zaxsecurity-app .zax-ai-library-card {
        min-width: 0;
        border-radius: 15px;
    }

    #zaxsecurity-app .zax-ai-library-visual { min-height: 108px; }
    #zaxsecurity-app .zax-ai-library-copy { padding: 9px; }
    #zaxsecurity-app .zax-ai-library-copy h3 { font-size: 11px; }
    #zaxsecurity-app .zax-ai-library-prompt { min-height: 44px; font-size: 9px; line-height: 1.4; }
    #zaxsecurity-app .zax-ai-library-actions { gap: 4px; }
    #zaxsecurity-app .zax-ai-library-actions a { min-height: 28px; padding: 4px; font-size: 8px; }
}

/* 1.18.6 last authority: generic submit styling must never flatten send icons. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled) {
    border-color: rgba(171, 255, 237, .50) !important;
    color: #effff9 !important;
    background-color: #178f86 !important;
    background-image: linear-gradient(145deg, #16bfa3 0%, #3278c8 62%, #7659d6 118%) !important;
    text-shadow: 0 1px 2px rgba(1, 26, 31, .30) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):hover,
body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):focus-visible {
    border-color: rgba(230, 255, 249, .82) !important;
    color: #fff !important;
    background-image: linear-gradient(145deg, #35d2b3 0%, #417ed8 57%, #896ee4 118%) !important;
}

/* 1.18.6 final authority: composer sends remain distinct from generic submits. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled) {
    border-color: rgba(171, 255, 237, .50) !important;
    color: #effff9 !important;
    background-color: #178f86 !important;
    background-image: linear-gradient(145deg, #16bfa3 0%, #3278c8 62%, #7659d6 118%) !important;
    text-shadow: 0 1px 2px rgba(1, 26, 31, .30) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):hover,
body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):focus-visible {
    border-color: rgba(230, 255, 249, .82) !important;
    color: #fff !important;
    background-image: linear-gradient(145deg, #35d2b3 0%, #417ed8 57%, #896ee4 118%) !important;
}

/* 1.18.6: one signature motion system for every message and comment send. */
#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send) {
    position: relative !important;
    isolation: isolate !important;
    display: inline-grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(171, 255, 237, .50) !important;
    color: #effff9 !important;
    background: linear-gradient(145deg, #16bfa3 0%, #3278c8 62%, #7659d6 118%) !important;
    box-shadow: 0 9px 24px rgba(30, 202, 170, .28), inset 0 1px rgba(255, 255, 255, .34), inset 0 -8px 15px rgba(3, 33, 43, .18) !important;
    transition: transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send)::before {
    position: absolute;
    z-index: -1;
    inset: 5px;
    border: 1px solid rgba(235, 255, 250, .38);
    border-radius: inherit;
    box-shadow: 0 0 0 0 rgba(104, 255, 222, .30);
    content: '';
    animation: zax-send-silk-pulse 2.8s ease-in-out infinite;
    pointer-events: none;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send)::after {
    position: absolute;
    z-index: -1;
    top: -24%;
    left: -54%;
    width: 46%;
    height: 148%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .48), transparent);
    content: '';
    opacity: .58;
    transform: skewX(-21deg);
    animation: zax-send-silk-sheen 3.8s ease-in-out infinite;
    pointer-events: none;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send) .zax-send-icon,
#zaxsecurity-app .zax-chat-send .zax-chat-send-icon {
    position: relative !important;
    z-index: 1 !important;
    width: 19px !important;
    height: 19px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 1.9 !important;
    filter: drop-shadow(0 1px 1px rgba(1, 26, 31, .28));
    transform: translate3d(1px, -1px, 0);
    animation: zax-send-plane-idle 2.8s ease-in-out infinite;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):hover,
#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):focus-visible {
    border-color: rgba(230, 255, 249, .82) !important;
    filter: brightness(1.10) saturate(1.08) !important;
    box-shadow: 0 12px 29px rgba(41, 225, 190, .36), inset 0 1px rgba(255, 255, 255, .50), inset 0 -8px 15px rgba(3, 33, 43, .12) !important;
    transform: translateY(-2px) scale(1.025) !important;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):active {
    filter: brightness(.98) saturate(1.12) !important;
    transform: translateY(1px) scale(.94) !important;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):active .zax-send-icon,
#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):not(:disabled):active .zax-chat-send-icon {
    animation: zax-send-plane-launch .38s cubic-bezier(.14, .86, .27, 1.22) both !important;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):disabled {
    border-color: rgba(173, 217, 207, .15) !important;
    color: rgba(234, 255, 249, .55) !important;
    background: linear-gradient(145deg, #335552, #3c4c65) !important;
    box-shadow: none !important;
}

#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):disabled::before,
#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):disabled::after,
#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):disabled .zax-send-icon,
#zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send):disabled .zax-chat-send-icon {
    animation: none !important;
}

@keyframes zax-send-silk-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(104, 255, 222, .0); opacity: .70; }
    50% { box-shadow: 0 0 0 5px rgba(104, 255, 222, .16); opacity: 1; }
}

@keyframes zax-send-silk-sheen {
    0%, 58% { left: -54%; opacity: 0; }
    68% { opacity: .6; }
    86%, 100% { left: 122%; opacity: 0; }
}

@keyframes zax-send-plane-idle {
    0%, 100% { transform: translate3d(1px, -1px, 0) rotate(0deg); }
    48% { transform: translate3d(3px, -3px, 0) rotate(-4deg); }
}

@keyframes zax-send-plane-launch {
    0% { transform: translate3d(1px, -1px, 0) scale(1) rotate(0deg); }
    55% { transform: translate3d(5px, -7px, 0) scale(.88) rotate(-12deg); opacity: .55; }
    100% { transform: translate3d(1px, -1px, 0) scale(1) rotate(0deg); opacity: 1; }
}

@media (max-width: 760px) {
    #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send) {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 15px !important;
    }

    #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send) .zax-send-icon,
    #zaxsecurity-app .zax-chat-send .zax-chat-send-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send),
    #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send)::before,
    #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send)::after,
    #zaxsecurity-app :is(.zax-comment-send, .zax-chat-send, .zax-ai-send) .zax-send-icon,
    #zaxsecurity-app .zax-chat-send .zax-chat-send-icon {
        animation: none !important;
        transition: none !important;
    }
}

/* 1.18.3: exact private-message viewport geometry for the iOS FYP reader.
   Safari may pan its visual viewport during focus; use that same measured
   offset for the entire comments surface, never a competing layout offset. */
@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-ios-comment-composer-docked .zax-community-page.is-active.is-fyp-active {
        position: fixed !important;
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar, 62px)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        overflow: hidden !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        contain: layout paint style !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar, 62px)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        transform: translate3d(0, 0, 0) !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        position: fixed !important;
        z-index: 2147482500 !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }
}

/* 1.17.8: Community private messages use one fixed iOS keyboard dock.
   Safari may pan the document while a textarea receives focus; the composer
   is deliberately outside that document flow, while only the chat history
   is allowed to scroll. */
@media (max-width: 760px) {
    html.zax-ios-chat-keyboard-lock body.zaxsecurity-portal-page.zax-ios-chat-composer-docked > .zax-chat-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-chat-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: flex !important;
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        contain: layout style !important;
        will-change: auto !important;
    }

    html.zax-ios-chat-keyboard-lock body.zaxsecurity-portal-page.zax-ios-chat-composer-docked .zax-community-page.is-active.is-chat-active {
        position: fixed !important;
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar)) !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html.zax-ios-chat-keyboard-lock body.zaxsecurity-portal-page.zax-ios-chat-composer-docked .zax-chat-thread {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(var(--zax-chat-composer-height, 62px) + 18px) !important;
        scroll-padding-bottom: calc(var(--zax-chat-composer-height, 62px) + 22px) !important;
    }
}

/* 1.14.8: the comment sheet is a complete interaction boundary. The FYP
   stays visible as a backdrop, but no touch, wheel, keyboard, or iOS visual
   viewport movement can advance it while a member is writing a reply. */
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed,
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed.is-comment-scroll-locked {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
    scroll-behavior: auto !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]),
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) :is(.zax-fyp-comment-list, .zax-comment-textbox, textarea, input, button) {
    touch-action: pan-y !important;
}

@media (max-width: 760px) {
    /* Do not follow Safari's rapidly changing visual-viewport offset with the
       global header. The sheet has its own stable scroll surface instead. */
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        top: 0 !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: 0 !important;
        will-change: auto !important;
        transform: translateZ(0) !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
        overflow-anchor: none !important;
        scroll-behavior: auto !important;
    }
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    scrollbar-width: none;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
    pointer-events: auto !important;
    overscroll-behavior: contain !important;
}

/* The Cyber FYP header reuses the same protected ZaxSecurity mark as the
   centered mobile footer action. */
.zax-fyp-brand-tab {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.zax-fyp-nav-brand-icon {
    display: inline-grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
}

.zax-fyp-nav-brand-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar,
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: top;
    }

    .zax-fyp-nav-brand-icon {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
}

/* 1.14.2: Likes are visually confirmed the moment the optimistic request is
   made. The same TikTok-pink heart state is used in the FYP, reader, and
   comment thread, while a failed request restores the normal state in JS. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-fyp-action[data-community-react].is-active,
    .zax-fyp-detail-like.is-active,
    .zax-comment-like.is-active
) {
    color: #ff2d55 !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-fyp-action[data-community-react].is-active,
    .zax-fyp-detail-like.is-active,
    .zax-comment-like.is-active
) :is(.dashicons, svg, .zax-fyp-reader-icon) {
    color: #ff2d55 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    filter: drop-shadow(0 0 7px rgba(255, 45, 85, .52)) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-detail-like.is-active {
    border-color: rgba(255, 45, 85, .64) !important;
    background: linear-gradient(135deg, #ff2d55, #e71e48) !important;
    color: #fff !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-detail-like.is-active :is(.dashicons, svg, .zax-fyp-reader-icon) {
    color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* 1.14.3: iOS Safari may pan the document while its keyboard is animating.
   Treat an open FYP comment sheet as a dedicated viewport, matching the
   stable private-message flow: the app header and composer stay fixed while
   only the comment history is allowed to move. */
@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock,
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
        -webkit-overflow-scrolling: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        position: fixed !important;
        z-index: 2147482500 !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate3d(0, 0, 0) !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-community-page.is-fyp-active .zax-fyp-nav {
        position: sticky !important;
        z-index: 44 !important;
        top: 0 !important;
        transform: translate3d(0, 0, 0) !important;
        animation: none !important;
        transition: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        contain: layout paint style !important;
        touch-action: pan-y !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page > .zax-comment-composer.is-viewport-portaled {
        contain: layout style !important;
        will-change: top !important;
    }
}

/* 1.13.99 final visual authority: usernames and utility glyphs are frameless,
   while the Create dock item matches the scale and white tone of its peers. */
body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-page.is-fyp-active :is(
    .zax-fyp-creator-line > button,
    .zax-fyp-reshare-attribution button,
    .zax-comment-author,
    .zax-comment-meta > button,
    .zax-comment-like
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-page.is-fyp-active :is(
    .zax-fyp-creator-line > button,
    .zax-fyp-reshare-attribution button,
    .zax-comment-author,
    .zax-comment-meta > button,
    .zax-comment-like
) :is(span:not(.dashicons), strong, small, b, em),
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-fyp-caption,
    .zax-fyp-comment-list,
    .zax-mobile-dock,
    .zax-community-mobile-dock,
    .zax-topbar,
    .zax-nav
) :is(.dashicons, svg) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > button.zax-community-dock-create {
        color: #f4fffb !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > button.zax-community-dock-create .zax-community-dock-icon {
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #f4fffb !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > button.zax-community-dock-create .zax-community-dock-icon svg {
        width: 21px !important;
        height: 21px !important;
        color: #f4fffb !important;
        stroke: currentColor !important;
        stroke-width: 1.75 !important;
        filter: none !important;
    }

    body.zaxsecurity-portal-page #zaxsecurity-app .zax-community-mobile-dock > button.zax-community-dock-create .zax-community-dock-label {
        margin-top: 0 !important;
        color: #f4fffb !important;
        font-weight: 680 !important;
    }
}

/* 1.13.99: iOS comments stay on the newest message and FYP search keeps Community navigation. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-community-page-active.zax-fyp-search-open #zaxsecurity-app .zax-community-mobile-dock {
        position: fixed !important;
        z-index: 1260 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-community-keyboard-open .zax-fyp-comments.has-portaled-composer .zax-fyp-comment-list,
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-fyp-comments.has-portaled-composer .zax-fyp-comment-list {
        min-height: 0 !important;
        padding-bottom: calc(var(--zax-comment-composer-height, 68px) + 52px) !important;
        scroll-padding-bottom: calc(var(--zax-comment-composer-height, 68px) + 56px) !important;
        overscroll-behavior: contain !important;
    }
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-fyp-search-open #zaxsecurity-app .zax-community-mobile-dock {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* 1.13.83: one circular ZaxSecurity gradient identity ring everywhere. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-profile-button > span:first-child,
    .zax-profile-avatar-large,
    .zax-avatar,
    .zax-community-avatar,
    .zax-fyp-avatar,
    .zax-community-comment-avatar,
    .zax-comment-composer-avatar,
    .zax-profile-follower-avatar,
    [data-profile-avatar],
    [data-profile-followers-avatar],
    [data-fyp-detail-avatar]
) {
    overflow: hidden !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    color: #effffb !important;
    background:
        radial-gradient(circle at 32% 24%, rgba(134, 248, 218, .34), transparent 43%) padding-box,
        linear-gradient(145deg, #102b25, #17172e) padding-box,
        linear-gradient(135deg, #7cf3d3 0%, #35caa4 44%, #8c70ee 100%) border-box !important;
    box-shadow: 0 7px 20px rgba(35, 201, 161, .19), 0 0 0 2px rgba(124, 243, 211, .07) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-profile-button > span:first-child,
    .zax-profile-avatar-large,
    .zax-avatar,
    .zax-community-avatar,
    .zax-fyp-avatar,
    .zax-community-comment-avatar,
    .zax-comment-composer-avatar,
    .zax-profile-follower-avatar,
    [data-profile-avatar],
    [data-profile-followers-avatar],
    [data-fyp-detail-avatar]
) > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
    clip-path: circle(50% at 50% 50%) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-profile-button {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* cPanel commerce is retired; legacy order records remain stored but are not exposed in the active interface. */
.zax-admin-hosting-page .zax-domain-admin-orders + .zax-table-panel {
    display: none !important;
}

/* 1.13.83: TikTok-style Cyber FYP discovery. */
body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-search-open {
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 8px;
    border: 0 !important;
    color: #effffb !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-search-open .dashicons {
    width: 22px;
    height: 22px;
    color: #77efd0 !important;
    font-size: 22px;
    line-height: 22px;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-search-open > span:not(.dashicons) {
    font-size: 11px;
    font-weight: 760;
}

.zax-fyp-search-sheet {
    position: fixed;
    z-index: 100080;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
}

.zax-fyp-search-sheet[hidden] {
    display: none !important;
}

.zax-fyp-search-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(1, 8, 7, .78) !important;
    -webkit-backdrop-filter: blur(13px) saturate(125%);
    backdrop-filter: blur(13px) saturate(125%);
}

.zax-fyp-search-sheet > section {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(860px, 100%);
    height: min(780px, calc(var(--zax-visual-viewport-height, 100dvh) - 36px));
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(128, 242, 211, .2);
    border-radius: 26px;
    color: #eafff9;
    background:
        radial-gradient(circle at 8% 4%, rgba(54, 224, 181, .13), transparent 27%),
        radial-gradient(circle at 92% 14%, rgba(128, 92, 244, .14), transparent 29%),
        linear-gradient(155deg, #0a1715 0%, #07110f 54%, #0b101b 100%) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .56), inset 0 1px rgba(255, 255, 255, .06);
}

.zax-fyp-search-sheet > section > header {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(128, 242, 211, .13);
    background: rgba(5, 15, 13, .94);
}

.zax-fyp-search-back,
.zax-fyp-search-cancel,
.zax-fyp-search-field > button {
    border: 0 !important;
    color: #effffb !important;
    background: transparent !important;
    box-shadow: none !important;
}

.zax-fyp-search-back {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    cursor: pointer;
}

.zax-fyp-search-cancel {
    min-height: 38px;
    padding: 6px 4px;
    font-size: 12px;
    font-weight: 780;
    cursor: pointer;
}

.zax-fyp-search-field {
    display: grid;
    min-width: 0;
    grid-template-columns: 24px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 7px;
    padding: 5px 8px 5px 13px;
    border: 1px solid rgba(122, 240, 208, .2);
    border-radius: 15px;
    background: #11221f;
    box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 10px 28px rgba(0, 0, 0, .18);
}

.zax-fyp-search-field > .dashicons {
    color: #71ebca;
}

.zax-fyp-search-field input {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0;
    border: 0 !important;
    outline: 0;
    color: #f4fffc;
    background: transparent !important;
    box-shadow: none !important;
    font: inherit;
    font-size: 14px;
}

.zax-fyp-search-field input::placeholder {
    color: #8ba49e;
}

.zax-fyp-search-field > button {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    cursor: pointer;
}

.zax-fyp-search-body {
    height: auto;
    min-height: 0;
    max-height: 100%;
    box-sizing: border-box;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding: 20px 22px 34px;
    -webkit-overflow-scrolling: touch;
}

.zax-fyp-search-intro {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.zax-fyp-search-intro > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(119, 239, 208, .25);
    border-radius: 17px;
    color: #82f3d4;
    background: linear-gradient(145deg, rgba(36, 181, 145, .2), rgba(98, 69, 202, .16));
}

.zax-fyp-search-intro > span .dashicons {
    width: 25px;
    height: 25px;
    font-size: 25px;
}

.zax-fyp-search-intro small,
.zax-fyp-search-intro p,
.zax-fyp-search-result-copy > small,
.zax-fyp-search-result-copy > span,
.zax-fyp-search-result-creator small {
    color: #9eb4ae;
}

.zax-fyp-search-intro h2 {
    margin: 3px 0 6px;
    color: #f1fffb;
    font-size: clamp(19px, 2.4vw, 28px);
    line-height: 1.18;
}

.zax-fyp-search-intro p {
    max-width: 690px;
    margin: 0;
    font-size: 12px;
    line-height: 1.65;
}

.zax-fyp-search-topics {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    margin: 18px 0 14px;
    padding: 1px 0 5px;
    scrollbar-width: none;
}

.zax-fyp-search-topics::-webkit-scrollbar {
    display: none;
}

body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-search-topics > button {
    min-height: 33px;
    flex: 0 0 auto;
    padding: 6px 11px;
    border: 1px solid rgba(123, 240, 209, .18) !important;
    border-radius: 999px;
    color: #c8fff0 !important;
    background: #10231f !important;
    box-shadow: none !important;
    font-size: 11px;
    font-weight: 720;
    cursor: pointer;
}

.zax-fyp-search-status {
    min-height: 28px;
    color: #b8d3cc;
    font-size: 12px;
    font-weight: 700;
}

.zax-fyp-search-status.is-loading::before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border: 2px solid rgba(119, 239, 208, .25);
    border-top-color: #77efd0;
    border-radius: 50%;
    content: "";
    vertical-align: -2px;
    animation: zax-fyp-refresh-spin .7s linear infinite;
}

.zax-fyp-search-results {
    display: grid;
    gap: 10px;
}

.zax-fyp-search-result {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    border: 1px solid rgba(121, 238, 207, .13);
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(18, 39, 34, .94), rgba(12, 22, 29, .96));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result-open {
    display: grid;
    min-width: 0;
    grid-template-columns: 86px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 13px;
    padding: 10px;
    border: 0 !important;
    text-align: left;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
}

.zax-fyp-search-result-visual {
    position: relative;
    display: grid;
    width: 86px;
    height: 76px;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    color: #7af0d0;
    background: radial-gradient(circle at 34% 28%, rgba(102, 235, 199, .24), transparent 45%), linear-gradient(145deg, #14322b, #18172d);
}

.zax-fyp-search-result-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-fyp-search-result-visual video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #050b0a;
    object-fit: cover;
}

.zax-fyp-search-video-badge {
    position: absolute;
    right: 7px;
    bottom: 7px;
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #f4fffc;
    background: rgba(2, 11, 9, .78);
    box-shadow: 0 5px 16px rgba(0, 0, 0, .34);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    font-size: 9px;
    font-weight: 800;
    pointer-events: none;
}

.zax-fyp-search-video-badge .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
}

body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result.is-video-result .zax-fyp-search-result-open {
    grid-template-columns: 126px minmax(0, 1fr) 24px;
}

.zax-fyp-search-result.is-video-result .zax-fyp-search-result-visual {
    width: 126px;
    height: 148px;
    border: 1px solid rgba(122, 240, 208, .17);
    border-radius: 15px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

.zax-fyp-search-result-visual .dashicons {
    width: 26px;
    height: 26px;
    font-size: 26px;
}

.zax-fyp-search-result-copy {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.zax-fyp-search-result-copy > strong {
    overflow: hidden;
    color: #f2fffb;
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-search-result-copy > small {
    font-size: 10px;
    font-weight: 760;
}

.zax-fyp-search-result-copy > span {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zax-fyp-search-result-arrow {
    color: #74ebcb;
}

body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result-creator {
    display: flex;
    min-width: 144px;
    align-items: center;
    gap: 8px;
    margin-right: 12px;
    padding: 7px 8px;
    border: 0 !important;
    border-left: 1px solid rgba(121, 238, 207, .12) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left;
    cursor: pointer;
}

.zax-fyp-search-result-creator > span:first-child {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    overflow: hidden;
    border: 2px solid #5de2bd;
    border-radius: 50%;
    color: #06251d;
    background: linear-gradient(145deg, #8ff5d7, #6f67d8);
    font-size: 10px;
    font-weight: 850;
}

.zax-fyp-search-result-creator img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zax-fyp-search-result-creator > span:last-child {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.zax-fyp-search-result-creator strong {
    overflow: hidden;
    color: #eafff8;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zax-fyp-search-result-creator small {
    font-size: 9px;
}

.zax-fyp-search-empty {
    display: grid;
    min-height: 220px;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 30px;
    border: 1px dashed rgba(123, 240, 209, .2);
    border-radius: 20px;
    color: #77efd0;
    text-align: center;
    background: rgba(14, 31, 27, .62);
}

.zax-fyp-search-empty strong {
    color: #effffb;
}

.zax-fyp-search-empty small {
    max-width: 430px;
    color: #9db3ad;
    line-height: 1.5;
}

@media (max-width: 900px) {
    body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-search-open {
        width: 34px;
        min-width: 34px;
        min-height: 38px;
        padding: 5px 3px;
    }

    body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-search-open > span:not(.dashicons) {
        display: none;
    }

    .zax-fyp-search-sheet {
        padding: max(4px, env(safe-area-inset-top)) 0 0;
        background: #07110f;
    }

    .zax-fyp-search-sheet > section {
        width: 100%;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - max(4px, env(safe-area-inset-top)));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 20px 20px 0 0;
    }

    .zax-fyp-search-sheet > section > header {
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 6px;
        padding: 9px 10px;
    }

    .zax-fyp-search-back {
        width: 34px;
        height: 38px;
    }

    .zax-fyp-search-field {
        border-radius: 13px;
    }

    .zax-fyp-search-field input {
        height: 35px;
        font-size: 13px;
    }

    .zax-fyp-search-body {
        height: auto;
        padding: 15px 11px calc(34px + env(safe-area-inset-bottom));
    }

    .zax-fyp-search-intro {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
    }

    .zax-fyp-search-intro > span {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .zax-fyp-search-intro h2 {
        margin-top: 2px;
        font-size: 17px;
    }

    .zax-fyp-search-intro p {
        font-size: 11px;
    }

    .zax-fyp-search-result {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        border-radius: 17px;
    }

    body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result-open {
        grid-template-columns: 72px minmax(0, 1fr) 18px;
        gap: 10px;
        padding: 9px;
    }

    .zax-fyp-search-result-visual {
        width: 72px;
        height: 68px;
        border-radius: 12px;
    }

    body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result.is-video-result .zax-fyp-search-result-open {
        grid-template-columns: 100px minmax(0, 1fr) 18px;
        align-items: center;
    }

    .zax-fyp-search-result.is-video-result .zax-fyp-search-result-visual {
        width: 100px;
        height: 132px;
        border-radius: 13px;
    }

    .zax-fyp-search-result.is-video-result .zax-fyp-search-result-creator {
        margin-left: 118px !important;
    }

    .zax-fyp-search-result-copy > strong {
        font-size: 12px;
    }

    body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result-creator {
        min-width: 0;
        margin: 0 9px 8px 90px;
        padding: 5px 0 0;
        border-left: 0 !important;
        border-top: 1px solid rgba(121, 238, 207, .1) !important;
    }

    .zax-fyp-search-result-creator > span:first-child {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    body.zax-fyp-search-open.zax-community-page-active .zax-community-mobile-dock {
        display: grid !important;
    }
}

/* 1.13.95: contained silk Cyber FYP discovery page with persistent app chrome. */
@media (max-width: 900px) {
    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-topbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open.zax-community-page-active .zax-community-mobile-dock {
        z-index: 1250 !important;
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-sheet {
        z-index: 1230 !important;
        inset: var(--zax-topbar) 0 calc(58px + env(safe-area-inset-bottom)) 0 !important;
        min-height: 0 !important;
        padding: 6px 7px 0 !important;
        overflow: hidden !important;
        place-items: stretch !important;
        background:
            radial-gradient(circle at 12% 0, rgba(73, 232, 193, .14), transparent 34%),
            radial-gradient(circle at 90% 18%, rgba(137, 111, 242, .14), transparent 32%),
            linear-gradient(165deg, #071713 0%, #06110f 52%, #0b1020 100%) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-backdrop {
        display: none !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-sheet > section {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(112, 239, 207, .18) !important;
        border-bottom: 0 !important;
        border-radius: 21px 21px 0 0 !important;
        background:
            linear-gradient(180deg, rgba(10, 29, 25, .98), rgba(6, 17, 15, .99) 54%, rgba(8, 13, 23, .99)) !important;
        box-shadow: 0 -10px 34px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .055) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-sheet > section > header {
        position: sticky !important;
        top: 0 !important;
        z-index: 5 !important;
        min-height: 58px !important;
        grid-template-columns: 36px minmax(0, 1fr) auto !important;
        gap: 7px !important;
        padding: 8px 9px !important;
        border-bottom: 1px solid rgba(119, 239, 207, .13) !important;
        border-radius: 20px 20px 0 0 !important;
        background: linear-gradient(180deg, rgba(7, 24, 20, .98), rgba(7, 19, 17, .96)) !important;
        box-shadow: 0 9px 24px rgba(0, 0, 0, .2) !important;
        -webkit-backdrop-filter: blur(18px) saturate(135%);
        backdrop-filter: blur(18px) saturate(135%);
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-back {
        width: 36px !important;
        height: 40px !important;
        border: 1px solid rgba(108, 235, 203, .16) !important;
        border-radius: 13px !important;
        color: #8af2d4 !important;
        background: linear-gradient(145deg, rgba(73, 213, 177, .1), rgba(117, 95, 217, .09)) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-field {
        min-height: 42px !important;
        grid-template-columns: 22px minmax(0, 1fr) 30px !important;
        gap: 6px !important;
        padding: 3px 5px 3px 11px !important;
        border: 1px solid rgba(113, 239, 207, .2) !important;
        border-radius: 14px !important;
        background: linear-gradient(145deg, rgba(18, 49, 41, .92), rgba(15, 28, 39, .94)) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 8px 20px rgba(0, 0, 0, .16) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-field:focus-within {
        border-color: rgba(102, 244, 207, .48) !important;
        box-shadow: 0 0 0 3px rgba(78, 228, 190, .08), 0 10px 24px rgba(0, 0, 0, .2) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-field input {
        height: 36px !important;
        color: #f3fffb !important;
        font-size: 16px !important;
        font-weight: 560 !important;
        -webkit-text-fill-color: currentColor !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-cancel {
        min-width: 46px !important;
        min-height: 40px !important;
        padding: 5px 4px !important;
        color: #aef7e4 !important;
        font-size: 11px !important;
        font-weight: 760 !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-body {
        min-height: 0 !important;
        padding: 11px 10px 22px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scroll-padding: 12px 0 24px !important;
        background:
            radial-gradient(circle at 7% 4%, rgba(70, 225, 186, .07), transparent 25%),
            linear-gradient(180deg, rgba(4, 14, 12, .28), rgba(7, 10, 18, .48)) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-intro {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
        padding: 11px !important;
        border: 1px solid rgba(111, 238, 205, .14) !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 0 0, rgba(73, 230, 191, .12), transparent 42%),
            linear-gradient(145deg, rgba(16, 43, 37, .78), rgba(17, 22, 38, .82)) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 10px 25px rgba(0, 0, 0, .13) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-intro > span {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        background: linear-gradient(145deg, rgba(61, 218, 179, .2), rgba(120, 94, 226, .2)) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 18px rgba(44, 210, 171, .12) !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-intro h2 {
        margin-top: 1px !important;
        color: #f0fffb !important;
        font-size: 16px !important;
        line-height: 1.22 !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-intro p {
        margin-top: 4px !important;
        color: #9dbbb3 !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-topics {
        display: flex !important;
        gap: 7px !important;
        margin: 0 -10px 9px !important;
        padding: 0 10px 4px !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-topics::-webkit-scrollbar {
        display: none;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-topics > button {
        min-width: max-content !important;
        min-height: 34px !important;
        padding: 7px 11px !important;
        scroll-snap-align: start;
        border: 1px solid rgba(113, 238, 207, .16) !important;
        border-radius: 999px !important;
        color: #c9fff1 !important;
        background: linear-gradient(145deg, rgba(18, 48, 40, .88), rgba(22, 27, 44, .88)) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .04) !important;
        font-size: 10px !important;
        font-weight: 720 !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-status {
        min-height: 25px !important;
        padding: 0 2px !important;
        color: #a8c8c0 !important;
        font-size: 10px !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-results {
        gap: 9px !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-result {
        border-color: rgba(111, 238, 205, .14) !important;
        border-radius: 18px !important;
        background: linear-gradient(145deg, rgba(14, 37, 32, .96), rgba(12, 19, 32, .98)) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .04) !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result-open,
    body.zaxsecurity-portal-page .zax-fyp-search-sheet .zax-fyp-search-result-creator {
        color: #effffb !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-text-fill-color: currentColor !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-result-copy > span,
    body.zaxsecurity-portal-page.zax-fyp-search-open .zax-fyp-search-result-creator small {
        color: #91ada6 !important;
    }
}

body.zaxsecurity-portal-page #zaxsecurity-app button:not(.zax-more-backdrop):not(.zax-search-backdrop) :is(span:not(.dashicons), strong, small, em),
body.zaxsecurity-portal-page #zaxsecurity-app :is(a.zax-button, a.zax-action, a.zax-more-logout) :is(span:not(.dashicons), strong, small, em) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-button-primary,
    .zax-button-light,
    [data-purchase],
    [data-buy],
    [data-submit-payment],
    [data-vendor-product-submit],
    [data-community-publish],
    [data-send-message],
    [type="submit"]
):not(:disabled):not(.zax-comment-send):not(.zax-chat-send):not(.zax-ai-send) {
    color: #f5fffc !important;
    background-color: #147b68 !important;
    background-image: linear-gradient(135deg, #168d76 0%, #176f78 52%, #514099 112%) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .34) !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app button:disabled {
    color: #a7bbb5 !important;
    -webkit-text-fill-color: currentColor !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .is-danger,
    .zax-danger,
    .zax-delete,
    .zax-notification-delete,
    [data-delete],
    [data-remove],
    [data-decline]
):not(:disabled) {
    color: #ffb8c6 !important;
}

/* 1.13.83: text-only labels must not sit inside translucent mini-cards. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-home-kicker,
    .zax-market-kicker,
    .zax-isp-kicker,
    .zax-live-kicker,
    .zax-status-chip,
    .zax-rate-admin-badge,
    .zax-order-status,
    .zax-type-label,
    .zax-commerce-state,
    .zax-badge,
    .zax-rdp-provider-state,
    .zax-rdp-live-badge,
    .zax-hosting-trust,
    .zax-rate-status,
    .zax-checkout-type,
    .zax-isp-admin-status,
    .zax-foundation-sequence,
    .zax-member-card-meta > span,
    .zax-market-product-trust > span,
    .zax-rdp-hero-chips > span,
    .zax-isp-feature-chips > span,
    .zax-isp-carrier-strip > span,
    .zax-community-editor-hints > span,
    .zax-verification-points > span,
    .zax-live-topics > span,
    .zax-platform-status > span,
    .zax-live-comments > span,
    .zax-fyp-video-toggle > small,
    .zax-isp-proxy-card > header em,
    .zax-rdp-server-card > header em,
    .zax-vps-plan-group-head > em,
    .zax-vps-backup-option em,
    .zax-vip-storefront-head em,
    .zax-seller-app-actions em,
    .zax-seller-preview-cover > span
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-home-kicker,
    .zax-market-kicker,
    .zax-isp-kicker,
    .zax-live-kicker,
    .zax-status-chip,
    .zax-rate-admin-badge,
    .zax-order-status,
    .zax-type-label,
    .zax-commerce-state,
    .zax-badge,
    .zax-rdp-provider-state,
    .zax-rdp-live-badge,
    .zax-hosting-trust,
    .zax-rate-status,
    .zax-checkout-type,
    .zax-isp-admin-status,
    .zax-foundation-sequence,
    .zax-member-card-meta > span,
    .zax-market-product-trust > span,
    .zax-rdp-hero-chips > span,
    .zax-isp-feature-chips > span,
    .zax-isp-carrier-strip > span,
    .zax-community-editor-hints > span,
    .zax-verification-points > span
) {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 0 !important;
}

body.zaxsecurity-portal-page #zaxsecurity-app :is(.zax-product-visual .zax-badge, .zax-fyp-video-toggle > small, .zax-seller-preview-cover > span) {
    text-shadow: 0 2px 7px rgba(0, 0, 0, .92) !important;
}

/* 1.13.98: prose and comment copy stay clean instead of inheriting glass-card paint. */
body.zaxsecurity-portal-page #zaxsecurity-app .zax-page :is(h1, h2, h3, h4, h5, h6, p),
body.zaxsecurity-portal-page #zaxsecurity-app .zax-fyp-comment-list :is(
    .zax-comment-content,
    .zax-comment-identity,
    .zax-comment-author,
    .zax-comment-vip,
    .zax-comment-content > em,
    .zax-comment-content > p,
    .zax-comment-meta,
    .zax-comment-meta > time,
    .zax-comment-meta > button,
    .zax-comment-like > b
) {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Navigation and notification numbers remain solid, compact indicators. */
body.zaxsecurity-portal-page #zaxsecurity-app :is(
    .zax-nav button > b,
    .zax-market-filters button > b,
    .zax-seller-tabs button > b,
    [data-community-message-badge],
    [data-notification-count]
) {
    border-color: transparent !important;
    color: #f6fffc !important;
    background-color: #147b68 !important;
    background-image: linear-gradient(135deg, #168d76, #514099) !important;
    box-shadow: 0 3px 10px rgba(20, 123, 104, .24) !important;
    -webkit-text-fill-color: currentColor !important;
}

/* 1.14.8 final FYP sheet authority: retain the post as a backdrop but freeze
   every feed gesture while a member is reading or replying to comments. */
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed,
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-feed.is-comment-scroll-locked {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
    scroll-behavior: auto !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open::before {
    pointer-events: auto !important;
    touch-action: none !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]),
body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) :is(.zax-fyp-comment-list, .zax-comment-textbox, textarea, input, button) {
    touch-action: pan-y !important;
}

@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        top: 0 !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: 0 !important;
        will-change: auto !important;
        transform: translateZ(0) !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
        overflow-anchor: none !important;
        scroll-behavior: auto !important;
    }
}

/* 1.18.2 final viewport authority: align the FYP comment reader with the
   proven private-message keyboard layout. */
@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-topbar {
        position: fixed !important;
        z-index: 2147482500 !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        position: fixed !important;
        z-index: 2147482200 !important;
        top: var(--zax-topbar, 62px) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: var(--zax-topbar, 62px) !important;
        bottom: auto !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-ios-comment-composer-docked > .zax-comment-composer.is-viewport-portaled {
        position: fixed !important;
        z-index: 2147483000 !important;
        top: var(--zax-ios-comment-composer-top, auto) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        margin: 0 !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        contain: layout style !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding-bottom: calc(var(--zax-comment-composer-height, 64px) + 52px) !important;
        scroll-padding-bottom: calc(var(--zax-comment-composer-height, 64px) + 56px) !important;
        overscroll-behavior: contain !important;
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overflow-anchor: none !important;
    }
}

/* 1.18.3 final: FYP comments use the private-message visual viewport surface. */
@media (max-width: 760px) {
    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-ios-comment-composer-docked .zax-community-page.is-active.is-fyp-active {
        position: fixed !important;
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar, 62px)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        overflow: hidden !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        contain: layout paint style !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page .zax-topbar {
        position: fixed !important;
        z-index: 2147482500 !important;
        top: var(--zax-visual-viewport-top, 0px) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        position: fixed !important;
        z-index: 2147482200 !important;
        top: calc(var(--zax-visual-viewport-top, 0px) + var(--zax-topbar, 62px)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - var(--zax-topbar, 62px)) !important;
        overflow: hidden !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        animation: none !important;
        contain: layout paint style !important;
        will-change: auto !important;
    }
}

/* Final polish for the Cyber FYP "View full post" reader. */
body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header {
    border-bottom-color: rgba(117, 241, 215, .17) !important;
    background: linear-gradient(90deg, rgba(3, 13, 11, .985), rgba(6, 24, 24, .95) 54%, rgba(12, 16, 32, .97)) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .2) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close] {
    border-color: rgba(108, 239, 210, .28) !important;
    color: #c8fff1 !important;
    background: linear-gradient(145deg, rgba(42, 217, 187, .2), rgba(83, 69, 195, .18)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 10px 24px rgba(0, 0, 0, .24) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close]:hover {
    border-color: rgba(139, 255, 231, .54) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 12px 27px rgba(32, 216, 180, .2) !important;
    transform: translateX(-2px) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll {
    background-image: linear-gradient(90deg, rgba(44, 223, 186, .03) 1px, transparent 1px), linear-gradient(rgba(44, 223, 186, .025) 1px, transparent 1px) !important;
    background-size: 42px 42px !important;
    scrollbar-color: rgba(91, 237, 208, .44) transparent;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author {
    align-items: center !important;
    gap: 12px !important;
    padding: 5px 0 20px !important;
    border-bottom: 1px solid rgba(132, 235, 213, .12);
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span {
    border-color: rgba(130, 247, 220, .34) !important;
    background: linear-gradient(145deg, #1bd1af, #4169d7 88%) !important;
    box-shadow: 0 11px 26px rgba(19, 204, 169, .2), inset 0 1px rgba(255, 255, 255, .28) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span:hover {
    box-shadow: 0 14px 30px rgba(48, 231, 193, .3), inset 0 1px rgba(255, 255, 255, .32) !important;
    transform: translateY(-2px) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2 {
    max-width: 20ch;
    color: #f5fffb !important;
    font-weight: 760 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy {
    max-width: 72ch;
    color: rgba(228, 248, 241, .88) !important;
    font-size: 15px !important;
    line-height: 1.82 !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy p {
    margin: 0 0 18px !important;
    color: inherit !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > footer {
    border-top-color: rgba(115, 239, 212, .19) !important;
    background: radial-gradient(circle at 52% -160%, rgba(80, 233, 203, .27), transparent 58%), linear-gradient(100deg, rgba(3, 15, 13, .985), rgba(6, 24, 25, .98) 55%, rgba(12, 16, 32, .985)) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
    border-color: rgba(118, 240, 212, .21) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .09) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
    gap: 7px !important;
    color: #d9f8f0 !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):hover {
    color: #f7fffc !important;
    background: linear-gradient(135deg, rgba(44, 215, 182, .18), rgba(91, 75, 224, .17)) !important;
    box-shadow: 0 8px 18px rgba(41, 213, 180, .12) !important;
    transform: translateY(-2px) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):active {
    transform: translateY(0) scale(.95) !important;
}

/* 1.18.4: signature silk action icons for the Cyber FYP post reader. */
body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
    display: grid !important;
    min-width: min(100%, 320px) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 7px !important;
    border: 1px solid rgba(126, 240, 214, .22) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 18% 0, rgba(73, 235, 201, .16), transparent 42%),
        linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025)) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .1) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 15px !important;
    color: #e8fffa !important;
    background: linear-gradient(150deg, rgba(7, 26, 25, .9), rgba(12, 21, 35, .84)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 7px 15px rgba(0, 0, 0, .16) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share)::after {
    position: absolute;
    top: 0;
    left: -60%;
    width: 42%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
    content: '';
    opacity: 0;
    pointer-events: none;
    transform: skewX(-20deg);
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share):hover::after {
    opacity: 1;
    animation: zax-fyp-reader-action-sheen .66s ease both;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-reader-icon {
    box-sizing: content-box !important;
    width: 17px !important;
    height: 17px !important;
    padding: 7px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .025)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .11), 0 5px 12px rgba(0, 0, 0, .16) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-save .zax-fyp-reader-icon {
    color: #77f1db !important;
    background: linear-gradient(145deg, rgba(42, 221, 188, .26), rgba(26, 102, 111, .18)) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-like .zax-fyp-reader-icon {
    color: #ff9db3 !important;
    background: linear-gradient(145deg, rgba(255, 74, 116, .23), rgba(162, 55, 104, .17)) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-share .zax-fyp-reader-icon {
    color: #b5a8ff !important;
    background: linear-gradient(145deg, rgba(117, 94, 244, .28), rgba(54, 88, 186, .17)) !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) > span:not(.dashicons) {
    overflow: hidden;
    color: currentColor !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: -.015em !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-like > b {
    display: inline-grid;
    min-width: 17px;
    height: 17px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    color: #eafff9 !important;
    background: rgba(255, 255, 255, .07);
    font-size: 8px !important;
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-save.is-active .zax-fyp-reader-icon,
body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-like.is-active .zax-fyp-reader-icon {
    border-color: rgba(255, 255, 255, .32) !important;
    color: #fff !important;
    animation: zax-fyp-reader-icon-pulse .56s cubic-bezier(.2, .85, .28, 1.16) both;
}

@keyframes zax-fyp-reader-action-sheen {
    from { left: -60%; }
    to { left: 124%; }
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-actions {
        width: 100% !important;
        min-width: 0 !important;
        gap: 5px !important;
        padding: 5px !important;
        border-radius: 17px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
        min-height: 45px !important;
        gap: 5px !important;
        padding: 5px !important;
        border-radius: 13px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-reader-icon {
        width: 16px !important;
        height: 16px !important;
        padding: 5px !important;
        border-radius: 10px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) > span:not(.dashicons) {
        font-size: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share)::after {
        animation: none !important;
    }
}

/* 1.18.5: TikTok-style Cyber FYP comments stay a compact bottom drawer.
   The post remains visible behind the reader, while the feed itself remains
   locked so a comment swipe never pages the video underneath. */
body.zaxsecurity-portal-page.zax-fyp-comments-open::before {
    background: linear-gradient(180deg, rgba(0, 7, 7, .10), rgba(0, 7, 7, .34)) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
    position: fixed !important;
    z-index: 2147482200 !important;
    top: auto !important;
    right: clamp(16px, 2vw, 30px) !important;
    bottom: max(20px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    display: grid !important;
    width: min(440px, calc(100vw - 40px)) !important;
    height: min(70dvh, 680px) !important;
    max-height: calc(100dvh - 150px) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    border: 1px solid rgba(130, 245, 220, .24) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 92% 0, rgba(89, 238, 208, .14), transparent 28%),
        linear-gradient(160deg, rgba(7, 24, 24, .985), rgba(7, 14, 23, .985)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 255, 255, .10) !important;
    transform: translate3d(0, 0, 0) !important;
    animation: zax-tiktok-comments-desktop .24s cubic-bezier(.2, .8, .28, 1) both !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > header {
    min-height: 60px !important;
    padding: 8px 12px !important;
    border-bottom-color: rgba(132, 242, 218, .14) !important;
    background: linear-gradient(110deg, rgba(7, 27, 26, .985), rgba(13, 18, 36, .96)) !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > header::before {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 34px;
    height: 4px;
    border-radius: 999px;
    background: rgba(221, 255, 246, .42);
    content: '';
    transform: translateX(-50%);
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comment-list {
    padding: 9px 15px calc(var(--zax-comment-composer-height, 68px) + 52px) !important;
    overscroll-behavior: contain !important;
    scroll-padding-bottom: calc(var(--zax-comment-composer-height, 68px) + 56px) !important;
}

body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > form.zax-comment-composer {
    border-top-color: rgba(132, 242, 218, .14) !important;
    background: linear-gradient(115deg, rgba(6, 27, 26, .985), rgba(11, 17, 33, .98)) !important;
    box-shadow: 0 -12px 30px rgba(0, 0, 0, .20), inset 0 1px rgba(255, 255, 255, .05) !important;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: var(--zax-comment-drawer-height, min(68dvh, 580px)) !important;
        min-height: 272px !important;
        max-height: min(70dvh, 580px) !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-radius: 28px 28px 0 0 !important;
        animation: zax-tiktok-comments-mobile .24s cubic-bezier(.2, .8, .28, 1) both !important;
    }

    body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) > header {
        min-height: 58px !important;
        padding-top: 12px !important;
    }

    html.zax-ios-comment-keyboard-lock body.zaxsecurity-portal-page.zax-fyp-comments-open .zax-fyp-comments:not([hidden]) {
        top: auto !important;
        bottom: 0 !important;
        height: min(var(--zax-comment-drawer-height, 320px), calc(var(--zax-visual-viewport-height, 100dvh) - 8px)) !important;
        min-height: 0 !important;
        max-height: calc(var(--zax-visual-viewport-height, 100dvh) - 8px) !important;
        contain: layout style !important;
    }
}

@keyframes zax-fyp-reader-icon-pulse {
    0%, 100% { transform: translateZ(0) scale(1) rotate(0deg); filter: drop-shadow(0 0 0 rgba(89, 246, 213, 0)); }
    48% { transform: translateZ(0) scale(1.14) rotate(-6deg); filter: drop-shadow(0 0 9px rgba(89, 246, 213, .48)); }
}

body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-share):hover .zax-fyp-reader-icon {
    animation: zax-fyp-reader-icon-pulse .58s ease both;
}

@media (max-width: 760px) {
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll {
        padding-bottom: 21px !important;
        background-size: 34px 34px !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-scroll > h2 {
        max-width: 100%;
        letter-spacing: -.028em !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-copy {
        font-size: 14px !important;
        line-height: 1.74 !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share) {
        min-height: 42px !important;
        gap: 5px !important;
        font-size: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page :is(.zax-fyp-detail-save, .zax-fyp-detail-like, .zax-fyp-detail-share),
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page > section > header button[data-fyp-detail-header-close],
    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-detail-author > span {
        transition: none !important;
    }

    body.zaxsecurity-portal-page .zax-fyp-detail-sheet.is-profile-post-page .zax-fyp-reader-icon {
        animation: none !important;
    }
}