/* Shared planner sidebar, matching the approved standalone prototype. */
body[data-session=app] #chrome-app.shell-sidebar{--shell-bg:#142235;background:var(--shell-bg);color:#c2cdd7;border-right:1px solid #334656;box-shadow:none;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body[data-session=app] #chrome-app.shell-sidebar{--shell-bg:#101c27}}
:root[data-theme=dark] body[data-session=app] #chrome-app.shell-sidebar{--shell-bg:#101c27}
body[data-session=app] #chrome-app.shell-sidebar .brand{font-family:inherit;font-size:20px;font-weight:750;letter-spacing:2px;color:#f2f5f8;gap:9px}
body[data-session=app] #chrome-app.shell-sidebar .mark{width:32px;height:34px;border-radius:0;clip-path:polygon(0 0,100% 0,100% 75%,70% 100%,0 100%);font-size:21px;font-weight:850;letter-spacing:0;background:var(--ui-accent);color:var(--ui-accent-ink);flex-shrink:0}
.shell-brand-name small{display:block;font-size:10px;letter-spacing:.4px;font-weight:400;color:#a9b7ba;margin-top:3px}
.shell-company-logo{height:30px;min-width:28px;max-width:62px;flex-shrink:0;display:grid;place-items:center;border:1px solid #ffffff29;border-radius:5px;color:#d4e0dc;font-size:10px;font-weight:650;overflow:hidden}
.shell-company-logo .company-logo{max-width:60px;max-height:30px;width:auto;height:auto;object-fit:contain}
.shell-company-copy{min-width:0}.shell-company-copy b{display:block;font-size:12px;font-weight:550;line-height:1.4;overflow-wrap:anywhere;color:#f1f5f8}.shell-company-copy small{display:block;color:#a5b6c8;margin-top:4px;font-size:10px;line-height:1.4}
.shell-icon{width:17px;height:17px;display:block;flex-shrink:0;opacity:.85}
.shell-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-session=app] #chrome-app.shell-sidebar .modes button{display:flex;align-items:center;gap:10px;font-family:inherit;letter-spacing:0;font-size:12px;line-height:1.4;font-weight:450;background:transparent;color:#c2cdd7;border:0;border-radius:7px;cursor:pointer}
body[data-session=app] #chrome-app.shell-sidebar .modes button:hover{background:#1c373b;color:#b0e58b}
body[data-session=app] #chrome-app.shell-sidebar .modes button.on{background:#254247;box-shadow:inset 3px 0 var(--ui-accent);color:var(--ui-accent);font-weight:600}
body[data-session=app] #chrome-app.shell-sidebar .modes button.on .shell-icon{opacity:1;color:var(--ui-accent)}
body[data-session=app] #chrome-app.shell-sidebar .modes [data-inbox-badge]{margin-left:auto;flex-shrink:0}
.shell-nav-divider{height:1px;background:#ffffff13;margin:10px 9px;flex-shrink:0}
body[data-session=app] #chrome-app.shell-sidebar .tright button.kbd,body[data-session=app] #chrome-app.shell-sidebar .pulsbtn{border:0;background:transparent;color:#bfcddd;font-family:inherit;font-size:11.5px;font-weight:450;letter-spacing:0;border-radius:7px;padding:7px 10px;cursor:pointer;text-align:left;box-shadow:none}
body[data-session=app] #chrome-app.shell-sidebar .tright button:hover{background:#1c373b;color:#b0e58b}
body[data-session=app] #chrome-app.shell-sidebar .pulsbtn.on{background:#254247;color:var(--ui-accent)}
body[data-session=app] #chrome-app.shell-sidebar .shell-tool{background-image:var(--shell-tool-icon)!important;background-size:16px 16px!important;background-position:10px center!important;background-repeat:no-repeat!important;padding-left:36px!important}
body[data-session=app] #chrome-app.shell-sidebar .pulsbtn .cnt{background:#ffffff15;color:#dfe8f0;min-width:17px;height:17px;font-size:10px}
body[data-session=app] #chrome-app.shell-sidebar #presence-button{font-size:10.5px;color:#9bb4b7}
body[data-session=app] #chrome-app.shell-sidebar .avm{display:flex;align-items:center;gap:9px;text-align:left;border:0;border-top:1px solid #ffffff18;border-radius:0;background:transparent;color:#ecf2f8;font-family:inherit;padding:13px 5px 3px;cursor:pointer}
.shell-profile-avatar{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#526e87;border:1px solid #ffffff32;color:#fff;font-size:10px;font-weight:650}
.shell-profile-copy{min-width:0}.shell-profile-copy b{display:block;font-size:12px;line-height:1.4;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-profile-copy small{display:block;color:#9db0c3;font-size:10px;font-weight:400;margin-top:3px}
.shell-profile-chevron{margin-left:auto;color:#9db0c3}
body[data-session=app] #chrome-app.shell-sidebar button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}
@media(min-width:761px){
  body[data-session=app] #chrome-app.shell-sidebar{width:208px;height:100dvh;padding:23px 12px 12px}
  body[data-session=app] #chrome-app.shell-sidebar~.stage{margin-left:208px}
  body[data-session=app] #chrome-app.shell-sidebar .brand{padding:0 7px;flex-shrink:0}
  body[data-session=app] #chrome-app.shell-sidebar .orgname{display:flex;align-items:center;gap:8px;margin:25px 0 23px;padding:10px 8px;background:#ffffff08;border:1px solid #ffffff21;border-radius:8px;flex-shrink:0}
  body[data-session=app] #chrome-app.shell-sidebar .modes{border:0;padding:0;gap:3px;flex:1 1 auto;min-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#40566d transparent}
  body[data-session=app] #chrome-app.shell-sidebar .modes::before{content:'Arbeidsområde';color:#8da1b5;font-family:inherit;font-size:10px;letter-spacing:.8px;font-weight:450;padding:0 9px 8px}
  body[data-session=app] #chrome-app.shell-sidebar .modes button{padding:9px 10px;min-height:38px;flex-shrink:0}
  body[data-session=app] #chrome-app.shell-sidebar .tright{margin-top:12px;gap:1px;padding-top:8px;flex-shrink:0}
  body[data-session=app] #chrome-app.shell-sidebar .tright .kbd,body[data-session=app] #chrome-app.shell-sidebar .pulsbtn{min-height:31px;justify-content:flex-start;gap:8px}
  body[data-session=app] #chrome-app.shell-sidebar .pulsbtn .cnt{margin-left:auto}
  body[data-session=app] #chrome-app.shell-sidebar #help-top{order:0}
  body[data-session=app] #chrome-app.shell-sidebar #assistant-top{order:1}
  body[data-session=app] #chrome-app.shell-sidebar #pulsbtn{order:2}
  body[data-session=app] #chrome-app.shell-sidebar .kbd[onclick*="openSearch"]{order:3}
  body[data-session=app] #chrome-app.shell-sidebar #collaboration-bell{order:4}
  body[data-session=app] #chrome-app.shell-sidebar #presence-button{order:5}
  body[data-session=app] #chrome-app.shell-sidebar .avm{order:6;align-self:stretch;width:100%;height:auto;min-height:55px;margin-top:7px}
  body[data-session=app] #chrome-app.shell-sidebar #live-status{font-size:9px;padding:6px 9px 0;color:#8da1b5}
}
@media(max-width:760px){
  body[data-session=app] #chrome-app.shell-sidebar .brand{font-size:16px;letter-spacing:1px}
  body[data-session=app] #chrome-app.shell-sidebar .mark{height:26px;width:25px;font-size:17px}
  .shell-brand-name small,.shell-profile-copy,.shell-profile-chevron,.shell-nav-divider{display:none}
  body[data-session=app] #chrome-app.shell-sidebar .modes{flex-wrap:nowrap;overflow-x:auto}
  body[data-session=app] #chrome-app.shell-sidebar .modes button{gap:6px;padding:7px 9px}
  body[data-session=app] #chrome-app.shell-sidebar .tright{flex-wrap:nowrap;overflow-x:auto}
  body[data-session=app] #chrome-app.shell-sidebar .tright .kbd,body[data-session=app] #chrome-app.shell-sidebar .pulsbtn{white-space:nowrap;flex-shrink:0;min-height:30px}
  body[data-session=app] #chrome-app.shell-sidebar .avm{padding:0;border:0;width:29px;height:29px;min-width:29px;margin:0;flex-shrink:0}
  .shell-profile-avatar{width:27px;height:27px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){#chrome-app.shell-sidebar *{transition:none!important}}