.app-defrag .dfg { display: flex; flex-direction: column; gap: 6px; padding: 8px; height: 100%; overflow: auto; background: var(--xp-face); }
.app-defrag .dfg-list { background: #fff; border: 1px solid var(--xp-border-blue); min-height: 70px; overflow-x: auto; }
.app-defrag .dfg-row { display: grid; grid-template-columns: 90px 110px 80px 80px 80px 90px; white-space: nowrap; padding: 2px 4px; align-items: center; min-width: 530px; }
.app-defrag .dfg-row.head { background: linear-gradient(#fff, #EBEADB); border-bottom: 1px solid #D6D2C2; padding: 3px 4px; }
.app-defrag .dfg-row.sel span:first-child { background: var(--xp-hilite); color: #fff; padding: 0 3px; }
.app-defrag .dfg-row .ico { vertical-align: -3px; }
.app-defrag .dfg-label { margin-top: 4px; }
.app-defrag .dfg-bar-wrap { border: 1px solid #7F9DB9; background: #fff; padding: 1px; }
.app-defrag .dfg-bar { width: 100%; height: 36px; display: block; image-rendering: pixelated; }
.app-defrag .dfg-buttons { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.app-defrag .dfg-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 4px; }
.app-defrag .dfg-legend i { display: inline-block; width: 12px; height: 12px; border: 1px solid #555; margin-right: 5px; vertical-align: -2px; }