.stat-card{display:flex;align-items:center;gap:.65rem;height:100%;cursor:pointer}.stat-info{min-width:0;flex:1}.stat-value,.stat-label{margin:0}.stat-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--bs-primary);color:var(--bs-white)}.stat-icon.in-stock{background:var(--bs-success)}.stat-icon.out-stock{background:var(--bs-warning);color:var(--bs-dark)}.stat-icon.used-up{background:var(--bs-secondary)}.stat-icon.destroyed{background:var(--bs-danger)}#sampleResults{min-width:0;container:sample-list / inline-size}#sampleResults>.card-body{padding:0;container-type:normal}.sample-results-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;padding:1rem 1.1rem .6rem}.sample-results-heading h4{margin:0;font-size:1rem}.sample-results-heading small{color:var(--hp-muted)}.sample-column-head,.sample-group-head{display:grid;grid-template-columns:minmax(11rem,1.2fr) minmax(8rem,.8fr) minmax(14rem,1.6fr) minmax(7rem,.7fr) auto;gap:.75rem;align-items:center}.sample-column-head{margin-inline:1.1rem;padding:.45rem 0;color:var(--hp-muted);font-size:.75rem;border-bottom:1px solid var(--hp-border)}.sample-group{padding:.8rem 1.1rem;border-bottom:1px solid var(--hp-border);min-width:0}.sample-group:last-child{border-bottom:0}.sample-group-head>*,.sample-item>*{min-width:0}.sample-group.is-open{background:color-mix(in srgb,var(--hp-subtle) 45%,var(--hp-surface))}.sample-copy{border:0;background:none;padding:.15rem 0;color:var(--bs-primary-text-emphasis);text-align:start;overflow-wrap:anywhere;max-width:100%}.sample-uid{font-size:.9rem;font-weight:600}.sample-group-meta{margin-top:.1rem;font-size:.7rem;color:var(--hp-muted);line-height:1.5;overflow-wrap:anywhere}.sample-group-time{font-size:.775rem;color:var(--hp-muted);overflow-wrap:anywhere}.sample-group-composition{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem}.sample-group-count{font-size:.8125rem;white-space:nowrap;color:var(--hp-ink)}.sample-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.sample-badge{display:inline-flex;align-items:center;padding:.18rem .45rem;border-radius:.35rem;font-size:.725rem;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.sample-tone-primary{background:var(--bs-primary-bg-subtle);color:var(--bs-primary-text-emphasis)}.sample-tone-success{background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis)}.sample-tone-warning{background:var(--bs-warning-bg-subtle);color:var(--bs-warning-text-emphasis)}.sample-tone-danger{background:var(--bs-danger-bg-subtle);color:var(--bs-danger-text-emphasis)}.sample-tone-info{background:var(--bs-info-bg-subtle);color:var(--bs-info-text-emphasis)}.sample-tone-secondary{background:var(--bs-secondary-bg-subtle);color:var(--bs-secondary-text-emphasis)}.sample-match-count{display:block;margin-top:.3rem;color:var(--bs-primary-text-emphasis);font-size:.7rem}.sample-group-toggle{min-height:36px;padding:.35rem .6rem;white-space:nowrap}.sample-group-detail{margin-top:.9rem;border-top:1px solid var(--hp-border)}.sample-detail-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-top:.8rem;font-size:.8rem;color:var(--hp-muted)}.sample-type-section{margin-top:.9rem}.sample-type-section>h6{font-size:.8rem;margin:0 0 .3rem}.sample-item-list{list-style:none;padding:0;margin:0}.sample-item{display:grid;grid-template-columns:minmax(11rem,1.2fr) minmax(5rem,.5fr) minmax(10rem,1.5fr) auto;align-items:center;gap:.5rem .75rem;border-bottom:1px solid var(--hp-border);padding:.45rem 0}.sample-item:last-child{border-bottom:0}.sample-item>.sample-badge{justify-self:start}.sample-item-identity{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem}.sample-code{font-family:var(--bs-font-monospace);font-size:.8rem}.sample-item-info{font-size:.775rem;line-height:1.5;color:var(--hp-muted);overflow-wrap:anywhere}.sample-item-actions{display:flex;gap:.35rem}.sample-item-actions .btn{font-size:.75rem;min-height:32px;white-space:nowrap}.sample-pagination{padding:.8rem 1.1rem;border-top:1px solid var(--hp-border);gap:.6rem}.pagination-info{color:var(--hp-muted);font-size:.8rem}.sample-empty{padding:2rem 1rem;color:var(--hp-muted);text-align:center}.sample-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:color-mix(in srgb,var(--hp-surface) 75%,transparent);display:flex;align-items:flex-start;justify-content:center;padding-top:4rem}.sample-loading[hidden]{display:none}#sampleLoadError{margin:.5rem 1.1rem}@container sample-list (max-width: 899px){.sample-column-head{display:none}.sample-group-head{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .7rem}.sample-group-identity{grid-column:1;grid-row:1}.sample-group-time{grid-column:1;grid-row:2}.sample-group-composition{grid-column:1 / -1;grid-row:3;margin-top:.25rem}.sample-group-status{grid-column:1 / -1;grid-row:4}.sample-group-toggle{grid-column:2;grid-row:1 / 3}.sample-group-status>.sample-badges{display:inline-flex}.sample-match-count{display:inline;margin-left:.5rem}.sample-item{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .5rem}.sample-item-identity{grid-column:1;grid-row:1}.sample-item>.sample-badge{grid-column:2;grid-row:1;justify-self:end}.sample-item-info{grid-column:1;grid-row:2}.sample-item-actions{grid-column:2;grid-row:2}}@container sample-list (max-width: 599px){.sample-group{padding:.8rem .9rem}.sample-group-toggle{min-height:42px}.sample-item{padding:.65rem 0}.sample-item-actions .btn{min-height:40px;min-width:42px}.sample-group-meta,.sample-group-time{font-size:.75rem}.sample-item-identity .sample-badge{display:none}.sample-results-heading,.sample-pagination{padding:.85rem .9rem}}