.navigation-order-row{grid-template-columns:20px 44px 24px minmax(0,1fr) 88px;gap:8px}
.navigation-drag-handle{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.navigation-drag-handle svg{width:18px;height:24px;pointer-events:none}.navigation-drag-handle:hover{color:var(--accent-text);background:var(--accent-soft);border-color:var(--line)}.navigation-drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.navigation-drag-handle[aria-pressed=true]{cursor:grabbing;color:var(--accent-text);background:var(--accent-soft)}
.navigation-order-row.navigation-drag-source{opacity:.3;border:1px dashed var(--accent-border);background:var(--accent-soft)}
.navigation-order-row.navigation-drag-keyboard{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}
.navigation-drag-ghost{position:fixed!important;z-index:100;margin:0!important;padding:6px 0;pointer-events:none;user-select:none;background:var(--surface-raised,var(--paper));border:1px solid var(--accent-border);border-radius:10px;box-shadow:0 12px 30px #0004;opacity:.97;will-change:transform;color:var(--ink)}
.navigation-is-dragging #dialog,.navigation-is-dragging #dialog *{user-select:none;-webkit-user-select:none;cursor:grabbing!important}
@media(max-width:600px){.navigation-order-row{grid-template-columns:16px 44px minmax(0,1fr) 88px;gap:6px}.navigation-order-row>.navigation-row-icon{display:none}}