/* Template index: reuse the settings page's card, controls and dialog design. */
.super-option-list-page .cube-sol-search-panel { display: grid; grid-template-columns: minmax(240px,1fr) minmax(280px,420px); align-items: center; gap: 16px; padding: 14px 16px; background: var(--so-soft); border: 1px solid var(--so-line); border-radius: 10px; }
.super-option-list-page .cube-sol-search-panel label { font-size: 13px; font-weight: 700; color: var(--so-ink); line-height: 1.4; }
.super-option-list-page .cube-sol-search-field { position: relative; min-width: 0; }
.super-option-list-page .cube-sol-search-field > i { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); color: var(--so-muted); font-size: 14px; pointer-events: none; z-index: 1; }
.super-option-list-page .cube-sol-search-field input { box-sizing: border-box; width: 100%; height: 36px; min-height: 36px; padding: 0 38px 0 36px; border: 1px solid #dce2ec; border-radius: 8px; color: var(--so-ink); background: var(--so-card); font-size: 13px; box-shadow: none; }
.super-option-list-page .cube-sol-search-field input::-webkit-search-cancel-button { display: none; }
.super-option-list-page .cube-sol-search-field input:focus { border-color: #ff8d9e; box-shadow: 0 0 0 2px rgba(255,89,111,.09); outline: none; }
.super-option-list-page .cube-sol-search-field .cube-so-icon-button { position: absolute; top: 3px; right: 4px; width: 30px; height: 30px; border: 0; background: transparent; z-index: 1; }
.super-option-list-page .cube-sol-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 16px 0 10px; }
.super-option-list-page #cube-sol-count { margin: 0; color: var(--so-muted); font-size: 12px; }
.super-option-list-page .cube-sol-page-size { display: flex; align-items: center; gap: 8px; }
.super-option-list-page .cube-sol-page-size label { margin: 0; color: var(--so-muted); font-size: 12px; white-space: nowrap; }
.super-option-list-page .cube-sol-page-size select { box-sizing: border-box; height: 36px; width: 68px; padding: 0 8px; border: 1px solid var(--so-line); border-radius: 8px; background: var(--so-card); color: var(--so-ink); font-size: 12px; }
.super-option-list-page .cube-sol-table { width: 100%; table-layout: fixed; margin: 0; background: var(--so-card); }
.super-option-list-page .cube-sol-table th, .super-option-list-page .cube-sol-table td { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--so-line); color: var(--so-ink); font-size: 13px; vertical-align: middle; overflow-wrap: anywhere; }
.super-option-list-page .cube-sol-table thead th { background: var(--so-soft); color: var(--so-muted); font-size: 12px; font-weight: 700; }
.super-option-list-page .cube-sol-table tbody tr:last-child td { border-bottom: 0; }
.super-option-list-page .cube-sol-table tbody tr:hover { background: #fcfcfe; }
.super-option-list-page .cube-sol-summary-col { width: 200px; }
.super-option-list-page .cube-sol-products-col { width: 170px; }
.super-option-list-page .cube-sol-action-col { width: 100px; }
.super-option-list-page .cube-sol-name { display: inline; color: var(--so-ink); font-size: 14px; font-weight: 600; line-height: 1.5; }
.super-option-list-page .cube-sol-name:hover { color: #ed5c73; text-decoration: underline; }
.super-option-list-page .cube-sol-id { color: var(--so-muted); font-size: 11px; margin-top: 2px; line-height: 1.4; }
.super-option-list-page .cube-sol-summary { color: var(--so-muted); font-size: 12px; }
.super-option-list-page .cube-sol-mobile-summary { display: none; }
.super-option-list-page .cube-sol-mobile-products { display: none; }
.super-option-list-page .cube-sol-product-count { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 4px 8px; border-radius: 999px; background: #fff0f3; color: #b83d54; font-size: 12px; line-height: 1.4; }
.super-option-list-page .cube-sol-product-count > i { flex: 0 0 auto; font-size: 11px; }
.super-option-list-page .cube-sol-product-count.is-muted { background: var(--so-soft); color: var(--so-muted); }
.super-option-list-page button.cube-sol-product-count { border: 1px solid transparent; cursor: pointer; font-family: inherit; height: 36px; text-align: left; }
.super-option-list-page button.cube-sol-product-count:hover { border-color: #ffc2cd; background: #ffe6ec; color: #b83d54; }
.super-option-list-page button.cube-sol-product-count:focus-visible { outline: 2px solid #ff596f; outline-offset: 2px; }
.super-option-list-page .cube-sol-match { margin: 4px 0 0; color: #a77546; font-size: 11px; line-height: 1.4; }
.super-option-list-page .cube-sol-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.super-option-list-page .cube-sol-pagination button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--so-line); border-radius: 50%; background: var(--so-card); color: var(--so-muted); font-size: 12px; cursor: pointer; }
.super-option-list-page .cube-sol-pagination button[aria-current="page"] { border-color: #ff596f; background: #ff596f; color: #fff; font-weight: 700; }
.super-option-list-page .cube-sol-pagination > span { color: var(--so-muted); font-size: 12px; padding: 0 3px; }
.super-option-list-modal .modal-content { max-width: 520px; }
.super-option-list-modal .modal-card-foot { justify-content: flex-end; }
.super-option-list-modal .modal-card-body { padding-top: 20px; padding-bottom: 24px; }
@media (max-width: 767px) {
    .super-option-list-page .cube-sol-search-panel { grid-template-columns: minmax(0,1fr); gap: 10px; padding: 12px; }
    .super-option-list-page .cube-sol-summary-col, .super-option-list-page .cube-sol-summary-cell,
    .super-option-list-page .cube-sol-products-col, .super-option-list-page .cube-sol-products-cell { display: none; }
    .super-option-list-page .cube-sol-mobile-summary { display: inline; }
    .super-option-list-page .cube-sol-mobile-products { display: block; margin-top: 5px; }
    .super-option-list-page .cube-sol-action-col { width: 88px; }
    .super-option-list-page .cube-sol-table th, .super-option-list-page .cube-sol-table td { padding: 12px; }
    .super-option-list-page .cube-sol-pagination { justify-content: center; }
}
@media (max-width: 420px) {
    .super-option-list-page .cube-so-header > .cube-so-button { margin-left: auto; }
    .super-option-list-page .cube-sol-toolbar { align-items: center; }
    .super-option-list-page #cube-sol-count { max-width: calc(100% - 120px); }
}
body.is-dark .super-option-list-page .cube-sol-search-field input,
body.is-dark .super-option-list-page .cube-sol-page-size select { background: var(--so-card) !important; color: var(--so-ink) !important; border-color: var(--so-line) !important; }
body.is-dark .super-option-list-page .cube-sol-table tbody tr:hover { background: var(--so-soft) !important; }
body.is-dark .super-option-list-page .cube-sol-name { color: var(--so-ink); }
body.is-dark .super-option-list-page .cube-sol-match { color: #e2ba92 !important; }
body.is-dark .super-option-list-page .cube-sol-product-count { background: #432b38; color: #ffb3c0; }
body.is-dark .super-option-list-page .cube-sol-product-count.is-muted { background: var(--so-soft); color: var(--so-muted); }
body.is-dark .super-option-list-page .cube-sol-pagination button { background: var(--so-card); color: var(--so-ink); }
body.is-dark .super-option-list-page .cube-sol-pagination button[aria-current="page"] { background: #ff596f !important; color: #fff !important; border-color: #ff596f !important; }
.super-option-list-modal.is-submitting .h-modal-close { pointer-events: none; }