.account-ribbon{margin-bottom:22px;border:1px solid #403631;border-radius:12px;background:#29231f;overflow:hidden}.account-ribbon .workspace-switcher{margin:0;border:0;border-radius:0;background:transparent;padding:11px}.ribbon-account{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border-top:1px solid #403631}.ribbon-account>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.ribbon-account small{color:#93867e;font-size:11px!important}.ribbon-account strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ribbon-account>a{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#93867e;text-decoration:none}.ribbon-account>a:hover{background:#372e29;color:#fff}.flat-nav>p{margin:20px 12px 8px}.flat-nav>a{height:42px;font-size:16px}.flat-nav details.settings-nav{margin:12px 0 0;padding-top:11px;border-top:1px solid #302925}.flat-nav .settings-nav summary{display:grid;grid-template-columns:18px 1fr 12px;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:8px;color:var(--sidebar-text)!important;background:transparent!important;cursor:pointer;list-style:none;font:500 16px "DM Sans";letter-spacing:0;text-transform:none}.flat-nav .settings-nav summary::-webkit-details-marker{display:none}.flat-nav .settings-nav summary>i:first-child{display:block;color:inherit;font-size:16px}.flat-nav .settings-nav summary:hover,.flat-nav .settings-nav[open]>summary{color:#fff!important;background:#2a2420!important}.flat-nav .settings-nav .nav-chevron{font-size:11px}.flat-nav .settings-nav[open] .nav-chevron{transform:rotate(180deg)}.settings-children{margin:3px 0 4px 13px;padding-left:12px;border-left:1px solid #443832}.flat-nav .settings-children a{height:35px;margin:1px 0;padding:0 9px;font-size:13px}.flat-nav .settings-children a>i{font-size:13px}.flat-nav .settings-children a.active{background:linear-gradient(90deg,#432820,#32231f);color:#fff;box-shadow:inset 3px 0 var(--accent)}.flat-nav .settings-nav:not([open])>.settings-children{display:none}

/* Sidebar details follow the palette or the personal sidebar override. */
.sidebar .account-ribbon{background:rgba(0,0,0,.12);border-color:rgba(255,255,255,.18)}
.sidebar .ribbon-account{border-color:rgba(255,255,255,.18)}
.sidebar .main-nav p,.sidebar .workspace-switcher small,.sidebar .ribbon-account small,.sidebar .ribbon-account>a,.sidebar .user-card small{color:var(--sidebar-text);opacity:.8}
.sidebar .main-nav a:hover,.sidebar .sidebar-bottom>a:hover,.sidebar .ribbon-account>a:hover{background:rgba(255,255,255,.12)}
.sidebar .flat-nav .settings-nav summary:hover,.sidebar .flat-nav .settings-nav[open]>summary{background:rgba(255,255,255,.12)!important}
.sidebar .flat-nav details.settings-nav,.sidebar .settings-children{border-color:rgba(255,255,255,.2)}
.sidebar .flat-nav .settings-children a.active,.sidebar .main-nav>a.active{background:rgba(255,255,255,.18);box-shadow:inset 3px 0 #fff}