/* KONEVIX Navigation 1.16 — theme-aware, vector icon library + approved Edge Dock. */
.kv-nav-svg{width:100%;height:100%;display:block;flex-shrink:0;stroke:currentColor;transition:stroke-width .2s ease}
.nav-icon{display:inline-flex;align-items:center;justify-content:center}
.kv-nav-legacy{display:inline-flex;align-items:center;justify-content:center;line-height:1}
/* Refined working navigation — icon, label, active line; never a competing dashboard. */
.shell .main-navigation .nav .nav-icon,.shell .topbar-navigation .nav .nav-icon{border-radius:11px;color:var(--color-text-secondary,var(--muted));transition:color .18s ease,background .18s ease}
.shell .main-navigation .nav:hover .nav-icon,.shell .topbar-navigation .nav:hover .nav-icon{color:var(--color-accent,#2674de)}
.shell .main-navigation .nav.active .nav-icon,.shell .topbar-navigation .nav.active .nav-icon{color:var(--color-accent,#2674de)}
/* Strong difference from a second sidebar: a tiny attention rail and a generous floating icon capsule. */
.layout.dual-nav>.utility-dock.dock-widget{z-index:91!important;overflow:visible!important;isolation:auto!important;filter:none}
.utility-dock.dock-widget .dock-strip{
 position:relative;overflow:visible!important;width:14px;min-width:14px;height:174px;
 border-radius:24px!important;border:1px solid var(--color-border-default,var(--border))!important;
 background:color-mix(in srgb,var(--color-surface-primary,var(--card)) 87%,var(--color-accent,#2674de) 13%)!important;
 box-shadow:0 4px 14px rgba(13,30,55,.12),inset 0 0 0 1px color-mix(in srgb,var(--color-surface-primary,var(--card)) 70%,transparent)!important;
 transition:background .24s ease,box-shadow .24s ease,transform .24s ease;
}
.utility-dock.dock-widget .dock-strip::before{content:"";position:absolute;inset:6px 4px;border-radius:99px;background:linear-gradient(180deg,transparent 0%,var(--color-accent,#3a7dda) 25%,color-mix(in srgb,var(--color-accent,#3a7dda) 45%,transparent) 50%,var(--color-accent,#3a7dda) 75%,transparent 100%);opacity:.62;pointer-events:none}
.utility-dock.dock-widget .dock-strip::after{content:"";position:absolute;inset:16px -3px;border-radius:99px;box-shadow:0 0 11px color-mix(in srgb,var(--color-accent,#2674de) 30%,transparent);opacity:0;pointer-events:none}
.utility-dock.dock-widget .dock-strip:hover{transform:scaleX(1.15)!important;border-color:var(--color-accent,#3a7dda)!important}
.utility-dock.dock-widget .dock-strip-mark{display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;font-size:0!important;writing-mode:horizontal-tb!important;letter-spacing:0!important;position:relative;z-index:1}
.utility-dock.dock-widget .dock-strip-mark span{display:block;width:4px;height:4px;border-radius:100%;background:var(--color-surface-primary,var(--card));box-shadow:0 0 0 1px var(--color-accent,#2674de);opacity:.9}
.utility-dock.dock-widget .dock-strip-count{position:absolute;right:-10px;top:12px;z-index:5;min-width:20px;height:20px;border-radius:999px!important;padding:0 4px;box-shadow:0 2px 9px rgba(6,21,48,.22),0 0 0 2px var(--color-surface-primary,var(--card))}
/* Event feedback: short, non-infinite sweep with a persistent static counter. */
@keyframes kv-dock-rail-sweep{0%{background-position:0 -180px;opacity:.15}45%{opacity:1}100%{background-position:0 180px;opacity:.6}}
.utility-dock.dock-widget.dock-new-event .dock-strip::before{background:linear-gradient(180deg,transparent,var(--color-accent,#3384ed),transparent,var(--color-accent,#3384ed),transparent);background-size:100% 160px;animation:kv-dock-rail-sweep 1100ms ease-out 1}
.utility-dock.dock-widget.dock-new-event .dock-strip::after{animation:kv-dock-halo 1100ms ease-out 1}
@keyframes kv-dock-halo{0%,100%{opacity:0}48%{opacity:1}}
.utility-dock.dock-widget .dock-body{
 width:94px!important;padding:10px!important;border-radius:22px!important;
 background:color-mix(in srgb,var(--color-surface-primary,var(--card)) 96%,transparent)!important;
 border:1px solid var(--color-border-default,var(--border))!important;
 box-shadow:0 22px 55px rgba(10,25,48,.19),0 5px 13px rgba(10,25,48,.09)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.utility-dock.dock-widget .dock-brandline{display:flex;align-items:center;justify-content:center;gap:5px;padding:1px 0 8px;border-bottom:1px solid var(--color-border-default,var(--border));margin-bottom:5px}
.utility-dock.dock-widget .dock-brandmark{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:var(--color-accent,#2674de);color:#fff;font-weight:850;font-size:15px;letter-spacing:-.1em}
.utility-dock.dock-widget .dock-brandtitle{font-size:10px;font-weight:750;color:var(--color-text-secondary,var(--muted))}
.utility-dock.dock-widget .dock-header{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .18s ease}
.utility-dock.dock-widget:hover .dock-header,.utility-dock.dock-widget:focus-within .dock-header{opacity:1}
.utility-dock.dock-widget .dock-header button{font-size:11px;min-width:24px;min-height:24px;background:var(--color-surface-secondary,var(--theme-sidebar));border:1px solid var(--color-border-default,var(--border));border-radius:9px}
.utility-dock.dock-widget .utility-navigation{gap:var(--dock-gap,9px)!important;max-height:min(67vh,590px)!important;padding:7px 2px 3px!important;scrollbar-width:thin;scrollbar-color:var(--color-border-default,var(--border)) transparent}
.utility-dock.dock-widget .utility-navigation .nav-entry{width:100%;display:flex;justify-content:center}
.utility-dock.dock-widget .utility-navigation .nav{
 position:relative;display:flex;align-items:center;justify-content:center;
 width:var(--dock-button-size,52px)!important;height:var(--dock-button-size,52px)!important;
 min-height:var(--dock-button-size,52px)!important;min-width:var(--dock-button-size,52px)!important;
 border:1px solid var(--color-border-default,var(--border))!important;
 border-radius:16px!important;padding:12px!important;
 background:linear-gradient(145deg,var(--color-surface-primary,var(--card)),var(--color-surface-secondary,var(--theme-sidebar)))!important;
 color:var(--color-text-primary,var(--text))!important;
 box-shadow:0 2px 6px rgba(12,35,67,.045)!important;
 transform-origin:center;transition:transform var(--dock-hover-speed,210ms) cubic-bezier(.2,.7,.2,1),border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.utility-dock.dock-widget .utility-navigation .nav:hover,.utility-dock.dock-widget .utility-navigation .nav:focus-visible{
 border-color:color-mix(in srgb,var(--color-accent,#2674de) 55%,var(--color-border-default,var(--border)))!important;
 background:var(--color-accent-soft,var(--color-info-bg))!important;
 color:var(--color-accent,#2674de)!important;
 box-shadow:0 9px 21px color-mix(in srgb,var(--color-accent,#2674de) 15%,transparent)!important;
 transform:translateY(-2px) scale(var(--dock-hover-scale,1.15))!important;
}
.utility-dock.dock-widget .utility-navigation .nav.active{border-color:var(--color-accent,#2674de)!important;background:var(--color-accent-soft,var(--color-info-bg))!important;color:var(--color-accent,#2674de)!important}
.utility-dock.dock-widget .utility-navigation .nav-icon{width:var(--dock-icon-size,26px)!important;height:var(--dock-icon-size,26px)!important;color:inherit!important}
.utility-dock.dock-widget .utility-navigation .nav-badge{z-index:5;top:-8px!important;right:-8px!important;padding:2px 5px!important;min-width:18px;border-radius:99px!important;box-shadow:0 0 0 3px var(--color-surface-primary,var(--card))}
.utility-dock.dock-widget .utility-navigation .nav:focus-visible{outline:2px solid var(--color-accent,#2674de)!important;outline-offset:3px}
.utility-dock.dock-widget .dock-preview-host:not(:empty){border-radius:21px!important;padding:20px!important;box-shadow:0 28px 70px rgba(10,25,49,.2)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.utility-dock.dock-widget .dock-overflow-toggle{border-radius:14px!important;width:var(--dock-button-size,52px);height:42px;background:var(--color-surface-secondary,var(--theme-sidebar));color:var(--color-text-primary,var(--text))}
/* Light & dark compatible icon catalog — full-screen searchable modal. */
.nav-icon-picker-control{display:flex;align-items:center;gap:6px;min-width:0}
.nav-icon-picker-control>.kv-current-icon{flex:0 0 37px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default,var(--border));border-radius:11px;color:var(--color-accent,#2674de);background:var(--color-surface-secondary,var(--theme-sidebar));padding:7px;box-sizing:border-box}
.nav-icon-picker-control>input{min-width:0;flex:1;width:58px!important;font-size:11px;white-space:nowrap;padding:7px!important}
.nav-icon-picker-control>.nav-icon-picker-button{flex:0 0 auto;padding:7px 10px;min-height:36px;border-radius:10px;border:1px solid var(--color-border-default,var(--border));background:var(--color-surface-primary,var(--card));color:var(--color-text-primary,var(--text));font-size:11px;font-weight:750;cursor:pointer}
.nav-icon-picker-button:hover,.nav-icon-picker-button:focus-visible{color:var(--color-accent,#2674de);border-color:var(--color-accent,#2674de);outline-offset:2px}
.navigation-admin-page .navigation-admin-table .navigation-admin-row{min-width:min(1150px,100%)}
.nav-approved-design{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;padding:17px 20px;border-radius:15px;background:var(--color-accent-soft,var(--color-info-bg));border:1px solid var(--color-border-default,var(--border))}
.nav-approved-design>div{display:grid;gap:5px}
.nav-approved-design strong{color:var(--color-text-primary,var(--text))}
.nav-approved-design span{color:var(--color-text-secondary,var(--muted));font-size:13px}
.nav-approved-design button{flex-shrink:0}
.kv-icon-library{position:fixed;inset:0;z-index:100500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,17,34,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.kv-icon-library-card{display:flex;flex-direction:column;width:min(790px,100%);max-height:min(85vh,770px);overflow:hidden;padding:23px;gap:14px;border-radius:24px;background:var(--color-surface-primary,var(--card));border:1px solid var(--color-border-default,var(--border));box-shadow:0 22px 90px rgba(4,18,38,.26);color:var(--color-text-primary,var(--text))}
.kv-icon-library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.kv-icon-library-head small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--color-accent,#2674de)}
.kv-icon-library-head h3{margin:4px 0;font-size:23px;color:var(--color-text-primary,var(--text))}
.kv-icon-library-head p{font-size:13px;color:var(--color-text-secondary,var(--muted));margin:0}
.kv-icon-library-close{width:34px;height:34px;min-width:34px;border-radius:11px;border:1px solid var(--color-border-default,var(--border));background:var(--color-surface-secondary,var(--theme-sidebar));color:var(--color-text-primary,var(--text));cursor:pointer}
.kv-icon-library-search{width:100%;border-radius:12px!important;padding:12px 15px!important;min-height:46px;border:1px solid var(--color-border-default,var(--border));background:var(--color-surface-secondary,var(--theme-sidebar));color:var(--color-text-primary,var(--text))}
.kv-icon-library-categories{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.kv-icon-library-categories button{min-height:30px;padding:6px 11px;font-size:12px;font-weight:600;border-radius:10px;border:1px solid var(--color-border-default,var(--border));background:var(--color-surface-secondary,var(--theme-sidebar));color:var(--color-text-primary,var(--text));cursor:pointer}
.kv-icon-library-categories button.active{background:var(--color-accent-soft,var(--color-info-bg));color:var(--color-accent,#2674de);border-color:var(--color-accent,#2674de)}
.kv-icon-library-grid{flex:1;min-height:110px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:5px;align-content:start;scrollbar-color:var(--color-border-default,var(--border)) var(--color-surface-primary,var(--card));scrollbar-width:thin}
.kv-icon-library-grid>button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px 7px;min-height:92px;border-radius:14px;border:1px solid var(--color-border-default,var(--border));background:var(--color-surface-secondary,var(--theme-sidebar));color:var(--color-text-primary,var(--text));cursor:pointer;transition:transform .17s ease,background .17s ease,border-color .17s ease}
.kv-icon-library-grid>button:hover,.kv-icon-library-grid>button:focus-visible,.kv-icon-library-grid>button.selected{border-color:var(--color-accent,#2674de);background:var(--color-accent-soft,var(--color-info-bg));color:var(--color-accent,#2674de);transform:translateY(-2px)}
.kv-icon-library-grid svg{width:27px;height:27px}
.kv-icon-library-grid>button span{font-size:11px;line-height:1.3;text-align:center;overflow-wrap:anywhere}
.kv-icon-library-none{grid-column:1/-1;color:var(--color-text-secondary,var(--muted));text-align:center}
.kv-icon-library-card footer{font-size:11px;color:var(--color-text-secondary,var(--muted));text-align:right}
.nav-draft-example-item .kv-nav-svg{width:17px;height:17px;display:inline-block;vertical-align:middle;margin-right:4px}
@media(max-width:900px){
 .layout.dual-nav>.utility-dock.dock-widget{width:calc(100% - 16px)!important;height:54px!important}
 .layout.dual-nav>.utility-dock.dock-widget .dock-strip{width:100%;height:54px;min-height:54px!important;min-width:0!important}
 .layout.dual-nav>.utility-dock.dock-widget .dock-strip::before{inset:20px 18px;background:linear-gradient(90deg,transparent,var(--color-accent,#2674de),transparent);opacity:.6}
 .layout.dual-nav>.utility-dock.dock-widget .dock-strip-mark{flex-direction:row;gap:14px}
 .layout.dual-nav>.utility-dock.dock-widget .dock-body{width:100%!important;min-height:75px}
 .utility-dock.dock-widget .dock-brandline{display:none}
 .utility-dock.dock-widget .dock-header{flex-direction:row}
 .utility-dock.dock-widget .utility-navigation{padding:7px 10px!important;min-height:55px;max-height:70px!important}
 .nav-approved-design{flex-direction:column;align-items:stretch}
 .kv-icon-library{padding:8px}.kv-icon-library-card{padding:16px;border-radius:19px;max-height:92vh}.kv-icon-library-grid{grid-template-columns:repeat(auto-fill,minmax(79px,1fr))}
}
@media(prefers-reduced-motion:reduce){.utility-dock.dock-widget .dock-strip::before,.utility-dock.dock-widget .dock-strip::after,.utility-dock.dock-widget .nav,.kv-icon-library-grid>button{animation:none!important;transition:none!important;transform:none!important}}