.surface{background:linear-gradient(150deg,#dce8ff,#edf2ff 35%,#f4f7fb);border:1px solid #c8d8f8;border-radius:20px;padding:24px 20px 20px;margin-bottom:20px}.surface-header{margin-bottom:18px}.surface-title{font-size:28px;font-weight:700;letter-spacing:-.7px;margin:0 0 6px;line-height:1.2}.surface-sub{font-size:13px;color:var(--ink-soft);margin:0;font-weight:500}.search-wrap{position:relative;margin-bottom:12px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-soft);pointer-events:none}.search{width:100%;font:inherit;font-size:15.5px;padding:13px 18px 13px 46px;border:1.5px solid rgba(31,79,196,.2);border-radius:999px;background:var(--card);color:var(--ink);box-shadow:0 2px 10px #16243d14}.search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f4fc424}.search::placeholder{color:#9aa7b8}.filter-row{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-sel{font:inherit;font-size:13.5px;font-weight:500;padding:8px 32px 8px 14px;flex-shrink:0;border:1.5px solid var(--line);border-radius:999px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234a5a74' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center;color:var(--ink);cursor:pointer;appearance:none;-webkit-appearance:none}.filter-sel:focus{outline:none;border-color:var(--accent)}.status-pills{display:flex;gap:7px;flex-wrap:wrap}.spill{font:inherit;font-size:13px;font-weight:500;padding:7px 15px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}.spill:hover{border-color:var(--accent);color:var(--ink)}.spill.on{background:var(--accent);border-color:var(--accent);color:#fff}.sdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.quickpick-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid rgba(31,79,196,.12)}.quickpick-label{font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;margin-right:2px}.qpill{font:inherit;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;border:1.5px solid var(--line);background:#ffffffb3;color:var(--ink);cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}.qpill:hover{border-color:var(--accent);background:#1f4fc40f}.qpill.on{background:var(--accent);border-color:var(--accent);color:#fff}.chips-wrap{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:12px;max-height:108px;overflow-y:auto;background:#ffffffb3}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chips-label{font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px;margin-right:4px}.chip{font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:500;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;color:var(--ink)}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.results-head{font-size:13px;color:var(--ink-soft);font-weight:500;margin-bottom:10px;min-height:18px}.pag-wrap{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}.pag-pages{display:flex;gap:4px;align-items:center}.pag-arrow{font:inherit;font-size:13.5px;font-weight:600;padding:8px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:6px;transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.pag-arrow:hover:not([disabled]){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pag-arrow[disabled]{opacity:.3;cursor:default}.pag-num{font:inherit;font-size:13px;font-weight:500;min-width:36px;height:36px;padding:0 6px;border-radius:8px;border:1.5px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s,color .12s}.pag-num:hover{background:var(--paper);color:var(--ink)}.pag-num.on{background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent);box-shadow:0 2px 8px #1f4fc440}.pag-dots{color:var(--ink-soft);font-size:14px;padding:0 4px;user-select:none;line-height:36px}.pag-info{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:8px;margin-bottom:28px}.row-legs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.leg{font-size:11px;font-weight:600;padding:2px 7px;background:#1f4fc414;color:var(--accent);border-radius:999px;white-space:nowrap}@media(max-width:480px){.surface-title{font-size:22px}.filter-row{flex-wrap:wrap}.filter-sel{font-size:12.5px}.qpill{font-size:12px;padding:5px 10px}}