.devices-card{margin-top:22px;padding:30px}
.devices-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.devices-heading h2{font-size:23px}
.devices-summary{color:#91a1bd;font-size:12px;margin:10px 0 22px}
.device-list{display:grid;gap:12px}
.device-row{display:flex;align-items:center;gap:16px;border:1px solid #ffffff12;background:#050a1840;border-radius:18px;padding:18px}
.device-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #3977ff33;border-radius:14px;color:#8fb4ff;background:#3977ff0c;font-size:22px;flex-shrink:0}
.device-details{flex:1;min-width:0}
.device-name{font-size:15px;font-weight:700;overflow-wrap:anywhere}
.device-meta{font-size:12px;color:#91a1bd;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.device-remove{border:1px solid #ff667e30;background:#ff667e08;color:#ff9aaa;border-radius:11px;padding:10px 14px;font-size:12px}
.device-remove:hover{background:#ff667e18}
.devices-empty{padding:25px;text-align:center;border:1px dashed #ffffff20;border-radius:16px;color:#91a1bd;font-size:13px;line-height:1.8}
.device-dialog{width:min(440px,calc(100% - 32px));border:1px solid #ffffff24;border-radius:24px;background:#0c1630;color:#f7faff;padding:28px;box-shadow:0 30px 100px #0009}
.device-dialog::backdrop{background:#020611bb;backdrop-filter:blur(5px)}
.device-dialog h2{font-size:22px}
.device-dialog .hint{margin:18px 0}
.device-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.device-dialog .danger{background:#bf3654;border-color:#f26783}
@media(max-width:650px){.devices-card{padding:22px}.device-row{flex-wrap:wrap}.device-details{min-width:150px}.device-remove{margin-left:62px}.device-dialog-actions{flex-direction:column-reverse}.device-dialog-actions button{width:100%}}


/* TORVPN SYSTEM DEVICE EMOJI STYLE */
#device-list .device-icon {
    font-family: "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Noto Color Emoji",
                 sans-serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
}

#device-list .device-icon::before,
#device-list .device-icon::after {
    content: none !important;
}