.dg-shell{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;display:flex;overflow:hidden}.dg-toolbar{border-bottom:1px solid var(--border);background:var(--bg-elev);z-index:2;padding:10px 14px;position:sticky;top:0}.dg-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dg-toolbar-end{align-items:center;gap:8px;margin-left:auto;display:flex}.dg-search{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-muted);min-width:200px;max-width:360px;height:34px;color:var(--text-muted);flex:220px;align-items:center;gap:6px;padding:0 10px;display:flex}.dg-search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.dg-search input::placeholder{color:var(--text-muted)}.dg-filter-select{border:1px solid var(--border-strong);border-radius:var(--radius-pill,999px);background:var(--bg-elev);height:30px;color:var(--text);cursor:pointer;padding:0 26px 0 10px;font-size:12px;font-weight:600}.dg-chip{cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-pill,999px);background:var(--bg-elev);height:30px;color:var(--text-muted);white-space:nowrap;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.dg-chip:hover{color:var(--text)}.dg-chip.on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.dg-count{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.dg-clear{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.dg-clear:hover{text-decoration:underline}.dg-summary{border-bottom:1px solid var(--border);padding:12px 14px}.dg-tablewrap{flex:1;overflow:auto}.dg-table{border-collapse:collapse;width:100%;font-size:13px}.dg-table thead th{z-index:1;background:var(--bg-muted);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:9px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.dg-sortbtn{cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.dg-sortbtn:hover{color:var(--text-strong)}.dg-sortbtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}.dg-compact tbody td{height:34px;padding:7px 12px}.dg-comfortable tbody td{height:40px;padding:10px 12px}.dg-table tbody td{color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.dg-table tbody tr:last-child td{border-bottom:none}.dg-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--bg-muted) 45%, transparent)}.dg-table tbody tr:hover td{background:var(--bg-muted)}.dg-table tbody tr.dg-active td{background:var(--primary-soft);box-shadow:inset 2px 0 0 var(--primary)}.dg-table tbody tr.dg-clickable{cursor:pointer}.dg-table tbody tr.dg-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.dg-num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.dg-masked{letter-spacing:.12em;color:var(--text-muted)}.dg-skel{background:linear-gradient(90deg, var(--bg-muted) 25%, color-mix(in srgb, var(--bg-muted) 55%, var(--bg-elev)) 50%, var(--bg-muted) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s infinite dg-shimmer;display:block}@keyframes dg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dg-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.dg-empty-title{color:var(--text-strong);font-size:14px;font-weight:600}.dg-empty-sub{font-size:12px}.dg-footer{border-top:1px solid var(--border);background:var(--bg-elev);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.dg-footer-left{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:12px;display:flex}.dg-pagesize{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elev);height:28px;color:var(--text);cursor:pointer;padding:0 22px 0 8px;font-size:12px}.dg-pager{gap:6px;display:flex}@media (prefers-reduced-motion:reduce){.dg-skel{animation-duration:.01ms}}@media (width<=700px){.dg-search{flex-basis:100%;max-width:none}.dg-toolbar-end{margin-left:0}}
