.navigation-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:0;border:1px solid var(--line,#d2d7e0);border-radius:22px;color:var(--ink,#19222e);background:var(--surface-sheet,#fff);box-shadow:0 24px 80px #13203940;font:inherit}
.navigation-dialog::backdrop{background:#14203366}
.navigation-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 26px);margin:0}
.navigation-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 0}
.navigation-dialog h2{margin:2px 0;font-size:calc(22px * var(--display-headings,1));line-height:1.25}
.navigation-dialog .nav-eyebrow{margin:0;color:var(--muted,#536176);font-size:.8em;letter-spacing:.04em}
.navigation-dialog #navigation-description{padding:0 20px;margin:12px 0 16px;line-height:1.45;font-size:calc(14px * var(--display-text,1))}
.navigation-dialog button{font:inherit;min-width:44px;min-height:44px;flex-shrink:0;border:1px solid var(--line,#d2d7e0);border-radius:10px;background:transparent;color:inherit;cursor:pointer}
.navigation-dialog button:hover{background:var(--surface-2,#edf1fa)}
.navigation-dialog button:focus-visible{outline:3px solid var(--accent,#3852d6);outline-offset:2px}
.navigation-dialog button:disabled{opacity:.5;cursor:wait}
.navigation-dialog button[aria-disabled=true]{opacity:.35;cursor:default}
.navigation-list{overflow:auto;overscroll-behavior:contain;min-height:80px;margin:0 12px;padding:0 8px;list-style:none;flex:1 1 auto}
.navigation-list li{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line,#d2d7e0);border-top:2px solid transparent}
.navigation-list li[data-over=true]{border-top-color:var(--accent,#3852d6)}
.navigation-list li[data-dragging=true]{opacity:.4}
.navigation-dialog .navigation-grip{border:0;display:grid;place-items:center;cursor:grab;color:var(--muted,#536176)}
.navigation-position{font-size:.8em;color:var(--muted,#536176);min-width:18px;text-align:right;font-variant-numeric:tabular-nums}
.navigation-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:calc(14px * var(--display-text,1));line-height:1.35;font-weight:600}
.navigation-arrows{display:flex;gap:8px}.navigation-arrows button{display:grid;place-items:center}
.navigation-status{padding:0 20px;min-height:1.4em;margin:12px 0 6px;font-size:calc(13px * var(--display-text,1));line-height:1.4;color:var(--muted,#536176)}
.navigation-status[data-error=true]{color:var(--danger,#b3261e)}
.navigation-note{padding:0 20px;margin:0 0 12px;color:var(--muted,#536176);font-size:calc(12px * var(--display-text,1));line-height:1.4}
.navigation-dialog footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line,#d2d7e0)}
.navigation-dialog footer div{display:flex;gap:8px;flex-wrap:wrap}.navigation-dialog footer button{padding:8px 12px;font-size:calc(13px * var(--display-fields,1))}
.navigation-dialog .navigation-save{background:var(--accent,#3852d6);color:var(--accent-ink,#fff);border-color:transparent;font-weight:650}
@media(max-width:420px){.navigation-dialog header{padding:16px 12px 0}.navigation-dialog #navigation-description,.navigation-status,.navigation-note{padding-left:12px;padding-right:12px}.navigation-list{margin:0 4px}.navigation-position{display:none}.navigation-dialog footer{padding:12px}.navigation-list li{gap:4px}.navigation-dialog footer>div{margin-left:auto}}
@media(prefers-reduced-motion:no-preference){.navigation-dialog button{transition:background .15s}}
.navigation-dialog footer>button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.navigation-dialog header>div{min-width:0}
.navigation-dialog{position:fixed;inset:0;margin:auto}

.navigation-dialog{max-width:calc(100vw - 24px);overflow:hidden}
.navigation-dialog header,.navigation-dialog footer{flex:0 0 auto}
.navigation-body{min-height:80px;overflow:auto;overscroll-behavior:contain;flex:1 1 auto}
.navigation-list{overflow:visible;min-height:0}
@media(max-width:420px){
  [data-display-on] .navigation-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}
  [data-display-on] .navigation-name{grid-column:2;grid-row:1}
  [data-display-on] .navigation-grip{grid-column:1;grid-row:1}
  [data-display-on] .navigation-arrows{grid-column:2;grid-row:2;justify-self:end}
}

.crm-nav-direct{position:relative;isolation:isolate}
.crm-nav-row{position:relative;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none}
.crm-nav-row>.sb-wrap>.sb-link,.crm-nav-row>div>.sb-wrap>.sb-link{min-height:44px}
.crm-nav-row .sb-kids{position:relative}
.crm-nav-feedback button:focus-visible{outline:3px solid var(--accent,#3852d6);outline-offset:-3px}
.crm-nav-row[data-moving=true]{opacity:.55;outline:2px solid var(--accent,#3852d6);outline-offset:-2px;border-radius:12px}
.crm-nav-direct[data-dragging=true]{user-select:none;-webkit-user-select:none;cursor:grabbing}
.crm-nav-row[data-insert]::after{content:'';position:absolute;z-index:3;left:8px;right:8px;height:3px;border-radius:4px;background:var(--accent,#3852d6);pointer-events:none}
.crm-nav-row[data-insert=before]::after{top:0}.crm-nav-row[data-insert=after]::after{bottom:0}
.crm-nav-feedback{padding:6px 12px 10px;color:var(--muted,#536176);font-size:calc(11px * var(--display-text,1));line-height:1.4;overflow-wrap:anywhere}
.crm-nav-feedback p{margin:4px 0}.crm-nav-feedback[data-error=true]{color:var(--danger,#b3261e)}
.crm-nav-feedback button{font:inherit;font-weight:600;display:block;min-height:44px;max-width:100%;padding:8px 10px;margin:4px 0;border:1px solid var(--line,#d2d7e0);border-radius:10px;color:var(--ink,#19222e);background:var(--surface-sheet,#fff);cursor:pointer;text-align:left;white-space:normal}
.crm-nav-feedback button:disabled{opacity:.5;cursor:wait}
.crm-nav-drag-label{position:fixed;z-index:2147483000;pointer-events:none;width:180px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--accent,#3852d6);border-radius:12px;background:var(--surface-sheet,#fff);color:var(--ink,#19222e);box-shadow:0 8px 24px #14203333;font-size:13px;line-height:1.3}
.crm-nav-drag-label strong,.crm-nav-drag-label span{display:block;overflow-wrap:anywhere}.crm-nav-drag-label span{margin-top:4px;color:var(--muted,#536176);font-size:11px}
.sb.rail .crm-nav-row>.sb-wrap>.sb-link,.sb.rail .crm-nav-row>div>.sb-wrap>.sb-link{padding-right:0}
.sb.rail .crm-nav-feedback{position:fixed;z-index:1100;left:80px;bottom:24px;width:210px;box-sizing:border-box;border:1px solid var(--line,#d2d7e0);border-radius:12px;background:var(--surface-sheet,#fff);box-shadow:0 8px 24px #14203333}
@media(prefers-reduced-motion:no-preference){.crm-nav-row{transition:opacity .12s}}
.navigation-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 20px 8px;flex-wrap:wrap;font-size:calc(13px * var(--display-text,1));color:var(--muted,#536176)}
.navigation-summary button{padding:6px 10px;font-size:inherit}
.navigation-visibility{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;border-radius:10px;flex-shrink:0}
.navigation-visibility input{width:22px;height:22px;margin:0;accent-color:var(--accent,#3852d6);cursor:pointer}
.navigation-visibility:focus-within{outline:3px solid var(--accent,#3852d6);outline-offset:-2px}
.navigation-name small{display:block;color:var(--muted,#536176);font-size:.8em;font-weight:400;margin-top:2px}
.navigation-list li[data-hidden=true] .navigation-name{color:var(--muted,#536176)}
.navigation-dialog [hidden]{display:none!important}
.crm-nav-settings{padding:4px 12px}
.crm-nav-settings .crm-nav-options{display:flex;align-items:center;gap:8px;min-width:44px;min-height:44px;max-width:100%;border:0;border-radius:10px;box-shadow:none;background:transparent;color:var(--muted,#536176);font:inherit;font-size:calc(12px * var(--display-text,1));font-weight:500;margin:0;padding:8px 4px;cursor:pointer;text-align:left}
.crm-nav-options:focus-visible{outline:3px solid var(--accent,#3852d6);outline-offset:-2px}
.crm-nav-options:disabled{opacity:.5;cursor:wait}
.crm-nav-options svg{flex-shrink:0}
.sb.rail .crm-nav-settings{padding:4px}
.sb.rail .crm-nav-options{justify-content:center;min-width:44px;margin:auto}
.crm-nav-feedback-rail{position:fixed;z-index:1100;left:80px;bottom:24px;width:210px;box-sizing:border-box;border:1px solid var(--line,#d2d7e0);border-radius:12px;background:var(--surface-sheet,#fff);box-shadow:0 8px 24px #14203333}
@media(max-width:767px){.crm-nav-feedback-rail{display:none}}
@media(max-width:420px){
 .navigation-summary{padding-left:12px;padding-right:12px}
 .navigation-list li,[data-display-on] .navigation-list li{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px 8px}
 .navigation-dialog .navigation-grip{grid-column:1;grid-row:1}
 .navigation-dialog .navigation-name{grid-column:2;grid-row:1}
 .navigation-visibility{grid-column:3;grid-row:1}
 .navigation-dialog .navigation-arrows{grid-column:2/4;grid-row:2;justify-self:end}
}