/* e.emach.pl — canonical device-class icon component
   --------------------------------------------------
   This file is the only owner of device-class SVG geometry inside UI hosts.
   Device renderers provide semantic identity; this component owns visual size.
*/

.device-class-icon-svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    color: inherit;
    overflow: visible;
    pointer-events: none;
    flex: 0 0 auto;
}

/* Device-class icons: +30% versus v9.8.298.
   Host geometry keeps the glyph centred between the topbar edges. */
.device-card .device-tile-icon > .device-class-icon-svg {
    width: 57.2px;
    height: 57.2px;
}

/* Device detail context icon: +30% versus v9.8.298. */
.topbar-context-icon.has-device-class-icon > .device-class-icon-svg {
    width: 31.2px;
    height: 31.2px;
}

@media (max-width: 700px) {
    .device-card .device-tile-icon > .device-class-icon-svg {
        width: 54.6px;
        height: 54.6px;
    }
}