.device-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.device-summary article{padding:18px 20px;background:#fff;border:1px solid #e5edf1;border-radius:14px}.device-summary small{display:block;color:#69808a}.device-summary strong{display:block;font-size:28px;margin-top:7px}.device-summary .good{border-bottom:3px solid #38ae7b}.device-summary .bad{border-bottom:3px solid #e85e5e}.device-list{padding:20px}.device-list-head,.device-card-top,.device-reading,.device-card footer,.detail-top,.health-heading,.insight-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-list-head h3{margin:0}.device-list-head span{color:#70838d;font-size:13px}.live-dot{color:#16896e;font-size:13px;font-weight:700}.live-dot:first-letter{color:#32bb79}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.device-card{border:1px solid #e0e9ed;background:#fff;border-radius:16px;padding:17px;text-align:right;color:#142c38;cursor:pointer;transition:.18s ease;box-shadow:0 4px 12px #1234}.device-card:hover{border-color:#0d8279;transform:translateY(-3px);box-shadow:0 14px 25px #0a54401a}.device-card strong{display:block;font-size:16px;margin:14px 0 5px}.device-card small{color:#71818a}.device-glyph,.device-hero-icon{display:grid;place-items:center;background:#e0f3ee;color:#087a70;border-radius:11px;width:38px;height:38px;font-size:20px}.device-reading{margin:15px 0 12px;border-top:1px solid #edf1f2;padding-top:12px;color:#69808a;font-size:12px}.device-reading b{color:#1b3440}.device-card footer{font-size:11px;color:#80929b}.device-card em{font-style:normal;color:#078379;font-weight:700}.device-empty{padding:42px}.device-detail{padding-bottom:35px}.detail-top{margin-bottom:14px}.device-hero{background:linear-gradient(120deg,#0a4546,#087b72);color:#fff;border-radius:20px;padding:27px 30px;display:flex;align-items:center;gap:18px}.device-hero-icon{width:58px;height:58px;background:#fff2;color:#fff;font-size:29px}.device-hero h2{margin:4px 0;font-size:27px}.device-hero p{margin:0;color:#d4efea}.device-hero-status{margin-right:auto;text-align:left}.device-hero-status small{display:block;margin-top:10px;color:#d1e8e4}.health-charts{margin-top:18px;background:#fff;border:1px solid #e2ebee;border-radius:18px;padding:20px}.health-heading h3{margin:0}.health-heading span{font-size:13px;color:#71818a}.health-pills{display:flex;gap:8px}.health-pills span{background:#edf5f4;color:#14665f;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.chart-grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:15px}.mini-chart{border:1px solid #ecf0f1;border-radius:13px;padding:13px}.chart-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#6c7c85}.chart-label strong{color:#132c3a;font-size:17px}.mini-chart svg{width:100%;height:120px;overflow:visible}.mini-chart polyline{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.chart-grid{stroke:#e8eff1;stroke-width:.8;vector-effect:non-scaling-stroke}.mini-chart small{display:block;color:#82919a;font-size:11px}.chart-empty{padding:30px 8px;color:#83939c;text-align:center;font-size:13px}.insight-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.insight-panel{background:#fff;border:1px solid #e2ebee;border-radius:18px;padding:21px}.insight-title{justify-content:flex-start}.insight-title>span{width:35px;height:35px;border-radius:10px;background:#e3f4f0;color:#087b72;display:grid;place-items:center}.insight-title h3{margin:0;font-size:17px}.insight-title p{margin:3px 0 0;color:#768891;font-size:12px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:15px}.detail-field{padding:10px 0;border-bottom:1px solid #edf1f2}.detail-field small{display:block;color:#778892;font-size:11px}.detail-field strong{font-size:13px;word-break:break-word}.storage-list{margin-top:14px}.storage-list div{display:flex;justify-content:space-between;background:#f4f8f8;border-radius:8px;padding:9px 11px;margin-top:7px;font-size:12px}.network-list{margin-top:15px}.network-list article{border:1px solid #e8eeee;border-radius:11px;padding:13px;margin-bottom:10px;position:relative}.network-list article>strong{font-size:14px}.network-state{position:absolute;left:13px;top:13px;color:#188d65;font-size:11px}.network-list dl{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 0;gap:8px}.network-list dl div{background:#f7fafa;padding:6px}.network-list dt{font-size:10px;color:#80919a}.network-list dd{margin:2px 0 0;font-size:11px;direction:ltr;text-align:right}.security-strip{display:flex;align-items:center;gap:10px;background:#eef8f3;margin-top:13px;padding:10px;border-radius:10px}.security-strip>span{color:#15926a}.security-strip strong,.security-strip small{display:block;font-size:12px}.security-strip small{color:#578070;margin-top:2px}.software-panel{margin-top:18px}.software-table{margin-top:16px;border:1px solid #e8eeee;border-radius:10px;overflow:auto;max-height:440px}.software-head,.software-row{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:12px;padding:10px 13px;min-width:620px}.software-head{background:#f4f7f8;color:#74848c;font-size:11px}.software-row{border-top:1px solid #edf1f2;font-size:12px}.software-row strong{font-weight:600}.software-row span{color:#71828a}.soft-empty{color:#81919a;text-align:center;padding:22px 0;margin:0}@media(max-width:850px){.device-summary,.chart-grid-wrap{grid-template-columns:repeat(2,1fr)}.device-grid{grid-template-columns:1fr 1fr}.insight-columns{grid-template-columns:1fr}.device-hero{flex-wrap:wrap}.device-hero-status{margin-right:0;width:100%;text-align:right}}@media(max-width:560px){.device-summary,.device-grid,.chart-grid-wrap,.detail-fields{grid-template-columns:1fr}.device-list{padding:14px}.device-list-head{align-items:flex-start}.device-list-head>div span{display:block;margin-top:4px}.device-hero{padding:20px}.device-hero h2{font-size:22px}.health-heading{align-items:flex-start;flex-direction:column}.health-pills{flex-wrap:wrap}.detail-top{align-items:flex-start;flex-direction:column}.network-list dl{grid-template-columns:1fr}.software-head,.software-row{grid-template-columns:1.4fr .7fr 1fr}}