/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-65d52akm8h] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(45, 185, 112, 0.18), transparent 34rem),
        linear-gradient(135deg, #f6fbf8 0%, #edf7f2 52%, #ffffff 100%);
    color: #16332a;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.pot-layout[b-3ij4gkbm6t] {
    min-height: 100vh;
    background: #f7faf9;
    color: #1e332d;
    --pot-theme: #2db970;
    --pot-theme-dark: #20824e;
    --pot-theme-mid: #29aa67;
    --pot-theme-soft: #e6f7ee;
    --pot-theme-contrast: #ffffff;
}

.pot-appbar[b-3ij4gkbm6t] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    background: linear-gradient(90deg, var(--pot-theme-dark) 0%, var(--pot-theme) 58%, var(--pot-theme-mid) 100%) !important;
    color: var(--pot-theme-contrast) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--pot-theme-dark) 24%, transparent);
}

.pot-menu-button[b-3ij4gkbm6t] {
    margin-right: 8px;
    color: var(--pot-theme-contrast) !important;
}

.pot-appbar-title[b-3ij4gkbm6t] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.pot-appbar-title .mud-typography-caption[b-3ij4gkbm6t] {
    color: color-mix(in srgb, var(--pot-theme-contrast) 72%, transparent);
    line-height: 1;
}

.pot-appbar-title .mud-typography-h6[b-3ij4gkbm6t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pot-theme-switcher[b-3ij4gkbm6t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin-right: 10px;
    padding: 4px 4px 4px 12px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-contrast) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pot-theme-contrast) 13%, transparent);
    color: var(--pot-theme-contrast);
}

.pot-survey-year-picker[b-3ij4gkbm6t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin-right: 10px;
    padding: 4px 10px 4px 12px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-contrast) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pot-theme-contrast) 13%, transparent);
    color: var(--pot-theme-contrast);
}

.pot-survey-year-picker span[b-3ij4gkbm6t] {
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.pot-survey-year-select[b-3ij4gkbm6t] {
    height: 28px;
    min-width: 78px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-contrast) 38%, transparent);
    border-radius: 999px;
    padding: 0 28px 0 10px;
    background-color: color-mix(in srgb, var(--pot-theme-contrast) 14%, transparent);
    color: var(--pot-theme-contrast);
    font-size: 12px;
    font-weight: 850;
    outline: none;
    cursor: pointer;
}

.pot-survey-year-select option[b-3ij4gkbm6t] {
    color: #1e332d;
}

.pot-survey-year-select:focus[b-3ij4gkbm6t] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--pot-theme-contrast) 22%, transparent);
}

.pot-theme-switcher span[b-3ij4gkbm6t] {
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
}

.pot-theme-switcher code[b-3ij4gkbm6t] {
    color: color-mix(in srgb, var(--pot-theme-contrast) 82%, transparent);
    font-family: ui-monospace, "JetBrains Mono", "IBM Plex Mono", Menlo, monospace;
    font-size: 11px;
}

.pot-theme-color-input[b-3ij4gkbm6t] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--pot-theme-contrast) 48%, transparent);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}

.pot-theme-color-input[b-3ij4gkbm6t]::-webkit-color-swatch-wrapper {
    padding: 2px;
}

.pot-theme-color-input[b-3ij4gkbm6t]::-webkit-color-swatch {
    border: 0;
    border-radius: 999px;
}

.pot-theme-color-input[b-3ij4gkbm6t]::-moz-color-swatch {
    border: 0;
    border-radius: 999px;
}

.pot-theme-reset[b-3ij4gkbm6t] {
    color: var(--pot-theme-contrast) !important;
}

.pot-status-chip[b-3ij4gkbm6t] {
    border-color: rgba(255, 255, 255, 0.46) !important;
    background: rgba(255, 255, 255, 0.14) !important;
    color: var(--pot-theme-contrast) !important;
}

.pot-primary-action[b-3ij4gkbm6t] {
    border-radius: 999px;
    background: var(--pot-theme-contrast) !important;
    color: var(--pot-theme-dark) !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--pot-theme-dark) 32%, transparent);
}

.pot-account-chip[b-3ij4gkbm6t] {
    margin-left: 8px;
    border-color: color-mix(in srgb, var(--pot-theme-contrast) 32%, transparent) !important;
    background: color-mix(in srgb, var(--pot-theme-contrast) 12%, transparent) !important;
    color: var(--pot-theme-contrast) !important;
    font-weight: 850;
}

[b-3ij4gkbm6t] .pot-drawer .mud-drawer {
    border-right: 0;
    background: linear-gradient(180deg, var(--pot-theme-dark) 0%, var(--pot-theme) 54%, color-mix(in srgb, var(--pot-theme-dark) 84%, #000000) 100%);
}

.pot-main-content[b-3ij4gkbm6t] {
    background: #f7faf9;
}

.pot-content-frame[b-3ij4gkbm6t] {
    width: min(100%, 1360px);
    margin: 0 auto;
    padding: 92px 24px 28px;
}

.pot-content-frame-wide[b-3ij4gkbm6t] {
    width: 100%;
    max-width: none;
    padding-inline: 18px;
}

#blazor-error-ui[b-3ij4gkbm6t] {
    background: #fff7ed;
    border-top: 1px solid #fed7aa;
    bottom: 0;
    box-shadow: 0 -8px 24px rgba(30, 51, 45, 0.12);
    color: #7c2d12;
    display: none;
    left: 0;
    padding: 0.8rem 1.25rem;
    position: fixed;
    right: 0;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-3ij4gkbm6t] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0.65rem;
}

@media (min-width: 960px) {
    .pot-menu-button[b-3ij4gkbm6t] {
        display: none;
    }
}

@media (max-width: 720px) {
    .pot-content-frame[b-3ij4gkbm6t] {
        padding: 84px 14px 18px;
    }

    .pot-theme-switcher code[b-3ij4gkbm6t],
    .pot-survey-year-picker span[b-3ij4gkbm6t],
    .pot-account-chip[b-3ij4gkbm6t],
    .pot-status-chip[b-3ij4gkbm6t],
    .pot-primary-action[b-3ij4gkbm6t] {
        display: none;
    }

    .pot-theme-switcher[b-3ij4gkbm6t] {
        display: none;
    }

    .pot-survey-year-picker[b-3ij4gkbm6t],
    .pot-theme-switcher[b-3ij4gkbm6t] {
        margin-right: 0;
        padding-left: 8px;
    }

    .pot-appbar-title .mud-typography-h6[b-3ij4gkbm6t] {
        font-size: 0.94rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.pot-nav-shell[b-ik2d0fk0rx] {
    height: 100%;
    min-height: 100vh;
    background: linear-gradient(180deg, var(--pot-theme-dark, #20824e) 0%, var(--pot-theme, #2db970) 54%, color-mix(in srgb, var(--pot-theme-dark, #20824e) 84%, #000000) 100%);
    border-right: 0;
    color: var(--pot-theme-contrast, #ffffff);
}

.pot-brand[b-ik2d0fk0rx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 18px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.pot-brand-mark[b-ik2d0fk0rx] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.16);
    color: var(--pot-theme-contrast, #ffffff);
    font-weight: 800;
    letter-spacing: 0;
}

.pot-brand-copy[b-ik2d0fk0rx] {
    display: grid;
    min-width: 0;
}

.pot-brand-copy strong[b-ik2d0fk0rx] {
    color: var(--pot-theme-contrast, #ffffff);
    font-size: 15px;
    line-height: 1.2;
}

.pot-brand-copy span[b-ik2d0fk0rx] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
}








.pot-nav-menu[b-ik2d0fk0rx] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 8px 10px 18px;
}

[b-ik2d0fk0rx] .pot-nav-menu .mud-nav-link {
    min-height: 38px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.76);
    margin: 2px 0;
}

[b-ik2d0fk0rx] .pot-nav-menu .mud-nav-link:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--pot-theme-contrast, #ffffff);
}

[b-ik2d0fk0rx] .pot-nav-menu .mud-nav-link.active {
    background: var(--pot-theme-contrast, #ffffff);
    color: var(--pot-theme-dark, #20824e);
    box-shadow: 0 10px 24px rgba(3, 39, 28, 0.18);
}

[b-ik2d0fk0rx] .pot-nav-menu .mud-nav-link.active .mud-nav-link-icon {
    color: var(--pot-theme, #2db970);
}

[b-ik2d0fk0rx] .pot-nav-menu .mud-nav-link .mud-nav-link-icon {
    color: inherit;
}

[b-ik2d0fk0rx] .pot-nav-group > .mud-nav-group-header {
    min-height: 42px;
    border-radius: 12px;
    color: var(--pot-theme-contrast, #ffffff);
    font-weight: 750;
}

[b-ik2d0fk0rx] .pot-nav-group > .mud-nav-group-header:hover {
    background: rgba(255, 255, 255, 0.12);
}

[b-ik2d0fk0rx] .pot-nav-group .mud-navmenu {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
}




.pot-nav-footer[b-ik2d0fk0rx] {
    margin-top: auto;
    padding: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.pot-role-card[b-ik2d0fk0rx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.10);
}

.pot-role-card > span[b-ik2d0fk0rx] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: var(--pot-theme-contrast, #ffffff);
    font-weight: 800;
    font-size: 12px;
}

.pot-role-copy[b-ik2d0fk0rx] {
    min-width: 0;
}

.pot-role-card strong[b-ik2d0fk0rx],
.pot-role-card small[b-ik2d0fk0rx] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pot-role-card strong[b-ik2d0fk0rx] {
    color: var(--pot-theme-contrast, #ffffff);
    font-size: 13px;
}

.pot-role-card small[b-ik2d0fk0rx] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
}

.pot-role-logout[b-ik2d0fk0rx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    min-width: 0;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: var(--pot-theme-contrast, #ffffff);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.pot-role-logout:hover[b-ik2d0fk0rx] {
    background: rgba(255, 255, 255, 0.22);
}

.pot-role-logout:focus-visible[b-ik2d0fk0rx] {
    outline: 2px solid rgba(255, 255, 255, 0.72);
    outline-offset: 2px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-dx0nwxwmyl] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-dx0nwxwmyl]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-dx0nwxwmyl],
    #components-reconnect-modal[open][b-dx0nwxwmyl],
    #components-reconnect-modal.components-reconnect-failed[b-dx0nwxwmyl],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-dx0nwxwmyl],
    #components-reconnect-modal.components-reconnect-paused[b-dx0nwxwmyl],
    #components-reconnect-modal.components-reconnect-resume-failed[b-dx0nwxwmyl],
    #components-reconnect-modal.components-pause[b-dx0nwxwmyl],
    #components-reconnect-modal.components-resume-failed[b-dx0nwxwmyl] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-dx0nwxwmyl] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-dx0nwxwmyl] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-dx0nwxwmyl] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-dx0nwxwmyl] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.3;
    }

.components-reconnect-status-dot[b-dx0nwxwmyl] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-dx0nwxwmyl],
.components-reconnect-message[b-dx0nwxwmyl] {
    margin: 0;
    line-height: 1.45;
    font-size: 0.95rem;
}

.components-reconnect-supporting[b-dx0nwxwmyl] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-dx0nwxwmyl] {
    font-weight: 500;
}

.components-reconnect-danger[b-dx0nwxwmyl] {
    color: var(--mud-palette-error, #b00020);
}

.components-reconnect-actions[b-dx0nwxwmyl] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-dx0nwxwmyl],
.components-reconnect-repeated-attempt-visible[b-dx0nwxwmyl],
.components-reconnect-failed-visible[b-dx0nwxwmyl],
.components-pause-visible[b-dx0nwxwmyl],
.components-resume-failed-visible[b-dx0nwxwmyl] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-dx0nwxwmyl] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-dx0nwxwmyl] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-dx0nwxwmyl] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-dx0nwxwmyl] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-dx0nwxwmyl] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-dx0nwxwmyl] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-dx0nwxwmyl],
dialog[open].components-pause .components-pause-visible[b-dx0nwxwmyl] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-dx0nwxwmyl],
dialog[open].components-pause #components-resume-button[b-dx0nwxwmyl],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-dx0nwxwmyl],
dialog[open].components-resume-failed #components-resume-button[b-dx0nwxwmyl] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-dx0nwxwmyl],
dialog[open].components-resume-failed .components-resume-failed-visible[b-dx0nwxwmyl] {
    display: block;
}

.components-rejoin-loader[b-dx0nwxwmyl] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-dx0nwxwmyl] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-dx0nwxwmyl 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-dx0nwxwmyl] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-dx0nwxwmyl] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-dx0nwxwmyl {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

#components-reconnect-button[b-dx0nwxwmyl],
#components-resume-button[b-dx0nwxwmyl] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-dx0nwxwmyl],
    #components-resume-button:hover[b-dx0nwxwmyl] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-dx0nwxwmyl],
    #components-resume-button:active[b-dx0nwxwmyl] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-dx0nwxwmyl] {
        padding: 14px;
    }

    .components-reconnect-surface[b-dx0nwxwmyl] {
        padding: 16px;
    }
}
/* /Components/Pages/AuditLogs.razor.rz.scp.css */
.audit-log-page[b-98h8sohrqn] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.audit-log-header[b-98h8sohrqn] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.audit-log-header .mud-typography-caption[b-98h8sohrqn] {
    color: var(--pot-theme-dark);
    font-weight: 800;
}

.audit-log-header .mud-typography-h4[b-98h8sohrqn] {
    color: #032b23;
    font-weight: 800;
}

.audit-log-header .mud-typography-body1[b-98h8sohrqn] {
    color: #4a625a;
}

.audit-log-header-actions[b-98h8sohrqn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.audit-log-panel[b-98h8sohrqn] {
    border: 1px solid #dce9e3;
    border-radius: 8px;
    background: #fff;
    padding: 18px;
}

.audit-log-filters[b-98h8sohrqn] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(190px, 240px) minmax(160px, 220px);
    gap: 12px;
    align-items: center;
}

.audit-log-table-panel[b-98h8sohrqn] {
    padding: 0;
    overflow: hidden;
}

.audit-log-table-heading[b-98h8sohrqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid #e4eee9;
}

.audit-log-table-heading .mud-typography-h6[b-98h8sohrqn] {
    color: #0d332a;
    font-weight: 800;
}

.audit-log-table-heading .mud-typography-body2[b-98h8sohrqn] {
    color: #62766f;
}

.audit-log-table-heading span[b-98h8sohrqn] {
    border: 1px solid #cfe2d9;
    border-radius: 999px;
    padding: 6px 12px;
    color: var(--pot-theme-dark);
    font-weight: 800;
    white-space: nowrap;
}

.audit-log-table-wrap[b-98h8sohrqn] {
    overflow: auto;
}

.audit-log-table-wrap table[b-98h8sohrqn] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.audit-log-table-wrap th[b-98h8sohrqn],
.audit-log-table-wrap td[b-98h8sohrqn] {
    border-bottom: 1px solid #e8efec;
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
}

.audit-log-table-wrap th[b-98h8sohrqn] {
    background: #f6fbf8;
    color: #24453b;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.audit-log-table-wrap td[b-98h8sohrqn] {
    color: #203d34;
    font-size: 0.9rem;
}

.audit-log-table-wrap td strong[b-98h8sohrqn] {
    display: block;
    margin-bottom: 6px;
}

.audit-log-table-wrap details[b-98h8sohrqn] {
    color: #63766f;
}

.audit-log-table-wrap summary[b-98h8sohrqn] {
    cursor: pointer;
    font-weight: 700;
}

.audit-log-table-wrap pre[b-98h8sohrqn] {
    max-height: 180px;
    overflow: auto;
    border-radius: 8px;
    background: #f7faf8;
    border: 1px solid #e0ebe5;
    padding: 10px;
    white-space: pre-wrap;
    word-break: break-word;
}

.audit-log-action[b-98h8sohrqn] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.audit-log-action.create[b-98h8sohrqn] {
    background: #e8f7ef;
    color: #137047;
}

.audit-log-action.update[b-98h8sohrqn] {
    background: #fff7e6;
    color: #9b5b00;
}

.audit-log-empty[b-98h8sohrqn] {
    padding: 34px 18px;
    color: #6b8078;
    text-align: center;
}

@media (max-width: 900px) {
    .audit-log-header[b-98h8sohrqn],
    .audit-log-table-heading[b-98h8sohrqn] {
        align-items: stretch;
        flex-direction: column;
    }

    .audit-log-header-actions > *[b-98h8sohrqn] {
        width: 100%;
    }

    .audit-log-filters[b-98h8sohrqn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/BridgePotSupport.razor.rz.scp.css */
.bridge-support-page[b-jlwzktyyc6] {
    display: grid;
    gap: 20px;
}

.bridge-support-header[b-jlwzktyyc6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.bridge-support-header .mud-typography-caption[b-jlwzktyyc6] {
    color: var(--pot-theme-color, #2DB970);
    font-weight: 800;
}

.bridge-support-header .mud-typography-h4[b-jlwzktyyc6] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.bridge-support-header .mud-typography-body1[b-jlwzktyyc6] {
    max-width: 760px;
    color: #61756e;
}

.bridge-header-actions[b-jlwzktyyc6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.bridge-summary-grid[b-jlwzktyyc6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.bridge-summary-card[b-jlwzktyyc6] {
    display: grid;
    gap: 4px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.bridge-summary-card.primary[b-jlwzktyyc6] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
}

.bridge-summary-card span[b-jlwzktyyc6],
.bridge-summary-card small[b-jlwzktyyc6] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.bridge-summary-card strong[b-jlwzktyyc6] {
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.bridge-support-grid[b-jlwzktyyc6] {
    display: grid;
    grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.bridge-panel[b-jlwzktyyc6] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.bridge-panel-heading[b-jlwzktyyc6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.bridge-panel-heading.compact[b-jlwzktyyc6] {
    align-items: center;
}

.bridge-panel-heading .mud-typography-h6[b-jlwzktyyc6] {
    color: #1e332d;
    font-weight: 800;
}

.bridge-panel-heading .mud-typography-body2[b-jlwzktyyc6] {
    color: #61756e;
}

.bridge-code-pill[b-jlwzktyyc6] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 72%, #123a2b);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.bridge-form-grid[b-jlwzktyyc6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bridge-form-grid label[b-jlwzktyyc6] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.bridge-form-grid b[b-jlwzktyyc6] {
    color: #b42318;
}

.bridge-form-grid input[b-jlwzktyyc6],
.bridge-search-box input[b-jlwzktyyc6] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
    box-sizing: border-box;
}

.bridge-form-grid input:focus[b-jlwzktyyc6],
.bridge-search-box input:focus[b-jlwzktyyc6] {
    border-color: var(--pot-theme-color, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-theme-color, #2DB970) 16%, transparent);
}

.bridge-form-note[b-jlwzktyyc6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
    color: #61756e;
    font-size: 13px;
}

.bridge-form-note .mud-icon-root[b-jlwzktyyc6] {
    color: var(--pot-theme-color, #2DB970);
    margin-top: 1px;
}

.bridge-form-actions[b-jlwzktyyc6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.bridge-primary-button[b-jlwzktyyc6],
.bridge-secondary-button[b-jlwzktyyc6],
.bridge-icon-button[b-jlwzktyyc6] {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.bridge-primary-button[b-jlwzktyyc6] {
    background: var(--pot-theme-color, #2DB970);
    color: #ffffff;
}

.bridge-secondary-button[b-jlwzktyyc6] {
    border-color: #d6e4de;
    background: #ffffff;
    color: #1e332d;
}

.bridge-search-box[b-jlwzktyyc6] {
    position: relative;
    min-width: 230px;
}

.bridge-search-box .mud-icon-root[b-jlwzktyyc6] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #61756e;
    font-size: 18px;
}

.bridge-search-box input[b-jlwzktyyc6] {
    padding-left: 38px;
}

.bridge-table-wrap[b-jlwzktyyc6] {
    overflow-x: auto;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.bridge-table-wrap table[b-jlwzktyyc6] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.bridge-table-wrap th[b-jlwzktyyc6],
.bridge-table-wrap td[b-jlwzktyyc6] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
}

.bridge-table-wrap th[b-jlwzktyyc6] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
}

.bridge-table-wrap tr:last-child td[b-jlwzktyyc6] {
    border-bottom: 0;
}

.bridge-table-wrap tr.selected td[b-jlwzktyyc6] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
}

.bridge-empty-cell[b-jlwzktyyc6] {
    color: #61756e;
    text-align: center !important;
}

.bridge-row-actions[b-jlwzktyyc6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bridge-icon-button[b-jlwzktyyc6] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border-color: #d6e4de;
    background: #ffffff;
    color: var(--pot-theme-color, #2DB970);
}

.bridge-icon-button .mud-icon-root[b-jlwzktyyc6] {
    font-size: 18px;
}

.bridge-icon-button.danger[b-jlwzktyyc6] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b42318;
}

@media (max-width: 1180px) {
    .bridge-support-grid[b-jlwzktyyc6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .bridge-support-header[b-jlwzktyyc6],
    .bridge-panel-heading[b-jlwzktyyc6],
    .bridge-panel-heading.compact[b-jlwzktyyc6] {
        display: grid;
    }

    .bridge-header-actions[b-jlwzktyyc6],
    .bridge-form-actions[b-jlwzktyyc6] {
        justify-content: stretch;
    }

    .bridge-header-actions > *[b-jlwzktyyc6],
    .bridge-form-actions button[b-jlwzktyyc6] {
        width: 100%;
    }

    .bridge-summary-grid[b-jlwzktyyc6],
    .bridge-form-grid[b-jlwzktyyc6] {
        grid-template-columns: 1fr;
    }

    .bridge-search-box[b-jlwzktyyc6] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.pot-home[b-iavtl64dp5] {
    display: grid;
    gap: 20px;
}

.pot-home-hero[b-iavtl64dp5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
    border: 1px solid #e1ece7;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #eef9f3 100%);
}

.pot-home-hero .mud-typography-caption[b-iavtl64dp5] {
    color: #16805a;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pot-home-hero .mud-typography-h3[b-iavtl64dp5] {
    margin: 3px 0 8px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.pot-home-hero .mud-typography-body1[b-iavtl64dp5] {
    max-width: 720px;
    color: #61756e;
}

.pot-module-grid[b-iavtl64dp5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.pot-module-card[b-iavtl64dp5] {
    display: grid;
    gap: 14px;
    align-content: start;
    min-height: 210px;
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.pot-module-icon[b-iavtl64dp5] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid #b9dfcf;
    border-radius: 14px;
    background: #eef9f3;
    color: #16805a;
}

.pot-module-card .mud-typography-subtitle1[b-iavtl64dp5] {
    color: #1e332d;
    font-weight: 800;
}

.pot-module-card .mud-typography-body2[b-iavtl64dp5] {
    color: #61756e;
}

.pot-home-panel[b-iavtl64dp5] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.pot-panel-heading[b-iavtl64dp5] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.pot-status-grid[b-iavtl64dp5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.pot-status-grid > div[b-iavtl64dp5] {
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
}

.pot-status-grid strong[b-iavtl64dp5],
.pot-status-grid span[b-iavtl64dp5] {
    display: block;
}

.pot-status-grid strong[b-iavtl64dp5] {
    color: #1e332d;
}

.pot-status-grid span[b-iavtl64dp5] {
    color: #61756e;
    font-size: 13px;
}

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

@media (max-width: 680px) {
    .pot-home-hero[b-iavtl64dp5],
    .pot-panel-heading[b-iavtl64dp5] {
        display: grid;
    }

    .pot-module-grid[b-iavtl64dp5],
    .pot-status-grid[b-iavtl64dp5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-yq7jy00qkj] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 480px);
    gap: 48px;
    align-items: center;
    min-height: 100vh;
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 40px 0;
}

.login-brand-panel[b-yq7jy00qkj] {
    display: grid;
    gap: 28px;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.login-brand-panel[b-yq7jy00qkj]::before,
.login-brand-panel[b-yq7jy00qkj]::after,
.login-brand-panel h1[b-yq7jy00qkj]::before,
.login-brand-panel h1[b-yq7jy00qkj]::after {
    content: none;
    display: none;
}

.brand-mark[b-yq7jy00qkj] {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border-radius: 22px;
    background: #2db970;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    box-shadow: 0 22px 52px rgba(45, 185, 112, 0.24);
}

.eyebrow[b-yq7jy00qkj] {
    margin: 0 0 10px;
    color: #238c56;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.login-brand-panel h1[b-yq7jy00qkj] {
    max-width: 680px;
    margin: 0;
    font-size: clamp(2.45rem, 5vw, 4.7rem);
    line-height: 0.96;
    letter-spacing: -0.03em;
    color: #16332a;
    text-wrap: balance;
}

.brand-copy[b-yq7jy00qkj] {
    max-width: 560px;
    margin: 20px 0 0;
    color: #526b61;
    font-size: 1.05rem;
    line-height: 1.7;
}

.login-card[b-yq7jy00qkj] {
    display: grid;
    gap: 18px;
    padding: 32px;
    border: 1px solid #dceae3;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 24px 70px rgba(22, 51, 42, 0.12);
}

.login-card-header[b-yq7jy00qkj] {
    display: grid;
    gap: 8px;
    margin-bottom: 8px;
}

.login-card-header h2[b-yq7jy00qkj] {
    margin: 0;
    color: #16332a;
    font-size: 1.8rem;
    font-weight: 850;
}

.login-card-header p:not(.eyebrow)[b-yq7jy00qkj] {
    margin: 0;
    color: #61756e;
    line-height: 1.6;
}

.login-field[b-yq7jy00qkj] {
    display: grid;
    gap: 8px;
}

.login-field > span[b-yq7jy00qkj] {
    color: #244138;
    font-size: 0.88rem;
    font-weight: 750;
}

.login-field input[b-yq7jy00qkj],
.password-field input[b-yq7jy00qkj] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #d7e7df;
    border-radius: 14px;
    background: #ffffff;
    color: #16332a;
    font: inherit;
    outline: none;
    padding: 13px 14px;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.login-field input:focus[b-yq7jy00qkj],
.password-field input:focus[b-yq7jy00qkj] {
    border-color: #2db970;
    box-shadow: 0 0 0 4px rgba(45, 185, 112, 0.14);
}

.password-field[b-yq7jy00qkj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.password-field button[b-yq7jy00qkj] {
    min-height: 48px;
    border: 1px solid #d7e7df;
    border-radius: 14px;
    background: #f6fbf8;
    color: #238c56;
    font: inherit;
    font-weight: 800;
    padding: 0 14px;
    cursor: pointer;
}

.login-options[b-yq7jy00qkj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #61756e;
    font-size: 0.9rem;
}

.login-options label[b-yq7jy00qkj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.login-options input[b-yq7jy00qkj] {
    accent-color: #2db970;
}

.login-options a[b-yq7jy00qkj] {
    color: #238c56;
    font-weight: 750;
    text-decoration: none;
}

.login-submit[b-yq7jy00qkj] {
    min-height: 52px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #2db970 0%, #238c56 100%);
    color: #ffffff;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 16px 32px rgba(45, 185, 112, 0.26);
}

.login-submit:disabled[b-yq7jy00qkj],
.password-field button:disabled[b-yq7jy00qkj],
.login-field input:disabled[b-yq7jy00qkj] {
    cursor: not-allowed;
    opacity: 0.68;
}

.login-error[b-yq7jy00qkj] {
    border: 1px solid rgba(194, 65, 59, 0.26);
    border-radius: 14px;
    background: rgba(194, 65, 59, 0.08);
    color: #9f2f2a;
    font-size: 0.9rem;
    font-weight: 750;
    padding: 12px 14px;
}

.login-submit:focus-visible[b-yq7jy00qkj] {
    outline: 4px solid rgba(45, 185, 112, 0.24);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .login-page[b-yq7jy00qkj] {
        grid-template-columns: 1fr;
        gap: 30px;
        width: min(620px, calc(100% - 32px));
        align-items: start;
        padding: 28px 0;
    }

    .login-brand-panel h1[b-yq7jy00qkj] {
        font-size: clamp(2.2rem, 12vw, 3.6rem);
    }

}

@media (max-width: 520px) {
    .login-card[b-yq7jy00qkj] {
        padding: 22px;
        border-radius: 20px;
    }

    .login-options[b-yq7jy00qkj] {
        align-items: flex-start;
        flex-direction: column;
    }

    .password-field[b-yq7jy00qkj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/MeasurementTable.razor.rz.scp.css */
.measurement-card[b-oaqevtmscu] {
    border: 1px solid #dce8e4;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.measurement-title[b-oaqevtmscu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: #f2fbf7;
    border-bottom: 1px solid #dce8e4;
}

.measurement-title strong[b-oaqevtmscu] {
    color: #1e332d;
    font-weight: 900;
}

.measurement-title span[b-oaqevtmscu] {
    color: #16805a;
    font-size: 12px;
    font-weight: 850;
}

table[b-oaqevtmscu] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

th[b-oaqevtmscu],
td[b-oaqevtmscu] {
    padding: 9px 10px;
    border-bottom: 1px solid #e7efeb;
    text-align: left;
    white-space: nowrap;
    color: #1e332d;
    font-size: 13px;
}

th[b-oaqevtmscu] {
    color: #61756e;
    font-size: 12px;
    font-weight: 850;
}

tr:last-child td[b-oaqevtmscu] {
    border-bottom: 0;
}
/* /Components/Pages/MovementBlock.razor.rz.scp.css */
.movement-block[b-bc7t90aai6] {
    padding: 12px;
    border: 1px solid #d6ebe2;
    border-radius: 10px;
    background: #fbfefd;
}

.movement-title[b-bc7t90aai6] {
    margin-bottom: 8px;
    color: #16805a;
    font-weight: 900;
}

.movement-values[b-bc7t90aai6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.movement-values div[b-bc7t90aai6] {
    display: grid;
    gap: 2px;
    padding: 9px;
    border-radius: 8px;
    background: #f7faf9;
}

.movement-values span[b-bc7t90aai6] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.movement-values strong[b-bc7t90aai6] {
    color: #1e332d;
    font-weight: 900;
}
/* /Components/Pages/Permissions.razor.rz.scp.css */
.permissions-page[b-gjbga20ste] {
    display: grid;
    gap: 20px;
}

.permissions-header[b-gjbga20ste] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.permissions-header .mud-typography-caption[b-gjbga20ste] {
    color: var(--pot-theme-color, #2DB970);
    font-weight: 800;
}

.permissions-header .mud-typography-h4[b-gjbga20ste] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.permissions-header .mud-typography-body1[b-gjbga20ste] {
    max-width: 760px;
    color: #61756e;
}

.permissions-header-actions[b-gjbga20ste],
.permissions-form-actions[b-gjbga20ste],
.permissions-row-actions[b-gjbga20ste],
.permissions-menu-actions[b-gjbga20ste] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.permissions-header-actions[b-gjbga20ste],
.permissions-form-actions[b-gjbga20ste] {
    justify-content: flex-end;
}

.permissions-summary-grid[b-gjbga20ste] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.permissions-summary-card[b-gjbga20ste] {
    display: grid;
    gap: 4px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.permissions-summary-card.primary[b-gjbga20ste] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
}

.permissions-summary-card span[b-gjbga20ste],
.permissions-summary-card small[b-gjbga20ste] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.permissions-summary-card strong[b-gjbga20ste] {
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.permissions-grid[b-gjbga20ste] {
    display: grid;
    grid-template-columns: minmax(360px, .7fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.permissions-panel[b-gjbga20ste] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.permissions-panel-heading[b-gjbga20ste] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.permissions-panel-heading.compact[b-gjbga20ste] {
    align-items: center;
}

.permissions-panel-heading .mud-typography-h6[b-gjbga20ste] {
    color: #1e332d;
    font-weight: 800;
}

.permissions-panel-heading .mud-typography-body2[b-gjbga20ste] {
    color: #61756e;
}

.permissions-code-pill[b-gjbga20ste],
.permissions-menu-count[b-gjbga20ste],
.permissions-status-badge[b-gjbga20ste] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.permissions-code-pill[b-gjbga20ste],
.permissions-menu-count[b-gjbga20ste] {
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 72%, #123a2b);
}

.permissions-form-grid[b-gjbga20ste] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.permissions-form-grid label[b-gjbga20ste] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.permissions-form-grid .wide[b-gjbga20ste] {
    grid-column: 1 / -1;
}

.permissions-form-grid b[b-gjbga20ste] {
    color: #b42318;
}

.permissions-form-grid input[b-gjbga20ste],
.permissions-form-grid textarea[b-gjbga20ste],
.permissions-search-box input[b-gjbga20ste] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
    box-sizing: border-box;
}

.permissions-form-grid textarea[b-gjbga20ste] {
    min-height: 88px;
    resize: vertical;
    padding: 12px;
}

.permissions-form-grid input:focus[b-gjbga20ste],
.permissions-form-grid textarea:focus[b-gjbga20ste],
.permissions-search-box input:focus[b-gjbga20ste] {
    border-color: var(--pot-theme-color, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-theme-color, #2DB970) 16%, transparent);
}

.permissions-status-control[b-gjbga20ste] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
}

.permissions-status-control div[b-gjbga20ste] {
    display: grid;
    gap: 3px;
}

.permissions-status-control strong[b-gjbga20ste] {
    color: #1e332d;
}

.permissions-status-control span[b-gjbga20ste] {
    color: #61756e;
    font-size: 13px;
}

.permissions-switch[b-gjbga20ste] {
    position: relative;
    display: inline-flex;
    width: 56px;
    height: 32px;
    flex: 0 0 auto;
}

.permissions-switch input[b-gjbga20ste] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.permissions-switch span[b-gjbga20ste] {
    width: 100%;
    border-radius: 999px;
    background: #d92d20;
    cursor: pointer;
    transition: background-color .18s ease;
}

.permissions-switch span[b-gjbga20ste]::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 6px rgb(15 35 29 / 18%);
    transition: transform .18s ease;
}

.permissions-switch input:checked + span[b-gjbga20ste] {
    background: var(--pot-theme-color, #2DB970);
}

.permissions-switch input:checked + span[b-gjbga20ste]::after {
    transform: translateX(24px);
}

.permissions-form-note[b-gjbga20ste] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
    color: #61756e;
    font-size: 13px;
}

.permissions-form-note .mud-icon-root[b-gjbga20ste] {
    color: var(--pot-theme-color, #2DB970);
    margin-top: 1px;
}

.permissions-form-actions[b-gjbga20ste] {
    margin-top: 18px;
}

.permissions-primary-button[b-gjbga20ste],
.permissions-secondary-button[b-gjbga20ste],
.permissions-danger-button[b-gjbga20ste],
.permissions-icon-button[b-gjbga20ste],
.permissions-menu-actions button[b-gjbga20ste] {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.permissions-primary-button[b-gjbga20ste] {
    background: var(--pot-theme-color, #2DB970);
    color: #ffffff;
}

.permissions-secondary-button[b-gjbga20ste],
.permissions-menu-actions button[b-gjbga20ste] {
    border-color: #d6e4de;
    background: #ffffff;
    color: #1e332d;
}

.permissions-danger-button[b-gjbga20ste],
.permissions-icon-button.danger[b-gjbga20ste] {
    border-color: color-mix(in srgb, #d92d20 22%, white);
    background: color-mix(in srgb, #d92d20 9%, white);
    color: #b42318;
}

.permissions-danger-button:disabled[b-gjbga20ste] {
    opacity: .45;
    cursor: not-allowed;
}

.permissions-icon-button[b-gjbga20ste] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 0;
    border-color: #d6e4de;
    background: #ffffff;
    color: var(--pot-theme-color, #2DB970);
}

.permissions-menu-groups[b-gjbga20ste] {
    display: grid;
    gap: 12px;
}

.permissions-menu-group[b-gjbga20ste] {
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
    overflow: hidden;
}

.permissions-menu-group > header[b-gjbga20ste] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    color: #1e332d;
}

.permissions-menu-group > header .mud-icon-root[b-gjbga20ste] {
    color: var(--pot-theme-color, #2DB970);
}

.permissions-menu-list[b-gjbga20ste] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
}

.permissions-menu-item[b-gjbga20ste] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    min-height: 64px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
}

.permissions-menu-item input[b-gjbga20ste] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--pot-theme-color, #2DB970);
}

.permissions-menu-item span[b-gjbga20ste] {
    display: grid;
    gap: 3px;
}

.permissions-menu-item strong[b-gjbga20ste] {
    color: #1e332d;
    font-size: 13px;
}

.permissions-menu-item small[b-gjbga20ste] {
    color: #61756e;
    font-size: 11px;
}

.permissions-list-panel[b-gjbga20ste] {
    overflow: hidden;
}

.permissions-search-box[b-gjbga20ste] {
    position: relative;
    min-width: 250px;
}

.permissions-search-box .mud-icon-root[b-gjbga20ste] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #61756e;
    font-size: 18px;
}

.permissions-search-box input[b-gjbga20ste] {
    padding-left: 38px;
}

.permissions-table-wrap[b-gjbga20ste] {
    overflow-x: auto;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.permissions-table-wrap table[b-gjbga20ste] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.permissions-table-wrap th[b-gjbga20ste],
.permissions-table-wrap td[b-gjbga20ste] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    vertical-align: middle;
}

.permissions-table-wrap th[b-gjbga20ste] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
    white-space: nowrap;
}

.permissions-table-wrap td small[b-gjbga20ste] {
    display: block;
    margin-top: 3px;
    color: #61756e;
    font-size: 12px;
}

.permissions-table-wrap tr:last-child td[b-gjbga20ste] {
    border-bottom: 0;
}

.permissions-table-wrap tr.selected td[b-gjbga20ste] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
}

.permissions-status-badge[b-gjbga20ste] {
    min-height: 26px;
    padding: 0 9px;
}

.permissions-status-badge.active[b-gjbga20ste] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 11%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 72%, #123a2b);
}

.permissions-status-badge.inactive[b-gjbga20ste] {
    background: color-mix(in srgb, #d92d20 10%, white);
    color: #b42318;
}

.permissions-empty-cell[b-gjbga20ste] {
    color: #61756e;
    text-align: center !important;
}

@media (max-width: 1180px) {
    .permissions-grid[b-gjbga20ste],
    .permissions-summary-grid[b-gjbga20ste] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .permissions-header[b-gjbga20ste],
    .permissions-panel-heading[b-gjbga20ste],
    .permissions-panel-heading.compact[b-gjbga20ste],
    .permissions-status-control[b-gjbga20ste] {
        align-items: stretch;
        flex-direction: column;
    }

    .permissions-header-actions[b-gjbga20ste],
    .permissions-form-actions[b-gjbga20ste],
    .permissions-menu-actions[b-gjbga20ste] {
        justify-content: stretch;
    }

    .permissions-header-actions > *[b-gjbga20ste],
    .permissions-form-actions button[b-gjbga20ste],
    .permissions-menu-actions button[b-gjbga20ste] {
        width: 100%;
    }

    .permissions-form-grid[b-gjbga20ste],
    .permissions-menu-list[b-gjbga20ste] {
        grid-template-columns: 1fr;
    }

    .permissions-search-box[b-gjbga20ste] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/PotBrandMaster.razor.rz.scp.css */
.pot-brand-page[b-ue1uie6idy] {
    display: grid;
    gap: 20px;
}

.pot-brand-header[b-ue1uie6idy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.pot-brand-header .mud-typography-caption[b-ue1uie6idy] {
    color: var(--pot-theme-color, #2DB970);
    font-weight: 800;
}

.pot-brand-header .mud-typography-h4[b-ue1uie6idy] {
    margin-top: 2px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.pot-brand-actions[b-ue1uie6idy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.pot-brand-grid[b-ue1uie6idy] {
    display: grid;
    grid-template-columns: minmax(360px, .72fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.pot-brand-panel[b-ue1uie6idy] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.pot-brand-panel-heading[b-ue1uie6idy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.pot-brand-panel-heading.compact[b-ue1uie6idy] {
    align-items: center;
}

.pot-brand-panel-heading .mud-typography-h6[b-ue1uie6idy] {
    color: #1e332d;
    font-weight: 800;
}

.pot-brand-panel-heading .mud-typography-body2[b-ue1uie6idy] {
    color: #61756e;
}

.pot-brand-form[b-ue1uie6idy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pot-brand-form label[b-ue1uie6idy] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.pot-brand-form b[b-ue1uie6idy] {
    color: #b42318;
}

.pot-brand-form input[b-ue1uie6idy],
.pot-brand-search input[b-ue1uie6idy] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
}

.pot-brand-form input:focus[b-ue1uie6idy],
.pot-brand-search input:focus[b-ue1uie6idy] {
    border-color: var(--pot-theme-color, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-theme-color, #2DB970) 16%, transparent);
}

.pot-brand-toggle[b-ue1uie6idy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
}

.pot-brand-toggle div[b-ue1uie6idy] {
    display: grid;
    gap: 3px;
}

.pot-brand-toggle strong[b-ue1uie6idy] {
    color: #1e332d;
}

.pot-brand-toggle span[b-ue1uie6idy] {
    color: #61756e;
    font-size: 13px;
}

.pot-brand-switch[b-ue1uie6idy] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pot-brand-switch input[b-ue1uie6idy] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pot-brand-switch span[b-ue1uie6idy] {
    position: relative;
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: #dc2626;
    transition: background 160ms ease;
}

.pot-brand-switch span[b-ue1uie6idy]::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(20, 40, 33, .18);
    transition: transform 160ms ease;
}

.pot-brand-switch input:checked + span[b-ue1uie6idy] {
    background: var(--pot-theme-color, #2DB970);
}

.pot-brand-switch input:checked + span[b-ue1uie6idy]::after {
    transform: translateX(20px);
}

.pot-brand-switch em[b-ue1uie6idy] {
    min-width: 34px;
    color: #b42318;
    font-style: normal;
    font-weight: 800;
}

.pot-brand-switch input:checked + span + em[b-ue1uie6idy] {
    color: #1e332d;
}

.pot-brand-form-actions[b-ue1uie6idy] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.pot-brand-primary[b-ue1uie6idy],
.pot-brand-secondary[b-ue1uie6idy],
.pot-brand-icon-button[b-ue1uie6idy] {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.pot-brand-primary[b-ue1uie6idy] {
    background: var(--pot-theme-color, #2DB970);
    color: #ffffff;
}

.pot-brand-primary:disabled[b-ue1uie6idy] {
    border-color: #d6e4de;
    background: #e8efec;
    color: #8a9a94;
    cursor: not-allowed;
}

.pot-brand-secondary[b-ue1uie6idy] {
    border-color: #d6e4de;
    background: #ffffff;
    color: #1e332d;
}

.pot-brand-search[b-ue1uie6idy] {
    position: relative;
    min-width: 240px;
}

.pot-brand-search .mud-icon-root[b-ue1uie6idy] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #61756e;
    font-size: 18px;
}

.pot-brand-search input[b-ue1uie6idy] {
    padding-left: 38px;
}

.pot-brand-table-wrap[b-ue1uie6idy] {
    overflow-x: auto;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.pot-brand-table-wrap table[b-ue1uie6idy] {
    width: 100%;
    border-collapse: collapse;
}

.pot-brand-table-wrap th[b-ue1uie6idy],
.pot-brand-table-wrap td[b-ue1uie6idy] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
}

.pot-brand-table-wrap th[b-ue1uie6idy] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
}

.pot-brand-table-wrap tr:last-child td[b-ue1uie6idy] {
    border-bottom: 0;
}

.pot-brand-table-wrap tr.selected td[b-ue1uie6idy] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
}

.pot-brand-empty[b-ue1uie6idy] {
    color: #61756e;
    text-align: center !important;
}

.pot-brand-status[b-ue1uie6idy] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid #e1ece7;
    border-radius: 999px;
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
    font-weight: 800;
}

.pot-brand-status.on[b-ue1uie6idy] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 38%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 12%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 70%, #123a2b);
}

.pot-brand-status.off[b-ue1uie6idy] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b42318;
}

.pot-brand-icon-button[b-ue1uie6idy] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border-color: #d6e4de;
    background: #ffffff;
    color: var(--pot-theme-color, #2DB970);
}

.pot-brand-icon-button.danger[b-ue1uie6idy] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b42318;
}

@media (max-width: 1180px) {
    .pot-brand-grid[b-ue1uie6idy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .pot-brand-header[b-ue1uie6idy],
    .pot-brand-panel-heading[b-ue1uie6idy],
    .pot-brand-panel-heading.compact[b-ue1uie6idy],
    .pot-brand-toggle[b-ue1uie6idy] {
        display: grid;
    }

    .pot-brand-actions[b-ue1uie6idy],
    .pot-brand-form-actions[b-ue1uie6idy] {
        justify-content: stretch;
    }

    .pot-brand-actions > *[b-ue1uie6idy],
    .pot-brand-form-actions button[b-ue1uie6idy] {
        width: 100%;
    }

    .pot-brand-form[b-ue1uie6idy] {
        grid-template-columns: 1fr;
    }

    .pot-brand-search[b-ue1uie6idy] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/PotTypeMaster.razor.rz.scp.css */
.pot-type-page[b-4hqt1y91s9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pot-type-header[b-4hqt1y91s9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.pot-type-header .mud-typography-caption[b-4hqt1y91s9] {
    color: #24423a;
    font-weight: 700;
}

.pot-type-header .mud-typography-h4[b-4hqt1y91s9] {
    margin-top: 4px;
    color: #001b16;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 800;
    line-height: 1.05;
}

.pot-type-header-actions[b-4hqt1y91s9] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.pot-type-workspace[b-4hqt1y91s9] {
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.pot-type-panel[b-4hqt1y91s9] {
    border: 1px solid #dbe9e3;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 38px rgba(15, 61, 46, 0.06);
}

.pot-type-primary-panel[b-4hqt1y91s9],
.pot-type-list-panel[b-4hqt1y91s9],
.pot-type-form-panel[b-4hqt1y91s9] {
    padding: 18px;
}

.pot-type-panel-heading[b-4hqt1y91s9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.pot-type-panel-heading.compact[b-4hqt1y91s9] {
    align-items: center;
}

.pot-type-panel-heading .mud-typography-h6[b-4hqt1y91s9] {
    color: #0a2d24;
    font-weight: 800;
}

.pot-type-panel-heading .mud-typography-body2[b-4hqt1y91s9] {
    color: #61756e;
}

.pot-type-category-list[b-4hqt1y91s9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pot-type-category[b-4hqt1y91s9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    border: 1px solid #dbe9e3;
    border-radius: 8px;
    background: #ffffff;
    color: #12372d;
    padding: 14px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.pot-type-category:hover[b-4hqt1y91s9],
.pot-type-category.selected[b-4hqt1y91s9] {
    border-color: var(--pot-theme, #2db970);
    background: var(--pot-theme-soft, #e6f7ee);
    box-shadow: inset 3px 0 0 var(--pot-theme, #2db970);
}

.pot-type-category strong[b-4hqt1y91s9],
.pot-type-category small[b-4hqt1y91s9] {
    display: block;
}

.pot-type-category strong[b-4hqt1y91s9] {
    font-weight: 800;
}

.pot-type-category small[b-4hqt1y91s9] {
    margin-top: 3px;
    color: #61756e;
    line-height: 1.35;
}

.pot-type-category em[b-4hqt1y91s9] {
    min-width: 34px;
    border-radius: 999px;
    background: #eff8f3;
    color: #0f3d2e;
    font-style: normal;
    font-weight: 800;
    text-align: center;
    padding: 5px 8px;
}

.pot-type-list-tools[b-4hqt1y91s9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.pot-type-search-box[b-4hqt1y91s9] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: min(320px, 100%);
    border: 1px solid #dbe9e3;
    border-radius: 8px;
    background: #ffffff;
    padding: 9px 12px;
}

.pot-type-search-box input[b-4hqt1y91s9] {
    width: 100%;
    border: 0;
    outline: 0;
    color: #11372e;
    background: transparent;
}

.pot-type-add-button[b-4hqt1y91s9],
.pot-type-primary-button[b-4hqt1y91s9],
.pot-type-secondary-button[b-4hqt1y91s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    border-radius: 8px;
    padding: 0 16px;
    font-weight: 800;
    cursor: pointer;
}

.pot-type-add-button[b-4hqt1y91s9],
.pot-type-secondary-button[b-4hqt1y91s9] {
    border: 1px solid #cfe3da;
    background: #ffffff;
    color: #0f3d2e;
}

.pot-type-primary-button[b-4hqt1y91s9] {
    border: 1px solid var(--pot-theme, #2db970);
    background: var(--pot-theme, #2db970);
    color: var(--pot-theme-contrast, #ffffff);
}

.pot-type-table-wrap[b-4hqt1y91s9] {
    overflow: auto;
    border: 1px solid #e1ece7;
    border-radius: 8px;
}

.pot-type-table-wrap table[b-4hqt1y91s9] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.pot-type-table-wrap th[b-4hqt1y91s9],
.pot-type-table-wrap td[b-4hqt1y91s9] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    color: #193b32;
    vertical-align: middle;
}

.pot-type-table-wrap th[b-4hqt1y91s9] {
    background: #f6faf8;
    color: #456158;
    font-size: 0.82rem;
    font-weight: 800;
    text-align: left;
}

.pot-type-table-wrap tr.selected td[b-4hqt1y91s9] {
    background: #effaf4;
}

.pot-type-table-wrap tr:last-child td[b-4hqt1y91s9] {
    border-bottom: 0;
}

.pot-type-status-pill[b-4hqt1y91s9],
.pot-type-edit-pill[b-4hqt1y91s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.pot-type-status-pill.on[b-4hqt1y91s9],
.pot-type-edit-pill[b-4hqt1y91s9] {
    background: #e9f8f0;
    color: #176d43;
}

.pot-type-status-pill.off[b-4hqt1y91s9] {
    background: #fff1f1;
    color: #b42318;
}

.pot-type-icon-button[b-4hqt1y91s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: 6px;
    border: 1px solid #dbe9e3;
    border-radius: 8px;
    background: #ffffff;
    color: #0f3d2e;
    cursor: pointer;
}

.pot-type-icon-button.danger[b-4hqt1y91s9] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b42318;
}

.pot-type-empty-cell[b-4hqt1y91s9] {
    text-align: center;
    color: #6b7f78;
}

.pot-type-form-grid[b-4hqt1y91s9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pot-type-form-grid label[b-4hqt1y91s9] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #24423a;
    font-weight: 800;
}

.pot-type-form-grid label span b[b-4hqt1y91s9] {
    color: #c2413b;
}

.pot-type-form-grid input[b-4hqt1y91s9],
.pot-type-form-grid select[b-4hqt1y91s9] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #cfe3da;
    border-radius: 8px;
    background: #ffffff;
    color: #0a2d24;
    padding: 0 12px;
    font: inherit;
    font-weight: 700;
    outline: 0;
}

.pot-type-form-grid input:focus[b-4hqt1y91s9],
.pot-type-form-grid select:focus[b-4hqt1y91s9] {
    border-color: var(--pot-theme, #2db970);
    box-shadow: 0 0 0 3px rgba(45, 185, 112, 0.14);
}

.pot-type-toggle-row[b-4hqt1y91s9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    border: 1px solid #cfe3da;
    border-radius: 8px;
    padding: 10px 12px;
}

.pot-type-toggle-row strong[b-4hqt1y91s9],
.pot-type-toggle-row span[b-4hqt1y91s9] {
    display: block;
}

.pot-type-toggle-row span[b-4hqt1y91s9] {
    margin-top: 2px;
    color: #61756e;
    font-size: 0.82rem;
    font-weight: 600;
}

.pot-type-switch[b-4hqt1y91s9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.pot-type-switch input[b-4hqt1y91s9] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pot-type-switch > span[b-4hqt1y91s9] {
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: #cbd5d1;
}

.pot-type-switch > span[b-4hqt1y91s9]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ffffff;
    transition: transform 0.18s ease;
}

.pot-type-switch input:checked + span[b-4hqt1y91s9] {
    background: var(--pot-theme, #2db970);
}

.pot-type-switch input:checked + span[b-4hqt1y91s9]::after {
    transform: translateX(20px);
}

.pot-type-switch em[b-4hqt1y91s9] {
    color: #0f3d2e;
    font-style: normal;
    font-weight: 800;
}

.pot-type-form-actions[b-4hqt1y91s9] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 1100px) {
    .pot-type-workspace[b-4hqt1y91s9] {
        grid-template-columns: 1fr;
    }

    .pot-type-form-grid[b-4hqt1y91s9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .pot-type-header[b-4hqt1y91s9],
    .pot-type-panel-heading.compact[b-4hqt1y91s9],
    .pot-type-list-tools[b-4hqt1y91s9] {
        align-items: stretch;
        flex-direction: column;
    }

    .pot-type-form-grid[b-4hqt1y91s9] {
        grid-template-columns: 1fr;
    }

    .pot-type-header-actions[b-4hqt1y91s9],
    .pot-type-form-actions[b-4hqt1y91s9] {
        width: 100%;
        flex-direction: column;
    }

    .pot-type-form-actions button[b-4hqt1y91s9] {
        width: 100%;
    }
}
/* /Components/Pages/PotWorkspace.razor.rz.scp.css */
.pot-workspace[b-jc9q1ah3hb] {
    display: grid;
    gap: 20px;
}

.pot-workspace-header[b-jc9q1ah3hb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.pot-workspace-header .mud-typography-caption[b-jc9q1ah3hb] {
    color: #16805a;
    font-weight: 800;
}

.pot-workspace-header .mud-typography-h4[b-jc9q1ah3hb] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.pot-workspace-header .mud-typography-body1[b-jc9q1ah3hb] {
    max-width: 760px;
    color: #61756e;
}

.pot-workspace-grid[b-jc9q1ah3hb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.32fr);
    gap: 18px;
    align-items: start;
}

.pot-work-panel[b-jc9q1ah3hb] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.pot-panel-heading[b-jc9q1ah3hb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.pot-panel-heading .mud-typography-h6[b-jc9q1ah3hb] {
    color: #1e332d;
    font-weight: 800;
}

.pot-panel-heading .mud-typography-body2[b-jc9q1ah3hb] {
    color: #61756e;
}

.pot-form-grid[b-jc9q1ah3hb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.pot-form-grid label[b-jc9q1ah3hb] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.pot-form-grid input[b-jc9q1ah3hb],
.pot-form-grid select[b-jc9q1ah3hb] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
}

.pot-form-grid input:focus[b-jc9q1ah3hb],
.pot-form-grid select:focus[b-jc9q1ah3hb] {
    border-color: #16805a;
    box-shadow: 0 0 0 3px rgba(22, 128, 90, 0.13);
}

.pot-upload-zone[b-jc9q1ah3hb] {
    grid-column: 1 / -1;
    min-height: 116px;
    border: 1.5px dashed #b9dfcf;
    border-radius: 14px;
    background: #eef9f3;
    color: #61756e;
    text-align: center;
}

.pot-upload-zone strong[b-jc9q1ah3hb],
.pot-upload-zone span[b-jc9q1ah3hb] {
    display: block;
}

.pot-upload-zone strong[b-jc9q1ah3hb] {
    color: #1e332d;
}

.pot-table-wrap[b-jc9q1ah3hb] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.pot-table-wrap table[b-jc9q1ah3hb] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.pot-table-wrap th[b-jc9q1ah3hb],
.pot-table-wrap td[b-jc9q1ah3hb] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
}

.pot-table-wrap th[b-jc9q1ah3hb] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
}

.pot-table-wrap tr:last-child td[b-jc9q1ah3hb] {
    border-bottom: 0;
}

.pot-tag[b-jc9q1ah3hb] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid #e1ece7;
    border-radius: 999px;
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.pot-tag.green[b-jc9q1ah3hb] {
    border-color: #b9dfcf;
    background: #eef9f3;
    color: #16805a;
}

.pot-tag.warn[b-jc9q1ah3hb] {
    border-color: #f3d69b;
    background: #fff8e8;
    color: #936514;
}

.pot-side-panel[b-jc9q1ah3hb] {
    display: grid;
    gap: 18px;
}

.pot-related-list[b-jc9q1ah3hb] {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.pot-related-list a[b-jc9q1ah3hb] {
    display: grid;
    gap: 2px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #f7faf9;
    color: #1e332d;
    text-decoration: none;
}

.pot-related-list a:hover[b-jc9q1ah3hb] {
    border-color: #b9dfcf;
    background: #eef9f3;
}

.pot-related-list span[b-jc9q1ah3hb] {
    color: #16805a;
    font-size: 12px;
    font-weight: 800;
}

.pot-related-list strong[b-jc9q1ah3hb] {
    font-size: 13px;
}

@media (max-width: 1000px) {
    .pot-workspace-grid[b-jc9q1ah3hb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .pot-workspace-header[b-jc9q1ah3hb],
    .pot-panel-heading[b-jc9q1ah3hb] {
        display: grid;
    }

    .pot-form-grid[b-jc9q1ah3hb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RouteMaster.razor.rz.scp.css */
.route-master-page[b-nesrxd51kh] {
    display: grid;
    gap: 20px;
}

.route-master-header[b-nesrxd51kh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.route-master-header .mud-typography-caption[b-nesrxd51kh] {
    color: var(--pot-theme-color, #2DB970);
    font-weight: 800;
}

.route-master-header .mud-typography-h4[b-nesrxd51kh] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.route-master-header .mud-typography-body1[b-nesrxd51kh] {
    max-width: 760px;
    color: #61756e;
}

.route-header-actions[b-nesrxd51kh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.route-summary-grid[b-nesrxd51kh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.route-summary-card[b-nesrxd51kh] {
    display: grid;
    gap: 4px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.route-summary-card.active[b-nesrxd51kh] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
}

.route-summary-card.inactive[b-nesrxd51kh] {
    border-color: #fecaca;
    background: #fff1f2;
}

.route-summary-card.inactive span[b-nesrxd51kh],
.route-summary-card.inactive small[b-nesrxd51kh] {
    color: #b42318;
}

.route-summary-card.inactive strong[b-nesrxd51kh] {
    color: #b42318;
}

.route-summary-card span[b-nesrxd51kh],
.route-summary-card small[b-nesrxd51kh] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.route-summary-card strong[b-nesrxd51kh] {
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.route-master-grid[b-nesrxd51kh] {
    display: grid;
    grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.route-panel[b-nesrxd51kh] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.route-panel-heading[b-nesrxd51kh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.route-panel-heading.compact[b-nesrxd51kh] {
    align-items: center;
}

.route-panel-heading .mud-typography-h6[b-nesrxd51kh] {
    color: #1e332d;
    font-weight: 800;
}

.route-panel-heading .mud-typography-body2[b-nesrxd51kh] {
    color: #61756e;
}

.route-form-grid[b-nesrxd51kh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.route-form-grid label[b-nesrxd51kh] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.route-form-grid b[b-nesrxd51kh] {
    color: #b42318;
}

.route-form-grid input[b-nesrxd51kh],
.route-search-box input[b-nesrxd51kh] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
}

.route-form-grid input:focus[b-nesrxd51kh],
.route-search-box input:focus[b-nesrxd51kh] {
    border-color: var(--pot-theme-color, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-theme-color, #2DB970) 16%, transparent);
}

.route-toggle-row[b-nesrxd51kh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
}

.route-toggle-row div[b-nesrxd51kh] {
    display: grid;
    gap: 3px;
}

.route-toggle-row strong[b-nesrxd51kh] {
    color: #1e332d;
}

.route-toggle-row span[b-nesrxd51kh] {
    color: #61756e;
    font-size: 13px;
}

.route-switch[b-nesrxd51kh] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.route-switch input[b-nesrxd51kh] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.route-switch span[b-nesrxd51kh] {
    position: relative;
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: #dc2626;
    transition: background 160ms ease;
}

.route-switch span[b-nesrxd51kh]::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(20, 40, 33, 0.18);
    transition: transform 160ms ease;
}

.route-switch input:checked + span[b-nesrxd51kh] {
    background: var(--pot-theme-color, #2DB970);
}

.route-switch input:checked + span[b-nesrxd51kh]::after {
    transform: translateX(20px);
}

.route-switch em[b-nesrxd51kh] {
    min-width: 34px;
    color: #b42318;
    font-style: normal;
    font-weight: 800;
}

.route-switch input:checked + span + em[b-nesrxd51kh] {
    color: #1e332d;
}

.route-form-actions[b-nesrxd51kh] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.route-primary-button[b-nesrxd51kh],
.route-secondary-button[b-nesrxd51kh],
.route-icon-button[b-nesrxd51kh] {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.route-primary-button[b-nesrxd51kh] {
    background: var(--pot-theme-color, #2DB970);
    color: #ffffff;
}

.route-secondary-button[b-nesrxd51kh] {
    border-color: #d6e4de;
    background: #ffffff;
    color: #1e332d;
}

.route-search-box[b-nesrxd51kh] {
    position: relative;
    min-width: 230px;
}

.route-search-box .mud-icon-root[b-nesrxd51kh] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #61756e;
    font-size: 18px;
}

.route-search-box input[b-nesrxd51kh] {
    padding-left: 38px;
}

.route-table-wrap[b-nesrxd51kh] {
    overflow-x: auto;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.route-table-wrap table[b-nesrxd51kh] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.route-table-wrap th[b-nesrxd51kh],
.route-table-wrap td[b-nesrxd51kh] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
}

.route-table-wrap th[b-nesrxd51kh] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
}

.route-table-wrap tr:last-child td[b-nesrxd51kh] {
    border-bottom: 0;
}

.route-table-wrap tr.selected td[b-nesrxd51kh] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
}

.route-empty-cell[b-nesrxd51kh] {
    color: #61756e;
    text-align: center !important;
}

.route-row-actions[b-nesrxd51kh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.route-status-pill[b-nesrxd51kh] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid #e1ece7;
    border-radius: 999px;
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
    font-weight: 800;
}

.route-status-pill.on[b-nesrxd51kh] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 38%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 12%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 70%, #123a2b);
}

.route-status-pill.off[b-nesrxd51kh] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b42318;
}

.route-icon-button[b-nesrxd51kh] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border-color: #d6e4de;
    background: #ffffff;
    color: var(--pot-theme-color, #2DB970);
}

.route-icon-button .mud-icon-root[b-nesrxd51kh] {
    font-size: 18px;
}

.route-icon-button.danger[b-nesrxd51kh] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b42318;
}

@media (max-width: 1180px) {
    .route-master-grid[b-nesrxd51kh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .route-master-header[b-nesrxd51kh],
    .route-panel-heading[b-nesrxd51kh],
    .route-panel-heading.compact[b-nesrxd51kh],
    .route-toggle-row[b-nesrxd51kh] {
        display: grid;
    }

    .route-header-actions[b-nesrxd51kh],
    .route-form-actions[b-nesrxd51kh] {
        justify-content: stretch;
    }

    .route-header-actions > *[b-nesrxd51kh],
    .route-form-actions button[b-nesrxd51kh] {
        width: 100%;
    }

    .route-summary-grid[b-nesrxd51kh],
    .route-form-grid[b-nesrxd51kh] {
        grid-template-columns: 1fr;
    }

    .route-search-box[b-nesrxd51kh] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/RubberPotImages.razor.rz.scp.css */
.rubber-pot-page[b-57d24ixve8] {
    display: grid;
    gap: 18px;
    color: #153229;
}

.rubber-pot-header[b-57d24ixve8] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.rubber-pot-header .mud-typography-caption[b-57d24ixve8],
.rubber-pot-current-title .mud-typography-caption[b-57d24ixve8] {
    color: var(--pot-primary, #2DB970);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rubber-pot-header .mud-typography-h4[b-57d24ixve8],
.rubber-pot-current-title .mud-typography-h5[b-57d24ixve8] {
    color: #123228;
    font-weight: 800;
    letter-spacing: -.02em;
}

.rubber-pot-header .mud-typography-body1[b-57d24ixve8],
.rubber-pot-panel-heading .mud-typography-body2[b-57d24ixve8],
.rubber-pot-current-title .mud-typography-body2[b-57d24ixve8],
.rubber-pot-section-title .mud-typography-body2[b-57d24ixve8],
.rubber-pot-source-header .mud-typography-body2[b-57d24ixve8] {
    color: #66776f;
}

.rubber-pot-header .mud-typography-body1[b-57d24ixve8] {
    max-width: 780px;
}

.rubber-pot-header-actions[b-57d24ixve8] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    min-width: min(100%, 420px);
}

.rubber-pot-pier-search[b-57d24ixve8] {
    flex: 1 1 220px;
    max-width: 260px;
}

.rubber-pot-pier-search[b-57d24ixve8]::deep(.mud-input-control) {
    margin-top: 0;
}

.rubber-pot-shell[b-57d24ixve8] {
    display: grid;
    grid-template-columns: minmax(560px, .95fr) minmax(0, 1.05fr);
    gap: 16px;
    align-items: start;
}

.rubber-pot-panel[b-57d24ixve8],
.rubber-pot-card[b-57d24ixve8] {
    border: 1px solid rgba(45, 185, 112, .16);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(17, 69, 47, .06);
}

.rubber-pot-panel[b-57d24ixve8] {
    padding: 18px;
}

.rubber-pot-selector[b-57d24ixve8] {
    position: sticky;
    top: 84px;
    display: grid;
    gap: 16px;
    align-content: start;
}

.rubber-pot-current[b-57d24ixve8] {
    display: grid;
    gap: 18px;
}

.rubber-pot-panel-heading[b-57d24ixve8],
.rubber-pot-current-title[b-57d24ixve8],
.rubber-pot-card-heading[b-57d24ixve8],
.rubber-pot-section-title[b-57d24ixve8],
.rubber-pot-source-header[b-57d24ixve8] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.rubber-pot-panel-heading .mud-typography-h6[b-57d24ixve8],
.rubber-pot-section-title .mud-typography-h6[b-57d24ixve8],
.rubber-pot-source-header .mud-typography-h6[b-57d24ixve8] {
    color: #16382d;
    font-weight: 800;
}

.rubber-pot-pill[b-57d24ixve8],
.rubber-pot-status[b-57d24ixve8],
.rubber-pot-card-heading em[b-57d24ixve8] {
    border-radius: 999px;
    padding: 5px 10px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.rubber-pot-pill[b-57d24ixve8],
.rubber-pot-status.ok[b-57d24ixve8],
.rubber-pot-card-heading em[b-57d24ixve8] {
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 13%, #fff);
    color: #11683d;
}

.rubber-pot-form-grid[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.rubber-pot-form-grid[b-57d24ixve8] (.mud-input-control) {
    margin-top: 0;
}

.rubber-pot-form-grid label[b-57d24ixve8],
.rubber-pot-size-grid label[b-57d24ixve8],
.rubber-pot-condition-list label[b-57d24ixve8],
.rubber-pot-measurement-row label[b-57d24ixve8] {
    display: grid;
    gap: 6px;
}

.rubber-pot-form-grid span[b-57d24ixve8],
.rubber-pot-choice-block > span[b-57d24ixve8],
.rubber-pot-size-grid span[b-57d24ixve8],
.rubber-pot-condition-list span[b-57d24ixve8],
.rubber-pot-measurement-row span[b-57d24ixve8] {
    color: #546961;
    font-size: .82rem;
    font-weight: 800;
}

.rubber-pot-form-grid input[b-57d24ixve8],
.rubber-pot-form-grid select[b-57d24ixve8],
.rubber-pot-size-grid input[b-57d24ixve8],
.rubber-pot-condition-list input[b-57d24ixve8],
.rubber-pot-measurement-row input[b-57d24ixve8] {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    border: 1px solid #d8e5df;
    border-radius: 10px;
    background: #fbfdfc;
    color: #142f26;
    padding: 8px 10px;
    font: inherit;
    outline: none;
}

.rubber-pot-form-grid input:focus[b-57d24ixve8],
.rubber-pot-form-grid select:focus[b-57d24ixve8],
.rubber-pot-size-grid input:focus[b-57d24ixve8],
.rubber-pot-condition-list input:focus[b-57d24ixve8],
.rubber-pot-measurement-row input:focus[b-57d24ixve8] {
    border-color: var(--pot-primary, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-primary, #2DB970) 16%, transparent);
}

.rubber-pot-choice-block[b-57d24ixve8] {
    display: grid;
    gap: 8px;
}

.rubber-pot-chip-list[b-57d24ixve8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rubber-pot-chip-list button[b-57d24ixve8] {
    border: 1px solid #d8e5df;
    background: #fff;
    color: #315448;
    border-radius: 999px;
    min-height: 36px;
    padding: 0 13px;
    font-weight: 800;
    cursor: pointer;
}

.rubber-pot-chip-list button:hover[b-57d24ixve8] {
    border-color: color-mix(in srgb, var(--pot-primary, #2DB970) 55%, #d8e5df);
}

.rubber-pot-chip-list button.active[b-57d24ixve8] {
    border-color: transparent;
    background: var(--pot-primary, #2DB970);
    color: #fff;
}

.rubber-pot-pier-strip[b-57d24ixve8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.rubber-pot-pier-card[b-57d24ixve8] {
    min-height: 76px;
    border: 1px solid #d8e5df;
    border-radius: 14px;
    background: #fbfdfc;
    color: #39594e;
    display: grid;
    place-items: center;
    gap: 4px;
    font: inherit;
    cursor: default;
}

.rubber-pot-pier-card.active[b-57d24ixve8] {
    border-color: var(--pot-primary, #2DB970);
    background: linear-gradient(180deg, color-mix(in srgb, var(--pot-primary, #2DB970) 16%, #fff), #fff);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--pot-primary, #2DB970) 16%, transparent);
    color: #153229;
}

.rubber-pot-pier-strip small[b-57d24ixve8] {
    color: #6b7d75;
    font-size: .74rem;
    font-weight: 800;
}

.rubber-pot-pier-strip strong[b-57d24ixve8] {
    font-size: 1.05rem;
    font-weight: 900;
}

.rubber-pot-pier-card.active strong[b-57d24ixve8] {
    color: var(--pot-primary, #2DB970);
}

.rubber-pot-pier-input[b-57d24ixve8] {
    width: min(360px, 100%);
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--pot-primary, #2DB970) 44%, #d8e5df);
    border-radius: 10px;
    background: #fff;
    color: var(--pot-primary, #2DB970);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 900;
    text-align: center;
    outline: 0;
    padding: 0 12px;
}

.rubber-pot-pier-input:focus[b-57d24ixve8] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-primary, #2DB970) 18%, transparent);
}

.rubber-pot-quick-summary[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 4px;
}

.rubber-pot-quick-summary div[b-57d24ixve8] {
    display: grid;
    gap: 2px;
    padding: 10px;
    border: 1px solid #edf3f0;
    border-radius: 12px;
    background: #fbfdfc;
}

.rubber-pot-quick-summary span[b-57d24ixve8] {
    color: #697a73;
    font-size: .76rem;
    font-weight: 800;
}

.rubber-pot-quick-summary strong[b-57d24ixve8] {
    color: #16382d;
    font-size: 1.05rem;
}

.rubber-pot-focus-grid[b-57d24ixve8] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(330px, 1.1fr);
    gap: 16px;
}

.rubber-pot-card[b-57d24ixve8] {
    padding: 16px;
}

.rubber-pot-card-heading[b-57d24ixve8] {
    align-items: center;
    margin-bottom: 14px;
}

.rubber-pot-card-heading div[b-57d24ixve8] {
    display: grid;
    gap: 3px;
}

.rubber-pot-card-heading span[b-57d24ixve8] {
    color: #687970;
    font-size: .8rem;
    font-weight: 800;
}

.rubber-pot-card-heading strong[b-57d24ixve8] {
    color: #123228;
    font-size: 1.08rem;
}

.rubber-pot-size-grid[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.rubber-pot-size-grid label[b-57d24ixve8] {
    position: relative;
}

.rubber-pot-size-grid input[b-57d24ixve8] {
    padding-right: 42px;
    font-weight: 800;
    text-align: right;
}

.rubber-pot-size-grid small[b-57d24ixve8] {
    position: absolute;
    right: 12px;
    bottom: 10px;
    color: #6a7b73;
    font-weight: 800;
}

.rubber-pot-condition-list[b-57d24ixve8] {
    display: grid;
    gap: 10px;
}

.rubber-pot-condition-list label[b-57d24ixve8] {
    grid-template-columns: minmax(170px, .85fr) minmax(160px, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid #e3ece8;
    border-radius: 12px;
    background: #fbfdfc;
}

.rubber-pot-measurements[b-57d24ixve8] {
    display: grid;
    gap: 12px;
}

.rubber-pot-measurement-tabs[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.rubber-pot-measurement-tabs button[b-57d24ixve8] {
    min-height: 72px;
    border: 1px solid #dbe9e3;
    border-radius: 14px;
    background: #fbfdfc;
    color: #1e4638;
    padding: 12px 14px;
    display: grid;
    gap: 4px;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.rubber-pot-measurement-tabs button:hover[b-57d24ixve8] {
    border-color: color-mix(in srgb, var(--pot-primary, #2DB970) 55%, #dbe9e3);
}

.rubber-pot-measurement-tabs button.active[b-57d24ixve8] {
    border-color: var(--pot-primary, #2DB970);
    background: linear-gradient(180deg, color-mix(in srgb, var(--pot-primary, #2DB970) 14%, #fff), #fff);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--pot-primary, #2DB970) 14%, transparent);
}

.rubber-pot-measurement-tabs strong[b-57d24ixve8] {
    color: #123228;
    font-size: 1rem;
}

.rubber-pot-measurement-tabs span[b-57d24ixve8] {
    color: #697a73;
    font-size: .82rem;
    font-weight: 800;
}

.rubber-pot-measurement-note[b-57d24ixve8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--pot-primary, #2DB970) 18%, #edf3f0);
    border-radius: 12px;
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 6%, #fff);
    color: #285647;
    font-size: .86rem;
    font-weight: 800;
}

.rubber-pot-upload-group-title[b-57d24ixve8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rubber-pot-upload-group-title strong[b-57d24ixve8] {
    color: #153f31;
    font-size: .95rem;
}

.rubber-pot-upload-group-title span[b-57d24ixve8] {
    color: #6d7f76;
    font-size: .82rem;
    font-weight: 800;
}

.rubber-pot-measurement-grid[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.rubber-pot-measurement-row[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
    min-width: 0;
    padding: 12px;
    border: 1px solid #e3ece8;
    border-radius: 14px;
    background: #fff;
}

.rubber-pot-side[b-57d24ixve8] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 2px;
    color: #123228;
}

.rubber-pot-side span[b-57d24ixve8] {
    color: #6d7f76;
    font-size: .78rem;
    font-weight: 800;
}

.rubber-pot-side strong[b-57d24ixve8] {
    color: #123228;
    font-size: 1.05rem;
    font-weight: 900;
}

.rubber-pot-measurement-row input[b-57d24ixve8] {
    min-width: 0;
    padding: 9px 10px;
    font-weight: 800;
    text-align: right;
}

.rubber-pot-measurement-row .average input[b-57d24ixve8] {
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 8%, #fff);
    color: #11683d;
}

.rubber-pot-images[b-57d24ixve8] {
    border-top: 1px solid #edf3f0;
    padding-top: 16px;
}

.rubber-pot-upload-groups[b-57d24ixve8] {
    display: grid;
    gap: 14px;
    margin-top: 12px;
}

.rubber-pot-upload-group[b-57d24ixve8] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #edf3f0;
    border-radius: 16px;
    background: #fbfdfc;
}

.rubber-pot-upload-grid[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.rubber-pot-upload-card[b-57d24ixve8] {
    min-height: 112px;
    border: 1.5px dashed color-mix(in srgb, var(--pot-primary, #2DB970) 45%, #d9e7e1);
    border-radius: 14px;
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 5%, #fff);
    color: #1d4e3b;
    padding: 12px;
    display: grid;
    justify-items: start;
    align-content: center;
    gap: 7px;
    text-align: left;
    cursor: pointer;
    min-width: 0;
}

.rubber-pot-upload-card:hover[b-57d24ixve8] {
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 9%, #fff);
}

.rubber-pot-upload-card input[b-57d24ixve8] {
    display: none;
}

.rubber-pot-upload-card strong[b-57d24ixve8] {
    color: #16382d;
    font-size: .92rem;
}

.rubber-pot-upload-card span[b-57d24ixve8] {
    color: #66776f;
    font-size: .78rem;
    line-height: 1.3;
}

.rubber-pot-source[b-57d24ixve8] {
    display: grid;
    gap: 14px;
    border-top: 1px solid #edf3f0;
    padding-top: 16px;
}

.rubber-pot-source-grid[b-57d24ixve8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.rubber-pot-source-grid div[b-57d24ixve8] {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid #edf3f0;
    border-radius: 12px;
    background: #fbfdfc;
}

.rubber-pot-source-grid span[b-57d24ixve8] {
    color: #687970;
    font-size: .78rem;
    font-weight: 800;
}

.rubber-pot-source-grid strong[b-57d24ixve8] {
    color: #16382d;
}

.rubber-pot-audit[b-57d24ixve8] {
    padding: 18px;
}

.rubber-pot-audit-heading[b-57d24ixve8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.rubber-pot-audit-heading .mud-typography-h6[b-57d24ixve8] {
    color: #10362d;
    font-weight: 850;
}

.rubber-pot-audit-heading .mud-typography-body2[b-57d24ixve8] {
    color: #667a72;
}

.rubber-pot-audit-empty[b-57d24ixve8] {
    border: 1px dashed #cfe1d9;
    border-radius: 8px;
    color: #667a72;
    padding: 16px;
    text-align: center;
}

.rubber-pot-audit-table-wrap[b-57d24ixve8] {
    overflow: auto;
    border: 1px solid #e1ece7;
    border-radius: 8px;
}

.rubber-pot-audit-table-wrap table[b-57d24ixve8] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.rubber-pot-audit-table-wrap th[b-57d24ixve8],
.rubber-pot-audit-table-wrap td[b-57d24ixve8] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    color: #1f3b33;
    text-align: left;
    vertical-align: top;
}

.rubber-pot-audit-table-wrap th[b-57d24ixve8] {
    background: #f6faf8;
    color: #456158;
    font-size: .82rem;
    font-weight: 850;
}

.rubber-pot-audit-table-wrap tr:last-child td[b-57d24ixve8] {
    border-bottom: 0;
}

.rubber-pot-audit-table-wrap details[b-57d24ixve8] {
    margin-top: 6px;
}

.rubber-pot-audit-table-wrap summary[b-57d24ixve8] {
    color: var(--pot-primary, #2DB970);
    cursor: pointer;
    font-weight: 800;
}

.rubber-pot-audit-table-wrap pre[b-57d24ixve8] {
    max-height: 180px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    border-radius: 8px;
    background: #f7faf9;
    padding: 10px;
}

@media (max-width: 1180px) {
    .rubber-pot-shell[b-57d24ixve8],
    .rubber-pot-focus-grid[b-57d24ixve8] {
        grid-template-columns: 1fr;
    }

    .rubber-pot-selector[b-57d24ixve8] {
        position: static;
    }

    .rubber-pot-upload-grid[b-57d24ixve8],
    .rubber-pot-source-grid[b-57d24ixve8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .rubber-pot-measurement-grid[b-57d24ixve8] {
        grid-template-columns: 1fr;
    }

    .rubber-pot-measurement-row[b-57d24ixve8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rubber-pot-side[b-57d24ixve8] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .rubber-pot-header[b-57d24ixve8],
    .rubber-pot-current-title[b-57d24ixve8],
    .rubber-pot-panel-heading[b-57d24ixve8],
    .rubber-pot-card-heading[b-57d24ixve8],
    .rubber-pot-section-title[b-57d24ixve8],
    .rubber-pot-source-header[b-57d24ixve8] {
        flex-direction: column;
    }

    .rubber-pot-header-actions[b-57d24ixve8] {
        width: 100%;
        justify-content: stretch;
    }

    .rubber-pot-header-actions .mud-button-root[b-57d24ixve8] {
        flex: 1 1 160px;
    }

    .rubber-pot-form-grid[b-57d24ixve8],
    .rubber-pot-quick-summary[b-57d24ixve8],
    .rubber-pot-pier-strip[b-57d24ixve8],
    .rubber-pot-size-grid[b-57d24ixve8],
    .rubber-pot-measurement-tabs[b-57d24ixve8],
    .rubber-pot-upload-grid[b-57d24ixve8],
    .rubber-pot-source-grid[b-57d24ixve8] {
        grid-template-columns: 1fr;
    }

    .rubber-pot-condition-list label[b-57d24ixve8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RubberPotSummary.razor.rz.scp.css */
.rubber-summary-page[b-u7hqr3qkhg] {
    display: grid;
    gap: 16px;
}

.rubber-summary-header[b-u7hqr3qkhg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.rubber-summary-header .mud-typography-caption[b-u7hqr3qkhg] {
    color: #16805a;
    font-weight: 800;
}

.rubber-summary-header .mud-typography-h4[b-u7hqr3qkhg] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 850;
    letter-spacing: 0;
}

.rubber-summary-header .mud-typography-body1[b-u7hqr3qkhg],
.rubber-panel-heading .mud-typography-body2[b-u7hqr3qkhg] {
    color: #61756e;
}

.rubber-summary-actions[b-u7hqr3qkhg] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rubber-global-search[b-u7hqr3qkhg] {
    width: min(420px, 42vw);
}

.rubber-filter-panel[b-u7hqr3qkhg] {
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
}

.rubber-filter-input[b-u7hqr3qkhg] {
    width: 100%;
}

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

.rubber-kpi[b-u7hqr3qkhg] {
    min-height: 92px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
}

.rubber-kpi span[b-u7hqr3qkhg],
.rubber-kpi small[b-u7hqr3qkhg] {
    display: block;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.rubber-kpi strong[b-u7hqr3qkhg] {
    display: block;
    margin: 6px 0 2px;
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

.rubber-summary-layout[b-u7hqr3qkhg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.rubber-table-panel[b-u7hqr3qkhg],
.rubber-detail-panel[b-u7hqr3qkhg] {
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
}

.rubber-panel-heading[b-u7hqr3qkhg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.rubber-panel-heading .mud-typography-h6[b-u7hqr3qkhg] {
    color: #1e332d;
    font-weight: 850;
}

.rubber-table-wrap[b-u7hqr3qkhg] {
    max-height: calc(100vh - 360px);
    overflow: auto;
    border: 1px solid #dce8e4;
    border-radius: 10px;
    background: #ffffff;
}

.rubber-summary-table[b-u7hqr3qkhg] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-variant-numeric: tabular-nums;
}

.rubber-summary-table th[b-u7hqr3qkhg],
.rubber-summary-table td[b-u7hqr3qkhg] {
    min-width: 128px;
    border-bottom: 1px solid #e1ece7;
    border-right: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
    color: #1e332d;
    font-size: 13px;
}

.rubber-summary-table th[b-u7hqr3qkhg] {
    padding: 0;
    position: sticky;
    z-index: 2;
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
    font-weight: 850;
}

.rubber-summary-table .group-row th[b-u7hqr3qkhg] {
    top: 0;
    min-width: auto;
    padding: 10px;
    text-align: center;
    color: #14342b;
    font-size: 13px;
    font-weight: 900;
}

.rubber-summary-table .column-row th[b-u7hqr3qkhg] {
    top: 39px;
}

.rubber-summary-table td[b-u7hqr3qkhg] {
    padding: 11px 12px;
}

.sort-header[b-u7hqr3qkhg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 10px 12px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
}

.sort-mark[b-u7hqr3qkhg] {
    flex: 0 0 auto;
    color: #16805a;
    font-weight: 900;
}

.base-group[b-u7hqr3qkhg] {
    background: #eaf5f0 !important;
}

.pot-a-group[b-u7hqr3qkhg] {
    background: #e9f7ef !important;
}

.pot-b-group[b-u7hqr3qkhg] {
    background: #eef4ff !important;
}

.pot-c-group[b-u7hqr3qkhg] {
    background: #fff6e7 !important;
}

.pot-d-group[b-u7hqr3qkhg] {
    background: #f2f0ff !important;
}

.note-group[b-u7hqr3qkhg] {
    background: #f7faf9 !important;
}

.rubber-summary-table .column-row th:nth-child(2)[b-u7hqr3qkhg],
.rubber-summary-table tbody td:nth-child(2)[b-u7hqr3qkhg] {
    position: sticky;
    left: 0;
    z-index: 3;
    min-width: 132px;
    background: #ffffff;
    box-shadow: 1px 0 0 #dce8e4;
}

.rubber-summary-table .column-row th:nth-child(2)[b-u7hqr3qkhg] {
    z-index: 5;
    background: #edf7f3;
}

.rubber-summary-table tbody tr[b-u7hqr3qkhg] {
    cursor: pointer;
}

.rubber-summary-table tbody tr:hover[b-u7hqr3qkhg],
.rubber-summary-table tbody tr.selected[b-u7hqr3qkhg] {
    background: #f1fbf7;
}

.rubber-summary-table tbody tr:hover td[b-u7hqr3qkhg],
.rubber-summary-table tbody tr.selected td[b-u7hqr3qkhg] {
    background: #f1fbf7;
}

.status-pill[b-u7hqr3qkhg] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
}

.status-pill.ok[b-u7hqr3qkhg] {
    border: 1px solid #b9dfcf;
    background: #eef9f3;
    color: #16805a;
}

.status-pill.issue[b-u7hqr3qkhg] {
    border: 1px solid #f1c37f;
    background: #fff7e8;
    color: #a05b00;
}

.pier-context[b-u7hqr3qkhg],
.dimension-grid[b-u7hqr3qkhg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.pier-context[b-u7hqr3qkhg] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pier-context div[b-u7hqr3qkhg],
.dimension-grid div[b-u7hqr3qkhg] {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    background: #f7faf9;
}

.pier-context span[b-u7hqr3qkhg],
.dimension-grid span[b-u7hqr3qkhg],
.condition-card span[b-u7hqr3qkhg] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.pier-context strong[b-u7hqr3qkhg],
.dimension-grid strong[b-u7hqr3qkhg] {
    color: #1e332d;
    font-size: 16px;
    font-weight: 900;
}

.rubber-pot-tabs[b-u7hqr3qkhg] {
    margin-top: 4px;
}

.rubber-pot-detail[b-u7hqr3qkhg] {
    padding-top: 14px;
}

.measurement-sections[b-u7hqr3qkhg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.condition-grid[b-u7hqr3qkhg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.condition-card[b-u7hqr3qkhg] {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    background: #ffffff;
}

.condition-card strong[b-u7hqr3qkhg] {
    color: #16805a;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
}

.condition-card.issue[b-u7hqr3qkhg] {
    border-color: #f1c37f;
    background: #fff7e8;
}

.condition-card.issue strong[b-u7hqr3qkhg] {
    color: #a05b00;
}

@media (max-width: 1180px) {
    .rubber-summary-layout[b-u7hqr3qkhg],
    .rubber-filter-panel[b-u7hqr3qkhg] {
        grid-template-columns: 1fr;
    }

    .rubber-kpi-grid[b-u7hqr3qkhg],
    .measurement-sections[b-u7hqr3qkhg],
    .condition-grid[b-u7hqr3qkhg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .rubber-summary-header[b-u7hqr3qkhg],
    .rubber-panel-heading[b-u7hqr3qkhg] {
        display: grid;
    }

    .rubber-global-search[b-u7hqr3qkhg] {
        width: 100%;
    }

    .rubber-summary-actions[b-u7hqr3qkhg] {
        align-items: stretch;
    }

    .rubber-kpi-grid[b-u7hqr3qkhg],
    .pier-context[b-u7hqr3qkhg],
    .dimension-grid[b-u7hqr3qkhg],
    .measurement-sections[b-u7hqr3qkhg],
    .condition-grid[b-u7hqr3qkhg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SteelPotImages.razor.rz.scp.css */
.steel-pot-page[b-n42o83ry4s] {
    display: grid;
    gap: 18px;
    color: #153229;
}

.steel-pot-header[b-n42o83ry4s] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.steel-pot-header .mud-typography-caption[b-n42o83ry4s],
.steel-pot-current-title .mud-typography-caption[b-n42o83ry4s] {
    color: var(--pot-primary, #2DB970);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.steel-pot-header .mud-typography-h4[b-n42o83ry4s],
.steel-pot-current-title .mud-typography-h5[b-n42o83ry4s] {
    color: #123228;
    font-weight: 800;
    letter-spacing: -.02em;
}

.steel-pot-header .mud-typography-body1[b-n42o83ry4s],
.steel-pot-panel-heading .mud-typography-body2[b-n42o83ry4s],
.steel-pot-current-title .mud-typography-body2[b-n42o83ry4s],
.steel-pot-section-title .mud-typography-body2[b-n42o83ry4s],
.steel-pot-source-header .mud-typography-body2[b-n42o83ry4s] {
    color: #66776f;
}

.steel-pot-header .mud-typography-body1[b-n42o83ry4s] {
    max-width: 740px;
}

.steel-pot-header-actions[b-n42o83ry4s] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    min-width: min(100%, 520px);
}

.steel-pot-pier-search[b-n42o83ry4s] {
    flex: 1 1 220px;
    max-width: 260px;
}

.steel-pot-pier-search[b-n42o83ry4s]::deep(.mud-input-control) {
    margin-top: 0;
}

.steel-pot-shell[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: 16px;
    align-items: start;
}

.steel-pot-panel[b-n42o83ry4s],
.steel-pot-card[b-n42o83ry4s] {
    border: 1px solid rgba(45, 185, 112, .16);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(17, 69, 47, .06);
}

.steel-pot-panel[b-n42o83ry4s] {
    padding: 18px;
}

.steel-pot-selector[b-n42o83ry4s] {
    position: sticky;
    top: 84px;
    display: grid;
    gap: 20px;
    padding: 30px 28px;
}

.steel-pot-selector .steel-pot-panel-heading[b-n42o83ry4s],
.steel-pot-selector .steel-pot-form-grid[b-n42o83ry4s],
.steel-pot-selector .steel-pot-choice-block[b-n42o83ry4s] {
    padding-inline: 6px;
}

.steel-pot-current[b-n42o83ry4s] {
    display: grid;
    gap: 18px;
}

.steel-pot-panel-heading[b-n42o83ry4s],
.steel-pot-current-title[b-n42o83ry4s],
.steel-pot-card-heading[b-n42o83ry4s],
.steel-pot-section-title[b-n42o83ry4s],
.steel-pot-source-header[b-n42o83ry4s] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.steel-pot-current-title[b-n42o83ry4s] {
    padding: 6px 8px 10px;
}

.steel-pot-current-title > div:first-child[b-n42o83ry4s] {
    flex: 1 1 auto;
    min-width: 0;
}

.steel-pot-panel-heading .mud-typography-h6[b-n42o83ry4s],
.steel-pot-section-title .mud-typography-h6[b-n42o83ry4s],
.steel-pot-source-header .mud-typography-h6[b-n42o83ry4s] {
    color: #16382d;
    font-weight: 800;
}

.steel-pot-pill[b-n42o83ry4s],
.steel-pot-status[b-n42o83ry4s],
.steel-pot-card-heading em[b-n42o83ry4s] {
    border-radius: 999px;
    padding: 5px 10px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.steel-pot-pill[b-n42o83ry4s],
.steel-pot-status.ok[b-n42o83ry4s],
.steel-pot-card-heading em[b-n42o83ry4s] {
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 13%, #fff);
    color: #11683d;
}

.steel-pot-status.issue[b-n42o83ry4s] {
    background: rgba(211, 47, 47, .11);
    color: #c62828;
}

.steel-pot-type-selectors[b-n42o83ry4s] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 12px;
    width: 100%;
    max-width: 650px;
}

.steel-pot-form-grid[b-n42o83ry4s] (.mud-input-control),
.steel-pot-type-selectors[b-n42o83ry4s] (.mud-input-control) {
    margin-top: 0;
}

.steel-pot-type-selectors[b-n42o83ry4s] (.steel-pot-type-select) {
    flex: 1 1 234px;
    max-width: 312px;
}

.steel-pot-form-grid[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.steel-pot-form-grid label[b-n42o83ry4s],
.steel-pot-condition-list label[b-n42o83ry4s] {
    display: grid;
    gap: 6px;
}

.steel-pot-form-grid span[b-n42o83ry4s],
.steel-pot-choice-block > span[b-n42o83ry4s],
.steel-pot-condition-list span[b-n42o83ry4s] {
    color: #546961;
    font-size: .82rem;
    font-weight: 800;
}

.steel-pot-form-grid input[b-n42o83ry4s],
.steel-pot-form-grid select[b-n42o83ry4s],
.steel-pot-condition-list input[b-n42o83ry4s],
.steel-pot-table-wrap input[b-n42o83ry4s] {
    width: 100%;
    min-height: 40px;
    border: 1px solid #d8e5df;
    border-radius: 10px;
    background: #fbfdfc;
    color: #142f26;
    padding: 8px 10px;
    font: inherit;
    outline: none;
}

.steel-pot-form-grid input:focus[b-n42o83ry4s],
.steel-pot-form-grid select:focus[b-n42o83ry4s],
.steel-pot-condition-list input:focus[b-n42o83ry4s],
.steel-pot-table-wrap input:focus[b-n42o83ry4s] {
    border-color: var(--pot-primary, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-primary, #2DB970) 16%, transparent);
}

.steel-pot-choice-block[b-n42o83ry4s] {
    display: grid;
    gap: 8px;
}

.steel-pot-chip-list[b-n42o83ry4s] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.steel-pot-chip-list[b-n42o83ry4s] (.mud-button-root) {
    border-radius: 999px;
    min-height: 36px;
    font-weight: 800;
}

.steel-pot-pier-strip[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.steel-pot-pier-card[b-n42o83ry4s] {
    min-height: 76px;
    border: 1px solid #d8e5df;
    border-radius: 14px;
    background: #fbfdfc;
    color: #39594e;
    display: grid;
    place-items: center;
    gap: 4px;
    font: inherit;
}

.steel-pot-pier-card.active[b-n42o83ry4s] {
    border-color: var(--pot-primary, #2DB970);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--pot-primary, #2DB970) 16%, #fff),
        #fff
    );
    box-shadow: 0 10px 26px color-mix(in srgb, var(--pot-primary, #2DB970) 16%, transparent);
    color: #153229;
}

.steel-pot-pier-strip small[b-n42o83ry4s] {
    color: #6b7d75;
    font-size: .74rem;
    font-weight: 800;
}

.steel-pot-pier-strip strong[b-n42o83ry4s] {
    font-size: 1.05rem;
    font-weight: 900;
}

.steel-pot-pier-card.active strong[b-n42o83ry4s] {
    color: var(--pot-primary, #2DB970);
}

.steel-pot-pier-input[b-n42o83ry4s] {
    width: min(360px, 100%);
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--pot-primary, #2DB970) 44%, #d8e5df);
    border-radius: 10px;
    background: #fff;
    color: var(--pot-primary, #2DB970);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 900;
    text-align: center;
    outline: 0;
    padding: 0 12px;
}

.steel-pot-pier-input:focus[b-n42o83ry4s] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-primary, #2DB970) 18%, transparent);
}

.steel-pot-quick-summary[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 4px;
}

.steel-pot-quick-summary div[b-n42o83ry4s] {
    display: grid;
    gap: 2px;
    padding: 10px;
    border: 1px solid #edf3f0;
    border-radius: 12px;
    background: #fbfdfc;
}

.steel-pot-quick-summary span[b-n42o83ry4s] {
    color: #697a73;
    font-size: .76rem;
    font-weight: 800;
}

.steel-pot-quick-summary strong[b-n42o83ry4s] {
    color: #16382d;
    font-size: 1.05rem;
}

.steel-pot-quick-summary .issue[b-n42o83ry4s] {
    border-color: rgba(211, 47, 47, .2);
    background: #fffafa;
}

.steel-pot-quick-summary .issue strong[b-n42o83ry4s] {
    color: #c62828;
}

.steel-pot-audit[b-n42o83ry4s] {
    padding: 18px;
}

.steel-pot-audit-heading[b-n42o83ry4s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.steel-pot-audit-heading .mud-typography-h6[b-n42o83ry4s] {
    color: #10362d;
    font-weight: 850;
}

.steel-pot-audit-heading .mud-typography-body2[b-n42o83ry4s] {
    color: #667a72;
}

.steel-pot-audit-empty[b-n42o83ry4s] {
    border: 1px dashed #cfe1d9;
    border-radius: 8px;
    color: #667a72;
    padding: 16px;
    text-align: center;
}

.steel-pot-audit-table-wrap[b-n42o83ry4s] {
    overflow: auto;
    border: 1px solid #e1ece7;
    border-radius: 8px;
}

.steel-pot-audit-table-wrap table[b-n42o83ry4s] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.steel-pot-audit-table-wrap th[b-n42o83ry4s],
.steel-pot-audit-table-wrap td[b-n42o83ry4s] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    color: #1f3b33;
    text-align: left;
    vertical-align: top;
}

.steel-pot-audit-table-wrap th[b-n42o83ry4s] {
    background: #f6faf8;
    color: #456158;
    font-size: .82rem;
    font-weight: 850;
}

.steel-pot-audit-table-wrap tr:last-child td[b-n42o83ry4s] {
    border-bottom: 0;
}

.steel-pot-audit-table-wrap details[b-n42o83ry4s] {
    margin-top: 6px;
}

.steel-pot-audit-table-wrap summary[b-n42o83ry4s] {
    color: var(--pot-primary, #2DB970);
    cursor: pointer;
    font-weight: 800;
}

.steel-pot-audit-table-wrap pre[b-n42o83ry4s] {
    max-height: 180px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    border-radius: 8px;
    background: #f7faf9;
    padding: 10px;
}

.steel-pot-focus-grid[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
    gap: 16px;
}

.steel-pot-card[b-n42o83ry4s] {
    padding: 16px;
}

.steel-pot-card-heading[b-n42o83ry4s] {
    align-items: center;
    margin-bottom: 14px;
}

.steel-pot-card-heading div[b-n42o83ry4s] {
    display: grid;
    gap: 3px;
}

.steel-pot-card-heading span[b-n42o83ry4s] {
    color: #687970;
    font-size: .8rem;
    font-weight: 800;
}

.steel-pot-card-heading strong[b-n42o83ry4s] {
    color: #123228;
    font-size: 1.08rem;
}

.steel-pot-table-wrap[b-n42o83ry4s] {
    overflow: auto;
    border: 1px solid #e3ece8;
    border-radius: 12px;
}

.steel-pot-table-wrap table[b-n42o83ry4s] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

.steel-pot-table-wrap th[b-n42o83ry4s],
.steel-pot-table-wrap td[b-n42o83ry4s] {
    padding: 10px 12px;
    border-bottom: 1px solid #edf3f0;
    text-align: left;
    color: #24483c;
}

.steel-pot-table-wrap th[b-n42o83ry4s] {
    background: #f5faf7;
    color: #5a6f66;
    font-size: .78rem;
    text-transform: uppercase;
}

.steel-pot-table-wrap tr:last-child td[b-n42o83ry4s] {
    border-bottom: 0;
}

.steel-pot-movement-grid[b-n42o83ry4s] {
    display: grid;
    gap: 10px;
}

.steel-pot-movement-row[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: minmax(72px, .45fr) repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: end;
    padding: 12px;
    border: 1px solid #e3ece8;
    border-radius: 12px;
    background: #fbfdfc;
}

.steel-pot-movement-point[b-n42o83ry4s] {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.steel-pot-movement-row label:nth-of-type(1)[b-n42o83ry4s] {
    grid-column: 2;
    grid-row: 1;
}

.steel-pot-movement-row label:nth-of-type(2)[b-n42o83ry4s] {
    grid-column: 3;
    grid-row: 1;
}

.steel-pot-movement-row label:nth-of-type(3)[b-n42o83ry4s] {
    grid-column: 2;
    grid-row: 2;
}

.steel-pot-movement-row label:nth-of-type(4)[b-n42o83ry4s] {
    grid-column: 3;
    grid-row: 2;
}

.steel-pot-movement-point[b-n42o83ry4s],
.steel-pot-movement-row label[b-n42o83ry4s] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.steel-pot-movement-point span[b-n42o83ry4s],
.steel-pot-movement-row label span[b-n42o83ry4s] {
    color: #60756c;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.steel-pot-movement-point strong[b-n42o83ry4s] {
    min-height: 40px;
    display: inline-grid;
    align-items: center;
    color: #123228;
    font-size: 1rem;
}

.steel-pot-movement-row input[b-n42o83ry4s] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    border: 1px solid #d8e5df;
    border-radius: 10px;
    background: #ffffff;
    color: #17382d;
    font: inherit;
    font-weight: 800;
    text-align: right;
    padding: 10px 12px;
    outline: none;
}

.steel-pot-movement-row input:focus[b-n42o83ry4s] {
    border-color: var(--pot-primary, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-primary, #2DB970) 16%, transparent);
}

.steel-pot-table-wrap input[b-n42o83ry4s] {
    min-height: 34px;
    max-width: 72px;
    text-align: right;
}

.steel-pot-condition-list[b-n42o83ry4s] {
    display: grid;
    gap: 10px;
}

.steel-pot-condition-list label[b-n42o83ry4s] {
    grid-template-columns: minmax(170px, .85fr) minmax(150px, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid #e3ece8;
    border-radius: 12px;
    background: #fbfdfc;
}

.steel-pot-condition-list label.issue[b-n42o83ry4s] {
    border-color: rgba(211, 47, 47, .22);
    background: #fffafa;
}

.steel-pot-condition-list strong[b-n42o83ry4s] {
    color: #11683d;
    font-size: .8rem;
}

.steel-pot-condition-list label.issue strong[b-n42o83ry4s] {
    color: #c62828;
}

.steel-pot-images[b-n42o83ry4s] {
    border-top: 1px solid #edf3f0;
    padding-top: 16px;
}

.steel-pot-upload-groups[b-n42o83ry4s] {
    display: grid;
    gap: 14px;
    margin-top: 12px;
}

.steel-pot-upload-group[b-n42o83ry4s] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #edf3f0;
    border-radius: 16px;
    background: #fbfdfc;
}

.steel-pot-upload-group-title[b-n42o83ry4s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.steel-pot-upload-group-title strong[b-n42o83ry4s] {
    color: #153f31;
    font-size: .95rem;
}

.steel-pot-upload-group-title span[b-n42o83ry4s] {
    color: #6d7f76;
    font-size: .82rem;
    font-weight: 800;
}

.steel-pot-upload-grid[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.steel-pot-upload-card[b-n42o83ry4s] {
    min-height: 112px;
    border: 1.5px dashed color-mix(in srgb, var(--pot-primary, #2DB970) 45%, #d9e7e1);
    border-radius: 14px;
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 5%, #fff);
    color: #1d4e3b;
    padding: 12px;
    display: grid;
    justify-items: start;
    align-content: center;
    gap: 7px;
    text-align: left;
    cursor: pointer;
    min-width: 0;
}

.steel-pot-upload-card:hover[b-n42o83ry4s] {
    background: color-mix(in srgb, var(--pot-primary, #2DB970) 9%, #fff);
}

.steel-pot-upload-card input[b-n42o83ry4s] {
    display: none;
}

.steel-pot-upload-card strong[b-n42o83ry4s] {
    color: #16382d;
    font-size: .92rem;
}

.steel-pot-upload-card span[b-n42o83ry4s] {
    color: #66776f;
    font-size: .78rem;
    line-height: 1.3;
}

.steel-pot-source[b-n42o83ry4s] {
    display: grid;
    gap: 14px;
}

.steel-pot-source-grid[b-n42o83ry4s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.steel-pot-source-grid div[b-n42o83ry4s] {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid #edf3f0;
    border-radius: 12px;
    background: #fbfdfc;
}

.steel-pot-source-grid span[b-n42o83ry4s] {
    color: #687970;
    font-size: .78rem;
    font-weight: 800;
}

.steel-pot-source-grid strong[b-n42o83ry4s] {
    color: #16382d;
}

.steel-pot-table-wrap.overview table[b-n42o83ry4s] {
    min-width: 860px;
}

@media (max-width: 1180px) {
    .steel-pot-shell[b-n42o83ry4s],
    .steel-pot-focus-grid[b-n42o83ry4s] {
        grid-template-columns: 1fr;
    }

    .steel-pot-selector[b-n42o83ry4s] {
        position: static;
    }

    .steel-pot-upload-grid[b-n42o83ry4s],
    .steel-pot-source-grid[b-n42o83ry4s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steel-pot-movement-row[b-n42o83ry4s] {
        grid-template-columns: minmax(72px, .52fr) repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .steel-pot-header[b-n42o83ry4s],
    .steel-pot-current-title[b-n42o83ry4s],
    .steel-pot-panel-heading[b-n42o83ry4s],
    .steel-pot-card-heading[b-n42o83ry4s],
    .steel-pot-section-title[b-n42o83ry4s],
    .steel-pot-source-header[b-n42o83ry4s] {
        flex-direction: column;
    }

    .steel-pot-header-actions[b-n42o83ry4s] {
        width: 100%;
        justify-content: stretch;
    }

    .steel-pot-header-actions .mud-button-root[b-n42o83ry4s] {
        flex: 1 1 160px;
    }

    .steel-pot-form-grid[b-n42o83ry4s],
    .steel-pot-quick-summary[b-n42o83ry4s],
    .steel-pot-pier-strip[b-n42o83ry4s],
    .steel-pot-upload-grid[b-n42o83ry4s],
    .steel-pot-source-grid[b-n42o83ry4s] {
        grid-template-columns: 1fr;
    }

    .steel-pot-condition-list label[b-n42o83ry4s] {
        grid-template-columns: 1fr;
    }

    .steel-pot-movement-row[b-n42o83ry4s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steel-pot-movement-point[b-n42o83ry4s] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .steel-pot-movement-row label:nth-of-type(1)[b-n42o83ry4s],
    .steel-pot-movement-row label:nth-of-type(2)[b-n42o83ry4s],
    .steel-pot-movement-row label:nth-of-type(3)[b-n42o83ry4s],
    .steel-pot-movement-row label:nth-of-type(4)[b-n42o83ry4s] {
        grid-column: auto;
        grid-row: auto;
    }
}
/* /Components/Pages/SteelPotSummary.razor.rz.scp.css */
.steel-summary-page[b-i4k80qkifw] {
    display: grid;
    gap: 16px;
}

.steel-summary-header[b-i4k80qkifw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.steel-summary-header .mud-typography-caption[b-i4k80qkifw] {
    color: #16805a;
    font-weight: 800;
}

.steel-summary-header .mud-typography-h4[b-i4k80qkifw] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 850;
    letter-spacing: 0;
}

.steel-summary-header .mud-typography-body1[b-i4k80qkifw],
.steel-sheet-toolbar .mud-typography-body2[b-i4k80qkifw] {
    color: #61756e;
}

.steel-summary-actions[b-i4k80qkifw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.steel-global-search[b-i4k80qkifw] {
    width: min(420px, 42vw);
}

.steel-filter-panel[b-i4k80qkifw] {
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
}

.steel-filter-input[b-i4k80qkifw] {
    width: 100%;
}

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

.steel-kpi[b-i4k80qkifw] {
    min-height: 92px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
}

.steel-kpi span[b-i4k80qkifw],
.steel-kpi small[b-i4k80qkifw] {
    display: block;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.steel-kpi strong[b-i4k80qkifw] {
    display: block;
    margin: 6px 0 2px;
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

.steel-summary-layout[b-i4k80qkifw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.steel-sheet-panel[b-i4k80qkifw],
.steel-detail-panel[b-i4k80qkifw] {
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 12px;
    background: #ffffff;
}

.steel-sheet-toolbar[b-i4k80qkifw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.steel-sheet-toolbar .mud-typography-h6[b-i4k80qkifw] {
    color: #1e332d;
    font-weight: 850;
}

.steel-sheet-wrap[b-i4k80qkifw] {
    max-height: calc(100vh - 360px);
    overflow: auto;
    border: 1px solid #dce8e4;
    border-radius: 10px;
    background: #ffffff;
}

.steel-sheet-table[b-i4k80qkifw] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-variant-numeric: tabular-nums;
}

.steel-sheet-table th[b-i4k80qkifw],
.steel-sheet-table td[b-i4k80qkifw] {
    min-width: 132px;
    max-width: 240px;
    padding: 8px 10px;
    border-right: 1px solid #dce8e4;
    border-bottom: 1px solid #dce8e4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #1e332d;
    font-size: 13px;
}

.steel-sheet-table thead th[b-i4k80qkifw] {
    position: sticky;
    z-index: 4;
    background: #f7faf9;
}

.steel-sheet-table .group-row th[b-i4k80qkifw] {
    top: 0;
    min-width: auto;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    color: #14342b;
}

.steel-sheet-table .column-row th[b-i4k80qkifw] {
    top: 39px;
    padding: 0;
}

.steel-sheet-table tbody tr[b-i4k80qkifw] {
    cursor: zoom-in;
}

.steel-sheet-table tbody tr:hover td[b-i4k80qkifw],
.steel-sheet-table tbody tr.selected td[b-i4k80qkifw] {
    background: #f1fbf7;
}

.sort-header[b-i4k80qkifw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 0;
    background: transparent;
    color: #1e332d;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
}

.sort-mark[b-i4k80qkifw] {
    flex: 0 0 auto;
    color: #16805a;
    font-weight: 900;
}

.base-group[b-i4k80qkifw] {
    background: #eaf5f0 !important;
}

.pot-a-group[b-i4k80qkifw] {
    background: #e9f7ef !important;
}

.pot-b-group[b-i4k80qkifw] {
    background: #eef4ff !important;
}

.pot-c-group[b-i4k80qkifw] {
    background: #fff6e7 !important;
}

.pot-d-group[b-i4k80qkifw] {
    background: #f2f0ff !important;
}

.note-group[b-i4k80qkifw] {
    background: #f7faf9 !important;
}

.sticky-col-1[b-i4k80qkifw],
.sticky-col-2[b-i4k80qkifw] {
    position: sticky !important;
    z-index: 5 !important;
}

td.sticky-col-1[b-i4k80qkifw],
th.sticky-col-1[b-i4k80qkifw] {
    left: 0;
    min-width: 110px;
    background: #ffffff;
}

td.sticky-col-2[b-i4k80qkifw],
th.sticky-col-2[b-i4k80qkifw] {
    left: 110px;
    min-width: 130px;
    background: #ffffff;
    box-shadow: 1px 0 0 #dce8e4;
}

thead .sticky-col-1[b-i4k80qkifw],
thead .sticky-col-2[b-i4k80qkifw] {
    z-index: 8 !important;
    background: #edf7f3 !important;
}

.ok-cell[b-i4k80qkifw] {
    color: #16805a !important;
    font-weight: 800;
}

.issue-cell[b-i4k80qkifw] {
    background: #fff1dd !important;
    color: #a05b00 !important;
    font-weight: 900;
}

.steel-detail-panel[b-i4k80qkifw] {
    margin-top: 2px;
}

.pier-context[b-i4k80qkifw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.pier-context div[b-i4k80qkifw],
.pot-detail-head div[b-i4k80qkifw] {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    background: #f7faf9;
}

.pier-context span[b-i4k80qkifw],
.pot-detail-head span[b-i4k80qkifw],
.condition-item span[b-i4k80qkifw] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.pier-context strong[b-i4k80qkifw],
.pot-detail-head strong[b-i4k80qkifw] {
    color: #1e332d;
    font-size: 16px;
    font-weight: 900;
}

.steel-pot-tabs[b-i4k80qkifw] {
    margin-top: 4px;
}

.steel-pot-tab-panel[b-i4k80qkifw] {
    padding: 14px 0 0;
}

.pot-detail-head[b-i4k80qkifw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.movement-grid[b-i4k80qkifw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.condition-list[b-i4k80qkifw] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.condition-item[b-i4k80qkifw] {
    display: grid;
    gap: 2px;
    padding: 11px 12px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    background: #ffffff;
}

.condition-item strong[b-i4k80qkifw] {
    color: #16805a;
    font-weight: 900;
}

.condition-item.issue[b-i4k80qkifw] {
    border-color: #f1c37f;
    background: #fff7e8;
}

.condition-item.issue strong[b-i4k80qkifw] {
    color: #a05b00;
}

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

@media (max-width: 900px) {
    .steel-summary-header[b-i4k80qkifw],
    .steel-sheet-toolbar[b-i4k80qkifw] {
        display: grid;
    }

    .steel-global-search[b-i4k80qkifw] {
        width: 100%;
    }

    .steel-summary-actions[b-i4k80qkifw] {
        align-items: stretch;
    }

    .steel-kpi-grid[b-i4k80qkifw],
    .pier-context[b-i4k80qkifw],
    .pot-detail-head[b-i4k80qkifw],
    .movement-grid[b-i4k80qkifw],
    .condition-list[b-i4k80qkifw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SteelPotType.razor.rz.scp.css */
.steel-type-page[b-qu8gm02unp] {
    display: grid;
    gap: 20px;
}

.steel-type-header[b-qu8gm02unp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.steel-type-header .mud-typography-caption[b-qu8gm02unp] {
    color: var(--pot-theme-color, #2DB970);
    font-weight: 800;
}

.steel-type-header .mud-typography-h4[b-qu8gm02unp] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.steel-type-header .mud-typography-body1[b-qu8gm02unp] {
    max-width: 760px;
    color: #61756e;
}

.steel-type-header-actions[b-qu8gm02unp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.steel-type-summary-grid[b-qu8gm02unp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.steel-type-summary-card[b-qu8gm02unp] {
    display: grid;
    gap: 4px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.steel-type-summary-card.primary[b-qu8gm02unp] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
}

.steel-type-summary-card span[b-qu8gm02unp],
.steel-type-summary-card small[b-qu8gm02unp] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.steel-type-summary-card strong[b-qu8gm02unp] {
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.steel-type-grid[b-qu8gm02unp] {
    display: grid;
    grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.steel-type-panel[b-qu8gm02unp] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.steel-type-panel-heading[b-qu8gm02unp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.steel-type-panel-heading.compact[b-qu8gm02unp] {
    align-items: center;
}

.steel-type-panel-heading .mud-typography-h6[b-qu8gm02unp] {
    color: #1e332d;
    font-weight: 800;
}

.steel-type-panel-heading .mud-typography-body2[b-qu8gm02unp] {
    color: #61756e;
}

.steel-type-code-pill[b-qu8gm02unp] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 72%, #123a2b);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.steel-type-form-grid[b-qu8gm02unp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.steel-type-form-grid label[b-qu8gm02unp] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.steel-type-form-grid b[b-qu8gm02unp] {
    color: #b42318;
}

.steel-type-form-grid input[b-qu8gm02unp],
.steel-type-search-box input[b-qu8gm02unp] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
    box-sizing: border-box;
}

.steel-type-form-grid input:focus[b-qu8gm02unp],
.steel-type-search-box input:focus[b-qu8gm02unp] {
    border-color: var(--pot-theme-color, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-theme-color, #2DB970) 16%, transparent);
}

.steel-type-form-note[b-qu8gm02unp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
    color: #61756e;
    font-size: 13px;
}

.steel-type-form-note .mud-icon-root[b-qu8gm02unp] {
    color: var(--pot-theme-color, #2DB970);
    margin-top: 1px;
}

.steel-type-form-actions[b-qu8gm02unp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.steel-type-primary-button[b-qu8gm02unp],
.steel-type-secondary-button[b-qu8gm02unp],
.steel-type-icon-button[b-qu8gm02unp] {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.steel-type-primary-button[b-qu8gm02unp] {
    background: var(--pot-theme-color, #2DB970);
    color: #ffffff;
}

.steel-type-secondary-button[b-qu8gm02unp] {
    border-color: #d6e4de;
    background: #ffffff;
    color: #1e332d;
}

.steel-type-search-box[b-qu8gm02unp] {
    position: relative;
    min-width: 230px;
}

.steel-type-search-box .mud-icon-root[b-qu8gm02unp] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #61756e;
    font-size: 18px;
}

.steel-type-search-box input[b-qu8gm02unp] {
    padding-left: 38px;
}

.steel-type-table-wrap[b-qu8gm02unp] {
    overflow-x: auto;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.steel-type-table-wrap table[b-qu8gm02unp] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.steel-type-table-wrap th[b-qu8gm02unp],
.steel-type-table-wrap td[b-qu8gm02unp] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
}

.steel-type-table-wrap th[b-qu8gm02unp] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
}

.steel-type-table-wrap tr:last-child td[b-qu8gm02unp] {
    border-bottom: 0;
}

.steel-type-table-wrap tr.selected td[b-qu8gm02unp] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
}

.steel-type-empty-cell[b-qu8gm02unp] {
    color: #61756e;
    text-align: center !important;
}

.steel-type-row-actions[b-qu8gm02unp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.steel-type-icon-button[b-qu8gm02unp] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border-color: #d6e4de;
    background: #ffffff;
    color: var(--pot-theme-color, #2DB970);
}

.steel-type-icon-button .mud-icon-root[b-qu8gm02unp] {
    font-size: 18px;
}

.steel-type-icon-button.danger[b-qu8gm02unp] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b42318;
}

@media (max-width: 1180px) {
    .steel-type-grid[b-qu8gm02unp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .steel-type-header[b-qu8gm02unp],
    .steel-type-panel-heading[b-qu8gm02unp],
    .steel-type-panel-heading.compact[b-qu8gm02unp] {
        display: grid;
    }

    .steel-type-header-actions[b-qu8gm02unp],
    .steel-type-form-actions[b-qu8gm02unp] {
        justify-content: stretch;
    }

    .steel-type-header-actions > *[b-qu8gm02unp],
    .steel-type-form-actions button[b-qu8gm02unp] {
        width: 100%;
    }

    .steel-type-summary-grid[b-qu8gm02unp],
    .steel-type-form-grid[b-qu8gm02unp] {
        grid-template-columns: 1fr;
    }

    .steel-type-search-box[b-qu8gm02unp] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-page[b-00gs002t1r] {
    display: grid;
    gap: 20px;
}

.users-header[b-00gs002t1r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.users-header .mud-typography-caption[b-00gs002t1r] {
    color: var(--pot-theme-color, #2DB970);
    font-weight: 800;
}

.users-header .mud-typography-h4[b-00gs002t1r] {
    margin: 2px 0 6px;
    color: #1e332d;
    font-weight: 800;
    letter-spacing: 0;
}

.users-header .mud-typography-body1[b-00gs002t1r] {
    max-width: 760px;
    color: #61756e;
}

.users-header-actions[b-00gs002t1r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.users-summary-grid[b-00gs002t1r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.users-summary-card[b-00gs002t1r] {
    display: grid;
    gap: 4px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.users-summary-card.primary[b-00gs002t1r] {
    border-color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
}

.users-summary-card.inactive[b-00gs002t1r] {
    border-color: color-mix(in srgb, #d92d20 26%, white);
    background: color-mix(in srgb, #d92d20 8%, white);
}

.users-summary-card span[b-00gs002t1r],
.users-summary-card small[b-00gs002t1r] {
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.users-summary-card strong[b-00gs002t1r] {
    color: #1e332d;
    font-size: 28px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.users-grid[b-00gs002t1r] {
    display: grid;
    grid-template-columns: minmax(380px, 0.72fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.users-panel[b-00gs002t1r] {
    padding: 18px;
    border: 1px solid #e1ece7;
    border-radius: 16px;
    background: #ffffff;
}

.users-panel-heading[b-00gs002t1r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.users-panel-heading.compact[b-00gs002t1r] {
    align-items: center;
}

.users-panel-heading .mud-typography-h6[b-00gs002t1r] {
    color: #1e332d;
    font-weight: 800;
}

.users-panel-heading .mud-typography-body2[b-00gs002t1r] {
    color: #61756e;
}

.users-code-pill[b-00gs002t1r] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-color, #2DB970) 35%, white);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 10%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 72%, #123a2b);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.users-form-grid[b-00gs002t1r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.users-form-grid label[b-00gs002t1r] {
    display: grid;
    gap: 7px;
    color: #61756e;
    font-size: 12px;
    font-weight: 750;
}

.users-form-grid b[b-00gs002t1r] {
    color: #b42318;
}

.users-form-grid input[b-00gs002t1r],
.users-form-grid select[b-00gs002t1r],
.users-search-box input[b-00gs002t1r] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #e1ece7;
    border-radius: 10px;
    padding: 0 12px;
    background: #f7faf9;
    color: #1e332d;
    font: inherit;
    outline: none;
    box-sizing: border-box;
}

.users-form-grid select[b-00gs002t1r] {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #61756e 50%),
        linear-gradient(135deg, #61756e 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 19px,
        calc(100% - 13px) 19px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 34px;
}

.users-form-grid input:focus[b-00gs002t1r],
.users-form-grid select:focus[b-00gs002t1r],
.users-search-box input:focus[b-00gs002t1r] {
    border-color: var(--pot-theme-color, #2DB970);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pot-theme-color, #2DB970) 16%, transparent);
}

.users-status-control[b-00gs002t1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
}

.users-status-control div[b-00gs002t1r] {
    display: grid;
    gap: 3px;
}

.users-status-control strong[b-00gs002t1r] {
    color: #1e332d;
}

.users-status-control span[b-00gs002t1r] {
    color: #61756e;
    font-size: 13px;
}

.users-switch[b-00gs002t1r] {
    position: relative;
    display: inline-flex;
    width: 56px;
    height: 32px;
    flex: 0 0 auto;
}

.users-switch input[b-00gs002t1r] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.users-switch span[b-00gs002t1r] {
    width: 100%;
    border-radius: 999px;
    background: #d92d20;
    cursor: pointer;
    transition: background-color .18s ease;
}

.users-switch span[b-00gs002t1r]::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 6px rgb(15 35 29 / 18%);
    transition: transform .18s ease;
}

.users-switch input:checked + span[b-00gs002t1r] {
    background: var(--pot-theme-color, #2DB970);
}

.users-switch input:checked + span[b-00gs002t1r]::after {
    transform: translateX(24px);
}

.users-form-note[b-00gs002t1r] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #e1ece7;
    border-radius: 14px;
    background: #f7faf9;
    color: #61756e;
    font-size: 13px;
}

.users-form-note .mud-icon-root[b-00gs002t1r] {
    color: var(--pot-theme-color, #2DB970);
    margin-top: 1px;
}

.users-form-actions[b-00gs002t1r] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.users-primary-button[b-00gs002t1r],
.users-secondary-button[b-00gs002t1r],
.users-icon-button[b-00gs002t1r] {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.users-primary-button[b-00gs002t1r] {
    background: var(--pot-theme-color, #2DB970);
    color: #ffffff;
}

.users-secondary-button[b-00gs002t1r] {
    border-color: #d6e4de;
    background: #ffffff;
    color: #1e332d;
}

.users-search-box[b-00gs002t1r] {
    position: relative;
    min-width: 250px;
}

.users-search-box .mud-icon-root[b-00gs002t1r] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #61756e;
    font-size: 18px;
}

.users-search-box input[b-00gs002t1r] {
    padding-left: 38px;
}

.users-table-wrap[b-00gs002t1r] {
    overflow-x: auto;
    border: 1px solid #e1ece7;
    border-radius: 14px;
}

.users-table-wrap table[b-00gs002t1r] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.users-table-wrap th[b-00gs002t1r],
.users-table-wrap td[b-00gs002t1r] {
    padding: 12px 14px;
    border-bottom: 1px solid #e1ece7;
    text-align: left;
    white-space: nowrap;
}

.users-table-wrap th[b-00gs002t1r] {
    background: #f7faf9;
    color: #61756e;
    font-size: 12px;
}

.users-table-wrap tr:last-child td[b-00gs002t1r] {
    border-bottom: 0;
}

.users-table-wrap tr.selected td[b-00gs002t1r] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
}

.users-empty-cell[b-00gs002t1r] {
    color: #61756e;
    text-align: center !important;
}

.users-role-badge[b-00gs002t1r] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--pot-theme-color, #2DB970) 25%, white);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 8%, white);
    color: #1e332d;
    font-size: 12px;
    font-weight: 850;
}

.users-status-badge[b-00gs002t1r] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.users-status-badge.active[b-00gs002t1r] {
    background: color-mix(in srgb, var(--pot-theme-color, #2DB970) 12%, white);
    color: color-mix(in srgb, var(--pot-theme-color, #2DB970) 70%, #123a2b);
}

.users-status-badge.inactive[b-00gs002t1r] {
    background: color-mix(in srgb, #d92d20 12%, white);
    color: #b42318;
}

.users-icon-button[b-00gs002t1r] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border-color: #d6e4de;
    background: #ffffff;
    color: var(--pot-theme-color, #2DB970);
}

.users-icon-button .mud-icon-root[b-00gs002t1r] {
    font-size: 18px;
}

@media (max-width: 1180px) {
    .users-grid[b-00gs002t1r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .users-header[b-00gs002t1r],
    .users-panel-heading[b-00gs002t1r],
    .users-panel-heading.compact[b-00gs002t1r] {
        display: grid;
    }

    .users-header-actions[b-00gs002t1r],
    .users-form-actions[b-00gs002t1r] {
        justify-content: stretch;
    }

    .users-header-actions > *[b-00gs002t1r],
    .users-form-actions button[b-00gs002t1r] {
        width: 100%;
    }

    .users-summary-grid[b-00gs002t1r],
    .users-form-grid[b-00gs002t1r] {
        grid-template-columns: 1fr;
    }

    .users-search-box[b-00gs002t1r] {
        min-width: 0;
        width: 100%;
    }
}