.navigation-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:22px;align-items:start}
.navigation-device-tabs{display:flex;gap:6px;margin:0 0 20px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg);width:max-content;max-width:100%}.navigation-device-tabs .tab{min-width:124px;font-size:12px}.navigation-device-tabs .tab.active{background:var(--paper);box-shadow:0 1px 5px #0001}
.navigation-settings-grid[data-device=desktop] .navigation-height-heading,.navigation-settings-grid[data-device=desktop] .navigation-height-slider,.navigation-settings-grid[data-device=desktop] .navigation-height-number,.navigation-settings-grid[data-device=desktop] .navigation-height-help{display:none}
.navigation-settings-grid[data-device=desktop] .navigation-order-row:nth-child(6){border-bottom:0;margin-bottom:0}
.navigation-preview-card .navigation-order-preview.is-desktop{display:flex;flex-direction:column;align-items:stretch;height:auto;padding:12px;border-radius:10px;gap:3px;max-width:280px}
.navigation-order-preview.is-desktop>span{flex-direction:row;gap:10px;justify-content:flex-start;min-height:33px;padding:5px 8px}.navigation-order-preview.is-desktop svg{width:19px;height:19px;flex-shrink:0}.navigation-order-preview.is-desktop small{font-size:11px}
.navigation-order-card,.navigation-preview-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--paper)}
.navigation-order-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.navigation-order-card h3,.navigation-preview-card h3{font-size:15px}.navigation-order-card>header button{font-size:11px}
.navigation-order-list{list-style:none;margin:18px 0 0;padding:0}
.navigation-order-row{display:grid;grid-template-columns:20px 24px minmax(0,1fr) 88px;align-items:center;gap:10px;border-top:1px solid var(--line);min-height:64px;padding:6px 0}
.navigation-row-number{font-size:11px;color:var(--muted);text-align:center}.navigation-row-icon svg{width:22px;height:22px;color:var(--accent-text)}
.navigation-order-row strong{font-size:12px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}.navigation-row-actions{display:flex;gap:0}.navigation-row-actions button{height:44px;width:44px;font-size:21px;border-radius:8px}.navigation-row-actions button:disabled{opacity:.22;cursor:default}
.navigation-order-row:nth-child(6){border-bottom:2px dashed var(--accent-border);margin-bottom:10px}.navigation-order-row[data-priority=false]{color:var(--muted)}
.navigation-preview-card{position:sticky;top:0}.navigation-order-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:12px 5px;background:var(--sidebar);border:1px solid var(--line);border-radius:12px;margin:16px 0}
.navigation-order-preview>span{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:#dbe3dd}.navigation-order-preview svg{width:26px;height:26px}.navigation-order-preview small{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navigation-save-state{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0}.navigation-conflict{padding:12px;border:1px solid var(--accent-border);border-radius:10px;margin:12px 0}.navigation-conflict[hidden]{display:none}.navigation-conflict p{font-size:12px;line-height:1.6}.navigation-conflict button{margin-top:9px;width:100%}
.navigation-height-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.navigation-height-slider{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:11px;margin:17px 0;color:var(--muted)}.navigation-height-slider input{grid-column:1/-1;width:100%;accent-color:var(--accent);min-height:24px}.navigation-height-number{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:12px}.navigation-height-number input{width:76px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);font-size:14px}.navigation-order-preview{height:var(--mobile-nav-height,70px);padding:5px;border-radius:0;align-items:center}.navigation-order-preview svg{width:calc(26px * var(--mobile-nav-scale,1));height:calc(26px * var(--mobile-nav-scale,1))}
@media(max-width:1000px){.navigation-settings-grid{grid-template-columns:1fr}.navigation-preview-card{position:static;grid-row:1}.navigation-order-preview{max-width:430px}}
@media(max-width:600px){.navigation-order-card,.navigation-preview-card{padding:14px;border-radius:12px}.navigation-settings-grid{gap:14px}.navigation-order-row{grid-template-columns:16px 20px minmax(0,1fr) 88px;gap:6px}.navigation-row-icon svg{width:20px;height:20px}.navigation-order-row strong{font-size:11px}.navigation-order-card>header{align-items:start}.navigation-order-card>header button{max-width:100px;text-align:right}.navigation-preview-card>.settings-hint:last-child{margin-bottom:0}}
@media(max-width:600px){.navigation-preview-card{display:grid;grid-template-columns:minmax(0,1fr) 72px;column-gap:12px}.navigation-preview-card>*{grid-column:1/-1}.navigation-height-heading{grid-column:1;grid-row:1}.navigation-height-heading h3{font-size:14px}.navigation-height-heading button{font-size:10px}.navigation-height-number{grid-column:2;grid-row:1;margin:0;font-size:0}.navigation-height-number input{width:72px;font-size:16px}.navigation-height-slider{margin:12px 0 0;gap:6px}.navigation-height-help{margin:7px 0!important;font-size:10px!important}.navigation-preview-title,.navigation-preview-caption,.navigation-account-hint{display:none}.navigation-order-preview{margin:10px 0}.navigation-save-state{margin:2px 0;font-size:11px}}