/* PRA workspace navigation; independent of dashboard and Task Center layouts. */
:root { --sidebar-expanded:232px; --sidebar-compact:76px; --workspace-mobilebar:64px; }
.workspace-mobilebar,.sidebar-close,.sidebar-mark,.sidebar-backdrop,.sidebar-tooltip { display:none; }
.sidebar-top { flex:none; }
.sidebar :is(a,button):focus-visible { outline:2px solid #8ed0fc; outline-offset:2px; }
[data-sidebar-ready] .sidebar { padding:20px 10px 14px; overflow:visible; }
[data-sidebar-ready] .sidebar-top .brand { margin:0 0 16px; min-height:50px; }
[data-sidebar-ready] .sidebar-wordmark { width:184px; }
[data-sidebar-ready] .sidebar .workspace { margin:0 3px 25px; font-size:8px; padding:7px; letter-spacing:1px; }
[data-sidebar-ready] .sidebar .workspace-label { font-size:6px; }
[data-sidebar-ready] .sidebar .nav-caption { padding-left:18px; }
[data-sidebar-ready] .sidebar nav { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#35516b transparent; }
[data-sidebar-ready] .sidebar nav a { padding:11px 17px; gap:14px; min-height:44px; white-space:nowrap; }
[data-sidebar-ready] .sidebar-nav-label { overflow:hidden; text-overflow:ellipsis; }
.sidebar-pins-heading { min-height:36px; margin-top:12px; padding:12px 17px 2px; border-top:1px solid #2a3643; color:#879bad; font-size:9px; line-height:18px; letter-spacing:.7px; }
[data-sidebar-ready] .sidebar-bottom { flex:none; margin-top:0; padding:17px 7px 0; }
[data-sidebar-ready] .sidebar nav.sidebar-admin { flex:none; margin:0 0 8px; padding:0; overflow:visible; }
[data-sidebar-ready] .sidebar-bottom .account-link { min-height:40px; }
[data-sidebar-ready] .sidebar-bottom button { min-height:44px; width:100%; justify-content:flex-start; padding:8px 9px; }
[data-sidebar-ready] .sidebar-bottom button:hover { background:#1c2b3a; }
[data-sidebar-ready] .sidebar-bottom .ui-icon { flex:none; }
.sidebar-tooltip:not([hidden]) { display:block; position:fixed; z-index:1100; max-width:230px; transform:translateY(-50%); padding:7px 11px; border:1px solid #34485d; border-radius:7px; background:#162536; color:#fff; box-shadow:0 5px 18px #0003; font-size:11px; line-height:1.5; pointer-events:none; }

@media(min-width:761px) {
  [data-sidebar-ready] { --sidebar:var(--sidebar-expanded); }
  [data-sidebar-collapsed="true"] { --sidebar:var(--sidebar-compact); }
  [data-sidebar-animating] .sidebar,[data-sidebar-animating] .main-content:not(.unauthenticated) { transition:width .16s ease,margin-left .16s ease; }
  /* Keep rail geometry constant; only the container width and label opacity change. */
  [data-sidebar-ready] .sidebar :is(.workspace,.nav-caption,.sidebar-bottom small) { display:none; }
  [data-sidebar-ready] .sidebar-top .brand { position:relative; height:50px; justify-content:flex-start; overflow:hidden; }
  [data-sidebar-ready] .sidebar-wordmark { flex:none; max-width:none; margin-left:13px; }
  [data-sidebar-ready] .sidebar .sidebar-mark { display:block; position:absolute; left:10px; width:36px; height:36px; opacity:0; visibility:hidden; }
  [data-sidebar-ready] .sidebar :is(.sidebar-wordmark,.sidebar-mark,.sidebar-nav-label,.account-name,.account-link>.ui-icon,.sidebar-signout-label) { transition:opacity .12s ease,visibility .12s; }
  [data-sidebar-ready] .sidebar nav { padding-top:10px; }
  [data-sidebar-ready] .sidebar nav a { height:44px; }
  [data-sidebar-ready] .sidebar-pins-heading { height:36px; white-space:nowrap; overflow:hidden; }
  [data-sidebar-ready] .sidebar-bottom { padding:13px 0 0; }
  [data-sidebar-ready] .sidebar-bottom .account-link { height:44px; min-height:44px; padding:0 10px; justify-content:flex-start; overflow:hidden; }
  [data-sidebar-ready] .sidebar-bottom .account-avatar { width:34px; height:34px; }
  [data-sidebar-ready] .sidebar-bottom button { height:44px; padding:8px 20px; white-space:nowrap; overflow:hidden; }
  [data-sidebar-collapsed="true"] .sidebar :is(.sidebar-wordmark,.sidebar-nav-label,.account-name,.account-link>.ui-icon,.sidebar-signout-label) { opacity:0; visibility:hidden; }
  [data-sidebar-collapsed="true"] .sidebar .sidebar-mark { opacity:1; visibility:visible; }
  [data-sidebar-ready] body.tasks-shell .tc-app { height:100dvh; }
}

@media(max-width:760px) {
  [data-sidebar-ready] .workspace-mobilebar { display:flex; position:sticky; top:0; z-index:180; align-items:center; gap:5px; height:var(--workspace-mobilebar); padding:8px 12px; border-bottom:1px solid var(--line); background:var(--surface,#fff); }
  .workspace-mobilebar .mobile-brand { display:flex; flex:1; align-items:center; min-width:0; }
  .workspace-mobilebar .mobile-brand img { width:132px; height:auto; max-width:100%; }
  .workspace-mobilebar form { flex:none; margin:0; }
  .workspace-mobilebar .sidebar-icon-button,.sidebar .sidebar-icon-button { display:inline-flex; align-items:center; justify-content:center; width:40px; height:44px; flex:none; padding:8px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--ink); }
  .workspace-mobilebar .sidebar-icon-button:hover { background:var(--surface-soft,#edf3f8); }
  [data-theme="dark"] .workspace-mobilebar .mobile-brand img { content:url('/static/brand/pra-logo-light.png'); }
  [data-sidebar-ready] .sidebar { position:fixed; inset:0 auto 0 0; z-index:1050; width:min(304px,calc(100vw - 48px)); height:100dvh; padding:15px 15px max(12px,env(safe-area-inset-bottom)); transform:translateX(-100%); visibility:hidden; transition:transform .18s ease,visibility .18s; border-right:1px solid #2a3d50; }
  [data-sidebar-open="true"] .sidebar { transform:translateX(0); visibility:visible; }
  [data-sidebar-ready] .sidebar-top { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
  [data-sidebar-ready] .sidebar-top .brand { flex:1; justify-content:flex-start; min-width:0; min-height:48px; margin:0; }
  [data-sidebar-ready] .sidebar-top .sidebar-wordmark { width:174px; max-width:100%; }
  [data-sidebar-ready] .sidebar .sidebar-close { display:inline-flex; color:#dae6f1; }
  [data-sidebar-ready] .sidebar .sidebar-close:hover { background:#20384f; }
  [data-sidebar-ready] .sidebar :is(.workspace,.nav-caption) { display:none; }
  [data-sidebar-ready] .sidebar nav { display:block; margin:0; padding:0; overflow:auto; }
  [data-sidebar-ready] .sidebar nav a { font-size:13px; padding:11px 13px; margin:4px 0; gap:13px; }
  [data-sidebar-ready] .sidebar nav .ui-icon { width:18px; height:18px; }
  [data-sidebar-ready] .sidebar-bottom { display:block; margin-top:12px; padding:13px 3px 0; }
  [data-sidebar-ready] .sidebar-bottom>.account-link { font-size:12px; gap:10px; }
  [data-sidebar-ready] .sidebar-bottom .account-avatar { width:34px; height:34px; font-size:13px; }
  [data-sidebar-ready] .sidebar-bottom .account-link>.ui-icon { display:block; }
  [data-sidebar-ready] .sidebar-bottom small { margin:3px 0 7px 44px; font-size:9px; }
  [data-sidebar-ready] .sidebar-bottom form { margin:0; }
  [data-sidebar-ready] .sidebar-bottom button { font-size:12px; }
  .sidebar-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:1040; background:#07121c99; backdrop-filter:blur(2px); }
  body.sidebar-mobile-open { overflow:hidden; }
  [data-sidebar-ready] .main-content:not(.unauthenticated),[data-sidebar-ready] body.tasks-shell .main-content { min-height:calc(100dvh - var(--workspace-mobilebar)); }
  [data-sidebar-ready] body.tasks-shell .tc-app { height:calc(100dvh - var(--workspace-mobilebar)); }
}
@media(prefers-reduced-motion:reduce) { [data-sidebar-ready] .sidebar,[data-sidebar-ready] .main-content:not(.unauthenticated),[data-sidebar-ready] .sidebar :is(.sidebar-wordmark,.sidebar-mark,.sidebar-nav-label,.account-name,.account-link>.ui-icon,.sidebar-signout-label) { transition:none; } }