.enclosure{border:2px solid var(--line);border-radius:6px;padding:10px 10px 8px;background:var(--panel-2);gap:8px}.din,.enclosure{display:flex;flex-direction:column}.din{gap:3px}.din-lbl{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.05em}.din.over .din-lbl{color:var(--danger)}.cells{display:grid;grid-gap:2px;gap:2px;padding:3px;background:var(--rail)}.cell,.cells{border-radius:2px}.cell{display:block;height:34px;background:var(--cell-empty)}.din-preview.compact .cell{height:18px}.cell.over{background:repeating-linear-gradient(45deg,var(--danger) 0 4px,transparent 4px 8px);opacity:.8}.cell.hidden{visibility:hidden}.legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--ink-2);list-style:none;margin:8px 0 0;padding:0}.legend li{display:inline-flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}