.erp-example .partner-app{background:var(--card);color:var(--foreground);border-radius:16px;font-family:Inter,Inter Fallback,sans-serif;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 8px 24px -12px #0000001f}.erp-example .partner-app-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;height:40px;padding:0 14px;font:500 12px/18px Inter,Inter Fallback,sans-serif;display:flex}.erp-example .partner-app-mark{background:var(--muted);width:22px;height:22px;color:var(--foreground);border-radius:6px;place-items:center;display:grid}.erp-example .partner-app-status{height:20px;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--muted-foreground);border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:0 8px;font:400 10px/16px Inter,Inter Fallback,sans-serif;display:flex}.erp-example .partner-app-status:before{content:"";background:var(--border-strong);border-radius:50%;width:5px;height:5px}.erp-example .partner-app[data-phase=connected] .partner-app-status:before{background:var(--color-status-info)}.erp-example .partner-app[data-phase=production] .partner-app-status:before{background:var(--color-status-good)}.erp-example .partner-app-workspace{grid-template-columns:112px minmax(0,1fr);height:288px;display:grid}.erp-example .partner-app-sidebar{border-right:1px solid var(--border-subtle);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.erp-example .partner-app-nav-item{white-space:nowrap;height:26px;color:var(--muted-foreground);border-radius:6px;align-items:center;gap:7px;padding:0 8px;font:400 10px/14px Inter,Inter Fallback,sans-serif;display:flex}.erp-example .partner-app-nav-item svg{color:var(--landing-subtle);flex:none}.erp-example .partner-app-nav-item[data-current=true]{background:var(--muted);color:var(--foreground)}.erp-example .partner-app-nav-item[data-current=true] svg{color:var(--foreground)}@media (width<=1100px){.erp-example .partner-app-workspace{grid-template-columns:minmax(0,1fr)}.erp-example .partner-app-sidebar{display:none}}@media (width<=700px){.erp-example .partner-app-head{gap:6px;padding:0 10px;font-size:11px}.erp-example .partner-app-status{padding-inline:6px;font-size:9px}.erp-example .partner-app-workspace{height:420px}}