/* Grouped navigation shared by the preview and the Blade theme. */
.kadr-navigation-dialog{width:min(27rem,calc(100% - 1.5rem));max-height:calc(100dvh - 1.5rem);margin:.75rem auto;padding:0;border:.0625rem solid var(--line);border-radius:1.125rem;overflow:hidden;background:var(--surface);color:var(--text);box-shadow:0 1.5rem 5rem #11182726}
.kadr-navigation-dialog[open]{display:flex;flex-direction:column}.kadr-navigation-dialog::backdrop{background:#11182766;backdrop-filter:blur(.2rem)}
.kadr-navigation-dialog .menu-dialog-heading{flex:none;padding:1rem 1.125rem;background:var(--surface);gap:1rem}.kadr-navigation-dialog .menu-dialog-heading .brand{font-size:1.5rem}.kadr-navigation-dialog .menu-dialog-heading .brand img{width:1.75rem;height:1.75rem}.kadr-navigation-dialog .close-btn{width:2.125rem;height:2.125rem;background:var(--soft);border-radius:50%;display:grid;place-items:center;padding:0}.kadr-navigation-dialog .close-btn svg{width:1rem;height:1rem}
.kadr-menu-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:env(safe-area-inset-bottom)}
.kadr-navigation-dialog .menu-search{display:flex;align-items:center;gap:.625rem;width:calc(100% - 2rem);min-width:0;margin:1rem 1rem .875rem;padding:.8rem .875rem;border:.0625rem solid var(--line);border-radius:.75rem;background:var(--soft);color:var(--muted);font-size:.8125rem;text-align:left}.kadr-navigation-dialog .menu-search svg{height:1rem;width:1rem;flex:none}.kadr-navigation-dialog .menu-search span{min-width:0}.kadr-navigation-dialog form.menu-search{position:relative}.kadr-navigation-dialog .menu-search input{font:inherit;color:var(--text);border:0;outline-offset:.25rem;background:transparent;min-width:0;flex:1;width:100%;padding:0}.kadr-menu-submit{display:grid;place-items:center;flex:none;background:transparent;padding:.125rem;color:var(--muted)}
.kadr-menu-sections{padding:0 1rem}.kadr-menu-quick,.kadr-menu-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.375rem}.kadr-menu-quick{padding:.25rem 0 .875rem}.kadr-menu-group{border-top:.0625rem solid var(--line);padding:.875rem 0}.kadr-menu-group h2{margin:0 0 .625rem .625rem;color:var(--muted);font-size:.625rem;font-weight:750;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.kadr-menu-stack{display:grid;gap:.1875rem}
.kadr-menu-link{display:flex;align-items:center;gap:.625rem;min-width:0;min-height:2.625rem;padding:.625rem;border-radius:.625rem;font-size:.8125rem;font-weight:650;line-height:1.4;transition:background .15s,color .15s}.kadr-menu-link>svg{width:1.125rem;height:1.125rem;flex:none;color:var(--muted)}.kadr-menu-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.kadr-menu-count{display:grid;place-items:center;flex:none;margin-left:auto;min-width:1.375rem;height:1.375rem;padding:0 .3rem;background:var(--soft);border-radius:.4375rem;font-size:.625rem;font-weight:650;color:var(--muted);font-variant-numeric:tabular-nums}.kadr-menu-link:hover{background:var(--soft);color:var(--accent)}.kadr-menu-link.is-current{background:var(--tint);color:var(--accent)}.kadr-menu-link.is-current>svg{color:var(--accent)}.kadr-menu-link.is-current .kadr-menu-count{background:var(--surface);color:var(--accent)}
.kadr-navigation-dialog .menu-discover{display:flex;align-items:center;gap:.625rem;margin:.25rem 1rem 1rem;padding:.875rem 1rem;border-radius:.75rem;background:var(--tint);color:var(--accent);font-size:.8125rem;font-weight:750}.kadr-navigation-dialog .menu-discover svg{width:1.125rem;height:1.125rem}.kadr-navigation-dialog .menu-discover svg:last-child{margin-left:auto}.kadr-navigation-dialog .menu-preferences{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-top:.0625rem solid var(--line)}.kadr-menu-appearance{margin-right:auto;font-size:.6875rem;font-weight:650;color:var(--muted)}.kadr-navigation-dialog .menu-preferences>.icon-btn{width:2rem;height:2rem;border-radius:.625rem;background:var(--soft)}.kadr-navigation-dialog .menu-preferences>.icon-btn svg{width:1rem;height:1rem}.kadr-navigation-dialog .home-layout-switch{margin:0}
.kadr-menu-browse{display:grid;grid-template-columns:minmax(0,1fr);gap:.375rem}.kadr-menu-browse details{min-width:0}.kadr-menu-browse summary{list-style:none;cursor:pointer}.kadr-menu-browse summary::-webkit-details-marker{display:none}.kadr-menu-browse summary>svg:last-child{margin-left:auto;width:.75rem;height:.75rem;transform:rotate(90deg)}.kadr-menu-browse details[open]{grid-column:1/-1}.kadr-menu-browse details[open] summary>svg:last-child{transform:rotate(-90deg)}.kadr-menu-chips{display:flex;flex-wrap:wrap;gap:.375rem;padding:.375rem .625rem .75rem}.kadr-menu-chips a{border:.0625rem solid var(--line);border-radius:.5rem;padding:.4rem .625rem;font-size:.6875rem;line-height:1.4}.kadr-menu-chips a:hover{background:var(--tint);color:var(--accent)}
@media(max-width:22rem){.kadr-navigation-dialog{width:calc(100% - .75rem);max-height:calc(100dvh - .75rem);margin:.375rem auto}.kadr-menu-sections{padding:0 .75rem}.kadr-navigation-dialog .menu-search{margin:.875rem .75rem;width:calc(100% - 1.5rem)}.kadr-menu-link{gap:.5rem;padding:.5625rem;font-size:.75rem}.kadr-menu-group{padding:.75rem 0}.kadr-menu-group h2{font-size:.5625rem}.kadr-navigation-dialog .menu-discover{margin-inline:.75rem}}
@media(prefers-reduced-motion:reduce){.kadr-menu-link{transition:none}}