.clear-panel { display:grid; gap:.65rem; margin:0; padding:.75rem; border:1px solid #a8b4e44a; border-radius:.85rem; background:#171f37; }
.clear-panel legend { padding:0 .4rem; color:#dfd7ff; }
.clear-panel [data-clear-picker] { display:grid; gap:.55rem; }
.clear-panel [data-clear-catalog-status] { margin:0; font-size:.85rem; color:#cbd3ed; }
.clear-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr)); gap:.45rem; max-height:13rem; overflow:auto; padding:.15rem; }
.clear-item { display:grid; text-align:left; gap:.25rem; color:inherit; font:inherit; background:#242b47; border:1px solid #a8b4e460; border-radius:.65rem; padding:.55rem; cursor:pointer; min-width:0; }
.clear-item code { overflow-wrap:anywhere; font-size:.76rem; color:#d1ddf3; }
.clear-item:hover,.clear-item[aria-pressed=true] { border-color:#d3b5ff; background:#373052; }
.clear-item:focus-visible { outline:2px solid #a9ebff; }
.clear-summary { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.35rem .75rem; }
.clear-summary dd { margin:0; overflow-wrap:anywhere; }
.clear-summary dt { color:#cbd3ed; }