.device-color-icon{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible}
.device-photo{display:inline-flex;align-items:center;justify-content:center;width:var(--device-photo-size,64px);height:var(--device-photo-size,64px);flex:0 0 var(--device-photo-size,64px);vertical-align:middle;pointer-events:none}
.device-photo img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.device-photo-unknown>.device-color-icon{width:65%;height:74%}
.device-color-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;font-weight:400;color:#756b82;line-height:1.5}
.device-color-label i{width:9px;height:9px;border-radius:50%;border:1px solid;flex-shrink:0}
.device-identity{display:flex;align-items:center;gap:10px;min-width:0}
.device-identity>div{min-width:0}
.device-identity h3,.device-identity strong{overflow-wrap:anywhere}
.device-identity p{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:#8d819f;margin-top:3px}
.device-bind-preview{background:#f7f4fb;border-radius:14px;padding:10px;margin:0 0 15px;gap:12px}
.device-color-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 16px;border:0;padding:0}
.device-color-choices legend{font-size:13px;color:#756b82;margin-bottom:8px}
.device-color-choice{position:relative;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;padding:6px 3px;border:1px solid #e8e0f1;border-radius:12px;cursor:pointer;min-height:86px;color:#756b82;font-size:12px;line-height:1.4}
.device-color-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.device-color-choice:has(input:checked){border-color:#8c6ac2;background:#f1eaf9;box-shadow:inset 0 0 0 1px #8c6ac2}
.device-color-choice:has(input:focus-visible){outline:2px solid #7755ae;outline-offset:2px}
.ip-group-icon:has(.device-color-icon){background:transparent!important;color:inherit!important}
.ip-group-icon>.device-color-icon{width:28px;height:30px}
.flat-overview-filters .device-color-icon{width:20px;height:22px}
.practice-detail-device .device-color-icon{width:18px;height:20px}
.overview-practice-icon:has(.device-color-icon){background:transparent}
.flat-overview-origin .device-color-icon{width:16px;height:18px}
.device-color-inline{display:inline-flex;align-items:center;gap:6px}