/* One compact segmented control for integrity and attestation filters. */
body.kb-surface-hub #keybox-list .kb-hub-category-controls.kb-hub-extended-filters {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: min(100%, 520px) !important;
    max-width: 100% !important;
    padding: 4px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.07), transparent 62%), rgba(11,11,12,.72) !important;
    background-clip: padding-box !important;
    -webkit-clip-path: inset(0 round 17px) !important;
    clip-path: inset(0 round 17px) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-indicator {
    top: 4px !important;
    bottom: 4px !important;
    z-index: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.025) 58%), rgba(39,39,42,.92) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px rgba(0,0,0,.16) !important;
    transition: left 260ms cubic-bezier(.22,1,.36,1), width 260ms cubic-bezier(.22,1,.36,1) !important;
    pointer-events: none !important;
}
body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 1px 8px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #a1a1a6 !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
    white-space: nowrap !important;
    text-transform: none !important;
    transform: none !important;
    cursor: pointer !important;
}
body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-label {display:block!important;min-width:0!important;max-width:100%!important;overflow:visible!important;white-space:nowrap!important}
body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-label-mobile { display: none !important; }
body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option[aria-selected="true"] {color:#f5f5f7!important;font-weight:790!important}
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list .kb-hub-category-controls.kb-hub-extended-filters {background:linear-gradient(145deg,#fff,rgba(255,255,255,.2)),rgba(239,239,244,.82)!important;box-shadow:inset 0 0 0 1px rgba(25,25,31,.1),inset 0 1px 0 #fff!important}
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-indicator {background:linear-gradient(145deg,#fff,rgba(255,255,255,.28)),rgba(224,224,230,.96)!important;box-shadow:inset 0 0 0 1px rgba(25,25,31,.09),inset 0 1px 0 #fff,0 5px 12px rgba(38,41,53,.09)!important}
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option { color: #66666f !important; }
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option[aria-selected="true"] { color: #17171b !important; }

/* One pixel-height owner for cards/loading/empty states. The JS owner measures
   only the intended Alpine state, so stale leaving nodes and the legacy 300px
   floor cannot become part of the animated target. */
html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner {
    box-sizing: border-box !important;
    height: var(--kb-hub-measured-height, 1px) !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    transition: height .52s cubic-bezier(.16,1,.3,1) !important;
}
html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner.kb-hub-list-empty {
    height: var(--kb-hub-measured-height, 1px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    transition: height .52s cubic-bezier(.16,1,.3,1) !important;
}
html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner.kb-hub-list-empty [x-show*="items.length === 0"] {
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-top: 28px !important;
    padding-bottom: 10px !important;
}
html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner.kb-hub-list-empty [x-show*="items.length === 0"] > div {
    width: min(100%, 560px) !important;
    margin-inline: auto !important;
    margin-bottom: 0 !important;
}
html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner.kb-hub-list-empty [x-show*="items.length === 0"] button {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.kb-surface-hub #keybox-list .kb-hub-category-controls.kb-hub-extended-filters {width:100%!important}
    body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option {min-height:35px!important;padding:1px 4px!important;font-size:10.5px!important;line-height:1.3!important;letter-spacing:-.025em!important}
    html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner.kb-hub-list-empty [x-show*="items.length === 0"] {padding-top:24px!important;padding-bottom:8px!important}
    html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner.kb-hub-list-empty [x-show*="items.length === 0"] button {margin-top:18px!important;margin-bottom:0!important}
}

@media (max-width: 520px) {
    body.kb-surface-hub #keybox-list .kb-hub-category-controls.kb-hub-extended-filters {grid-template-columns:.72fr 1.05fr .95fr .72fr 1.3fr!important;padding:3px!important;border-radius:15px!important;-webkit-clip-path:inset(0 round 15px)!important;clip-path:inset(0 round 15px)!important}
    body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-indicator {top:3px!important;bottom:3px!important;border-radius:12px!important}
    body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option {min-height:34px!important;padding:1px 2px!important}
}

@media (max-width: 340px) {
    body.kb-surface-hub #keybox-list .kb-hub-category-controls.kb-hub-extended-filters {grid-template-columns:.75fr 1.04fr .96fr .75fr 1.05fr!important}
    body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-option {padding-inline:1px!important;font-size:9.5px!important;letter-spacing:-.035em!important}
    body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-label-full {display:none!important}
    body.kb-surface-hub #keybox-list .kb-hub-extended-filters .kb-hub-filter-label-mobile {display:block!important}
}

@media (prefers-reduced-motion: reduce) {
    html body.kb-surface-hub #keybox-list [x-data^="keyboxManager("] .kb-hub-height-owner {transition:none!important}
}