/* DEVICES */
#devices{background:linear-gradient(180deg,var(--bg),var(--bg2))}
.dv-tabs{display:flex;gap:4px;background:var(--gl);border:1px solid var(--gb);border-radius:14px;padding:5px;margin:40px 0 32px;width:fit-content}
.dv-tab{padding:10px 24px;border-radius:10px;border:none;background:transparent;color:var(--ts);font-family:var(--fb);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s var(--eo);letter-spacing:.3px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.dv-tab.act{color:var(--tp);background:var(--card-bg1);border:1px solid var(--gb);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.dv-tab.act.zb-act{color:#38BDF8;border-color:rgba(56,189,248,.25);background:rgba(56,189,248,.05)}
.dv-tab.act.wifi-act{color:#f97316;border-color:rgba(249,115,22,.25);background:rgba(249,115,22,.05)}
.dv-tab.act.matter-act{color:#a78bfa;border-color:rgba(167,139,250,.25);background:rgba(167,139,250,.05)}
@media(max-width:600px){.dv-tabs{width:100%;overflow-x:auto}.dv-tab{padding:9px 16px;font-size:12px}}
.dv-panel{display:none}.dv-panel.act{display:block}
.dv-cat-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:16px;margin-bottom:24px;border:1px solid}
.dv-cat-header.zb{background:rgba(56,189,248,.04);border-color:rgba(56,189,248,.15)}
.dv-cat-header.wifi{background:rgba(249,115,22,.04);border-color:rgba(249,115,22,.15)}
.dv-cat-header.matter{background:rgba(167,139,250,.04);border-color:rgba(167,139,250,.15)}
.dv-cat-ic{font-size:28px}
.dv-cat-title{font-family:var(--fd);font-size:18px;font-weight:700}
.dv-cat-desc{font-size:12px;color:var(--ts);margin-top:2px;font-weight:300}
.dv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.dv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.dv-grid{grid-template-columns:1fr}}
.dv-card{background:linear-gradient(145deg,var(--card-bg1),var(--card-bg2));border:1px solid var(--gb);border-radius:16px;padding:18px;transition:all .4s var(--eo);display:flex;gap:14px;align-items:flex-start}
.dv-card:hover{border-color:rgba(201,168,76,.15);transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.25)}
.dv-card.coordinator{border-color:rgba(201,168,76,.2);background:linear-gradient(145deg,rgba(30,24,12,.95),rgba(15,12,6,.98))}
.dv-card.coordinator:hover{border-color:rgba(201,168,76,.4)}
.dv-ic{width:42px;height:42px;border-radius:12px;background:var(--gs);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dv-body{flex:1;min-width:0}
.dv-name{font-size:13px;font-weight:700;margin-bottom:2px}
.dv-sub{font-size:11px;color:var(--tm);font-weight:300;margin-bottom:8px;line-height:1.4}
.dv-price{font-family:var(--fd);font-size:15px;font-weight:800;color:var(--gold)}
.dv-price-note{font-size:10px;color:var(--tm);font-weight:300;margin-top:1px}
.dv-tag{display:inline-block;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.dv-tag.zb{background:rgba(56,189,248,.12);color:#38BDF8;border:1px solid rgba(56,189,248,.2)}
.dv-tag.wifi{background:rgba(249,115,22,.12);color:#f97316;border:1px solid rgba(249,115,22,.2)}
.dv-tag.matter{background:rgba(167,139,250,.12);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}
.dv-tag.hw{background:rgba(201,168,76,.12);color:var(--gold);border:1px solid rgba(201,168,76,.2)}
.dv-tag.svc{background:rgba(76,175,80,.12);color:#4caf50;border:1px solid rgba(76,175,80,.2)}
.dv-note{font-size:11px;color:var(--tm);margin-top:6px;padding-top:6px;border-top:1px solid var(--gb);font-style:italic}