/* Sidebar styles are scoped so pagination navigation is unaffected. */
.sidebar{display:flex;flex-direction:column;height:100dvh;padding:22px 16px 14px;background:#102B48;border-right:1px solid color-mix(in srgb,#A8BBD0 18%,#102B48);overflow:hidden;box-shadow:6px 0 24px color-mix(in srgb,#102B48 8%,transparent)}
.sidebar-header{flex:none;padding:0 6px 18px;gap:12px}
.sidebar-header .brand{padding:9px 12px;border:1px solid color-mix(in srgb,#A8BBD0 35%,white);border-radius:8px;background:#fff;max-width:210px}
.sidebar-header .sidebar-logo{max-width:185px}
.sidebar .workspace-label{display:flex;align-items:center;gap:8px;flex:none;margin:0 10px 14px;font-size:11px;font-weight:750;letter-spacing:.09em;color:#A8BBD0}
.sidebar .workspace-label span{font-size:12px;font-weight:400;letter-spacing:0;color:color-mix(in srgb,#A8BBD0 65%,white);padding-left:8px;border-left:1px solid color-mix(in srgb,#A8BBD0 30%,transparent)}
.sidebar .sidebar-nav{display:flex;flex-direction:column;flex:1;min-height:0;gap:4px;overflow-y:auto;overflow-x:hidden;padding:3px 4px 14px;scrollbar-width:thin;scrollbar-color:#526981 transparent}
.sidebar-nav .nav-section{display:flex;align-items:center;gap:10px;margin:16px 10px 5px;font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.08em;color:#A8BBD0;flex:none}
.sidebar-nav .nav-section:after{content:"";height:1px;flex:1;background:color-mix(in srgb,#A8BBD0 18%,transparent)}
.sidebar-nav button{position:relative;display:flex;align-items:center;flex:none;min-height:44px;padding:10px 12px;gap:12px;border:1px solid transparent;border-radius:7px;color:color-mix(in srgb,#A8BBD0 18%,white);font-family:Inter,Roboto,sans-serif;font-size:13px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s}
.sidebar-nav button>.icon{width:18px;height:18px;flex:none;color:#A8BBD0;opacity:.9}
.sidebar-nav button:hover{transform:none;background:color-mix(in srgb,#0C3663 28%,#102B48);border-color:color-mix(in srgb,#A8BBD0 22%,transparent);color:#fff}
.sidebar-nav button.active{background:#0C3663;border-color:color-mix(in srgb,#A8BBD0 40%,#0C3663);box-shadow:inset 3px 0 #D83344;color:#fff;font-weight:700}
.sidebar-nav button.active>.icon{color:#fff;opacity:1}
.sidebar-nav button:focus-visible,.sidebar .profile:focus-visible,.sidebar .logout:focus-visible{outline:2px solid #A8BBD0;outline-offset:1px}
.sidebar-nav button b{margin-left:auto;min-width:25px;text-align:center;padding:3px 6px;border-radius:5px;background:color-mix(in srgb,#A8BBD0 16%,transparent);color:#fff;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}
.sidebar .sidebar-bottom{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,#A8BBD0 22%,transparent)}
.sidebar .sidebar-agenda{margin:0 4px 12px;padding:12px;border:1px solid color-mix(in srgb,#A8BBD0 23%,transparent);border-radius:7px;background:color-mix(in srgb,#0C3663 12%,#102B48);gap:5px}
.sidebar .sidebar-agenda .eyebrow{color:#A8BBD0;font-size:10px;font-weight:700;letter-spacing:.06em}
.sidebar .sidebar-agenda strong{font-size:13px;font-weight:600}
.sidebar .sidebar-agenda>span:not(.eyebrow){font-size:12px;color:color-mix(in srgb,#A8BBD0 35%,white)}
.sidebar .sidebar-agenda button{font-size:12px;min-height:30px;color:#A8BBD0}
.sidebar .online{display:none}
.sidebar .profile{margin:0;padding:10px 8px;border:0;border-radius:7px;background:transparent;gap:10px;min-height:54px}
.sidebar .profile:hover{background:color-mix(in srgb,#0C3663 25%,#102B48)}
.sidebar .profile .avatar{width:36px;height:36px;flex:none;border-radius:8px;background:#A8BBD0;color:#102B48;font-size:12px;font-weight:750}
.sidebar .profile>span:nth-child(2){min-width:0}.sidebar .profile strong{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .profile small{font-size:11px;color:#A8BBD0;margin-top:3px}
.sidebar .logout{width:100%;min-height:40px;margin-top:4px;padding:9px 10px;border-radius:7px;font-size:12px;color:color-mix(in srgb,#D83344 35%,white)}
.sidebar .logout:hover{background:color-mix(in srgb,#D83344 12%,transparent);color:#fff}
@media(max-height:820px){.sidebar .sidebar-agenda{display:none}.sidebar-header{padding-bottom:12px}.sidebar-nav .nav-section{margin-top:11px}.sidebar .sidebar-bottom{margin-top:6px}}
@media(max-width:800px){.sidebar{width:min(290px,calc(100vw - 44px));padding-top:18px}.sidebar .menu-close{display:inline-flex;width:36px;height:36px;border-radius:6px;color:#fff}.sidebar-header{padding-left:0;padding-right:0}.sidebar-header .brand{max-width:205px}.sidebar.open{transform:translateX(0)}}