.addon-panel-page { max-inline-size: 52rem; margin-inline: auto; padding-block: 1.5rem; }
.addon-panel__header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-block-end: 1rem; }
.addon-panel__header h1 { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; margin: 0; }
.addon-panel__header p { color: var(--store-muted); margin-block: .5rem 0; }
.addon-panel-dialog { padding-inline: 2rem; }
.addon-panel-dialog .addon-panel-page { padding-block: 1.5rem; }
.addon-panel-dialog :focus-visible:not([data-storefront-programmatic-focus]) { outline: 2px solid var(--store-accent); outline-offset: -3px; }
@media (max-width: 40rem) { .addon-panel-dialog { padding-inline: 1rem; } }

.addon-panel-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding-block: .75rem 1rem; border-block-end: 1px solid var(--store-border); margin-block-end: .5rem; }
.addon-panel-filter > span { font-size: .875rem; font-weight: 600; }
.addon-panel-filters .store-select__trigger { min-block-size: 2.75rem; }
@media (max-width: 30rem) { .addon-panel-filters { grid-template-columns: minmax(0, 1fr); } }

.addon-panel-filters [data-addon-filter-submit][hidden] { display: none; }
.addon-panel-filter .store-select { inline-size: 100%; }

.store-side-panel .addon-panel-page { display: flex; flex-direction: column; inline-size: 100%; max-inline-size: none; block-size: 100%; padding: 0; margin: 0; }
.store-side-panel .addon-panel__header { flex: 0 0 auto; margin: 0; padding: 1.25rem; border-block-end: 1px solid var(--store-border); }
.store-side-panel .addon-panel__header h1 { font-size: 1.375rem; }
.store-side-panel .addon-panel__header p { font-size: .9375rem; line-height: 1.45; overflow-wrap: anywhere; }
.store-side-panel .addon-panel__content { min-block-size: 0; flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 1.25rem; }
.store-side-panel .addon-panel__content .store-pagination { margin-block: 1.25rem .25rem; }