:root {
  --client-nav-width: 284px;
  --client-nav-collapsed-width: 84px;
}

.client-workspace-sidebar {
  background: #111318;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  left: 0;
  overflow: auto;
  padding: 22px 16px 18px;
  position: fixed;
  top: 0;
  transition: width 180ms ease, padding 180ms ease;
  width: var(--client-nav-width);
  z-index: 140;
}

.client-workspace-sidebar[hidden] { display: none; }
.client-workspace-brand { align-items: center; display: flex; min-height: 45px; padding: 0 8px; }
.client-workspace-brand a { border-radius: 10px; display: inline-flex; padding: 6px 9px; width: 176px; }
.client-workspace-brand img { display: block; filter: invert(1) hue-rotate(180deg); height: auto; object-fit: contain; width: 100%; }
.client-workspace-mark { display: none !important; }

.client-workspace-person-panel {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(0, 1fr) 38px;
  margin: 17px 2px 10px;
  padding: 13px 0 17px;
}

.client-workspace-person { align-items: center; display: grid; gap: 11px; grid-template-columns: 42px minmax(0, 1fr); min-width: 0; padding: 0 4px; }
.client-workspace-person > span:first-child { align-items: center; background: #ffb000; border-radius: 12px; color: #111318; display: flex; font-size: 13px; font-weight: 900; height: 42px; justify-content: center; letter-spacing: .04em; width: 42px; }
.client-workspace-person > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.client-workspace-person strong, .client-workspace-person small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-workspace-person strong { font-size: 14px; }
.client-workspace-person small { color: #aeb4bf; font-size: 11px; }

.client-workspace-toggle {
  align-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px; color: #ffb000; cursor: pointer; display: inline-flex; height: 38px;
  justify-content: center; padding: 0; transition: 150ms ease; width: 38px;
}
.client-workspace-toggle:hover { background: #ffb000; border-color: #ffb000; color: #111318; }
.client-workspace-toggle svg { height: 18px; transition: transform 180ms ease; width: 18px; }

.client-workspace-nav { display: grid; gap: 10px; padding: 3px 0 13px; }
.client-workspace-nav section { display: grid; gap: 2px; }
.client-workspace-nav h2 { color: #7f8793; font-size: 9px; font-weight: 800; letter-spacing: .14em; margin: 0; padding: 4px 12px 3px; text-transform: uppercase; }
.client-workspace-nav a { align-items: center; border: 1px solid transparent; border-radius: 10px; color: #d7dbe1; display: flex; font-size: 12.5px; font-weight: 650; gap: 11px; min-height: 36px; padding: 7px 11px; position: relative; transition: 150ms ease; }
.client-workspace-nav a:hover { background: rgba(255,255,255,.07); color: #fff; }
.client-workspace-nav a[aria-current="page"] { background: #fff; border-color: #fff; color: #111318; }
.client-workspace-nav a[aria-current="page"]::after { background: #ffb000; border-radius: 99px; content: ""; height: 7px; margin-left: auto; width: 7px; }
.client-workspace-nav svg { flex: 0 0 18px; height: 18px; width: 18px; }

.client-workspace-signout { align-items: center; background: transparent; border: 1px solid rgba(255,255,255,.17); border-radius: 10px; color: #fff; display: flex; font-size: 12px; font-weight: 750; gap: 9px; justify-content: center; margin-top: auto; min-height: 40px; padding: 8px 12px; }
.client-workspace-signout:hover { background: #ffb000; border-color: #ffb000; color: #111318; }
.client-workspace-sidebar :is(a,button):focus-visible { outline: 3px solid #ffb000; outline-offset: 2px; }

body.goworkora-client-workspace { background: #f7f8fa; }
body.goworkora-client-workspace.goworkora-client-workspace-collapsed { --client-nav-width: var(--client-nav-collapsed-width); }
body.goworkora-client-workspace > :is(#global-header,#global-footer) { display: none !important; }
body.goworkora-client-workspace > #public-route { margin: 0 0 0 var(--client-nav-width); max-width: none; min-height: 100vh; padding: 0; transition: margin-left 180ms ease; width: auto; }
body.goworkora-client-workspace > :is(.workora-jobs-root,.workora-contracts-root,.workora-payments-root,.workora-messaging-root,.workora-profile-root,.workora-trust-root) { left: var(--client-nav-width); transition: left 180ms ease; }
body.goworkora-client-workspace > .workora-talent-root { margin-left: var(--client-nav-width); transition: margin-left 180ms ease; }
body.goworkora-client-workspace :is(.jobs-header,.contract-header,.talent-header,.payment-header,.message-header,.pe-header,.trust-header) { display: none !important; }
body.goworkora-client-workspace .message-app-workspace .message-workspace { flex: 1 1 auto; height: auto; min-height: 0; }
body.goworkora-client-workspace .message-app-workspace .message-modal-backdrop { left: var(--client-nav-width); }
body.goworkora-client-workspace .talent-shell { padding-top: 52px; }

@media (min-width: 901px) {
  body.goworkora-client-workspace-collapsed > .client-workspace-sidebar { align-items: center; overflow-x: hidden; padding-inline: 10px; }
  body.goworkora-client-workspace-collapsed .client-workspace-brand { justify-content: center; padding: 0; width: 100%; }
  body.goworkora-client-workspace-collapsed .client-workspace-brand a { align-items: center; height: 54px; justify-content: center; overflow: hidden; padding: 5px; width: 54px; }
  body.goworkora-client-workspace-collapsed .client-workspace-wordmark { display: none; }
  body.goworkora-client-workspace-collapsed .client-workspace-mark { display: block !important; height: 44px; object-fit: cover; width: 44px; }
  body.goworkora-client-workspace-collapsed .client-workspace-person-panel { gap: 8px; grid-template-columns: 1fr; justify-items: center; margin-inline: 0; padding-block: 12px 14px; width: 100%; }
  body.goworkora-client-workspace-collapsed .client-workspace-person { grid-template-columns: 42px; justify-content: center; padding: 0; }
  body.goworkora-client-workspace-collapsed :is(.client-workspace-person > span:nth-child(2),.client-workspace-nav h2,.client-workspace-nav a > span,.client-workspace-signout > span:last-child) { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
  body.goworkora-client-workspace-collapsed .client-workspace-toggle { width: 44px; }
  body.goworkora-client-workspace-collapsed .client-workspace-toggle svg { transform: rotate(180deg); }
  body.goworkora-client-workspace-collapsed .client-workspace-nav { gap: 6px; padding-inline: 0; width: 100%; }
  body.goworkora-client-workspace-collapsed .client-workspace-nav section { gap: 4px; }
  body.goworkora-client-workspace-collapsed .client-workspace-nav a { justify-content: center; margin-inline: auto; min-height: 42px; padding: 0; width: 48px; }
  body.goworkora-client-workspace-collapsed .client-workspace-nav a[aria-current="page"]::after { bottom: 4px; height: 6px; position: absolute; right: 4px; width: 6px; }
  body.goworkora-client-workspace-collapsed .client-workspace-signout { flex: 0 0 46px; height: 46px; margin-inline: auto; padding: 0; width: 48px; }
}

@media (min-width: 901px) and (max-height: 860px) {
  .client-workspace-sidebar { padding-block: 12px; }
  .client-workspace-brand { min-height: 36px; }
  .client-workspace-brand a { padding-block: 3px; width: 150px; }
  .client-workspace-person-panel { margin-block: 7px 4px; padding-block: 8px 10px; }
  .client-workspace-nav { gap: 4px; padding-block: 0 6px; }
  .client-workspace-nav h2 { font-size: 8px; padding-block: 1px; }
  .client-workspace-nav a { font-size: 12px; min-height: 28px; padding-block: 3px; }
  .client-workspace-nav svg { height: 16px; width: 16px; }
  .client-workspace-signout { min-height: 34px; }
}

@media (max-width: 900px) {
  :root { --client-nav-height: 76px; }
  .client-workspace-sidebar { align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); border-right: 0; bottom: auto; display: grid; gap: 10px; grid-template-columns: 116px minmax(0,1fr) auto; height: var(--client-nav-height); overflow: hidden; padding: 10px 12px; right: 0; width: 100%; }
  .client-workspace-brand { min-height: 0; padding: 0; }
  .client-workspace-brand a { border-radius: 8px; padding: 5px 7px; width: 110px; }
  .client-workspace-person-panel { display: none; }
  .client-workspace-nav { display: flex; gap: 5px; overflow-x: auto; padding: 4px 2px; scrollbar-width: thin; }
  .client-workspace-nav section { display: contents; }
  .client-workspace-nav h2 { display: none; }
  .client-workspace-nav a { flex: 0 0 auto; font-size: 11px; min-height: 46px; padding: 8px 10px; }
  .client-workspace-nav a[aria-current="page"]::after { display: none; }
  .client-workspace-signout { font-size: 0; height: 42px; margin: 0; min-height: 42px; padding: 0; width: 42px; }
  .client-workspace-signout > span:first-child { font-size: 18px; }
  body.goworkora-client-workspace > #public-route { margin: var(--client-nav-height) 0 0; }
  body.goworkora-client-workspace > :is(.workora-jobs-root,.workora-contracts-root,.workora-payments-root,.workora-messaging-root,.workora-profile-root,.workora-trust-root) { left: 0; top: var(--client-nav-height); }
  body.goworkora-client-workspace > .workora-talent-root { margin-left: 0; padding-top: var(--client-nav-height); }
  body.goworkora-client-workspace > .workora-messaging-root { height: calc(100dvh - var(--client-nav-height)); min-height: 0; }
  body.goworkora-client-workspace .message-app-workspace .message-modal-backdrop { left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .client-workspace-sidebar, .client-workspace-toggle svg,
  body.goworkora-client-workspace > #public-route,
  body.goworkora-client-workspace > :is(.workora-jobs-root,.workora-contracts-root,.workora-payments-root,.workora-messaging-root,.workora-profile-root,.workora-trust-root,.workora-talent-root) { transition: none; }
}