.device-card{display:block;position:relative;background:#fff;border:1px solid #dce3e9;border-left:5px solid #77828c;border-radius:12px;min-width:0}
.device-card.normal{border-left-color:#197348}.device-card.danger{border-left-color:#b62c34}
.device-card .device,.device-card .device.active{display:block;width:100%;text-align:left;padding:24px 26px;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#172d42;font-weight:400}
.device-card .device:hover{background:#fafbfd}.device-card .device:focus-visible{outline-offset:3px}
.device-card .device-name{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-right:135px;min-height:44px}
.device-card .device-name>span{font-size:20px;font-weight:500;overflow-wrap:anywhere}
.device-card .device-power{display:inline-block;font-size:13px;font-weight:600;background:#fff2a8;color:#443900;padding:3px 10px;border-radius:4px}
.device-card .device-status-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}
.device-card .device-status-label{display:inline-block;padding:4px 10px;border-radius:5px;background:#eef1f3;color:#52616c;white-space:nowrap;font-size:14px;font-weight:500}
.device-card.normal .device-status-label{color:#197348;background:#edf8f1}.device-card.danger .device-status-label{color:#b62c34;background:#fff0f0}
.device-card .device-connection{color:#626f7b;font-size:14px}
.device-card .device-last{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;border-top:1px solid #dce3e9;padding-top:15px;color:#626f7b;font-variant-numeric:tabular-nums}
.device-card .device-last>span{font-size:13px}
.device-card .profile-button{position:absolute;top:24px;right:26px;display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;border:1px solid #dce3e9;border-radius:8px;background:#fff;color:#00529b;font-size:14px;font-weight:400}
.device-card .profile-button:hover{background:#f2f5f7}.device-card .profile-button svg{flex-shrink:0}
@media(max-width:520px){.device-card .device,.device-card .device.active{padding:18px 16px}.device-card .profile-button{top:18px;right:16px;padding:10px}.device-card .profile-button>span{display:none}.device-card .device-name{padding-right:60px}.device-card .device-last{flex-direction:column}}