/* A single navigation scroll area. No nested clipping or duplicate menus. */
.app-sidebar.pc-sidebar{overflow:hidden;gap:10px;min-height:0}
.pc-sidebar .sidebar-user,.pc-sidebar .sidebar-footer{flex:0 0 auto}
.pc-sidebar .sidebar-footer{position:static;margin-top:0;padding-block:9px 2px;background:#fff}
.pc-sidebar .pc-navigation{display:block;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d3ddeb transparent;padding-inline-end:3px;touch-action:pan-y}
.pc-navigation [hidden]{display:none!important}
.pc-nav-search{position:relative;flex:0 0 auto}
.pc-nav-search input{box-sizing:border-box;width:100%;min-width:0;height:37px;border:1px solid #e1e8f4;background:#f7f9fd;border-radius:10px;padding-inline:29px 32px;color:#26374e;font:inherit;font-size:11px}
.pc-nav-search input::-webkit-search-cancel-button{display:none}
.pc-nav-search input:focus{outline:2px solid #bfdaff;outline-offset:1px;background:#fff}
.pc-nav-search-icon{position:absolute;inset-inline-start:10px;top:7px;font-size:18px;color:#7b8ba4;pointer-events:none}
.pc-nav-search-clear{position:absolute;inset-inline-end:5px;top:50%;transform:translateY(-50%);width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;color:#63758f;font-size:19px;cursor:pointer}
.pc-nav-search-clear:hover{background:#e7effc;color:#1263e7}
.pc-nav-search-clear:focus-visible{outline:2px solid #4c8bff;outline-offset:1px}
.pc-nav-search-clear[hidden]{display:none!important}
.pc-sidebar .pc-nav-section{margin:5px 0;border-top:1px solid #edf1f7;padding-top:5px}
.pc-sidebar .pc-nav-section>summary{font-size:11px;color:#64748b;min-height:40px;padding:7px 8px;gap:8px;line-height:1.4;border-radius:10px}
.pc-sidebar .pc-nav-section>summary .nav-icon{background:#f2f6fc;color:#53749b}
.pc-sidebar .pc-nav-section.has-active>summary{color:#163f83;font-weight:850}
.pc-sidebar .pc-nav-section[open]>summary .sidebar-menu-chevron{transform:rotate(180deg)}
.pc-sidebar .sidebar-menu-children{margin:4px 0 7px;padding-inline-start:6px;border-inline-start:2px solid #eaf0fa;display:grid;gap:2px}
.pc-sidebar .side-nav-item{font-size:11px;line-height:1.45;padding:8px;gap:8px;min-height:39px;text-decoration:none;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.pc-sidebar .side-nav-item.active{color:#1263e7;background:#edf4ff}
.pc-sidebar .side-nav-item:focus-visible,.pc-sidebar summary:focus-visible{outline:2px solid #4c8bff;outline-offset:-2px}
.pc-sidebar .nav-icon{width:24px;height:24px;flex:0 0 24px;font-size:12px}
.pc-nav-empty{font-size:11px;color:#7b8ba4;text-align:center;padding:16px 4px}
@media(max-width:820px){.app-sidebar.pc-sidebar{height:calc(100dvh - 82px - env(safe-area-inset-bottom));max-height:calc(100dvh - 82px - env(safe-area-inset-bottom));touch-action:pan-y}.pc-sidebar .side-nav-item,.pc-sidebar .pc-nav-section>summary{min-height:44px;font-size:12px}.pc-nav-search input{height:41px;font-size:12px}}

/* White documentation-style navigation: one column, quiet separators,
   native disclosures and the original capability-filtered links. */
.app-sidebar.pc-sidebar{background:#fff;border:1px solid #dce4ef;border-radius:7px;box-shadow:none;padding:16px 12px;gap:13px}
.app-sidebar.pc-sidebar .sidebar-user{padding:4px 5px 17px;border-bottom:1px solid #dce4ef;gap:10px}
.app-sidebar.pc-sidebar .sidebar-user strong{font-size:12px;font-weight:750;line-height:1.6}
.app-sidebar.pc-sidebar .sidebar-user small{font-size:10px;color:#758398;line-height:1.5}
.app-sidebar.pc-sidebar .sidebar-avatar{background:#edf4ff;color:#1767e8;border:1px solid #d7e6ff;border-radius:9px}
.app-sidebar.pc-sidebar .pc-navigation{padding-inline:2px 4px;scrollbar-gutter:stable}
.app-sidebar.pc-sidebar .pc-nav-section{margin:12px 0 0;border-top:1px solid #dce4ef;padding-top:10px}
.app-sidebar.pc-sidebar .pc-nav-section>summary{border:0;border-radius:4px;background:transparent;color:#536075;min-height:41px;padding:8px 5px;font-size:12px;font-weight:750;letter-spacing:.01em;gap:8px;text-transform:uppercase}
.app-sidebar.pc-sidebar .pc-nav-section>summary>.nav-icon{display:none}
.app-sidebar.pc-sidebar .pc-nav-section>summary:hover{background:#f7f9fc;color:#163d72}
.app-sidebar.pc-sidebar .pc-nav-section.has-active>summary{color:#173b6c}
.app-sidebar.pc-sidebar .sidebar-menu-chevron{order:-1;flex:0 0 14px;width:14px;margin-inline-start:0;color:#8291a5;font-size:20px;line-height:1;transform:none}
.app-sidebar.pc-sidebar .pc-nav-section[open]>summary .sidebar-menu-chevron{transform:rotate(90deg)}
[dir=rtl] .app-sidebar.pc-sidebar .pc-nav-section[open]>summary .sidebar-menu-chevron{transform:rotate(-90deg)}
.app-sidebar.pc-sidebar .sidebar-menu-children{border:0;padding-inline-start:18px;margin:3px 0 8px;gap:2px}
.app-sidebar.pc-sidebar .side-nav-item{font-size:12px;font-weight:550;line-height:1.65;min-height:39px;padding:8px 6px;gap:7px;border-radius:4px;border-inline-start:2px solid transparent;color:#526074}
.app-sidebar.pc-sidebar .side-nav-item:hover{background:#f6f8fc;color:#173b6c}
.app-sidebar.pc-sidebar .side-nav-item.active{background:#edf4ff;border-inline-start-color:#1969ed;color:#1767e8;font-weight:750}
.app-sidebar.pc-sidebar .side-nav-item .nav-icon{width:17px;height:20px;flex:0 0 17px;border-radius:0;background:transparent;color:#8795a9;filter:grayscale(1);font-size:11px}
.app-sidebar.pc-sidebar .side-nav-item.active .nav-icon{background:transparent;color:#1767e8}
.app-sidebar.pc-sidebar .side-nav-item:focus-visible,.app-sidebar.pc-sidebar summary:focus-visible{outline:2px solid #98bff9;outline-offset:-1px}
.app-sidebar.pc-sidebar .pc-nav-search input{border-radius:6px;background:#fbfcfe;border-color:#dce4ef;font-size:11px;height:36px}
.app-sidebar.pc-sidebar .sidebar-footer{position:static;border-top:1px solid #dce4ef;padding:12px 5px 0;background:#fff;color:#69798d}
.ecr-review-recipient{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eff5ff;border:1px solid #dbe8ff;border-radius:8px;padding:10px 12px;color:#234f8e}.ecr-review-recipient span{font-size:11px}.ecr-review-recipient strong{font-size:12px}.ecr-review-context input[type=text]{min-height:40px;width:100%;box-sizing:border-box;border:1px solid #d7e3f5;border-radius:8px;padding:9px 11px;font:inherit}.ecr-review-context #ecrReviewOtherCount{font-size:10px;color:#77859a;text-align:end}
@media(max-width:820px){.app-sidebar.pc-sidebar{border-radius:8px;padding:14px 11px}.app-sidebar.pc-sidebar .side-nav-item,.app-sidebar.pc-sidebar .pc-nav-section>summary{min-height:44px}.app-sidebar.pc-sidebar .pc-nav-search input{height:40px}.app-sidebar.pc-sidebar .sidebar-menu-children{padding-inline-start:14px}}
@media(prefers-reduced-motion:reduce){.app-sidebar.pc-sidebar .sidebar-menu-chevron{transition:none}}

/* Brand rail begins exactly below the shared header, with text-only links. */
.app-sidebar.pc-sidebar{top:70px;bottom:0;inset-inline-start:0;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px);border-radius:0;border-block:0;border-inline-start:0;border-inline-end:1px solid #dce6f5;padding:20px 15px;gap:16px}
.app-sidebar.pc-sidebar .sidebar-user strong{font-size:14px;color:#173b71}
.app-sidebar.pc-sidebar .side-nav-item{font-size:14px;line-height:1.65;min-height:44px;padding:10px 9px;font-weight:600;color:#445974;border-radius:5px}
.app-sidebar.pc-sidebar .pc-nav-section>summary{font-size:13px;line-height:1.65;min-height:44px;color:#49617f;padding:10px 6px}
.app-sidebar.pc-sidebar .side-nav-item .nav-icon{display:none}
.app-sidebar.pc-sidebar .side-nav-item.active{background:#eaf2ff;color:#125de0;border-inline-start-color:#1769ff;font-weight:800}
.app-sidebar.pc-sidebar .side-nav-item:hover{background:#f2f6fd;color:#145fd5}
.app-sidebar.pc-sidebar .pc-nav-search input{font-size:12px;height:40px;background:#f8fbff}
@media(max-width:820px){.app-sidebar.pc-sidebar{width:min(86vw,310px);padding:18px 14px;box-shadow:-12px 0 35px rgba(20,43,84,.12)}}
@media(max-width:760px){.app-sidebar.pc-sidebar{top:60px;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);padding-bottom:max(16px,env(safe-area-inset-bottom))}}

/* Connected white identity rail; account text remains the navigation identity. */
.app-sidebar.pc-sidebar{padding-block:12px 10px;gap:11px}
body .app-sidebar.pc-sidebar{inset-inline-start:0}
.app-sidebar.pc-sidebar .sidebar-brand{display:flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-height:38px;text-decoration:none;color:#153966;font-size:16px;font-weight:850;direction:ltr}
.app-sidebar.pc-sidebar .sidebar-brand .brand-mark{width:34px;height:34px;border-radius:10px;font-size:19px;box-shadow:0 3px 9px rgba(23,105,255,.15)}
.app-sidebar.pc-sidebar .sidebar-user{flex-direction:column;align-items:center;text-align:center;gap:5px;padding:2px 2px 12px}
.app-sidebar.pc-sidebar .sidebar-user>div{width:100%}
.app-sidebar.pc-sidebar .sidebar-user strong,.app-sidebar.pc-sidebar .sidebar-user small{white-space:normal;overflow-wrap:anywhere}
.app-sidebar.pc-sidebar .sidebar-avatar{width:30px;height:30px;border-radius:50%;font-size:13px}
.app-sidebar.pc-sidebar .sidebar-footer{padding:9px 2px 0;gap:4px 7px}
.app-sidebar.pc-sidebar .sidebar-logout{grid-column:1/-1;margin:7px 0 0;width:100%}
.app-sidebar.pc-sidebar .sidebar-logout button{display:block;width:100%;min-height:42px;border:1px solid #d6e4f8;border-radius:6px;background:#f5f9ff;color:#184d96;font:inherit;font-size:14px;font-weight:750;cursor:pointer;padding:9px 12px;text-align:center}
.app-sidebar.pc-sidebar .sidebar-logout button:hover{background:#eaf2ff;border-color:#b6d0f4;color:#125de0}
.app-sidebar.pc-sidebar .sidebar-logout button:focus-visible{outline:2px solid #1769ff;outline-offset:2px}
@media(min-width:821px){body:has(.app-sidebar.pc-sidebar) .topbar .brand-wrap>.brand{visibility:hidden}}
@media(max-width:820px){.app-sidebar.pc-sidebar{padding-top:12px}.app-sidebar.pc-sidebar .sidebar-brand{font-size:17px}.app-sidebar.pc-sidebar .sidebar-logout button{min-height:44px}}

/* The brand and original account nodes belong to the shared top header.
   Moving them frees navigation height; public/no-sidebar headers stay intact. */
.topbar.pc-header-identity-ready .brand{display:none}
.pc-header-identity{display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;min-width:0;max-width:420px}
.pc-header-identity .sidebar-brand{display:contents;color:#173b71;text-decoration:none}
.pc-header-identity .sidebar-brand .brand-mark{grid-column:1;grid-row:1/3;width:35px;height:35px;border-radius:10px;font-size:20px}
.pc-header-identity .sidebar-brand>span:last-child{grid-column:2;grid-row:1;font-size:16px;line-height:1.3;font-weight:850;direction:ltr;text-align:start}
.pc-header-identity .sidebar-user{grid-column:2;grid-row:2;padding:0;margin:0;min-width:0;min-height:0;border:0;display:block}
.pc-header-identity .sidebar-avatar{display:none}
.pc-header-identity .sidebar-user>div{display:flex;align-items:center;flex-wrap:wrap;gap:2px 7px;min-width:0}
.pc-header-identity .sidebar-user strong{font-size:11px;line-height:1.4;color:#315782;font-weight:750;overflow-wrap:anywhere}
.pc-header-identity .sidebar-user small{font-size:10px;line-height:1.4;color:#7385a1;overflow-wrap:anywhere}
.topbar.pc-header-identity-ready{min-height:70px}
.topbar.pc-header-identity-ready .brand-wrap{min-width:0}
@media(min-width:821px){.app-sidebar.pc-sidebar .side-nav-item,.app-sidebar.pc-sidebar .pc-nav-section>summary{min-height:40px;padding-block:8px}.app-sidebar.pc-sidebar .pc-nav-section{margin-top:9px;padding-top:7px}}
@media(max-width:760px){.topbar.pc-header-identity-ready{min-height:60px}.pc-header-identity{max-width:min(64vw,420px);grid-template-columns:30px minmax(0,1fr);gap:1px 6px}.pc-header-identity .sidebar-brand .brand-mark{width:30px;height:30px;font-size:18px}.pc-header-identity .sidebar-brand>span:last-child{font-size:13px}.pc-header-identity .sidebar-user strong{font-size:10px}.pc-header-identity .sidebar-user small{font-size:9px}}
@media(max-width:760px){.pc-header-identity .sidebar-user>div{display:grid;gap:0}.pc-header-identity .sidebar-user strong,.pc-header-identity .sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* The dense employee review table keeps its full-width workspace and drawer,
   but the drawer uses the same white rail, header identity and footer. */
.employee-call-review-page .topbar #ecrMenuToggle{display:inline-flex;align-items:center;justify-content:center}
body.employee-call-review-page .app-sidebar.pc-sidebar{inset-inline-start:0!important;top:70px!important;bottom:0!important;border-radius:0!important;height:calc(100dvh - 70px)!important;max-height:calc(100dvh - 70px)!important;width:250px!important}
@media(max-width:760px){body.employee-call-review-page .app-sidebar.pc-sidebar{top:60px!important;height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important}}