/* StaffBoard Sidebar v3 — local UI only */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.staffboard-shell-v3{
  --sidebar-expanded-width:320px;
  --sidebar-collapsed-width:72px;
  display:grid!important;
  grid-template-columns:var(--sidebar-expanded-width) minmax(0,1fr)!important;
  gap:14px!important;
  padding:14px!important;
  min-width:0!important;
  transition:grid-template-columns .2s ease!important;
}
.staffboard-shell-v3.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)!important}
.staffboard-shell-v3>.main{min-width:0!important;overflow-x:hidden!important}

.sidebar-v3{
  position:sticky!important;
  top:14px!important;
  width:100%!important;
  max-height:calc(100vh - 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(239,245,252,.98))!important;
  border:1px solid #cbd8e8!important;
  box-shadow:0 16px 40px rgba(15,23,42,.10)!important;
  scrollbar-width:thin;
  scrollbar-color:#b7c7db transparent;
  transition:width .2s ease,padding .2s ease,transform .22s ease!important;
}
.sidebar-v3::-webkit-scrollbar{width:8px}
.sidebar-v3::-webkit-scrollbar-thumb{background:#b7c7db;border-radius:99px;border:2px solid transparent;background-clip:padding-box}
.sidebar-v3>h1,.sidebar-v3>.muted{display:none!important}

.sidebar-toggle-v3{
  position:fixed!important;
  z-index:9010!important;
  top:26px!important;
  left:calc(var(--sidebar-expanded-width) - 2px)!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid #b9c9dc!important;
  background:#ffffff!important;
  color:#1e3a5f!important;
  box-shadow:0 8px 22px rgba(15,23,42,.15)!important;
  font-size:22px!important;
  line-height:1!important;
  transition:left .2s ease,transform .15s ease,background .15s ease!important;
}
.sidebar-toggle-v3:hover{background:#eff6ff!important;transform:scale(1.04)}
.sidebar-toggle-v3:focus-visible{outline:3px solid rgba(37,99,235,.35)!important;outline-offset:3px!important}
.sidebar-collapsed .sidebar-toggle-v3{left:calc(var(--sidebar-collapsed-width) - 2px)!important}
.sidebar-toggle-icon{display:block;transform:translateY(-1px)}

.sidebar-mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.52);z-index:8980;backdrop-filter:blur(2px)}

.sidebar-v3-context-shell{
  position:sticky;
  top:-12px;
  z-index:4;
  margin:-12px -12px 10px;
  padding:12px;
  background:linear-gradient(180deg,rgba(248,251,255,.99) 0%,rgba(248,251,255,.97) 82%,rgba(248,251,255,0) 100%);
}
.sidebar-v3-brand-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}
.sidebar-v3-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:950;letter-spacing:.04em;box-shadow:0 8px 18px rgba(37,99,235,.22)}
.sidebar-v3-brand-copy{min-width:0;display:grid;gap:1px}
.sidebar-v3-brand-copy strong{font-size:15px;line-height:1.1;letter-spacing:-.02em}
.sidebar-v3-brand-copy span{font-size:11px;color:#70819a;font-weight:750}
.sidebar-v3-mobile-close{display:none!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:10px!important;font-size:22px!important;background:#eef4fa!important}

.sidebar-v3-context-card{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px;border:1px solid #d4dfec;border-radius:15px;background:linear-gradient(145deg,#ffffff,#f4f8fd);box-shadow:0 6px 16px rgba(15,23,42,.04)}
.sidebar-v3-context-card>div:not(.sidebar-v3-status-row){min-width:0;padding:7px 8px;border-radius:10px;background:rgba(239,246,255,.68)}
.sidebar-v3-context-label{display:block;margin-bottom:3px;color:#75859b;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.sidebar-v3-context-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#17304f}
.sidebar-v3-status-row{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding:4px 6px;color:#61738c;font-size:10px;font-weight:800}
.sidebar-v3-status-row>[data-sidebar-network-dot]{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.sidebar-v3-status-row>[data-sidebar-network-dot].offline{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.sidebar-v3-status-row>[data-sidebar-sync]{margin-left:auto}

.sidebar-v3-search-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin:8px 0 10px;padding:0 9px;border:1px solid #cbd8e8;border-radius:12px;background:#fff}
.sidebar-v3-search-wrap>span{font-size:17px;color:#6b7e98}
.sidebar-v3-search-wrap input{min-height:38px!important;height:38px!important;padding:6px 0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:12px!important}
.sidebar-v3-search-wrap input:focus{outline:0!important}
.sidebar-v3-search-wrap button{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;padding:0!important;border:0!important;background:transparent!important;color:#71839a!important;font-size:17px!important}
.sidebar-v3-search-wrap:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.10)}

.sidebar-v3-nav{display:grid;gap:4px;margin-bottom:10px}
.sidebar-v3-nav-item{position:relative!important;width:100%!important;min-height:39px!important;height:39px!important;padding:0 10px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) 8px!important;align-items:center!important;gap:8px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#435570!important;text-align:left!important;font-size:12px!important;font-weight:850!important;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important}
.sidebar-v3-nav-item:hover{background:#eaf2fb!important;border-color:#d2dfed!important;color:#173a66!important;transform:translateX(2px)}
.sidebar-v3-nav-item.active{background:linear-gradient(135deg,#e0edff,#edf5ff)!important;border-color:#a9c8f6!important;color:#174a91!important;box-shadow:inset 3px 0 0 #2563eb,0 5px 14px rgba(37,99,235,.07)!important}
.sidebar-v3-nav-item:focus-visible{outline:3px solid rgba(37,99,235,.28)!important;outline-offset:2px!important}
.sidebar-v3-nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(148,163,184,.13);font-size:14px}
.sidebar-v3-nav-item.active .sidebar-v3-nav-icon{background:#d3e4ff;color:#1d4ed8}
.sidebar-v3-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-v3-active-dot{width:6px;height:6px;border-radius:50%;background:transparent}
.sidebar-v3-nav-item.active .sidebar-v3-active-dot{background:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}

.sidebar-v3-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px}
.sidebar-v3-quick-actions button{min-width:0!important;min-height:47px!important;padding:6px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:11px!important;border:1px solid #d5e0ec!important;background:#f8fbff!important;color:#42536a!important;font-size:9px!important;line-height:1.05!important}
.sidebar-v3-quick-actions button span:first-child{font-size:15px;line-height:1}
.sidebar-v3-quick-actions button:hover{background:#eef6ff!important;border-color:#b7d1f2!important;color:#1e4f87!important}

.sidebar-v3-group{margin:0 0 8px;border:1px solid #d3deea;border-radius:13px;background:rgba(255,255,255,.68);overflow:hidden}
.sidebar-v3-group-toggle{min-height:39px!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#364962!important;font-size:11px!important;text-align:left!important}
.sidebar-v3-group-toggle>span:first-child{display:flex;align-items:center;gap:8px}
.sidebar-v3-chevron{transition:transform .16s ease}
.sidebar-v3-group[data-open="true"] .sidebar-v3-chevron{transform:rotate(180deg)}
.sidebar-v3-group-body{display:none;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px}
.sidebar-v3-group[data-open="true"] .sidebar-v3-group-body{display:grid}
.sidebar-v3-group-body button{min-height:35px!important;padding:6px 7px!important;border-radius:9px!important;background:#f5f9fd!important;border:1px solid #d9e3ee!important;color:#465a74!important;font-size:10px!important}
.sidebar-v3-group-body button:hover{background:#eaf4ff!important;color:#1e4f87!important}
.sidebar-v3-group-body .sidebar-v3-danger{background:#fff1f2!important;color:#b91c1c!important;border-color:#fecdd3!important}

.sidebar-v3>.section,.sidebar-v3>[data-builderx-summary].builderx-card{margin:0 0 8px!important;padding:10px!important;border-radius:14px!important;border:1px solid #d5e0ec!important;background:rgba(255,255,255,.82)!important;box-shadow:none!important}
.sidebar-v3>.section h2,.sidebar-v3-section-heading{min-height:34px!important;margin:0!important;padding:7px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border-radius:9px!important;color:#344860!important;font-size:11px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important;user-select:none}
.sidebar-v3>.section h2::after{content:"⌄"!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;color:#71839a!important;font-size:14px!important;transition:transform .16s ease!important}
.sidebar-v3>.section[data-sidebar-collapsed="true"] h2::after{transform:rotate(-90deg)}
.sidebar-v3>.section[data-sidebar-collapsed="true"]>:not(h2){display:none!important}
.sidebar-v3>.section h2:hover{background:#edf4fb!important;color:#1e4f87!important}
.sidebar-v3>.section h2:focus-visible{outline:3px solid rgba(37,99,235,.25)!important;outline-offset:1px!important}
.sidebar-v3>.section .row,.sidebar-v3>.section .row.two,.sidebar-v3>.section .row.three{gap:7px!important;margin-bottom:8px!important}
.sidebar-v3>.section input,.sidebar-v3>.section select,.sidebar-v3>.section textarea{min-height:38px!important;padding:8px 9px!important;border-radius:10px!important;font-size:11px!important}
.sidebar-v3>.section button{min-height:36px!important;padding:7px 8px!important;border-radius:10px!important;font-size:10px!important}
.sidebar-v3>.section label{margin-bottom:4px!important;font-size:9px!important;letter-spacing:.035em!important}
.sidebar-v3>.auth-section{display:none!important}

.sidebar-v3-ready .main-top-tabs.app-nav-tabs{display:none!important}

.sidebar-collapsed .sidebar-v3{padding:8px!important}
.sidebar-collapsed .sidebar-v3-context-shell{margin:-8px -8px 7px;padding:8px;top:-8px}
.sidebar-collapsed .sidebar-v3-brand-row{grid-template-columns:1fr;margin:0 0 8px}
.sidebar-collapsed .sidebar-v3-brand-mark{margin:auto;width:38px;height:38px}
.sidebar-collapsed .sidebar-v3-brand-copy,.sidebar-collapsed .sidebar-v3-mobile-close{display:none!important}
.sidebar-collapsed .sidebar-v3-context-card{grid-template-columns:1fr;padding:5px;gap:4px}
.sidebar-collapsed .sidebar-v3-context-card>div{padding:5px 2px!important;text-align:center!important;background:transparent!important}
.sidebar-collapsed .sidebar-v3-context-card>div:nth-child(n+3),.sidebar-collapsed .sidebar-v3-status-row{display:none!important}
.sidebar-collapsed .sidebar-v3-context-label{font-size:7px}
.sidebar-collapsed .sidebar-v3-context-card strong{font-size:9px}
.sidebar-collapsed .sidebar-v3-search-wrap,.sidebar-collapsed .sidebar-v3-quick-actions,.sidebar-collapsed .sidebar-v3-group,.sidebar-collapsed .sidebar-v3>:not([data-sidebar-enhancement-root]){display:none!important}
.sidebar-collapsed .sidebar-v3-nav{gap:6px;margin:0}
.sidebar-collapsed .sidebar-v3-nav-item{grid-template-columns:1fr!important;width:54px!important;height:44px!important;min-height:44px!important;margin:auto!important;padding:0!important;justify-items:center!important}
.sidebar-collapsed .sidebar-v3-nav-label,.sidebar-collapsed .sidebar-v3-active-dot{display:none!important}
.sidebar-collapsed .sidebar-v3-nav-icon{width:30px;height:30px;font-size:16px}
.sidebar-collapsed .sidebar-v3-nav-item.active{box-shadow:inset 3px 0 0 #2563eb!important}

body[data-theme="dark"] .sidebar-v3{background:linear-gradient(180deg,#1b2a40,#17243a)!important;border-color:#3b4f6c!important;box-shadow:0 18px 45px rgba(0,0,0,.30)!important;scrollbar-color:#5f7595 transparent}
body[data-theme="dark"] .sidebar-toggle-v3{background:#263a56!important;color:#e8f2ff!important;border-color:#5d7494!important}
body[data-theme="dark"] .sidebar-v3-context-shell{background:linear-gradient(180deg,rgba(27,42,64,.99) 0%,rgba(27,42,64,.97) 82%,rgba(27,42,64,0) 100%)}
body[data-theme="dark"] .sidebar-v3-brand-copy strong{color:#f4f8ff}
body[data-theme="dark"] .sidebar-v3-brand-copy span,body[data-theme="dark"] .sidebar-v3-context-label{color:#aebfd5}
body[data-theme="dark"] .sidebar-v3-context-card{background:linear-gradient(145deg,#263a56,#22344f);border-color:#526a8a}
body[data-theme="dark"] .sidebar-v3-context-card>div:not(.sidebar-v3-status-row){background:rgba(23,36,58,.46)}
body[data-theme="dark"] .sidebar-v3-context-card strong{color:#f4f8ff}
body[data-theme="dark"] .sidebar-v3-status-row{color:#b5c7dd}
body[data-theme="dark"] .sidebar-v3-search-wrap{background:#22344f;border-color:#526a8a}
body[data-theme="dark"] .sidebar-v3-search-wrap input{color:#f4f8ff!important}
body[data-theme="dark"] .sidebar-v3-nav-item{color:#c0cee0!important}
body[data-theme="dark"] .sidebar-v3-nav-item:hover{background:#293e5b!important;border-color:#4c6382!important;color:#fff!important}
body[data-theme="dark"] .sidebar-v3-nav-item.active{background:linear-gradient(135deg,#294a73,#263f62)!important;border-color:#6686ae!important;color:#fff!important}
body[data-theme="dark"] .sidebar-v3-nav-icon{background:rgba(148,163,184,.14)}
body[data-theme="dark"] .sidebar-v3-quick-actions button,body[data-theme="dark"] .sidebar-v3-group,body[data-theme="dark"] .sidebar-v3>.section,body[data-theme="dark"] .sidebar-v3>[data-builderx-summary].builderx-card{background:rgba(35,53,80,.92)!important;border-color:#526a8a!important;color:#dce8f7!important}
body[data-theme="dark"] .sidebar-v3-group-toggle,body[data-theme="dark"] .sidebar-v3>.section h2{color:#dce8f7!important}
body[data-theme="dark"] .sidebar-v3-group-body button{background:#2b4160!important;border-color:#587092!important;color:#e2edfa!important}
body[data-theme="dark"] .sidebar-v3>.section h2:hover{background:#2c4261!important;color:#fff!important}
body[data-theme="dark"] .sidebar-v3>.section input,body[data-theme="dark"] .sidebar-v3>.section select,body[data-theme="dark"] .sidebar-v3>.section textarea{background:#21334d!important;border-color:#587092!important;color:#fff!important}

@media(max-width:900px){
  .staffboard-shell-v3,.staffboard-shell-v3.sidebar-collapsed,.staffboard-shell-v3.sidebar-expanded{grid-template-columns:minmax(0,1fr)!important;padding:10px!important;gap:0!important}
  .sidebar-v3{position:fixed!important;inset:0 auto 0 0!important;top:0!important;width:min(88vw,350px)!important;max-height:none!important;height:100dvh!important;padding:12px!important;border-radius:0 22px 22px 0!important;z-index:9000!important;transform:translateX(-105%)!important;box-shadow:0 26px 70px rgba(15,23,42,.32)!important}
  .sidebar-mobile-open .sidebar-v3{transform:translateX(0)!important}
  .sidebar-mobile-open .sidebar-mobile-backdrop{display:block!important}
  .sidebar-toggle-v3,.sidebar-collapsed .sidebar-toggle-v3{left:14px!important;top:14px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .sidebar-mobile-open .sidebar-toggle-v3{opacity:0!important;pointer-events:none!important}
  .sidebar-v3-mobile-close{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .sidebar-v3-context-shell{top:-12px}
  body.sidebar-drawer-open{overflow:hidden!important}
  .sidebar-v3-ready .main-top-tabs.app-nav-tabs{display:none!important}
  .staffboard-shell-v3>.main{padding-top:58px!important}
}

@media(max-width:520px){
  .sidebar-v3{width:min(92vw,340px)!important}
  .sidebar-v3-context-card{grid-template-columns:1fr 1fr}
  .sidebar-v3-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  .staffboard-shell-v3,.sidebar-v3,.sidebar-toggle-v3,.sidebar-v3-nav-item,.sidebar-v3-chevron,.sidebar-v3>.section h2::after{transition:none!important;scroll-behavior:auto!important}
}