/* Computer Management */
.mgmt-body { flex: 1; min-height: 0; display: flex; background: #ece9d8; font: 11px Tahoma, Verdana, Arial, sans-serif; }
.mgmt-tree { width: 170px; flex: none; margin: 6px 0 6px 6px; padding: 4px; overflow: auto; background: #fff; border: 1px solid #7f9db9; list-style: none; }
.mgmt-tree ul { list-style: none; margin: 0; padding-left: 16px; }
.mgmt-node { display: flex; align-items: center; gap: 4px; width: 100%; padding: 1px 3px; border: 1px solid transparent; background: none; font: inherit; text-align: left; cursor: default; color: #000; }
.mgmt-node img { width: 16px; height: 16px; flex: none; }
.mgmt-node[aria-selected="true"] { background: #316ac5; color: #fff; }
.mgmt-node:focus-visible { border: 1px dotted #000; outline: none; }
.mgmt-pane { flex: 1; min-width: 0; margin: 6px; padding: 10px; overflow: auto; background: #fff; border: 1px solid #7f9db9; }
.mgmt-pane h2 { margin: 0 0 6px; font: bold 13px Tahoma, sans-serif; }
.mgmt-pane p { margin: 0 0 10px; }
.mgmt-pane ul { margin: 0 0 10px; padding-left: 18px; }
.mgmt-pane button { padding: 2px 10px; font: 11px Tahoma, sans-serif; }
@media (max-width: 480px) {
    .mgmt-body { flex-direction: column; }
    .mgmt-tree { width: auto; max-height: 110px; margin: 6px 6px 0; }
}