.asp-hero{border:1px solid var(--wh-border);background:var(--wh-surface-raised,var(--wh-surface));border-radius:14px;align-items:center;gap:16px;margin:0 0 14px;padding:14px 16px;display:flex}.asp-hero__main{flex-direction:column;gap:2px;display:flex}.asp-hero__label{letter-spacing:.5px;text-transform:uppercase;color:var(--wh-text-muted);font-size:11px;font-weight:700}.asp-hero__count{color:var(--wh-text);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.asp-hero__count--out{color:var(--wh-error,var(--wh-danger))}.asp-hero__unit{color:var(--wh-text-muted);margin-left:6px;font-size:13px;font-weight:500}.asp-hero__spacer{margin-left:auto}.asp-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.asp-tile{border:1px solid var(--wh-border);background:var(--wh-surface);color:var(--wh-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.asp-tile:hover{background:var(--wh-surface-hover)}.asp-tile--on{color:var(--wh-text)}.asp-tile--in.asp-tile--on{border-color:var(--wh-success);background:var(--wh-success-soft,var(--wh-success-light));color:var(--wh-success)}.asp-tile--out.asp-tile--on{border-color:var(--wh-warning);background:var(--wh-warning-soft,var(--wh-warning-light));color:var(--wh-warning)}.asp-tile--adjust.asp-tile--on{border-color:var(--wh-indigo);background:var(--wh-indigo-muted,var(--wh-indigo-light));color:var(--wh-indigo)}.asp-preview{color:var(--wh-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:inline-flex}.asp-preview__arrow{color:var(--wh-text-muted)}.asp-preview__to{color:var(--wh-text);font-weight:800}.asp-preview__to--out{color:var(--wh-error,var(--wh-danger))}.asp-row{border-bottom:1px solid var(--wh-border-light,#0000000d);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.asp-row:last-child{border-bottom:0}.asp-row__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;display:inline-flex}.asp-row__icon--in{color:var(--wh-success);background:var(--wh-success-soft,var(--wh-success-light))}.asp-row__icon--out{color:var(--wh-warning);background:var(--wh-warning-soft,var(--wh-warning-light))}.asp-row__icon--adjust{color:var(--wh-indigo);background:var(--wh-indigo-muted,var(--wh-indigo-light))}.asp-row__main{flex:1;min-width:0}.asp-row__top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.asp-row__qty{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.asp-row__qty--in{color:var(--wh-success)}.asp-row__qty--out{color:var(--wh-warning)}.asp-row__qty--adjust{color:var(--wh-text)}.asp-row__balance{color:var(--wh-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.asp-row__sub{color:var(--wh-text-secondary,var(--wh-text-muted));overflow-wrap:anywhere;margin-top:2px;font-size:12.5px}.asp-row__meta{color:var(--wh-text-muted);white-space:nowrap;text-align:right;flex-shrink:0;font-size:12px}