/* Shared sidebar for customer and admin shells; loaded after the theme. */
/* Older shell rules center flex children; pin every row to the full sidebar width. */
.app-nav,.app-nav-section{align-items:stretch!important;align-self:stretch;width:100%;box-sizing:border-box}
.app-nav a{width:100%;box-sizing:border-box;justify-content:flex-start;margin:0!important}
.app-nav-title,.app-nav-divider{text-align:left;align-self:stretch}
.app-nav{display:flex;flex-direction:column;gap:2px;width:100%;margin:18px 0 0}
.app-nav-section{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.app-nav-title{color:#94a098;font-size:11px;font-weight:600;letter-spacing:.06em;margin:6px 12px 4px}
.app-nav-divider{margin:10px 6px 6px;padding:10px 6px 0;border-top:1px solid #dfe6e1;color:#416b57;font-size:12px;font-weight:700;letter-spacing:.08em}
.app-nav a{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 12px;border-radius:8px;color:#6a7a70;font-size:13px;line-height:20px;font-weight:500;text-decoration:none}
.app-nav a:hover{background:#e9eeeb;color:#355442}
.app-nav a.active{background:#e1ebe4;color:#345c46;box-shadow:inset 0 0 0 1px #d9e5dd;font-weight:650}
.app-nav-icon{flex-shrink:0}
.app-role-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;font-size:10px;line-height:16px;vertical-align:middle;background:#e8f2ec;color:#376e56}
.app-role-tag.admin{background:#416b57;color:#fff}
@media(max-width:760px){
  .app-nav,.app-nav-section{width:auto}
  .app-nav a{width:auto}
  .app-nav{grid-column:1/-1;grid-row:2;flex-direction:row;overflow-x:auto;gap:4px;margin:0;padding-bottom:3px}
  .app-nav-section{flex-direction:row;margin:0;gap:4px}
  .app-nav-title{display:none}
  .app-nav-divider{margin:0 4px;padding:0 0 0 8px;border-top:0;border-left:1px solid #dfe6e1;align-self:center;white-space:nowrap}
  .app-nav a{white-space:nowrap;min-height:34px;padding:6px 10px;font-size:12px}
  .app-nav-icon{display:none}
}
.ws-header-actions .ws-version{color:#94a098;font-size:11px}