.device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 22px 22px}.device-card{border:1px solid #30415a;background:#152032;border-radius:8px;padding:20px}.device-card-top{display:flex;align-items:center;justify-content:space-between}.device-icon{font-size:27px;color:#6fd9c4}.device-card h3{margin:16px 0 7px}.device-card p{font-size:12px}.device-card>small{display:block;font-size:10px;color:#8192ac;margin:15px 0}.device-card>button{width:100%}.device-card-counts{display:flex;justify-content:space-between;margin-top:20px}.device-card-counts strong{font-size:23px}.device-card-counts small{display:block;color:#8192ac;font-size:10px;font-weight:400;margin-top:5px}.device-empty{padding:22px}.device-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 22px 22px}.device-summary>div{background:#152032;border:1px solid #30415a;padding:16px;border-radius:6px}.device-summary small{display:block;color:#91a1bb;font-size:11px;margin-bottom:12px}.device-summary strong{font-size:16px;font-weight:500}.device-source{display:flex;align-items:center;gap:15px;margin:0 22px 20px;flex-wrap:wrap}.device-source label{margin:0;min-width:250px;max-width:100%}.device-source span{font-size:11px;color:#91a1bb}.device-tabs{display:flex;overflow:auto;background:#152032;border-top:1px solid #30415a;border-bottom:1px solid #30415a;padding:0 12px;gap:6px}.device-tabs button{background:transparent;color:#91a1bb;white-space:nowrap;border-radius:0;padding:16px 12px;border-bottom:2px solid transparent}.device-tabs button[aria-selected=true]{border-bottom-color:#62d6bd;color:#62d6bd}.device-tab{padding:22px}.device-tab h3{margin:20px 0 15px}.device-tab h3:first-child{margin-top:0}.device-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-facts>div{padding:16px;background:#152032;border-radius:6px}.device-facts dt{font-size:11px;color:#91a1bb;margin-bottom:9px}.device-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.device-wrap{white-space:normal;min-width:160px;max-width:350px;overflow-wrap:anywhere}#device-error{margin:0 22px 15px;color:#f4cd80}#device-warnings p{font-size:12px;color:#f4cd80}#device-detail{scroll-margin-top:20px}.device-walk-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.device-walk-form label{margin:0;flex:1;min-width:180px}.device-raw-table{max-height:550px}.device-raw-table td{white-space:pre-wrap;overflow-wrap:anywhere;max-width:600px;font-family:Consolas,monospace;font-size:11px}.device-raw-table td:first-child{white-space:nowrap}.device-tab .table-wrap{border:1px solid #27344b;border-radius:6px}@media(max-width:900px){.device-summary,.device-facts{grid-template-columns:1fr 1fr}.device-summary strong{font-size:13px}}@media(max-width:600px){.device-facts{grid-template-columns:1fr}.device-summary{gap:8px;margin:0 12px 15px}.device-source,.device-tab{padding:12px;margin:0}.device-list{padding:12px}.device-source label{min-width:100%}.device-walk-form{align-items:stretch;flex-direction:column}}
.device-list.device-list-rows{display:flex;flex-direction:column;gap:8px}.device-list-rows .device-card{display:grid;grid-template-columns:110px minmax(150px,1.4fr) minmax(110px,1fr) minmax(160px,1.4fr) 160px 180px 170px;align-items:center;gap:16px;padding:14px 18px}.device-list-rows .device-icon{display:none}.device-list-rows .device-card h3,.device-list-rows .device-card p,.device-list-rows .device-card>small,.device-list-rows .device-card-counts{margin:0}.device-list-rows .device-card-counts strong{font-size:17px}.device-list-rows .device-card>button{width:auto}#device-pause-form{max-width:560px}#device-pause-form p{line-height:1.6}#device-pause-error{color:#f4cd80}@media(max-width:1300px){.device-list-rows .device-card{grid-template-columns:100px 1fr 1fr}.device-list-rows .device-card>button{justify-self:start}}@media(max-width:600px){.device-list-rows .device-card{grid-template-columns:1fr 1fr}.device-list-rows .device-card h3{font-size:15px}}

.device-list.device-list-rows{display:block;overflow-x:auto}.device-list-rows .device-card{grid-template-columns:90px minmax(140px,1.2fr) 110px minmax(120px,1fr) 120px 135px 150px 100px;gap:12px;min-width:1080px;margin-bottom:8px}.device-list-rows .device-card>[data-delete-device]{margin-top:0}