.bk-staff-sidebar { --staff-width: min(360px, calc(100vw - 26px)); position: fixed !important; inset: 0 auto 0 0 !important; width: 0 !important; height: 100dvh !important; z-index: 2147482000 !important; pointer-events: none; isolation: isolate; contain: style; font-family: Inter, ui-sans-serif, system-ui, sans-serif; transform: none !important; animation: none !important; }
.bk-staff-sidebar * { box-sizing: border-box; }
.bk-staff-sidebar__trigger { appearance: none !important; position: absolute !important; top: calc(50% - 54px) !important; left: 0 !important; display: grid !important; width: 50px !important; min-width: 50px !important; height: 108px !important; padding: 11px 7px !important; place-items: center; gap: 5px; border: 1px solid rgba(255,218,112,.3) !important; border-left: 0 !important; border-radius: 0 17px 17px 0 !important; color: #ffe39a !important; background: linear-gradient(145deg,rgba(45,35,17,.92),rgba(7,7,5,.94)) !important; box-shadow: 10px 14px 35px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1) !important; backdrop-filter: blur(24px); transform: none !important; translate: none !important; filter: none !important; animation: none !important; transition: border-color .2s ease,background-color .2s ease,box-shadow .2s ease,opacity .2s ease !important; pointer-events: auto; cursor: pointer; }
.bk-staff-sidebar__trigger:hover,.bk-staff-sidebar__trigger:focus-visible { transform: none !important; translate: none !important; filter: none !important; border-color: rgba(255,218,112,.52) !important; box-shadow: 12px 16px 40px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.14) !important; }
.bk-staff-sidebar__trigger svg { width: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.bk-staff-sidebar__trigger span { writing-mode: vertical-rl; rotate: 180deg; font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bk-staff-sidebar__backdrop { appearance: none !important; position: fixed !important; inset: 0 !important; display: block !important; width: 100vw !important; max-width: none !important; height: 100dvh !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; opacity: 0; background: rgba(0,0,0,.58) !important; box-shadow: none !important; backdrop-filter: blur(0); transform: none !important; translate: none !important; filter: none !important; animation: none !important; pointer-events: none; transition: opacity .35s ease,backdrop-filter .35s ease !important; }
.bk-staff-sidebar__backdrop:hover { transform: none !important; filter: none !important; box-shadow: none !important; }
.bk-staff-sidebar__panel { position: absolute !important; inset: 0 auto 0 0 !important; display: flex; width: var(--staff-width); height: 100dvh; padding: 18px; flex-direction: column; color: #fff0bd; border-right: 1px solid rgba(255,218,112,.28); background: radial-gradient(circle at 15% 5%,rgba(217,161,41,.2),transparent 30%),linear-gradient(160deg,rgba(30,25,15,.97),rgba(6,6,5,.98)); box-shadow: 28px 0 80px rgba(0,0,0,.54),inset -1px 0 rgba(255,255,255,.04); transform: translate3d(calc(-100% - 22px),0,0) !important; will-change: transform; transition: transform .55s cubic-bezier(.16,1,.3,1) !important; pointer-events: auto; overflow: hidden; }
.bk-staff-sidebar[data-open="true"] .bk-staff-sidebar__panel { transform: translate3d(0,0,0) !important; }
.bk-staff-sidebar[data-open="true"] .bk-staff-sidebar__backdrop { opacity: 1; backdrop-filter: blur(5px); pointer-events: auto; }
.bk-staff-sidebar[data-open="true"] .bk-staff-sidebar__trigger { opacity: 0; pointer-events: none; }
.bk-staff-sidebar__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 7px 20px; border-bottom: 1px solid rgba(255,218,112,.14); }
.bk-staff-sidebar__identity { display: flex; min-width: 0; align-items: center; gap: 12px; }
.bk-staff-sidebar__identity img { width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid rgba(255,218,112,.42); border-radius: 15px; object-fit: cover; }
.bk-staff-sidebar__identity div { display: grid; min-width: 0; gap: 1px; }
.bk-staff-sidebar__identity span { color: rgba(255,218,112,.52); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bk-staff-sidebar__identity strong { overflow: hidden; color: #fff0bd; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }
.bk-staff-sidebar__identity small { color: rgba(255,238,185,.55); font-size: .7rem; }
.bk-staff-sidebar__close { appearance: none !important; width: 38px !important; min-width: 38px !important; height: 38px !important; padding: 0 !important; border: 1px solid rgba(255,218,112,.18) !important; border-radius: 50% !important; color: #ffe49b !important; background: rgba(255,255,255,.035) !important; box-shadow: none !important; transform: none !important; translate: none !important; filter: none !important; animation: none !important; transition: color .2s ease,border-color .2s ease,background-color .2s ease !important; font-size: 1.45rem; cursor: pointer; }
.bk-staff-sidebar__close:hover { color: #fff4ca !important; border-color: rgba(255,218,112,.42) !important; background: rgba(255,218,112,.08) !important; box-shadow: none !important; transform: none !important; filter: none !important; }
.bk-staff-sidebar__nav { margin: 10px -5px 0; padding: 0 5px 28px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(255,205,74,.32) transparent; }
.bk-staff-sidebar__nav p { margin: 20px 8px 8px; color: rgba(255,218,112,.4); font-size: .61rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.bk-staff-sidebar__nav a { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; min-height: 67px; padding: 10px 11px; align-items: center; gap: 10px; border: 1px solid transparent; border-radius: 17px; color: rgba(255,240,195,.72) !important; text-decoration: none; transform: none !important; translate: none !important; filter: none !important; animation: none !important; transition: background-color .2s ease,border-color .2s ease,color .2s ease !important; }
.bk-staff-sidebar__nav a:hover { color: #fff0bd !important; border-color: rgba(255,218,112,.18); background: rgba(255,218,112,.065); transform: none !important; translate: none !important; filter: none !important; }
.bk-staff-sidebar__nav .bk-staff-sidebar__item--disabled,.bk-staff-sidebar__nav .bk-staff-sidebar__item--disabled:hover { color: rgba(255,240,195,.3) !important; border-color: rgba(255,255,255,.04) !important; background: rgba(255,255,255,.018) !important; filter: grayscale(1) !important; cursor: not-allowed; pointer-events: none; }
.bk-staff-sidebar__nav .bk-staff-sidebar__item--disabled small { color: rgba(255,190,145,.42); }
.bk-staff-sidebar__nav svg,.bk-staff-sidebar__nav img { width: 26px; height: 26px; margin: auto; object-fit: contain; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.bk-staff-sidebar__nav .bk-staff-sidebar__negotium-logo { width: 34px; height: 24px; border-radius: 5px; object-fit: contain; }
.bk-staff-sidebar__nav a span { display: grid; min-width: 0; gap: 2px; }
.bk-staff-sidebar__nav strong { color: inherit; font-size: .82rem; }
.bk-staff-sidebar__nav small { overflow: hidden; color: rgba(255,235,177,.42); font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.bk-staff-sidebar__nav b { color: rgba(255,218,112,.35); font-size: .9rem; }
.bk-staff-sidebar footer { display: flex; margin-top: auto; padding: 15px 9px 4px; align-items: center; gap: 8px; border-top: 1px solid rgba(255,218,112,.12); color: rgba(255,229,159,.5); font-size: .66rem; }
.bk-staff-sidebar footer i { width: 7px; height: 7px; border-radius: 50%; background: #e8b53e; box-shadow: 0 0 12px rgba(232,181,62,.8); }
html.bk-staff-menu-open,html.bk-staff-menu-open body { overflow: hidden; }
@media(max-width:700px){.bk-staff-sidebar__trigger{top:50% !important;bottom:auto !important;margin-top:-47px !important;width:44px !important;min-width:44px !important;height:94px !important}.bk-staff-sidebar__panel{padding:12px}.bk-staff-sidebar__nav a{min-height:63px}}
@media(orientation:landscape) and (max-height:600px){.bk-staff-sidebar__trigger{top:50% !important;bottom:auto !important;margin-top:-38px !important;width:42px !important;min-width:42px !important;height:76px !important;padding:7px 5px !important}.bk-staff-sidebar__panel{--staff-width:min(390px,calc(100vw - 22px));padding:9px 12px}.bk-staff-sidebar__header{padding:3px 5px 9px}.bk-staff-sidebar__identity img{width:40px;height:40px;flex-basis:40px}.bk-staff-sidebar__nav{margin-top:5px;padding-bottom:12px}.bk-staff-sidebar__nav p{margin:10px 8px 5px}.bk-staff-sidebar__nav a{min-height:52px;padding:6px 9px}.bk-staff-sidebar footer{display:none}}


/* v2: restore native open/close motion + contact-style close control */
.bk-staff-sidebar__panel{
  transform:translateX(calc(-100% - 22px))!important;
  opacity:.985!important;
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .3s ease!important;
}
.bk-staff-sidebar[data-open="true"] .bk-staff-sidebar__panel{transform:translateX(0)!important;opacity:1!important}
.bk-staff-sidebar__backdrop{transition:opacity .35s ease,backdrop-filter .35s ease!important}
.bk-staff-sidebar__trigger{transition:opacity .22s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease!important}
.bk-staff-sidebar__close{
  display:grid!important;place-items:center!important;box-sizing:border-box!important;
  width:34px!important;min-width:34px!important;height:30px!important;min-height:30px!important;padding:0!important;margin:0!important;
  border:1px solid #ffe58d!important;border-radius:8px!important;color:#151006!important;
  background:linear-gradient(135deg,#ffe58d 0%,#f5c94a 48%,#d5a62d 100%)!important;
  box-shadow:inset 0 1px 0 #fff6cb66,0 2px 5px #0008!important;
  transform:none!important;translate:none!important;filter:none!important;animation:none!important;
  font-size:0!important;cursor:pointer!important;
}
.bk-staff-sidebar__close::before,.bk-staff-sidebar__close::after{content:"";position:absolute;width:15px;height:1.7px;border-radius:2px;background:#151006}
.bk-staff-sidebar__close::before{transform:rotate(45deg)}.bk-staff-sidebar__close::after{transform:rotate(-45deg)}
.bk-staff-sidebar__close:hover,.bk-staff-sidebar__close:focus-visible{border-color:#fff0b0!important;background:linear-gradient(135deg,#fff2b1 0%,#ffd968 48%,#e2b63b 100%)!important;color:#151006!important;box-shadow:inset 0 1px 0 #fff6cb66,0 2px 5px #0008!important;transform:none!important;filter:none!important}
.bk-staff-sidebar__close:active{border-color:#c79320!important;background:linear-gradient(#c99520,#e0b13a)!important}


/* v3 close tile: same warm gold as contact, with a clear dark glyph */
.bk-staff-sidebar__close{position:relative!important;background:linear-gradient(135deg,#fff0a8 0%,#ffd451 48%,#e4a92b 100%)!important;border-color:#fff0a8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #a96719,0 5px 10px #0007!important}
.bk-staff-sidebar__close::before,.bk-staff-sidebar__close::after{background:#2a1a07!important;width:16px!important;height:2px!important}
.bk-staff-sidebar__close:hover,.bk-staff-sidebar__close:focus-visible{background:linear-gradient(135deg,#fff6c4 0%,#ffe06d 48%,#edb93d 100%)!important;border-color:#fff7c9!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 0 #a96719,0 5px 10px #0007!important}

/* v4: exact contact close tile; neutral staff icon rendering */
.bk-staff-sidebar__close{position:relative!important;display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:30px!important;min-height:30px!important;padding:0!important;margin:0!important;border:1px solid #ffe58d!important;border-radius:8px!important;background:linear-gradient(135deg,#ffe58d 0%,#f5c94a 48%,#d5a62d 100%)!important;color:#151006!important;box-shadow:inset 0 1px 0 #fff6cb66,0 2px 5px #0008!important;appearance:none!important}
.bk-staff-sidebar__close::before,.bk-staff-sidebar__close::after{content:none!important;display:none!important}
.bk-staff-sidebar__close svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:#151006!important;stroke-width:2!important;stroke-linecap:round!important;filter:none!important;transform:none!important}
.bk-staff-sidebar__close:hover,.bk-staff-sidebar__close:focus-visible{border-color:#fff0b0!important;background:linear-gradient(135deg,#fff2b1 0%,#ffd968 48%,#e2b63b 100%)!important;color:#151006!important;box-shadow:inset 0 1px 0 #fff6cb66,0 2px 5px #0008!important}
.bk-staff-sidebar__close:active{border-color:#c79320!important;background:linear-gradient(#c99520,#e0b13a)!important}
.bk-staff-sidebar__nav svg{filter:none!important;transform:none!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important}
.bk-staff-sidebar__nav img{filter:none!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important}