.device-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;min-width:180px;padding:14px 18px;transition:all .25s;display:flex;box-shadow:0 1px 3px #0000000a}.device-card:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.device-card--selected{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 4px 15px #667eea66}.device-card--selected:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px)}.device-card--selected .device-card__client-name,.device-card--selected .device-card__platform{color:#fff}.device-card__icon{filter:drop-shadow(0 1px 2px #0000001a);flex-shrink:0;font-size:1.75rem}.device-card__info{flex-direction:column;gap:3px;min-width:0;display:flex}.device-card__client{align-items:center;gap:5px;display:flex}.device-card__client-logo{font-size:.9rem}.device-card__client-name{color:#1e293b;font-size:.9rem;font-weight:700}.device-card__platform{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}