.datanorm-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr);gap:18px;align-items:start}
.datanorm-drop{margin-top:14px;border:2px dashed #cbd1d8;border-radius:14px;min-height:180px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:#fafbfc;cursor:pointer;transition:.15s}
.datanorm-drop:hover,.datanorm-drop.drag{border-color:var(--orange,#f58220);background:#fff8f1}
.datanorm-drop strong{font-size:18px}.datanorm-drop span{font-size:14px}.datanorm-drop small{color:#6d7681;max-width:520px}
.datanorm-result{min-height:250px}.dn-file{padding:9px 0;border-bottom:1px solid #edf0f2}.dn-file:last-child{border-bottom:0}
.dn-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.dn-stat{background:#f5f6f7;border-radius:10px;padding:10px}.dn-stat strong{display:block;font-size:18px}
@media(max-width:900px){.datanorm-grid{grid-template-columns:1fr}.dn-stat-grid{grid-template-columns:1fr 1fr}}

.dn-browser-card{margin-top:16px;padding:0;overflow:hidden}
.dn-browser-head{padding:18px 20px;border-bottom:1px solid #e7eaee;background:#fff}
.dn-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#7b838d;margin-bottom:4px}
.dn-browser{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:560px}
.dn-tree-pane{border-right:1px solid #e6e9ed;background:#fafbfc;min-width:0}
.dn-tree-title{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e6e9ed;background:#fff}
.dn-tree-title strong{font-size:15px}.dn-tree-title span{font-size:12px;color:#727b86}
.dn-tree{max-height:660px;overflow:auto;padding:8px}
.dn-root-row,.dn-group-row{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.dn-root-row:hover,.dn-group-row:hover{background:#f1f3f5}.dn-group-row.active{background:#fff0e4;color:#8f3e00;font-weight:700}
.dn-root-row{font-weight:800}.dn-group-row{padding-left:25px;font-size:13px}
.dn-tree-count{margin-left:auto;min-width:36px;text-align:right;color:#747d87;font-size:11px;font-weight:700}
.dn-catalog-pane{min-width:0;background:#fff;display:flex;flex-direction:column}
.dn-catalog-toolbar{padding:14px 16px;border-bottom:1px solid #e7eaee;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dn-catalog-toolbar .field{margin:0;min-width:260px;flex:1}
.dn-catalog-title{padding:14px 16px 4px}.dn-catalog-title h3{margin:0 0 4px}.dn-catalog-title .muted{font-size:12px}
.dn-catalog-scroll{overflow:auto;max-height:555px;border-top:1px solid #f0f1f3}
.dn-catalog-table{width:100%;border-collapse:collapse;font-size:13px}.dn-catalog-table th{position:sticky;top:0;background:#f7f8fa;z-index:2;text-align:left;padding:9px 10px;border-bottom:1px solid #dfe3e8;white-space:nowrap}.dn-catalog-table td{padding:9px 10px;border-bottom:1px solid #edf0f2;vertical-align:top}.dn-catalog-table tr.dn-article-row{cursor:pointer}.dn-catalog-table tr.dn-article-row:hover{background:#fff8f2}
.dn-article-no{font-weight:800;white-space:nowrap}.dn-price{font-weight:800;white-space:nowrap;text-align:right}.dn-catalog-table th:last-child{text-align:right}
.dn-pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-top:1px solid #e7eaee;background:#fafbfc}.dn-pager span{min-width:120px;text-align:center;font-size:12px;color:#626c77}
.dn-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.dn-detail-box{border:1px solid #e2e5e9;border-radius:10px;padding:12px;background:#fafbfc}.dn-detail-box small{display:block;color:#747d87;margin-bottom:4px}.dn-detail-box strong{display:block;word-break:break-word}
@media(max-width:900px){.dn-browser{grid-template-columns:1fr}.dn-tree-pane{border-right:0;border-bottom:1px solid #e6e9ed}.dn-tree{max-height:260px}.dn-detail-grid{grid-template-columns:1fr 1fr}}