.devicesPage{display:flex;flex-direction:column;gap:16px;max-width:1180px;margin:0 auto;padding:8px 4px 32px}.devicesHero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.devicesHero .muted{max-width:720px;line-height:1.5}.deviceConnectCard,.devicesListCard,.deviceRow{background:rgb(46 70 101 / 51%);border:0;border-radius:16px;box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.deviceConnectCard,.devicesListCard{padding:18px}.deviceConnectCard h4,.devicesListCard h4{margin:0 0 6px}.deviceConnectCard p{margin:0 0 14px;color:#aebed1}.devicePairBox{margin-top:14px;padding:14px;border:0;border-radius:12px;background:rgb(30 48 72 / 72%);display:flex;align-items:center;gap:10px;flex-wrap:wrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.devicePairCode{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.08em;font-size:18px}.devicePairHint{color:#aebed1;margin-right:auto}.devicesListHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.devicesList{display:flex;flex-direction:column;gap:8px}.deviceRow{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px}.deviceRow:hover,.deviceActions .btn:hover{background:#95bbff24;color:#f4f7ff}.deviceIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgb(30 48 72 / 72%);font-size:18px}.deviceName{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deviceStatus{font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px;background:rgb(30 48 72 / 72%)}.deviceStatus.online{color:#9fd9bf}.deviceStatus.offline{color:#c6d2e0}.deviceStatus.revoked{color:#f0aaaa}.deviceMeta{margin-top:3px;color:#aebed1;font-size:12px}.devicesEmpty{padding:24px;text-align:center;color:#aebed1}@media(max-width:760px){.devicesHero{flex-direction:column}.deviceRow{grid-template-columns:42px 1fr}.deviceActions{grid-column:2}.devicePairBox{align-items:flex-start}.devicePairHint{width:100%}}

.deviceFolder{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgb(30 48 72 / 72%);max-width:820px}.deviceFolderEmpty{color:#aebed1}.deviceFolderHead{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e8eff9;font-size:12px}.deviceFolderHead span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceFolderHead i{margin-right:6px;color:#95bbff}.deviceFolderHead b{white-space:nowrap;color:#b9d3ff}.deviceFolderHint{margin-top:4px;color:#91a7c3;font-size:11px}.deviceFolderFiles{margin-top:8px}.deviceFolderFiles summary{cursor:pointer;color:#b9d3ff;font-size:12px;font-weight:700}.deviceFolderFileList{display:flex;flex-direction:column;gap:5px;margin-top:8px;max-height:260px;overflow:auto;padding-right:4px}.deviceFolderFile{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;background:rgb(16 23 34 / 38%);font-size:12px}.deviceFolderFile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceFolderFile small{color:#91a7c3}.deviceInfo{min-width:0}
.devicePrinter{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgb(30 48 72 / 72%)}
.devicePrinterHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.devicePrinterHead span{display:flex;align-items:center;gap:7px;color:#e8eff9}.devicePrinterHead i{color:#95bbff}.devicePrinterHead small{color:#91a7c3;font-size:10px}
.devicePrinterGrid{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(180px,1.3fr);gap:8px;align-items:end}.devicePrinterGrid label{display:flex;flex-direction:column;gap:4px;color:#91a7c3;font-size:10px}.devicePrinterGrid select,.devicePrinterGrid input[type="number"]{height:36px;border:0;border-radius:8px;background:rgb(16 23 34 / 55%);color:#e8eff9;padding:0 9px;outline:0}.devicePrinterCheck{flex-direction:row!important;align-items:center!important;height:36px}.devicePrinterCheck input{accent-color:#95bbff}.devicePrinterGrid .btn{height:36px;align-self:end}
@media(max-width:980px){.devicePrinterGrid{grid-template-columns:1fr 1fr}.devicePrinterGrid>label:first-child{grid-column:1/-1}}