/* CeritaKita — Unified Sidebar Dropdown v1 */
.sidebar-group{margin:3px 0}
.sidebar-group-toggle{width:100%;display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ck-text,#526075);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.sidebar-group-toggle:hover{background:var(--ck-hover,#f6faff);color:var(--ck-text-strong,#162033);transform:translateX(1px)}
.sidebar-group-toggle .side-icon{width:20px;display:grid;place-items:center;flex:0 0 20px}
.sidebar-group-toggle .side-text{min-width:0;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.25}
.sidebar-group-chevron{margin-left:auto;width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;opacity:.68;transition:transform .18s ease,opacity .18s ease}
.sidebar-group-chevron svg{width:15px;height:15px}
.sidebar-group.is-open .sidebar-group-chevron{transform:rotate(180deg);opacity:1}
.sidebar-group.is-active .sidebar-group-toggle{background:var(--ck-soft,#eef5ff);border-color:var(--ck-border-soft,#d9e8fb);color:var(--ck-blue,#1877f2)}
.sidebar-group.is-active .sidebar-group-toggle:hover{background:var(--ck-soft,#eaf3ff)}
.sidebar-submenu{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .22s ease,opacity .16s ease,visibility .16s ease;padding:0 0}
.sidebar-group.is-open .sidebar-submenu{max-height:900px;opacity:1;visibility:visible;padding:2px 0 4px}
.sidebar-submenu .side-item{position:relative;margin:1px 0;padding:8px 10px 8px 42px;min-height:38px;font-size:13px;border-radius:10px}
.sidebar-submenu .side-item::before{content:"";position:absolute;left:26px;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.24;transform:translateY(-50%)}
.sidebar-submenu .side-item.active::before{opacity:.72}
.sidebar-submenu .side-icon{width:19px;flex:0 0 19px}
.sidebar-submenu .side-icon svg{width:17px;height:17px}
.sidebar-submenu .side-text{min-width:0;overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.sidebar-submenu .side-item-badge{margin-left:auto}
.sidebar-group + .sidebar-group{margin-top:2px}

.sidebar-dark .sidebar-group-toggle{color:#c9d6e7}
.sidebar-dark .sidebar-group-toggle:hover{background:#1b304b;color:#fff}
.sidebar-dark .sidebar-group.is-active .sidebar-group-toggle{background:linear-gradient(100deg,#1f61b8,#274f86);border-color:rgba(144,191,255,.12);color:#fff}
.sidebar-dark .sidebar-group.is-open .sidebar-group-toggle{color:#fff}
.sidebar-dark .sidebar-submenu .side-item{color:#c2d1e3}
.sidebar-dark .sidebar-submenu .side-item:hover{background:#1b304b;color:#fff}
.sidebar-dark .sidebar-submenu .side-item.active{background:linear-gradient(100deg,rgba(56,126,220,.42),rgba(56,126,220,.18));color:#fff;border-color:rgba(140,191,255,.12)}

.sidebar-collapsed .sidebar-group-toggle{justify-content:center;padding-inline:8px}
.sidebar-collapsed .sidebar-group-toggle .side-text,.sidebar-collapsed .sidebar-group-chevron{display:none!important}
.sidebar-collapsed .sidebar-group-toggle .side-icon{width:22px;flex-basis:22px}
.sidebar-collapsed .sidebar-submenu .side-item{justify-content:center;padding:8px;min-height:42px}
.sidebar-collapsed .sidebar-submenu .side-item::before,.sidebar-collapsed .sidebar-submenu .side-text,.sidebar-collapsed .sidebar-submenu .side-item-badge{display:none!important}
.sidebar-collapsed .sidebar-submenu .side-icon{width:22px;flex-basis:22px}

@media(max-width:1050px){
  .sidebar-group-toggle{min-height:46px;padding:10px 13px}
  .sidebar-submenu .side-item{min-height:44px;padding:10px 12px 10px 44px}
  .sidebar-submenu .side-item::before{left:28px}
}


.sidebar-group-toggle{align-items:center}
.sidebar-submenu .side-item{align-items:center;gap:9px;padding-right:8px}
.sidebar-submenu .side-item .side-text{flex:1}
.sidebar-group-toggle .side-text{flex:1}
.side-item-badge{flex:0 0 auto}
@media(min-width:1101px){
  body.admin-app .sidebar,body.reader-app .sidebar,body.creator-app .sidebar{width:var(--ck-sidebar-width,250px)!important}
}

html[data-theme="dark"] .sidebar-group-toggle{color:#c4d0de}
html[data-theme="dark"] .sidebar-group-toggle:hover{background:#17263a;color:#fff}
html[data-theme="dark"] .sidebar-group.is-active .sidebar-group-toggle{background:#193a63;border-color:#234b7a;color:#dcecff}
html[data-theme="dark"] .sidebar-submenu .side-item{color:#b7c6d7}
html[data-theme="dark"] .sidebar-submenu .side-item:hover{background:#17263a;color:#fff}
html[data-theme="dark"] .sidebar-submenu .side-item.active{background:#193a63;color:#dcecff;border-color:#234b7a}


/* CeritaKita — Sidebar Dropdown v2 contrast/layout correction.
   The admin sidebar is intentionally light in light mode; legacy .sidebar-dark
   must not wash out inactive category labels or expose stale submenu state. */
html[data-theme="light"] .sidebar,
html:not([data-theme="dark"]) .sidebar{
  background:#ffffff!important;
  color:#31445b!important;
}
html[data-theme="light"] .sidebar-group-toggle,
html:not([data-theme="dark"]) .sidebar-group-toggle,
.sidebar-dark .sidebar-group-toggle{
  color:#40556d!important;
}
html[data-theme="light"] .sidebar-group-toggle:hover,
html:not([data-theme="dark"]) .sidebar-group-toggle:hover,
.sidebar-dark .sidebar-group-toggle:hover{
  background:#f3f7fc!important;
  color:#172b43!important;
}
html[data-theme="light"] .sidebar-group.is-active .sidebar-group-toggle,
html:not([data-theme="dark"]) .sidebar-group.is-active .sidebar-group-toggle,
.sidebar-dark .sidebar-group.is-active .sidebar-group-toggle{
  background:linear-gradient(100deg,#2569bf,#2d75cf)!important;
  border-color:transparent!important;
  color:#ffffff!important;
  box-shadow:0 5px 14px rgba(37,105,191,.16);
}
html[data-theme="light"] .sidebar-submenu .side-item,
html:not([data-theme="dark"]) .sidebar-submenu .side-item,
.sidebar-dark .sidebar-submenu .side-item{
  color:#53677d!important;
}
html[data-theme="light"] .sidebar-submenu .side-item:hover,
html:not([data-theme="dark"]) .sidebar-submenu .side-item:hover,
.sidebar-dark .sidebar-submenu .side-item:hover{
  background:#f5f8fc!important;
  color:#1f3550!important;
}
html[data-theme="light"] .sidebar-submenu .side-item.active,
html:not([data-theme="dark"]) .sidebar-submenu .side-item.active,
.sidebar-dark .sidebar-submenu .side-item.active{
  background:#eaf3ff!important;
  border-color:#d7e7fb!important;
  color:#1769d5!important;
  font-weight:750;
}
html[data-theme="light"] .sidebar-group-chevron,
html:not([data-theme="dark"]) .sidebar-group-chevron,
.sidebar-dark .sidebar-group-chevron{color:#6d8094!important;opacity:1}
html[data-theme="light"] .sidebar-group.is-active .sidebar-group-chevron,
html:not([data-theme="dark"]) .sidebar-group.is-active .sidebar-group-chevron{color:#ffffff!important}
html[data-theme="dark"] .sidebar-dark{background:#101a29!important;color:#d8e3ef!important}
html[data-theme="dark"] .sidebar-dark .sidebar-group-toggle{color:#bdcbda!important}
html[data-theme="dark"] .sidebar-dark .sidebar-group-toggle:hover{background:#17283d!important;color:#ffffff!important}
html[data-theme="dark"] .sidebar-dark .sidebar-group.is-active .sidebar-group-toggle{background:#193f6b!important;color:#ffffff!important}
html[data-theme="dark"] .sidebar-dark .sidebar-submenu .side-item{color:#b4c3d3!important}
html[data-theme="dark"] .sidebar-dark .sidebar-submenu .side-item:hover{background:#17283d!important;color:#ffffff!important}
html[data-theme="dark"] .sidebar-dark .sidebar-submenu .side-item.active{background:#193f6b!important;border-color:#28547f!important;color:#e4f0ff!important}

/* Keep inactive groups compact; only the selected/remembered group reveals children. */
.sidebar-group:not(.is-open) .sidebar-submenu{display:none!important}
.sidebar-group.is-open .sidebar-submenu{display:flex}