.stock-browser{margin-top:var(--space-5)}.stock-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:var(--space-4)}.stock-switch{display:inline-flex;border:1px solid var(--line-300);border-radius:var(--radius-pill);overflow:hidden}.stock-switch button{border:0;background:transparent;padding:8px 18px;font-size:14px;font-weight:600;color:var(--ink-700);cursor:pointer}.stock-switch button.is-active{background:var(--ok,var(--action));color:#fff}.stock-count{color:var(--ink-500);font-size:13px;margin-left:auto}@media (max-width:640px){.stock-switch{width:100%}.stock-switch button{flex:1 1;padding:10px 8px;font-size:13px}.stock-count{margin-left:0}}.stock-table-wrap{overflow-x:auto;border:1px solid var(--line-300);border-radius:var(--radius-md)}.stock-table{width:100%;border-collapse:collapse;font-size:14px}.stock-table td,.stock-table th{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line-200)}.stock-table th{background:var(--surface-2);font-weight:600;color:var(--ink-700);white-space:nowrap}.stock-table td.num,.stock-table th.num{text-align:right;white-space:nowrap}.stock-table td.in-stock{color:var(--in-stock,var(--ok,#197a3d));font-weight:700}.stock-table .art{font-family:var(--mono,ui-monospace,monospace);color:var(--ink-700)}.stock-table tbody tr:hover{background:var(--surface-2)}.stock-name-link{color:var(--ink-900);font-weight:600}.stock-note{margin:0 0 var(--space-4);color:var(--ink-700);font-size:14px}.stock-link-btn{border:0;background:none;padding:0;font:inherit;color:var(--cta-orange);text-decoration:underline;cursor:pointer}.stock-sentinel{min-height:40px;text-align:center;color:var(--ink-500);font-size:13px;padding:14px 0}@media (max-width:720px){.stock-table-wrap{border:0}.stock-table,.stock-table tbody,.stock-table td,.stock-table tr{display:block;width:100%}.stock-table thead{display:none}.stock-table tr{border:1px solid var(--line-300);border-radius:var(--radius-md);margin-bottom:10px;padding:6px 0}.stock-table td{border:0;display:flex;justify-content:space-between;gap:12px;padding:6px 12px;text-align:right}.stock-table td:before{content:attr(data-label);color:var(--ink-500);font-size:13px;text-align:left}.stock-table td.art,.stock-table td:nth-child(2){text-align:left}}