/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-bj66ow14m0] {
    width: min(28rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    margin: auto;
    padding: 1.5rem;
    overflow: auto;
    border: 1px solid var(--c-content-muted);
    border-radius: 1rem;
    background: var(--c-surface-raised);
    color: var(--c-content);
    box-shadow: 0 20px 40px rgb(0 0 0 / 25%);
}

#components-reconnect-modal[b-bj66ow14m0]::backdrop { background: rgb(0 0 0 / 60%); }
h2[b-bj66ow14m0] { margin: 0 0 .75rem; font-size: 1.25rem; font-weight: 700; }
p[b-bj66ow14m0] { margin: 0; line-height: 1.5; color: var(--c-content); }
.reconnect-actions[b-bj66ow14m0] { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
#components-reconnect-modal[b-bj66ow14m0]  [data-reconnect-state] { display: none; }
#components-reconnect-modal.components-reconnect-show[b-bj66ow14m0]  [data-reconnect-state~="show"],
#components-reconnect-modal.components-reconnect-retrying[b-bj66ow14m0]  [data-reconnect-state~="retrying"],
#components-reconnect-modal.components-reconnect-failed[b-bj66ow14m0]  [data-reconnect-state~="failed"],
#components-reconnect-modal.components-reconnect-rejected[b-bj66ow14m0]  [data-reconnect-state~="rejected"],
#components-reconnect-modal.components-reconnect-paused[b-bj66ow14m0]  [data-reconnect-state~="paused"] { display: block; }
/* /Components/Pages/Meters.razor.rz.scp.css */
.meter-field-label[b-7qln9vn27c] {
    display: none;
}

/* Keep one set of action controls and permissions. On handhelds each semantic
   table row becomes a labelled card; desktop retains aligned columns. */
@media (max-width: 1023px) {
    .meters-grid[b-7qln9vn27c],
    .meters-grid tbody[b-7qln9vn27c] {
        display: block;
    }

    .meters-grid thead[b-7qln9vn27c] {
        display: none;
    }

    .meters-grid tr[b-7qln9vn27c] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem 1rem;
        padding: 1rem;
    }

    .meters-grid tr:first-child[b-7qln9vn27c] {
        border-top: 0;
    }

    .meters-grid td[b-7qln9vn27c] {
        display: block;
        min-width: 0;
        padding: 0;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .meters-grid .meter-actions[b-7qln9vn27c] {
        grid-column: 1 / -1;
    }

    .meter-field-label[b-7qln9vn27c] {
        display: block;
        margin-bottom: 0.25rem;
        color: var(--c-content-muted);
        font-size: 0.75rem;
        font-weight: 600;
    }
}