.home-connection{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #dddfd3;border-radius:4px;color:#7d8373;font-size:11px;white-space:nowrap}
.home-connection.is-muted{color:#7d8373;border-color:#dddfd3}.home-connection.is-error{color:#9b6a50;border-color:#e2cfc0}
.home-connection::before{content:'';width:6px;height:6px;border-radius:50%;background:#9da393}
.home-connection.is-live{color:#4d785a;border-color:#c9d9c4}
.home-connection.is-live::before{background:#6f996c}
.home-connection.is-error{color:#9b6a50;border-color:#e2cfc0}
.home-connection.is-error::before{background:#bd7d5d}
.metric-value>[id^="home-library-"]{font:inherit;color:inherit;margin-left:0}
@media(max-width:720px){.home-connection{font-size:10px;padding:5px 7px}.home-connection::before{display:none}}
html{scrollbar-gutter:stable}body{overflow-y:scroll}
/* The home, library, and monitoring tabs share one document shell. */
main.unified-view{max-width:1450px;margin:0 auto;padding:42px 48px 0;min-height:calc(100vh - 79px)}
main.unified-view[hidden]{display:none!important}
button.nav-item{border:0;background:transparent;text-align:left;width:100%;font-family:inherit}
main.unified-view .products-hero{margin-bottom:28px}
@media(max-width:1180px){main.unified-view{padding:32px 30px 0}}
@media(max-width:720px){main.unified-view{padding:28px 22px 0;min-height:calc(100vh - 65px)}}
@media(max-width:430px){main.unified-view{padding:25px 16px 0}}
.topbar-leading{display:flex;align-items:center;gap:17px;min-width:0}
.sidebar .nav-toggle{width:100%;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;border:1px solid #ffffff21;border-radius:5px;background:transparent;color:#b9c9b9;padding:0;font-size:11px}
.sidebar .nav-toggle:hover{background:#ffffff0d;color:#fff}
.nav-collapsed .nav-toggle-label{display:none}
.nav-collapsed .nav-toggle svg{transform:rotate(180deg)}
.nav-collapsed .sidebar{width:72px;padding:28px 11px}
.nav-collapsed .workspace{margin-left:72px}
.nav-collapsed .brand{padding:0;justify-content:center}
.nav-collapsed .brand>span:last-child,.nav-collapsed .nav-caption,.nav-collapsed .nav-item>span,.nav-collapsed .sidebar-note,.nav-collapsed .profile>div,.nav-collapsed .profile-star{display:none}
.nav-collapsed .nav-item{justify-content:center;padding:16px 0}
.nav-collapsed .sidebar-divider{margin:18px 2px 24px}
.nav-expanded .sidebar-divider{margin-top:22px}
.nav-collapsed .profile{margin-top:auto;justify-content:center;padding:24px 0 0}
.nav-expanded .sidebar{width:228px;padding:32px 25px 25px}
.nav-expanded .workspace{margin-left:228px}
.nav-expanded .brand{padding-left:6px;justify-content:flex-start}
.nav-expanded .brand>span:last-child,.nav-expanded .nav-caption,.nav-expanded .nav-item>span,.nav-expanded .sidebar-note,.nav-expanded .profile>div,.nav-expanded .profile-star{display:block}
.nav-expanded .nav-item{justify-content:flex-start;padding:14px}
.nav-expanded .profile{justify-content:flex-start;padding:24px 7px 0;margin-top:0}
.nav-expanded .nav-item>span[hidden]{display:none}
@media(max-width:720px){.topbar-leading{gap:9px}.topbar{padding-left:16px;padding-right:16px}.topbar .breadcrumb>span{margin:0 7px}.nav-expanded .workspace{margin-left:72px}.nav-expanded .sidebar{box-shadow:8px 0 35px #15281e30}.nav-expanded .topbar-right{display:none}.nav-expanded .topbar .breadcrumb{display:none}}

/* Local material browsing does not require collection connections. */
.local-browsing [aria-label="采集连接状态"], .local-browsing #wechat-login-card { display: none; }