/* V24.12.22 — scoped to the three requested sidebar groups. */
#nav .admin-nav-group{margin:3px 0}
#nav .admin-nav-group[hidden],#nav .admin-nav-group-children[hidden]{display:none!important}
#nav .admin-nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:13px 16px;border:0;border-radius:14px;background:transparent;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.45;text-align:left;cursor:pointer}
#nav .admin-nav-group-label{flex:1;min-width:0;overflow-wrap:anywhere}
#nav .admin-nav-group-toggle:hover{background:rgba(255,255,255,.08)}
#nav .admin-nav-group-toggle:focus-visible,#nav .admin-nav-group-children .nav-btn:focus-visible{outline:2px solid var(--mint,#51decb);outline-offset:-2px}
#nav .admin-nav-chevron{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
#nav .admin-nav-group-toggle[aria-expanded="true"] .admin-nav-chevron{transform:rotate(90deg)}
#nav .admin-nav-group.has-active-child>.admin-nav-group-toggle{color:#c9a6ff;background:rgba(133,20,245,.12)}
#nav .admin-nav-group-children{margin:3px 0 9px 24px;padding-left:9px;border-left:1px solid rgba(255,255,255,.15)}
#nav .admin-nav-group-children .nav-btn{width:100%;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.45;border-radius:10px;white-space:normal;overflow-wrap:anywhere}
#nav .admin-nav-group-children .nav-ico{display:none}
#nav .admin-nav-group-children .nav-btn.active{background:#e9d9ff;color:#401078;box-shadow:none}
#nav .admin-nav-group-children .nav-label{min-width:0}
#nav .admin-nav-group-toggle .nav-count-badge{flex:none}
@media(prefers-reduced-motion:reduce){#nav .admin-nav-chevron{transition:none}}
/* All menu text uses the same size; hierarchy uses indentation and color. */
.sidebar #nav .nav-btn,.sidebar #nav .admin-nav-group-toggle,.sidebar #nav .admin-approval-link{font-size:14px!important;line-height:1.45}
.sidebar #nav .nav-btn .nav-label,.sidebar #nav .admin-nav-group-label{font-size:inherit}
.sidebar #nav .nav-count-badge{font-size:14px;min-width:26px;min-height:24px;line-height:24px}
.mining-workspace-link,.ticket-workspace-link,.mining-workspace-group,.ticket-workspace-group{font-size:14px!important}

#nav .nav-btn>[data-i18n],#nav .nav-btn>.nav-label,#nav .admin-approval-link>[data-approval-label]{min-width:0;flex:1;overflow-wrap:anywhere}

/* Shared right-hand count column for top-level and nested sidebar entries. */
#nav>.nav-btn,#nav .admin-nav-group-toggle{display:grid;grid-template-columns:20px minmax(0,1fr) 16px 36px;column-gap:10px;box-sizing:border-box;padding-right:16px}
#nav>.nav-btn>.nav-ico,#nav .admin-nav-group-toggle>.nav-ico{grid-column:1}
#nav>.nav-btn>[data-i18n],#nav>.nav-btn>span:not(.nav-ico):not(.menu-data-badge):not(.nav-count-badge),#nav .admin-nav-group-label{grid-column:2;min-width:0}
#nav .admin-nav-group-children .nav-btn,#nav .admin-nav-group-children .admin-approval-link{display:grid;grid-template-columns:minmax(0,1fr) 16px 36px;column-gap:10px;box-sizing:border-box;padding-right:16px}
#nav .admin-nav-group-children .nav-btn>[data-i18n],#nav .admin-nav-group-children .nav-label,#nav .admin-approval-link>[data-approval-label]{grid-column:1;min-width:0}
#nav>.nav-btn>.menu-data-badge,#nav .admin-nav-group-toggle>[data-group-count]{grid-column:4;grid-row:1}
#nav .admin-nav-group-children .menu-data-badge{grid-column:3;grid-row:1}
#nav .admin-nav-chevron{grid-column:3;grid-row:1}
#nav .menu-data-badge,#nav [data-group-count]{width:36px;min-width:36px;box-sizing:border-box;margin:0;padding:0 3px;justify-self:center;align-self:center}
.menu-data-badge[hidden],#nav [data-group-count][hidden]{display:none!important}

#nav>.nav-btn>.admin-nav-workspace-chevron{grid-column:3;grid-row:1}
#nav>.nav-btn.active>.admin-nav-workspace-chevron{transform:rotate(90deg)}

.pp-admin-link{font-size:14px!important}

/* V24.12.22: one-line labels, compact indentation, consistent count column. */
@media screen{
 .sidebar{width:min(304px,calc(100vw - 24px));padding-left:14px;padding-right:14px}
 #nav>.nav-btn,#nav .admin-nav-group-toggle{grid-template-columns:20px minmax(0,1fr) 14px 36px;column-gap:6px;padding-left:10px;padding-right:8px}
 #nav .admin-nav-group-children{margin-left:12px;padding-left:8px}
 #nav .admin-nav-group-children .nav-btn,#nav .admin-nav-group-children .admin-approval-link{grid-template-columns:minmax(0,1fr) 14px 36px;column-gap:6px;padding-left:8px;padding-right:8px;white-space:nowrap}
 #nav .admin-nav-group-children .nav-btn>span:not(.nav-ico):not(.menu-data-badge):not(.nav-count-badge),#nav .admin-nav-group-children .admin-approval-link>[data-approval-label]{grid-column:1 / 3;grid-row:1}
 #nav .nav-label,#nav .admin-nav-group-label,#nav .nav-btn>span:not(.nav-ico):not(.menu-data-badge):not(.nav-count-badge),#nav [data-approval-label]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;min-width:0}
 #nav .nav-btn>.nav-label>.nav-ico{display:none}
 #nav>.nav-btn>.nav-label{display:flex}
 #nav>.nav-btn>.nav-label>.nav-ico{display:inline-grid}
 #nav .admin-nav-group-children .nav-btn .nav-count-badge,#nav .admin-nav-group-children .menu-data-badge{grid-column:3;grid-row:1}
 #nav .admin-nav-chevron{width:14px;height:14px}
}
@media screen and (min-width:981px){.app{grid-template-columns:304px minmax(0,1fr)}}

/* V24.12.26: a shared chevron column; counts stay at the right edge. */
@media screen{
 #nav>.nav-btn,#nav .admin-nav-group-toggle{grid-template-columns:20px minmax(0,1fr) 14px 36px}
 #nav>.nav-btn>.nav-ico,#nav .admin-nav-group-toggle>.nav-ico,#nav>.nav-btn>span:not(.nav-ico):not(.menu-data-badge):not(.nav-count-badge),#nav .admin-nav-group-label{grid-row:1}
 #nav>.nav-btn>.menu-data-badge,#nav>.nav-btn>.nav-count-badge,#nav .admin-nav-group-toggle>[data-group-count]{grid-column:4;grid-row:1;justify-self:end}
 #nav .admin-nav-group-children .admin-nav-chevron{display:none}
}

@media screen{
 #nav>.nav-btn>.admin-nav-workspace-chevron,#nav .admin-nav-group-toggle>.admin-nav-chevron{justify-self:center;align-self:center}
}
