/* _content/rbs.Portal/Components/Components/CommissionInfoTab.razor.rz.scp.css */
.commission-card[b-lapz11o67g] {
    border-radius: 22px;
    border: 1px solid rgba(84, 84, 83, 0.10);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
    padding: 0.9rem;
}

.commission-empty[b-lapz11o67g] {
    text-align: center;
    color: #686c72;
    padding: 2rem;
}

.commission-header[b-lapz11o67g] {
    margin-bottom: 1.2rem;
}

.commission-eyebrow[b-lapz11o67g] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, white);
}

.commission-title[b-lapz11o67g] {
    margin: 0.2rem 0 0;
    font-size: 1.25rem;
    color: var(--bg-darkgreen, #545453);
}

.commission-subtitle[b-lapz11o67g] {
    margin: 0.35rem 0 0;
    color: #5f6165;
    font-size: 0.9rem;
    line-height: 1.5;
}

.commission-section[b-lapz11o67g] {
    padding: 1rem 0;
    border-top: 1px solid rgba(84, 84, 83, 0.08);
}

.commission-section-title[b-lapz11o67g] {
    margin: 0 0 0.8rem;
    font-size: 1.05rem;
    color: var(--bg-darkgreen, #545453);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.commission-periods[b-lapz11o67g] {
    display: grid;
    gap: 0.4rem;
    padding-left: 0.3rem;
}

.commission-period-item[b-lapz11o67g] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
}

.commission-period-dot[b-lapz11o67g] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
}

.commission-period-content[b-lapz11o67g] {
    flex: 1;
}

.commission-period-date[b-lapz11o67g] {
    font-size: 0.9rem;
    color: #2c2e32;
}

.commission-seniority-total[b-lapz11o67g] {
    margin-top: 0.6rem;
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    font-size: 0.88rem;
    color: var(--bg-darkgreen, #545453);
}

.commission-bunol-list[b-lapz11o67g] {
    display: grid;
    gap: 0.5rem;
}

.commission-bunol-item[b-lapz11o67g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(84, 84, 83, 0.08);
    background: rgba(255, 255, 255, 0.4);
}

.commission-bunol-badge[b-lapz11o67g] {
    display: inline-block;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.85rem;
    font-weight: 600;
}

.commission-bunol-date[b-lapz11o67g] {
    font-size: 0.82rem;
    color: #8b9097;
}

.commission-timeline[b-lapz11o67g] {
    display: grid;
    gap: 0.6rem;
    padding-left: 0.5rem;
}

.commission-timeline-item[b-lapz11o67g] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.commission-timeline-dot[b-lapz11o67g] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
    margin-top: 0.35rem;
    position: relative;
}

.commission-timeline-dot[b-lapz11o67g]::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 5px;
    width: 2px;
    height: calc(100% + 0.6rem);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 20%, white);
}

.commission-timeline-item:last-child .commission-timeline-dot[b-lapz11o67g]::after {
    display: none;
}

.commission-timeline-content[b-lapz11o67g] {
    flex: 1;
    min-width: 0;
}

.commission-timeline-cargo[b-lapz11o67g] {
    display: block;
    font-size: 0.95rem;
    color: #2c2e32;
}

.commission-timeline-date[b-lapz11o67g] {
    display: block;
    font-size: 0.8rem;
    color: #8b9097;
    margin-top: 0.1rem;
}

.commission-empty-state[b-lapz11o67g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    color: #8b9097;
}

.commission-empty-icon[b-lapz11o67g] {
    font-size: 1.8rem !important;
    opacity: 0.5;
}

.commission-legend[b-lapz11o67g] {
    margin: 0.5rem 0 0;
    font-size: 0.78rem;
    color: #8b9097;
    text-align: center;
    font-style: italic;
}

@media (max-width: 640.98px) {
    .commission-card[b-lapz11o67g] {
        padding: 0.75rem;
    }
}
/* _content/rbs.Portal/Components/Components/ConsumableItem.razor.rz.scp.css */
.consumable-card[b-sz9ocsimmu] {
    width: 100%;
    text-align: left;
    position: relative;
    border-radius: 18px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 22px rgba(26, 26, 26, 0.08);
    padding: 0.75rem 0.7rem;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.consumable-card:hover[b-sz9ocsimmu] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

/* Card base */
.product-card[b-sz9ocsimmu] {
    position: relative;
    border-color: rgba(84, 84, 83, 0.12);
}

/* Card con producto seleccionado - Feedback visual */
.product-card.has-quantity[b-sz9ocsimmu] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--bg-darkgreen, #545453) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--bg-darkgreen, #545453) 42%, white);
}

/* Product media must stay fixed at 100x100 in all breakpoints */
.product-media-frame[b-sz9ocsimmu] {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-info-row[b-sz9ocsimmu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 0;
    align-items: center;
    gap: 0;
    margin: 0.1rem 0 0.45rem;
    transition: grid-template-columns 220ms ease, gap 220ms ease;
}

.product-info-row.has-selection[b-sz9ocsimmu] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.product-info-main[b-sz9ocsimmu] {
    min-width: 0;
    width: 100%;
    transition: transform 220ms ease;
}

.product-info-row.is-idle .product-info-main[b-sz9ocsimmu] {
    transform: translateX(0);
}

.product-info-row.has-selection .product-info-main[b-sz9ocsimmu] {
    transform: translateX(-2px);
}

.product-info-side[b-sz9ocsimmu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 2rem;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(8px);
    transition: max-width 220ms ease, opacity 180ms ease, transform 220ms ease;
}

.product-info-row.has-selection .product-info-side[b-sz9ocsimmu] {
    max-width: 4rem;
    opacity: 1;
    transform: translateX(0);
}

.product-media[b-sz9ocsimmu] {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    margin: 0;
    display: block;
}

.product-media-icon[b-sz9ocsimmu] {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    color: var(--bg-darkgreen, #2d5016) !important;
}

.product-media-image[b-sz9ocsimmu] {
    border-radius: 10px;
    overflow: hidden;
}

/* Badge de cantidad en esquina superior derecha */
.quantity-badge[b-sz9ocsimmu] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--bg-darkgreen, #545453);
    color: white;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    animation: popIn-b-sz9ocsimmu 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes popIn-b-sz9ocsimmu {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Card con producto - Efecto hover */
.product-card[b-sz9ocsimmu] {
    overflow: hidden;
}

/* Mejora visual de iconos */
[b-sz9ocsimmu] .rz-icon {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    color: var(--bg-darkgreen, #545453) !important;
}

/* Mejora visual de imágenes */
.product-media-image[b-sz9ocsimmu] {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    display: block !important;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

/* Nombre del producto más legible */
.product-name[b-sz9ocsimmu] {
    display: block;
    margin: 0;
    font-size: clamp(1.08rem, 1.9vw, 1.22rem);
    font-weight: 800 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    text-align: center;
    transition: text-align 220ms ease;
}

.product-info-row.has-selection .product-name[b-sz9ocsimmu] {
    text-align: left;
}

.product-price[b-sz9ocsimmu] {
    display: block;
    margin: 0.15rem 0 0;
    font-size: clamp(1.02rem, 1.8vw, 1.15rem);
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 56%, #000) !important;
    font-weight: 800;
    text-align: center;
    transition: text-align 220ms ease;
}

.product-info-row.has-selection .product-price[b-sz9ocsimmu] {
    text-align: left;
}

.quantity-pill[b-sz9ocsimmu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.3rem;
    height: 2.3rem;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
    opacity: 0;
    transform: scale(0.86);
    transition: opacity 180ms ease, transform 220ms ease;
}

.quantity-pill.is-visible[b-sz9ocsimmu] {
    opacity: 1;
    transform: scale(1);
}

.quantity-controls[b-sz9ocsimmu] {
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
}

/* Botones HTML grandes y cómodos para cobro en barra */
.qty-btn[b-sz9ocsimmu] {
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.22);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    width: 56px;
    height: 56px;
    min-width: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.qty-btn:hover:not(:disabled)[b-sz9ocsimmu] {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
}

.qty-btn:active[b-sz9ocsimmu] {
    transform: scale(0.95);
}

.qty-btn:disabled[b-sz9ocsimmu] {
    background: rgba(240, 240, 240, 0.88);
    color: #9f9f9f;
    border-color: rgba(120, 120, 120, 0.16);
    opacity: 0.4;
    box-shadow: none;
    cursor: not-allowed;
}

.qty-btn--add[b-sz9ocsimmu] {
    background: var(--bg-darkgreen, #545453);
    color: white;
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 78%, white);
    box-shadow: 0 8px 16px color-mix(in srgb, var(--bg-darkgreen, #545453) 30%, transparent);
}

.qty-btn--add:hover:not(:disabled)[b-sz9ocsimmu] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 88%, black);
}

.qty-btn--sub[b-sz9ocsimmu] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.qty-btn--sub:hover:not(:disabled)[b-sz9ocsimmu] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white);
}

.qty-value[b-sz9ocsimmu] {
    min-width: 2.7rem;
    height: 2.5rem;
    padding: 0 0.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.16);
    color: var(--bg-darkgreen, #545453);
    font-size: 1.1rem;
    font-weight: 800;
}

/* Display de cantidad mejorado */
[b-sz9ocsimmu] .rz-text[style*="font-size: 1.8rem"] {
    font-weight: 800 !important;
    color: var(--bg-darkgreen, #2d5016) !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.08);
    background: rgba(144, 238, 144, 0.15);
    padding: 4px 12px !important;
    border-radius: 8px;
    min-width: 60px;
    display: inline-block;
}
/* _content/rbs.Portal/Components/Components/ContactCard.razor.rz.scp.css */
.contact-card[b-qi6ktwmocy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.contact-card-main[b-qi6ktwmocy] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.contact-avatar[b-qi6ktwmocy] {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-weight: 800;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.contact-copy[b-qi6ktwmocy] {
    min-width: 0;
}

.contact-title-row[b-qi6ktwmocy] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.contact-name[b-qi6ktwmocy] {
    margin: 0;
    font-size: 1.05rem;
    color: #1f1f1f;
    line-height: 1.2;
}

.contact-tag[b-qi6ktwmocy] {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.74rem;
    font-weight: 700;
}

.contact-meta[b-qi6ktwmocy] {
    margin: 0.25rem 0 0;
    color: #666b71;
    font-size: 0.84rem;
}

.contact-actions[b-qi6ktwmocy] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.contact-action-btn[b-qi6ktwmocy] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    cursor: pointer;
}

.contact-action-btn--danger[b-qi6ktwmocy] {
    color: #9b4440;
    background: color-mix(in srgb, #d9615b 12%, white);
}

@media (max-width: 640.98px) {
    .contact-card[b-qi6ktwmocy] {
        border-radius: 20px;
        flex-direction: column;
        align-items: stretch;
    }

    .contact-actions[b-qi6ktwmocy] {
        justify-content: flex-end;
    }
}

/* _content/rbs.Portal/Components/Components/FamilyGroupTab.razor.rz.scp.css */
/* ── FamilyGroupTab – estilos internos de la pestaña Familia ── */

/* Estado de carga */
.family-loading[b-9i9jfsnuez] {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}

/* Estado vacío */
.family-empty[b-9i9jfsnuez] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 2rem 1.25rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
}

.family-empty-icon[b-9i9jfsnuez] {
    font-size: 2.2rem !important;
    color: var(--bg-darkgreen, #545453);
    opacity: .55;
}

.family-empty h3[b-9i9jfsnuez] {
    margin: 0.35rem 0 0;
    font-size: 1.15rem;
    color: var(--bg-darkgreen, #545453);
}

.family-empty p[b-9i9jfsnuez] {
    margin: 0.2rem 0 0;
    color: #64696f;
    font-size: 0.9rem;
    line-height: 1.5;
    max-width: 380px;
}

/* Botón Añadir familiar */
.family-add-btn[b-9i9jfsnuez] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    transition: opacity 0.15s;
    white-space: nowrap;
}

.family-add-btn:hover[b-9i9jfsnuez] { opacity: 0.88; }

/* Variante compacta dentro del header del panel */
.family-add-btn--small[b-9i9jfsnuez] {
    padding: 0.45rem 0.75rem;
    font-size: 0.8rem;
}

/* Panel principal */
.family-panel[b-9i9jfsnuez] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

/* Cabecera del grupo */
.family-panel-header[b-9i9jfsnuez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem;
    padding: 0.9rem 1rem;
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.family-panel-title-row[b-9i9jfsnuez] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bg-darkgreen, #545453);
    min-width: 0;
    flex: 1 1 0;
    overflow: hidden;
}

.family-panel-title[b-9i9jfsnuez] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.family-panel-badge[b-9i9jfsnuez] {
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* Lista de miembros */
.family-member-list[b-9i9jfsnuez] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

.family-member-card[b-9i9jfsnuez] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.85rem 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 18px rgba(25, 25, 25, 0.05);
    transition: box-shadow .15s;
    /* necesario para que los grid items puedan encoger por debajo de su contenido */
    min-width: 0;
    overflow: hidden;
}

.family-member-card--me[b-9i9jfsnuez] {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 28%, white);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white), transparent 55%),
        rgba(255, 255, 255, 0.9);
}

/* Avatar */
.family-member-avatar[b-9i9jfsnuez] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
    font-size: 1.3rem;
}

.family-member-card--me .family-member-avatar[b-9i9jfsnuez] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

/* Info del miembro */
.family-member-info[b-9i9jfsnuez] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.family-member-name[b-9i9jfsnuez] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f1f1f;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.family-member-you-badge[b-9i9jfsnuez] {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.family-member-role[b-9i9jfsnuez] {
    font-size: 0.8rem;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.family-member-username[b-9i9jfsnuez] {
    font-size: 0.76rem;
    color: #8b9097;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Botón editar (solo se ve en el propio usuario) */
.family-member-actions[b-9i9jfsnuez] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.family-member-edit-btn[b-9i9jfsnuez] {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    cursor: pointer;
    flex-shrink: 0;
    transition: background .15s;
}

.family-member-edit-btn:hover[b-9i9jfsnuez] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white);
}

/* Variante ojo (ver cómo veo yo al miembro) */
.family-member-edit-btn--view[b-9i9jfsnuez] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 72%, white);
}

.family-member-edit-btn--view:hover[b-9i9jfsnuez] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 14%, white);
    color: var(--bg-darkgreen, #545453);
}

/* Nombre de familia debajo del alias personal */
.family-member-family-name[b-9i9jfsnuez] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.76rem;
    color: #8b9097;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Leyenda de iconos al pie */
.family-legend[b-9i9jfsnuez] {
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
    padding: 0.6rem 0.8rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 5%, white);
    border: 1px solid rgba(84, 84, 83, 0.08);
}

.family-legend-item[b-9i9jfsnuez] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.76rem;
    color: #8b9097;
}

@media (max-width: 640.98px) {
    .family-panel-header[b-9i9jfsnuez] {
        border-radius: 18px;
        padding: 0.75rem 0.85rem;
    }

    .family-member-card[b-9i9jfsnuez] {
        border-radius: 18px;
        gap: 0.65rem;
        padding: 0.75rem 0.85rem;
    }

    .family-member-avatar[b-9i9jfsnuez] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.15rem;
    }

    .family-member-name[b-9i9jfsnuez] {
        font-size: 0.95rem;
    }
}

/* Pantallas muy estrechas: máxima compacidad */
@media (max-width: 400px) {
    .family-panel[b-9i9jfsnuez] {
        gap: 0.75rem;
    }

    .family-panel-header[b-9i9jfsnuez] {
        padding: 0.6rem 0.75rem;
        border-radius: 16px;
        gap: 0.5rem;
    }

    .family-panel-title[b-9i9jfsnuez] {
        font-size: 1rem;
    }

    .family-add-btn--small[b-9i9jfsnuez] {
        padding: 0.38rem 0.6rem;
        font-size: 0.75rem;
    }

    /* Ocultar la etiqueta de texto en el botón añadir para ganar espacio */
    .family-add-btn--small span[b-9i9jfsnuez] {
        display: none;
    }

    .family-member-card[b-9i9jfsnuez] {
        gap: 0.5rem;
        padding: 0.6rem 0.7rem;
        border-radius: 14px;
    }

    .family-member-avatar[b-9i9jfsnuez] {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        font-size: 1rem;
    }

    .family-member-name[b-9i9jfsnuez] {
        font-size: 0.88rem;
    }

    .family-member-role[b-9i9jfsnuez],
    .family-member-username[b-9i9jfsnuez],
    .family-member-family-name[b-9i9jfsnuez] {
        font-size: 0.72rem;
    }

    .family-member-edit-btn[b-9i9jfsnuez] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }

    .family-legend[b-9i9jfsnuez] {
        gap: 0.75rem;
        padding: 0.5rem 0.65rem;
        font-size: 0.72rem;
    }

    .family-legend-item[b-9i9jfsnuez] {
        font-size: 0.72rem;
    }
}
/* _content/rbs.Portal/Components/Components/FeedImageViewerDialog.razor.rz.scp.css */
.feed-image-viewer-shell[b-ztn18hsrj4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    height: 100%;
}

.feed-image-viewer-wrap[b-ztn18hsrj4] {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: #0f1714;
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feed-nav-button[b-ztn18hsrj4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 23, 20, 0.65);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.feed-nav-button:disabled[b-ztn18hsrj4] {
    opacity: 0.35;
    cursor: not-allowed;
}

.feed-nav-prev[b-ztn18hsrj4] {
    left: 0.65rem;
}

.feed-nav-next[b-ztn18hsrj4] {
    right: 0.65rem;
}

.feed-image-viewer-image[b-ztn18hsrj4] {
    width: 100%;
    height: min(84vh, calc(96vh - 130px));
    max-height: 84vh;
    object-fit: contain;
    display: block;
    background: #0f1714;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.feed-loading-indicator[b-ztn18hsrj4] {
    position: absolute;
    top: 0.9rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #f1fff8;
    background: rgba(15, 23, 20, 0.7);
    z-index: 3;
}

.feed-image-viewer-meta[b-ztn18hsrj4] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.2rem 0;
}

.feed-image-viewer-meta-line[b-ztn18hsrj4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
}

.feed-image-viewer-author[b-ztn18hsrj4],
.feed-image-viewer-date[b-ztn18hsrj4] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #173b2f;
}

.feed-image-viewer-author[b-ztn18hsrj4] {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feed-image-viewer-date[b-ztn18hsrj4] {
    text-align: right;
    white-space: nowrap;
}

.feed-image-viewer-counter[b-ztn18hsrj4] {
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
    font-weight: 600;
}

@media (max-width: 840px) {
    .feed-image-viewer-image[b-ztn18hsrj4] {
        height: min(73vh, calc(92vh - 165px));
        max-height: 73vh;
    }

    .feed-nav-button[b-ztn18hsrj4] {
        width: 1.9rem;
        height: 1.9rem;
    }

    .feed-image-viewer-meta[b-ztn18hsrj4] {
        gap: 0.45rem;
    }

    .feed-image-viewer-meta-line[b-ztn18hsrj4] {
        gap: 0.25rem;
    }

    .feed-image-viewer-author[b-ztn18hsrj4],
    .feed-image-viewer-date[b-ztn18hsrj4] {
        font-size: 0.78rem;
    }
}

/* _content/rbs.Portal/Components/Components/FeedUploadDialog.razor.rz.scp.css */
/* ── Área de selección de archivo ─────────────────────── */
.file-label[b-osh2f0m02q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 130px;
    border: 2px dashed var(--rz-primary);
    border-radius: 12px;
    cursor: pointer;
    color: var(--rz-primary);
    font-size: 0.9rem;
    transition: background .15s;
}

.file-label:hover[b-osh2f0m02q] {
    background: var(--rz-primary-lighter);
}

.file-help[b-osh2f0m02q] {
    color: var(--rz-text-secondary-color);
    font-size: 0.78rem;
}

/* ── Preview de imagen ────────────────────────────────── */
.preview-wrapper[b-osh2f0m02q] {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    max-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.preview-image[b-osh2f0m02q] {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

/* ── Toggle de privacidad ─────────────────────────────── */
.privacy-toggle-row[b-osh2f0m02q] {
    margin-top: 0.75rem;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: #faf6ef;
    border: 1px solid rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.privacy-toggle-copy[b-osh2f0m02q] {
    display: flex;
    flex-direction: column;
}

.privacy-toggle-title[b-osh2f0m02q] {
    font-size: 0.92rem;
    font-weight: 700;
}

.privacy-toggle-description[b-osh2f0m02q] {
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
}

/* ── Acciones del formulario ──────────────────────────── */
.upload-actions[b-osh2f0m02q] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.upload-progress[b-osh2f0m02q] {
    margin-top: 0.75rem;
}

/* _content/rbs.Portal/Components/Components/Forms/AppointmentDetailsDialog.razor.rz.scp.css */
.appointment-dialog-shell[b-j9lft5wvt3] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.appointment-dialog-hero[b-j9lft5wvt3],
.appointment-dialog-section[b-j9lft5wvt3] {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.appointment-dialog-hero[b-j9lft5wvt3] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white), transparent 45%),
        rgba(255, 255, 255, 0.82);
}

.appointment-dialog-hero-icon[b-j9lft5wvt3] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    flex-shrink: 0;
}

.appointment-dialog-hero-icon .rzi[b-j9lft5wvt3] {
    font-size: 1.45rem;
}

.appointment-dialog-hero-copy[b-j9lft5wvt3] {
    min-width: 0;
}

.appointment-dialog-eyebrow[b-j9lft5wvt3] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.appointment-dialog-title[b-j9lft5wvt3] {
    margin: 0.18rem 0 0;
    font-size: 1.35rem;
    line-height: 1.15;
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.02em;
}

.appointment-dialog-meta[b-j9lft5wvt3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.appointment-dialog-chip[b-j9lft5wvt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.78rem;
    font-weight: 700;
}

.appointment-dialog-chip .rzi[b-j9lft5wvt3] {
    font-size: 1rem;
}

.appointment-dialog-section[b-j9lft5wvt3] {
    padding: 0.95rem 1rem;
}

.appointment-dialog-section-label[b-j9lft5wvt3] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.appointment-dialog-section-text[b-j9lft5wvt3],
.appointment-dialog-description[b-j9lft5wvt3] {
    margin: 0.35rem 0 0;
    color: #3b3d40;
    font-size: 0.95rem;
    line-height: 1.5;
}

.appointment-dialog-actions[b-j9lft5wvt3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.1rem;
}

.appointment-dialog-btn[b-j9lft5wvt3] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.appointment-dialog-btn--secondary[b-j9lft5wvt3] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.appointment-dialog-btn--primary[b-j9lft5wvt3] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

@media (max-width: 640.98px) {
    .appointment-dialog-hero[b-j9lft5wvt3] {
        padding: 0.9rem;
        border-radius: 18px;
    }

    .appointment-dialog-section[b-j9lft5wvt3] {
        padding: 0.85rem 0.9rem;
        border-radius: 18px;
    }

    .appointment-dialog-title[b-j9lft5wvt3] {
        font-size: 1.15rem;
    }

    .appointment-dialog-actions[b-j9lft5wvt3] {
        flex-direction: column-reverse;
    }

    .appointment-dialog-btn[b-j9lft5wvt3] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/CommissionInfoEditDialog.razor.rz.scp.css */
.cie-shell[b-erxy2oujqm] {
    padding: 0.5rem 0;
}

.cie-hero[b-erxy2oujqm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(84, 84, 83, 0.10);
}

.cie-hero-icon[b-erxy2oujqm] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
}

.cie-eyebrow[b-erxy2oujqm] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #8b9097;
}

.cie-title[b-erxy2oujqm] {
    margin: 0;
    font-size: 1.15rem;
    color: var(--bg-darkgreen, #545453);
}

.cie-subtitle[b-erxy2oujqm] {
    margin: 0.1rem 0 0;
    font-size: 0.85rem;
    color: #5f6165;
}

.cie-card[b-erxy2oujqm] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid rgba(84, 84, 83, 0.08);
    background: rgba(255, 255, 255, 0.5);
}

.cie-section-title[b-erxy2oujqm] {
    margin: 0 0 0.3rem;
    font-size: 0.95rem;
    color: var(--bg-darkgreen, #545453);
}

.cie-section-text[b-erxy2oujqm] {
    margin: 0 0 0.8rem;
    font-size: 0.82rem;
    color: #5f6165;
}

.cie-label[b-erxy2oujqm] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2c2e32;
    margin: 0.6rem 0 0.25rem;
}

.cie-empty[b-erxy2oujqm] {
    text-align: center;
    color: #8b9097;
    padding: 1rem;
    font-size: 0.85rem;
}

.cie-entry-row[b-erxy2oujqm] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    padding: 0.8rem;
    margin-bottom: 0.5rem;
    border-radius: 12px;
    border: 1px solid rgba(84, 84, 83, 0.08);
    background: rgba(255, 255, 255, 0.4);
}

.cie-entry-fields[b-erxy2oujqm] {
    flex: 1;
    min-width: 0;
}

.cie-entry-dates[b-erxy2oujqm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.cie-entry-bunol[b-erxy2oujqm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.cie-remove-btn[b-erxy2oujqm] {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(217, 97, 91, 0.1);
    color: #d9615b;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 1.6rem;
}

.cie-remove-btn:hover[b-erxy2oujqm] {
    background: rgba(217, 97, 91, 0.2);
}

.cie-add-btn[b-erxy2oujqm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px dashed rgba(84, 84, 83, 0.25);
    border-radius: 12px;
    padding: 0.6rem 0.9rem;
    background: transparent;
    color: var(--bg-darkgreen, #545453);
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    width: 100%;
    justify-content: center;
    transition: background 0.15s;
}

.cie-add-btn:hover[b-erxy2oujqm] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
}

.cie-actions[b-erxy2oujqm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(84, 84, 83, 0.08);
}

.cie-btn[b-erxy2oujqm] {
    border: 0;
    border-radius: 12px;
    padding: 0.6rem 1.1rem;
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    transition: opacity 0.15s;
}

.cie-btn--primary[b-erxy2oujqm] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.cie-btn--secondary[b-erxy2oujqm] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
}

.cie-btn:hover[b-erxy2oujqm] {
    opacity: 0.88;
}
/* _content/rbs.Portal/Components/Components/Forms/ConfirmActionDialog.razor.rz.scp.css */
.confirm-action-shell[b-422tw97aov] {
    display: grid;
    gap: 0.75rem;
}

.confirm-action-card[b-422tw97aov] {
    border-radius: 20px;
    padding: 0.95rem;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.76);
    display: grid;
    gap: 0.45rem;
}

.confirm-action-icon[b-422tw97aov] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.confirm-action-eyebrow[b-422tw97aov] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 65%, white);
}

.confirm-action-title[b-422tw97aov] {
    margin: 0.1rem 0 0;
    color: #1f1f1f;
    font-size: 1.12rem;
    line-height: 1.25;
}

.confirm-action-text[b-422tw97aov] {
    margin: 0;
    color: #5f636b;
    font-size: 0.9rem;
}

.confirm-action-summary[b-422tw97aov] {
    margin-top: 0.25rem;
    display: grid;
    gap: 0.35rem;
}

.confirm-action-row[b-422tw97aov] {
    border-radius: 12px;
    padding: 0.55rem 0.65rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
}

.confirm-action-row span[b-422tw97aov] {
    font-size: 0.8rem;
    color: #5f636b;
}

.confirm-action-row strong[b-422tw97aov] {
    color: var(--bg-darkgreen, #545453);
    font-size: 0.86rem;
    text-align: right;
}

.confirm-action-actions[b-422tw97aov] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.confirm-action-btn[b-422tw97aov] {
    border: 0;
    border-radius: 14px;
    padding: 0.67rem 0.7rem;
    font-weight: 700;
    cursor: pointer;
}

.confirm-action-btn--secondary[b-422tw97aov] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
}

.confirm-action-btn--primary[b-422tw97aov] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

@media (max-width: 560.98px) {
    .confirm-action-actions[b-422tw97aov] {
        grid-template-columns: 1fr;
    }

    .confirm-action-row[b-422tw97aov] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/ContactDeleteDialog.razor.rz.scp.css */
.contact-delete-shell[b-zzwpe705z8] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.contact-delete-card[b-zzwpe705z8] {
    padding: 1rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.contact-delete-icon[b-zzwpe705z8] {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    margin: 0 auto 0.75rem;
    background: color-mix(in srgb, #d9615b 14%, white);
    color: #a24640;
}

.contact-delete-eyebrow[b-zzwpe705z8] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.contact-delete-title[b-zzwpe705z8] {
    margin: 0.24rem 0 0;
    font-size: 1.2rem;
    color: #1f1f1f;
}

.contact-delete-text[b-zzwpe705z8] {
    margin: 0.45rem 0 0;
    color: #666b71;
    line-height: 1.5;
}

.contact-delete-actions[b-zzwpe705z8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.contact-delete-btn[b-zzwpe705z8] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.contact-delete-btn--secondary[b-zzwpe705z8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.contact-delete-btn--danger[b-zzwpe705z8] {
    background: #a24640;
    color: #fff;
}

@media (max-width: 640.98px) {
    .contact-delete-actions[b-zzwpe705z8] {
        flex-direction: column-reverse;
    }

    .contact-delete-btn[b-zzwpe705z8] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/ContactForm.razor.rz.scp.css */
.contact-form-shell[b-8i1t8gqb6q] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.contact-form-hero[b-8i1t8gqb6q],
.contact-form-card[b-8i1t8gqb6q] {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.contact-form-hero[b-8i1t8gqb6q] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
}

.contact-form-avatar[b-8i1t8gqb6q] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 800;
}

.contact-form-eyebrow[b-8i1t8gqb6q],
.contact-form-label[b-8i1t8gqb6q] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.contact-form-title[b-8i1t8gqb6q] {
    margin: 0.18rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.2rem;
}

.contact-form-card[b-8i1t8gqb6q] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.contact-form-input[b-8i1t8gqb6q] {
    margin-bottom: 0.45rem;
}

.contact-form-actions[b-8i1t8gqb6q] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.contact-form-btn[b-8i1t8gqb6q] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.contact-form-btn--secondary[b-8i1t8gqb6q] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.contact-form-btn--primary[b-8i1t8gqb6q] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

@media (max-width: 640.98px) {
    .contact-form-actions[b-8i1t8gqb6q] {
        flex-direction: column-reverse;
    }

    .contact-form-btn[b-8i1t8gqb6q] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/EventForm.razor.rz.scp.css */
.event-form-shell[b-p7c7tndnfu] {
    display: grid;
    gap: 0.85rem;
}

.event-form-header-card[b-p7c7tndnfu] {
    border-radius: 24px;
    padding: 0.9rem 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 50%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.event-form-header-icon[b-p7c7tndnfu] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.event-form-eyebrow[b-p7c7tndnfu] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.event-form-header-card h2[b-p7c7tndnfu] {
    margin: 0.1rem 0 0;
    font-size: 1.22rem;
    color: var(--bg-darkgreen, #545453);
}

.event-form-header-card p[b-p7c7tndnfu] {
    margin: 0.25rem 0 0;
    color: #5f636b;
}

.event-form-card[b-p7c7tndnfu] {
    border-radius: 22px;
    padding: 0.9rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

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

.event-form-slots-header[b-p7c7tndnfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.7rem;
}

.event-form-slots-title[b-p7c7tndnfu] {
    margin: 0;
    font-weight: 800;
    color: #222;
}

.event-form-slots-subtitle[b-p7c7tndnfu] {
    margin: 0.2rem 0 0;
    color: #6b7079;
    font-size: 0.92rem;
}

.event-form-add-slot-btn[b-p7c7tndnfu],
.event-form-save-btn[b-p7c7tndnfu] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 800;
    cursor: pointer;
}

.event-form-add-slot-btn[b-p7c7tndnfu] {
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.event-form-empty[b-p7c7tndnfu] {
    border-radius: 16px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #636872;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 4%, white);
}

.event-form-slot-card[b-p7c7tndnfu] {
    border-radius: 18px;
    padding: 0.75rem;
    margin-bottom: 0.7rem;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.event-form-slot-card-header[b-p7c7tndnfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
}

.event-form-slot-card-header h3[b-p7c7tndnfu] {
    margin: 0;
    font-size: 1rem;
    color: #252525;
}

.event-form-slot-actions[b-p7c7tndnfu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.event-form-slot-grid[b-p7c7tndnfu] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.6rem;
}

.event-form-footer-actions[b-p7c7tndnfu] {
    display: flex;
    justify-content: flex-end;
}

.event-form-save-btn[b-p7c7tndnfu] {
    color: #fff;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, black));
}

@media (max-width: 960.98px) {
    .event-form-grid[b-p7c7tndnfu] {
        grid-template-columns: 1fr 1fr;
    }

    .event-form-slot-grid[b-p7c7tndnfu] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640.98px) {

    .event-form-grid[b-p7c7tndnfu],
    .event-form-slot-grid[b-p7c7tndnfu] {
        grid-template-columns: 1fr;
    }

    .event-form-header-card[b-p7c7tndnfu] {
        grid-template-columns: 1fr;
    }

    .event-form-slot-card-header[b-p7c7tndnfu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-form-slots-header[b-p7c7tndnfu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-form-add-slot-btn[b-p7c7tndnfu],
    .event-form-save-btn[b-p7c7tndnfu] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/FamilyContactAliasDialog.razor.rz.scp.css */
.fca-shell[b-s5zfihnr3e] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

/* ── Hero ── */
.fca-hero[b-s5zfihnr3e] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.fca-hero-icon[b-s5zfihnr3e] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.fca-eyebrow[b-s5zfihnr3e] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.fca-title[b-s5zfihnr3e] {
    margin: 0.18rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Card de campos ── */
.fca-card[b-s5zfihnr3e] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.fca-label[b-s5zfihnr3e] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.fca-hint[b-s5zfihnr3e] {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    color: #8b9097;
    line-height: 1.4;
}

/* ── Acciones ── */
.fca-actions[b-s5zfihnr3e] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.fca-btn[b-s5zfihnr3e] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: opacity 0.15s;
}

.fca-btn:disabled[b-s5zfihnr3e] {
    opacity: 0.55;
    cursor: not-allowed;
}

.fca-btn--secondary[b-s5zfihnr3e] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.fca-btn--primary[b-s5zfihnr3e] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.fca-btn--primary:not(:disabled):hover[b-s5zfihnr3e],
.fca-btn--secondary:hover[b-s5zfihnr3e] {
    opacity: 0.88;
}

@media (max-width: 640.98px) {
    .fca-actions[b-s5zfihnr3e] {
        flex-direction: column-reverse;
    }

    .fca-btn[b-s5zfihnr3e] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/FamilyGroupFormDialog.razor.rz.scp.css */
.fgf-shell[b-2teqvnn5h3] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

/* ── Hero ── */
.fgf-hero[b-2teqvnn5h3] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.fgf-hero-icon[b-2teqvnn5h3] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.fgf-eyebrow[b-2teqvnn5h3] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.fgf-title[b-2teqvnn5h3] {
    margin: 0.18rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.2rem;
}

/* ── Card de campos ── */
.fgf-card[b-2teqvnn5h3] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.fgf-label[b-2teqvnn5h3] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

/* ── Acciones ── */
.fgf-actions[b-2teqvnn5h3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.fgf-btn[b-2teqvnn5h3] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.15s;
}

.fgf-btn:disabled[b-2teqvnn5h3] {
    opacity: 0.45;
    cursor: not-allowed;
}

.fgf-btn--secondary[b-2teqvnn5h3] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.fgf-btn--primary[b-2teqvnn5h3] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.fgf-btn--primary:not(:disabled):hover[b-2teqvnn5h3],
.fgf-btn--secondary:hover[b-2teqvnn5h3] {
    opacity: 0.88;
}

@media (max-width: 640.98px) {
    .fgf-actions[b-2teqvnn5h3] {
        flex-direction: column-reverse;
    }

    .fgf-btn[b-2teqvnn5h3] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/FamilyMemberEditDialog.razor.rz.scp.css */
.fme-shell[b-3ft565l6ka] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

/* ── Hero ── */
.fme-hero[b-3ft565l6ka] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.fme-hero-icon[b-3ft565l6ka] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.fme-eyebrow[b-3ft565l6ka] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.fme-title[b-3ft565l6ka] {
    margin: 0.18rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.2rem;
}

/* ── Card de campos ── */
.fme-card[b-3ft565l6ka] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.fme-label[b-3ft565l6ka] {
    margin: 0.45rem 0 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.fme-label:first-child[b-3ft565l6ka] {
    margin-top: 0;
}

/* ── Acciones ── */
.fme-actions[b-3ft565l6ka] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.fme-btn[b-3ft565l6ka] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: opacity 0.15s;
}

.fme-btn:disabled[b-3ft565l6ka] {
    opacity: 0.55;
    cursor: not-allowed;
}

.fme-btn--secondary[b-3ft565l6ka] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.fme-btn--primary[b-3ft565l6ka] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.fme-btn--primary:not(:disabled):hover[b-3ft565l6ka],
.fme-btn--secondary:hover[b-3ft565l6ka] {
    opacity: 0.88;
}

@media (max-width: 640.98px) {
    .fme-actions[b-3ft565l6ka] {
        flex-direction: column-reverse;
    }

    .fme-btn[b-3ft565l6ka] {
        width: 100%;
        justify-content: center;
    }
}

/* _content/rbs.Portal/Components/Components/Forms/InterchangeForm.razor.rz.scp.css */
.interchange-shell[b-1prnb120v8] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.interchange-hero[b-1prnb120v8],
.interchange-card[b-1prnb120v8] {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.interchange-hero[b-1prnb120v8] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
}

.interchange-icon[b-1prnb120v8] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.interchange-eyebrow[b-1prnb120v8],
.interchange-label[b-1prnb120v8] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.interchange-title[b-1prnb120v8] {
    margin: 0.18rem 0 0;
    font-size: 1.2rem;
    color: var(--bg-darkgreen, #545453);
}

.interchange-card[b-1prnb120v8] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.interchange-balance-card[b-1prnb120v8] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem;
    border-radius: 18px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.interchange-balance-label[b-1prnb120v8] {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.interchange-balance-value[b-1prnb120v8] {
    font-size: 1.55rem;
    color: var(--bg-darkgreen, #545453);
}

.interchange-actions[b-1prnb120v8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.interchange-btn[b-1prnb120v8] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.interchange-btn--secondary[b-1prnb120v8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.interchange-btn--primary[b-1prnb120v8] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

@media (max-width: 640.98px) {
    .interchange-actions[b-1prnb120v8] {
        flex-direction: column-reverse;
    }

    .interchange-btn[b-1prnb120v8] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/MerchForm.razor.rz.scp.css */
.merch-form[b-impoxons48] {
    display: grid;
    gap: 1rem;
    padding: 0.25rem;
}

/* ── Hero ─────────────────────────────────────────── */
.merch-form-hero[b-impoxons48] {
    padding: 1.1rem 1.25rem 1.2rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 52%),
        rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.merch-form-eyebrow[b-impoxons48] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.merch-form-title[b-impoxons48] {
    margin: 0.15rem 0 0;
    font-size: 1.4rem;
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.merch-form-subtitle[b-impoxons48] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #5f6165;
    line-height: 1.5;
}

/* ── Fields card ──────────────────────────────────── */
.merch-form-fields[b-impoxons48] {
    display: grid;
    gap: 0.9rem;
    padding: 1.1rem 1.25rem;
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.merch-form-row[b-impoxons48] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

.merch-form-field[b-impoxons48] {
    display: grid;
    gap: 0.3rem;
}

.merch-form-label[b-impoxons48] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 72%, white);
}

/* ── Switches ─────────────────────────────────────── */
.merch-form-field--switches[b-impoxons48] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.65rem;
}

.merch-form-switch-row[b-impoxons48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 5%, white);
    border: 1px solid rgba(84, 84, 83, 0.08);
}

/* ── Submit button ────────────────────────────────── */
.merch-form-submit[b-impoxons48] {
    width: 100%;
    padding: 0.9rem;
    border: 0;
    border-radius: 18px;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: opacity 0.15s;
}

.merch-form-submit:hover[b-impoxons48] {
    opacity: 0.88;
}

/* ── Mobile ───────────────────────────────────────── */
@media (max-width: 480px) {
    .merch-form-row[b-impoxons48] {
        grid-template-columns: 1fr;
    }

    .merch-form-hero[b-impoxons48],
    .merch-form-fields[b-impoxons48] {
        border-radius: 18px;
    }
}

/* _content/rbs.Portal/Components/Components/Forms/PrivacyDocumentDialog.razor.rz.scp.css */
.privacy-doc-dialog[b-x7pfzhgwej] {
    padding: 0.5rem 0;
}

.privacy-doc-content[b-x7pfzhgwej] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 0 0.5rem;
}

.privacy-doc-section h3[b-x7pfzhgwej] {
    margin: 0 0 0.75rem;
    font-size: 1.3rem;
    color: var(--bg-darkgreen, #545453);
}

.privacy-doc-section h4[b-x7pfzhgwej] {
    margin: 1.2rem 0 0.4rem;
    font-size: 1.05rem;
    color: #2c2e32;
}

.privacy-doc-section p[b-x7pfzhgwej] {
    margin: 0 0 0.6rem;
    color: #5f6165;
    line-height: 1.6;
    font-size: 0.9rem;
}

.privacy-doc-section ul[b-x7pfzhgwej] {
    margin: 0 0 0.8rem;
    padding-left: 1.2rem;
    color: #5f6165;
    line-height: 1.6;
    font-size: 0.9rem;
}

.privacy-doc-section li[b-x7pfzhgwej] {
    margin-bottom: 0.3rem;
}

.privacy-doc-actions[b-x7pfzhgwej] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 0.5rem 0;
    border-top: 1px solid rgba(84, 84, 83, 0.08);
    margin-top: 1rem;
}

.privacy-doc-close-btn[b-x7pfzhgwej] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 0;
    border-radius: 12px;
    padding: 0.6rem 1rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.88rem;
}
/* _content/rbs.Portal/Components/Components/Forms/ProductForm.razor.rz.scp.css */
.product-form[b-bau21bs9d6] {
    display: grid;
    gap: 1rem;
    padding: 0.25rem;
}

/* ── Hero ─────────────────────────────────────────── */
.product-form-hero[b-bau21bs9d6] {
    padding: 1.1rem 1.25rem 1.2rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 52%),
        rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.product-form-eyebrow[b-bau21bs9d6] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.product-form-title[b-bau21bs9d6] {
    margin: 0.15rem 0 0;
    font-size: 1.4rem;
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.product-form-subtitle[b-bau21bs9d6] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #5f6165;
    line-height: 1.5;
}

/* ── Fields card ──────────────────────────────────── */
.product-form-fields[b-bau21bs9d6] {
    display: grid;
    gap: 0.9rem;
    padding: 1.1rem 1.25rem;
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.product-form-row[b-bau21bs9d6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

.product-form-field[b-bau21bs9d6] {
    display: grid;
    gap: 0.3rem;
}

.product-form-label[b-bau21bs9d6] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 72%, white);
}

/* ── Submit button ────────────────────────────────── */
.product-form-submit[b-bau21bs9d6] {
    width: 100%;
    padding: 0.9rem;
    border: 0;
    border-radius: 18px;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: opacity 0.15s;
}

.product-form-submit:hover[b-bau21bs9d6] {
    opacity: 0.88;
}

/* ── Mobile ───────────────────────────────────────── */
@media (max-width: 440px) {
    .product-form-row[b-bau21bs9d6] {
        grid-template-columns: 1fr;
    }

    .product-form-hero[b-bau21bs9d6],
    .product-form-fields[b-bau21bs9d6] {
        border-radius: 18px;
    }
}

/* _content/rbs.Portal/Components/Components/Forms/PurchaseForm.razor.rz.scp.css */
.cart-items-list[b-en7dulnh7h] {
    margin-bottom: 24px;
}

.cart-item-header[b-en7dulnh7h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.cart-item-title[b-en7dulnh7h] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.cart-item-details[b-en7dulnh7h] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.98rem;
    color: #444;
}
/* _content/rbs.Portal/Components/Components/Forms/ShoppingCartForm.razor.rz.scp.css */
.shopping-cart-dialog[b-x1t0st8lb8] {
    padding: 0.2rem;
    min-width: min(92vw, 420px);
}

.loading-container[b-x1t0st8lb8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}

.shopping-cart-hero[b-x1t0st8lb8],
.cart-item-card[b-x1t0st8lb8] {
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 20px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.shopping-cart-hero[b-x1t0st8lb8] {
    padding: 0.95rem;
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shopping-cart-eyebrow[b-x1t0st8lb8] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.shopping-cart-title[b-x1t0st8lb8] {
    margin: 0.18rem 0 0;
    font-size: 1.15rem;
    color: var(--bg-darkgreen, #545453);
}

.shopping-cart-count[b-x1t0st8lb8] {
    min-width: 32px;
    height: 32px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 800;
}

.cart-items-list[b-x1t0st8lb8] {
    margin-bottom: 0.9rem;
    display: grid;
    gap: 0.65rem;
}

.cart-item-card[b-x1t0st8lb8] {
    padding: 0.8rem 0.9rem;
}

.cart-item-header[b-x1t0st8lb8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.cart-item-title[b-x1t0st8lb8] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.cart-remove-btn[b-x1t0st8lb8] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, #d9615b 12%, white);
    color: #9b4440;
    cursor: pointer;
}

.cart-item-details[b-x1t0st8lb8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.98rem;
    color: #444;
}

.cart-total-row[b-x1t0st8lb8] {
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0.9rem;
    border-radius: 16px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
}

.cart-total-row strong[b-x1t0st8lb8] {
    font-size: 1.05rem;
}

.cart-actions[b-x1t0st8lb8] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 0.8rem;
}

.cart-action-btn[b-x1t0st8lb8] {
    border: 0;
    border-radius: 999px;
    padding: 0.66rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
    cursor: pointer;
}

.cart-action-btn--secondary[b-x1t0st8lb8] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

@media (max-width: 600px) {
    .shopping-cart-dialog[b-x1t0st8lb8] {
        padding: 0.1rem;
        min-width: unset;
        max-width: 100vw;
    }

    .cart-actions[b-x1t0st8lb8] {
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 16px;
    }

    .cart-action-btn[b-x1t0st8lb8] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/SlotForm.razor.rz.scp.css */
.slot-form-shell[b-mdby0j22us] {
    display: grid;
    gap: 0.85rem;
}

.slot-form-header-card[b-mdby0j22us] {
    border-radius: 22px;
    padding: 0.85rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.7rem;
    align-items: center;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 48%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.slot-form-header-icon[b-mdby0j22us] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.slot-form-eyebrow[b-mdby0j22us] {
    margin: 0;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.slot-form-header-card h3[b-mdby0j22us] {
    margin: 0.15rem 0 0;
    color: #262626;
}

.slot-form-header-card p[b-mdby0j22us] {
    margin: 0.2rem 0 0;
    color: #636872;
}

.slot-form-add-card[b-mdby0j22us] {
    border-radius: 18px;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.slot-form-add-grid[b-mdby0j22us] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.65rem;
    align-items: end;
}

.slot-form-add-btn[b-mdby0j22us],
.slot-form-cancel-btn[b-mdby0j22us],
.slot-form-save-btn[b-mdby0j22us] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 800;
    cursor: pointer;
}

.slot-form-add-btn[b-mdby0j22us] {
    color: #fff;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, black));
}

.slot-form-empty[b-mdby0j22us] {
    border-radius: 16px;
    padding: 0.78rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #636872;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 4%, white);
}

.slot-form-users-list[b-mdby0j22us] {
    display: grid;
    gap: 0.55rem;
}

.slot-form-user-card[b-mdby0j22us] {
    border-radius: 16px;
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.slot-form-user-name[b-mdby0j22us] {
    font-weight: 700;
    color: #2a2a2a;
}

.slot-form-footer-actions[b-mdby0j22us] {
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
}

.slot-form-cancel-btn[b-mdby0j22us] {
    color: #2f3440;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.slot-form-save-btn[b-mdby0j22us] {
    color: #fff;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, black));
}

@media (max-width: 640.98px) {
    .slot-form-header-card[b-mdby0j22us] {
        grid-template-columns: 1fr;
    }

    .slot-form-add-grid[b-mdby0j22us] {
        grid-template-columns: 1fr;
    }

    .slot-form-add-btn[b-mdby0j22us],
    .slot-form-cancel-btn[b-mdby0j22us],
    .slot-form-save-btn[b-mdby0j22us] {
        width: 100%;
        justify-content: center;
    }

    .slot-form-footer-actions[b-mdby0j22us] {
        flex-direction: column;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/TemporalVirtualCardForm.razor.rz.scp.css */
.temporal-card-form-shell[b-r2lujzkaul] {
    display: grid;
    gap: 0.85rem;
}

.temporal-card-form-header[b-r2lujzkaul] {
    border-radius: 24px;
    padding: 0.9rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.7rem;
    align-items: center;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 48%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.temporal-card-form-icon[b-r2lujzkaul] {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.temporal-card-form-eyebrow[b-r2lujzkaul] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.temporal-card-form-header h3[b-r2lujzkaul] {
    margin: 0.15rem 0 0;
    color: #262626;
}

.temporal-card-form-header p[b-r2lujzkaul] {
    margin: 0.2rem 0 0;
    color: #636872;
}

.temporal-card-form-card[b-r2lujzkaul] {
    border-radius: 22px;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.temporal-card-form-grid[b-r2lujzkaul] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 1fr 1fr;
}

.temporal-card-form-footer[b-r2lujzkaul] {
    display: flex;
    justify-content: flex-end;
}

.temporal-card-form-save-btn[b-r2lujzkaul] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.92rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, black));
}

@media (max-width: 640.98px) {
    .temporal-card-form-header[b-r2lujzkaul] {
        grid-template-columns: 1fr;
    }

    .temporal-card-form-grid[b-r2lujzkaul] {
        grid-template-columns: 1fr;
    }

    .temporal-card-form-save-btn[b-r2lujzkaul] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/Forms/UserForm.razor.rz.scp.css */
.user-form[b-h90o7and4i] {
    display: grid;
    gap: 1rem;
    padding: 0.25rem;
}

/* ── Hero ── */
.user-form-hero[b-h90o7and4i] {
    padding: 1.1rem 1.25rem 1.2rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 52%),
        rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.user-form-eyebrow[b-h90o7and4i] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.user-form-title[b-h90o7and4i] {
    margin: 0.15rem 0 0;
    font-size: 1.4rem;
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.user-form-subtitle[b-h90o7and4i] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #5f6165;
    line-height: 1.5;
}

/* ── Fields card ── */
.user-form-fields[b-h90o7and4i] {
    display: grid;
    gap: 0.9rem;
    padding: 1.1rem 1.25rem;
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.07);
}

.user-form-row[b-h90o7and4i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

.user-form-field[b-h90o7and4i] {
    display: grid;
    gap: 0.3rem;
}

.user-form-label[b-h90o7and4i] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 72%, white);
}

/* ── Password row ── */
.user-form-password[b-h90o7and4i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-form-password > :first-child[b-h90o7and4i] {
    flex: 1;
    min-width: 0;
}

.user-form-password-toggle[b-h90o7and4i] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(84, 84, 83, 0.18);
    border-radius: 12px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
    color: var(--bg-darkgreen, #545453);
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 0.15s;
}

.user-form-password-toggle:hover[b-h90o7and4i] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 13%, white);
}

/* ── Submit button ── */
.user-form-submit[b-h90o7and4i] {
    width: 100%;
    padding: 0.9rem;
    border: 0;
    border-radius: 18px;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: opacity 0.15s;
}

.user-form-submit:hover[b-h90o7and4i] {
    opacity: 0.88;
}

/* ── Mobile ── */
@media (max-width: 440px) {
    .user-form-row[b-h90o7and4i] {
        grid-template-columns: 1fr;
    }

    .user-form-hero[b-h90o7and4i],
    .user-form-fields[b-h90o7and4i] {
        border-radius: 18px;
    }
}
/* _content/rbs.Portal/Components/Components/ImageUploadConsentDialog.razor.rz.scp.css */
.consent-dialog[b-dnwc67i8ox] {
    padding: 0.5rem;
}

.consent-dialog-header[b-dnwc67i8ox] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.consent-dialog-header h3[b-dnwc67i8ox] {
    margin: 0.75rem 0 0;
    font-size: 1.2rem;
    color: var(--bg-darkgreen, #545453);
}

.consent-dialog-body[b-dnwc67i8ox] {
    display: grid;
    gap: 1rem;
}

.consent-dialog-body > p[b-dnwc67i8ox] {
    margin: 0;
    color: #5f6165;
    font-size: 0.9rem;
    line-height: 1.6;
}

.consent-info-card[b-dnwc67i8ox] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 14px;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.6);
}

.consent-info-card > .rz-icon[b-dnwc67i8ox] {
    font-size: 1.5rem;
    color: var(--rz-primary);
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.consent-info-card strong[b-dnwc67i8ox] {
    display: block;
    font-size: 0.88rem;
    color: #2c2e32;
    margin-bottom: 0.2rem;
}

.consent-info-card p[b-dnwc67i8ox] {
    margin: 0;
    font-size: 0.82rem;
    color: #686c72;
    line-height: 1.5;
}

.consent-legal-text[b-dnwc67i8ox] {
    font-size: 0.82rem;
    color: #686c72;
    line-height: 1.6;
    text-align: center;
}

.consent-link-btn[b-dnwc67i8ox] {
    background: none;
    border: none;
    color: var(--rz-primary);
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
}

.consent-link-btn:hover[b-dnwc67i8ox] {
    color: color-mix(in srgb, var(--rz-primary) 80%, black);
}

.consent-dialog-actions[b-dnwc67i8ox] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(84, 84, 83, 0.10);
}

.consent-dialog-btn[b-dnwc67i8ox] {
    border: 0;
    border-radius: 14px;
    padding: 0.67rem 1.2rem;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: opacity 0.15s;
}

.consent-dialog-btn--secondary[b-dnwc67i8ox] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
}

.consent-dialog-btn--primary[b-dnwc67i8ox] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.consent-dialog-btn:hover[b-dnwc67i8ox] {
    opacity: 0.88;
}

@media (max-width: 560.98px) {
    .consent-dialog-actions[b-dnwc67i8ox] {
        flex-direction: column-reverse;
    }

    .consent-dialog-btn[b-dnwc67i8ox] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/Login.razor.rz.scp.css */
.login-page[b-rq7u8apcdt] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 1rem calc(110px + env(safe-area-inset-bottom));
    display: grid;
    gap: 1rem;
}

.login-hero[b-rq7u8apcdt],
.login-shell[b-rq7u8apcdt],
.login-loading[b-rq7u8apcdt] {
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

/* Tarjeta principal de login: protagonista visual */
.login-main-card[b-rq7u8apcdt] {
    background: #ffffff;
    border: 1px solid rgba(84, 84, 83, 0.13);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(25, 25, 25, 0.13);
}

/* Tarjeta de registro: secundaria y discreta */
.login-register-card[b-rq7u8apcdt] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 4%, white);
    border: 1px dashed rgba(84, 84, 83, 0.16);
    border-radius: 22px;
    box-shadow: none;
}

.login-hero[b-rq7u8apcdt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.login-hero-copy[b-rq7u8apcdt] {
    width: 100%;
    display: grid;
}

.login-brand-row[b-rq7u8apcdt] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: fit-content;
    margin: 0 auto 0.45rem;
    padding: 0.42rem 0.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.login-brand-logo[b-rq7u8apcdt] {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(25, 25, 25, 0.12);
}

.login-brand-name[b-rq7u8apcdt] {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--bg-darkgreen, #545453);
}

.login-eyebrow[b-rq7u8apcdt] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.login-title[b-rq7u8apcdt] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.4rem);
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.login-subtitle[b-rq7u8apcdt] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.login-powered-chip[b-rq7u8apcdt] {
    margin: 0.62rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    padding: 0.36rem 0.7rem;
    border-radius: 999px;
    text-decoration: none;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white);
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.18);
    justify-self: end;
}

.login-powered-chip:hover[b-rq7u8apcdt] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 15%, white);
}

.login-powered-chip .rzi[b-rq7u8apcdt] {
    font-size: 0.9rem;
}

.login-shell[b-rq7u8apcdt] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
    gap: 1rem;
}

.login-main-card[b-rq7u8apcdt],
.login-register-card[b-rq7u8apcdt] {
    padding: 1.1rem;
}

/* Login: heading prominente */
.login-main-card h2[b-rq7u8apcdt] {
    margin: 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* Registro: heading pequeño y apagado */
.login-register-card h3[b-rq7u8apcdt] {
    margin: 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1rem;
    font-weight: 700;
}

.login-main-card > p[b-rq7u8apcdt],
.login-register-card > p[b-rq7u8apcdt] {
    color: #62656b;
    line-height: 1.5;
}

.login-main-card > p[b-rq7u8apcdt] {
    margin: 0.35rem 0 0.8rem;
}

.login-register-card > p[b-rq7u8apcdt] {
    margin: 0.45rem 0 0.85rem;
    font-size: 0.85rem;
    color: #848a91;
}

.login-register-eyebrow[b-rq7u8apcdt] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 48%, #aaa);
}

.login-form[b-rq7u8apcdt] {
    display: grid;
    gap: 0.9rem;
}

.login-form-actions[b-rq7u8apcdt] {
    margin-top: 0.65rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.login-field[b-rq7u8apcdt] {
    display: grid;
    gap: 0.38rem;
}

.login-field label[b-rq7u8apcdt] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #4f5358;
}

[b-rq7u8apcdt] .login-input,
[b-rq7u8apcdt] .login-input input {
    width: 100%;
}

[b-rq7u8apcdt] .login-input input,
[b-rq7u8apcdt] .login-input {
    min-height: 44px;
    border-radius: 14px !important;
    border: 1px solid rgba(84, 84, 83, 0.18) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[b-rq7u8apcdt] .login-input input:focus,
[b-rq7u8apcdt] .login-input.rz-state-focused {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 52%, white) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg-darkgreen, #545453) 14%, transparent) !important;
}

[b-rq7u8apcdt] .validation-message {
    color: #b22727;
    font-size: 0.79rem;
}

.login-submit[b-rq7u8apcdt] {
    border: none;
    border-radius: 18px;
    min-height: 46px;
    min-width: 148px;
    padding: 0.62rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 700;
    color: #fff;
    background: var(--bg-darkgreen, #545453);
    box-shadow: 0 10px 18px rgba(28, 28, 28, 0.14);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
    margin-top: 0;
    justify-self: end;
}

.login-submit:hover:not(:disabled)[b-rq7u8apcdt] {
    transform: translateY(-1px);
    box-shadow: 0 13px 24px rgba(28, 28, 28, 0.2);
}

.login-submit:disabled[b-rq7u8apcdt] {
    opacity: 0.75;
    cursor: progress;
}

.spin[b-rq7u8apcdt] {
    animation: login-spin-b-rq7u8apcdt 0.9s linear infinite;
}

@keyframes login-spin-b-rq7u8apcdt {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.login-forgot[b-rq7u8apcdt] {
    border: none;
    background: transparent;
    color: #596067;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    justify-self: start;
    white-space: nowrap;
}

.login-forgot:hover[b-rq7u8apcdt] {
    text-decoration: underline;
}

.login-register-btn[b-rq7u8apcdt] {
    width: 100%;
    border: 1.5px solid color-mix(in srgb, var(--bg-darkgreen, #545453) 28%, transparent);
    border-radius: 18px;
    min-height: 44px;
    padding: 0.55rem 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    font-weight: 600;
    font-size: 0.88rem;
    background: transparent;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 75%, #444);
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.login-register-btn:hover[b-rq7u8apcdt] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 45%, transparent);
}

.login-register-points[b-rq7u8apcdt] {
    margin: 0.9rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.45rem;
}

.login-register-points li[b-rq7u8apcdt] {
    padding: 0.45rem 0.65rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    color: #4f5459;
    font-size: 0.84rem;
}

.login-loading[b-rq7u8apcdt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.55rem;
    min-height: 240px;
    padding: 2rem;
}

.login-loading h2[b-rq7u8apcdt] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.login-loading p[b-rq7u8apcdt] {
    margin: 0;
    color: #64676b;
}

.login-loading-spinner[b-rq7u8apcdt] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

@media (max-width: 860px) {
    .login-shell[b-rq7u8apcdt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .login-page[b-rq7u8apcdt] {
        padding: 0.85rem 0.75rem 100px;
    }

    .login-hero[b-rq7u8apcdt],
    .login-shell[b-rq7u8apcdt],
    .login-main-card[b-rq7u8apcdt],
    .login-register-card[b-rq7u8apcdt],
    .login-loading[b-rq7u8apcdt] {
        border-radius: 20px;
    }

    .login-brand-logo[b-rq7u8apcdt] {
        width: 34px;
        height: 34px;
    }

    .login-brand-name[b-rq7u8apcdt] {
        font-size: 0.95rem;
    }

    .login-powered-chip[b-rq7u8apcdt] {
        justify-self: center;
    }

    .login-form-actions[b-rq7u8apcdt] {
        grid-template-columns: 1fr;
        justify-items: stretch;
        gap: 0.7rem;
    }

    .login-submit[b-rq7u8apcdt] {
        width: 100%;
        justify-self: stretch;
    }
}

/* _content/rbs.Portal/Components/Components/MovementsMobileView.razor.rz.scp.css */
.mobile-view[b-d4zddf6vd1] {
    display: grid;
    gap: 0.8rem;
}

.mobile-card[b-d4zddf6vd1] {
    border-radius: 22px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 0.85rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mobile-card:hover[b-d4zddf6vd1] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(25, 25, 25, 0.1);
}

.mobile-card.expanded[b-d4zddf6vd1] {
    border-color: rgba(84, 84, 83, 0.18);
}

.mobile-card-header[b-d4zddf6vd1] {
    display: none;
}

.mobile-movement-top[b-d4zddf6vd1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.mobile-movement-type-wrap[b-d4zddf6vd1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.mobile-movement-icon-wrap[b-d4zddf6vd1] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    border: 1px solid rgba(84, 84, 83, 0.1);
    flex-shrink: 0;
}

.mobile-movement-icon[b-d4zddf6vd1] {
    font-size: 1.05rem;
}

.mobile-movement-type-name[b-d4zddf6vd1] {
    margin: 0;
    font-weight: 800;
    font-size: 0.96rem;
    color: #1f1f1f;
}

.mobile-movement-date[b-d4zddf6vd1] {
    margin: 0.12rem 0 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #5e636c;
}

.mobile-movement-amount-wrap[b-d4zddf6vd1] {
    text-align: right;
    display: grid;
    gap: 0.22rem;
}

.mobile-movement-amount-label[b-d4zddf6vd1] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b727c;
}

.mobile-movement-meta[b-d4zddf6vd1] {
    margin-top: 0.72rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.mobile-movement-chip[b-d4zddf6vd1] {
    border-radius: 999px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.92);
    padding: 0.22rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #3d434c;
}

.mobile-movement-chip-normal[b-d4zddf6vd1] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.mobile-movement-chip-temporal[b-d4zddf6vd1] {
    background: color-mix(in srgb, #f09b17 15%, white);
}

.mobile-movement-chip-products[b-d4zddf6vd1] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
}

.mobile-card-compact[b-d4zddf6vd1] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.65rem;
}

.mobile-card-footer-row[b-d4zddf6vd1] {
    margin-top: 0.65rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(84, 84, 83, 0.1);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.55rem;
}

.mobile-card-footer-info[b-d4zddf6vd1] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.mobile-card-footer-info .mobile-card-row[b-d4zddf6vd1] {
    justify-content: flex-start;
    align-items: baseline;
    gap: 0.35rem;
}

.mobile-card-footer-info .mobile-card-value[b-d4zddf6vd1] {
    flex: 0 1 auto;
    margin-left: 0;
    text-align: left;
}

.mobile-card-row[b-d4zddf6vd1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.mobile-card-label[b-d4zddf6vd1] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b727c;
}

.mobile-card-value[b-d4zddf6vd1] {
    color: #2d3138;
    font-size: 0.86rem;
    font-weight: 600;
    text-align: right;
    flex: 1;
    margin-left: 0.4rem;
}

.mobile-card-value-money[b-d4zddf6vd1] {
    font-weight: 800;
}

.mobile-card-value-income[b-d4zddf6vd1] {
    color: #1f7c39;
}

.mobile-card-value-expense[b-d4zddf6vd1] {
    color: #b03030;
}

.mobile-card-actions[b-d4zddf6vd1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mobile-action-btn[b-d4zddf6vd1],
.mobile-pagination-btn[b-d4zddf6vd1] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.mobile-action-btn:hover[b-d4zddf6vd1],
.mobile-pagination-btn:hover[b-d4zddf6vd1] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white);
}

.mobile-action-btn:disabled[b-d4zddf6vd1],
.mobile-pagination-btn:disabled[b-d4zddf6vd1] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.mobile-card-details[b-d4zddf6vd1] {
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px dashed rgba(84, 84, 83, 0.2);
    animation: slideDown-b-d4zddf6vd1 0.3s ease;
    display: grid;
    gap: 0.55rem;
}

@keyframes slideDown-b-d4zddf6vd1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.mobile-detail-section[b-d4zddf6vd1] {
    padding: 0.62rem 0.7rem;
    border-radius: 14px;
    font-size: 0.8rem;
}

.mobile-detail-section.edited[b-d4zddf6vd1] {
    background: color-mix(in srgb, #ff9800 12%, white);
    border-left: 3px solid #d58500;
}

.mobile-detail-section.products[b-d4zddf6vd1] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    border-left: 3px solid var(--bg-darkgreen, #545453);
}

.mobile-detail-section.recharge-edit[b-d4zddf6vd1] {
    background: color-mix(in srgb, #ffc107 16%, white);
    border-left: 3px solid #ffc107;
}

.mobile-detail-section.purchase-return[b-d4zddf6vd1] {
    background: color-mix(in srgb, #dc3545 12%, white);
    border-left: 3px solid #dc3545;
}

.mobile-detail-section.refund[b-d4zddf6vd1] {
    border-left: 3px solid #ff6b35;
    background: color-mix(in srgb, #ff6b35 12%, white);
}

.mobile-detail-title[b-d4zddf6vd1] {
    font-weight: bold;
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
}

.mobile-detail-title-refund[b-d4zddf6vd1] {
    color: #ff6b35;
}

.mobile-detail-content[b-d4zddf6vd1] {
    color: #4b515a;
    line-height: 1.55;
}

.mobile-product-item[b-d4zddf6vd1] {
    padding: 0.12rem 0;
}

.mobile-refund-money[b-d4zddf6vd1] {
    color: #ff6b35;
    font-weight: 800;
}

.mobile-expand-indicator[b-d4zddf6vd1] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.55rem;
    padding: 0.45rem;
    border-radius: 999px;
    color: #666d77;
    font-size: 0.72rem;
    gap: 0.35rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
}

.mobile-expand-icon[b-d4zddf6vd1] {
    transition: transform 0.3s ease;
}

.mobile-expand-icon.expanded[b-d4zddf6vd1] {
    transform: rotate(180deg);
}

.mobile-pagination[b-d4zddf6vd1] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.45rem;
    margin-bottom: calc(88px + env(safe-area-inset-bottom));
    padding-bottom: 0.6rem;
    flex-wrap: wrap;
    border-radius: 18px;
    padding: 0.7rem;
    border: 1px solid rgba(84, 84, 83, 0.1);
    background: rgba(255, 255, 255, 0.8);
}

.mobile-pagination-info[b-d4zddf6vd1] {
    font-size: 0.8rem;
    color: #646b74;
    text-align: center;
}

.mobile-empty-card[b-d4zddf6vd1] {
    border-radius: 22px;
    padding: 1.4rem 1rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
    display: grid;
    justify-items: center;
    gap: 0.5rem;
}

.mobile-empty-icon[b-d4zddf6vd1] {
    font-size: 2rem;
    color: #b7bcc5;
}
/* _content/rbs.Portal/Components/Components/MovementUserDialog.razor.rz.scp.css */
.movement-dialog-shell[b-fw54zohzxt] {
    display: grid;
    gap: 0.8rem;
}

.movement-dialog-header-card[b-fw54zohzxt] {
    border-radius: 24px;
    padding: 0.9rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 48%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.movement-dialog-meta[b-fw54zohzxt] {
    margin-top: 0.45rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.movement-dialog-chip[b-fw54zohzxt] {
    border-radius: 999px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
    padding: 0.2rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 700;
}

.movement-dialog-chip--normal[b-fw54zohzxt] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.movement-dialog-chip--temporal[b-fw54zohzxt] {
    background: color-mix(in srgb, #f09b17 15%, white);
    color: #70450b;
}

.movement-dialog-eyebrow[b-fw54zohzxt] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.movement-dialog-header-card h3[b-fw54zohzxt] {
    margin: 0.2rem 0 0;
    color: #262626;
}

.movement-dialog-date[b-fw54zohzxt] {
    margin: 0.25rem 0 0;
    color: #646a73;
    font-size: 0.9rem;
}

.movement-dialog-right[b-fw54zohzxt] {
    display: grid;
    justify-items: end;
    gap: 0.45rem;
}

.movement-dialog-total[b-fw54zohzxt] {
    font-size: 1.1rem;
    color: var(--bg-darkgreen, #545453);
}

.movement-dialog-products-card[b-fw54zohzxt] {
    border-radius: 22px;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.movement-dialog-products-card h4[b-fw54zohzxt] {
    margin: 0;
    color: #262626;
    font-size: 1rem;
}

.movement-dialog-grid[b-fw54zohzxt] {
    margin-top: 0.6rem;
}

.movement-dialog-empty[b-fw54zohzxt] {
    border-radius: 18px;
    padding: 0.7rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #636872;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 4%, white);
}

@media (max-width: 640.98px) {
    .movement-dialog-header-card[b-fw54zohzxt] {
        flex-direction: column;
        border-radius: 20px;
    }

    .movement-dialog-right[b-fw54zohzxt] {
        justify-items: start;
    }

    .movement-dialog-products-card[b-fw54zohzxt],
    .movement-dialog-empty[b-fw54zohzxt] {
        border-radius: 16px;
    }
}
/* _content/rbs.Portal/Components/Components/NewsEdit.razor.rz.scp.css */
.news-edit-shell[b-oecn6g17ry] {
    width: min(900px, 100%);
    margin: 0 auto;
    padding: 1rem 1rem 6.2rem;
}

/* ── Hero ─────────────────────────────────────────── */
.news-edit-hero[b-oecn6g17ry] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.news-edit-hero-content[b-oecn6g17ry] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.news-edit-hero-icon[b-oecn6g17ry] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.news-edit-eyebrow[b-oecn6g17ry] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.news-edit-title[b-oecn6g17ry] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

/* ── Back button ─────────────────────────────────── */
.news-edit-back-btn[b-oecn6g17ry] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.news-edit-back-btn:hover[b-oecn6g17ry] {
    opacity: 0.82;
}

/* ── Card / Form ─────────────────────────────────── */
.news-edit-card[b-oecn6g17ry] {
    border-radius: 24px;
    padding: 1.2rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    display: grid;
    gap: 0.9rem;
}

.news-edit-label[b-oecn6g17ry] {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
    margin-bottom: 0.35rem;
}

.news-edit-input[b-oecn6g17ry] {
    width: 100%;
}

.news-edit-input[b-oecn6g17ry]  input {
    border-radius: 14px;
    border: 1px solid rgba(84, 84, 83, 0.18);
    padding: 0.72rem 0.86rem;
    font-size: 1rem;
    font-weight: 600;
    color: #252525;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
}

.news-edit-input[b-oecn6g17ry]  input:focus {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 42%, white);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, transparent);
    outline: none;
}

.news-edit-editor-wrap[b-oecn6g17ry] {
    min-height: 50vh;
    border-radius: 16px;
    overflow: hidden;
}

/* ── Footer / Save button ────────────────────────── */
.news-edit-footer[b-oecn6g17ry] {
    display: flex;
    justify-content: flex-end;
}

.news-edit-save-btn[b-oecn6g17ry] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.news-edit-save-btn:hover[b-oecn6g17ry] {
    opacity: 0.88;
}

/* ── Loading state ───────────────────────────────── */
.news-edit-loading[b-oecn6g17ry] {
    border-radius: 24px;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
}

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 640.98px) {
    .news-edit-shell[b-oecn6g17ry] {
        padding: 1rem 0.3rem 5.8rem;
    }

    .news-edit-hero[b-oecn6g17ry] {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-edit-back-btn[b-oecn6g17ry] {
        width: 100%;
        justify-content: center;
    }

    .news-edit-footer[b-oecn6g17ry] {
        justify-content: stretch;
    }

    .news-edit-save-btn[b-oecn6g17ry] {
        width: 100%;
        justify-content: center;
    }
}

/* _content/rbs.Portal/Components/Components/PhotosUploadDialog.razor.rz.scp.css */
.photos-upload-shell[b-t9u9yihves] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.photos-upload-picker[b-t9u9yihves] {
    min-height: 148px;
    border: 1.5px dashed color-mix(in srgb, var(--bg-darkgreen, #545453) 26%, #c6d5ce);
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    cursor: pointer;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white), transparent 50%),
        rgba(255, 255, 255, 0.86);
    text-align: center;
    padding: 1rem;
    transition: border-color 0.2s ease, transform 0.15s ease;
}

.photos-upload-picker:hover[b-t9u9yihves] {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 44%, #c6d5ce);
    transform: translateY(-1px);
}

.photos-upload-picker span[b-t9u9yihves] {
    font-weight: 700;
    color: #1f2328;
}

.photos-upload-picker small[b-t9u9yihves] {
    color: #636872;
}

.photos-upload-grid[b-t9u9yihves] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.7rem;
    max-height: 320px;
    overflow: auto;
}

.photos-upload-tile[b-t9u9yihves] {
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow: 0 8px 18px rgba(25, 25, 25, 0.08);
}

.photos-upload-tile img[b-t9u9yihves] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.photos-upload-name[b-t9u9yihves] {
    font-size: 0.72rem;
    padding: 0.45rem 0.55rem 0.55rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photos-upload-actions[b-t9u9yihves] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.photos-upload-actions :deep(.rz-button)[b-t9u9yihves] {
    border-radius: 999px;
    font-weight: 700;
}

.photos-upload-actions :deep(.rz-button.rz-primary)[b-t9u9yihves] {
    background: var(--bg-darkgreen, #545453);
    border-color: var(--bg-darkgreen, #545453);
}

.photos-upload-actions :deep(.rz-button.rz-base)[b-t9u9yihves] {
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white);
}

.photos-upload-progress[b-t9u9yihves] {
    margin-top: 0.25rem;
}

@media (max-width: 640.98px) {

    .photos-upload-picker[b-t9u9yihves],
    .photos-upload-tile[b-t9u9yihves] {
        border-radius: 16px;
    }

    .photos-upload-actions[b-t9u9yihves] {
        flex-direction: column;
    }

    .photos-upload-actions :deep(.rz-button)[b-t9u9yihves] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Components/PhotoViewerDialog.razor.rz.scp.css */
.photo-viewer-shell[b-xfmawznugz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    height: 100%;
}

.photo-viewer-image-wrap[b-xfmawznugz] {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: #0f1714;
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-nav-button[b-xfmawznugz] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 23, 20, 0.65);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.photo-nav-button:disabled[b-xfmawznugz] {
    opacity: 0.35;
    cursor: not-allowed;
}

.photo-nav-prev[b-xfmawznugz] {
    left: 0.65rem;
}

.photo-nav-next[b-xfmawznugz] {
    right: 0.65rem;
}

.photo-viewer-image[b-xfmawznugz] {
    width: 100%;
    height: min(84vh, calc(96vh - 130px));
    max-height: 84vh;
    object-fit: contain;
    display: block;
    background: #0f1714;
}

.photo-loading-indicator[b-xfmawznugz] {
    position: absolute;
    top: 0.9rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #f1fff8;
    background: rgba(15, 23, 20, 0.7);
    z-index: 3;
}

.photo-viewer-meta[b-xfmawznugz] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.2rem 0;
}

.photo-viewer-meta-line[b-xfmawznugz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
}

.photo-viewer-author[b-xfmawznugz],
.photo-viewer-date[b-xfmawznugz] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #173b2f;
}

.photo-viewer-author[b-xfmawznugz] {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo-viewer-date[b-xfmawznugz] {
    text-align: right;
    white-space: nowrap;
}

.photo-viewer-actions[b-xfmawznugz] {
    display: flex;
    justify-content: center;
}

.photo-viewer-counter[b-xfmawznugz] {
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
    font-weight: 600;
}

.photo-viewer-download-link[b-xfmawznugz] {
    text-decoration: none;
}

@media (max-width: 840px) {
    .photo-viewer-shell[b-xfmawznugz] {
        grid-template-columns: 1fr;
    }

    .photo-viewer-image[b-xfmawznugz] {
        height: min(73vh, calc(92vh - 165px));
        max-height: 73vh;
    }

    .photo-nav-button[b-xfmawznugz] {
        width: 1.9rem;
        height: 1.9rem;
    }

    .photo-viewer-meta[b-xfmawznugz] {
        gap: 0.45rem;
    }

    .photo-viewer-meta-line[b-xfmawznugz] {
        gap: 0.25rem;
    }

    .photo-viewer-author[b-xfmawznugz],
    .photo-viewer-date[b-xfmawznugz] {
        font-size: 0.78rem;
    }
}
/* _content/rbs.Portal/Components/Components/QrCard.razor.rz.scp.css */
.qr-card-shell[b-o318dx06w1] {
    width: 100%;
    padding: 1rem;
    border-radius: 28px;
    border: 1px solid rgba(84, 84, 83, 0.10);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white), transparent 42%),
        rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
    cursor: pointer;
}

.qr-card-shell--temporal[b-o318dx06w1] {
    background:
        radial-gradient(circle at top left, rgba(255, 204, 149, 0.65), transparent 40%),
        rgba(255, 248, 241, 0.9);
}

.qr-card-shell--dialog[b-o318dx06w1] {
    padding: 0.4rem;
    cursor: default;
}

.qr-card-dialog-top-actions[b-o318dx06w1],
.qr-card-dialog-bottom-actions[b-o318dx06w1] {
    display: flex;
    justify-content: flex-end;
}

.qr-card-dialog-bottom-actions[b-o318dx06w1] {
    margin-top: 0.7rem;
}

.qr-card-dialog-close[b-o318dx06w1] {
    border: 0;
    border-radius: 999px;
    padding: 0.5rem 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 700;
    cursor: pointer;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.qr-card-dialog-close--bottom[b-o318dx06w1] {
    width: 100%;
    justify-content: center;
    border-radius: 14px;
    padding: 0.72rem 1rem;
}

.qr-card-header[b-o318dx06w1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.qr-card-eyebrow[b-o318dx06w1],
.qr-card-balance-label[b-o318dx06w1] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.qr-card-user[b-o318dx06w1] {
    margin: 0.22rem 0 0;
    font-size: clamp(1.15rem, 3vw, 1.45rem);
    color: var(--bg-darkgreen, #545453);
    line-height: 1.15;
}

.qr-card-badge[b-o318dx06w1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.78rem;
    font-weight: 800;
}

.qr-card-code-wrap[b-o318dx06w1] {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

.qr-card-code[b-o318dx06w1] {
    padding: 1rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 0 0 1px rgba(84, 84, 83, 0.08);
}

.qr-card-code--temporal[b-o318dx06w1] {
    background: #fff4e8;
}

.qr-card-footer[b-o318dx06w1] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 0.8rem;
}

.qr-card-meta[b-o318dx06w1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.qr-card-chip[b-o318dx06w1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.78rem;
    font-weight: 700;
}

.qr-card-balance[b-o318dx06w1] {
    text-align: right;
}

.qr-card-balance-value[b-o318dx06w1] {
    display: block;
    margin-top: 0.2rem;
    color: #1f1f1f;
    font-size: 1.2rem;
    line-height: 1;
}

@media (max-width: 640.98px) {
    .qr-card-shell[b-o318dx06w1] {
        padding: 0.9rem;
        border-radius: 22px;
    }

    .qr-card-footer[b-o318dx06w1] {
        flex-direction: column;
        align-items: stretch;
    }

    .qr-card-balance[b-o318dx06w1] {
        text-align: left;
    }

    .qr-card-shell--dialog[b-o318dx06w1] {
        padding: 0.3rem;
    }

    .qr-card-dialog-top-actions[b-o318dx06w1] {
        position: sticky;
        top: 0;
        z-index: 2;
        padding-bottom: 0.3rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
    }

    .qr-card-dialog-close[b-o318dx06w1] {
        min-height: 40px;
        padding: 0.6rem 0.9rem;
    }
}
/* _content/rbs.Portal/Components/Components/QrCodeScanner.razor.rz.scp.css */
.qr-scanner-shell[b-7qn6w1mz9g] {
    display: grid;
    gap: 0.85rem;
}

.qr-scanner-header[b-7qn6w1mz9g] {
    border-radius: 22px;
    padding: 0.9rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 48%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.qr-scanner-eyebrow[b-7qn6w1mz9g] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.qr-scanner-header h3[b-7qn6w1mz9g] {
    margin: 0.2rem 0 0;
    color: #262626;
}

.qr-scanner-header p[b-7qn6w1mz9g] {
    margin: 0.3rem 0 0;
    color: #60656e;
}

.qr-camera-wrapper[b-7qn6w1mz9g] {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(84, 84, 83, 0.14);
    background: #0a0a0a;
}

.qr-camera-wrapper[b-7qn6w1mz9g]  video {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover;
    display: block;
}

.qr-scanner-countdown[b-7qn6w1mz9g] {
    border-radius: 14px;
    padding: 0.65rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #535964;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.12);
}

.qr-scanner-countdown strong[b-7qn6w1mz9g] {
    font-size: 1.1rem;
}

@media (max-width: 640.98px) {
    .qr-camera-wrapper[b-7qn6w1mz9g]  video {
        height: 280px !important;
    }
}
/* _content/rbs.Portal/Components/Components/SearchUserByFriendCode.razor.rz.scp.css */
.search-contact-shell[b-781kl2s6u1] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.search-contact-hero[b-781kl2s6u1],
.search-contact-card[b-781kl2s6u1] {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.search-contact-hero[b-781kl2s6u1] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem;
}

.search-contact-icon[b-781kl2s6u1] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    flex-shrink: 0;
}

.search-contact-eyebrow[b-781kl2s6u1],
.search-contact-label[b-781kl2s6u1] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.search-contact-title[b-781kl2s6u1] {
    margin: 0.18rem 0 0;
    font-size: 1.25rem;
    color: var(--bg-darkgreen, #545453);
}

.search-contact-subtitle[b-781kl2s6u1] {
    margin: 0.35rem 0 0;
    color: #60646a;
    line-height: 1.45;
}

.search-contact-card[b-781kl2s6u1] {
    padding: 1rem;
}

.search-contact-input[b-781kl2s6u1] {
    margin-top: 0.45rem;
}

.search-contact-actions[b-781kl2s6u1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.9rem;
}

.search-contact-btn[b-781kl2s6u1] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.search-contact-btn--secondary[b-781kl2s6u1] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.search-contact-btn--primary[b-781kl2s6u1] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

@media (max-width: 640.98px) {
    .search-contact-actions[b-781kl2s6u1] {
        flex-direction: column-reverse;
    }

    .search-contact-btn[b-781kl2s6u1] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Components/StoreItem.razor.rz.scp.css */
.store-item-card[b-spd4w4f9hj] {
    width: 100%;
    padding: 1rem;
    display: grid;
    grid-template-columns: clamp(108px, 18vw, 132px) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.store-item-media[b-spd4w4f9hj] {
    border-radius: 18px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    min-height: 168px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.store-item-media img[b-spd4w4f9hj] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.store-item-media-placeholder[b-spd4w4f9hj] {
    color: var(--bg-darkgreen, #545453);
    font-size: 2rem;
}

.store-item-content[b-spd4w4f9hj] {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
    gap: 0.75rem;
    min-width: 0;
}

.store-item-header-row[b-spd4w4f9hj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
}

.store-item-title[b-spd4w4f9hj] {
    margin: 0;
    font-size: 1rem;
    color: #1f1f1f;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-item-price[b-spd4w4f9hj] {
    flex-shrink: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--bg-darkgreen, #545453);
}

.store-item-fields[b-spd4w4f9hj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
}

.store-item-label[b-spd4w4f9hj] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 65%, white);
}

.store-item-actions[b-spd4w4f9hj] {
    display: flex;
    justify-content: flex-start;
}

.store-item-add-btn[b-spd4w4f9hj] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.store-item-add-btn:disabled[b-spd4w4f9hj] {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 640.98px) {
    .store-item-card[b-spd4w4f9hj] {
        grid-template-columns: clamp(92px, 30vw, 116px) minmax(0, 1fr);
        gap: 0.75rem;
        padding: 0.85rem;
        border-radius: 20px;
    }

    .store-item-media[b-spd4w4f9hj] {
        min-height: 148px;
    }

    .store-item-add-btn[b-spd4w4f9hj] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Components/UserConfigurations.razor.rz.scp.css */
.settings-card[b-m2q0ptfz8i] {
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 24px rgba(25, 25, 25, 0.06);
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.settings-empty[b-m2q0ptfz8i] {
    margin: 0;
    color: #646a70;
}

.settings-header[b-m2q0ptfz8i] {
    display: grid;
    gap: 0.3rem;
}

.settings-eyebrow[b-m2q0ptfz8i] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.settings-title[b-m2q0ptfz8i] {
    margin: 0;
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    color: var(--bg-darkgreen, #545453);
}

.settings-subtitle[b-m2q0ptfz8i] {
    margin: 0;
    color: #64696f;
    line-height: 1.45;
}

.settings-section[b-m2q0ptfz8i] {
    border-radius: 18px;
    border: 1px solid rgba(84, 84, 83, 0.10);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 5%, white);
    padding: 0.9rem;
    display: grid;
    gap: 0.8rem;
}

.settings-section-title[b-m2q0ptfz8i] {
    margin: 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1rem;
}

.settings-section-text[b-m2q0ptfz8i] {
    margin: 0.25rem 0 0;
    color: #646a70;
    font-size: 0.88rem;
}

.settings-switch-row[b-m2q0ptfz8i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    color: #31353a;
    font-weight: 600;
}

.settings-shortcuts-head[b-m2q0ptfz8i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.settings-shortcuts-counter[b-m2q0ptfz8i] {
    min-width: 54px;
    text-align: center;
    border-radius: 999px;
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 700;
}

.settings-shortcuts-grid[b-m2q0ptfz8i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.5rem;
}

.settings-shortcut-option[b-m2q0ptfz8i] {
    border: 1px solid rgba(84, 84, 83, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    min-height: 52px;
    padding: 0.5rem 0.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #3f444a;
    cursor: pointer;
    transition: all 0.2s ease;
}

.settings-shortcut-option--selected[b-m2q0ptfz8i] {
    border-color: transparent;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    box-shadow: 0 10px 18px rgba(30, 30, 30, 0.16);
}

.settings-shortcut-icon[b-m2q0ptfz8i] {
    font-size: 1.1rem;
}

.settings-shortcut-label[b-m2q0ptfz8i] {
    font-weight: 600;
    font-size: 0.86rem;
}

.settings-shortcuts-actions[b-m2q0ptfz8i] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.settings-order-panel[b-m2q0ptfz8i] {
    border: 1px solid rgba(84, 84, 83, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    padding: 0.65rem;
}

.settings-order-title[b-m2q0ptfz8i] {
    margin: 0;
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #646a70;
}

.settings-order-list[b-m2q0ptfz8i] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.55rem;
}

.settings-order-item[b-m2q0ptfz8i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
    border-radius: 12px;
    padding: 0.45rem 0.5rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
}

.settings-order-item-copy[b-m2q0ptfz8i] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #34393f;
    font-size: 0.87rem;
    min-width: 0;
}

.settings-order-position[b-m2q0ptfz8i] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    background: rgba(255, 255, 255, 0.94);
}

.settings-order-actions[b-m2q0ptfz8i] {
    display: inline-flex;
    gap: 0.3rem;
}

.settings-order-btn[b-m2q0ptfz8i] {
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid rgba(84, 84, 83, 0.14);
    border-radius: 10px;
    background: #fff;
    color: #495058;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.settings-order-btn:disabled[b-m2q0ptfz8i] {
    opacity: 0.35;
    cursor: not-allowed;
}

.settings-warning[b-m2q0ptfz8i] {
    color: #944f3d;
    font-size: 0.8rem;
}

@media (max-width: 640.98px) {
    .settings-card[b-m2q0ptfz8i] {
        padding: 0.85rem;
        border-radius: 20px;
    }

    .settings-section[b-m2q0ptfz8i] {
        border-radius: 16px;
    }

    .settings-shortcuts-head[b-m2q0ptfz8i] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-shortcuts-counter[b-m2q0ptfz8i] {
        width: fit-content;
    }
}
/* _content/rbs.Portal/Components/Components/UserPrivacy.razor.rz.scp.css */
.privacy-card[b-xb3gmw9bm2] {
    border-radius: 22px;
    border: 1px solid rgba(84, 84, 83, 0.10);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
    padding: 0.9rem;
}

.privacy-empty[b-xb3gmw9bm2] {
    text-align: center;
    color: #686c72;
    padding: 2rem;
}

.privacy-header[b-xb3gmw9bm2] {
    margin-bottom: 1.5rem;
}

.privacy-eyebrow[b-xb3gmw9bm2] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, white);
}

.privacy-title[b-xb3gmw9bm2] {
    margin: 0.2rem 0 0;
    font-size: 1.25rem;
    color: var(--bg-darkgreen, #545453);
}

.privacy-subtitle[b-xb3gmw9bm2] {
    margin: 0.35rem 0 0;
    color: #5f6165;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* ── Sections ── */

.privacy-section[b-xb3gmw9bm2] {
    padding: 1rem 0;
    border-top: 1px solid rgba(84, 84, 83, 0.08);
}

.privacy-section:first-of-type[b-xb3gmw9bm2] {
    border-top: 0;
    padding-top: 0;
}

.privacy-section-title[b-xb3gmw9bm2] {
    margin: 0;
    font-size: 1.05rem;
    color: var(--bg-darkgreen, #545453);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.privacy-section-text[b-xb3gmw9bm2] {
    margin: 0.3rem 0 0.8rem;
    color: #5f6165;
    font-size: 0.85rem;
    line-height: 1.5;
}

/* ── Document buttons grid ── */

.privacy-docs-grid[b-xb3gmw9bm2] {
    display: grid;
    gap: 0.5rem;
}

.privacy-doc-btn[b-xb3gmw9bm2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 16px;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    text-align: left;
    transition: background 0.15s, box-shadow 0.15s;
}

.privacy-doc-btn:hover[b-xb3gmw9bm2] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    box-shadow: 0 4px 12px rgba(25, 25, 25, 0.06);
}

.privacy-doc-icon[b-xb3gmw9bm2] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
}

.privacy-doc-info[b-xb3gmw9bm2] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.privacy-doc-info strong[b-xb3gmw9bm2] {
    font-size: 0.92rem;
    color: #2c2e32;
}

.privacy-doc-info small[b-xb3gmw9bm2] {
    font-size: 0.78rem;
    color: #686c72;
}

.privacy-doc-arrow[b-xb3gmw9bm2] {
    color: #9ca0a6;
    flex-shrink: 0;
}

/* ── ARCO rights grid ── */

.privacy-arco-grid[b-xb3gmw9bm2] {
    display: grid;
    gap: 0.5rem;
}

.privacy-arco-btn[b-xb3gmw9bm2] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 14px;
    padding: 0.8rem 0.85rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
    cursor: pointer;
    text-align: left;
    font-size: 0.9rem;
    color: #2c2e32;
    transition: background 0.15s;
}

.privacy-arco-btn:hover[b-xb3gmw9bm2] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

/* ── Consent toggles ── */

.privacy-consent-list[b-xb3gmw9bm2] {
    display: grid;
    gap: 0.6rem;
}

.privacy-consent-row[b-xb3gmw9bm2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(84, 84, 83, 0.08);
    border-radius: 14px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.privacy-consent-copy[b-xb3gmw9bm2] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.privacy-consent-copy strong[b-xb3gmw9bm2] {
    font-size: 0.9rem;
    color: #2c2e32;
}

.privacy-consent-copy small[b-xb3gmw9bm2] {
    font-size: 0.78rem;
    color: #686c72;
}

/* ── Danger zone ── */

.privacy-section--danger[b-xb3gmw9bm2] {
    border-color: rgba(217, 97, 91, 0.2);
    background: color-mix(in srgb, #d9615b 4%, transparent);
    border-radius: 16px;
    padding: 1rem;
    margin-top: 0.5rem;
}

.privacy-section--danger .privacy-section-title[b-xb3gmw9bm2] {
    color: #d9615b;
}

.privacy-danger-actions[b-xb3gmw9bm2] {
    display: grid;
    gap: 0.5rem;
}

.privacy-danger-btn[b-xb3gmw9bm2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    border: 1px solid rgba(217, 97, 91, 0.25);
    border-radius: 14px;
    padding: 0.8rem;
    background: rgba(217, 97, 91, 0.08);
    color: #d9615b;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.9rem;
    transition: background 0.15s;
}

.privacy-danger-btn:hover[b-xb3gmw9bm2] {
    background: rgba(217, 97, 91, 0.16);
}

@media (max-width: 640.98px) {
    .privacy-card[b-xb3gmw9bm2] {
        padding: 0.75rem;
    }
}
/* _content/rbs.Portal/Components/Components/UsersMobileView.razor.rz.scp.css */
.mobile-view[b-1rrafxl043] {
    display: grid;
    gap: 0.8rem;
}

.mobile-search-wrap[b-1rrafxl043] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 18px;
    padding: 0.5rem 0.9rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow: 0 8px 20px rgba(25, 25, 25, 0.06);
    backdrop-filter: blur(12px);
}

.mobile-search-icon[b-1rrafxl043] {
    font-size: 1.2rem;
    color: #8a909b;
    flex-shrink: 0;
}

.mobile-search-input[b-1rrafxl043] {
    flex: 1;
    border: 0;
    background: transparent;
    font-size: 0.88rem;
    font-weight: 500;
    color: #2d3138;
    outline: none;
    min-width: 0;
}

.mobile-search-input[b-1rrafxl043]::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

.mobile-search-clear[b-1rrafxl043] {
    border: 0;
    background: transparent;
    color: #8a909b;
    cursor: pointer;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    border-radius: 999px;
    transition: background 0.15s ease, color 0.15s ease;
}

.mobile-search-clear:hover[b-1rrafxl043] {
    background: rgba(84, 84, 83, 0.1);
    color: #2d3138;
}

.mobile-card[b-1rrafxl043] {
    border-radius: 22px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
    backdrop-filter: blur(12px);
    padding: 0.85rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mobile-card:hover[b-1rrafxl043] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(25, 25, 25, 0.1);
}

.mobile-card-top[b-1rrafxl043] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.mobile-card-name-wrap[b-1rrafxl043] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    flex: 1;
}

.mobile-user-avatar[b-1rrafxl043] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    border: 1px solid rgba(84, 84, 83, 0.1);
    flex-shrink: 0;
    color: var(--bg-darkgreen, #545453);
}

.mobile-user-name[b-1rrafxl043] {
    font-weight: 800;
    font-size: 0.96rem;
    color: #1f1f1f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-card-badges[b-1rrafxl043] {
    margin-top: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.mobile-consent-badge[b-1rrafxl043] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 999px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.92);
    padding: 0.15rem 0.55rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #3d434c;
}

.mobile-card-info[b-1rrafxl043] {
    margin-top: 0.55rem;
    display: grid;
    gap: 0.22rem;
}

.mobile-info-row[b-1rrafxl043] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

.mobile-info-label[b-1rrafxl043] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8a909b;
    font-weight: 600;
    min-width: 4.2rem;
    flex-shrink: 0;
}

.mobile-info-value[b-1rrafxl043] {
    font-size: 0.84rem;
    color: #2d3138;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-card-actions[b-1rrafxl043] {
    margin-top: 0.6rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(84, 84, 83, 0.1);
}

.mobile-card-actions[b-1rrafxl043]  .rz-splitbutton {
    width: 100%;
}

.mobile-card-actions[b-1rrafxl043]  .rz-splitbutton-main {
    flex: 1;
}

.mobile-pagination[b-1rrafxl043] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.45rem;
    flex-wrap: wrap;
    border-radius: 18px;
    padding: 0.7rem;
    border: 1px solid rgba(84, 84, 83, 0.1);
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: calc(88px + env(safe-area-inset-bottom));
}

.mobile-pagination-info[b-1rrafxl043] {
    font-size: 0.8rem;
    color: #646b74;
    text-align: center;
}

.mobile-pagination-btn[b-1rrafxl043] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.mobile-pagination-btn:hover[b-1rrafxl043] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white);
}

.mobile-pagination-btn:disabled[b-1rrafxl043] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.mobile-empty-card[b-1rrafxl043] {
    border-radius: 22px;
    padding: 1.4rem 1rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
    display: grid;
    justify-items: center;
    gap: 0.5rem;
}

.mobile-empty-icon[b-1rrafxl043] {
    font-size: 2rem;
    color: #b7bcc5;
}

.mobile-empty-text[b-1rrafxl043] {
    color: #6b727c;
    font-weight: 600;
    font-size: 0.9rem;
}
/* _content/rbs.Portal/Components/Layout/CinderBody.razor.rz.scp.css */
.cinder-body[b-3k2puyo1fd] {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* _content/rbs.Portal/Components/Layout/CinderFooter.razor.rz.scp.css */
/* ================================================
   M3 Expressive — Floating Navigation Bar
   ================================================ */

/* Ancla flotante sobre el contenido */
.m3-nav-bar[b-uqbgcbflya] {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: calc(100% - 32px);
    max-width: 560px;
    pointer-events: none;
}

/* Cápsula principal */
.m3-nav-bar__container[b-uqbgcbflya] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 24px;
    padding: 6px 8px;
    box-shadow:
        0 4px 8px 3px rgba(0, 0, 0, 0.10),
        0 1px 3px rgba(0, 0, 0, 0.14),
        0 0 0 1px rgba(84, 84, 83, 0.06);
    pointer-events: all;
    gap: 2px;
}

/* Botón individual */
.m3-nav-item[b-uqbgcbflya] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 2px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    min-width: 40px;
    transition: opacity 0.2s ease;
}

.m3-nav-item:active[b-uqbgcbflya] {
    opacity: 0.7;
}

/* Cápsula indicadora (píldora) */
.m3-nav-item__indicator[b-uqbgcbflya] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 26px;
    border-radius: 13px;
    background-color: transparent;
    transition:
        background-color 0.3s cubic-bezier(0.2, 0, 0, 1),
        width 0.3s cubic-bezier(0.2, 0, 0, 1);
    overflow: hidden;
}

/* Ripple effect */
.m3-nav-item__indicator[b-uqbgcbflya]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: var(--bg-darkgreen);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.m3-nav-item:hover .m3-nav-item__indicator[b-uqbgcbflya]::after {
    opacity: 0.08;
}

.m3-nav-item:active .m3-nav-item__indicator[b-uqbgcbflya]::after {
    opacity: 0.16;
}

/* Icono */
.m3-nav-item__icon[b-uqbgcbflya] {
    font-family: 'Material Symbols Rounded', sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20;
    color: var(--bg-darkgreen);
    line-height: 1;
    transition:
        font-variation-settings 0.3s cubic-bezier(0.2, 0, 0, 1),
        transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    user-select: none;
}

/* Etiqueta */
.m3-nav-item__label[b-uqbgcbflya] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--bg-darkgreen);
    white-space: nowrap;
    opacity: 0.6;
    transition:
        opacity 0.3s ease,
        font-weight 0.2s ease,
        transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ── Estado ACTIVO ── */

.m3-nav-item--active .m3-nav-item__indicator[b-uqbgcbflya] {
    background-color: var(--bg-darkgreen);
    width: 52px;
}

.m3-nav-item--active .m3-nav-item__icon[b-uqbgcbflya] {
    font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 20;
    color: #ffffff;
    transform: translateY(-1px);
}

.m3-nav-item--active .m3-nav-item__label[b-uqbgcbflya] {
    opacity: 1;
    font-weight: 700;
    transform: translateY(1px);
}

/* Anula el hover ripple cuando ya está activo */
.m3-nav-item--active .m3-nav-item__indicator[b-uqbgcbflya]::after {
    background-color: #ffffff;
}

/* ── Responsive: pantallas grandes usan sidebar, ocultar barra ── */
@media (min-width: 641px) {
    .m3-nav-bar[b-uqbgcbflya] {
        display: none;
    }
}

/* Espacio inferior para que el contenido no quede tapado */
[b-uqbgcbflya] .cinder-body {
    padding-bottom: 72px !important;
}
/* _content/rbs.Portal/Components/Layout/CinderHeader.razor.rz.scp.css */
.cinder-header[b-kskup98hvq] {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: block;
    position: sticky;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    grid-column: 1 / -1;
    padding: 0.65rem 0.85rem;
    border-bottom: 0;
    z-index: 12;
}

.cinder-header__surface[b-kskup98hvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    width: 100%;
    border: 1px solid rgba(84, 84, 83, 0.08);
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 0.72);
    box-shadow:
        0 4px 8px 3px rgba(0, 0, 0, 0.10),
        0 1px 3px rgba(0, 0, 0, 0.14),
        0 0 0 1px rgba(84, 84, 83, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 0.45rem 0.55rem;
}

.cinder-header__left[b-kskup98hvq],
.cinder-header__right[b-kskup98hvq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.cinder-header__brand[b-kskup98hvq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.cinder-header__logo[b-kskup98hvq] {
    display: block;
    width: 35px;
    height: auto;
    max-width: 35px;
    object-fit: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
    flex: 0 0 35px;
}

.cinder-header__title[b-kskup98hvq] {
    color: var(--bg-darkgreen, #545453);
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(46vw, 420px);
}

.cinder-header__icon-btn[b-kskup98hvq],
.cinder-header__account-btn[b-kskup98hvq] {
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    height: 38px;
    min-width: 38px;
    padding: 0 0.7rem;
    color: var(--bg-darkgreen, #545453);
    background: transparent;
    cursor: pointer;
    transition: transform 0.13s ease, background 0.14s ease, color 0.14s ease;
}

.cinder-header__icon-btn:hover[b-kskup98hvq],
.cinder-header__account-btn:hover[b-kskup98hvq] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.cinder-header__icon-btn.is-static[b-kskup98hvq] {
    opacity: 0.8;
    cursor: default;
}

.cinder-header__role[b-kskup98hvq] {
    border: 1px solid rgba(84, 84, 83, 0.12);
    border-radius: 999px;
    color: var(--bg-darkgreen, #545453);
    background: rgba(255, 255, 255, 0.66);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.58rem;
}

.cinder-header__account-icon[b-kskup98hvq] {
    font-size: 1.1rem;
}

.cinder-header__account-icon.is-alert[b-kskup98hvq] {
    color: #d64545;
}

.cinder-header__counter[b-kskup98hvq] {
    min-width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0 0.26rem;
    color: #fff;
    background: #d64545;
}

@media (max-width: 640.98px) {
     .cinder-header[b-kskup98hvq] {
         padding: 0.55rem 0.55rem 0.4rem;
     }

     .cinder-header__surface[b-kskup98hvq] {
         border-radius: 22px;
         padding: 0.4rem 0.42rem;
     }

     .cinder-header__title[b-kskup98hvq] {
         max-width: min(36vw, 220px);
         font-size: 0.9rem;
     }

     .cinder-header__role[b-kskup98hvq] {
         display: inline-block;
     }

    .cinder-header__icon-btn[b-kskup98hvq],
    .cinder-header__account-btn[b-kskup98hvq] {
        height: 34px;
        min-width: 34px;
        padding: 0 0.58rem;
    }
}

/* _content/rbs.Portal/Components/Layout/CinderLayout.razor.rz.scp.css */
.cinder-layout[b-jxixc1bpyg] {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* _content/rbs.Portal/Components/Layout/CinderLeftSidebar.razor.rz.scp.css */
.left-user-panel[b-mg0oujshch] {
    position: fixed;
    top: 0;
    left: 0;
    width: min(90vw, 360px);
    height: 100vh;
    transform: translateX(-110%);
    transition: transform 180ms ease;
    pointer-events: none;
    z-index: 1000;
}

.left-user-panel.is-open[b-mg0oujshch] {
    transform: translateX(0);
    pointer-events: auto;
}

.left-panel-shell[b-mg0oujshch] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.88);
    border-inline-end: 1px solid rgba(84, 84, 83, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.lpm-header[b-mg0oujshch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lpm-eyebrow[b-mg0oujshch] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
    font-weight: 700;
}

.lpm-close-btn[b-mg0oujshch] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background 0.15s ease;
}

.lpm-close-btn:hover[b-mg0oujshch] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 20%, white);
}

.lpm-nav[b-mg0oujshch] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    overflow-y: auto;
    padding-right: 0.1rem;
}

.lpm-item[b-mg0oujshch],
.lpm-summary[b-mg0oujshch] {
    width: 100%;
    border: 1px solid rgba(84, 84, 83, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--bg-darkgreen, #545453);
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.85rem;
    font-size: 0.92rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: transform 0.13s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.lpm-item:hover[b-mg0oujshch],
.lpm-summary:hover[b-mg0oujshch] {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(28, 28, 28, 0.10);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.lpm-group[b-mg0oujshch] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.lpm-group > summary[b-mg0oujshch] {
    list-style: none;
}

.lpm-group > summary[b-mg0oujshch]::-webkit-details-marker {
    display: none;
}

.lpm-summary-main[b-mg0oujshch] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.lpm-chevron[b-mg0oujshch] {
    margin-left: auto;
    transition: transform 0.2s ease;
    opacity: 0.7;
}

.lpm-group[open] .lpm-chevron[b-mg0oujshch] {
    transform: rotate(180deg);
    opacity: 1;
}

.lpm-children[b-mg0oujshch] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding-left: 0.7rem;
}

.lpm-item--child[b-mg0oujshch] {
    font-size: 0.86rem;
    font-weight: 500;
    padding-block: 0.55rem;
}

.lpm-empty[b-mg0oujshch] {
    margin: 0;
    font-size: 0.85rem;
    color: #8a8e94;
    text-align: center;
    padding: 1rem 0.2rem;
}

@media (max-width: 640.98px) {
    .left-user-panel[b-mg0oujshch] {
        width: min(100vw, 320px);
        z-index: 1000;
    }
}
/* _content/rbs.Portal/Components/Layout/CinderRightSidebar.razor.rz.scp.css */
.right-user-panel[b-zo4kxooyav] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(90vw, 360px);
    height: 100vh;
    z-index: 20;
    transform: translateX(110%);
    transition: transform 180ms ease;
    pointer-events: none;
}

.right-user-panel.is-open[b-zo4kxooyav] {
    transform: translateX(0);
    pointer-events: auto;
}

.right-user-panel__content[b-zo4kxooyav] {
    height: 100%;
    box-shadow: -8px 0 28px rgba(0, 0, 0, 0.14);
    background: rgba(255, 255, 255, 0.88);
    border-inline-start: 1px solid rgba(84, 84, 83, 0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.rup-scroll[b-zo4kxooyav] {
    flex: 1;
    overflow-y: auto;
    padding: 1.1rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.rup-header[b-zo4kxooyav] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rup-eyebrow[b-zo4kxooyav] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
    font-weight: 700;
}

.rup-close-btn[b-zo4kxooyav] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background 0.15s ease;
}

.rup-close-btn:hover[b-zo4kxooyav] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 20%, white);
}

.rup-actions[b-zo4kxooyav] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rup-action-btn[b-zo4kxooyav] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: 0;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.13s ease, box-shadow 0.15s ease;
    text-align: left;
}

.rup-action-btn:hover[b-zo4kxooyav] {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(28, 28, 28, 0.10);
}

.rup-action-btn--primary[b-zo4kxooyav] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.rup-action-btn--secondary[b-zo4kxooyav] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.12);
}

.rup-action-btn--ghost[b-zo4kxooyav] {
    background: transparent;
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.18);
}

.rup-action-btn--ghost:hover[b-zo4kxooyav] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
}

.rup-swap-toggle .rz-icon:last-child[b-zo4kxooyav] {
    margin-left: auto;
    transition: transform 0.22s ease;
    opacity: 0.6;
}

.rup-swap-toggle.is-expanded .rz-icon:last-child[b-zo4kxooyav] {
    transform: rotate(180deg);
    opacity: 1;
}

.rup-swap-accounts[b-zo4kxooyav] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 0 4px 8px;
}

.rup-account-card[b-zo4kxooyav] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(84, 84, 83, 0.12);
    border-radius: 12px;
    padding: 10px 14px;
    cursor: pointer;
    text-align: left;
    color: var(--bg-darkgreen, #545453);
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
}

.rup-account-card:hover[b-zo4kxooyav] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(84, 84, 83, 0.12);
}

.rup-account-info[b-zo4kxooyav] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rup-account-name[b-zo4kxooyav] {
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rup-account-email[b-zo4kxooyav] {
    font-size: 0.75rem;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rup-divider[b-zo4kxooyav] {
    border: none;
    border-top: 1px solid rgba(84, 84, 83, 0.14);
    margin: 0;
}

.rup-section-header[b-zo4kxooyav] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rup-section-label[b-zo4kxooyav] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
    font-weight: 700;
}

.rup-link-btn[b-zo4kxooyav] {
    border: 0;
    background: transparent;
    color: var(--bg-darkgreen, #545453);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    transition: background 0.13s ease;
}

.rup-link-btn:hover[b-zo4kxooyav] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.rup-empty[b-zo4kxooyav] {
    margin: 0;
    color: #8a8e94;
    font-size: 0.88rem;
    text-align: center;
    padding: 0.5rem 0;
}

.rup-notif-list[b-zo4kxooyav] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.rup-notif-card[b-zo4kxooyav] {
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-left: 4px solid transparent;
    border-radius: 14px;
    padding: 0.7rem 0.85rem;
    box-shadow: 0 6px 16px rgba(25, 25, 25, 0.06);
    transition: transform 0.13s ease;
}

.rup-notif-card:hover[b-zo4kxooyav] {
    transform: translateY(-1px);
}

.rup-notif-card.is-unread[b-zo4kxooyav] {
    border-left-color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 5%, white);
}

.rup-notif-meta[b-zo4kxooyav] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.3rem;
}

.rup-notif-meta-row[b-zo4kxooyav] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.rup-notif-actions[b-zo4kxooyav] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.rup-notif-icon-btn[b-zo4kxooyav] {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 75%, white);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.rup-notif-icon-btn:hover:not(:disabled)[b-zo4kxooyav] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.rup-notif-icon-btn.is-danger:hover:not(:disabled)[b-zo4kxooyav] {
    background: color-mix(in srgb, #d9534f 12%, white);
    color: #b33d3a;
}

.rup-notif-icon-btn:disabled[b-zo4kxooyav] {
    opacity: 0.45;
    cursor: not-allowed;
}

.rup-notif-badge[b-zo4kxooyav] {
    display: inline-block;
    background: var(--rz-primary);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
}

.rup-notif-date[b-zo4kxooyav] {
    font-size: 0.74rem;
    color: #8a8e94;
}

.rup-notif-msg[b-zo4kxooyav] {
    margin: 0;
    font-size: 0.88rem;
    color: #62656b;
    line-height: 1.4;
}

.rup-notif-msg.is-unread[b-zo4kxooyav] {
    color: var(--bg-darkgreen, #545453);
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .right-user-panel[b-zo4kxooyav] {
        width: min(100vw, 320px);
    }
}
/* _content/rbs.Portal/Components/Layout/MainLayout.razor.rz.scp.css */
.layout-body-content[b-dy4s7lvatq] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* El div raíz de cada página ocupa toda la altura disponible */
.layout-body-content[b-dy4s7lvatq]  > div {
    flex: 1;
}

/* Espacio inferior para la barra de navegación flotante en móvil */
@media (max-width: 640.98px) {
   /* .layout-body-content {
        padding-bottom: calc(88px + env(safe-area-inset-bottom));
    }*/

   /* .layout-body-content::after {
        content: "";
        display: block;
        height: 12px;
    }*/

    [b-dy4s7lvatq] .cinder-body {
        padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Act.razor.rz.scp.css */
.act-shell[b-ucu2nlwg85] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Hero ───────────────────────────────────────────── */
.act-hero[b-ucu2nlwg85] {
    border-radius: 28px;
    padding: 1.1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.act-hero-content[b-ucu2nlwg85] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.act-hero-icon[b-ucu2nlwg85] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.act-eyebrow[b-ucu2nlwg85] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.act-title[b-ucu2nlwg85] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.act-subtitle[b-ucu2nlwg85] {
    margin: 0.3rem 0 0;
    color: #5f636b;
    font-size: 0.95rem;
}

/* ── Toolbar ────────────────────────────────────────── */
.act-toolbar-wrap[b-ucu2nlwg85] {
    position: sticky;
    top: 0;
    z-index: 10;
    border-radius: 22px;
    padding: 0.85rem 1rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 8px 24px rgba(25, 25, 25, 0.07);
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.act-toolbar-date[b-ucu2nlwg85] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.act-toolbar-label[b-ucu2nlwg85] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.act-toolbar-status[b-ucu2nlwg85] {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

/* ── Status pill toggles ── */
[b-ucu2nlwg85] .act-status-radios .rz-radio-button-list {
    display: flex;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    border-radius: 999px;
    padding: 3px;
    gap: 2px;
    border: 1px solid rgba(84, 84, 83, 0.1);
    width: fit-content;
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn {
    list-style: none;
    margin: 0;
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn-box {
    display: none;
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn-label {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #6f7278;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    white-space: nowrap;
    border: 1px solid transparent;
    user-select: none;
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn-label:hover {
    color: var(--bg-darkgreen, #545453);
    background: rgba(255, 255, 255, 0.6);
}

/* ── Draft selected ── */
[b-ucu2nlwg85] .act-status-radios .rz-radiobtn:first-child .rz-radiobtn-label.rz-state-active {
    background: #fff;
    color: #4a4a4a;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn:first-child .rz-radiobtn-label.rz-state-active::before {
    content: "●";
    font-size: 0.5rem;
    color: #999;
}

/* ── Scheduled selected ── */
[b-ucu2nlwg85] .act-status-radios .rz-radiobtn:nth-child(2) .rz-radiobtn-label.rz-state-active {
    background: #fff;
    color: #9a7b1f;
    border-color: rgba(154, 123, 31, 0.15);
    box-shadow: 0 2px 6px rgba(154, 123, 31, 0.12);
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn:nth-child(2) .rz-radiobtn-label.rz-state-active::before {
    content: "◎";
    font-size: 0.75rem;
}

/* ── Published selected ── */
[b-ucu2nlwg85] .act-status-radios .rz-radiobtn:last-child .rz-radiobtn-label.rz-state-active {
    background: #fff;
    color: #1f7a4a;
    border-color: rgba(31, 122, 74, 0.15);
    box-shadow: 0 2px 6px rgba(31, 122, 74, 0.12);
}

[b-ucu2nlwg85] .act-status-radios .rz-radiobtn:last-child .rz-radiobtn-label.rz-state-active::before {
    content: "✓";
    font-weight: 800;
    font-size: 0.75rem;
}

.act-toolbar-scheduled[b-ucu2nlwg85] {
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    animation: fadeSlideIn-b-ucu2nlwg85 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes fadeSlideIn-b-ucu2nlwg85 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.act-toolbar-actions[b-ucu2nlwg85] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

/* ── Buttons ────────────────────────────────────────── */
.act-btn[b-ucu2nlwg85] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.act-btn:disabled[b-ucu2nlwg85] {
    opacity: 0.58;
    cursor: not-allowed;
}

.act-btn--primary[b-ucu2nlwg85] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.act-btn--secondary[b-ucu2nlwg85] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

/* ── Editor ─────────────────────────────────────────── */
.act-editor-wrap[b-ucu2nlwg85] {
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
}

.act-editor-title[b-ucu2nlwg85] {
    margin: 0 0 0.65rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    font-size: 1rem;
}

[b-ucu2nlwg85] .act-editor .rz-html-editor-content {
    font-size: 1rem;
    line-height: 1.55;
    padding: 1rem;
}

/* ── Grid ───────────────────────────────────────────── */
.act-grid-wrap[b-ucu2nlwg85] {
    border-radius: 24px;
    padding: 0.8rem 1rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

.act-section-label[b-ucu2nlwg85] {
    margin: 0 0 0.65rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

/* ── Status badges ──────────────────────────────────── */
[b-ucu2nlwg85] .badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.65rem 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    text-transform: uppercase;
}

[b-ucu2nlwg85] .badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

[b-ucu2nlwg85] .badge--draft {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    color: #6b6f76;
}

[b-ucu2nlwg85] .badge--draft::before {
    background: #9ea2a8;
}

[b-ucu2nlwg85] .badge--scheduled {
    background: color-mix(in srgb, #e8a317 14%, white);
    color: #7d6219;
}

[b-ucu2nlwg85] .badge--scheduled::before {
    background: #e8a317;
}

[b-ucu2nlwg85] .badge--published {
    background: color-mix(in srgb, #2b8f5c 12%, white);
    color: #1a6b3f;
}

[b-ucu2nlwg85] .badge--published::before {
    background: #2b8f5c;
}

.act-muted[b-ucu2nlwg85] {
    color: #999;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 640.98px) {
    .act-shell[b-ucu2nlwg85] {
        padding: 0.75rem 0.4rem 5.8rem;
    }

    .act-toolbar-wrap[b-ucu2nlwg85] {
        flex-direction: column;
        align-items: stretch;
    }

    .act-toolbar-date[b-ucu2nlwg85] {
        flex: 1 1 100%;
    }

    .act-toolbar-status[b-ucu2nlwg85] {
        flex: 1 1 100%;
    }

    [b-ucu2nlwg85] .act-status-radios .rz-radio-button-list {
        width: 100%;
    }

    [b-ucu2nlwg85] .act-status-radios .rz-radiobtn {
        flex: 1;
    }

    [b-ucu2nlwg85] .act-status-radios .rz-radiobtn-label {
        justify-content: center;
        width: 100%;
    }

    .act-toolbar-scheduled[b-ucu2nlwg85] {
        flex: 1 1 100%;
    }

    .act-toolbar-actions[b-ucu2nlwg85] {
        justify-content: stretch;
    }

    .act-btn[b-ucu2nlwg85] {
        flex: 1;
        justify-content: center;
    }

    [b-ucu2nlwg85] .act-editor .rz-html-editor-content {
        font-size: 0.95rem;
        padding: 0.75rem;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Events.razor.rz.scp.css */
.events-editor-shell[b-5iqjz145ks] {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 1.2rem 0.6rem 6.2rem;
}

.events-editor-hero[b-5iqjz145ks] {
    border-radius: 28px;
    padding: 1.1rem 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.events-editor-eyebrow[b-5iqjz145ks] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.events-editor-hero h1[b-5iqjz145ks] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.5rem, 2.8vw, 2rem);
    color: var(--bg-darkgreen, #545453);
}

.events-editor-hero p[b-5iqjz145ks] {
    margin: 0.35rem 0 0;
    color: #5f636b;
}

.events-editor-add-btn[b-5iqjz145ks] {
    border: 0;
    border-radius: 999px;
    padding: 0.7rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 72%, black));
    box-shadow: 0 12px 22px rgba(84, 84, 83, 0.26);
}

.events-editor-grid-wrap[b-5iqjz145ks] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
}

[b-5iqjz145ks] .events-editor-grid .rz-datatable-tablewrapper,
[b-5iqjz145ks] .events-editor-slot-grid .rz-datatable-tablewrapper {
    border-radius: 18px;
}

.events-editor-slot-grid-wrap[b-5iqjz145ks] {
    padding: 0.4rem;
    border-radius: 18px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 4%, white);
}

[b-5iqjz145ks] .events-editor-actions .rz-button,
[b-5iqjz145ks] .events-editor-slot-actions .rz-button {
    border-radius: 12px;
}

@media (max-width: 960.98px) {
    .events-editor-hero[b-5iqjz145ks] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640.98px) {
    .events-editor-shell[b-5iqjz145ks] {
        padding: 1rem 0.3rem 5.8rem;
    }

    .events-editor-add-btn[b-5iqjz145ks] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/FamilyGroups.razor.rz.scp.css */
/* ── FamilyGroups – página de administración ── */

.fg-shell[b-mz6hs4ynpe] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
}

/* ── Hero ── */
.fg-hero[b-mz6hs4ynpe] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.fg-hero-content[b-mz6hs4ynpe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fg-hero-icon[b-mz6hs4ynpe] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.fg-eyebrow[b-mz6hs4ynpe] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.fg-title[b-mz6hs4ynpe] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.fg-add-btn[b-mz6hs4ynpe] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.fg-add-btn:hover[b-mz6hs4ynpe] {
    opacity: 0.88;
}

/* ── Estados vacío / carga ── */
.fg-loading[b-mz6hs4ynpe] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

.fg-empty[b-mz6hs4ynpe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 2.5rem 1.25rem;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.fg-empty-icon[b-mz6hs4ynpe] {
    font-size: 2.2rem !important;
    color: var(--bg-darkgreen, #545453);
    opacity: 0.45;
}

.fg-empty p[b-mz6hs4ynpe] {
    margin: 0;
    color: #64696f;
    font-size: 0.9rem;
}

/* ── Grid de tarjetas ── */
.fg-grid[b-mz6hs4ynpe] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}

/* ── Card de grupo ── */
.fg-card[b-mz6hs4ynpe] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.fg-card-header[b-mz6hs4ynpe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.fg-card-title-row[b-mz6hs4ynpe] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    color: var(--bg-darkgreen, #545453);
}

.fg-card-name[b-mz6hs4ynpe] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fg-card-actions[b-mz6hs4ynpe] {
    display: flex;
    gap: 0.3rem;
    flex-shrink: 0;
}

.fg-card-count[b-mz6hs4ynpe] {
    margin: -0.3rem 0 0;
    font-size: 0.77rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 58%, white);
}

/* ── Lista de miembros dentro de la card ── */
.fg-member-list[b-mz6hs4ynpe] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.fg-member-item[b-mz6hs4ynpe] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border-radius: 18px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    color: var(--bg-darkgreen, #545453);
}

.fg-member-detail[b-mz6hs4ynpe] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.fg-member-name[b-mz6hs4ynpe] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1f1f1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Añadir miembro ── */
.fg-divider[b-mz6hs4ynpe] {
    border: none;
    border-top: 1px solid rgba(84, 84, 83, 0.10);
    margin: 0;
}

.fg-add-member[b-mz6hs4ynpe] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.fg-add-member-select[b-mz6hs4ynpe] {
    flex: 1;
}

/* ── Responsive ── */
@media (max-width: 960.98px) {
    .fg-hero[b-mz6hs4ynpe] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640.98px) {
    .fg-shell[b-mz6hs4ynpe] {
        padding: 1rem 0.4rem 5.8rem;
    }

    .fg-add-btn[b-mz6hs4ynpe] {
        width: 100%;
        justify-content: center;
    }

    .fg-hero[b-mz6hs4ynpe],
    .fg-card[b-mz6hs4ynpe] {
        border-radius: 20px;
    }

    .fg-grid[b-mz6hs4ynpe] {
        grid-template-columns: 1fr;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/ManageTemporalVirtualCards.razor.rz.scp.css */
.temp-cards-shell[b-ny3nirygj9] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
}

.temp-cards-hero[b-ny3nirygj9] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.temp-cards-hero-content[b-ny3nirygj9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.temp-cards-hero-icon[b-ny3nirygj9] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.temp-cards-eyebrow[b-ny3nirygj9] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.temp-cards-title[b-ny3nirygj9] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.temp-cards-subtitle[b-ny3nirygj9] {
    margin: 0.3rem 0 0;
    color: #5f636b;
    font-size: 0.95rem;
}

.temp-cards-add-btn[b-ny3nirygj9] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.temp-cards-add-btn:hover[b-ny3nirygj9] {
    opacity: 0.88;
}

.temp-cards-grid-wrap[b-ny3nirygj9] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

@media (max-width: 960.98px) {
    .temp-cards-hero[b-ny3nirygj9] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640.98px) {
    .temp-cards-shell[b-ny3nirygj9] {
        padding: 1rem 0.4rem 5.8rem;
    }

    .temp-cards-add-btn[b-ny3nirygj9] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Merchs.razor.rz.scp.css */
.merchs-shell[b-mwua55qdmk] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
    --merch-image-size: clamp(40px, 9vw, 54px);
}

.merchs-hero[b-mwua55qdmk] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.merchs-hero-content[b-mwua55qdmk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.merchs-hero-icon[b-mwua55qdmk] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.merchs-eyebrow[b-mwua55qdmk] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.merchs-title[b-mwua55qdmk] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.merchs-add-btn[b-mwua55qdmk] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.merchs-add-btn:hover[b-mwua55qdmk] {
    opacity: 0.88;
}

.merchs-grid-wrap[b-mwua55qdmk] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

.merchs-mobile-view[b-mwua55qdmk] {
    display: none;
}

.merchs-mobile-list[b-mwua55qdmk] {
    display: grid;
    gap: 0.75rem;
}

.merch-mobile-card[b-mwua55qdmk] {
    border-radius: 22px;
    padding: 0.9rem;
    display: grid;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.merch-mobile-head[b-mwua55qdmk] {
    display: grid;
    grid-template-columns: var(--merch-image-size) minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
}

.merch-uniform-image[b-mwua55qdmk] {
    width: var(--merch-image-size);
    height: var(--merch-image-size);
    max-width: 6dvh;
    object-fit: cover;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.merch-uniform-image--grid[b-mwua55qdmk] {
    border-radius: 12px;
}

.merch-uniform-image--card[b-mwua55qdmk] {
    border-radius: 14px;
}

.merch-mobile-copy[b-mwua55qdmk] {
    min-width: 0;
}

.merch-mobile-name[b-mwua55qdmk] {
    margin: 0;
    font-size: 1.02rem;
    color: #1f1f1f;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merch-mobile-price[b-mwua55qdmk] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-weight: 700;
}

.merch-mobile-meta[b-mwua55qdmk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.merch-mobile-chip[b-mwua55qdmk] {
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.merch-mobile-chip--enabled[b-mwua55qdmk] {
    color: #2e6b45;
    background: color-mix(in srgb, #2e6b45 15%, white);
}

.merch-mobile-chip--disabled[b-mwua55qdmk] {
    color: #8a4e49;
    background: color-mix(in srgb, #b4655e 12%, white);
}

.merch-mobile-actions[b-mwua55qdmk] {
    display: flex;
    gap: 0.55rem;
}

.merch-mobile-action-btn[b-mwua55qdmk] {
    flex: 1;
    border: 0;
    border-radius: 12px;
    padding: 0.62rem 0.7rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
}

.merch-mobile-action-btn--danger[b-mwua55qdmk] {
    color: #8a4e49;
    background: color-mix(in srgb, #b4655e 12%, white);
}

.merchs-empty-mobile[b-mwua55qdmk] {
    border-radius: 22px;
    padding: 1.4rem 1rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.merchs-empty-title[b-mwua55qdmk] {
    margin: 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.2rem;
}

.merchs-empty-text[b-mwua55qdmk] {
    margin: 0.45rem 0 0;
    color: #64676b;
    line-height: 1.45;
}

@media (max-width: 960.98px) {
    .merchs-hero[b-mwua55qdmk] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640.98px) {
    .merchs-shell[b-mwua55qdmk] {
        padding: 1rem 0.4rem 5.8rem;
        --merch-image-size: clamp(38px, 14vw, 52px);
    }

    .merchs-add-btn[b-mwua55qdmk] {
        width: 100%;
        justify-content: center;
    }

    .merchs-hero[b-mwua55qdmk],
    .merch-mobile-card[b-mwua55qdmk],
    .merchs-empty-mobile[b-mwua55qdmk] {
        border-radius: 20px;
    }

    .merchs-desktop-view[b-mwua55qdmk] {
        display: none;
    }

    .merchs-mobile-view[b-mwua55qdmk] {
        display: block;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Movements.razor.rz.scp.css */
.dashboard-container[b-gicj7qajci] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-card[b-gicj7qajci] {
    border-radius: 12px;
    border: 1px solid #e7edf6;
    box-shadow: 0 2px 10px rgba(12, 26, 75, 0.05);
}

.card-title[b-gicj7qajci] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 10px;
}

.view-switcher-card[b-gicj7qajci] {
    background: linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);
}

.view-switcher-buttons[b-gicj7qajci] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.kpi-info-note[b-gicj7qajci] {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: #eef6ff;
    border: 1px solid #c7defa;
    color: #1e3a5f;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.92rem;
}

.interchange-compact-grid[b-gicj7qajci] {
    display: grid;
    grid-template-columns: 130px repeat(3, minmax(120px, 1fr));
    gap: 8px 12px;
    align-items: center;
    font-size: 0.9rem;
}

.interchange-compact-head[b-gicj7qajci] {
    font-weight: 700;
    color: #475569;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.interchange-compact-label[b-gicj7qajci] {
    font-weight: 700;
    color: #1e293b;
}

.interchange-compact-value[b-gicj7qajci] {
    font-weight: 600;
    color: #0f172a;
}

.row-filters .filters-grid[b-gicj7qajci] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.metrics-inline[b-gicj7qajci] {
    display: grid;
    gap: 10px;
}

.metrics-inline.metrics-3[b-gicj7qajci] {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
}

.metrics-inline.metrics-4[b-gicj7qajci] {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
}

.filters-actions[b-gicj7qajci] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
}

.row-two-grid[b-gicj7qajci] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 10px;
}

.left-metrics-block .metrics-inline[b-gicj7qajci] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 10px;
}

.metrics-inline span[b-gicj7qajci] {
    display: block;
    color: #6b7280;
    font-size: 0.8rem;
}

.metrics-inline strong[b-gicj7qajci] {
    font-size: 1.05rem;
    color: #111827;
}

.income[b-gicj7qajci] {
    color: #15803d !important;
}

.expense[b-gicj7qajci] {
    color: #b91c1c !important;
}

.balance[b-gicj7qajci] {
    color: #1d4ed8 !important;
}

.table-header-row[b-gicj7qajci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.metrics-grid[b-gicj7qajci] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}

.metrics-grid.compact[b-gicj7qajci] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.metric-card[b-gicj7qajci] {
    border-radius: 12px;
    border: 1px solid #e8edf4;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.metric-card.highlight[b-gicj7qajci] {
    border-color: #b9d6ff;
    background: linear-gradient(180deg, #eef5ff 0%, #f5f9ff 100%);
}

.metric-title[b-gicj7qajci] {
    font-size: 0.85rem;
    color: #5b6472;
    margin-bottom: 6px;
    font-weight: 600;
}

.metric-value[b-gicj7qajci] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #162033;
}

.metric-value.income[b-gicj7qajci] {
    color: #1b8f3f;
}

.metric-value.expense[b-gicj7qajci] {
    color: #c53030;
}

.metric-value.balance[b-gicj7qajci] {
    color: #1d4ed8;
}

@media (max-width: 980px) {
    .row-two-grid[b-gicj7qajci] {
        grid-template-columns: 1fr;
    }

    .left-metrics-block .metrics-inline[b-gicj7qajci] {
        grid-template-columns: 1fr 1fr;
    }

    .metrics-inline.metrics-4[b-gicj7qajci] {
        grid-template-columns: 1fr 1fr;
    }

    .metrics-inline.metrics-3[b-gicj7qajci] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Desktop: mostrar grid, ocultar vista móvil */
@media (min-width: 769px) {
    .desktop-view[b-gicj7qajci] {
        display: block;
    }

    .mobile-view[b-gicj7qajci] {
        display: none;
    }
}

/* Móvil: ocultar grid y mostrar tarjetas */
@media (max-width: 768px) {
    .desktop-view[b-gicj7qajci] {
        display: none;
    }

    .mobile-view[b-gicj7qajci] {
        display: block;
    }

    .row-filters .filters-grid[b-gicj7qajci] {
        grid-template-columns: 1fr;
    }

    .left-metrics-block .metrics-inline[b-gicj7qajci] {
        grid-template-columns: 1fr;
    }

    .metrics-inline.metrics-3[b-gicj7qajci],
    .metrics-inline.metrics-4[b-gicj7qajci] {
        grid-template-columns: 1fr;
    }

    .view-switcher-buttons[b-gicj7qajci] {
        flex-direction: column;
    }

    .interchange-compact-grid[b-gicj7qajci] {
        grid-template-columns: 1fr 1fr;
        gap: 6px 8px;
    }

    .interchange-compact-head[b-gicj7qajci] {
        display: none;
    }

    .table-header-row[b-gicj7qajci] {
        flex-direction: column;
        align-items: stretch;
    }

    .metrics-grid[b-gicj7qajci],
    .metrics-grid.compact[b-gicj7qajci] {
        grid-template-columns: 1fr;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/NewsConfigurationPage.razor.rz.scp.css */
.news-cfg-shell[b-e6awq55ese] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
}

.news-cfg-hero[b-e6awq55ese] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.news-cfg-hero-content[b-e6awq55ese] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.news-cfg-hero-icon[b-e6awq55ese] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.news-cfg-eyebrow[b-e6awq55ese] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.news-cfg-title[b-e6awq55ese] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.news-cfg-add-btn[b-e6awq55ese] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.news-cfg-add-btn:hover[b-e6awq55ese] {
    opacity: 0.88;
}

.news-cfg-grid-wrap[b-e6awq55ese] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

.news-cfg-actions[b-e6awq55ese] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.news-cfg-btn[b-e6awq55ese] {
    border: 0;
    border-radius: 14px;
    padding: 0.5rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.news-cfg-btn:hover[b-e6awq55ese] {
    opacity: 0.82;
}

.news-cfg-btn--secondary[b-e6awq55ese] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.news-cfg-btn--danger[b-e6awq55ese] {
    background: color-mix(in srgb, #dc2626 10%, white);
    color: #dc2626;
}

@media (max-width: 960.98px) {
    .news-cfg-hero[b-e6awq55ese] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640.98px) {
    .news-cfg-shell[b-e6awq55ese] {
        padding: 1rem 0.4rem 5.8rem;
    }

    .news-cfg-add-btn[b-e6awq55ese] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/NewsCreatePage.razor.rz.scp.css */
.news-create-shell[b-e8a7epi361] {
    width: min(900px, 100%);
    margin: 0 auto;
    padding: 1rem 1rem 6.2rem;
}

.news-create-hero[b-e8a7epi361] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.news-create-hero-content[b-e8a7epi361] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.news-create-hero-icon[b-e8a7epi361] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.news-create-eyebrow[b-e8a7epi361] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.news-create-title[b-e8a7epi361] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.news-create-card[b-e8a7epi361] {
    border-radius: 24px;
    padding: 1.2rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    display: grid;
    gap: 0.9rem;
}

.news-create-label[b-e8a7epi361] {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
    margin-bottom: 0.2rem;
}

.news-create-back-btn[b-e8a7epi361] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.news-create-back-btn:hover[b-e8a7epi361] {
    opacity: 0.82;
}

.news-create-input[b-e8a7epi361] {
    width: 100%;
}

.news-create-input[b-e8a7epi361]  input {
    border-radius: 14px;
    border: 1px solid rgba(84, 84, 83, 0.18);
    padding: 0.72rem 0.86rem;
    font-size: 1rem;
    font-weight: 600;
    color: #252525;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
}

.news-create-input[b-e8a7epi361]  input:focus {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 42%, white);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, transparent);
    outline: none;
}

.news-create-editor-wrap[b-e8a7epi361] {
    min-height: 50vh;
    border-radius: 16px;
    overflow: hidden;
}

.news-create-footer[b-e8a7epi361] {
    display: flex;
    justify-content: flex-end;
}

.news-create-save-btn[b-e8a7epi361] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.news-create-save-btn:hover:not(:disabled)[b-e8a7epi361] {
    opacity: 0.88;
}

.news-create-save-btn:disabled[b-e8a7epi361] {
    opacity: 0.62;
    cursor: not-allowed;
}

.news-create-saving-overlay[b-e8a7epi361] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
}

@media (max-width: 640.98px) {
    .news-create-shell[b-e8a7epi361] {
        padding: 1rem 0.3rem 5.8rem;
    }

    .news-create-hero[b-e8a7epi361] {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-create-back-btn[b-e8a7epi361] {
        width: 100%;
        justify-content: center;
    }

    .news-create-footer[b-e8a7epi361] {
        justify-content: stretch;
    }

    .news-create-save-btn[b-e8a7epi361] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Products.razor.rz.scp.css */
.products-shell[b-vad0z1wf17] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
    --product-image-size: clamp(40px, 9vw, 54px);
}

.products-hero[b-vad0z1wf17] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.products-hero-content[b-vad0z1wf17] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.products-hero-icon[b-vad0z1wf17] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.products-eyebrow[b-vad0z1wf17] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.products-title[b-vad0z1wf17] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.products-add-btn[b-vad0z1wf17] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.products-add-btn:hover[b-vad0z1wf17] {
    opacity: 0.88;
}

.products-grid-wrap[b-vad0z1wf17] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

.products-mobile-view[b-vad0z1wf17] {
    display: none;
}

.products-mobile-list[b-vad0z1wf17] {
    display: grid;
    gap: 0.75rem;
}

.product-mobile-card[b-vad0z1wf17] {
    border-radius: 22px;
    padding: 0.9rem;
    display: grid;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.product-mobile-head[b-vad0z1wf17] {
    display: grid;
    grid-template-columns: var(--product-image-size) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
}

.product-uniform-image[b-vad0z1wf17] {
    width: var(--product-image-size);
    height: var(--product-image-size);
    max-width: 6dvh;
    object-fit: cover;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.product-uniform-image--grid[b-vad0z1wf17] {
    border-radius: 12px;
}

.product-uniform-image--card[b-vad0z1wf17] {
    border-radius: 14px;
}

.product-mobile-copy[b-vad0z1wf17] {
    min-width: 0;
}

.product-mobile-name[b-vad0z1wf17] {
    margin: 0;
    font-size: 1.02rem;
    color: #1f1f1f;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-mobile-price[b-vad0z1wf17] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-weight: 700;
}

.product-mobile-edit-btn[b-vad0z1wf17] {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    display: grid;
    place-items: center;
    cursor: pointer;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.product-mobile-meta[b-vad0z1wf17] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.product-mobile-chip[b-vad0z1wf17] {
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.product-mobile-chip--enabled[b-vad0z1wf17] {
    color: #2e6b45;
    background: color-mix(in srgb, #2e6b45 15%, white);
}

.product-mobile-chip--disabled[b-vad0z1wf17] {
    color: #8a4e49;
    background: color-mix(in srgb, #b4655e 12%, white);
}

.product-mobile-toggle[b-vad0z1wf17] {
    border-radius: 16px;
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    color: #52575e;
    font-size: 0.88rem;
}

.products-empty-mobile[b-vad0z1wf17] {
    border-radius: 22px;
    padding: 1.4rem 1rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.products-empty-title[b-vad0z1wf17] {
    margin: 0;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.2rem;
}

.products-empty-text[b-vad0z1wf17] {
    margin: 0.45rem 0 0;
    color: #64676b;
    line-height: 1.45;
}

@media (max-width: 960.98px) {
    .products-hero[b-vad0z1wf17] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640.98px) {
    .products-shell[b-vad0z1wf17] {
        padding: 1rem 0.4rem 5.8rem;
        --product-image-size: clamp(38px, 14vw, 52px);
    }

    .products-add-btn[b-vad0z1wf17] {
        width: 100%;
        justify-content: center;
    }

    .products-hero[b-vad0z1wf17],
    .product-mobile-card[b-vad0z1wf17],
    .products-empty-mobile[b-vad0z1wf17] {
        border-radius: 20px;
    }

    .products-desktop-view[b-vad0z1wf17] {
        display: none;
    }

    .products-mobile-view[b-vad0z1wf17] {
        display: block;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Purchases.razor.rz.scp.css */
.purchases-shell[b-cz9tn8p617] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
}

.purchases-hero[b-cz9tn8p617] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.purchases-hero-content[b-cz9tn8p617] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.purchases-hero-icon[b-cz9tn8p617] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.purchases-eyebrow[b-cz9tn8p617] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.purchases-title[b-cz9tn8p617] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.purchases-grid-wrap[b-cz9tn8p617] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

@media (max-width: 640.98px) {
    .purchases-shell[b-cz9tn8p617] {
        padding: 1rem 0.4rem 5.8rem;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Recharge.razor.rz.scp.css */
.recharge-page-wrapper[b-pokkc4946o] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.recharge-container[b-pokkc4946o] {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 110px);
    padding: 1.1rem 0.8rem 6.2rem;
}

.recharge-shell[b-pokkc4946o] {
    width: min(760px, 100%);
    display: grid;
    gap: 0.9rem;
}

.recharge-hero[b-pokkc4946o],
.recharge-mode-card[b-pokkc4946o],
.recharge-amount-card[b-pokkc4946o],
.recharge-scan-card[b-pokkc4946o],
.recharge-user-card[b-pokkc4946o] {
    border-radius: 26px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 30px rgba(25, 25, 25, 0.07);
}

.recharge-hero[b-pokkc4946o] {
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 48%),
        rgba(255, 255, 255, 0.86);
}

.recharge-hero-title-row[b-pokkc4946o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.recharge-hero-icon[b-pokkc4946o] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.recharge-eyebrow[b-pokkc4946o] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.recharge-title[b-pokkc4946o] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.recharge-subtitle[b-pokkc4946o] {
    margin: 0.45rem 0 0.75rem;
    color: #5f646d;
}

.refund-nav-btn[b-pokkc4946o],
.recharge-scan-btn[b-pokkc4946o],
.recharge-cancel-btn[b-pokkc4946o],
.recharge-complete-btn[b-pokkc4946o],
.recharge-mode-btn[b-pokkc4946o] {
    border: 0;
    border-radius: 999px;
    padding: 0.65rem 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.refund-nav-btn:hover[b-pokkc4946o],
.recharge-scan-btn:hover[b-pokkc4946o],
.recharge-cancel-btn:hover[b-pokkc4946o],
.recharge-complete-btn:hover[b-pokkc4946o],
.recharge-mode-btn:hover[b-pokkc4946o] {
    transform: translateY(-1px);
}

.refund-nav-btn[b-pokkc4946o] {
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.recharge-mode-label[b-pokkc4946o] {
    margin: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.recharge-mode-toggle[b-pokkc4946o] {
    margin-top: 0.55rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.recharge-mode-btn[b-pokkc4946o] {
    color: #3a3f48;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.recharge-mode-btn.is-active[b-pokkc4946o] {
    color: #fff;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, black));
    box-shadow: 0 12px 22px rgba(84, 84, 83, 0.26);
}

.recharge-mode-current[b-pokkc4946o] {
    margin: 0.6rem 0 0;
    color: #5f646d;
    font-size: 0.92rem;
}

.recharge-input-label[b-pokkc4946o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
    margin-bottom: 0.45rem;
}

.recharge-input[b-pokkc4946o] {
    width: 100%;
}

.recharge-input[b-pokkc4946o]  input {
    border-radius: 14px;
    border: 1px solid rgba(84, 84, 83, 0.18);
    padding: 0.76rem 0.86rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: #252525;
    background: rgba(255, 255, 255, 0.9);
}

.recharge-input[b-pokkc4946o]  input:focus {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 42%, white);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, transparent);
}

.recharge-scan-card[b-pokkc4946o] {
    text-align: center;
}

.recharge-scan-card p[b-pokkc4946o] {
    margin: 0;
    color: #5f646d;
}

.recharge-scan-btn[b-pokkc4946o],
.recharge-complete-btn[b-pokkc4946o] {
    margin-top: 0.75rem;
    color: #fff;
    background: linear-gradient(135deg, var(--bg-darkgreen, #545453), color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, black));
    box-shadow: 0 12px 22px rgba(84, 84, 83, 0.24);
}

.recharge-user-label[b-pokkc4946o] {
    margin: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.recharge-user-name[b-pokkc4946o] {
    margin-top: 0.45rem;
    border-radius: 14px;
    padding: 0.7rem 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #2a2a2a;
    font-weight: 800;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.amount-display[b-pokkc4946o] {
    margin-top: 0.75rem;
    border-radius: 16px;
    padding: 0.8rem;
    display: grid;
    gap: 0.2rem;
    text-align: center;
    color: #2f3440;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(84, 84, 83, 0.14);
}

.amount-display span[b-pokkc4946o] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #676c75;
}

.amount-display strong[b-pokkc4946o] {
    font-size: clamp(1.4rem, 4vw, 1.9rem);
    color: var(--bg-darkgreen, #545453);
}

.recharge-btn-group[b-pokkc4946o] {
    margin-top: 0.85rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.recharge-cancel-btn[b-pokkc4946o] {
    color: #2f3440;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
}

.loading-overlay[b-pokkc4946o] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border-radius: 24px;
}

.loading-spinner-box[b-pokkc4946o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
}

.loading-text[b-pokkc4946o] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #2c3e50;
}

@media (max-width: 640.98px) {
    .recharge-container[b-pokkc4946o] {
        padding: 0.9rem 0.35rem 5.8rem;
    }

    .recharge-mode-toggle[b-pokkc4946o],
    .recharge-btn-group[b-pokkc4946o] {
        grid-template-columns: 1fr;
    }

    .refund-nav-btn[b-pokkc4946o],
    .recharge-scan-btn[b-pokkc4946o],
    .recharge-cancel-btn[b-pokkc4946o],
    .recharge-complete-btn[b-pokkc4946o],
    .recharge-mode-btn[b-pokkc4946o] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/RefundPage.razor.rz.scp.css */
.recharge-container[b-rrb7flb6lw] {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 110px);
    padding: 1.1rem 0.8rem 6.2rem;
}

.recharge-page-wrapper[b-rrb7flb6lw] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.refund-shell[b-rrb7flb6lw] {
    width: min(760px, 100%);
    display: grid;
    gap: 0.9rem;
}

.refund-hero[b-rrb7flb6lw],
.refund-amount-card[b-rrb7flb6lw],
.refund-scan-card[b-rrb7flb6lw],
.refund-user-card[b-rrb7flb6lw] {
    border-radius: 26px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 30px rgba(25, 25, 25, 0.07);
}

.refund-hero[b-rrb7flb6lw] {
    background:
        radial-gradient(circle at top left, color-mix(in srgb, #ff6b35 14%, white), transparent 48%),
        rgba(255, 255, 255, 0.88);
}

.refund-hero-title-row[b-rrb7flb6lw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.refund-hero-icon[b-rrb7flb6lw] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #ff6b35;
    background: color-mix(in srgb, #ff6b35 15%, white);
}

.refund-eyebrow[b-rrb7flb6lw] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, #ff6b35 68%, #646a73);
}

.refund-title[b-rrb7flb6lw] {
    margin: 0.2rem 0 0;
    color: #d45527;
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.refund-subtitle[b-rrb7flb6lw] {
    margin: 0.45rem 0 0.75rem;
    color: #5f646d;
}

.refund-back-btn[b-rrb7flb6lw],
.refund-scan-btn[b-rrb7flb6lw],
.refund-full-balance-btn[b-rrb7flb6lw],
.refund-cancel-btn[b-rrb7flb6lw],
.refund-complete-btn[b-rrb7flb6lw] {
    border: 0;
    border-radius: 999px;
    padding: 0.65rem 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.refund-back-btn:hover[b-rrb7flb6lw],
.refund-scan-btn:hover[b-rrb7flb6lw],
.refund-full-balance-btn:hover[b-rrb7flb6lw],
.refund-cancel-btn:hover[b-rrb7flb6lw],
.refund-complete-btn:hover[b-rrb7flb6lw] {
    transform: translateY(-1px);
}

.refund-back-btn[b-rrb7flb6lw] {
    color: #d45527;
    background: color-mix(in srgb, #ff6b35 14%, white);
}

.refund-input-label[b-rrb7flb6lw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, #ff6b35 68%, #646a73);
    margin-bottom: 0.45rem;
}

.refund-input[b-rrb7flb6lw] {
    width: 100%;
}

.refund-input[b-rrb7flb6lw]  input {
    border-radius: 14px;
    border: 1px solid rgba(212, 85, 39, 0.28);
    padding: 0.76rem 0.86rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: #252525;
    background: rgba(255, 255, 255, 0.9);
}

.refund-input[b-rrb7flb6lw]  input:focus {
    border-color: rgba(212, 85, 39, 0.58);
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.14);
}

.refund-scan-card[b-rrb7flb6lw] {
    text-align: center;
}

.refund-scan-card p[b-rrb7flb6lw] {
    margin: 0;
    color: #5f646d;
}

.refund-scan-btn[b-rrb7flb6lw],
.refund-complete-btn[b-rrb7flb6lw] {
    margin-top: 0.75rem;
    color: #fff;
    background: linear-gradient(135deg, #ff6b35, #d45527);
    box-shadow: 0 12px 22px rgba(212, 85, 39, 0.26);
}

.refund-user-label[b-rrb7flb6lw] {
    margin: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, #ff6b35 68%, #646a73);
}

.refund-user-name[b-rrb7flb6lw] {
    margin-top: 0.45rem;
    border-radius: 14px;
    padding: 0.7rem 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #2a2a2a;
    font-weight: 800;
    background: color-mix(in srgb, #ff6b35 10%, white);
}

.refund-balance-info[b-rrb7flb6lw] {
    margin-top: 0.7rem;
    border-radius: 14px;
    padding: 0.65rem 0.75rem;
    display: grid;
    gap: 0.2rem;
    color: #4d525b;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(212, 85, 39, 0.18);
}

.refund-balance-info span[b-rrb7flb6lw] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #6b7079;
}

.refund-balance-info strong[b-rrb7flb6lw] {
    color: #d45527;
    font-size: 1.05rem;
}

.refund-full-balance-btn[b-rrb7flb6lw] {
    margin-top: 0.75rem;
    color: #d45527;
    background: color-mix(in srgb, #ff6b35 14%, white);
}

.refund-amount-display[b-rrb7flb6lw] {
    margin-top: 0.75rem;
    border-radius: 16px;
    padding: 0.8rem;
    display: grid;
    gap: 0.2rem;
    text-align: center;
    color: #2f3440;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(212, 85, 39, 0.22);
}

.refund-amount-display span[b-rrb7flb6lw] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #6b7079;
}

.refund-amount-display strong[b-rrb7flb6lw] {
    font-size: clamp(1.4rem, 4vw, 1.9rem);
    color: #d45527;
}

.refund-btn-group[b-rrb7flb6lw] {
    margin-top: 0.85rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.refund-cancel-btn[b-rrb7flb6lw] {
    color: #2f3440;
    background: color-mix(in srgb, #ff6b35 13%, white);
}

.loading-overlay[b-rrb7flb6lw] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border-radius: 24px;
}

.loading-spinner-box[b-rrb7flb6lw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
}

.loading-text[b-rrb7flb6lw] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #2c3e50;
}

@media (max-width: 640.98px) {
    .recharge-container[b-rrb7flb6lw] {
        padding: 0.9rem 0.35rem 5.8rem;
    }

    .refund-btn-group[b-rrb7flb6lw] {
        grid-template-columns: 1fr;
    }

    .refund-back-btn[b-rrb7flb6lw],
    .refund-scan-btn[b-rrb7flb6lw],
    .refund-full-balance-btn[b-rrb7flb6lw],
    .refund-cancel-btn[b-rrb7flb6lw],
    .refund-complete-btn[b-rrb7flb6lw] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Users.razor.rz.scp.css */
.users-shell[b-gbbcsro157] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
}

.users-hero[b-gbbcsro157] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.users-hero-content[b-gbbcsro157] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.users-hero-icon[b-gbbcsro157] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.users-eyebrow[b-gbbcsro157] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.users-title[b-gbbcsro157] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.users-add-btn[b-gbbcsro157] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-darkgreen, #545453);
    transition: opacity 0.15s ease;
}

.users-add-btn:hover[b-gbbcsro157] {
    opacity: 0.88;
}

.users-grid-wrap[b-gbbcsro157] {
    border-radius: 24px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(11px);
    box-shadow: 0 12px 30px rgba(25, 25, 25, 0.06);
    overflow-x: auto;
}

@media (min-width: 641px) {
    .desktop-view[b-gbbcsro157] { display: block; }
    .mobile-view[b-gbbcsro157] { display: none; }
}

@media (max-width: 640.98px) {
    .desktop-view[b-gbbcsro157] { display: none; }
    .mobile-view[b-gbbcsro157] { display: block; }

    .users-shell[b-gbbcsro157] {
        padding: 1rem 0.4rem 5.8rem;
    }

    .users-hero[b-gbbcsro157] {
        flex-direction: column;
        align-items: flex-start;
    }

    .users-add-btn[b-gbbcsro157] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/rbs.Portal/Components/Pages/Configuration/Votes.razor.rz.scp.css */
.votes-config-shell[b-m0bb61uaii] {
    width: 100%;
    padding: 1rem 1rem 6.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.card-surface[b-m0bb61uaii] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.votes-config-hero[b-m0bb61uaii] {
    border-radius: 28px;
    padding: 1.1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.votes-config-hero-content[b-m0bb61uaii] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.votes-config-hero-icon[b-m0bb61uaii] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    flex-shrink: 0;
}

.votes-config-eyebrow[b-m0bb61uaii] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.votes-config-title[b-m0bb61uaii] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
    font-size: clamp(1.4rem, 2.8vw, 1.95rem);
}

.votes-config-subtitle[b-m0bb61uaii] {
    margin: 0.3rem 0 0;
    color: #5f636b;
    font-size: 0.95rem;
}

.votes-config-form[b-m0bb61uaii] {
    padding: 1rem;
}

.votes-config-grid[b-m0bb61uaii] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.votes-config-field[b-m0bb61uaii] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.votes-config-field--full[b-m0bb61uaii] {
    grid-column: span 2;
}

.votes-config-field label[b-m0bb61uaii] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.votes-config-actions[b-m0bb61uaii] {
    margin-top: 0.9rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.votes-btn[b-m0bb61uaii] {
    border: 0;
    border-radius: 18px;
    padding: 0.72rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.votes-btn:disabled[b-m0bb61uaii] {
    opacity: 0.58;
    cursor: not-allowed;
}

.votes-btn--primary[b-m0bb61uaii] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.votes-btn--secondary[b-m0bb61uaii] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.votes-config-grid-wrap[b-m0bb61uaii] {
    padding: 0.8rem 1rem;
    overflow-x: auto;
}

.votes-config-section-label[b-m0bb61uaii] {
    margin: 0 0 0.65rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.votes-result-cell[b-m0bb61uaii] {
    display: grid;
    gap: 0.15rem;
}

.votes-result-cell strong[b-m0bb61uaii] {
    font-size: 0.85rem;
    color: #1f1f1f;
}

.votes-result-cell span[b-m0bb61uaii] {
    font-size: 0.78rem;
    color: #61656b;
}

@media (max-width: 740.98px) {
    .votes-config-shell[b-m0bb61uaii] {
        padding: 0.75rem 0.4rem 5.8rem;
    }

    .votes-config-grid[b-m0bb61uaii] {
        grid-template-columns: 1fr;
    }

    .votes-config-field--full[b-m0bb61uaii] {
        grid-column: span 1;
    }

    .votes-config-actions[b-m0bb61uaii] {
        justify-content: stretch;
    }

    .votes-btn[b-m0bb61uaii] {
        flex: 1;
    }
}
/* _content/rbs.Portal/Components/Pages/DownloadPage/DownloadApp.razor.rz.scp.css */
.download-app-container[b-8efktvylms] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 1rem calc(110px + env(safe-area-inset-bottom));
    display: grid;
    gap: 1rem;
}

.download-app-hero[b-8efktvylms],
.download-app-card[b-8efktvylms] {
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.download-app-hero[b-8efktvylms] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.download-app-hero-copy[b-8efktvylms] {
    max-width: 620px;
}

.download-app-eyebrow[b-8efktvylms] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.download-app-title[b-8efktvylms] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.6rem, 4vw, 2.25rem);
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.03em;
    line-height: 1.08;
}

.download-app-subtitle[b-8efktvylms] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.download-app-hero-brand[b-8efktvylms] {
    width: 150px;
    height: 150px;
    border-radius: 28px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.download-app-img[b-8efktvylms] {
    display: block;
    margin: 0 auto;
    width: 95px;
    height: 95px;
    object-fit: contain;
}

.download-app-card[b-8efktvylms] {
    padding: 1.1rem;
    display: grid;
    gap: 1rem;
}

.download-app-state[b-8efktvylms] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 0.7rem;
    padding: 0.75rem 0.85rem;
    border-radius: 18px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
}

.download-app-state--success[b-8efktvylms] {
    background: linear-gradient(145deg, #edf8ea 0%, #f8fcf6 100%);
}

.download-app-state-icon[b-8efktvylms] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    color: var(--bg-darkgreen, #545453);
}

.download-app-state h2[b-8efktvylms] {
    margin: 0;
    font-size: 1.2rem;
    color: var(--bg-darkgreen, #545453);
}

.download-app-state p[b-8efktvylms] {
    margin: 0.3rem 0 0;
    color: #61656b;
    line-height: 1.5;
}

.btn-custom[b-8efktvylms] {
    border: 0;
    border-radius: 18px;
    min-height: 48px;
    padding: 0.72rem 1rem;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(28, 28, 28, 0.14);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.btn-custom:hover[b-8efktvylms] {
    transform: translateY(-1px);
    box-shadow: 0 13px 24px rgba(28, 28, 28, 0.2);
}

.install-steps[b-8efktvylms] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.55rem;
}

.install-steps li[b-8efktvylms] {
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: start;
    gap: 0.55rem;
    padding: 0.52rem 0.65rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
    color: #4f5459;
    line-height: 1.45;
}

.install-step-icon[b-8efktvylms] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 13%, white);
    color: var(--bg-darkgreen, #545453);
}

@media (max-width: 640px) {
    .download-app-container[b-8efktvylms] {
        padding: 0.85rem 0.75rem 100px;
    }

    .download-app-hero[b-8efktvylms],
    .download-app-card[b-8efktvylms] {
        border-radius: 20px;
    }

    .download-app-hero[b-8efktvylms] {
        flex-direction: column;
        align-items: stretch;
    }

    .download-app-hero-brand[b-8efktvylms] {
        width: 120px;
        height: 120px;
        justify-self: center;
    }

    .download-app-img[b-8efktvylms] {
        width: 80px;
        height: 80px;
    }

    .btn-custom[b-8efktvylms] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Acts.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Actas – pantalla pública de falleros
   ═══════════════════════════════════════════════════════════ */

/* ── PÁGINA ── */
.acts-page[b-gjehgp412k] {
    padding-bottom: 80px;
    background: linear-gradient(180deg,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 8%, white) 0%,
            #f9f9f7 100%);
}

/* ── CABECERA ── */
.acts-header[b-gjehgp412k] {
    padding: 1.5rem 1rem 1rem;
    background: linear-gradient(180deg,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 12%, white) 0%,
            transparent 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.acts-header-inner[b-gjehgp412k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 740px;
    margin: 0 auto;
}

.acts-header-icon[b-gjehgp412k] {
    font-size: 2.2rem !important;
    color: var(--bg-darkgreen, #1f5f4a);
    opacity: 0.85;
    flex-shrink: 0;
}

.acts-title[b-gjehgp412k] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--bg-darkgreen, #1f5f4a);
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.acts-subtitle[b-gjehgp412k] {
    margin: 0.18rem 0 0;
    font-size: 0.82rem;
    color: #666;
    letter-spacing: 0.01em;
}

/* ── LOADING / EMPTY ── */
.acts-loading[b-gjehgp412k] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.acts-empty[b-gjehgp412k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 4rem 1rem;
    color: #999;
    text-align: center;
}

.acts-empty-icon[b-gjehgp412k] {
    font-size: 3.5rem !important;
    opacity: 0.3;
}

/* ── TIMELINE ── */
.acts-timeline[b-gjehgp412k] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 740px;
    margin: 0 auto;
    padding: 1.5rem 1rem;
    position: relative;
}

/* línea vertical */
.acts-timeline[b-gjehgp412k]::before {
    content: "";
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: calc(1rem + 28px);
    width: 2px;
    background: linear-gradient(180deg,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 60%, transparent) 0%,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 10%, transparent) 100%);
    z-index: 0;
}

/* ── TARJETA DE ACTA ── */
.act-card[b-gjehgp412k] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

/* ── FECHA BADGE ── */
.act-date-badge[b-gjehgp412k] {
    flex-shrink: 0;
    width: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(160deg,
            var(--bg-darkgreen, #1f5f4a) 0%,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 72%, #000) 100%);
    color: #fff;
    border-radius: 14px;
    padding: 0.6rem 0.25rem;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 40%, transparent);
    transition: transform .18s ease, box-shadow .18s ease;
}

.act-card:hover .act-date-badge[b-gjehgp412k] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 45%, transparent);
}

.act-date-day[b-gjehgp412k] {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.03em;
}

.act-date-month[b-gjehgp412k] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    opacity: 0.88;
    text-transform: uppercase;
}

.act-date-year[b-gjehgp412k] {
    font-size: 0.58rem;
    font-weight: 500;
    opacity: 0.7;
    margin-top: 0.15rem;
}

/* ── CUERPO DE LA TARJETA ── */
.act-body[b-gjehgp412k] {
    flex: 1;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: box-shadow .18s ease;
}

.act-card--expanded .act-body[b-gjehgp412k] {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
}

/* ── CABECERA DE TARJETA ── */
.act-card-header[b-gjehgp412k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1rem 0.75rem;
    cursor: pointer;
    user-select: none;
    gap: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    transition: background .12s ease;
}

.act-card-header:hover[b-gjehgp412k] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 5%, white);
}

.act-card-meta[b-gjehgp412k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.act-icon[b-gjehgp412k] {
    font-size: 1.1rem !important;
    color: var(--bg-darkgreen, #1f5f4a);
    opacity: 0.75;
    flex-shrink: 0;
}

.act-card-title[b-gjehgp412k] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.act-expand-btn[b-gjehgp412k] {
    background: none;
    border: none;
    cursor: pointer;
    color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 70%, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: background .12s ease;
    flex-shrink: 0;
}

.act-expand-btn:hover[b-gjehgp412k] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 10%, transparent);
}

/* ── CONTENIDO COMPLETO ── */
.act-content-full[b-gjehgp412k] {
    padding: 0.85rem 1.1rem 1rem;
    font-size: 0.93rem;
    line-height: 1.65;
    color: #222;
}

.act-content-full h1[b-gjehgp412k],
.act-content-full h2[b-gjehgp412k],
.act-content-full h3[b-gjehgp412k],
.act-content-full h4[b-gjehgp412k] {
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    color: var(--bg-darkgreen, #1f5f4a);
}

.act-content-full ul[b-gjehgp412k],
.act-content-full ol[b-gjehgp412k] {
    padding-left: 1.4rem;
    margin: 0.5rem 0;
}

.act-content-full p[b-gjehgp412k] {
    margin: 0.4rem 0;
}

/* ── REACCIONES ── */
.act-reactions[b-gjehgp412k] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.6rem 0.9rem 0.75rem;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.015);
}

.act-reactions-list[b-gjehgp412k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.act-reaction-btn[b-gjehgp412k] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.6rem;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    background: #fff;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
    font: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.act-reaction-btn:hover[b-gjehgp412k] {
    transform: translateY(-2px) scale(1.06);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 6%, white);
    border-color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 35%, transparent);
}

.act-reaction-btn--active[b-gjehgp412k] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 12%, white) !important;
    border-color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 55%, transparent) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 25%, transparent) !important;
}

.act-reaction-emoji[b-gjehgp412k] {
    font-size: 1.1rem;
    line-height: 1;
}

.act-reaction-count[b-gjehgp412k] {
    font-size: 0.78rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 80%, #000);
    min-width: 14px;
    text-align: center;
}

/* ── RESPONSIVE MÓVIL ── */
@media (max-width: 600px) {
    .acts-header[b-gjehgp412k] {
        padding: 1rem 0.75rem 0.7rem;
    }

    .acts-title[b-gjehgp412k] {
        font-size: 1.2rem;
    }

    .acts-timeline[b-gjehgp412k] {
        padding: 1rem 0.6rem;
        gap: 0;
    }

    .acts-timeline[b-gjehgp412k]::before {
        left: calc(0.6rem + 24px);
    }

    .act-date-badge[b-gjehgp412k] {
        width: 25px;
        border-radius: 11px;
        padding: 0.45rem 0.2rem;
    }

    .act-date-day[b-gjehgp412k] {
        font-size: 1rem;
    }

    .act-date-month[b-gjehgp412k] {
        font-size: 0.55rem;
    }

    .act-date-year[b-gjehgp412k] {
        font-size: 0.5rem;
    }

    .act-card-title[b-gjehgp412k] {
        font-size: 0.82rem;
    }

    .act-content-full[b-gjehgp412k] {
        font-size: 0.88rem;
        padding: 0.7rem 0.85rem 0.8rem;
    }

    .act-reaction-btn[b-gjehgp412k] {
        padding: 0.25rem 0.5rem;
    }

    .act-reaction-emoji[b-gjehgp412k] {
        font-size: 1rem;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Barra.razor.rz.scp.css */
/* Full-screen layout with sticky payment header and scrollable catalog */
.main-container[b-1ggzmdq8dl] {
    position: fixed;
    top: calc(74px + env(safe-area-inset-top));
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 1;
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white), transparent 42%),
        linear-gradient(180deg, #fbfcfd 0%, #f4f6f8 100%);
}

.header-bar[b-1ggzmdq8dl] {
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0.7rem 0.7rem 0.55rem;
    padding: 0.8rem 0.9rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow:
        0 4px 8px 3px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.14),
        0 0 0 1px rgba(84, 84, 83, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.header-bar.with-user[b-1ggzmdq8dl] {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 34%, white);
}

.header-layout[b-1ggzmdq8dl] {
    display: flex;
    gap: 0.75rem;
}

.header-layout--idle[b-1ggzmdq8dl] {
    flex-direction: column;
}

.header-layout--with-user[b-1ggzmdq8dl] {
    justify-content: space-between;
    align-items: stretch;
    gap: 0.85rem;
}

.header-user-info[b-1ggzmdq8dl] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.18rem 0;
}

.header-user-actions[b-1ggzmdq8dl] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.52rem;
}

.price-display[b-1ggzmdq8dl] {
    margin: 0;
    font-size: clamp(1.6rem, 3.8vw, 2.05rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--bg-darkgreen, #545453);
    text-align: center;
}

.price-display--compact[b-1ggzmdq8dl] {
    font-size: clamp(1.55rem, 3vw, 1.95rem);
    text-align: left;
    line-height: 1.05;
    margin-top: 0.08rem;
}

.user-badge[b-1ggzmdq8dl] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    border: 1px solid rgba(84, 84, 83, 0.14);
    padding: 0.44rem 0.78rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    color: #2a2a2a;
}

.user-name[b-1ggzmdq8dl] {
    line-height: 1.2;
}

.temporal-badge[b-1ggzmdq8dl] {
    background: #da5a5a;
    color: #fff;
    border-radius: 999px;
    padding: 0.2rem 0.5rem;
    font-size: 0.61rem;
    letter-spacing: 0.04em;
    font-weight: 800;
}

.action-buttons[b-1ggzmdq8dl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.btn-action[b-1ggzmdq8dl],
.btn-complete[b-1ggzmdq8dl],
.btn-cancel[b-1ggzmdq8dl] {
    min-height: 44px;
    border-radius: 999px;
    font-weight: 700;
}

.btn-action[b-1ggzmdq8dl] {
    font-size: 0.82rem;
}

[b-1ggzmdq8dl] .btn-complete,
[b-1ggzmdq8dl] .btn-cancel {
    width: 100%;
    min-width: 124px;
}

[b-1ggzmdq8dl] .btn-action {
    border: 1px solid rgba(84, 84, 83, 0.2) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    color: var(--bg-darkgreen, #545453) !important;
    padding: 0 1rem;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

[b-1ggzmdq8dl] .btn-action:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.12);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white) !important;
}

[b-1ggzmdq8dl] .btn-action:disabled {
    opacity: 0.46;
    box-shadow: none;
}

[b-1ggzmdq8dl] .btn-action .rz-button-icon-left {
    color: currentColor !important;
}

[b-1ggzmdq8dl] .btn-complete {
    border: 1px solid color-mix(in srgb, var(--bg-darkgreen, #545453) 78%, white) !important;
    color: #fff !important;
    background: var(--bg-darkgreen, #545453) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--bg-darkgreen, #545453) 30%, transparent) !important;
}

[b-1ggzmdq8dl] .btn-complete:hover:not(:disabled) {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 88%, black) !important;
}

[b-1ggzmdq8dl] .btn-cancel {
    border: 1px solid rgba(84, 84, 83, 0.22) !important;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white) !important;
    color: var(--bg-darkgreen, #545453) !important;
}

[b-1ggzmdq8dl] .btn-cancel:hover:not(:disabled) {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white) !important;
    transform: translateY(-1px);
}

.products-container[b-1ggzmdq8dl] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0.7rem 6.4rem;
    -webkit-overflow-scrolling: touch;
}

.products-grid[b-1ggzmdq8dl] {
    max-width: 980px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    align-content: start;
}

.products-container[b-1ggzmdq8dl]::-webkit-scrollbar {
    width: 6px;
}

.products-container[b-1ggzmdq8dl]::-webkit-scrollbar-track {
    background: transparent;
}

.products-container[b-1ggzmdq8dl]::-webkit-scrollbar-thumb {
    background: rgba(84, 84, 83, 0.26);
    border-radius: 999px;
}

.products-container[b-1ggzmdq8dl]::-webkit-scrollbar-thumb:hover {
    background: rgba(84, 84, 83, 0.42);
}

@media (max-width: 640.98px) {
    .main-container[b-1ggzmdq8dl] {
        top: calc(66px + env(safe-area-inset-top));
    }

    .header-bar[b-1ggzmdq8dl] {
        margin: 0.6rem 0.55rem 0.45rem;
        padding: 0.7rem;
        border-radius: 18px;
    }

    .header-layout--with-user[b-1ggzmdq8dl] {
        align-items: stretch;
    }

    .header-user-actions[b-1ggzmdq8dl] {
        min-width: 124px;
    }

    .btn-action[b-1ggzmdq8dl],
    .btn-complete[b-1ggzmdq8dl],
    .btn-cancel[b-1ggzmdq8dl] {
        min-height: 42px;
    }

    .products-container[b-1ggzmdq8dl] {
        padding: 0 0.55rem 6rem;
    }
}

@media (max-width: 390px) {
    .header-layout--with-user[b-1ggzmdq8dl] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-user-actions[b-1ggzmdq8dl] {
        width: 100%;
    }

    [b-1ggzmdq8dl] .btn-complete,
    [b-1ggzmdq8dl] .btn-cancel {
        min-width: 0;
    }

    .price-display[b-1ggzmdq8dl],
    .price-display--compact[b-1ggzmdq8dl] {
        text-align: center;
    }
}

@media (min-width: 540px) {
    .products-grid[b-1ggzmdq8dl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 860px) {
    .products-grid[b-1ggzmdq8dl] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.85rem;
    }

    .products-container[b-1ggzmdq8dl] {
        padding: 0 0.9rem 6.8rem;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Calendar.razor.rz.scp.css */
.calendar-page[b-qsufdf5jdf] {
    padding: 0.85rem 1rem 110px;
    background:
        radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 40%),
        linear-gradient(180deg, #fafbfc 0%, #f3f5f7 100%);
}

.calendar-shell[b-qsufdf5jdf] {
    max-width: 940px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    height: auto;
    gap: 0.75rem;
}

.month-card[b-qsufdf5jdf],
.day-events-card[b-qsufdf5jdf] {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.month-card[b-qsufdf5jdf] {
    padding: 0.75rem;
    overflow: visible;
}

.month-toolbar[b-qsufdf5jdf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.month-title-wrap[b-qsufdf5jdf] {
    text-align: center;
}

.month-year[b-qsufdf5jdf] {
    margin: 0;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 72%, white);
}

.month-title[b-qsufdf5jdf] {
    margin: 0;
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    text-transform: capitalize;
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.02em;
}

.month-nav-btn[b-qsufdf5jdf],
.month-today-btn[b-qsufdf5jdf],
.month-add-btn[b-qsufdf5jdf] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
}

.month-nav-btn[b-qsufdf5jdf] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    color: var(--bg-darkgreen, #545453);
}

.month-actions[b-qsufdf5jdf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.45rem;
    gap: 0.5rem;
}

.month-today-btn[b-qsufdf5jdf] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 18%, white);
    color: var(--bg-darkgreen, #545453);
    font-weight: 600;
    padding: 0.32rem 0.65rem;
    font-size: 0.8rem;
}

.month-add-btn[b-qsufdf5jdf] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 600;
    padding: 0.32rem 0.65rem;
    font-size: 0.8rem;
}

.weekdays-row[b-qsufdf5jdf] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 0.25rem;
}

.weekdays-row span[b-qsufdf5jdf] {
    text-align: center;
    font-size: 0.68rem;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, white);
    font-weight: 700;
}

.month-grid[b-qsufdf5jdf] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.28rem;
}

.day-cell[b-qsufdf5jdf] {
    position: relative;
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--bg-darkgreen, #545453);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.12rem;
    padding-top: 0.28rem;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}

.day-cell:hover[b-qsufdf5jdf] {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(28, 28, 28, 0.10);
}

.day-cell--muted[b-qsufdf5jdf] {
    opacity: 0.45;
}

.day-cell--today[b-qsufdf5jdf] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bg-darkgreen, #545453) 45%, white);
}

.day-cell--selected[b-qsufdf5jdf] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.day-number[b-qsufdf5jdf] {
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
}

.day-dots[b-qsufdf5jdf] {
    display: inline-flex;
    gap: 0.12rem;
}

.day-dot[b-qsufdf5jdf] {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.9;
}

.day-events-card[b-qsufdf5jdf] {
    padding: 1rem;
    min-height: auto;
    overflow: visible;
}

.day-events-header[b-qsufdf5jdf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    border-bottom: 1px solid rgba(84, 84, 83, 0.12);
    padding-bottom: 0.7rem;
    margin-bottom: 0.9rem;
}

.day-events-label[b-qsufdf5jdf] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.day-events-date[b-qsufdf5jdf] {
    margin: 0.15rem 0 0;
    font-size: 1.1rem;
    text-transform: capitalize;
    color: var(--bg-darkgreen, #545453);
}

.day-events-count[b-qsufdf5jdf] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    color: var(--bg-darkgreen, #545453);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.day-events-empty[b-qsufdf5jdf] {
    border: 1px dashed rgba(84, 84, 83, 0.26);
    border-radius: 16px;
    padding: 1.1rem;
    text-align: center;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 78%, white);
}

.day-events-empty .rzi[b-qsufdf5jdf] {
    font-size: 1.4rem;
}

.day-events-list[b-qsufdf5jdf] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.day-event-item[b-qsufdf5jdf] {
    width: 100%;
    border: 1px solid rgba(84, 84, 83, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.85);
    padding: 0.75rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.2s ease;
}

.day-event-item:hover[b-qsufdf5jdf] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 42%, white);
}

.day-event-time[b-qsufdf5jdf] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white);
    border-radius: 999px;
    padding: 0.22rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
}

.day-event-time-sep[b-qsufdf5jdf] {
    opacity: 0.55;
}

.day-event-content h4[b-qsufdf5jdf] {
    margin: 0;
    font-size: 0.98rem;
    color: #1f1f1f;
}

.day-event-content p[b-qsufdf5jdf] {
    margin: 0.2rem 0 0;
    color: #5f6165;
    font-size: 0.82rem;
    line-height: 1.35;
}

.day-event-arrow[b-qsufdf5jdf] {
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

@media (max-width: 640.98px) {
    .calendar-page[b-qsufdf5jdf] {
        padding: 0.8rem 0.7rem 100px;
    }

    .calendar-shell[b-qsufdf5jdf] {
        grid-template-rows: auto auto;
        height: auto;
        gap: 0.6rem;
    }

    .month-card[b-qsufdf5jdf],
    .day-events-card[b-qsufdf5jdf] {
        border-radius: 18px;
    }

    .month-card[b-qsufdf5jdf] {
        background: #fff;
    }

    .day-cell[b-qsufdf5jdf] {
        min-height: 38px;
        border-radius: 12px;
        padding-top: 0.2rem;
    }

    .day-number[b-qsufdf5jdf] {
        font-size: 0.79rem;
    }

    .month-grid[b-qsufdf5jdf] {
        gap: 0.2rem;
    }

    .day-event-item[b-qsufdf5jdf] {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "time arrow"
            "content content";
    }

    .day-event-time[b-qsufdf5jdf] {
        grid-area: time;
    }

    .day-event-content[b-qsufdf5jdf] {
        grid-area: content;
    }

    .day-event-arrow[b-qsufdf5jdf] {
        grid-area: arrow;
        align-self: center;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Contacts.razor.rz.scp.css */
.contacts-page[b-6rk112ia7k] {
    padding: 1rem 1rem 110px;
    max-width: 940px;
    margin: 0 auto;
}

.contacts-hero[b-6rk112ia7k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.contacts-hero-copy[b-6rk112ia7k] {
    max-width: 560px;
}

.contacts-hero-eyebrow[b-6rk112ia7k] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, white);
}

.contacts-hero-title[b-6rk112ia7k] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.7rem, 4vw, 2.4rem);
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.contacts-hero-subtitle[b-6rk112ia7k] {
    margin: 0.45rem 0 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #5f6165;
}

.contacts-hero-actions[b-6rk112ia7k] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.contacts-hero-stat[b-6rk112ia7k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    padding: 0.85rem 0.7rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
}

.contacts-hero-stat-value[b-6rk112ia7k] {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
}

.contacts-hero-stat-label[b-6rk112ia7k] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.75;
}

.contacts-add-btn[b-6rk112ia7k] {
    border: 0;
    border-radius: 999px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(28, 28, 28, 0.12);
}

.contacts-list[b-6rk112ia7k] {
    display: grid;
    gap: 0.75rem;
}

.contacts-empty[b-6rk112ia7k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 2rem 1.25rem;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
}

.contacts-empty-visual[b-6rk112ia7k] {
    position: relative;
    width: 180px;
    height: 92px;
    margin-bottom: 0.4rem;
}

.contacts-empty-avatar[b-6rk112ia7k] {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    font-weight: 800;
    letter-spacing: 0.05em;
    box-shadow: 0 10px 20px rgba(25, 25, 25, 0.08);
}

.contacts-empty-avatar--primary[b-6rk112ia7k] {
    left: 20px;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.contacts-empty-avatar--ghost[b-6rk112ia7k] {
    right: 20px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.contacts-empty-link[b-6rk112ia7k] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.95);
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.10);
    box-shadow: 0 8px 16px rgba(25, 25, 25, 0.08);
}

.contacts-empty-title[b-6rk112ia7k] {
    margin: 0.2rem 0 0;
    font-size: 1.25rem;
    color: var(--bg-darkgreen, #545453);
}

.contacts-empty-text[b-6rk112ia7k] {
    max-width: 460px;
    margin: 0;
    color: #64676b;
    line-height: 1.5;
}

.contacts-empty-pills[b-6rk112ia7k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin: 0.2rem 0 0.5rem;
}

.contacts-empty-pill[b-6rk112ia7k] {
    padding: 0.34rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.74rem;
    font-weight: 700;
}

@media (max-width: 640.98px) {
    .contacts-page[b-6rk112ia7k] {
        padding: 0.85rem 0.75rem 100px;
    }

    .contacts-hero[b-6rk112ia7k],
    .contacts-empty[b-6rk112ia7k] {
        border-radius: 20px;
    }

    .contacts-hero[b-6rk112ia7k] {
        flex-direction: column;
        align-items: stretch;
    }

    .contacts-hero-actions[b-6rk112ia7k] {
        justify-content: space-between;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-1v11sheql2] {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0.9rem 1rem 110px;
}

.card-surface[b-1v11sheql2] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.dashboard-loading[b-1v11sheql2] {
    min-height: 45vh;
    display: grid;
    place-content: center;
    gap: 0.65rem;
    text-align: center;
    color: #5f6165;
}

.dashboard-loading h2[b-1v11sheql2] {
    margin: 0;
    color: var(--bg-darkgreen, #545453);
}

.dashboard-loading p[b-1v11sheql2] {
    margin: 0;
}

.dashboard-loading-progressbar[b-1v11sheql2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.dashboard-hero[b-1v11sheql2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.2rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.dashboard-eyebrow[b-1v11sheql2] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.dashboard-title[b-1v11sheql2] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.65rem, 4vw, 2.5rem);
    line-height: 1.04;
    color: var(--bg-darkgreen, #545453);
}

.dashboard-subtitle[b-1v11sheql2] {
    margin: 0.5rem 0 0;
    color: #5f6165;
}

.dashboard-countdown[b-1v11sheql2] {
    min-width: 190px;
    padding: 0.95rem;
    border-radius: 20px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.dashboard-countdown-label[b-1v11sheql2] {
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.8;
}

.dashboard-countdown-value[b-1v11sheql2] {
    display: block;
    margin-top: 0.3rem;
    font-size: 1.35rem;
    line-height: 1.2;
}

.dashboard-countdown-date[b-1v11sheql2] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    text-transform: capitalize;
}

.dashboard-error[b-1v11sheql2] {
    margin-bottom: 0.9rem;
    padding: 0.8rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #8b5d00;
    background: rgba(255, 244, 224, 0.95);
}

.dashboard-vote-alert[b-1v11sheql2] {
    margin-bottom: 0.9rem;
    padding: 0.9rem 1rem;
    border-color: color-mix(in srgb, #d1a920 32%, white);
    background: color-mix(in srgb, #fff4d6 72%, white);
}

.dashboard-vote-alert-header[b-1v11sheql2] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
}

.dashboard-vote-alert-header .rzi[b-1v11sheql2] {
    color: #a37c0d;
}

.dashboard-vote-alert-header h2[b-1v11sheql2] {
    margin: 0;
    font-size: 0.98rem;
    color: #5f4a00;
}

.dashboard-vote-alert ul[b-1v11sheql2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.dashboard-vote-alert li[b-1v11sheql2] {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.5rem 0.6rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.7);
}

.dashboard-vote-alert li strong[b-1v11sheql2] {
    font-size: 0.86rem;
    color: #3f3a2a;
}

.dashboard-vote-alert li span[b-1v11sheql2] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #7b6212;
    white-space: nowrap;
}

.dashboard-vote-alert-link[b-1v11sheql2] {
    margin-top: 0.6rem;
}

.dashboard-grid[b-1v11sheql2] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
}

.dashboard-card[b-1v11sheql2] {
    grid-column: span 6;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dashboard-card--wide[b-1v11sheql2] {
    grid-column: span 8;
}

.dashboard-card--placeholder[b-1v11sheql2] {
    grid-column: span 4;
}

.dashboard-card-header[b-1v11sheql2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-card-header h2[b-1v11sheql2] {
    margin: 0;
    font-size: 1.02rem;
    color: #1f1f1f;
}

.dashboard-card-header .rzi[b-1v11sheql2] {
    font-size: 1.4rem;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 80%, white);
}

.dashboard-card-text[b-1v11sheql2] {
    margin: 0;
    color: #64686e;
    font-size: 0.9rem;
}

.metric-list[b-1v11sheql2] {
    display: grid;
    gap: 0.45rem;
}

.metric-item[b-1v11sheql2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.65rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
}

.metric-item span[b-1v11sheql2] {
    color: #5f6165;
    font-size: 0.83rem;
}

.metric-item strong[b-1v11sheql2] {
    color: var(--bg-darkgreen, #545453);
    font-size: 0.86rem;
}

.metric-item--placeholder strong[b-1v11sheql2] {
    font-weight: 600;
    color: #7a7d82;
}

.dashboard-list[b-1v11sheql2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.dashboard-list li[b-1v11sheql2] {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: flex-start;
    padding: 0.6rem 0.65rem;
    border-radius: 14px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.7);
}

.dashboard-list li div[b-1v11sheql2] {
    display: grid;
    gap: 0.16rem;
}

.dashboard-list li strong[b-1v11sheql2] {
    color: #222;
    font-size: 0.88rem;
}

.dashboard-list li span[b-1v11sheql2] {
    color: #666a70;
    font-size: 0.78rem;
}

.dashboard-list li small[b-1v11sheql2] {
    color: #53565a;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-list--notifications li.is-unread[b-1v11sheql2] {
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 34%, white);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
}

.dashboard-empty[b-1v11sheql2] {
    border: 1px dashed rgba(84, 84, 83, 0.25);
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    color: #697078;
    font-size: 0.88rem;
}

.coming-soon[b-1v11sheql2] {
    border: 1px dashed rgba(84, 84, 83, 0.24);
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    color: #64686e;
}

.coming-soon-chip[b-1v11sheql2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 11%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.coming-soon p[b-1v11sheql2] {
    margin: 0.55rem 0 0;
}

.dashboard-link[b-1v11sheql2] {
    margin-top: auto;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--bg-darkgreen, #545453);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    cursor: pointer;
}

.dashboard-link:hover[b-1v11sheql2] {
    opacity: 0.82;
}

@media (max-width: 991.98px) {
    .dashboard-card[b-1v11sheql2],
    .dashboard-card--wide[b-1v11sheql2],
    .dashboard-card--placeholder[b-1v11sheql2] {
        grid-column: span 12;
    }
}

@media (max-width: 640.98px) {
    .dashboard-page[b-1v11sheql2] {
        padding: 0.8rem 0.72rem 100px;
    }

    .card-surface[b-1v11sheql2] {
        border-radius: 20px;
    }

    .dashboard-hero[b-1v11sheql2] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-countdown[b-1v11sheql2] {
        min-width: 0;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/EventList.razor.rz.scp.css */
.events-list-shell[b-2n0y79ijv6] {
    width: min(1100px, 100%);
    margin: 0 auto;
    padding: 1.1rem 0.6rem 6.2rem;
}

.events-list-hero[b-2n0y79ijv6] {
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 44%),
        rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.events-list-eyebrow[b-2n0y79ijv6] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.events-list-hero h1[b-2n0y79ijv6] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.5rem, 2.8vw, 2rem);
    color: var(--bg-darkgreen, #545453);
}

.events-list-hero p[b-2n0y79ijv6] {
    margin: 0.35rem 0 0;
    color: #5f636b;
}

.events-list-empty[b-2n0y79ijv6] {
    border-radius: 24px;
    padding: 1.1rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(84, 84, 83, 0.1);
    color: #676c75;
}

.events-list-empty .rz-icon[b-2n0y79ijv6] {
    font-size: 1.7rem;
    margin-bottom: 0.45rem;
}

.events-list-empty h3[b-2n0y79ijv6] {
    margin: 0;
    color: #2a2a2a;
}

.events-list-empty p[b-2n0y79ijv6] {
    margin: 0.35rem 0 0;
}

.events-list-grid[b-2n0y79ijv6] {
    display: grid;
    gap: 1rem;
}

.event-card[b-2n0y79ijv6] {
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(84, 84, 83, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(25, 25, 25, 0.06);
}

.event-card-header[b-2n0y79ijv6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.event-card-header h2[b-2n0y79ijv6] {
    margin: 0;
    color: #262626;
    font-size: 1.2rem;
}

.event-card-description[b-2n0y79ijv6] {
    margin: 0.6rem 0 0;
    color: #5f646d;
    white-space: pre-line;
}

.event-card-slots[b-2n0y79ijv6] {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.6rem;
}

.event-card-slot-group[b-2n0y79ijv6] {
    margin: 0;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.event-card-slot-buttons[b-2n0y79ijv6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

[b-2n0y79ijv6] .event-card-slot-buttons .rz-button {
    border-radius: 999px;
    font-weight: 700;
}

@media (max-width: 640.98px) {
    .events-list-shell[b-2n0y79ijv6] {
        padding: 0.9rem 0.3rem 5.8rem;
    }

    .event-card-header[b-2n0y79ijv6] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Feed.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Feed – Instagram-like styles
   ═══════════════════════════════════════ */

/* Header */
.feed-header[b-k5stqhxvwc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.55rem;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 9%, white) 0%, #fff 100%);
    position: sticky;
    top: 0;
    z-index: 10;
}

.feed-tabs-shell[b-k5stqhxvwc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0.5rem;
    width: 100%;
    max-width: 540px;
}

.feed-tabs[b-k5stqhxvwc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.25rem;
    padding: 0.18rem;
    border-radius: 22px;
    background: rgba(255,255,255,0.92);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), 0 8px 18px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 20%, transparent);
}

.feed-tab[b-k5stqhxvwc],
.feed-add-tab[b-k5stqhxvwc] {
    border: 0;
    border-radius: 18px;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;
    font: inherit;
    color: #7a5b2e;
}

.feed-tab[b-k5stqhxvwc] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.25rem 0.2rem;
}

.feed-tab span[b-k5stqhxvwc],
.feed-add-tab span[b-k5stqhxvwc] {
    font-size: 0.66rem;
    white-space: nowrap;
    font-weight: 700;
}

.feed-tab .rzi[b-k5stqhxvwc],
.feed-add-tab .rzi[b-k5stqhxvwc] {
    font-size: 0.95rem;
}

.feed-tab.active[b-k5stqhxvwc] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 82%, white) 0%, var(--bg-darkgreen, #1f5f4a) 100%);
    color: #fff;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 45%, transparent);
}

.feed-tab:not(.active):hover[b-k5stqhxvwc],
.feed-add-tab:hover:not(:disabled)[b-k5stqhxvwc] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 10%, transparent);
    transform: translateY(-1px);
}

.feed-add-tab[b-k5stqhxvwc] {
    min-width: 4.5rem;
    padding: 0.25rem 0.35rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 76%, white) 0%, var(--bg-darkgreen, #1f5f4a) 100%);
    color: #fff;
    box-shadow: 0 8px 14px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 35%, transparent);
}

.feed-add-tab:disabled[b-k5stqhxvwc] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}


.post-privacy-note[b-k5stqhxvwc] {
    padding: 0 0.85rem 0.4rem;
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

@media (max-width: 480px) {
    .feed-header[b-k5stqhxvwc] {
        background: #fff;
    }

    .feed-tabs-shell[b-k5stqhxvwc] {
        gap: 0.35rem;
    }

    .feed-tabs[b-k5stqhxvwc] {
        gap: 0.2rem;
        padding: 0.16rem;
    }

    .feed-tab[b-k5stqhxvwc],
    .feed-add-tab[b-k5stqhxvwc] {
        min-height: 2.45rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }

    .feed-tab span[b-k5stqhxvwc],
    .feed-add-tab span[b-k5stqhxvwc] {
        font-size: 0.63rem;
    }
}


/* Feed loading */
.feed-loading[b-k5stqhxvwc] {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

.empty-card[b-k5stqhxvwc] {
    max-width: 480px;
    margin: 1.5rem auto;
}

.feed-load-more[b-k5stqhxvwc] {
    display: flex;
    justify-content: center;
    padding: 0.25rem 0.5rem 1.25rem;
}

.feed-load-more :deep(.rz-button)[b-k5stqhxvwc] {
    min-width: 11rem;
    border-radius: 999px;
}

/* Posts list */
.posts-list[b-k5stqhxvwc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.75rem 0.5rem 1rem;
    max-width: 480px;
    margin: 0 auto;
}

/* Post card */
.post-card[b-k5stqhxvwc] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-base-300);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* Post header */
.post-header[b-k5stqhxvwc] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 0.85rem;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 2;
}

.avatar[b-k5stqhxvwc] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--avatar-color-start, var(--rz-primary)), var(--avatar-color-end, var(--rz-secondary)));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.post-meta[b-k5stqhxvwc] {
    display: flex;
    flex-direction: column;
}

.post-username[b-k5stqhxvwc] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.post-date[b-k5stqhxvwc] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-left: auto;
}

.post-owner-actions[b-k5stqhxvwc] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.post-owner-actions :deep(.rz-button)[b-k5stqhxvwc] {
    color: #ffffff !important;
}

.post-owner-actions :deep(.rz-button .rzi)[b-k5stqhxvwc] {
    color: #ffffff !important;
}

.post-owner-actions :deep(.rz-button:hover)[b-k5stqhxvwc] {
    background: rgba(255, 255, 255, 0.15) !important;
}

.post-owner-actions :deep(.rz-button.rz-button-danger:hover)[b-k5stqhxvwc] {
    background: rgba(220, 53, 69, 0.3) !important;
}

/* Post image */
.post-image-wrapper[b-k5stqhxvwc] {
    width: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
}

.post-image[b-k5stqhxvwc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

/* Caption */
.post-caption[b-k5stqhxvwc] {
    padding: 0.55rem 0.85rem 0.35rem;
    font-size: 0.88rem;
    line-height: 1.45;
}

.post-edit-caption[b-k5stqhxvwc] {
    padding: 0.55rem 0.85rem 0.35rem;
}

.post-edit-actions[b-k5stqhxvwc] {
    margin-top: 0.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
}

/* Reactions */
.reactions-bar[b-k5stqhxvwc] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.85rem 0.7rem;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 2;
}

.reactions-toggle-btn[b-k5stqhxvwc] {
    display: none; /* Oculto por defecto */
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    cursor: pointer;
    color: #ffffff;
    transition: background .15s, border-color .15s, transform .1s;
    flex-shrink: 0;
}

.reactions-toggle-btn:hover[b-k5stqhxvwc] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.08);
}

.reactions-toggle-btn .rzi[b-k5stqhxvwc] {
    font-size: 1.1rem;
}

.reactions-list[b-k5stqhxvwc] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

/* En pantallas donde las reacciones se apilan, mostrar el botón y colapsar */
@media (max-width: 440px) {
    .reactions-toggle-btn[b-k5stqhxvwc] {
        display: flex;
    }
    
    .reactions-list[b-k5stqhxvwc] {
        max-height: 2.4rem;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    .reactions-bar.expanded .reactions-list[b-k5stqhxvwc] {
        max-height: 500px;
    }
}

.reaction-btn[b-k5stqhxvwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.6rem;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.15);
    cursor: pointer;
    font-size: 1rem;
    transition: background .15s, border-color .15s, transform .1s;
    line-height: 1;
}

.reaction-btn:hover[b-k5stqhxvwc] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.08);
}

.reaction-btn.reacted[b-k5stqhxvwc] {
    background: rgba(255, 255, 255, 0.35);
    border-color: rgba(255, 255, 255, 0.7);
}

.reaction-count[b-k5stqhxvwc] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* ── Barra de comentarios ────────────────────────────────── */
.comment-bar[b-k5stqhxvwc] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.85rem 0.45rem;
    border-top: 1px solid var(--rz-base-200);
}

.comment-toggle-btn[b-k5stqhxvwc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    padding: 0.2rem 0;
    transition: color .12s;
    font-family: inherit;
}

.comment-toggle-btn:hover[b-k5stqhxvwc] { color: var(--rz-primary); }

/* ── Sección de comentarios ──────────────────────────────── */
.comments-section[b-k5stqhxvwc] {
    border-top: 1px solid var(--rz-base-200);
    padding: 0.55rem 0.85rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

/* ── Comentario individual ───────────────────────────────── */
.comment-item[b-k5stqhxvwc] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.comment-avatar[b-k5stqhxvwc] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--avatar-color-start, var(--rz-primary)), var(--avatar-color-end, var(--rz-secondary)));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.comment-avatar.small[b-k5stqhxvwc] {
    width: 22px;
    height: 22px;
    font-size: 0.63rem;
}

.comment-body[b-k5stqhxvwc] {
    flex: 1;
    min-width: 0;
}

.comment-header[b-k5stqhxvwc] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.comment-username[b-k5stqhxvwc] {
    font-size: 0.82rem;
    font-weight: 700;
}

.comment-time[b-k5stqhxvwc] {
    font-size: 0.71rem;
    color: var(--rz-text-tertiary-color);
}

.comment-text[b-k5stqhxvwc] {
    font-size: 0.84rem;
    line-height: 1.45;
    margin: 0.1rem 0 0.28rem;
    word-break: break-word;
}

/* ── Acciones del comentario ─────────────────────────────── */
.comment-actions[b-k5stqhxvwc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.comment-like-btn[b-k5stqhxvwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 0;          /* oculta espacio extra del botón */
    transition: transform .1s;
}

.comment-like-btn:hover[b-k5stqhxvwc]  { transform: scale(1.2); }

.comment-like-btn .heart[b-k5stqhxvwc] {
    font-size: 0.9rem;
    opacity: 0.35;
    transition: opacity .15s;
}

.comment-like-btn.liked .heart[b-k5stqhxvwc] { opacity: 1; }

.comment-like-count[b-k5stqhxvwc] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

.comment-reply-btn[b-k5stqhxvwc] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.77rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    padding: 0;
    font-family: inherit;
    transition: color .12s;
}

.comment-reply-btn:hover[b-k5stqhxvwc] { color: var(--rz-primary); }

.comment-delete-btn[b-k5stqhxvwc] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--rz-text-tertiary-color);
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    transition: color .12s;
}

.comment-delete-btn:hover[b-k5stqhxvwc] { color: var(--rz-danger); }

.comment-action-icon-btn[b-k5stqhxvwc] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--rz-text-tertiary-color);
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    transition: color .12s;
}

.comment-action-icon-btn:hover[b-k5stqhxvwc] { color: var(--rz-primary); }

/* ── Edición inline de comentario / respuesta ────────────── */
.comment-edit-row[b-k5stqhxvwc] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0.15rem 0 0.25rem;
}

/* ── Respuestas ──────────────────────────────────────────── */
.replies-list[b-k5stqhxvwc] {
    margin-top: 0.45rem;
    margin-left: 0.3rem;
    padding-left: 0.6rem;
    border-left: 2px solid var(--rz-base-300);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.reply-item[b-k5stqhxvwc] {
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
}

/* ── Input de comentario / respuesta ─────────────────────── */
.comment-input-row[b-k5stqhxvwc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding-top: 0.45rem;
    border-top: 1px solid var(--rz-base-200);
}

.reply-input-row[b-k5stqhxvwc] {
    margin-top: 0.4rem;
    border-top: none;
    padding-top: 0;
}

.new-comment-row[b-k5stqhxvwc] { margin-top: 0.1rem; }

.comment-input[b-k5stqhxvwc] {
    flex: 1;
    min-width: 0;
    border: none;
    background: var(--rz-base-100);
    border-radius: 20px;
    padding: 0.38rem 0.85rem;
    font-size: 0.84rem;
    outline: none;
    font-family: inherit;
    color: inherit;
    transition: background .12s;
}

.comment-input:focus[b-k5stqhxvwc] { background: var(--rz-base-200); }

.comment-send-btn[b-k5stqhxvwc] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--rz-primary);
    padding: 0.18rem;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    transition: opacity .12s;
}

.comment-send-btn:disabled[b-k5stqhxvwc] { opacity: 0.35; cursor: not-allowed; }

.comment-cancel-btn[b-k5stqhxvwc] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--rz-text-tertiary-color);
    padding: 0.18rem;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
}
/* _content/rbs.Portal/Components/Pages/MainPages/HistoricalMovementsUser.razor.rz.scp.css */
.history-shell[b-m7go5s2hjn] {
    width: min(1120px, 100%);
    margin: 0 auto;
    padding: 1rem 0.6rem 6.2rem;
}

.history-hero[b-m7go5s2hjn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    border-radius: 28px;
    padding: 1.1rem;
    margin-bottom: 0.95rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white), transparent 46%),
        rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(84, 84, 83, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.history-hero-copy[b-m7go5s2hjn] {
    max-width: 560px;
}

.history-hero-counter[b-m7go5s2hjn] {
    min-width: 96px;
    padding: 0.9rem 0.8rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    text-align: center;
}

.history-hero-counter-value[b-m7go5s2hjn] {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 800;
}

.history-hero-counter-label[b-m7go5s2hjn] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.78;
}

.history-eyebrow[b-m7go5s2hjn] {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.history-hero h1[b-m7go5s2hjn] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.45rem, 2.8vw, 2rem);
    color: var(--bg-darkgreen, #545453);
}

.history-hero p[b-m7go5s2hjn] {
    margin: 0.35rem 0 0;
    color: #5f646d;
}

.history-card[b-m7go5s2hjn] {
    border-radius: 28px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.history-filters-card[b-m7go5s2hjn] {
    margin-bottom: 0.95rem;
}

.history-summary-card[b-m7go5s2hjn] {
    margin-bottom: 0.95rem;
    padding: 0.2rem;
}

.history-summary-grid[b-m7go5s2hjn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.summary-item[b-m7go5s2hjn] {
    border-radius: 22px;
    padding: 0.7rem 0.85rem;
    min-width: 0;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(84, 84, 83, 0.08);
    display: grid;
    gap: 0.35rem;
}

.summary-item span[b-m7go5s2hjn] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6a7079;
}

.summary-item strong[b-m7go5s2hjn] {
    font-size: 1.12rem;
    color: #1f2328;
}

.summary-item-income[b-m7go5s2hjn] {
    background: color-mix(in srgb, #28a745 10%, white);
}

.summary-item-expenses[b-m7go5s2hjn] {
    background: color-mix(in srgb, #dc3545 10%, white);
}

.summary-card-income-text[b-m7go5s2hjn] {
    color: #17632e;
}

.summary-card-expenses-text[b-m7go5s2hjn] {
    color: #8f1f1f;
}

.history-loading-card[b-m7go5s2hjn] {
    border-radius: 22px;
    padding: 1.25rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(84, 84, 83, 0.1);
}

.history-loading-card p[b-m7go5s2hjn] {
    margin: 0;
    color: #5f646d;
}

.history-empty-card[b-m7go5s2hjn] {
    padding: 0.4rem;
}

.empty-state-icon[b-m7go5s2hjn] {
    font-size: 2.6rem;
    color: #b7bcc5;
}

.movements-container[b-m7go5s2hjn] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.movement-card[b-m7go5s2hjn] {
    padding: 0.85rem;
    border-radius: 22px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.movement-card:hover[b-m7go5s2hjn] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(25, 25, 25, 0.1);
}

.movement-top[b-m7go5s2hjn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.movement-type-wrap[b-m7go5s2hjn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.movement-icon-wrap[b-m7go5s2hjn] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    border: 1px solid rgba(84, 84, 83, 0.1);
    flex-shrink: 0;
}

.movement-icon[b-m7go5s2hjn] {
    font-size: 1.05rem;
}

.movement-type-name[b-m7go5s2hjn] {
    margin: 0;
    font-weight: 800;
    font-size: 0.96rem;
    color: #1f1f1f;
}

.movement-date[b-m7go5s2hjn] {
    margin: 0.12rem 0 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #5e636c;
}

.movement-amount-wrap[b-m7go5s2hjn] {
    text-align: right;
    display: grid;
    gap: 0.22rem;
}

.movement-amount-label[b-m7go5s2hjn] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b727c;
}

.movement-money[b-m7go5s2hjn] {
    font-size: 1.08rem;
    line-height: 1;
}

.movement-money-income[b-m7go5s2hjn] {
    color: #1f7c39;
}

.movement-money-expense[b-m7go5s2hjn] {
    color: #b03030;
}

.movement-meta[b-m7go5s2hjn] {
    margin-top: 0.72rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.movement-chip[b-m7go5s2hjn] {
    border-radius: 999px;
    border: 1px solid rgba(84, 84, 83, 0.12);
    background: rgba(255, 255, 255, 0.92);
    padding: 0.22rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #3d434c;
}

.movement-chip-normal[b-m7go5s2hjn] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.movement-chip-temporal[b-m7go5s2hjn] {
    background: color-mix(in srgb, #f09b17 15%, white);
}

.movement-chip-products[b-m7go5s2hjn] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
}

.movement-actions[b-m7go5s2hjn] {
    margin-top: 0.7rem;
    display: flex;
    justify-content: flex-end;
}

.history-action-btn[b-m7go5s2hjn] {
    border: 0;
    border-radius: 999px;
    padding: 0.7rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.84rem;
    line-height: 1;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.history-action-btn:hover[b-m7go5s2hjn] {
    transform: translateY(-1px);
}

.history-action-btn--primary[b-m7go5s2hjn] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    box-shadow: 0 10px 18px rgba(28, 28, 28, 0.12);
}

.history-action-btn--primary:hover[b-m7go5s2hjn] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 90%, black);
}

.history-action-btn--secondary[b-m7go5s2hjn] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.history-action-btn--secondary:hover[b-m7go5s2hjn] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 16%, white);
}

.history-action-btn--ghost[b-m7go5s2hjn] {
    border: 1px solid rgba(84, 84, 83, 0.14);
    background: rgba(255, 255, 255, 0.9);
    color: var(--bg-darkgreen, #545453);
    box-shadow: 0 6px 14px rgba(25, 25, 25, 0.06);
}

.history-action-btn--ghost:hover[b-m7go5s2hjn] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    border-color: color-mix(in srgb, var(--bg-darkgreen, #545453) 30%, white);
}

.movement-detail-btn[b-m7go5s2hjn] {
    padding: 0.58rem 0.95rem;
}

.history-load-more-btn[b-m7go5s2hjn] {
    padding: 0.75rem 1.1rem;
    font-size: 0.87rem;
}

.showing-text[b-m7go5s2hjn] {
    color: #666;
    text-align: center;
}

.overlay-loading[b-m7go5s2hjn] {
    position: fixed;
    inset: 0;
    background: rgba(17, 17, 17, 0.34);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.overlay-loading-content[b-m7go5s2hjn] {
    width: min(340px, 90%);
    padding: 1.1rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 18px;
    text-align: center;
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.2);
}

.overlay-loading-title[b-m7go5s2hjn] {
    display: block;
    margin-bottom: 0.75rem;
}

[b-m7go5s2hjn] .rz-dropdown .rz-dropdown-label {
    color: #666 !important;
}

[b-m7go5s2hjn] .rz-dropdown:not(.rz-state-disabled):hover .rz-dropdown-label {
    color: #333 !important;
}

@media (max-width: 900px) {
    .history-summary-grid[b-m7go5s2hjn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .history-shell[b-m7go5s2hjn] {
        padding: 0.85rem 0.3rem 5.8rem;
    }

    .history-card[b-m7go5s2hjn],
    .history-hero[b-m7go5s2hjn] {
        border-radius: 20px;
    }

    .history-hero[b-m7go5s2hjn] {
        flex-direction: column;
        align-items: stretch;
    }

    .history-summary-grid[b-m7go5s2hjn] {
        grid-template-columns: 1fr;
    }

    .movement-top[b-m7go5s2hjn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .movement-amount-wrap[b-m7go5s2hjn] {
        width: 100%;
        text-align: left;
    }

    .movement-actions[b-m7go5s2hjn] {
        justify-content: stretch;
    }

    .movement-actions .history-action-btn[b-m7go5s2hjn] {
        width: 100%;
    }

    .history-load-more-btn[b-m7go5s2hjn] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/News.razor.rz.scp.css */
.news-page[b-rs5nh5wxze] {
    max-width: 940px;
    margin: 0 auto;
    padding: 1rem 1rem 110px;
}

.news-hero[b-rs5nh5wxze],
.news-card[b-rs5nh5wxze],
.news-empty[b-rs5nh5wxze] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.news-hero[b-rs5nh5wxze] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.news-hero-eyebrow[b-rs5nh5wxze] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.news-hero-title[b-rs5nh5wxze] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--bg-darkgreen, #545453);
}

.news-hero-subtitle[b-rs5nh5wxze] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.news-hero-counter[b-rs5nh5wxze] {
    min-width: 96px;
    padding: 0.9rem 0.8rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    text-align: center;
}

.news-hero-counter-value[b-rs5nh5wxze] {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 800;
}

.news-hero-counter-label[b-rs5nh5wxze] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.78;
}

.news-list[b-rs5nh5wxze] {
    display: grid;
    gap: 0.75rem;
}

.news-card[b-rs5nh5wxze] {
    overflow: hidden;
}

.news-card-header[b-rs5nh5wxze] {
    width: 100%;
    padding: 1rem;
    border: 0;
    background: transparent;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.news-card-header-copy[b-rs5nh5wxze] {
    min-width: 0;
}

.news-card-title[b-rs5nh5wxze] {
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.3;
    color: #1f1f1f;
}

.news-card-meta[b-rs5nh5wxze] {
    margin-top: 0.42rem;
}

.news-card-date[b-rs5nh5wxze] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    font-size: 0.74rem;
    font-weight: 700;
}

.news-card-preview[b-rs5nh5wxze] {
    margin: 0.58rem 0 0;
    color: #64686e;
    font-size: 0.9rem;
    line-height: 1.45;
}

.news-card-expand-icon[b-rs5nh5wxze] {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    color: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
}

.news-card-body[b-rs5nh5wxze] {
    padding: 0 1rem 1rem;
    color: #3b3e42;
    line-height: 1.55;
}

.news-card-body :is(h1, h2, h3, h4, h5, h6)[b-rs5nh5wxze] {
    color: #222;
}

.news-card-body :is(p, li)[b-rs5nh5wxze] {
    color: #4d5156;
}

.news-empty[b-rs5nh5wxze] {
    padding: 2rem 1.2rem;
    text-align: center;
}

.news-empty-icon-wrap[b-rs5nh5wxze] {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
}

.news-empty-icon[b-rs5nh5wxze] {
    font-size: 2rem !important;
    color: var(--bg-darkgreen, #545453);
}

.news-empty-title[b-rs5nh5wxze] {
    margin: 0.85rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.news-empty-text[b-rs5nh5wxze] {
    margin: 0.35rem 0 0;
    color: #64686e;
}

@media (max-width: 640.98px) {
    .news-page[b-rs5nh5wxze] {
        padding: 0.85rem 0.75rem 100px;
    }

    .news-hero[b-rs5nh5wxze],
    .news-card[b-rs5nh5wxze],
    .news-empty[b-rs5nh5wxze] {
        border-radius: 20px;
    }

    .news-hero[b-rs5nh5wxze] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Notifications.razor.rz.scp.css */
.notif-page[b-7pedsg4d2c] {
    max-width: 940px;
    margin: 0 auto;
    padding: 1rem 1rem 110px;
}

.notif-hero[b-7pedsg4d2c],
.notif-toolbar[b-7pedsg4d2c],
.notif-vote-alert[b-7pedsg4d2c],
.notif-card[b-7pedsg4d2c],
.notif-empty[b-7pedsg4d2c] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.notif-hero[b-7pedsg4d2c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.notif-eyebrow[b-7pedsg4d2c] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.notif-title[b-7pedsg4d2c] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--bg-darkgreen, #545453);
}

.notif-subtitle[b-7pedsg4d2c] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.notif-hero-counters[b-7pedsg4d2c] {
    display: flex;
    gap: 0.5rem;
}

.notif-counter[b-7pedsg4d2c] {
    min-width: 90px;
    padding: 0.9rem 0.8rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    text-align: center;
}

.notif-counter--unread[b-7pedsg4d2c] {
    background: color-mix(in srgb, var(--rz-primary) 10%, white);
}

.notif-counter-value[b-7pedsg4d2c] {
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 800;
}

.notif-counter-label[b-7pedsg4d2c] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.78;
}

.notif-toolbar[b-7pedsg4d2c] {
    margin-bottom: 0.8rem;
    padding: 0.85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.notif-vote-alert[b-7pedsg4d2c] {
    margin-bottom: 0.8rem;
    padding: 0.9rem 1rem;
    border-color: color-mix(in srgb, #d1a920 34%, white);
    background: color-mix(in srgb, #fff4d6 72%, white);
}

.notif-vote-alert-header[b-7pedsg4d2c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.notif-vote-alert-header .rzi[b-7pedsg4d2c] {
    color: #a37c0d;
}

.notif-vote-alert-header h2[b-7pedsg4d2c] {
    margin: 0;
    font-size: 1rem;
    color: #5f4a00;
}

.notif-vote-alert-list[b-7pedsg4d2c] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.notif-vote-alert-list li[b-7pedsg4d2c] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
    padding: 0.6rem 0.7rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
}

.notif-vote-alert-list li div[b-7pedsg4d2c] {
    display: grid;
    gap: 0.15rem;
}

.notif-vote-alert-list li strong[b-7pedsg4d2c] {
    font-size: 0.9rem;
    color: #3f3a2a;
}

.notif-vote-alert-list li span[b-7pedsg4d2c] {
    font-size: 0.79rem;
    color: #7a7060;
}

.notif-vote-alert-list li small[b-7pedsg4d2c] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #7b6212;
    white-space: nowrap;
}

.notif-toolbar-info[b-7pedsg4d2c] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #62656b;
    font-size: 0.9rem;
}

.notif-toolbar-icon[b-7pedsg4d2c] {
    color: var(--bg-darkgreen, #545453);
}

.notif-toolbar-actions[b-7pedsg4d2c] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.notif-action-btn[b-7pedsg4d2c] {
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.notif-action-btn:hover[b-7pedsg4d2c] {
    transform: translateY(-1px);
}

.notif-action-btn--secondary[b-7pedsg4d2c] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    box-shadow: 0 8px 16px rgba(28, 28, 28, 0.08);
}

.notif-action-btn--danger[b-7pedsg4d2c] {
    background: color-mix(in srgb, #d9534f 10%, white);
    color: #b33d3a;
    box-shadow: 0 8px 16px rgba(28, 28, 28, 0.08);
}

.notif-list[b-7pedsg4d2c] {
    display: grid;
    gap: 0.6rem;
}

.notif-card[b-7pedsg4d2c] {
    padding: 0.78rem 0.9rem;
    border-left: 4px solid transparent;
}

.notif-card.is-unread[b-7pedsg4d2c] {
    border-left-color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 5%, white);
}

.notif-card-top[b-7pedsg4d2c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.notif-meta[b-7pedsg4d2c] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.35rem;
}

.notif-badge[b-7pedsg4d2c] {
    display: inline-block;
    background: var(--rz-primary);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
}

.notif-date[b-7pedsg4d2c] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.74rem;
    color: #8a8e94;
}

.notif-item-actions[b-7pedsg4d2c] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.notif-icon-btn[b-7pedsg4d2c] {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 75%, white);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.notif-icon-btn:hover[b-7pedsg4d2c] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.notif-icon-btn.is-danger:hover[b-7pedsg4d2c] {
    background: color-mix(in srgb, #d9534f 12%, white);
    color: #b33d3a;
}

.notif-message[b-7pedsg4d2c] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: #62656b;
}

.notif-message.is-unread[b-7pedsg4d2c] {
    color: var(--bg-darkgreen, #545453);
    font-weight: 600;
}

.notif-empty[b-7pedsg4d2c] {
    padding: 2rem 1.2rem;
    text-align: center;
}

.notif-empty-icon-wrap[b-7pedsg4d2c] {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
}

.notif-empty-icon[b-7pedsg4d2c] {
    font-size: 2rem !important;
    color: var(--bg-darkgreen, #545453);
}

.notif-empty-title[b-7pedsg4d2c] {
    margin: 0.85rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.notif-empty-text[b-7pedsg4d2c] {
    margin: 0.35rem 0 0;
    color: #64686e;
}

@media (max-width: 640.98px) {
    .notif-page[b-7pedsg4d2c] {
        padding: 0.85rem 0.75rem 100px;
    }

    .notif-hero[b-7pedsg4d2c],
    .notif-toolbar[b-7pedsg4d2c],
    .notif-vote-alert[b-7pedsg4d2c],
    .notif-card[b-7pedsg4d2c],
    .notif-empty[b-7pedsg4d2c] {
        border-radius: 20px;
    }

    .notif-hero[b-7pedsg4d2c] {
        flex-direction: column;
        align-items: stretch;
    }

    .notif-hero-counters[b-7pedsg4d2c] {
        justify-content: space-between;
    }

    .notif-toolbar[b-7pedsg4d2c] {
        flex-direction: column;
        align-items: stretch;
    }

    .notif-toolbar-actions[b-7pedsg4d2c] {
        width: 100%;
    }

    .notif-action-btn[b-7pedsg4d2c] {
        justify-content: center;
        flex: 1;
    }
}

/* _content/rbs.Portal/Components/Pages/MainPages/Photos.razor.rz.scp.css */
.photos-page[b-s9c2q4c1nq] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 1rem 1rem 110px;
}

.photos-hero[b-s9c2q4c1nq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.photos-hero-copy[b-s9c2q4c1nq] {
    max-width: 560px;
}

.photos-hero-eyebrow[b-s9c2q4c1nq] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.photos-hero-title[b-s9c2q4c1nq] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--bg-darkgreen, #545453);
}

.photos-hero-subtitle[b-s9c2q4c1nq] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.photos-hero-actions[b-s9c2q4c1nq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.photos-hero-counter[b-s9c2q4c1nq] {
    min-width: 96px;
    padding: 0.9rem 0.8rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    text-align: center;
}

.photos-hero-counter-value[b-s9c2q4c1nq] {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 800;
}

.photos-hero-counter-label[b-s9c2q4c1nq] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.78;
}

.photos-action-btn[b-s9c2q4c1nq] {
    border: 0;
    border-radius: 999px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.photos-action-btn:hover[b-s9c2q4c1nq] {
    transform: translateY(-1px);
}

.photos-action-btn--primary[b-s9c2q4c1nq] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    box-shadow: 0 10px 18px rgba(28, 28, 28, 0.12);
}

.photos-action-btn--ghost[b-s9c2q4c1nq] {
    background: rgba(255, 255, 255, 0.9);
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.14);
    box-shadow: 0 6px 14px rgba(25, 25, 25, 0.06);
}

.photos-action-btn:disabled[b-s9c2q4c1nq] {
    opacity: 0.65;
    cursor: default;
    transform: none;
}

.photos-loading[b-s9c2q4c1nq] {
    display: flex;
    justify-content: center;
    padding: 2.7rem 1rem;
}

.photos-empty[b-s9c2q4c1nq] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
    padding: 2rem 1.2rem;
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 0.55rem;
}

.photos-empty-icon-wrap[b-s9c2q4c1nq] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
}

.photos-empty-icon[b-s9c2q4c1nq] {
    font-size: 2rem !important;
    color: var(--bg-darkgreen, #545453);
}

.photos-empty-title[b-s9c2q4c1nq] {
    margin: 0.25rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.photos-empty-text[b-s9c2q4c1nq] {
    margin: 0;
    color: #64686e;
}

.photos-grid[b-s9c2q4c1nq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.65rem;
}

.photo-tile-wrapper[b-s9c2q4c1nq] {
    position: relative;
}

.photo-delete-btn[b-s9c2q4c1nq] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    z-index: 10;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.18s ease, background 0.18s ease;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.photo-tile-wrapper:hover .photo-delete-btn[b-s9c2q4c1nq] {
    opacity: 1;
}

.photo-delete-btn:hover[b-s9c2q4c1nq] {
    background: rgba(220, 50, 50, 0.85);
}

.photo-tile[b-s9c2q4c1nq] {
    border: 1px solid rgba(84, 84, 83, 0.08);
    padding: 0;
    background: rgba(255, 255, 255, 0.78);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    cursor: pointer;
    text-align: left;
    transition: transform .14s ease, box-shadow .14s ease;
    position: relative;
}

.photo-tile:hover[b-s9c2q4c1nq] {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.1);
}

.photo-tile img[b-s9c2q4c1nq] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    background: #eef3f0;
}

.photo-tile-meta[b-s9c2q4c1nq] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.7rem 0.8rem 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.photo-author[b-s9c2q4c1nq] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.photo-date[b-s9c2q4c1nq] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.photos-load-more[b-s9c2q4c1nq] {
    display: flex;
    justify-content: center;
    padding: 0.85rem 0 0;
}

@media (max-width: 640px) {
    .photos-page[b-s9c2q4c1nq] {
        padding: 0.85rem 0.75rem 100px;
    }

    .photos-hero[b-s9c2q4c1nq],
    .photos-empty[b-s9c2q4c1nq],
    .photo-tile[b-s9c2q4c1nq] {
        border-radius: 20px;
    }

    .photos-hero[b-s9c2q4c1nq] {
        flex-direction: column;
        align-items: stretch;
    }

    .photos-hero-actions[b-s9c2q4c1nq] {
        justify-content: space-between;
    }

    .photos-grid[b-s9c2q4c1nq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .photos-load-more .photos-action-btn[b-s9c2q4c1nq] {
        width: 100%;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Profile.razor.rz.scp.css */
.profile-page[b-xnxm9d5sd6] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 1rem 110px;
}

.profile-hero[b-xnxm9d5sd6],
.profile-content[b-xnxm9d5sd6] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.profile-hero[b-xnxm9d5sd6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.profile-hero-copy[b-xnxm9d5sd6] {
    max-width: 620px;
}

.profile-eyebrow[b-xnxm9d5sd6] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 70%, white);
}

.profile-title[b-xnxm9d5sd6] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.profile-subtitle[b-xnxm9d5sd6] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.profile-hero-side[b-xnxm9d5sd6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.6rem;
}

.profile-badges[b-xnxm9d5sd6] {
    display: grid;
    gap: 0.5rem;
}

.profile-pill[b-xnxm9d5sd6] {
    border: 0;
    border-radius: 18px;
    padding: 0.65rem 0.85rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.85rem;
}

.profile-pill strong[b-xnxm9d5sd6] {
    font-size: 0.92rem;
    color: #2c2e32;
}

.profile-pill-label[b-xnxm9d5sd6] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.72;
}

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

.profile-tab-head[b-xnxm9d5sd6] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.7rem;
}

.profile-orders-grid[b-xnxm9d5sd6] {
    display: grid;
    gap: 0.75rem;
}

.profile-order-card[b-xnxm9d5sd6] {
    border-radius: 22px;
    border: 1px solid rgba(84, 84, 83, 0.10);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.06);
    padding: 0.9rem;
    display: grid;
    gap: 0.8rem;
}

.profile-order-main[b-xnxm9d5sd6] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.profile-order-icon[b-xnxm9d5sd6] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
    color: var(--bg-darkgreen, #545453);
    flex-shrink: 0;
}

.profile-order-copy[b-xnxm9d5sd6] {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.profile-order-date[b-xnxm9d5sd6] {
    margin: 0;
    font-size: 0.83rem;
    color: #686c72;
}

.profile-order-total[b-xnxm9d5sd6] {
    margin-left: auto;
    color: var(--bg-darkgreen, #545453);
    font-size: 1.02rem;
}

.profile-order-view[b-xnxm9d5sd6] {
    border: 0;
    border-radius: 14px;
    padding: 0.62rem 0.8rem;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-weight: 700;
    cursor: pointer;
}

.profile-empty-state[b-xnxm9d5sd6] {
    border-radius: 22px;
    padding: 2rem 1.2rem;
    text-align: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
}

.profile-empty-state h3[b-xnxm9d5sd6] {
    margin: 0.8rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.profile-empty-state p[b-xnxm9d5sd6] {
    margin: 0.35rem 0 0;
    color: #64696f;
}

.profile-empty-icon[b-xnxm9d5sd6] {
    font-size: 2rem !important;
    color: var(--bg-darkgreen, #545453);
}

@media (max-width: 640.98px) {
    .profile-page[b-xnxm9d5sd6] {
        padding: 0.85rem 0.75rem 100px;
    }

    .profile-hero[b-xnxm9d5sd6],
    .profile-content[b-xnxm9d5sd6] {
        border-radius: 20px;
    }

    .profile-hero[b-xnxm9d5sd6] {
        flex-direction: column;
        align-items: stretch;
    }

    .profile-hero-side[b-xnxm9d5sd6] {
        align-items: stretch;
    }

    .profile-order-main[b-xnxm9d5sd6] {
        align-items: flex-start;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Proposals.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Propuestas – pantalla pública de falleros
   ═══════════════════════════════════════════════════════════ */

/* ── PÁGINA ── */
.proposals-page[b-zrhtxeunc8] {
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 8%, white) 0%,
            #f9f9f7 100%);
}

/* ── CABECERA ── */
.proposals-header[b-zrhtxeunc8] {
    padding: 1.5rem 1rem 1rem;
    background: linear-gradient(180deg,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 12%, white) 0%,
            transparent 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.proposals-header-inner[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 740px;
    margin: 0 auto;
}

.proposals-header-icon[b-zrhtxeunc8] {
    font-size: 2.2rem !important;
    color: var(--bg-darkgreen, #1f5f4a);
    opacity: 0.85;
    flex-shrink: 0;
}

.proposals-header-text[b-zrhtxeunc8] {
    flex: 1;
    min-width: 0;
}

.proposals-title[b-zrhtxeunc8] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--bg-darkgreen, #1f5f4a);
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.proposals-subtitle[b-zrhtxeunc8] {
    margin: 0.18rem 0 0;
    font-size: 0.82rem;
    color: #666;
    letter-spacing: 0.01em;
}

/* ── BOTÓN NUEVA ── */
.proposals-new-btn[b-zrhtxeunc8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    background: var(--bg-darkgreen, #1f5f4a);
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .15s ease, transform .15s ease;
    flex-shrink: 0;
}

.proposals-new-btn:hover[b-zrhtxeunc8] {
    opacity: 0.88;
    transform: translateY(-1px);
}

.proposals-new-btn--empty[b-zrhtxeunc8] {
    margin-top: 0.5rem;
    font-size: 0.92rem;
}

/* ── LOADING / EMPTY ── */
.proposals-loading[b-zrhtxeunc8] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.proposals-empty[b-zrhtxeunc8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 4rem 1rem;
    color: #999;
    text-align: center;
}

.proposals-empty-icon[b-zrhtxeunc8] {
    font-size: 3.5rem !important;
    opacity: 0.3;
}

/* ── FORMULARIO ── */
.proposals-form-wrapper[b-zrhtxeunc8] {
    max-width: 740px;
    margin: 1.25rem auto 0;
    padding: 0 1rem;
}

.proposals-form[b-zrhtxeunc8] {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.proposals-form-title[b-zrhtxeunc8] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--bg-darkgreen, #1f5f4a);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.proposals-input[b-zrhtxeunc8],
.proposals-textarea[b-zrhtxeunc8] {
    width: 100%;
    padding: 0.7rem 0.9rem;
    border: 1.5px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    font-size: 0.93rem;
    font-family: inherit;
    color: #1a1a1a;
    background: #fafafa;
    transition: border-color .15s ease, box-shadow .15s ease;
    box-sizing: border-box;
    resize: vertical;
}

.proposals-input:focus[b-zrhtxeunc8],
.proposals-textarea:focus[b-zrhtxeunc8] {
    outline: none;
    border-color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 60%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 12%, transparent);
    background: #fff;
}

.proposals-textarea--sm[b-zrhtxeunc8] {
    min-height: 80px;
}

.proposals-form-actions[b-zrhtxeunc8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.proposals-form-actions--sm[b-zrhtxeunc8] {
    margin-top: 0.5rem;
}

.proposals-btn[b-zrhtxeunc8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1.1rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: opacity .15s ease, transform .15s ease;
    font-family: inherit;
}

.proposals-btn:disabled[b-zrhtxeunc8] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none !important;
}

.proposals-btn--primary[b-zrhtxeunc8] {
    background: var(--bg-darkgreen, #1f5f4a);
    color: #fff;
}

.proposals-btn--primary:not(:disabled):hover[b-zrhtxeunc8] {
    opacity: 0.88;
    transform: translateY(-1px);
}

.proposals-btn--secondary[b-zrhtxeunc8] {
    background: rgba(0, 0, 0, 0.06);
    color: #555;
}

.proposals-btn--secondary:hover[b-zrhtxeunc8] {
    background: rgba(0, 0, 0, 0.1);
}

/* ── LISTA ── */
.proposals-list[b-zrhtxeunc8] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    max-width: 740px;
    margin: 1.25rem auto 0;
    padding: 0 1rem 1rem;
}

/* ── TARJETA ── */
.proposal-card[b-zrhtxeunc8] {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: box-shadow .18s ease;
}

.proposal-card--expanded[b-zrhtxeunc8] {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
}

/* ── CABECERA DE TARJETA ── */
.proposal-card-header[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1rem 0.75rem;
    cursor: pointer;
    user-select: none;
    gap: 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    transition: background .12s ease;
}

.proposal-card-header:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 4%, white);
}

.proposal-card-meta[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.proposal-author-avatar[b-zrhtxeunc8] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg,
            var(--bg-darkgreen, #1f5f4a) 0%,
            color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 72%, #000) 100%);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.proposal-card-info[b-zrhtxeunc8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.18rem;
}

.proposal-card-title[b-zrhtxeunc8] {
    font-size: 0.93rem;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proposal-card-author[b-zrhtxeunc8] {
    font-size: 0.76rem;
    color: #888;
}

.proposal-card-right[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

/* ── BADGE DE ESTADO ── */
.proposal-status[b-zrhtxeunc8] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    text-transform: uppercase;
    white-space: nowrap;
}

.proposal-status--pending[b-zrhtxeunc8] {
    background: color-mix(in srgb, #f59e0b 15%, white);
    color: #92400e;
    border: 1px solid color-mix(in srgb, #f59e0b 40%, transparent);
}

.proposal-status--approved[b-zrhtxeunc8] {
    background: color-mix(in srgb, #10b981 15%, white);
    color: #065f46;
    border: 1px solid color-mix(in srgb, #10b981 40%, transparent);
}

.proposal-status--rejected[b-zrhtxeunc8] {
    background: color-mix(in srgb, #ef4444 15%, white);
    color: #991b1b;
    border: 1px solid color-mix(in srgb, #ef4444 35%, transparent);
}

.proposal-expand-btn[b-zrhtxeunc8] {
    background: none;
    border: none;
    cursor: pointer;
    color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 70%, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: background .12s ease;
    flex-shrink: 0;
}

.proposal-expand-btn:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 10%, transparent);
}

/* ── DESCRIPCIÓN ── */
.proposal-description[b-zrhtxeunc8] {
    padding: 0.85rem 1.1rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.proposal-description p[b-zrhtxeunc8] {
    margin: 0;
    font-size: 0.93rem;
    line-height: 1.65;
    color: #333;
    white-space: pre-wrap;
}

/* ── ACCIONES DE ESTADO (DIRECTIVA) ── */
.proposal-status-actions[b-zrhtxeunc8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.015);
}

.proposal-status-btn[b-zrhtxeunc8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px solid;
    transition: opacity .12s ease, transform .12s ease;
    font-family: inherit;
    background: #fff;
}

.proposal-status-btn:hover[b-zrhtxeunc8] {
    opacity: 0.82;
    transform: translateY(-1px);
}

.proposal-status-btn--approve[b-zrhtxeunc8] {
    color: #065f46;
    border-color: color-mix(in srgb, #10b981 50%, transparent);
}

.proposal-status-btn--approve:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, #10b981 10%, white);
}

.proposal-status-btn--pending[b-zrhtxeunc8] {
    color: #92400e;
    border-color: color-mix(in srgb, #f59e0b 50%, transparent);
}

.proposal-status-btn--pending:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, #f59e0b 10%, white);
}

.proposal-status-btn--reject[b-zrhtxeunc8] {
    color: #991b1b;
    border-color: color-mix(in srgb, #ef4444 40%, transparent);
}

.proposal-status-btn--reject:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, #ef4444 8%, white);
}

/* ── COMENTARIOS ── */
.proposal-comments[b-zrhtxeunc8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.proposal-comment[b-zrhtxeunc8] {
    background: rgba(0, 0, 0, 0.025);
    border-radius: 10px;
    padding: 0.65rem 0.85rem;
    border-left: 3px solid rgba(0, 0, 0, 0.08);
}

.proposal-comment--directiva[b-zrhtxeunc8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 6%, white);
    border-left-color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 55%, transparent);
}

.proposal-comment-header[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
    flex-wrap: wrap;
}

.proposal-comment-shield[b-zrhtxeunc8] {
    font-size: 0.95rem !important;
    color: var(--bg-darkgreen, #1f5f4a);
}

.proposal-comment-author[b-zrhtxeunc8] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1a1a1a;
}

.proposal-comment-badge[b-zrhtxeunc8] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 15%, white);
    color: var(--bg-darkgreen, #1f5f4a);
    border: 1px solid color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 30%, transparent);
}

.proposal-comment-date[b-zrhtxeunc8] {
    font-size: 0.74rem;
    color: #aaa;
    margin-left: auto;
}

.proposal-comment-content[b-zrhtxeunc8] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.55;
    color: #333;
    white-space: pre-wrap;
}

/* ── FORMULARIO DE RESPUESTA ── */
.proposal-comment-form[b-zrhtxeunc8] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 3%, white);
}

.proposal-reply-row[b-zrhtxeunc8] {
    padding: 0.6rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.proposal-reply-btn[b-zrhtxeunc8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: 1.5px solid color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 35%, transparent);
    color: var(--bg-darkgreen, #1f5f4a);
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .12s ease;
    font-family: inherit;
}

.proposal-reply-btn:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 8%, transparent);
}

/* ── FOOTER: REACCIONES + ACCIONES ── */
.proposal-footer[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.9rem 0.7rem;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.015);
    gap: 0.5rem;
    flex-wrap: wrap;
}

.proposal-reactions[b-zrhtxeunc8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.proposal-reaction-btn[b-zrhtxeunc8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.6rem;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    background: #fff;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
    font: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.proposal-reaction-btn:hover[b-zrhtxeunc8] {
    transform: translateY(-2px) scale(1.06);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 6%, white);
    border-color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 35%, transparent);
}

.proposal-reaction-btn--active[b-zrhtxeunc8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 12%, white) !important;
    border-color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 55%, transparent) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 25%, transparent) !important;
}

.proposal-reaction-emoji[b-zrhtxeunc8] {
    font-size: 1.1rem;
    line-height: 1;
}

.proposal-reaction-count[b-zrhtxeunc8] {
    font-size: 0.78rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 80%, #000);
    min-width: 14px;
    text-align: center;
}

/* ── ACCIONES DEL AUTOR ── */
.proposal-owner-actions[b-zrhtxeunc8] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.proposal-action-btn[b-zrhtxeunc8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: background .12s ease, transform .12s ease;
    background: rgba(0, 0, 0, 0.05);
    color: #666;
}

.proposal-action-btn:hover[b-zrhtxeunc8] {
    transform: scale(1.1);
}

.proposal-action-btn--edit:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 14%, transparent);
    color: var(--bg-darkgreen, #1f5f4a);
}

.proposal-action-btn--delete:hover[b-zrhtxeunc8] {
    background: color-mix(in srgb, #ef4444 14%, transparent);
    color: #ef4444;
}

/* ── FAB (Floating Action Button) ── */
.proposals-fab[b-zrhtxeunc8] {
    display: none;
}

/* ── RESPONSIVE MÓVIL ── */
@media (max-width: 600px) {
    .proposals-header[b-zrhtxeunc8] {
        padding: 1rem 0.75rem 0.7rem;
    }

    .proposals-title[b-zrhtxeunc8] {
        font-size: 1.2rem;
    }

    .proposals-list[b-zrhtxeunc8],
    .proposals-form-wrapper[b-zrhtxeunc8] {
        padding: 0 0.6rem;
        margin-top: 1rem;
    }

    .proposal-card-title[b-zrhtxeunc8] {
        font-size: 0.85rem;
    }

    .proposal-status[b-zrhtxeunc8] {
        font-size: 0.65rem;
        padding: 0.2rem 0.5rem;
    }

    .proposal-author-avatar[b-zrhtxeunc8] {
        width: 30px;
        height: 30px;
        font-size: 0.78rem;
    }

    .proposal-reaction-btn[b-zrhtxeunc8] {
        padding: 0.25rem 0.5rem;
    }

    .proposal-reaction-emoji[b-zrhtxeunc8] {
        font-size: 1rem;
    }

    .proposal-description[b-zrhtxeunc8] {
        padding: 0.7rem 0.85rem 0.6rem;
    }

    .proposal-description p[b-zrhtxeunc8] {
        font-size: 0.88rem;
    }

    /* Ocultar botón del header en móvil, mostrar FAB */
    .proposals-new-btn:not(.proposals-new-btn--empty)[b-zrhtxeunc8] {
        display: none;
    }

    .proposals-fab[b-zrhtxeunc8] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: calc(88px + env(safe-area-inset-bottom) + 16px);
        right: 1.1rem;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: var(--bg-darkgreen, #1f5f4a);
        color: #fff;
        border: none;
        cursor: pointer;
        box-shadow: 0 6px 20px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 50%, transparent),
                    0 2px 8px rgba(0,0,0,0.18);
        z-index: 50;
        transition: transform .18s ease, box-shadow .18s ease;
        font-size: 1.6rem;
    }

    .proposals-fab:hover[b-zrhtxeunc8] {
        transform: scale(1.08);
        box-shadow: 0 10px 28px color-mix(in srgb, var(--bg-darkgreen, #1f5f4a) 55%, transparent);
    }

    .proposals-fab:active[b-zrhtxeunc8] {
        transform: scale(0.95);
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Shop.razor.rz.scp.css */
.shop-page[b-nwrokm4r2u] {
    max-width: 1040px;
    margin: 0 auto;
    padding: 1rem 1rem 110px;
}

.shop-hero[b-nwrokm4r2u],
.shop-empty[b-nwrokm4r2u] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.shop-hero[b-nwrokm4r2u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    position: sticky;
    top: calc(65px + 0.75rem);
    z-index: 55;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.shop-hero-eyebrow[b-nwrokm4r2u] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.shop-hero-title[b-nwrokm4r2u] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--bg-darkgreen, #545453);
}

.shop-hero-subtitle[b-nwrokm4r2u] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
    display: none;
}

.shop-cart-btn[b-nwrokm4r2u] {
    border: 0;
    border-radius: 18px;
    padding: 0.75rem 0.9rem;
    min-width: 190px;
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(25, 25, 25, 0.18);
}

.shop-cart-btn-icon[b-nwrokm4r2u] {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.shop-cart-btn-copy[b-nwrokm4r2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}

.shop-cart-btn-copy small[b-nwrokm4r2u] {
    font-size: 0.72rem;
    opacity: 0.75;
}

.shop-cart-btn-badge[b-nwrokm4r2u] {
    margin-left: auto;
    min-width: 44px;
    height: 28px;
    border-radius: 999px;
    padding: 0 0.5rem;
    display: grid;
    place-items: center;
    background: var(--bg-darkgreen, #545453);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
}

.shop-list[b-nwrokm4r2u] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}

.shop-empty[b-nwrokm4r2u] {
    padding: 2rem 1.2rem;
    text-align: center;
}

.shop-empty-icon-wrap[b-nwrokm4r2u] {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 9%, white);
}

.shop-empty-icon[b-nwrokm4r2u] {
    font-size: 2rem !important;
    color: var(--bg-darkgreen, #545453);
}

.shop-empty-title[b-nwrokm4r2u] {
    margin: 0.85rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.shop-empty-text[b-nwrokm4r2u] {
    margin: 0.35rem 0 0;
    color: #64686e;
}

@media (max-width: 640.98px) {
    .shop-page[b-nwrokm4r2u] {
        padding: 0.85rem 0.75rem 100px;
    }

    .shop-hero[b-nwrokm4r2u],
    .shop-empty[b-nwrokm4r2u] {
        border-radius: 20px;
    }

    .shop-hero[b-nwrokm4r2u] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 0.7rem;
    }

    .shop-hero-copy[b-nwrokm4r2u] {
        min-width: 0;
    }

    .shop-cart-btn[b-nwrokm4r2u] {
        min-width: 0;
        width: auto;
        max-width: calc(100vw - 1.5rem);
        padding: 0.62rem 0.7rem;
        justify-self: end;
    }

    .shop-cart-btn-copy small[b-nwrokm4r2u] {
        display: none;
    }

    .shop-list[b-nwrokm4r2u] {
        grid-template-columns: 1fr;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/VirtualCard.razor.rz.scp.css */
.virtual-card-page[b-f3b1oinjnh] {
    max-width: 1040px;
    margin: 0 auto;
    padding: 1rem 1rem 110px;
}

.virtual-card-loading[b-f3b1oinjnh],
.virtual-card-hero[b-f3b1oinjnh],
.virtual-card-main-card[b-f3b1oinjnh],
.virtual-card-actions-bar[b-f3b1oinjnh] {
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(84, 84, 83, 0.10);
    border-radius: 28px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.virtual-card-loading[b-f3b1oinjnh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.55rem;
    min-height: 340px;
    padding: 2rem;
}

.virtual-card-loading h2[b-f3b1oinjnh] {
    margin: 0.2rem 0 0;
    color: var(--bg-darkgreen, #545453);
}

.virtual-card-loading p[b-f3b1oinjnh] {
    margin: 0;
    color: #64676b;
}

.virtual-card-loading-spinner[b-f3b1oinjnh] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
}

.virtual-card-hero[b-f3b1oinjnh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.15rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.82);
}

.virtual-card-hero-copy[b-f3b1oinjnh] {
    max-width: 560px;
}

.virtual-card-eyebrow[b-f3b1oinjnh],
.virtual-card-section-label[b-f3b1oinjnh] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.virtual-card-title[b-f3b1oinjnh] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    color: var(--bg-darkgreen, #545453);
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.virtual-card-subtitle[b-f3b1oinjnh] {
    margin: 0.45rem 0 0;
    color: #5f6165;
    line-height: 1.5;
}

.virtual-card-actions-bar[b-f3b1oinjnh] {
    margin-bottom: 1rem;
    padding: 0.85rem;
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.virtual-card-shell[b-f3b1oinjnh] {
    display: block;
}

.virtual-card-main-card[b-f3b1oinjnh],
.virtual-card-actions-bar[b-f3b1oinjnh] {
    padding: 1rem;
}

.virtual-card-main-card[b-f3b1oinjnh] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.virtual-card-switcher[b-f3b1oinjnh] {
    display: inline-flex;
    align-self: center;
    padding: 0.25rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 8%, white);
    gap: 0.25rem;
}

.virtual-card-switch[b-f3b1oinjnh] {
    border: 0;
    border-radius: 999px;
    padding: 0.55rem 0.95rem;
    background: transparent;
    color: var(--bg-darkgreen, #545453);
    font-weight: 700;
    cursor: pointer;
}

.virtual-card-switch--active[b-f3b1oinjnh] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.virtual-card-qr-wrap[b-f3b1oinjnh] {
    display: flex;
    justify-content: center;
}

.virtual-card-hidden-actions[b-f3b1oinjnh] {
    display: flex;
    justify-content: center;
    margin-top: 0.2rem;
}

.virtual-card-qr-surface[b-f3b1oinjnh] {
    width: 100%;
    max-width: 520px;
}

.virtual-card-summary-inline[b-f3b1oinjnh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.virtual-card-summary-inline-item[b-f3b1oinjnh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 0.8rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 7%, white);
    color: #4e5257;
}

.virtual-card-summary-inline-item span[b-f3b1oinjnh] {
    font-size: 0.79rem;
}

.virtual-card-summary-inline-item strong[b-f3b1oinjnh] {
    color: var(--bg-darkgreen, #545453);
    font-size: 0.85rem;
}

.virtual-card-action-btn[b-f3b1oinjnh] {
    border: 0;
    border-radius: 14px;
    padding: 0.72rem 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    font-weight: 700;
    cursor: pointer;
    flex: 1;
}

.virtual-card-action-btn--primary[b-f3b1oinjnh] {
    background: var(--bg-darkgreen, #545453);
    color: #fff;
}

.virtual-card-action-btn--secondary[b-f3b1oinjnh] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
    color: var(--bg-darkgreen, #545453);
}

.virtual-card-action-btn--ghost[b-f3b1oinjnh] {
    background: rgba(255, 255, 255, 0.9);
    color: var(--bg-darkgreen, #545453);
    border: 1px solid rgba(84, 84, 83, 0.12);
}

@media (max-width: 820px) {
    .virtual-card-summary-inline[b-f3b1oinjnh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .virtual-card-page[b-f3b1oinjnh] {
        padding: 0.85rem 0.75rem 100px;
    }

    .virtual-card-hero[b-f3b1oinjnh],
    .virtual-card-main-card[b-f3b1oinjnh],
    .virtual-card-actions-bar[b-f3b1oinjnh],
    .virtual-card-loading[b-f3b1oinjnh] {
        border-radius: 20px;
    }

    .virtual-card-hero[b-f3b1oinjnh] {
        flex-direction: column;
        align-items: stretch;
    }

    .virtual-card-action-btn[b-f3b1oinjnh] {
        width: 100%;
        flex: unset;
    }
}
/* _content/rbs.Portal/Components/Pages/MainPages/Votes.razor.rz.scp.css */
.votes-page[b-babqtrrn0f] {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0.95rem 1rem 110px;
    display: grid;
    gap: 0.8rem;
}

.card-surface[b-babqtrrn0f] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(84, 84, 83, 0.1);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(25, 25, 25, 0.08);
}

.votes-page-hero[b-babqtrrn0f] {
    padding: 1.15rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--bg-darkgreen, #545453) 12%, white), transparent 42%),
        rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(84, 84, 83, 0.1);
    box-shadow: 0 14px 32px rgba(25, 25, 25, 0.08);
}

.votes-page-eyebrow[b-babqtrrn0f] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 68%, white);
}

.votes-page-hero h1[b-babqtrrn0f] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.45rem, 2.9vw, 2rem);
    color: var(--bg-darkgreen, #545453);
}

.votes-page-hero p[b-babqtrrn0f] {
    margin: 0.4rem 0 0;
    color: #60646c;
}

.votes-page-loading[b-babqtrrn0f] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 0.55rem;
    text-align: center;
    color: #5f6165;
}

.votes-section[b-babqtrrn0f] {
    padding: 1rem;
    display: grid;
    gap: 0.8rem;
}

.votes-section-header[b-babqtrrn0f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.votes-section-header h2[b-babqtrrn0f] {
    margin: 0;
    font-size: 1.06rem;
    color: #1f1f1f;
}

.votes-section-header span[b-babqtrrn0f] {
    min-width: 30px;
    height: 30px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--bg-darkgreen, #545453);
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 10%, white);
}

.votes-empty[b-babqtrrn0f] {
    border: 1px dashed rgba(84, 84, 83, 0.25);
    border-radius: 14px;
    padding: 0.95rem;
    text-align: center;
    color: #697078;
    font-size: 0.9rem;
}

.votes-grid[b-babqtrrn0f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.vote-card[b-babqtrrn0f] {
    border: 1px solid rgba(84, 84, 83, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    padding: 0.9rem;
    display: grid;
    gap: 0.5rem;
}

.vote-card--closing-soon[b-babqtrrn0f] {
    border-color: color-mix(in srgb, #d1a920 38%, white);
    background: color-mix(in srgb, #fff4d6 74%, white);
}

.vote-card--muted[b-babqtrrn0f] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 4%, white);
}

.vote-card--finished[b-babqtrrn0f] {
    background: color-mix(in srgb, var(--bg-darkgreen, #545453) 6%, white);
}

.vote-card-head[b-babqtrrn0f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.vote-card-head h3[b-babqtrrn0f] {
    margin: 0;
    font-size: 1rem;
    color: #1f1f1f;
}

.vote-card-head small[b-babqtrrn0f] {
    color: #61646a;
    font-size: 0.77rem;
    white-space: nowrap;
}

.vote-card-delegation[b-babqtrrn0f] {
    margin: 0;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: color-mix(in srgb, var(--bg-darkgreen, #545453) 62%, white);
}

.vote-card-description[b-babqtrrn0f] {
    margin: 0;
    color: #5f636b;
    font-size: 0.9rem;
}

.vote-choice-actions[b-babqtrrn0f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.2rem;
}

.vote-choice[b-babqtrrn0f] {
    border: 0;
    border-radius: 12px;
    padding: 0.55rem 0.4rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.82rem;
}

.vote-choice--in-favor[b-babqtrrn0f] {
    background: #e5f8ee;
    color: #1f6c46;
}

.vote-choice--abstain[b-babqtrrn0f] {
    background: #fff8de;
    color: #7a6308;
}

.vote-choice--against[b-babqtrrn0f] {
    background: #fde9e9;
    color: #8b2b2b;
}

.vote-locked[b-babqtrrn0f] {
    border: 1px solid rgba(84, 84, 83, 0.16);
    border-radius: 12px;
    padding: 0.65rem;
    display: grid;
    gap: 0.2rem;
    background: rgba(255, 255, 255, 0.75);
}

.vote-locked strong[b-babqtrrn0f] {
    color: #2b2d31;
    font-size: 0.88rem;
}

.vote-locked span[b-babqtrrn0f] {
    color: #5f636b;
    font-size: 0.78rem;
}

.vote-results[b-babqtrrn0f] {
    display: grid;
    gap: 0.35rem;
}

.vote-results-row[b-babqtrrn0f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.83rem;
    color: #474c52;
}

.vote-results-row strong[b-babqtrrn0f] {
    color: #1d1f21;
}

.vote-progress[b-babqtrrn0f] {
    height: 8px;
    border-radius: 999px;
    background: rgba(84, 84, 83, 0.14);
    overflow: hidden;
}

.vote-progress-bar[b-babqtrrn0f] {
    height: 100%;
    border-radius: 999px;
}

.vote-progress-bar--in-favor[b-babqtrrn0f] {
    background: #43b06e;
}

.vote-progress-bar--abstain[b-babqtrrn0f] {
    background: #d1a920;
}

.vote-progress-bar--against[b-babqtrrn0f] {
    background: #d75b5b;
}

.vote-results small[b-babqtrrn0f] {
    margin-top: 0.2rem;
    color: #60656d;
}

@media (max-width: 880.98px) {
    .votes-grid[b-babqtrrn0f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .votes-page[b-babqtrrn0f] {
        padding: 0.75rem 0.65rem 100px;
    }

    .votes-section[b-babqtrrn0f] {
        padding: 0.85rem;
    }

    .vote-choice-actions[b-babqtrrn0f] {
        grid-template-columns: 1fr;
    }
}
/* _content/rbs.Portal/Components/Pages/Passwords/ForgotPassword.razor.rz.scp.css */

[b-6fqw49etou] .forgot-password-card {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2.5rem;
    background: white;
    animation: slideUp-b-6fqw49etou 0.5s ease-out;
}

@keyframes slideUp-b-6fqw49etou {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-6fqw49etou] .forgot-password-card .rz-stack {
    width: 100%;
}

[b-6fqw49etou] .forgot-password-card .rz-icon {
    animation: bounce-b-6fqw49etou 0.6s ease-out;
}

@keyframes bounce-b-6fqw49etou {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

[b-6fqw49etou] .forgot-password-card .rz-textbox,
[b-6fqw49etou] .forgot-password-card input {
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-size: 1rem;
}

[b-6fqw49etou] .forgot-password-card .rz-textbox:focus,
[b-6fqw49etou] .forgot-password-card input:focus {
    border-color: var(--rz-primary-500) !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
    outline: none;
}

[b-6fqw49etou] .forgot-password-card .rz-label {
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 0.5rem;
}

[b-6fqw49etou] .forgot-password-card .rz-button {
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-6fqw49etou] .forgot-password-card .rz-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

[b-6fqw49etou] .forgot-password-card .rz-button:active {
    transform: translateY(0);
}

[b-6fqw49etou] .forgot-password-card .rz-alert {
    border-radius: 8px;
    padding: 1rem;
    animation: slideDown-b-6fqw49etou 0.3s ease-out;
}

@keyframes slideDown-b-6fqw49etou {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-6fqw49etou] .forgot-password-card .rz-alert-error {
    background-color: #fee;
    border-color: #fcc;
}

[b-6fqw49etou] .forgot-password-card .rz-alert-success {
    background-color: #efe;
    border-color: #cfc;
}

/* Validación */
[b-6fqw49etou] .forgot-password-card .validation-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

/* Responsive */
@media (max-width: 480px) {
    [b-6fqw49etou] .forgot-password-card {
        padding: 1.5rem;
        max-width: 100%;
    }

    [b-6fqw49etou] .forgot-password-card .rz-icon {
        font-size: 2.5rem !important;
    }

    [b-6fqw49etou] .forgot-password-card .rz-heading {
        font-size: 1.5rem !important;
    }
}
/* _content/rbs.Portal/Components/Pages/Passwords/ResetPassword.razor.rz.scp.css */
[b-j868f3moo8] .reset-password-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica',
        'Arial', sans-serif;
}

[b-j868f3moo8] .reset-password-card {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2.5rem;
    background: white;
    animation: slideUp-b-j868f3moo8 0.5s ease-out;
}

@keyframes slideUp-b-j868f3moo8 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-j868f3moo8] .reset-password-card .rz-stack {
    width: 100%;
}

[b-j868f3moo8] .reset-password-card .rz-icon {
    animation: bounce-b-j868f3moo8 0.6s ease-out;
}

@keyframes bounce-b-j868f3moo8 {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

[b-j868f3moo8] .reset-password-card .rz-textbox,
[b-j868f3moo8] .reset-password-card .rz-password,
[b-j868f3moo8] .reset-password-card input {
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-size: 1rem;
}

[b-j868f3moo8] .reset-password-card .rz-textbox:focus,
[b-j868f3moo8] .reset-password-card .rz-password:focus,
[b-j868f3moo8] .reset-password-card input:focus {
    border-color: var(--rz-primary-500) !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
    outline: none;
}

[b-j868f3moo8] .reset-password-card .rz-label {
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 0.5rem;
}

[b-j868f3moo8] .reset-password-card .rz-button {
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-j868f3moo8] .reset-password-card .rz-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

[b-j868f3moo8] .reset-password-card .rz-button:active {
    transform: translateY(0);
}

[b-j868f3moo8] .reset-password-card .rz-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-j868f3moo8] .reset-password-card .rz-alert {
    border-radius: 8px;
    padding: 1rem;
    animation: slideDown-b-j868f3moo8 0.3s ease-out;
}

@keyframes slideDown-b-j868f3moo8 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-j868f3moo8] .reset-password-card .rz-alert-error {
    background-color: #fee;
    border-color: #fcc;
}

[b-j868f3moo8] .reset-password-card .rz-alert-success {
    background-color: #efe;
    border-color: #cfc;
}

/* Validación */
[b-j868f3moo8] .reset-password-card .validation-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

/* Responsive */
@media (max-width: 480px) {
    [b-j868f3moo8] .reset-password-card {
        padding: 1.5rem;
        max-width: 100%;
    }

    [b-j868f3moo8] .reset-password-card .rz-icon {
        font-size: 2.5rem !important;
    }

    [b-j868f3moo8] .reset-password-card .rz-heading {
        font-size: 1.5rem !important;
    }
}