/* _content/CamsCloudDashboard/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-booxl5aj02] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, .9), rgba(17, 24, 39, .95)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='rgba(255,255,255,.16)' stroke-width='1'%3E%3Cpath d='M0 30h180M0 90h180M0 150h180M30 0v180M90 0v180M150 0v180'/%3E%3C/g%3E%3C/svg%3E");
}
/* _content/CamsCloudDashboard/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-cfmh6rtgse] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px 1fr;
    align-items: stretch;
    background: linear-gradient(90deg, #111827 0 280px, #eef2f6 280px 100%);
    overflow-x: hidden;
}

.sidebar[b-cfmh6rtgse] {
    position: relative;
    align-self: stretch;
    height: 100%;
    min-height: 100vh;
    background: #111827;
    color: #e5e7eb;
    padding: 1.25rem;
}

.main-panel[b-cfmh6rtgse] {
    min-width: 0;
    overflow: hidden;
}

.topbar[b-cfmh6rtgse] {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 2rem;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    background: rgba(248, 250, 252, .92);
    backdrop-filter: blur(14px);
}

.eyebrow[b-cfmh6rtgse] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.topbar-title[b-cfmh6rtgse] {
    color: #0f172a;
    font-weight: 800;
    font-size: 1.1rem;
}

.content[b-cfmh6rtgse] {
    padding: 1.5rem 2rem 2rem;
    min-width: 0;
    max-width: 100%;
}

.icon-button[b-cfmh6rtgse] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    border-radius: 6px;
    padding: .55rem .8rem;
    font-weight: 700;
}

#blazor-error-ui[b-cfmh6rtgse] {
    color-scheme: light only;
    background: #fef3c7;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-cfmh6rtgse] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}

@media (max-width: 900px) {
    .app-shell[b-cfmh6rtgse] {
        grid-template-columns: 1fr;
        background: #eef2f6;
    }

    .sidebar[b-cfmh6rtgse] {
        position: relative;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem;
    }

    .topbar[b-cfmh6rtgse] {
        position: relative;
        height: auto;
        min-height: 68px;
        padding: 0 1rem;
    }

    .content[b-cfmh6rtgse] {
        padding: 1rem;
    }
}

@media (max-width: 560px) {
    .sidebar[b-cfmh6rtgse],
    .topbar[b-cfmh6rtgse] {
        align-items: flex-start;
    }

    .sidebar[b-cfmh6rtgse] {
        display: grid;
        gap: .75rem;
    }

    .topbar[b-cfmh6rtgse] {
        display: grid;
        gap: .75rem;
        padding: .85rem;
    }

    .topbar form[b-cfmh6rtgse],
    .icon-button[b-cfmh6rtgse] {
        width: 100%;
    }

    .content[b-cfmh6rtgse] {
        padding: .75rem;
    }

    .eyebrow[b-cfmh6rtgse] {
        font-size: .7rem;
    }

    .topbar-title[b-cfmh6rtgse] {
        font-size: 1rem;
    }
}
/* _content/CamsCloudDashboard/Components/Layout/NavMenu.razor.rz.scp.css */
.brand-block[b-q3cmy8y71l] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.brand-mark[b-q3cmy8y71l] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #14b8a6;
    color: #042f2e;
    font-weight: 900;
    font-size: 1.25rem;
}

.brand-title[b-q3cmy8y71l] {
    font-size: 1.1rem;
    font-weight: 900;
    color: #fff;
}

.brand-subtitle[b-q3cmy8y71l] {
    color: #9ca3af;
    font-size: .82rem;
}

.nav-list[b-q3cmy8y71l] {
    display: grid;
    gap: .45rem;
    margin-top: 1.25rem;
}

.nav-link[b-q3cmy8y71l] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 44px;
    color: #cbd5e1;
    text-decoration: none;
    border-radius: 7px;
    padding: .65rem .75rem;
    font-weight: 700;
}

.nav-link:hover[b-q3cmy8y71l],
.nav-link.active[b-q3cmy8y71l] {
    background: rgba(20, 184, 166, .16);
    color: #fff;
}

.nav-icon[b-q3cmy8y71l] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    font-size: .78rem;
    font-weight: 900;
}

.sidebar-note[b-q3cmy8y71l] {
    margin-top: 2rem;
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    color: #cbd5e1;
    font-size: .9rem;
}

.sidebar-note-label[b-q3cmy8y71l] {
    color: #5eead4;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: .35rem;
}

@media (max-width: 900px) {
    .brand-block[b-q3cmy8y71l] {
        flex: 0 0 auto;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .sidebar-note[b-q3cmy8y71l] {
        margin-top: 0;
        padding: .75rem .9rem;
        text-align: right;
    }
}

@media (max-width: 560px) {
    .brand-block[b-q3cmy8y71l] {
        width: 100%;
    }

    .brand-mark[b-q3cmy8y71l] {
        width: 40px;
        height: 40px;
    }

    .sidebar-note[b-q3cmy8y71l] {
        width: 100%;
        text-align: left;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Firms.razor.rz.scp.css */
.firms-page[b-tftqbbrgcq] {
    display: grid;
    gap: 1rem;
}

.firms-header[b-tftqbbrgcq],
.firms-panel[b-tftqbbrgcq],
.message-panel[b-tftqbbrgcq] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.firms-header[b-tftqbbrgcq],
.editor-header[b-tftqbbrgcq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.firms-header[b-tftqbbrgcq] {
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-tftqbbrgcq] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-tftqbbrgcq],
h2[b-tftqbbrgcq] {
    margin: .2rem 0;
    color: #0f172a;
    font-weight: 900;
}

h1[b-tftqbbrgcq] {
    font-size: 2rem;
}

h2[b-tftqbbrgcq] {
    font-size: 1.25rem;
}

p[b-tftqbbrgcq] {
    margin: 0;
    color: #64748b;
}

.firms-panel[b-tftqbbrgcq],
.message-panel[b-tftqbbrgcq] {
    padding: 1rem;
}

.message-panel.success[b-tftqbbrgcq] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.message-panel.error[b-tftqbbrgcq],
.form-errors[b-tftqbbrgcq] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.firm-search[b-tftqbbrgcq] {
    display: flex;
    align-items: end;
    gap: .7rem;
}

.firm-search label[b-tftqbbrgcq],
.form-grid label[b-tftqbbrgcq] {
    display: grid;
    gap: .35rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 800;
}

.firm-search label[b-tftqbbrgcq] {
    flex: 1;
}

input[b-tftqbbrgcq] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .5rem .65rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
}

input:focus[b-tftqbbrgcq] {
    outline: 3px solid rgba(20, 184, 166, .22);
    border-color: #0f766e;
}

.primary-action[b-tftqbbrgcq],
.secondary-action[b-tftqbbrgcq],
.clear-action[b-tftqbbrgcq],
.table-action[b-tftqbbrgcq] {
    min-height: 40px;
    border: 0;
    border-radius: 6px;
    padding: .5rem .75rem;
    font: inherit;
    font-weight: 900;
}

.primary-action[b-tftqbbrgcq] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-tftqbbrgcq] {
    background: #111827;
    color: #fff;
}

.clear-action[b-tftqbbrgcq],
.table-action[b-tftqbbrgcq] {
    color: #334155;
    background: #e2e8f0;
}

.table-action[b-tftqbbrgcq] {
    min-height: 32px;
    margin-left: .35rem;
    padding: .35rem .55rem;
    font-size: .8rem;
}

.table-action.danger[b-tftqbbrgcq] {
    color: #fff;
    background: #b91c1c;
}

.primary-action:disabled[b-tftqbbrgcq],
.table-action:disabled[b-tftqbbrgcq] {
    cursor: not-allowed;
    opacity: .5;
}

.results-meta[b-tftqbbrgcq],
.pager[b-tftqbbrgcq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: #64748b;
    font-size: .86rem;
    font-weight: 800;
}

.table-wrap[b-tftqbbrgcq] {
    margin-top: 1rem;
    overflow-x: auto;
}

table[b-tftqbbrgcq] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
}

th[b-tftqbbrgcq],
td[b-tftqbbrgcq] {
    padding: .75rem .55rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-tftqbbrgcq] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
}

td[b-tftqbbrgcq] {
    color: #0f172a;
}

td strong[b-tftqbbrgcq],
td small[b-tftqbbrgcq] {
    display: block;
}

td small[b-tftqbbrgcq] {
    margin-top: .15rem;
    color: #64748b;
}

.actions-column[b-tftqbbrgcq] {
    text-align: right;
    white-space: nowrap;
}

.empty-row[b-tftqbbrgcq],
.loading-state[b-tftqbbrgcq] {
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.modal-backdrop[b-tftqbbrgcq] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow-y: auto;
    background: rgba(15, 23, 42, .58);
}

.firm-dialog[b-tftqbbrgcq] {
    width: min(900px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 10px;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .3);
}

.editor-header[b-tftqbbrgcq] {
    margin-bottom: 1rem;
}

.firm-form[b-tftqbbrgcq] {
    display: grid;
    gap: 1rem;
}

.form-grid[b-tftqbbrgcq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.form-grid .wide-field[b-tftqbbrgcq] {
    grid-column: span 2;
}

.form-errors[b-tftqbbrgcq] {
    display: grid;
    gap: .3rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: .75rem;
    font-weight: 700;
}

.form-actions[b-tftqbbrgcq] {
    display: flex;
    justify-content: end;
    gap: .65rem;
}

@media (max-width: 800px) {
    .form-grid[b-tftqbbrgcq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .firms-header[b-tftqbbrgcq],
    .editor-header[b-tftqbbrgcq],
    .firm-search[b-tftqbbrgcq] {
        display: grid;
    }

    .firms-header[b-tftqbbrgcq],
    .firms-panel[b-tftqbbrgcq],
    .message-panel[b-tftqbbrgcq],
    .firm-dialog[b-tftqbbrgcq] {
        padding: .85rem;
    }

    .modal-backdrop[b-tftqbbrgcq] {
        padding: .75rem;
    }

    .firm-dialog[b-tftqbbrgcq] {
        max-height: calc(100vh - 1.5rem);
    }

    h1[b-tftqbbrgcq] {
        font-size: 1.55rem;
    }

    .form-grid[b-tftqbbrgcq] {
        grid-template-columns: 1fr;
    }

    .form-grid .wide-field[b-tftqbbrgcq] {
        grid-column: auto;
    }

    .form-actions button[b-tftqbbrgcq] {
        flex: 1;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-bd75wc052u] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
}

.hero-panel[b-bd75wc052u],
.filter-bar[b-bd75wc052u],
.panel[b-bd75wc052u],
.loading-panel[b-bd75wc052u],
.empty-state[b-bd75wc052u],
.alert-panel[b-bd75wc052u] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.hero-panel[b-bd75wc052u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.35rem;
    background: linear-gradient(135deg, #ffffff, #ecfeff);
    min-width: 0;
}

.section-kicker[b-bd75wc052u] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-bd75wc052u] {
    margin: .2rem 0;
    color: #0f172a;
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 1.05;
}

p[b-bd75wc052u] {
    margin: 0;
    color: #64748b;
}

.filter-bar[b-bd75wc052u] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(140px, .45fr)) auto;
    gap: .85rem;
    align-items: end;
    padding: 1rem;
    min-width: 0;
}

.filter-bar label[b-bd75wc052u] {
    display: grid;
    gap: .35rem;
    color: #475569;
    font-weight: 800;
    font-size: .86rem;
}

.filter-bar select[b-bd75wc052u],
.filter-bar input[b-bd75wc052u] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .55rem .65rem;
    background: #fff;
    color: #0f172a;
}

.primary-action[b-bd75wc052u],
.secondary-action[b-bd75wc052u] {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-radius: 6px;
    padding: .55rem .9rem;
    font-weight: 900;
}

.primary-action[b-bd75wc052u] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-bd75wc052u] {
    background: #111827;
    color: #fff;
}

.primary-action:disabled[b-bd75wc052u] {
    opacity: .65;
}

.kpi-grid[b-bd75wc052u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

[b-bd75wc052u] .kpi-card {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .07);
    min-width: 0;
}

[b-bd75wc052u] .kpi-card span {
    color: #64748b;
    font-weight: 800;
}

[b-bd75wc052u] .kpi-card strong {
    color: #0f172a;
    font-size: 1.65rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

[b-bd75wc052u] .kpi-card small {
    color: #0f766e;
    font-weight: 800;
}

.chart-grid[b-bd75wc052u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.panel[b-bd75wc052u] {
    padding: 1rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.panel.wide[b-bd75wc052u] {
    grid-column: 1 / -1;
}

.panel-header[b-bd75wc052u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
    min-width: 0;
}

.panel-header h2[b-bd75wc052u] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
    min-width: 0;
}

.panel-header span[b-bd75wc052u] {
    color: #64748b;
    font-size: .86rem;
    font-weight: 700;
    text-align: right;
}

.chart-box[b-bd75wc052u] {
    height: 300px;
    position: relative;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.chart-box.compact[b-bd75wc052u] {
    height: 240px;
}

.chart-box canvas[b-bd75wc052u] {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.canteen-sales-list[b-bd75wc052u] {
    display: grid;
    gap: .75rem;
    max-height: 520px;
    overflow-y: auto;
    padding-right: .35rem;
}

.canteen-sales-row[b-bd75wc052u] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.canteen-sales-meta[b-bd75wc052u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: baseline;
}

.canteen-sales-meta strong[b-bd75wc052u] {
    min-width: 0;
    color: #0f172a;
    font-size: .9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.canteen-sales-meta span[b-bd75wc052u] {
    color: #0f766e;
    font-weight: 900;
    white-space: nowrap;
}

.canteen-sales-track[b-bd75wc052u] {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.canteen-sales-fill[b-bd75wc052u] {
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, #2563eb);
}

.table-grid[b-bd75wc052u] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 1rem;
}

.table-wrap[b-bd75wc052u] {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

table[b-bd75wc052u] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

th[b-bd75wc052u] {
    text-align: left;
    color: #64748b;
    font-size: .78rem;
    text-transform: uppercase;
    padding: .65rem .5rem;
    border-bottom: 1px solid #e2e8f0;
}

td[b-bd75wc052u] {
    padding: .8rem .5rem;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
    vertical-align: top;
}

td strong[b-bd75wc052u] {
    display: block;
    font-weight: 900;
}

td small[b-bd75wc052u] {
    display: block;
    color: #64748b;
    margin-top: .2rem;
}

.number-column[b-bd75wc052u] {
    width: 42px;
    text-align: right;
    color: #64748b;
    font-weight: 800;
}

.loading-panel[b-bd75wc052u],
.empty-state[b-bd75wc052u],
.alert-panel[b-bd75wc052u] {
    padding: 1.5rem;
}

.alert-panel[b-bd75wc052u] {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}

@media (max-width: 1100px) {
    .kpi-grid[b-bd75wc052u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chart-grid[b-bd75wc052u],
    .table-grid[b-bd75wc052u] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-bd75wc052u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 680px) {
    .hero-panel[b-bd75wc052u],
    .panel-header[b-bd75wc052u] {
        display: grid;
    }

    .hero-panel[b-bd75wc052u] {
        padding: 1rem;
    }

    h1[b-bd75wc052u] {
        font-size: 1.55rem;
    }

    .kpi-grid[b-bd75wc052u],
    .chart-grid[b-bd75wc052u],
    .table-grid[b-bd75wc052u],
    .filter-bar[b-bd75wc052u] {
        grid-template-columns: 1fr;
    }

    .panel[b-bd75wc052u],
    .filter-bar[b-bd75wc052u],
    .loading-panel[b-bd75wc052u],
    .empty-state[b-bd75wc052u],
    .alert-panel[b-bd75wc052u] {
        padding: .85rem;
    }

    .panel-header[b-bd75wc052u] {
        gap: .25rem;
    }

    .panel-header span[b-bd75wc052u] {
        text-align: left;
    }

    [b-bd75wc052u] .kpi-card {
        padding: .85rem;
    }

    [b-bd75wc052u] .kpi-card strong {
        font-size: 1.35rem;
    }

    .chart-box[b-bd75wc052u] {
        height: 260px;
    }

    .chart-box.compact[b-bd75wc052u] {
        height: 220px;
    }

    table[b-bd75wc052u] {
        min-width: 520px;
    }
}

@media (max-width: 420px) {
    .dashboard-page[b-bd75wc052u] {
        gap: .75rem;
    }

    .hero-panel[b-bd75wc052u],
    .filter-bar[b-bd75wc052u],
    .panel[b-bd75wc052u],
    .loading-panel[b-bd75wc052u],
    .empty-state[b-bd75wc052u],
    .alert-panel[b-bd75wc052u] {
        border-radius: 7px;
    }

    .canteen-sales-meta[b-bd75wc052u] {
        grid-template-columns: 1fr;
        gap: .15rem;
    }

    .canteen-sales-meta strong[b-bd75wc052u] {
        white-space: normal;
    }

    .canteen-sales-meta span[b-bd75wc052u] {
        font-size: .9rem;
    }

    .chart-box[b-bd75wc052u] {
        height: 240px;
    }

    .chart-box.compact[b-bd75wc052u] {
        height: 210px;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Login.razor.rz.scp.css */
.login-card[b-ggnme3cmu5] {
    width: min(100%, 440px);
    padding: 2rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
}

.login-brand[b-ggnme3cmu5] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.login-mark[b-ggnme3cmu5] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #0f766e;
    color: #fff;
    font-weight: 900;
    font-size: 1.4rem;
}

h1[b-ggnme3cmu5] {
    margin: 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

p[b-ggnme3cmu5] {
    margin: .25rem 0 0;
    color: #64748b;
}

.login-alert[b-ggnme3cmu5] {
    margin-bottom: 1rem;
    padding: .75rem;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
    border-radius: 6px;
    font-weight: 700;
}

.login-success[b-ggnme3cmu5] {
    margin-bottom: 1rem;
    padding: .75rem;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
    border-radius: 6px;
    font-weight: 700;
}

.login-form[b-ggnme3cmu5] {
    display: grid;
    gap: 1rem;
}

label[b-ggnme3cmu5] {
    display: grid;
    gap: .4rem;
    color: #334155;
    font-weight: 800;
}

input[b-ggnme3cmu5] {
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .7rem .8rem;
    font: inherit;
}

input:focus[b-ggnme3cmu5] {
    outline: 3px solid rgba(20, 184, 166, .25);
    border-color: #0f766e;
}

.remember-row[b-ggnme3cmu5] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 700;
}

.remember-row input[b-ggnme3cmu5] {
    min-height: auto;
}

button[b-ggnme3cmu5] {
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    background: #0f766e;
    color: #fff;
    font-weight: 900;
}

.login-hint[b-ggnme3cmu5] {
    margin-top: 1.2rem;
    color: #64748b;
    font-size: .9rem;
}

.login-hint a[b-ggnme3cmu5] {
    color: #0f766e;
    font-weight: 800;
}
/* _content/CamsCloudDashboard/Components/Pages/Products.razor.rz.scp.css */
.products-page[b-4366vg43cy] {
    display: grid;
    gap: 1rem;
}

.products-header[b-4366vg43cy],
.products-panel[b-4366vg43cy],
.message-panel[b-4366vg43cy] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.products-header[b-4366vg43cy],
.editor-header[b-4366vg43cy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.products-header[b-4366vg43cy] {
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-4366vg43cy] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-4366vg43cy],
h2[b-4366vg43cy] {
    margin: .2rem 0;
    color: #0f172a;
    font-weight: 900;
}

h1[b-4366vg43cy] {
    font-size: 2rem;
}

h2[b-4366vg43cy] {
    font-size: 1.25rem;
}

p[b-4366vg43cy] {
    margin: 0;
    color: #64748b;
}

.products-panel[b-4366vg43cy],
.message-panel[b-4366vg43cy] {
    padding: 1rem;
}

.message-panel.success[b-4366vg43cy] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.message-panel.error[b-4366vg43cy],
.form-errors[b-4366vg43cy] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.product-search[b-4366vg43cy] {
    display: flex;
    align-items: end;
    gap: .7rem;
}

.product-search label[b-4366vg43cy] {
    display: grid;
    flex: 1;
    gap: .35rem;
    color: #475569;
    font-size: .86rem;
    font-weight: 800;
}

input[b-4366vg43cy],
select[b-4366vg43cy] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .5rem .65rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
}

input:focus[b-4366vg43cy] {
    outline: 3px solid rgba(20, 184, 166, .22);
    border-color: #0f766e;
}

.primary-action[b-4366vg43cy],
.secondary-action[b-4366vg43cy],
.clear-action[b-4366vg43cy],
.table-action[b-4366vg43cy] {
    min-height: 40px;
    border: 0;
    border-radius: 6px;
    padding: .5rem .75rem;
    font: inherit;
    font-weight: 900;
}

.primary-action[b-4366vg43cy] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-4366vg43cy] {
    background: #111827;
    color: #fff;
}

.clear-action[b-4366vg43cy],
.table-action[b-4366vg43cy] {
    color: #334155;
    background: #e2e8f0;
}

.table-action[b-4366vg43cy] {
    min-height: 32px;
    margin-left: .35rem;
    padding: .35rem .55rem;
    font-size: .8rem;
}

.table-action.danger[b-4366vg43cy] {
    color: #fff;
    background: #b91c1c;
}

.primary-action:disabled[b-4366vg43cy],
.table-action:disabled[b-4366vg43cy] {
    cursor: not-allowed;
    opacity: .5;
}

.results-meta[b-4366vg43cy],
.pager[b-4366vg43cy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: #64748b;
    font-size: .86rem;
    font-weight: 800;
}

.table-wrap[b-4366vg43cy] {
    margin-top: 1rem;
    overflow-x: auto;
}

table[b-4366vg43cy] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

th[b-4366vg43cy],
td[b-4366vg43cy] {
    padding: .75rem .55rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-4366vg43cy] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
}

td[b-4366vg43cy] {
    color: #0f172a;
}

td strong[b-4366vg43cy],
td small[b-4366vg43cy] {
    display: block;
}

td small[b-4366vg43cy] {
    margin-top: .15rem;
    color: #64748b;
}

.actions-column[b-4366vg43cy] {
    text-align: right;
    white-space: nowrap;
}

.empty-row[b-4366vg43cy],
.loading-state[b-4366vg43cy] {
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.editor-header[b-4366vg43cy] {
    margin-bottom: 1rem;
}

.modal-backdrop[b-4366vg43cy] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow-y: auto;
    background: rgba(15, 23, 42, .58);
}

.product-dialog[b-4366vg43cy] {
    width: min(1100px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 10px;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .3);
}

.product-form[b-4366vg43cy] {
    display: grid;
    gap: 1rem;
}

.form-grid[b-4366vg43cy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.form-grid label[b-4366vg43cy] {
    display: grid;
    gap: .35rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 800;
}

.form-grid .wide-field[b-4366vg43cy] {
    grid-column: span 2;
}

.form-errors[b-4366vg43cy] {
    display: grid;
    gap: .3rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: .75rem;
    font-weight: 700;
}

.form-actions[b-4366vg43cy] {
    display: flex;
    justify-content: end;
    gap: .65rem;
}

@media (max-width: 1000px) {
    .form-grid[b-4366vg43cy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .products-header[b-4366vg43cy],
    .editor-header[b-4366vg43cy],
    .product-search[b-4366vg43cy] {
        display: grid;
    }

    .products-header[b-4366vg43cy],
    .products-panel[b-4366vg43cy],
    .message-panel[b-4366vg43cy] {
        padding: .85rem;
    }

    .modal-backdrop[b-4366vg43cy] {
        padding: .75rem;
    }

    .product-dialog[b-4366vg43cy] {
        max-height: calc(100vh - 1.5rem);
        padding: .85rem;
    }

    h1[b-4366vg43cy] {
        font-size: 1.55rem;
    }

    .form-grid[b-4366vg43cy] {
        grid-template-columns: 1fr;
    }

    .form-grid .wide-field[b-4366vg43cy] {
        grid-column: auto;
    }

    .form-actions[b-4366vg43cy] {
        justify-content: stretch;
    }

    .form-actions button[b-4366vg43cy] {
        flex: 1;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/PurchaseApprovals.razor.rz.scp.css */
.approvals-page[b-d77phpcylb] {
    display: grid;
    gap: 1rem;
}

.approvals-header[b-d77phpcylb],
.approvals-panel[b-d77phpcylb],
.message-panel[b-d77phpcylb] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.approvals-header[b-d77phpcylb],
.editor-header[b-d77phpcylb],
.products-heading[b-d77phpcylb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.approvals-header[b-d77phpcylb] {
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-d77phpcylb] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-d77phpcylb],
h2[b-d77phpcylb],
h3[b-d77phpcylb] {
    margin: .2rem 0;
    color: #0f172a;
    font-weight: 900;
}

h1[b-d77phpcylb] {
    font-size: 2rem;
}

h2[b-d77phpcylb] {
    font-size: 1.25rem;
}

h3[b-d77phpcylb] {
    font-size: 1rem;
}

p[b-d77phpcylb] {
    margin: 0;
    color: #64748b;
}

.approvals-panel[b-d77phpcylb],
.message-panel[b-d77phpcylb] {
    padding: 1rem;
}

.message-panel.success[b-d77phpcylb] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.message-panel.error[b-d77phpcylb],
.form-errors[b-d77phpcylb] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.approval-search[b-d77phpcylb] {
    display: flex;
    align-items: end;
    gap: .7rem;
}

.approval-search label[b-d77phpcylb],
.header-fields label[b-d77phpcylb] {
    display: grid;
    flex: 1;
    gap: .35rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 800;
}

input[b-d77phpcylb],
select[b-d77phpcylb] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .5rem .65rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
}

input:focus[b-d77phpcylb],
select:focus[b-d77phpcylb] {
    outline: 3px solid rgba(20, 184, 166, .22);
    border-color: #0f766e;
}

.primary-action[b-d77phpcylb],
.secondary-action[b-d77phpcylb],
.clear-action[b-d77phpcylb],
.table-action[b-d77phpcylb] {
    min-height: 40px;
    border: 0;
    border-radius: 6px;
    padding: .5rem .75rem;
    font: inherit;
    font-weight: 900;
}

.primary-action[b-d77phpcylb] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-d77phpcylb] {
    background: #111827;
    color: #fff;
}

.clear-action[b-d77phpcylb],
.table-action[b-d77phpcylb] {
    color: #334155;
    background: #e2e8f0;
}

.table-action[b-d77phpcylb] {
    min-height: 32px;
    margin-left: .35rem;
    padding: .35rem .55rem;
    font-size: .8rem;
}

.table-action.danger[b-d77phpcylb] {
    color: #fff;
    background: #b91c1c;
}

.primary-action:disabled[b-d77phpcylb],
.table-action:disabled[b-d77phpcylb] {
    cursor: not-allowed;
    opacity: .5;
}

.results-meta[b-d77phpcylb],
.pager[b-d77phpcylb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: #64748b;
    font-size: .86rem;
    font-weight: 800;
}

.table-wrap[b-d77phpcylb],
.line-table-wrap[b-d77phpcylb] {
    margin-top: 1rem;
    overflow-x: auto;
}

table[b-d77phpcylb] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

th[b-d77phpcylb],
td[b-d77phpcylb] {
    padding: .75rem .55rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-d77phpcylb] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
}

td[b-d77phpcylb] {
    color: #0f172a;
}

.actions-column[b-d77phpcylb] {
    text-align: right;
    white-space: nowrap;
}

.empty-row[b-d77phpcylb],
.loading-state[b-d77phpcylb],
.products-empty[b-d77phpcylb] {
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.modal-backdrop[b-d77phpcylb] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow-y: auto;
    background: rgba(15, 23, 42, .58);
}

.approval-dialog[b-d77phpcylb] {
    width: min(1400px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 10px;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .3);
}

.editor-header[b-d77phpcylb] {
    margin-bottom: 1rem;
}

.approval-form[b-d77phpcylb] {
    display: grid;
    gap: 1rem;
}

.header-fields[b-d77phpcylb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.firm-details[b-d77phpcylb],
.approval-products[b-d77phpcylb] {
    border: 1px solid #dbeafe;
    border-radius: 8px;
    padding: 1rem;
    background: #f8fafc;
}

.firm-details dl[b-d77phpcylb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: .85rem 0 0;
}

.firm-details dl div[b-d77phpcylb] {
    min-width: 0;
}

.firm-details dt[b-d77phpcylb] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.firm-details dd[b-d77phpcylb] {
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-weight: 700;
}

.products-heading p[b-d77phpcylb] {
    font-size: .82rem;
}

.products-heading > span[b-d77phpcylb] {
    color: #0f766e;
    font-size: .8rem;
    font-weight: 900;
}

.line-table[b-d77phpcylb] {
    min-width: 1500px;
}

.line-table th[b-d77phpcylb],
.line-table td[b-d77phpcylb] {
    padding: .55rem .45rem;
    vertical-align: top;
}

.line-table td:first-child[b-d77phpcylb] {
    min-width: 190px;
}

.line-table input[b-d77phpcylb] {
    min-width: 105px;
    min-height: 34px;
    padding: .35rem .45rem;
}

.form-errors[b-d77phpcylb] {
    display: grid;
    gap: .3rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: .75rem;
    font-weight: 700;
}

.form-actions[b-d77phpcylb] {
    display: flex;
    justify-content: end;
    gap: .65rem;
}

@media (max-width: 900px) {
    .firm-details dl[b-d77phpcylb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .approvals-header[b-d77phpcylb],
    .editor-header[b-d77phpcylb],
    .approval-search[b-d77phpcylb],
    .products-heading[b-d77phpcylb] {
        display: grid;
    }

    .approvals-header[b-d77phpcylb],
    .approvals-panel[b-d77phpcylb],
    .message-panel[b-d77phpcylb],
    .approval-dialog[b-d77phpcylb] {
        padding: .85rem;
    }

    .modal-backdrop[b-d77phpcylb] {
        padding: .75rem;
    }

    .approval-dialog[b-d77phpcylb] {
        max-height: calc(100vh - 1.5rem);
    }

    h1[b-d77phpcylb] {
        font-size: 1.55rem;
    }

    .header-fields[b-d77phpcylb],
    .firm-details dl[b-d77phpcylb] {
        grid-template-columns: 1fr;
    }

    .form-actions button[b-d77phpcylb] {
        flex: 1;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Register.razor.rz.scp.css */
.register-card[b-sig8ahhvlh] {
    width: min(100%, 480px);
    padding: 2rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
}

.register-brand[b-sig8ahhvlh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.register-mark[b-sig8ahhvlh] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: #0f766e;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 900;
}

h1[b-sig8ahhvlh] {
    margin: 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

p[b-sig8ahhvlh] {
    margin: .25rem 0 0;
    color: #64748b;
}

.register-alert[b-sig8ahhvlh] {
    margin-bottom: 1rem;
    padding: .75rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    background: #fef2f2;
    color: #991b1b;
    font-weight: 700;
}

.register-form[b-sig8ahhvlh] {
    display: grid;
    gap: 1rem;
}

label[b-sig8ahhvlh] {
    display: grid;
    gap: .4rem;
    color: #334155;
    font-weight: 800;
}

input[b-sig8ahhvlh] {
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .7rem .8rem;
    font: inherit;
}

input:focus[b-sig8ahhvlh] {
    outline: 3px solid rgba(20, 184, 166, .25);
    border-color: #0f766e;
}

small[b-sig8ahhvlh] {
    color: #64748b;
    font-weight: 500;
}

button[b-sig8ahhvlh] {
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    background: #0f766e;
    color: #fff;
    font-weight: 900;
}

.register-hint[b-sig8ahhvlh] {
    margin-top: 1.2rem;
    color: #64748b;
    font-size: .9rem;
}

.register-hint a[b-sig8ahhvlh] {
    color: #0f766e;
    font-weight: 800;
}

@media (max-width: 520px) {
    .register-card[b-sig8ahhvlh] {
        padding: 1.25rem;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Users.razor.rz.scp.css */
.users-page[b-tumcf72wds] {
    display: grid;
    gap: 1rem;
}

.users-header[b-tumcf72wds],
.users-panel[b-tumcf72wds],
.users-message[b-tumcf72wds] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.users-header[b-tumcf72wds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-tumcf72wds] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-tumcf72wds] {
    margin: .2rem 0;
    color: #0f172a;
    font-size: 2rem;
    font-weight: 900;
}

p[b-tumcf72wds],
.users-header > span[b-tumcf72wds] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.users-panel[b-tumcf72wds],
.users-message[b-tumcf72wds] {
    padding: 1rem;
}

.users-message.success[b-tumcf72wds] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.users-message.error[b-tumcf72wds] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.table-wrap[b-tumcf72wds] {
    overflow-x: auto;
}

table[b-tumcf72wds] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-tumcf72wds],
td[b-tumcf72wds] {
    padding: .8rem .65rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-tumcf72wds] {
    color: #64748b;
    font-size: .76rem;
    text-transform: uppercase;
}

td[b-tumcf72wds] {
    color: #0f172a;
}

td strong[b-tumcf72wds],
td small[b-tumcf72wds] {
    display: block;
}

td small[b-tumcf72wds] {
    margin-top: .15rem;
    color: #64748b;
}

.role-select[b-tumcf72wds],
.permission-button[b-tumcf72wds] {
    min-height: 36px;
    border-radius: 6px;
    font: inherit;
    font-weight: 800;
}

.role-select[b-tumcf72wds] {
    border: 1px solid #cbd5e1;
    padding: .35rem .5rem;
    background: #fff;
}

.role-badge[b-tumcf72wds],
.status-badge[b-tumcf72wds] {
    display: inline-block;
    border-radius: 999px;
    padding: .28rem .55rem;
    font-size: .75rem;
    font-weight: 900;
}

.role-badge[b-tumcf72wds] {
    color: #334155;
    background: #e2e8f0;
}

.status-badge.active[b-tumcf72wds] {
    color: #047857;
    background: #d1fae5;
}

.status-badge.pending[b-tumcf72wds] {
    color: #92400e;
    background: #fef3c7;
}

.actions-column[b-tumcf72wds] {
    text-align: right;
}

.permission-button[b-tumcf72wds] {
    min-width: 88px;
    border: 0;
    padding: .4rem .7rem;
    color: #fff;
}

.permission-button.approve[b-tumcf72wds] {
    background: #0f766e;
}

.permission-button.revoke[b-tumcf72wds] {
    background: #b91c1c;
}

.permission-button:disabled[b-tumcf72wds] {
    cursor: not-allowed;
    opacity: .4;
}

@media (max-width: 680px) {
    .users-header[b-tumcf72wds] {
        display: grid;
        padding: 1rem;
    }

    h1[b-tumcf72wds] {
        font-size: 1.55rem;
    }
}