.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.device-card{background:#fff;border:1px solid #dfe6dc;border-radius:13px;padding:25px;min-width:0}
.device-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.device-card-heading h3{font-size:18px;font-weight:500;line-height:1.5;margin:0 0 5px;overflow-wrap:anywhere}.device-card-heading p{font-size:11px;color:#8b9a82;margin:0;overflow-wrap:anywhere}
.presence{font-size:10px;color:#9a9f94;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;padding-top:5px}.presence:before{content:'';width:6px;height:6px;background:#bec7b8;border-radius:50%}.presence.online{color:#367b4e}.presence.online:before{background:#58a071}
.device-badges{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:17px 0}.license-kind{font-size:10px;color:#87967d}
.device-note{font-size:12px;color:#3b5c3d;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px;border-left:2px solid #b2c5a4;padding-left:10px;max-height:140px;overflow-y:auto}.device-note.empty-note{color:#a0aa96}
.device-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;margin:0}.device-fields>div{min-width:0}.device-fields dt{font-size:10px;color:#99a48d;margin-bottom:4px}.device-fields dd{font-size:11px;color:#4f6848;line-height:1.75;overflow-wrap:anywhere;margin:0}
.device-full-id{font-size:9px;color:#9faa96;overflow-wrap:anywhere;border-top:1px solid #edf0e8;padding-top:16px;margin:18px 0}
.card-actions{display:flex;gap:9px;flex-wrap:wrap}.card-actions button{font-size:11px;min-height:36px;padding:0 13px}.quick-grants{margin-top:16px;font-size:10px;color:#809377}.quick-grants summary{cursor:pointer}.quick-grants .actions{min-width:0;max-width:none;padding-top:12px}.location-note{font-size:9px;color:#a2ad97;line-height:1.8;margin:13px 0 0}
.avatar-library{margin-top:45px;padding-top:28px;border-top:1px solid #dfe6dc}.avatar-library .page-title h2{font-size:25px;margin:12px 0}.avatar-library .page-title p{font-size:11px;color:#89977e;line-height:1.9}.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.avatar-card{background:#fff;border:1px solid #dfe6dc;border-radius:11px;padding:18px;min-width:0}.avatar-card h3{font-size:16px;font-weight:500;overflow-wrap:anywhere;margin:0}.avatar-clips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.avatar-clips figure{margin:0;min-width:0}.avatar-clips video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#192c22;border-radius:7px}.avatar-clips figcaption{font-size:10px;color:#8e9d82;margin-top:7px}.avatar-card .outline{min-height:34px;font-size:11px}
select{display:block;width:100%;border:1px solid #dce5d5;border-radius:7px;background:#fff;color:#324a2b;padding:12px;margin-top:9px;font:13px "Segoe UI","Microsoft YaHei",sans-serif}
#avatar-dialog{width:min(650px,94vw);max-height:90dvh;overflow:auto}#avatar-dialog input[type=file]{font-size:11px;padding:12px 8px}#avatar-progress{display:block;width:100%;height:10px;accent-color:#17654d;margin-top:18px}#avatar-upload-status{font-size:11px;color:#69865b;line-height:1.8}
#combined-fields{border:1px solid #dce5d5;border-radius:9px;padding:16px 16px 0;margin:20px 0;background:#f2f7ed}
@media(max-width:1050px){.device-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.device-card{padding:20px 17px}.device-fields{gap:12px 15px}.device-card-heading h3{font-size:16px}.avatar-grid{grid-template-columns:1fr}.avatar-library .page-title{align-items:flex-start}.avatar-library .page-title h2{font-size:22px}.avatar-library .page-title button{padding:0 12px;flex-shrink:0}}