.cgy-nav-controls{padding:16px;display:grid;gap:14px}.cgy-nav-controls label{display:block}.cgy-nav-controls input[type=checkbox]{position:static!important;opacity:1!important;margin-right:8px}.cgy-nav-image{object-fit:contain;vertical-align:middle}.cgy-nav-hidden-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.cgy-nav-image-only{min-width:76px}.cgy-nav-image-only br{display:none}

/* Isolate native controls from HumHub theme select backgrounds and checkbox labels. */
.cgy-settings .cgy-nav-controls{gap:8px;background:#fff;color:#172033}
.cgy-settings .cgy-nav-controls>label,.cgy-settings .cgy-nav-check-row>label{display:block!important;position:static!important;color:#172033!important;font-size:14px!important;line-height:1.5!important;font-weight:700!important;opacity:1!important;visibility:visible!important;padding:0!important;margin:0!important}
.cgy-settings .cgy-nav-controls label::before,.cgy-settings .cgy-nav-controls label::after{display:none!important}
.cgy-settings .cgy-nav-controls select.form-control{appearance:auto!important;-webkit-appearance:auto!important;background:#fff!important;background-image:none!important;background-repeat:no-repeat!important;color:#172033!important;border:1px solid #a8b2bf!important;padding:9px 12px!important;min-height:42px;font-size:14px!important;width:100%}
.cgy-settings .cgy-nav-controls select option{background:#fff!important;color:#172033!important}
.cgy-settings .cgy-nav-check-row{display:flex;align-items:center;gap:10px;padding:10px 0}
.cgy-settings .cgy-nav-check-row input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;position:static!important;opacity:1!important;width:18px!important;height:18px!important;margin:0!important;flex:0 0 18px;transform:none!important}
.cgy-settings .cgy-nav-controls input[type=number]{background:#fff!important;color:#172033!important;font-size:14px!important}

/* Reserve the actual icon dimensions instead of scaling outside its layout box. */
#topbar-second .cgy-nav-custom{box-sizing:border-box!important;padding:var(--cgy-nav-pad-top,6px) var(--cgy-nav-pad-right,6px) var(--cgy-nav-pad-bottom,6px) var(--cgy-nav-pad-left,15px)!important;height:auto!important;min-height:50px}
#topbar-second .cgy-nav-replacement{display:inline-block!important;position:relative!important;width:var(--cgy-nav-size,40px)!important;height:var(--cgy-nav-size,40px)!important;min-width:var(--cgy-nav-size,40px)!important;max-width:none!important;min-height:0!important;max-height:none!important;font-size:var(--cgy-nav-size,40px)!important;line-height:var(--cgy-nav-size,40px)!important;vertical-align:middle!important;transform:none!important;flex-shrink:0}
#topbar-second .cgy-nav-replacement--image::before{display:none!important;content:none!important}
#topbar-second .cgy-nav-replacement>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important}
#topbar-second .cgy-nav-custom.cgy-nav-image-only{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px;min-width:0!important;line-height:1!important}
#topbar-second .cgy-nav-image-only br{display:none!important}
#topbar-second .cgy-nav-image-only .cgy-nav-replacement{margin:0!important}

#topbar-second .cgy-nav-custom.cgy-nav-image-only{height:var(--cgy-nav-row-height,50px)!important;min-height:var(--cgy-nav-row-height,50px)!important;padding-top:var(--cgy-nav-pad-top,6px)!important;padding-bottom:var(--cgy-nav-pad-bottom,6px)!important;align-self:stretch;overflow:visible}

/* A high-contrast insertion marker occupies no layout space, keeping the drop target stable. */
[data-cgy-navigation-list]>.cgy-bar-section{position:relative}
[data-cgy-navigation-list]>.cgy-drop-before::before,
[data-cgy-navigation-list]>.cgy-drop-after::after{content:""!important;display:block!important;position:absolute;left:-6px;right:-6px;height:6px;background:#0866ff;border:2px solid #fff;border-radius:5px;box-shadow:0 0 0 2px #003c9e,0 2px 8px #003c9e66;z-index:20;pointer-events:none}
[data-cgy-navigation-list]>.cgy-drop-before::before{top:-5px}
[data-cgy-navigation-list]>.cgy-drop-after::after{bottom:-5px}
[data-cgy-navigation-list] summary[draggable=true]{cursor:default}

/* Keep customization within HumHub's fixed navigation row. */
#topbar-second #top-menu-nav .cgy-nav-custom{height:var(--cgy-nav-row-height,50px)!important;min-height:0!important;max-height:var(--cgy-nav-row-height,50px)!important;line-height:16px!important}
#topbar-second #top-menu-nav .cgy-nav-custom .cgy-nav-replacement{--cgy-nav-fit:min(var(--cgy-nav-size,40px),var(--cgy-nav-row-height,50px));width:var(--cgy-nav-fit)!important;min-width:var(--cgy-nav-fit)!important;height:var(--cgy-nav-fit)!important;font-size:var(--cgy-nav-fit)!important;line-height:var(--cgy-nav-fit)!important;margin:0!important}

/* Use the full second bar; keep search reserved at the far right. */
#topbar-second>.container{box-sizing:border-box;width:100%!important;max-width:none!important;display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;gap:0;padding-left:12px;padding-right:12px}
#topbar-second #top-menu-nav{display:flex;flex:1 1 auto;min-width:0;width:auto!important;max-width:none!important;flex-wrap:wrap;justify-content:var(--cgy-nav-alignment,flex-start);column-gap:0}
#topbar-second #top-menu-nav>li{flex:0 0 auto;text-align:center}
#topbar-second #search-menu-nav{flex:0 0 auto;margin-left:auto}
@media(max-width:600px){#topbar-second>.container{padding-left:0;padding-right:0}#topbar-second #top-menu-nav>li{flex-grow:0}}

.cgy-nav-dragging,.cgy-nav-dragging summary[draggable=true]{cursor:grabbing!important}
.cgy-nav-icon-preview{display:flex;align-items:center;min-height:40px;gap:8px}.cgy-nav-icon-preview img{width:40px;height:40px;object-fit:contain}.cgy-nav-icon-preview i{font-size:32px}

#topbar-second .cgy-nav-item-hidden{display:none!important}

#topbar-second #cgy-profile-button{display:flex;align-items:center;justify-content:center;padding:6px 12px;box-sizing:border-box;height:50px;min-height:0}
#topbar-second .cgy-profile-menu-photo{display:block;width:32px!important;height:32px!important;object-fit:cover;border-radius:50%;margin:0!important}

#topbar-second .cgy-nav-replacement>img{box-sizing:border-box!important;border:0!important;min-width:100%!important;min-height:100%!important;transform:none!important}

/* Visible labels share the native bottom baseline; shrink only the icon above them. */
#topbar-second #top-menu-nav .cgy-nav-custom:not(.cgy-nav-image-only){display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:4px!important;padding-bottom:3px!important;line-height:16px!important;white-space:nowrap}
#topbar-second #top-menu-nav .cgy-nav-custom:not(.cgy-nav-image-only)>br{display:none!important}
#topbar-second #top-menu-nav .cgy-nav-custom:not(.cgy-nav-image-only) .cgy-nav-replacement{--cgy-nav-fit:max(1px,min(var(--cgy-nav-size,40px),calc(var(--cgy-nav-row-height,50px) - 23px)));flex:0 0 auto!important}

/* Give standard and customized labels the same baseline, including on hover. */
#topbar-second #top-menu-nav>li:not(#top-menu-sub)>a:not(.cgy-nav-image-only):not(#cgy-profile-button){display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;box-sizing:border-box!important;height:var(--cgy-nav-row-height,50px)!important;min-height:0!important;padding-top:4px!important;padding-bottom:3px!important;line-height:16px!important;white-space:nowrap;position:relative;border-bottom-width:0!important}
#topbar-second #top-menu-nav>li:not(#top-menu-sub)>a:not(.cgy-nav-image-only):not(#cgy-profile-button)>br{display:none!important}
#topbar-second #top-menu-nav>li>a.cgy-nav-custom>.caret{position:absolute;right:2px;top:50%}