.bi-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.bi-stat,.bi-connection{background:var(--panel,#202228);border:1px solid var(--border,#35383f);border-radius:12px;padding:20px}.bi-stat strong{display:block;font-size:30px;line-height:1.3}.bi-stat span{color:var(--muted,#a0a5b2);font-size:13px}.bi-connection{margin-bottom:20px}.bi-connection h3{margin-top:0}.bi-device{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #35383f;padding-top:12px;margin-top:16px;font-size:12px;overflow-wrap:anywhere}.bi-filters{display:flex;gap:12px;margin:20px 0}.bi-filters input{flex:1;min-width:120px}.bi-filters select{min-width:180px}.bi-table{overflow-x:auto}.bi-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.bi-table th{color:var(--muted,#a0a5b2);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.bi-table td,.bi-table th{padding:16px 12px;border-bottom:1px solid #35383f}.bi-table td:first-child{min-width:260px}.bi-table small{display:block;color:var(--muted,#a0a5b2);margin-top:5px}.bi-pager{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:20px 0;font-size:12px}@media(max-width:800px){.bi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-filters{flex-wrap:wrap}.bi-filters input{flex-basis:100%}}
.bi-connection button{max-width:100%;white-space:normal}.bi-connection h3{margin-bottom:8px}.bi-connection .field-hint{margin-top:8px}.bi-device{flex-wrap:wrap}