@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-jg4dxt3isq] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-header[b-jg4dxt3isq] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 4rem;
    padding: 0.8rem 1.2rem;
    border-bottom: 1px solid #e8edf4;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
}

.brand-link[b-jg4dxt3isq] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f2f56;
    text-decoration: none;
}

.brand-link:hover[b-jg4dxt3isq] {
    color: #174b86;
}

.header-state[b-jg4dxt3isq] {
    color: #2f6f3e;
    font-weight: 600;
    font-size: 0.9rem;
}

.header-login[b-jg4dxt3isq] {
    min-width: 110px;
}

.app-body[b-jg4dxt3isq] {
    flex: 1;
    display: flex;
    min-height: 0;
}

.sidebar[b-jg4dxt3isq] {
    width: 280px;
    border-right: 1px solid #e8edf4;
    background: linear-gradient(180deg, #0f2f56 0%, #113f6d 100%);
    color: #ffffff;
    padding: 1rem 0.8rem;
}

.sidebar-nav[b-jg4dxt3isq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.menu-section-title[b-jg4dxt3isq] {
    margin: 1rem 0 0.25rem;
    padding: 0 0.8rem;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

.menu-link[b-jg4dxt3isq] {
    display: block;
    padding: 0.65rem 0.8rem;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    font-weight: 500;
}

.menu-link:hover[b-jg4dxt3isq] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14);
}

.menu-link.active[b-jg4dxt3isq] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.25);
    font-weight: 600;
}

.logout-button[b-jg4dxt3isq] {
    margin-top: 1rem;
    padding: 0.65rem 0.8rem;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    text-align: left;
    font-weight: 600;
}

.logout-button:hover[b-jg4dxt3isq] {
    background: rgba(255, 255, 255, 0.2);
}

.app-main[b-jg4dxt3isq] {
    flex: 1;
    min-width: 0;
}

.content-wrapper[b-jg4dxt3isq] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 1.5rem 1.2rem 2.25rem;
}

@media (max-width: 991.98px) {
    .app-body[b-jg4dxt3isq] {
        flex-direction: column;
    }

    .sidebar[b-jg4dxt3isq] {
        width: auto;
        border-right: none;
        border-bottom: 1px solid #e8edf4;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-toggle[b-l1ix2npwk3] {
	display: flex;
	align-items: center;
}

.menu-toggle-icon-wrapper[b-l1ix2npwk3] {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.menu-toggle-icon[b-l1ix2npwk3] {
	transition: transform 180ms ease, opacity 180ms ease;
	transform-origin: center;
}

.menu-toggle-icon.is-expanded[b-l1ix2npwk3] {
	transform: rotate(90deg) scale(1.02);
}

.menu-toggle-icon.is-collapsed[b-l1ix2npwk3] {
	transform: rotate(0deg) scale(1);
}

.nav-collapse[b-l1ix2npwk3] {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	overflow: hidden;
	transition: grid-template-rows 240ms ease, opacity 180ms ease;
}

.nav-collapse-content[b-l1ix2npwk3] {
	min-height: 0;
}

.nav-collapse.is-expanded[b-l1ix2npwk3] {
	grid-template-rows: 1fr;
	opacity: 1;
	overflow: visible;
}

.nav-collapse.is-expanded > .nav-collapse-content[b-l1ix2npwk3] {
	overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
	.menu-toggle-icon[b-l1ix2npwk3],
	.nav-collapse[b-l1ix2npwk3] {
		transition: none;
	}
}
/* /Pages/Account/ChangePassword.razor.rz.scp.css */
.account-shell[b-6x87dscb2o] {
    min-height: calc(100vh - 6rem);
    display: grid;
    place-items: center;
    padding: 1.5rem 0.75rem;
    /* background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.08), transparent 32%); */
}

.account-card[b-6x87dscb2o] {
    width: min(100%, 520px);
    border: 1px solid #e6edf5;
    border-radius: 16px;
    box-shadow: 0 16px 32px rgba(14, 51, 91, 0.08);
    background: #ffffff;
    padding: 1.5rem 1.35rem;
}

.account-header[b-6x87dscb2o] {
    margin-bottom: 1rem;
}

.account-header h1[b-6x87dscb2o] {
    margin: 0;
    color: #102f54;
    font-size: clamp(1.45rem, 2.8vw, 1.9rem);
    font-weight: 700;
}

.account-header p[b-6x87dscb2o] {
    margin-top: 0.5rem;
    margin-bottom: 0;
    color: #496180;
}

.account-form .form-label[b-6x87dscb2o] {
    color: #183f6c;
    font-weight: 600;
}

.account-form .form-control[b-6x87dscb2o] {
    border-radius: 10px;
    border-color: #d4dfec;
    min-height: 44px;
}

.validation-summary[b-6x87dscb2o] {
    margin-bottom: 0.9rem;
}

.account-form .btn-primary[b-6x87dscb2o] {
    min-height: 44px;
    border-radius: 10px;
    font-weight: 600;
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-header[b-1ltbbjiz0b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.dashboard-section[b-1ltbbjiz0b] {
    margin-top: 1rem;
}

.dashboard-section h2[b-1ltbbjiz0b] {
    margin: 0 0 .6rem;
}

.dashboard-grid[b-1ltbbjiz0b] {
    display: grid;
    gap: 1rem;
}

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

.dashboard-grid-3[b-1ltbbjiz0b] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.dashboard-role[b-1ltbbjiz0b] {
    font-size: 0.9rem;
    border-radius: 999px;
}

.action-card[b-1ltbbjiz0b] {
    border-width: 1px;
    margin-bottom: 0;
}

.action-card h3[b-1ltbbjiz0b] {
    margin: 0;
    font-size: 1rem;
}

.action-card-head[b-1ltbbjiz0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .4rem;
}

.actie-linken[b-1ltbbjiz0b] {
    margin-top: .75rem;
}

.action-card .action-count[b-1ltbbjiz0b] {
    min-width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
}

.action-card-primary .action-count[b-1ltbbjiz0b] {
    background: #0d6efd;
}

.action-card-warning .action-count[b-1ltbbjiz0b] {
    background: #fd7e14;
}

.action-card-success .action-count[b-1ltbbjiz0b] {
    background: #198754;
}

.action-card-danger .action-count[b-1ltbbjiz0b] {
    background: #dc3545;
}

.action-card-primary[b-1ltbbjiz0b] {
    border-color: rgba(13, 110, 253, 0.35);
}

.action-card-warning[b-1ltbbjiz0b] {
    border-color: rgba(253, 126, 20, 0.35);
}

.action-card-success[b-1ltbbjiz0b] {
    border-color: rgba(25, 135, 84, 0.35);
}

.action-card-danger[b-1ltbbjiz0b] {
    border-color: rgba(220, 53, 69, 0.35);
}

.section-head[b-1ltbbjiz0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .75rem;
}

.compact-list[b-1ltbbjiz0b] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.compact-item[b-1ltbbjiz0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--color-border);
}

.compact-item:last-child[b-1ltbbjiz0b] {
    border-bottom: none;
}

.compact-title[b-1ltbbjiz0b] {
    font-weight: 600;
}

.compact-meta[b-1ltbbjiz0b] {
    color: var(--color-muted);
    font-size: .86rem;
}

.badge-oranje[b-1ltbbjiz0b] {
    background: var(--color-warning-soft);
    color: #b45309;
}

@media (max-width: 991px) {
    .dashboard-header[b-1ltbbjiz0b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-grid-3[b-1ltbbjiz0b],
    .dashboard-grid-2[b-1ltbbjiz0b] {
        grid-template-columns: 1fr;
    }

    .section-head[b-1ltbbjiz0b] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Logboek/DAF/DafTotalizerOverview.razor.rz.scp.css */
.container[b-t7ycvkkll3] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-t7ycvkkll3] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-t7ycvkkll3] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-t7ycvkkll3] {
    min-height: 0;
}

.overview-note-row p[b-t7ycvkkll3] {
    margin: 0;
}

.tabBar[b-t7ycvkkll3] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-t7ycvkkll3] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-t7ycvkkll3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-t7ycvkkll3] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-t7ycvkkll3] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-t7ycvkkll3] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

.mars-grid-legend[b-t7ycvkkll3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-t7ycvkkll3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-t7ycvkkll3] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-t7ycvkkll3] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-t7ycvkkll3] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-t7ycvkkll3]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-t7ycvkkll3] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-ft[b-t7ycvkkll3] {
    background: #76cf8d;
}

.legend-chemie[b-t7ycvkkll3] {
    background: #e7c29f;
}

.empty-state[b-t7ycvkkll3] {
    margin: 0;
    color: #64748b;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] .Ft .col-title {
    background-color: #76cf8d;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] .Chemie .col-title {
    background-color: #e7c29f;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.overview-page[b-t7ycvkkll3]  .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}

.paginator[b-t7ycvkkll3] {
    z-index: 1;
}

.quickgrid[b-t7ycvkkll3] {
    height: auto;
}
/* /Pages/Logboek/Mars/MarsAnalyse.razor.rz.scp.css */
.date-action-buttons[b-6c3m2dx55s]{
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Mars/MarsAnalyse24H.razor.rz.scp.css */
.date-action-buttons[b-55f5ub3rxm]{
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Mars/MarsAnalyse24HOverview.razor.rz.scp.css */
.container[b-hplgy6h5qd] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-hplgy6h5qd] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-hplgy6h5qd] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-hplgy6h5qd] {
    min-height: 0;
}

.overview-note-row p[b-hplgy6h5qd] {
    margin: 0;
}

.tabBar[b-hplgy6h5qd]{
    padding: 0px;
    margin-bottom: 8px;
}

.yearTabs[b-hplgy6h5qd] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

#tableRow[b-hplgy6h5qd] {
    max-height: 750px;
}

.tableDiv[b-hplgy6h5qd] {
    max-width: 4500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
}

.grid[b-hplgy6h5qd] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-hplgy6h5qd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-hplgy6h5qd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-hplgy6h5qd] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-hplgy6h5qd] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

.mars-grid-legend[b-hplgy6h5qd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-hplgy6h5qd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-hplgy6h5qd] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-hplgy6h5qd] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-hplgy6h5qd] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-hplgy6h5qd]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-hplgy6h5qd] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-influent24h[b-hplgy6h5qd] { background: #9fe2e7; }
.legend-effluent[b-hplgy6h5qd] { background: #e0e79f; }

[b-hplgy6h5qd] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-hplgy6h5qd] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .Permeaat .col-title {
    background-color: #e79f9f;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .Effluent .col-title {
    background-color: #e0e79f;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .Schuimtest .col-title {
    background-color: #be9fe7;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-hplgy6h5qd] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-hplgy6h5qd] .quickgrid[theme=default] td, [b-hplgy6h5qd] .quickgrid[theme=default] th {
    width: 140px;
}

.tableDiv thead[b-hplgy6h5qd], tbody[b-hplgy6h5qd] { display: block; }

.tableDiv tbody[b-hplgy6h5qd] {
    height: 610px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tableDiv tbody tr[b-hplgy6h5qd] {
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-hplgy6h5qd],
.tableDiv tr[b-hplgy6h5qd],
.tableDiv th[b-hplgy6h5qd],
.tableDiv td[b-hplgy6h5qd] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-hplgy6h5qd],
.tableDiv td[b-hplgy6h5qd] {
    min-width: 170px;
    width: 100%;
    font-size: 14px;
}

.yearTab[b-hplgy6h5qd] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.paginator[b-hplgy6h5qd] {
    z-index: 1;
}

.quickgrid[b-hplgy6h5qd] {
    height: auto;
}

[b-hplgy6h5qd] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-hplgy6h5qd] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-hplgy6h5qd] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Mars/MarsAnalyseOverview.razor.rz.scp.css */
.container[b-3m60z4eep7] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-3m60z4eep7] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-3m60z4eep7] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-3m60z4eep7] {
    min-height: 0;
}

.overview-note-row p[b-3m60z4eep7] {
    margin: 0;
}

.yearTabs[b-3m60z4eep7] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tabBar[b-3m60z4eep7]{
    padding: 0px;
    margin-bottom: 8px;
}

#tableRow[b-3m60z4eep7] {
    max-height: 750px;
}

.tableDiv[b-3m60z4eep7] {
    max-width: 4500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
}

.grid[b-3m60z4eep7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-3m60z4eep7] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-legend[b-3m60z4eep7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-3m60z4eep7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-3m60z4eep7] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-3m60z4eep7] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-3m60z4eep7] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-3m60z4eep7]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-3m60z4eep7] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-influent[b-3m60z4eep7] { background: #76cf8d; }
.legend-slib[b-3m60z4eep7] { background: #e7c29f; }
.legend-permeaat[b-3m60z4eep7] { background: #e79f9f; }
.legend-schuimtest[b-3m60z4eep7] { background: #be9fe7; }

[b-3m60z4eep7] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-3m60z4eep7] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-3m60z4eep7] .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}

[b-3m60z4eep7] .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}

[b-3m60z4eep7] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}

[b-3m60z4eep7] .quickgrid[theme=default] .Permeaat .col-title {
    background-color: #e79f9f;
}

[b-3m60z4eep7] .quickgrid[theme=default] .Effluent .col-title {
    background-color: #e0e79f;
}

[b-3m60z4eep7] .quickgrid[theme=default] .Schuimtest .col-title {
    background-color: #be9fe7;
}

[b-3m60z4eep7] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-3m60z4eep7] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-3m60z4eep7] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.tableDiv thead[b-3m60z4eep7], tbody[b-3m60z4eep7] { display: block; }

.tableDiv tbody[b-3m60z4eep7] {
    height: 610px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tableDiv tbody tr[b-3m60z4eep7] {
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-3m60z4eep7],
.tableDiv tr[b-3m60z4eep7],
.tableDiv th[b-3m60z4eep7],
.tableDiv td[b-3m60z4eep7] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-3m60z4eep7],
.tableDiv td[b-3m60z4eep7] {
    min-width: 136px;
    width: 100%;
    font-size: 14px;
}

.yearTab[b-3m60z4eep7] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.paginator[b-3m60z4eep7] {
    z-index: 1;
}

.quickgrid[b-3m60z4eep7] {
    height: auto;
}

[b-3m60z4eep7] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-3m60z4eep7] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-3m60z4eep7] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Mars/MarsCumulatief.razor.rz.scp.css */
.mars-cumulatief-compact[b-1fll17vr0d] {
    padding: 0.9rem !important;
}

.compact-label[b-1fll17vr0d] {
    margin-bottom: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.2;
    color: #334155;
}

.mars-cumulatief-compact :is(input, .form-control)[b-1fll17vr0d] {
    min-height: 2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.date-action-buttons[b-1fll17vr0d]{
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Mars/MarsCumulatiefOverview.razor.rz.scp.css */
.container[b-uirmsk8ho5] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-uirmsk8ho5] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-uirmsk8ho5] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-uirmsk8ho5] {
    min-height: 0;
}

.overview-note-row p[b-uirmsk8ho5] {
    margin: 0;
}

.tabBar[b-uirmsk8ho5] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-uirmsk8ho5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-uirmsk8ho5] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-uirmsk8ho5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-uirmsk8ho5] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-uirmsk8ho5] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

.mars-grid-legend[b-uirmsk8ho5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-uirmsk8ho5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-uirmsk8ho5] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-uirmsk8ho5] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-uirmsk8ho5] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-uirmsk8ho5]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-uirmsk8ho5] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-flow[b-uirmsk8ho5] { background: #76cf8d; }
.legend-biogas[b-uirmsk8ho5] { background: #9fe2e7; }
.legend-chemical[b-uirmsk8ho5] { background: #e7c29f; }
.legend-tmp[b-uirmsk8ho5] { background: #e79f9f; }
.legend-other[b-uirmsk8ho5] { background: #be9fe7; }

[b-uirmsk8ho5] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-uirmsk8ho5] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .Flow .col-title {
    background-color: #76cf8d;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .Biogas .col-title {
    background-color: #9fe2e7;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .Chemical .col-title {
    background-color: #e7c29f;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .Tmp .col-title {
    background-color: #e79f9f;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .Other .col-title {
    background-color: #be9fe7;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-uirmsk8ho5] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-uirmsk8ho5] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-uirmsk8ho5] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-uirmsk8ho5] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Mars/MarsDrogeStof.razor.rz.scp.css */
.date-action-buttons[b-2hihqm9ltp]{
    margin-top: 0px;
    margin-bottom: 12px;
}

.overview-page[b-2hihqm9ltp] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.marsds-grid-shell[b-2hihqm9ltp] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 24rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.tabBar[b-2hihqm9ltp]{
    padding: 0px;
    margin-bottom: 8px;
}

.mars-grid-toolbar[b-2hihqm9ltp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.marsds-grid-title[b-2hihqm9ltp] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

[b-2hihqm9ltp] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-2hihqm9ltp] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

.grid[b-2hihqm9ltp] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.overview-grid-row[b-2hihqm9ltp] {
    flex: 1 1 auto;
    min-height: 0;
}

[b-2hihqm9ltp] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-2hihqm9ltp] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-2hihqm9ltp] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-2hihqm9ltp] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-2hihqm9ltp] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-2hihqm9ltp] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Mars/MarsOntwaterdSlib.razor.rz.scp.css */
.date-action-buttons[b-4yvvq09gdv]{
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Mars/MarsVetzuren.razor.rz.scp.css */
.date-action-buttons[b-kwj0bzz921]{
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Mars/MarsVetzurenOverview.razor.rz.scp.css */
.overview-page[b-ad65rt3kkb] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.overview-title[b-ad65rt3kkb] {
    margin: 0;
}

.overview-controls-row[b-ad65rt3kkb] {
    flex: 0 0 auto;
}

.overview-grid-shell[b-ad65rt3kkb] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 16.5rem);
    overflow: hidden;
}

.mars-grid-shell[b-ad65rt3kkb] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-ad65rt3kkb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-ad65rt3kkb] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-ad65rt3kkb] {
    font-size: 0.85rem;
    color: #64748b;
}

.mars-grid-legend[b-ad65rt3kkb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-ad65rt3kkb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-ad65rt3kkb] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-ad65rt3kkb] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-ad65rt3kkb] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-ad65rt3kkb]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-ad65rt3kkb] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-influent[b-ad65rt3kkb] { background: #76cf8d; }
.legend-influent24h[b-ad65rt3kkb] { background: #9fe2e7; }
.legend-slib[b-ad65rt3kkb] { background: #e7c29f; }
.legend-permeaat[b-ad65rt3kkb] { background: #e79f9f; }

.grid[b-ad65rt3kkb] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

[b-ad65rt3kkb] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-ad65rt3kkb] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .Permeaat .col-title {
    background-color: #e79f9f;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-ad65rt3kkb] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-ad65rt3kkb] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-ad65rt3kkb] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-ad65rt3kkb] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionAnalyse.razor.rz.scp.css */
.date-action-buttons[b-lymo3ywozq] {
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Vion/VionAnalyseOverview.razor.rz.scp.css */
.container[b-jdvdfjshs1] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-jdvdfjshs1] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-jdvdfjshs1] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-jdvdfjshs1] {
    min-height: 0;
}

.overview-note-row p[b-jdvdfjshs1] {
    margin: 0;
}

.tabBar[b-jdvdfjshs1] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-jdvdfjshs1] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-jdvdfjshs1] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-jdvdfjshs1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-jdvdfjshs1] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-jdvdfjshs1] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

.mars-grid-legend[b-jdvdfjshs1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-jdvdfjshs1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-jdvdfjshs1] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-jdvdfjshs1] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-jdvdfjshs1] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-jdvdfjshs1]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-jdvdfjshs1] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-ibt[b-jdvdfjshs1] { background: #76cf8d; }
.legend-verz24h[b-jdvdfjshs1] { background: #9fe2e7; }
.legend-edaf[b-jdvdfjshs1] { background: #e7c29f; }
.legend-uasb[b-jdvdfjshs1] { background: #e79f9f; }
.legend-bidox[b-jdvdfjshs1] { background: #e0e79f; }
.legend-nas1[b-jdvdfjshs1] { background: #be9fe7; }
.legend-nas2[b-jdvdfjshs1] { background: #9fb4e7; }
.legend-nas3[b-jdvdfjshs1] { background: #e79fd2; }
.legend-permeaat[b-jdvdfjshs1] { background: #a8e79f; }
.legend-effluent[b-jdvdfjshs1] { background: #e7d69f; }
.legend-effluentp[b-jdvdfjshs1] { background: #c9c9f0; }

[b-jdvdfjshs1] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-jdvdfjshs1] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-jdvdfjshs1] .quickgrid[theme=default] .Ibt .col-title { background-color: #76cf8d; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Verz24h .col-title { background-color: #9fe2e7; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Edaf .col-title { background-color: #e7c29f; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Uasb .col-title { background-color: #e79f9f; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Bidox .col-title { background-color: #e0e79f; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Nas1 .col-title { background-color: #be9fe7; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Nas2 .col-title { background-color: #9fb4e7; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Nas3 .col-title { background-color: #e79fd2; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Permeaat .col-title { background-color: #a8e79f; }
[b-jdvdfjshs1] .quickgrid[theme=default] .Effluent .col-title { background-color: #e7d69f; }
[b-jdvdfjshs1] .quickgrid[theme=default] .EffluentP .col-title { background-color: #c9c9f0; }

[b-jdvdfjshs1] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-jdvdfjshs1] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-jdvdfjshs1] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.paginator[b-jdvdfjshs1] {
    z-index: 1;
}

.quickgrid[b-jdvdfjshs1] {
    height: auto;
}

[b-jdvdfjshs1] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-jdvdfjshs1] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-jdvdfjshs1] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionCumulatief.razor.rz.scp.css */
.mars-cumulatief-compact[b-k6v2q6r980] {
    padding: 0.9rem !important;
}

.compact-label[b-k6v2q6r980] {
    margin-bottom: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.2;
    color: #334155;
}

.mars-cumulatief-compact :is(input, .form-control)[b-k6v2q6r980] {
    min-height: 2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.date-action-buttons[b-k6v2q6r980] {
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Vion/VionCumulatiefOverview.razor.rz.scp.css */
.container[b-ctyfniel0c] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-ctyfniel0c] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-ctyfniel0c] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-ctyfniel0c] {
    min-height: 0;
}

.overview-note-row p[b-ctyfniel0c] {
    margin: 0;
}

.tabBar[b-ctyfniel0c] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-ctyfniel0c] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-ctyfniel0c] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-ctyfniel0c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-ctyfniel0c] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-ctyfniel0c] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

.mars-grid-legend[b-ctyfniel0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-ctyfniel0c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-ctyfniel0c] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-ctyfniel0c] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-ctyfniel0c] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-ctyfniel0c]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-ctyfniel0c] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-ft[b-ctyfniel0c] { background: #76cf8d; }
.legend-tt[b-ctyfniel0c] { background: #e7c29f; }
.legend-pt[b-ctyfniel0c] { background: #9fe2e7; }
.legend-at[b-ctyfniel0c] { background: #be9fe7; }

[b-ctyfniel0c] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-ctyfniel0c] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-ctyfniel0c] .quickgrid[theme=default] .Ft .col-title { background-color: #76cf8d; }
[b-ctyfniel0c] .quickgrid[theme=default] .Tt .col-title { background-color: #e7c29f; }
[b-ctyfniel0c] .quickgrid[theme=default] .Pt .col-title { background-color: #9fe2e7; }
[b-ctyfniel0c] .quickgrid[theme=default] .At .col-title { background-color: #be9fe7; }

[b-ctyfniel0c] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-ctyfniel0c] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-ctyfniel0c] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.paginator[b-ctyfniel0c] {
    z-index: 1;
}

.quickgrid[b-ctyfniel0c] {
    height: auto;
}

[b-ctyfniel0c] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-ctyfniel0c] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-ctyfniel0c] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionDrogeStof.razor.rz.scp.css */
.date-action-buttons[b-tpkfs87wxj]{
    margin-top: 0px;
    margin-bottom: 12px;
}

.overview-page[b-tpkfs87wxj] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.marsds-grid-shell[b-tpkfs87wxj] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 24rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.tabBar[b-tpkfs87wxj]{
    padding: 0px;
    margin-bottom: 8px;
}

.marsds-grid-toolbar[b-tpkfs87wxj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.marsds-grid-title[b-tpkfs87wxj] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

[b-tpkfs87wxj] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-tpkfs87wxj] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

.grid[b-tpkfs87wxj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.overview-grid-row[b-tpkfs87wxj] {
    flex: 1 1 auto;
    min-height: 0;
}

[b-tpkfs87wxj] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-tpkfs87wxj] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-tpkfs87wxj] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-tpkfs87wxj] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-tpkfs87wxj] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-tpkfs87wxj] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionFlotatieSlib.razor.rz.scp.css */
.date-action-buttons[b-7euf32729w] {
    margin-top: 0px;
    margin-bottom: 12px;
}

.row[b-7euf32729w] {
    width: 100%;
    min-width: 100%;
    display: flex;
}

.overview-grid-row[b-7euf32729w] {
    min-height: 0;
    flex-direction: column;
}

.overview-note-row p[b-7euf32729w] {
    margin: 0;
}

.tabBar[b-7euf32729w] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-7euf32729w] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-7euf32729w] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-7euf32729w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-7euf32729w] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-7euf32729w] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

[b-7euf32729w] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-7euf32729w] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-7euf32729w] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}

[b-7euf32729w] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-7euf32729w] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-7euf32729w] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-7euf32729w] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-7euf32729w] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-7euf32729w] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionH2S.razor.rz.scp.css */
.date-action-buttons[b-pxl4lpl3ek] {
    margin-top: 0px;
    margin-bottom: 12px;
}

.row[b-pxl4lpl3ek] {
    width: 100%;
    min-width: 100%;
    display: flex;
}

.overview-grid-row[b-pxl4lpl3ek] {
    min-height: 0;
    flex-direction: column;
}

.overview-note-row p[b-pxl4lpl3ek] {
    margin: 0;
}

.tabBar[b-pxl4lpl3ek] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-pxl4lpl3ek] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-pxl4lpl3ek] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-pxl4lpl3ek] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-pxl4lpl3ek] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-pxl4lpl3ek] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] .H2s .col-title {
    background-color: #76cf8d;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-pxl4lpl3ek] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionKwh.razor.rz.scp.css */
.date-action-buttons[b-h12jzzblzb] {
    margin-top: 0px;
    margin-bottom: 12px;
}

.row[b-h12jzzblzb] {
    width: 100%;
    min-width: 100%;
    display: flex;
}

.overview-grid-row[b-h12jzzblzb] {
    min-height: 0;
    flex-direction: column;
}

.overview-note-row p[b-h12jzzblzb] {
    margin: 0;
}

.tabBar[b-h12jzzblzb] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-h12jzzblzb] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-h12jzzblzb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-h12jzzblzb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-h12jzzblzb] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-h12jzzblzb] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

[b-h12jzzblzb] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-h12jzzblzb] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-h12jzzblzb] .quickgrid[theme=default] .Kwh .col-title {
    background-color: #76cf8d;
}

[b-h12jzzblzb] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-h12jzzblzb] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-h12jzzblzb] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-h12jzzblzb] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-h12jzzblzb] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-h12jzzblzb] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionOntwaterdSlib.razor.rz.scp.css */
.date-action-buttons[b-t62plb8wbr] {
    margin-top: 0px;
    margin-bottom: 12px;
}

.row[b-t62plb8wbr] {
    width: 100%;
    min-width: 100%;
    display: flex;
}

.overview-grid-row[b-t62plb8wbr] {
    min-height: 0;
    flex-direction: column;
}

.overview-note-row p[b-t62plb8wbr] {
    margin: 0;
}

.tabBar[b-t62plb8wbr] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-t62plb8wbr] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-t62plb8wbr] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-t62plb8wbr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-t62plb8wbr] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-t62plb8wbr] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

[b-t62plb8wbr] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-t62plb8wbr] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-t62plb8wbr] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}

[b-t62plb8wbr] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-t62plb8wbr] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-t62plb8wbr] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-t62plb8wbr] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-t62plb8wbr] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-t62plb8wbr] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionTotalizer.razor.rz.scp.css */
.mars-cumulatief-compact[b-4kij0sor8t] {
    padding: 0.9rem !important;
}

.compact-label[b-4kij0sor8t] {
    margin-bottom: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.2;
    color: #334155;
}

.mars-cumulatief-compact :is(input, .form-control)[b-4kij0sor8t] {
    min-height: 2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.date-action-buttons[b-4kij0sor8t] {
    margin-top: 0px;
    margin-bottom: 12px;
}
/* /Pages/Logboek/Vion/VionTotalizerOverview.razor.rz.scp.css */
.container[b-84fi00xk1c] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.overview-page[b-84fi00xk1c] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.row[b-84fi00xk1c] {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.overview-grid-row[b-84fi00xk1c] {
    min-height: 0;
}

.overview-note-row p[b-84fi00xk1c] {
    margin: 0;
}

.tabBar[b-84fi00xk1c] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-84fi00xk1c] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-84fi00xk1c] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-84fi00xk1c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-84fi00xk1c] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-84fi00xk1c] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

.mars-grid-legend[b-84fi00xk1c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legend-pill[b-84fi00xk1c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.legend-pill:hover[b-84fi00xk1c] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.legend-pill.is-muted[b-84fi00xk1c] {
    opacity: 0.55;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 8px,
        rgba(241, 245, 249, 0.95) 16px
    );
    border-style: dashed;
}

.legend-pill.is-muted .legend-dot[b-84fi00xk1c] {
    opacity: 0.45;
}

.legend-pill.is-muted[b-84fi00xk1c]::after {
    content: "uit";
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.legend-dot[b-84fi00xk1c] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.legend-ft[b-84fi00xk1c] { background: #76cf8d; }
.legend-chemie[b-84fi00xk1c] { background: #e7c29f; }

[b-84fi00xk1c] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-84fi00xk1c] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-84fi00xk1c] .quickgrid[theme=default] .Ft .col-title { background-color: #76cf8d; }
[b-84fi00xk1c] .quickgrid[theme=default] .Chemie .col-title { background-color: #e7c29f; }

[b-84fi00xk1c] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-84fi00xk1c] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-84fi00xk1c] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.paginator[b-84fi00xk1c] {
    z-index: 1;
}

.quickgrid[b-84fi00xk1c] {
    height: auto;
}

[b-84fi00xk1c] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-84fi00xk1c] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-84fi00xk1c] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Logboek/Vion/VionVfa.razor.rz.scp.css */
.date-action-buttons[b-27x5100gpe] {
    margin-top: 0px;
    margin-bottom: 12px;
}

.form-collapse-header[b-27x5100gpe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 1rem;
}

.row[b-27x5100gpe] {
    width: 100%;
    min-width: 100%;
    display: flex;
}

.overview-grid-row[b-27x5100gpe] {
    min-height: 0;
    flex-direction: column;
}

.overview-note-row p[b-27x5100gpe] {
    margin: 0;
}

.tabBar[b-27x5100gpe] {
    padding: 0px;
    margin-bottom: 8px;
}

.grid[b-27x5100gpe] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    max-height: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-shell[b-27x5100gpe] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 21rem);
    overflow: hidden;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.mars-grid-toolbar[b-27x5100gpe] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mars-grid-title[b-27x5100gpe] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.mars-grid-subtitle[b-27x5100gpe] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.92rem;
}

[b-27x5100gpe] .quickgrid[theme=default] {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: none;
}

[b-27x5100gpe] .quickgrid[theme=default] tr:nth-child(even) {
    background: #89baeb;
}

[b-27x5100gpe] .quickgrid[theme=default] .Vfa .col-title {
    background-color: #76cf8d;
}

[b-27x5100gpe] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-27x5100gpe] .quickgrid[theme=default] .qgDate {
    min-width: 128px;
    font-weight: 700;
    color: #0f172a;
}

[b-27x5100gpe] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    padding: 0.72rem 0.8rem;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

[b-27x5100gpe] .quickgrid[theme=default] thead th {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 2;
}

[b-27x5100gpe] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-27x5100gpe] .quickgrid[theme=default] .col-title {
    position: sticky;
    top: 0;
    z-index: 3;
}
/* /Pages/Login.razor.rz.scp.css */
.login-shell[b-00nvn7tx04] {
    min-height: calc(100vh - 6rem);
    display: grid;
    place-items: center;
    padding: 1.5rem 0.5rem;
}

.login-card[b-00nvn7tx04] {
    width: min(100%, 460px);
    border: 1px solid #e6edf5;
    border-radius: 16px;
    box-shadow: 0 16px 32px rgba(14, 51, 91, 0.08);
    background: #ffffff;
    padding: 1.4rem 1.2rem;
    outline: none;
}

.login-header[b-00nvn7tx04] {
    margin-bottom: 1rem;
}

.login-header h1[b-00nvn7tx04] {
    margin: 0;
    color: #102f54;
    font-size: clamp(1.4rem, 2.8vw, 1.8rem);
    font-weight: 700;
    outline: none;
}

.login-header p[b-00nvn7tx04] {
    margin-top: 0.45rem;
    margin-bottom: 0;
    color: #496180;
}

.login-form .form-label[b-00nvn7tx04] {
    color: #183f6c;
    font-weight: 600;
}

.login-form .form-control[b-00nvn7tx04] {
    border-radius: 10px;
    border-color: #d4dfec;
    min-height: 44px;
}

.validation-summary[b-00nvn7tx04] {
    margin-bottom: 0.75rem;
}

.login-submit[b-00nvn7tx04] {
    width: 100%;
    min-height: 44px;
    border-radius: 10px;
    font-weight: 600;
}

.login-footer[b-00nvn7tx04] {
    margin-top: 1rem;
    text-align: center;
}

.login-footer a[b-00nvn7tx04] {
    color: #1a5ea8;
    text-decoration: none;
    font-weight: 500;
}

.login-footer a:hover[b-00nvn7tx04] {
    text-decoration: underline;
}
/* /Shared/TabBar.razor.rz.scp.css */
#yearTabBar[b-q4682cadx5] {
    min-width: 0;
    padding-right: 0;
}

.year-picker[b-q4682cadx5] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1rem 1rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.25rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 28%),
        radial-gradient(circle at bottom left, rgba(20, 184, 166, 0.10), transparent 26%);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.year-picker__header[b-q4682cadx5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.year-picker__eyebrow[b-q4682cadx5] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #64748b;
}

.year-picker__title[b-q4682cadx5] {
    margin-top: 0.2rem;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.year-picker__active[b-q4682cadx5] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.6rem 0.85rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.08);
    white-space: nowrap;
}

.year-picker__active-label[b-q4682cadx5] {
    color: #64748b;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 800;
}

.year-picker__active-value[b-q4682cadx5] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.year-picker__body[b-q4682cadx5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
}

.year-picker__nav[b-q4682cadx5] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #edf2f7);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease;
}

.year-picker__nav:hover[b-q4682cadx5] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.24);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
}

.year-picker__nav:active[b-q4682cadx5] {
    transform: translateY(0);
}

.year-picker__scroller[b-q4682cadx5] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    overflow-x: auto;
    padding: 0.15rem 0.1rem 0.4rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.45) transparent;
}

.year-picker__scroller[b-q4682cadx5]::-webkit-scrollbar {
    height: 8px;
}

.year-picker__scroller[b-q4682cadx5]::-webkit-scrollbar-track {
    background: transparent;
}

.year-picker__scroller[b-q4682cadx5]::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.35);
    border-radius: 999px;
}

.year-pill[b-q4682cadx5] {
    flex: 0 0 auto;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    min-width: 5rem;
    padding: 0.72rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: linear-gradient(180deg, #ffffff, #eef2f7);
    color: #334155;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.06);
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, color 140ms ease, border-color 140ms ease;
}

.year-pill:hover[b-q4682cadx5] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.22);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.10);
}

.year-pill__value[b-q4682cadx5] {
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.01em;
}

.year-pill__tag[b-q4682cadx5] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f766e;
}

.year-pill.is-active[b-q4682cadx5] {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, #0f766e, #2563eb);
    box-shadow: 0 12px 22px rgba(37, 99, 235, 0.24);
}

.year-pill.is-active .year-pill__tag[b-q4682cadx5] {
    color: rgba(255, 255, 255, 0.82);
}

@media (max-width: 768px) {
    .year-picker[b-q4682cadx5] {
        padding: 0.9rem;
    }

    .year-picker__header[b-q4682cadx5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .year-picker__body[b-q4682cadx5] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .year-pill[b-q4682cadx5] {
        min-width: 4.35rem;
        padding-inline: 0.85rem;
    }
}