/* Shared navigation/footer chrome and final VIP control surfaces. */

.kb-platform-footer > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.kb-platform-footer > div:first-child strong {
    color: var(--kb-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

.kb-platform-footer > div:first-child span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--kb-glow) !important;
    color: var(--kb-muted) !important;
    box-shadow: inset 0 0 0 1px var(--kb-border) !important;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    white-space: nowrap !important;
}

.kb-platform-footer > div:last-child {
    gap: 8px !important;
}

.kb-platform-footer button {
    min-height: 40px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", sans-serif !important;
    letter-spacing: -.012em !important;
}

/* The B2B sheet uses one dark Liquid surface, never a gradient or inset white rim. */
body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit),
body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit) {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 0 !important;
    outline: 0 !important;
    border-radius: 16px !important;
    background: #242429 !important;
    background-color: #242429 !important;
    background-image: none !important;
    background-size: auto !important;
    background-clip: padding-box !important;
    color: #f7f7f8 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
    filter: none !important;
    text-shadow: none !important;
    animation: none !important;
    clip-path: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    transform: translateZ(0) !important;
    transition: transform 220ms cubic-bezier(.22,1,.36,1), background-color 180ms ease, box-shadow 220ms ease, opacity 180ms ease !important;
}

body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit)::before,
body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit)::after,
body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit)::before,
body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit)::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):hover,
    body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):hover {
        background: #2d2d33 !important;
        background-image: none !important;
        box-shadow: 0 15px 32px rgba(0,0,0,.34) !important;
        transform: translateY(-1px) !important;
    }
}

body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):active,
body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):active {
    background: #202025 !important;
    transform: scale(.985) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.28) !important;
}

body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):focus-visible,
body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):focus-visible {
    box-shadow: 0 0 0 3px rgba(197,160,89,.3), 0 12px 28px rgba(0,0,0,.3) !important;
}

body.kb-surface-vip .kb-vip-modal-layer :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):disabled,
body.kb-surface-vip .kb-motion-dialog :is(button.btn-liquid, button[type="submit"].btn, .kb157-b2b-submit):disabled {
    background: #1d1d21 !important;
    color: #8f8f98 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Main-page and modal B2B actions share the same seam-free dark Liquid material. */
body.kb-surface-vip button.kb157-b2b-submit,
body.kb-surface-vip .kb1572-button-edge.kb157-b2b-submit {
    border: 0 !important;
    border-top: 0 !important;
    outline: 0 !important;
    border-radius: 16px !important;
    background: #242429 !important;
    background-color: #242429 !important;
    background-image: none !important;
    background-clip: padding-box !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
    clip-path: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    filter: none !important;
}
body.kb-surface-vip button.kb157-b2b-submit::before,
body.kb-surface-vip button.kb157-b2b-submit::after,
body.kb-surface-vip .kb1572-button-edge.kb157-b2b-submit::before,
body.kb-surface-vip .kb1572-button-edge.kb157-b2b-submit::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Checker feature icon capsules must survive the broad Liquid surface reset. */
body.kb-surface-checker .kb-checker-feature-heading {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}
body.kb-surface-checker .kb-checker-feature-icon {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin-right: 14px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.065) !important;
    background-image: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.12) !important;
    overflow: hidden !important;
}
body.kb-surface-checker .kb-checker-feature-icon > i {
    display: block !important;
    font-size: 19px !important;
    line-height: 1 !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-checker-feature-icon {
    border-color: rgba(25,25,31,.10) !important;
    background: rgba(255,255,255,.84) !important;
    box-shadow: inset 0 1px 0 #fff, 0 8px 18px rgba(38,41,53,.08) !important;
}

/* Checker empty-ad presentation owns exactly one visible surface. */
body.kb-surface-checker .kb-ad-shell[data-kb-ad-state="empty"] {
    padding: 20px !important;
    border: 0 !important;
    border-radius: 28px !important;
    background: rgba(22,22,26,.92) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 16px 36px rgba(0,0,0,.18) !important;
}
body.kb-surface-checker .kb-ad-shell[data-kb-ad-state="empty"] > .kb-ad-empty {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-ad-shell[data-kb-ad-state="empty"] {
    background: rgba(255,255,255,.90) !important;
    box-shadow: inset 0 0 0 1px rgba(25,25,31,.09), 0 14px 32px rgba(38,41,53,.09) !important;
}

/* Comparison sheet: reliable close affordance and a fully light table surface. */
.kb-compare-modal-layer [data-kb-compare-close] {
    position: relative !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer .kb-motion-dialog-panel,
html[data-kb-theme="light"] body.kb-surface-checker .kb1572-compare-modal {
    background: #f8f8fb !important;
    color: #17171b !important;
    box-shadow: inset 0 0 0 1px rgba(25,25,31,.10), 0 24px 56px rgba(38,41,53,.15) !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer .kb1572-compare-modal > div:first-child {
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(25,25,31,.09) !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer .custom-scrollbar,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer table,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer thead,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer tbody,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer tr,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer th,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer td {
    background-color: transparent !important;
    background-image: none !important;
    border-color: rgba(25,25,31,.09) !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer .custom-scrollbar {
    background: #fff !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer thead,
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer thead th {
    background: #f0f0f4 !important;
    color: #4f5059 !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer tbody tr:nth-child(even) {
    background: rgba(25,25,31,.025) !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer :is(h1,h2,h3,h4,strong,.text-white,[class*="text-[#F5F5F7]"],[class*="text-[#E1E1E3]"]) {
    color: #202025 !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer :is(p,small,[class*="text-[#A1A1A6]"],[class*="text-[#6E6E73]"],[class*="text-[#52525B]"]) {
    color: #62636d !important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer [class*="bg-[#09090b]"],
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer [class*="bg-[#0B0B0C]"],
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer [class*="bg-[#111113]"],
html[data-kb-theme="light"] body.kb-surface-checker .kb-compare-modal-layer [class*="bg-[#161618]"] {
    background-color: transparent !important;
    background-image: none !important;
}

@media (max-width:760px) {
    .kb-platform-footer > div:first-child {
        justify-content: center !important;
    }
    .kb-platform-footer > div:first-child strong {
        font-size: 16px !important;
    }
    body.kb-surface-checker .kb-ad-shell[data-kb-ad-state="empty"] {
        padding: 18px !important;
        border-radius: 24px !important;
    }
}