.ws-shell{--ws-projects-surface:color-mix(in srgb, var(--os-blue-soft) 38%, var(--os-glass-strong));--ws-projects-ink:var(--os-blue);--ws-files-surface:color-mix(in srgb, var(--os-green-soft) 38%, var(--os-glass-strong));--ws-files-ink:var(--os-green);--ws-notifications-surface:color-mix(in srgb, var(--os-violet-soft) 38%, var(--os-glass-strong));--ws-notifications-ink:var(--os-violet);--ws-account-surface:var(--os-glass-strong);--ws-account-ink:var(--os-ink);--ws-status-surface:color-mix(in srgb, var(--os-green-soft) 38%, var(--os-glass-strong));--ws-request-surface:color-mix(in srgb, var(--os-amber-soft) 38%, var(--os-glass-strong))}.ws-shell[data-role=client][data-section=projects]{--ws-section-surface:var(--ws-projects-surface);--ws-section-ink:var(--ws-projects-ink)}.ws-shell[data-role=client][data-section=files]{--ws-section-surface:var(--ws-files-surface);--ws-section-ink:var(--ws-files-ink)}.ws-shell[data-role=client][data-section=notifications]{--ws-section-surface:var(--ws-notifications-surface);--ws-section-ink:var(--ws-notifications-ink)}.ws-shell[data-role=client]:is([data-section=account],[data-section=profile]){--ws-section-surface:var(--ws-account-surface);--ws-section-ink:var(--ws-account-ink)}.ws-shell[data-role=client]:not([data-section=home]) #workspace-content>.ws-heading{background:0 0}.ws-shell[data-role=client]:not([data-section=home]) #workspace-content :is(.ws-kicker,.ws-section-heading h2){color:var(--ws-section-ink)}.ws-shell[data-role=client]:not([data-section=home]) :is(.ws-mobile-dock,.ws-desktop-nav) button[aria-current=page]{background:var(--ws-section-surface);color:var(--ws-section-ink)}html[data-ws-section-transition] .ws-shell .ws-scene{animation:none}html[data-ws-section-transition]::view-transition-group(ws-section-open){border-radius:24px;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);overflow:clip}html[data-ws-section-transition]::view-transition-old(ws-section-open){animation:.1s ease-out both ws-section-out}html[data-ws-section-transition]::view-transition-new(ws-section-open){animation:.16s ease-out .1s both ws-section-in}html[data-ws-section-transition]::view-transition-old(root){animation:none}html[data-ws-section-transition]::view-transition-new(root){animation:none}@keyframes ws-section-out{to{opacity:0}}@keyframes ws-section-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.ws-shell[data-role=client] .ws-scene{animation:none}.ws-shell[data-role=client][data-section=notifications] :is(.ws-notice,.ws-notice-project-icon){background:var(--ws-notifications-surface);color:var(--ws-notifications-ink);border-color:#d8cdea}.ws-shell[data-role=client][data-section=notifications] :is(.ws-notice-new-label,.ws-notice-read,.ws-notice-expand,.ws-notice-project-header svg){color:var(--ws-notifications-ink)}.ws-shell[data-role=client][data-section=files] :is(.ws-library-groups button[aria-pressed=true],.ws-library-file-icon){background:var(--ws-files-surface);color:var(--ws-files-ink)}.ws-shell[data-role=client]:not([data-section=home]) .ws-segmented button[aria-pressed=true]{color:var(--ws-section-ink)}.ws-notification-symbol{width:32px;height:32px;color:var(--os-violet);background:#e6ddf5b3;border-radius:11px;flex:0 0 32px;place-items:center;display:grid}@media (max-width:600px){.ws-notification-symbol{border-radius:10px;flex-basis:28px;width:28px;height:28px}}.ws-shell[data-app=true] .ws-section-banner{background:var(--ws-account-surface);width:100%;min-width:0;color:var(--os-ink);text-align:start;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);border:1px solid #ffffffd9;border-radius:22px;align-items:center;gap:12px;margin:0 0 16px;padding:18px;display:flex;box-shadow:0 4px 18px #263b4b06,inset 0 1px #fff9}.ws-shell[data-app=true] .ws-section-banner[data-tone=projects]{background:var(--ws-projects-surface);color:var(--ws-projects-ink)}.ws-shell[data-app=true] .ws-section-banner[data-tone=files]{background:var(--ws-files-surface);color:var(--ws-files-ink)}.ws-shell[data-app=true] .ws-section-banner[data-tone=notifications]{background:var(--ws-notifications-surface);color:var(--ws-notifications-ink)}.ws-shell[data-app=true] .ws-section-banner .ws-section-banner-copy{flex:1;gap:3px;min-width:0;display:grid}.ws-shell[data-app=true] .ws-section-banner :is(.ws-avatar,.ws-section-banner-icon){background:#ffffff85;border-radius:15px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.ws-shell[data-app=true] .ws-section-banner .ws-avatar{border-radius:50%}.ws-shell[data-app=true] .ws-section-banner :is(h1,strong){color:inherit;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:600;line-height:1.5}.ws-shell[data-app=true] .ws-section-banner small{color:inherit;font-size:12px;line-height:1.6}.ws-shell[data-app=true] .ws-section-banner>svg{flex-shrink:0}.ws-shell[data-app=true] .ws-project-heading.ws-section-banner{flex-direction:row}@media (max-width:600px){.ws-shell[data-app=true] .ws-section-banner{border-radius:18px;gap:10px;margin-block-end:14px;padding:14px}.ws-shell[data-app=true] .ws-section-banner :is(h1,strong){font-size:16px}.ws-shell[data-app=true] .ws-section-banner .ws-section-banner-description{font-size:12px}}.ws-shell[data-app=true] .ws-section-banner{max-width:1120px}.ws-shell[data-app=true] .ws-section-banner .ws-section-banner-copy>*{order:0;grid-area:auto}
