/* The navigation is scoped to the backoffice; employee and login layouts stay independent. */
.v3-sidebar{width:248px;flex-basis:248px;padding:24px 16px 15px;background:#fff;color:#30383d;border-right:1px solid #e7e9e6;box-shadow:none}
.v3-workspace{margin-left:248px}
.v3-sidebarhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;flex:0 0 auto}
.v3-sidebar .v3-brand{gap:11px;color:#242b2f;font-size:22px;letter-spacing:-.8px}
.v3-sidebar .v3-brand img{height:35px;width:35px}
.v3-sidebar .v3-brand small{margin-top:4px;font-size:8px;letter-spacing:1.8px;color:#929b9f;font-weight:550}
.v3-sidebar .v3-organization{flex:0 0 auto;gap:11px;margin:26px 5px 20px;padding:13px 11px;border:1px solid #e9ece7;border-radius:9px;background:#f8f9f6}
.v3-sidebar .v3-organization>.v3-office-icon{background:white;color:#7a858b;border:1px solid #e6eae4;border-radius:7px;flex:0 0 32px;width:32px;height:34px}
.v3-office-icon svg{width:18px;height:18px}
.v3-sidebar .v3-organization>div{min-width:0}
.v3-sidebar .v3-organization small{font-size:7px;letter-spacing:1.2px;line-height:1.5;color:#929c9f;margin:0 0 4px}
.v3-sidebar .v3-organization strong{font-size:11px;line-height:1.5;color:#40494d;font-weight:600;max-width:none;overflow-wrap:anywhere}
.v3-sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce2dc transparent;display:flex;flex-direction:column;gap:20px;padding:0 2px 10px}
.v3-navgroup{flex:0 0 auto}
.v3-sidebar .v3-navlabel{font-size:9px;line-height:1.5;color:#98a1a4;letter-spacing:1.2px;font-weight:550;text-transform:uppercase;padding:0 12px;margin:0 0 9px}
.v3-navlinks{display:flex;flex-direction:column;gap:3px}
.v3-sidebar nav .v3-nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;margin:0;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:#647078;box-shadow:none;text-align:left;font-size:12px;font-weight:450;line-height:1.5;transition:background .12s,color .12s}
.v3-nav-icon{width:19px;height:19px;flex:0 0 19px;color:#8d989e;display:flex;align-items:center;justify-content:center}
.v3-nav-icon svg{width:19px;height:19px}
.v3-nav-text{flex:1;min-width:0}
.v3-sidebar nav .v3-nav-item:hover{background:#f5f7f2;color:#303c42}
.v3-sidebar nav .v3-nav-item.active{background:#fbecee;color:#b62d37;font-weight:600;box-shadow:none}
.v3-sidebar nav .v3-nav-item.active .v3-nav-icon{color:#cc3a43}
.v3-nav-marker{height:5px;width:5px;flex:0 0 5px;background:#cf424b;border-radius:50%}
.v3-sidebar nav .v3-nav-item:focus-visible,.v3-app-switch:focus-visible,.v3-nav-close:focus-visible{outline:2px solid #cd5960;outline-offset:2px}
.v3-sidebar .v3-sidebarfoot{flex:0 0 auto;margin-top:9px;padding:15px 5px 0;border-top:1px solid #edf0e9;color:#859097}
.v3-app-switch{display:flex;align-items:center;gap:10px;padding:9px 9px;border:1px solid #e8ece5;background:#fafbf8;border-radius:8px;color:#53636b;transition:background .12s}
.v3-app-switch:hover{background:#f1f5ee}
.v3-app-switch-icon{display:flex;align-items:center;justify-content:center;width:29px;height:32px;flex:0 0 29px;border-radius:6px;background:#fff;border:1px solid #e7ece2;color:#839287}
.v3-app-switch-icon svg{width:17px;height:17px}
.v3-app-switch>span:nth-child(2){flex:1;min-width:0}
.v3-app-switch b{font-size:10px;line-height:1.5;font-weight:550;display:block}
.v3-sidebar .v3-app-switch small{font-size:9px;line-height:1.4;color:#9aa5a4;margin:2px 0 0}
.v3-app-switch>svg{width:13px;height:13px;flex:0 0 13px;color:#9aa59e}
.v3-sidebar .v3-connection{display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 0 0;font-size:8px;line-height:1.5;color:#9ca5a5}
.v3-sidebar .v3-statusdot{margin:0;width:5px;height:5px;background:#9db7a4}
.v3-nav-close,.v3-nav-scrim{display:none}
.v3-mobile svg{width:22px;height:22px;display:block}
@media(max-width:1200px){.v3-sidebar{width:232px;flex-basis:232px;padding-left:12px;padding-right:12px}.v3-workspace{margin-left:232px}}
@media(max-width:900px){
  .v3-sidebar{width:min(288px,calc(100vw - 48px));flex-basis:auto;inset:0 auto 0 0;z-index:61;transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s;background:white;padding:23px 16px 17px}
  .v3-sidebar.open{transform:translateX(0);visibility:visible;box-shadow:8px 0 32px #1c302510}
  .v3-workspace{margin-left:0}
  .v3-nav-close{display:flex;align-items:center;justify-content:center;width:33px;height:36px;flex:0 0 33px;background:none;border:0;border-radius:6px;color:#8b989b;padding:7px;cursor:pointer}
  .v3-nav-close svg{width:18px;height:18px}
  .v3-nav-close:hover{background:#f3f5ef}
  .v3-nav-scrim{display:block;position:fixed;inset:0;z-index:60;min-height:100dvh;width:100%;border:0;background:#26312f55;cursor:pointer;border-radius:0;padding:0;backdrop-filter:blur(2px)}
  .v3-nav-scrim{left:min(288px,calc(100vw - 48px));width:auto}
  body.v3-nav-open{overflow:hidden}
  .v3-sidebar nav .v3-nav-item{min-height:43px;font-size:13px;padding:11px 12px}
}
@media(max-height:780px){.v3-sidebar{padding-top:17px}.v3-sidebar .v3-organization{margin-top:18px;margin-bottom:15px}.v3-sidebar nav{gap:14px}.v3-sidebar .v3-navlabel{margin-bottom:6px}.v3-sidebar .v3-sidebarfoot{padding-top:10px}.v3-sidebar .v3-connection{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.v3-sidebar,.v3-sidebar nav .v3-nav-item,.v3-app-switch{transition:none}}