.login-card button:disabled { opacity: .65; cursor: wait; }
nav form { margin: 0; }
.setup-summary { display: grid; gap: 8px; margin-top: 17px; }
.setup-row { display: flex; gap: 9px; padding: 10px; border-radius: 10px; background: #f2f6f7; min-width: 0; }
.setup-row > div { min-width: 0; }
.state-dot { width: 9px; height: 9px; border-radius: 50%; background: #8a9aa3; margin-top: 3px; flex: 0 0 auto; }
.setup-row.active { background: #eaf6f1; }
.setup-row.active .state-dot, .lifecycle-active .state-dot { background: var(--green); box-shadow: 0 0 0 3px rgba(20,118,91,.13); }
.setup-row.inactive { background: #f3f3f3; }
.setup-row.inactive .state-dot, .lifecycle-inactive .state-dot { background: #77848b; }
.setup-row.warning { background: #fff3df; }
.setup-row.warning .state-dot, .lifecycle-unknown .state-dot { background: #d18a21; }
.setup-row.neutral .state-dot, .lifecycle-available .state-dot { background: var(--cyan); }
.setup-row small { display: block; font-size: 9px; font-weight: 900; letter-spacing: .08em; color: #657680; }
.setup-row b { display: block; margin-top: 3px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.setup-row em { display: block; margin-top: 2px; font-style: normal; font-size: 10px; color: #778790; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.setup-summary + .card-meta { margin-top: 14px; padding-top: 14px; }
.asset-overview { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.asset-overview span { padding: 7px 10px; border-radius: 100px; background: #edf2f4; color: #596a74; font-size: 11px; font-weight: 800; }
.asset-overview .active-count { background: #e5f3ed; color: var(--green); }
.asset-group { margin-top: 25px; }
.group-title { display: flex; align-items: center; gap: 8px; color: var(--navy); font-size: 17px; }
.group-title span { display: grid; place-items: center; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 100px; background: #e3edf1; color: #54707e; font-size: 11px; }
.asset-group .asset-panel { margin-top: 10px; }
.asset-state-title { display: flex; gap: 11px; padding: 14px 17px; background: #eef4f6; }
.asset-state-title small { font-size: 9px; letter-spacing: .1em; font-weight: 900; color: #667b86; }
.asset-state-title h3 { margin: 3px 0 2px; padding: 0; background: transparent; color: var(--navy); font-size: 16px; }
.asset-state-title p { margin: 0; color: var(--muted); font-size: 11px; }
.lifecycle-active { border-color: #a8d1c1; }
.lifecycle-active .asset-state-title { background: #eaf6f1; }
.lifecycle-inactive .asset-state-title { background: #f0f1f1; }
.lifecycle-unknown { border-color: #e6ca9b; }
.lifecycle-unknown .asset-state-title { background: #fff5e5; }
@media (max-width: 680px) { .setup-row b, .setup-row em { white-space: normal; } .asset-overview { gap: 6px; } }
