:root{--bg:#f5f7fa;--line:#e2e8ed;--shadow:0 8px 26px rgba(24,45,61,.08)}
.sidebar{background:linear-gradient(180deg,#122b35,#10232d);gap:22px;padding:22px 14px 16px;overflow:hidden}.sidebar #nav{overflow-y:auto;min-height:0;flex:1;gap:0;scrollbar-width:thin;scrollbar-color:#405966 transparent}.sidebar .brand{padding:0 6px}.workspace-nav-group{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.workspace-nav-group[hidden]{display:none}.workspace-nav-label{margin:10px 12px 6px;font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#90adb7}.workspace-nav-group .nav-item{padding:9px 12px;font-size:13px;line-height:1.5;border-radius:8px;transition:background .15s}.workspace-nav-group .nav-item.active{background:#24515b;color:#fff;box-shadow:inset 3px 0 #46cbb6}.sidebar-foot{padding:12px 6px 0;border-top:1px solid #29434d}.user-mini b{font-size:12px;line-height:1.4}.sidebar-foot .logout{padding:8px 0;font-size:12px}.main>.view{max-width:1600px;margin-inline:auto;padding:28px 32px}.section-head{margin-bottom:22px;align-items:flex-start}.section-head p{line-height:1.6;margin:8px 0 0}.panel{padding:24px;border-radius:16px;box-shadow:0 3px 16px rgba(29,51,65,.025)}.panel h2{line-height:1.45}.panel>h2{margin-bottom:14px}.panel .muted{line-height:1.65}.view input,.view textarea,.view select{border-color:#d5dfe5;min-width:0}.view input:focus,.view textarea:focus,.view select:focus{outline:2px solid #a7d8d0;outline-offset:1px}.btn{font-weight:600;line-height:1.35}.btn:focus-visible,.nav-item:focus-visible,.workspace-settings-tab:focus-visible{outline:3px solid #6ed3c1;outline-offset:3px}.view input[type=checkbox],.view input[type=radio],.modal input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#087f73;margin-right:7px}.workspace-settings-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:#eaf0f3;border:1px solid #dde6eb;border-radius:13px;margin:0 0 24px}.workspace-settings-tab{flex:1 1 auto;border:0;background:transparent;color:#526471;padding:11px 14px;border-radius:9px;font:inherit;font-weight:600;font-size:13px;cursor:pointer}.workspace-settings-tab.active{background:#fff;color:#086b61;box-shadow:0 2px 8px #17303f0c}.workspace-settings-section{display:grid;gap:20px;max-width:1120px}.workspace-settings-section[hidden]{display:none}.workspace-settings-section .panel{margin:0}.workspace-google-settings{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.workspace-link-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#edf5f4;border-radius:12px;padding:12px 18px;margin-top:18px}.workspace-link-card p{line-height:1.5}.workspace-duplicate-action{display:none!important}.calendar-legend{font-size:11px;gap:12px;padding:12px 16px}.agenda-integration{border-radius:12px;box-shadow:none}.agenda-heading>img{width:40px;height:40px}.calendar-toolbar h2{font-size:18px}.stats-grid .stat-card{box-shadow:none}.view>.panel+.panel{margin-top:20px}.workspace-settings-section #shareBookingSettings .action-row{padding-top:6px}
@media(max-width:900px){.main>.view{padding:20px 16px}.panel{padding:18px}.workspace-settings-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.workspace-settings-tab{flex:0 0 auto;white-space:nowrap}.workspace-link-card{align-items:flex-start;flex-direction:column}.sidebar #nav{max-height:calc(100dvh - 205px)}.section-head{gap:12px;flex-wrap:wrap}.topbar{gap:8px}.topbar .btn{padding:9px 10px;font-size:12px}.workspace-nav-group .nav-item{font-size:14px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.workspace-nav-group .nav-item{transition:none}}
.workspace-repeated-block{display:none!important}.slot:has(.workspace-repeated-block),.week-cell:has(.workspace-repeated-block){background:#f7f5ee}.workspace-month-block{display:block;width:100%;margin-top:6px;padding:5px;border:1px solid #e4c991;border-radius:6px;background:#faf3df;color:#795b26;text-align:left;font:inherit;font-size:11px;cursor:pointer}.agenda-integration{flex-wrap:wrap}
#communicationsSettings>hr{display:none}

/* Keep the navigation still under the pointer; legacy styles translate items. */
.sidebar #nav{
  overflow-x:hidden;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  scroll-padding-block:8px;
}
.sidebar #nav::-webkit-scrollbar{display:block;width:6px;height:0}
.sidebar #nav::-webkit-scrollbar-thumb{background:#405966;border-radius:6px}
.sidebar #nav::-webkit-scrollbar-track{background:transparent}
.sidebar .brand,.sidebar-foot,.workspace-nav-group{flex-shrink:0}
.sidebar .nav-item,
.sidebar .nav-item:hover,
.sidebar .nav-item:focus-visible,
.sidebar .nav-item:active,
.sidebar .nav-item.active{
  transform:none;
  transition-property:background-color,color,box-shadow;
}
.sidebar #nav .nav-item{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  font-size:15px;
  line-height:1.45;
  font-weight:500;
}
.workspace-nav-label{font-size:11px;letter-spacing:.09em;line-height:1.5}
.sidebar .user-mini b{font-size:14px;line-height:1.4}
.sidebar .user-mini span,.sidebar .brand-sub{font-size:13px}
.sidebar-foot .logout{min-height:44px;font-size:14px;line-height:1.45}
@media(max-width:900px){
  .sidebar #nav .nav-item{font-size:16px;min-height:46px}
  .sidebar-foot .logout{font-size:16px;min-height:46px}
}