.filament-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow-x:auto}.filament-table{border-collapse:collapse;width:100%;min-width:58rem}.filament-table th,.filament-table td{text-align:left;vertical-align:middle;padding:.75rem .7rem}.filament-table tr>:first-child{padding-left:1rem}.filament-table tr>:last-child{padding-right:.75rem}.filament-table thead th{border-bottom:1px solid var(--line);color:var(--muted);vertical-align:bottom;font-size:.8125rem;font-weight:600;line-height:1.25}.filament-table tbody tr+tr>*{border-top:1px solid var(--line)}.filament-table tbody tr[data-low=true]{background:color-mix(in srgb, var(--warn-bg) 55%, transparent)}.filament-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.filament-table .row-head{font-weight:inherit}.filament-number{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.filament-cell{align-items:center;gap:.75rem;min-width:11rem;display:flex}.spool{flex:none;width:2.5rem;height:2.5rem}.spool-fill{stroke:var(--muted);stroke-opacity:.55;stroke-width:1.25px}.filament-name{font-weight:600}.filament-meta{color:var(--muted);font-size:.8125rem}.row-toggle{display:none}.stepper{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex}.stepper button{cursor:pointer;border-radius:50%;width:2.25rem;height:2.25rem;font-size:1.1rem}.stepper button:hover:not(:disabled){background:var(--paper)}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.open-spools{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:8.5rem;display:flex}.open-spool{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.15rem;padding:.15rem .2rem .15rem .6rem;display:inline-flex}.open-spool input{text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;width:4.5ch;padding:.1rem 0;font-weight:600}.open-spool input::-webkit-inner-spin-button{display:none}.open-spool .unit{color:var(--muted);font-size:.8125rem}.open-spool button{width:1.6rem;height:1.6rem;color:var(--muted);cursor:pointer;border-radius:50%}.open-spool button:hover{background:var(--paper);color:var(--ink)}.link-btn{color:var(--accent);cursor:pointer;padding:.25rem 0;font-size:.8125rem;font-weight:600}.link-btn:disabled{color:var(--muted);opacity:.6;cursor:not-allowed}.stock-amount{font-weight:700}.stock-rolls{color:var(--muted);font-size:.8125rem;display:block}.badge{background:var(--warn-bg);color:var(--warn);border-radius:999px;margin-top:.3rem;padding:.1rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.row-actions{white-space:nowrap;justify-content:flex-end;gap:.25rem;display:flex}.icon-btn{width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--paper);color:var(--ink)}.icon-btn-danger:hover{color:var(--danger)}.icon-btn svg{width:1.1rem;height:1.1rem}.action-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-state{color:var(--muted);text-align:center;padding:3rem 1rem}.empty-state p{margin-bottom:1rem}@media (width<=52rem){.filament-table-wrap{background:0 0;border:0;overflow:visible}.filament-table{min-width:0}.filament-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.filament-table,.filament-table tbody,.filament-table td,.filament-table tbody th{display:block}.filament-table tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;margin-bottom:.75rem;padding:.5rem 0;display:flex}.filament-table tbody tr+tr>*{border-top:0}.filament-table tbody th.row-head{border-bottom:1px solid var(--line);order:-1;padding:.5rem 1rem .75rem}.filament-table td{text-align:right;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.filament-table td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:.8125rem}.filament-cell{text-align:left;min-width:0}.filament-table .open-spools{justify-content:flex-end;min-width:0}.row-actions{border-top:1px solid var(--line);padding-top:.75rem}.icon-btn{border-radius:999px;gap:.4rem;width:auto;padding-inline:.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.action-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.filament-table tbody tr[data-expanded=false]>td{display:none}.filament-table tbody tr[data-expanded=false]>th.row-head{border-bottom:0;padding-bottom:.5rem}.row-toggle{width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.row-toggle:hover{background:var(--paper);color:var(--ink)}.row-toggle svg{width:1.1rem;height:1.1rem;transition:transform .2s}.row-toggle[aria-expanded=true] svg{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.row-toggle svg{transition:none}}