[data-dtable]{container-type:inline-size;display:block}.density-table{gap:16px}.dt-summary{display:flex;align-items:center;gap:12px;font-size:15px;flex-wrap:wrap}.dt-summary b{font-weight:600;font-size:18px}.dt-sep{width:1px;height:16px;background:var(--border)}.dt-muted{color:var(--text-muted)}.dt-toolbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.dt-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:0 12px;height:40px;background:var(--bg);flex:1 1 220px;min-width:200px}.dt-search-l{color:var(--text-muted);font-size:13px;white-space:nowrap}.dt-search-in{font:inherit;font-size:14px;border:0;outline:0;background:transparent;color:var(--text);width:100%}.dt-search-in::placeholder{color:var(--text-muted)}.dt-search:focus-within,.dt-ctl:focus-within{border-color:var(--green)}.dt-ctl{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.dt-ctl-l{font-size:13px;color:var(--text-muted);white-space:nowrap}.dt-ctl-v{font-size:13px;font-weight:600;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.dt-range{-webkit-appearance:none;appearance:none;width:120px;height:4px;border-radius:2px;background:var(--border);margin:0;cursor:pointer}.dt-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.dt-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.dt-range:focus-visible{outline:2px solid var(--green);outline-offset:4px}.dt-money{display:inline-flex;align-items:center;gap:2px;font-size:14px;color:var(--text-muted)}.dt-num{font:inherit;font-size:14px;width:64px;border:0;outline:0;background:transparent;color:var(--text);padding:0;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.dt-num::-webkit-outer-spin-button,.dt-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dt-num::placeholder{color:var(--text-muted)}.dt-to{color:var(--text-muted);font-size:13px}.dt-selbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--green);border-radius:8px;background:var(--bg-nav)}.dt-selcount{font-size:14px;margin-right:8px}.dt-selcount b{font-weight:600}.dt-selbtn{font:inherit;font-size:13px;font-weight:500;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;line-height:1}.dt-selbtn:hover{border-color:var(--text-muted)}.dt-selbtn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.dt-selbtn.is-on{background:var(--green);border-color:var(--green);color:#fff}.dt-selclear{margin-left:auto;border-color:transparent;background:transparent;color:var(--text-muted)}.dt-scroll{border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:560px}.dt{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.dt thead th{position:sticky;top:0;z-index:1;background:var(--bg-nav);border-bottom:1px solid var(--border);text-align:left;padding:0 12px;height:40px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.dt-sort{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;gap:4px;align-items:center;letter-spacing:inherit;text-transform:inherit;font-weight:inherit}.dt-sort:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.dt-sort.is-on{color:var(--text)}.dt-sort:after{content:"";width:10px;display:inline-block}.dt-sort.is-desc:after{content:"↓"}.dt-sort.is-asc:after{content:"↑"}.dt tbody td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.dt tbody tr:last-child td{border-bottom:0}.dt tbody tr:hover td{background:var(--bg-nav)}.dt tbody tr.is-sel td{background:color-mix(in srgb,var(--green) 8%,var(--bg))}.dt tbody tr.dt-variants-tr td{padding:0 12px 10px 52px;border-top:0}.dt tbody tr.dt-variants-tr:hover td{background:transparent}.dt tbody tr.dt-variants-tr .density-variants{margin-top:0}.dt-c-check{width:40px;text-align:center}.dt-c-check input{width:16px;height:16px;accent-color:var(--green);margin:0;vertical-align:middle}.dt-title-cell{min-width:0}.dt-title{display:block;max-width:340px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.dt-title:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.dt-row-variants{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--text-muted);margin-top:2px}.dt-store{color:var(--text-muted);white-space:nowrap}.dt-c-ov{width:170px}.dt-ov{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center}.dt-pct{font-size:13px;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.dt-r{text-align:right}.dt thead th.dt-r .dt-sort{flex-direction:row-reverse}.dt-price{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dt-price.is-below:after{content:"";display:inline-block;width:6px;height:6px;border-radius:3px;background:var(--green-bright);margin-left:6px;vertical-align:middle}.dt-c-seen{white-space:nowrap;font-variant-numeric:tabular-nums}.dt tbody td.dt-empty{text-align:center;color:var(--text-muted);padding:32px 12px}.dt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;flex-wrap:wrap}.dt-more{padding:8px 16px;font-size:14px}@container (max-width: 900px){.dt-c-seen{display:none}.dt-title{max-width:260px}}@container (max-width: 640px){.dt-c-seen,.dt-c-store{display:none}.dt-title{max-width:200px}.dt-c-ov{width:120px}.dt-ov{grid-template-columns:1fr 40px}.dt-scroll{max-height:480px}}@container (max-width: 420px){.density-table{padding:20px}.dt-toolbar>*{max-width:100%;min-width:0}.dt-search{flex-basis:100%;min-width:0}.dt-ctl{flex:1 1 100%;width:100%;min-width:0;gap:8px}.dt-ctl-l{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.dt-range{flex:1 1 40px;width:0;min-width:40px}.dt-ctl-v{min-width:36px}.dt-num{width:52px}.dt-c-ov{display:none}.dt-title{max-width:170px;white-space:normal;line-height:1.3}.dt tbody td{padding:10px 8px}.dt tbody tr.dt-variants-tr td{padding:0 8px 10px}.dt thead th{padding:0 8px}.dt-selclear{margin-left:0}}
