body { min-height: 100vh; }
.card { border-radius: 1rem; }
.device-icon { align-items: center; background: #e7f1ff; border-radius: .85rem; color: #0d6efd; display: inline-flex; font-size: 1.7rem; height: 3.5rem; justify-content: center; width: 3.5rem; }
.qr-box { align-items: center; background: #fff; border: 1px solid var(--bs-border-color); border-radius: .75rem; display: flex; justify-content: center; min-height: 168px; padding: .75rem; width: 168px; }
.qr-box img { height: auto; max-width: 100%; }
.device-row { border: 1px solid var(--bs-border-color); border-radius: .75rem; padding: .85rem 1rem; }
.status-dot { background: #6c757d; border-radius: 50%; display: inline-block; height: .55rem; width: .55rem; }
.status-dot.online { background: #198754; box-shadow: 0 0 0 .2rem rgba(25, 135, 84, .12); }
#clipboard-preview { font-family: var(--bs-font-monospace); font-size: .83rem; max-height: 10rem; min-height: 3rem; overflow: auto; white-space: pre-wrap; }
#qr-reader { overflow: hidden; border-radius: .75rem; }
.transfer-name { max-width: 17rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }