.du-actions,.du-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.du-filter{margin:16px 0}.du-filter .btn{font-size:12px;padding:9px 14px;min-height:38px}.du-sub{display:block;font-size:11px;line-height:1.6;color:var(--mute);margin-top:5px}.du-code{font-family:ui-monospace,monospace;letter-spacing:.4px;white-space:normal;overflow-wrap:anywhere}.du-negative{color:#bc3547}.du-success{color:#137b55}.du-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:20px 0}.du-info>div{background:var(--card);padding:15px 18px;min-width:0}.du-info dt{color:var(--mute);font-size:11px;margin-bottom:6px}.du-info dd{margin:0;font-weight:600;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.du-map-grid,.du-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.du-data-grid .card{padding:24px}.du-data-grid p{line-height:1.8}.du-upload{display:grid;gap:15px;padding:26px;border:1px dashed #8299bf;border-radius:18px;background:var(--bg);margin:22px 0}.du-map-grid label{font-size:12px}.wide-modal .records-wrap{max-width:100%;overflow-x:auto}.du-info+.stats{margin-top:22px}.du-actions .btn{white-space:normal}.du-filter .btn.ghost{background:var(--card)}.du-map-grid select{margin-top:6px}.du-data-grid h2{margin:12px 0}.du-data-grid .btn{margin-top:12px}.du-upload input{background:var(--card)}
@media(max-width:820px){.du-data-grid,.du-map-grid{grid-template-columns:1fr}.du-info{grid-template-columns:1fr 1fr}.du-info>div{padding:13px}.du-info dd{font-size:12px}.du-actions{width:100%}.du-actions .btn{flex:1}.du-filter{gap:6px}.du-filter .btn{font-size:10px;padding:9px 10px}.du-data-grid .card{padding:18px}.du-sub{font-size:10px}.du-upload{padding:18px}.toolbar-actions .du-data-button{max-width:none;font-size:11px}.wide-modal .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.du-info dt{font-size:10px}}

@media(max-width:820px){.page-heading:has(.du-actions){flex-wrap:wrap}.page-heading:has(.du-actions)>div:first-child{flex-basis:100%}.page-heading .du-actions .btn{margin-top:0;max-width:none}.page-heading:has(.du-actions) p{max-width:none}}