/* Sidebar modern (Lucide icons, minutes card) */
.app-sidebar .side-menu__icon.sb-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;margin-right:12px;font-size:20px;line-height:1;position:relative;color:#6c7a91;transition:color .15s ease}
.app-sidebar .side-menu__icon.sb-icon svg{width:20px !important;height:20px !important;min-width:20px;display:block}
.app-sidebar .side-menu__item{display:flex;align-items:center}
.app-sidebar .side-menu__item .side-menu__label{flex:1 1 auto;min-width:0}
.app-sidebar .side-menu__item:hover{background:rgba(0,123,255,.06)}
.app-sidebar .side-menu__item:hover .sb-icon{color:#007BFF}
.app-sidebar .side-menu__item.active,.app-sidebar .side-menu__item.active:hover{background:#007BFF;color:#fff}
.app-sidebar .side-menu__item.active .sb-icon,.app-sidebar .side-menu__item.active .sb-chevron,.app-sidebar .side-menu__item.active .sb-ext{color:#fff}
.app-sidebar svg.sb-chevron{width:16px;height:16px;margin-left:auto;flex:0 0 16px;transition:transform .2s ease;color:#9aa5b8}
.app-sidebar .slide.is-expanded > .side-menu__item svg.sb-chevron{transform:rotate(90deg)}
.app-sidebar .sb-ext{display:inline-flex;margin-left:auto;color:#9aa5b8;opacity:.8}
.app-sidebar .sb-dot{position:absolute;top:0;right:1px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px #fff}
.app-sidebar .slide-item{display:flex;align-items:center}
.app-sidebar .sb-sub-icon{display:inline-flex;width:16px;height:16px;margin-right:10px;color:#8a96aa;flex:0 0 16px}
.app-sidebar .slide-item:hover .sb-sub-icon,.app-sidebar .slide-item.active .sb-sub-icon{color:#007BFF}
/* Minutes card */
.app-sidebar .sb-minutes-li{list-style:none;padding:12px 14px 16px}
.sb-minutes-card{border:1px solid #e6ebf3;border-radius:12px;padding:12px;background:linear-gradient(180deg,#f8fbff,#fff)}
.sb-minutes-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.sb-minutes-label{font-size:12px;color:#6c7a91}
.sb-minutes-value{font-size:15px;font-weight:700;color:#1e1e2d}
.sb-minutes-progress.progress{height:6px;border-radius:99px;background:#e9eef6;margin-bottom:10px}
.sb-minutes-progress .progress-bar{background:#007BFF;border-radius:99px}
.sb-minutes-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;background:#007BFF;color:#fff !important;text-decoration:none}
.sb-minutes-btn:hover{background:#0066d6;text-decoration:none}
/* Mini (collapsed) sidebar on desktop */
@media (min-width:768px){
  .sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .side-menu__icon.sb-icon{margin-right:0}
  .sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .side-menu__item{justify-content:center}
  .sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .sb-ext,
  .sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .sb-chevron,
  .sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .sb-minutes-li{display:none !important}
}
.app-sidebar .sb-sub-icon svg,.app-sidebar svg.sb-chevron,.app-sidebar .sb-ext svg{min-width:auto}
.app-sidebar .side-menu__icon.sb-icon{margin-right:12px !important;margin-left:4px}
@media (min-width:768px){.sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .side-menu__icon.sb-icon{margin:0 !important}}
.app-sidebar .side-menu__icon.sb-icon{padding:0 !important;box-sizing:content-box;margin-left:5px}
/* 17px menu text (2026-10-21) */
.app-sidebar .side-menu__item{font-size:17px !important;line-height:1.3;padding-top:9px;padding-bottom:9px;white-space:normal}
.app-sidebar .side-menu__item .side-menu__label{font-size:17px !important;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.app-sidebar .side-menu__icon.sb-icon,.app-sidebar .side-menu__icon.sb-icon svg{width:21px !important;height:21px !important;min-width:21px}
.app-sidebar .slide-item{font-size:17px !important;line-height:1.3;padding-top:7px;padding-bottom:7px;white-space:normal;overflow-wrap:anywhere;align-items:flex-start}
.app-sidebar .sb-sub-icon{width:18px;height:18px;flex:0 0 18px;margin-top:2px}
.app-sidebar .sb-sub-icon svg{width:18px !important;height:18px !important}
@media (min-width:768px){.sidebar-mini.sidenav-toggled:not(.sidenav-toggled1) .app-sidebar .side-menu__item{padding-top:10px;padding-bottom:10px}}
