.device-security { margin-bottom: 20px; }
.device-security-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.device-security-heading h2 { margin: 0; }
.device-security-controls { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.device-security-controls label { display: flex; flex-direction: column; gap: 6px; min-width: 180px; flex: 1; }
.device-security-controls input { max-width: 420px; }
.device-security [hidden] { display: none !important; }
.device-security-message { min-height: 1.5em; overflow-wrap: anywhere; }
.device-detail { overflow-wrap: anywhere; white-space: pre-wrap; font-size: 13px; line-height: 1.6; }
.device-list { list-style: none; padding: 0; display: grid; gap: 12px; }
.device-list li { border: 1px solid var(--border, #dce3ed); padding: 14px; border-radius: 12px; }
.device-list .badge { margin-left: 10px; }
@media (max-width: 600px) { .device-security-controls > button { flex: 1; } .device-security-controls label { flex-basis: 100%; } }