
/* Coverage pass: search/filter/results pattern. Reuses locked typography, palette, grid and geometry. */
html#shellDemo #listScreen.search-page-live{max-width:1920px}
html#shellDemo #listScreen.search-page-live>.ex-toolbar{display:none!important}
html#shellDemo #listScreen.search-page-live .sh-page-heading{margin-bottom:18px}
html#shellDemo #listScreen.search-page-live .sh-list-footer{margin-top:16px;padding:12px 16px;border:1px solid var(--c-border);border-radius:10px;background:#fff}

.sp-filter-panel{position:relative;padding:18px 18px 14px;margin:0 0 16px;background:#fff;border:1px solid var(--c-border);border-radius:12px;box-shadow:0 1px 2px rgba(32,45,54,.025),0 5px 14px rgba(32,45,54,.03);overflow:visible;z-index:12}
.sp-filter-grid{display:grid;grid-template-columns:minmax(260px,1.75fr) minmax(190px,1.15fr) minmax(165px,.95fr) minmax(145px,.8fr) minmax(165px,.95fr) minmax(165px,.95fr) auto;gap:10px;align-items:end}
.sp-field{position:relative;min-width:0}
.sp-field-label{display:block;margin:0 0 6px;font-size:12px;line-height:16px;font-weight:500;color:var(--c-muted)}
.sp-search-shell{position:relative}
.sp-search-shell>.i{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--c-icon-ink);pointer-events:none}
html#shellDemo .sp-search-input{width:100%;height:40px;border:1px solid var(--c-field-border);border-bottom-color:var(--c-field-bottom);border-radius:8px;background:#fff;padding:0 34px 0 38px;color:var(--c-text);font:400 13px/20px var(--ui-font),Arial,sans-serif;outline:none}
html#shellDemo .sp-search-input::placeholder{color:var(--c-placeholder)}
html#shellDemo .sp-search-input:hover{border-color:var(--c-field-hover);border-bottom-color:var(--c-field-bottom-hover)}
html#shellDemo .sp-search-input:focus{border-color:var(--c-focus);box-shadow:none}
.sp-search-clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--c-muted);display:grid;place-items:center;cursor:pointer}.sp-search-clear:hover{background:var(--c-hover);color:var(--c-text)}.sp-search-clear .i{width:15px;height:15px}

.sp-filter-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid var(--c-field-border);border-bottom-color:var(--c-field-bottom);border-radius:8px;background:#fff;color:var(--c-text);font:500 13px/20px var(--ui-font),Arial,sans-serif;text-align:left;cursor:pointer;min-width:0}
.sp-filter-trigger:hover{border-color:var(--c-field-hover);border-bottom-color:var(--c-field-bottom-hover)}
.sp-filter-trigger[aria-expanded=true]{border-color:var(--c-focus)}
.sp-filter-trigger>.sp-trigger-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-filter-trigger>.i{width:15px;height:15px;flex:none;color:var(--c-muted)}
.sp-more-trigger{height:40px;white-space:nowrap;border:1px solid var(--c-content-action-border);border-radius:8px;background:#fff;color:var(--c-content-action-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font:500 13px/20px var(--ui-font),Arial,sans-serif;cursor:pointer}.sp-more-trigger:hover{background:var(--c-content-action-hover);border-color:var(--c-content-action-hover-border)}.sp-more-trigger .i{width:16px;height:16px}.sp-more-count{display:none;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:var(--c-selected);color:var(--c-selected-ink);font-size:11px;line-height:20px;text-align:center}.sp-more-count[data-count]:not([data-count="0"]){display:inline-block}

.sp-popover{position:absolute;top:calc(100% + 7px);left:0;z-index:50;width:330px;max-width:min(440px,calc(100vw - 40px));padding:10px;background:#fff;border:1px solid var(--c-border);border-radius:11px;box-shadow:0 18px 50px rgba(32,45,54,.14),0 3px 10px rgba(32,45,54,.06)}
.sp-popover[hidden]{display:none!important}.sp-popover-wide{width:390px}.sp-popover-right{left:auto;right:0}
.sp-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 9px}.sp-popover-head strong{font-size:13px;line-height:20px;font-weight:600}.sp-popover-head button{border:0;background:none;color:var(--c-content-action-ink);font-size:12px;line-height:18px;padding:4px 2px;cursor:pointer}
.sp-suggest-section{padding:5px 0}.sp-suggest-section+.sp-suggest-section{border-top:1px solid var(--c-border);margin-top:4px;padding-top:9px}.sp-suggest-title{padding:0 8px 5px;font-size:11px;line-height:16px;font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.045em}.sp-suggest-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 8px;border:0;border-radius:7px;background:#fff;text-align:left;color:var(--c-text);cursor:pointer;font:400 13px/19px var(--ui-font),Arial,sans-serif}.sp-suggest-item:hover,.sp-suggest-item:focus-visible{background:var(--c-selected);outline:none}.sp-suggest-item>.i{width:16px;height:16px;color:var(--c-content-action-ink);flex:none}.sp-suggest-item small{display:block;font-size:11px;line-height:16px;color:var(--c-muted);margin-top:1px}
.sp-pop-search{position:relative;margin-bottom:8px}.sp-pop-search>.i{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--c-muted)}.sp-pop-search input{width:100%;height:36px;border:1px solid var(--c-field-border);border-radius:7px;padding:0 10px 0 32px;font:400 13px/18px var(--ui-font),Arial,sans-serif;outline:none}.sp-pop-search input:focus{border-color:var(--c-focus)}
.sp-options{max-height:270px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c-scroll) transparent}.sp-option-group+.sp-option-group{border-top:1px solid var(--c-border);margin-top:7px;padding-top:7px}.sp-option-caption{font-size:11px;line-height:16px;color:var(--c-muted);font-weight:600;padding:4px 7px}.sp-check{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px;border-radius:7px;cursor:pointer;font-size:13px;line-height:20px;color:var(--c-text)}.sp-check:hover{background:var(--c-hover)}.sp-check input{width:17px;height:17px;margin:0;accent-color:var(--c-action);flex:none}.sp-check span{min-width:0}.sp-check small{margin-left:auto;color:var(--c-muted);font-size:11px}
.sp-pop-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 2px 1px;border-top:1px solid var(--c-border);margin-top:8px}.sp-pop-foot .btn{height:36px!important;min-height:36px!important;font-size:12px!important;padding:0 10px!important}

.sp-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sp-range-input{position:relative}.sp-range-input span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--c-muted);pointer-events:none}.sp-range-input input{width:100%;height:38px;border:1px solid var(--c-field-border);border-radius:7px;padding:0 44px 0 10px;font:500 13px/20px var(--ui-font),Arial,sans-serif;color:var(--c-text);outline:none}.sp-range-input input:focus{border-color:var(--c-focus)}
.sp-dual{--a:0%;--b:100%;height:30px;position:relative;margin:0 4px 8px}.sp-dual:before{content:'';position:absolute;left:0;right:0;top:13px;height:4px;border-radius:99px;background:linear-gradient(to right,#E6EAED 0 var(--a),var(--c-action) var(--a) var(--b),#E6EAED var(--b) 100%)}.sp-dual input[type=range]{position:absolute;left:0;top:3px;width:100%;height:24px;margin:0;background:transparent;appearance:none;pointer-events:none}.sp-dual input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.sp-dual input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;border:2px solid #fff;background:var(--c-action);box-shadow:0 1px 4px rgba(32,45,54,.25);pointer-events:auto;cursor:pointer}.sp-dual input[type=range]::-moz-range-track{height:4px;background:transparent}.sp-dual input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:var(--c-action);box-shadow:0 1px 4px rgba(32,45,54,.25);pointer-events:auto;cursor:pointer}
.sp-presets{display:flex;flex-wrap:wrap;gap:6px}.sp-preset{min-height:30px;padding:4px 9px;border:1px solid var(--c-border);border-radius:7px;background:#fff;color:var(--c-text-secondary);font-size:12px;line-height:18px;cursor:pointer}.sp-preset:hover{background:var(--c-selected);border-color:var(--c-selected-border);color:var(--c-selected-ink)}
.sp-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-choice{height:36px;border:1px solid var(--c-border);border-radius:7px;background:#fff;color:var(--c-text-secondary);font:500 13px/20px var(--ui-font),Arial,sans-serif;cursor:pointer}.sp-choice:hover{background:var(--c-hover)}.sp-choice[aria-pressed=true]{background:var(--c-selected);border-color:var(--c-selected-border);color:var(--c-selected-ink);font-weight:600}
.sp-radio-list{display:grid;gap:3px}.sp-radio{width:100%;min-height:38px;padding:8px 9px;border:0;border-radius:7px;background:#fff;color:var(--c-text);font:400 13px/20px var(--ui-font),Arial,sans-serif;text-align:left;cursor:pointer}.sp-radio:hover{background:var(--c-hover)}.sp-radio[aria-pressed=true]{background:var(--c-selected);color:var(--c-selected-ink);font-weight:600}

.sp-active-row{display:flex;align-items:center;gap:8px;min-height:32px;padding-top:13px;margin-top:13px;border-top:1px solid var(--c-border)}.sp-chip-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.sp-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 6px 3px 9px;border-radius:7px;background:var(--c-subtle);color:var(--c-text-secondary);font-size:12px;line-height:18px}.sp-filter-chip button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--c-muted);padding:0;cursor:pointer}.sp-filter-chip button:hover{background:#E8ECEF;color:var(--c-text)}.sp-filter-chip .i{width:13px;height:13px}.sp-reset-all{border:0;background:transparent;color:var(--c-content-action-ink);padding:5px 4px;font-size:12px;line-height:18px;font-weight:500;cursor:pointer;white-space:nowrap}.sp-reset-all:hover{text-decoration:underline;text-underline-offset:3px}.sp-active-empty{color:var(--c-muted);font-size:12px;line-height:18px}

.sp-results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;min-height:42px}.sp-results-copy{display:flex;align-items:baseline;gap:8px;min-width:0}.sp-results-copy strong{font-size:16px;line-height:24px;font-weight:600;color:var(--c-text)}.sp-results-copy span{font-size:12px;line-height:18px;color:var(--c-muted)}.sp-results-actions{display:flex;align-items:center;gap:8px;position:relative}.sp-results-actions>.btn{height:40px!important;min-height:40px!important;font-size:13px!important}.sp-sort-wrap{position:relative}.sp-sort-menu{width:230px}.sp-sort-item{width:100%;height:38px;padding:0 10px;border:0;border-radius:7px;background:#fff;text-align:left;font:400 13px/20px var(--ui-font),Arial,sans-serif;color:var(--c-text);cursor:pointer}.sp-sort-item:hover{background:var(--c-hover)}.sp-sort-item[aria-pressed=true]{background:var(--c-selected);color:var(--c-selected-ink);font-weight:600}

html#shellDemo .sp-more-dialog{width:min(660px,100vw)!important}.sp-more-dialog .v6-dialog-content{display:grid;gap:24px}.sp-filter-section{display:grid;gap:10px}.sp-filter-section h3{font-size:15px;line-height:22px;font-weight:600;margin:0}.sp-filter-section p{font-size:12px;line-height:18px;color:var(--c-muted);margin:0}.sp-multi-grid{display:flex;flex-wrap:wrap;gap:7px}.sp-drawer-range{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:360px}.sp-drawer-range input{height:40px;border:1px solid var(--c-field-border);border-radius:8px;padding:0 10px;font:400 13px/20px var(--ui-font),Arial,sans-serif;outline:none}.sp-drawer-range input:focus{border-color:var(--c-focus)}.sp-more-dialog .v6-drawer-footer{justify-content:flex-end}.sp-more-dialog .v6-drawer-footer .btn{min-width:0!important}.sp-more-dialog .v6-drawer-footer .primary{min-width:160px!important}

@container sg-frame (max-width:1450px){.sp-filter-grid{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr));}.sp-field:nth-child(5),.sp-field:nth-child(6),.sp-more-cell{grid-row:2}.sp-field:nth-child(5){grid-column:1}.sp-field:nth-child(6){grid-column:2}.sp-more-cell{grid-column:3;align-self:end}}
@container sg-frame (max-width:900px){.sp-filter-grid{grid-template-columns:1fr 1fr}.sp-query-cell{grid-column:1/-1}.sp-field:nth-child(5),.sp-field:nth-child(6),.sp-more-cell{grid-row:auto;grid-column:auto}.sp-more-trigger{width:100%}.sp-results-bar{align-items:flex-start;flex-wrap:wrap}.sp-results-actions{margin-left:auto}}
@container sg-frame (max-width:560px){.sp-filter-panel{padding:14px}.sp-filter-grid{grid-template-columns:1fr}.sp-query-cell{grid-column:auto}.sp-popover{position:fixed;left:12px!important;right:12px!important;top:auto!important;bottom:12px;width:auto;max-width:none;max-height:min(70dvh,620px);overflow:auto}.sp-active-row{align-items:flex-start;flex-wrap:wrap}.sp-reset-all{margin-left:auto}.sp-results-actions{width:100%;margin-left:0}.sp-results-actions>.btn,.sp-sort-wrap{flex:1}.sp-sort-wrap>.btn{width:100%}.sp-results-copy{display:grid;gap:0}.sp-results-copy strong{font-size:15px}.sp-more-dialog{width:100vw!important}}
@media(max-width:800px){.sp-filter-trigger,.sp-search-input,.sp-more-trigger{height:44px!important}.sp-results-actions>.btn{height:44px!important;min-height:44px!important}.sp-choice{height:40px}}
