/*
 * Operations, credentials, traffic, and public change-log refinements.
 * Kept separate from newrome.css so this focused release remains easy to audit.
 */

.newrome-device-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: 1.15rem;
    align-items: start;
}

.newrome-device-list > h3 {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.newrome-device-record {
    min-width: 0;
    height: 100%;
}

.newrome-store-monitor-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    gap: 1.15rem;
    align-items: start;
}

.newrome-store-monitor-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin: 1rem 0;
}

.newrome-store-monitor-stats span {
    min-width: 0;
    padding: .75rem .6rem;
    border-radius: .5rem;
}

.newrome-store-monitor-stats strong,
.newrome-store-monitor-stats small {
    display: block;
}

.newrome-store-monitor-history {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    align-items: center;
    margin: 1rem 0 1.25rem;
}

.newrome-store-monitor-history a,
.newrome-store-monitor-history span {
    display: inline-flex;
    justify-content: center;
    min-width: 5.25rem;
    padding: .55rem .8rem;
}

.newrome-change-log-list {
    display: grid;
    gap: 1rem;
}

.newrome-change-log-entry {
    padding: 1.2rem;
    border: 1px solid rgba(218, 177, 84, .32);
    border-radius: .7rem;
    background: rgba(21, 25, 32, .64);
}

.newrome-change-log-entry h2,
.newrome-change-log-entry h3 {
    margin-top: 0;
}

.newrome-change-log-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem 1rem;
    color: #c7cbd4;
    font-size: .94rem;
}

.newrome-change-log-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin: 1rem 0 1.35rem;
}

.newrome-change-log-filter a {
    padding: .48rem .75rem;
    border: 1px solid rgba(218, 177, 84, .42);
    border-radius: 999px;
}

.newrome-change-log-filter a[aria-current="page"] {
    color: #15191f;
    background: #dab154;
}

@media (max-width: 34rem) {
    .newrome-store-monitor-stats {
        grid-template-columns: 1fr;
    }
}