/* /Pages/Admin/AdminRightsRoles.razor.rz.scp.css */
/* ─── CSS variables ──────────────────────────────────────────── */



/* ─── Page shell ─────────────────────────────────────────────── */
.rights-page[b-ujtkherck8] {
    font-family: var(--font-body);
    padding: 2rem 2.5rem;
    background: var(--sares-bg);
    min-height: 100vh;
    color: var(--sares-ink);
}

/* ─── Header ─────────────────────────────────────────────────── */
.page-header[b-ujtkherck8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.75rem;
    background: var(--sares-surface);
    border: 1px solid var(--sares-line);
    border-radius: var(--radius-md);
    padding: .75rem 1.25rem;
    box-shadow: var(--shadow-sm);
}

/* ─── Role selector ──────────────────────────────────────────── */
.role-selector[b-ujtkherck8] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.role-label[b-ujtkherck8] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--sares-muted);
    white-space: nowrap;
}

    .role-label .material-icons-round[b-ujtkherck8] {
        font-size: 1.1rem;
        color: var(--sares-green);
    }

.custom-select-wrapper[b-ujtkherck8] {
    position: relative;
    display: flex;
    align-items: center;
}

.custom-select[b-ujtkherck8] {
    appearance: none;
    -webkit-appearance: none;
    background: var(--sares-bg);
    border: 1.5px solid var(--sares-line);
    border-radius: var(--radius-sm);
    padding: .42rem 2.2rem .42rem .75rem;
    font-size: .88rem;
    font-family: inherit;
    color: var(--sares-ink);
    cursor: pointer;
    min-width: 200px;
    outline: none;
    transition: border-color .2s;
}

    .custom-select:focus[b-ujtkherck8] {
        border-color: var(--sares-green);
    }

.select-arrow[b-ujtkherck8] {
    position: absolute;
    right: .5rem;
    pointer-events: none;
    font-size: 1.1rem;
    color: var(--sares-muted);
}

/* ─── Tiles grid ─────────────────────────────────────────────── */
.tiles-grid[b-ujtkherck8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

/* ─── Tile card ──────────────────────────────────────────────── */
.tile[b-ujtkherck8] {
    background: var(--sares-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--sares-line);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: box-shadow .2s;
}

    .tile:hover[b-ujtkherck8] {
        box-shadow: var(--shadow-md);
    }

/* ─── Tile header ────────────────────────────────────────────── */
.tile-header[b-ujtkherck8] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem 1.25rem;
    background: var(--sares-green-soft);
    border-bottom: 1px solid var(--sares-line);
}

.tile-icon[b-ujtkherck8] {
    font-size: 1.2rem;
    padding: .35rem;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}

    .tile-icon.activity[b-ujtkherck8] {
        color: var(--sares-green);
        background: rgba(122,140,46,.12);
    }

    .tile-icon.config[b-ujtkherck8] {
        color: var(--sares-sky);
        background: rgba(91,143,168,.12);
    }

    .tile-icon.map-tile[b-ujtkherck8] {
        color: var(--sares-sand);
        background: rgba(212,168,75,.12);
    }

    .tile-icon.admin[b-ujtkherck8] {
        color: var(--sares-green-deep);
        background: rgba(78,35,16,.1);
    }

.tile-title[b-ujtkherck8] {
    font-size: .95rem;
    font-weight: 700;
    font-family: var(--font-display);
    margin: 0;
    flex: 1;
    letter-spacing: -.01em;
    color: var(--sares-green-deep);
}

.tile-badge[b-ujtkherck8] {
    font-size: .72rem;
    font-weight: 600;
    background: var(--sares-green-soft);
    color: var(--sares-green-deep);
    border-radius: 999px;
    padding: .25rem .65rem;
    flex-shrink: 0;
}

/* ─── Column labels row ──────────────────────────────────────── */
.perm-col-labels[b-ujtkherck8] {
    display: flex;
    align-items: center;
    padding: .35rem 1.25rem .3rem;
    background: var(--sares-green-soft);
    border-bottom: 1px solid var(--sares-line);
}

.col-spacer[b-ujtkherck8] {
    flex: 1;
    min-width: 0;
}

.col-label[b-ujtkherck8] {
    width: var(--col-width);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    font-size: .65rem;
    font-weight: 500;
    color: var(--sares-muted);
    text-align: center;
    line-height: 1.3;
    box-sizing: border-box;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-icon[b-ujtkherck8] {
    font-size: .95rem;
    color: var(--sares-muted);
    display: block;
    flex-shrink: 0;
}

/* ─── Tile body ──────────────────────────────────────────────── */
.tile-body[b-ujtkherck8] {
    padding: .3rem 0;
}

/* ─── Permission row ─────────────────────────────────────────── */
.perm-row[b-ujtkherck8] {
    display: flex;
    align-items: center;
    padding: .3rem 1.25rem;
    border-radius: var(--radius-sm);
    margin: 0 .4rem;
    transition: background .15s;
}

    .perm-row:hover[b-ujtkherck8] {
        background: var(--sares-green-soft);
    }

/* ─── Perm info (left, grows) ────────────────────────────────── */
.perm-info[b-ujtkherck8] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.perm-icon[b-ujtkherck8] {
    font-size: 1.05rem;
    color: var(--sares-muted);
    flex-shrink: 0;
}

.perm-name[b-ujtkherck8] {
    font-size: .875rem;
    color: var(--sares-ink-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ─── Rights cells ───────────────────────────────────────────── */
.perm-rights[b-ujtkherck8] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ─── Individual checkbox cell ───────────────────────────────── */
.check-cell[b-ujtkherck8] {
    width: var(--col-width);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

    .check-cell input[b-ujtkherck8] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        pointer-events: none;
    }

        .check-cell input:disabled ~ .check-box[b-ujtkherck8] {
            opacity: .35;
            cursor: not-allowed;
        }

.check-box[b-ujtkherck8] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid var(--sares-line);
    background: var(--sares-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .18s cubic-bezier(.34, 1.56, .64, 1);
    flex-shrink: 0;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.06);
}

.check-icon[b-ujtkherck8] {
    font-size: .85rem;
    color: #fff;
    opacity: 0;
    transform: scale(.4);
    transition: opacity .13s, transform .15s cubic-bezier(.34, 1.56, .64, 1);
    user-select: none;
}

/* Checked */
.check-cell.on .check-box[b-ujtkherck8] {
    background: var(--sares-green);
    border-color: var(--sares-green);
    box-shadow: 0 2px 8px rgba(122,140,46,.28);
}

.check-cell.on .check-icon[b-ujtkherck8] {
    opacity: 1;
    transform: scale(1);
}

/* Read column — deeper shade */
.check-cell.read-right.on .check-box[b-ujtkherck8] {
    background: var(--sares-green-dark);
    border-color: var(--sares-green-dark);
}

/* Hover */
.check-cell:hover .check-box[b-ujtkherck8] {
    border-color: var(--sares-green);
    background: var(--sares-green-soft);
}

.check-cell.on:hover .check-box[b-ujtkherck8] {
    background: var(--sares-green-dark);
    border-color: var(--sares-green-dark);
}

/* ─── Action bar ─────────────────────────────────────────────── */
.action-bar[b-ujtkherck8] {
    display: flex;
    justify-content: flex-end;
    gap: .85rem;
    margin-top: 1.75rem;
}

.btn-primary[b-ujtkherck8],
.btn-secondary[b-ujtkherck8] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .6rem 1.35rem;
    border-radius: var(--radius-sm);
    font-size: .875rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all .18s;
    border: none;
    line-height: 1;
}

.btn-primary[b-ujtkherck8] {
    background: var(--sares-green);
    color: #fff;
    box-shadow: 0 2px 8px rgba(122,140,46,.25);
}

    .btn-primary:hover[b-ujtkherck8] {
        background: var(--sares-green-dark);
        box-shadow: 0 4px 16px rgba(122,140,46,.35);
        transform: translateY(-1px);
    }

.btn-secondary[b-ujtkherck8] {
    background: var(--sares-surface);
    color: var(--sares-ink-2);
    border: 1px solid var(--sares-line);
}

    .btn-secondary:hover[b-ujtkherck8] {
        background: var(--sares-bg);
        border-color: var(--sares-muted);
    }

    .btn-primary .material-icons-round[b-ujtkherck8],
    .btn-secondary .material-icons-round[b-ujtkherck8] {
        font-size: 1.05rem;
    }

/* ─── Toast ──────────────────────────────────────────────────── */
.toast[b-ujtkherck8] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1rem;
    padding: .75rem 1.25rem;
    border-radius: var(--radius-sm);
    font-size: .875rem;
    font-weight: 500;
    animation: fadeIn .3s ease;
}

.toast-success[b-ujtkherck8] {
    background: var(--sares-green-soft);
    color: var(--sares-green-dark);
    border: 1px solid var(--sares-green);
}

.toast-error[b-ujtkherck8] {
    background: #fef0ee;
    color: #8a2515;
    border: 1px solid #f5b8b0;
}

.toast .material-icons-round[b-ujtkherck8] {
    font-size: 1.15rem;
}

/* ─── Empty state ────────────────────────────────────────────── */
.empty-state[b-ujtkherck8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 2rem;
    gap: 1rem;
    color: var(--sares-muted);
    text-align: center;
}

.empty-icon[b-ujtkherck8] {
    font-size: 3.5rem;
    color: var(--sares-mist);
}

.empty-state p[b-ujtkherck8] {
    font-size: .95rem;
    margin: 0;
}

/* ─── Animations ─────────────────────────────────────────────── */
@@keyframes fadeIn {
    from[b-ujtkherck8] {
        opacity: 0;
        transform: translateY(6px);
    }

    to[b-ujtkherck8] {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ─── Responsive ─────────────────────────────────────────────── */
@@media (max-width: 700px) {
    .rights-page[b-ujtkherck8] {
        padding: 1rem;
    }

    .col-label[b-ujtkherck8] {
        font-size: .58rem;
    }

    .col-icon[b-ujtkherck8] {
        font-size: .8rem;
    }

    .perm-name[b-ujtkherck8] {
        font-size: .8rem;
    }

    .check-box[b-ujtkherck8] {
        width: 17px;
        height: 17px;
        border-radius: 4px;
    }

    .check-icon[b-ujtkherck8] {
        font-size: .75rem;
    }
}

/* ─── New Role button ────────────────────────────────────────── */
.btn-new-role[b-ujtkherck8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem 1.1rem;
    margin-left: auto;
    background: var(--sares-green);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    font-size: .875rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(122,140,46,.25);
    transition: all .18s;
    white-space: nowrap;
}

    .btn-new-role:hover[b-ujtkherck8] {
        background: var(--sares-green-dark);
        box-shadow: 0 4px 14px rgba(122,140,46,.35);
        transform: translateY(-1px);
    }

    .btn-new-role .material-icons-round[b-ujtkherck8] {
        font-size: 1.1rem;
    }

/* ─── Modal overlay ──────────────────────────────────────────── */
.modal-overlay[b-ujtkherck8] {
    position: fixed;
    inset: 0;
    background: rgba(78, 35, 16, .35);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn .2s ease;
}

/* ─── Modal card ─────────────────────────────────────────────── */
.modal-card[b-ujtkherck8] {
    background: var(--sares-surface);
    border-radius: var(--radius-lg);
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(78,35,16,.18);
    animation: slideUp .22s cubic-bezier(.34,1.56,.64,1);
    overflow: hidden;
}

.modal-header[b-ujtkherck8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.35rem .9rem;
    border-bottom: 1px solid var(--sares-line);
    background: var(--sares-green-soft);
}

.modal-title-group[b-ujtkherck8] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.modal-title-icon[b-ujtkherck8] {
    font-size: 1.2rem;
    color: var(--sares-green);
    background: rgba(122,140,46,.15);
    border-radius: 8px;
    padding: .3rem;
}

.modal-title[b-ujtkherck8] {
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--font-display);
    margin: 0;
    color: var(--sares-green-deep);
    letter-spacing: -.01em;
}

.modal-close[b-ujtkherck8] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--sares-muted);
    border-radius: 8px;
    padding: .25rem;
    transition: background .15s, color .15s;
}

    .modal-close:hover[b-ujtkherck8] {
        background: var(--sares-line);
        color: var(--sares-ink);
    }

    .modal-close .material-icons-round[b-ujtkherck8] {
        font-size: 1.2rem;
    }

/* ─── Modal body ─────────────────────────────────────────────── */
.modal-body[b-ujtkherck8] {
    padding: 1.35rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.field-label[b-ujtkherck8] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--sares-muted);
    margin-bottom: .15rem;
}

.field-input[b-ujtkherck8] {
    width: 100%;
    padding: .6rem .85rem;
    border: 1.5px solid var(--sares-line);
    border-radius: var(--radius-sm);
    font-size: .9rem;
    font-family: inherit;
    color: var(--sares-ink);
    background: var(--sares-bg);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
}

    .field-input:focus[b-ujtkherck8] {
        border-color: var(--sares-green);
        box-shadow: 0 0 0 3px rgba(122,140,46,.12);
        background: var(--sares-surface);
    }

    .field-input.input-error[b-ujtkherck8] {
        border-color: #e05252;
        box-shadow: 0 0 0 3px rgba(224,82,82,.1);
    }

.field-error[b-ujtkherck8] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .78rem;
    color: #c0392b;
    font-weight: 500;
}

/* ─── Modal footer ───────────────────────────────────────────── */
.modal-footer[b-ujtkherck8] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    padding: .9rem 1.35rem 1.1rem;
    border-top: 1px solid var(--sares-line);
    background: var(--sares-green-soft);
}

/* ─── Spinner animation ──────────────────────────────────────── */
.spin[b-ujtkherck8] {
    animation: rotateSpin .7s linear infinite;
    display: inline-block;
}

@@keyframes rotateSpin {
    from[b-ujtkherck8] {
        transform: rotate(0deg);
    }

    to[b-ujtkherck8] {
        transform: rotate(360deg);
    }
}

@@keyframes slideUp {
    from[b-ujtkherck8] {
        opacity: 0;
        transform: translateY(24px) scale(.97);
    }

    to[b-ujtkherck8] {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* /Pages/Admin/Login.razor.rz.scp.css */
.login-container[b-5s3l37cxht] {
    align-items: center;
    background: var(--sares-green-deep);
    display: flex;
    font-family: var(--font-body);
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
    padding: 2rem 1rem;
    position: relative;
}

.login-lang[b-5s3l37cxht] {
    position: absolute;
    top: 18px;
    right: 22px;
    z-index: 3;
    color: #fff;
}

.login-container[b-5s3l37cxht]::before,
.login-container[b-5s3l37cxht]::after {
    border-radius: 999px;
    content: "";
    position: absolute;
}

.login-container[b-5s3l37cxht]::before {
    background: rgba(200, 216, 224, 0.12);
    height: 280px;
    left: -80px;
    top: -70px;
    width: 280px;
}

.login-container[b-5s3l37cxht]::after {
    background: rgba(212, 168, 75, 0.14);
    bottom: -90px;
    height: 320px;
    right: -110px;
    width: 320px;
}

.login-container[b-5s3l37cxht] > (*) {
    position: relative;
    z-index: 1;
}

.login-box[b-5s3l37cxht] {
    animation: fadeIn-b-5s3l37cxht 0.6s ease;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(212, 168, 75, 0.22);
    border-radius: 24px 24px 24px 12px;
    box-shadow: var(--shadow-lg);
    max-width: 440px;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    width: 100%;
    z-index: 1;
}

.login-box[b-5s3l37cxht]::before {
    background: var(--sares-sun);
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}

.login-box[b-5s3l37cxht]::after {
    border: 1px solid rgba(122, 140, 46, 0.16);
    border-radius: 20px;
    content: "";
    inset: 16px;
    pointer-events: none;
    position: absolute;
}

.login-brand[b-5s3l37cxht] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr;
    margin-bottom: 1.5rem;
}

.brand-mark[b-5s3l37cxht] {
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
    display: block;
    height: 60px;
    width: 60px;
}

.brand-kicker[b-5s3l37cxht] {
    color: var(--sares-green);
    font-family: var(--font-display);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.login-box h3[b-5s3l37cxht] {
    color: var(--sares-green-deep);
    font-family: var(--font-display);
    font-size: 1.8rem;
    margin: 0 0 0.25rem;
}

.brand-copy[b-5s3l37cxht] {
    color: var(--sares-ink-2);
    line-height: 1.55;
    margin: 0;
    max-width: 26ch;
}

.form-label[b-5s3l37cxht] {
    color: var(--sares-clay);
    font-weight: 600;
}

.form-control[b-5s3l37cxht] {
    background: var(--sares-surface);
    border: 1px solid rgba(122, 140, 46, 0.24);
    border-radius: 10px;
    color: var(--sares-ink);
    margin-bottom: 1rem;
    margin-top: 0.35rem;
    min-height: 46px;
    padding: 0.75rem 0.85rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    width: 100%;
}

.form-control:focus[b-5s3l37cxht] {
    border-color: var(--sares-green);
    box-shadow: 0 0 0 4px rgba(122, 140, 46, 0.14);
    outline: none;
    transform: translateY(-1px);
}

.btn.btn-primary[b-5s3l37cxht] {
    background: var(--sares-green);
    border: none;
    border-radius: 999px;
    color: var(--sares-surface);
    cursor: pointer;
    font-family: var(--font-display);
    font-weight: 600;
    min-height: 46px;
    padding: 0.8rem 1rem;
    transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.login-submit[b-5s3l37cxht] {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    justify-content: center;
}

.login-btn-spinner[b-5s3l37cxht] {
    border-width: 0.18em;
}

.btn.btn-primary:hover[b-5s3l37cxht] {
    background: var(--sares-green-dark);
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.btn.btn-primary:disabled[b-5s3l37cxht] {
    cursor: not-allowed;
    opacity: 0.88;
    transform: none;
}

.alert-danger[b-5s3l37cxht] {
    background: rgba(78, 35, 16, 0.08);
    border: 1px solid rgba(78, 35, 16, 0.22);
    border-radius: 10px;
    color: var(--sares-clay);
    margin-bottom: 1rem;
    padding: 0.8rem 0.95rem;
    text-align: center;
}

.validation-summary-errors ul[b-5s3l37cxht] {
    color: var(--sares-clay);
    font-size: 14px;
    list-style: none;
    margin: 0 0 1rem;
    padding-left: 0;
}

.modal-overlay[b-5s3l37cxht] {
    align-items: center;
    background: rgba(26, 26, 26, 0.48);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1000;
}

.modal-content.small[b-5s3l37cxht] {
    background: var(--sares-surface);
    border: 1px solid rgba(212, 168, 75, 0.24);
    border-radius: 22px 22px 22px 12px;
    box-shadow: var(--shadow-lg);
    max-width: 520px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.modal-content.small[b-5s3l37cxht]::before {
    background: var(--sares-sun);
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 130px;
}

.modal-header[b-5s3l37cxht],
.modal-footer[b-5s3l37cxht] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.modal-header[b-5s3l37cxht] {
    background: var(--sares-green-soft);
    border-bottom: 1px solid var(--sares-line);
    padding: 1rem 1.25rem;
}

.modal-header h3[b-5s3l37cxht] {
    color: var(--sares-green-deep);
    font-family: var(--font-display);
    font-size: 1.15rem;
    margin: 0;
}

.modal-body[b-5s3l37cxht] {
    color: var(--sares-ink-2);
    display: grid;
    gap: 0.85rem;
    padding: 1.25rem;
}

.modal-body label[b-5s3l37cxht] {
    color: var(--sares-clay);
    display: block;
    font-weight: 600;
}

.modal-body span[b-5s3l37cxht] {
    display: block;
    margin-bottom: 0.35rem;
}

.modal-footer[b-5s3l37cxht] {
    border-top: 1px solid var(--sares-line);
    gap: 0.75rem;
    padding: 1rem 1.25rem 1.2rem;
}

.login-box .btn.btn-primary[b-5s3l37cxht] {
    width: 100%;
}

.modal-footer .btn.btn-primary[b-5s3l37cxht] {
    min-width: 180px;
    width: auto;
}

.button4[b-5s3l37cxht],
.btn-close[b-5s3l37cxht] {
    border: none;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.button4[b-5s3l37cxht] {
    background: rgba(200, 216, 224, 0.48);
    border-radius: 999px;
    color: var(--sares-green-deep);
    font-weight: 600;
    min-height: 42px;
    padding: 0.7rem 1rem;
}

.button4:hover[b-5s3l37cxht] {
    background: rgba(200, 216, 224, 0.76);
    transform: translateY(-1px);
}

.btn-close[b-5s3l37cxht] {
    align-items: center;
    background: transparent;
    border-radius: 999px;
    color: var(--sares-green-deep);
    display: inline-flex;
    font-size: 1rem;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.btn-close:hover[b-5s3l37cxht] {
    background: rgba(78, 35, 16, 0.08);
}

@keyframes fadeIn-b-5s3l37cxht {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 480px) {
    .login-box[b-5s3l37cxht] {
        padding: 1.4rem;
    }

    .login-box[b-5s3l37cxht]::after {
        inset: 12px;
    }

    .login-brand[b-5s3l37cxht] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .brand-mark[b-5s3l37cxht] {
        margin: 0 auto;
    }

    .modal-footer[b-5s3l37cxht] {
        flex-direction: column;
    }

    .button4[b-5s3l37cxht],
    .btn.btn-primary[b-5s3l37cxht] {
        width: 100%;
    }
}
/* /Pages/Admin/ResetPassword.razor.rz.scp.css */

.rp-shell[b-kncek5eu8d] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
    padding: 24px;
}

.rp-card[b-kncek5eu8d] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .10);
    padding: 44px 48px;
    width: 100%;
    max-width: 480px;
}

/* Branding */
.rp-logo[b-kncek5eu8d] {
    text-align: center;
    margin-bottom: 28px;
}

.rp-logo-icon[b-kncek5eu8d] {
    font-size: 48px;
    color: #2563eb;
}

.rp-title[b-kncek5eu8d] {
    margin: 8px 0 0;
    font-size: 22px;
    font-weight: 700;
    color: #111827;
}

.rp-subtitle[b-kncek5eu8d] {
    font-size: 14px;
    color: #374151;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Fields */
.rp-field[b-kncek5eu8d] {
    margin-bottom: 16px;
}

    .rp-field label[b-kncek5eu8d] {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: #374151;
        margin-bottom: 6px;
    }

.rp-input[b-kncek5eu8d] {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    color: #111827;
    outline: none;
    box-sizing: border-box;
}

    .rp-input:focus[b-kncek5eu8d] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px #dbeafe;
    }

/* Password wrapper (matches existing .pwd-wrapper in your app) */
.pwd-wrapper[b-kncek5eu8d] {
    position: relative;
    display: flex;
    align-items: center;
}

    .pwd-wrapper .rp-input[b-kncek5eu8d] {
        padding-right: 42px;
    }

.pwd-eye[b-kncek5eu8d] {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #6b7280;
    padding: 0;
    line-height: 1;
}

/* Strength bar */
.strength-bar[b-kncek5eu8d] {
    display: flex;
    gap: 4px;
    margin-top: 6px;
}

.strength-seg[b-kncek5eu8d] {
    flex: 1;
    height: 4px;
    border-radius: 2px;
    background: #e5e7eb;
    transition: background .2s;
}

.s-weak[b-kncek5eu8d] {
    background: #ef4444;
}

.s-fair[b-kncek5eu8d] {
    background: #f59e0b;
}

.s-good[b-kncek5eu8d] {
    background: #10b981;
}

.s-strong[b-kncek5eu8d] {
    background: #059669;
}

.strength-label[b-kncek5eu8d] {
    font-size: 12px;
    margin-top: 3px;
}

.sl-weak[b-kncek5eu8d] {
    color: #ef4444;
}

.sl-fair[b-kncek5eu8d] {
    color: #f59e0b;
}

.sl-good[b-kncek5eu8d] {
    color: #10b981;
}

.sl-strong[b-kncek5eu8d] {
    color: #059669;
}

/* Password rules */
.pwd-rules[b-kncek5eu8d] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pwd-rule[b-kncek5eu8d] {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .pwd-rule.ok[b-kncek5eu8d] {
        color: #16a34a;
    }

    .pwd-rule.bad[b-kncek5eu8d] {
        color: #dc2626;
    }

.pwd-rule-icon[b-kncek5eu8d] {
    font-size: 11px;
}

/* Match / no-match */
.confirm-match[b-kncek5eu8d] {
    font-size: 12px;
    color: #16a34a;
    margin-top: 4px;
}

.confirm-nomatch[b-kncek5eu8d] {
    font-size: 12px;
    color: #dc2626;
    margin-top: 4px;
}

/* Alerts */
.rp-alert[b-kncek5eu8d] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.rp-alert-error[b-kncek5eu8d] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.rp-alert-success[b-kncek5eu8d] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.rp-alert p[b-kncek5eu8d] {
    margin: 4px 0 0;
    font-size: 13px;
}

.rp-alert strong[b-kncek5eu8d] {
    display: block;
}

.rp-alert .material-icons-round[b-kncek5eu8d] {
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Button */
.rp-btn-primary[b-kncek5eu8d] {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 9px;
    background: #2563eb;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background .15s;
    margin-top: 8px;
}

    .rp-btn-primary:hover[b-kncek5eu8d] {
        background: #1d4ed8;
    }

    .rp-btn-primary:disabled[b-kncek5eu8d],
    .rp-btn-busy[b-kncek5eu8d] {
        background: #93c5fd;
        cursor: not-allowed;
    }

/* Spinner */
.rp-spin[b-kncek5eu8d] {
    animation: spin-b-kncek5eu8d 1s linear infinite;
    font-size: 20px;
}

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

/* Loading center */
.rp-center[b-kncek5eu8d] {
    text-align: center;
    padding: 32px 0;
    color: #6b7280;
}

    .rp-center .material-icons-round[b-kncek5eu8d] {
        font-size: 40px;
    }


/* /Pages/Admin/Users.razor.rz.scp.css */

/* ── Tab Bar ── */
.um-tabs[b-716i11ou9i] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid var(--sares-line, #E2E8E5);
    margin-bottom: 20px;
    padding-bottom: 2px;
}

.um-tab[b-716i11ou9i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 20px;
    min-height: 40px;
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1;
    color: var(--sares-ink-2, #3D4B44);
    cursor: pointer;
    appearance: none;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    margin-bottom: -1px;
    transition: color .18s, border-color .18s, background-color .18s, box-shadow .18s;
    white-space: nowrap;
    vertical-align: middle;
}

    .um-tab .material-icons-round[b-716i11ou9i] {
        font-size: 18px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: inherit;
    }

    .um-tab:hover[b-716i11ou9i] {
        color: var(--sares-green-deep, #4E2310);
        background: var(--sares-green-soft, #EEF2DC);
        border-color: color-mix(in srgb, var(--sares-green, #7A8C2E) 30%, transparent);
    }

    .um-tab.active[b-716i11ou9i] {
        color: var(--sares-green-deep, #4E2310);
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--sares-green-soft, #EEF2DC) 72%, #fff 28%) 0%,
            var(--sares-green-soft, #EEF2DC) 100%);
        border-color: color-mix(in srgb, var(--sares-green, #7A8C2E) 42%, var(--sares-line, #E2E8E5));
        box-shadow: inset 0 -2px 0 var(--sares-sand, #D4A84B);
    }

/* ── Toolbar ── */
.um-toolbar[b-716i11ou9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── Modal ── */
.modal-overlay[b-716i11ou9i] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content[b-716i11ou9i] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.18);
    width: 480px;
    max-width: 95vw;
    animation: modalIn-b-716i11ou9i .18s ease;
}

    .modal-content.large[b-716i11ou9i] {
        width: 640px;
    }

    .modal-content.xlarge[b-716i11ou9i] {
        width: 780px;
    }

    .modal-content.small[b-716i11ou9i] {
        width: 380px;
    }

@keyframes modalIn-b-716i11ou9i {
    from {
        transform: scale(.93) translateY(-12px);
        opacity: 0;
    }

    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

.modal-header[b-716i11ou9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px 14px;
    border-bottom: 1px solid #f0f0f0;
}

    .modal-header h3[b-716i11ou9i] {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        color: #111827;
    }

.btn-close[b-716i11ou9i] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #6b7280;
}

    .btn-close:hover[b-716i11ou9i] {
        color: #ef4444;
    }

.modal-body[b-716i11ou9i] {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.modal-footer[b-716i11ou9i] {
    padding: 14px 24px 18px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #f0f0f0;
}

/* ── Form fields ── */
.form-row[b-716i11ou9i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.form-group[b-716i11ou9i] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-716i11ou9i] {
        font-size: 12px;
        font-weight: 600;
        color: #374151;
        text-transform: uppercase;
        letter-spacing: .4px;
    }

    .form-group input[type="text"][b-716i11ou9i],
    .form-group input[type="email"][b-716i11ou9i],
    .form-group input[type="password"][b-716i11ou9i],
    .form-group input[type="tel"][b-716i11ou9i],
    .form-group select[b-716i11ou9i] {
        padding: 8px 11px;
        border: 1.5px solid #d1d5db;
        border-radius: 7px;
        font-size: 13.5px;
        color: #111827;
        transition: border-color .15s;
        outline: none;
    }

        .form-group input:focus[b-716i11ou9i],
        .form-group select:focus[b-716i11ou9i] {
            border-color: #2563eb;
        }

/* ── Toggle switch ── */
.toggle-row[b-716i11ou9i] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #374151;
}

.toggle-switch[b-716i11ou9i] {
    position: relative;
    width: 40px;
    height: 22px;
}

    .toggle-switch input[b-716i11ou9i] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggle-slider[b-716i11ou9i] {
    position: absolute;
    inset: 0;
    background: #d1d5db;
    border-radius: 22px;
    cursor: pointer;
    transition: background .2s;
}

    .toggle-slider[b-716i11ou9i]:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #fff;
        left: 3px;
        top: 3px;
        transition: transform .2s;
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
    }

.toggle-switch input:checked + .toggle-slider[b-716i11ou9i] {
    background: #2563eb;
}

    .toggle-switch input:checked + .toggle-slider[b-716i11ou9i]:before {
        transform: translateX(18px);
    }

/* ── Checkbox list ── */
.checkbox-list[b-716i11ou9i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 260px;
    overflow-y: auto;
    padding-right: 4px;
}

.checkbox-item[b-716i11ou9i] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 10px;
    border-radius: 7px;
    border: 1px solid #e5e7eb;
    font-size: 13.5px;
    cursor: pointer;
    transition: background .12s;
}

    .checkbox-item:hover[b-716i11ou9i] {
        background: #f0f7ff;
    }

    .checkbox-item input[type="checkbox"][b-716i11ou9i] {
        width: 16px;
        height: 16px;
        accent-color: #2563eb;
        cursor: pointer;
    }

/* ── Section heading inside modal ── */
.section-label[b-716i11ou9i] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: #9ca3af;
    margin-top: 4px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f3f4f6;
}

/* ── Roles tab: role cards ── */
.role-card[b-716i11ou9i] {
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fafafa;
    transition: box-shadow .15s;
}

    .role-card:hover[b-716i11ou9i] {
        box-shadow: 0 2px 12px rgba(37,99,235,.1);
        border-color: #bfdbfe;
    }

.role-card-name[b-716i11ou9i] {
    font-weight: 700;
    font-size: 14px;
    color: #111827;
}

.role-card-scope[b-716i11ou9i] {
    font-size: 12px;
    color: #6b7280;
}

.role-card-actions[b-716i11ou9i] {
    display: flex;
    gap: 6px;
}

/* ── Scope pills ── */
.scope-pill[b-716i11ou9i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: 12.5px;
    font-weight: 600;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--sares-green-soft, #EEF2DC) 70%, #fff 30%) 0%,
        var(--sares-green-soft, #EEF2DC) 100%);
    color: var(--sares-green-deep, #4E2310);
    border: 1px solid color-mix(in srgb, var(--sares-green, #7A8C2E) 38%, var(--sares-line, #E2E5E8));
    box-shadow: inset 0 -1px 0 var(--sares-sand, #D4A84B);
}

/* ── Status badge ── */
.badge-active[b-716i11ou9i] {
    background: var(--sares-green-soft, #EEF2DC);
    color: var(--sares-green-dark, #5E6D20);
    border: 1px solid color-mix(in srgb, var(--sares-green, #7A8C2E) 35%, transparent);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
}

.badge-inactive[b-716i11ou9i] {
    background: color-mix(in srgb, var(--sares-clay, #4E2310) 10%, #fff);
    color: var(--sares-clay, #4E2310);
    border: 1px solid color-mix(in srgb, var(--sares-clay, #4E2310) 25%, transparent);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
}

/* ── Scope list ── */
.scope-list[b-716i11ou9i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.scope-item[b-716i11ou9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: 9px;
    border: 1.5px solid #e5e7eb;
    background: #fafafa;
}

/* ── Info chip (roles count on user row) ── */
.info-chip[b-716i11ou9i] {
    display: inline-flex;
    align-items: center;
    background: #f3f4f6;
    color: #374151;
    border-radius: 12px;
    padding: 2px 9px;
    font-size: 12px;
    font-weight: 600;
}

/* ── Password input wrapper ── */
.pwd-wrapper[b-716i11ou9i] {
    position: relative;
    display: flex;
    align-items: center;
}

    .pwd-wrapper input[b-716i11ou9i] {
        width: 100%;
        padding-right: 38px !important;
    }

.pwd-eye[b-716i11ou9i] {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: color .15s;
    display: flex;
    align-items: center;
}

    .pwd-eye:hover[b-716i11ou9i] {
        color: #2563eb;
    }

/* ── Strength bar ── */
.strength-bar[b-716i11ou9i] {
    display: flex;
    gap: 4px;
    margin-top: 6px;
}

.strength-seg[b-716i11ou9i] {
    flex: 1;
    height: 4px;
    border-radius: 3px;
    background: #e5e7eb;
    transition: background .25s;
}

    .strength-seg.s-weak[b-716i11ou9i] {
        background: #ef4444;
    }

    .strength-seg.s-fair[b-716i11ou9i] {
        background: #f97316;
    }

    .strength-seg.s-good[b-716i11ou9i] {
        background: #eab308;
    }

    .strength-seg.s-strong[b-716i11ou9i] {
        background: #22c55e;
    }

.strength-label[b-716i11ou9i] {
    font-size: 11px;
    font-weight: 600;
    margin-top: 3px;
    height: 14px;
}

.sl-weak[b-716i11ou9i] {
    color: #ef4444;
}

.sl-fair[b-716i11ou9i] {
    color: #f97316;
}

.sl-good[b-716i11ou9i] {
    color: #eab308;
}

.sl-strong[b-716i11ou9i] {
    color: #22c55e;
}

/* ── Password rules checklist ── */
.pwd-rules[b-716i11ou9i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    background: #f9fafb;
    border-radius: 8px;
    padding: 10px 12px;
    border: 1px solid #f0f0f0;
}

.pwd-rule[b-716i11ou9i] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #6b7280;
    transition: color .2s;
}

    .pwd-rule.ok[b-716i11ou9i] {
        color: #16a34a;
    }

    .pwd-rule.bad[b-716i11ou9i] {
        color: #9ca3af;
    }

.pwd-rule-icon[b-716i11ou9i] {
    font-size: 13px;
    width: 16px;
    text-align: center;
}

/* ── Confirm match indicator ── */
.confirm-match[b-716i11ou9i] {
    font-size: 11.5px;
    margin-top: 4px;
    color: #16a34a;
}

.confirm-nomatch[b-716i11ou9i] {
    font-size: 11.5px;
    margin-top: 4px;
    color: #ef4444;
}


/* /Pages/Dashboard/ActivitiesAnalysis.razor.rz.scp.css */
/* Table Container */
.custom-table[b-1qd1kpmab1] {
    width: 100%;
    border-collapse: collapse;
    background: #f8f9fa; /* Light background */
}

/* Table Row */
.custom-row[b-1qd1kpmab1] {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    padding: 3px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

    /* Hover Effect */
    .custom-row:hover[b-1qd1kpmab1] {
        background: #f0f4f8;
    }

    /* Checkbox */
    .custom-row input[type="checkbox"][b-1qd1kpmab1] {
        margin-right: 15px;
    }

/* Column Structure */
.custom-column[b-1qd1kpmab1] {
    flex: 1;
    font-size: 16px;
    color: #4a4a4a;
}

/* Name Column (Clickable Link) */
.custom-name[b-1qd1kpmab1] {
    color: forestgreen;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .custom-name:hover[b-1qd1kpmab1] {
        text-decoration: underline;
    }

/* Job Title */
.custom-job[b-1qd1kpmab1] {
    font-size: 14px;
    color: #777;
}

/* Phone Number */
.custom-phone[b-1qd1kpmab1] {
    color: mediumseagreen;
    text-align: right;
    flex: 1.5;
    font-weight: bold;
}

/* Institution */
.custom-institution[b-1qd1kpmab1] {
    text-align: right;
    flex: 1.5;
    color: #555;
}

.previewbtn[b-1qd1kpmab1] {
    border-radius: 25px;
    background-color: mediumseagreen;
    color: white;
    border: 1px solid mediumseagreen;
    font-size: 0.9rem;
}

.modal-overlay[b-1qd1kpmab1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-1qd1kpmab1] {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-1qd1kpmab1 0.3s ease-in-out;
}

.modal-header[b-1qd1kpmab1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.modal-close[b-1qd1kpmab1] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
}

    .modal-close:hover[b-1qd1kpmab1] {
        color: #333;
    }

.modal-body[b-1qd1kpmab1] {
    max-height: 70vh;
    overflow-y: auto;
}

@keyframes fadeIn-b-1qd1kpmab1 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* Ensure No Overflow */
html[b-1qd1kpmab1], body[b-1qd1kpmab1] {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; /* No scrolling */
    font-family: 'Poppins', Arial, sans-serif;
    box-sizing: border-box;
    background-color: #f8f9fa;
}

/* Dashboard Container */
.dashboard-container[b-1qd1kpmab1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 90vh;
    width: 90vw;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.textmidgh[b-1qd1kpmab1] {
    font-weight: 6;
}

.texthead[b-1qd1kpmab1] {
    font-weight: 600;
}
/* Header */
.dashboard-header[b-1qd1kpmab1] {
    text-align: center;
    background-color: whitesmoke;
    width: 98%;
    margin: 10px;
    border-radius: 15px;
    padding: 10px 0;
    font-size: 1.3rem;
    font-weight: 6;
    color: #343a40;
}

/* Main Content Layout */
.dashboard-main[b-1qd1kpmab1] {
    display: flex;
    width: 95vw;
    height: 75vh;
    align-items: center;
    justify-content: space-between;
}

/* Map Section */
.dashboard-map[b-1qd1kpmab1] {
    /* flex: 1;*/
    height: 100%;
    display: flex;
    padding: 10px;
    /*    justify-content: center;
    align-items: center;*/
    background: #e9ecef;
    border-radius: 15px;
    min-width: 35vw;
    max-width: 20vw;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

    .dashboard-map:hover[b-1qd1kpmab1] {
        transform: scale(1.02);
    }

/* Image inside Map */
.map-image[b-1qd1kpmab1] {
    width: 85%;
    height: auto;
}

/* Stats Section */
/*.dashboard-stats {
    display: grid;
    padding: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    flex: 2;
    width: 30%;
    max-width: 60vw;
    height: 100%;
}
*/
/* Improved card design */
/* Stats Section */
.dashboard-stats[b-1qd1kpmab1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 20px;
    max-width: 100%;
    width: 80%;
    height: 60vh;
    padding: 30px;
}

.stat-card[b-1qd1kpmab1] {
    width: 300px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease-in-out;

}

    .stat-card:hover[b-1qd1kpmab1] {
        transform: scale(1.05);
        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
    }

/* Bottom Navigation */
.dashboard-buttons[b-1qd1kpmab1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 1000px;
    padding: 15px;
}

/* Buttons with modern styling */
.btn[b-1qd1kpmab1] {
    padding: 12px 18px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    font-size: 1.1em;
    min-width: 160px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .btn:hover[b-1qd1kpmab1] {
        transform: scale(1.1);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    }

.indicators[b-1qd1kpmab1] {
    background: #6C63FF;
    color: white;
}

.joint-indicators[b-1qd1kpmab1] {
    background: #51cf66;
    color: white;
}

.outputs[b-1qd1kpmab1] {
    background: #ff922b;
    color: white;
}

.beneficiaries[b-1qd1kpmab1] {
    background: #c77dff;
    color: white;
}

.infrastructures[b-1qd1kpmab1] {
    background: #ffd43b;
    color: white;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dashboard-main[b-1qd1kpmab1] {
        flex-direction: column;
        height: auto;
        justify-content: center;
    }

    .dashboard-map[b-1qd1kpmab1] {
        width: 100%;
        min-height: 250px;
        max-width: 100%;
    }

    .dashboard-stats[b-1qd1kpmab1] {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
        grid-template-rows: repeat(3, auto); /* 3 rows */
    }
}

@media (max-width: 768px) {
    .dashboard-stats[b-1qd1kpmab1] {
        grid-template-columns: 1fr; /* 1 column */
        grid-template-rows: repeat(6, auto); /* 6 rows */
    }

    .dashboard-buttons[b-1qd1kpmab1] {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .dashboard-buttons[b-1qd1kpmab1] {
        flex-direction: column;
    }
}

image_log[b-1qd1kpmab1] {
    background-color: red;
    width: 100%;
    height: 80%;
}

Content_log[b-1qd1kpmab1] {
}



.icon[b-1qd1kpmab1] {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
    border-radius: 25px;
    padding: 15px;
}

.title[b-1qd1kpmab1] {
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
}

.description[b-1qd1kpmab1] {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.button[b-1qd1kpmab1] {
    background: #11358a;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

    .button:hover[b-1qd1kpmab1] {
        background: #5175c9;
    }

/* Custom Table: Full Width, 10% Height, Horizontal Layout */
.custom-table[b-1qd1kpmab1] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* single row, no wrap */
    justify-content: space-around;
    align-items: center;
    width: 80vw; /* full screen width */
    height: 10vh; /* 10% of viewport height */
    padding: 5px 10px;
    overflow-x: auto;
    gap: 10px;
    background: transparent;
}

/* Compact Stat Card */
.stat-card[b-1qd1kpmab1] {
    flex: 0 0 auto;
    width: 200px;
    height: 90%; /* make card height respect container */
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
}

    .stat-card:hover[b-1qd1kpmab1] {
        transform: scale(1.03);
    }

    /* Icon Adjustments */
    .stat-card .icon[b-1qd1kpmab1] {
        width: 30px;
        height: 30px;
        margin: 0 auto 5px auto;
        padding: 5px;
    }
.dashboard-body[b-1qd1kpmab1] {
    overflow-y: auto; /* or hidden */
    max-height: unset;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80vh;
    padding: 10px;
    gap: 10px;
}

/* Map Section */
.map-section[b-1qd1kpmab1] {
    flex: 1;
    background-color: #e9ecef;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-placeholder[b-1qd1kpmab1] {
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    color: #333;
    text-align: center;
    padding: 20px;
    border: 2px dashed #aaa;
}

/* Stats Section */
.stats-section[b-1qd1kpmab1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.beneficiary-totals[b-1qd1kpmab1] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.beneficiary-card[b-1qd1kpmab1] {
    flex: 1;
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    font-size: 0.95rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Bar Chart */
.bar-chart[b-1qd1kpmab1] {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.bar-title[b-1qd1kpmab1] {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.bar-group[b-1qd1kpmab1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 120px;
    padding: 10px;
    gap: 10px;
}

.bar[b-1qd1kpmab1] {
    text-align: center;
    flex: 1;
    font-size: 0.8rem;
}

.bar-fill[b-1qd1kpmab1] {
    background-color: mediumseagreen;
    width: 100%;
    margin-top: 5px;
    transition: height 0.3s ease;
}
.section-subtitle[b-1qd1kpmab1] {
    margin: 10px 0 5px 20px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2c3e50;
}
.modal-overlay[b-1qd1kpmab1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-container[b-1qd1kpmab1] {
    background: white;
    padding: 25px;
    border-radius: 12px;
    width: 90%;
    max-width: 1000px;
    position: relative;
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
    overflow-y: auto;
    max-height: 90vh;
}

.modal-close[b-1qd1kpmab1] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

.table-row[b-1qd1kpmab1] {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .table-row:hover[b-1qd1kpmab1] {
        background-color: #f1f1f1;
    }

.pagination-controls[b-1qd1kpmab1] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}
/* Page layout margin */
body[b-1qd1kpmab1] {
    margin: 0;
    padding: 0;
    background-color: #f5f6fa;
    font-family: 'Segoe UI', sans-serif;
}

.page-container[b-1qd1kpmab1] {
    max-width: 1000px;
    margin: 30px auto; /* Top + bottom, center horizontally */
    padding: 0 20px; /* Left + right padding */
}

/* Section blocks */
.section-activity-details[b-1qd1kpmab1],
.section-geolocation[b-1qd1kpmab1],
.section-participants[b-1qd1kpmab1],
.section-agegroup[b-1qd1kpmab1],
.section-specialgroup[b-1qd1kpmab1],
.section-output[b-1qd1kpmab1],
.section-indicators[b-1qd1kpmab1],
.section-joint-indicators[b-1qd1kpmab1] {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Headings and labels */
.section-title[b-1qd1kpmab1] {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
    border-left: 4px solid #007bff;
    padding-left: 12px;
}

.section-subtitle[b-1qd1kpmab1] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: #333;
}

/* Form inputs */
input[type="text"][b-1qd1kpmab1],
input[type="number"][b-1qd1kpmab1],
input[type="date"][b-1qd1kpmab1],
select[b-1qd1kpmab1],
.input-country[b-1qd1kpmab1],
.input-region[b-1qd1kpmab1],
.input-subregion[b-1qd1kpmab1],
.input-district[b-1qd1kpmab1],
.input-site[b-1qd1kpmab1],
.input-organization[b-1qd1kpmab1],
.input-activity[b-1qd1kpmab1],
.input-other-activity[b-1qd1kpmab1],
.input-description[b-1qd1kpmab1],
.input-start-date[b-1qd1kpmab1],
.input-end-date[b-1qd1kpmab1],
.input-latitude[b-1qd1kpmab1],
.input-longitude[b-1qd1kpmab1],
.input-men[b-1qd1kpmab1],
.input-women[b-1qd1kpmab1] {
    display: block;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 15px;
    font-size: 0.95rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    transition: border 0.3s ease-in-out;
}

    input:focus[b-1qd1kpmab1],
    select:focus[b-1qd1kpmab1] {
        outline: none;
        border-color: #007bff;
        box-shadow: 0 0 3px rgba(0, 123, 255, 0.25);
    }

/* Tables */
table[b-1qd1kpmab1] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

th[b-1qd1kpmab1], td[b-1qd1kpmab1] {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.95rem;
}

th[b-1qd1kpmab1] {
    background-color: #f8f9fa;
    font-weight: bold;
    text-align: left;
}

/* Checkbox and number inputs in table */
.checkbox-output[b-1qd1kpmab1],
.checkbox-indicator[b-1qd1kpmab1],
.checkbox-joint-indicator[b-1qd1kpmab1],
.input-age-men[b-1qd1kpmab1],
.input-age-women[b-1qd1kpmab1],
.input-special-men[b-1qd1kpmab1],
.input-special-women[b-1qd1kpmab1] {
    width: 100%;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* Submit Button */
.btn-submit[b-1qd1kpmab1] {
    background-color: #007bff;
    color: white;
    font-weight: 600;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    display: block;
    margin: 0 auto 50px auto;
    transition: background-color 0.2s ease-in-out;
}

    .btn-submit:hover[b-1qd1kpmab1] {
        background-color: #0056b3;
    }

.activity-search-bar[b-1qd1kpmab1] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    padding: 10px;
    gap: 10px;
    background-color: #f8f9fa;
    border-radius: 8px;
    max-width: 600px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.search-activity-input[b-1qd1kpmab1] {
    flex: 1;
    padding: 10px 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}

    .search-activity-input:focus[b-1qd1kpmab1] {
        border-color: #007bff;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

.btn-search[b-1qd1kpmab1] {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .btn-search:hover[b-1qd1kpmab1] {
        background-color: #0056b3;
    }

.section-title[b-1qd1kpmab1] {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    color: #2c3e50;
}

.search-activity-input[b-1qd1kpmab1] {
    width: 100%;
    max-width: 400px;
    padding: 10px 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.table[b-1qd1kpmab1] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}

    .table thead[b-1qd1kpmab1] {
        background-color: #f5f7fa;
    }

    .table th[b-1qd1kpmab1],
    .table td[b-1qd1kpmab1] {
        padding: 12px 16px;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .table th[b-1qd1kpmab1] {
        font-weight: 600;
        color: #34495e;
        background-color: #f0f0f0;
    }

.table-row[b-1qd1kpmab1] {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .table-row:hover[b-1qd1kpmab1] {
        background-color: #f9f9f9;
    }

.pagination-controls[b-1qd1kpmab1] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 20px;
}

    .pagination-controls button[b-1qd1kpmab1] {
        background-color: #2b9948;
        color: white;
        border: none;
        padding: 10px 18px;
        font-size: 14px;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        .pagination-controls button:hover:not(:disabled)[b-1qd1kpmab1] {
            background-color: #247c3a;
        }

        .pagination-controls button:disabled[b-1qd1kpmab1] {
            background-color: #ccc;
            cursor: default;
        }

    .pagination-controls span[b-1qd1kpmab1] {
        font-weight: 500;
        font-size: 16px;
    }

.loading-overlay[b-1qd1kpmab1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.loading-text[b-1qd1kpmab1] {
    margin-top: 12px;
    font-size: 18px;
    color: white;
    font-weight: 500;
}

.hourglass[b-1qd1kpmab1] {
    width: 40px;
    height: 40px;
    border: 4px solid transparent;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    border-radius: 50%;
    animation: hourglassSpin-b-1qd1kpmab1 1s linear infinite;
}

@keyframes hourglassSpin-b-1qd1kpmab1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.bar-chart[b-1qd1kpmab1] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-top: 20px;
}

.bar-title[b-1qd1kpmab1] {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.bar-group[b-1qd1kpmab1] {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: flex-end;
    height: 220px; /* Important for % height scaling */
}

.bar[b-1qd1kpmab1] {
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bar-fill[b-1qd1kpmab1] {
    width: 100%;
    transition: height 0.4s;
}

    .bar-fill.male[b-1qd1kpmab1] {
        background-color: #3399ff;
        margin-bottom: 2px;
    }

    .bar-fill.female[b-1qd1kpmab1] {
        background-color: #ff66cc;
    }
/* /Pages/Dashboard/Indicatoranalysis.razor.rz.scp.css */
/* ── Analysis page ── */
.analysis-page[b-9rv31gipxu] {
    gap: .75rem;
}

/* ── Filter bar ── */
.analysis-filters[b-9rv31gipxu] {
    padding: 0;
    overflow: hidden;
    background: linear-gradient(
        168deg,
        var(--sares-surface) 0%,
        color-mix(in srgb, var(--sares-green-soft) 30%, var(--sares-surface)) 100%
    );
}

.analysis-filters__row[b-9rv31gipxu] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem .75rem;
    align-items: flex-end;
    padding: .85rem 1.15rem;
}

.analysis-filters__row + .analysis-filters__row[b-9rv31gipxu] {
    margin-top: 0;
    padding-top: .7rem;
    border-top: 1px dashed color-mix(in srgb, var(--sares-line) 70%, var(--sares-green));
}

.analysis-filter-group[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 260px;
    flex: 1 1 280px;
    max-width: none;
}

.analysis-filter-group--search[b-9rv31gipxu] {
    flex: 1.4 1 320px;
    max-width: none;
}

.analysis-filter-label[b-9rv31gipxu] {
    color: var(--sares-green-deep);
    font-family: var(--font-display);
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-left: 2px;
    opacity: .7;
}

.analysis-select[b-9rv31gipxu],
.analysis-search[b-9rv31gipxu] {
    appearance: none;
    -webkit-appearance: none;
    background: var(--sares-surface);
    border: 1.5px solid var(--sares-line);
    border-radius: var(--radius-sm);
    padding: .4rem .7rem;
    font-size: .8rem;
    font-family: var(--font-body);
    color: var(--sares-ink);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    width: 100%;
}

.analysis-select:focus[b-9rv31gipxu],
.analysis-search:focus[b-9rv31gipxu] {
    border-color: var(--sares-green);
    box-shadow: 0 0 0 3px rgba(122,140,46,.1);
}

.analysis-search[b-9rv31gipxu]::placeholder {
    color: var(--sares-muted);
    opacity: .6;
    font-style: italic;
}

/* ── Radzen dropdown overrides ── */
.analysis-filter-group .rz-dropdown[b-9rv31gipxu] {
    width: 100%;
    background: var(--sares-surface);
    border: 1.5px solid var(--sares-line);
    border-radius: var(--radius-sm);
    box-shadow: none;
    font-size: .85rem;
    min-height: 48px;
    height: auto;
    transition: border-color .2s, box-shadow .2s;
}

/* Multi-select stays on a single line — long labels truncate rather than
   wrapping the field to multiple rows. */
.analysis-filter-group .rz-multiselect[b-9rv31gipxu],
.analysis-filter-group .rz-dropdown.rz-multiple[b-9rv31gipxu],
.analysis-filter-group .rz-dropdown.rz-dropdown-chips[b-9rv31gipxu] {
    min-height: 48px;
    height: 48px;
    padding: 4px 8px;
}

.analysis-filter-group .rz-dropdown-chips-wrapper[b-9rv31gipxu],
.analysis-filter-group .rz-chips-wrapper[b-9rv31gipxu],
.analysis-filter-group .rz-multiselect-label[b-9rv31gipxu] {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
}

.analysis-filter-group .rz-chip[b-9rv31gipxu] {
    font-size: .72rem;
    padding: 1px 6px;
    background: color-mix(in srgb, var(--sares-green-soft) 60%, var(--sares-surface));
    border: 1px solid color-mix(in srgb, var(--sares-green) 25%, transparent);
    border-radius: var(--radius-sm);
    color: var(--sares-ink);
    display: inline-flex;
    align-items: center;
    gap: 2px;
    max-width: 100%;
    min-width: 0;
}

.analysis-filter-group .rz-chip .rz-chip-text[b-9rv31gipxu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* Per-chip close button: transparent surface so × blends into the chip. */
.analysis-filter-group .rz-chip .rz-button[b-9rv31gipxu],
.analysis-filter-group .rz-chip .rz-button.rz-button-sm[b-9rv31gipxu] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 2px !important;
    min-width: 0 !important;
    color: inherit !important;
}

.analysis-filter-group .rz-chip .rz-button:hover[b-9rv31gipxu] {
    background: transparent !important;
    color: var(--sares-green) !important;
}

.analysis-filter-group .rz-dropdown-label[b-9rv31gipxu] {
    font-size: .85rem;
    color: var(--sares-ink);
    padding: .45rem .7rem;
}

.analysis-filter-group .rz-dropdown-trigger[b-9rv31gipxu] {
    color: var(--sares-muted);
}

.analysis-filter-group .rz-dropdown:hover[b-9rv31gipxu] {
    border-color: color-mix(in srgb, var(--sares-green) 50%, var(--sares-line));
}

.analysis-filter-group .rz-dropdown:focus-within[b-9rv31gipxu] {
    border-color: var(--sares-green);
    box-shadow: 0 0 0 3px rgba(122,140,46,.1);
}

/* ── Tabs ── */
.analysis-tabs[b-9rv31gipxu] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.analysis-result-count[b-9rv31gipxu] {
    color: var(--sares-muted);
    font-family: var(--font-body);
    font-size: .74rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
    padding: .25rem .65rem;
    background: var(--sares-green-soft);
    border-radius: 999px;
    letter-spacing: -.01em;
}

/* ── KPI row ── */
.analysis-kpi-row[b-9rv31gipxu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
}

@media (max-width: 900px) {
    .analysis-kpi-row[b-9rv31gipxu] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .analysis-kpi-row[b-9rv31gipxu] {
        grid-template-columns: 1fr;
    }
}

/* ── Chart cards ── */
.analysis-chart-card[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
    height: 100%;
}

/* Reserve corner space so the kebab overlay doesn't cover the card's top row
   (section label, title, badge). Padding the whole card shifts every top-row
   child (not just the text label) away from the kebab corner. */
.analysis-chart-card:has(> .export-kebab-anchor--right)[b-9rv31gipxu] {
    padding-right: 3rem;
}

.analysis-chart-card:has(> .export-kebab-anchor--left)[b-9rv31gipxu] {
    padding-left: 3rem;
}

.analysis-chart-region[b-9rv31gipxu] {
    flex: 1;
    min-height: 240px;
}

/* "Activities by country" is a doughnut on a full-width row — without a
   width cap the canvas stretches to ~1200px while the donut only fills
   the (much smaller) height. Centre the canvas in a bounded box so the
   donut + legend feel balanced instead of marooned on the left. */
.analysis-chart-card[data-export-card="activity-count"] .analysis-chart-region[b-9rv31gipxu] {
    align-self: center;
    width: 100%;
    max-width: 640px;
    min-height: 300px;
    height: 300px;
    margin: 0 auto;
}

/* ── Indicator tiles grid ── */
.analysis-tiles-grid[b-9rv31gipxu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
}

.analysis-ind-tile[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .65rem .85rem;
    background: var(--sares-surface);
    border: 1px solid var(--sares-line);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: border-color .15s, box-shadow .15s;
}

.analysis-ind-tile:hover[b-9rv31gipxu] {
    border-color: var(--sares-green);
    box-shadow: var(--shadow-md);
}

.analysis-ind-tile--selected[b-9rv31gipxu] {
    background: var(--sares-green-soft);
    border-color: var(--sares-green);
    box-shadow: inset 0 0 0 2px var(--sares-green);
}

.analysis-ind-tile__code[b-9rv31gipxu] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--sares-green-deep);
    background: var(--sares-green-soft);
    padding: .15rem .45rem;
    border-radius: 999px;
    align-self: flex-start;
}

.analysis-ind-tile__name[b-9rv31gipxu] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--sares-ink);
    line-height: 1.25;
}

.analysis-ind-tile__pct[b-9rv31gipxu] {
    font-size: .74rem;
    font-weight: 700;
    color: var(--sares-green);
}

.analysis-ind-tile__value[b-9rv31gipxu] {
    font-size: .74rem;
    font-weight: 700;
    color: var(--sares-muted);
}

.analysis-ind-tile--joint .analysis-ind-tile__code[b-9rv31gipxu] {
    background: var(--sares-mist);
    color: var(--sares-ink-2);
}

.analysis-ind-tile--joint:hover[b-9rv31gipxu] {
    border-color: var(--sares-sky);
}

.analysis-ind-tile--joint.analysis-ind-tile--selected[b-9rv31gipxu] {
    background: color-mix(in srgb, var(--sares-sky) 10%, var(--sares-surface));
    border-color: var(--sares-sky);
    box-shadow: inset 0 0 0 2px var(--sares-sky);
}

/* ── Indicator detail ── */
.analysis-detail[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
}

/* Reserve corner space so the kebab overlay doesn't cover the header. */
.analysis-detail:has(> .export-kebab-anchor--right)[b-9rv31gipxu] {
    padding-right: 3rem;
}

.analysis-detail:has(> .export-kebab-anchor--left)[b-9rv31gipxu] {
    padding-left: 3rem;
}

.analysis-detail__header[b-9rv31gipxu] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.analysis-detail__name[b-9rv31gipxu] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--sares-green-deep);
}

.analysis-detail__description[b-9rv31gipxu] {
    margin: 0;
    padding: .6rem .85rem;
    background: var(--sares-green-soft);
    border-left: 3px solid var(--sares-green);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--sares-ink-2);
    font-size: .82rem;
    line-height: 1.55;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    max-width: 100%;
}

.analysis-detail__row[b-9rv31gipxu] {
    display: flex;
    gap: .75rem;
}

.analysis-detail__row > *[b-9rv31gipxu] {
    flex: 1;
}

/* ── Empty state ── */
.analysis-empty[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 3rem;
    color: var(--sares-muted);
    text-align: center;
}

.analysis-empty p[b-9rv31gipxu] {
    margin: 0;
    font-size: .9rem;
}

/* ── Export menu (toolbar above each card; tab-bar variant inline) ── */

/* Wrapper that stacks an action-bar above the card without altering the card's internals */
.export-wrap[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    height: 100%;
}

/* Ensure the card beneath takes all the remaining space in the wrapper */
.export-wrap > .dash-surface-card[b-9rv31gipxu],
.export-wrap > .analysis-export-wrap[b-9rv31gipxu] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
}

/* Map + Beneficiaries cards on /analyse use `.analysis-export-wrap` as the wrapper,
   and their `.dash-surface-card` lives inside a child component (DashMap /
   DashBeneficiariesChart). Reach into it with ::deep so the card padding is widened
   on the kebab side, pushing the header title + pill badge away from the kebab corner. */
.analysis-export-wrap:has(> .export-kebab-anchor--right)[b-9rv31gipxu]  .dash-surface-card {
    padding-right: 3rem;
}

.analysis-export-wrap:has(> .export-kebab-anchor--left)[b-9rv31gipxu]  .dash-surface-card {
    padding-left: 3rem;
}

.analysis-export-wrap[b-9rv31gipxu] {
    position: relative;
    height: 100%;
}

.analysis-activity-list[b-9rv31gipxu] {
    padding: 1rem 1.25rem 1.25rem;
    margin-top: .5rem;
}

.analysis-activity-list:has(> .export-kebab-anchor--right)[b-9rv31gipxu] {
    padding-right: 3rem;
}

.analysis-activity-list__header[b-9rv31gipxu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .5rem;
}

.analysis-activity-list[b-9rv31gipxu]  .rz-data-grid,
.analysis-activity-list[b-9rv31gipxu]  .rz-datatable {
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    font-size: 0.82rem;
}

/* Tab-bar variant: inline next to the activity counter */
.analysis-tabs .export-menu[b-9rv31gipxu] {
    margin-left: .35rem;
}


/* ── Export loader — "editorial document assembly" ──────────────────────── */

.export-overlay[b-9rv31gipxu] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background:
        radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--sares-lime, #C9DC3F) 14%, transparent), transparent 42%),
        radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--sares-green, #7a8c2e) 22%, transparent), transparent 45%),
        color-mix(in srgb, var(--sares-green-deep, #263b22) 78%, transparent);
    backdrop-filter: blur(6px) saturate(1.1);
    -webkit-backdrop-filter: blur(6px) saturate(1.1);
    font-family: var(--font-body, "Inter"), sans-serif;
    color: var(--sares-surface, #fff);
    animation: eol-fade-in-b-9rv31gipxu .28s ease;
}

@keyframes eol-fade-in-b-9rv31gipxu {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Corner registration marks (printing-proof nod) ─────────────────────── */
.export-overlay__crop[b-9rv31gipxu] {
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
    opacity: 0;
    animation:
        eol-crop-in-b-9rv31gipxu .45s cubic-bezier(.2,.7,.3,1) var(--crop-delay, 0s) forwards,
        eol-crop-breathe-b-9rv31gipxu 1.45s ease-in-out calc(var(--crop-delay, 0s) + .55s) infinite;
}

.export-overlay__crop[b-9rv31gipxu]::before,
.export-overlay__crop[b-9rv31gipxu]::after {
    content: "";
    position: absolute;
    background: var(--sares-lime, #C9DC3F);
    box-shadow: 0 0 6px color-mix(in srgb, var(--sares-lime, #C9DC3F) 50%, transparent);
    animation: eol-crop-glow-b-9rv31gipxu 1.45s ease-in-out calc(var(--crop-delay, 0s) + .55s) infinite;
}

.export-overlay__crop[b-9rv31gipxu]::before { width: 1px;  height: 20px; }
.export-overlay__crop[b-9rv31gipxu]::after  { width: 20px; height: 1px;  }

.export-overlay__crop--tl[b-9rv31gipxu] { top: 28px; left: 28px; --crop-delay: .08s; }
.export-overlay__crop--tl[b-9rv31gipxu]::before,
.export-overlay__crop--tl[b-9rv31gipxu]::after { top: 0; left: 0; }

.export-overlay__crop--tr[b-9rv31gipxu] { top: 28px; right: 28px; --crop-delay: .12s; }
.export-overlay__crop--tr[b-9rv31gipxu]::before,
.export-overlay__crop--tr[b-9rv31gipxu]::after { top: 0; right: 0; }

.export-overlay__crop--bl[b-9rv31gipxu] { bottom: 28px; left: 28px; --crop-delay: .16s; }
.export-overlay__crop--bl[b-9rv31gipxu]::before,
.export-overlay__crop--bl[b-9rv31gipxu]::after { bottom: 0; left: 0; }

.export-overlay__crop--br[b-9rv31gipxu] { bottom: 28px; right: 28px; --crop-delay: .20s; }
.export-overlay__crop--br[b-9rv31gipxu]::before,
.export-overlay__crop--br[b-9rv31gipxu]::after { bottom: 0; right: 0; }

@keyframes eol-crop-in-b-9rv31gipxu {
    from { opacity: 0; transform: scale(.5); }
    to   { opacity: .9; transform: scale(1); }
}

@keyframes eol-crop-breathe-b-9rv31gipxu {
    0%, 100% {
        opacity: .72;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@keyframes eol-crop-glow-b-9rv31gipxu {
    0%, 100% {
        box-shadow: 0 0 6px color-mix(in srgb, var(--sares-lime, #C9DC3F) 50%, transparent);
        filter: brightness(1);
    }
    50% {
        box-shadow:
            0 0 14px color-mix(in srgb, var(--sares-lime, #C9DC3F) 70%, transparent),
            0 0 3px rgba(255, 255, 255, .35);
        filter: brightness(1.25);
    }
}

/* ── Central stage ─────────────────────────────────────────────────────── */
.export-overlay__stage[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.2rem;
    max-width: 440px;
    animation: eol-stage-in-b-9rv31gipxu .45s cubic-bezier(.2,.7,.3,1);
}

@keyframes eol-stage-in-b-9rv31gipxu {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Document stack ────────────────────────────────────────────────────── */
.export-overlay__doc[b-9rv31gipxu] {
    position: relative;
    width: 170px;
    height: 220px;
    perspective: 800px;
}

.export-overlay__page[b-9rv31gipxu] {
    position: absolute;
    inset: 0;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-lime, #C9DC3F) 25%, transparent);
    border-radius: 2px;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 35%, transparent),
        0 18px 40px -12px rgba(0, 0, 0, .55);
    opacity: 0;
    animation: eol-page-in-b-9rv31gipxu .55s cubic-bezier(.2,.7,.3,1) forwards;
}

/* Offset each leaf so the stack is legible as a stack */
.export-overlay__page--1[b-9rv31gipxu] {
    transform: translate(-18px, -14px) rotate(-4deg);
    animation-delay: .08s;
    opacity: 0;
}
.export-overlay__page--2[b-9rv31gipxu] {
    transform: translate(-4px, -4px) rotate(1.2deg);
    animation-delay: .18s;
    background: color-mix(in srgb, var(--sares-surface, #fff) 92%, var(--sares-green-soft, #eef3d9));
}
.export-overlay__page--3[b-9rv31gipxu] {
    transform: translate(14px, 12px) rotate(-1.5deg);
    animation-delay: .28s;
    overflow: hidden;
}

/* Suggestive "content" on the top page — looks like a chart card */
.export-overlay__mark[b-9rv31gipxu] {
    position: absolute;
    top: 10px;
    right: 12px;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--sares-green-deep, #3a4618);
    opacity: 0;
    animation: eol-fade-in-b-9rv31gipxu .5s .4s ease forwards;
}

.export-overlay__line[b-9rv31gipxu] {
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 1px;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 85%, var(--sares-green, #7a8c2e));
    opacity: 0;
    animation: eol-line-in-b-9rv31gipxu .45s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-overlay__line--1[b-9rv31gipxu] { top: 30px; width: 92px; animation-delay: .42s; }
.export-overlay__line--2[b-9rv31gipxu] { top: 40px; width: 68px; animation-delay: .5s;  }
.export-overlay__line--3[b-9rv31gipxu] { top: 50px; width: 44px; animation-delay: .58s; }

.export-overlay__block[b-9rv31gipxu] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    height: 56px;
    border-radius: 2px;
    background:
        linear-gradient(180deg,
            transparent 0%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 20%, transparent) 100%),
        repeating-linear-gradient(90deg,
            transparent 0 6px,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, transparent) 6px 8px);
    border-left: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 35%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 35%, transparent);
    opacity: 0;
    animation: eol-line-in-b-9rv31gipxu .5s .66s cubic-bezier(.2,.7,.3,1) forwards;
}

@keyframes eol-page-in-b-9rv31gipxu {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes eol-line-in-b-9rv31gipxu {
    from { opacity: 0; clip-path: inset(0 100% 0 0); }
    to   { opacity: 1; clip-path: inset(0 0 0 0); }
}

/* Lime scan-line sweeping over the stack */
.export-overlay__scan[b-9rv31gipxu] {
    position: absolute;
    left: -14px;
    right: -14px;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        var(--sares-lime, #C9DC3F) 15%,
        var(--sares-lime, #C9DC3F) 85%,
        transparent 100%);
    border-radius: 2px;
    box-shadow:
        0 0 14px var(--sares-lime, #C9DC3F),
        0 0 3px rgba(255, 255, 255, .75);
    animation: eol-scan-b-9rv31gipxu 2.2s cubic-bezier(.45,.05,.25,.95) infinite;
    animation-delay: .7s;
    opacity: 0;
}

@keyframes eol-scan-b-9rv31gipxu {
    0%   { transform: translateY(-6px); opacity: 0; }
    8%   { opacity: 1; }
    92%  { opacity: 1; }
    100% { transform: translateY(222px); opacity: 0; }
}

/* ── Caption ───────────────────────────────────────────────────────────── */
.export-overlay__caption[b-9rv31gipxu] {
    text-align: center;
    max-width: 360px;
}

.export-overlay__eyebrow[b-9rv31gipxu] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--sares-lime, #C9DC3F);
    padding: .3rem .65rem;
    border: 1px solid color-mix(in srgb, var(--sares-lime, #C9DC3F) 45%, transparent);
    border-radius: 2px;
    margin-bottom: 1.1rem;
}

.export-overlay__title[b-9rv31gipxu] {
    margin: 0 0 .55rem 0;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.2;
    color: var(--sares-surface, #fff);
}

.export-overlay__subtitle[b-9rv31gipxu] {
    margin: 0 auto;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.55;
    color: color-mix(in srgb, var(--sares-surface, #fff) 78%, transparent);
    max-width: 34ch;
}

/* ── Ticker — five dots, middle one blooms lime ────────────────────────── */
.export-overlay__ticker[b-9rv31gipxu] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: -.5rem;
}

.export-overlay__ticker span[b-9rv31gipxu] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--sares-surface, #fff) 36%, transparent);
    transform: translateY(0) scale(.65);
    animation: eol-tick-b-9rv31gipxu 1.1s cubic-bezier(.4,0,.2,1) infinite;
}

.export-overlay__ticker span:nth-child(1)[b-9rv31gipxu] { animation-delay: 0s;    }
.export-overlay__ticker span:nth-child(2)[b-9rv31gipxu] { animation-delay: .12s;  }
.export-overlay__ticker span:nth-child(3)[b-9rv31gipxu] { animation-delay: .24s;  }
.export-overlay__ticker span:nth-child(4)[b-9rv31gipxu] { animation-delay: .36s;  }
.export-overlay__ticker span:nth-child(5)[b-9rv31gipxu] { animation-delay: .48s;  }

@keyframes eol-tick-b-9rv31gipxu {
    0%, 100% {
        transform: translateY(0) scale(.62);
        opacity: .52;
        background: color-mix(in srgb, var(--sares-surface, #fff) 30%, transparent);
        box-shadow: none;
    }
    45% {
        transform: translateY(-7px) scale(1.12);
        opacity: 1;
        background: var(--sares-lime, #C9DC3F);
        box-shadow:
            0 0 14px color-mix(in srgb, var(--sares-lime, #C9DC3F) 70%, transparent),
            0 0 3px rgba(255, 255, 255, .35);
    }
    75% {
        transform: translateY(0) scale(.8);
        opacity: .72;
    }
}

/* ── Reduced motion: remove animations, keep the composition ──────────── */
@media (prefers-reduced-motion: reduce) {
    .export-overlay[b-9rv31gipxu],
    .export-overlay *[b-9rv31gipxu],
    .export-overlay *[b-9rv31gipxu]::before,
    .export-overlay *[b-9rv31gipxu]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
    .export-overlay__page[b-9rv31gipxu],
    .export-overlay__mark[b-9rv31gipxu],
    .export-overlay__line[b-9rv31gipxu],
    .export-overlay__block[b-9rv31gipxu],
    .export-overlay__crop[b-9rv31gipxu] {
        opacity: 1 !important;
    }
    .export-overlay__scan[b-9rv31gipxu] { opacity: 0 !important; }
}

/* ── Export confirmation — "editorial proof review" ──────────────────────── */

.export-confirm[b-9rv31gipxu] {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-family: var(--font-body, "Inter"), sans-serif;
    color: var(--sares-ink, #24361f);
    animation: eoc-fade-in-b-9rv31gipxu .24s ease;
}

.export-confirm__backdrop[b-9rv31gipxu] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 25% 15%,
            color-mix(in srgb, var(--sares-lime, #C9DC3F) 18%, transparent) 0%,
            transparent 46%),
        radial-gradient(circle at 78% 82%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 30%, transparent) 0%,
            transparent 48%),
        color-mix(in srgb, var(--sares-green-deep, #263b22) 64%, transparent);
    backdrop-filter: blur(4px) saturate(1.05);
    -webkit-backdrop-filter: blur(4px) saturate(1.05);
    cursor: pointer;
}

@keyframes eoc-fade-in-b-9rv31gipxu {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Card ─────────────────────────────────────────────────────────────── */
.export-confirm__card[b-9rv31gipxu] {
    position: relative;
    width: min(560px, 100%);
    background: var(--sares-surface, #fff);
    border-radius: 3px;
    padding: 2.2rem 2.3rem 1.5rem;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 14%, transparent),
        0 42px 70px -30px rgba(0, 0, 0, .55),
        0 16px 30px -15px rgba(0, 0, 0, .25);
    border-left: 2px solid var(--sares-lime, #C9DC3F);
    overflow: hidden;
    animation: eoc-card-in-b-9rv31gipxu .45s cubic-bezier(.2,.7,.3,1);
}

/* Subtle newsprint grain — multiplied over the card */
.export-confirm__card[b-9rv31gipxu]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0 3px,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 3%, transparent) 3px 4px);
    opacity: .55;
    mix-blend-mode: multiply;
}

@keyframes eoc-card-in-b-9rv31gipxu {
    from { opacity: 0; transform: translateY(14px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Corner crop marks (card scale — echo the overlay motif) ─────────── */
.export-confirm__crop[b-9rv31gipxu] {
    position: absolute;
    width: 12px;
    height: 12px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    animation: eoc-crop-in-b-9rv31gipxu .4s cubic-bezier(.2,.7,.3,1) var(--crop-delay, 0s) forwards;
}

.export-confirm__crop[b-9rv31gipxu]::before,
.export-confirm__crop[b-9rv31gipxu]::after {
    content: "";
    position: absolute;
    background: color-mix(in srgb, var(--sares-green, #7a8c2e) 55%, transparent);
}

.export-confirm__crop[b-9rv31gipxu]::before { width: 1px;  height: 12px; }
.export-confirm__crop[b-9rv31gipxu]::after  { width: 12px; height: 1px;  }

.export-confirm__crop--tl[b-9rv31gipxu] { top: 10px; left: 10px; --crop-delay: .18s; }
.export-confirm__crop--tl[b-9rv31gipxu]::before,
.export-confirm__crop--tl[b-9rv31gipxu]::after { top: 0; left: 0; }

.export-confirm__crop--tr[b-9rv31gipxu] { top: 10px; right: 10px; --crop-delay: .22s; }
.export-confirm__crop--tr[b-9rv31gipxu]::before,
.export-confirm__crop--tr[b-9rv31gipxu]::after { top: 0; right: 0; }

.export-confirm__crop--bl[b-9rv31gipxu] { bottom: 10px; left: 10px; --crop-delay: .26s; }
.export-confirm__crop--bl[b-9rv31gipxu]::before,
.export-confirm__crop--bl[b-9rv31gipxu]::after { bottom: 0; left: 0; }

.export-confirm__crop--br[b-9rv31gipxu] { bottom: 10px; right: 10px; --crop-delay: .30s; }
.export-confirm__crop--br[b-9rv31gipxu]::before,
.export-confirm__crop--br[b-9rv31gipxu]::after { bottom: 0; right: 0; }

@keyframes eoc-crop-in-b-9rv31gipxu {
    from { opacity: 0; transform: scale(.6); }
    to   { opacity: .9; transform: scale(1); }
}

/* ── Hero — proof sheet ───────────────────────────────────────────────── */
.export-confirm__hero[b-9rv31gipxu] {
    display: flex;
    justify-content: center;
    padding: .3rem 0 1.2rem;
    position: relative;
}

.export-confirm__proof[b-9rv31gipxu] {
    position: relative;
    width: 128px;
    height: 158px;
    background: color-mix(in srgb, var(--sares-surface, #fff) 94%, var(--sares-green-soft, #eef3d9));
    border: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 22%, var(--sares-line, #dde1cb));
    border-radius: 2px;
    box-shadow:
        0 10px 24px -12px rgba(0, 0, 0, .22),
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 10%, transparent);
    transform: rotate(-2.2deg);
    animation: eoc-proof-in-b-9rv31gipxu .6s cubic-bezier(.2,.7,.3,1) .05s both;
}

@keyframes eoc-proof-in-b-9rv31gipxu {
    from { opacity: 0; transform: rotate(-7deg) translateY(8px); }
    to   { opacity: 1; transform: rotate(-2.2deg) translateY(0); }
}

/* Dog-ear corner fold */
.export-confirm__proof-fold[b-9rv31gipxu] {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    background:
        linear-gradient(225deg,
            var(--sares-green-soft, #eef3d9) 0%,
            var(--sares-green-soft, #eef3d9) 48%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, var(--sares-surface, #fff)) 50%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, var(--sares-surface, #fff)) 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    box-shadow: -1px 1px 0 color-mix(in srgb, var(--sares-green, #7a8c2e) 18%, transparent);
}

/* Content rules on the proof */
.export-confirm__proof-rule[b-9rv31gipxu] {
    position: absolute;
    left: 12px;
    height: 2px;
    border-radius: 1px;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 78%, var(--sares-green, #7a8c2e));
    opacity: 0;
    animation: eoc-rule-in-b-9rv31gipxu .45s cubic-bezier(.2,.7,.3,1) forwards;
}
.export-confirm__proof-rule--1[b-9rv31gipxu] { top: 18px; width: 66px; animation-delay: .28s; }
.export-confirm__proof-rule--2[b-9rv31gipxu] { top: 27px; width: 48px; animation-delay: .34s; }
.export-confirm__proof-rule--3[b-9rv31gipxu] { top: 36px; width: 36px; animation-delay: .40s; }

@keyframes eoc-rule-in-b-9rv31gipxu {
    from { opacity: 0; clip-path: inset(0 100% 0 0); }
    to   { opacity: 1; clip-path: inset(0 0 0 0); }
}

/* Chart-like block at bottom of proof */
.export-confirm__proof-block[b-9rv31gipxu] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 14px;
    height: 38px;
    border-radius: 1px;
    background:
        linear-gradient(180deg, transparent 0%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, transparent) 100%),
        repeating-linear-gradient(90deg,
            transparent 0 5px,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 10%, transparent) 5px 6px);
    border-left: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 25%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 25%, transparent);
    opacity: 0;
    animation: eoc-rule-in-b-9rv31gipxu .5s .48s cubic-bezier(.2,.7,.3,1) forwards;
}

/* The big format stamp — hero typographic moment */
.export-confirm__proof-stamp[b-9rv31gipxu] {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    text-align: center;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1;
    color: var(--sares-green-deep, #263b22);
    text-shadow: 0 1px 0 color-mix(in srgb, var(--sares-surface, #fff) 70%, transparent);
    animation: eoc-stamp-in-b-9rv31gipxu .5s cubic-bezier(.2,.7,.3,1) .42s both;
}

@keyframes eoc-stamp-in-b-9rv31gipxu {
    from { opacity: 0; transform: scale(1.4); letter-spacing: .55em; }
    to   { opacity: 1; transform: scale(1); letter-spacing: .18em; }
}

/* ── Body text ────────────────────────────────────────────────────────── */
.export-confirm__body[b-9rv31gipxu] {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 .3rem;
}

.export-confirm__eyebrow[b-9rv31gipxu] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--sares-green-deep, #263b22);
    background: var(--sares-green-soft, #eef3d9);
    padding: .34rem .75rem;
    border-radius: 2px;
    margin-bottom: .85rem;
}

.export-confirm__title[b-9rv31gipxu] {
    margin: 0 0 .5rem 0;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: var(--sares-green-deep, #263b22);
}

.export-confirm__subtitle[b-9rv31gipxu] {
    margin: 0 auto 1.2rem;
    font-size: .86rem;
    line-height: 1.6;
    color: var(--sares-ink-2, #4a5a34);
    max-width: 38ch;
}

/* ── Run-time notice — "this one takes longer" ───────────────────────── */
.export-confirm__notice[b-9rv31gipxu] {
    position: relative;
    z-index: 1;
    margin: -.15rem auto 1.1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .6rem .85rem .6rem .75rem;
    background: color-mix(in srgb, var(--sares-sun, #e8b931) 12%, var(--sares-surface, #fff));
    border-left: 3px solid var(--sares-sun, #e8b931);
    border-radius: 0 2px 2px 0;
    text-align: left;
}

/* Faint ticking line under the strip — subliminal "time passing" cue */
.export-confirm__notice[b-9rv31gipxu]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: repeating-linear-gradient(
        90deg,
        color-mix(in srgb, var(--sares-sun, #e8b931) 65%, transparent) 0 6px,
        transparent 6px 10px);
    opacity: .55;
}

/* Stopwatch glyph */
.export-confirm__notice-glyph[b-9rv31gipxu] {
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-top: 2px; /* optical baseline nudge so the glyph aligns with eyebrow cap-height */
    border: 1.5px solid color-mix(in srgb, var(--sares-sun, #e8b931) 85%, var(--sares-green-deep, #263b22));
    border-radius: 50%;
    background: var(--sares-surface, #fff);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--sares-sun, #e8b931) 45%, transparent);
}

/* "Crown" — little top nub of a stopwatch */
.export-confirm__notice-glyph-crown[b-9rv31gipxu] {
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 3px;
    border-radius: 1px 1px 0 0;
    background: color-mix(in srgb, var(--sares-sun, #e8b931) 85%, var(--sares-green-deep, #263b22));
}

/* Minute-hand — slow, intentional sweep */
.export-confirm__notice-glyph-hand[b-9rv31gipxu] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5px;
    height: 7px;
    background: var(--sares-green-deep, #263b22);
    border-radius: 1px;
    transform-origin: 50% 100%;
    transform: translate(-50%, -100%) rotate(0deg);
    animation: eoc-tick-sweep-b-9rv31gipxu 6s linear infinite;
}

/* Centre pivot */
.export-confirm__notice-glyph-pivot[b-9rv31gipxu] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--sares-green-deep, #263b22);
    transform: translate(-50%, -50%);
}

@keyframes eoc-tick-sweep-b-9rv31gipxu {
    from { transform: translate(-50%, -100%) rotate(0deg); }
    to   { transform: translate(-50%, -100%) rotate(360deg); }
}

.export-confirm__notice-body[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    min-width: 0;
}

.export-confirm__notice-eyebrow[b-9rv31gipxu] {
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--sares-sun, #e8b931) 50%, var(--sares-green-deep, #263b22));
}

.export-confirm__notice-text[b-9rv31gipxu] {
    font-size: .79rem;
    line-height: 1.45;
    color: var(--sares-ink, #24361f);
    font-weight: 500;
}

/* ── Meta (composition / format) — colophon strip ─────────────────────── */
.export-confirm__meta[b-9rv31gipxu] {
    position: relative;
    z-index: 1;
    margin: 0 auto 1.1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: .8rem .5rem;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 55%, transparent);
    border: 1px dashed color-mix(in srgb, var(--sares-green, #7a8c2e) 32%, transparent);
    border-radius: 2px;
    text-align: left;
}

.export-confirm__meta-row[b-9rv31gipxu] {
    display: flex;
    flex-direction: column;
    gap: .22rem;
    padding: 0 .65rem;
    min-width: 0;
}

.export-confirm__meta-row + .export-confirm__meta-row[b-9rv31gipxu] {
    border-left: 1px dashed color-mix(in srgb, var(--sares-green, #7a8c2e) 28%, transparent);
}

.export-confirm__meta-row dt[b-9rv31gipxu] {
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--sares-green-deep, #263b22) 68%, var(--sares-muted, #7b8565));
    margin: 0;
}

.export-confirm__meta-row dd[b-9rv31gipxu] {
    margin: 0;
    font-size: .84rem;
    font-weight: 600;
    color: var(--sares-ink, #24361f);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.export-confirm__format-mark[b-9rv31gipxu] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .2em;
    color: var(--sares-green-deep, #263b22);
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 45%, transparent);
    padding: .18rem .55rem;
    border-radius: 2px;
}

/* ── Filters row ──────────────────────────────────────────────────────── */
.export-confirm__filters[b-9rv31gipxu] {
    position: relative;
    z-index: 1;
    margin: 0 auto 1.25rem;
    text-align: left;
    padding: 0 .3rem;
}

.export-confirm__filters-label[b-9rv31gipxu] {
    display: block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--sares-green-deep, #263b22) 68%, var(--sares-muted, #7b8565));
    margin-bottom: .5rem;
}

.export-confirm__filters-empty[b-9rv31gipxu] {
    display: inline-block;
    font-size: .82rem;
    color: var(--sares-muted, #7b8565);
    font-style: italic;
    font-family: var(--font-body, "Inter"), sans-serif;
}

.export-confirm__chips[b-9rv31gipxu] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.export-confirm__chip[b-9rv31gipxu] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .65rem;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-line, #dde1cb) 85%, var(--sares-green, #7a8c2e));
    border-radius: 999px;
    font-size: .76rem;
    line-height: 1;
    max-width: 100%;
    opacity: 0;
    transform: translateX(-4px);
    animation: eoc-chip-in-b-9rv31gipxu .3s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-confirm__chip:nth-child(1)[b-9rv31gipxu] { animation-delay: .20s; }
.export-confirm__chip:nth-child(2)[b-9rv31gipxu] { animation-delay: .24s; }
.export-confirm__chip:nth-child(3)[b-9rv31gipxu] { animation-delay: .28s; }
.export-confirm__chip:nth-child(4)[b-9rv31gipxu] { animation-delay: .32s; }
.export-confirm__chip:nth-child(5)[b-9rv31gipxu] { animation-delay: .36s; }
.export-confirm__chip:nth-child(6)[b-9rv31gipxu] { animation-delay: .40s; }
.export-confirm__chip:nth-child(7)[b-9rv31gipxu] { animation-delay: .44s; }
.export-confirm__chip:nth-child(8)[b-9rv31gipxu] { animation-delay: .48s; }
.export-confirm__chip:nth-child(n+9)[b-9rv31gipxu] { animation-delay: .52s; }

@keyframes eoc-chip-in-b-9rv31gipxu {
    from { opacity: 0; transform: translateX(-4px); }
    to   { opacity: 1; transform: translateX(0); }
}

.export-confirm__chip-key[b-9rv31gipxu] {
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--sares-green-deep, #263b22);
    white-space: nowrap;
}

.export-confirm__chip-sep[b-9rv31gipxu] {
    color: color-mix(in srgb, var(--sares-green, #7a8c2e) 70%, transparent);
    font-weight: 700;
}

.export-confirm__chip-value[b-9rv31gipxu] {
    font-weight: 600;
    color: var(--sares-ink, #24361f);
    font-variant-numeric: tabular-nums;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Actions ──────────────────────────────────────────────────────────── */
.export-confirm__actions[b-9rv31gipxu] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-top: 1rem;
    border-top: 1px dashed color-mix(in srgb, var(--sares-line, #dde1cb) 65%, var(--sares-green, #7a8c2e));
}

.export-confirm__btn[b-9rv31gipxu] {
    appearance: none;
    border: 1.5px solid transparent;
    border-radius: 999px;
    padding: .58rem 1.2rem;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.export-confirm__btn--ghost[b-9rv31gipxu] {
    background: transparent;
    color: var(--sares-muted, #7b8565);
    border-color: transparent;
}

.export-confirm__btn--ghost:hover[b-9rv31gipxu] {
    color: var(--sares-green-deep, #263b22);
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 60%, transparent);
}

.export-confirm__btn--ghost:focus-visible[b-9rv31gipxu] {
    outline: none;
    color: var(--sares-green-deep, #263b22);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sares-green, #7a8c2e) 25%, transparent);
}

.export-confirm__btn--primary[b-9rv31gipxu] {
    background: var(--sares-green-deep, #263b22);
    color: var(--sares-surface, #fff);
    border-color: var(--sares-green-deep, #263b22);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-lime, #C9DC3F) 40%, transparent) inset,
        0 6px 18px -10px color-mix(in srgb, var(--sares-green-deep, #263b22) 70%, transparent);
}

.export-confirm__btn--primary:hover[b-9rv31gipxu] {
    background: #1a2a15;
    transform: translateY(-1px);
    box-shadow:
        0 1px 0 var(--sares-lime, #C9DC3F) inset,
        0 10px 24px -12px color-mix(in srgb, var(--sares-green-deep, #263b22) 80%, transparent);
}

.export-confirm__btn--primary:active[b-9rv31gipxu] {
    transform: translateY(0);
}

.export-confirm__btn--primary:focus-visible[b-9rv31gipxu] {
    outline: none;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--sares-lime, #C9DC3F) 55%, transparent),
        0 1px 0 var(--sares-lime, #C9DC3F) inset;
}

/* Minimal arrow — a bar with a chevron head that extends on hover */
.export-confirm__btn-arrow[b-9rv31gipxu] {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    transition: width .22s cubic-bezier(.2,.7,.3,1);
}

.export-confirm__btn-arrow[b-9rv31gipxu]::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    border-radius: 1px;
    transform: translateY(-50%) rotate(45deg);
}

.export-confirm__btn--primary:hover .export-confirm__btn-arrow[b-9rv31gipxu] {
    width: 22px;
}

/* ── Reduced motion ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .export-confirm[b-9rv31gipxu],
    .export-confirm *[b-9rv31gipxu],
    .export-confirm *[b-9rv31gipxu]::before,
    .export-confirm *[b-9rv31gipxu]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
    .export-confirm__chip[b-9rv31gipxu],
    .export-confirm__proof-rule[b-9rv31gipxu],
    .export-confirm__proof-block[b-9rv31gipxu],
    .export-confirm__crop[b-9rv31gipxu],
    .export-confirm__proof-stamp[b-9rv31gipxu] { opacity: 1 !important; transform: none !important; }
    .export-confirm__notice-glyph-hand[b-9rv31gipxu] { animation: none !important; }
}

/* ── Small screens ───────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .export-confirm[b-9rv31gipxu] { padding: 1rem; }
    .export-confirm__card[b-9rv31gipxu] { padding: 1.7rem 1.3rem 1.25rem; }
    .export-confirm__meta[b-9rv31gipxu] { grid-template-columns: 1fr; gap: .6rem; padding: .7rem .25rem; }
    .export-confirm__meta-row + .export-confirm__meta-row[b-9rv31gipxu] {
        border-left: none;
        border-top: 1px dashed color-mix(in srgb, var(--sares-green, #7a8c2e) 28%, transparent);
        padding-top: .6rem;
    }
    .export-confirm__actions[b-9rv31gipxu] {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: .4rem;
    }
    .export-confirm__btn[b-9rv31gipxu] { justify-content: center; }
    .export-confirm__title[b-9rv31gipxu] { font-size: 1.35rem; }
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .analysis-filters__row[b-9rv31gipxu] {
        flex-direction: column;
    }

    .analysis-filter-group[b-9rv31gipxu] {
        min-width: 100%;
    }
}

/* /Pages/Dashboard/InternalDash.razor.rz.scp.css */
:host[b-pip52r3plw] {
    display: block;
}

.internal-dash-page[b-pip52r3plw] {
    min-width: 0;
}

[b-pip52r3plw] .dash-grid-row > .dash-span-6 {
    min-width: 0;
}

[b-pip52r3plw] .dash-chart-region .rz-chart,
[b-pip52r3plw] .dash-benef-region .rz-chart {
    width: 100%;
}

/* ── Export wrappers (mirrors the pattern used on /analyse) ── */

.export-wrap[b-pip52r3plw] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    height: 100%;
}

.export-wrap__actions--fullpage[b-pip52r3plw] {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-bottom: .1rem;
}

.export-wrap > .internal-dash-export-wrap[b-pip52r3plw] {
    flex: 1 1 auto;
    min-height: 0;
}

.internal-dash-export-wrap[b-pip52r3plw] {
    position: relative;
    height: 100%;
}

/* Reserve corner space in the child component's card so the kebab doesn't
   sit on top of text or the badge pill. `::deep` reaches into child components
   (DashAchievementChart, DashMap, DashBeneficiariesChart) whose inner
   `.dash-surface-card` has `padding: 1rem` by default — we widen it on the
   kebab side so every header row (title, badge, stats) shifts away from the corner. */
.internal-dash-export-wrap:has(> .export-kebab-anchor--right)[b-pip52r3plw]  .dash-surface-card {
    padding-right: 3rem;
}

.internal-dash-export-wrap:has(> .export-kebab-anchor--left)[b-pip52r3plw]  .dash-surface-card {
    padding-left: 3rem;
}

/* KPI-column capture target: guarantee an opaque background so html2canvas
   produces a solid image rather than a transparent PNG. */
.dash-kpi-column-wrapper[b-pip52r3plw] {
    position: relative;
    background: var(--sares-surface, #fff);
    border-radius: var(--sares-radius, 12px);
}

/* ── Export loader — aligned with /analyse ─────────────────────────────── */

.export-overlay[b-pip52r3plw] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background:
        radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--sares-lime, #C9DC3F) 14%, transparent), transparent 42%),
        radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--sares-green, #7a8c2e) 22%, transparent), transparent 45%),
        color-mix(in srgb, var(--sares-green-deep, #263b22) 78%, transparent);
    backdrop-filter: blur(6px) saturate(1.1);
    -webkit-backdrop-filter: blur(6px) saturate(1.1);
    font-family: var(--font-body, "Inter"), sans-serif;
    color: var(--sares-surface, #fff);
    animation: eol-fade-in-b-pip52r3plw .28s ease;
}

@keyframes eol-fade-in-b-pip52r3plw {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.export-overlay__crop[b-pip52r3plw] {
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
    opacity: 0;
    animation:
        eol-crop-in-b-pip52r3plw .45s cubic-bezier(.2,.7,.3,1) var(--crop-delay, 0s) forwards,
        eol-crop-breathe-b-pip52r3plw 1.45s ease-in-out calc(var(--crop-delay, 0s) + .55s) infinite;
}

.export-overlay__crop[b-pip52r3plw]::before,
.export-overlay__crop[b-pip52r3plw]::after {
    content: "";
    position: absolute;
    background: var(--sares-lime, #C9DC3F);
    box-shadow: 0 0 6px color-mix(in srgb, var(--sares-lime, #C9DC3F) 50%, transparent);
    animation: eol-crop-glow-b-pip52r3plw 1.45s ease-in-out calc(var(--crop-delay, 0s) + .55s) infinite;
}

.export-overlay__crop[b-pip52r3plw]::before { width: 1px;  height: 20px; }
.export-overlay__crop[b-pip52r3plw]::after  { width: 20px; height: 1px;  }

.export-overlay__crop--tl[b-pip52r3plw] { top: 28px; left: 28px; --crop-delay: .08s; }
.export-overlay__crop--tl[b-pip52r3plw]::before,
.export-overlay__crop--tl[b-pip52r3plw]::after { top: 0; left: 0; }

.export-overlay__crop--tr[b-pip52r3plw] { top: 28px; right: 28px; --crop-delay: .12s; }
.export-overlay__crop--tr[b-pip52r3plw]::before,
.export-overlay__crop--tr[b-pip52r3plw]::after { top: 0; right: 0; }

.export-overlay__crop--bl[b-pip52r3plw] { bottom: 28px; left: 28px; --crop-delay: .16s; }
.export-overlay__crop--bl[b-pip52r3plw]::before,
.export-overlay__crop--bl[b-pip52r3plw]::after { bottom: 0; left: 0; }

.export-overlay__crop--br[b-pip52r3plw] { bottom: 28px; right: 28px; --crop-delay: .20s; }
.export-overlay__crop--br[b-pip52r3plw]::before,
.export-overlay__crop--br[b-pip52r3plw]::after { bottom: 0; right: 0; }

@keyframes eol-crop-in-b-pip52r3plw {
    from { opacity: 0; transform: scale(.5); }
    to   { opacity: .9; transform: scale(1); }
}

@keyframes eol-crop-breathe-b-pip52r3plw {
    0%, 100% {
        opacity: .72;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@keyframes eol-crop-glow-b-pip52r3plw {
    0%, 100% {
        box-shadow: 0 0 6px color-mix(in srgb, var(--sares-lime, #C9DC3F) 50%, transparent);
        filter: brightness(1);
    }
    50% {
        box-shadow:
            0 0 14px color-mix(in srgb, var(--sares-lime, #C9DC3F) 70%, transparent),
            0 0 3px rgba(255, 255, 255, .35);
        filter: brightness(1.25);
    }
}

.export-overlay__stage[b-pip52r3plw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.2rem;
    max-width: 440px;
    animation: eol-stage-in-b-pip52r3plw .45s cubic-bezier(.2,.7,.3,1);
}

@keyframes eol-stage-in-b-pip52r3plw {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

.export-overlay__doc[b-pip52r3plw] {
    position: relative;
    width: 170px;
    height: 220px;
    perspective: 800px;
}

.export-overlay__page[b-pip52r3plw] {
    position: absolute;
    inset: 0;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-lime, #C9DC3F) 25%, transparent);
    border-radius: 2px;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 35%, transparent),
        0 18px 40px -12px rgba(0, 0, 0, .55);
    opacity: 0;
    animation: eol-page-in-b-pip52r3plw .55s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-overlay__page--1[b-pip52r3plw] {
    transform: translate(-18px, -14px) rotate(-4deg);
    animation-delay: .08s;
    opacity: 0;
}

.export-overlay__page--2[b-pip52r3plw] {
    transform: translate(-4px, -4px) rotate(1.2deg);
    animation-delay: .18s;
    background: color-mix(in srgb, var(--sares-surface, #fff) 92%, var(--sares-green-soft, #eef3d9));
}

.export-overlay__page--3[b-pip52r3plw] {
    transform: translate(14px, 12px) rotate(-1.5deg);
    animation-delay: .28s;
    overflow: hidden;
}

.export-overlay__mark[b-pip52r3plw] {
    position: absolute;
    top: 10px;
    right: 12px;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--sares-green-deep, #3a4618);
    opacity: 0;
    animation: eol-fade-in-b-pip52r3plw .5s .4s ease forwards;
}

.export-overlay__line[b-pip52r3plw] {
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 1px;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 85%, var(--sares-green, #7a8c2e));
    opacity: 0;
    animation: eol-line-in-b-pip52r3plw .45s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-overlay__line--1[b-pip52r3plw] { top: 30px; width: 92px; animation-delay: .42s; }
.export-overlay__line--2[b-pip52r3plw] { top: 40px; width: 68px; animation-delay: .5s;  }
.export-overlay__line--3[b-pip52r3plw] { top: 50px; width: 44px; animation-delay: .58s; }

.export-overlay__block[b-pip52r3plw] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    height: 56px;
    border-radius: 2px;
    background:
        linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--sares-green, #7a8c2e) 20%, transparent) 100%),
        repeating-linear-gradient(90deg, transparent 0 6px, color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, transparent) 6px 8px);
    border-left: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 35%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 35%, transparent);
    opacity: 0;
    animation: eol-line-in-b-pip52r3plw .5s .66s cubic-bezier(.2,.7,.3,1) forwards;
}

@keyframes eol-page-in-b-pip52r3plw {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes eol-line-in-b-pip52r3plw {
    from { opacity: 0; clip-path: inset(0 100% 0 0); }
    to   { opacity: 1; clip-path: inset(0 0 0 0); }
}

.export-overlay__scan[b-pip52r3plw] {
    position: absolute;
    left: -14px;
    right: -14px;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--sares-lime, #C9DC3F) 15%, var(--sares-lime, #C9DC3F) 85%, transparent 100%);
    border-radius: 2px;
    box-shadow:
        0 0 14px var(--sares-lime, #C9DC3F),
        0 0 3px rgba(255, 255, 255, .75);
    animation: eol-scan-b-pip52r3plw 2.2s cubic-bezier(.45,.05,.25,.95) infinite;
    animation-delay: .7s;
    opacity: 0;
}

@keyframes eol-scan-b-pip52r3plw {
    0%   { transform: translateY(-6px); opacity: 0; }
    8%   { opacity: 1; }
    92%  { opacity: 1; }
    100% { transform: translateY(222px); opacity: 0; }
}

.export-overlay__caption[b-pip52r3plw] {
    text-align: center;
    max-width: 360px;
}

.export-overlay__eyebrow[b-pip52r3plw] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--sares-lime, #C9DC3F);
    padding: .3rem .65rem;
    border: 1px solid color-mix(in srgb, var(--sares-lime, #C9DC3F) 45%, transparent);
    border-radius: 2px;
    margin-bottom: 1.1rem;
}

.export-overlay__title[b-pip52r3plw] {
    margin: 0 0 .55rem 0;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.2;
    color: var(--sares-surface, #fff);
}

.export-overlay__subtitle[b-pip52r3plw] {
    margin: 0 auto;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.55;
    color: color-mix(in srgb, var(--sares-surface, #fff) 78%, transparent);
    max-width: 34ch;
}

.export-overlay__ticker[b-pip52r3plw] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: -.5rem;
}

.export-overlay__ticker span[b-pip52r3plw] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--sares-surface, #fff) 36%, transparent);
    transform: translateY(0) scale(.65);
    animation: eol-tick-b-pip52r3plw 1.1s cubic-bezier(.4,0,.2,1) infinite;
}

.export-overlay__ticker span:nth-child(1)[b-pip52r3plw] { animation-delay: 0s;    }
.export-overlay__ticker span:nth-child(2)[b-pip52r3plw] { animation-delay: .12s;  }
.export-overlay__ticker span:nth-child(3)[b-pip52r3plw] { animation-delay: .24s;  }
.export-overlay__ticker span:nth-child(4)[b-pip52r3plw] { animation-delay: .36s;  }
.export-overlay__ticker span:nth-child(5)[b-pip52r3plw] { animation-delay: .48s;  }

@keyframes eol-tick-b-pip52r3plw {
    0%, 100% {
        transform: translateY(0) scale(.62);
        opacity: .52;
        background: color-mix(in srgb, var(--sares-surface, #fff) 30%, transparent);
        box-shadow: none;
    }
    45% {
        transform: translateY(-7px) scale(1.12);
        opacity: 1;
        background: var(--sares-lime, #C9DC3F);
        box-shadow:
            0 0 14px color-mix(in srgb, var(--sares-lime, #C9DC3F) 70%, transparent),
            0 0 3px rgba(255, 255, 255, .35);
    }
    75% {
        transform: translateY(0) scale(.8);
        opacity: .72;
    }
}

@media (prefers-reduced-motion: reduce) {
    .export-overlay[b-pip52r3plw],
    .export-overlay *[b-pip52r3plw],
    .export-overlay *[b-pip52r3plw]::before,
    .export-overlay *[b-pip52r3plw]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }

    .export-overlay__page[b-pip52r3plw],
    .export-overlay__mark[b-pip52r3plw],
    .export-overlay__line[b-pip52r3plw],
    .export-overlay__block[b-pip52r3plw],
    .export-overlay__crop[b-pip52r3plw] {
        opacity: 1 !important;
    }

    .export-overlay__scan[b-pip52r3plw] { opacity: 0 !important; }
}

/* ── Export confirmation — aligned with /analyse ─────────────────────── */

.export-confirm[b-pip52r3plw] {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-family: var(--font-body, "Inter"), sans-serif;
    color: var(--sares-ink, #24361f);
    animation: eoc-fade-in-b-pip52r3plw .24s ease;
}

.export-confirm__backdrop[b-pip52r3plw] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 25% 15%,
            color-mix(in srgb, var(--sares-lime, #C9DC3F) 18%, transparent) 0%,
            transparent 46%),
        radial-gradient(circle at 78% 82%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 30%, transparent) 0%,
            transparent 48%),
        color-mix(in srgb, var(--sares-green-deep, #263b22) 64%, transparent);
    backdrop-filter: blur(4px) saturate(1.05);
    -webkit-backdrop-filter: blur(4px) saturate(1.05);
    cursor: pointer;
}

@keyframes eoc-fade-in-b-pip52r3plw {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Card ─────────────────────────────────────────────────────────────── */
.export-confirm__card[b-pip52r3plw] {
    position: relative;
    width: min(560px, 100%);
    background: var(--sares-surface, #fff);
    border-radius: 3px;
    padding: 2.2rem 2.3rem 1.5rem;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 14%, transparent),
        0 42px 70px -30px rgba(0, 0, 0, .55),
        0 16px 30px -15px rgba(0, 0, 0, .25);
    border-left: 2px solid var(--sares-lime, #C9DC3F);
    overflow: hidden;
    animation: eoc-card-in-b-pip52r3plw .45s cubic-bezier(.2,.7,.3,1);
}

/* Subtle newsprint grain — multiplied over the card */
.export-confirm__card[b-pip52r3plw]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0 3px,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 3%, transparent) 3px 4px);
    opacity: .55;
    mix-blend-mode: multiply;
}

@keyframes eoc-card-in-b-pip52r3plw {
    from { opacity: 0; transform: translateY(14px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Corner crop marks (card scale — echo the overlay motif) ─────────── */
.export-confirm__crop[b-pip52r3plw] {
    position: absolute;
    width: 12px;
    height: 12px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    animation: eoc-crop-in-b-pip52r3plw .4s cubic-bezier(.2,.7,.3,1) var(--crop-delay, 0s) forwards;
}

.export-confirm__crop[b-pip52r3plw]::before,
.export-confirm__crop[b-pip52r3plw]::after {
    content: "";
    position: absolute;
    background: color-mix(in srgb, var(--sares-green, #7a8c2e) 55%, transparent);
}

.export-confirm__crop[b-pip52r3plw]::before { width: 1px;  height: 12px; }
.export-confirm__crop[b-pip52r3plw]::after  { width: 12px; height: 1px;  }

.export-confirm__crop--tl[b-pip52r3plw] { top: 10px; left: 10px; --crop-delay: .18s; }
.export-confirm__crop--tl[b-pip52r3plw]::before,
.export-confirm__crop--tl[b-pip52r3plw]::after { top: 0; left: 0; }

.export-confirm__crop--tr[b-pip52r3plw] { top: 10px; right: 10px; --crop-delay: .22s; }
.export-confirm__crop--tr[b-pip52r3plw]::before,
.export-confirm__crop--tr[b-pip52r3plw]::after { top: 0; right: 0; }

.export-confirm__crop--bl[b-pip52r3plw] { bottom: 10px; left: 10px; --crop-delay: .26s; }
.export-confirm__crop--bl[b-pip52r3plw]::before,
.export-confirm__crop--bl[b-pip52r3plw]::after { bottom: 0; left: 0; }

.export-confirm__crop--br[b-pip52r3plw] { bottom: 10px; right: 10px; --crop-delay: .30s; }
.export-confirm__crop--br[b-pip52r3plw]::before,
.export-confirm__crop--br[b-pip52r3plw]::after { bottom: 0; right: 0; }

@keyframes eoc-crop-in-b-pip52r3plw {
    from { opacity: 0; transform: scale(.6); }
    to   { opacity: .9; transform: scale(1); }
}

/* ── Hero — proof sheet ───────────────────────────────────────────────── */
.export-confirm__hero[b-pip52r3plw] {
    display: flex;
    justify-content: center;
    padding: .3rem 0 1.2rem;
    position: relative;
}

.export-confirm__proof[b-pip52r3plw] {
    position: relative;
    width: 128px;
    height: 158px;
    background: color-mix(in srgb, var(--sares-surface, #fff) 94%, var(--sares-green-soft, #eef3d9));
    border: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 22%, var(--sares-line, #dde1cb));
    border-radius: 2px;
    box-shadow:
        0 10px 24px -12px rgba(0, 0, 0, .22),
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 10%, transparent);
    transform: rotate(-2.2deg);
    animation: eoc-proof-in-b-pip52r3plw .6s cubic-bezier(.2,.7,.3,1) .05s both;
}

@keyframes eoc-proof-in-b-pip52r3plw {
    from { opacity: 0; transform: rotate(-7deg) translateY(8px); }
    to   { opacity: 1; transform: rotate(-2.2deg) translateY(0); }
}

/* Dog-ear corner fold */
.export-confirm__proof-fold[b-pip52r3plw] {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    background:
        linear-gradient(225deg,
            var(--sares-green-soft, #eef3d9) 0%,
            var(--sares-green-soft, #eef3d9) 48%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, var(--sares-surface, #fff)) 50%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, var(--sares-surface, #fff)) 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    box-shadow: -1px 1px 0 color-mix(in srgb, var(--sares-green, #7a8c2e) 18%, transparent);
}

/* Content rules on the proof */
.export-confirm__proof-rule[b-pip52r3plw] {
    position: absolute;
    left: 12px;
    height: 2px;
    border-radius: 1px;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 78%, var(--sares-green, #7a8c2e));
    opacity: 0;
    animation: eoc-rule-in-b-pip52r3plw .45s cubic-bezier(.2,.7,.3,1) forwards;
}
.export-confirm__proof-rule--1[b-pip52r3plw] { top: 18px; width: 66px; animation-delay: .28s; }
.export-confirm__proof-rule--2[b-pip52r3plw] { top: 27px; width: 48px; animation-delay: .34s; }
.export-confirm__proof-rule--3[b-pip52r3plw] { top: 36px; width: 36px; animation-delay: .40s; }

@keyframes eoc-rule-in-b-pip52r3plw {
    from { opacity: 0; clip-path: inset(0 100% 0 0); }
    to   { opacity: 1; clip-path: inset(0 0 0 0); }
}

/* Chart-like block at bottom of proof */
.export-confirm__proof-block[b-pip52r3plw] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 14px;
    height: 38px;
    border-radius: 1px;
    background:
        linear-gradient(180deg, transparent 0%,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, transparent) 100%),
        repeating-linear-gradient(90deg,
            transparent 0 5px,
            color-mix(in srgb, var(--sares-green, #7a8c2e) 10%, transparent) 5px 6px);
    border-left: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 25%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 25%, transparent);
    opacity: 0;
    animation: eoc-rule-in-b-pip52r3plw .5s .48s cubic-bezier(.2,.7,.3,1) forwards;
}

/* The big format stamp — hero typographic moment */
.export-confirm__proof-stamp[b-pip52r3plw] {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    text-align: center;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1;
    color: var(--sares-green-deep, #263b22);
    text-shadow: 0 1px 0 color-mix(in srgb, var(--sares-surface, #fff) 70%, transparent);
    animation: eoc-stamp-in-b-pip52r3plw .5s cubic-bezier(.2,.7,.3,1) .42s both;
}

@keyframes eoc-stamp-in-b-pip52r3plw {
    from { opacity: 0; transform: scale(1.4); letter-spacing: .55em; }
    to   { opacity: 1; transform: scale(1); letter-spacing: .18em; }
}

/* ── Body text ────────────────────────────────────────────────────────── */
.export-confirm__body[b-pip52r3plw] {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 .3rem;
}

.export-confirm__eyebrow[b-pip52r3plw] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--sares-green-deep, #263b22);
    background: var(--sares-green-soft, #eef3d9);
    padding: .34rem .75rem;
    border-radius: 2px;
    margin-bottom: .85rem;
}

.export-confirm__title[b-pip52r3plw] {
    margin: 0 0 .5rem 0;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: var(--sares-green-deep, #263b22);
}

.export-confirm__subtitle[b-pip52r3plw] {
    margin: 0 auto 1.2rem;
    font-size: .86rem;
    line-height: 1.6;
    color: var(--sares-ink-2, #4a5a34);
    max-width: 38ch;
}

/* ── Run-time notice — "this one takes longer" ───────────────────────── */
.export-confirm__notice[b-pip52r3plw] {
    position: relative;
    z-index: 1;
    margin: -.15rem auto 1.1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .6rem .85rem .6rem .75rem;
    background: color-mix(in srgb, var(--sares-sun, #e8b931) 12%, var(--sares-surface, #fff));
    border-left: 3px solid var(--sares-sun, #e8b931);
    border-radius: 0 2px 2px 0;
    text-align: left;
}

/* Faint ticking line under the strip — subliminal "time passing" cue */
.export-confirm__notice[b-pip52r3plw]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: repeating-linear-gradient(
        90deg,
        color-mix(in srgb, var(--sares-sun, #e8b931) 65%, transparent) 0 6px,
        transparent 6px 10px);
    opacity: .55;
}

/* Stopwatch glyph */
.export-confirm__notice-glyph[b-pip52r3plw] {
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-top: 2px; /* optical baseline nudge so the glyph aligns with eyebrow cap-height */
    border: 1.5px solid color-mix(in srgb, var(--sares-sun, #e8b931) 85%, var(--sares-green-deep, #263b22));
    border-radius: 50%;
    background: var(--sares-surface, #fff);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--sares-sun, #e8b931) 45%, transparent);
}

/* "Crown" — little top nub of a stopwatch */
.export-confirm__notice-glyph-crown[b-pip52r3plw] {
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 3px;
    border-radius: 1px 1px 0 0;
    background: color-mix(in srgb, var(--sares-sun, #e8b931) 85%, var(--sares-green-deep, #263b22));
}

/* Minute-hand — slow, intentional sweep */
.export-confirm__notice-glyph-hand[b-pip52r3plw] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5px;
    height: 7px;
    background: var(--sares-green-deep, #263b22);
    border-radius: 1px;
    transform-origin: 50% 100%;
    transform: translate(-50%, -100%) rotate(0deg);
    animation: eoc-tick-sweep-b-pip52r3plw 6s linear infinite;
}

/* Centre pivot */
.export-confirm__notice-glyph-pivot[b-pip52r3plw] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--sares-green-deep, #263b22);
    transform: translate(-50%, -50%);
}

@keyframes eoc-tick-sweep-b-pip52r3plw {
    from { transform: translate(-50%, -100%) rotate(0deg); }
    to   { transform: translate(-50%, -100%) rotate(360deg); }
}

.export-confirm__notice-body[b-pip52r3plw] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    min-width: 0;
}

.export-confirm__notice-eyebrow[b-pip52r3plw] {
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--sares-sun, #e8b931) 50%, var(--sares-green-deep, #263b22));
}

.export-confirm__notice-text[b-pip52r3plw] {
    font-size: .79rem;
    line-height: 1.45;
    color: var(--sares-ink, #24361f);
    font-weight: 500;
}

/* ── Meta (composition / format) — colophon strip ─────────────────────── */
.export-confirm__meta[b-pip52r3plw] {
    position: relative;
    z-index: 1;
    margin: 0 auto 1.1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: .8rem .5rem;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 55%, transparent);
    border: 1px dashed color-mix(in srgb, var(--sares-green, #7a8c2e) 32%, transparent);
    border-radius: 2px;
    text-align: left;
}

.export-confirm__meta-row[b-pip52r3plw] {
    display: flex;
    flex-direction: column;
    gap: .22rem;
    padding: 0 .65rem;
    min-width: 0;
}

.export-confirm__meta-row + .export-confirm__meta-row[b-pip52r3plw] {
    border-left: 1px dashed color-mix(in srgb, var(--sares-green, #7a8c2e) 28%, transparent);
}

.export-confirm__meta-row dt[b-pip52r3plw] {
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--sares-green-deep, #263b22) 68%, var(--sares-muted, #7b8565));
    margin: 0;
}

.export-confirm__meta-row dd[b-pip52r3plw] {
    margin: 0;
    font-size: .84rem;
    font-weight: 600;
    color: var(--sares-ink, #24361f);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.export-confirm__format-mark[b-pip52r3plw] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .2em;
    color: var(--sares-green-deep, #263b22);
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 45%, transparent);
    padding: .18rem .55rem;
    border-radius: 2px;
}

/* ── Filters row ──────────────────────────────────────────────────────── */
.export-confirm__filters[b-pip52r3plw] {
    position: relative;
    z-index: 1;
    margin: 0 auto 1.25rem;
    text-align: left;
    padding: 0 .3rem;
}

.export-confirm__filters-label[b-pip52r3plw] {
    display: block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--sares-green-deep, #263b22) 68%, var(--sares-muted, #7b8565));
    margin-bottom: .5rem;
}

.export-confirm__filters-empty[b-pip52r3plw] {
    display: inline-block;
    font-size: .82rem;
    color: var(--sares-muted, #7b8565);
    font-style: italic;
    font-family: var(--font-body, "Inter"), sans-serif;
}

.export-confirm__chips[b-pip52r3plw] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.export-confirm__chip[b-pip52r3plw] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .65rem;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-line, #dde1cb) 85%, var(--sares-green, #7a8c2e));
    border-radius: 999px;
    font-size: .76rem;
    line-height: 1;
    max-width: 100%;
    opacity: 0;
    transform: translateX(-4px);
    animation: eoc-chip-in-b-pip52r3plw .3s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-confirm__chip:nth-child(1)[b-pip52r3plw] { animation-delay: .20s; }
.export-confirm__chip:nth-child(2)[b-pip52r3plw] { animation-delay: .24s; }
.export-confirm__chip:nth-child(3)[b-pip52r3plw] { animation-delay: .28s; }
.export-confirm__chip:nth-child(4)[b-pip52r3plw] { animation-delay: .32s; }
.export-confirm__chip:nth-child(5)[b-pip52r3plw] { animation-delay: .36s; }
.export-confirm__chip:nth-child(6)[b-pip52r3plw] { animation-delay: .40s; }
.export-confirm__chip:nth-child(7)[b-pip52r3plw] { animation-delay: .44s; }
.export-confirm__chip:nth-child(8)[b-pip52r3plw] { animation-delay: .48s; }
.export-confirm__chip:nth-child(n+9)[b-pip52r3plw] { animation-delay: .52s; }

@keyframes eoc-chip-in-b-pip52r3plw {
    from { opacity: 0; transform: translateX(-4px); }
    to   { opacity: 1; transform: translateX(0); }
}

.export-confirm__chip-key[b-pip52r3plw] {
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--sares-green-deep, #263b22);
    white-space: nowrap;
}

.export-confirm__chip-sep[b-pip52r3plw] {
    color: color-mix(in srgb, var(--sares-green, #7a8c2e) 70%, transparent);
    font-weight: 700;
}

.export-confirm__chip-value[b-pip52r3plw] {
    font-weight: 600;
    color: var(--sares-ink, #24361f);
    font-variant-numeric: tabular-nums;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Actions ──────────────────────────────────────────────────────────── */
.export-confirm__actions[b-pip52r3plw] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-top: 1rem;
    border-top: 1px dashed color-mix(in srgb, var(--sares-line, #dde1cb) 65%, var(--sares-green, #7a8c2e));
}

.export-confirm__btn[b-pip52r3plw] {
    appearance: none;
    border: 1.5px solid transparent;
    border-radius: 999px;
    padding: .58rem 1.2rem;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.export-confirm__btn--ghost[b-pip52r3plw] {
    background: transparent;
    color: var(--sares-muted, #7b8565);
    border-color: transparent;
}

.export-confirm__btn--ghost:hover[b-pip52r3plw] {
    color: var(--sares-green-deep, #263b22);
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 60%, transparent);
}

.export-confirm__btn--ghost:focus-visible[b-pip52r3plw] {
    outline: none;
    color: var(--sares-green-deep, #263b22);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sares-green, #7a8c2e) 25%, transparent);
}

.export-confirm__btn--primary[b-pip52r3plw] {
    background: var(--sares-green-deep, #263b22);
    color: var(--sares-surface, #fff);
    border-color: var(--sares-green-deep, #263b22);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-lime, #C9DC3F) 40%, transparent) inset,
        0 6px 18px -10px color-mix(in srgb, var(--sares-green-deep, #263b22) 70%, transparent);
}

.export-confirm__btn--primary:hover[b-pip52r3plw] {
    background: #1a2a15;
    transform: translateY(-1px);
    box-shadow:
        0 1px 0 var(--sares-lime, #C9DC3F) inset,
        0 10px 24px -12px color-mix(in srgb, var(--sares-green-deep, #263b22) 80%, transparent);
}

.export-confirm__btn--primary:active[b-pip52r3plw] {
    transform: translateY(0);
}

.export-confirm__btn--primary:focus-visible[b-pip52r3plw] {
    outline: none;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--sares-lime, #C9DC3F) 55%, transparent),
        0 1px 0 var(--sares-lime, #C9DC3F) inset;
}

/* Minimal arrow — a bar with a chevron head that extends on hover */
.export-confirm__btn-arrow[b-pip52r3plw] {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    transition: width .22s cubic-bezier(.2,.7,.3,1);
}

.export-confirm__btn-arrow[b-pip52r3plw]::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    border-radius: 1px;
    transform: translateY(-50%) rotate(45deg);
}

.export-confirm__btn--primary:hover .export-confirm__btn-arrow[b-pip52r3plw] {
    width: 22px;
}

/* ── Reduced motion ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .export-confirm[b-pip52r3plw],
    .export-confirm *[b-pip52r3plw],
    .export-confirm *[b-pip52r3plw]::before,
    .export-confirm *[b-pip52r3plw]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
    .export-confirm__chip[b-pip52r3plw],
    .export-confirm__proof-rule[b-pip52r3plw],
    .export-confirm__proof-block[b-pip52r3plw],
    .export-confirm__crop[b-pip52r3plw],
    .export-confirm__proof-stamp[b-pip52r3plw] { opacity: 1 !important; transform: none !important; }
    .export-confirm__notice-glyph-hand[b-pip52r3plw] { animation: none !important; }
}

/* ── Small screens ───────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .export-confirm[b-pip52r3plw] { padding: 1rem; }
    .export-confirm__card[b-pip52r3plw] { padding: 1.7rem 1.3rem 1.25rem; }
    .export-confirm__meta[b-pip52r3plw] { grid-template-columns: 1fr; gap: .6rem; padding: .7rem .25rem; }
    .export-confirm__meta-row + .export-confirm__meta-row[b-pip52r3plw] {
        border-left: none;
        border-top: 1px dashed color-mix(in srgb, var(--sares-green, #7a8c2e) 28%, transparent);
        padding-top: .6rem;
    }
    .export-confirm__actions[b-pip52r3plw] {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: .4rem;
    }
    .export-confirm__btn[b-pip52r3plw] { justify-content: center; }
    .export-confirm__title[b-pip52r3plw] { font-size: 1.35rem; }
}
/* /Pages/Dashboard/JointIndicators.razor.rz.scp.css */
/* === CARD GRID LAYOUT === */
.custom-table[b-ywx6vpcs3h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* responsive grid */
    gap: 15px;
    margin-bottom: 20px;
    width: 100%;
}

/* === INDICATOR CARDS === */
.card-item[b-ywx6vpcs3h] {
    background: #fff;
    border-radius: 10px;
    padding: 20px 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    /* shadow + transition */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

    .card-item:hover[b-ywx6vpcs3h] {
        transform: translateY(-4px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
        background: #f9f9ff;
    }

    /* Selected and Grayed states (from your C# logic) */
    .card-item.selected[b-ywx6vpcs3h] {
        border: 2px solid #007bff;
        background: #eef6ff;
    }

    .card-item.grayed-out[b-ywx6vpcs3h] {
        opacity: 0.6;
        pointer-events: none;
    }
/* === MODAL OVERLAY === */
.modal-overlay[b-ywx6vpcs3h] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: fadeIn-b-ywx6vpcs3h 0.3s ease-in-out;
}

/* === MODAL CONTAINER === */
.modal-container[b-ywx6vpcs3h] {
    background: #fff;
    padding: 25px 30px;
    border-radius: 12px;
    width: 90%;
    max-width: 1000px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: slideUp-b-ywx6vpcs3h 0.3s ease-in-out;
}

/* === CLOSE BUTTON === */
.modal-close[b-ywx6vpcs3h] {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #555;
    transition: color 0.2s ease;
}

    .modal-close:hover[b-ywx6vpcs3h] {
        color: #000;
    }

/* === MODAL HEADINGS === */
.modal-container h3[b-ywx6vpcs3h],
.modal-container h4[b-ywx6vpcs3h] {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 600;
    color: #2c3e50;
}

/* === TABLE INSIDE MODAL === */
.modal-container table[b-ywx6vpcs3h] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.modal-container th[b-ywx6vpcs3h],
.modal-container td[b-ywx6vpcs3h] {
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-size: 0.95rem;
}

.modal-container th[b-ywx6vpcs3h] {
    background: #f7f9fc;
    font-weight: 600;
    color: #34495e;
}

.modal-container tr:hover td[b-ywx6vpcs3h] {
    background-color: #f9f9f9;
}

/* === MAP INSIDE MODAL === */
#indicatorMap[b-ywx6vpcs3h] {
    height: 400px;
    width: 100%;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* === ANIMATIONS === */
@keyframes fadeIn-b-ywx6vpcs3h {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-ywx6vpcs3h {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* /Pages/Documents/Documents.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════
   DOCUMENT MANAGER — Radzen-style File Explorer Theme
   Replace the existing <style> block in Documents.razor with this
   ════════════════════════════════════════════════════════════════ */

/* ── Layout ── */
/*.doc-manager {
    display: flex;
    height: calc(100vh - 64px);
    background: #f0f1f5;
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
}*/

/* ══ FOLDER PANEL ══ */
/*.folder-panel {
    width: 280px;
    min-width: 220px;
    background: #eceef2;
    border-right: 1px solid #d8dae0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.folder-panel-header {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #d8dae0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .folder-panel-header h3 {
        margin: 0;
        font-size: 12px;
        font-weight: 700;
        color: #3a3f55;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 7px;
    }*/

        /* Folder icon in header — outlined style like Radzen */
        /*.folder-panel-header h3 span {
            font-size: 16px;
            filter: grayscale(0.3);
        }

.btn-new-folder {
    background: transparent;
    color: #4a5568;
    border: 1px solid #c8cad4;
    border-radius: 5px;
    padding: 4px 9px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.15s, border-color 0.15s;
    white-space: nowrap;
}

    .btn-new-folder:hover {
        background: #dde0e8;
        border-color: #9fa6bc;
    }*/

/* ── Folder Search ── */
/*.folder-search {
    padding: 10px 12px;
    border-bottom: 1px solid #e0e2e8;
}

.folder-search-wrap {
    position: relative;
}

    .folder-search-wrap .si {
        position: absolute;
        left: 9px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

.folder-search input {
    width: 100%;
    border: 1px solid #d0d3dc;
    border-radius: 6px;
    padding: 6px 8px 6px 28px;
    font-size: 12px;
    outline: none;
    background: #fff;
    box-sizing: border-box;
    color: #333;
    transition: border-color 0.15s;
}

    .folder-search input::placeholder {
        color: #b0b4bf;
    }

    .folder-search input:focus {
        border-color: #4353d4;
        box-shadow: 0 0 0 2px rgba(67, 83, 212, 0.1);
    }*/

/* ── Folder Tree ── */
/*.folder-tree {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
}

.folder-footer {
    padding: 7px 14px;
    border-top: 1px solid #d8dae0;
    font-size: 11px;
    color: #9fa6bc;
    background: #eceef2;
}*/

/* ══ TREE NODE — Radzen Style ══ */
/*.tree-node {
    user-select: none;
}

.tree-node-row {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 6px 4px 4px;
    cursor: pointer;
    border-radius: 0;
    margin: 0;
    transition: background 0.1s;
    position: relative;
}

    .tree-node-row:hover {
        background: rgba(67, 83, 212, 0.08);
    }*/

    /* Active / selected — bold blue bar like Radzen */
    /*.tree-node-row.active {
        background: #4353d4;
    }

        .tree-node-row.active .node-label {
            color: #ffffff;
            font-weight: 500;
        }

        .tree-node-row.active .node-badge {
            background: rgba(255,255,255,0.2);
            color: #fff;
        }

        .tree-node-row.active .node-action-btn {
            color: rgba(255,255,255,0.8);
        }

            .tree-node-row.active .node-action-btn:hover {
                background: rgba(255,255,255,0.15);
                color: #fff;
            }*/

/* ── Triangle toggle (▶ rotates to ▼) ── */
/*.tree-toggle {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #7a82a0;
    font-size: 8px;
    transition: transform 0.18s;
    border-radius: 3px;
}

    .tree-toggle.expanded {
        transform: rotate(90deg);
    }

    .tree-toggle.leaf {
        visibility: hidden;
    }*/

/* ── Outlined folder icon ── */
/*.node-icon {
    font-size: 15px;
    flex-shrink: 0;
    line-height: 1;*/
    /* Use outlined folder SVG as background to match Radzen look */
    /*width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.node-label {
    flex: 1;
    font-size: 13px;
    color: #2d3252;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 2px;
}

.node-badge {
    background: #e2e5f0;
    color: #4353d4;
    border-radius: 10px;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}*/

/* ── Node hover actions ── */
/*.node-actions {
    display: none;
    gap: 1px;
    flex-shrink: 0;
}

.tree-node-row:hover .node-actions {
    display: flex;
}

.node-action-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 4px;
    color: #6b7494;
    font-size: 12px;
    line-height: 1;
    transition: background 0.12s, color 0.12s;
}

    .node-action-btn:hover {
        background: rgba(67, 83, 212, 0.12);
        color: #4353d4;
    }

    .node-action-btn.danger:hover {
        background: rgba(192, 57, 43, 0.1);
        color: #c0392b;
    }*/

/* ── Indented children connector line ── */
/*.tree-children {
    position: relative;
}

    .tree-children::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #d0d3dc;
        pointer-events: none;
    }*/

/* ══ DOCUMENT PANEL ══ */
/*.doc-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f6fa;
}

.doc-panel-header {
    background: #fff;
    border-bottom: 1px solid #dde0e8;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}*/

/* ── Breadcrumb ── */
/*.breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #666;
    flex-wrap: wrap;
}

.bc-link {
    cursor: pointer;
    color: #4353d4;
    transition: color 0.12s;
}

    .bc-link:hover {
        color: #2e3bab;
        text-decoration: underline;
    }

.bc-sep {
    color: #bbb;
    margin: 0 2px;
}

.bc-current {
    color: #1e2a3a;
    font-weight: 600;
}*/

/* ── Doc Actions ── */
/*.doc-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-search-wrap {
    position: relative;
}

    .doc-search-wrap .si {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

    .doc-search-wrap input {
        border: 1px solid #d0d3dc;
        border-radius: 6px;
        padding: 6px 10px 6px 26px;
        font-size: 12px;
        outline: none;
        width: 180px;
        background: #f8fafc;
        color: #333;
        transition: border-color 0.15s;
    }

        .doc-search-wrap input:focus {
            border-color: #4353d4;
            background: #fff;
            box-shadow: 0 0 0 2px rgba(67, 83, 212, 0.1);
        }

.view-toggle {
    display: flex;
    border: 1px solid #d0d3dc;
    border-radius: 6px;
    overflow: hidden;
}

    .view-toggle button {
        background: none;
        border: none;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
        color: #888;
        transition: background 0.12s, color 0.12s;
    }

        .view-toggle button.active {
            background: #4353d4;
            color: #fff;
        }

.btn-upload {
    background: #4353d4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-upload:hover {
        background: #3345c0;
    }

    .btn-upload:disabled {
        background: #aab0df;
        cursor: not-allowed;
    }

.btn-secondary {
    background: #fff;
    color: #4353d4;
    border: 1px solid #4353d4;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-secondary:hover {
        background: #eef0fb;
    }

    .btn-secondary:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }*/

/* ══ DOC CONTENT ══ */
/*.doc-content {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

.list-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 700;
    color: #9fa6bc;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 4px;
}*/

/* ── Grid ── */
/*.doc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 12px;
}

.doc-card {
    background: #fff;
    border: 1px solid #dde0e8;
    border-radius: 8px;
    padding: 16px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s, transform 0.12s;
    position: relative;
}

    .doc-card:hover {
        box-shadow: 0 4px 16px rgba(67, 83, 212, 0.12);
        border-color: #a0a8e0;
        transform: translateY(-2px);
    }

    .doc-card.selected {
        border-color: #4353d4;
        background: #eef0fb;
    }

    .doc-card .file-icon {
        font-size: 36px;
        line-height: 1;
    }

    .doc-card .file-name {
        font-size: 11px;
        font-weight: 500;
        color: #2d3252;
        text-align: center;
        word-break: break-word;
        line-height: 1.35;
    }

    .doc-card .card-menu {
        position: absolute;
        top: 6px;
        right: 6px;
        display: none;
    }

    .doc-card:hover .card-menu {
        display: flex;
        gap: 4px;
    }

.card-menu-btn {
    background: #eef0fb;
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 13px;
    color: #4353d4;
    transition: background 0.12s;
}

    .card-menu-btn:hover {
        background: #d8dbf5;
    }

    .card-menu-btn.danger {
        color: #c0392b;
    }

        .card-menu-btn.danger:hover {
            background: #fde8e8;
        }*/

/* ── List ── */
/*.doc-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.doc-list-row {
    background: #fff;
    border: 1px solid #dde0e8;
    border-radius: 7px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: box-shadow 0.12s, border-color 0.12s;
}

    .doc-list-row:hover {
        border-color: #a0a8e0;
        box-shadow: 0 2px 8px rgba(67, 83, 212, 0.07);
    }

    .doc-list-row.selected {
        border-color: #4353d4;
        background: #eef0fb;
    }

    .doc-list-row .file-icon {
        font-size: 20px;
        flex-shrink: 0;
    }

    .doc-list-row .file-info {
        flex: 1;
        min-width: 0;
    }

    .doc-list-row .file-name {
        font-size: 13px;
        font-weight: 500;
        color: #2d3252;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .doc-list-row .file-code {
        font-size: 11px;
        color: #aaa;
        margin-top: 2px;
    }*/

/* ── Status Pills ── */
/*.status-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.status-draft {
    background: #f0f1f5;
    color: #6b7494;
}

.status-approved {
    background: #d4edda;
    color: #1a7a40;
}

.status-review {
    background: #fff3cd;
    color: #856404;
}

.status-archived {
    background: #e2e3e5;
    color: #495057;
}

.lock-icon {
    font-size: 12px;
    flex-shrink: 0;
}

.org-col {
    font-size: 11px;
    color: #9fa6bc;
    flex-shrink: 0;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.created-col {
    font-size: 12px;
    color: #b0b4c4;
    flex-shrink: 0;
    width: 110px;
    text-align: right;
}

.row-actions {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.12s;
}

.doc-list-row:hover .row-actions {
    opacity: 1;
}

.row-action-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 5px;
    border-radius: 4px;
    color: #9fa6bc;
    font-size: 13px;
    transition: background 0.12s, color 0.12s;
}

    .row-action-btn:hover {
        background: #eef0fb;
        color: #4353d4;
    }

    .row-action-btn.danger:hover {
        background: #fde8e8;
        color: #c0392b;
    }*/

/* ── Empty State ── */
/*.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #b0b8c4;
    gap: 12px;
    padding: 40px;
    text-align: center;
}

    .empty-state .empty-icon {
        font-size: 54px;
        opacity: 0.35;
    }

    .empty-state p {
        font-size: 14px;
        margin: 0;
        line-height: 1.5;
    }

    .empty-state h4 {
        margin: 0;
        font-size: 16px;
        color: #8a94a6;
    }*/

/* ── Status Bar ── */
/*.status-bar {
    background: #fff;
    border-top: 1px solid #dde0e8;
    padding: 6px 20px;
    font-size: 12px;
    color: #9fa6bc;
    display: flex;
    align-items: center;
    gap: 16px;
}*/

/* ══ UPLOAD MODAL ══ */
/*.drop-zone {
    border: 2px dashed #a0a8e0;
    border-radius: 8px;
    padding: 28px 20px;
    text-align: center;
    color: #4353d4;
    font-size: 13px;
    background: #f0f2fd;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    margin-bottom: 14px;
}

    .drop-zone:hover {
        background: #e2e5f8;
        border-color: #4353d4;
    }

    .drop-zone .dz-icon {
        font-size: 30px;
        display: block;
        margin-bottom: 6px;
    }

.upload-file-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f2f5;
    font-size: 12px;
}

    .upload-file-row:last-child {
        border-bottom: none;
    }

    .upload-file-row .ufr-name {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333;
    }

    .upload-file-row .ufr-size {
        color: #999;
        flex-shrink: 0;
    }

    .upload-file-row .ufr-status {
        flex-shrink: 0;
        font-size: 14px;
    }

.progress-bar-wrap {
    height: 4px;
    background: #e2e5f0;
    border-radius: 4px;
    margin-top: 12px;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    background: #4353d4;
    border-radius: 4px;
    transition: width 0.3s ease;
}*/

/* ══ MODALS ══ */
/*.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(20, 25, 55, 0.4);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.modal-box {
    background: #fff;
    border-radius: 10px;
    padding: 24px 24px 20px;
    min-width: 340px;
    max-width: 520px;
    width: 90%;
    box-shadow: 0 8px 40px rgba(20, 25, 80, 0.18);
}

    .modal-box h4 {
        margin: 0 0 18px;
        font-size: 15px;
        color: #1e2a3a;
        font-weight: 700;
    }

.form-group {
    margin-bottom: 14px;
}

    .form-group label {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: #7a82a0;
        margin-bottom: 5px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    .form-group input,
    .form-group select {
        width: 100%;
        border: 1px solid #d0d3dc;
        border-radius: 6px;
        padding: 8px 12px;
        font-size: 13px;
        outline: none;
        box-sizing: border-box;
        color: #333;
        transition: border-color 0.15s;
        background: #fff;
    }

        .form-group input:focus,
        .form-group select:focus {
            border-color: #4353d4;
            box-shadow: 0 0 0 2px rgba(67, 83, 212, 0.1);
        }

.modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn-cancel {
    background: none;
    border: 1px solid #d0d3dc;
    border-radius: 6px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    transition: background 0.12s;
}

    .btn-cancel:hover {
        background: #f0f2f5;
    }

.btn-confirm {
    background: #4353d4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.18s;
}

    .btn-confirm:hover {
        background: #3345c0;
    }

    .btn-confirm.danger {
        background: #c0392b;
    }

        .btn-confirm.danger:hover {
            background: #a93226;
        }

    .btn-confirm:disabled {
        background: #aab0df;
        cursor: not-allowed;
    }*/

/* ── Scrollbars ── */
/*::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #c8cad8;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #a0a8c8;
    }*/
/* /Pages/Index.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Landing Page — Pre-auth marketing surface
   ═══════════════════════════════════════════════ */

.landing[b-ak4vdwh8hm] {
    background: var(--sares-cream, #faf6ef);
    color: var(--sares-ink);
    font-family: var(--font-body);
    min-height: 100vh;
}

/* ── Navbar (transparent over hero) ── */
.navbar[b-ak4vdwh8hm] {
    align-items: center;
    background: linear-gradient(to bottom, rgba(46, 25, 12, 0.55), rgba(46, 25, 12, 0));
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 1rem 2rem;
    position: fixed;
    right: 0;
    top: 0;
    transition: background 0.25s ease, backdrop-filter 0.25s ease, padding 0.25s ease;
    z-index: 1000;
}

.logo[b-ak4vdwh8hm] {
    align-items: center;
    display: flex;
    gap: 0.6rem;
}

.logo-mark[b-ak4vdwh8hm] {
    height: 42px;
    width: auto;
}

.logo-title[b-ak4vdwh8hm] {
    color: #fff;
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.nav-links[b-ak4vdwh8hm] {
    display: flex;
    gap: 1.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-links li a[b-ak4vdwh8hm] {
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.88rem;
    font-weight: 500;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: color 0.2s ease;
}

.nav-links li a:hover[b-ak4vdwh8hm] {
    color: var(--sares-sun);
}

.nav-actions[b-ak4vdwh8hm] {
    align-items: center;
    display: flex;
    gap: 0.85rem;
}

.nav-actions[b-ak4vdwh8hm]  .lang-switcher,
.nav-actions[b-ak4vdwh8hm]  .lang-switcher__code,
.nav-actions[b-ak4vdwh8hm]  .lang-switcher__globe {
    color: #ffffff;
}

.login-btn[b-ak4vdwh8hm] {
    background: var(--sares-sun);
    border: none;
    border-radius: 999px;
    color: var(--sares-clay);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.55rem 1.25rem;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.login-btn:hover[b-ak4vdwh8hm] {
    background: #dfb96a;
    box-shadow: 0 4px 14px rgba(212, 168, 75, 0.35);
    transform: translateY(-1px);
}

/* ── Hero ── */
.hero[b-ak4vdwh8hm] {
    background: url('img/sahel-hero.jpg') center center / cover no-repeat;
    min-height: 100vh;
    position: relative;
}

.hero[b-ak4vdwh8hm]::before {
    background:
        linear-gradient(95deg, rgba(46, 25, 12, 0.78) 0%, rgba(46, 25, 12, 0.55) 35%, rgba(46, 25, 12, 0.18) 65%, rgba(255, 255, 255, 0) 85%),
        linear-gradient(180deg, rgba(46, 25, 12, 0.35) 0%, rgba(46, 25, 12, 0) 40%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 0;
}

.hero-inner[b-ak4vdwh8hm] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1200px;
    min-height: 100vh;
    padding: 9rem 3rem 4rem;
    position: relative;
    text-align: left;
    z-index: 1;
}

.hero-eyebrow[b-ak4vdwh8hm] {
    color: var(--sares-sun);
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    margin-bottom: 1rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.hero h1[b-ak4vdwh8hm] {
    color: #fff;
    font-family: var(--font-display);
    font-size: clamp(2.25rem, 4.6vw, 3.5rem);
    font-weight: 700;
    line-height: 1.12;
    margin: 0 0 1.25rem;
    max-width: 22ch;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.45);
    text-wrap: balance;
}

.hero-body[b-ak4vdwh8hm] {
    color: #fff;
    font-size: 1.02rem;
    line-height: 1.7;
    margin: 0 0 2rem;
    max-width: 52ch;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 14px rgba(0, 0, 0, 0.45);
}

.hero-cta[b-ak4vdwh8hm] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 2.5rem;
}

.cta-btn[b-ak4vdwh8hm] {
    align-items: center;
    background: var(--sares-sun);
    border: none;
    border-radius: 999px;
    color: var(--sares-clay);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    gap: 0.55rem;
    letter-spacing: 0.02em;
    padding: 0.95rem 2rem;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.cta-btn:hover[b-ak4vdwh8hm] {
    background: #dfb96a;
    box-shadow: 0 6px 20px rgba(212, 168, 75, 0.4);
    transform: translateY(-2px);
}

.cta-sub[b-ak4vdwh8hm] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.82rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.scroll-cue[b-ak4vdwh8hm] {
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    bottom: 2.25rem;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-decoration: none;
    transform: translateX(-50%);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    width: 44px;
    z-index: 2;
    animation: scroll-cue-bounce-b-ak4vdwh8hm 1.8s ease-in-out infinite;
}

.scroll-cue:hover[b-ak4vdwh8hm] {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.7);
}

@keyframes scroll-cue-bounce-b-ak4vdwh8hm {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(6px); }
}

@media (prefers-reduced-motion: reduce) {
    .scroll-cue[b-ak4vdwh8hm] { animation: none; }
}

/* ── Feature cards ── */
.features[b-ak4vdwh8hm] {
    background: var(--sares-cream, #faf6ef);
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1080px;
    padding: 4rem 2rem;
}

.feature-card[b-ak4vdwh8hm] {
    background: #fff;
    border: 1px solid rgba(226, 232, 229, 0.9);
    border-radius: var(--radius-md);
    box-shadow: 0 1px 2px rgba(46, 25, 12, 0.04);
    overflow: hidden;
    padding: 1.75rem 1.5rem 1.5rem;
    position: relative;
    text-align: left;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.feature-card[b-ak4vdwh8hm]::before {
    content: "";
    height: 4px;
    inset: 0 0 auto 0;
    position: absolute;
}

.feature-green[b-ak4vdwh8hm]::before { background: var(--sares-green); }
.feature-sand[b-ak4vdwh8hm]::before  { background: var(--sares-sun); }
.feature-sky[b-ak4vdwh8hm]::before   { background: var(--sares-sky); }

.feature-card:hover[b-ak4vdwh8hm] {
    border-color: rgba(46, 25, 12, 0.18);
    box-shadow: 0 10px 28px rgba(46, 25, 12, 0.1);
    transform: translateY(-4px);
}

.feature-icon[b-ak4vdwh8hm] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-bottom: 1rem;
    width: 44px;
}

.feature-green .feature-icon[b-ak4vdwh8hm] { background: rgba(122, 140, 46, 0.14); color: var(--sares-green); }
.feature-sand  .feature-icon[b-ak4vdwh8hm] { background: rgba(212, 168, 75, 0.16); color: var(--sares-sun); }
.feature-sky   .feature-icon[b-ak4vdwh8hm] { background: rgba(91, 143, 168, 0.15); color: var(--sares-sky); }

.feature-card h3[b-ak4vdwh8hm] {
    color: var(--sares-ink);
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
}

.feature-card p[b-ak4vdwh8hm] {
    color: var(--sares-muted);
    font-size: 0.9rem;
    line-height: 1.55;
    margin: 0;
}

/* ── About ── */
.section-about[b-ak4vdwh8hm] {
    background: #fff;
    padding: 4.5rem 2rem;
}

.about-inner[b-ak4vdwh8hm] {
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
}

.section-about h2[b-ak4vdwh8hm] {
    color: var(--sares-clay);
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 1rem;
}

.section-about p[b-ak4vdwh8hm] {
    color: var(--sares-ink-2);
    font-size: 1rem;
    line-height: 1.75;
    margin: 0 auto 2.5rem;
    max-width: 60ch;
}

.partners[b-ak4vdwh8hm] {
    align-items: center;
    border-top: 1px solid rgba(46, 25, 12, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 2rem;
}

.partners-label[b-ak4vdwh8hm] {
    color: var(--sares-muted);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.partner-logos[b-ak4vdwh8hm] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 2.25rem;
    justify-content: center;
}

.partner-logo-bar[b-ak4vdwh8hm] {
    height: auto;
    max-height: 96px;
    max-width: 100%;
    object-fit: contain;
    opacity: 0.9;
    transition: opacity 0.2s ease;
    width: auto;
}

.partner-logo-bar:hover[b-ak4vdwh8hm] {
    opacity: 1;
}

/* ── Contact ── */
.section-contact[b-ak4vdwh8hm] {
    background: var(--sares-cream, #faf6ef);
    padding: 4.5rem 2rem;
    text-align: center;
}

.section-contact h2[b-ak4vdwh8hm] {
    color: var(--sares-clay);
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 2rem;
}

.contact-cards[b-ak4vdwh8hm] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 720px;
}

.contact-card[b-ak4vdwh8hm] {
    align-items: flex-start;
    background: #fff;
    border: 1px solid rgba(226, 232, 229, 0.9);
    border-radius: var(--radius-md);
    box-shadow: 0 1px 2px rgba(46, 25, 12, 0.04);
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    text-align: left;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.contact-card:hover[b-ak4vdwh8hm] {
    border-color: rgba(46, 25, 12, 0.18);
    box-shadow: 0 8px 22px rgba(46, 25, 12, 0.08);
    transform: translateY(-2px);
}

.contact-avatar[b-ak4vdwh8hm] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    letter-spacing: 0.04em;
    width: 44px;
}

.contact-avatar-sand[b-ak4vdwh8hm] { background: var(--sares-sun); color: var(--sares-clay); }
.contact-avatar-sky[b-ak4vdwh8hm]  { background: var(--sares-sky); }

.contact-meta[b-ak4vdwh8hm] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.contact-label[b-ak4vdwh8hm] {
    color: var(--sares-muted);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.contact-name[b-ak4vdwh8hm] {
    color: var(--sares-ink);
    font-size: 1rem;
    font-weight: 700;
}

.contact-role[b-ak4vdwh8hm] {
    color: var(--sares-muted);
    font-size: 0.82rem;
    margin-bottom: 0.2rem;
}

.contact-email[b-ak4vdwh8hm] {
    color: var(--sares-sky);
    font-size: 0.88rem;
    text-decoration: none;
    word-break: break-all;
}

.contact-email:hover[b-ak4vdwh8hm] {
    text-decoration: underline;
}

/* ── Footer ── */
.footer[b-ak4vdwh8hm] {
    background: var(--sares-clay);
    color: rgba(255, 255, 255, 0.78);
    padding: 1.75rem 2rem 1.25rem;
}

.footer-row[b-ak4vdwh8hm] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
}

.footer-brand[b-ak4vdwh8hm] {
    font-family: var(--font-display);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.footer-links[b-ak4vdwh8hm] {
    display: flex;
    gap: 1.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links li a[b-ak4vdwh8hm] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.82rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-links li a:hover[b-ak4vdwh8hm] {
    color: var(--sares-sun);
}

.footer-meta[b-ak4vdwh8hm] {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.75rem;
    justify-content: center;
    margin-top: 1rem;
    padding-top: 1rem;
}

/* ── Responsive ── */
@media (max-width: 880px) {
    .features[b-ak4vdwh8hm] {
        grid-template-columns: 1fr;
        padding: 3rem 1.5rem;
    }

    .contact-cards[b-ak4vdwh8hm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .navbar[b-ak4vdwh8hm] {
        padding: 0.85rem 1.25rem;
    }

    .nav-links[b-ak4vdwh8hm] {
        display: none;
    }

    .hero[b-ak4vdwh8hm]::before {
        background: linear-gradient(180deg, rgba(46, 25, 12, 0.65) 0%, rgba(46, 25, 12, 0.35) 60%, rgba(46, 25, 12, 0.15) 100%);
    }

    .hero-inner[b-ak4vdwh8hm] {
        padding: 7rem 1.5rem 3rem;
    }

    .hero h1[b-ak4vdwh8hm] {
        font-size: 2rem;
        max-width: none;
    }

    .footer-row[b-ak4vdwh8hm] {
        justify-content: center;
        text-align: center;
    }
}
/* /Pages/Indicators/ActivityApprovalReview.razor.rz.scp.css */

.fam-shell[b-q00kqvjgop] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--rz-body-background-color, #f4f4f4);
    font-size: 13px;
}

.fam-topbar[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
    position: relative; /* add this */
}

.fam-pcode-badge[b-q00kqvjgop] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #E6F1FB;
    color: #185FA5;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
}
.fam-topbar-title[b-q00kqvjgop] {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.fam-topbar-actions[b-q00kqvjgop] {
    display: flex;
    gap: 6px;
}

.fam-tabnav[b-q00kqvjgop] {
    display: flex;
    padding: 0 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
    gap: 2px;
    overflow-x: auto;
}

.fam-tab[b-q00kqvjgop] {
    height: 36px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #666;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .fam-tab:hover[b-q00kqvjgop] {
        color: #222;
    }

    .fam-tab.active[b-q00kqvjgop] {
        color: #185FA5;
        border-bottom-color: #185FA5;
    }

.fam-tab-badge[b-q00kqvjgop] {
    background: #f0f0f0;
    color: #666;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 8px;
}

.fam-tab.active .fam-tab-badge[b-q00kqvjgop] {
    background: #E6F1FB;
    color: #185FA5;
}

.fam-body[b-q00kqvjgop] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fam-panel[b-q00kqvjgop] {
    display: none;
}

    .fam-panel.active[b-q00kqvjgop] {
        display: contents;
    }

.fam-card[b-q00kqvjgop] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 14px;
}

.fam-card-title[b-q00kqvjgop] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}

.fam-row2[b-q00kqvjgop] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fam-row3[b-q00kqvjgop] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.fam-field[b-q00kqvjgop] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px;
}

    .fam-field:first-child[b-q00kqvjgop] {
        margin-top: 0;
    }

    .fam-field label[b-q00kqvjgop] {
        font-size: 11px;
        font-weight: 500;
        color: #555;
    }

    .fam-field .rz-dropdown[b-q00kqvjgop],
    .fam-field .rz-textbox[b-q00kqvjgop],
    .fam-field .rz-numeric[b-q00kqvjgop],
    .fam-field .rz-datepicker[b-q00kqvjgop] {
        width: 100% !important;
    }

.fam-map-box[b-q00kqvjgop] {
    height: 60vh;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 8px;
}

.fam-chk-list[b-q00kqvjgop] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 5px 8px;
    max-height: 100px;
    overflow-y: auto;
}

.fam-chk-item[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    font-size: 12px;
    color: #333;
}

    .fam-chk-item input[type="checkbox"][b-q00kqvjgop] {
        width: 13px;
        height: 13px;
        flex-shrink: 0;
        accent-color: #378ADD;
    }

.fam-subtabnav[b-q00kqvjgop] {
    display: flex;
    gap: 0;
    border-bottom: 1.5px solid #e0e0e0;
    margin-bottom: 0;
}

.fam-subtab[b-q00kqvjgop] {
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1.5px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

    .fam-subtab.active[b-q00kqvjgop] {
        color: #185FA5;
        border-bottom-color: #185FA5;
    }

    .fam-subtab:hover:not(.active)[b-q00kqvjgop] {
        color: #333;
    }

.fam-table[b-q00kqvjgop] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .fam-table th[b-q00kqvjgop] {
        font-size: 11px;
        font-weight: 600;
        color: #555;
        text-align: left;
        padding: 4px 6px;
        border-bottom: 1px solid #eee;
    }

    .fam-table td[b-q00kqvjgop] {
        padding: 3px 6px;
        border-bottom: 1px solid #f0f0f0;
    }

        .fam-table td:first-child[b-q00kqvjgop] {
            width: 55%;
            font-size: 12px;
        }

    .fam-table input[type="number"][b-q00kqvjgop] {
        width: 100%;
        height: 24px;
        padding: 0 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 12px;
    }

.fam-dynamic-extra[b-q00kqvjgop] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.fam-approval-box[b-q00kqvjgop] {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 8px 10px;
}

.fam-footer-nav[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.fam-step-dots[b-q00kqvjgop] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.fam-dot[b-q00kqvjgop] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: width 0.15s;
}

    .fam-dot.active[b-q00kqvjgop] {
        width: 18px;
        border-radius: 3px;
        background: #185FA5;
    }
.chat-window[b-q00kqvjgop] {
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 6px;
}

.chat-msg[b-q00kqvjgop] {
    display: flex;
    margin-bottom: 8px;
}

    .chat-msg.me[b-q00kqvjgop] {
        justify-content: flex-end;
    }

    .chat-msg.other[b-q00kqvjgop] {
        justify-content: flex-start;
    }

.chat-bubble[b-q00kqvjgop] {
    max-width: 70%;
    padding: 8px;
    border-radius: 8px;
    background: #e0e0e0;
    font-size: 12px;
}

.chat-msg.me .chat-bubble[b-q00kqvjgop] {
    background: #d1f0ff;
}

.chat-meta[b-q00kqvjgop] {
    font-size: 10px;
    color: #777;
    margin-top: 2px;
}

.chat-input[b-q00kqvjgop] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* ══════════════════════════════ Floating Chat */
.float-chat[b-q00kqvjgop] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.float-chat-toggle[b-q00kqvjgop] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #185FA5;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(24,95,165,0.35);
    position: relative;
    transition: background 0.15s, transform 0.15s;
}

    .float-chat-toggle:hover[b-q00kqvjgop] {
        background: #1470c0;
        transform: scale(1.07);
    }

    .float-chat-toggle .material-icons[b-q00kqvjgop] {
        font-size: 22px;
    }

.float-chat-badge[b-q00kqvjgop] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e53935;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid #fff;
    animation: badge-pop-b-q00kqvjgop 0.2s ease;
}

@keyframes badge-pop-b-q00kqvjgop {
    0% {
        transform: scale(0.5);
    }

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

.float-chat-panel[b-q00kqvjgop] {
    display: none;
    flex-direction: column;
    width: 320px;
    height: 420px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.float-chat.open .float-chat-panel[b-q00kqvjgop] {
    display: flex;
    animation: slide-up-b-q00kqvjgop 0.2s ease;
}

@keyframes slide-up-b-q00kqvjgop {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.float-chat-header[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #185FA5;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.float-chat-header-badge[b-q00kqvjgop] {
    background: rgba(255,255,255,0.25);
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: 500;
}

.float-chat-close[b-q00kqvjgop] {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
    opacity: 0.8;
}

    .float-chat-close:hover[b-q00kqvjgop] {
        opacity: 1;
    }

.float-chat-messages[b-q00kqvjgop] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f7f9fc;
}

.float-chat-empty[b-q00kqvjgop] {
    font-size: 12px;
    color: #aaa;
    text-align: center;
    margin-top: 20px;
}

.float-chat-msg[b-q00kqvjgop] {
    display: flex;
}

    .float-chat-msg.me[b-q00kqvjgop] {
        justify-content: flex-end;
    }

    .float-chat-msg.other[b-q00kqvjgop] {
        justify-content: flex-start;
    }

.float-chat-bubble[b-q00kqvjgop] {
    max-width: 78%;
    padding: 7px 10px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.4;
    background: #e8edf2;
}

.float-chat-msg.me .float-chat-bubble[b-q00kqvjgop] {
    background: #185FA5;
    color: #fff;
    border-bottom-right-radius: 3px;
}

.float-chat-msg.other .float-chat-bubble[b-q00kqvjgop] {
    border-bottom-left-radius: 3px;
}

.float-chat-text[b-q00kqvjgop] {
    word-break: break-word;
}

.float-chat-meta[b-q00kqvjgop] {
    font-size: 10px;
    color: #999;
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.float-chat-msg.me .float-chat-meta[b-q00kqvjgop] {
    color: rgba(255,255,255,0.65);
}

.float-chat-unread-dot[b-q00kqvjgop] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e53935;
    display: inline-block;
}

.float-chat-input[b-q00kqvjgop] {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    border-top: 1px solid #eee;
    background: #fff;
    flex-shrink: 0;
    align-items: center;
}

.doc-manager[b-q00kqvjgop] {
    display: flex;
    height: calc(100vh - 64px);
    background: #f4f6f9;
    font-family: 'Segoe UI', sans-serif;
    overflow: hidden;
}

.folder-panel[b-q00kqvjgop] {
    width: 280px;
    min-width: 220px;
    background: #ffffff;
    border-right: 1px solid #e0e4ea;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.folder-panel-header[b-q00kqvjgop] {
    padding: 14px 14px 12px;
    border-bottom: 1px solid #e0e4ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .folder-panel-header h3[b-q00kqvjgop] {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #1e2a3a;
        display: flex;
        align-items: center;
        gap: 7px;
    }

.btn-new-folder[b-q00kqvjgop] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.18s;
    white-space: nowrap;
}

    .btn-new-folder:hover[b-q00kqvjgop] {
        background: #145a96;
    }

.folder-search[b-q00kqvjgop] {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f2f5;
}

.folder-search-wrap[b-q00kqvjgop] {
    position: relative;
}

    .folder-search-wrap .si[b-q00kqvjgop] {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

.folder-search input[b-q00kqvjgop] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    padding: 6px 8px 6px 26px;
    font-size: 12px;
    outline: none;
    background: #f8fafc;
    box-sizing: border-box;
    color: #333;
    transition: border-color 0.15s;
}

    .folder-search input:focus[b-q00kqvjgop] {
        border-color: #1a6eb5;
        background: #fff;
    }

.folder-tree[b-q00kqvjgop] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.folder-footer[b-q00kqvjgop] {
    padding: 8px 14px;
    border-top: 1px solid #e0e4ea;
    font-size: 11px;
    color: #aaa;
    background: #fafbfc;
}

.tree-node[b-q00kqvjgop] {
    user-select: none;
}

.tree-node-row[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px 5px 0;
    cursor: pointer;
    border-radius: 6px;
    margin: 1px 6px;
    transition: background 0.12s;
    position: relative;
}

    .tree-node-row:hover[b-q00kqvjgop] {
        background: #eef3fb;
    }

    .tree-node-row.active[b-q00kqvjgop] {
        background: #ddeaf8;
    }

        .tree-node-row.active .node-label[b-q00kqvjgop] {
            color: #1a6eb5;
            font-weight: 600;
        }

.tree-toggle[b-q00kqvjgop] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #999;
    font-size: 9px;
    transition: transform 0.18s;
}

    .tree-toggle.expanded[b-q00kqvjgop] {
        transform: rotate(90deg);
    }

    .tree-toggle.leaf[b-q00kqvjgop] {
        visibility: hidden;
    }

.node-icon[b-q00kqvjgop] {
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1;
}

.node-label[b-q00kqvjgop] {
    flex: 1;
    font-size: 13px;
    color: #2d3748;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-badge[b-q00kqvjgop] {
    background: #e8f0fb;
    color: #1a6eb5;
    border-radius: 10px;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.node-actions[b-q00kqvjgop] {
    display: none;
    gap: 2px;
    flex-shrink: 0;
}

.tree-node-row:hover .node-actions[b-q00kqvjgop] {
    display: flex;
}

.node-action-btn[b-q00kqvjgop] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    line-height: 1;
    transition: background 0.12s, color 0.12s;
}

    .node-action-btn:hover[b-q00kqvjgop] {
        background: #dde6f5;
        color: #1a6eb5;
    }

    .node-action-btn.danger:hover[b-q00kqvjgop] {
        background: #fde8e8;
        color: #c0392b;
    }

.doc-panel[b-q00kqvjgop] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f4f6f9;
}

.doc-panel-header[b-q00kqvjgop] {
    background: #fff;
    border-bottom: 1px solid #e0e4ea;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.breadcrumb[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #666;
    flex-wrap: wrap;
}

.bc-link[b-q00kqvjgop] {
    cursor: pointer;
    color: #1a6eb5;
    transition: color 0.12s;
}

    .bc-link:hover[b-q00kqvjgop] {
        color: #0e4a80;
        text-decoration: underline;
    }

.bc-sep[b-q00kqvjgop] {
    color: #bbb;
    margin: 0 2px;
}

.bc-current[b-q00kqvjgop] {
    color: #1e2a3a;
    font-weight: 600;
}

.doc-actions[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-search-wrap[b-q00kqvjgop] {
    position: relative;
}

    .doc-search-wrap .si[b-q00kqvjgop] {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

    .doc-search-wrap input[b-q00kqvjgop] {
        border: 1px solid #d0d5dd;
        border-radius: 6px;
        padding: 6px 10px 6px 26px;
        font-size: 12px;
        outline: none;
        width: 180px;
        background: #f8fafc;
        color: #333;
        transition: border-color 0.15s;
    }

        .doc-search-wrap input:focus[b-q00kqvjgop] {
            border-color: #1a6eb5;
            background: #fff;
        }

.view-toggle[b-q00kqvjgop] {
    display: flex;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    overflow: hidden;
}

    .view-toggle button[b-q00kqvjgop] {
        background: none;
        border: none;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
        color: #888;
        transition: background 0.12s, color 0.12s;
    }

        .view-toggle button.active[b-q00kqvjgop] {
            background: #1a6eb5;
            color: #fff;
        }

.btn-upload[b-q00kqvjgop] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-upload:hover[b-q00kqvjgop] {
        background: #145a96;
    }

    .btn-upload:disabled[b-q00kqvjgop] {
        background: #9ab4d4;
        cursor: not-allowed;
    }

.btn-secondary[b-q00kqvjgop] {
    background: #fff;
    color: #1a6eb5;
    border: 1px solid #1a6eb5;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-secondary:hover[b-q00kqvjgop] {
        background: #eef3fb;
    }

    .btn-secondary:disabled[b-q00kqvjgop] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.doc-content[b-q00kqvjgop] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

.list-header[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.doc-grid[b-q00kqvjgop] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 12px;
}

.doc-card[b-q00kqvjgop] {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 10px;
    padding: 16px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s, transform 0.12s;
    position: relative;
}

    .doc-card:hover[b-q00kqvjgop] {
        box-shadow: 0 4px 16px rgba(26,110,181,0.12);
        border-color: #a8c6e8;
        transform: translateY(-2px);
    }

    .doc-card.selected[b-q00kqvjgop] {
        border-color: #1a6eb5;
        background: #eef3fb;
    }

    .doc-card .file-icon[b-q00kqvjgop] {
        font-size: 36px;
        line-height: 1;
    }

    .doc-card .file-name[b-q00kqvjgop] {
        font-size: 11px;
        font-weight: 500;
        color: #2d3748;
        text-align: center;
        word-break: break-word;
        line-height: 1.35;
    }

    .doc-card .card-menu[b-q00kqvjgop] {
        position: absolute;
        top: 6px;
        right: 6px;
        display: none;
    }

    .doc-card:hover .card-menu[b-q00kqvjgop] {
        display: flex;
        gap: 4px;
    }

.card-menu-btn[b-q00kqvjgop] {
    background: #eef3fb;
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 13px;
    color: #1a6eb5;
    transition: background 0.12s;
}

    .card-menu-btn:hover[b-q00kqvjgop] {
        background: #dde6f5;
    }

    .card-menu-btn.danger[b-q00kqvjgop] {
        color: #c0392b;
    }

        .card-menu-btn.danger:hover[b-q00kqvjgop] {
            background: #fde8e8;
        }

.doc-list[b-q00kqvjgop] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.doc-list-row[b-q00kqvjgop] {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 8px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: box-shadow 0.12s, border-color 0.12s;
}

    .doc-list-row:hover[b-q00kqvjgop] {
        border-color: #a8c6e8;
        box-shadow: 0 2px 8px rgba(26,110,181,0.07);
    }

    .doc-list-row.selected[b-q00kqvjgop] {
        border-color: #1a6eb5;
        background: #eef3fb;
    }

    .doc-list-row .file-icon[b-q00kqvjgop] {
        font-size: 20px;
        flex-shrink: 0;
    }

    .doc-list-row .file-info[b-q00kqvjgop] {
        flex: 1;
        min-width: 0;
    }

    .doc-list-row .file-name[b-q00kqvjgop] {
        font-size: 13px;
        font-weight: 500;
        color: #2d3748;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .doc-list-row .file-code[b-q00kqvjgop] {
        font-size: 11px;
        color: #aaa;
        margin-top: 2px;
    }

.status-pill[b-q00kqvjgop] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.status-draft[b-q00kqvjgop] {
    background: #f0f0f0;
    color: #666;
}

.status-approved[b-q00kqvjgop] {
    background: #d4edda;
    color: #1a7a40;
}

.status-review[b-q00kqvjgop] {
    background: #fff3cd;
    color: #856404;
}

.status-archived[b-q00kqvjgop] {
    background: #e2e3e5;
    color: #495057;
}

.lock-icon[b-q00kqvjgop] {
    font-size: 12px;
    flex-shrink: 0;
}

.org-col[b-q00kqvjgop] {
    font-size: 11px;
    color: #888;
    flex-shrink: 0;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.created-col[b-q00kqvjgop] {
    font-size: 12px;
    color: #aaa;
    flex-shrink: 0;
    width: 110px;
    text-align: right;
}

.row-actions[b-q00kqvjgop] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.12s;
}

.doc-list-row:hover .row-actions[b-q00kqvjgop] {
    opacity: 1;
}

.row-action-btn[b-q00kqvjgop] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 5px;
    border-radius: 4px;
    color: #888;
    font-size: 13px;
    transition: background 0.12s, color 0.12s;
}

    .row-action-btn:hover[b-q00kqvjgop] {
        background: #eef3fb;
        color: #1a6eb5;
    }

    .row-action-btn.danger:hover[b-q00kqvjgop] {
        background: #fde8e8;
        color: #c0392b;
    }

.empty-state[b-q00kqvjgop] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #b0b8c4;
    gap: 12px;
    padding: 40px;
    text-align: center;
}

    .empty-state .empty-icon[b-q00kqvjgop] {
        font-size: 54px;
        opacity: 0.4;
    }

    .empty-state p[b-q00kqvjgop] {
        font-size: 14px;
        margin: 0;
        line-height: 1.5;
    }

    .empty-state h4[b-q00kqvjgop] {
        margin: 0;
        font-size: 16px;
        color: #8a94a6;
    }

.status-bar[b-q00kqvjgop] {
    background: #fff;
    border-top: 1px solid #e0e4ea;
    padding: 6px 20px;
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Upload modal */
.drop-zone[b-q00kqvjgop] {
    border: 2px dashed #a8c6e8;
    border-radius: 10px;
    padding: 28px 20px;
    text-align: center;
    color: #1a6eb5;
    font-size: 13px;
    background: #f0f6ff;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    margin-bottom: 14px;
}

    .drop-zone:hover[b-q00kqvjgop] {
        background: #ddeaf8;
        border-color: #1a6eb5;
    }

    .drop-zone .dz-icon[b-q00kqvjgop] {
        font-size: 30px;
        display: block;
        margin-bottom: 6px;
    }

.upload-file-row[b-q00kqvjgop] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f2f5;
    font-size: 12px;
}

    .upload-file-row:last-child[b-q00kqvjgop] {
        border-bottom: none;
    }

    .upload-file-row .ufr-name[b-q00kqvjgop] {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333;
    }

    .upload-file-row .ufr-size[b-q00kqvjgop] {
        color: #999;
        flex-shrink: 0;
    }

    .upload-file-row .ufr-status[b-q00kqvjgop] {
        flex-shrink: 0;
        font-size: 14px;
    }

.progress-bar-wrap[b-q00kqvjgop] {
    height: 4px;
    background: #e8ecf0;
    border-radius: 4px;
    margin-top: 12px;
    overflow: hidden;
}

.progress-bar-fill[b-q00kqvjgop] {
    height: 100%;
    background: #1a6eb5;
    border-radius: 4px;
    transition: width 0.3s ease;
}

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

.modal-box[b-q00kqvjgop] {
    background: #fff;
    border-radius: 12px;
    padding: 26px 26px 20px;
    min-width: 340px;
    max-width: 520px;
    width: 90%;
    box-shadow: 0 8px 40px rgba(0,0,0,0.18);
}

    .modal-box h4[b-q00kqvjgop] {
        margin: 0 0 18px;
        font-size: 16px;
        color: #1e2a3a;
    }

.form-group[b-q00kqvjgop] {
    margin-bottom: 14px;
}

    .form-group label[b-q00kqvjgop] {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: #666;
        margin-bottom: 5px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .form-group input[b-q00kqvjgop], .form-group select[b-q00kqvjgop] {
        width: 100%;
        border: 1px solid #d0d5dd;
        border-radius: 7px;
        padding: 8px 12px;
        font-size: 13px;
        outline: none;
        box-sizing: border-box;
        color: #333;
        transition: border-color 0.15s;
    }

        .form-group input:focus[b-q00kqvjgop], .form-group select:focus[b-q00kqvjgop] {
            border-color: #1a6eb5;
        }

.modal-actions[b-q00kqvjgop] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn-cancel[b-q00kqvjgop] {
    background: none;
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    transition: background 0.12s;
}

    .btn-cancel:hover[b-q00kqvjgop] {
        background: #f0f2f5;
    }

.btn-confirm[b-q00kqvjgop] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.18s;
}

    .btn-confirm:hover[b-q00kqvjgop] {
        background: #145a96;
    }

    .btn-confirm.danger[b-q00kqvjgop] {
        background: #c0392b;
    }

        .btn-confirm.danger:hover[b-q00kqvjgop] {
            background: #a93226;
        }

    .btn-confirm:disabled[b-q00kqvjgop] {
        background: #9ab4d4;
        cursor: not-allowed;
    }

[b-q00kqvjgop]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

[b-q00kqvjgop]::-webkit-scrollbar-track {
    background: transparent;
}

[b-q00kqvjgop]::-webkit-scrollbar-thumb {
    background: #cdd3db;
    border-radius: 10px;
}
/* /Pages/Indicators/ActivityRegistration.razor.rz.scp.css */
body[b-v88erl5aky] {
}
/* /Pages/Indicators/Agegroup.razor.rz.scp.css */
.fixed-table[b-22lupzguh3] {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
    height: 2rem;
}

.fixed-column[b-22lupzguh3] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Define individual column widths */
.adm0-column[b-22lupzguh3] {
    width: 200px;
}
/* Adjust as needed */
.adm1-column[b-22lupzguh3] {
    width: 200px;
}

.adm2-column[b-22lupzguh3] {
    width: 180px;
}

.checkbox-column[b-22lupzguh3] {
    width: 80px;
    text-align: center;
}

.actions-column[b-22lupzguh3] {
    width: 150px;
    text-align: center;
}

/* Make sure table headers and data align */
th[b-22lupzguh3], td[b-22lupzguh3] {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Hide the default checkbox */
input[type="checkbox"][b-22lupzguh3] {
    display: none;
}
/* /Pages/Indicators/ApprovalsActivity.razor.rz.scp.css */

/* ========= Section Blocks ========= */
.section-activity-details[b-tjagistotd],
.section-geolocation[b-tjagistotd],
.section-participants[b-tjagistotd],
.section-agegroup[b-tjagistotd],
.section-specialgroup[b-tjagistotd],
.section-output[b-tjagistotd],
.section-indicators[b-tjagistotd],
.section-joint-indicators[b-tjagistotd] {
    background-color: var(--sares-surface, #fff);
    border-radius: var(--radius-md, 12px);
    padding: 25px 30px;
    margin-bottom: 30px;
    box-shadow: var(--shadow-sm, 0 2px 6px rgba(0,0,0,.05));
}

.section-title[b-tjagistotd] {
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--sares-green-deep, #4E2310);
    margin-bottom: 16px;
    border-left: 3px solid var(--sares-green, #7A8C2E);
    padding-left: 12px;
}

.section-subtitle[b-tjagistotd] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: var(--sares-ink-2, #3D4B44);
}

/* ========= Form Inputs ========= */
input[type="text"][b-tjagistotd],
input[type="number"][b-tjagistotd],
input[type="date"][b-tjagistotd],
select[b-tjagistotd] {
    display: block;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    border: 1px solid var(--sares-line, #E2E8E5);
    border-radius: var(--radius-sm, 8px);
    box-sizing: border-box;
    background-color: var(--sares-surface, #fff);
    color: var(--sares-ink, #1A1A1A);
    transition: border-color var(--transition, 220ms ease), box-shadow var(--transition, 220ms ease);
}

input:focus[b-tjagistotd],
select:focus[b-tjagistotd] {
    outline: none;
    border-color: var(--sares-green, #7A8C2E);
    box-shadow: 0 0 0 3px rgba(122, 140, 46, .15);
}

/* ========= Submit Button ========= */
.btn-submit[b-tjagistotd] {
    background-color: var(--sares-green, #7A8C2E);
    color: #fff;
    font-weight: 600;
    padding: 10px 22px;
    border: none;
    border-radius: var(--radius-sm, 8px);
    font-size: 0.95rem;
    cursor: pointer;
    display: block;
    margin: 0 auto 40px auto;
    transition: background-color .2s ease, filter .2s ease;
}

.btn-submit:hover[b-tjagistotd] {
    filter: brightness(.92);
}

/* ========= Styled Table ========= */
.table[b-tjagistotd] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background-color: var(--sares-surface, #fff);
    box-shadow: var(--shadow-sm, 0 2px 5px rgba(0,0,0,.05));
    border-radius: var(--radius-sm, 8px);
    overflow: hidden;
}

.table thead[b-tjagistotd] {
    background-color: var(--sares-green-soft, #EEF2DC);
}

.table th[b-tjagistotd],
.table td[b-tjagistotd] {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid var(--sares-line, #E2E8E5);
    font-size: 0.88rem;
}

.table th[b-tjagistotd] {
    font-weight: 600;
    color: var(--sares-green-deep, #4E2310);
}

.table-row[b-tjagistotd] {
    cursor: pointer;
    transition: background-color .15s ease;
}

.table-row:hover[b-tjagistotd] {
    background-color: var(--sares-green-soft, #EEF2DC);
}

/* ========= Pagination ========= */
.pagination-controls[b-tjagistotd] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 16px;
}

.pagination-controls button[b-tjagistotd] {
    background-color: var(--sares-green, #7A8C2E);
    color: #fff;
    border: none;
    padding: 8px 16px;
    font-size: 0.85rem;
    border-radius: var(--radius-sm, 8px);
    cursor: pointer;
    transition: filter .2s ease;
}

.pagination-controls button:hover:not(:disabled)[b-tjagistotd] {
    filter: brightness(.9);
}

.pagination-controls button:disabled[b-tjagistotd] {
    background-color: var(--sares-line, #E2E8E5);
    color: var(--sares-muted, #6B7B74);
    cursor: default;
}

.pagination-controls span[b-tjagistotd] {
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--sares-ink-2, #3D4B44);
}

/* ========= Loading Overlay ========= */
.loading-overlay[b-tjagistotd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--loader-veil, rgba(0,0,0,.28));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loading-text[b-tjagistotd] {
    margin-top: 12px;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
}

.hourglass[b-tjagistotd] {
    width: 36px;
    height: 36px;
    border: 3px solid transparent;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 50%;
    animation: hourglassSpin-b-tjagistotd 1s linear infinite;
}

@keyframes hourglassSpin-b-tjagistotd {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ========= Import Modal ========= */
.modal-overlay[b-tjagistotd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content.large[b-tjagistotd] {
    background: var(--sares-surface, #fff);
    padding: 24px;
    border-radius: var(--radius-md, 12px);
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-lg, 0 10px 30px rgba(78,35,16,.12));
}

.modal-content.large h3[b-tjagistotd] {
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    color: var(--sares-green-deep, #4E2310);
    margin-top: 0;
}

.modal-actions[b-tjagistotd] {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    justify-content: flex-end;
}
/* /Pages/Indicators/Dataconfig.razor.rz.scp.css */
.data-config-page[b-6bzbi9a7u5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--rz-text-color, #2f342f);
}

.data-config-grid[b-6bzbi9a7u5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
    gap: 14px;
    padding-top: 14px;
}

[b-6bzbi9a7u5] .data-operation-card.rz-card {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--sares-line, #e2e8e5);
    border-radius: 8px;
    background: var(--rz-base-background-color, #fff);
    box-shadow: 0 3px 12px rgba(31, 39, 28, 0.08);
}

.data-operation-header[b-6bzbi9a7u5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
    border-bottom: 1px solid var(--sares-line, #e2e8e5);
    background: #ffffff;
}

.data-operation-title-row[b-6bzbi9a7u5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.data-operation-icon[b-6bzbi9a7u5] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #eef4e8;
    color: var(--sares-green, #5e6d20);
}

.data-operation-icon .material-icons-round[b-6bzbi9a7u5] {
    font-size: 18px;
}

.data-operation-copy[b-6bzbi9a7u5] {
    min-width: 0;
}

.data-operation-copy h4[b-6bzbi9a7u5] {
    margin: 0;
    color: var(--rz-text-title-color, #30362f);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.data-operation-copy p[b-6bzbi9a7u5] {
    max-width: 620px;
    margin: 5px 0 0;
    color: var(--rz-text-secondary-color, #667064);
    font-size: 0.69rem;
    line-height: 1.45;
}

.data-operation-actions[b-6bzbi9a7u5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px;
    flex: 0 0 auto;
}

.data-operation-status[b-6bzbi9a7u5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
    min-height: 24px;
    font-size: 0.66rem;
}

.data-status-label[b-6bzbi9a7u5] {
    color: var(--rz-text-secondary-color, #6b7468);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.data-status-muted[b-6bzbi9a7u5],
.data-status-date[b-6bzbi9a7u5] {
    color: var(--rz-text-secondary-color, #6b7468);
    font-size: 0.64rem;
}

.data-status-pill[b-6bzbi9a7u5] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 600;
    line-height: 1;
    background: #eef1ee;
    color: #4d574a;
    white-space: nowrap;
    text-transform: none;
}

.data-status-pill.success[b-6bzbi9a7u5] {
    background: #e3f4e8;
    color: #176b35;
}

.data-status-pill.failed[b-6bzbi9a7u5] {
    background: #fde8e8;
    color: #a92323;
}

.data-history-card[b-6bzbi9a7u5] {
    padding: 10px 14px 14px;
}

.data-history-title[b-6bzbi9a7u5] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: var(--rz-text-secondary-color, #586256);
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: none;
}

.data-history-title .material-icons-round[b-6bzbi9a7u5] {
    color: var(--sares-green, #5e6d20);
    font-size: 16px;
}

[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav {
    border-bottom: 1px solid var(--rz-border-color, #e0e4dd);
    gap: 4px;
}

[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li a {
    margin-right: 4px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: var(--rz-text-secondary-color, #5f685d);
    background: transparent;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none !important;
}

[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li a span,
[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li a .rz-tabview-title,
[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li a .rz-tabview-text {
    text-transform: none !important;
}

[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li.rz-tabview-selected a,
[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li.rz-state-active a,
[b-6bzbi9a7u5] .rz-tabs .rz-tabview-nav li[aria-selected="true"] a {
    border-color: var(--sares-line, #e2e8e5);
    background: color-mix(in srgb, var(--sares-green-soft, #eef2dc) 72%, #fff);
    color: var(--sares-green-dark, #5e6d20);
    box-shadow: 0 -2px 8px rgba(31, 39, 28, 0.06);
}

[b-6bzbi9a7u5] .rz-tabs .rz-tabview-panels {
    padding: 0;
    background: transparent;
}

[b-6bzbi9a7u5] .data-operation-actions .rz-button,
[b-6bzbi9a7u5] .data-operation-button.rz-button,
[b-6bzbi9a7u5] button.data-operation-button {
    min-height: 32px;
    border-radius: 6px;
    padding: 0 12px;
    border: 1px solid #7a8c2e !important;
    background: #7a8c2e !important;
    background-color: #7a8c2e !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(94, 109, 32, 0.28);
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: none !important;
}

[b-6bzbi9a7u5] .data-operation-actions .rz-button:hover,
[b-6bzbi9a7u5] .data-operation-actions .rz-button:focus-visible,
[b-6bzbi9a7u5] .data-operation-button.rz-button:hover,
[b-6bzbi9a7u5] .data-operation-button.rz-button:focus-visible,
[b-6bzbi9a7u5] button.data-operation-button:hover,
[b-6bzbi9a7u5] button.data-operation-button:focus-visible {
    border-color: #5e6d20 !important;
    background: #5e6d20 !important;
    background-color: #5e6d20 !important;
    color: #ffffff !important;
}

[b-6bzbi9a7u5] .data-operation-actions .rz-button .rz-button-text,
[b-6bzbi9a7u5] .data-operation-button .rz-button-text {
    color: #ffffff !important;
    text-transform: none !important;
}

[b-6bzbi9a7u5] .data-operation-actions .rz-button .rz-button-icon,
[b-6bzbi9a7u5] .data-operation-button .rz-button-icon {
    color: #ffffff !important;
    font-size: 0.9rem;
}

[b-6bzbi9a7u5] .data-history-grid.rz-datatable {
    overflow: hidden;
    border: 1px solid var(--rz-border-color, #e2e7df);
    border-radius: 8px;
}

[b-6bzbi9a7u5] .data-history-grid .rz-datatable-thead > tr > th {
    background: #f7faf5;
    color: #475244;
    font-size: 0.64rem;
    font-weight: 700;
    white-space: nowrap;
}

[b-6bzbi9a7u5] .data-history-grid .rz-cell-data,
[b-6bzbi9a7u5] .data-history-grid .rz-datatable-data td {
    color: var(--rz-text-color, #333a31);
    font-size: 0.66rem;
}

[b-6bzbi9a7u5] .data-history-grid .rz-datatable-empty-message {
    color: var(--rz-text-secondary-color, #6b7468);
    font-size: 0.68rem;
}

.data-config-placeholder[b-6bzbi9a7u5] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 220px;
    margin-top: 14px;
    border: 1px dashed var(--rz-border-color, #cdd8c8);
    border-radius: 8px;
    color: var(--rz-text-secondary-color, #64705f);
    background: #fbfcfa;
    text-align: center;
}

.data-config-placeholder .material-icons-round[b-6bzbi9a7u5] {
    color: var(--sares-green, #5e6d20);
    font-size: 34px;
}

.data-config-placeholder h3[b-6bzbi9a7u5] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
}

@media (max-width: 920px) {
    .data-config-grid[b-6bzbi9a7u5] {
        grid-template-columns: 1fr;
    }

    .data-operation-header[b-6bzbi9a7u5] {
        flex-direction: column;
        align-items: stretch;
    }

    .data-operation-actions[b-6bzbi9a7u5] {
        align-items: flex-start;
    }

    .data-operation-status[b-6bzbi9a7u5] {
        justify-content: flex-start;
    }
}
/* /Pages/Indicators/District.razor.rz.scp.css */
/* ================= ROOT TOKENS ================= */
/*:root {
    --feature-accent: #2f6aa3;
    --feature-border: #787878;
    --feature-muted: #7a8aa0;
    --feature-ink: #2e3c52;
    --bg: #f3f6fb;
    --card: #ffffff;
    --ink: #0e1726;
    --muted: #667085;
    --line: #e6ebf2;
    --primary: #6ba539;
    --primary-ink: #0b3d0b;
    --secondary: #2f6df6;
    --danger: #e54848;
}*/

/* ================= PAGE ================= */
/*body {
    background: var(--bg);
    color: var(--ink);
}*/

/* ================= TOOLBAR ================= */
/*.toolbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.rz-button {
    background: var(--card) !important;
    border: 1px solid var(--line) !important;
    color: var(--ink) !important;
    border-radius: 8px;
}

    .rz-button:hover {
        background: #eef2f7 !important;
    }*/

/* ================= SEARCH ================= */
/*.search-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}*/

/* ================= TABLE CONTAINER ================= */
/*.table-scroll-container {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
}*/

/* ================= RADZEN GRID ================= */

/* HEADER */
/*.rz-datatable-thead th {
    background: #eef2f7;
    font-weight: 600;
    font-size: 13px;
    color: var(--feature-ink);
    border-bottom: 1px solid var(--line);
    padding: 6px 8px !important;
}*/

/* DATA CELLS */
/*.rz-datatable-tbody td {
    padding: 6px 8px !important;
    font-size: 13px;
    border-bottom: 1px solid var(--line);
}*/

/* FILTER ROW */
/*.rz-filter-row td {
    padding: 4px 6px !important;
    background: #f8fafc;
}*/

/* INPUTS */
/*.rz-dropdown,
.rz-textbox,
.rz-numeric {
    height: 20px !important;
    min-height: 20px !important;
    font-size: 13px;
}*/

/* ================= ZEBRA STRIPING ================= */
/*.rz-datatable-tbody tr:nth-child(even) {
    background: #f9fbfd;
    height: 20px !important;
}

.rz-datatable-tbody tr:nth-child(odd) {
    background: #ffffff;
}*/

/* HOVER EFFECT */
/*.rz-datatable-tbody tr:hover {
    background: #eef2f7 !important;
}*/

/* Hide filter row (ALL possible Radzen variants) */
/*.hide-filters .rz-filter-row,
.hide-filters .rz-datatable-filter-row,
.hide-filters .rz-datatable-thead .rz-filter-row,
.hide-filters .rz-datatable-thead tr.rz-filter-row {
    display: none !important;
}*/

/* Show filter row */
/*.show-filters .rz-filter-row,
.show-filters .rz-datatable-filter-row {
    display: table-row !important;
}*/

/* ================= HEADER ICON ================= */
/*.header-with-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    .header-with-icon i {
        font-size: 13px;
        color: #9aa4b2;
    }

    .header-with-icon:hover i {
        color: #6b7280;
    }*/

/* ================= ACTIONS ================= */
/*.actions-cell {
    display: flex;
    gap: 6px;
    justify-content: center;
}*/

/* ICON BUTTONS (GRAYSCALE STYLE) */
/*.icon-btn {
    border: 0px solid #d1d5db;
    background: none;
    border-radius: 6px;
    padding: 4px 6px;
    cursor: pointer;
    font-size: 13px;
    color: #4b5563;*/ /* neutral gray */
    /*transition: all 0.2s ease;
}*/

    /* HOVER */
    /*.icon-btn:hover {
        background: linear-gradient(145deg, #e5e7eb, #d1d5db);
        color: #111827;
    }*/

    /* ACTIVE CLICK */
    /*.icon-btn:active {
        transform: scale(0.95);
    }*/

/* REMOVE EMOJI COLOR FEEL */
/*.icon-btn {
    filter: grayscale(100%);
}*/

/* ================= PAGINATION ================= */
/*.pagination-controls {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 12px;
}*/

/* ================= MODAL ================= */
/*.modal-form .form-grid.two-col {
    grid-template-columns: repeat(2, 1fr);
}

.modal-form label {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 4px;
    display: block;
}

.modal-form .rz-dropdown,
.modal-form .rz-textbox,
.modal-form .rz-numeric {
    width: 100% !important;
}

.modal-form .checkbox-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-actions .btn {
    border-radius: 8px;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f4f6f9;
    padding: 6px 10px;
    border-radius: 12px;
    width: 80%;
}*/

/* Icon */
/*.search-icon {
    font-size: 14px;
    opacity: 0.7;
}*/

/* Input */
/*.search-input {
    width: 160px !important;
    font-size: 12px !important;
}*/

/* Stats container */
/*.search-stats {
    display: flex;
    gap: 15px;
    margin-left: 10px;
}*/

    /* Stats text */
    /*.search-stats span {
        font-size: 12px;
        color: #555;
    }*/

    /* Numbers emphasis */
    /*.search-stats b {
        color: #222;
        font-weight: 600;
    }*/
/* /Pages/Indicators/GandViewActivMon.razor.rz.scp.css */
/* =========================
   PAGE BASE
   ========================= */
body[b-0tkdb7lbok] {
    margin: 0;
    padding: 0;
    background-color: #f5f6fa;
    font-family: 'Segoe UI', sans-serif;
}

.page-container[b-0tkdb7lbok] {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* =========================
   TOOLBAR
   ========================= */
.toolbar[b-0tkdb7lbok] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.toolbar-left[b-0tkdb7lbok],
.toolbar-right[b-0tkdb7lbok] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* =========================
   SEARCH
   ========================= */
.search-box[b-0tkdb7lbok],
.activity-search-bar[b-0tkdb7lbok] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 20px auto;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 8px;
    max-width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.search-icon[b-0tkdb7lbok] {
    font-size: 16px;
    color: #666;
}

.search-input[b-0tkdb7lbok],
.search-activity-input[b-0tkdb7lbok] {
    flex: 1;
    width: 100%;
    max-width: 100%;
    padding: 10px 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-sizing: border-box;
    background-color: #fff;
}

    .search-input:focus[b-0tkdb7lbok],
    .search-activity-input:focus[b-0tkdb7lbok] {
        border-color: #007bff;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

.btn-search[b-0tkdb7lbok] {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .btn-search:hover[b-0tkdb7lbok] {
        background-color: #0056b3;
    }

/* =========================
   TABLE / GRID WRAPPER
   ========================= */
.table-scroll-container[b-0tkdb7lbok] {
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
}

.table[b-0tkdb7lbok] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}

    .table thead[b-0tkdb7lbok] {
        background-color: #f5f7fa;
    }

    .table th[b-0tkdb7lbok],
    .table td[b-0tkdb7lbok],
    th[b-0tkdb7lbok],
    td[b-0tkdb7lbok] {
        padding: 12px 16px;
        text-align: left;
        border-bottom: 1px solid #eee;
        font-size: 0.95rem;
    }

    .table th[b-0tkdb7lbok],
    th[b-0tkdb7lbok] {
        font-weight: 600;
        color: #34495e;
        background-color: #f0f0f0;
    }

table[b-0tkdb7lbok] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.table-row[b-0tkdb7lbok] {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .table-row:hover[b-0tkdb7lbok] {
        background-color: #f9f9f9;
    }

/* =========================
   PAGINATION
   ========================= */
.pagination-controls[b-0tkdb7lbok] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 20px;
    flex-wrap: wrap;
}

    .pagination-controls button[b-0tkdb7lbok] {
        background-color: #2b9948;
        color: white;
        border: none;
        padding: 10px 18px;
        font-size: 14px;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        .pagination-controls button:hover:not(:disabled)[b-0tkdb7lbok] {
            background-color: #247c3a;
        }

        .pagination-controls button:disabled[b-0tkdb7lbok] {
            background-color: #ccc;
            cursor: default;
        }

    .pagination-controls span[b-0tkdb7lbok] {
        font-weight: 500;
        font-size: 16px;
    }

/* =========================
   CONTENT SECTIONS
   ========================= */
.section-activity-details[b-0tkdb7lbok],
.section-geolocation[b-0tkdb7lbok],
.section-participants[b-0tkdb7lbok],
.section-agegroup[b-0tkdb7lbok],
.section-specialgroup[b-0tkdb7lbok],
.section-output[b-0tkdb7lbok],
.section-indicators[b-0tkdb7lbok],
.section-joint-indicators[b-0tkdb7lbok],
.a1-dynamic-inputs[b-0tkdb7lbok],
.approval-section[b-0tkdb7lbok],
.section-gender-checkbox[b-0tkdb7lbok] {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.section-title[b-0tkdb7lbok] {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    color: #2c3e50;
    border-left: 4px solid #007bff;
    padding-left: 12px;
}

.section-subtitle[b-0tkdb7lbok] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: #333;
}

/* =========================
   FORM ELEMENTS
   ========================= */
label[b-0tkdb7lbok] {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: inline-block;
}

input[type="text"][b-0tkdb7lbok],
input[type="number"][b-0tkdb7lbok],
input[type="date"][b-0tkdb7lbok],
select[b-0tkdb7lbok],
.input-country[b-0tkdb7lbok],
.input-region[b-0tkdb7lbok],
.input-subregion[b-0tkdb7lbok],
.input-district[b-0tkdb7lbok],
.input-site[b-0tkdb7lbok],
.input-organization[b-0tkdb7lbok],
.input-activity[b-0tkdb7lbok],
.input-other-activity[b-0tkdb7lbok],
.input-description[b-0tkdb7lbok],
.input-start-date[b-0tkdb7lbok],
.input-end-date[b-0tkdb7lbok],
.input-latitude[b-0tkdb7lbok],
.input-longitude[b-0tkdb7lbok],
.input-men[b-0tkdb7lbok],
.input-women[b-0tkdb7lbok] {
    display: block;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 15px;
    font-size: 0.95rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    input:focus[b-0tkdb7lbok],
    select:focus[b-0tkdb7lbok] {
        outline: none;
        border-color: #007bff;
        box-shadow: 0 0 3px rgba(0, 123, 255, 0.25);
    }

.checkbox-output[b-0tkdb7lbok],
.checkbox-indicator[b-0tkdb7lbok],
.checkbox-joint-indicator[b-0tkdb7lbok],
.input-age-men[b-0tkdb7lbok],
.input-age-women[b-0tkdb7lbok],
.input-special-men[b-0tkdb7lbok],
.input-special-women[b-0tkdb7lbok] {
    width: 100%;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.checkbox-list[b-0tkdb7lbok] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
}

.form-check[b-0tkdb7lbok] {
    margin-bottom: 8px;
}

.form-check-input[b-0tkdb7lbok] {
    margin-right: 8px;
}

.form-check-label[b-0tkdb7lbok] {
    font-weight: 500;
    color: #333;
}

.text-muted[b-0tkdb7lbok] {
    color: #6c757d;
}

/* =========================
   BUTTONS
   ========================= */
.btn-submit[b-0tkdb7lbok] {
    background-color: #007bff;
    color: white;
    font-weight: 600;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    display: block;
    margin: 0 auto 50px auto;
    transition: background-color 0.2s ease-in-out;
}

    .btn-submit:hover[b-0tkdb7lbok] {
        background-color: #0056b3;
    }

/* =========================
   MODAL OVERLAY / CONTENT
   ========================= */
.modal-overlay[b-0tkdb7lbok] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1040;
}

.modal-content[b-0tkdb7lbok],
.modal-content.large[b-0tkdb7lbok],
.modal-container[b-0tkdb7lbok] {
    background: white;
    padding: 25px;
    border-radius: 12px;
    width: 90%;
    max-width: 1000px;
    position: relative;
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
    z-index: 1041;
    box-sizing: border-box;
}

    /* popup content with internal scrolling but no clipping for dropdowns */
    .modal-content[b-0tkdb7lbok],
    .modal-content.large[b-0tkdb7lbok],
    .modal-container[b-0tkdb7lbok] {
        max-height: 90vh;
        overflow: visible !important;
    }

.modal-form[b-0tkdb7lbok] {
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: visible !important;
    padding-right: 4px;
}

.modal-close[b-0tkdb7lbok] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

.modal-actions[b-0tkdb7lbok],
.modal-footer[b-0tkdb7lbok] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* =========================
   RADZEN POPUP FIX
   ========================= */
/* allow controls inside modal to show popups correctly */
.modal-content .rz-dropdown[b-0tkdb7lbok],
.modal-content .rz-datepicker[b-0tkdb7lbok],
.modal-content .rz-multiselect[b-0tkdb7lbok],
.modal-content .rz-autocomplete[b-0tkdb7lbok],
.modal-content .rz-popup[b-0tkdb7lbok],
.modal-content.large .rz-dropdown[b-0tkdb7lbok],
.modal-content.large .rz-datepicker[b-0tkdb7lbok],
.modal-content.large .rz-multiselect[b-0tkdb7lbok],
.modal-content.large .rz-autocomplete[b-0tkdb7lbok],
.modal-content.large .rz-popup[b-0tkdb7lbok],
.modal-container .rz-dropdown[b-0tkdb7lbok],
.modal-container .rz-datepicker[b-0tkdb7lbok],
.modal-container .rz-multiselect[b-0tkdb7lbok],
.modal-container .rz-autocomplete[b-0tkdb7lbok],
.modal-container .rz-popup[b-0tkdb7lbok] {
    overflow: visible !important;
}

/* force popup panels above modal */
body .rz-popup[b-0tkdb7lbok],
body .rz-dropdown-panel[b-0tkdb7lbok],
body .rz-datepicker-popup[b-0tkdb7lbok],
body .rz-timepicker-popup[b-0tkdb7lbok],
body .rz-overlaypanel[b-0tkdb7lbok] {
    z-index: 11050 !important;
}

/* keep Radzen input containers full width */
.modal-content .rz-dropdown[b-0tkdb7lbok],
.modal-content .rz-datepicker[b-0tkdb7lbok],
.modal-content .rz-textbox[b-0tkdb7lbok],
.modal-content .rz-numeric[b-0tkdb7lbok],
.modal-content.large .rz-dropdown[b-0tkdb7lbok],
.modal-content.large .rz-datepicker[b-0tkdb7lbok],
.modal-content.large .rz-textbox[b-0tkdb7lbok],
.modal-content.large .rz-numeric[b-0tkdb7lbok] {
    width: 100%;
}

/* =========================
   IMPORT / EXPORT TABLE
   ========================= */
.styled-table[b-0tkdb7lbok] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #e5e7eb;
}

    .styled-table th[b-0tkdb7lbok],
    .styled-table td[b-0tkdb7lbok] {
        padding: 10px 12px;
        border: 1px solid #e5e7eb;
        text-align: left;
    }

    .styled-table th[b-0tkdb7lbok] {
        background-color: #f8f9fa;
        font-weight: 600;
    }

.template-title[b-0tkdb7lbok] {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #2c3e50;
}

.selected-file[b-0tkdb7lbok] {
    margin-top: 12px;
    font-size: 14px;
}

.upload-result[b-0tkdb7lbok] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #f8f9fa;
    border: 1px solid #ddd;
}

/* =========================
   LOADING
   ========================= */
.loading-overlay[b-0tkdb7lbok] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.loading-text[b-0tkdb7lbok] {
    margin-top: 12px;
    font-size: 18px;
    color: white;
    font-weight: 500;
}

.hourglass[b-0tkdb7lbok] {
    width: 40px;
    height: 40px;
    border: 4px solid transparent;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    border-radius: 50%;
    animation: hourglassSpin-b-0tkdb7lbok 1s linear infinite;
}

.spinner-container[b-0tkdb7lbok] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
}

.spinner[b-0tkdb7lbok] {
    width: 40px;
    height: 40px;
    border: 4px solid #ddd;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: hourglassSpin-b-0tkdb7lbok 1s linear infinite;
}

@keyframes hourglassSpin-b-0tkdb7lbok {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 992px) {
    .modal-content[b-0tkdb7lbok],
    .modal-content.large[b-0tkdb7lbok],
    .modal-container[b-0tkdb7lbok] {
        width: 95%;
        max-width: 95%;
    }

    .page-container[b-0tkdb7lbok] {
        max-width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .toolbar[b-0tkdb7lbok] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar-left[b-0tkdb7lbok],
    .toolbar-right[b-0tkdb7lbok] {
        width: 100%;
        justify-content: flex-start;
    }

    .search-box[b-0tkdb7lbok],
    .activity-search-bar[b-0tkdb7lbok] {
        flex-direction: column;
        align-items: stretch;
    }

    .modal-actions[b-0tkdb7lbok],
    .modal-footer[b-0tkdb7lbok] {
        flex-direction: column;
        align-items: stretch;
    }

        .modal-actions .rz-button[b-0tkdb7lbok],
        .modal-footer .rz-button[b-0tkdb7lbok] {
            width: 100%;
        }

    .section-activity-details[b-0tkdb7lbok],
    .section-geolocation[b-0tkdb7lbok],
    .section-participants[b-0tkdb7lbok],
    .section-agegroup[b-0tkdb7lbok],
    .section-specialgroup[b-0tkdb7lbok],
    .section-output[b-0tkdb7lbok],
    .section-indicators[b-0tkdb7lbok],
    .section-joint-indicators[b-0tkdb7lbok],
    .a1-dynamic-inputs[b-0tkdb7lbok],
    .approval-section[b-0tkdb7lbok],
    .section-gender-checkbox[b-0tkdb7lbok] {
        padding: 18px 16px;
    }

    .section-title[b-0tkdb7lbok] {
        font-size: 20px;
    }

    table[b-0tkdb7lbok],
    .styled-table[b-0tkdb7lbok],
    .table[b-0tkdb7lbok] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* /Pages/Indicators/GandViewActivMonEntry.razor.rz.scp.css */

.fam-shell[b-0qzm9u8jxr] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--rz-body-background-color, #f4f4f4);
    font-size: 13px;
}

.fam-topbar[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
    position: relative; /* add this */
}
.fam-pcode-badge[b-0qzm9u8jxr] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #E6F1FB;
    color: #185FA5;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
}
.fam-mode-badge[b-0qzm9u8jxr] {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    margin-right: 8px;
    vertical-align: middle;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fam-mode-edit[b-0qzm9u8jxr] {
    background: #fff3cd;
    color: #856404;
}

.fam-mode-new[b-0qzm9u8jxr] {
    background: #d4edda;
    color: #1a7a40;
}

.fam-topbar-title[b-0qzm9u8jxr] {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.fam-topbar-actions[b-0qzm9u8jxr] {
    display: flex;
    gap: 6px;
}

.fam-tabnav[b-0qzm9u8jxr] {
    display: flex;
    padding: 0 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
    gap: 2px;
    overflow-x: auto;
}

.fam-tab[b-0qzm9u8jxr] {
    height: 36px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #666;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .fam-tab:hover[b-0qzm9u8jxr] {
        color: #222;
    }

    .fam-tab.active[b-0qzm9u8jxr] {
        color: #185FA5;
        border-bottom-color: #185FA5;
    }

.fam-tab-badge[b-0qzm9u8jxr] {
    background: #f0f0f0;
    color: #666;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 8px;
}

.fam-tab.active .fam-tab-badge[b-0qzm9u8jxr] {
    background: #E6F1FB;
    color: #185FA5;
}

.fam-body[b-0qzm9u8jxr] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fam-panel[b-0qzm9u8jxr] {
    display: none;
}

    .fam-panel.active[b-0qzm9u8jxr] {
        display: contents;
    }

.fam-card[b-0qzm9u8jxr] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 14px;
}

.fam-card-title[b-0qzm9u8jxr] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}

.fam-row2[b-0qzm9u8jxr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fam-row3[b-0qzm9u8jxr] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.fam-field[b-0qzm9u8jxr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px;
}

    .fam-field:first-child[b-0qzm9u8jxr] {
        margin-top: 0;
    }

    .fam-field label[b-0qzm9u8jxr] {
        font-size: 11px;
        font-weight: 500;
        color: #555;
    }

    .fam-field .rz-dropdown[b-0qzm9u8jxr],
    .fam-field .rz-textbox[b-0qzm9u8jxr],
    .fam-field .rz-numeric[b-0qzm9u8jxr],
    .fam-field .rz-datepicker[b-0qzm9u8jxr] {
        width: 100% !important;
    }

.fam-map-box[b-0qzm9u8jxr] {
    height: 60vh;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 8px;
}

.fam-chk-list[b-0qzm9u8jxr] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 5px 8px;
    max-height: 100px;
    overflow-y: auto;
}

.fam-chk-item[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    font-size: 12px;
    color: #333;
}

    .fam-chk-item input[type="checkbox"][b-0qzm9u8jxr] {
        width: 13px;
        height: 13px;
        flex-shrink: 0;
        accent-color: #378ADD;
    }

.fam-subtabnav[b-0qzm9u8jxr] {
    display: flex;
    gap: 0;
    border-bottom: 1.5px solid #e0e0e0;
    margin-bottom: 0;
}

.fam-subtab[b-0qzm9u8jxr] {
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1.5px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

    .fam-subtab.active[b-0qzm9u8jxr] {
        color: #185FA5;
        border-bottom-color: #185FA5;
    }

    .fam-subtab:hover:not(.active)[b-0qzm9u8jxr] {
        color: #333;
    }

.fam-table[b-0qzm9u8jxr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .fam-table th[b-0qzm9u8jxr] {
        font-size: 11px;
        font-weight: 600;
        color: #555;
        text-align: left;
        padding: 4px 6px;
        border-bottom: 1px solid #eee;
    }

    .fam-table td[b-0qzm9u8jxr] {
        padding: 3px 6px;
        border-bottom: 1px solid #f0f0f0;
    }

        .fam-table td:first-child[b-0qzm9u8jxr] {
            width: 55%;
            font-size: 12px;
        }

    .fam-table input[type="number"][b-0qzm9u8jxr] {
        width: 100%;
        height: 24px;
        padding: 0 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 12px;
    }

.fam-dynamic-extra[b-0qzm9u8jxr] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.fam-approval-box[b-0qzm9u8jxr] {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 8px 10px;
}

.fam-footer-nav[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.fam-step-dots[b-0qzm9u8jxr] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.fam-dot[b-0qzm9u8jxr] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: width 0.15s;
}

    .fam-dot.active[b-0qzm9u8jxr] {
        width: 18px;
        border-radius: 3px;
        background: #185FA5;
    }

.chat-window[b-0qzm9u8jxr] {
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 6px;
}

.chat-msg[b-0qzm9u8jxr] {
    display: flex;
    margin-bottom: 8px;
}

    .chat-msg.me[b-0qzm9u8jxr] {
        justify-content: flex-end;
    }

    .chat-msg.other[b-0qzm9u8jxr] {
        justify-content: flex-start;
    }

.chat-bubble[b-0qzm9u8jxr] {
    max-width: 70%;
    padding: 8px;
    border-radius: 8px;
    background: #e0e0e0;
    font-size: 12px;
}

.chat-msg.me .chat-bubble[b-0qzm9u8jxr] {
    background: #d1f0ff;
}

.chat-meta[b-0qzm9u8jxr] {
    font-size: 10px;
    color: #777;
    margin-top: 2px;
}

.chat-input[b-0qzm9u8jxr] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* ══════════════════════════════ Floating Chat */
.float-chat[b-0qzm9u8jxr] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.float-chat-toggle[b-0qzm9u8jxr] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #185FA5;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(24,95,165,0.35);
    position: relative;
    transition: background 0.15s, transform 0.15s;
}

    .float-chat-toggle:hover[b-0qzm9u8jxr] {
        background: #1470c0;
        transform: scale(1.07);
    }

    .float-chat-toggle .material-icons[b-0qzm9u8jxr] {
        font-size: 22px;
    }

.float-chat-badge[b-0qzm9u8jxr] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e53935;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid #fff;
    animation: badge-pop-b-0qzm9u8jxr 0.2s ease;
}

@keyframes badge-pop-b-0qzm9u8jxr {
    0% {
        transform: scale(0.5);
    }

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

.float-chat-panel[b-0qzm9u8jxr] {
    display: none;
    flex-direction: column;
    width: 320px;
    height: 420px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.float-chat.open .float-chat-panel[b-0qzm9u8jxr] {
    display: flex;
    animation: slide-up-b-0qzm9u8jxr 0.2s ease;
}

@keyframes slide-up-b-0qzm9u8jxr {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.float-chat-header[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #185FA5;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.float-chat-header-badge[b-0qzm9u8jxr] {
    background: rgba(255,255,255,0.25);
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: 500;
}

.float-chat-close[b-0qzm9u8jxr] {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
    opacity: 0.8;
}

    .float-chat-close:hover[b-0qzm9u8jxr] {
        opacity: 1;
    }

.float-chat-messages[b-0qzm9u8jxr] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f7f9fc;
}

.float-chat-empty[b-0qzm9u8jxr] {
    font-size: 12px;
    color: #aaa;
    text-align: center;
    margin-top: 20px;
}

.float-chat-msg[b-0qzm9u8jxr] {
    display: flex;
}

    .float-chat-msg.me[b-0qzm9u8jxr] {
        justify-content: flex-end;
    }

    .float-chat-msg.other[b-0qzm9u8jxr] {
        justify-content: flex-start;
    }

.float-chat-bubble[b-0qzm9u8jxr] {
    max-width: 78%;
    padding: 7px 10px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.4;
    background: #e8edf2;
}

.float-chat-msg.me .float-chat-bubble[b-0qzm9u8jxr] {
    background: #185FA5;
    color: #fff;
    border-bottom-right-radius: 3px;
}

.float-chat-msg.other .float-chat-bubble[b-0qzm9u8jxr] {
    border-bottom-left-radius: 3px;
}

.float-chat-text[b-0qzm9u8jxr] {
    word-break: break-word;
}

.float-chat-meta[b-0qzm9u8jxr] {
    font-size: 10px;
    color: #999;
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.float-chat-msg.me .float-chat-meta[b-0qzm9u8jxr] {
    color: rgba(255,255,255,0.65);
}

.float-chat-unread-dot[b-0qzm9u8jxr] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e53935;
    display: inline-block;
}

.float-chat-input[b-0qzm9u8jxr] {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    border-top: 1px solid #eee;
    background: #fff;
    flex-shrink: 0;
    align-items: center;
}

.doc-manager[b-0qzm9u8jxr] {
    display: flex;
    height: calc(100vh - 64px);
    background: #f4f6f9;
    font-family: 'Segoe UI', sans-serif;
    overflow: hidden;
}

.folder-panel[b-0qzm9u8jxr] {
    width: 280px;
    min-width: 220px;
    background: #ffffff;
    border-right: 1px solid #e0e4ea;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.folder-panel-header[b-0qzm9u8jxr] {
    padding: 14px 14px 12px;
    border-bottom: 1px solid #e0e4ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .folder-panel-header h3[b-0qzm9u8jxr] {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #1e2a3a;
        display: flex;
        align-items: center;
        gap: 7px;
    }

.btn-new-folder[b-0qzm9u8jxr] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.18s;
    white-space: nowrap;
}

    .btn-new-folder:hover[b-0qzm9u8jxr] {
        background: #145a96;
    }

.folder-search[b-0qzm9u8jxr] {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f2f5;
}

.folder-search-wrap[b-0qzm9u8jxr] {
    position: relative;
}

    .folder-search-wrap .si[b-0qzm9u8jxr] {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

.folder-search input[b-0qzm9u8jxr] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    padding: 6px 8px 6px 26px;
    font-size: 12px;
    outline: none;
    background: #f8fafc;
    box-sizing: border-box;
    color: #333;
    transition: border-color 0.15s;
}

    .folder-search input:focus[b-0qzm9u8jxr] {
        border-color: #1a6eb5;
        background: #fff;
    }

.folder-tree[b-0qzm9u8jxr] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.folder-footer[b-0qzm9u8jxr] {
    padding: 8px 14px;
    border-top: 1px solid #e0e4ea;
    font-size: 11px;
    color: #aaa;
    background: #fafbfc;
}

.tree-node[b-0qzm9u8jxr] {
    user-select: none;
}

.tree-node-row[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px 5px 0;
    cursor: pointer;
    border-radius: 6px;
    margin: 1px 6px;
    transition: background 0.12s;
    position: relative;
}

    .tree-node-row:hover[b-0qzm9u8jxr] {
        background: #eef3fb;
    }

    .tree-node-row.active[b-0qzm9u8jxr] {
        background: #ddeaf8;
    }

        .tree-node-row.active .node-label[b-0qzm9u8jxr] {
            color: #1a6eb5;
            font-weight: 600;
        }

.tree-toggle[b-0qzm9u8jxr] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #999;
    font-size: 9px;
    transition: transform 0.18s;
}

    .tree-toggle.expanded[b-0qzm9u8jxr] {
        transform: rotate(90deg);
    }

    .tree-toggle.leaf[b-0qzm9u8jxr] {
        visibility: hidden;
    }

.node-icon[b-0qzm9u8jxr] {
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1;
}

.node-label[b-0qzm9u8jxr] {
    flex: 1;
    font-size: 13px;
    color: #2d3748;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-badge[b-0qzm9u8jxr] {
    background: #e8f0fb;
    color: #1a6eb5;
    border-radius: 10px;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.node-actions[b-0qzm9u8jxr] {
    display: none;
    gap: 2px;
    flex-shrink: 0;
}

.tree-node-row:hover .node-actions[b-0qzm9u8jxr] {
    display: flex;
}

.node-action-btn[b-0qzm9u8jxr] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    line-height: 1;
    transition: background 0.12s, color 0.12s;
}

    .node-action-btn:hover[b-0qzm9u8jxr] {
        background: #dde6f5;
        color: #1a6eb5;
    }

    .node-action-btn.danger:hover[b-0qzm9u8jxr] {
        background: #fde8e8;
        color: #c0392b;
    }

.doc-panel[b-0qzm9u8jxr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f4f6f9;
}

.doc-panel-header[b-0qzm9u8jxr] {
    background: #fff;
    border-bottom: 1px solid #e0e4ea;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.breadcrumb[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #666;
    flex-wrap: wrap;
}

.bc-link[b-0qzm9u8jxr] {
    cursor: pointer;
    color: #1a6eb5;
    transition: color 0.12s;
}

    .bc-link:hover[b-0qzm9u8jxr] {
        color: #0e4a80;
        text-decoration: underline;
    }

.bc-sep[b-0qzm9u8jxr] {
    color: #bbb;
    margin: 0 2px;
}

.bc-current[b-0qzm9u8jxr] {
    color: #1e2a3a;
    font-weight: 600;
}

.doc-actions[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-search-wrap[b-0qzm9u8jxr] {
    position: relative;
}

    .doc-search-wrap .si[b-0qzm9u8jxr] {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

    .doc-search-wrap input[b-0qzm9u8jxr] {
        border: 1px solid #d0d5dd;
        border-radius: 6px;
        padding: 6px 10px 6px 26px;
        font-size: 12px;
        outline: none;
        width: 180px;
        background: #f8fafc;
        color: #333;
        transition: border-color 0.15s;
    }

        .doc-search-wrap input:focus[b-0qzm9u8jxr] {
            border-color: #1a6eb5;
            background: #fff;
        }

.view-toggle[b-0qzm9u8jxr] {
    display: flex;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    overflow: hidden;
}

    .view-toggle button[b-0qzm9u8jxr] {
        background: none;
        border: none;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
        color: #888;
        transition: background 0.12s, color 0.12s;
    }

        .view-toggle button.active[b-0qzm9u8jxr] {
            background: #1a6eb5;
            color: #fff;
        }

.btn-upload[b-0qzm9u8jxr] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-upload:hover[b-0qzm9u8jxr] {
        background: #145a96;
    }

    .btn-upload:disabled[b-0qzm9u8jxr] {
        background: #9ab4d4;
        cursor: not-allowed;
    }

.btn-secondary[b-0qzm9u8jxr] {
    background: #fff;
    color: #1a6eb5;
    border: 1px solid #1a6eb5;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-secondary:hover[b-0qzm9u8jxr] {
        background: #eef3fb;
    }

    .btn-secondary:disabled[b-0qzm9u8jxr] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.doc-content[b-0qzm9u8jxr] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

.list-header[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.doc-grid[b-0qzm9u8jxr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 12px;
}

.doc-card[b-0qzm9u8jxr] {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 10px;
    padding: 16px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s, transform 0.12s;
    position: relative;
}

    .doc-card:hover[b-0qzm9u8jxr] {
        box-shadow: 0 4px 16px rgba(26,110,181,0.12);
        border-color: #a8c6e8;
        transform: translateY(-2px);
    }

    .doc-card.selected[b-0qzm9u8jxr] {
        border-color: #1a6eb5;
        background: #eef3fb;
    }

    .doc-card .file-icon[b-0qzm9u8jxr] {
        font-size: 36px;
        line-height: 1;
    }

    .doc-card .file-name[b-0qzm9u8jxr] {
        font-size: 11px;
        font-weight: 500;
        color: #2d3748;
        text-align: center;
        word-break: break-word;
        line-height: 1.35;
    }

    .doc-card .card-menu[b-0qzm9u8jxr] {
        position: absolute;
        top: 6px;
        right: 6px;
        display: none;
    }

    .doc-card:hover .card-menu[b-0qzm9u8jxr] {
        display: flex;
        gap: 4px;
    }

.card-menu-btn[b-0qzm9u8jxr] {
    background: #eef3fb;
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 13px;
    color: #1a6eb5;
    transition: background 0.12s;
}

    .card-menu-btn:hover[b-0qzm9u8jxr] {
        background: #dde6f5;
    }

    .card-menu-btn.danger[b-0qzm9u8jxr] {
        color: #c0392b;
    }

        .card-menu-btn.danger:hover[b-0qzm9u8jxr] {
            background: #fde8e8;
        }

.doc-list[b-0qzm9u8jxr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.doc-list-row[b-0qzm9u8jxr] {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 8px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: box-shadow 0.12s, border-color 0.12s;
}

    .doc-list-row:hover[b-0qzm9u8jxr] {
        border-color: #a8c6e8;
        box-shadow: 0 2px 8px rgba(26,110,181,0.07);
    }

    .doc-list-row.selected[b-0qzm9u8jxr] {
        border-color: #1a6eb5;
        background: #eef3fb;
    }

    .doc-list-row .file-icon[b-0qzm9u8jxr] {
        font-size: 20px;
        flex-shrink: 0;
    }

    .doc-list-row .file-info[b-0qzm9u8jxr] {
        flex: 1;
        min-width: 0;
    }

    .doc-list-row .file-name[b-0qzm9u8jxr] {
        font-size: 13px;
        font-weight: 500;
        color: #2d3748;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .doc-list-row .file-code[b-0qzm9u8jxr] {
        font-size: 11px;
        color: #aaa;
        margin-top: 2px;
    }

.status-pill[b-0qzm9u8jxr] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.status-draft[b-0qzm9u8jxr] {
    background: #f0f0f0;
    color: #666;
}

.status-approved[b-0qzm9u8jxr] {
    background: #d4edda;
    color: #1a7a40;
}

.status-review[b-0qzm9u8jxr] {
    background: #fff3cd;
    color: #856404;
}

.status-archived[b-0qzm9u8jxr] {
    background: #e2e3e5;
    color: #495057;
}

.lock-icon[b-0qzm9u8jxr] {
    font-size: 12px;
    flex-shrink: 0;
}

.org-col[b-0qzm9u8jxr] {
    font-size: 11px;
    color: #888;
    flex-shrink: 0;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.created-col[b-0qzm9u8jxr] {
    font-size: 12px;
    color: #aaa;
    flex-shrink: 0;
    width: 110px;
    text-align: right;
}

.row-actions[b-0qzm9u8jxr] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.12s;
}

.doc-list-row:hover .row-actions[b-0qzm9u8jxr] {
    opacity: 1;
}

.row-action-btn[b-0qzm9u8jxr] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 5px;
    border-radius: 4px;
    color: #888;
    font-size: 13px;
    transition: background 0.12s, color 0.12s;
}

    .row-action-btn:hover[b-0qzm9u8jxr] {
        background: #eef3fb;
        color: #1a6eb5;
    }

    .row-action-btn.danger:hover[b-0qzm9u8jxr] {
        background: #fde8e8;
        color: #c0392b;
    }

.empty-state[b-0qzm9u8jxr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #b0b8c4;
    gap: 12px;
    padding: 40px;
    text-align: center;
}

    .empty-state .empty-icon[b-0qzm9u8jxr] {
        font-size: 54px;
        opacity: 0.4;
    }

    .empty-state p[b-0qzm9u8jxr] {
        font-size: 14px;
        margin: 0;
        line-height: 1.5;
    }

    .empty-state h4[b-0qzm9u8jxr] {
        margin: 0;
        font-size: 16px;
        color: #8a94a6;
    }

.status-bar[b-0qzm9u8jxr] {
    background: #fff;
    border-top: 1px solid #e0e4ea;
    padding: 6px 20px;
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Upload modal */
.drop-zone[b-0qzm9u8jxr] {
    border: 2px dashed #a8c6e8;
    border-radius: 10px;
    padding: 28px 20px;
    text-align: center;
    color: #1a6eb5;
    font-size: 13px;
    background: #f0f6ff;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    margin-bottom: 14px;
}

    .drop-zone:hover[b-0qzm9u8jxr] {
        background: #ddeaf8;
        border-color: #1a6eb5;
    }

    .drop-zone .dz-icon[b-0qzm9u8jxr] {
        font-size: 30px;
        display: block;
        margin-bottom: 6px;
    }

.upload-file-row[b-0qzm9u8jxr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f2f5;
    font-size: 12px;
}

    .upload-file-row:last-child[b-0qzm9u8jxr] {
        border-bottom: none;
    }

    .upload-file-row .ufr-name[b-0qzm9u8jxr] {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333;
    }

    .upload-file-row .ufr-size[b-0qzm9u8jxr] {
        color: #999;
        flex-shrink: 0;
    }

    .upload-file-row .ufr-status[b-0qzm9u8jxr] {
        flex-shrink: 0;
        font-size: 14px;
    }

.progress-bar-wrap[b-0qzm9u8jxr] {
    height: 4px;
    background: #e8ecf0;
    border-radius: 4px;
    margin-top: 12px;
    overflow: hidden;
}

.progress-bar-fill[b-0qzm9u8jxr] {
    height: 100%;
    background: #1a6eb5;
    border-radius: 4px;
    transition: width 0.3s ease;
}

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

.modal-box[b-0qzm9u8jxr] {
    background: #fff;
    border-radius: 12px;
    padding: 26px 26px 20px;
    min-width: 340px;
    max-width: 520px;
    width: 90%;
    box-shadow: 0 8px 40px rgba(0,0,0,0.18);
}

    .modal-box h4[b-0qzm9u8jxr] {
        margin: 0 0 18px;
        font-size: 16px;
        color: #1e2a3a;
    }

.form-group[b-0qzm9u8jxr] {
    margin-bottom: 14px;
}

    .form-group label[b-0qzm9u8jxr] {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: #666;
        margin-bottom: 5px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .form-group input[b-0qzm9u8jxr], .form-group select[b-0qzm9u8jxr] {
        width: 100%;
        border: 1px solid #d0d5dd;
        border-radius: 7px;
        padding: 8px 12px;
        font-size: 13px;
        outline: none;
        box-sizing: border-box;
        color: #333;
        transition: border-color 0.15s;
    }

        .form-group input:focus[b-0qzm9u8jxr], .form-group select:focus[b-0qzm9u8jxr] {
            border-color: #1a6eb5;
        }

.modal-actions[b-0qzm9u8jxr] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn-cancel[b-0qzm9u8jxr] {
    background: none;
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    transition: background 0.12s;
}

    .btn-cancel:hover[b-0qzm9u8jxr] {
        background: #f0f2f5;
    }

.btn-confirm[b-0qzm9u8jxr] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.18s;
}

    .btn-confirm:hover[b-0qzm9u8jxr] {
        background: #145a96;
    }

    .btn-confirm.danger[b-0qzm9u8jxr] {
        background: #c0392b;
    }

        .btn-confirm.danger:hover[b-0qzm9u8jxr] {
            background: #a93226;
        }

    .btn-confirm:disabled[b-0qzm9u8jxr] {
        background: #9ab4d4;
        cursor: not-allowed;
    }

[b-0qzm9u8jxr]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

[b-0qzm9u8jxr]::-webkit-scrollbar-track {
    background: transparent;
}

[b-0qzm9u8jxr]::-webkit-scrollbar-thumb {
    background: #cdd3db;
    border-radius: 10px;
}
/* /Pages/Indicators/IndicatorList.razor.rz.scp.css */
.fixed-table[b-x7lhrl6xv2] {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
    height: 2rem;
}

.fixed-column[b-x7lhrl6xv2] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Define individual column widths */
.adm0-column[b-x7lhrl6xv2] {
    width: 200px;
}
/* Adjust as needed */
.adm1-column[b-x7lhrl6xv2] {
    width: 200px;
}

.adm2-column[b-x7lhrl6xv2] {
    width: 180px;
}

.checkbox-column[b-x7lhrl6xv2] {
    width: 80px;
    text-align: center;
}

.actions-column[b-x7lhrl6xv2] {
    width: 150px;
    text-align: center;
}

/* Make sure table headers and data align */
th[b-x7lhrl6xv2], td[b-x7lhrl6xv2] {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Hide the default checkbox */
input[type="checkbox"][b-x7lhrl6xv2] {
    display: none;
}
/* /Pages/Indicators/IndicatorListJoint.razor.rz.scp.css */
.fixed-table[b-hhhxb5y1hy] {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
    height: 2rem;
}

.fixed-column[b-hhhxb5y1hy] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Define individual column widths */
.adm0-column[b-hhhxb5y1hy] {
    width: 200px;
}
/* Adjust as needed */
.adm1-column[b-hhhxb5y1hy] {
    width: 200px;
}

.adm2-column[b-hhhxb5y1hy] {
    width: 180px;
}

.checkbox-column[b-hhhxb5y1hy] {
    width: 80px;
    text-align: center;
}

.actions-column[b-hhhxb5y1hy] {
    width: 150px;
    text-align: center;
}

/* Make sure table headers and data align */
th[b-hhhxb5y1hy], td[b-hhhxb5y1hy] {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Hide the default checkbox */
input[type="checkbox"][b-hhhxb5y1hy] {
    display: none;
}
/* /Pages/Indicators/ModifyActivityPage.razor.rz.scp.css */

.fam-shell[b-0ssjj7s8he] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--rz-body-background-color, #f4f4f4);
    font-size: 13px;
}

.fam-topbar[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
    position: relative; /* add this */
}

.fam-pcode-badge[b-0ssjj7s8he] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #E6F1FB;
    color: #185FA5;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
}

.fam-topbar-title[b-0ssjj7s8he] {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.fam-topbar-actions[b-0ssjj7s8he] {
    display: flex;
    gap: 6px;
}

.fam-tabnav[b-0ssjj7s8he] {
    display: flex;
    padding: 0 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
    gap: 2px;
    overflow-x: auto;
}

.fam-tab[b-0ssjj7s8he] {
    height: 36px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #666;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .fam-tab:hover[b-0ssjj7s8he] {
        color: #222;
    }

    .fam-tab.active[b-0ssjj7s8he] {
        color: #185FA5;
        border-bottom-color: #185FA5;
    }

.fam-tab-badge[b-0ssjj7s8he] {
    background: #f0f0f0;
    color: #666;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 8px;
}

.fam-tab.active .fam-tab-badge[b-0ssjj7s8he] {
    background: #E6F1FB;
    color: #185FA5;
}

.fam-body[b-0ssjj7s8he] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fam-panel[b-0ssjj7s8he] {
    display: none;
}

    .fam-panel.active[b-0ssjj7s8he] {
        display: contents;
    }

.fam-card[b-0ssjj7s8he] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 14px;
}

.fam-card-title[b-0ssjj7s8he] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}

.fam-row2[b-0ssjj7s8he] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fam-row3[b-0ssjj7s8he] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.fam-field[b-0ssjj7s8he] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px;
}

    .fam-field:first-child[b-0ssjj7s8he] {
        margin-top: 0;
    }

    .fam-field label[b-0ssjj7s8he] {
        font-size: 11px;
        font-weight: 500;
        color: #555;
    }

    .fam-field .rz-dropdown[b-0ssjj7s8he],
    .fam-field .rz-textbox[b-0ssjj7s8he],
    .fam-field .rz-numeric[b-0ssjj7s8he],
    .fam-field .rz-datepicker[b-0ssjj7s8he] {
        width: 100% !important;
    }

.fam-map-box[b-0ssjj7s8he] {
    height: 60vh;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 8px;
}

.fam-chk-list[b-0ssjj7s8he] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 5px 8px;
    max-height: 100px;
    overflow-y: auto;
}

.fam-chk-item[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    font-size: 12px;
    color: #333;
}

    .fam-chk-item input[type="checkbox"][b-0ssjj7s8he] {
        width: 13px;
        height: 13px;
        flex-shrink: 0;
        accent-color: #378ADD;
    }

.fam-subtabnav[b-0ssjj7s8he] {
    display: flex;
    gap: 0;
    border-bottom: 1.5px solid #e0e0e0;
    margin-bottom: 0;
}

.fam-subtab[b-0ssjj7s8he] {
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1.5px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

    .fam-subtab.active[b-0ssjj7s8he] {
        color: #185FA5;
        border-bottom-color: #185FA5;
    }

    .fam-subtab:hover:not(.active)[b-0ssjj7s8he] {
        color: #333;
    }

.fam-table[b-0ssjj7s8he] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .fam-table th[b-0ssjj7s8he] {
        font-size: 11px;
        font-weight: 600;
        color: #555;
        text-align: left;
        padding: 4px 6px;
        border-bottom: 1px solid #eee;
    }

    .fam-table td[b-0ssjj7s8he] {
        padding: 3px 6px;
        border-bottom: 1px solid #f0f0f0;
    }

        .fam-table td:first-child[b-0ssjj7s8he] {
            width: 55%;
            font-size: 12px;
        }

    .fam-table input[type="number"][b-0ssjj7s8he] {
        width: 100%;
        height: 24px;
        padding: 0 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 12px;
    }

.fam-dynamic-extra[b-0ssjj7s8he] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.fam-approval-box[b-0ssjj7s8he] {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 8px 10px;
}

.fam-footer-nav[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.fam-step-dots[b-0ssjj7s8he] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.fam-dot[b-0ssjj7s8he] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: width 0.15s;
}

    .fam-dot.active[b-0ssjj7s8he] {
        width: 18px;
        border-radius: 3px;
        background: #185FA5;
    }

.chat-window[b-0ssjj7s8he] {
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 6px;
}

.chat-msg[b-0ssjj7s8he] {
    display: flex;
    margin-bottom: 8px;
}

    .chat-msg.me[b-0ssjj7s8he] {
        justify-content: flex-end;
    }

    .chat-msg.other[b-0ssjj7s8he] {
        justify-content: flex-start;
    }

.chat-bubble[b-0ssjj7s8he] {
    max-width: 70%;
    padding: 8px;
    border-radius: 8px;
    background: #e0e0e0;
    font-size: 12px;
}

.chat-msg.me .chat-bubble[b-0ssjj7s8he] {
    background: #d1f0ff;
}

.chat-meta[b-0ssjj7s8he] {
    font-size: 10px;
    color: #777;
    margin-top: 2px;
}

.chat-input[b-0ssjj7s8he] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* ══════════════════════════════ Floating Chat */
.float-chat[b-0ssjj7s8he] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.float-chat-toggle[b-0ssjj7s8he] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #185FA5;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(24,95,165,0.35);
    position: relative;
    transition: background 0.15s, transform 0.15s;
}

    .float-chat-toggle:hover[b-0ssjj7s8he] {
        background: #1470c0;
        transform: scale(1.07);
    }

    .float-chat-toggle .material-icons[b-0ssjj7s8he] {
        font-size: 22px;
    }

.float-chat-badge[b-0ssjj7s8he] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e53935;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid #fff;
    animation: badge-pop-b-0ssjj7s8he 0.2s ease;
}

@keyframes badge-pop-b-0ssjj7s8he {
    0% {
        transform: scale(0.5);
    }

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

.float-chat-panel[b-0ssjj7s8he] {
    display: none;
    flex-direction: column;
    width: 320px;
    height: 420px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.float-chat.open .float-chat-panel[b-0ssjj7s8he] {
    display: flex;
    animation: slide-up-b-0ssjj7s8he 0.2s ease;
}

@keyframes slide-up-b-0ssjj7s8he {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.float-chat-header[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #185FA5;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.float-chat-header-badge[b-0ssjj7s8he] {
    background: rgba(255,255,255,0.25);
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: 500;
}

.float-chat-close[b-0ssjj7s8he] {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
    opacity: 0.8;
}

    .float-chat-close:hover[b-0ssjj7s8he] {
        opacity: 1;
    }

.float-chat-messages[b-0ssjj7s8he] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f7f9fc;
}

.float-chat-empty[b-0ssjj7s8he] {
    font-size: 12px;
    color: #aaa;
    text-align: center;
    margin-top: 20px;
}

.float-chat-msg[b-0ssjj7s8he] {
    display: flex;
}

    .float-chat-msg.me[b-0ssjj7s8he] {
        justify-content: flex-end;
    }

    .float-chat-msg.other[b-0ssjj7s8he] {
        justify-content: flex-start;
    }

.float-chat-bubble[b-0ssjj7s8he] {
    max-width: 78%;
    padding: 7px 10px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.4;
    background: #e8edf2;
}

.float-chat-msg.me .float-chat-bubble[b-0ssjj7s8he] {
    background: #185FA5;
    color: #fff;
    border-bottom-right-radius: 3px;
}

.float-chat-msg.other .float-chat-bubble[b-0ssjj7s8he] {
    border-bottom-left-radius: 3px;
}

.float-chat-text[b-0ssjj7s8he] {
    word-break: break-word;
}

.float-chat-meta[b-0ssjj7s8he] {
    font-size: 10px;
    color: #999;
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.float-chat-msg.me .float-chat-meta[b-0ssjj7s8he] {
    color: rgba(255,255,255,0.65);
}

.float-chat-unread-dot[b-0ssjj7s8he] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e53935;
    display: inline-block;
}

.float-chat-input[b-0ssjj7s8he] {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    border-top: 1px solid #eee;
    background: #fff;
    flex-shrink: 0;
    align-items: center;
}

.doc-manager[b-0ssjj7s8he] {
    display: flex;
    height: calc(100vh - 64px);
    background: #f4f6f9;
    font-family: 'Segoe UI', sans-serif;
    overflow: hidden;
}

.folder-panel[b-0ssjj7s8he] {
    width: 280px;
    min-width: 220px;
    background: #ffffff;
    border-right: 1px solid #e0e4ea;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.folder-panel-header[b-0ssjj7s8he] {
    padding: 14px 14px 12px;
    border-bottom: 1px solid #e0e4ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .folder-panel-header h3[b-0ssjj7s8he] {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #1e2a3a;
        display: flex;
        align-items: center;
        gap: 7px;
    }

.btn-new-folder[b-0ssjj7s8he] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.18s;
    white-space: nowrap;
}

    .btn-new-folder:hover[b-0ssjj7s8he] {
        background: #145a96;
    }

.folder-search[b-0ssjj7s8he] {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f2f5;
}

.folder-search-wrap[b-0ssjj7s8he] {
    position: relative;
}

    .folder-search-wrap .si[b-0ssjj7s8he] {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

.folder-search input[b-0ssjj7s8he] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    padding: 6px 8px 6px 26px;
    font-size: 12px;
    outline: none;
    background: #f8fafc;
    box-sizing: border-box;
    color: #333;
    transition: border-color 0.15s;
}

    .folder-search input:focus[b-0ssjj7s8he] {
        border-color: #1a6eb5;
        background: #fff;
    }

.folder-tree[b-0ssjj7s8he] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.folder-footer[b-0ssjj7s8he] {
    padding: 8px 14px;
    border-top: 1px solid #e0e4ea;
    font-size: 11px;
    color: #aaa;
    background: #fafbfc;
}

.tree-node[b-0ssjj7s8he] {
    user-select: none;
}

.tree-node-row[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px 5px 0;
    cursor: pointer;
    border-radius: 6px;
    margin: 1px 6px;
    transition: background 0.12s;
    position: relative;
}

    .tree-node-row:hover[b-0ssjj7s8he] {
        background: #eef3fb;
    }

    .tree-node-row.active[b-0ssjj7s8he] {
        background: #ddeaf8;
    }

        .tree-node-row.active .node-label[b-0ssjj7s8he] {
            color: #1a6eb5;
            font-weight: 600;
        }

.tree-toggle[b-0ssjj7s8he] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #999;
    font-size: 9px;
    transition: transform 0.18s;
}

    .tree-toggle.expanded[b-0ssjj7s8he] {
        transform: rotate(90deg);
    }

    .tree-toggle.leaf[b-0ssjj7s8he] {
        visibility: hidden;
    }

.node-icon[b-0ssjj7s8he] {
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1;
}

.node-label[b-0ssjj7s8he] {
    flex: 1;
    font-size: 13px;
    color: #2d3748;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-badge[b-0ssjj7s8he] {
    background: #e8f0fb;
    color: #1a6eb5;
    border-radius: 10px;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.node-actions[b-0ssjj7s8he] {
    display: none;
    gap: 2px;
    flex-shrink: 0;
}

.tree-node-row:hover .node-actions[b-0ssjj7s8he] {
    display: flex;
}

.node-action-btn[b-0ssjj7s8he] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    line-height: 1;
    transition: background 0.12s, color 0.12s;
}

    .node-action-btn:hover[b-0ssjj7s8he] {
        background: #dde6f5;
        color: #1a6eb5;
    }

    .node-action-btn.danger:hover[b-0ssjj7s8he] {
        background: #fde8e8;
        color: #c0392b;
    }

.doc-panel[b-0ssjj7s8he] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f4f6f9;
}

.doc-panel-header[b-0ssjj7s8he] {
    background: #fff;
    border-bottom: 1px solid #e0e4ea;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.breadcrumb[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #666;
    flex-wrap: wrap;
}

.bc-link[b-0ssjj7s8he] {
    cursor: pointer;
    color: #1a6eb5;
    transition: color 0.12s;
}

    .bc-link:hover[b-0ssjj7s8he] {
        color: #0e4a80;
        text-decoration: underline;
    }

.bc-sep[b-0ssjj7s8he] {
    color: #bbb;
    margin: 0 2px;
}

.bc-current[b-0ssjj7s8he] {
    color: #1e2a3a;
    font-weight: 600;
}

.doc-actions[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-search-wrap[b-0ssjj7s8he] {
    position: relative;
}

    .doc-search-wrap .si[b-0ssjj7s8he] {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #aaa;
        pointer-events: none;
    }

    .doc-search-wrap input[b-0ssjj7s8he] {
        border: 1px solid #d0d5dd;
        border-radius: 6px;
        padding: 6px 10px 6px 26px;
        font-size: 12px;
        outline: none;
        width: 180px;
        background: #f8fafc;
        color: #333;
        transition: border-color 0.15s;
    }

        .doc-search-wrap input:focus[b-0ssjj7s8he] {
            border-color: #1a6eb5;
            background: #fff;
        }

.view-toggle[b-0ssjj7s8he] {
    display: flex;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    overflow: hidden;
}

    .view-toggle button[b-0ssjj7s8he] {
        background: none;
        border: none;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
        color: #888;
        transition: background 0.12s, color 0.12s;
    }

        .view-toggle button.active[b-0ssjj7s8he] {
            background: #1a6eb5;
            color: #fff;
        }

.btn-upload[b-0ssjj7s8he] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-upload:hover[b-0ssjj7s8he] {
        background: #145a96;
    }

    .btn-upload:disabled[b-0ssjj7s8he] {
        background: #9ab4d4;
        cursor: not-allowed;
    }

.btn-secondary[b-0ssjj7s8he] {
    background: #fff;
    color: #1a6eb5;
    border: 1px solid #1a6eb5;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.18s;
    font-weight: 500;
}

    .btn-secondary:hover[b-0ssjj7s8he] {
        background: #eef3fb;
    }

    .btn-secondary:disabled[b-0ssjj7s8he] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.doc-content[b-0ssjj7s8he] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

.list-header[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.doc-grid[b-0ssjj7s8he] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 12px;
}

.doc-card[b-0ssjj7s8he] {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 10px;
    padding: 16px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s, transform 0.12s;
    position: relative;
}

    .doc-card:hover[b-0ssjj7s8he] {
        box-shadow: 0 4px 16px rgba(26,110,181,0.12);
        border-color: #a8c6e8;
        transform: translateY(-2px);
    }

    .doc-card.selected[b-0ssjj7s8he] {
        border-color: #1a6eb5;
        background: #eef3fb;
    }

    .doc-card .file-icon[b-0ssjj7s8he] {
        font-size: 36px;
        line-height: 1;
    }

    .doc-card .file-name[b-0ssjj7s8he] {
        font-size: 11px;
        font-weight: 500;
        color: #2d3748;
        text-align: center;
        word-break: break-word;
        line-height: 1.35;
    }

    .doc-card .card-menu[b-0ssjj7s8he] {
        position: absolute;
        top: 6px;
        right: 6px;
        display: none;
    }

    .doc-card:hover .card-menu[b-0ssjj7s8he] {
        display: flex;
        gap: 4px;
    }

.card-menu-btn[b-0ssjj7s8he] {
    background: #eef3fb;
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 13px;
    color: #1a6eb5;
    transition: background 0.12s;
}

    .card-menu-btn:hover[b-0ssjj7s8he] {
        background: #dde6f5;
    }

    .card-menu-btn.danger[b-0ssjj7s8he] {
        color: #c0392b;
    }

        .card-menu-btn.danger:hover[b-0ssjj7s8he] {
            background: #fde8e8;
        }

.doc-list[b-0ssjj7s8he] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.doc-list-row[b-0ssjj7s8he] {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 8px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: box-shadow 0.12s, border-color 0.12s;
}

    .doc-list-row:hover[b-0ssjj7s8he] {
        border-color: #a8c6e8;
        box-shadow: 0 2px 8px rgba(26,110,181,0.07);
    }

    .doc-list-row.selected[b-0ssjj7s8he] {
        border-color: #1a6eb5;
        background: #eef3fb;
    }

    .doc-list-row .file-icon[b-0ssjj7s8he] {
        font-size: 20px;
        flex-shrink: 0;
    }

    .doc-list-row .file-info[b-0ssjj7s8he] {
        flex: 1;
        min-width: 0;
    }

    .doc-list-row .file-name[b-0ssjj7s8he] {
        font-size: 13px;
        font-weight: 500;
        color: #2d3748;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .doc-list-row .file-code[b-0ssjj7s8he] {
        font-size: 11px;
        color: #aaa;
        margin-top: 2px;
    }

.status-pill[b-0ssjj7s8he] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.status-draft[b-0ssjj7s8he] {
    background: #f0f0f0;
    color: #666;
}

.status-approved[b-0ssjj7s8he] {
    background: #d4edda;
    color: #1a7a40;
}

.status-review[b-0ssjj7s8he] {
    background: #fff3cd;
    color: #856404;
}

.status-archived[b-0ssjj7s8he] {
    background: #e2e3e5;
    color: #495057;
}

.lock-icon[b-0ssjj7s8he] {
    font-size: 12px;
    flex-shrink: 0;
}

.org-col[b-0ssjj7s8he] {
    font-size: 11px;
    color: #888;
    flex-shrink: 0;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.created-col[b-0ssjj7s8he] {
    font-size: 12px;
    color: #aaa;
    flex-shrink: 0;
    width: 110px;
    text-align: right;
}

.row-actions[b-0ssjj7s8he] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.12s;
}

.doc-list-row:hover .row-actions[b-0ssjj7s8he] {
    opacity: 1;
}

.row-action-btn[b-0ssjj7s8he] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 5px;
    border-radius: 4px;
    color: #888;
    font-size: 13px;
    transition: background 0.12s, color 0.12s;
}

    .row-action-btn:hover[b-0ssjj7s8he] {
        background: #eef3fb;
        color: #1a6eb5;
    }

    .row-action-btn.danger:hover[b-0ssjj7s8he] {
        background: #fde8e8;
        color: #c0392b;
    }

.empty-state[b-0ssjj7s8he] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #b0b8c4;
    gap: 12px;
    padding: 40px;
    text-align: center;
}

    .empty-state .empty-icon[b-0ssjj7s8he] {
        font-size: 54px;
        opacity: 0.4;
    }

    .empty-state p[b-0ssjj7s8he] {
        font-size: 14px;
        margin: 0;
        line-height: 1.5;
    }

    .empty-state h4[b-0ssjj7s8he] {
        margin: 0;
        font-size: 16px;
        color: #8a94a6;
    }

.status-bar[b-0ssjj7s8he] {
    background: #fff;
    border-top: 1px solid #e0e4ea;
    padding: 6px 20px;
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Upload modal */
.drop-zone[b-0ssjj7s8he] {
    border: 2px dashed #a8c6e8;
    border-radius: 10px;
    padding: 28px 20px;
    text-align: center;
    color: #1a6eb5;
    font-size: 13px;
    background: #f0f6ff;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    margin-bottom: 14px;
}

    .drop-zone:hover[b-0ssjj7s8he] {
        background: #ddeaf8;
        border-color: #1a6eb5;
    }

    .drop-zone .dz-icon[b-0ssjj7s8he] {
        font-size: 30px;
        display: block;
        margin-bottom: 6px;
    }

.upload-file-row[b-0ssjj7s8he] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f2f5;
    font-size: 12px;
}

    .upload-file-row:last-child[b-0ssjj7s8he] {
        border-bottom: none;
    }

    .upload-file-row .ufr-name[b-0ssjj7s8he] {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333;
    }

    .upload-file-row .ufr-size[b-0ssjj7s8he] {
        color: #999;
        flex-shrink: 0;
    }

    .upload-file-row .ufr-status[b-0ssjj7s8he] {
        flex-shrink: 0;
        font-size: 14px;
    }

.progress-bar-wrap[b-0ssjj7s8he] {
    height: 4px;
    background: #e8ecf0;
    border-radius: 4px;
    margin-top: 12px;
    overflow: hidden;
}

.progress-bar-fill[b-0ssjj7s8he] {
    height: 100%;
    background: #1a6eb5;
    border-radius: 4px;
    transition: width 0.3s ease;
}

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

.modal-box[b-0ssjj7s8he] {
    background: #fff;
    border-radius: 12px;
    padding: 26px 26px 20px;
    min-width: 340px;
    max-width: 520px;
    width: 90%;
    box-shadow: 0 8px 40px rgba(0,0,0,0.18);
}

    .modal-box h4[b-0ssjj7s8he] {
        margin: 0 0 18px;
        font-size: 16px;
        color: #1e2a3a;
    }

.form-group[b-0ssjj7s8he] {
    margin-bottom: 14px;
}

    .form-group label[b-0ssjj7s8he] {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: #666;
        margin-bottom: 5px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .form-group input[b-0ssjj7s8he], .form-group select[b-0ssjj7s8he] {
        width: 100%;
        border: 1px solid #d0d5dd;
        border-radius: 7px;
        padding: 8px 12px;
        font-size: 13px;
        outline: none;
        box-sizing: border-box;
        color: #333;
        transition: border-color 0.15s;
    }

        .form-group input:focus[b-0ssjj7s8he], .form-group select:focus[b-0ssjj7s8he] {
            border-color: #1a6eb5;
        }

.modal-actions[b-0ssjj7s8he] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn-cancel[b-0ssjj7s8he] {
    background: none;
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    transition: background 0.12s;
}

    .btn-cancel:hover[b-0ssjj7s8he] {
        background: #f0f2f5;
    }

.btn-confirm[b-0ssjj7s8he] {
    background: #1a6eb5;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 1px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.18s;
}

    .btn-confirm:hover[b-0ssjj7s8he] {
        background: #145a96;
    }

    .btn-confirm.danger[b-0ssjj7s8he] {
        background: #c0392b;
    }

        .btn-confirm.danger:hover[b-0ssjj7s8he] {
            background: #a93226;
        }

    .btn-confirm:disabled[b-0ssjj7s8he] {
        background: #9ab4d4;
        cursor: not-allowed;
    }

[b-0ssjj7s8he]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

[b-0ssjj7s8he]::-webkit-scrollbar-track {
    background: transparent;
}

[b-0ssjj7s8he]::-webkit-scrollbar-thumb {
    background: #cdd3db;
    border-radius: 10px;
}
/* /Pages/Indicators/Organization.razor.rz.scp.css */
.fixed-table[b-8zt3049waa] {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
    height: 2rem;
}

.fixed-column[b-8zt3049waa] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Define individual column widths */
.adm0-column[b-8zt3049waa] {
    width: 200px;
}
/* Adjust as needed */
.adm1-column[b-8zt3049waa] {
    width: 200px;
}

.adm2-column[b-8zt3049waa] {
    width: 180px;
}

.checkbox-column[b-8zt3049waa] {
    width: 80px;
    text-align: center;
}

.actions-column[b-8zt3049waa] {
    width: 150px;
    text-align: center;
}

/* Make sure table headers and data align */
th[b-8zt3049waa], td[b-8zt3049waa] {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Hide the default checkbox */
input[type="checkbox"][b-8zt3049waa] {
    display: none;
}
/* /Pages/Indicators/OutputRegistration.razor.rz.scp.css */
.fixed-table[b-8d8htlpiha] {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
    height: 2rem;
}

.fixed-column[b-8d8htlpiha] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Define individual column widths */
.adm0-column[b-8d8htlpiha] {
    width: 200px;
}
/* Adjust as needed */
.adm1-column[b-8d8htlpiha] {
    width: 200px;
}

.adm2-column[b-8d8htlpiha] {
    width: 180px;
}

.checkbox-column[b-8d8htlpiha] {
    width: 80px;
    text-align: center;
}

.actions-column[b-8d8htlpiha] {
    width: 150px;
    text-align: center;
}

/* Make sure table headers and data align */
th[b-8d8htlpiha], td[b-8d8htlpiha] {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Hide the default checkbox */
input[type="checkbox"][b-8d8htlpiha] {
    display: none;
}
/* /Pages/Indicators/Overview.razor.rz.scp.css */
/* General Styling */
body[b-x64r58mbmd] {
    font-family: Arial, sans-serif;
    background-color: #f5f7fa;
    margin: 0;
    padding: 0;
}

/* Dashboard Container */
.p-6[b-x64r58mbmd] {
    padding: 20px;
}

/* Header */
.text-2xl[b-x64r58mbmd] {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 3px solid #007bff;
}

/* Grid Layout */
.grid[b-x64r58mbmd] {
    display: grid;
    gap: 20px;
}

/* Cards */
.bg-white[b-x64r58mbmd] {
    background: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s;
}

    .bg-white:hover[b-x64r58mbmd] {
        transform: translateY(-5px);
    }

.text-3xl[b-x64r58mbmd] {
    font-size: 30px;
}

.text-gray-500[b-x64r58mbmd] {
    color: #666;
}

/* Progress Indicators */
.progress-grid[b-x64r58mbmd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.progress-circle[b-x64r58mbmd] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: conic-gradient(#007bff var(--value, 0)%, #e9ecef var(--value, 0)% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #007bff;
    font-size: 18px;
    position: relative;
}

    .progress-circle[b-x64r58mbmd]::after {
        content: "";
        width: 80px;
        height: 80px;
        background: white;
        border-radius: 50%;
        position: absolute;
    }

/* Charts Section */
.grid-cols-2[b-x64r58mbmd] {
    grid-template-columns: repeat(2, 1fr);
}

.chart-container[b-x64r58mbmd] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
}

/* Reports Section */
.report-card[b-x64r58mbmd] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.text-lg[b-x64r58mbmd] {
    font-size: 18px;
    font-weight: bold;
}

.text-gray-400[b-x64r58mbmd] {
    color: #888;
}
/* /Pages/Indicators/ProjectsMain.razor.rz.scp.css */
.fixed-table[b-4ipcjjzhy9] {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
    height: 2rem;
}

.fixed-column[b-4ipcjjzhy9] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Define individual column widths */
.adm0-column[b-4ipcjjzhy9] {
    width: 200px;
}
/* Adjust as needed */
.adm1-column[b-4ipcjjzhy9] {
    width: 200px;
}

.adm2-column[b-4ipcjjzhy9] {
    width: 180px;
}

.checkbox-column[b-4ipcjjzhy9] {
    width: 80px;
    text-align: center;
}

.actions-column[b-4ipcjjzhy9] {
    width: 150px;
    text-align: center;
}

/* Make sure table headers and data align */
th[b-4ipcjjzhy9], td[b-4ipcjjzhy9] {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Hide the default checkbox */
input[type="checkbox"][b-4ipcjjzhy9] {
    display: none;
}
/* /Pages/Indicators/Region.razor.rz.scp.css */
/*.fixed-table {
    width: 100%;
    table-layout: fixed;*/ /* Ensures fixed column widths */
    /*border-collapse: collapse;
    height: 2rem;
}

.fixed-column {
    white-space: nowrap;*/ /* Prevents text from wrapping */
    /*overflow: hidden;
    text-overflow: ellipsis;
}*/

/* Define individual column widths */
/*.adm0-column {
    width: 200px;
}*/
/* Adjust as needed */
/*.adm1-column {
    width: 200px;
}

.adm2-column {
    width: 180px;
}

.checkbox-column {
    width: 80px;
    text-align: center;
}

.actions-column {
    width: 150px;
    text-align: center;
}*/

/* Make sure table headers and data align */
/*th, td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}*/

/* Hide the default checkbox */
/*input[type="checkbox"] {
    display: none;
}*/
/* /Pages/Indicators/Sites.razor.rz.scp.css */
/*.fixed-table {
    width: 100%;
    table-layout: fixed;*/ /* Ensures fixed column widths */
/*border-collapse: collapse;
    height: 2rem;
}

.fixed-column {
    white-space: nowrap;*/ /* Prevents text from wrapping */
/*overflow: hidden;
    text-overflow: ellipsis;
}*/

/* Define individual column widths */
/*.adm0-column {
    width: 200px;
}*/
/* Adjust as needed */
/*.adm1-column {
    width: 200px;
}

.adm2-column {
    width: 180px;
}

.checkbox-column {
    width: 80px;
    text-align: center;
}

.actions-column {
    width: 150px;
    text-align: center;
}*/

/* Make sure table headers and data align */
/*th, td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}*/

/* Hide the default checkbox */
/*input[type="checkbox"] {
    display: none;
}*/

/* Custom checkbox container */
/*.checkbox-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}*/

/* Custom checkbox appearance */
/*.checkbox-container .custom-checkbox {
        width: 20px;
        height: 20px;
        border: 2px solid #007BFF;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.2s, border-color 0.2s;
    }*/

/* Checkmark (hidden by default) */
/*.checkbox-container .custom-checkbox::after {
            content: "✅";
            font-size: 16px;
            background-color: white;
            color: white;
            display: none;
        }*/

/* When checkbox is checked */
/*input[type="checkbox"]:checked + .custom-checkbox {
    background-color: deepskyblue;
    border-color: #0056b3;
}*/

/* Show checkmark when checked */
/*input[type="checkbox"]:checked + .custom-checkbox::after {
        display: block;
    }*/

/* Hover effect */
/*.checkbox-container:hover .custom-checkbox {
    border-color: #0056b3;
}*/

/* Label text */
/*.checkbox-container span {
    margin-left: 8px;
    color: #333;
    font-weight: 500;
}*/







/* Hide default checkbox */
/*input[type="checkbox"] {
    display: none;
}*/

/* Custom checkbox container */
/*.checkbox-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}*/

/* Custom checkbox appearance */
/*.checkbox-container .custom-checkbox {
        width: 24px;
        height: 24px;
        border: 2px solid #007BFF;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.2s, border-color 0.2s;
        background-color: white;
    }*/

/* Add SVG as background when checked */
/*input[type="checkbox"]:checked + .custom-checkbox {
    background-color: #007BFF;
    border-color: #0056b3;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="white"><path d="M586.606845 536.805517c0 15.99951-12.741149 28.969195-28.569011 28.969196-15.882789-0.126529-28.664153-13.086406-28.569012-28.969196v-30.111877c0-20.341701 7.085609-39.995831 19.884628-55.653027L782.761696 166.835494H104.817788l233.409226 284.2061a87.920797 87.920797 0 0 1 19.826758 55.653027v487.388689c0 15.99951-12.741149 28.969195-28.569011 28.969196-15.881808-0.126529-28.664153-13.086406-28.569012-28.969196V506.694621a29.254621 29.254621 0 0 0-6.571647-18.514391L60.934876 203.917241A58.510222 58.510222 0 0 1 47.678784 166.777625c0-31.939188 25.599019-57.93741 57.139004-57.93741H782.761696c13.368889 0 26.283648 4.743356 36.568766 13.427739 24.22682 20.511387 27.540107 57.081134 7.314146 81.708138L593.235381 488.181211a29.254621 29.254621 0 0 0-6.628536 18.51341v30.111877zM533.35296 659.65314"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}*/

/* Hover effect */
/*.checkbox-container:hover .custom-checkbox {
    border-color: #0056b3;
}*/

/* Label text */
/*.checkbox-container span {
    margin-left: 8px;
    color: #333;
    font-weight: 500;
}*/

/* /Pages/Indicators/Specialgroup.razor.rz.scp.css */
/*.fixed-table {
    width: 100%;
    table-layout: fixed;*/ /* Ensures fixed column widths */
    /*border-collapse: collapse;
    height: 2rem;
}

.fixed-column {
    white-space: nowrap;*/ /* Prevents text from wrapping */
    /*overflow: hidden;
    text-overflow: ellipsis;
}*/

/* Define individual column widths */
/*.adm0-column {
    width: 200px;
}*/
/* Adjust as needed */
/*.adm1-column {
    width: 200px;
}

.adm2-column {
    width: 180px;
}

.checkbox-column {
    width: 80px;
    text-align: center;
}

.actions-column {
    width: 150px;
    text-align: center;
}*/

/* Make sure table headers and data align */
/*th, td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}*/

/* Hide the default checkbox */
/*input[type="checkbox"] {
    display: none;
}*/
/* /Pages/Indicators/Subregions.razor.rz.scp.css */
/* ================= PAGE ================= */
body[b-mttiyvdod4] {
    background: var(--bg);
    color: var(--ink);
}

/* ================= TOOLBAR ================= */
.toolbar[b-mttiyvdod4] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.rz-button[b-mttiyvdod4] {
    background: var(--card) !important;
    border: 1px solid var(--line) !important;
    color: var(--ink) !important;
    border-radius: 8px;
}

    .rz-button:hover[b-mttiyvdod4] {
        background: #eef2f7 !important;
    }

/* ================= SEARCH ================= */
.search-box[b-mttiyvdod4] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

/* ================= TABLE CONTAINER ================= */
.table-scroll-container[b-mttiyvdod4] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
}

/* ================= RADZEN GRID ================= */

/* HEADER */
.rz-datatable-thead th[b-mttiyvdod4] {
    background: #eef2f7;
    font-weight: 600;
    font-size: 13px;
    color: var(--feature-ink);
    border-bottom: 1px solid var(--line);
    padding: 6px 8px !important;
}

/* DATA CELLS */
.rz-datatable-tbody td[b-mttiyvdod4] {
    padding: 6px 8px !important;
    font-size: 13px;
    border-bottom: 1px solid var(--line);
}

/* FILTER ROW */
.rz-filter-row td[b-mttiyvdod4] {
    padding: 4px 6px !important;
    background: #f8fafc;
}

/* INPUTS */
.rz-dropdown[b-mttiyvdod4],
.rz-textbox[b-mttiyvdod4],
.rz-numeric[b-mttiyvdod4] {
    height: 20px !important;
    min-height: 20px !important;
    font-size: 13px;
}

/* ================= ZEBRA STRIPING ================= */
.rz-datatable-tbody tr:nth-child(even)[b-mttiyvdod4] {
    background: #f9fbfd;
    height: 20px !important;
}

.rz-datatable-tbody tr:nth-child(odd)[b-mttiyvdod4] {
    background: #ffffff;
}

/* HOVER EFFECT */
.rz-datatable-tbody tr:hover[b-mttiyvdod4] {
    background: #eef2f7 !important;
}

/* Hide filter row (ALL possible Radzen variants) */
.hide-filters .rz-filter-row[b-mttiyvdod4],
.hide-filters .rz-datatable-filter-row[b-mttiyvdod4],
.hide-filters .rz-datatable-thead .rz-filter-row[b-mttiyvdod4],
.hide-filters .rz-datatable-thead tr.rz-filter-row[b-mttiyvdod4] {
    display: none !important;
}

/* Show filter row */
.show-filters .rz-filter-row[b-mttiyvdod4],
.show-filters .rz-datatable-filter-row[b-mttiyvdod4] {
    display: table-row !important;
}

/* ================= HEADER ICON ================= */
.header-with-icon[b-mttiyvdod4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    .header-with-icon i[b-mttiyvdod4] {
        font-size: 13px;
        color: #9aa4b2;
    }

    .header-with-icon:hover i[b-mttiyvdod4] {
        color: #6b7280;
    }

/* ================= ACTIONS ================= */
.actions-cell[b-mttiyvdod4] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

/* ICON BUTTONS (GRAYSCALE STYLE) */
.icon-btn[b-mttiyvdod4] {
    border: 0px solid #d1d5db;
    background: none;
    border-radius: 6px;
    padding: 4px 6px;
    cursor: pointer;
    font-size: 13px;
    color: #4b5563; /* neutral gray */
    transition: all 0.2s ease;
}

    /* HOVER */
    .icon-btn:hover[b-mttiyvdod4] {
        background: linear-gradient(145deg, #e5e7eb, #d1d5db);
        color: #111827;
    }

    /* ACTIVE CLICK */
    .icon-btn:active[b-mttiyvdod4] {
        transform: scale(0.95);
    }

/* REMOVE EMOJI COLOR FEEL */
.icon-btn[b-mttiyvdod4] {
    filter: grayscale(100%);
}

/* ================= PAGINATION ================= */
.pagination-controls[b-mttiyvdod4] {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

/* ================= MODAL ================= */
.modal-form .form-grid.two-col[b-mttiyvdod4] {
    grid-template-columns: repeat(2, 1fr);
}

.modal-form label[b-mttiyvdod4] {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 4px;
    display: block;
}

.modal-form .rz-dropdown[b-mttiyvdod4],
.modal-form .rz-textbox[b-mttiyvdod4],
.modal-form .rz-numeric[b-mttiyvdod4] {
    width: 100% !important;
}

.modal-form .checkbox-row[b-mttiyvdod4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-actions .btn[b-mttiyvdod4] {
    border-radius: 8px;
}
.search-box[b-mttiyvdod4] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f4f6f9;
    padding: 6px 10px;
    border-radius: 12px;
    width: 80%;
}

/* Icon */
.search-icon[b-mttiyvdod4] {
    font-size: 14px;
    opacity: 0.7;
}

/* Input */
.search-input[b-mttiyvdod4] {
    width: 160px !important;
    font-size: 12px !important;
}

/* Stats container */
.search-stats[b-mttiyvdod4] {
    display: flex;
    gap: 15px;
    margin-left: 10px;
}

    /* Stats text */
    .search-stats span[b-mttiyvdod4] {
        font-size: 12px;
        color: #555;
    }

    /* Numbers emphasis */
    .search-stats b[b-mttiyvdod4] {
        color: #222;
        font-weight: 600;
    }
/* /Pages/Loading/Loadingprocess.razor.rz.scp.css */
.spinner-backdrop[b-5u2qal1xwu] {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
}

.spinner-backdrop--fullscreen[b-5u2qal1xwu] {
    position: fixed;
    inset: 0;
}

.spinner-backdrop--contained[b-5u2qal1xwu] {
    position: absolute;
    inset: 0;
}

.radar-loader[b-5u2qal1xwu] {
    position: relative;
    width: 80px;
    height: 80px;
}

.ring[b-5u2qal1xwu] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: radar-pulse-b-5u2qal1xwu 1.5s infinite ease-out;
}

    .ring:nth-child(2)[b-5u2qal1xwu] {
        animation-delay: 0.5s;
    }

    .ring:nth-child(3)[b-5u2qal1xwu] {
        animation-delay: 1s;
    }

@keyframes radar-pulse-b-5u2qal1xwu {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.loading-text[b-5u2qal1xwu] {
    margin-top: 15px;
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
}
/* /Pages/Mapfilters.razor.rz.scp.css */
/* =============================================================
   Mapfilters.razor.css — Map page with horizontal filter bar
   ============================================================= */

.map-page[b-qwfskeoth0] {
    display: flex;
    flex-direction: column;
    /* Header ~= 67px, DashLayout body padding is 1rem top+bottom (2rem total). */
    height: calc(100vh - 67px - 2rem);
    height: calc(100dvh - 67px - 2rem);
    max-height: calc(100vh - 67px - 2rem);
    max-height: calc(100dvh - 67px - 2rem);
    min-height: 0;
    overflow: hidden;
}

/* On md+ screens, DashLayout wrapper uses p-md-4 => 1.5rem top+bottom (3rem total). */
@media (min-width: 768px) {
    .map-page[b-qwfskeoth0] {
        height: calc(100vh - 67px - 3rem);
        height: calc(100dvh - 67px - 3rem);
        max-height: calc(100vh - 67px - 3rem);
        max-height: calc(100dvh - 67px - 3rem);
    }
}

/* ── Toolbar bar (horizontal, above map) ── */
.map-toolbar[b-qwfskeoth0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: var(--sares-surface, #fff);
    border-bottom: 1px solid var(--sares-line, #E2E8E5);
    flex-wrap: wrap;
}

.map-toolbar-filters[b-qwfskeoth0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.map-toolbar-actions[b-qwfskeoth0] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: nowrap;
}

.map-toolbar-actions[b-qwfskeoth0]  .export-kebab__btn {
    width: 32px;
    height: 32px;
}

.map-filter-toggle[b-qwfskeoth0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    height: 32px;
    padding: 0 .9rem;
    border: 1px solid var(--sares-line, #E2E8E5);
    border-radius: 999px;
    background: var(--sares-surface, #fff);
    color: var(--sares-ink-2, #3D4B44);
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    font-size: 0.78rem;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}

    .map-filter-toggle:hover[b-qwfskeoth0] {
        border-color: color-mix(in srgb, var(--sares-green) 50%, var(--sares-line));
    }

    .map-filter-toggle.is-open[b-qwfskeoth0] {
        background: var(--sares-green-soft, #EEF2DC);
        border-color: color-mix(in srgb, var(--sares-green) 40%, transparent);
        color: var(--sares-green-deep, #4E2310);
    }

    .map-filter-toggle .material-icons-round[b-qwfskeoth0] {
        font-size: 1rem;
    }

/* ── Collapsible analyse-style filter panel ────────────────────────── */
.map-filters-panel[b-qwfskeoth0] {
    margin: 0;
    width: 100%;
    max-width: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.map-filters-panel.analysis-filters[b-qwfskeoth0] {
    padding: 0;
    overflow: hidden;
    /* Glass-style panel so the map remains visible behind filters. */
    background: linear-gradient(
        168deg,
        rgba(255, 255, 255, 0.76) 0%,
        rgba(238, 242, 220, 0.64) 100%
    );
    backdrop-filter: blur(6px) saturate(1.05);
    -webkit-backdrop-filter: blur(6px) saturate(1.05);
    border: 1px solid rgba(226, 232, 229, 0.72);
}

.analysis-filters__row[b-qwfskeoth0] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem .75rem;
    align-items: flex-end;
    padding: .85rem 1.15rem;
}

    .analysis-filters__row + .analysis-filters__row[b-qwfskeoth0] {
        padding-top: .7rem;
        border-top: 1px dashed color-mix(in srgb, var(--sares-line) 70%, var(--sares-green));
    }

.analysis-filter-group[b-qwfskeoth0] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 220px;
    flex: 1 1 240px;
}

.analysis-filter-label[b-qwfskeoth0] {
    color: var(--sares-green-deep, #4E2310);
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-left: 2px;
    opacity: .7;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown {
    width: 100%;
    background: var(--sares-surface, #fff);
    border: 1.5px solid var(--sares-line, #E2E8E5);
    border-radius: var(--radius-sm, 8px);
    box-shadow: none;
    font-size: .85rem;
    min-height: 48px;
    height: auto;
    transition: border-color .2s, box-shadow .2s;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-multiselect,
.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown.rz-multiple,
.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown.rz-dropdown-chips {
    min-height: 48px;
    height: 48px;
    padding: 4px 8px;
}

/* Keep chips on a single line — overflow is hidden so long labels get
   ellipsized rather than wrapping the field onto two rows. */
.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown-chips-wrapper,
.analysis-filter-group[b-qwfskeoth0]  .rz-chips-wrapper,
.analysis-filter-group[b-qwfskeoth0]  .rz-multiselect-label {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-chip {
    font-size: .72rem;
    padding: 1px 6px;
    background: color-mix(in srgb, var(--sares-green-soft) 60%, var(--sares-surface));
    border: 1px solid color-mix(in srgb, var(--sares-green) 25%, transparent);
    border-radius: var(--radius-sm, 8px);
    color: var(--sares-ink, #1A1A1A);
    display: inline-flex;
    align-items: center;
    gap: 2px;
    max-width: 100%;
    min-width: 0;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-chip .rz-chip-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* Per-chip close button: no surface background, inherits chip colour. */
.analysis-filter-group[b-qwfskeoth0]  .rz-chip .rz-button,
.analysis-filter-group[b-qwfskeoth0]  .rz-chip .rz-button.rz-button-sm {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 2px !important;
    min-width: 0 !important;
    color: inherit !important;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-chip .rz-button:hover {
    background: transparent !important;
    color: var(--sares-green, #7A8C2E) !important;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown-label {
    font-size: .85rem;
    color: var(--sares-ink, #1A1A1A);
    padding: .45rem .7rem;
}

.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown-trigger {
    color: var(--sares-muted, #6B7B74);
}

.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown:hover {
    border-color: color-mix(in srgb, var(--sares-green) 50%, var(--sares-line));
}

.analysis-filter-group[b-qwfskeoth0]  .rz-dropdown:focus-within {
    border-color: var(--sares-green, #7A8C2E);
    box-shadow: 0 0 0 3px rgba(122,140,46,.1);
}

.map-colour-dimension[b-qwfskeoth0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    min-height: 32px;
    align-self: center;
    font-size: 0.78rem;
    color: var(--sares-ink-2, #3D4B44);
    line-height: 1.2;
    white-space: nowrap;
}

    .map-colour-dimension > span[b-qwfskeoth0] {
        display: inline-flex;
        align-items: center;
        height: 32px;
        line-height: 1;
    }

    .map-colour-dimension > select[b-qwfskeoth0] {
        display: block;
        box-sizing: border-box;
        width: auto;
        max-width: 220px;
        height: 32px;
        min-height: 32px;
        padding: 0 1.6rem 0 0.75rem;
        border: 1px solid var(--sares-line, #E2E8E5);
        border-radius: 999px;
        background: var(--sares-surface, #fff) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%233D4B44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/></svg>") no-repeat right 0.6rem center;
        color: var(--sares-ink-2, #3D4B44);
        font-family: var(--font-body, "Inter", system-ui, sans-serif);
        font-size: 0.78rem;
        line-height: 1;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

/* Keep Radzen's small icon buttons the same height so every control in
   the actions row lines up visually. */
.map-toolbar-actions[b-qwfskeoth0]  .rz-button,
.map-toolbar-actions[b-qwfskeoth0]  button.rz-button {
    height: 32px;
    min-height: 32px;
}

/* ── Country selector pills ── */
.country-selector[b-qwfskeoth0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
}

.country-btn[b-qwfskeoth0] {
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--sares-line, #E2E8E5);
    border-radius: 999px;
    background: var(--sares-surface, #fff);
    color: var(--sares-ink-2, #3D4B44);
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 180ms ease;
}

.country-btn:hover[b-qwfskeoth0] {
    border-color: var(--sares-green, #7A8C2E);
    background: var(--sares-green-soft, #EEF2DC);
}

.country-btn.active[b-qwfskeoth0] {
    background: var(--sares-green, #7A8C2E);
    color: #fff;
    border-color: var(--sares-green, #7A8C2E);
}

/* ── Map container (fills remaining viewport) ── */
.map-container[b-qwfskeoth0] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

#map[b-qwfskeoth0] {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.map-filters-overlay[b-qwfskeoth0] {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 500;
    pointer-events: none;
}

.map-filters-overlay .map-filters-panel[b-qwfskeoth0] {
    pointer-events: auto;
    max-height: min(56vh, 430px);
    overflow-y: auto;
}

.export-overlay[b-qwfskeoth0] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background:
        radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--sares-lime, #C9DC3F) 14%, transparent), transparent 42%),
        radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--sares-green, #7a8c2e) 22%, transparent), transparent 45%),
        color-mix(in srgb, var(--sares-green-deep, #263b22) 78%, transparent);
    backdrop-filter: blur(6px) saturate(1.1);
    -webkit-backdrop-filter: blur(6px) saturate(1.1);
    font-family: var(--font-body, "Inter"), sans-serif;
    color: var(--sares-surface, #fff);
    animation: eol-fade-in-b-qwfskeoth0 .28s ease;
}

@keyframes eol-fade-in-b-qwfskeoth0 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.export-overlay__crop[b-qwfskeoth0] {
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
    opacity: 0;
    animation:
        eol-crop-in-b-qwfskeoth0 .45s cubic-bezier(.2,.7,.3,1) var(--crop-delay, 0s) forwards,
        eol-crop-breathe-b-qwfskeoth0 1.45s ease-in-out calc(var(--crop-delay, 0s) + .55s) infinite;
}

.export-overlay__crop[b-qwfskeoth0]::before,
.export-overlay__crop[b-qwfskeoth0]::after {
    content: "";
    position: absolute;
    background: var(--sares-lime, #C9DC3F);
    box-shadow: 0 0 6px color-mix(in srgb, var(--sares-lime, #C9DC3F) 50%, transparent);
    animation: eol-crop-glow-b-qwfskeoth0 1.45s ease-in-out calc(var(--crop-delay, 0s) + .55s) infinite;
}

.export-overlay__crop[b-qwfskeoth0]::before { width: 1px;  height: 20px; }
.export-overlay__crop[b-qwfskeoth0]::after  { width: 20px; height: 1px;  }

.export-overlay__crop--tl[b-qwfskeoth0] { top: 28px; left: 28px; --crop-delay: .08s; }
.export-overlay__crop--tl[b-qwfskeoth0]::before,
.export-overlay__crop--tl[b-qwfskeoth0]::after { top: 0; left: 0; }

.export-overlay__crop--tr[b-qwfskeoth0] { top: 28px; right: 28px; --crop-delay: .12s; }
.export-overlay__crop--tr[b-qwfskeoth0]::before,
.export-overlay__crop--tr[b-qwfskeoth0]::after { top: 0; right: 0; }

.export-overlay__crop--bl[b-qwfskeoth0] { bottom: 28px; left: 28px; --crop-delay: .16s; }
.export-overlay__crop--bl[b-qwfskeoth0]::before,
.export-overlay__crop--bl[b-qwfskeoth0]::after { bottom: 0; left: 0; }

.export-overlay__crop--br[b-qwfskeoth0] { bottom: 28px; right: 28px; --crop-delay: .20s; }
.export-overlay__crop--br[b-qwfskeoth0]::before,
.export-overlay__crop--br[b-qwfskeoth0]::after { bottom: 0; right: 0; }

@keyframes eol-crop-in-b-qwfskeoth0 {
    from { opacity: 0; transform: scale(.5); }
    to   { opacity: .9; transform: scale(1); }
}

@keyframes eol-crop-breathe-b-qwfskeoth0 {
    0%, 100% {
        opacity: .72;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@keyframes eol-crop-glow-b-qwfskeoth0 {
    0%, 100% {
        box-shadow: 0 0 6px color-mix(in srgb, var(--sares-lime, #C9DC3F) 50%, transparent);
        filter: brightness(1);
    }
    50% {
        box-shadow:
            0 0 14px color-mix(in srgb, var(--sares-lime, #C9DC3F) 70%, transparent),
            0 0 3px rgba(255, 255, 255, .35);
        filter: brightness(1.25);
    }
}

.export-overlay__stage[b-qwfskeoth0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.2rem;
    max-width: 440px;
    animation: eol-stage-in-b-qwfskeoth0 .45s cubic-bezier(.2,.7,.3,1);
}

@keyframes eol-stage-in-b-qwfskeoth0 {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

.export-overlay__doc[b-qwfskeoth0] {
    position: relative;
    width: 170px;
    height: 220px;
    perspective: 800px;
}

.export-overlay__page[b-qwfskeoth0] {
    position: absolute;
    inset: 0;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-lime, #C9DC3F) 25%, transparent);
    border-radius: 2px;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--sares-green-deep, #263b22) 35%, transparent),
        0 18px 40px -12px rgba(0, 0, 0, .55);
    opacity: 0;
    animation: eol-page-in-b-qwfskeoth0 .55s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-overlay__page--1[b-qwfskeoth0] {
    transform: translate(-18px, -14px) rotate(-4deg);
    animation-delay: .08s;
}

.export-overlay__page--2[b-qwfskeoth0] {
    transform: translate(-4px, -4px) rotate(1.2deg);
    animation-delay: .18s;
    background: color-mix(in srgb, var(--sares-surface, #fff) 92%, var(--sares-green-soft, #eef3d9));
}

.export-overlay__page--3[b-qwfskeoth0] {
    transform: translate(14px, 12px) rotate(-1.5deg);
    animation-delay: .28s;
    overflow: hidden;
}

.export-overlay__mark[b-qwfskeoth0] {
    position: absolute;
    top: 10px;
    right: 12px;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--sares-green-deep, #3a4618);
    opacity: 0;
    animation: eol-fade-in-b-qwfskeoth0 .5s .4s ease forwards;
}

.export-overlay__line[b-qwfskeoth0] {
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 1px;
    background: color-mix(in srgb, var(--sares-green-soft, #eef3d9) 85%, var(--sares-green, #7a8c2e));
    opacity: 0;
    animation: eol-line-in-b-qwfskeoth0 .45s cubic-bezier(.2,.7,.3,1) forwards;
}

.export-overlay__line--1[b-qwfskeoth0] { top: 30px; width: 92px; animation-delay: .42s; }
.export-overlay__line--2[b-qwfskeoth0] { top: 40px; width: 68px; animation-delay: .5s;  }
.export-overlay__line--3[b-qwfskeoth0] { top: 50px; width: 44px; animation-delay: .58s; }

.export-overlay__block[b-qwfskeoth0] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    height: 56px;
    border-radius: 2px;
    background:
        linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--sares-green, #7a8c2e) 20%, transparent) 100%),
        repeating-linear-gradient(90deg, transparent 0 6px, color-mix(in srgb, var(--sares-green, #7a8c2e) 14%, transparent) 6px 8px);
    border-left: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 35%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--sares-green, #7a8c2e) 35%, transparent);
    opacity: 0;
    animation: eol-line-in-b-qwfskeoth0 .5s .66s cubic-bezier(.2,.7,.3,1) forwards;
}

@keyframes eol-page-in-b-qwfskeoth0 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes eol-line-in-b-qwfskeoth0 {
    from { opacity: 0; clip-path: inset(0 100% 0 0); }
    to   { opacity: 1; clip-path: inset(0 0 0 0); }
}

.export-overlay__scan[b-qwfskeoth0] {
    position: absolute;
    left: -14px;
    right: -14px;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--sares-lime, #C9DC3F) 15%, var(--sares-lime, #C9DC3F) 85%, transparent 100%);
    border-radius: 2px;
    box-shadow:
        0 0 14px var(--sares-lime, #C9DC3F),
        0 0 3px rgba(255, 255, 255, .75);
    animation: eol-scan-b-qwfskeoth0 2.2s cubic-bezier(.45,.05,.25,.95) infinite;
    animation-delay: .7s;
    opacity: 0;
}

@keyframes eol-scan-b-qwfskeoth0 {
    0%   { transform: translateY(-6px); opacity: 0; }
    8%   { opacity: 1; }
    92%  { opacity: 1; }
    100% { transform: translateY(222px); opacity: 0; }
}

.export-overlay__caption[b-qwfskeoth0] {
    text-align: center;
    max-width: 360px;
}

.export-overlay__eyebrow[b-qwfskeoth0] {
    display: inline-block;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--sares-lime, #C9DC3F);
    padding: .3rem .65rem;
    border: 1px solid color-mix(in srgb, var(--sares-lime, #C9DC3F) 45%, transparent);
    border-radius: 2px;
    margin-bottom: 1.1rem;
}

.export-overlay__title[b-qwfskeoth0] {
    margin: 0 0 .55rem 0;
    font-family: var(--font-display, "Poppins"), sans-serif;
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.2;
    color: var(--sares-surface, #fff);
}

.export-overlay__subtitle[b-qwfskeoth0] {
    margin: 0 auto;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.55;
    color: color-mix(in srgb, var(--sares-surface, #fff) 78%, transparent);
    max-width: 34ch;
}

.export-overlay__ticker[b-qwfskeoth0] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: -.5rem;
}

.export-overlay__ticker span[b-qwfskeoth0] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--sares-surface, #fff) 36%, transparent);
    transform: translateY(0) scale(.65);
    animation: eol-tick-b-qwfskeoth0 1.1s cubic-bezier(.4,0,.2,1) infinite;
}

.export-overlay__ticker span:nth-child(1)[b-qwfskeoth0] { animation-delay: 0s;    }
.export-overlay__ticker span:nth-child(2)[b-qwfskeoth0] { animation-delay: .12s;  }
.export-overlay__ticker span:nth-child(3)[b-qwfskeoth0] { animation-delay: .24s;  }
.export-overlay__ticker span:nth-child(4)[b-qwfskeoth0] { animation-delay: .36s;  }
.export-overlay__ticker span:nth-child(5)[b-qwfskeoth0] { animation-delay: .48s;  }

@keyframes eol-tick-b-qwfskeoth0 {
    0%, 100% {
        transform: translateY(0) scale(.62);
        opacity: .52;
        background: color-mix(in srgb, var(--sares-surface, #fff) 30%, transparent);
        box-shadow: none;
    }
    45% {
        transform: translateY(-7px) scale(1.12);
        opacity: 1;
        background: var(--sares-lime, #C9DC3F);
        box-shadow:
            0 0 14px color-mix(in srgb, var(--sares-lime, #C9DC3F) 70%, transparent),
            0 0 3px rgba(255, 255, 255, .35);
    }
    75% {
        transform: translateY(0) scale(.8);
        opacity: .72;
    }
}

@media (prefers-reduced-motion: reduce) {
    .export-overlay[b-qwfskeoth0],
    .export-overlay *[b-qwfskeoth0],
    .export-overlay *[b-qwfskeoth0]::before,
    .export-overlay *[b-qwfskeoth0]::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }

    .export-overlay__page[b-qwfskeoth0],
    .export-overlay__mark[b-qwfskeoth0],
    .export-overlay__line[b-qwfskeoth0],
    .export-overlay__block[b-qwfskeoth0],
    .export-overlay__crop[b-qwfskeoth0] {
        opacity: 1 !important;
    }

    .export-overlay__scan[b-qwfskeoth0] { opacity: 0 !important; }
}

.map-export-confirm[b-qwfskeoth0] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.map-export-confirm__backdrop[b-qwfskeoth0] {
    position: absolute;
    inset: 0;
    background: rgba(32, 43, 32, 0.48);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.map-export-confirm__card[b-qwfskeoth0] {
    position: relative;
    width: min(560px, 100%);
    background: var(--sares-surface, #fff);
    border-radius: 18px;
    border: 1px solid rgba(226, 232, 229, 0.92);
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.24);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.map-export-confirm__eyebrow[b-qwfskeoth0] {
    color: var(--sares-green, #7A8C2E);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.map-export-confirm__title[b-qwfskeoth0] {
    margin: 0;
    color: var(--sares-green-deep, #4E2310);
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: 1.5rem;
    line-height: 1.1;
}

.map-export-confirm__subtitle[b-qwfskeoth0] {
    margin: 0;
    color: var(--sares-ink-2, #3D4B44);
    line-height: 1.5;
}

.map-export-confirm__notice[b-qwfskeoth0] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.85rem 1rem;
    background: linear-gradient(135deg, rgba(238, 242, 220, 0.9), rgba(255, 255, 255, 0.95));
    border: 1px solid rgba(122, 140, 46, 0.22);
    border-radius: 12px;
    color: var(--sares-ink, #1A1A1A);
}

.map-export-confirm__meta[b-qwfskeoth0] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.map-export-confirm__meta-row[b-qwfskeoth0] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(226, 232, 229, 0.92);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.85);
}

.map-export-confirm__meta-row dt[b-qwfskeoth0] {
    margin: 0;
    color: var(--sares-muted, #6B7B74);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.map-export-confirm__meta-row dd[b-qwfskeoth0] {
    margin: 0;
    color: var(--sares-ink, #1A1A1A);
    font-weight: 600;
}

.map-export-confirm__filters[b-qwfskeoth0] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.map-export-confirm__filters-label[b-qwfskeoth0] {
    color: var(--sares-green-deep, #4E2310);
    font-size: 0.8rem;
    font-weight: 700;
}

.map-export-confirm__filters-empty[b-qwfskeoth0] {
    color: var(--sares-muted, #6B7B74);
}

.map-export-confirm__chips[b-qwfskeoth0] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.map-export-confirm__chip[b-qwfskeoth0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--sares-green-soft, #EEF2DC) 78%, white);
    border: 1px solid rgba(122, 140, 46, 0.16);
    color: var(--sares-ink, #1A1A1A);
    font-size: 0.78rem;
}

.map-export-confirm__chip-key[b-qwfskeoth0] {
    font-weight: 700;
}

.map-export-confirm__chip-sep[b-qwfskeoth0] {
    opacity: 0.45;
}

.map-export-confirm__actions[b-qwfskeoth0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
}

.map-export-confirm__btn[b-qwfskeoth0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    min-height: 42px;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s, background-color .15s, border-color .15s;
}

.map-export-confirm__btn:hover[b-qwfskeoth0] {
    transform: translateY(-1px);
}

.map-export-confirm__btn--ghost[b-qwfskeoth0] {
    background: #fff;
    border-color: rgba(61, 75, 68, 0.18);
    color: var(--sares-ink-2, #3D4B44);
}

.map-export-confirm__btn--primary[b-qwfskeoth0] {
    background: var(--sares-green, #7A8C2E);
    color: #fff;
    box-shadow: 0 12px 24px rgba(122, 140, 46, 0.22);
}

/* ── Map interaction effects ── */
.selected-region-effect[b-qwfskeoth0] {
    transition: all 0.3s ease;
}

.custom-icon[b-qwfskeoth0] {
    z-index: 1000 !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .map-toolbar[b-qwfskeoth0] {
        flex-direction: column;
        align-items: stretch;
    }

    .map-toolbar-filters[b-qwfskeoth0] {
        flex-direction: column;
    }

    .country-selector[b-qwfskeoth0] {
        flex-wrap: wrap;
    }
    
    .map-toolbar-actions[b-qwfskeoth0] {
        flex-wrap: wrap;
    }

    .export-overlay[b-qwfskeoth0] {
        padding: 1.2rem;
    }

    .export-overlay__title[b-qwfskeoth0] {
        font-size: 1.2rem;
    }

    .map-export-confirm[b-qwfskeoth0] {
        padding: 1rem;
    }

    .map-export-confirm__meta[b-qwfskeoth0] {
        grid-template-columns: 1fr;
    }

    .map-export-confirm__actions[b-qwfskeoth0] {
        flex-direction: column-reverse;
    }

    .map-export-confirm__btn[b-qwfskeoth0] {
        width: 100%;
    }
}
/* /Pages/ODK/CreateForm.razor.rz.scp.css */
/* General Layout */
body[b-ox8tjfu5wb] {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa;
    margin: 0;
    padding: 0;
}

.top-bar[b-ox8tjfu5wb] {
    background-color: #ffffff;
    border: 1px solid #d7dde5;
    border-left: 4px solid var(--sares-green, #7A8C2E);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    padding: 10px 12px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #1d2733;
    font-size: 16px;
}

.project-registration-page[b-ox8tjfu5wb] {
    min-height: calc(100vh - 128px);
    display: grid;
    place-items: center;
    padding: 28px 18px;
}

.project-registration-card[b-ox8tjfu5wb] {
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(360px, 1.15fr);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d7dde5;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
}

.project-registration-copy[b-ox8tjfu5wb] {
    padding: 34px;
    background: #f5f9fc;
    border-right: 1px solid #d7dde5;
}

.registration-kicker[b-ox8tjfu5wb] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 4px;
    background: #e7f1fb;
    color: var(--sares-green-dark, #5E6D20);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.project-registration-copy h1[b-ox8tjfu5wb] {
    margin: 18px 0 10px;
    color: #17212b;
    font-size: 30px;
    line-height: 1.16;
    letter-spacing: 0;
}

.project-registration-copy p[b-ox8tjfu5wb] {
    margin: 0;
    color: #52616f;
    font-size: 15px;
    line-height: 1.65;
}

.project-registration-form[b-ox8tjfu5wb] {
    padding: 34px;
    display: grid;
    gap: 16px;
}

.project-registration-form textarea[b-ox8tjfu5wb] {
    width: 100%;
    min-height: 112px;
    resize: vertical;
    padding: 10px 11px;
    border: 1px solid #bcc7d1;
    border-radius: 6px;
    background: #fff;
    color: #1f2933;
    font-size: 14px;
}

.project-registration-form textarea:focus[b-ox8tjfu5wb] {
    outline: 2px solid rgba(15, 108, 189, 0.16);
    border-color: var(--sares-green, #7A8C2E);
}

.registration-grid[b-ox8tjfu5wb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px;
}

.registration-validation[b-ox8tjfu5wb] {
    padding: 10px 12px;
    border: 1px solid #fecdd3;
    border-radius: 6px;
    background: #fff1f2;
    color: #be123c;
    font-weight: 700;
}

.registration-actions[b-ox8tjfu5wb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 6px;
}

.button-cancel-text[b-ox8tjfu5wb] {
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #cbd5df;
    border-radius: 4px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    font-weight: 700;
}

.button-cancel-text:hover[b-ox8tjfu5wb] {
    background: #f2f5f7;
}

/* Project Title Input */
.project-title[b-ox8tjfu5wb] {
    flex: 1 1 auto;
    min-width: 220px;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
}

.button-save[b-ox8tjfu5wb] {
    background-color: var(--sares-green, #7A8C2E);
    color: #ffffff;
    border: 1px solid var(--sares-green, #7A8C2E);
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

    .button-save:hover[b-ox8tjfu5wb] {
        background-color: var(--sares-green-dark, #5E6D20);
        color: #ffffff;
    }

.toolbar[b-ox8tjfu5wb] {
    background-color: #ffffff;
    border: 1px solid #d7dde5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 12px;
}

    /* Group all buttons in a single row */
    .toolbar div[b-ox8tjfu5wb] {
        display: flex;
        gap: 10px;
    }

/* Toolbar Buttons */
.toolbar-button[b-ox8tjfu5wb] {
    min-height: 34px;
    background: #ffffff;
    border: 1px solid #d7dde5;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    color: #1d2733;
    gap: 7px;
}

    .toolbar-button:hover[b-ox8tjfu5wb] {
        border-color: var(--sares-green, #7A8C2E);
        background: var(--sares-green-soft, #EEF2DC);
        color: var(--sares-green-deep, #4E2310);
    }

/* Toolbar */
/*.toolbar {
    background-color: #eaeaea;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}*/

/* Toolbar Buttons */
/*.toolbar-button {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 8px;
    color: #555;
}

    .toolbar-button:hover {
        color: #04AA6D;
    }*/

/* Form Editor Area */
.form-container[b-ox8tjfu5wb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

/* Empty Form Message */
.form-box[b-ox8tjfu5wb] {
    border: 1px solid #aaa;
    width: 80%;
    text-align: center;
    padding: 20px;
    font-style: italic;
    color: #555;
    border-radius: 5px;
}

/* Add Field Button */
.add-button[b-ox8tjfu5wb] {
    background-color: #04AA6D;
    color: white;
    border: none;
    /*padding: 10px;*/
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    margin-top: 10px;
    width: 40px;
    height:40px;
}

    .add-button:hover[b-ox8tjfu5wb] {
        background-color: #038a5a;
    }
/*.type-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    margin: 20px 0;
    padding: 10px;
}

.type-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

    .type-tile:hover {
        background-color: #e0f7ec;
        border-color: mediumseagreen;
    }

    .type-tile i {
        font-size: 20px;
        color: mediumseagreen;
    }

    .type-tile div {
        margin-top: 5px;
        font-size: 14px;
    }

.form-field-box {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.form-field-header {
    display: flex;
    flex-direction: column;
}

.field-label {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.field-type {
    color: #777;
    font-size: 13px;
    margin-left: 10px;
}

.field-options {
    margin-top: 10px;
}

.option-input {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.option-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.option-text {
    flex-grow: 1;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.option-auto {
    background: #f0f0f0;
    padding: 6px 12px;
    font-size: 12px;
    color: #555;
    border-radius: 5px;
}

.option-add {
    font-style: italic;
    color: #aaa;
    cursor: pointer;
}*/
/*.type-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin: 20px 0;
    padding: 10px;
}

.type-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 10px;
    transition: transform 0.2s ease;
}

    .type-card:hover {
        transform: scale(1.03);
    }

.type-tile {
    background: none;
    border: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .type-tile i {
        font-size: 22px;
        color: mediumseagreen;
    }

    .type-tile div {
        margin-top: 6px;
        font-size: 14px;
        font-weight: 500;
    }

.option-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.option-card {
    background: #f8f8f8;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.option-text {
    border: none;
    background: transparent;
    font-size: 14px;
    width: 100%;
}

.option-auto {
    font-size: 11px;
    color: #666;
    padding-left: 10px;
}

.option-card-add {
    font-style: italic;
    color: #aaa;
    padding: 10px;
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 6px;
}*/

.type-popup-overlay[b-ox8tjfu5wb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.type-popup[b-ox8tjfu5wb] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
}

    .type-popup h4[b-ox8tjfu5wb] {
        text-align: center;
        margin-bottom: 20px;
    }

.type-grid[b-ox8tjfu5wb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 15px;
}

.type-card[b-ox8tjfu5wb] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 10px;
    transition: transform 0.2s ease;
}

    .type-card:hover[b-ox8tjfu5wb] {
        transform: scale(1.03);
    }

.type-tile[b-ox8tjfu5wb] {
    background: none;
    border: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .type-tile i[b-ox8tjfu5wb] {
        font-size: 22px;
        color: mediumseagreen;
    }

    .type-tile div[b-ox8tjfu5wb] {
        margin-top: 6px;
        font-size: 14px;
        font-weight: 500;
    }

.option-grid[b-ox8tjfu5wb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.option-card[b-ox8tjfu5wb] {
    background: #f8f8f8;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.option-text[b-ox8tjfu5wb] {
    border: none;
    background: transparent;
    font-size: 14px;
    width: 100%;
}

.option-auto[b-ox8tjfu5wb] {
    font-size: 11px;
    color: #666;
    padding-left: 10px;
}

.option-card-add[b-ox8tjfu5wb] {
    font-style: italic;
    color: #aaa;
    padding: 10px;
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 6px;
}


.builder-workspace[b-ox8tjfu5wb] {
    max-width: 1280px;
    margin: 18px auto 64px;
    padding: 0 24px;
}

.empty-builder-state[b-ox8tjfu5wb] {
    border: 1px dashed #b9c4ce;
    background: #fff;
    border-radius: 8px;
    padding: 36px;
    text-align: center;
    color: #52616f;
}

.empty-title[b-ox8tjfu5wb] {
    font-size: 20px;
    font-weight: 700;
    color: #27333d;
    margin-bottom: 6px;
}

.empty-subtitle[b-ox8tjfu5wb] {
    font-size: 14px;
}

.question-card[b-ox8tjfu5wb] {
    background: #fff;
    border: 1px solid var(--sares-line, #E2E8E5);
    border-radius: 8px;
    margin-bottom: 18px;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.05);
    overflow: hidden;
}

.question-card-header[b-ox8tjfu5wb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    background: var(--sares-bg, #F7F9F5);
    border-bottom: 1px solid var(--sares-line, #E2E8E5);
}

.question-number[b-ox8tjfu5wb] {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color: #52616f;
}

.question-type-badge[b-ox8tjfu5wb] {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--sares-green-soft, #EEF2DC);
    color: var(--sares-green-dark, #5E6D20);
    font-size: 13px;
    font-weight: 700;
}

.delete-question-btn[b-ox8tjfu5wb],
.remove-choice-btn[b-ox8tjfu5wb] {
    border: 1px solid #d3394c;
    background: #fff;
    color: #b42334;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    font-weight: 700;
}

.delete-question-btn:hover[b-ox8tjfu5wb],
.remove-choice-btn:hover[b-ox8tjfu5wb] {
    background: #fff1f3;
}

.question-main-grid[b-ox8tjfu5wb],
.field-settings-grid[b-ox8tjfu5wb],
.advanced-rules-grid[b-ox8tjfu5wb] {
    display: grid;
    gap: 14px;
}

.question-main-grid[b-ox8tjfu5wb] {
    grid-template-columns: minmax(280px, 2fr) minmax(220px, 1fr) minmax(220px, 1fr) 220px;
    padding: 18px;
    align-items: end;
}

.field-settings-grid[b-ox8tjfu5wb] {
    grid-template-columns: 2fr 1fr 1.4fr;
}

.advanced-rules-grid[b-ox8tjfu5wb] {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.field-control label[b-ox8tjfu5wb],
.section-title[b-ox8tjfu5wb] {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #4c5967;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.field-control input[b-ox8tjfu5wb],
.field-control select[b-ox8tjfu5wb],
.option-line input[b-ox8tjfu5wb] {
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid #bcc7d1;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    color: #1f2933;
}

.field-control input:focus[b-ox8tjfu5wb],
.field-control select:focus[b-ox8tjfu5wb],
.option-line input:focus[b-ox8tjfu5wb] {
    outline: 2px solid rgba(122, 140, 46, 0.18);
    border-color: var(--sares-green, #7A8C2E);
}

.question-toggles[b-ox8tjfu5wb] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.toggle-pill[b-ox8tjfu5wb] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #cbd5df;
    border-radius: 999px;
    background: #fff;
    color: #3e4c59;
    font-weight: 700;
    white-space: nowrap;
}

.question-section[b-ox8tjfu5wb] {
    padding: 0 18px 18px;
}

.section-title[b-ox8tjfu5wb] {
    margin-top: 4px;
}

.choice-editor[b-ox8tjfu5wb] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    background: #fbfcfd;
}

.option-line[b-ox8tjfu5wb] {
    display: grid;
    grid-template-columns: 34px minmax(180px, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.option-index[b-ox8tjfu5wb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    background: #eef2f5;
    color: #52616f;
    font-weight: 800;
    font-size: 13px;
}

.resource-config-panel[b-ox8tjfu5wb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--sares-line, #E2E8E5);
    border-radius: 8px;
    background: var(--sares-bg, #F7F9F5);
}

.resource-config-panel .toggle-pill[b-ox8tjfu5wb] {
    align-self: end;
    border-radius: 8px;
    background: #fff;
}

.resource-section .section-title[b-ox8tjfu5wb] {
    color: var(--sares-green-dark, #5E6D20);
}

.add-option-btn[b-ox8tjfu5wb] {
    justify-self: start;
    padding: 9px 14px;
    background-color: var(--sares-green, #7A8C2E);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 800;
}

.condition-section[b-ox8tjfu5wb] {
    border-top: 1px solid #edf1f4;
}

.condition-builder[b-ox8tjfu5wb] {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) minmax(120px, 0.6fr) minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
    border: 1px solid var(--sares-line, #E2E8E5);
    border-radius: 8px;
    background: var(--sares-bg, #F7F9F5);
}

.button-save .material-icons-round[b-ox8tjfu5wb],
.button-cancel .material-icons-round[b-ox8tjfu5wb],
.toolbar-button .material-icons-round[b-ox8tjfu5wb],
.add-question-btn .material-icons-round[b-ox8tjfu5wb],
.type-button .material-icons-round[b-ox8tjfu5wb],
.question-header-main > .material-icons-round[b-ox8tjfu5wb],
.reorder-question-btn .material-icons-round[b-ox8tjfu5wb],
.delete-question-btn .material-icons-round[b-ox8tjfu5wb],
.remove-choice-btn .material-icons-round[b-ox8tjfu5wb],
.add-option-btn .material-icons-round[b-ox8tjfu5wb],
.condition-clear-btn .material-icons-round[b-ox8tjfu5wb],
.mecbik-button .material-icons-round[b-ox8tjfu5wb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
}

.condition-operator input[b-ox8tjfu5wb] {
    background: #eef6f2;
    color: #48645a;
    font-weight: 700;
}

.condition-empty[b-ox8tjfu5wb] {
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #52616f;
    font-size: 14px;
}

.condition-clear-btn[b-ox8tjfu5wb] {
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #cbd5df;
    border-radius: 6px;
    background: #fff;
    color: #3e4c59;
    cursor: pointer;
    font-weight: 800;
}

.condition-clear-btn:hover[b-ox8tjfu5wb] {
    background: #f2f5f7;
}

.condition-summary[b-ox8tjfu5wb] {
    margin-top: 8px;
    color: #52616f;
    font-size: 13px;
}

.condition-summary code[b-ox8tjfu5wb] {
    padding: 2px 6px;
    border-radius: 4px;
    background: #eef2f5;
    color: #1f2933;
}

.advanced-section[b-ox8tjfu5wb] {
    padding-top: 2px;
    background: #fcfdfe;
}

@media (max-width: 1100px) {
    .question-main-grid[b-ox8tjfu5wb],
    .field-settings-grid[b-ox8tjfu5wb],
    .advanced-rules-grid[b-ox8tjfu5wb],
    .condition-builder[b-ox8tjfu5wb] {
        grid-template-columns: 1fr 1fr;
    }

    .question-toggles[b-ox8tjfu5wb] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .builder-workspace[b-ox8tjfu5wb] {
        padding: 0 12px;
    }

    .question-main-grid[b-ox8tjfu5wb],
    .field-settings-grid[b-ox8tjfu5wb],
    .advanced-rules-grid[b-ox8tjfu5wb],
    .condition-builder[b-ox8tjfu5wb],
    .option-line[b-ox8tjfu5wb] {
        grid-template-columns: 1fr;
    }

    .option-index[b-ox8tjfu5wb] {
        display: none;
    }
}
/* /Pages/ODK/Dashboard.razor.rz.scp.css */
.odk-dashboard[b-2eez56m0iv] {
    --odk-brown: var(--sares-brown, #4E2310);
    --odk-brown-dark: #351407;
    --odk-green: var(--sares-green, #7A8C2E);
    --odk-green-dark: var(--sares-green-dark, #5E6D20);
    --odk-gold: var(--sares-gold, #D4A84B);
    --odk-line: #DDE7DF;
    --odk-muted: #607268;
    color: #17231c;
}

.odk-dashboard .dashboard-hero-panel[b-2eez56m0iv] {
    border-left: 4px solid var(--odk-green) !important;
}

.odk-dashboard .dashboard-hero-actions[b-2eez56m0iv] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.odk-dashboard .dashboard-panel[b-2eez56m0iv] {
    border-radius: 8px !important;
}

.odk-dashboard .dashboard-empty-state[b-2eez56m0iv] {
    min-height: 220px;
    display: grid;
    place-items: center;
    text-align: center;
    border-style: dashed !important;
    background: #fbfdfb !important;
}

.odk-dashboard .dashboard-empty-state h2[b-2eez56m0iv] {
    margin-bottom: 6px !important;
}

.odk-dashboard .analytics-kernel-grid[b-2eez56m0iv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.odk-dashboard .analytics-kernel-card[b-2eez56m0iv] {
    border: 1px solid var(--odk-line);
    border-radius: 8px;
    background: linear-gradient(180deg, #fff, #fbfdfb);
    padding: 16px;
    min-width: 0;
}

.odk-dashboard .kernel-card-heading[b-2eez56m0iv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.odk-dashboard .kernel-card-heading span[b-2eez56m0iv] {
    color: var(--odk-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.odk-dashboard .kernel-card-heading strong[b-2eez56m0iv] {
    color: var(--odk-brown);
    font-size: 24px;
    line-height: 1;
}

.odk-dashboard .kernel-profile-grid[b-2eez56m0iv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.odk-dashboard .kernel-profile-grid div[b-2eez56m0iv],
.odk-dashboard .visual-recommendation-list div[b-2eez56m0iv],
.odk-dashboard .insight-row[b-2eez56m0iv] {
    border: 1px solid #E7EEE9;
    border-radius: 8px;
    background: #fff;
    padding: 10px;
}

.odk-dashboard .kernel-profile-grid b[b-2eez56m0iv],
.odk-dashboard .kernel-profile-grid span[b-2eez56m0iv],
.odk-dashboard .visual-recommendation-list span[b-2eez56m0iv],
.odk-dashboard .visual-recommendation-list b[b-2eez56m0iv],
.odk-dashboard .visual-recommendation-list small[b-2eez56m0iv],
.odk-dashboard .insight-row b[b-2eez56m0iv],
.odk-dashboard .insight-row span[b-2eez56m0iv] {
    display: block;
}

.odk-dashboard .kernel-profile-grid b[b-2eez56m0iv] {
    color: var(--odk-green-dark);
    font-size: 20px;
    line-height: 1;
}

.odk-dashboard .kernel-profile-grid span[b-2eez56m0iv],
.odk-dashboard .visual-recommendation-list span[b-2eez56m0iv],
.odk-dashboard .visual-recommendation-list small[b-2eez56m0iv],
.odk-dashboard .insight-row span[b-2eez56m0iv],
.odk-dashboard .muted-copy[b-2eez56m0iv] {
    color: var(--odk-muted);
    font-size: 12px;
}

.odk-dashboard .visual-recommendation-list[b-2eez56m0iv],
.odk-dashboard .insight-list[b-2eez56m0iv] {
    display: grid;
    gap: 8px;
}

.odk-dashboard .visual-recommendation-list b[b-2eez56m0iv],
.odk-dashboard .insight-row b[b-2eez56m0iv] {
    color: #17231c;
    margin: 2px 0;
}

.odk-dashboard .insight-row.warning[b-2eez56m0iv] {
    border-color: #F4D58D;
    background: #FFFAEF;
}

.odk-dashboard .insight-row.error[b-2eez56m0iv] {
    border-color: #F7B7B1;
    background: #FFF4F2;
}

.odk-dashboard .insight-row.info[b-2eez56m0iv] {
    border-color: #C6DCEF;
    background: #F2F8FC;
}

@media (max-width: 1180px) {
    .odk-dashboard .analytics-kernel-grid[b-2eez56m0iv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .odk-dashboard .kernel-profile-grid[b-2eez56m0iv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .odk-dashboard .dashboard-hero-actions[b-2eez56m0iv] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/ODK/FormKeys.razor.rz.scp.css */
.form-keys-page[b-aiya29y5px] {
    --key-green: #7A8C2E;
    --key-green-dark: #5E6D20;
    --key-brown: #4E2310;
    --key-line: #DDE7DF;
    --key-muted: #607268;
    color: #17231c;
}

.form-keys-page .workspace-panel[b-aiya29y5px] {
    overflow-x: auto;
    padding: 14px;
}

.form-table[b-aiya29y5px] {
    min-width: 980px;
}

.form-table code[b-aiya29y5px] {
    display: inline-block;
    max-width: 320px;
    overflow: hidden;
    border: 1px solid #E7EEE9;
    border-radius: 7px;
    background: #F7FAEF;
    color: var(--key-brown);
    font-size: 12px;
    padding: 5px 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.form-table .link-code[b-aiya29y5px] {
    max-width: 420px;
}

.form-key-actions[b-aiya29y5px] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.email-action[b-aiya29y5px] {
    align-items: center;
    border: 1px solid var(--key-line);
    border-radius: 8px;
    background: #fff;
    color: var(--key-brown);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 6px;
    min-height: 34px;
    padding: 0 10px;
}

.email-action:hover[b-aiya29y5px] {
    border-color: rgba(122, 140, 46, .35);
    background: #F7FAEF;
    color: var(--key-green-dark);
}

.email-action .material-icons-round[b-aiya29y5px] {
    font-size: 18px;
    line-height: 18px;
}

@media (max-width: 760px) {
    .form-keys-page .workspace-panel[b-aiya29y5px] {
        padding: 10px;
    }
}
/* /Pages/ODK/FormPreview.razor.rz.scp.css */
.form-preview[b-ukxhybmn3x] {
    max-width: 760px;
    margin: 24px auto;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #dde3ea;
}

.form-title[b-ukxhybmn3x] {
    text-align: center;
    margin-bottom: 18px;
    font-size: 22px;
    color: #263238;
}

.preview-field[b-ukxhybmn3x] {
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid #e1e6ec;
    border-radius: 8px;
    background: #fbfcfd;
}

.field-heading[b-ukxhybmn3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.field-label[b-ukxhybmn3x] {
    display: block;
    font-weight: 700;
    color: #263238;
}

.required-marker[b-ukxhybmn3x] {
    color: #b3261e;
    margin-left: 4px;
}

.field-type[b-ukxhybmn3x] {
    font-size: 12px;
    color: #52616f;
    background: #eef2f5;
    border-radius: 999px;
    padding: 3px 8px;
    white-space: nowrap;
}

.field-hint[b-ukxhybmn3x] {
    margin-bottom: 10px;
    color: #60717f;
    font-size: 14px;
}

.field-input[b-ukxhybmn3x],
.field-textarea[b-ukxhybmn3x],
select[b-ukxhybmn3x] {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #bcc7d1;
    background: #fff;
}

.field-textarea[b-ukxhybmn3x] {
    height: 100px;
    resize: vertical;
}

.metadata-input[b-ukxhybmn3x] {
    background: #f3f7f8;
    color: #52616f;
}

.note-preview[b-ukxhybmn3x],
.external-data-preview[b-ukxhybmn3x],
.map-placeholder[b-ukxhybmn3x],
.scanner-preview[b-ukxhybmn3x],
.matrix-preview[b-ukxhybmn3x],
.section-start[b-ukxhybmn3x],
.section-end[b-ukxhybmn3x] {
    padding: 12px;
    border-radius: 6px;
    border: 1px dashed #aab7c4;
    background: #f7fafb;
    color: #394956;
}

.choice-list[b-ukxhybmn3x] {
    display: grid;
    gap: 8px;
}

.choice-list.horizontal[b-ukxhybmn3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.choice-list label[b-ukxhybmn3x],
.acknowledge-preview[b-ukxhybmn3x] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.gps-button[b-ukxhybmn3x] {
    background: #047857;
    color: white;
    padding: 9px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.gps-button:disabled[b-ukxhybmn3x] {
    background: #99aaa4;
    cursor: default;
}

.gps-coordinates[b-ukxhybmn3x] {
    font-style: italic;
    margin-top: 8px;
    color: #52616f;
}

.signature-canvas[b-ukxhybmn3x] {
    border: 1px dashed #9aa8b6;
    width: 100%;
    height: 150px;
    background: #fff;
}

.section-field[b-ukxhybmn3x] {
    background: #eef7f4;
    border-color: #b9d8ce;
}

.section-end-field[b-ukxhybmn3x] {
    background: #f5f7f9;
}

.hidden-field-preview[b-ukxhybmn3x] {
    display: none;
}

.field-rules[b-ukxhybmn3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.field-rules span[b-ukxhybmn3x] {
    font-size: 12px;
    color: #52616f;
    background: #eef2f5;
    border-radius: 999px;
    padding: 4px 8px;
}
/* /Pages/ODK/Forms.razor.rz.scp.css */
.forms-workspace-page[b-78sjgju3ra] {
    --forms-green: var(--sares-green, #7A8C2E);
    --forms-green-dark: var(--sares-green-dark, #5E6D20);
    --forms-soft: var(--sares-green-soft, #EEF2DC);
    --forms-ink: var(--sares-ink, #1A1A1A);
    --forms-muted: var(--sares-muted, #6B7B74);
    --forms-line: var(--sares-line, #E2E8E5);
    --forms-surface: var(--sares-surface, #fff);
    color: var(--forms-ink);
    display: grid;
    gap: 16px;
}

.workspace-header[b-78sjgju3ra] {
    align-items: end;
    background: var(--forms-surface);
    border: 1px solid var(--forms-line);
    border-left: 4px solid var(--forms-green);
    border-radius: 8px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    padding: 20px;
}

.workspace-eyebrow[b-78sjgju3ra] {
    color: var(--forms-green-dark);
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.workspace-header h2[b-78sjgju3ra] {
    color: var(--forms-ink);
    font-size: 28px;
    line-height: 1.1;
    margin: 0 0 8px;
}

.workspace-header p[b-78sjgju3ra] {
    color: var(--forms-muted);
    margin: 0;
}

.workspace-header-metrics[b-78sjgju3ra] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metric-card[b-78sjgju3ra] {
    background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--forms-soft) 45%, #fff));
    border: 1px solid var(--forms-line);
    border-radius: 8px;
    min-height: 86px;
    padding: 14px;
}

.metric-card span[b-78sjgju3ra] {
    color: var(--forms-green);
    display: block;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 12px;
}

.metric-card label[b-78sjgju3ra] {
    color: var(--forms-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    margin: 0;
    text-transform: uppercase;
}

.forms-list-panel[b-78sjgju3ra] {
    background: var(--forms-surface);
    border: 1px solid var(--forms-line);
    border-radius: 8px;
    overflow: hidden;
}

.tab[b-78sjgju3ra] {
    align-items: center;
    background: color-mix(in srgb, var(--forms-soft) 32%, #fff);
    border: 0;
    border-bottom: 1px solid var(--forms-line);
    display: flex;
    gap: 6px;
    padding: 10px;
}

.tab button[b-78sjgju3ra] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--forms-muted);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 6px;
    min-height: 34px;
    padding: 7px 12px;
}

.tab button:hover[b-78sjgju3ra],
.tab button.active[b-78sjgju3ra] {
    background: var(--forms-surface);
    border-color: var(--forms-line);
    color: var(--forms-green-dark);
}

.tab .material-icons-round[b-78sjgju3ra] {
    color: var(--forms-green);
    font-size: 18px;
}

.tabcontent[b-78sjgju3ra] {
    border: 0;
    display: none;
    padding: 14px;
}

.page-summary[b-78sjgju3ra] {
    align-items: center;
    background: var(--forms-soft);
    border: 1px solid color-mix(in srgb, var(--forms-green) 22%, transparent);
    border-radius: 8px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 18px;
}

.page-summary h3[b-78sjgju3ra] {
    color: var(--forms-green-dark);
    margin: 0 0 6px;
}

.page-summary p[b-78sjgju3ra] {
    color: var(--forms-muted);
    margin: 0;
}

.custom-table[b-78sjgju3ra] {
    background: var(--forms-surface);
    border: 1px solid var(--forms-line);
    border-radius: 8px;
    box-shadow: none;
    display: grid;
    overflow: hidden;
}

.custom-row[b-78sjgju3ra] {
    align-items: center;
    background: var(--forms-surface);
    border-bottom: 1px solid var(--forms-line);
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 14px;
    grid-template-columns: 28px 88px minmax(280px, 1.7fr) minmax(160px, .9fr) 110px minmax(220px, auto);
    margin: 0;
    min-height: 70px;
    padding: 14px 16px;
}

.custom-row:last-child[b-78sjgju3ra] {
    border-bottom: 0;
}

.custom-row:hover[b-78sjgju3ra] {
    background: color-mix(in srgb, var(--forms-soft) 42%, #fff);
}

.custom-row-header[b-78sjgju3ra] {
    background: #f7f9f5;
    color: var(--forms-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    min-height: 48px;
    text-transform: uppercase;
}

.custom-row input[type="checkbox"][b-78sjgju3ra] {
    accent-color: var(--forms-green);
    height: 16px;
    margin: 0;
    width: 16px;
}

.custom-column[b-78sjgju3ra],
.custom-phone[b-78sjgju3ra],
.custom-institution[b-78sjgju3ra] {
    min-width: 0;
}

.version-cell[b-78sjgju3ra] {
    color: var(--forms-muted);
    font-weight: 800;
}

.custom-name[b-78sjgju3ra] {
    color: var(--forms-ink);
    display: inline-block;
    font-weight: 900;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-name:hover[b-78sjgju3ra] {
    color: var(--forms-green-dark);
}

.custom-job[b-78sjgju3ra] {
    color: var(--forms-muted);
    font-size: 12px;
    line-height: 1.35;
    margin-top: 2px;
}

.access-key-line[b-78sjgju3ra] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-phone[b-78sjgju3ra] {
    color: var(--forms-muted);
    font-size: 12px;
    font-weight: 800;
}

.status-chip[b-78sjgju3ra] {
    background: var(--forms-soft);
    border: 1px solid color-mix(in srgb, var(--forms-green) 28%, transparent);
    border-radius: 999px;
    color: var(--forms-green-dark);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    padding: 4px 9px;
}

.custom-institution[b-78sjgju3ra] {
    display: inline-flex;
    gap: 6px;
    justify-content: flex-end;
}

.custom-institution button[b-78sjgju3ra] {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    margin: 0;
    min-width: 34px;
    padding: 0;
    width: 34px;
}

.custom-institution .material-icons-round[b-78sjgju3ra] {
    font-size: 17px;
}

.custom-institution .action-label[b-78sjgju3ra] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.previewbtn[b-78sjgju3ra],
.editbtn[b-78sjgju3ra],
.sharebtn[b-78sjgju3ra] {
    background: #fff;
    border: 1px solid var(--forms-line);
    color: var(--forms-green-dark);
}

.deploybtn[b-78sjgju3ra] {
    background: var(--forms-green);
    border: 1px solid var(--forms-green);
    color: #fff;
}

.Deletebtn[b-78sjgju3ra] {
    background: #fff1f3;
    border: 1px solid #f1b8c1;
    color: #b42334;
}

.empty-panel[b-78sjgju3ra] {
    background: #fff;
    border: 1px dashed var(--forms-line);
    border-radius: 8px;
    color: var(--forms-muted);
    padding: 28px;
    text-align: center;
}

.modal-overlay[b-78sjgju3ra] {
    align-items: center;
    background: rgba(26, 26, 26, 0.48);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    padding: 18px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000;
}

.modal-content[b-78sjgju3ra] {
    background: #fff;
    border: 1px solid var(--forms-line);
    border-radius: 8px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
    max-width: 860px;
    overflow: hidden;
    width: min(92vw, 860px);
}

.modal-header[b-78sjgju3ra] {
    align-items: center;
    background: var(--forms-soft);
    border-bottom: 1px solid var(--forms-line);
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
}

.modal-header h3[b-78sjgju3ra] {
    color: var(--forms-green-dark);
    font-size: 18px;
    margin: 0;
}

.modal-close[b-78sjgju3ra] {
    background: #fff;
    border: 1px solid var(--forms-line);
    border-radius: 7px;
    color: var(--forms-muted);
    cursor: pointer;
    font-size: 20px;
    height: 32px;
    line-height: 1;
    width: 32px;
}

.modal-body[b-78sjgju3ra] {
    max-height: 72vh;
    overflow-y: auto;
    padding: 16px;
}

@media (max-width: 1180px) {
    .custom-table[b-78sjgju3ra] {
        overflow-x: auto;
    }

    .custom-row[b-78sjgju3ra] {
        grid-template-columns: 28px 88px 300px 160px 110px 220px;
        min-width: 940px;
    }
}

@media (max-width: 760px) {
    .workspace-header[b-78sjgju3ra] {
        grid-template-columns: 1fr;
    }

    .workspace-header-metrics[b-78sjgju3ra] {
        grid-template-columns: 1fr;
    }

    .tab[b-78sjgju3ra] {
        overflow-x: auto;
    }
}

/* Overrides the older shared ODK list-table rules, scoped only to this page. */
.forms-workspace-page .workspace-header[b-78sjgju3ra] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    padding: 20px !important;
}

.forms-workspace-page .workspace-header-metrics[b-78sjgju3ra] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.forms-workspace-page .metric-card[b-78sjgju3ra] {
    min-height: 86px !important;
    padding: 14px !important;
}

.forms-workspace-page .forms-list-panel[b-78sjgju3ra],
.forms-workspace-page .custom-table[b-78sjgju3ra] {
    border-radius: 8px !important;
    box-shadow: none !important;
}

.forms-workspace-page .tab[b-78sjgju3ra] {
    border: 0 !important;
    border-bottom: 1px solid var(--forms-line) !important;
    padding: 10px !important;
}

.forms-workspace-page .tabcontent[b-78sjgju3ra] {
    border: 0 !important;
    padding: 14px !important;
}

.forms-workspace-page .custom-row[b-78sjgju3ra] {
    display: grid !important;
    grid-template-columns: 28px 88px minmax(280px, 1.7fr) minmax(160px, .9fr) 110px minmax(220px, auto) !important;
    gap: 14px !important;
    min-height: 70px !important;
    padding: 14px 16px !important;
}

.forms-workspace-page .custom-row-header[b-78sjgju3ra] {
    min-height: 48px !important;
    padding: 12px 16px !important;
}

.forms-workspace-page .custom-institution[b-78sjgju3ra] {
    display: inline-flex !important;
    gap: 6px !important;
    justify-content: flex-end !important;
}

.forms-workspace-page .custom-institution button[b-78sjgju3ra] {
    border-radius: 7px !important;
    height: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    width: 34px !important;
}

.forms-workspace-page .custom-institution .action-label[b-78sjgju3ra] {
    position: absolute !important;
}

@media (max-width: 1180px) {
    .forms-workspace-page .custom-row[b-78sjgju3ra] {
        grid-template-columns: 28px 88px 300px 160px 110px 220px !important;
        min-width: 940px !important;
    }
}

@media (max-width: 760px) {
    .forms-workspace-page .workspace-header[b-78sjgju3ra],
    .forms-workspace-page .workspace-header-metrics[b-78sjgju3ra] {
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/ODK/Forms_Archived.razor.rz.scp.css */
/* Table Container */
.custom-table[b-c0qapvvl7y] {
    width: 100%;
    border-collapse: collapse;
    background: #f8f9fa; /* Light background */
}

/* Table Row */
.custom-row[b-c0qapvvl7y] {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    padding: 3px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

    /* Hover Effect */
    .custom-row:hover[b-c0qapvvl7y] {
        background: #f0f4f8;
    }

    /* Checkbox */
    .custom-row input[type="checkbox"][b-c0qapvvl7y] {
        margin-right: 15px;
    }

/* Column Structure */
.custom-column[b-c0qapvvl7y] {
    flex: 1;
    font-size: 16px;
    color: #4a4a4a;
}

/* Name Column (Clickable Link) */
.custom-name[b-c0qapvvl7y] {
    color: forestgreen;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .custom-name:hover[b-c0qapvvl7y] {
        text-decoration: underline;
    }

/* Job Title */
.custom-job[b-c0qapvvl7y] {
    font-size: 14px;
    color: #777;
}

/* Phone Number */
.custom-phone[b-c0qapvvl7y] {
    color: mediumseagreen;
    text-align: right;
    flex: 1.5;
    font-weight: bold;
}

/* Institution */
.custom-institution[b-c0qapvvl7y] {
    text-align: right;
    flex: 1.5;
    color: #555;
}

.previewbtn[b-c0qapvvl7y] {
    border-radius: 25px;
    background-color: mediumseagreen;
    color: white;
    border: 1px solid mediumseagreen;
    font-size: 0.9rem;
}

.modal-overlay[b-c0qapvvl7y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-c0qapvvl7y] {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-c0qapvvl7y 0.3s ease-in-out;
}

.modal-header[b-c0qapvvl7y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.modal-close[b-c0qapvvl7y] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
}

    .modal-close:hover[b-c0qapvvl7y] {
        color: #333;
    }

.modal-body[b-c0qapvvl7y] {
    max-height: 70vh;
    overflow-y: auto;
}

@keyframes fadeIn-b-c0qapvvl7y {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Pages/ODK/Forms_deployed.razor.rz.scp.css */
/* Table Container */
.tabcontent[b-lllpl7lqj2] {
    display: block !important;
}

.custom-table[b-lllpl7lqj2] {
    width: 100%;
    border-collapse: collapse;
    background: #f8f9fa; /* Light background */
}

/* Table Row */
.custom-row[b-lllpl7lqj2] {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    padding: 3px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

    /* Hover Effect */
    .custom-row:hover[b-lllpl7lqj2] {
        background: #f0f4f8;
    }

    /* Checkbox */
    .custom-row input[type="checkbox"][b-lllpl7lqj2] {
        margin-right: 15px;
    }

/* Column Structure */
.custom-column[b-lllpl7lqj2] {
    flex: 1;
    font-size: 16px;
    color: #4a4a4a;
}

/* Name Column (Clickable Link) */
.custom-name[b-lllpl7lqj2] {
    color: forestgreen;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .custom-name:hover[b-lllpl7lqj2] {
        text-decoration: underline;
    }

/* Job Title */
.custom-job[b-lllpl7lqj2] {
    font-size: 14px;
    color: #777;
}

/* Phone Number */
.custom-phone[b-lllpl7lqj2] {
    color: mediumseagreen;
    text-align: right;
    flex: 1.5;
    font-weight: bold;
}

/* Institution */
.custom-institution[b-lllpl7lqj2] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1.5;
    color: #555;
}

.odk-action-btn[b-lllpl7lqj2],
.odk-data-action[b-lllpl7lqj2] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border-radius: 7px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.odk-action-btn[b-lllpl7lqj2] {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid #d7e0e7 !important;
    background: #ffffff !important;
    color: #4E2310 !important;
}

.odk-action-btn .material-icons-round[b-lllpl7lqj2] {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    overflow: hidden !important;
    font-size: 18px !important;
    line-height: 18px !important;
    color: currentColor !important;
}

.odk-action-preview[b-lllpl7lqj2] {
    border-color: rgba(122, 140, 46, 0.28) !important;
    background: #f7fbf0 !important;
    color: #5E6D20 !important;
}

.odk-action-draft[b-lllpl7lqj2] {
    border-color: rgba(91, 143, 168, 0.35) !important;
    background: #f0f7fa !important;
    color: #2f6f8d !important;
}

.odk-action-archive[b-lllpl7lqj2] {
    border-color: rgba(180, 35, 24, 0.26) !important;
    background: #fff4f2 !important;
    color: #b42318 !important;
}

.odk-action-btn:hover[b-lllpl7lqj2],
.odk-action-btn:focus[b-lllpl7lqj2] {
    transform: translateY(-1px) !important;
    outline: none !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
}

.odk-data-action[b-lllpl7lqj2] {
    min-height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(122, 140, 46, 0.28) !important;
    background: #f7fbf0 !important;
    color: #4E2310 !important;
}

.odk-data-action .material-icons-round[b-lllpl7lqj2] {
    font-size: 18px !important;
    line-height: 18px !important;
}

.modal-overlay[b-lllpl7lqj2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-lllpl7lqj2] {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-lllpl7lqj2 0.3s ease-in-out;
}

.modal-header[b-lllpl7lqj2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.modal-close[b-lllpl7lqj2] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
}

    .modal-close:hover[b-lllpl7lqj2] {
        color: #333;
    }

.modal-body[b-lllpl7lqj2] {
    max-height: 70vh;
    overflow-y: auto;
}

@keyframes fadeIn-b-lllpl7lqj2 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

:host[b-lllpl7lqj2] {
    --forms-green: var(--sares-green, #7A8C2E);
    --forms-green-dark: var(--sares-green-dark, #5E6D20);
    --forms-soft: var(--sares-green-soft, #EEF2DC);
    --forms-ink: var(--sares-ink, #1A1A1A);
    --forms-muted: var(--sares-muted, #6B7B74);
    --forms-line: var(--sares-line, #E2E8E5);
    --forms-surface: #fff;
}

.deployed-toolbar[b-lllpl7lqj2] {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
}

.button-primary[b-lllpl7lqj2],
.deployed-toolbar .button-primary[b-lllpl7lqj2] {
    align-items: center !important;
    background: var(--forms-green) !important;
    border: 1px solid var(--forms-green) !important;
    border-radius: 8px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 14px !important;
}

.button-primary:disabled[b-lllpl7lqj2],
.deployed-toolbar .button-primary:disabled[b-lllpl7lqj2] {
    background: color-mix(in srgb, var(--forms-green) 38%, #fff) !important;
    border-color: color-mix(in srgb, var(--forms-green) 26%, #fff) !important;
    color: var(--forms-green-dark) !important;
    opacity: 1 !important;
}

.tab[b-lllpl7lqj2] {
    align-items: center !important;
    background: color-mix(in srgb, var(--forms-soft) 32%, #fff) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--forms-line) !important;
    display: flex !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 10px !important;
}

.tab button[b-lllpl7lqj2],
.tablinks[b-lllpl7lqj2] {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: var(--forms-muted) !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
}

.tab button:hover[b-lllpl7lqj2],
.tab button.active[b-lllpl7lqj2],
.tablinks:hover[b-lllpl7lqj2],
.tablinks.active[b-lllpl7lqj2] {
    background: var(--forms-surface) !important;
    border-color: var(--forms-line) !important;
    color: var(--forms-green-dark) !important;
}

.tab .material-icons-round[b-lllpl7lqj2] {
    color: var(--forms-green) !important;
    font-size: 18px !important;
    line-height: 18px !important;
}

.tabcontent[b-lllpl7lqj2] {
    background: var(--forms-surface) !important;
    border: 0 !important;
    padding: 14px !important;
}

.empty-panel[b-lllpl7lqj2] {
    background: #fff !important;
    border: 1px dashed var(--forms-line) !important;
    border-radius: 8px !important;
    color: var(--forms-muted) !important;
    padding: 28px !important;
    text-align: center !important;
}

.deployed-summary[b-lllpl7lqj2] {
    background: var(--forms-surface) !important;
    border: 1px solid var(--forms-line) !important;
    border-left: 4px solid var(--forms-green) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
    padding: 18px 20px !important;
}

.deployed-summary h3[b-lllpl7lqj2] {
    color: var(--forms-ink) !important;
    font-size: 24px !important;
    margin: 0 0 8px !important;
}

.deployed-summary p[b-lllpl7lqj2] {
    color: var(--forms-muted) !important;
    margin: 0 !important;
}

.metric-card[b-lllpl7lqj2] {
    background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--forms-soft) 45%, #fff)) !important;
    border: 1px solid var(--forms-line) !important;
    border-radius: 8px !important;
    min-height: 86px !important;
    padding: 14px !important;
}

.metric-card span[b-lllpl7lqj2] {
    color: var(--forms-green) !important;
    display: block !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 12px !important;
}

.metric-card label[b-lllpl7lqj2] {
    color: var(--forms-muted) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.custom-table[b-lllpl7lqj2] {
    background: var(--forms-surface) !important;
    border: 1px solid var(--forms-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    display: grid !important;
    overflow: hidden !important;
}

.custom-row[b-lllpl7lqj2] {
    align-items: center !important;
    background: var(--forms-surface) !important;
    border-bottom: 1px solid var(--forms-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 28px 88px minmax(280px, 1.7fr) minmax(160px, .9fr) 130px minmax(140px, auto) !important;
    margin: 0 !important;
    min-height: 70px !important;
    padding: 14px 16px !important;
}

.custom-row:last-child[b-lllpl7lqj2] {
    border-bottom: 0 !important;
}

.custom-row:hover[b-lllpl7lqj2] {
    background: color-mix(in srgb, var(--forms-soft) 42%, #fff) !important;
}

.custom-row input[type="checkbox"][b-lllpl7lqj2] {
    accent-color: var(--forms-green) !important;
    height: 16px !important;
    margin: 0 !important;
    width: 16px !important;
}

.custom-column[b-lllpl7lqj2],
.custom-phone[b-lllpl7lqj2] {
    color: var(--forms-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-width: 0 !important;
}

.custom-name[b-lllpl7lqj2] {
    color: var(--forms-ink) !important;
    display: inline-block !important;
    font-weight: 900 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.custom-job[b-lllpl7lqj2] {
    color: var(--forms-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-top: 2px !important;
}

.custom-phone[b-lllpl7lqj2] {
    color: var(--forms-muted) !important;
    text-align: left !important;
}

.custom-institution[b-lllpl7lqj2] {
    display: inline-flex !important;
    gap: 6px !important;
    justify-content: flex-end !important;
}

.deployed-workspace-page[b-lllpl7lqj2] {
    --forms-green: var(--sares-green, #7A8C2E);
    --forms-green-dark: var(--sares-green-dark, #5E6D20);
    --forms-soft: var(--sares-green-soft, #EEF2DC);
    --forms-ink: var(--sares-ink, #1A1A1A);
    --forms-muted: var(--sares-muted, #6B7B74);
    --forms-line: var(--sares-line, #E2E8E5);
    --forms-surface: #fff;
    color: var(--forms-ink);
    display: grid;
    gap: 16px;
    width: 100%;
}

.deployed-workspace-page .workspace-header[b-lllpl7lqj2] {
    align-items: end !important;
    background: var(--forms-surface) !important;
    border: 1px solid var(--forms-line) !important;
    border-left: 4px solid var(--forms-green) !important;
    border-radius: 8px !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    padding: 20px !important;
}

.deployed-workspace-page .workspace-eyebrow[b-lllpl7lqj2] {
    color: var(--forms-green-dark) !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    margin-bottom: 6px !important;
    text-transform: uppercase !important;
}

.deployed-workspace-page .workspace-header h2[b-lllpl7lqj2] {
    color: var(--forms-ink) !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin: 0 0 8px !important;
}

.deployed-workspace-page .workspace-header p[b-lllpl7lqj2] {
    color: var(--forms-muted) !important;
    margin: 0 !important;
}

.deployed-workspace-page .workspace-header-metrics[b-lllpl7lqj2] {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.deployed-workspace-page .deployed-toolbar[b-lllpl7lqj2] {
    justify-content: flex-start !important;
    margin: 0 !important;
}

.deployed-workspace-page .deployed-list-panel[b-lllpl7lqj2] {
    background: var(--forms-surface) !important;
    border: 1px solid var(--forms-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.deployed-workspace-page .tab[b-lllpl7lqj2] {
    border-bottom: 1px solid var(--forms-line) !important;
}

.deployed-workspace-page .tabcontent[b-lllpl7lqj2] {
    padding: 14px !important;
}

.deployed-workspace-page .custom-table[b-lllpl7lqj2] {
    width: 100% !important;
}

.deployed-workspace-page .custom-row[b-lllpl7lqj2] {
    grid-template-columns: 28px 72px minmax(320px, 1.7fr) minmax(160px, .9fr) 120px minmax(130px, auto) !important;
}

.deployed-workspace-page .access-badge[b-lllpl7lqj2] {
    align-items: center !important;
    background: #EAF6FF !important;
    border: 1px solid #A7D8FF !important;
    border-radius: 999px !important;
    color: #075985 !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    gap: 5px !important;
    margin-top: 7px !important;
    padding: 4px 9px !important;
}

.deployed-workspace-page .access-badge .material-icons-round[b-lllpl7lqj2] {
    font-size: 16px !important;
}

.deployed-workspace-page .response-table-wrapper[b-lllpl7lqj2] {
    background: #fff !important;
    border: 1px solid var(--forms-line) !important;
    border-radius: 8px !important;
    overflow-x: auto !important;
}

.deployed-workspace-page .response-table[b-lllpl7lqj2] {
    border-collapse: collapse !important;
    width: 100% !important;
}

.deployed-workspace-page .response-table th[b-lllpl7lqj2],
.deployed-workspace-page .response-table td[b-lllpl7lqj2] {
    border-bottom: 1px solid var(--forms-line) !important;
    padding: 11px 12px !important;
    text-align: left !important;
}

.deployed-workspace-page .response-table th[b-lllpl7lqj2] {
    background: #f7f9f5 !important;
    color: var(--forms-muted) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

@media (max-width: 1180px) {
    .deployed-workspace-page .custom-table[b-lllpl7lqj2] {
        overflow-x: auto !important;
    }

    .deployed-workspace-page .custom-row[b-lllpl7lqj2] {
        grid-template-columns: 28px 72px 320px 160px 120px 130px !important;
        min-width: 860px !important;
    }
}

@media (max-width: 760px) {
    .deployed-workspace-page .workspace-header[b-lllpl7lqj2] {
        grid-template-columns: 1fr !important;
    }

    .deployed-workspace-page .workspace-header-metrics[b-lllpl7lqj2] {
        grid-template-columns: 1fr !important;
    }

    .deployed-workspace-page .tab[b-lllpl7lqj2] {
        overflow-x: auto !important;
    }
}
/* /Pages/ODK/Forms_Shared.razor.rz.scp.css */
/* Table Container */
.custom-table[b-gaeus23wn4] {
    width: 100%;
    border-collapse: collapse;
    background: #f8f9fa; /* Light background */
}

/* Table Row */
.custom-row[b-gaeus23wn4] {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    padding: 3px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

    /* Hover Effect */
    .custom-row:hover[b-gaeus23wn4] {
        background: #f0f4f8;
    }

    /* Checkbox */
    .custom-row input[type="checkbox"][b-gaeus23wn4] {
        margin-right: 15px;
    }

/* Column Structure */
.custom-column[b-gaeus23wn4] {
    flex: 1;
    font-size: 16px;
    color: #4a4a4a;
}

/* Name Column (Clickable Link) */
.custom-name[b-gaeus23wn4] {
    color: forestgreen;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .custom-name:hover[b-gaeus23wn4] {
        text-decoration: underline;
    }

/* Job Title */
.custom-job[b-gaeus23wn4] {
    font-size: 14px;
    color: #777;
}

/* Phone Number */
.custom-phone[b-gaeus23wn4] {
    color: mediumseagreen;
    text-align: right;
    flex: 1.5;
    font-weight: bold;
}

/* Institution */
.custom-institution[b-gaeus23wn4] {
    text-align: right;
    flex: 1.5;
    color: #555;
}

.previewbtn[b-gaeus23wn4] {
    border-radius: 25px;
    background-color: mediumseagreen;
    color: white;
    border: 1px solid mediumseagreen;
    font-size: 0.9rem;
}

.modal-overlay[b-gaeus23wn4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-gaeus23wn4] {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-gaeus23wn4 0.3s ease-in-out;
}

.modal-header[b-gaeus23wn4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.modal-close[b-gaeus23wn4] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
}

    .modal-close:hover[b-gaeus23wn4] {
        color: #333;
    }

.modal-body[b-gaeus23wn4] {
    max-height: 70vh;
    overflow-y: auto;
}

@keyframes fadeIn-b-gaeus23wn4 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Pages/ODK/Maps.razor.rz.scp.css */
.map-workspace[b-11fj0okh44] {
    height: calc(100vh - 86px);
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 10px;
    padding: 0;
    background: #f4f7f6;
    color: #17212b;
    overflow: hidden;
}

.map-header[b-11fj0okh44] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 0;
}

.map-eyebrow[b-11fj0okh44],
.panel-label[b-11fj0okh44] {
    margin: 0 0 4px;
    color: #047857;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.map-header h1[b-11fj0okh44] {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
}

.map-subtitle[b-11fj0okh44] {
    margin: 4px 0 0;
    max-width: 680px;
    color: #536171;
    font-size: 13px;
}

.map-actions[b-11fj0okh44] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.map-actions button[b-11fj0okh44] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #c7d4df;
    border-radius: 6px;
    background: #ffffff;
    color: #1f2937;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.map-actions button:hover[b-11fj0okh44],
.map-actions button:focus[b-11fj0okh44] {
    border-color: #047857;
    background: #ecfdf5;
    color: #065f46;
}

.map-summary-grid[b-11fj0okh44] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 10px;
    margin-bottom: 0;
}

.map-summary-grid div[b-11fj0okh44] {
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #ffffff;
    padding: 9px 12px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.map-summary-grid strong[b-11fj0okh44],
.map-summary-grid span[b-11fj0okh44] {
    display: block;
}

.map-summary-grid strong[b-11fj0okh44] {
    color: #17212b;
    font-size: 20px;
    font-weight: 900;
}

.map-summary-grid span[b-11fj0okh44] {
    color: #536171;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.map-filter-bar[b-11fj0okh44] {
    display: flex;
    align-items: end;
    gap: 10px;
    padding: 10px;
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.map-filter-bar label[b-11fj0okh44] {
    display: grid;
    gap: 5px;
    min-width: 220px;
    margin: 0;
}

.map-filter-bar label span[b-11fj0okh44] {
    color: #536171;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.map-filter-bar select[b-11fj0okh44] {
    min-height: 36px;
    border: 1px solid #c7d4df;
    border-radius: 6px;
    background: #ffffff;
    color: #17212b;
    font-weight: 700;
    padding: 0 34px 0 10px;
}

.map-filter-bar select:focus[b-11fj0okh44] {
    border-color: #7A8C2E;
    box-shadow: 0 0 0 3px rgba(122, 140, 46, 0.15);
    outline: none;
}

.map-reset-filter[b-11fj0okh44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #c7d4df;
    border-radius: 6px;
    background: #f7fbf9;
    color: #4E2310;
    font-weight: 900;
    cursor: pointer;
}

.map-reset-filter:hover[b-11fj0okh44],
.map-reset-filter:focus[b-11fj0okh44] {
    border-color: #7A8C2E;
    background: #eef4dd;
}

.map-reset-filter .material-icons-round[b-11fj0okh44] {
    font-size: 18px;
    line-height: 1;
}

.map-shell[b-11fj0okh44] {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.map-panel[b-11fj0okh44],
.map-canvas-wrap[b-11fj0okh44] {
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.map-panel[b-11fj0okh44] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.map-panel-header[b-11fj0okh44] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid #e4ebf1;
    background: #fbfcfd;
}

.map-panel-header h2[b-11fj0okh44] {
    margin: 0;
    color: #17212b;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0;
}

.country-code[b-11fj0okh44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 32px;
    padding: 4px 8px;
    border-radius: 6px;
    background: #101828;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
}

.country-info[b-11fj0okh44] {
    display: grid;
    gap: 10px;
    padding: 14px;
    overflow: auto;
}

.country-info p[b-11fj0okh44] {
    margin: 0;
    color: #536171;
    line-height: 1.5;
}

.map-data-note[b-11fj0okh44] {
    padding: 0 14px 14px;
    color: #536171;
    font-size: 13px;
    line-height: 1.45;
}

.map-data-note p[b-11fj0okh44] {
    margin: 0;
}

[b-11fj0okh44] .country-info-row {
    display: grid;
    gap: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf1f5;
}

[b-11fj0okh44] .country-info-row span {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

[b-11fj0okh44] .country-info-row strong {
    color: #17212b;
    font-size: 14px;
    font-weight: 800;
}

.map-help[b-11fj0okh44] {
    margin-top: auto;
    padding: 14px;
    border-top: 1px solid #e4ebf1;
    background: #f7fbf9;
}

.map-help span[b-11fj0okh44] {
    display: block;
    margin-bottom: 4px;
    color: #047857;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.map-help p[b-11fj0okh44] {
    margin: 0;
    color: #536171;
    font-size: 13px;
    line-height: 1.45;
}

.map-canvas-wrap[b-11fj0okh44] {
    position: relative;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

.africa-map-canvas[b-11fj0okh44] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

[b-11fj0okh44] .leaflet-control-layers {
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.15);
    color: #17212b;
    font-size: 13px;
}

[b-11fj0okh44] .leaflet-control-layers-expanded {
    padding: 12px;
}

[b-11fj0okh44] .map-country-label {
    color: #17212b;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    text-shadow: 0 1px 2px #ffffff, 0 -1px 2px #ffffff, 1px 0 2px #ffffff, -1px 0 2px #ffffff;
    pointer-events: none;
}

[b-11fj0okh44] .map-popup h3 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 900;
    color: #17212b;
}

[b-11fj0okh44] .map-popup div {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px;
    padding: 4px 0;
}

[b-11fj0okh44] .map-popup span {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

[b-11fj0okh44] .map-popup strong {
    color: #17212b;
    font-size: 12px;
}

[b-11fj0okh44] .submission-popup div {
    grid-template-columns: 92px minmax(0, 1fr);
}

@media (max-width: 1180px) {
    .map-workspace[b-11fj0okh44] {
        height: auto;
        min-height: calc(100vh - 86px);
        overflow: visible;
    }

    .map-shell[b-11fj0okh44] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: visible;
    }

    .map-panel[b-11fj0okh44] {
        min-height: auto;
    }

    .map-canvas-wrap[b-11fj0okh44],
    .africa-map-canvas[b-11fj0okh44] {
        min-height: clamp(420px, 62vh, 620px);
    }
}

@media (max-width: 720px) {
    .map-workspace[b-11fj0okh44] {
        height: auto;
        padding: 0;
        overflow: visible;
    }

    .map-header[b-11fj0okh44] {
        align-items: stretch;
        flex-direction: column;
    }

    .map-actions[b-11fj0okh44] {
        justify-content: flex-start;
    }

    .map-actions button[b-11fj0okh44] {
        flex: 1 1 calc(50% - 8px);
    }

    .map-summary-grid[b-11fj0okh44] {
        grid-template-columns: 1fr;
    }

    .map-filter-bar[b-11fj0okh44] {
        align-items: stretch;
        flex-direction: column;
    }

    .map-filter-bar label[b-11fj0okh44] {
        min-width: 0;
    }

    .map-canvas-wrap[b-11fj0okh44],
    .africa-map-canvas[b-11fj0okh44] {
        min-height: clamp(360px, 58vh, 520px);
    }
}
/* /Pages/ODK/Myinfo.razor.rz.scp.css */
.profile-container[b-boyymg1ge6] {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    font-family: 'Segoe UI', sans-serif;
}

.profile-card[b-boyymg1ge6] {
    width: 90%;
    max-width: 800px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding: 30px;
}

.profile-header[b-boyymg1ge6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-avatar img[b-boyymg1ge6] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.profile-info h3[b-boyymg1ge6] {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.profile-info p[b-boyymg1ge6] {
    margin: 0;
    color: #555;
}

.profile-grid[b-boyymg1ge6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.form-group[b-boyymg1ge6] {
    display: flex;
    flex-direction: column;
}

    .form-group label[b-boyymg1ge6] {
        font-weight: 600;
        margin-bottom: 5px;
    }

.form-input[b-boyymg1ge6] {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 15px;
}

.edit-button[b-boyymg1ge6] {
    padding: 10px 20px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}

    .edit-button:hover[b-boyymg1ge6] {
        background: #0056b3;
    }

.status-message[b-boyymg1ge6] {
    margin-top: 20px;
    color: green;
    font-weight: 500;
}
/* /Pages/ODK/SubmissionReview.razor.rz.scp.css */
.submission-media-preview[b-k4w18vcoa5] {
    align-items: flex-start;
    display: grid;
    gap: 8px;
    margin: 0;
    max-width: 260px;
}

.submission-media-preview img[b-k4w18vcoa5] {
    background: #fff;
    border: 1px solid rgba(93, 110, 94, 0.22);
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(78, 35, 16, 0.08);
    display: block;
    max-height: 220px;
    max-width: 100%;
    object-fit: contain;
}

.submission-media-preview figcaption[b-k4w18vcoa5] {
    color: #5D6E5E;
    font-size: 11px;
    font-weight: 800;
    overflow-wrap: anywhere;
}
/* /Pages/ODK/TeamMembers.razor.rz.scp.css */
.team-members-page[b-485t3mveev] {
    display: grid;
    gap: 16px;
    color: #17212b;
}

.team-members-page .workspace-header[b-485t3mveev] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.team-members-page .workspace-eyebrow[b-485t3mveev] {
    display: block;
    margin-bottom: 5px;
    color: #7A8C2E;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-members-page .workspace-header h2[b-485t3mveev] {
    margin: 0;
    color: #17212b;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 0;
}

.team-members-page .workspace-header p[b-485t3mveev] {
    margin: 6px 0 0;
    max-width: 700px;
    color: #536171;
    font-size: 14px;
    line-height: 1.45;
}

.team-members-page .workspace-header-metrics[b-485t3mveev] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.team-members-page .metric-card[b-485t3mveev] {
    min-width: 126px;
    padding: 12px 14px;
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #f7fbf0;
}

.team-members-page .metric-card span[b-485t3mveev] {
    display: block;
    color: #4E2310;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.team-members-page .metric-card label[b-485t3mveev] {
    display: block;
    margin-top: 6px;
    color: #536171;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.team-members-page .workspace-panel[b-485t3mveev] {
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.team-member-grid[b-485t3mveev] {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: 0;
    overflow: hidden;
}

.team-form-panel[b-485t3mveev] {
    padding: 18px;
}

.team-form-panel + .team-form-panel[b-485t3mveev] {
    border-left: 1px solid #e4ebf1;
}

.team-form-panel h3[b-485t3mveev] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    color: #17212b;
    font-size: 17px;
    font-weight: 900;
}

.team-form-panel h3 .material-icons-round[b-485t3mveev] {
    color: #7A8C2E;
    font-size: 21px;
}

.team-form-panel p[b-485t3mveev] {
    margin: 0 0 16px;
    color: #536171;
    font-size: 13px;
    line-height: 1.45;
}

.team-form-panel label[b-485t3mveev] {
    display: block;
    margin: 12px 0 6px;
    color: #536171;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.team-form-panel .form-input[b-485t3mveev] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #cfd8e3;
    border-radius: 7px;
    background: #ffffff;
    color: #17212b;
    padding: 0 11px;
    font-weight: 700;
}

.team-form-panel .form-input:focus[b-485t3mveev] {
    border-color: #7A8C2E;
    box-shadow: 0 0 0 3px rgba(122, 140, 46, 0.15);
    outline: none;
}

.team-form-panel .button-primary[b-485t3mveev] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin-top: 14px;
    border: 1px solid #7A8C2E;
    border-radius: 7px;
    background: #7A8C2E;
    color: #ffffff;
    padding: 0 14px;
    font-weight: 900;
}

.team-form-panel .button-primary .material-icons-round[b-485t3mveev] {
    font-size: 19px;
}

.team-message[b-485t3mveev] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
}

.team-message-success[b-485t3mveev] {
    border: 1px solid rgba(122, 140, 46, 0.28);
    background: #f7fbf0;
    color: #4E631B;
}

.team-message-error[b-485t3mveev] {
    border: 1px solid rgba(180, 35, 24, 0.26);
    background: #fff4f2;
    color: #b42318;
}

.team-invite-card[b-485t3mveev] {
    display: grid;
    gap: 5px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #fbfcfd;
}

.team-invite-card span[b-485t3mveev] {
    color: #4E2310;
    font-weight: 900;
}

.team-invite-card a[b-485t3mveev] {
    color: #5E6D20;
    font-weight: 900;
}

.team-invite-card small[b-485t3mveev] {
    color: #536171;
    line-height: 1.4;
}

.team-key-list[b-485t3mveev] {
    display: grid;
    gap: 10px;
    max-height: 360px;
    overflow: auto;
    padding-right: 4px;
}

.team-key-card[b-485t3mveev] {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid #d7e0e7;
    border-radius: 8px;
    background: #fbfcfd;
}

.team-key-card strong[b-485t3mveev] {
    color: #17212b;
    font-size: 14px;
    font-weight: 900;
}

.team-key-card span[b-485t3mveev] {
    color: #536171;
    font-size: 12px;
}

.team-key-card code[b-485t3mveev],
.team-members-page .records-table code[b-485t3mveev] {
    display: inline-block;
    max-width: 100%;
    border: 1px solid rgba(91, 143, 168, 0.25);
    border-radius: 6px;
    background: #f0f7fa;
    color: #2f6f8d;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.team-members-page .records-table[b-485t3mveev] {
    width: 100%;
    border-collapse: collapse;
}

.team-members-page .records-table th[b-485t3mveev],
.team-members-page .records-table td[b-485t3mveev] {
    padding: 12px 14px;
    border-bottom: 1px solid #edf1f5;
    text-align: left;
    vertical-align: middle;
}

.team-members-page .records-table th[b-485t3mveev] {
    background: #f7f9fb;
    color: #536171;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.team-members-page .records-table tbody tr:hover[b-485t3mveev] {
    background: #fbfcfd;
}

.team-members-page .status-chip[b-485t3mveev] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    background: #eef4dd;
    color: #4E631B;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 900;
}

.empty-panel[b-485t3mveev] {
    padding: 18px;
    border: 1px dashed #cfd8e3;
    border-radius: 8px;
    background: #fbfcfd;
    color: #536171;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 980px) {
    .team-members-page .workspace-header[b-485t3mveev],
    .team-member-grid[b-485t3mveev] {
        grid-template-columns: 1fr;
    }

    .team-members-page .workspace-header[b-485t3mveev] {
        display: grid;
    }

    .team-form-panel + .team-form-panel[b-485t3mveev] {
        border-left: 0;
        border-top: 1px solid #e4ebf1;
    }
}
/* /Shared/Dashboard/ExportMenu.razor.rz.scp.css */
.export-kebab[b-lxo42y8mox] {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-family: var(--font-body, "Inter"), sans-serif;
}

.export-kebab__btn[b-lxo42y8mox] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--sares-line, #dde1cb) 85%, var(--sares-green, #7a8c2e));
    background: var(--sares-surface, #fff);
    color: var(--sares-green-deep, #3a4618);
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(58, 70, 24, .08);
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.export-kebab__btn:hover:not(:disabled)[b-lxo42y8mox] {
    background: var(--sares-green-soft, #eef3d9);
}

.export-kebab__btn:focus-visible[b-lxo42y8mox] {
    outline: 2px solid var(--sares-lime, #c9dc3f);
    outline-offset: 2px;
}

.export-kebab--open .export-kebab__btn[b-lxo42y8mox],
.export-kebab__btn[aria-expanded="true"][b-lxo42y8mox] {
    background: var(--sares-green-soft, #eef3d9);
    box-shadow: 0 2px 6px rgba(58, 70, 24, .14);
}

.export-kebab__btn:disabled[b-lxo42y8mox],
.export-kebab--disabled .export-kebab__btn[b-lxo42y8mox] {
    opacity: .5;
    cursor: not-allowed;
}

.export-kebab__icon[b-lxo42y8mox] {
    font-size: 20px;
    line-height: 1;
}

.export-kebab__sr[b-lxo42y8mox] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.export-kebab__menu[b-lxo42y8mox] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 1000;
    min-width: 180px;
    padding: .3rem;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-line, #dde1cb) 85%, var(--sares-green, #7a8c2e));
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(58, 70, 24, .16);
    display: flex;
    flex-direction: column;
    gap: .15rem;
    animation: export-kebab-fade-b-lxo42y8mox .12s ease-out;
}

@keyframes export-kebab-fade-b-lxo42y8mox {
    from { opacity: 0; transform: translateY(-2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.export-kebab__item[b-lxo42y8mox] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .6rem;
    border: none;
    background: transparent;
    color: var(--sares-green-deep, #3a4618);
    font: 600 .8rem/1.2 var(--font-body, "Inter"), sans-serif;
    text-align: left;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
}

.export-kebab__item:hover[b-lxo42y8mox] {
    background: var(--sares-green-soft, #eef3d9);
}

.export-kebab__item-icon[b-lxo42y8mox] {
    font-size: 18px;
    line-height: 1;
    color: var(--sares-green, #7a8c2e);
}

/* ── Card-corner anchors ─────────────────────────────────────────────
   Parent card wrapper must be `position: relative` for these to pin. */
.export-kebab.export-kebab-anchor--right[b-lxo42y8mox] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 20;
}

.export-kebab.export-kebab-anchor--left[b-lxo42y8mox] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 20;
}

/* Shrink the pill so its visual baseline matches the small section label
   sitting next to it on the card header row. */
.export-kebab.export-kebab-anchor--right .export-kebab__btn[b-lxo42y8mox],
.export-kebab.export-kebab-anchor--left .export-kebab__btn[b-lxo42y8mox] {
    width: 28px;
    height: 28px;
}

.export-kebab.export-kebab-anchor--right .export-kebab__icon[b-lxo42y8mox],
.export-kebab.export-kebab-anchor--left .export-kebab__icon[b-lxo42y8mox] {
    font-size: 18px;
}

/* Lift the whole anchor above surrounding chart canvases while the menu is open
   so the popup isn't painted under transformed/stacked siblings. */
.export-kebab.export-kebab--open[b-lxo42y8mox] {
    z-index: 1000;
}

/* When anchored to the left edge, open the menu aligned to the left */
.export-kebab.export-kebab-anchor--left .export-kebab__menu[b-lxo42y8mox] {
    right: auto;
    left: 0;
}
/* /Shared/DashLayout.razor.rz.scp.css */
:host[b-b79i2bygc1] {
    display: block;
    --rz-header-background-color: var(--surface-header);
    --rz-header-color: var(--sares-surface);
}

[b-b79i2bygc1] .rz-layout {
    background: var(--sares-bg);
    min-height: 100vh;
}

[b-b79i2bygc1] .rz-header {
    background: var(--surface-header) !important;
    background-color: var(--surface-header) !important;
    background-image: none !important;
    border-bottom: 3px solid var(--sares-sun);
    box-shadow: var(--shadow-md);
    color: var(--sares-surface);
    z-index: 100;
}

[b-b79i2bygc1] .rz-layout .rz-header,
[b-b79i2bygc1] .rz-layout .rz-header::before,
[b-b79i2bygc1] .rz-layout .rz-header::after {
    background-color: var(--surface-header) !important;
    background-image: none !important;
}

.header-bar[b-b79i2bygc1] {
    align-items: center;
    background: var(--surface-header);
    background-color: var(--surface-header);
    background-image: none;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 64px;
    padding: 0 1.25rem;
    width: 100%;
    overflow: visible;
}

.header-left[b-b79i2bygc1] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.header-branding[b-b79i2bygc1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.header-mark[b-b79i2bygc1] {
    border-radius: 10px;
    box-shadow: var(--shadow-sm);
    flex: 0 0 auto;
    height: 42px;
    width: 42px;
}

.header-title[b-b79i2bygc1] {
    color: var(--sares-surface);
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-subtitle[b-b79i2bygc1] {
    color: color-mix(in srgb, var(--sares-surface) 76%, transparent);
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-b79i2bygc1] .header-toggle.rz-button {
    background: transparent;
    border: none;
    box-shadow: none;
}

[b-b79i2bygc1] .header-toggle .rz-button-icon {
    color: color-mix(in srgb, var(--sares-surface) 75%, transparent) !important;
}

[b-b79i2bygc1] .header-toggle:hover .rz-button-icon,
[b-b79i2bygc1] .header-toggle:focus-visible .rz-button-icon {
    color: var(--sares-sun) !important;
}

.header-right[b-b79i2bygc1] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.75rem;
    overflow: visible;
}

.header-user[b-b79i2bygc1] {
    align-items: center;
    color: var(--sares-surface);
    display: flex;
    font-size: 0.8rem;
    font-weight: 500;
    gap: 0.5rem;
    padding: 0.25rem 0;
}

.header-user[b-b79i2bygc1]::before {
    background: var(--sares-sun);
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
}

[b-b79i2bygc1] .header-logout.rz-button {
    min-width: auto;
    padding: 0 0.25rem;
}

[b-b79i2bygc1] .header-logout .rz-button-icon {
    color: color-mix(in srgb, var(--sares-surface) 70%, transparent) !important;
    transition: color 0.18s ease;
}

[b-b79i2bygc1] .header-logout:hover .rz-button-icon,
[b-b79i2bygc1] .header-logout:focus-visible .rz-button-icon {
    color: var(--sares-sun) !important;
}

[b-b79i2bygc1] .rz-sidebar {
    background: var(--sares-surface);
    border-right: 1px solid var(--sares-line);
    box-shadow: 2px 0 10px rgba(78, 35, 16, 0.08);
}

.sidebar-nav[b-b79i2bygc1] {
    height: 100%;
    overflow-y: auto;
    padding: 0.5rem 0;
}

[b-b79i2bygc1] .rz-panel-menu {
    background: transparent;
    border: none;
}

[b-b79i2bygc1] .rz-panel-menu > .rz-navigation-item {
    margin-bottom: 0.25rem;
}

[b-b79i2bygc1] .rz-panel-menu > .rz-navigation-item > .rz-navigation-item-wrapper > .rz-navigation-item-link,
[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item-wrapper > .rz-navigation-item-link {
    border-left: 3px solid transparent;
    color: var(--sares-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.85rem 1rem 0.45rem;
    text-transform: uppercase;
}

[b-b79i2bygc1] .rz-panel-menu > .rz-navigation-item > .rz-navigation-item-wrapper > .rz-navigation-item-link:hover {
    background: transparent;
    color: var(--sares-muted);
}

[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item-icon {
    color: var(--sares-muted);
    margin-left: 0 !important;
    margin-right: 0.5rem;
}

[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item-icon-children {
    color: var(--sares-line);
    font-size: 0.8rem;
}

[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-link {
    border-left: 3px solid transparent;
    color: var(--sares-ink-2);
    font-size: 0.84rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    text-transform: none;
}

[b-b79i2bygc1] .rz-panel-menu .nav-submenu-group > .rz-navigation-item-wrapper > .rz-navigation-item-link {
    color: var(--sares-muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.55rem 1rem 0.45rem 2rem;
    text-transform: uppercase;
}

[b-b79i2bygc1] .rz-panel-menu .nav-submenu-group .rz-navigation-item .rz-navigation-item-link {
    font-size: 0.82rem;
    padding-left: 3.25rem;
}

[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-link:hover {
    background: color-mix(in srgb, var(--sares-green-soft) 72%, white);
    border-left-color: var(--sares-green);
    color: var(--sares-green-dark);
}

[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-link-active,
[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper-active > .rz-navigation-item-link {
    background: var(--sares-green-soft);
    border-left-color: var(--sares-green);
    color: var(--sares-green-dark);
    font-weight: 600;
}

[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-link-active .rz-navigation-item-icon,
[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper-active > .rz-navigation-item-link .rz-navigation-item-icon,
[b-b79i2bygc1] .rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-link:hover .rz-navigation-item-icon {
    color: var(--sares-green);
}

[b-b79i2bygc1] .rz-body {
    background: var(--sares-bg);
    padding: 0;
}

@media (max-width: 768px) {
    .header-subtitle[b-b79i2bygc1] {
        display: none;
    }

    [b-b79i2bygc1] .rz-sidebar {
        z-index: 30;
    }
}
.notif-badge[b-b79i2bygc1] {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #dc2626;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    pointer-events: none;
    letter-spacing: 0;
}

.notif-panel[b-b79i2bygc1] {
    position: fixed;
    top: 64px; /* header height */
    right: 12px;
    width: 340px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);
    z-index: 10000; /* must beat the grid thead z-index */
    overflow: hidden;
}

.notif-panel-header[b-b79i2bygc1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px 12px;
    background: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-weight: 600;
    font-size: 14px;
    color: #1a1a2e;
    letter-spacing: 0.01em;
}

.notif-list[b-b79i2bygc1] {
    max-height: 340px;
    overflow-y: auto;
}

    .notif-list[b-b79i2bygc1]::-webkit-scrollbar {
        width: 4px;
    }

    .notif-list[b-b79i2bygc1]::-webkit-scrollbar-track {
        background: transparent;
    }

    .notif-list[b-b79i2bygc1]::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 4px;
    }

.notif-item[b-b79i2bygc1] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    cursor: pointer;
    transition: background 0.15s;
}

    .notif-item:last-child[b-b79i2bygc1] {
        border-bottom: none;
    }

    .notif-item:hover[b-b79i2bygc1] {
        background: #f3f4f6;
    }

.notif-unread[b-b79i2bygc1] {
    background: #eef5ff;
}

    .notif-unread:hover[b-b79i2bygc1] {
        background: #dbeafe;
    }

.notif-dot[b-b79i2bygc1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px;
    border: 1.5px solid #d1d5db;
    background: transparent;
}

.notif-dot-active[b-b79i2bygc1] {
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.notif-system.notif-unread[b-b79i2bygc1] {
    background: #fff1f2;
}

    .notif-system.notif-unread:hover[b-b79i2bygc1] {
        background: #ffe4e6;
    }

.notif-system .notif-dot-active[b-b79i2bygc1] {
    background: #dc2626;
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

.notif-title[b-b79i2bygc1] {
    margin: 0 0 3px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notif-body[b-b79i2bygc1] {
    margin: 0 0 6px;
    font-size: 12px;
    color: #4b5563;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notif-meta[b-b79i2bygc1] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.notif-time[b-b79i2bygc1] {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
}

.notif-pcode[b-b79i2bygc1] {
    font-size: 11px;
    font-weight: 500;
    color: #9ca3af;
    font-family: monospace;
}

.notif-tag[b-b79i2bygc1] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 2px 7px;
    border-radius: 999px;
    text-transform: uppercase;
}

.notif-tag-pending[b-b79i2bygc1] {
    background: #fef3c7;
    color: #92400e;
}

.notif-tag-reply[b-b79i2bygc1] {
    background: #d1fae5;
    color: #065f46;
}

.notif-tag-warning[b-b79i2bygc1] {
    background: #fee2e2;
    color: #991b1b;
}

.notif-panel-footer[b-b79i2bygc1] {
    padding: 10px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: #f8f9fa;
    text-align: center;
}
.notif-tag-device-pc[b-b79i2bygc1] {
    background: #ede9fe;
    color: #4c1d95;
}

.notif-tag-device-mobile[b-b79i2bygc1] {
    background: #fce7f3;
    color: #831843;
}

[b-b79i2bygc1] .menu-item-alert .rz-navigation-item-link,
[b-b79i2bygc1] .menu-item-alert > a {
    position: relative;
}

[b-b79i2bygc1] .menu-item-alert .rz-navigation-item-link::after,
[b-b79i2bygc1] .menu-item-alert > a::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.16);
}
/* /Shared/LanguageSwitcher.razor.rz.scp.css */
.lang-switcher[b-pwfanz1ahs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.lang-switcher:hover[b-pwfanz1ahs] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.55);
}

.lang-switcher:active[b-pwfanz1ahs] {
    transform: scale(0.97);
}

.lang-switcher__globe[b-pwfanz1ahs] {
    font-size: 16px;
    line-height: 1;
}

.lang-switcher__code[b-pwfanz1ahs] {
    text-transform: uppercase;
}

.lang-switcher--compact[b-pwfanz1ahs] {
    padding: 3px 8px;
    font-size: 11px;
}

.lang-switcher--compact .lang-switcher__globe[b-pwfanz1ahs] {
    font-size: 14px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-fsau30eprx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-fsau30eprx] {
    flex: 1;
}

.sidebar[b-fsau30eprx] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-fsau30eprx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-fsau30eprx]  a, .top-row .btn-link[b-fsau30eprx] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-fsau30eprx] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-fsau30eprx] {
        display: none;
    }

    .top-row.auth[b-fsau30eprx] {
        justify-content: space-between;
    }

    .top-row a[b-fsau30eprx], .top-row .btn-link[b-fsau30eprx] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-fsau30eprx] {
        flex-direction: row;
    }

    .sidebar[b-fsau30eprx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-fsau30eprx] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-fsau30eprx], article[b-fsau30eprx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-60pgg4xbf9] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-60pgg4xbf9] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-60pgg4xbf9] {
    font-size: 1.1rem;
}

.oi[b-60pgg4xbf9] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-60pgg4xbf9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-60pgg4xbf9] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-60pgg4xbf9] {
        padding-bottom: 1rem;
    }

    .nav-item[b-60pgg4xbf9]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-60pgg4xbf9]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-60pgg4xbf9]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-60pgg4xbf9] {
        display: none;
    }

    .collapse[b-60pgg4xbf9] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/SaresDataGrid.razor.rz.scp.css */
/* ============================================================================
   SaresDataGrid.razor.css — Scoped styles for the reusable DataGrid component
   ============================================================================

   Provides:
     - Card wrapper (.sares-grid-card) with border, radius, shadow
     - Header bar (.sares-grid-header) with title + export button
     - Radzen DataGrid overrides (::deep) for compact, themed table rows

   NOTE: If a parent page has global <table> CSS that conflicts with Radzen,
   add ::deep overrides scoped to the parent's container (see InternalDash.razor.css
   for an example with .modal-container ::deep).

   Author:  Sidy Konteye (Luvent Consulting / GIZ — RFS080 Mission)
   Date:    April 2026
   ============================================================================ */

.sares-grid-card[b-qq2xfvkk9l] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-left: 3px solid var(--sares-green, #7A8C2E);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
}

[b-qq2xfvkk9l] .rz-data-grid,
[b-qq2xfvkk9l] .rz-datatable {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

[b-qq2xfvkk9l] .rz-data-grid-data,
[b-qq2xfvkk9l] .rz-datatable-scrollable-body,
[b-qq2xfvkk9l] .rz-datatable-data {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
}

[b-qq2xfvkk9l] .rz-data-grid-header,
[b-qq2xfvkk9l] .rz-datatable-scrollable-header,
[b-qq2xfvkk9l] .rz-datatable-header {
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--sares-green-soft, #EEF2DC);
}

[b-qq2xfvkk9l] .rz-pager {
    flex: 0 0 auto;
}

.sares-grid-header[b-qq2xfvkk9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    background: #fafbfc;
}

.sares-grid-title[b-qq2xfvkk9l] {
    margin: 0;
    font-size: .92rem;
    font-weight: 600;
    color: #1e293b;
}

.sares-grid-actions[b-qq2xfvkk9l] {
    display: flex;
    gap: 6px;
}

/* Tighter Radzen grid overrides.
   Use auto layout so narrow utility columns (like checkbox selection) size to content. */
[b-qq2xfvkk9l] .rz-grid-table {
    width: 100%;
    table-layout: auto;
}

[b-qq2xfvkk9l] .rz-datatable {
    font-size: .82rem;
}

[b-qq2xfvkk9l] .rz-datatable .rz-datatable-thead > tr > th {
    background: var(--sares-green-soft, #EEF2DC);
    color: var(--sares-ink-2, #3D4B44);
    font-weight: 600;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .3px;
    border-bottom: 2px solid #e2e8f0;
    padding: 10px 12px;
}

[b-qq2xfvkk9l] .rz-datatable .rz-datatable-tbody > tr > td {
    padding: 8px 12px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}

[b-qq2xfvkk9l] .rz-datatable .rz-datatable-tbody > tr:hover > td {
    background: rgba(14,165,233,.04);
}

[b-qq2xfvkk9l] .sares-grid-has-rowclick tbody > tr {
    cursor: pointer;
}

[b-qq2xfvkk9l] .sares-grid-has-rowclick tbody > tr > td {
    transition: background-color .14s ease, box-shadow .14s ease;
}

/* !important beats the generic tr:hover rule above, which has equal specificity. */
[b-qq2xfvkk9l] .sares-grid-has-rowclick tbody > tr:hover > td {
    background: rgba(122,140,46,.12) !important;
}

[b-qq2xfvkk9l] .sares-grid-has-rowclick tbody > tr:hover > td:first-child {
    box-shadow: inset 3px 0 0 var(--sares-green, #7A8C2E);
}

/* Keep the first selection checkbox column compact in configuration tables. */
[b-qq2xfvkk9l] .rz-datatable .rz-datatable-thead > tr > th:first-child:has(.rz-chkbox),
[b-qq2xfvkk9l] .rz-datatable .rz-datatable-thead > tr > th:first-child:has(.rz-checkbox),
[b-qq2xfvkk9l] .rz-datatable .rz-datatable-tbody > tr > td:first-child:has(.rz-chkbox),
[b-qq2xfvkk9l] .rz-datatable .rz-datatable-tbody > tr > td:first-child:has(.rz-checkbox) {
    width: auto !important;
    min-width: 0 !important;
    max-width: fit-content !important;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
    text-align: center;
}

[b-qq2xfvkk9l] .rz-pager {
    border-top: 1px solid var(--sares-line, #E2E8E5);
    padding: 8px 12px;
    font-size: .8rem;
}

/* .sares-grid-row-action styling lives in wwwroot/css/sares-grid.css
   (global, because the rendered button is deep inside Radzen DataGrid markup
   and also needs to override component.css's .rz-button !important rule). */
/* /Shared/SaresDialog.razor.rz.scp.css */
.sares-dialog[b-fo3bfbaeex] {
    position: relative;
    overflow: hidden;
    background: var(--sares-surface, #fff);
    border: 1px solid color-mix(in srgb, var(--sares-line, #E2E8E5) 78%, var(--sares-green, #7A8C2E));
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(78, 35, 16, 0.18);
    color: var(--sares-ink, #1A1A1A);
}

.sares-dialog__hero[b-fo3bfbaeex] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 24px 14px;
}

.sares-dialog__icon[b-fo3bfbaeex] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 28px;
    flex: 0 0 auto;
    background: color-mix(in srgb, var(--sares-green-soft, #EEF2DC) 80%, #fff);
    color: var(--sares-green-deep, #4E2310);
    box-shadow: inset 0 -2px 0 var(--sares-sand, #D4A84B);
}

.sares-dialog--danger .sares-dialog__icon[b-fo3bfbaeex] {
    background: color-mix(in srgb, var(--sares-clay, #4E2310) 10%, #fff);
    color: var(--sares-clay, #4E2310);
}

.sares-dialog--success .sares-dialog__icon[b-fo3bfbaeex] {
    background: color-mix(in srgb, var(--sares-green, #7A8C2E) 16%, #fff);
    color: var(--sares-green-dark, #5E6D20);
}

.sares-dialog__titles[b-fo3bfbaeex] {
    min-width: 0;
}

.sares-dialog__eyebrow[b-fo3bfbaeex] {
    display: block;
    margin-bottom: 4px;
    color: var(--sares-muted, #6B7B74);
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sares-dialog__title[b-fo3bfbaeex] {
    margin: 0;
    color: var(--sares-green-deep, #4E2310);
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.2;
}

.sares-dialog__body[b-fo3bfbaeex] {
    padding: 0 24px 8px;
}

.sares-dialog__message[b-fo3bfbaeex] {
    margin: 0;
    color: var(--sares-ink-2, #3D4B44);
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    font-size: 0.95rem;
    line-height: 1.55;
}

.sares-dialog__actions[b-fo3bfbaeex] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 24px 24px;
}

.sares-dialog__button[b-fo3bfbaeex] {
    min-width: 112px;
    height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: var(--font-display, "Poppins", system-ui, sans-serif);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background-color .18s, color .18s, border-color .18s, transform .18s;
}

.sares-dialog__button:hover[b-fo3bfbaeex] {
    transform: translateY(-1px);
}

.sares-dialog__button--ghost[b-fo3bfbaeex] {
    background: var(--sares-surface, #fff);
    border-color: var(--sares-line, #E2E8E5);
    color: var(--sares-ink-2, #3D4B44);
}

.sares-dialog__button--ghost:hover[b-fo3bfbaeex] {
    background: color-mix(in srgb, var(--sares-green-soft, #EEF2DC) 50%, #fff);
    border-color: color-mix(in srgb, var(--sares-green, #7A8C2E) 24%, var(--sares-line, #E2E8E5));
}

.sares-dialog__button--primary[b-fo3bfbaeex] {
    background: var(--sares-green, #7A8C2E);
    border-color: var(--sares-green, #7A8C2E);
    color: #fff;
    box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--sares-green-dark, #5E6D20) 72%, black 28%);
}

.sares-dialog__button--primary:hover[b-fo3bfbaeex] {
    background: var(--sares-green-dark, #5E6D20);
    border-color: var(--sares-green-dark, #5E6D20);
}

.sares-dialog--danger .sares-dialog__button--primary[b-fo3bfbaeex] {
    background: var(--sares-clay, #4E2310);
    border-color: var(--sares-clay, #4E2310);
    box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--sares-clay, #4E2310) 78%, black 22%);
}

.sares-dialog--danger .sares-dialog__button--primary:hover[b-fo3bfbaeex] {
    background: color-mix(in srgb, var(--sares-clay, #4E2310) 86%, black 14%);
    border-color: color-mix(in srgb, var(--sares-clay, #4E2310) 86%, black 14%);
}

@media (max-width: 640px) {
    .sares-dialog__hero[b-fo3bfbaeex],
    .sares-dialog__body[b-fo3bfbaeex],
    .sares-dialog__actions[b-fo3bfbaeex] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .sares-dialog__actions[b-fo3bfbaeex] {
        flex-direction: column-reverse;
    }

    .sares-dialog__button[b-fo3bfbaeex] {
        width: 100%;
    }
}
/* /Shared/SaresGridHeader.razor.rz.scp.css */
/* Styles for SaresGridHeader are global — see wwwroot/css/sares-grid.css.
   Scoped CSS is kept empty on purpose: the component's Radzen internals
   are not reachable via plain scoped selectors, and the global rules need
   to override .rz-button { !important } from component.css. */