.devices-dialog{width:min(760px,calc(100vw - 28px));max-height:min(82vh,720px);padding:24px;border:1px solid #dce5e1;border-radius:8px;background:#fff;color:#1b3035;box-shadow:0 24px 80px #102d3033}
.devices-dialog::backdrop{background:#10272c80}
.devices-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.devices-dialog .dialog-header h2{margin:0;font-size:20px}
.device-dialog-actions{display:flex;align-items:center;gap:8px}
.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dce5e1;border-radius:6px;background:#fff;color:#315e4f}
.icon-button:hover{background:#f1f6f3}
.device-list-status{min-height:24px;margin:0 0 10px;color:#657675;font-size:12px}
.device-list-status.error{color:#a53d33}
.device-table-scroll{max-height:60vh;overflow:auto;border:1px solid #e6ebea;border-radius:6px}
.device-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
.device-table th,.device-table td{padding:11px 12px;border-bottom:1px solid #edf0ef;vertical-align:middle}
.device-table th{position:sticky;top:0;background:#f5f7f6;color:#697978;font-size:10px;font-weight:600}
.device-table tbody tr:last-child td{border-bottom:0}
.device-pen-id{width:70px;font-variant-numeric:tabular-nums;font-weight:700;color:#315e4f}
.device-id{min-width:205px}
.device-id code{font-size:11px;color:#506461;overflow-wrap:anywhere}
.device-nickname{width:100%;min-width:110px;height:36px;padding:0 9px;border:1px solid #d8e1dd;border-radius:5px;color:#1b3035}
.device-save-cell{width:76px;text-align:right}
.device-empty{padding:28px 16px;text-align:center;color:#71817f;font-size:13px}
@media(max-width:560px){.devices-dialog{padding:18px 14px}.devices-dialog .dialog-header h2{font-size:17px}.device-table,.device-table tbody,.device-table tr,.device-table td{display:block}.device-table{min-width:0}.device-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.device-table tbody{display:grid;gap:8px}.device-table tr{display:grid;grid-template-columns:minmax(0,1fr) 76px;padding:10px;border-bottom:1px solid #edf0ef}.device-table tbody tr:last-child{border-bottom:0}.device-table td{min-width:0;width:auto;padding:5px 4px;border:0}.device-pen-id{grid-column:1;grid-row:1}.device-pen-id::before{content:"Pen ID ";color:#697978;font-size:10px;font-weight:500}.device-id{grid-column:1/-1;grid-row:2;min-width:0}.device-id::before{content:"고유 ID";display:block;margin-bottom:4px;color:#697978;font-size:10px}.device-id code{font-size:10px}.device-nickname-cell{grid-column:1/-1;grid-row:3}.device-nickname-cell::before{content:"닉네임";display:block;margin-bottom:4px;color:#697978;font-size:10px}.device-nickname{height:38px}.device-save-cell{grid-column:2;grid-row:1;text-align:right}.device-save-cell .button{min-height:32px;padding:0 10px}}