/* /Components/Layout/AppNavTree.razor.rz.scp.css */
.tree-node[b-a250r0b417] {
    padding: 0;
}

.tree-row[b-a250r0b417] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.tree-caret[b-a250r0b417] {
    flex-shrink: 0;
    width: 1.2rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--cb-ink-dim);
    font-size: 0.7rem;
    line-height: 1;
    cursor: pointer;
    text-align: center;
}

    .tree-caret:hover[b-a250r0b417] {
        color: var(--cb-brand);
    }

/* NavLink-Anker in einer Baumzeile: kompakter als die flachen Top-Level-Links. */
.tree-row[b-a250r0b417]  a {
    flex: 1;
    min-width: 0;
    padding: 0.4rem 0.5rem;
    margin-bottom: 0;
    font-size: 0.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Nicht-verlinkte Knoten (Städte-Gruppe, Stadtname). */
.tree-group[b-a250r0b417] {
    flex: 1;
    min-width: 0;
    padding: 0.4rem 0.5rem;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--cb-ink-soft);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tree-children[b-a250r0b417] {
    list-style: none;
    margin: 0;
    padding-left: 0.75rem;
}

/* Blatt-Links ohne eigenen Caret: an der Label-Spalte der Elternzeile ausrichten. */
.tree-leaf[b-a250r0b417]  a {
    display: block;
    padding: 0.35rem 0.5rem 0.35rem 1.6rem;
    margin-bottom: 0;
    font-size: 0.85rem;
}

.tree-info[b-a250r0b417] {
    padding: 0.35rem 0.5rem 0.35rem 1.6rem;
    font-size: 0.82rem;
    font-style: italic;
    color: var(--cb-ink-dim);
}
/* /Components/Layout/EnvironmentSelector.razor.rz.scp.css */
.env[b-iitidr0fje] {
    margin-top: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.env-label[b-iitidr0fje] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cb-ink-mute, #8a8f98);
}

.env-select[b-iitidr0fje] {
    width: 100%;
    padding: 0.4rem 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--cb-ink, #e6e6e6);
    background-color: var(--cb-bg, #1c1d21);
    border: 1px solid var(--cb-rule, #33353b);
    border-radius: 6px;
}

    .env-select:disabled[b-iitidr0fje] {
        opacity: 0.6;
    }

.env-provider[b-iitidr0fje] {
    font-size: 0.7rem;
    color: var(--cb-ink-mute, #8a8f98);
}

/* Produktive Umgebungen deutlich markieren, damit niemand versehentlich in der Prod-DB arbeitet. */
.env--production .env-select[b-iitidr0fje] {
    border-color: var(--cb-danger, #d9534f);
    box-shadow: inset 3px 0 0 0 var(--cb-danger, #d9534f);
}

.env--production .env-label[b-iitidr0fje],
.env--production .env-provider[b-iitidr0fje] {
    color: var(--cb-danger, #d9534f);
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-xsc78i91yj] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout[b-1u5lvgdnjd] {
    display: flex;
    min-height: 100vh;
}

.sidebar[b-1u5lvgdnjd] {
    width: 250px;
    background-color: var(--cb-bg-elev);
    border-right: 1px solid var(--cb-rule);
    color: var(--cb-ink-soft);
    padding: 0;
    flex-shrink: 0;
}

.sidebar-header[b-1u5lvgdnjd] {
    padding: 1.4rem 1.25rem;
    border-bottom: 1px solid var(--cb-rule);
}

    .sidebar-header h2[b-1u5lvgdnjd] {
        margin: 0;
        font-size: 1.15rem;
        color: var(--cb-brand);
        font-weight: 600;
        letter-spacing: -0.02em;
    }

.sidebar-nav[b-1u5lvgdnjd] {
    list-style: none;
    padding: 0.75rem 0.5rem;
    margin: 0;
}

    .sidebar-nav li[b-1u5lvgdnjd] {
        padding: 0;
    }

    .sidebar-nav[b-1u5lvgdnjd]  a {
        display: block;
        padding: 0.55rem 0.75rem;
        margin-bottom: 1px;
        color: var(--cb-ink-soft);
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 500;
        border-radius: 8px;
        border-left: 3px solid transparent;
        transition: background-color 0.15s, color 0.15s;
    }

        .sidebar-nav[b-1u5lvgdnjd]  a:hover {
            background-color: var(--cb-bg-elev-2);
            color: var(--cb-ink);
        }

        .sidebar-nav[b-1u5lvgdnjd]  a.active {
            background-color: #eaf2fa;
            color: var(--cb-brand);
            border-left-color: var(--cb-brand);
            font-weight: 600;
        }

.content[b-1u5lvgdnjd] {
    flex: 1;
    padding: 1.75rem 2.25rem;
    background-color: var(--cb-bg);
    min-width: 0;
}

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

    #blazor-error-ui .dismiss[b-1u5lvgdnjd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.env-pending[b-1u5lvgdnjd] {
    padding: 2rem;
    color: var(--cb-ink-mute, #8a8f98);
    font-size: 0.9rem;
}

.sidebar-logout[b-1u5lvgdnjd] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--cb-rule);
}

    .sidebar-logout button[b-1u5lvgdnjd] {
        width: 100%;
        padding: 0.45rem 0.75rem;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--cb-ink-soft);
        background-color: transparent;
        border: 1px solid var(--cb-rule);
        border-radius: 8px;
        cursor: pointer;
    }

        .sidebar-logout button:hover[b-1u5lvgdnjd] {
            color: var(--cb-ink);
            border-color: var(--cb-ink-mute);
        }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0pcmvp28ck],
.components-reconnect-repeated-attempt-visible[b-0pcmvp28ck],
.components-reconnect-failed-visible[b-0pcmvp28ck],
.components-pause-visible[b-0pcmvp28ck],
.components-resume-failed-visible[b-0pcmvp28ck],
.components-rejoining-animation[b-0pcmvp28ck] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-retrying[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-failed[b-0pcmvp28ck],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0pcmvp28ck] {
    display: block;
}


#components-reconnect-modal[b-0pcmvp28ck] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0pcmvp28ck 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0pcmvp28ck 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0pcmvp28ck 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0pcmvp28ck]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0pcmvp28ck 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0pcmvp28ck {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0pcmvp28ck {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0pcmvp28ck {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0pcmvp28ck] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0pcmvp28ck] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0pcmvp28ck] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0pcmvp28ck] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0pcmvp28ck] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0pcmvp28ck] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0pcmvp28ck] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0pcmvp28ck 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0pcmvp28ck] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0pcmvp28ck {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AppCities.razor.rz.scp.css */
h1[b-8lzludzzgp] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-8lzludzzgp] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-8lzludzzgp] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-8lzludzzgp] {
            text-decoration: underline;
        }

.page-header[b-8lzludzzgp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-8lzludzzgp] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-8lzludzzgp] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-8lzludzzgp] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.loading[b-8lzludzzgp] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-8lzludzzgp] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-8lzludzzgp],
    .data-table td[b-8lzludzzgp] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-8lzludzzgp] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-8lzludzzgp] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-8lzludzzgp] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-8lzludzzgp] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/AppContacts.razor.rz.scp.css */
h1[b-rnr61bl9lu] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-rnr61bl9lu] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-rnr61bl9lu] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-rnr61bl9lu] {
            text-decoration: underline;
        }

.page-header[b-rnr61bl9lu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-rnr61bl9lu] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-rnr61bl9lu] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-rnr61bl9lu] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.loading[b-rnr61bl9lu] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-rnr61bl9lu] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-rnr61bl9lu],
    .data-table td[b-rnr61bl9lu] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-rnr61bl9lu] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-rnr61bl9lu] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-rnr61bl9lu] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-rnr61bl9lu] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/AppContainers.razor.rz.scp.css */
h1[b-iduzwb0pfi] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-iduzwb0pfi] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-iduzwb0pfi] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-iduzwb0pfi] {
            text-decoration: underline;
        }

.page-header[b-iduzwb0pfi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-iduzwb0pfi] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-iduzwb0pfi] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-iduzwb0pfi] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.icon-preview[b-iduzwb0pfi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
}

    .icon-preview[b-iduzwb0pfi]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.loading[b-iduzwb0pfi] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-iduzwb0pfi] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-iduzwb0pfi],
    .data-table td[b-iduzwb0pfi] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-iduzwb0pfi] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-iduzwb0pfi] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-iduzwb0pfi] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-iduzwb0pfi] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/Apps.razor.rz.scp.css */
h1[b-megwl5428k] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-megwl5428k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-megwl5428k] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-megwl5428k] {
        background-color: var(--cb-brand-hover);
    }

.loading[b-megwl5428k] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-megwl5428k] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-megwl5428k],
    .data-table td[b-megwl5428k] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-megwl5428k] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-megwl5428k] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-megwl5428k] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-megwl5428k] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/CityCollectionAreas.razor.rz.scp.css */
h1[b-qhmyh02ahu] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-qhmyh02ahu] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-qhmyh02ahu] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-qhmyh02ahu] {
            text-decoration: underline;
        }

.page-header[b-qhmyh02ahu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-qhmyh02ahu] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-qhmyh02ahu] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-qhmyh02ahu] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.loading[b-qhmyh02ahu] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-qhmyh02ahu] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-qhmyh02ahu],
    .data-table td[b-qhmyh02ahu] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-qhmyh02ahu] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-qhmyh02ahu] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-qhmyh02ahu] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-qhmyh02ahu] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/CityCollectionDistricts.razor.rz.scp.css */
h1[b-66diaa4env] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-66diaa4env] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-66diaa4env] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-66diaa4env] {
            text-decoration: underline;
        }

.page-header[b-66diaa4env] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.header-actions[b-66diaa4env] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.btn-assign[b-66diaa4env] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-bg-elev-2);
    color: var(--cb-brand);
    border: 1px solid var(--cb-rule-strong);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .btn-assign:hover[b-66diaa4env] {
        background-color: var(--cb-brand);
        color: #ffffff;
        border-color: var(--cb-brand);
    }

.btn-cleanup[b-66diaa4env] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-bg-elev-2);
    color: var(--cb-danger);
    border: 1px solid var(--cb-rule-strong);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-cleanup:hover:not(:disabled)[b-66diaa4env] {
        background-color: var(--cb-danger);
        color: #ffffff;
        border-color: var(--cb-danger);
    }

    .btn-cleanup:disabled[b-66diaa4env] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.loading[b-66diaa4env] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-66diaa4env] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-66diaa4env],
    .data-table td[b-66diaa4env] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-66diaa4env] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-66diaa4env] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-66diaa4env] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-66diaa4env] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/CityGarbageTypes.razor.rz.scp.css */
h1[b-2vhpk5t6gh] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-2vhpk5t6gh] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-2vhpk5t6gh] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-2vhpk5t6gh] {
            text-decoration: underline;
        }

.page-header[b-2vhpk5t6gh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-2vhpk5t6gh] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-2vhpk5t6gh] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-2vhpk5t6gh] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.icon-cell[b-2vhpk5t6gh] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.icon-preview[b-2vhpk5t6gh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
    flex-shrink: 0;
}

    .icon-preview[b-2vhpk5t6gh]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.loading[b-2vhpk5t6gh] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-2vhpk5t6gh] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-2vhpk5t6gh],
    .data-table td[b-2vhpk5t6gh] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-2vhpk5t6gh] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-2vhpk5t6gh] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-2vhpk5t6gh] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-2vhpk5t6gh] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/CityPlaceAssignment.razor.rz.scp.css */
h1[b-qg2cow2163] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-qg2cow2163] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-qg2cow2163] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-qg2cow2163] {
            text-decoration: underline;
        }

.page-header[b-qg2cow2163] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-save[b-qg2cow2163] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-save:hover:not(:disabled)[b-qg2cow2163] {
        background-color: var(--cb-brand-hover);
    }

    .btn-save:disabled[b-qg2cow2163] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.loading[b-qg2cow2163] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.status-banner[b-qg2cow2163] {
    margin: 0 0 1rem;
    padding: 0.6rem 0.9rem;
    background: #eaf6ec;
    border: 1px solid #b7ddbf;
    border-radius: 8px;
    color: #1e7a34;
    font-size: 0.88rem;
}

.assign-grid[b-qg2cow2163] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.place-panel[b-qg2cow2163] {
    flex: 0 0 320px;
    position: sticky;
    top: 1rem;
    background: var(--cb-bg-elev);
    border: 1px solid var(--cb-rule);
    border-radius: 12px;
    padding: 1rem;
}

.tree-panel[b-qg2cow2163] {
    flex: 1;
    min-width: 0;
}

    .place-panel h3[b-qg2cow2163],
    .tree-panel h3[b-qg2cow2163] {
        margin: 0 0 0.75rem;
        font-size: 0.95rem;
        color: var(--cb-ink);
    }

.filter[b-qg2cow2163] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
    font-size: 0.9rem;
    box-sizing: border-box;
    margin-bottom: 0.6rem;
}

.place-list[b-qg2cow2163] {
    max-height: 60vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.place-row[b-qg2cow2163] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.9rem;
}

    .place-row:hover[b-qg2cow2163] {
        background: var(--cb-bg-elev-2);
    }

    .place-row.selected[b-qg2cow2163] {
        background: #eaf2fa;
        outline: 1px solid var(--cb-brand-soft);
    }

.place-name[b-qg2cow2163] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-preview[b-qg2cow2163] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
}

    .icon-preview[b-qg2cow2163]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.tree-hint[b-qg2cow2163] {
    color: var(--cb-ink-dim);
    font-style: italic;
}

.toolbar[b-qg2cow2163] {
    margin-bottom: 0.5rem;
}

    .toolbar .count[b-qg2cow2163] {
        font-size: 0.85rem;
        color: var(--cb-ink-soft);
        font-weight: 600;
    }

.assign-tree[b-qg2cow2163],
.assign-tree .tree-children[b-qg2cow2163] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.assign-tree .tree-children[b-qg2cow2163] {
    padding-left: 1.35rem;
}

.tree-node[b-qg2cow2163] {
    padding: 0;
}

.tree-row[b-qg2cow2163] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.3rem;
    border-radius: 6px;
}

    .tree-row:hover[b-qg2cow2163] {
        background: var(--cb-bg-elev-2);
    }

.tree-caret[b-qg2cow2163] {
    flex-shrink: 0;
    width: 1.1rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--cb-ink-dim);
    font-size: 0.7rem;
    line-height: 1;
    cursor: pointer;
    text-align: center;
}

    .tree-caret:hover[b-qg2cow2163] {
        color: var(--cb-brand);
    }

.tree-leaf > .tree-row[b-qg2cow2163] {
    padding-left: 1.5rem;
    cursor: pointer;
}

.tree-check[b-qg2cow2163] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

.tree-text[b-qg2cow2163] {
    font-size: 0.88rem;
    color: var(--cb-ink);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.tree-count[b-qg2cow2163] {
    font-size: 0.78rem;
    color: var(--cb-ink-dim);
    font-variant-numeric: tabular-nums;
}

.tree-info[b-qg2cow2163] {
    padding: 0.3rem 0.5rem 0.3rem 1.5rem;
    font-size: 0.82rem;
    font-style: italic;
    color: var(--cb-ink-dim);
}

.tree-spin[b-qg2cow2163] {
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
}

.holiday-badge[b-qg2cow2163] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cb-danger);
    background: #fde8ee;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
}

@media (max-width: 900px) {
    .assign-grid[b-qg2cow2163] {
        flex-direction: column;
    }

    .place-panel[b-qg2cow2163] {
        position: static;
        flex-basis: auto;
        width: 100%;
    }
}
/* /Components/Pages/CityStreets.razor.rz.scp.css */
h1[b-m9uqaddp1a] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-m9uqaddp1a] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-m9uqaddp1a] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-m9uqaddp1a] {
            text-decoration: underline;
        }

.page-header[b-m9uqaddp1a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-m9uqaddp1a] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-m9uqaddp1a] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-m9uqaddp1a] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.toolbar[b-m9uqaddp1a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter[b-m9uqaddp1a] {
    flex: 1;
    max-width: 360px;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    font-size: 0.9rem;
    box-sizing: border-box;
}

    .filter:focus[b-m9uqaddp1a] {
        outline: none;
        border-color: var(--cb-brand);
    }

.count[b-m9uqaddp1a] {
    font-size: 0.8rem;
    color: var(--cb-ink-soft);
    white-space: nowrap;
}

.loading[b-m9uqaddp1a] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-m9uqaddp1a] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-m9uqaddp1a],
    .data-table td[b-m9uqaddp1a] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-m9uqaddp1a] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-m9uqaddp1a] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-m9uqaddp1a] {
        background-color: var(--cb-bg);
    }

    .data-table tbody tr.replaced td[b-m9uqaddp1a] {
        color: var(--cb-ink-dim);
        font-style: italic;
    }

    .data-table td[b-m9uqaddp1a] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/Clients.razor.rz.scp.css */
h1[b-p8nn2bkmdl] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-p8nn2bkmdl] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.total[b-p8nn2bkmdl] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--cb-brand);
}

.capped[b-p8nn2bkmdl] {
    font-weight: 400;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
}

.toolbar[b-p8nn2bkmdl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.filter[b-p8nn2bkmdl] {
    flex: 1;
    min-width: 220px;
    max-width: 360px;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    font-size: 0.9rem;
    box-sizing: border-box;
}

    .filter:focus[b-p8nn2bkmdl] {
        outline: none;
        border-color: var(--cb-brand);
    }

.scope[b-p8nn2bkmdl] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink);
    white-space: nowrap;
}

    .scope select[b-p8nn2bkmdl] {
        padding: 0.4rem 0.5rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.85rem;
        background: #fff;
    }

        .scope select:focus[b-p8nn2bkmdl] {
            outline: none;
            border-color: var(--cb-brand);
        }

.loading[b-p8nn2bkmdl] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-p8nn2bkmdl] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-p8nn2bkmdl],
    .data-table td[b-p8nn2bkmdl] {
        padding: 0.6rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-p8nn2bkmdl] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-p8nn2bkmdl] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-p8nn2bkmdl] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-p8nn2bkmdl] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }

.mono[b-p8nn2bkmdl] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--cb-ink-soft);
}
/* /Components/Pages/CollectionDistrictDates.razor.rz.scp.css */
h1[b-nj0dgz9pzk] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-nj0dgz9pzk] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-nj0dgz9pzk] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-nj0dgz9pzk] {
            text-decoration: underline;
        }

.page-header[b-nj0dgz9pzk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-nj0dgz9pzk] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-nj0dgz9pzk] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-nj0dgz9pzk] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.header-actions[b-nj0dgz9pzk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.btn-assign[b-nj0dgz9pzk] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-bg-elev-2);
    color: var(--cb-brand);
    border: 1px solid var(--cb-rule-strong);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .btn-assign:hover[b-nj0dgz9pzk] {
        background-color: var(--cb-brand);
        color: #ffffff;
        border-color: var(--cb-brand);
    }

.toolbar[b-nj0dgz9pzk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

    .toolbar label[b-nj0dgz9pzk] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .toolbar select[b-nj0dgz9pzk] {
        padding: 0.4rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        background: #fff;
    }

.count[b-nj0dgz9pzk] {
    font-size: 0.8rem;
    color: var(--cb-ink-soft);
}

.loading[b-nj0dgz9pzk] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-nj0dgz9pzk] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-nj0dgz9pzk],
    .data-table td[b-nj0dgz9pzk] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-nj0dgz9pzk] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-nj0dgz9pzk] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-nj0dgz9pzk] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-nj0dgz9pzk] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/ContactRequests.razor.rz.scp.css */
h1[b-bqt25psdlx] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-bqt25psdlx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
}

.header-left[b-bqt25psdlx] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.total[b-bqt25psdlx] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--cb-brand);
}

.capped[b-bqt25psdlx] {
    font-weight: 400;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
}

.btn-danger[b-bqt25psdlx] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-danger);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-danger:hover[b-bqt25psdlx] {
        background-color: var(--cb-danger-hover);
    }

    .btn-danger:disabled[b-bqt25psdlx] {
        opacity: 0.6;
        cursor: progress;
    }

.overlay[b-bqt25psdlx] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.overlay-box[b-bqt25psdlx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem 2.5rem;
    background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

    .overlay-box p[b-bqt25psdlx] {
        margin: 0;
        font-weight: 600;
        color: var(--cb-ink);
    }

.spinner[b-bqt25psdlx] {
    width: 2.5rem;
    height: 2.5rem;
    border: 4px solid var(--cb-rule);
    border-top-color: var(--cb-brand);
    border-radius: 50%;
    animation: spin-b-bqt25psdlx 0.8s linear infinite;
}

@keyframes spin-b-bqt25psdlx {
    to {
        transform: rotate(360deg);
    }
}

.loading[b-bqt25psdlx] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-bqt25psdlx] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-bqt25psdlx],
    .data-table td[b-bqt25psdlx] {
        padding: 0.6rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-bqt25psdlx] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-bqt25psdlx] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-bqt25psdlx] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-bqt25psdlx] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }

.text-cell[b-bqt25psdlx] {
    max-width: 320px;
}
/* /Components/Pages/ContainerPlaces.razor.rz.scp.css */
h1[b-95zkn7z05i] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-95zkn7z05i] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-95zkn7z05i] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-95zkn7z05i] {
            text-decoration: underline;
        }

.page-header[b-95zkn7z05i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.header-actions[b-95zkn7z05i] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.btn-assign[b-95zkn7z05i] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-bg-elev-2);
    color: var(--cb-brand);
    border: 1px solid var(--cb-rule-strong);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .btn-assign:hover[b-95zkn7z05i] {
        background-color: var(--cb-brand);
        color: #ffffff;
        border-color: var(--cb-brand);
    }

.btn-create[b-95zkn7z05i] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-95zkn7z05i] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-95zkn7z05i] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.loading[b-95zkn7z05i] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-95zkn7z05i] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-95zkn7z05i],
    .data-table td[b-95zkn7z05i] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-95zkn7z05i] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-95zkn7z05i] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-95zkn7z05i] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-95zkn7z05i] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/ContainerPlacesMap.razor.rz.scp.css */
h1[b-7ysppdi1z4] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-7ysppdi1z4] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-7ysppdi1z4] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-7ysppdi1z4] {
            text-decoration: underline;
        }

.page-header[b-7ysppdi1z4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.header-actions[b-7ysppdi1z4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.count[b-7ysppdi1z4] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    font-weight: 600;
}

.btn-assign[b-7ysppdi1z4] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-bg-elev-2);
    color: var(--cb-brand);
    border: 1px solid var(--cb-rule-strong);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .btn-assign:hover[b-7ysppdi1z4] {
        background-color: var(--cb-brand);
        color: #ffffff;
        border-color: var(--cb-brand);
    }

.loading[b-7ysppdi1z4] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.map-hint[b-7ysppdi1z4] {
    font-size: 0.85rem;
    color: var(--cb-ink-dim);
    margin: 0 0 0.6rem;
}

.map-wrapper.hidden[b-7ysppdi1z4] {
    display: none;
}

.container-map[b-7ysppdi1z4] {
    width: 100%;
    height: 70vh;
    min-height: 420px;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
}
/* /Components/Pages/ExternalLinks.razor.rz.scp.css */
h1[b-e5uganuhx1] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-e5uganuhx1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-e5uganuhx1] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-e5uganuhx1] {
        background-color: var(--cb-brand-hover);
    }

.loading[b-e5uganuhx1] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-e5uganuhx1] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-e5uganuhx1],
    .data-table td[b-e5uganuhx1] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-e5uganuhx1] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-e5uganuhx1] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-e5uganuhx1] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-e5uganuhx1] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }

    .data-table td a[b-e5uganuhx1] {
        color: var(--cb-brand);
        word-break: break-all;
    }
/* /Components/Pages/GarbageReports.razor.rz.scp.css */
h1[b-pv930o3kxn] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-pv930o3kxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
}

.header-left[b-pv930o3kxn] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.total[b-pv930o3kxn] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--cb-brand);
}

.capped[b-pv930o3kxn] {
    font-weight: 400;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
}

.btn-danger[b-pv930o3kxn] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-danger);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-danger:hover[b-pv930o3kxn] {
        background-color: var(--cb-danger-hover);
    }

    .btn-danger:disabled[b-pv930o3kxn] {
        opacity: 0.6;
        cursor: progress;
    }

.overlay[b-pv930o3kxn] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.overlay-box[b-pv930o3kxn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem 2.5rem;
    background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

    .overlay-box p[b-pv930o3kxn] {
        margin: 0;
        font-weight: 600;
        color: var(--cb-ink);
    }

.spinner[b-pv930o3kxn] {
    width: 2.5rem;
    height: 2.5rem;
    border: 4px solid var(--cb-rule);
    border-top-color: var(--cb-brand);
    border-radius: 50%;
    animation: spin-b-pv930o3kxn 0.8s linear infinite;
}

@keyframes spin-b-pv930o3kxn {
    to {
        transform: rotate(360deg);
    }
}

.loading[b-pv930o3kxn] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-pv930o3kxn] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-pv930o3kxn],
    .data-table td[b-pv930o3kxn] {
        padding: 0.6rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-pv930o3kxn] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-pv930o3kxn] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-pv930o3kxn] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-pv930o3kxn] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }

.text-cell[b-pv930o3kxn] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/Icons.razor.rz.scp.css */
h1[b-pyi3ccdm3p] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-pyi3ccdm3p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-pyi3ccdm3p] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-pyi3ccdm3p] {
        background-color: var(--cb-brand-hover);
    }

.icon-preview[b-pyi3ccdm3p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
}

    .icon-preview[b-pyi3ccdm3p]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.loading[b-pyi3ccdm3p] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-pyi3ccdm3p] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-pyi3ccdm3p],
    .data-table td[b-pyi3ccdm3p] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-pyi3ccdm3p] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-pyi3ccdm3p] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-pyi3ccdm3p] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-pyi3ccdm3p] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/Import.razor.rz.scp.css */
h1[b-kzsxzeins5] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-ink);
}

.page-header[b-kzsxzeins5] {
    margin-bottom: 1rem;
}

.panel[b-kzsxzeins5] {
    background: var(--cb-bg-elev);
    border: 1px solid var(--cb-rule);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
}

    .panel h3[b-kzsxzeins5] {
        margin: 0 0 0.85rem;
        font-size: 1rem;
        color: var(--cb-ink);
    }

.hint[b-kzsxzeins5] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin: 0.5rem 0 0;
}

.error[b-kzsxzeins5] {
    color: var(--cb-danger);
    font-size: 0.9rem;
}

.radio[b-kzsxzeins5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.app-select[b-kzsxzeins5] {
    margin: 0.4rem 0 0.5rem;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
    font-size: 0.9rem;
    min-width: 280px;
    background: #fff;
}

.btn-create[b-kzsxzeins5] {
    display: inline-block;
    padding: 0.5rem 1.1rem;
    background-color: var(--cb-brand);
    color: var(--cb-on-brand);
    border: none;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

    .btn-create:hover[b-kzsxzeins5] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-kzsxzeins5] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.btn-danger[b-kzsxzeins5] {
    padding: 0.55rem 1.2rem;
    background-color: var(--cb-danger);
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-danger:hover[b-kzsxzeins5] {
        background-color: var(--cb-danger-hover);
    }

    .btn-danger:disabled[b-kzsxzeins5] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.actions-row[b-kzsxzeins5] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .actions-row.confirm[b-kzsxzeins5] {
        margin-top: 1.25rem;
        padding-top: 1rem;
        border-top: 1px solid var(--cb-rule);
    }

.summary[b-kzsxzeins5] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.warnings[b-kzsxzeins5] {
    background: #fdeaea;
    border: 1px solid #e5a0a0;
    color: #b32121;
    font-size: 0.85rem;
    padding: 0.6rem 0.8rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.badge[b-kzsxzeins5] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

    .badge.create[b-kzsxzeins5] {
        background: #e7f6ec;
        color: #1d7a3a;
    }

    .badge.update[b-kzsxzeins5] {
        background: #eef4fb;
        color: var(--cb-brand);
    }

    .badge.same[b-kzsxzeins5] {
        background: var(--cb-bg-elev-2);
        color: var(--cb-ink-soft);
    }

    .badge.weak[b-kzsxzeins5] {
        background: #fff4e3;
        color: #9a6400;
    }

.filter-bar[b-kzsxzeins5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.chip[b-kzsxzeins5] {
    cursor: pointer;
    border: 1px solid transparent;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    transition: opacity 0.12s;
}

    .chip.create[b-kzsxzeins5] {
        background: #e7f6ec;
        color: #1d7a3a;
    }

    .chip.update[b-kzsxzeins5] {
        background: #eef4fb;
        color: var(--cb-brand);
    }

    .chip.same[b-kzsxzeins5] {
        background: var(--cb-bg-elev-2);
        color: var(--cb-ink-soft);
    }

    .chip.off[b-kzsxzeins5] {
        background: transparent;
        border-color: var(--cb-rule);
        color: var(--cb-ink-dim);
    }

.row-filter[b-kzsxzeins5] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
    font-size: 0.85rem;
}

    .row-filter:focus[b-kzsxzeins5] {
        outline: none;
        border-color: var(--cb-brand);
    }

.link-btn[b-kzsxzeins5] {
    background: none;
    border: none;
    color: var(--cb-brand);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.group[b-kzsxzeins5] {
    border: 1px solid var(--cb-rule);
    border-radius: 10px;
    margin-bottom: 0.6rem;
    overflow: hidden;
}

.group-head[b-kzsxzeins5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 0.9rem;
    background: var(--cb-bg-elev-2);
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cb-ink);
}

.badges[b-kzsxzeins5] {
    display: flex;
    gap: 0.4rem;
}

.rows[b-kzsxzeins5] {
    padding: 0.4rem 0.9rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-height: 320px;
    overflow-y: auto;
}

.row[b-kzsxzeins5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
}

.status[b-kzsxzeins5] {
    flex: 0 0 86px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

    .status.create[b-kzsxzeins5] {
        color: #1d7a3a;
    }

    .status.update[b-kzsxzeins5] {
        color: var(--cb-brand);
    }

    .status.same[b-kzsxzeins5] {
        color: var(--cb-ink-dim);
    }

.rlabel[b-kzsxzeins5] {
    flex: 1;
    color: var(--cb-ink);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .rlabel.highlight[b-kzsxzeins5] {
        color: var(--cb-danger);
        font-weight: 700;
    }

.row-note[b-kzsxzeins5] {
    flex: 0 0 auto;
    color: var(--cb-danger);
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.override[b-kzsxzeins5] {
    flex: 0 0 280px;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
    font-size: 0.8rem;
    background: #fff;
}

.result h3[b-kzsxzeins5] {
    color: #1d7a3a;
}

.error-detail[b-kzsxzeins5] {
    margin: 0.5rem 0 0;
    padding: 0.75rem;
    max-height: 20rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.78rem;
    line-height: 1.45;
    background-color: var(--cb-bg, #1c1d21);
    border: 1px solid var(--cb-rule, #33353b);
    border-radius: 6px;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login[b-jng3n55t4n] {
    width: 100%;
    max-width: 22rem;
    padding: 2rem;
    background-color: var(--cb-bg-elev, #26272c);
    border: 1px solid var(--cb-rule, #33353b);
    border-radius: 12px;
}

    .login h1[b-jng3n55t4n] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        letter-spacing: -0.02em;
        color: var(--cb-brand, #6ea8fe);
    }

.login-hint[b-jng3n55t4n] {
    margin: 0.35rem 0 1.5rem;
    font-size: 0.85rem;
    color: var(--cb-ink-mute, #8a8f98);
}

.login-label[b-jng3n55t4n] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cb-ink-mute, #8a8f98);
}

.login-input[b-jng3n55t4n] {
    width: 100%;
    padding: 0.55rem 0.65rem;
    font-size: 0.95rem;
    color: var(--cb-ink, #e6e6e6);
    background-color: var(--cb-bg, #1c1d21);
    border: 1px solid var(--cb-rule, #33353b);
    border-radius: 6px;
}

    .login-input:focus[b-jng3n55t4n] {
        outline: none;
        border-color: var(--cb-brand, #6ea8fe);
    }

.login-error[b-jng3n55t4n] {
    margin: 0.75rem 0 0;
    font-size: 0.85rem;
    color: var(--cb-danger, #d9534f);
}

.login-button[b-jng3n55t4n] {
    width: 100%;
    margin-top: 1.25rem;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    background-color: var(--cb-brand, #6ea8fe);
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

    .login-button:hover[b-jng3n55t4n] {
        filter: brightness(1.08);
    }
/* /Components/Pages/NewsPosts.razor.rz.scp.css */
h1[b-p6vn2n3fjp] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-p6vn2n3fjp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-p6vn2n3fjp] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-p6vn2n3fjp] {
        background-color: var(--cb-brand-hover);
    }

.loading[b-p6vn2n3fjp] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.news-table[b-p6vn2n3fjp] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .news-table th[b-p6vn2n3fjp],
    .news-table td[b-p6vn2n3fjp] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .news-table th[b-p6vn2n3fjp] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .news-table tbody tr:hover[b-p6vn2n3fjp] {
        background-color: var(--cb-bg-elev-2);
    }

    .news-table tbody tr:nth-child(even)[b-p6vn2n3fjp] {
        background-color: var(--cb-bg);
    }

    .news-table td[b-p6vn2n3fjp] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/Places.razor.rz.scp.css */
h1[b-ahs9rgnj47] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-ahs9rgnj47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-ahs9rgnj47] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-ahs9rgnj47] {
        background-color: var(--cb-brand-hover);
    }

.icon-preview[b-ahs9rgnj47] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
}

    .icon-preview[b-ahs9rgnj47]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.loading[b-ahs9rgnj47] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-ahs9rgnj47] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-ahs9rgnj47],
    .data-table td[b-ahs9rgnj47] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-ahs9rgnj47] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-ahs9rgnj47] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-ahs9rgnj47] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-ahs9rgnj47] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }
/* /Components/Pages/StreetDistricts.razor.rz.scp.css */
h1[b-qlpoh8mzd6] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.breadcrumb[b-qlpoh8mzd6] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
    margin-bottom: 0.75rem;
}

    .breadcrumb a[b-qlpoh8mzd6] {
        color: var(--cb-brand);
        text-decoration: none;
        font-weight: 600;
    }

        .breadcrumb a:hover[b-qlpoh8mzd6] {
            text-decoration: underline;
        }

.page-header[b-qlpoh8mzd6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-qlpoh8mzd6] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-qlpoh8mzd6] {
        background-color: var(--cb-brand-hover);
    }

    .btn-create:disabled[b-qlpoh8mzd6] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.loading[b-qlpoh8mzd6] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-qlpoh8mzd6] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-qlpoh8mzd6],
    .data-table td[b-qlpoh8mzd6] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-qlpoh8mzd6] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-qlpoh8mzd6] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-qlpoh8mzd6] {
        background-color: var(--cb-bg);
    }

    .data-table tbody tr.superseded td[b-qlpoh8mzd6] {
        color: var(--cb-ink-dim);
    }

    .data-table td[b-qlpoh8mzd6] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }

.replaced-info[b-qlpoh8mzd6] {
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
}
/* /Components/Pages/TranslationStrings.razor.rz.scp.css */
h1[b-bkx69wj1ea] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--cb-brand);
}

.page-header[b-bkx69wj1ea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.btn-create[b-bkx69wj1ea] {
    padding: 0.5rem 1rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-create:hover[b-bkx69wj1ea] {
        background-color: var(--cb-brand-hover);
    }

.toolbar[b-bkx69wj1ea] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter[b-bkx69wj1ea] {
    flex: 1;
    max-width: 400px;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    font-size: 0.9rem;
    box-sizing: border-box;
}

    .filter:focus[b-bkx69wj1ea] {
        outline: none;
        border-color: var(--cb-brand);
    }

.scope[b-bkx69wj1ea] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink);
    white-space: nowrap;
}

    .scope select[b-bkx69wj1ea] {
        padding: 0.4rem 0.5rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.85rem;
        background: #fff;
    }

        .scope select:focus[b-bkx69wj1ea] {
            outline: none;
            border-color: var(--cb-brand);
        }

.count[b-bkx69wj1ea] {
    font-size: 0.8rem;
    color: var(--cb-ink-soft);
    white-space: nowrap;
}

.loading[b-bkx69wj1ea] {
    color: var(--cb-ink-soft);
    font-style: italic;
}

.data-table[b-bkx69wj1ea] {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .data-table th[b-bkx69wj1ea],
    .data-table td[b-bkx69wj1ea] {
        padding: 0.65rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--cb-rule);
    }

    .data-table th[b-bkx69wj1ea] {
        background-color: var(--cb-brand);
        color: #ffffff;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .data-table tbody tr:hover[b-bkx69wj1ea] {
        background-color: var(--cb-bg-elev-2);
    }

    .data-table tbody tr:nth-child(even)[b-bkx69wj1ea] {
        background-color: var(--cb-bg);
    }

    .data-table td[b-bkx69wj1ea] {
        font-size: 0.9rem;
        color: var(--cb-ink);
    }

.name-cell[b-bkx69wj1ea] {
    font-family: monospace;
    font-size: 0.85rem;
}

.sort-header[b-bkx69wj1ea] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

    .sort-header:hover[b-bkx69wj1ea] {
        opacity: 0.85;
    }

/* /Components/Shared/ActionsMenu.razor.rz.scp.css */
.actions-menu[b-558igxmf5z] {
    position: relative;
    display: inline-block;
}

.actions-trigger[b-558igxmf5z] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.9rem;
    background-color: var(--cb-brand);
    color: var(--cb-on-brand);
    border: none;
    border-radius: 999px;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

    .actions-trigger:hover[b-558igxmf5z] {
        background-color: var(--cb-brand-hover);
    }

.caret[b-558igxmf5z] {
    font-size: 0.7rem;
}

.actions-backdrop[b-558igxmf5z] {
    position: fixed;
    inset: 0;
    z-index: 1090;
}

.actions-panel[b-558igxmf5z] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1100;
    min-width: 200px;
    margin-top: 4px;
    background: var(--cb-bg-elev);
    border: 1px solid var(--cb-rule);
    border-radius: 12px;
    box-shadow: var(--cb-shadow);
    display: flex;
    flex-direction: column;
    padding: 0.35rem;
    overflow: hidden;
}

    .actions-panel[b-558igxmf5z]  .action-item {
        display: block;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        padding: 0.5rem 0.7rem;
        background: none;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-family: inherit;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--cb-ink);
        text-decoration: none;
        white-space: nowrap;
    }

        .actions-panel[b-558igxmf5z]  .action-item:hover {
            background-color: var(--cb-bg-elev-2);
            color: var(--cb-brand);
        }

        .actions-panel[b-558igxmf5z]  .action-item.danger {
            color: var(--cb-danger);
        }

            .actions-panel[b-558igxmf5z]  .action-item.danger:hover {
                background-color: #fbe9ef;
                color: var(--cb-danger);
            }
/* /Components/Shared/AppModal.razor.rz.scp.css */
.modal-overlay[b-0n6l7slxue] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-0n6l7slxue] {
    background: #ffffff;
    width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-0n6l7slxue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-0n6l7slxue] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-0n6l7slxue] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-0n6l7slxue] {
        color: #ff6b6b;
    }

.modal-body[b-0n6l7slxue] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-row[b-0n6l7slxue] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-0n6l7slxue] {
        flex: 1;
    }

.form-group[b-0n6l7slxue] {
    margin-bottom: 1rem;
}

    .form-group label[b-0n6l7slxue] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-0n6l7slxue],
    .form-group select[b-0n6l7slxue],
    .form-group textarea[b-0n6l7slxue] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-0n6l7slxue],
        .form-group select:focus[b-0n6l7slxue],
        .form-group textarea:focus[b-0n6l7slxue] {
            outline: none;
            border-color: var(--cb-brand);
        }

.form-check label[b-0n6l7slxue] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.form-check input[b-0n6l7slxue] {
    width: auto;
}

.field-error[b-0n6l7slxue] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-0n6l7slxue] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-0n6l7slxue],
.btn-save[b-0n6l7slxue] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-0n6l7slxue] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-0n6l7slxue] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-0n6l7slxue] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-0n6l7slxue] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/CityModal.razor.rz.scp.css */
.modal-overlay[b-ypd80f9b0h] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-ypd80f9b0h] {
    background: #ffffff;
    width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-ypd80f9b0h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-ypd80f9b0h] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-ypd80f9b0h] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-ypd80f9b0h] {
        color: #ff6b6b;
    }

.modal-body[b-ypd80f9b0h] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-ypd80f9b0h] {
    margin-bottom: 1rem;
}

    .form-group label[b-ypd80f9b0h] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-ypd80f9b0h] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-ypd80f9b0h] {
            outline: none;
            border-color: var(--cb-brand);
        }

.field-error[b-ypd80f9b0h] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-ypd80f9b0h] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-ypd80f9b0h],
.btn-save[b-ypd80f9b0h] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-ypd80f9b0h] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-ypd80f9b0h] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-ypd80f9b0h] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-ypd80f9b0h] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/CollectionAreaModal.razor.rz.scp.css */
.modal-overlay[b-35umy06442] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-35umy06442] {
    background: #ffffff;
    width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-35umy06442] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-35umy06442] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-35umy06442] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-35umy06442] {
        color: #ff6b6b;
    }

.modal-body[b-35umy06442] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-35umy06442] {
    margin-bottom: 1rem;
}

    .form-group label[b-35umy06442] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[type="text"][b-35umy06442] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input[type="text"]:focus[b-35umy06442] {
            outline: none;
            border-color: var(--cb-brand);
        }

.form-check label[b-35umy06442] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.field-error[b-35umy06442] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.translation-tabs[b-35umy06442] {
    margin-top: 0.5rem;
}

.tab-header[b-35umy06442] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-35umy06442] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .tab-button:hover[b-35umy06442] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-35umy06442] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.tab-content[b-35umy06442] {
    padding-top: 1rem;
}

.modal-footer[b-35umy06442] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-35umy06442],
.btn-save[b-35umy06442] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-35umy06442] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-35umy06442] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-35umy06442] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-35umy06442] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/CollectionDateModal.razor.rz.scp.css */
.modal-overlay[b-z93k2n2pdc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-z93k2n2pdc] {
    background: #ffffff;
    width: 520px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-z93k2n2pdc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-z93k2n2pdc] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-z93k2n2pdc] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-z93k2n2pdc] {
        color: #ff6b6b;
    }

.modal-body[b-z93k2n2pdc] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-z93k2n2pdc] {
    margin-bottom: 1rem;
}

    .form-group label[b-z93k2n2pdc] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[type="date"][b-z93k2n2pdc],
    .form-group textarea[b-z93k2n2pdc] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input[type="date"]:focus[b-z93k2n2pdc],
        .form-group textarea:focus[b-z93k2n2pdc] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-z93k2n2pdc] {
        resize: vertical;
    }

.form-check label[b-z93k2n2pdc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.form-check input[b-z93k2n2pdc] {
    width: auto;
}

.field-hint[b-z93k2n2pdc] {
    display: block;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field-error[b-z93k2n2pdc] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-z93k2n2pdc] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-z93k2n2pdc],
.btn-save[b-z93k2n2pdc] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-z93k2n2pdc] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-z93k2n2pdc] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-z93k2n2pdc] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-z93k2n2pdc] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/CollectionDistrictModal.razor.rz.scp.css */
.modal-overlay[b-pag318lldf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-pag318lldf] {
    background: #ffffff;
    width: 560px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-pag318lldf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-pag318lldf] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-pag318lldf] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-pag318lldf] {
        color: #ff6b6b;
    }

.modal-body[b-pag318lldf] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.hint[b-pag318lldf] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
}

.check-list[b-pag318lldf] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cb-rule);
}

.check-row[b-pag318lldf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--cb-rule);
    cursor: pointer;
    font-size: 0.9rem;
}

    .check-row:last-child[b-pag318lldf] {
        border-bottom: none;
    }

    .check-row:hover[b-pag318lldf] {
        background-color: var(--cb-bg-elev-2);
    }

    .check-row input[b-pag318lldf] {
        width: auto;
        cursor: pointer;
    }

    .check-row.locked[b-pag318lldf] {
        cursor: default;
        color: var(--cb-ink-dim);
        background-color: var(--cb-bg);
    }

        .check-row.locked input[b-pag318lldf] {
            cursor: not-allowed;
        }

.check-name[b-pag318lldf] {
    flex: 1;
}

.lock-hint[b-pag318lldf] {
    font-size: 0.75rem;
    color: #b06a00;
    white-space: nowrap;
}

.modal-footer[b-pag318lldf] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-pag318lldf],
.btn-save[b-pag318lldf] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-pag318lldf] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-pag318lldf] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-pag318lldf] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-pag318lldf] {
        background-color: var(--cb-brand-hover);
    }

    .btn-save:disabled[b-pag318lldf] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }
/* /Components/Shared/ContactModal.razor.rz.scp.css */
.modal-overlay[b-im8wc2dwmq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-im8wc2dwmq] {
    background: #ffffff;
    width: 640px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-im8wc2dwmq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-im8wc2dwmq] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-im8wc2dwmq] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-im8wc2dwmq] {
        color: #ff6b6b;
    }

.modal-body[b-im8wc2dwmq] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-row[b-im8wc2dwmq] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-im8wc2dwmq] {
        flex: 1;
    }

.form-group[b-im8wc2dwmq] {
    margin-bottom: 1rem;
}

    .form-group label[b-im8wc2dwmq] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-im8wc2dwmq],
    .form-group select[b-im8wc2dwmq] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-im8wc2dwmq],
        .form-group select:focus[b-im8wc2dwmq] {
            outline: none;
            border-color: var(--cb-brand);
        }

.field-error[b-im8wc2dwmq] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-im8wc2dwmq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-im8wc2dwmq],
.btn-save[b-im8wc2dwmq] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-im8wc2dwmq] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-im8wc2dwmq] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-im8wc2dwmq] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-im8wc2dwmq] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/ContactRequestDetailModal.razor.rz.scp.css */
.modal-overlay[b-chud6kk6el] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-chud6kk6el] {
    background: #ffffff;
    width: 640px;
    max-width: 92vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-chud6kk6el] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-chud6kk6el] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-chud6kk6el] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-chud6kk6el] {
        color: #ff6b6b;
    }

.modal-body[b-chud6kk6el] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.detail[b-chud6kk6el] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 0.5rem 1rem;
    margin: 0;
}

    .detail dt[b-chud6kk6el] {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--cb-ink-soft);
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .detail dd[b-chud6kk6el] {
        margin: 0;
        font-size: 0.9rem;
        color: var(--cb-ink);
        word-break: break-word;
    }

    .detail dd.multiline[b-chud6kk6el] {
        white-space: pre-wrap;
        background: var(--cb-bg-elev-2);
        border: 1px solid var(--cb-rule);
        padding: 0.4rem 0.6rem;
        font-family: monospace;
        font-size: 0.82rem;
    }

.modal-footer[b-chud6kk6el] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-chud6kk6el] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-chud6kk6el] {
        background-color: var(--cb-rule-strong);
    }
/* /Components/Shared/ContainerCopyModal.razor.rz.scp.css */
.modal-overlay[b-o81vcg8x24] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-o81vcg8x24] {
    background: #ffffff;
    width: 460px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-o81vcg8x24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-o81vcg8x24] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-o81vcg8x24] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-o81vcg8x24] {
        color: #ff6b6b;
    }

.modal-body[b-o81vcg8x24] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.hint[b-o81vcg8x24] {
    color: var(--cb-ink-soft);
    font-size: 0.9rem;
    margin: 0 0 1rem;
}

.form-group[b-o81vcg8x24] {
    margin-bottom: 1rem;
}

    .form-group label[b-o81vcg8x24] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group select[b-o81vcg8x24] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        border-radius: 8px;
        font-size: 0.9rem;
        box-sizing: border-box;
        background: #fff;
    }

.check-inline[b-o81vcg8x24] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: var(--cb-ink);
    cursor: pointer;
}

.field-error[b-o81vcg8x24] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

.copy-result[b-o81vcg8x24] {
    font-size: 0.95rem;
    color: var(--cb-ink);
    margin: 0;
}

.modal-footer[b-o81vcg8x24] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-o81vcg8x24],
.btn-save[b-o81vcg8x24] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-o81vcg8x24] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-o81vcg8x24] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-o81vcg8x24] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover:not(:disabled)[b-o81vcg8x24] {
        background-color: var(--cb-brand-hover);
    }

    .btn-save:disabled[b-o81vcg8x24] {
        opacity: 0.6;
        cursor: default;
    }
/* /Components/Shared/ContainerPlaceModal.razor.rz.scp.css */
.modal-overlay[b-tarz8bqgu6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-tarz8bqgu6] {
    background: #ffffff;
    width: 700px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-tarz8bqgu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-tarz8bqgu6] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-tarz8bqgu6] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-tarz8bqgu6] {
        color: #ff6b6b;
    }

.modal-body[b-tarz8bqgu6] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.geo-search-bar[b-tarz8bqgu6] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--cb-rule);
    background: var(--cb-bg-elev-2);
}

    .geo-search-bar label[b-tarz8bqgu6] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

.geo-search[b-tarz8bqgu6] {
    display: flex;
    gap: 0.6rem;
}

    .geo-search input[b-tarz8bqgu6] {
        flex: 1;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        border-radius: 8px;
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .geo-search input:focus[b-tarz8bqgu6] {
            outline: none;
            border-color: var(--cb-brand);
        }

.btn-search[b-tarz8bqgu6] {
    flex-shrink: 0;
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    background-color: var(--cb-brand);
    color: #fff;
}

    .btn-search:hover:not(:disabled)[b-tarz8bqgu6] {
        background-color: var(--cb-brand-hover);
    }

    .btn-search:disabled[b-tarz8bqgu6] {
        opacity: 0.6;
        cursor: default;
    }

.geo-results[b-tarz8bqgu6] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
    background: #fff;
    max-height: 180px;
    overflow-y: auto;
}

    .geo-results li + li[b-tarz8bqgu6] {
        border-top: 1px solid var(--cb-rule);
    }

    .geo-results button[b-tarz8bqgu6] {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.5rem 0.7rem;
        border: none;
        background: none;
        font-size: 0.85rem;
        color: var(--cb-ink);
        cursor: pointer;
    }

        .geo-results button:hover[b-tarz8bqgu6] {
            background: var(--cb-bg-elev-2);
            color: var(--cb-brand);
        }

.form-row[b-tarz8bqgu6] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-tarz8bqgu6] {
        flex: 1;
    }

.form-group[b-tarz8bqgu6] {
    margin-bottom: 1rem;
}

    .form-group label[b-tarz8bqgu6] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-tarz8bqgu6],
    .form-group textarea[b-tarz8bqgu6] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-tarz8bqgu6],
        .form-group textarea:focus[b-tarz8bqgu6] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-tarz8bqgu6] {
        resize: vertical;
    }

.map-wrapper[b-tarz8bqgu6] {
    margin-bottom: 1rem;
}

.place-map[b-tarz8bqgu6] {
    width: 100%;
    height: 320px;
    border: 1px solid var(--cb-rule-strong);
}

.field-hint[b-tarz8bqgu6] {
    display: block;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field-error[b-tarz8bqgu6] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-tarz8bqgu6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-tarz8bqgu6],
.btn-save[b-tarz8bqgu6] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-tarz8bqgu6] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-tarz8bqgu6] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-tarz8bqgu6] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-tarz8bqgu6] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/DateCleanupModal.razor.rz.scp.css */
.modal-overlay[b-kl739pkktb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-kl739pkktb] {
    background: #ffffff;
    width: 480px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-kl739pkktb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-kl739pkktb] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-kl739pkktb] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-kl739pkktb] {
        color: #ff6b6b;
    }

.modal-body[b-kl739pkktb] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.hint[b-kl739pkktb] {
    color: var(--cb-ink-soft);
    font-size: 0.9rem;
    margin: 0 0 1rem;
}

.protect-box[b-kl739pkktb] {
    background: #eaf6ec;
    border: 1px solid #b7ddbf;
    border-radius: 8px;
    padding: 0.6rem 0.8rem;
    font-size: 0.85rem;
    color: #1e5c2e;
    margin-bottom: 1.2rem;
    line-height: 1.4;
}

.form-group[b-kl739pkktb] {
    margin-bottom: 1rem;
}

    .form-group label[b-kl739pkktb] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-kl739pkktb] {
        width: 120px;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        border-radius: 8px;
        font-size: 0.9rem;
        box-sizing: border-box;
        background: #fff;
    }

.field-hint[b-kl739pkktb] {
    display: block;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.clamp-note[b-kl739pkktb] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.2rem;
    font-weight: 600;
}

.preview[b-kl739pkktb] {
    font-size: 0.95rem;
    color: var(--cb-ink);
    margin: 0.5rem 0 0;
}

.result[b-kl739pkktb] {
    font-size: 0.95rem;
    color: var(--cb-ink);
    margin: 0;
}

.field-error[b-kl739pkktb] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

.modal-footer[b-kl739pkktb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-kl739pkktb],
.btn-save[b-kl739pkktb],
.btn-danger[b-kl739pkktb] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-kl739pkktb] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-kl739pkktb] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-kl739pkktb] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover:not(:disabled)[b-kl739pkktb] {
        background-color: var(--cb-brand-hover);
    }

.btn-danger[b-kl739pkktb] {
    background-color: var(--cb-danger);
    color: #ffffff;
}

    .btn-danger:hover:not(:disabled)[b-kl739pkktb] {
        background-color: var(--cb-danger-hover);
    }

    .btn-danger:disabled[b-kl739pkktb] {
        opacity: 0.55;
        cursor: default;
    }
/* /Components/Shared/ExternalLinkAssignmentModal.razor.rz.scp.css */
.modal-overlay[b-4q5h4arp53] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-4q5h4arp53] {
    background: #ffffff;
    width: 560px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-4q5h4arp53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-4q5h4arp53] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-4q5h4arp53] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-4q5h4arp53] {
        color: #ff6b6b;
    }

.modal-body[b-4q5h4arp53] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.hint[b-4q5h4arp53] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
}

.filter[b-4q5h4arp53] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    font-size: 0.9rem;
    box-sizing: border-box;
    margin-bottom: 0.75rem;
}

    .filter:focus[b-4q5h4arp53] {
        outline: none;
        border-color: var(--cb-brand);
    }

.check-list[b-4q5h4arp53] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cb-rule);
}

.check-row[b-4q5h4arp53] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--cb-rule);
    cursor: pointer;
    font-size: 0.9rem;
}

    .check-row:last-child[b-4q5h4arp53] {
        border-bottom: none;
    }

    .check-row:hover[b-4q5h4arp53] {
        background-color: var(--cb-bg-elev-2);
    }

    .check-row input[b-4q5h4arp53] {
        width: auto;
        cursor: pointer;
        flex-shrink: 0;
    }

.check-text[b-4q5h4arp53] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.check-name[b-4q5h4arp53] {
    font-weight: 600;
    color: var(--cb-ink);
}

.check-url[b-4q5h4arp53] {
    font-size: 0.8rem;
    color: var(--cb-ink-dim);
    word-break: break-all;
}

.modal-footer[b-4q5h4arp53] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-4q5h4arp53],
.btn-save[b-4q5h4arp53] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-4q5h4arp53] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-4q5h4arp53] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-4q5h4arp53] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-4q5h4arp53] {
        background-color: var(--cb-brand-hover);
    }

    .btn-save:disabled[b-4q5h4arp53] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }
/* /Components/Shared/ExternalLinkModal.razor.rz.scp.css */
.modal-overlay[b-ps83h93y1o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-ps83h93y1o] {
    background: #ffffff;
    width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-ps83h93y1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-ps83h93y1o] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-ps83h93y1o] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-ps83h93y1o] {
        color: #ff6b6b;
    }

.modal-body[b-ps83h93y1o] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-ps83h93y1o] {
    margin-bottom: 1rem;
}

    .form-group label[b-ps83h93y1o] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-ps83h93y1o] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-ps83h93y1o] {
            outline: none;
            border-color: var(--cb-brand);
        }

.field-error[b-ps83h93y1o] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.translation-tabs[b-ps83h93y1o] {
    margin-top: 0.25rem;
}

.tab-header[b-ps83h93y1o] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-ps83h93y1o] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .tab-button:hover[b-ps83h93y1o] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-ps83h93y1o] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.tab-content[b-ps83h93y1o] {
    padding-top: 1rem;
}

.modal-footer[b-ps83h93y1o] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-ps83h93y1o],
.btn-save[b-ps83h93y1o] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-ps83h93y1o] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-ps83h93y1o] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-ps83h93y1o] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-ps83h93y1o] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/GarbageContainerModal.razor.rz.scp.css */
.modal-overlay[b-lphnxjo3xe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-lphnxjo3xe] {
    background: #ffffff;
    width: 660px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-lphnxjo3xe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-lphnxjo3xe] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-lphnxjo3xe] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-lphnxjo3xe] {
        color: #ff6b6b;
    }

.modal-body[b-lphnxjo3xe] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-row[b-lphnxjo3xe] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-lphnxjo3xe] {
        flex: 1;
    }

.form-group[b-lphnxjo3xe] {
    margin-bottom: 1rem;
}

    .form-group label[b-lphnxjo3xe] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-lphnxjo3xe],
    .form-group select[b-lphnxjo3xe],
    .form-group textarea[b-lphnxjo3xe] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-lphnxjo3xe],
        .form-group select:focus[b-lphnxjo3xe],
        .form-group textarea:focus[b-lphnxjo3xe] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-lphnxjo3xe] {
        resize: vertical;
    }

.icon-select[b-lphnxjo3xe] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .icon-select select[b-lphnxjo3xe] {
        flex: 1;
    }

.icon-preview[b-lphnxjo3xe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 4px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
    flex-shrink: 0;
}

    .icon-preview[b-lphnxjo3xe]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.field-error[b-lphnxjo3xe] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.translation-tabs[b-lphnxjo3xe] {
    margin-top: 0.5rem;
}

.tab-header[b-lphnxjo3xe] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-lphnxjo3xe] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .tab-button:hover[b-lphnxjo3xe] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-lphnxjo3xe] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.tab-content[b-lphnxjo3xe] {
    padding-top: 1rem;
}

.modal-footer[b-lphnxjo3xe] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-lphnxjo3xe],
.btn-save[b-lphnxjo3xe] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-lphnxjo3xe] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-lphnxjo3xe] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-lphnxjo3xe] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-lphnxjo3xe] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/GarbageReportDetailModal.razor.rz.scp.css */
.modal-overlay[b-nhlakqwgzi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-nhlakqwgzi] {
    background: #ffffff;
    width: 680px;
    max-width: 92vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-nhlakqwgzi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-nhlakqwgzi] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-nhlakqwgzi] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-nhlakqwgzi] {
        color: #ff6b6b;
    }

.modal-body[b-nhlakqwgzi] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.detail[b-nhlakqwgzi] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 0.5rem 1rem;
    margin: 0;
}

    .detail dt[b-nhlakqwgzi] {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--cb-ink-soft);
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .detail dd[b-nhlakqwgzi] {
        margin: 0;
        font-size: 0.9rem;
        color: var(--cb-ink);
        word-break: break-word;
    }

    .detail dd.multiline[b-nhlakqwgzi] {
        white-space: pre-wrap;
        background: var(--cb-bg-elev-2);
        border: 1px solid var(--cb-rule);
        padding: 0.4rem 0.6rem;
    }

.map-link[b-nhlakqwgzi] {
    margin-left: 0.6rem;
    font-size: 0.8rem;
    color: var(--cb-brand);
}

.pictures[b-nhlakqwgzi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.pic-thumb[b-nhlakqwgzi] {
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
    line-height: 0;
}

    .pictures img[b-nhlakqwgzi] {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border: 1px solid var(--cb-rule-strong);
        cursor: zoom-in;
        display: block;
    }

.image-lightbox[b-nhlakqwgzi] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    cursor: zoom-out;
    padding: 2rem;
    box-sizing: border-box;
}

    .image-lightbox img[b-nhlakqwgzi] {
        max-width: 92vw;
        max-height: 92vh;
        object-fit: contain;
        cursor: default;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    }

.lightbox-close[b-nhlakqwgzi] {
    position: fixed;
    top: 1rem;
    right: 1.5rem;
    font-size: 1.8rem;
    line-height: 1;
    color: #ffffff;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
}

    .lightbox-close:hover[b-nhlakqwgzi] {
        color: #ff6b6b;
    }

.modal-footer[b-nhlakqwgzi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-nhlakqwgzi] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-nhlakqwgzi] {
        background-color: var(--cb-rule-strong);
    }
/* /Components/Shared/GarbageTypeModal.razor.rz.scp.css */
.modal-overlay[b-3x1w9a9sgr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-3x1w9a9sgr] {
    background: #ffffff;
    width: 700px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-3x1w9a9sgr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-3x1w9a9sgr] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-3x1w9a9sgr] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-3x1w9a9sgr] {
        color: #ff6b6b;
    }

.modal-body[b-3x1w9a9sgr] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-row[b-3x1w9a9sgr] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-3x1w9a9sgr] {
        flex: 1;
    }

.form-group[b-3x1w9a9sgr] {
    margin-bottom: 1rem;
}

    .form-group label[b-3x1w9a9sgr] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[type="text"][b-3x1w9a9sgr],
    .form-group select[b-3x1w9a9sgr],
    .form-group textarea[b-3x1w9a9sgr] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input[type="text"]:focus[b-3x1w9a9sgr],
        .form-group select:focus[b-3x1w9a9sgr],
        .form-group textarea:focus[b-3x1w9a9sgr] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-3x1w9a9sgr] {
        resize: vertical;
    }

.icon-select[b-3x1w9a9sgr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .icon-select select[b-3x1w9a9sgr] {
        flex: 1;
    }

.icon-preview[b-3x1w9a9sgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 4px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
    flex-shrink: 0;
}

    .icon-preview[b-3x1w9a9sgr]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.form-check label[b-3x1w9a9sgr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.form-check input[b-3x1w9a9sgr] {
    width: auto;
}

.field-error[b-3x1w9a9sgr] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.translation-tabs[b-3x1w9a9sgr] {
    margin-top: 0.5rem;
}

.tab-header[b-3x1w9a9sgr] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-3x1w9a9sgr] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .tab-button:hover[b-3x1w9a9sgr] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-3x1w9a9sgr] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.tab-content[b-3x1w9a9sgr] {
    padding-top: 1rem;
}

.modal-footer[b-3x1w9a9sgr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-3x1w9a9sgr],
.btn-save[b-3x1w9a9sgr] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-3x1w9a9sgr] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-3x1w9a9sgr] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-3x1w9a9sgr] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-3x1w9a9sgr] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/IconModal.razor.rz.scp.css */
.modal-overlay[b-pvvvllovp8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-pvvvllovp8] {
    background: #ffffff;
    width: 700px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-pvvvllovp8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-pvvvllovp8] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-pvvvllovp8] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-pvvvllovp8] {
        color: #ff6b6b;
    }

.modal-body[b-pvvvllovp8] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-pvvvllovp8] {
    margin-bottom: 1rem;
}

    .form-group label[b-pvvvllovp8] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[type="text"][b-pvvvllovp8],
    .form-group textarea[b-pvvvllovp8] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input[type="text"]:focus[b-pvvvllovp8],
        .form-group textarea:focus[b-pvvvllovp8] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-pvvvllovp8] {
        resize: vertical;
        font-family: monospace;
    }

.svg-row[b-pvvvllovp8] {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

.svg-source[b-pvvvllovp8] {
    flex: 1;
    margin-bottom: 0;
}

.svg-preview-wrap[b-pvvvllovp8] {
    width: 160px;
    margin-bottom: 0;
}

.svg-preview[b-pvvvllovp8] {
    width: 100%;
    height: 160px;
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
}

    .svg-preview[b-pvvvllovp8]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.svg-preview-empty[b-pvvvllovp8] {
    color: var(--cb-ink-dim);
    font-size: 1.5rem;
}

.field-error[b-pvvvllovp8] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-pvvvllovp8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-pvvvllovp8],
.btn-save[b-pvvvllovp8] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.btn-cancel[b-pvvvllovp8] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-pvvvllovp8] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-pvvvllovp8] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-pvvvllovp8] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/NewsPostModal.razor.rz.scp.css */
.modal-overlay[b-seaoc2g7di] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-seaoc2g7di] {
    background: #ffffff;
    width: 700px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-seaoc2g7di] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-seaoc2g7di] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-seaoc2g7di] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-seaoc2g7di] {
        color: #ff6b6b;
    }

.modal-body[b-seaoc2g7di] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-row[b-seaoc2g7di] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-seaoc2g7di] {
        flex: 1;
    }

.form-group[b-seaoc2g7di] {
    margin-bottom: 1rem;
}

    .form-group label[b-seaoc2g7di] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-seaoc2g7di],
    .form-group select[b-seaoc2g7di],
    .form-group textarea[b-seaoc2g7di] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-seaoc2g7di],
        .form-group select:focus[b-seaoc2g7di],
        .form-group textarea:focus[b-seaoc2g7di] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-seaoc2g7di] {
        resize: vertical;
    }

.field-error[b-seaoc2g7di] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.translation-tabs[b-seaoc2g7di] {
    margin-top: 0.5rem;
}

.tab-header[b-seaoc2g7di] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-seaoc2g7di] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .tab-button:hover[b-seaoc2g7di] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-seaoc2g7di] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.tab-content[b-seaoc2g7di] {
    padding-top: 1rem;
}

.modal-footer[b-seaoc2g7di] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-seaoc2g7di],
.btn-save[b-seaoc2g7di] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-seaoc2g7di] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-seaoc2g7di] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-seaoc2g7di] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-seaoc2g7di] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/PlaceAssignmentModal.razor.rz.scp.css */
.modal-overlay[b-pk0rjaj6da] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-pk0rjaj6da] {
    background: #ffffff;
    width: 560px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-pk0rjaj6da] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-pk0rjaj6da] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-pk0rjaj6da] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-pk0rjaj6da] {
        color: #ff6b6b;
    }

.modal-body[b-pk0rjaj6da] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.hint[b-pk0rjaj6da] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: var(--cb-ink-soft);
}

.filter[b-pk0rjaj6da] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cb-rule-strong);
    font-size: 0.9rem;
    box-sizing: border-box;
    margin-bottom: 0.75rem;
}

    .filter:focus[b-pk0rjaj6da] {
        outline: none;
        border-color: var(--cb-brand);
    }

.check-list[b-pk0rjaj6da] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cb-rule);
}

.check-row[b-pk0rjaj6da] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.75rem;
    border-bottom: 1px solid var(--cb-rule);
    cursor: pointer;
    font-size: 0.9rem;
}

    .check-row:last-child[b-pk0rjaj6da] {
        border-bottom: none;
    }

    .check-row:hover[b-pk0rjaj6da] {
        background-color: var(--cb-bg-elev-2);
    }

    .check-row input[b-pk0rjaj6da] {
        width: auto;
        cursor: pointer;
    }

.icon-preview[b-pk0rjaj6da] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 2px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
    flex-shrink: 0;
}

    .icon-preview[b-pk0rjaj6da]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.check-name[b-pk0rjaj6da] {
    flex: 1;
}

.modal-footer[b-pk0rjaj6da] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-pk0rjaj6da],
.btn-save[b-pk0rjaj6da] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-pk0rjaj6da] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-pk0rjaj6da] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-pk0rjaj6da] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-pk0rjaj6da] {
        background-color: var(--cb-brand-hover);
    }

    .btn-save:disabled[b-pk0rjaj6da] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }
/* /Components/Shared/PlaceModal.razor.rz.scp.css */
.modal-overlay[b-jvrx8lkqb1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-jvrx8lkqb1] {
    background: #ffffff;
    width: 720px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-jvrx8lkqb1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-jvrx8lkqb1] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-jvrx8lkqb1] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-jvrx8lkqb1] {
        color: #ff6b6b;
    }

.modal-body[b-jvrx8lkqb1] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.geo-search-bar[b-jvrx8lkqb1] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--cb-rule);
    background: var(--cb-bg-elev-2);
}

    .geo-search-bar label[b-jvrx8lkqb1] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

.geo-search[b-jvrx8lkqb1] {
    display: flex;
    gap: 0.6rem;
}

    .geo-search input[b-jvrx8lkqb1] {
        flex: 1;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        border-radius: 8px;
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .geo-search input:focus[b-jvrx8lkqb1] {
            outline: none;
            border-color: var(--cb-brand);
        }

.btn-search[b-jvrx8lkqb1] {
    flex-shrink: 0;
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    background-color: var(--cb-brand);
    color: #fff;
}

    .btn-search:hover:not(:disabled)[b-jvrx8lkqb1] {
        background-color: var(--cb-brand-hover);
    }

    .btn-search:disabled[b-jvrx8lkqb1] {
        opacity: 0.6;
        cursor: default;
    }

.geo-results[b-jvrx8lkqb1] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    border: 1px solid var(--cb-rule-strong);
    border-radius: 8px;
    background: #fff;
    max-height: 180px;
    overflow-y: auto;
}

    .geo-results li + li[b-jvrx8lkqb1] {
        border-top: 1px solid var(--cb-rule);
    }

    .geo-results button[b-jvrx8lkqb1] {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.5rem 0.7rem;
        border: none;
        background: none;
        font-size: 0.85rem;
        color: var(--cb-ink);
        cursor: pointer;
    }

        .geo-results button:hover[b-jvrx8lkqb1] {
            background: var(--cb-bg-elev-2);
            color: var(--cb-brand);
        }

.form-row[b-jvrx8lkqb1] {
    display: flex;
    gap: 1rem;
}

    .form-row .form-group[b-jvrx8lkqb1] {
        flex: 1;
    }

.form-group[b-jvrx8lkqb1] {
    margin-bottom: 1rem;
}

    .form-group label[b-jvrx8lkqb1] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-jvrx8lkqb1],
    .form-group select[b-jvrx8lkqb1],
    .form-group textarea[b-jvrx8lkqb1] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-jvrx8lkqb1],
        .form-group select:focus[b-jvrx8lkqb1],
        .form-group textarea:focus[b-jvrx8lkqb1] {
            outline: none;
            border-color: var(--cb-brand);
        }

    .form-group textarea[b-jvrx8lkqb1] {
        resize: vertical;
    }

.icon-select[b-jvrx8lkqb1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .icon-select select[b-jvrx8lkqb1] {
        flex: 1;
    }

.icon-preview[b-jvrx8lkqb1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 4px;
    box-sizing: border-box;
    background: var(--cb-bg-elev-2);
    border: 1px solid var(--cb-rule);
    flex-shrink: 0;
}

    .icon-preview[b-jvrx8lkqb1]  svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.map-wrapper[b-jvrx8lkqb1] {
    margin-bottom: 1rem;
}

.place-map[b-jvrx8lkqb1] {
    width: 100%;
    height: 320px;
    border: 1px solid var(--cb-rule-strong);
}

.field-hint[b-jvrx8lkqb1] {
    display: block;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field-error[b-jvrx8lkqb1] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.translation-tabs[b-jvrx8lkqb1] {
    margin-top: 0.5rem;
}

.tab-header[b-jvrx8lkqb1] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-jvrx8lkqb1] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .tab-button:hover[b-jvrx8lkqb1] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-jvrx8lkqb1] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.tab-content[b-jvrx8lkqb1] {
    padding-top: 1rem;
}

.modal-footer[b-jvrx8lkqb1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-jvrx8lkqb1],
.btn-save[b-jvrx8lkqb1] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-jvrx8lkqb1] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-jvrx8lkqb1] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-jvrx8lkqb1] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-jvrx8lkqb1] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/StreetDistrictModal.razor.rz.scp.css */
.modal-overlay[b-6vqn5si3sk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-6vqn5si3sk] {
    background: #ffffff;
    width: 560px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-6vqn5si3sk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-6vqn5si3sk] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-6vqn5si3sk] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-6vqn5si3sk] {
        color: #ff6b6b;
    }

.modal-body[b-6vqn5si3sk] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.current-box[b-6vqn5si3sk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.6rem 0.8rem;
    margin-bottom: 1rem;
    background: var(--cb-bg-elev-2);
    border-left: 3px solid var(--cb-brand);
}

.current-label[b-6vqn5si3sk] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cb-ink-dim);
    font-weight: 600;
}

.current-value[b-6vqn5si3sk] {
    font-size: 0.9rem;
    color: var(--cb-ink);
}

.form-group[b-6vqn5si3sk] {
    margin-bottom: 1rem;
}

    .form-group label[b-6vqn5si3sk] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-6vqn5si3sk],
    .form-group select[b-6vqn5si3sk] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-6vqn5si3sk],
        .form-group select:focus[b-6vqn5si3sk] {
            outline: none;
            border-color: var(--cb-brand);
        }

.field-hint[b-6vqn5si3sk] {
    display: block;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field-error[b-6vqn5si3sk] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-6vqn5si3sk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-6vqn5si3sk],
.btn-save[b-6vqn5si3sk] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-6vqn5si3sk] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-6vqn5si3sk] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-6vqn5si3sk] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-6vqn5si3sk] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/StreetModal.razor.rz.scp.css */
.modal-overlay[b-nidzdeiuwa] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-nidzdeiuwa] {
    background: #ffffff;
    width: 520px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-nidzdeiuwa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-nidzdeiuwa] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-nidzdeiuwa] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-nidzdeiuwa] {
        color: #ff6b6b;
    }

.modal-body[b-nidzdeiuwa] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-nidzdeiuwa] {
    margin-bottom: 1rem;
}

    .form-group label[b-nidzdeiuwa] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-nidzdeiuwa],
    .form-group select[b-nidzdeiuwa] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: inherit;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:focus[b-nidzdeiuwa],
        .form-group select:focus[b-nidzdeiuwa] {
            outline: none;
            border-color: var(--cb-brand);
        }

.empty-note[b-nidzdeiuwa] {
    margin: 0 0 0.5rem;
    font-size: 0.85rem;
    color: var(--cb-ink-dim);
    font-style: italic;
}

.chip-list[b-nidzdeiuwa] {
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.chip[b-nidzdeiuwa] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.3rem 0.25rem 0.6rem;
    background: #eef0f5;
    border: 1px solid #d5d8e0;
    font-size: 0.85rem;
}

.chip-remove[b-nidzdeiuwa] {
    background: none;
    border: none;
    color: var(--cb-ink-dim);
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    padding: 0 0.2rem;
}

    .chip-remove:hover[b-nidzdeiuwa] {
        color: var(--cb-danger);
    }

.add-row[b-nidzdeiuwa] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .add-row input[b-nidzdeiuwa] {
        flex: 1;
        min-width: 0;
    }

    .add-row select[b-nidzdeiuwa] {
        flex: 1.4;
        min-width: 0;
    }

.btn-add[b-nidzdeiuwa] {
    padding: 0.5rem 0.9rem;
    background-color: var(--cb-brand);
    color: #ffffff;
    border: none;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-add:hover[b-nidzdeiuwa] {
        background-color: var(--cb-brand-hover);
    }

    .btn-add:disabled[b-nidzdeiuwa] {
        background-color: var(--cb-ink-dim);
        cursor: not-allowed;
    }

.field-hint[b-nidzdeiuwa] {
    display: block;
    color: var(--cb-ink-dim);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field-error[b-nidzdeiuwa] {
    display: block;
    color: var(--cb-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-footer[b-nidzdeiuwa] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-nidzdeiuwa],
.btn-save[b-nidzdeiuwa] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-nidzdeiuwa] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-nidzdeiuwa] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-nidzdeiuwa] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-nidzdeiuwa] {
        background-color: var(--cb-brand-hover);
    }
/* /Components/Shared/TranslationStringModal.razor.rz.scp.css */
.modal-overlay[b-j0jvwtir2o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-j0jvwtir2o] {
    background: #ffffff;
    width: 760px;
    max-width: 95vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.modal-header[b-j0jvwtir2o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .modal-header h2[b-j0jvwtir2o] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.modal-close[b-j0jvwtir2o] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

    .modal-close:hover[b-j0jvwtir2o] {
        color: #ff6b6b;
    }

.modal-body[b-j0jvwtir2o] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-j0jvwtir2o] {
    margin-bottom: 1rem;
}

    .form-group label[b-j0jvwtir2o] {
        display: block;
        margin-bottom: 0.3rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cb-ink);
    }

    .form-group input[b-j0jvwtir2o] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        font-family: monospace;
        box-sizing: border-box;
        background: #fff;
    }

        .form-group input:disabled[b-j0jvwtir2o] {
            background: #f0f0f0;
            color: var(--cb-ink-soft);
        }

        .form-group input:focus[b-j0jvwtir2o] {
            outline: none;
            border-color: var(--cb-brand);
        }

.error-box[b-j0jvwtir2o] {
    background: #fdeaea;
    border: 1px solid #e5a0a0;
    color: var(--cb-danger);
    font-size: 0.82rem;
    padding: 0.6rem 0.8rem;
    margin-bottom: 1rem;
}

.translation-tabs[b-j0jvwtir2o] {
    margin-top: 0.25rem;
}

.tab-header[b-j0jvwtir2o] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--cb-rule);
}

.tab-button[b-j0jvwtir2o] {
    padding: 0.5rem 1.2rem;
    border: none;
    background: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cb-ink-soft);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
}

    .tab-button:hover[b-j0jvwtir2o] {
        color: var(--cb-brand);
    }

    .tab-button.active[b-j0jvwtir2o] {
        color: var(--cb-brand);
        border-bottom-color: var(--cb-brand);
    }

.scope-section[b-j0jvwtir2o] {
    padding-top: 1rem;
}

    .scope-section h4[b-j0jvwtir2o] {
        margin: 0 0 0.5rem;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--cb-brand);
    }

.entry-row[b-j0jvwtir2o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

    .entry-row .target[b-j0jvwtir2o] {
        flex: 0 0 200px;
        min-width: 0;
        padding: 0.45rem 0.5rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.85rem;
        background: #fff;
    }

    .entry-row .value[b-j0jvwtir2o] {
        flex: 1;
        min-width: 0;
        padding: 0.45rem 0.5rem;
        border: 1px solid var(--cb-rule-strong);
        font-size: 0.9rem;
        box-sizing: border-box;
        background: #fff;
    }

        .entry-row .target:focus[b-j0jvwtir2o],
        .entry-row .value:focus[b-j0jvwtir2o] {
            outline: none;
            border-color: var(--cb-brand);
        }

.inc[b-j0jvwtir2o] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    color: var(--cb-ink-soft);
    white-space: nowrap;
    cursor: pointer;
}

    .inc input[b-j0jvwtir2o] {
        cursor: pointer;
    }

.remove[b-j0jvwtir2o] {
    background: none;
    border: 1px solid var(--cb-rule-strong);
    color: var(--cb-ink-dim);
    cursor: pointer;
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1;
}

    .remove:hover[b-j0jvwtir2o] {
        color: var(--cb-danger);
        border-color: var(--cb-danger);
    }

.btn-add[b-j0jvwtir2o] {
    margin-top: 0.25rem;
    padding: 0.4rem 0.8rem;
    background: none;
    border: 1px dashed var(--cb-brand);
    color: var(--cb-brand);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-add:hover[b-j0jvwtir2o] {
        background-color: var(--cb-brand);
        color: #ffffff;
    }

.modal-footer[b-j0jvwtir2o] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cb-rule);
}

.btn-cancel[b-j0jvwtir2o],
.btn-save[b-j0jvwtir2o] {
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-cancel[b-j0jvwtir2o] {
    background-color: var(--cb-rule);
    color: var(--cb-ink);
}

    .btn-cancel:hover[b-j0jvwtir2o] {
        background-color: var(--cb-rule-strong);
    }

.btn-save[b-j0jvwtir2o] {
    background-color: var(--cb-brand);
    color: #ffffff;
}

    .btn-save:hover[b-j0jvwtir2o] {
        background-color: var(--cb-brand-hover);
    }