/* Device Registry: operational data, independent from the active Vera brand. */
.registry-filters__grid--devices {
    align-items: end;
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(18rem, 2fr) repeat(5, minmax(8.5rem, 1fr)) auto;
}

.registry-filters__search {
    min-width: 0;
}

.registry-filters__actions,
.device-row-actions {
    align-items: center;
    display: flex;
    gap: .45rem;
    justify-content: flex-end;
}

.registry-register .ot-rich-table {
    min-width: 72rem;
}

.device-register-row > td {
    height: 5.25rem;
}

.device-identity {
    align-items: center;
    display: grid;
    gap: .15rem .65rem;
    grid-template-columns: 2.35rem minmax(7.5rem, 1fr) auto;
    min-width: 14rem;
}

.device-identity__icon {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    grid-row: 1;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.device-identity__content {
    min-width: 0;
}

.device-identity strong,
.device-identity small {
    display: block;
}

.device-identity strong {
    color: var(--vera-text);
    line-height: 1.25;
}

.device-identity small {
    color: var(--vera-muted);
    font-size: .72rem;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.device-identity__type {
    align-self: center;
}

.device-health-detail {
    line-height: 1.3;
    max-width: 11rem;
}

.device-measures {
    align-items: stretch;
    display: flex;
    min-width: 10rem;
}

.device-measures > span {
    display: block;
    min-width: 4.75rem;
    padding: 0 .65rem;
}

.device-measures > span:first-child {
    padding-left: 0;
}

.device-measures > span + span {
    border-left: 1px solid var(--vera-border);
}

.device-measures small,
.device-measures strong {
    display: block;
}

.device-measures small {
    color: var(--vera-muted);
    font-size: .68rem;
    margin-bottom: .12rem;
}

.device-measures strong {
    color: var(--vera-text);
    font-size: .85rem;
    white-space: nowrap;
}

.device-alert-count {
    align-items: baseline;
    color: var(--vera-muted);
    display: inline-flex;
    gap: .3rem;
    text-decoration: none;
    white-space: nowrap;
}

.device-alert-count strong {
    color: var(--vera-text);
    font-size: 1rem;
}

.device-alert-count.is-active,
.device-alert-count.is-active strong {
    color: var(--vera-danger);
}

@media (max-width: 1480px) {
    .registry-filters__grid--devices {
        grid-template-columns: minmax(18rem, 2fr) repeat(3, minmax(9rem, 1fr));
    }

    .registry-filters__actions {
        grid-column: -2 / -1;
    }
}

@media (max-width: 900px) {
    .registry-filters__grid--devices {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .registry-filters__search,
    .registry-filters__actions {
        grid-column: 1 / -1;
    }

    .registry-filters__actions .btn-primary {
        flex: 1;
    }
}

@media (max-width: 560px) {
    .registry-filters__grid--devices {
        grid-template-columns: 1fr;
    }

    .registry-filters__search,
    .registry-filters__actions {
        grid-column: auto;
    }

    .registry-register .card-header {
        align-items: flex-start;
    }
}