/* /Components/Layout/BottomNav.razor.rz.scp.css */
/* Càpsula flotant separada de les vores: 16 px als costats i --oo-barra-inferior-marge per sobre de la
   safe area. */
.oo-barra-inferior[b-rg2y5zoiwb] {
    display: none;
    position: fixed;
    left: var(--oo-space-4);
    right: var(--oo-space-4);
    bottom: calc(var(--oo-barra-inferior-marge) + env(safe-area-inset-bottom));
    z-index: 20;
    align-items: center;
    justify-content: space-around;
    height: var(--oo-barra-inferior-alcada);
    padding: 0 var(--oo-space-2);
    border: var(--oo-border);
    border-radius: var(--oo-radius-pill);
    /* Superfície del tema semitransparent amb desenfocament: el contingut es veu passar per sota sense
       perdre llegibilitat. Sense suport de backdrop-filter, el fons és pràcticament opac. */
    background-color: color-mix(in srgb, var(--oo-surface) 86%, transparent);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: var(--oo-shadow-flotant);
}

@media (max-width: 959.98px) {
    .oo-barra-inferior[b-rg2y5zoiwb] {
        display: flex;
    }
}

.oo-barra-inferior-item[b-rg2y5zoiwb] {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
    color: var(--oo-text-2);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

/* Cercle de 44 px: transparent a les inactives i ple amb el primari a l'activa. */
.oo-barra-inferior-icona[b-rg2y5zoiwb] {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--oo-radius-pill);
    transition: transform var(--oo-dur-fast) var(--oo-ease), background-color var(--oo-dur) var(--oo-ease);
}

.oo-barra-inferior-icona[b-rg2y5zoiwb]  .mud-icon-root {
    width: 24px;
    height: 24px;
}

.oo-barra-inferior-item--activa[b-rg2y5zoiwb] {
    color: var(--mud-palette-primary-text);
}

.oo-barra-inferior-item--activa .oo-barra-inferior-icona[b-rg2y5zoiwb] {
    background-color: var(--oo-primary);
}

/* En tocar: la icona es redueix una mica i torna (sense moure res més de la barra). */
.oo-barra-inferior-item:active .oo-barra-inferior-icona[b-rg2y5zoiwb] {
    transform: scale(0.9);
}

.oo-barra-inferior-item:focus-visible[b-rg2y5zoiwb] {
    outline: none;
}

.oo-barra-inferior-item:focus-visible .oo-barra-inferior-icona[b-rg2y5zoiwb] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-barra-inferior-badge[b-rg2y5zoiwb] {
    position: absolute;
    top: 2px;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border: 2px solid var(--oo-surface);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-danger);
    color: var(--mud-palette-error-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}

.oo-barra-inferior-crear[b-rg2y5zoiwb] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
}

/* El "+" es distingeix de l'ítem actiu (cercle ple) amb un cercle de vora primària sobre la superfície.
   Amb el menú obert gira 45° i queda com una ×. */
.oo-barra-inferior-fab[b-rg2y5zoiwb] {
    position: relative;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 2px solid var(--oo-primary);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    color: var(--oo-primary);
    cursor: pointer;
    transition: transform var(--oo-dur) var(--oo-ease), background-color var(--oo-dur-fast) var(--oo-ease);
    /* Mantenir-lo premut obre la càmera (omniaone.dreceraEscaneig): ni el menú del sistema, ni selecció de text, ni
       que el navegador se'l faci seu per desplaçar. */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
}

.oo-barra-inferior-fab[b-rg2y5zoiwb]  .mud-icon-root {
    width: 26px;
    height: 26px;
}

/* L'espurna de la cantonada: el "+" també escaneja amb IA (mantenint-lo premut). Amb el menú obert no hi és. */
.oo-barra-inferior-fab-ia[b-rg2y5zoiwb] {
    position: absolute;
    top: -4px;
    right: -4px;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border: 2px solid var(--oo-surface);
    border-radius: var(--oo-radius-pill);
    background: var(--oo-ia-fons);
    color: var(--oo-ia-text);
    pointer-events: none;
}

.oo-barra-inferior-fab .oo-barra-inferior-fab-ia[b-rg2y5zoiwb]  .mud-icon-root {
    width: 11px;
    height: 11px;
}

.oo-barra-inferior-fab--obert .oo-barra-inferior-fab-ia[b-rg2y5zoiwb] {
    display: none;
}

/* Passats els 500 ms: el "+" es pinta amb el degradat d'IA, per saber que en deixar-lo anar s'obrirà la càmera. */
.oo-barra-inferior-fab--llarg[b-rg2y5zoiwb] {
    border-color: transparent;
    background: var(--oo-ia-fons);
    color: var(--oo-ia-text);
    transform: scale(1.08);
}

.oo-barra-inferior-fab--llarg:active[b-rg2y5zoiwb] {
    transform: scale(1.08);
}

/* La pista de la primera vegada, una bafarada sobre el "+". En tocar-la, es tanca. */
.oo-barra-inferior-pista[b-rg2y5zoiwb] {
    position: absolute;
    bottom: calc(100% + var(--oo-space-3));
    left: 50%;
    transform: translateX(-50%);
    padding: var(--oo-space-2) var(--oo-space-3);
    border: none;
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-text);
    color: var(--oo-surface);
    box-shadow: var(--oo-shadow-flotant);
    font: inherit;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
}

.oo-barra-inferior-pista[b-rg2y5zoiwb]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--oo-text);
}

.oo-barra-inferior-fab--obert[b-rg2y5zoiwb] {
    transform: rotate(45deg);
}

.oo-barra-inferior-fab:active[b-rg2y5zoiwb] {
    transform: scale(0.9);
}

.oo-barra-inferior-fab--obert:active[b-rg2y5zoiwb] {
    transform: rotate(45deg) scale(0.9);
}

.oo-barra-inferior-fab:focus-visible[b-rg2y5zoiwb] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .oo-barra-inferior-icona[b-rg2y5zoiwb],
    .oo-barra-inferior-fab[b-rg2y5zoiwb] {
        transition: none;
    }

    .oo-barra-inferior-item:active .oo-barra-inferior-icona[b-rg2y5zoiwb],
    .oo-barra-inferior-fab:active[b-rg2y5zoiwb],
    .oo-barra-inferior-fab--llarg[b-rg2y5zoiwb],
    .oo-barra-inferior-fab--llarg:active[b-rg2y5zoiwb] {
        transform: none;
    }

    .oo-barra-inferior-fab--obert[b-rg2y5zoiwb],
    .oo-barra-inferior-fab--obert:active[b-rg2y5zoiwb] {
        transform: rotate(45deg);
    }
}
/* /Components/Layout/CalaixUsuari.razor.rz.scp.css */
.oo-calaix-fons[b-8dkmpqu69b] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    background-color: color-mix(in srgb, var(--mud-palette-black) 45%, transparent);
    animation: oo-calaix-fons-apareix-b-8dkmpqu69b var(--oo-dur) var(--oo-ease) both;
}

/* ~85 % de l'amplada (màxim 360 px), des de l'esquerra, respectant la safe area. */
.oo-calaix[b-8dkmpqu69b] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1301;
    display: flex;
    flex-direction: column;
    width: min(85vw, 360px);
    padding: env(safe-area-inset-top) var(--oo-space-2) env(safe-area-inset-bottom) max(var(--oo-space-2), env(safe-area-inset-left));
    border-radius: 0 var(--oo-radius-lg) var(--oo-radius-lg) 0;
    background-color: var(--oo-surface);
    box-shadow: var(--oo-shadow-flotant);
    overscroll-behavior: contain;
    animation: oo-calaix-entra-b-8dkmpqu69b 240ms var(--oo-ease) both;
}

.oo-calaix:focus[b-8dkmpqu69b] {
    outline: none;
}

.oo-calaix-barra[b-8dkmpqu69b] {
    display: flex;
    flex: none;
    justify-content: flex-end;
    padding: var(--oo-space-2) 0 0;
}

.oo-calaix-tancar[b-8dkmpqu69b] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text-2);
    cursor: pointer;
}

.oo-calaix-tancar[b-8dkmpqu69b]  .mud-icon-root {
    width: 22px;
    height: 22px;
}

.oo-calaix-tancar:focus-visible[b-8dkmpqu69b] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

@keyframes oo-calaix-entra-b-8dkmpqu69b {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: none;
    }
}

@keyframes oo-calaix-fons-apareix-b-8dkmpqu69b {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-calaix[b-8dkmpqu69b],
    .oo-calaix-fons[b-8dkmpqu69b] {
        animation: none;
    }
}
/* /Components/Layout/FormulariNouEspai.razor.rz.scp.css */
.oo-nou-espai[b-mrhlcou72c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.oo-nou-espai-etiqueta[b-mrhlcou72c] {
    margin: 0 0 8px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--oo-text);
}
/* /Components/Layout/FranjaAvisPla.razor.rz.scp.css */
.oo-franja-pla[b-3ooetgg1xp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-1) var(--oo-space-2);
    margin-bottom: var(--oo-space-4);
    padding: var(--oo-space-2) var(--oo-space-2) var(--oo-space-2) var(--oo-space-3);
    border: 1px solid color-mix(in srgb, var(--oo-warning) 40%, transparent);
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-warning) 12%, var(--oo-surface));
    font-size: 0.875rem;
}

.oo-franja-pla[b-3ooetgg1xp]  .oo-franja-pla-icona {
    color: var(--oo-warning);
}

.oo-franja-pla-text[b-3ooetgg1xp] {
    flex: 1 1 240px;
    min-width: 0;
}

.oo-franja-pla-enllac[b-3ooetgg1xp] {
    color: var(--oo-primary);
    font-weight: 600;
    text-decoration: none;
}

.oo-franja-pla-enllac:hover[b-3ooetgg1xp] {
    text-decoration: underline;
}

.oo-franja-pla-tancar[b-3ooetgg1xp] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text-2);
    cursor: pointer;
}

.oo-franja-pla-tancar:hover[b-3ooetgg1xp] {
    background-color: color-mix(in srgb, var(--oo-text) 8%, transparent);
}
/* /Components/Layout/FranjaConfirmarCorreu.razor.rz.scp.css */
/* Mateixa forma que FranjaAvisPla, en el color principal (és una petició, no un avís de límit). */
.oo-franja-correu[b-hnr9efzmtn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-1) var(--oo-space-2);
    margin-bottom: var(--oo-space-4);
    padding: var(--oo-space-2) var(--oo-space-2) var(--oo-space-2) var(--oo-space-3);
    border: 1px solid color-mix(in srgb, var(--oo-primary) 35%, transparent);
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-primary) 8%, var(--oo-surface));
    font-size: 0.875rem;
}

.oo-franja-correu[b-hnr9efzmtn]  .oo-franja-correu-icona {
    color: var(--oo-primary);
}

.oo-franja-correu-text[b-hnr9efzmtn] {
    flex: 1 1 240px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.oo-franja-correu-enllac[b-hnr9efzmtn] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--oo-primary);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.oo-franja-correu-enllac:hover:not(:disabled)[b-hnr9efzmtn] {
    text-decoration: underline;
}

.oo-franja-correu-enllac:disabled[b-hnr9efzmtn] {
    opacity: 0.6;
    cursor: default;
}

.oo-franja-correu-tancar[b-hnr9efzmtn] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text-2);
    cursor: pointer;
}

.oo-franja-correu-tancar:hover[b-hnr9efzmtn] {
    background-color: color-mix(in srgb, var(--oo-text) 8%, transparent);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ck7yhppg0l] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

/* Appbar d'escriptori: «Escanejar amb IA» i la cerca, a la dreta. */
.oo-appbar-accions[b-ck7yhppg0l] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
}
/* /Components/Layout/MenuCreacioRapida.razor.rz.scp.css */
/* «Escanejar amb IA»: la primera opció del "+", amb el tint del degradat d'IA, vora degradada i una lluentor lenta que
   hi passa de tant en tant. Mateixa alçada mínima tàctil i radi que la resta del menú. */
.oo-menu-ia[b-srthbjwbap] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 56px;
    padding: var(--oo-space-2) var(--oo-space-3);
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: var(--oo-radius-md);
    background: var(--oo-ia-tint) padding-box, var(--oo-ia-fons) border-box;
    color: var(--oo-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: filter var(--oo-dur-fast) var(--oo-ease);
}

.oo-menu-ia[b-srthbjwbap]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--mud-palette-white) 45%, transparent) 50%, transparent 65%);
    transform: translateX(-100%);
    animation: oo-menu-ia-lluentor-b-srthbjwbap 6s var(--oo-ease) 0.6s infinite;
    pointer-events: none;
}

@keyframes oo-menu-ia-lluentor-b-srthbjwbap {
    0% {
        transform: translateX(-100%);
    }

    30%,
    100% {
        transform: translateX(100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-menu-ia[b-srthbjwbap]::after {
        animation: none;
        display: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .oo-menu-ia:hover[b-srthbjwbap] {
        filter: brightness(0.98);
    }
}

.oo-menu-ia:focus-visible[b-srthbjwbap] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-menu-ia-textos[b-srthbjwbap] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.oo-menu-ia-titol[b-srthbjwbap] {
    font-size: 0.9375rem;
    font-weight: 600;
}

.oo-menu-ia-subtitol[b-srthbjwbap] {
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

/* Sense IA disponible: atenuada (sense lluentor) i el motiu al subtítol. */
.oo-menu-ia--no-disponible[b-srthbjwbap] {
    background: var(--oo-surface) padding-box, var(--mud-palette-lines-default) border-box;
}

.oo-menu-ia--no-disponible[b-srthbjwbap]::after {
    display: none;
}

.oo-menu-ia--no-disponible[b-srthbjwbap]  .oo-icona-ia {
    opacity: 0.45;
    filter: grayscale(1);
}

.oo-menu-ia--no-disponible .oo-menu-ia-titol[b-srthbjwbap] {
    color: var(--oo-text-2);
}
/* /Components/Layout/MenuUsuariEspais.razor.rz.scp.css */
/* Columna sencera: el cos (Espais i Membres) fa scroll per dins i el peu queda fix a baix. */
.oo-menu-usuari[b-ic2zgnlbia] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.oo-menu-usuari-cos[b-ic2zgnlbia] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--oo-space-2) 0;
}

.oo-menu-usuari-peu[b-ic2zgnlbia] {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--oo-space-2) 0 var(--oo-space-2);
    border-top: var(--oo-border);
}

/* Capçalera del calaix: l'usuari. */
.oo-menu-usuari-cap[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    padding: var(--oo-space-2) var(--oo-space-3) var(--oo-space-4);
    border-bottom: var(--oo-border);
}

.oo-menu-usuari-cap[b-ic2zgnlbia]  .oo-avatar {
    width: 52px;
    height: 52px;
    font-size: 1.25rem;
}

.oo-menu-usuari-cap[b-ic2zgnlbia]  .oo-avatar-pla--color .oo-avatar {
    width: 48px;
    height: 48px;
}

.oo-menu-usuari-dades[b-ic2zgnlbia] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.oo-menu-usuari-nom[b-ic2zgnlbia] {
    max-width: 100%;
    overflow: hidden;
    color: var(--oo-text);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-menu-usuari-email[b-ic2zgnlbia] {
    max-width: 100%;
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Targeta de l'usuari al peu (escriptori): porta al perfil. */
.oo-menu-usuari-targeta[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-1);
    padding: var(--oo-space-2) var(--oo-space-3);
    border-radius: var(--oo-radius-md);
    color: inherit;
    text-decoration: none;
}

/* Secció plegable. */
.oo-menu-seccio + .oo-menu-seccio[b-ic2zgnlbia] {
    margin-top: var(--oo-space-2);
}

.oo-menu-seccio-cap[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 36px;
    padding: 0 var(--oo-space-3);
    border: 0;
    border-radius: var(--oo-radius-sm);
    background: none;
    color: var(--oo-text-2);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.oo-menu-seccio-cap[b-ic2zgnlbia]  .oo-menu-seccio-fletxa {
    width: 18px;
    height: 18px;
    transition: transform var(--oo-dur) var(--oo-ease);
}

.oo-menu-seccio-cap[b-ic2zgnlbia]  .oo-menu-seccio-fletxa--oberta {
    transform: rotate(90deg);
}

.oo-menu-seccio-cos[b-ic2zgnlbia] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Fila: Espai, membre o enllaç (també les de CanviEspai, d'aquí el ::deep). */
.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 44px;
    padding: 0 var(--oo-space-3);
    border: 0;
    border-radius: var(--oo-radius-md);
    background: none;
    color: var(--oo-text);
    font: inherit;
    font-size: 0.9375rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila > .mud-icon-root {
    flex: none;
    width: 20px;
    height: 20px;
    color: var(--oo-text-2);
}

@media (hover: hover) and (pointer: fine) {
    .oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila:not(.oo-menu-fila--activa):hover,
    .oo-menu-usuari-targeta:hover[b-ic2zgnlbia],
    .oo-menu-seccio-cap:hover[b-ic2zgnlbia] {
        background-color: color-mix(in srgb, var(--oo-text) 6%, transparent);
    }
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila:focus-visible,
.oo-menu-usuari-targeta:focus-visible[b-ic2zgnlbia],
.oo-menu-seccio-cap:focus-visible[b-ic2zgnlbia] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}

/* L'Espai actiu: destacat amb el tint del primari. */
.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--activa {
    background-color: var(--oo-surface-tint);
    color: var(--oo-primary);
    font-weight: 600;
    cursor: default;
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--activa > .mud-icon-root {
    color: var(--oo-primary);
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--accio,
.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--accio > .mud-icon-root {
    color: var(--oo-primary);
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--suau {
    color: var(--oo-text-2);
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--pendent {
    opacity: 0.6;
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--perill,
.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila--perill > .mud-icon-root {
    color: var(--oo-danger);
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila-text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-menu-fila-sub[b-ic2zgnlbia] {
    color: var(--oo-text-2);
    font-size: 0.75rem;
}

.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-fila-final {
    flex: none;
    width: 16px;
    height: 16px;
    color: var(--oo-text-2);
}

/* Badge de vençuts de cada Espai. */
.oo-menu-usuari[b-ic2zgnlbia]  .oo-menu-badge {
    flex: none;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-danger);
    color: var(--mud-palette-error-text);
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.oo-menu-membre-avatar[b-ic2zgnlbia] {
    display: grid;
    flex: none;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-primary) 14%, var(--oo-surface));
    color: var(--oo-primary);
    font-size: 0.875rem;
    font-weight: 600;
}

.oo-menu-xip[b-ic2zgnlbia] {
    flex: none;
    padding: 2px var(--oo-space-2);
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text) 8%, var(--oo-surface));
    color: var(--oo-text-2);
    font-size: 0.6875rem;
    font-weight: 600;
}

/* Tema: tres opcions en una càpsula. */
.oo-menu-tema[b-ic2zgnlbia] {
    display: flex;
    gap: 2px;
    margin: var(--oo-space-1) var(--oo-space-3);
    padding: 3px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text) 6%, var(--oo-bg));
}

.oo-menu-tema-opcio[b-ic2zgnlbia] {
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: var(--oo-space-1);
    min-width: 0;
    min-height: 34px;
    padding: 0 var(--oo-space-2);
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text-2);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
}

.oo-menu-tema-opcio span[b-ic2zgnlbia] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-menu-tema-opcio[b-ic2zgnlbia]  .mud-icon-root {
    flex: none;
    width: 16px;
    height: 16px;
}

.oo-menu-tema-opcio--activa[b-ic2zgnlbia] {
    background-color: var(--oo-surface);
    color: var(--oo-text);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--oo-text) 14%, transparent);
}

.oo-menu-tema-opcio:focus-visible[b-ic2zgnlbia] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 1px;
}

@media (prefers-reduced-motion: reduce) {
    .oo-menu-seccio-cap[b-ic2zgnlbia]  .oo-menu-seccio-fletxa {
        transition: none;
    }
}

/* Al menú lateral d'escriptori, separat de la navegació principal. */
.oo-menu-usuari:not(.oo-menu-usuari--calaix)[b-ic2zgnlbia] {
    margin-top: var(--oo-space-3);
    border-top: var(--oo-border);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Reset del <dialog> natiu: cap marc/padding/max-width per defecte, i mai s'obre amb
   showModal() (vegeu ReconnectModal.razor.js) — per tant no hi ha ::backdrop ni cal cap regla
   per gestionar-lo. Posicionat sempre amb position: fixed, diferent segons l'estat de sota. */
#components-reconnect-modal[b-dbazwjw25v] {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    max-width: none;
    max-height: none;
    overflow: visible;
    z-index: 2000;
}

#components-reconnect-modal:not([open])[b-dbazwjw25v] {
    display: none;
}

/* Continguts amagats per defecte: cada estat en revela només els que li toquen. */
.household-reconnect-bar[b-dbazwjw25v],
.household-reconnect-snackbar[b-dbazwjw25v],
.household-reconnect-bar-text-attempt[b-dbazwjw25v],
.household-reconnect-bar-text-retry[b-dbazwjw25v],
.household-reconnect-snackbar-text-failed[b-dbazwjw25v],
.household-reconnect-snackbar-text-paused[b-dbazwjw25v],
.household-reconnect-snackbar-text-resumefailed[b-dbazwjw25v],
#components-reconnect-button[b-dbazwjw25v],
#components-resume-button[b-dbazwjw25v] {
    display: none;
}

/* Estats "en curs" (connectant/reintentant), sense cap acció a prendre: barra molt discreta
   dalt de la pantalla — mai al centre, mai bloquejant. */
#components-reconnect-modal.components-reconnect-show[b-dbazwjw25v],
#components-reconnect-modal.components-reconnect-retrying[b-dbazwjw25v] {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

    #components-reconnect-modal.components-reconnect-show .household-reconnect-bar[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-retrying .household-reconnect-bar[b-dbazwjw25v] {
        display: flex;
    }

    #components-reconnect-modal.components-reconnect-show .household-reconnect-bar-text-attempt[b-dbazwjw25v] {
        display: inline;
    }

    #components-reconnect-modal.components-reconnect-retrying .household-reconnect-bar-text-retry[b-dbazwjw25v] {
        display: inline;
    }

/* Blazor mateix (no aquest component) aplica les classes d'estat per afegit, sense treure la
   prèvia: en passar de "show" a "retrying" el diàleg acaba amb totes dues classes alhora
   (verificat en viu: class="components-reconnect-show components-reconnect-retrying"), i més
   endavant amb "failed" també hi conviu. Calen aquestes regles, més específiques, perquè
   l'estat més avançat guanyi sempre i mai es vegin dos textos alhora ("Reconnectant…
   Reconnectant… (5s)"). */
#components-reconnect-modal.components-reconnect-show.components-reconnect-retrying .household-reconnect-bar-text-attempt[b-dbazwjw25v] {
    display: none;
}

#components-reconnect-modal.components-reconnect-failed .household-reconnect-bar[b-dbazwjw25v],
#components-reconnect-modal.components-reconnect-paused .household-reconnect-bar[b-dbazwjw25v],
#components-reconnect-modal.components-reconnect-resume-failed .household-reconnect-bar[b-dbazwjw25v] {
    display: none;
}

.household-reconnect-bar[b-dbazwjw25v] {
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    background-color: var(--mud-palette-surface, white);
    border: 1px solid var(--mud-palette-lines-default, #E4E7EC);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary, #667085);
    white-space: nowrap;
}

.household-reconnect-spinner[b-dbazwjw25v] {
    width: 13px;
    height: 13px;
    min-width: 13px;
    border-radius: 50%;
    border: 2px solid var(--mud-palette-lines-default, #E4E7EC);
    border-top-color: var(--mud-palette-primary, #3454D1);
    animation: household-reconnect-spin-b-dbazwjw25v 0.8s linear infinite;
}

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

/* Estats que sí demanen una decisió (fallit / pausat / reprendre fallit): targeta a la
   cantonada inferior, a l'estil Snackbar — només aquí hi ha res a fer, mai abans. */
#components-reconnect-modal.components-reconnect-failed[b-dbazwjw25v],
#components-reconnect-modal.components-reconnect-paused[b-dbazwjw25v],
#components-reconnect-modal.components-reconnect-resume-failed[b-dbazwjw25v] {
    position: fixed;
    bottom: 16px;
    right: 16px;
    left: auto;
    top: auto;
    transform: none;
}

/* Al mòbil, per sobre de la barra inferior flotant (BottomNav). */
@media (max-width: 959.98px) {
    #components-reconnect-modal.components-reconnect-failed[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-paused[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-resume-failed[b-dbazwjw25v] {
        bottom: calc(var(--oo-barra-inferior-ocupa) + var(--oo-space-3));
    }
}

    #components-reconnect-modal.components-reconnect-failed .household-reconnect-snackbar[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-paused .household-reconnect-snackbar[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-resume-failed .household-reconnect-snackbar[b-dbazwjw25v] {
        display: flex;
    }

    #components-reconnect-modal.components-reconnect-failed .household-reconnect-snackbar-text-failed[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-failed #components-reconnect-button[b-dbazwjw25v] {
        display: inline-block;
    }

    #components-reconnect-modal.components-reconnect-paused .household-reconnect-snackbar-text-paused[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-paused #components-resume-button[b-dbazwjw25v] {
        display: inline-block;
    }

    #components-reconnect-modal.components-reconnect-resume-failed .household-reconnect-snackbar-text-resumefailed[b-dbazwjw25v],
    #components-reconnect-modal.components-reconnect-resume-failed #components-resume-button[b-dbazwjw25v] {
        display: inline-block;
    }

/* Estètica a l'estil Snackbar de MudBlazor (vegeu .mud-alert-filled-error), fet a mà en CSS
   pur: en aquest estat el circuit ha fallat de veritat, així que no es pot comptar amb un
   Snackbar real de MudBlazor (ISnackbar.Add) — necessita un circuit viu per renderitzar-se. */
.household-reconnect-snackbar[b-dbazwjw25v] {
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: min(360px, calc(100vw - 32px));
    padding: 12px 16px;
    border-radius: 12px;
    background-color: var(--mud-palette-error, #E24B4A);
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    font-size: 0.875rem;
}

.household-reconnect-snackbar-icon[b-dbazwjw25v] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.household-reconnect-snackbar-accions[b-dbazwjw25v] {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.household-reconnect-snackbar button[b-dbazwjw25v] {
    border: 0;
    background-color: rgba(255, 255, 255, 0.18);
    color: white;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

    .household-reconnect-snackbar button:hover[b-dbazwjw25v] {
        background-color: rgba(255, 255, 255, 0.3);
    }
/* /Components/Layout/SelectorCategoriesRecomanades.razor.rz.scp.css */
.oo-sel-cat-capcalera[b-kxf2rs1wa6] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 16px;
    margin-bottom: 4px;
}

.oo-sel-cat-ajuda[b-kxf2rs1wa6] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--oo-text-2);
}

.oo-sel-cat-accions[b-kxf2rs1wa6] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--oo-text-3);
}

.oo-sel-cat-enllac[b-kxf2rs1wa6] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--oo-primary);
    cursor: pointer;
}

.oo-sel-cat-enllac:hover[b-kxf2rs1wa6] {
    text-decoration: underline;
}

.oo-sel-cat-enllac:focus-visible[b-kxf2rs1wa6] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

.oo-sel-cat-titol[b-kxf2rs1wa6] {
    margin: 16px 0 8px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--oo-text-2);
}
/* /Components/Layout/TipusEspaiSelector.razor.rz.scp.css */
.oo-tipus-espai[b-miggjs7gjt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.oo-tipus-espai-xip[b-miggjs7gjt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px 0 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 150ms var(--oo-ease), background-color 150ms var(--oo-ease), box-shadow 150ms var(--oo-ease);
}

.oo-tipus-espai-xip[b-miggjs7gjt]  .mud-icon-root {
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: var(--oo-cat-color, var(--oo-text-2));
}

.oo-tipus-espai-xip:hover[b-miggjs7gjt] {
    box-shadow: var(--oo-shadow-hover);
}

.oo-tipus-espai-xip:focus-visible[b-miggjs7gjt] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-tipus-espai-xip--seleccionat[b-miggjs7gjt] {
    border: 1.5px solid var(--oo-primary);
    padding: 0 13.5px 0 9.5px;
    background-color: color-mix(in srgb, var(--oo-primary) 7%, var(--oo-surface));
    color: var(--oo-primary);
}

.oo-tipus-espai-descripcio[b-miggjs7gjt] {
    margin: 8px 0 0;
    min-height: 1.4em;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--oo-text-2);
}

@media (prefers-reduced-motion: reduce) {
    .oo-tipus-espai-xip[b-miggjs7gjt] {
        transition: none;
    }
}
/* /Components/Pages/Actius/ActiuDetail.razor.rz.scp.css */
/* Resum ràpid: propers venciments i tres indicadors, entre la capçalera i les pestanyes, en una sola
   fila. Mòbil i tauleta (< 960 px): els venciments a tota l'amplada i a sota els tres indicadors en
   fila. Escriptori: els venciments a l'esquerra (~50 %) i els tres indicadors al costat, en columnes
   iguals (~50 %); totes les targetes amb la mateixa alçada. Abans, a escriptori, els indicadors
   s'apilaven en vertical a la dreta i deixaven un gran buit sota els venciments. */
.oo-resum-actiu[b-noqi5j8gki] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-4);
}

@media (min-width: 960px) {
    /* Els indicadors passen a ser cel·les de la mateixa graella (display: contents al contenidor), tres
       columnes iguals amb un mínim perquè «Avisos pendents» hi càpiga en una línia: en pantalles
       justes (960-1100 px) cedeixen els venciments. */
    .oo-resum-actiu[b-noqi5j8gki] {
        grid-template-columns: minmax(0, 1fr) repeat(3, minmax(6.75rem, 0.34fr));
        align-items: stretch;
    }
}

.oo-resum-actiu-propers[b-noqi5j8gki] {
    display: flex;
    flex-direction: column;
    padding: var(--oo-space-3) 0 0;
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
    overflow: hidden;
}

.oo-resum-actiu-titol[b-noqi5j8gki] {
    margin: 0 var(--oo-space-4) var(--oo-space-2);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--oo-text-2);
}

/* «Tot al dia»: centrat verticalment quan la targeta s'estira fins a l'alçada dels indicadors. */
.oo-resum-actiu-al-dia[b-noqi5j8gki] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--oo-space-2);
    padding: 0 var(--oo-space-4) var(--oo-space-3);
    color: var(--oo-success);
    font-weight: 500;
}

.oo-resum-actiu-indicadors[b-noqi5j8gki] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--oo-space-2);
}

@media (min-width: 960px) {
    .oo-resum-actiu-indicadors[b-noqi5j8gki] {
        display: contents;
    }
}

.oo-indicador[b-noqi5j8gki] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: var(--oo-space-3);
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: box-shadow var(--oo-dur-fast) var(--oo-ease), border-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-indicador:hover[b-noqi5j8gki] {
    border-color: color-mix(in srgb, var(--oo-primary) 35%, var(--mud-palette-lines-default));
    box-shadow: var(--oo-shadow-hover);
}

.oo-indicador:focus-visible[b-noqi5j8gki] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-indicador-valor[b-noqi5j8gki] {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.1;
}

.oo-indicador-etiqueta[b-noqi5j8gki] {
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

/* Escriptori: número i etiqueta centrats a la targeta estirada, i l'etiqueta sempre en una línia. */
@media (min-width: 960px) {
    .oo-indicador[b-noqi5j8gki] {
        justify-content: center;
    }

    .oo-indicador-valor[b-noqi5j8gki] {
        font-size: 1.625rem;
    }

    .oo-indicador-etiqueta[b-noqi5j8gki] {
        font-size: 0.6875rem;
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    .oo-resum-actiu[b-noqi5j8gki] {
        grid-template-columns: minmax(0, 1fr) repeat(3, minmax(7.5rem, 0.34fr));
    }

    .oo-indicador[b-noqi5j8gki] {
        padding: var(--oo-space-3) var(--oo-space-4);
    }

    .oo-indicador-etiqueta[b-noqi5j8gki] {
        font-size: 0.8125rem;
    }
}

/* «1 vençut» sota l'etiqueta d'Elements, en vermell. */
.oo-indicador-vencuts[b-noqi5j8gki] {
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--oo-danger);
}

.oo-indicador--avis .oo-indicador-valor[b-noqi5j8gki] {
    color: var(--oo-warning);
}

/* Llistes de files compactes (FilaItem): un sol bloc amb vora, com "Necessita atenció" a Inici. */
.oo-llista-files[b-noqi5j8gki] {
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    overflow: hidden;
}

.oo-resum-actiu-propers .oo-llista-files[b-noqi5j8gki] {
    border: 0;
    border-top: var(--oo-border);
    border-radius: 0;
}

/* El botó de marcar com a fet el pinta MudBlazor: cal ::deep des de la llista. */
.oo-llista-files[b-noqi5j8gki]  .oo-fila-fet {
    color: var(--oo-success);
}

/* Despeses: el total i la llista dels imports més alts. */
.oo-despeses-actiu-total[b-noqi5j8gki] {
    display: block;
    margin-bottom: var(--oo-space-2);
    font-size: 1.5rem;
    font-weight: 700;
}

.oo-despeses-actiu-llista[b-noqi5j8gki] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.oo-despeses-actiu-llista li[b-noqi5j8gki] {
    display: flex;
    justify-content: space-between;
    gap: var(--oo-space-3);
    padding: var(--oo-space-2) 0;
    border-top: var(--oo-border);
    font-size: 0.875rem;
}

.oo-despeses-actiu-import[b-noqi5j8gki] {
    font-weight: 600;
    white-space: nowrap;
}

/* «+» de la capçalera: menú a l'escriptori i full inferior al mòbil (AfegirActiuSheet). */
.oo-afegir-escriptori[b-noqi5j8gki] {
    display: contents;
}

.oo-afegir-mobil[b-noqi5j8gki] {
    display: none;
}

@media (max-width: 599.98px) {
    .oo-afegir-escriptori[b-noqi5j8gki] {
        display: none;
    }

    .oo-afegir-mobil[b-noqi5j8gki] {
        display: contents;
    }
}

/* «Afegir la garantia (3 anys)» i «Triar-ne una altra», sota els camps de la compra. */
.oo-actiu-garantia-accions[b-noqi5j8gki] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-3);
}
/* /Components/Pages/Actius/AfegirActiuSheet.razor.rz.scp.css */
.oo-full-inferior-opcions[b-dsew1ztcze] {
    display: flex;
    flex-direction: column;
    margin: 0 calc(-1 * var(--oo-space-2)) var(--oo-space-2);
}

/* Opcions d'almenys 48 px d'alt (àrea tàctil), amb la icona en primari. */
.oo-full-inferior-opcio[b-dsew1ztcze] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--oo-space-4);
    min-height: 52px;
    padding: var(--oo-space-2) var(--oo-space-3);
    border: 0;
    border-radius: var(--oo-radius-md);
    background: none;
    color: var(--oo-text);
    font: inherit;
    font-size: 1rem;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.oo-full-inferior-opcio[b-dsew1ztcze]  .mud-icon-root {
    color: var(--oo-primary);
}

@media (hover: hover) {
    .oo-full-inferior-opcio:hover[b-dsew1ztcze] {
        background-color: color-mix(in srgb, var(--oo-primary) 4%, transparent);
    }
}

.oo-full-inferior-opcio:active[b-dsew1ztcze] {
    background-color: color-mix(in srgb, var(--oo-primary) 8%, transparent);
}

.oo-full-inferior-opcio:focus-visible[b-dsew1ztcze] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}
/* /Components/Pages/Actius/HeroActiu.razor.rz.scp.css */
/* Mòbil (< 600 px): la imatge a dalt, de vora a vora de la targeta, i la informació a sota; les
   accions floten a la cantonada de la imatge. A partir de 600 px, horitzontal (vegeu més avall). */
.oo-hero-actiu[b-9urpditjcz] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-primary));
    position: relative;
    min-width: 0;
    margin-bottom: var(--oo-space-4);
    overflow: hidden;
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    /* Degradat molt suau del color de la categoria cap a la superfície: també es veu bé en fosc,
       perquè la superfície ja és la del tema. */
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--oo-cat-color-efectiu) 16%, var(--oo-surface)) 0%,
        color-mix(in srgb, var(--oo-cat-color-efectiu) 4%, var(--oo-surface)) 100%);
}

/* Caixa de la imatge. Sense foto, el color pastel de la categoria amb la icona del tipus en gran. */
.oo-hero-actiu-portada[b-9urpditjcz] {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 140px;
    overflow: hidden;
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 20%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

.oo-hero-actiu-portada[b-9urpditjcz]  .oo-hero-actiu-icona {
    width: 64px;
    height: 64px;
}

/* Mòbil amb foto: proporció entre 4:3 i 16:9 (--oo-foto-ratio, calculada amb les mides desades) i
   com a molt 240 px d'alçada. L'amplada explícita evita que aspect-ratio transfereixi el max-height
   a l'amplada. */
.oo-hero-actiu--amb-foto .oo-hero-actiu-portada[b-9urpditjcz] {
    height: auto;
    aspect-ratio: var(--oo-foto-ratio, 4 / 3);
    max-height: 240px;
    background-color: var(--oo-surface);
}

/* Esquelet a sota de tot: el tapen les imatges en acabar de carregar. */
.oo-hero-actiu-portada[b-9urpditjcz]  .oo-hero-actiu-esquelet {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0;
}

/* Mòbil: còpia de la foto, ampliada i desenfocada, que omple els marges de la imatge sencera. */
.oo-hero-actiu-foto-fons[b-9urpditjcz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(28px) saturate(1.15);
    transform: scale(1.2);
    opacity: 0.85;
}

.oo-hero-actiu-foto[b-9urpditjcz] {
    position: absolute;
    inset: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
}

.oo-hero-actiu-foto img[b-9urpditjcz] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.oo-hero-actiu-foto:focus-visible[b-9urpditjcz] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -4px;
}

/* Fons translúcid i desenfocat comú a les accions i a «Afegir foto»: es llegeixen sobre qualsevol foto,
   en clar i en fosc. */
.oo-hero-actiu-accions[b-9urpditjcz],
.oo-hero-actiu-afegir-foto[b-9urpditjcz] {
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-surface) 72%, transparent);
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: var(--oo-shadow-hover);
}

.oo-hero-actiu-accions[b-9urpditjcz] {
    position: absolute;
    top: var(--oo-space-3);
    right: var(--oo-space-3);
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    color: var(--oo-text);
}

.oo-hero-actiu-afegir-foto[b-9urpditjcz] {
    position: absolute;
    right: var(--oo-space-3);
    bottom: var(--oo-space-3);
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    padding: var(--oo-space-1) var(--oo-space-3);
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--oo-primary);
    cursor: pointer;
    transition: background-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-hero-actiu-afegir-foto:hover[b-9urpditjcz] {
    background-color: color-mix(in srgb, var(--oo-surface) 90%, transparent);
}

.oo-hero-actiu-afegir-foto:focus-within[b-9urpditjcz] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

/* InputFile visualment amagat però accessible (el label n'és l'activador). */
.oo-hero-actiu-portada[b-9urpditjcz]  .oo-hero-actiu-input-ocult {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.oo-hero-actiu-pujant[b-9urpditjcz] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background-color: color-mix(in srgb, var(--oo-surface) 45%, transparent);
}

.oo-hero-actiu-cos[b-9urpditjcz] {
    min-width: 0;
    padding: var(--oo-space-4);
}

.oo-hero-actiu-titols[b-9urpditjcz] {
    min-width: 0;
}

.oo-hero-actiu-titols[b-9urpditjcz]  .oo-hero-actiu-nom {
    font-family: Fraunces, serif;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.oo-hero-actiu-subtitol[b-9urpditjcz] {
    display: block;
    margin-top: 2px;
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-hero-actiu-pills[b-9urpditjcz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-3);
}

/* Tauleta i escriptori: horitzontal i compacta. La imatge a l'esquerra en una caixa fixa, retallada
   (cover, sense franges desenfocades), amb el radi de la targeta menys el marge; la informació a la
   dreta i les accions a dalt a la dreta (el títol els deixa lloc). */
@media (min-width: 600px) {
    .oo-hero-actiu[b-9urpditjcz] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: var(--oo-space-4);
        padding: var(--oo-space-4);
    }

    .oo-hero-actiu-portada[b-9urpditjcz],
    .oo-hero-actiu--amb-foto .oo-hero-actiu-portada[b-9urpditjcz] {
        width: 200px;
        height: 180px;
        max-height: none;
        aspect-ratio: auto;
        border-radius: calc(var(--oo-radius-lg) - 2px);
    }

    .oo-hero-actiu-foto-fons[b-9urpditjcz] {
        display: none;
    }

    .oo-hero-actiu-foto img[b-9urpditjcz] {
        object-fit: cover;
    }

    .oo-hero-actiu-cos[b-9urpditjcz] {
        padding: 0;
    }

    /* Espai per a les accions (fins a tres botons d'icona) al costat del títol. */
    .oo-hero-actiu-titols[b-9urpditjcz] {
        padding-right: 140px;
    }

    .oo-hero-actiu-accions[b-9urpditjcz] {
        top: var(--oo-space-4);
        right: var(--oo-space-4);
        background-color: color-mix(in srgb, var(--oo-surface) 85%, transparent);
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .oo-hero-actiu-afegir-foto[b-9urpditjcz] {
        right: 50%;
        transform: translateX(50%);
    }
}

@media (min-width: 960px) {
    .oo-hero-actiu-portada[b-9urpditjcz],
    .oo-hero-actiu--amb-foto .oo-hero-actiu-portada[b-9urpditjcz] {
        width: 300px;
        height: 220px;
    }

    .oo-hero-actiu-portada[b-9urpditjcz]  .oo-hero-actiu-icona {
        width: 72px;
        height: 72px;
    }

    .oo-hero-actiu-cos[b-9urpditjcz] {
        padding-top: var(--oo-space-1);
    }
}

@media (min-width: 1280px) {
    .oo-hero-actiu-portada[b-9urpditjcz],
    .oo-hero-actiu--amb-foto .oo-hero-actiu-portada[b-9urpditjcz] {
        width: 320px;
    }
}

/* Al mòbil, els breadcrumbs i el «⋯» són a la CapcaleraMobil (botó enrere i botó rodó). */
@media (max-width: 959.98px) {
    .oo-hero-actiu-migues[b-9urpditjcz],
    .oo-hero-actiu-accions--nomes-escriptori[b-9urpditjcz] {
        display: none;
    }

    .oo-hero-actiu-accions[b-9urpditjcz]  .oo-hero-actiu-menu {
        display: none;
    }
}
/* /Components/Pages/Actius/SuggerimentsActiu.razor.rz.scp.css */
.oo-suggeriments[b-ktnsajvj45] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
    padding-bottom: var(--oo-space-2);
}

.oo-suggeriments[b-ktnsajvj45]  .oo-suggeriments-text {
    color: var(--oo-text-2);
}

/* Xips que salten de línia; al mòbil, de 44 px d'alçada per tocar-los bé. */
.oo-suggeriments-xips[b-ktnsajvj45] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

.oo-suggeriments-xips[b-ktnsajvj45]  .mud-chip {
    margin: 0;
}

@media (max-width: 599.98px) {
    .oo-suggeriments-xips[b-ktnsajvj45]  .mud-chip {
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/AdminAuditoria.razor.rz.scp.css */
.oo-admin-auditoria-filtre[b-hthmkhcqs9] {
    min-width: 160px;
}

.oo-admin-auditoria-filtre--ample[b-hthmkhcqs9] {
    min-width: 240px;
}

/* Tota la fila obre el detall. */
.oo-admin-auditoria-taula[b-hthmkhcqs9]  .oo-admin-auditoria-fila {
    cursor: pointer;
}

/* Els detalls, a la taula només en 2 línies: sencers i formatats al detall. */
.oo-admin-auditoria-detalls[b-hthmkhcqs9] {
    display: -webkit-box;
    max-width: 500px;
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.oo-admin-auditoria-paginacio[b-hthmkhcqs9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-4);
}

.oo-admin-auditoria-paginacio-botons[b-hthmkhcqs9] {
    display: flex;
    gap: var(--oo-space-2);
}

@media (max-width: 599.98px) {
    .oo-admin-auditoria-paginacio-botons[b-hthmkhcqs9] {
        flex: 1 1 100%;
    }

        .oo-admin-auditoria-paginacio-botons[b-hthmkhcqs9]  .mud-button-root {
            flex: 1 1 0;
            min-height: 44px;
        }
}
/* /Components/Pages/Admin/AdminCodiDetail.razor.rz.scp.css */
/* Fi del benefici, en una línia a la targeta. */
.oo-admin-codi-meta[b-ni8jx62kkk] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/Admin/AdminCodis.razor.rz.scp.css */
/* Codis acabats de generar, per copiar-los. */
.oo-admin-codis-generats-cap[b-gw36uhlbvx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-bottom: var(--oo-space-2);
}

.oo-admin-codis-generats-llista[b-gw36uhlbvx] {
    max-height: 240px;
    margin: 0;
    overflow-y: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.oo-admin-codis-filtre[b-gw36uhlbvx] {
    min-width: 200px;
}

/* «Ordenar per» només al full de filtres del mòbil: a la taula s'ordena per columna. */
.oo-admin-codis-ordre[b-gw36uhlbvx] {
    display: none;
}

.oo-admin-codis-codi[b-gw36uhlbvx] {
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Benefici, usos i vigència, en una línia a la targeta. */
.oo-admin-codis-meta[b-gw36uhlbvx] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 599.98px) {
    .oo-admin-codis-ordre[b-gw36uhlbvx] {
        display: block;
    }

    .oo-admin-codis-generats-cap[b-gw36uhlbvx]  .mud-button-root {
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/AdminConfiguracio.razor.rz.scp.css */
[b-ftt4q9nwg9] .oo-admin-config {
    max-width: 720px;
}

.oo-admin-config-llista[b-ftt4q9nwg9] {
    margin: 0;
}

.oo-admin-config-fila[b-ftt4q9nwg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-3);
    min-height: 56px;
    padding: var(--oo-space-2) var(--oo-space-4);
}

    .oo-admin-config-fila + .oo-admin-config-fila[b-ftt4q9nwg9] {
        border-top: var(--oo-border);
    }

    .oo-admin-config-fila dt[b-ftt4q9nwg9] {
        min-width: 0;
        color: var(--oo-text-2);
        overflow-wrap: anywhere;
    }

    .oo-admin-config-fila dd[b-ftt4q9nwg9] {
        flex: none;
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

@media (max-width: 599.98px) {
    .oo-admin-config-fila[b-ftt4q9nwg9] {
        padding: var(--oo-space-2) var(--oo-space-3);
    }
}
/* /Components/Pages/Admin/AdminCorreu.razor.rz.scp.css */
.oo-admin-correu-blocs[b-ybqwfq3oh4] {
    display: grid;
    gap: var(--oo-space-4);
}

@media (min-width: 960px) {
    .oo-admin-correu-blocs[b-ybqwfq3oh4] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

.oo-admin-correu-blocs[b-ybqwfq3oh4]  .oo-admin-correu-bloc {
    padding: var(--oo-space-4);
}

.oo-admin-correu-config[b-ybqwfq3oh4] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--oo-space-2) var(--oo-space-4);
    align-items: center;
    margin: 0;
}

.oo-admin-correu-config dt[b-ybqwfq3oh4] {
    color: var(--oo-text-2);
    font-size: 0.875rem;
}

.oo-admin-correu-config dd[b-ybqwfq3oh4] {
    margin: 0;
    overflow-wrap: anywhere;
}

.oo-admin-correu-prova[b-ybqwfq3oh4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--oo-space-2) var(--oo-space-4);
}

.oo-admin-correu-prova[b-ybqwfq3oh4]  .oo-admin-correu-prova-adreca {
    flex: 1 1 240px;
}

.oo-admin-correu-prova[b-ybqwfq3oh4]  .oo-admin-correu-prova-idioma {
    flex: 0 0 140px;
}

.oo-admin-correu-filtre[b-ybqwfq3oh4] {
    min-width: 160px;
}

.oo-admin-correu-filtre--ample[b-ybqwfq3oh4] {
    min-width: 240px;
}

/* Tota la fila obre el detall. */
.oo-admin-correu-taula[b-ybqwfq3oh4]  .oo-admin-correu-fila {
    cursor: pointer;
}

/* L'error, a la taula en 2 línies com a màxim: sencer al detall. */
.oo-admin-correu-error[b-ybqwfq3oh4] {
    display: -webkit-box;
    max-width: 360px;
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.oo-admin-correu-paginacio[b-ybqwfq3oh4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-4);
}

.oo-admin-correu-paginacio-botons[b-ybqwfq3oh4] {
    display: flex;
    gap: var(--oo-space-2);
}

@media (max-width: 599.98px) {
    .oo-admin-correu-config[b-ybqwfq3oh4] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .oo-admin-correu-config dd[b-ybqwfq3oh4] {
        margin-bottom: var(--oo-space-2);
    }

    .oo-admin-correu-prova[b-ybqwfq3oh4]  .oo-admin-correu-prova-idioma,
    .oo-admin-correu-prova[b-ybqwfq3oh4]  .oo-admin-correu-prova-boto {
        flex: 1 1 100%;
    }

    .oo-admin-correu-prova[b-ybqwfq3oh4]  .oo-admin-correu-prova-boto {
        min-height: 44px;
    }

    .oo-admin-correu-paginacio-botons[b-ybqwfq3oh4] {
        flex: 1 1 100%;
    }

        .oo-admin-correu-paginacio-botons[b-ybqwfq3oh4]  .mud-button-root {
            flex: 1 1 0;
            min-height: 44px;
        }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
/* A /admin, al mòbil, la graella de seccions (AdminNav) ocupa la pàgina: el Dashboard és a /admin/dashboard. */
@media (max-width: 599.98px) {
    .oo-admin-dashboard--inici[b-xzae4nb1a9] {
        display: none;
    }
}

.oo-admin-dashboard[b-xzae4nb1a9]  .oo-admin-dashboard-avis {
    margin-bottom: var(--oo-space-4);
}

.oo-admin-dashboard-avis-contingut[b-xzae4nb1a9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-3);
}

/* Indicadors: 4 en fila a l'escriptori, 2×2 a la tauleta i al mòbil. */
.oo-admin-indicadors[b-xzae4nb1a9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--oo-space-4);
}

.oo-admin-indicador[b-xzae4nb1a9] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-2);
    min-width: 0;
    min-height: 88px;
    padding: var(--oo-space-4);
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.oo-admin-indicador--enllac[b-xzae4nb1a9] {
    cursor: pointer;
    transition: box-shadow var(--oo-dur) var(--oo-ease), background-color var(--oo-dur-fast) var(--oo-ease);
}

    .oo-admin-indicador--enllac:active[b-xzae4nb1a9] {
        background-color: var(--oo-surface-tint);
    }

    .oo-admin-indicador--enllac:focus-visible[b-xzae4nb1a9] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

@media (hover: hover) {
    .oo-admin-indicador--enllac:hover[b-xzae4nb1a9] {
        box-shadow: var(--oo-shadow-hover);
    }
}

.oo-admin-indicador-etiqueta[b-xzae4nb1a9] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    color: var(--oo-text-2);
    font-size: 0.875rem;
    line-height: 1.3;
}

.oo-admin-indicador[b-xzae4nb1a9]  .oo-admin-indicador-icona {
    flex: none;
    color: var(--oo-primary);
}

.oo-admin-indicador-valor[b-xzae4nb1a9] {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.oo-admin-indicador--error .oo-admin-indicador-valor[b-xzae4nb1a9],
.oo-admin-indicador--error[b-xzae4nb1a9]  .oo-admin-indicador-icona {
    color: var(--oo-danger);
}

@media (max-width: 959.98px) {
    .oo-admin-indicadors[b-xzae4nb1a9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599.98px) {
    .oo-admin-indicadors[b-xzae4nb1a9] {
        gap: var(--oo-space-3);
    }

    .oo-admin-indicador[b-xzae4nb1a9] {
        padding: var(--oo-space-3);
    }

    .oo-admin-indicador-valor[b-xzae4nb1a9] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/AdminEspaiDetail.razor.rz.scp.css */
.oo-admin-espai-contingut[b-srdndyou5y] {
    margin-top: var(--oo-space-3);
}

.oo-admin-espai-icona[b-srdndyou5y] {
    display: inline-flex;
    color: var(--oo-primary);
}

/* Categoria: mostra de color de 16 px davant del nom. */
.oo-admin-espai-categoria[b-srdndyou5y] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-width: 0;
}

.oo-admin-espai-color[b-srdndyou5y] {
    flex: none;
    width: 16px;
    height: 16px;
    border: var(--oo-border);
    border-radius: 50%;
}

.oo-admin-espai-color--buit[b-srdndyou5y] {
    background-color: var(--mud-palette-lines-default);
}
/* /Components/Pages/Admin/AdminEspais.razor.rz.scp.css */
.oo-admin-espais-filtre[b-qkx28xvrya] {
    min-width: 200px;
}

/* «Ordenar per» només al full de filtres del mòbil: a la taula s'ordena per columna. */
.oo-admin-espais-ordre[b-qkx28xvrya] {
    display: none;
}

.oo-admin-espais-icona[b-qkx28xvrya] {
    display: inline-flex;
    color: var(--oo-primary);
}

/* Tipus i membres, en una línia a la targeta. */
.oo-admin-espais-meta[b-qkx28xvrya] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 599.98px) {
    .oo-admin-espais-ordre[b-qkx28xvrya] {
        display: block;
    }
}
/* /Components/Pages/Admin/AdminEstadistiques.razor.rz.scp.css */
.oo-estadistiques[b-7rln8neeil]  .oo-estadistiques-grafic {
    margin-bottom: var(--oo-space-4);
    padding: var(--oo-space-4);
}

/* Si el gràfic no hi cap, es desplaça dins del requadre; la pàgina no fa scroll horitzontal. */
.oo-estadistiques-grafic-desplacament[b-7rln8neeil] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.oo-estadistiques-grafic-contingut[b-7rln8neeil] {
    min-width: 0;
}

/* Mòbil: botons del període a tota l'amplada i de 44 px; gràfic de 12 mesos més ample que la pantalla. */
@media (max-width: 599.98px) {
    .oo-estadistiques[b-7rln8neeil]  .oo-estadistiques-grafic {
        padding: var(--oo-space-3);
    }

    .oo-estadistiques[b-7rln8neeil]  .oo-estadistiques-periode {
        display: flex;
        width: 100%;
    }

        .oo-estadistiques[b-7rln8neeil]  .oo-estadistiques-periode .mud-button-root {
            flex: 1 1 0;
            min-height: 44px;
        }

    .oo-estadistiques-grafic-contingut--ample[b-7rln8neeil] {
        min-width: 560px;
    }
}
/* /Components/Pages/Admin/AdminIA.razor.rz.scp.css */
.oo-ia-no-configurada[b-fz9y74t0pn] {
    margin-bottom: var(--oo-space-4);
}

.oo-ia-xifres[b-fz9y74t0pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--oo-space-4);
    margin-bottom: var(--oo-space-4);
}

.oo-ia-config[b-fz9y74t0pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 220px));
    gap: var(--oo-space-2) var(--oo-space-4);
}

/* El nom del model pot ser llarg: es parteix per no forçar scroll horitzontal. */
.oo-ia-model[b-fz9y74t0pn] {
    display: block;
    margin-top: var(--oo-space-2);
    overflow-wrap: anywhere;
}

.oo-ia-config-peu[b-fz9y74t0pn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-4);
}

.oo-ia-seccio[b-fz9y74t0pn] {
    margin-bottom: var(--oo-space-4);
}

/* Tokens, cost i durada, en una línia a la targeta. */
.oo-ia-crida-meta[b-fz9y74t0pn] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Proveïdors: una targeta per proveïdor. */
.oo-ia-proveidors[b-fz9y74t0pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--oo-space-4);
    margin-bottom: var(--oo-space-4);
}

.oo-ia-proveidor-cap[b-fz9y74t0pn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-1) var(--oo-space-2);
}

.oo-ia-proveidor-linia[b-fz9y74t0pn] {
    display: block;
    margin-top: var(--oo-space-1);
}

/* Models i errors poden ser llargs: es parteixen per no forçar scroll horitzontal. */
.oo-ia-trencable[b-fz9y74t0pn] {
    overflow-wrap: anywhere;
}

/* Encaminament: una fila per proveïdor (interruptor, prioritat, pes i model). */
.oo-ia-fila-proveidor[b-fz9y74t0pn] {
    display: grid;
    grid-template-columns: minmax(140px, 180px) repeat(2, minmax(90px, 120px)) minmax(160px, 1fr);
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-4);
    margin-top: var(--oo-space-2);
}

/* Preus per model: tocar-ne un el porta al formulari. */
.oo-ia-preus[b-fz9y74t0pn] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-1);
}

.oo-ia-preu[b-fz9y74t0pn] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    border-bottom: 1px solid var(--oo-border);
}

.oo-ia-preu-text[b-fz9y74t0pn] {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--oo-space-1) var(--oo-space-3);
    min-width: 0;
    min-height: 44px;
    align-items: center;
    padding: 0;
    border: 0;
    background: none;
    color: var(--oo-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.oo-ia-preu-valors[b-fz9y74t0pn] {
    color: var(--oo-text-2);
    white-space: nowrap;
}

/* Mòbil: xifres, targetes i camps un per fila a tota l'amplada, i els botons a tota l'amplada, de 44 px. */
@media (max-width: 599.98px) {
    .oo-ia-xifres[b-fz9y74t0pn],
    .oo-ia-proveidors[b-fz9y74t0pn] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--oo-space-2);
    }

    .oo-ia-config[b-fz9y74t0pn],
    .oo-ia-fila-proveidor[b-fz9y74t0pn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .oo-ia-fila-proveidor[b-fz9y74t0pn] {
        padding-bottom: var(--oo-space-2);
        border-bottom: 1px solid var(--oo-border);
    }

    .oo-ia-config-peu[b-fz9y74t0pn]  .mud-button-root {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/AdminIAProves.razor.rz.scp.css */
.oo-ia-proves-avis[b-5jge93uo6d] {
    margin-bottom: var(--oo-space-4);
}

.oo-ia-proves-fitxer[b-5jge93uo6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-3);
}

/* Noms de fitxer llargs: es parteixen per no forçar scroll horitzontal. */
.oo-ia-proves-fitxer[b-5jge93uo6d]  .oo-ia-proves-noms {
    min-width: 0;
    overflow-wrap: anywhere;
}

.oo-ia-proves-opcions[b-5jge93uo6d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 260px));
    gap: var(--oo-space-2) var(--oo-space-4);
    margin-top: var(--oo-space-3);
}

.oo-ia-proves-peu[b-5jge93uo6d] {
    display: flex;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-4);
}

.oo-ia-proves-meta[b-5jge93uo6d] {
    overflow-wrap: anywhere;
}

/* Dades interpretades: nom del camp (com a l'esquema), valor i confiança; en ambre si cal revisar-lo. */
.oo-ia-proves-camps[b-5jge93uo6d] {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
    gap: var(--oo-space-1) var(--oo-space-3);
    margin-top: var(--oo-space-2);
    font-size: 0.875rem;
}

.oo-ia-proves-camp[b-5jge93uo6d] {
    display: contents;
}

.oo-ia-proves-camp-nom[b-5jge93uo6d] {
    color: var(--oo-text-2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
}

.oo-ia-proves-camp-valor[b-5jge93uo6d] {
    overflow-wrap: anywhere;
}

.oo-ia-proves-camp-confianca[b-5jge93uo6d] {
    color: var(--oo-text-2);
    text-align: right;
}

.oo-ia-proves-camp--revisar .oo-ia-proves-camp-valor[b-5jge93uo6d],
.oo-ia-proves-camp--revisar .oo-ia-proves-camp-confianca[b-5jge93uo6d] {
    color: var(--oo-warning);
    font-weight: 600;
}

.oo-ia-proves-text[b-5jge93uo6d] {
    max-height: 420px;
    margin: 0 0 var(--oo-space-4);
    padding: var(--oo-space-3);
    overflow: auto;
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface-tint);
    color: var(--oo-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Mòbil: opcions una per fila i botons a tota l'amplada, de 44 px. */
@media (max-width: 599.98px) {
    .oo-ia-proves-opcions[b-5jge93uo6d] {
        grid-template-columns: minmax(0, 1fr);
    }

    .oo-ia-proves-peu[b-5jge93uo6d] {
        flex-direction: column;
    }

    .oo-ia-proves-peu[b-5jge93uo6d]  .mud-button-root,
    .oo-ia-proves-fitxer[b-5jge93uo6d]  .mud-button-root {
        width: 100%;
        min-height: 44px;
    }

    .oo-ia-proves-camps[b-5jge93uo6d] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    /* El nom del camp ocupa tota la fila; a sota, valor i confiança. */
    .oo-ia-proves-camp-nom[b-5jge93uo6d] {
        grid-column: 1 / -1;
        margin-top: var(--oo-space-1);
    }
}

.oo-ia-proves-llista[b-5jge93uo6d] {
    margin: var(--oo-space-1) 0 0;
    padding-left: var(--oo-space-5);
    overflow-wrap: anywhere;
}

/* Comparació entre proveïdors i intents: taules que es desplacen dins del seu requadre (la pàgina no fa scroll horitzontal). */
.oo-ia-proves-comparacio[b-5jge93uo6d] {
    max-width: 100%;
    overflow-x: auto;
    font-size: 0.875rem;
}

.oo-ia-proves-comparacio table[b-5jge93uo6d] {
    width: 100%;
    border-collapse: collapse;
}

.oo-ia-proves-comparacio th[b-5jge93uo6d],
.oo-ia-proves-comparacio td[b-5jge93uo6d] {
    padding: var(--oo-space-1) var(--oo-space-2);
    border-bottom: 1px solid var(--oo-border);
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.oo-ia-proves-comparacio th[b-5jge93uo6d] {
    color: var(--oo-text-2);
    font-weight: 600;
    white-space: nowrap;
}

/* Un camp que no coincideix entre proveïdors, en ambre. */
.oo-ia-proves-diferent td[b-5jge93uo6d] {
    color: var(--oo-warning);
    font-weight: 600;
}

.oo-ia-proves-error[b-5jge93uo6d] {
    color: var(--oo-danger);
}

.oo-ia-proves-guanyador td[b-5jge93uo6d] {
    font-weight: 600;
}

/* Comportament forçat del pla de desat (fins al prompt v3). */
.oo-ia-proves-comportament[b-5jge93uo6d] {
    max-width: 320px;
    margin-top: var(--oo-space-2);
}
/* /Components/Pages/Admin/AdminJobs.razor.rz.scp.css */
/* Detall de la darrera execució (pot ser el missatge d'una excepció): 2 línies i «Veure detall»;
   en tocar-lo, el text sencer al full inferior (FullDetallText). */
.oo-admin-job-detall[b-4monm6pb7e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: var(--oo-space-1) 0;
    border: 0;
    background: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .oo-admin-job-detall:focus-visible[b-4monm6pb7e] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

.oo-admin-job-detall-text[b-4monm6pb7e] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.875rem;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.oo-admin-job-detall-veure[b-4monm6pb7e] {
    margin-top: 2px;
    color: var(--oo-primary);
    font-size: 0.8125rem;
    font-weight: 600;
}

.oo-admin-job-accio[b-4monm6pb7e] {
    margin-top: var(--oo-space-2);
    padding-right: var(--oo-space-2);
}

    .oo-admin-job-accio[b-4monm6pb7e]  .mud-button-root {
        min-height: 44px;
    }
/* /Components/Pages/Admin/AdminLogs.razor.rz.scp.css */
.oo-admin-logs-filtre[b-wi48rf0czg] {
    min-width: 160px;
}

/* Tota la fila obre el detall. */
.oo-admin-logs-taula[b-wi48rf0czg]  .oo-admin-logs-fila {
    cursor: pointer;
}

.oo-admin-logs-missatge[b-wi48rf0czg] {
    max-width: 700px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* L'excepció, a la taula només en 3 línies: sencera al detall. */
.oo-admin-logs-excepcio[b-wi48rf0czg] {
    display: -webkit-box;
    max-width: 700px;
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.75rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.oo-admin-logs-paginacio[b-wi48rf0czg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-4);
}

.oo-admin-logs-paginacio-botons[b-wi48rf0czg] {
    display: flex;
    gap: var(--oo-space-2);
}

@media (max-width: 599.98px) {
    .oo-admin-logs-paginacio-botons[b-wi48rf0czg] {
        flex: 1 1 100%;
    }

        .oo-admin-logs-paginacio-botons[b-wi48rf0czg]  .mud-button-root {
            flex: 1 1 0;
            min-height: 44px;
        }
}
/* /Components/Pages/Admin/AdminNav.razor.rz.scp.css */
/* Capçalera: títol (i accions) de la pàgina; al mòbil, amb el botó enrere davant. */
.oo-admin-capcalera[b-238265xsh7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-3);
    margin-bottom: var(--oo-space-4);
}

.oo-admin-capcalera-titols[b-238265xsh7] {
    flex: 1 1 auto;
    min-width: 0;
}

.oo-admin-capcalera-accions[b-238265xsh7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

.oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-enrere {
    display: none;
}

.oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-menu {
    display: none;
}

/* Graella d'inici: només al mòbil. */
.oo-admin-inici[b-238265xsh7] {
    display: none;
}

.oo-admin-inici-graella[b-238265xsh7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--oo-space-3);
}

.oo-admin-seccio[b-238265xsh7] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--oo-space-2);
    min-height: 88px;
    padding: var(--oo-space-4);
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

    .oo-admin-seccio:active[b-238265xsh7] {
        background-color: var(--oo-surface-tint);
    }

    .oo-admin-seccio[b-238265xsh7]  .oo-admin-seccio-icona {
        color: var(--oo-primary);
    }

.oo-admin-seccio-nom[b-238265xsh7] {
    font-weight: 600;
}

.oo-admin-seccio-indicador[b-238265xsh7] {
    position: absolute;
    top: var(--oo-space-3);
    right: var(--oo-space-3);
    min-width: 24px;
    padding: 2px var(--oo-space-2);
    border-radius: var(--oo-radius-pill);
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
}

.oo-admin-seccio-indicador--error[b-238265xsh7] {
    background-color: var(--oo-danger);
    color: var(--mud-palette-error-text);
}

.oo-admin-seccio-indicador--info[b-238265xsh7] {
    background-color: var(--oo-surface-tint);
    color: var(--oo-primary);
}

@media (max-width: 599.98px) {
    /* Al mòbil, cap pestanya: s'hi navega des de la graella i es torna amb el botó enrere. */
    .oo-admin-nav-pestanyes[b-238265xsh7] {
        display: none;
    }

    .oo-admin-inici[b-238265xsh7] {
        display: block;
    }

    .oo-admin-inici[b-238265xsh7]  .oo-admin-inici-titol {
        margin-bottom: var(--oo-space-4);
    }

    /* A /admin la graella substitueix la capçalera del Dashboard. */
    .oo-admin-capcalera--inici[b-238265xsh7] {
        display: none;
    }

    /* Enrere i títol en una línia; les accions, a la línia de sota. */
    .oo-admin-capcalera[b-238265xsh7] {
        gap: var(--oo-space-1) var(--oo-space-1);
        margin-left: calc(-1 * var(--oo-space-2));
    }

    .oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-enrere {
        display: inline-flex;
        flex: none;
        width: 44px;
        height: 44px;
    }

    .oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-titol {
        overflow: hidden;
        font-size: 1.25rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .oo-admin-capcalera-titols[b-238265xsh7] {
        flex: 1 1 0;
    }

    .oo-admin-capcalera-accions[b-238265xsh7] {
        flex-basis: 100%;
        padding-left: var(--oo-space-2);
    }

    /* Amb menú ⋯, les accions hi passen: el menú queda al costat del títol i els botons s'amaguen. */
    .oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-menu {
        display: inline-flex;
        flex: none;
    }

        .oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-menu .mud-icon-button {
            width: 44px;
            height: 44px;
        }

    .oo-admin-capcalera-accions--amb-menu[b-238265xsh7] {
        display: none;
    }
}
/* /Components/Pages/Admin/AdminPlans.razor.rz.scp.css */
/* Límits i quotes d'IA, una línia cadascun a la targeta. */
.oo-admin-plans-meta[b-juod2mnnms] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Funcionalitats, en dues línies com a màxim. */
.oo-admin-plans-funcionalitats[b-juod2mnnms] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.75rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.oo-admin-plans-config[b-juod2mnnms] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 220px));
    gap: var(--oo-space-2) var(--oo-space-4);
}

.oo-admin-plans-config-peu[b-juod2mnnms] {
    margin-top: var(--oo-space-4);
}

/* Mòbil: un camp per fila a tota l'amplada i «Desar» a tota l'amplada, de 44 px. */
@media (max-width: 599.98px) {
    .oo-admin-plans-config[b-juod2mnnms] {
        grid-template-columns: minmax(0, 1fr);
    }

    .oo-admin-plans-config-peu[b-juod2mnnms]  .mud-button-root {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/AdminUsuaris.razor.rz.scp.css */
.oo-admin-usuaris-filtre[b-zte7f1073c] {
    min-width: 200px;
}

/* «Ordenar per» només al full de filtres del mòbil: a la taula s'ordena per columna. */
.oo-admin-usuaris-ordre[b-zte7f1073c] {
    display: none;
}

/* Data de fi del pla i ús, en una línia a la targeta. */
.oo-admin-usuaris-meta[b-zte7f1073c] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 599.98px) {
    .oo-admin-usuaris-ordre[b-zte7f1073c] {
        display: block;
    }
}
/* /Components/Pages/Admin/CodiFormDialog.razor.rz.scp.css */
.oo-codi-form-graella[b-fdlz7yu8p5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0 var(--oo-space-4);
}

.oo-codi-form-codi[b-fdlz7yu8p5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0 var(--oo-space-3);
}

    .oo-codi-form-codi[b-fdlz7yu8p5]  .oo-codi-form-camp-codi {
        flex: 1 1 160px;
    }

    .oo-codi-form-codi[b-fdlz7yu8p5]  .oo-codi-form-prefix {
        flex: 0 1 140px;
    }

/* Mòbil (el diàleg ja ocupa tota la pantalla): codi a tota l'amplada, prefix i «Generar» a sota i àrees tàctils de 44 px. */
@media (max-width: 599.98px) {
    .oo-codi-form-graella[b-fdlz7yu8p5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .oo-codi-form-codi[b-fdlz7yu8p5]  .oo-codi-form-camp-codi {
        flex-basis: 100%;
    }

    .oo-codi-form-codi[b-fdlz7yu8p5]  .oo-codi-form-prefix {
        flex: 1 1 0;
    }

    .oo-codi-form-codi[b-fdlz7yu8p5]  .mud-button-root {
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/PlaFormDialog.razor.rz.scp.css */
.oo-pla-form-graella[b-xozazdt7wx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0 var(--oo-space-4);
}

.oo-pla-form-previa[b-xozazdt7wx] {
    margin-top: var(--oo-space-2);
}

/* Mòbil (el diàleg ja ocupa tota la pantalla): un camp per fila i caselles de 44 px d'alçada. */
@media (max-width: 599.98px) {
    .oo-pla-form-graella[b-xozazdt7wx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .oo-pla-form-funcionalitats[b-xozazdt7wx]  .mud-checkbox {
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/PlaUsuariDialog.razor.rz.scp.css */
.oo-pla-usuari-titol[b-ydfm76q6xu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    min-width: 0;
}

    .oo-pla-usuari-titol[b-ydfm76q6xu]  .mud-typography {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.oo-pla-usuari-fila[b-ydfm76q6xu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0 var(--oo-space-3);
}

    .oo-pla-usuari-fila[b-ydfm76q6xu]  .oo-pla-usuari-camp {
        min-width: 160px;
    }

    .oo-pla-usuari-fila[b-ydfm76q6xu]  .oo-pla-usuari-dies {
        max-width: 120px;
    }

.oo-pla-usuari-bescanvi[b-ydfm76q6xu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    padding: var(--oo-space-1) 0;
    border-bottom: var(--oo-border);
    font-size: 0.875rem;
}

/* Mòbil (el diàleg ja ocupa tota la pantalla): un camp per fila a tota l'amplada i àrees tàctils de 44 px. */
@media (max-width: 599.98px) {
    .oo-pla-usuari-fila[b-ydfm76q6xu] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--oo-space-2);
    }

        .oo-pla-usuari-fila[b-ydfm76q6xu]  .oo-pla-usuari-camp,
        .oo-pla-usuari-fila[b-ydfm76q6xu]  .oo-pla-usuari-dies {
            min-width: 0;
            max-width: none;
        }

        .oo-pla-usuari-fila[b-ydfm76q6xu]  .mud-button-root,
        .oo-pla-usuari-bescanvi[b-ydfm76q6xu]  .mud-button-root {
            min-height: 44px;
        }

    .oo-pla-usuari-titol[b-ydfm76q6xu]  .mud-icon-button {
        width: 44px;
        height: 44px;
    }
}
/* /Components/Pages/Avisos/AvisFormDialog.razor.rz.scp.css */
/* Xips «Relacionar amb Audi A3?» sota el títol. */
.oo-relacio-suggeriments[b-c1gwi9oedg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
}

.oo-relacio-suggeriments[b-c1gwi9oedg]  .mud-chip {
    margin: 0;
}

/* Opcions de «Relacionat amb»: miniatura de l'actiu (o icona de la categoria) i, a sota, la categoria. */
.oo-relacio-opcio[b-c1gwi9oedg] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    min-width: 0;
    min-height: 40px;
}

.oo-relacio-icona[b-c1gwi9oedg] {
    display: grid;
    flex: none;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-relacio-color, var(--oo-text-2)) 18%, transparent);
    color: var(--oo-relacio-color, var(--oo-text-2));
}

.oo-relacio-textos[b-c1gwi9oedg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.oo-relacio-nom[b-c1gwi9oedg],
.oo-relacio-sub[b-c1gwi9oedg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-relacio-sub[b-c1gwi9oedg] {
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

/* Accions del recordatori («Ja no cal», «Marcar com a pendent», «Eliminar»), a l'esquerra del peu. */
.oo-avis-accions[b-c1gwi9oedg] {
    margin-right: auto;
}
/* /Components/Pages/Avisos/CampHoraRecordatori.razor.rz.scp.css */
/* «+ Afegir hora» i «+ Hora de fi»: enllaç discret, d'una sola línia curta. */
.oo-hora-enllac[b-mvjnjsqim8] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 32px;
    margin: 2px 0 var(--oo-space-1);
    padding: 0 var(--oo-space-1);
    border: 0;
    border-radius: var(--oo-radius-sm);
    background: none;
    color: var(--oo-primary);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.oo-hora-enllac[b-mvjnjsqim8]  .mud-icon-root {
    width: 18px;
    height: 18px;
}

.oo-hora-enllac:focus-visible[b-mvjnjsqim8],
.oo-hora-treure:focus-visible[b-mvjnjsqim8] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .oo-hora-enllac:hover[b-mvjnjsqim8] {
        background-color: color-mix(in srgb, var(--oo-primary) 8%, transparent);
    }
}

.oo-hora[b-mvjnjsqim8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2);
    margin: var(--oo-space-2) 0 var(--oo-space-1);
}

/* Camp d'hora natiu: el selector del mòbil s'obre en tocar-lo. */
.oo-hora-input[b-mvjnjsqim8] {
    min-height: 40px;
    padding: 0 var(--oo-space-3);
    border: var(--oo-border);
    border-radius: var(--oo-radius-sm);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font: inherit;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    color-scheme: light;
}

.oo-hora-input:focus-visible[b-mvjnjsqim8] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 1px;
    border-color: var(--oo-primary);
}

.oo-hora-guio[b-mvjnjsqim8] {
    color: var(--oo-text-2);
}

.oo-hora-treure[b-mvjnjsqim8] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text-2);
    cursor: pointer;
}

.oo-hora-treure[b-mvjnjsqim8]  .mud-icon-root {
    width: 20px;
    height: 20px;
}

@media (hover: hover) and (pointer: fine) {
    .oo-hora-treure:hover[b-mvjnjsqim8] {
        background-color: color-mix(in srgb, var(--oo-text) 8%, transparent);
        color: var(--oo-text);
    }
}

/* El selector natiu, del mateix tema que l'app (no el del dispositiu). */
:root[data-tema="dark"] .oo-hora-input[b-mvjnjsqim8] {
    color-scheme: dark;
}
/* /Components/Pages/Calendari/Calendari.razor.rz.scp.css */
/* ---------- Capçalera del mes ---------- */
.oo-cal-mes[b-mqnb791phq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-bottom: var(--oo-space-4);
}

.oo-cal-mes-titol[b-mqnb791phq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.oo-cal-mes-titol[b-mqnb791phq]  .oo-cal-mes-nom {
    text-align: center;
}

/* «Avui»: enllaç discret sota el mes, amb àrea tàctil de 44 px d'alçada. */
.oo-cal-avui[b-mqnb791phq] {
    min-height: 32px;
    padding: 0 var(--oo-space-3);
    border: none;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-primary);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
}

.oo-cal-avui:focus-visible[b-mqnb791phq] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

/* ---------- Targetes de resum ---------- */
.oo-cal-resum[b-mqnb791phq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-5);
}

.oo-cal-resum-targeta[b-mqnb791phq] {
    --oo-cal-to: var(--oo-text-2);
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: var(--oo-space-3) var(--oo-space-4);
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: color-mix(in srgb, var(--oo-cal-to) 8%, var(--oo-surface));
    color: var(--oo-text);
    text-decoration: none;
}

.oo-cal-resum-targeta--pagat[b-mqnb791phq] {
    --oo-cal-to: var(--oo-success);
    -webkit-tap-highlight-color: transparent;
}

.oo-cal-resum-targeta--pagat:focus-visible[b-mqnb791phq] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .oo-cal-resum-targeta--pagat:hover[b-mqnb791phq] {
        box-shadow: var(--oo-shadow-hover);
    }
}

.oo-cal-resum-targeta--pendent[b-mqnb791phq] {
    --oo-cal-to: var(--oo-warning);
}

.oo-cal-resum-targeta--vencut[b-mqnb791phq] {
    --oo-cal-to: var(--oo-danger);
}

.oo-cal-resum-etiqueta[b-mqnb791phq] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--oo-cal-to);
}

.oo-cal-resum-valor[b-mqnb791phq] {
    overflow: hidden;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.oo-cal-resum-nota[b-mqnb791phq] {
    font-size: 0.6875rem;
    color: var(--oo-text-2);
}

/* Vençut amb import: fons ple del color de perill, el text en el contrast del tema. */
.oo-cal-resum-targeta--destacada[b-mqnb791phq] {
    border-color: transparent;
    background-color: var(--oo-danger);
    color: var(--mud-palette-error-text);
}

.oo-cal-resum-targeta--destacada .oo-cal-resum-etiqueta[b-mqnb791phq],
.oo-cal-resum-targeta--destacada .oo-cal-resum-nota[b-mqnb791phq] {
    color: inherit;
    opacity: 0.9;
}

/* ---------- Graella ---------- */
.oo-cal-graella[b-mqnb791phq] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: var(--oo-space-1);
    touch-action: pan-y;
}

.oo-cal-dia-setmana[b-mqnb791phq] {
    padding-bottom: var(--oo-space-1);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    color: var(--oo-text-3);
}

/* Cada dia, una rajola arrodonida; el fons el posa l'estat (--oo-cal-fons) i la vora de les icones el segueix. */
.oo-cal-dia[b-mqnb791phq] {
    --oo-cal-fons: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    min-width: 0;
    min-height: 56px;
    padding: 6px 2px;
    border: none;
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-cal-fons);
    color: var(--oo-text);
    font: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--oo-dur-fast) var(--oo-ease), box-shadow var(--oo-dur-fast) var(--oo-ease);
}

.oo-cal-dia-num[b-mqnb791phq] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.oo-cal-dia--vencut[b-mqnb791phq] {
    --oo-cal-fons: color-mix(in srgb, var(--oo-danger) 16%, var(--oo-surface));
}

.oo-cal-dia--proper[b-mqnb791phq] {
    --oo-cal-fons: color-mix(in srgb, var(--oo-warning) 20%, var(--oo-surface));
}

.oo-cal-dia--pagat[b-mqnb791phq] {
    --oo-cal-fons: color-mix(in srgb, var(--oo-success) 16%, var(--oo-surface));
}

/* Sense res aquell dia: el número en gris. */
.oo-cal-dia--res .oo-cal-dia-num[b-mqnb791phq] {
    font-weight: 400;
    color: var(--oo-text-3);
}

/* Avui: fons del color primari i el número en el contrast del tema. */
.oo-cal-dia--avui[b-mqnb791phq] {
    --oo-cal-fons: var(--oo-primary);
    color: var(--mud-palette-primary-text);
}

.oo-cal-dia--avui .oo-cal-dia-num[b-mqnb791phq] {
    color: inherit;
}

/* Dia seleccionat: vora del color primari (amb un anell de separació si també és avui). */
.oo-cal-dia--seleccionat[b-mqnb791phq] {
    box-shadow: inset 0 0 0 2px var(--oo-primary);
}

.oo-cal-dia--avui.oo-cal-dia--seleccionat[b-mqnb791phq] {
    box-shadow: inset 0 0 0 2px var(--oo-primary), inset 0 0 0 4px var(--oo-surface);
}

.oo-cal-dia:focus-visible[b-mqnb791phq] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .oo-cal-dia:not(.oo-cal-dia--avui):hover[b-mqnb791phq] {
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--oo-primary) 40%, transparent);
    }

    .oo-cal-dia--seleccionat:not(.oo-cal-dia--avui):hover[b-mqnb791phq] {
        box-shadow: inset 0 0 0 2px var(--oo-primary);
    }
}

.oo-cal-dia-fora[b-mqnb791phq] {
    min-height: 56px;
}

/* Icones del dia: 16 px, superposades (-5 px) amb una vora del color de la rajola. */
.oo-cal-dia-icones[b-mqnb791phq] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

.oo-cal-icona[b-mqnb791phq] {
    display: grid;
    flex: none;
    place-items: center;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: 1.5px solid var(--oo-cal-fons-icona, var(--oo-surface));
    border-radius: var(--oo-radius-pill);
    box-sizing: content-box;
}

.oo-cal-dia .oo-cal-icona[b-mqnb791phq] {
    --oo-cal-fons-icona: var(--oo-cal-fons);
}

/* Si la rajola no té fons, la vora és la superfície (perquè separi igualment). */
.oo-cal-dia--buit .oo-cal-icona[b-mqnb791phq],
.oo-cal-dia--pendent .oo-cal-icona[b-mqnb791phq] {
    --oo-cal-fons-icona: var(--oo-surface);
}

.oo-cal-icona + .oo-cal-icona[b-mqnb791phq] {
    margin-left: -5px;
}

.oo-cal-icona[b-mqnb791phq]  .mud-icon-root {
    width: 11px;
    height: 11px;
    font-size: 11px;
}

/* Element: cercle ple amb el pastel de la categoria (o la miniatura de l'actiu). */
.oo-cal-icona--element[b-mqnb791phq] {
    background-color: color-mix(in srgb, var(--oo-cal-color, var(--oo-text-2)) 24%, var(--oo-surface));
    color: var(--oo-cal-color, var(--oo-text-2));
}

.oo-cal-icona--element img[b-mqnb791phq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Recordatori: cercle de contorn amb la campaneta. */
.oo-cal-icona--recordatori[b-mqnb791phq] {
    background-color: var(--oo-surface);
    color: var(--oo-text-2);
    box-shadow: inset 0 0 0 1px var(--oo-text-3);
}

.oo-cal-icones-mes[b-mqnb791phq] {
    margin-left: 2px;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    color: var(--oo-text-2);
}

.oo-cal-dia--avui .oo-cal-icones-mes[b-mqnb791phq] {
    color: inherit;
}

/* Esdeveniments de diversos dies: una barra fina a la part de baix de la rajola. */
.oo-cal-dia-barra[b-mqnb791phq] {
    position: absolute;
    right: 6px;
    bottom: 4px;
    left: 6px;
    height: 3px;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-cal-barra);
}

/* Per sota de 360 px no hi caben dues icones: només la primera i «+N». */
@media (max-width: 359.98px) {
    .oo-cal-dia-icones .oo-cal-icona + .oo-cal-icona[b-mqnb791phq] {
        display: none;
    }
}

/* ---------- Llegenda ---------- */
.oo-cal-llegenda[b-mqnb791phq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2) var(--oo-space-4);
    margin: var(--oo-space-3) 0 var(--oo-space-5);
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

.oo-cal-llegenda-item[b-mqnb791phq] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
}

.oo-cal-icona--llegenda[b-mqnb791phq] {
    border-color: transparent;
}

.oo-cal-llegenda-barra[b-mqnb791phq] {
    width: 16px;
    height: 3px;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-text-3);
}

/* ---------- Detall del dia ---------- */
.oo-cal-detall-cap[b-mqnb791phq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-3);
}

.oo-cal-detall-cap[b-mqnb791phq]  .oo-cal-detall-titol {
    min-width: 0;
}

.oo-cal-detall-total[b-mqnb791phq] {
    flex: none;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.oo-cal-detall .oo-atencio[b-mqnb791phq] {
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
    overflow: hidden;
}

.oo-cal-detall-afegir[b-mqnb791phq] {
    display: flex;
    justify-content: center;
    padding: var(--oo-space-3) 0 var(--oo-space-4);
}

/* ---------- Mòbil ---------- */
@media (max-width: 599.98px) {
    .oo-cal-resum[b-mqnb791phq] {
        gap: var(--oo-space-2);
    }

    .oo-cal-resum-targeta[b-mqnb791phq] {
        padding: var(--oo-space-2) var(--oo-space-3);
    }

    .oo-cal-resum-valor[b-mqnb791phq] {
        font-size: 0.9375rem;
    }

    .oo-cal-graella[b-mqnb791phq] {
        gap: 3px;
    }

    .oo-cal-dia[b-mqnb791phq] {
        min-height: 52px;
        padding: 5px 1px;
    }

    .oo-cal-dia-num[b-mqnb791phq] {
        font-size: 0.9375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-cal-dia[b-mqnb791phq] {
        transition: none;
    }
}
/* /Components/Pages/Categories/ActiuFormDialog.razor.rz.scp.css */
/* Anell de progrés de la transferència de la foto, a sobre del cercle (104 px). */
.household-actiu-foto-wrapper[b-en8784jc5q]  .household-actiu-foto-progres {
    position: absolute;
    inset: -4px;
    width: 112px;
    height: 112px;
    pointer-events: none;
}

/* Garantia: xips d'opció ràpida sota la data de compra. */
.oo-actiu-form-garantia[b-en8784jc5q] {
    margin-top: var(--oo-space-4);
}

.oo-actiu-form-garantia-titol[b-en8784jc5q] {
    margin-bottom: var(--oo-space-2);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-actiu-form-garantia-xips[b-en8784jc5q] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

.oo-actiu-form-garantia-xips[b-en8784jc5q]  .mud-chip {
    margin: 0;
}

@media (max-width: 599.98px) {
    .oo-actiu-form-garantia-xips[b-en8784jc5q]  .mud-chip {
        min-height: 44px;
    }
}

/* «Es desarà a: Vehicles (nova) · Canviar», sota els camps del Tipus. */
.oo-actiu-form-desti[b-en8784jc5q] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--oo-space-1) var(--oo-space-2);
    margin-top: var(--oo-space-4);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-actiu-form-desti strong[b-en8784jc5q] {
    font-weight: 600;
    color: var(--oo-text);
}

.oo-actiu-form-desti-nova[b-en8784jc5q] {
    margin-left: var(--oo-space-1);
    color: var(--oo-text-2);
}

.oo-actiu-form-desti-canviar[b-en8784jc5q] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--oo-primary);
    cursor: pointer;
}

.oo-actiu-form-desti-canviar:hover[b-en8784jc5q] {
    text-decoration: underline;
}

.oo-actiu-form-desti-canviar:focus-visible[b-en8784jc5q] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
    border-radius: var(--oo-radius-sm);
}
/* /Components/Pages/Categories/CategoriaCard.razor.rz.scp.css */
.oo-cat-card[b-sc0qnyk47p] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-text-2));
    position: relative;
    display: flex;
    min-width: 0;
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
    transition: box-shadow var(--oo-dur) var(--oo-ease), border-color var(--oo-dur) var(--oo-ease), transform var(--oo-dur-fast) var(--oo-ease);
}

/* Hover subtil només amb ratolí (al tàctil es quedaria enganxat). */
@media (hover: hover) and (pointer: fine) {
    .oo-cat-card:hover[b-sc0qnyk47p] {
        border-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 35%, var(--mud-palette-lines-default));
        box-shadow: var(--oo-shadow-hover);
    }
}

/* Resposta breu en tocar (no al menú). */
.oo-cat-card:has(.oo-cat-card-enllac:active)[b-sc0qnyk47p] {
    transform: scale(0.98);
}

/* Files d'alçada fixa (icona, nom de 2 línies, rodonetes, recomptes): a les targetes d'una mateixa
   fila de la graella, el títol, les rodonetes, els recomptes i el xip de vençuts queden alineats. */
.oo-cat-card-enllac[b-sc0qnyk47p] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--oo-space-1);
    min-width: 0;
    padding: var(--oo-space-3);
    border-radius: inherit;
    color: var(--oo-text);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.oo-cat-card-enllac:focus[b-sc0qnyk47p] {
    outline: none;
}

.oo-cat-card-enllac:focus-visible[b-sc0qnyk47p] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-cat-card-icona[b-sc0qnyk47p] {
    display: grid;
    flex: 0 0 44px;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: var(--oo-space-1);
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 18%, transparent);
    color: var(--oo-cat-color-efectiu);
}

.oo-cat-card-icona[b-sc0qnyk47p]  .mud-icon-root {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.oo-cat-card-nom[b-sc0qnyk47p] {
    width: 100%;
    min-height: 2.6em;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

/* Fila de les rodonetes: sempre amb la seva alçada, encara que la Categoria no tingui actius. */
.oo-cat-card-actius[b-sc0qnyk47p] {
    display: flex;
    flex: none;
    align-items: center;
    height: 30px;
}

.oo-cat-card-rodonetes[b-sc0qnyk47p] {
    display: flex;
    align-items: center;
}

/* Foto de l'actiu o icona del tipus sobre el pastel de la Categoria; la vora és del color de la
   targeta (blanca en clar, la superfície fosca en fosc) i les separa en superposar-se. */
.oo-cat-card-rodoneta[b-sc0qnyk47p] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 26px;
    height: 26px;
    overflow: hidden;
    border: 2px solid var(--oo-surface);
    border-radius: var(--oo-radius-pill);
    box-sizing: content-box;
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 18%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

.oo-cat-card-rodoneta + .oo-cat-card-rodoneta[b-sc0qnyk47p] {
    margin-left: -8px;
}

.oo-cat-card-rodoneta img[b-sc0qnyk47p] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oo-cat-card-rodoneta[b-sc0qnyk47p]  .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.oo-cat-card-rodoneta--mes[b-sc0qnyk47p] {
    background-color: var(--mud-palette-background-gray);
    color: var(--oo-text-2);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1;
}

/* Actius · elements · recordatoris, sempre tots tres i en una línia (a 360 px, ~134 px útils). */
.oo-cat-card-comptadors[b-sc0qnyk47p] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1.3em;
    font-size: 0.8125rem;
    line-height: 1.3;
    color: var(--oo-text-2);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
}

.oo-cat-card-comptador[b-sc0qnyk47p] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 2px;
}

    .oo-cat-card-comptador + .oo-cat-card-comptador[b-sc0qnyk47p]::before {
        content: "·";
        margin: 0 var(--oo-space-1);
        color: var(--oo-text-2);
        opacity: 0.6;
    }

    .oo-cat-card-comptador[b-sc0qnyk47p]  .mud-icon-root {
        width: 14px;
        height: 14px;
        font-size: 14px;
    }

.oo-cat-card-comptador--zero[b-sc0qnyk47p] {
    opacity: 0.45;
}

.oo-cat-card-vencuts[b-sc0qnyk47p] {
    margin-top: var(--oo-space-1);
    font-size: 0.75rem;
}

/* El ⋯, a la cantonada i fora de l'enllaç; discret fins que s'hi passa per sobre. */
.oo-cat-card[b-sc0qnyk47p]  .oo-cat-card-menu {
    position: absolute;
    top: var(--oo-space-2);
    right: var(--oo-space-1);
    z-index: 1;
    color: var(--oo-text-2);
}

@media (prefers-reduced-motion: reduce) {
    .oo-cat-card:has(.oo-cat-card-enllac:active)[b-sc0qnyk47p] {
        transform: none;
    }
}
/* /Components/Pages/Categories/CategoriaDetail.razor.rz.scp.css */
/* Llistes d'elements i recordatoris, igual que a la fitxa d'Actiu. */
.oo-llista-files[b-2meka84xp7] {
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    overflow: hidden;
}

/* El botó de marcar com a fet el pinta MudBlazor: cal ::deep des de la llista. */
.oo-llista-files[b-2meka84xp7]  .oo-fila-fet {
    color: var(--oo-success);
}
/* /Components/Pages/Categories/CategoriesIndex.razor.rz.scp.css */
.oo-coses[b-dsq9j4gpu4]  .oo-coses-sense-resultats {
    padding: var(--oo-space-5) 0;
    color: var(--oo-text-2);
}
/* /Components/Pages/Categories/GraellaCategories.razor.rz.scp.css */
/* 2 columnes al mòbil (a 360 px, targetes de ~158 px); a partir de 600 px, tantes de 220 px com hi
   càpiguen (3 a 960 px, 4 a 1280 px i 5 dins dels 1200 px de contingut a 1920 px). */
.oo-graella-categories[b-siprl4nb7h]  .oo-graella-categories-llista {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: var(--oo-space-3);
}

@media (min-width: 600px) {
    .oo-graella-categories[b-siprl4nb7h]  .oo-graella-categories-llista {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: var(--oo-space-4);
    }
}

.oo-graella-categories-cella[b-siprl4nb7h] {
    display: flex;
    min-width: 0;
}

.oo-graella-categories-cella[b-siprl4nb7h]  > * {
    flex: 1 1 auto;
}

/* «Afegir categoria»: vora discontínua suau, fons transparent i la mateixa alçada que la fila. */
.oo-graella-categories-afegir[b-siprl4nb7h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--oo-space-1);
    width: 100%;
    min-height: 120px;
    padding: var(--oo-space-3);
    border: 1.5px dashed color-mix(in srgb, var(--oo-text-2) 40%, transparent);
    border-radius: var(--oo-radius-lg);
    background: transparent;
    color: var(--oo-text-2);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color var(--oo-dur) var(--oo-ease), color var(--oo-dur) var(--oo-ease);
}

@media (hover: hover) and (pointer: fine) {
    .oo-graella-categories-afegir:hover[b-siprl4nb7h] {
        border-color: var(--oo-primary);
        color: var(--oo-primary);
    }
}

.oo-graella-categories-afegir:focus-visible[b-siprl4nb7h] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-graella-categories-afegir[b-siprl4nb7h]  .mud-icon-root {
    width: 24px;
    height: 24px;
}
/* /Components/Pages/Elements/ElementFormDialog.razor.rz.scp.css */
/* Tipus d'element (Pagament / Document): control segmentat de dues opcions, mateix llenguatge que els
   xips de tipus d'Espai (vora i fons primaris a la triada). */
.oo-tipus-element[b-zeal25pzts] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 4px;
}

.oo-tipus-element-opcio[b-zeal25pzts] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    color: var(--oo-text-2);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color var(--oo-dur-fast) var(--oo-ease), background-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-tipus-element-opcio[b-zeal25pzts]  .mud-icon-root {
    width: 20px;
    height: 20px;
}

.oo-tipus-element-opcio:focus-visible[b-zeal25pzts] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-tipus-element-opcio--actiu[b-zeal25pzts] {
    border: 1.5px solid var(--oo-primary);
    padding: 0 11.5px;
    background-color: color-mix(in srgb, var(--oo-primary) 7%, var(--oo-surface));
    color: var(--oo-primary);
}

.oo-plantilles-element[b-zeal25pzts] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* "Necessita atenció": amb la llista plegada es veuen 3 files al mòbil i 4 a l'escriptori. Es pinten
   totes i aquí s'amaguen les sobrants, així el límit segueix l'amplada sense JS. */
@media (max-width: 599.98px) {
    .oo-atencio:not(.oo-atencio-desplegada) .oo-atencio-fila:nth-child(n+4)[b-1hkvzzz3nj] {
        display: none;
    }

    /* L'última fila visible no és :last-child: sense línia a sota. */
    .oo-atencio:not(.oo-atencio-desplegada) .oo-atencio-fila:nth-child(3)[b-1hkvzzz3nj] {
        border-bottom: none;
    }

    .oo-nomes-escriptori[b-1hkvzzz3nj] {
        display: none;
    }
}

@media (min-width: 600px) {
    .oo-atencio:not(.oo-atencio-desplegada) .oo-atencio-fila:nth-child(n+5)[b-1hkvzzz3nj] {
        display: none;
    }

    .oo-atencio:not(.oo-atencio-desplegada) .oo-atencio-fila:nth-child(4)[b-1hkvzzz3nj] {
        border-bottom: none;
    }

    .oo-nomes-mobil[b-1hkvzzz3nj] {
        display: none;
    }
}

/* Les files que es despleguen apareixen amb un fos suau (no si l'usuari ha demanat menys moviment). */
@media (max-width: 599.98px) and (prefers-reduced-motion: no-preference) {
    .oo-atencio-desplegada .oo-atencio-fila:nth-child(n+4)[b-1hkvzzz3nj] {
        animation: oo-atencio-apareix-b-1hkvzzz3nj var(--oo-dur) var(--oo-ease) both;
    }
}

@media (min-width: 600px) and (prefers-reduced-motion: no-preference) {
    .oo-atencio-desplegada .oo-atencio-fila:nth-child(n+5)[b-1hkvzzz3nj] {
        animation: oo-atencio-apareix-b-1hkvzzz3nj var(--oo-dur) var(--oo-ease) both;
    }
}

@keyframes oo-atencio-apareix-b-1hkvzzz3nj {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.oo-atencio-peu[b-1hkvzzz3nj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2) var(--oo-space-4);
    margin-top: var(--oo-space-2);
}

.oo-atencio-peu:empty[b-1hkvzzz3nj] {
    display: none;
}

.oo-atencio-mes[b-1hkvzzz3nj] {
    padding: var(--oo-space-2) var(--oo-space-3);
    margin-left: calc(-1 * var(--oo-space-3));
    border: 0;
    border-radius: var(--oo-radius-sm);
    background: none;
    color: var(--oo-primary);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-atencio-mes:hover[b-1hkvzzz3nj] {
    background-color: color-mix(in srgb, var(--oo-primary) 8%, transparent);
}

.oo-atencio-mes:focus-visible[b-1hkvzzz3nj],
.oo-atencio-agenda:focus-visible[b-1hkvzzz3nj] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-atencio-agenda[b-1hkvzzz3nj] {
    margin-left: auto;
    color: var(--oo-text-2);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.oo-atencio-agenda:hover[b-1hkvzzz3nj] {
    color: var(--oo-primary);
    text-decoration: underline;
}


/* Títols de secció en una línia; a 360 px, el que s'estreny són les accions de la dreta. */
.oo-home-seccio-cap[b-1hkvzzz3nj]  .mud-typography-h6 {
    white-space: nowrap;
}

/* Xips de filtre: una fila que es desplaça horitzontalment fins a les vores de la pantalla (el desplaçament
   queda dins la fila; la pàgina no en té). */
.oo-home-filtres[b-1hkvzzz3nj] {
    display: flex;
    gap: var(--oo-space-2);
    margin: 0 calc(-1 * var(--oo-space-4)) var(--oo-space-4);
    padding: 2px var(--oo-space-4);
    overflow-x: auto;
    scroll-padding-inline: var(--oo-space-4);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.oo-home-filtres[b-1hkvzzz3nj]::-webkit-scrollbar {
    display: none;
}

/* A escriptori no cal arribar a les vores: la fila queda dins del contingut (cap marge negatiu que pugui
   sobresortir) i, si no hi caben tots els xips, passen a la línia següent. */
@media (min-width: 960px) {
    .oo-home-filtres[b-1hkvzzz3nj] {
        flex-wrap: wrap;
        margin: 0 0 var(--oo-space-4);
        padding: 2px 0;
        overflow-x: visible;
    }
}

/* Cap fill de la pàgina pot fer-la més ampla que la columna de contingut. */
.oo-home-graella[b-1hkvzzz3nj],
.oo-home-principal[b-1hkvzzz3nj],
.oo-home-metriques[b-1hkvzzz3nj] {
    min-width: 0;
}

/* Un import llarg («12.345,67 €») es parteix abans que sobresortir de l'indicador. */
.oo-home-metriques .oo-metrica[b-1hkvzzz3nj] {
    min-width: 0;
}

.oo-home-metriques .oo-metrica-valor[b-1hkvzzz3nj] {
    overflow-wrap: anywhere;
}

.oo-home-principal[b-1hkvzzz3nj]  .oo-destacada {
    margin-bottom: var(--oo-space-5);
}

/* Indicadors compactes: valor i etiqueta més petits que a la resta de pàgines. */
.oo-home-metriques .oo-metrica[b-1hkvzzz3nj] {
    padding: var(--oo-space-3);
}

.oo-home-metriques .oo-metrica-valor[b-1hkvzzz3nj] {
    font-size: 1.0625rem;
}

.oo-home-metriques .oo-metrica-etiqueta[b-1hkvzzz3nj] {
    font-size: 0.75rem;
}

@media (prefers-reduced-motion: no-preference) {
    .oo-home-filtres[b-1hkvzzz3nj] {
        scroll-behavior: smooth;
    }
}

/* Escriptori (≥ 1280 px): la targeta destacada i «Necessita atenció» (~2/3) i els tres indicadors apilats
   al costat (~1/3). Per sota, una columna i els indicadors en fila sota la llista. */
@media (min-width: 1280px) {
    .oo-home-graella[b-1hkvzzz3nj] {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        align-items: start;
        gap: var(--oo-space-5);
        margin-bottom: var(--oo-space-6);
    }

    .oo-home-graella .oo-home-atencio[b-1hkvzzz3nj] {
        margin-bottom: 0;
    }

    .oo-home-graella .oo-metriques[b-1hkvzzz3nj] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--oo-space-2);
        margin: 0;
    }
}
/* /Components/Pages/Perfil.razor.rz.scp.css */
/* Estat de confirmació del correu, sota l'adreça: el xip i, si cal, «Tornar a enviar». */
.oo-perfil-correu[b-1tsn9110c9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2);
}

/* Avisos per correu: un interruptor per avís, amb el títol i una línia d'explicació. */
.oo-perfil-avisos[b-1tsn9110c9] {
    display: grid;
    gap: var(--oo-space-3);
}

.oo-perfil-avis-titol[b-1tsn9110c9] {
    display: block;
    font-weight: 500;
}

.oo-perfil-avis-text[b-1tsn9110c9] {
    display: block;
    color: var(--oo-text-2);
    font-size: 0.875rem;
}
/* /Components/Pages/Plans.razor.rz.scp.css */
.oo-plans-graella[b-nyiznevzov] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--oo-space-4);
}

.oo-pla-targeta[b-nyiznevzov] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
    padding: var(--oo-space-5);
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
}

.oo-pla-targeta--actual[b-nyiznevzov] {
    border-color: var(--oo-primary);
    box-shadow: 0 0 0 1px var(--oo-primary);
}

/* Plans amb color (Premium, Premium+): franja superior amb el color o el degradat; si és l'actual, la vora
   i l'etiqueta «El teu pla» també. El Gratuït queda neutre. */
.oo-pla-targeta--color[b-nyiznevzov] {
    position: relative;
    overflow: hidden;
}

    .oo-pla-targeta--color[b-nyiznevzov]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 4px;
        background: var(--oo-pla-fons);
    }

.oo-pla-targeta--color.oo-pla-targeta--actual[b-nyiznevzov] {
    border-color: var(--oo-pla-c1);
    box-shadow: 0 0 0 1px var(--oo-pla-c1);
}

.oo-pla-targeta--color .oo-pla-targeta-actual[b-nyiznevzov] {
    background: var(--oo-pla-fons);
    color: var(--oo-pla-text);
}

.oo-pla-targeta-cap[b-nyiznevzov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
}

.oo-pla-targeta-nom[b-nyiznevzov] {
    font-family: Fraunces, serif;
    font-size: 1.375rem;
    font-weight: 500;
}

.oo-pla-targeta-actual[b-nyiznevzov] {
    padding: 2px var(--oo-space-2);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface-tint);
    color: var(--oo-primary);
    font-size: 0.75rem;
    font-weight: 600;
}

.oo-pla-targeta-descripcio[b-nyiznevzov] {
    margin: 0;
    color: var(--oo-text-2);
    font-size: 0.875rem;
}

.oo-pla-targeta-preu[b-nyiznevzov] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--oo-space-1);
}

.oo-pla-targeta-import[b-nyiznevzov] {
    font-size: 1.75rem;
    font-weight: 700;
}

.oo-pla-targeta-periode[b-nyiznevzov] {
    color: var(--oo-text-2);
}

.oo-pla-targeta-anual[b-nyiznevzov] {
    flex-basis: 100%;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
}

.oo-pla-targeta-llista[b-nyiznevzov] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--oo-space-2);
    margin: 0;
    padding: var(--oo-space-3) 0 0;
    border-top: var(--oo-border);
    list-style: none;
    font-size: 0.875rem;
}

.oo-pla-func[b-nyiznevzov] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-pla-func[b-nyiznevzov]  .mud-icon-root {
    color: var(--oo-success);
}

.oo-pla-func--no[b-nyiznevzov] {
    color: var(--oo-text-3);
}

.oo-pla-func--no[b-nyiznevzov]  .mud-icon-root {
    color: var(--oo-text-3);
}
/* /Components/Pages/TargetaDestacada.razor.rz.scp.css */
/* Sense vora: una vora de 1 px deixava un marc clar al voltant de la franja fosca, que semblava no arribar
   a les vores. La targeta es retalla amb el seu radi (overflow: hidden), així la imatge i la franja hi
   queden enganxades. En fosc, un anell exterior (no ocupa espai) la separa del fons. */
.oo-destacada[b-383s6zpy7s] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-primary));
    position: relative;
    overflow: hidden;
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-shadow-hover);
    transition: transform var(--oo-dur-fast) var(--oo-ease), box-shadow var(--oo-dur) var(--oo-ease);
}

:root[data-tema="dark"] .oo-destacada[b-383s6zpy7s] {
    box-shadow: 0 0 0 1px var(--mud-palette-lines-default);
}

.oo-destacada--tot-al-dia[b-383s6zpy7s] {
    --oo-cat-color-efectiu: var(--oo-success);
}

@media (hover: hover) and (pointer: fine) {
    .oo-destacada:hover[b-383s6zpy7s] {
        box-shadow: var(--oo-shadow-flotant);
    }
}

.oo-destacada:has(.oo-destacada-cos:active)[b-383s6zpy7s] {
    transform: scale(0.99);
}

/* Tota la targeta: un enllaç (element) o un botó (recordatori), sense estils de botó. */
.oo-destacada-cos[b-383s6zpy7s] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.oo-destacada--tot-al-dia .oo-destacada-cos[b-383s6zpy7s] {
    cursor: default;
}

.oo-destacada-cos:focus-visible[b-383s6zpy7s] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
    border-radius: inherit;
}

/* Foto de l'actiu a tota l'amplada. */
.oo-destacada-imatge[b-383s6zpy7s] {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.oo-destacada-imatge img[b-383s6zpy7s] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sense foto (o sense actiu): el pastel de la categoria amb la seva icona en gran, centrada, i més baixa. */
.oo-destacada-imatge--icona[b-383s6zpy7s] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 18%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

.oo-destacada-imatge--icona[b-383s6zpy7s]  .mud-icon-root {
    width: 56px;
    height: 56px;
    font-size: 56px;
}

/* Xip d'estat damunt la imatge, alineat amb el marge interior de la franja; el de «llunyà» (sense fons)
   hi porta la superfície perquè es llegeixi. */
.oo-destacada-xip[b-383s6zpy7s] {
    position: absolute;
    top: var(--oo-space-4);
    left: var(--oo-space-4);
}

.oo-destacada-xip[b-383s6zpy7s]  .oo-due {
    box-shadow: var(--oo-shadow-flotant);
}

.oo-destacada-xip[b-383s6zpy7s]  .oo-due-llunya {
    padding-left: var(--oo-space-2);
    background-color: var(--oo-surface);
}

/* Franja fosca de baix, a tota l'amplada i enganxada a les vores (el radi el dona la targeta): en clar i
   en fosc, gairebé negra amb un toc del color de la categoria. */
.oo-destacada-franja[b-383s6zpy7s] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 76px;
    margin: 0;
    padding: var(--oo-space-3) var(--oo-space-4);
    background-color: color-mix(in srgb, var(--mud-palette-black) 84%, var(--oo-cat-color-efectiu));
    color: var(--mud-palette-white);
}

/* Espai per al ✓, que va a sobre de la franja (fora de l'enllaç). */
.oo-destacada:has(.oo-accio-destacada) .oo-destacada-franja[b-383s6zpy7s] {
    padding-right: calc(52px + 2 * var(--oo-space-4));
}

.oo-destacada-textos[b-383s6zpy7s] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.oo-destacada-titol[b-383s6zpy7s] {
    font-family: var(--mud-typography-h6-family);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-destacada-subtitol[b-383s6zpy7s] {
    font-size: 0.8125rem;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-destacada-import[b-383s6zpy7s] {
    flex: none;
    font-size: 1.0625rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.oo-destacada-accio[b-383s6zpy7s] {
    position: absolute;
    right: var(--oo-space-4);
    bottom: 12px;
}

@media (min-width: 600px) {
    .oo-destacada-imatge:not(.oo-destacada-imatge--icona)[b-383s6zpy7s] {
        height: 220px;
    }
}

/* Escriptori (≥ 960 px): horitzontal. A l'esquerra, la imatge quadrada (foto retallada amb cover, o el
   pastel amb la icona) i el xip a sobre; a la dreta, el panell fosc amb el text i el ✓ centrats. La
   targeta fa l'alçada de la imatge. A tota l'amplada, la imatge quedava ampla i baixa (panoràmica). */
@media (min-width: 960px) {
    .oo-destacada[b-383s6zpy7s] {
        --oo-destacada-mida: 208px;
        height: var(--oo-destacada-mida);
    }

    .oo-destacada--tot-al-dia[b-383s6zpy7s] {
        --oo-destacada-mida: 136px;
    }

    .oo-destacada-cos[b-383s6zpy7s] {
        flex-direction: row;
        height: 100%;
    }

    .oo-destacada-imatge[b-383s6zpy7s],
    .oo-destacada-imatge:not(.oo-destacada-imatge--icona)[b-383s6zpy7s] {
        flex: 0 0 var(--oo-destacada-mida);
        width: var(--oo-destacada-mida);
        height: 100%;
    }

    .oo-destacada-imatge--icona[b-383s6zpy7s]  .mud-icon-root {
        width: 64px;
        height: 64px;
        font-size: 64px;
    }

    .oo-destacada-franja[b-383s6zpy7s] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        height: 100%;
        min-height: 0;
        padding: var(--oo-space-5);
    }

    .oo-destacada:has(.oo-accio-destacada) .oo-destacada-franja[b-383s6zpy7s] {
        padding-right: calc(52px + 2 * var(--oo-space-5));
    }

    .oo-destacada-textos[b-383s6zpy7s] {
        gap: var(--oo-space-1);
    }

    /* Amb més espai, el títol pot ocupar dues línies abans de tallar-se. */
    .oo-destacada-titol[b-383s6zpy7s] {
        font-size: 1.375rem;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .oo-destacada-subtitol[b-383s6zpy7s] {
        font-size: 0.875rem;
    }

    .oo-destacada-import[b-383s6zpy7s] {
        font-size: 1.25rem;
    }

    .oo-destacada-accio[b-383s6zpy7s] {
        top: 50%;
        right: var(--oo-space-5);
        bottom: auto;
        transform: translateY(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-destacada[b-383s6zpy7s],
    .oo-destacada:has(.oo-destacada-cos:active)[b-383s6zpy7s] {
        transition: none;
        transform: none;
    }
}
/* /Components/Shared/AccioVenciment.razor.rz.scp.css */
/* ✓ de la targeta destacada d'Inici: cercle gran amb el color primari sobre la franja fosca. */
.oo-accio-destacada[b-hpsont6zy1] {
    display: grid;
    flex: none;
    place-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-primary);
    color: var(--mud-palette-primary-text);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform var(--oo-dur-fast) var(--oo-ease);
}

.oo-accio-destacada[b-hpsont6zy1]  .mud-icon-root {
    width: 26px;
    height: 26px;
}

.oo-accio-destacada:active[b-hpsont6zy1] {
    transform: scale(0.92);
}

.oo-accio-destacada:focus-visible[b-hpsont6zy1] {
    outline: 2px solid var(--mud-palette-primary-text);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .oo-accio-destacada[b-hpsont6zy1] {
        transition: none;
    }

    .oo-accio-destacada:active[b-hpsont6zy1] {
        transform: none;
    }
}
/* /Components/Shared/AvatarPla.razor.rz.scp.css */
.oo-avatar-pla[b-jhxlbn1tev] {
    position: relative;
    display: inline-flex;
    flex: none;
    border-radius: var(--oo-radius-pill);
}

    .oo-avatar-pla .oo-avatar[b-jhxlbn1tev] {
        position: relative;
        z-index: 1;
    }

.oo-avatar-pla-estatic[b-jhxlbn1tev] {
    cursor: default;
}

/* Anell de 2 px; l'avatar s'encongeix perquè la mida total (36 px) no mogui la capçalera. */
.oo-avatar-pla--color[b-jhxlbn1tev] {
    padding: 2px;
    background: var(--oo-pla-fons);
}

    .oo-avatar-pla--color .oo-avatar[b-jhxlbn1tev] {
        width: 32px;
        height: 32px;
    }

/* Lluentor del degradat (Premium+): un reflex lent que recorre l'anell; l'avatar és opac i va per sobre. */
.oo-avatar-pla--degradat[b-jhxlbn1tev] {
    overflow: hidden;
}

    .oo-avatar-pla--degradat[b-jhxlbn1tev]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(115deg, transparent 40%, var(--oo-pla-lluentor) 50%, transparent 60%);
        background-size: 300% 100%;
        animation: oo-avatar-pla-lluentor-b-jhxlbn1tev 7s ease-in-out infinite;
    }

@keyframes oo-avatar-pla-lluentor-b-jhxlbn1tev {
    0% {
        background-position: 100% 0;
    }

    40%, 100% {
        background-position: 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-avatar-pla--degradat[b-jhxlbn1tev]::before {
        content: none;
    }
}
/* /Components/Shared/AvisLimitPla.razor.rz.scp.css */
.oo-limit-pla[b-zykb7urozb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-1) var(--oo-space-2);
    margin-bottom: var(--oo-space-3);
    padding: var(--oo-space-2) var(--oo-space-3);
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-warning) 14%, var(--oo-surface));
    color: var(--oo-text);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.oo-limit-pla--limit[b-zykb7urozb] {
    background-color: color-mix(in srgb, var(--oo-danger) 10%, var(--oo-surface));
}

.oo-limit-pla[b-zykb7urozb]  .oo-limit-pla-icona {
    flex: 0 0 auto;
    color: var(--oo-warning);
}

.oo-limit-pla--limit[b-zykb7urozb]  .oo-limit-pla-icona {
    color: var(--oo-danger);
}

.oo-limit-pla-text[b-zykb7urozb] {
    flex: 1 1 200px;
    min-width: 0;
}

.oo-limit-pla-enllac[b-zykb7urozb] {
    flex: 0 0 auto;
    color: var(--oo-primary);
    font-weight: 600;
    text-decoration: none;
}

.oo-limit-pla-enllac:hover[b-zykb7urozb] {
    text-decoration: underline;
}
/* /Components/Shared/BarraPestanyes.razor.rz.scp.css */
.oo-barra-pestanyes[b-s4rkhjtutw] {
    --oo-barra-esvaiment: 28px;
    display: flex;
    align-items: stretch;
    margin-bottom: var(--oo-space-5);
    border-bottom: var(--oo-border);
}

/* Pista desplaçable: scroll natiu (dit, trackpad, roda amb Maj) amb inèrcia i scroll-snap, sense
   barra visible. L'esvaïment és una màscara que només apareix al costat on hi ha pestanyes amagades. */
.oo-barra-pista[b-s4rkhjtutw] {
    --oo-esvaiment-esquerra: 0px;
    --oo-esvaiment-dreta: 0px;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--oo-esvaiment-esquerra), #000 calc(100% - var(--oo-esvaiment-dreta)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--oo-esvaiment-esquerra), #000 calc(100% - var(--oo-esvaiment-dreta)), transparent 100%);
}

.oo-barra-pista[b-s4rkhjtutw]::-webkit-scrollbar {
    display: none;
}

.oo-barra-pestanyes[data-esquerra] .oo-barra-pista[b-s4rkhjtutw] {
    --oo-esvaiment-esquerra: var(--oo-barra-esvaiment);
}

.oo-barra-pestanyes[data-dreta] .oo-barra-pista[b-s4rkhjtutw] {
    --oo-esvaiment-dreta: var(--oo-barra-esvaiment);
}

.oo-barra-llista[b-s4rkhjtutw] {
    display: flex;
    gap: var(--oo-space-1);
    width: max-content;
}

.oo-barra-pestanya[b-s4rkhjtutw] {
    flex-shrink: 0;
    margin-bottom: -1px;
    padding: var(--oo-space-2) var(--oo-space-4) var(--oo-space-3);
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--oo-text-2);
    font: inherit;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    scroll-snap-align: center;
    -webkit-tap-highlight-color: transparent;
    transition: color var(--oo-dur-fast) var(--oo-ease), border-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-barra-pestanya:hover[b-s4rkhjtutw] {
    color: var(--oo-text);
}

.oo-barra-pestanya:focus-visible[b-s4rkhjtutw] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
    border-radius: var(--oo-radius-sm);
}

.oo-barra-pestanya-activa[b-s4rkhjtutw] {
    border-bottom-color: var(--oo-primary);
    color: var(--oo-primary);
    font-weight: 600;
}

/* Fletxes: només ocupen lloc quan les pestanyes no hi caben, i s'apaguen a l'extrem on ja no hi ha
   res més. No són enfocables (la barra ja es recorre amb el tabulador). */
.oo-barra-fletxa[b-s4rkhjtutw] {
    display: none;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: none;
    color: var(--oo-text-2);
    cursor: pointer;
    opacity: 0.3;
    pointer-events: none;
    transition: opacity var(--oo-dur-fast) var(--oo-ease);
}

.oo-barra-fletxa[b-s4rkhjtutw]  .mud-icon-root {
    width: 18px;
    height: 18px;
}

.oo-barra-pestanyes[data-desborda] .oo-barra-fletxa[b-s4rkhjtutw] {
    display: flex;
}

.oo-barra-pestanyes[data-esquerra] .oo-barra-fletxa-esquerra[b-s4rkhjtutw],
.oo-barra-pestanyes[data-dreta] .oo-barra-fletxa-dreta[b-s4rkhjtutw] {
    opacity: 1;
    pointer-events: auto;
}

.oo-barra-fletxa:hover[b-s4rkhjtutw] {
    color: var(--oo-text);
}

@media (max-width: 599.98px) {
    .oo-barra-pestanya[b-s4rkhjtutw] {
        padding: var(--oo-space-2) var(--oo-space-3) var(--oo-space-3);
        font-size: 0.875rem;
    }

    .oo-barra-fletxa[b-s4rkhjtutw] {
        flex-basis: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-barra-pestanya[b-s4rkhjtutw],
    .oo-barra-fletxa[b-s4rkhjtutw] {
        transition: none;
    }
}

.oo-barra-comptador[b-s4rkhjtutw] {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text-2) 14%, transparent);
    color: var(--oo-text-2);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: 1px;
}

.oo-barra-pestanya-activa .oo-barra-comptador[b-s4rkhjtutw] {
    background-color: color-mix(in srgb, var(--oo-primary) 16%, transparent);
    color: var(--oo-primary);
}
/* /Components/Shared/BarraReordenar.razor.rz.scp.css */
.oo-barra-reordenar[b-gbri4ihori] {
    position: sticky;
    top: var(--oo-space-2);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-3);
    padding: var(--oo-space-2) var(--oo-space-2) var(--oo-space-2) var(--oo-space-3);
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: color-mix(in srgb, var(--oo-primary) 6%, var(--oo-surface));
}

/* Dins de la capçalera de la secció (Inici), al lloc de les accions. */
.oo-barra-reordenar--compacta[b-gbri4ihori] {
    position: static;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

.oo-barra-reordenar-text[b-gbri4ihori] {
    min-width: 0;
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-barra-reordenar[b-gbri4ihori]  .oo-barra-reordenar-fet {
    flex: 0 0 auto;
    min-width: 72px;
}
/* /Components/Shared/BotoCercaGlobal.razor.rz.scp.css */
/* Botó de cerca de l'appbar: una píndola amb aspecte de camp, perquè es vegi que s'hi pot cercar. */
.oo-boto-cerca[b-rxv5jzb3cm] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-width: 220px;
    height: 36px;
    padding: 0 var(--oo-space-3);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--oo-radius-pill);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.oo-boto-cerca:hover[b-rxv5jzb3cm] {
    border-color: var(--mud-palette-text-secondary);
}

.oo-boto-cerca:focus-visible[b-rxv5jzb3cm] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.oo-boto-cerca-text[b-rxv5jzb3cm] {
    flex: 1 1 auto;
    text-align: left;
}

.oo-boto-cerca-drecera[b-rxv5jzb3cm] {
    padding: 1px 6px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background-color: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    font-family: inherit;
    font-size: 0.75rem;
    line-height: 1.4;
}
/* /Components/Shared/BotoEscanejarIA.razor.rz.scp.css */
/* Mateixa alçada i forma que el botó de cerca del costat, amb la icona d'IA (IconaIA) al davant. */
.oo-boto-escanejar[b-j0n1e5yynl] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
    height: 36px;
    padding: 0 var(--oo-space-3) 0 var(--oo-space-1);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--oo-radius-pill);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.oo-boto-escanejar:hover:not(:disabled)[b-j0n1e5yynl] {
    border-color: var(--oo-ia-1);
}

.oo-boto-escanejar:disabled[b-j0n1e5yynl] {
    cursor: default;
    opacity: 0.6;
}

.oo-boto-escanejar:focus-visible[b-j0n1e5yynl] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}
/* /Components/Shared/BotoFlotant.razor.rz.scp.css */
.oo-boto-flotant-espai[b-994iyudi6b] {
    display: none;
    height: 72px;
}

.oo-boto-flotant[b-994iyudi6b] {
    display: none;
    position: fixed;
    right: 16px;
    bottom: calc(64px + env(safe-area-inset-bottom) + 16px);
    z-index: 19;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: var(--oo-shadow-hover);
    cursor: pointer;
    transition: transform var(--oo-dur-fast) var(--oo-ease);
}

.oo-boto-flotant[b-994iyudi6b]  .mud-icon-root {
    width: 26px;
    height: 26px;
}

.oo-boto-flotant:active[b-994iyudi6b] {
    transform: scale(0.92);
}

.oo-boto-flotant:focus-visible[b-994iyudi6b] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 3px;
}

@media (max-width: 959.98px) {
    .oo-boto-flotant[b-994iyudi6b] {
        display: flex;
    }

    .oo-boto-flotant-espai[b-994iyudi6b] {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-boto-flotant[b-994iyudi6b] {
        transition: none;
    }
}
/* /Components/Shared/CampCodiPromocio.razor.rz.scp.css */
.oo-camp-codi[b-s5en0i4rnn] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--oo-space-2);
}

.oo-camp-codi[b-s5en0i4rnn]  .oo-camp-codi-input {
    flex: 1 1 200px;
    max-width: 320px;
}

.oo-camp-codi-exit[b-s5en0i4rnn] {
    margin: var(--oo-space-2) 0 0;
    font-size: 0.875rem;
    color: var(--oo-success);
}

/* Sense etiqueta flotant (placeholder): el camp i el botó queden alineats a dalt. */
.oo-camp-codi[b-s5en0i4rnn]  .oo-camp-codi-input.mud-input-control {
    margin-top: 0;
}

.oo-camp-codi[b-s5en0i4rnn]  .mud-button-root {
    min-height: 40px;
}
/* /Components/Shared/CapcaleraMobil.razor.rz.scp.css */
.oo-capcalera-mobil[b-z1j8a66w9a] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-4);
}

@media (max-width: 959.98px) {
    .oo-capcalera-mobil[b-z1j8a66w9a] {
        display: flex;
    }
}

.oo-capcalera-mobil-accions[b-z1j8a66w9a] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    margin-left: auto;
}

/* Botó rodó blanc amb ombra suau (enrere, cerca, recordatoris, ⋯ i els propis de la pàgina). */
.oo-capcalera-mobil[b-z1j8a66w9a]  .oo-capcalera-boto {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-shadow-flotant);
    color: var(--oo-text);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform var(--oo-dur-fast) var(--oo-ease);
}

.oo-capcalera-mobil[b-z1j8a66w9a]  .oo-capcalera-boto .mud-icon-root {
    width: 22px;
    height: 22px;
}

.oo-capcalera-mobil[b-z1j8a66w9a]  .oo-capcalera-boto:active {
    transform: scale(0.92);
}

.oo-capcalera-mobil[b-z1j8a66w9a]  .oo-capcalera-boto:focus-visible {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

/* Punt de la campana quan hi ha venciments vençuts (el nombre és al badge de la barra inferior). */
.oo-capcalera-punt[b-z1j8a66w9a] {
    position: absolute;
    top: 10px;
    right: 11px;
    width: 9px;
    height: 9px;
    border: 2px solid var(--oo-surface);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-danger);
}

/* L'avatar, a la mateixa mida que els botons rodons (amb l'anell del pla, l'avatar s'encongeix 4 px). */
.oo-capcalera-mobil[b-z1j8a66w9a]  .oo-avatar {
    width: 44px;
    height: 44px;
}

.oo-capcalera-mobil[b-z1j8a66w9a]  .oo-avatar-pla--color .oo-avatar {
    width: 40px;
    height: 40px;
}

@media (prefers-reduced-motion: reduce) {
    .oo-capcalera-mobil[b-z1j8a66w9a]  .oo-capcalera-boto {
        transition: none;
    }

    .oo-capcalera-mobil[b-z1j8a66w9a]  .oo-capcalera-boto:active {
        transform: none;
    }
}
/* /Components/Shared/CercaGlobalDialog.razor.rz.scp.css */
/* Cerca global: el camp i el botó de tancar fixos a dalt, els resultats fan scroll per sota. */
.oo-cerca[b-de2qrpci4z] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.oo-cerca-capcalera[b-de2qrpci4z] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    padding-top: var(--oo-space-2);
}

.oo-cerca-capcalera[b-de2qrpci4z]  .oo-cerca-camp {
    flex: 1 1 auto;
    margin: 0;
}

/* Reserva l'alçada de la barra de progrés perquè els resultats no salten en aparèixer-hi. */
.oo-cerca-progres[b-de2qrpci4z] {
    height: 4px;
    margin: var(--oo-space-2) 0;
}

.oo-cerca-resultats[b-de2qrpci4z] {
    min-height: 120px;
    padding-bottom: var(--oo-space-3);
}

.oo-cerca-missatge[b-de2qrpci4z] {
    margin: var(--oo-space-5) 0;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.oo-cerca-grup + .oo-cerca-grup[b-de2qrpci4z] {
    margin-top: var(--oo-space-4);
}

.oo-cerca-grup-titol[b-de2qrpci4z] {
    margin: 0 0 var(--oo-space-1);
    padding: 0 var(--oo-space-2);
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oo-cerca-llista[b-de2qrpci4z] {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Els resultats tenen el seu propi CSS (ResultatCercaItem). */
.oo-cerca-grup[b-de2qrpci4z]  .oo-cerca-mes {
    margin: var(--oo-space-1) 0 0 calc(44px + var(--oo-space-3));
}
/* Sense text: accessos ràpids, documents recents i cerques recents. Estat buit: botons per crear-ho. */
.oo-cerca-accessos[b-de2qrpci4z],
.oo-cerca-crear[b-de2qrpci4z] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    padding: 0 var(--oo-space-2);
}

.oo-cerca-crear[b-de2qrpci4z] {
    justify-content: center;
}

.oo-cerca-grup-capcalera[b-de2qrpci4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
}

.oo-cerca-recent[b-de2qrpci4z] {
    display: flex;
    align-items: center;
}

/* Comparteix oo-cerca-resultat (fletxes i Enter a app.js) però és una sola línia, sense miniatura. */
.oo-cerca-recent-text[b-de2qrpci4z] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--oo-space-3);
    min-width: 0;
    min-height: 44px;
    padding: var(--oo-space-2);
    border: 0;
    border-radius: var(--oo-radius-sm);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.oo-cerca-recent-text > span[b-de2qrpci4z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-cerca-recent-text[b-de2qrpci4z]  .mud-icon-root {
    color: var(--mud-palette-text-secondary);
}

.oo-cerca-recent-text:hover[b-de2qrpci4z],
.oo-cerca-recent-text:focus-visible[b-de2qrpci4z] {
    background-color: var(--mud-palette-action-default-hover);
}

.oo-cerca-recent-text.oo-cerca-seleccionat[b-de2qrpci4z] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.oo-cerca-recent-text:focus-visible[b-de2qrpci4z] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}
/* /Components/Shared/ContenidorOrdenable.razor.rz.scp.css */
/* Cada element omple la seva cel·la de la graella; la targeta de dins, tota l'alçada. */
.oo-ordenable-item[b-qistppirqq] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: var(--oo-radius-lg);
    /* Pulsació llarga: sense selecció de text ni el menú contextual de l'enllaç (iOS). */
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.oo-ordenable-item[b-qistppirqq]  > * {
    flex: 1 1 auto;
    transition: transform var(--oo-dur) var(--oo-ease), box-shadow var(--oo-dur) var(--oo-ease);
}

/* Mentre es manté premut (abans dels 500 ms): un petit enfonsament com a resposta. */
.oo-ordenable-premut[b-qistppirqq]  > :first-child {
    transform: scale(0.97);
    transition-duration: 500ms;
}

/* Mode edició: totes les targetes oscil·len (la targeta de dins, no l'element de la graella, que és
   el que SortableJS desplaça amb animació per fer lloc), cadascuna amb un desfasament diferent. */
.oo-ordenable--mode .oo-ordenable-item[b-qistppirqq]  > :first-child {
    animation: oo-ordenable-oscillar-b-qistppirqq 0.26s ease-in-out infinite alternate;
    transform-origin: 50% 50%;
}

.oo-ordenable--mode .oo-ordenable-item:nth-child(3n + 1)[b-qistppirqq]  > :first-child {
    animation-delay: -0.07s;
}

.oo-ordenable--mode .oo-ordenable-item:nth-child(3n + 2)[b-qistppirqq]  > :first-child {
    animation-delay: -0.19s;
    animation-duration: 0.24s;
}

.oo-ordenable--mode .oo-ordenable-item:nth-child(4n)[b-qistppirqq]  > :first-child {
    animation-delay: -0.12s;
    animation-duration: 0.28s;
}

.oo-ordenable--mode .oo-ordenable-item[b-qistppirqq] {
    cursor: grab;
}

/* La que es mou: deixa d'oscil·lar, s'eleva i segueix el dit; el lloc on quedarà, mig transparent. */
.oo-ordenable-arrossegant[b-qistppirqq] {
    cursor: grabbing;
}

.oo-ordenable-arrossegant[b-qistppirqq]  > :first-child {
    animation: none;
    transform: scale(1.05);
    box-shadow: var(--oo-shadow-hover), 0 14px 32px color-mix(in srgb, var(--mud-palette-black) 22%, transparent);
}

.oo-ordenable-lloc[b-qistppirqq]  > :first-child {
    animation: none;
    opacity: 0.35;
}

/* Mode accessible («Reordenar» del menú): nansa i botons ↑/↓ sobre cada targeta. */
.oo-ordenable-controls[b-qistppirqq] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--oo-space-2);
    border-radius: inherit;
}

.oo-ordenable-nansa[b-qistppirqq] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    color: var(--oo-text-2);
    box-shadow: var(--oo-shadow-hover);
}

.oo-ordenable-botons[b-qistppirqq] {
    display: flex;
    gap: var(--oo-space-1);
}

/* Botons d'almenys 44 px (àrea tàctil). */
.oo-ordenable-boto[b-qistppirqq] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: var(--oo-border);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    color: var(--oo-primary);
    cursor: pointer;
    box-shadow: var(--oo-shadow-hover);
}

.oo-ordenable-boto:disabled[b-qistppirqq] {
    color: var(--oo-text-3);
    cursor: default;
}

.oo-ordenable-item:focus-visible[b-qistppirqq] {
    outline: 3px solid var(--oo-primary);
    outline-offset: 3px;
}

/* Anunci per a lectors de pantalla («Vehicles: posició 3 de 8»), invisible. */
.oo-ordenable-anunci[b-qistppirqq] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@keyframes oo-ordenable-oscillar-b-qistppirqq {
    from {
        transform: rotate(-1.3deg);
    }

    to {
        transform: rotate(1.3deg);
    }
}

/* Sense moviment: no oscil·len, només es marquen amb una vora. */
@media (prefers-reduced-motion: reduce) {
    .oo-ordenable--mode .oo-ordenable-item[b-qistppirqq]  > :first-child {
        animation: none;
    }

    .oo-ordenable--mode .oo-ordenable-item[b-qistppirqq] {
        outline: 2px dashed color-mix(in srgb, var(--oo-primary) 55%, transparent);
        outline-offset: 2px;
    }

    .oo-ordenable-arrossegant[b-qistppirqq]  > :first-child,
    .oo-ordenable-premut[b-qistppirqq]  > :first-child {
        transform: none;
    }
}
/* /Components/Shared/DadesDocumentDialog.razor.rz.scp.css */
.oo-dades-doc-fitxers[b-ad89dhh6td] {
    display: flex;
    gap: var(--oo-space-2);
    margin-bottom: var(--oo-space-3);
}

.oo-dades-doc-miniatura[b-ad89dhh6td] {
    display: grid;
    flex: 0 0 56px;
    place-items: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--mud-palette-background-gray);
    color: var(--oo-text-2);
}

.oo-dades-doc-miniatura img[b-ad89dhh6td] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oo-dades-doc-mes[b-ad89dhh6td] {
    font-size: 0.8125rem;
    font-weight: 600;
}

.oo-dades-doc-tipus[b-ad89dhh6td] {
    margin: var(--oo-space-4) 0 var(--oo-space-2);
}

.oo-dades-doc-etiqueta[b-ad89dhh6td] {
    display: block;
    margin-bottom: var(--oo-space-2);
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

.oo-dades-doc-chips[b-ad89dhh6td] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

/* Mateix aspecte que els xips de filtre (FiltreXip), però d'elecció única (role="radio"). */
.oo-dades-doc-chip[b-ad89dhh6td] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 var(--oo-space-3);
    border: var(--oo-border);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font: inherit;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background-color var(--oo-dur-fast) var(--oo-ease), border-color var(--oo-dur-fast) var(--oo-ease);
}

@media (hover: hover) and (pointer: fine) {
    .oo-dades-doc-chip:hover[b-ad89dhh6td] {
        border-color: color-mix(in srgb, var(--oo-primary) 40%, var(--mud-palette-lines-default));
    }
}

.oo-dades-doc-chip:focus-visible[b-ad89dhh6td] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-dades-doc-chip--actiu[b-ad89dhh6td] {
    border-color: var(--oo-primary);
    background-color: var(--oo-surface-tint);
    color: var(--oo-primary);
    font-weight: 600;
}

.oo-dades-doc-suggeriment[b-ad89dhh6td] {
    margin-top: var(--oo-space-1);
    text-align: left;
}
/* /Components/Shared/DocumentList.razor.rz.scp.css */
/* «Escanejar document» i «Triar foto o arxiu» a la capçalera: si no hi caben en una línia, un sota l'altre. */
.oo-docs-pujar[b-jivnpj1lfy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 var(--oo-space-1);
}

/* Rajoles de documents: dues columnes al mòbil, tantes com hi càpiguen a partir d'aquí. */
.oo-docs-graella[b-jivnpj1lfy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: var(--oo-space-3);
}

.oo-doc-rajola[b-jivnpj1lfy] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    transition: box-shadow var(--oo-dur-fast) var(--oo-ease);
}

.oo-doc-rajola:hover[b-jivnpj1lfy] {
    box-shadow: var(--oo-shadow-hover);
}

.oo-doc-rajola-vista[b-jivnpj1lfy] {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    width: 100%;
    padding: 0;
    border: 0;
    background-color: color-mix(in srgb, var(--oo-primary) 5%, var(--oo-surface));
    color: var(--oo-text-2);
    cursor: pointer;
}

.oo-doc-rajola-vista img[b-jivnpj1lfy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oo-doc-rajola-vista[b-jivnpj1lfy]  .mud-icon-root {
    width: 40px;
    height: 40px;
}

.oo-doc-rajola-vista:focus-visible[b-jivnpj1lfy] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}

.oo-doc-rajola-peu[b-jivnpj1lfy] {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    padding: var(--oo-space-2) 2px var(--oo-space-2) var(--oo-space-3);
}

.oo-doc-rajola-textos[b-jivnpj1lfy] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.oo-doc-rajola-detall[b-jivnpj1lfy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Fins a 2 línies: els noms llargs i enumerats («Fitxa tècnica – Seat Ibiza (3)») es distingeixen. */
.oo-doc-rajola-nom[b-jivnpj1lfy] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.oo-doc-rajola-detall[b-jivnpj1lfy] {
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

/* Tipus del document com a xip petit; «Sense tipus», discret (vora discontínua i text apagat) perquè
   l'usuari el pugui completar des del menú ⋯ sense que cridi l'atenció. */
.oo-doc-rajola-tipus[b-jivnpj1lfy] {
    align-self: flex-start;
    max-width: 100%;
    margin: 2px 0;
    padding: 1px var(--oo-space-2);
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-primary) 10%, var(--oo-surface));
    color: var(--oo-primary);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-doc-rajola-tipus--sense[b-jivnpj1lfy] {
    border-style: dashed;
    border-color: var(--mud-palette-lines-default);
    background-color: transparent;
    color: var(--oo-text-3);
    font-weight: 500;
}

.oo-docs-filtres[b-jivnpj1lfy] {
    margin-bottom: var(--oo-space-3);
}

.oo-docs-sense-resultats[b-jivnpj1lfy] {
    margin: 0;
    font-size: 0.875rem;
    padding: var(--oo-space-4) 0;
    color: var(--oo-text-2);
}

@media (max-width: 399.98px) {
    /* Rajoles de ~145 px: 3 línies perquè l'enumeració dels noms llargs es vegi. */
    .oo-doc-rajola-nom[b-jivnpj1lfy] {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .oo-docs-graella[b-jivnpj1lfy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--oo-space-2);
    }
}
/* /Components/Shared/ElTeuPla.razor.rz.scp.css */
.oo-el-teu-pla-cap[b-5vicv6caof] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-bottom: var(--oo-space-4);
}

/* Capçalera amb el color del pla (Premium) o el degradat (Premium+), text fosc; el Gratuït, com abans. */
.oo-el-teu-pla-cap--color[b-5vicv6caof] {
    padding: var(--oo-space-3) var(--oo-space-4);
    border-radius: var(--oo-radius-md);
    background: var(--oo-pla-fons);
    color: var(--oo-pla-text);
}

    .oo-el-teu-pla-cap--color[b-5vicv6caof]  .mud-typography {
        color: inherit;
    }

.oo-el-teu-pla-barres[b-5vicv6caof] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--oo-space-3) var(--oo-space-5);
    margin-bottom: var(--oo-space-4);
}

.oo-el-teu-pla-barra-text[b-5vicv6caof] {
    display: flex;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-bottom: var(--oo-space-1);
    font-size: 0.8125rem;
    color: var(--oo-text-2);
}
/* /Components/Shared/EscanejarIADialog.razor.rz.scp.css */
/* Títol amb la icona d'IA (IconaIA), la mateixa que al "+". */
.oo-escanejar-titol[b-zz97xinyhq] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-escanejar-chips[b-zz97xinyhq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

/* Mateix aspecte que els xips de tipus de document (DadesDocumentDialog), d'elecció única. */
.oo-escanejar-chip[b-zz97xinyhq] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 var(--oo-space-3);
    border: var(--oo-border);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font: inherit;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--oo-dur-fast) var(--oo-ease), border-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-escanejar-chip:disabled[b-zz97xinyhq] {
    cursor: default;
    opacity: 0.6;
}

@media (hover: hover) and (pointer: fine) {
    .oo-escanejar-chip:not(:disabled):hover[b-zz97xinyhq] {
        border-color: color-mix(in srgb, var(--oo-primary) 40%, var(--mud-palette-lines-default));
    }
}

.oo-escanejar-chip:focus-visible[b-zz97xinyhq] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-escanejar-chip--actiu[b-zz97xinyhq] {
    border-color: var(--oo-primary);
    background-color: var(--oo-surface-tint);
    color: var(--oo-primary);
    font-weight: 600;
}

.oo-escanejar-quota[b-zz97xinyhq] {
    display: block;
    margin-bottom: var(--oo-space-2);
}

/* Què s'envia a la IA, sota la captura. */
.oo-escanejar-privacitat[b-zz97xinyhq] {
    display: block;
    margin-top: var(--oo-space-3);
}

.oo-escanejar-llegint[b-zz97xinyhq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--oo-space-3);
    padding: var(--oo-space-6) 0;
    text-align: center;
}

.oo-escanejar-tipus[b-zz97xinyhq] {
    margin: var(--oo-space-4) 0 var(--oo-space-2);
}

.oo-escanejar-etiqueta[b-zz97xinyhq] {
    display: block;
    margin-bottom: var(--oo-space-2);
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

/* Al mòbil, els xips de document privat ocupen tota l'amplada (més fàcils de tocar). */
@media (max-width: 599.98px) {
    .oo-escanejar-chips--privat .oo-escanejar-chip[b-zz97xinyhq] {
        flex: 1 1 100%;
    }
}

.oo-escanejar-fitxers[b-zz97xinyhq] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-3);
}

.oo-escanejar-fitxers-text[b-zz97xinyhq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Miniatura del document: botó que l'obre en gran. */
.oo-escanejar-miniatura[b-zz97xinyhq] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 84px;
    padding: 0;
    overflow: hidden;
    border: var(--oo-border);
    border-radius: var(--oo-radius-sm);
    background-color: var(--oo-surface);
    color: var(--oo-text-2);
    cursor: zoom-in;
}

.oo-escanejar-miniatura:disabled[b-zz97xinyhq] {
    cursor: default;
}

.oo-escanejar-miniatura:focus-visible[b-zz97xinyhq] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-escanejar-miniatura-img[b-zz97xinyhq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oo-escanejar-proposta[b-zz97xinyhq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
}

/* Camp llegit amb poca confiança: barra i ajuda en ambre fins que l'usuari el toca. */
.oo-escanejar-camp[b-zz97xinyhq] {
    min-width: 0;
}

.oo-escanejar-camp--revisar[b-zz97xinyhq] {
    padding-left: var(--oo-space-2);
    border-left: 3px solid var(--mud-palette-warning);
}

.oo-escanejar-camp--revisar[b-zz97xinyhq]  .mud-input-helper-text,
.oo-escanejar-ajuda[b-zz97xinyhq] {
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

.oo-escanejar-ajuda[b-zz97xinyhq] {
    display: block;
    margin-top: var(--oo-space-1);
    font-size: 0.75rem;
}

.oo-escanejar-fila[b-zz97xinyhq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--oo-space-3);
}

.oo-escanejar-pla[b-zz97xinyhq] {
    margin-top: var(--oo-space-4);
    padding-top: var(--oo-space-3);
    border-top: var(--oo-border);
}

.oo-escanejar-accions[b-zz97xinyhq] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.oo-escanejar-accio[b-zz97xinyhq] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 44px;
    font-size: 0.875rem;
}

.oo-escanejar-accio[b-zz97xinyhq]  .mud-switch {
    margin: 0;
}

.oo-escanejar-accio--off span[b-zz97xinyhq] {
    color: var(--oo-text-2);
    text-decoration: line-through;
}

.oo-escanejar-accio[b-zz97xinyhq]  .oo-escanejar-accio-fixa {
    flex: 0 0 auto;
    margin: 0 var(--oo-space-3);
    color: var(--mud-palette-success);
}

@media (max-width: 599.98px) {
    .oo-escanejar-fila[b-zz97xinyhq] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* Tipus que la IA no té clar o que proposa nou: destacat en ambre fins que l'usuari en toca un. */
.oo-escanejar-tipus--destacat[b-zz97xinyhq] {
    padding: var(--oo-space-2) var(--oo-space-3);
    border: 1px solid var(--mud-palette-warning);
    border-radius: var(--oo-radius-sm);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 8%, transparent);
}

.oo-escanejar-pregunta[b-zz97xinyhq] {
    margin-bottom: var(--oo-space-2);
    font-weight: 600;
}

/* Captura: dos botons grans («Escanejar document», principal amb el degradat d'IA, i «Triar foto o arxiu»). Són labels
   dels inputs ocults; mentre es recullen els fitxers, atenuats i sense resposta. */
.oo-escanejar-captura[b-zz97xinyhq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--oo-space-3);
}

@media (max-width: 400px) {
    .oo-escanejar-captura[b-zz97xinyhq] {
        grid-template-columns: 1fr;
    }
}

.oo-escanejar-boto[b-zz97xinyhq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--oo-space-2);
    min-height: 96px;
    padding: var(--oo-space-3);
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
    color: var(--oo-primary);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--oo-dur-fast) var(--oo-ease), border-color var(--oo-dur-fast) var(--oo-ease),
        transform var(--oo-dur-fast) var(--oo-ease);
}

.oo-escanejar-boto--principal[b-zz97xinyhq] {
    border-color: transparent;
    background: var(--oo-ia-fons);
    color: var(--oo-ia-text);
}

.oo-escanejar-boto:active[b-zz97xinyhq] {
    transform: scale(0.98);
}

@media (hover: hover) and (pointer: fine) {
    .oo-escanejar-boto:not(.oo-escanejar-boto--principal):hover[b-zz97xinyhq] {
        border-color: var(--oo-primary);
        background-color: var(--oo-surface-tint);
    }
}

.oo-escanejar-captura--ocupat .oo-escanejar-boto[b-zz97xinyhq] {
    opacity: 0.6;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .oo-escanejar-boto[b-zz97xinyhq] {
        transition: none;
    }

    .oo-escanejar-boto:active[b-zz97xinyhq] {
        transform: none;
    }
}

/* «Fet» és un <button>: el mateix aspecte que els labels. */
button.oo-escanejar-boto[b-zz97xinyhq] {
    font: inherit;
    font-weight: 600;
}

/* Miniatures de les pàgines (captura i «Llegint…»), numerades. */
.oo-escanejar-pagines[b-zz97xinyhq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin: 0 0 var(--oo-space-3);
    padding: 0;
    list-style: none;
}

.oo-escanejar-pagina[b-zz97xinyhq] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 84px;
    border: var(--oo-border);
    border-radius: var(--oo-radius-sm);
    background-color: var(--oo-surface-tint);
    color: var(--oo-text-2);
    overflow: hidden;
}

.oo-escanejar-pagina-img[b-zz97xinyhq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oo-escanejar-pagina-num[b-zz97xinyhq] {
    position: absolute;
    left: var(--oo-space-1);
    bottom: var(--oo-space-1);
    min-width: 20px;
    padding: 0 var(--oo-space-1);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
}

[b-zz97xinyhq] .oo-escanejar-pagina-treure {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--oo-surface);
}

/* «Afegir pàgina i tornar a llegir», a la revisió: un enllaç (label de l'input de la càmera). */
.oo-escanejar-enllac[b-zz97xinyhq] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-height: 44px;
    color: var(--oo-primary);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

.oo-escanejar-enllac--ocupat[b-zz97xinyhq] {
    opacity: 0.6;
    pointer-events: none;
}
/* /Components/Shared/FilaItem.razor.rz.scp.css */
.oo-fila-item[b-gx85ekq0ig] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-text-2));
    display: flex;
    align-items: center;
    border-bottom: var(--oo-border);
}

.oo-fila-item:last-child[b-gx85ekq0ig] {
    border-bottom: none;
}

.oo-fila-item-principal[b-gx85ekq0ig] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--oo-space-3);
    min-width: 0;
    min-height: 60px;
    padding: var(--oo-space-2) var(--oo-space-4);
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--oo-dur-fast) var(--oo-ease);
}

/* Mateix hover que «Necessita atenció»: primari al 4 %, només amb ratolí (en tàctil es quedava enganxat). */
@media (hover: hover) {
    .oo-fila-item-principal:hover[b-gx85ekq0ig] {
        background-color: color-mix(in srgb, var(--oo-primary) 4%, transparent);
    }
}

.oo-fila-item-principal:active[b-gx85ekq0ig] {
    background-color: color-mix(in srgb, var(--oo-primary) 8%, transparent);
}

.oo-fila-item-principal:focus-visible[b-gx85ekq0ig] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}

.oo-fila-item-icona[b-gx85ekq0ig] {
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 16%, transparent);
    color: var(--oo-cat-color-efectiu);
}

.oo-fila-item-icona[b-gx85ekq0ig]  .mud-icon-root {
    width: 20px;
    height: 20px;
}

.oo-fila-item-textos[b-gx85ekq0ig] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.oo-fila-item-titol[b-gx85ekq0ig],
.oo-fila-item-detall[b-gx85ekq0ig] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-fila-item-titol[b-gx85ekq0ig] {
    font-weight: 600;
    color: var(--oo-text);
}

.oo-fila-item-detall[b-gx85ekq0ig] {
    font-size: 0.8125rem;
    color: var(--oo-text-2);
}

.oo-fila-item-estat[b-gx85ekq0ig] {
    flex: 0 0 auto;
}

/* Flex: el ✓ i, si n'hi ha, el ⋯ (MenuRepeticioAvis) en línia. */
.oo-fila-item-accio[b-gx85ekq0ig] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    padding-right: var(--oo-space-2);
}
/* /Components/Shared/FiltresResponsius.razor.rz.scp.css */
.oo-filtres-resp[b-bwdk4wjsak] {
    margin-bottom: var(--oo-space-4);
}

.oo-filtres-resp-barra[b-bwdk4wjsak] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-filtres-resp-cerca[b-bwdk4wjsak] {
    flex: 1 1 auto;
    min-width: 0;
}

.oo-filtres-resp-barra[b-bwdk4wjsak]  .oo-filtres-resp-boto {
    display: none;
}

.oo-filtres-resp-camps[b-bwdk4wjsak] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--oo-space-2) var(--oo-space-4);
    margin-top: var(--oo-space-2);
}

.oo-filtres-resp-chips[b-bwdk4wjsak] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-1);
    margin-top: var(--oo-space-2);
}

/* Full inferior (només s'obre al mòbil). */
.oo-filtres-resp-full-arrel[b-bwdk4wjsak]  .oo-filtres-resp-full {
    height: auto;
    max-height: 85dvh;
    border-radius: var(--oo-radius-lg) var(--oo-radius-lg) 0 0;
}

.oo-filtres-resp-full-cap[b-bwdk4wjsak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--oo-space-2) var(--oo-space-2) 0 var(--oo-space-4);
}

.oo-filtres-resp-full-cos[b-bwdk4wjsak] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
    overflow-y: auto;
    padding: var(--oo-space-2) var(--oo-space-4);
}

.oo-filtres-resp-full-peu[b-bwdk4wjsak] {
    padding: var(--oo-space-3) var(--oo-space-4) calc(var(--oo-space-3) + env(safe-area-inset-bottom));
    border-top: var(--oo-border);
}

@media (max-width: 599.98px) {
    .oo-filtres-resp-barra[b-bwdk4wjsak]  .oo-filtres-resp-boto {
        display: inline-flex;
        flex: none;
        min-height: 44px;
    }

    .oo-filtres-resp-camps[b-bwdk4wjsak] {
        display: none;
    }
}
/* /Components/Shared/FullDetallText.razor.rz.scp.css */
.oo-full-detall-arrel[b-rg92r0vggn]  .oo-full-detall {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 85dvh;
    border-radius: var(--oo-radius-lg) var(--oo-radius-lg) 0 0;
}

.oo-full-detall-cap[b-rg92r0vggn] {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    padding: var(--oo-space-2) var(--oo-space-2) 0 var(--oo-space-4);
}

    .oo-full-detall-cap[b-rg92r0vggn]  .oo-full-detall-titol {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.oo-full-detall-text[b-rg92r0vggn] {
    flex: 1 1 auto;
    min-height: 0;
    margin: var(--oo-space-2) var(--oo-space-4);
    padding: var(--oo-space-3);
    overflow: auto;
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface-tint);
    color: var(--oo-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    -webkit-user-select: text;
    user-select: text;
}

.oo-full-detall-peu[b-rg92r0vggn] {
    flex: none;
    padding: var(--oo-space-3) var(--oo-space-4) calc(var(--oo-space-3) + env(safe-area-inset-bottom));
    border-top: var(--oo-border);
}

    .oo-full-detall-peu[b-rg92r0vggn]  .mud-button-root {
        min-height: 44px;
    }
/* /Components/Shared/GraellaTargetesCategoria.razor.rz.scp.css */
/* L'amplada mínima de columna surt de la paraula més llarga del catàleg ("Subministraments",
   "Electrodomèstics"): amb la icona, el check i els espais, per sota d'uns 220px no hi cabria
   sencera i quedaria tallada. min(100%, ...) evita desbordar en pantalles molt estretes. */
.oo-graella-cat[b-lpnuqv5y16] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: 12px;
}
/* /Components/Shared/IconaIA.razor.rz.scp.css */
.oo-icona-ia[b-a0002vjbf4] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--oo-radius-sm);
    background: var(--oo-ia-fons);
    color: var(--oo-ia-text);
}

.oo-icona-ia--small[b-a0002vjbf4] {
    width: 28px;
    height: 28px;
}

.oo-icona-ia--medium[b-a0002vjbf4] {
    width: 40px;
    height: 40px;
    border-radius: var(--oo-radius-md);
}

.oo-icona-ia--large[b-a0002vjbf4] {
    width: 56px;
    height: 56px;
    border-radius: var(--oo-radius-lg);
}
/* /Components/Shared/InsigniaPla.razor.rz.scp.css */
.oo-insignia-pla[b-2cnp3hoy2p] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    padding: 2px var(--oo-space-2);
    overflow: hidden;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text-2) 12%, var(--oo-surface));
    color: var(--oo-text-2);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.oo-insignia-pla--color[b-2cnp3hoy2p] {
    background: var(--oo-pla-fons);
    color: var(--oo-pla-text);
}

    .oo-insignia-pla[b-2cnp3hoy2p]  .oo-insignia-pla-icona {
        width: 1em;
        height: 1em;
        font-size: 0.875rem;
    }

.oo-insignia-pla-prova[b-2cnp3hoy2p] {
    font-weight: 500;
}

/* Lluentor del degradat (Premium+): el mateix reflex lent que l'anell de l'avatar. */
.oo-insignia-pla--degradat[b-2cnp3hoy2p]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 40%, var(--oo-pla-lluentor) 50%, transparent 60%);
    background-size: 300% 100%;
    pointer-events: none;
    animation: oo-insignia-pla-lluentor-b-2cnp3hoy2p 7s ease-in-out infinite;
}

@keyframes oo-insignia-pla-lluentor-b-2cnp3hoy2p {
    0% {
        background-position: 100% 0;
    }

    40%, 100% {
        background-position: 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-insignia-pla--degradat[b-2cnp3hoy2p]::after {
        content: none;
    }
}
/* /Components/Shared/LlistaResponsive.razor.rz.scp.css */
.oo-llista-resp-targetes[b-uahft6selz] {
    display: none;
}

.oo-llista-resp-element[b-uahft6selz] {
    padding-bottom: var(--oo-space-2);
}

@media (max-width: 599.98px) {
    .oo-llista-resp-taula[b-uahft6selz] {
        display: none;
    }

    .oo-llista-resp-targetes[b-uahft6selz] {
        display: block;
    }
}
/* /Components/Shared/MesOpcions.razor.rz.scp.css */
/* "Més opcions": botó de text amb una fletxa que gira en desplegar. */
.oo-mes-opcions[b-qo7b1t9ak5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px;
    padding: 12px 0;
    border: 0;
    border-top: var(--oo-border);
    background: none;
    color: var(--oo-text);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
}

.oo-mes-opcions:focus-visible[b-qo7b1t9ak5] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-mes-opcions[b-qo7b1t9ak5]  .oo-mes-opcions-fletxa {
    width: 18px;
    height: 18px;
    color: var(--oo-text-2);
    transform: rotate(90deg);
    transition: transform var(--oo-dur) var(--oo-ease);
}

.oo-mes-opcions[b-qo7b1t9ak5]  .oo-mes-opcions-fletxa--oberta {
    transform: rotate(-90deg);
}

.oo-mes-opcions-cos[b-qo7b1t9ak5] {
    padding-bottom: 8px;
}

@media (prefers-reduced-motion: no-preference) {
    .oo-mes-opcions-cos[b-qo7b1t9ak5] {
        animation: oo-mes-opcions-obre-b-qo7b1t9ak5 var(--oo-dur) var(--oo-ease);
    }
}

@keyframes oo-mes-opcions-obre-b-qo7b1t9ak5 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
/* /Components/Shared/MiniaturaActiu.razor.rz.scp.css */
.oo-miniatura-actiu[b-67m38l4oal] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-text-2));
    --oo-miniatura-mida: 56px;
    position: relative;
    display: inline-grid;
    flex-shrink: 0;
    place-items: center;
    width: var(--oo-miniatura-mida);
    height: var(--oo-miniatura-mida);
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 16%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

@media (min-width: 600px) {
    .oo-miniatura-actiu[b-67m38l4oal] {
        --oo-miniatura-mida: 64px;
    }
}

.oo-miniatura-actiu--petita[b-67m38l4oal],
.oo-miniatura-actiu--petita.oo-miniatura-actiu[b-67m38l4oal] {
    --oo-miniatura-mida: 44px;
}

@media (min-width: 600px) {
    .oo-miniatura-actiu--llista.oo-miniatura-actiu[b-67m38l4oal] {
        --oo-miniatura-mida: 48px;
    }
}

.oo-miniatura-actiu[b-67m38l4oal]  .oo-miniatura-actiu-icona {
    width: 45%;
    height: 45%;
}

/* Esquelet: un reflex que passa pel fons pastel fins que la foto el tapa en carregar. */
.oo-miniatura-actiu--foto[b-67m38l4oal] {
    background-image: linear-gradient(100deg,
        transparent 30%,
        color-mix(in srgb, var(--oo-surface) 55%, transparent) 50%,
        transparent 70%);
    background-size: 200% 100%;
    animation: oo-miniatura-esquelet-b-67m38l4oal 1.4s linear infinite;
}

.oo-miniatura-actiu img[b-67m38l4oal] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

/* Distintiu amb la icona de la categoria a la cantonada inferior dreta, sobre el color pastel i
   separat de la foto amb un contorn del color de la superfície. */
.oo-miniatura-actiu-distintiu[b-67m38l4oal] {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 2px solid var(--oo-surface);
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 22%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

.oo-miniatura-actiu-distintiu[b-67m38l4oal]  .mud-icon-root {
    width: 12px;
    height: 12px;
}

.oo-miniatura-actiu--petita .oo-miniatura-actiu-distintiu[b-67m38l4oal] {
    right: -3px;
    bottom: -3px;
    width: 16px;
    height: 16px;
}

.oo-miniatura-actiu--petita .oo-miniatura-actiu-distintiu[b-67m38l4oal]  .mud-icon-root {
    width: 10px;
    height: 10px;
}

@keyframes oo-miniatura-esquelet-b-67m38l4oal {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-miniatura-actiu--foto[b-67m38l4oal] {
        animation: none;
    }
}
/* /Components/Shared/OrigenDocumentSheet.razor.rz.scp.css */
/* Mateix aspecte que les opcions d'AfegirActiuSheet. */
.oo-full-inferior-opcions[b-yylnjjxm2c] {
    display: flex;
    flex-direction: column;
    margin: 0 calc(-1 * var(--oo-space-2)) var(--oo-space-2);
}

/* Opcions d'almenys 48 px d'alt (àrea tàctil), amb la icona en primari. */
.oo-full-inferior-opcio[b-yylnjjxm2c] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--oo-space-4);
    min-height: 52px;
    padding: var(--oo-space-2) var(--oo-space-3);
    border: 0;
    border-radius: var(--oo-radius-md);
    background: none;
    color: var(--oo-text);
    font: inherit;
    font-size: 1rem;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.oo-full-inferior-opcio[b-yylnjjxm2c]  .mud-icon-root {
    color: var(--oo-primary);
}

@media (hover: hover) {
    .oo-full-inferior-opcio:hover[b-yylnjjxm2c] {
        background-color: color-mix(in srgb, var(--oo-primary) 4%, transparent);
    }
}

.oo-full-inferior-opcio:active[b-yylnjjxm2c] {
    background-color: color-mix(in srgb, var(--oo-primary) 8%, transparent);
}

.oo-full-inferior-opcio:focus-visible[b-yylnjjxm2c] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
/* Selector segmentat: les opcions dins d'una càpsula; l'activa, amb fons de superfície i ombra suau. */
.oo-segmentat[b-12zkb7pbyl] {
    display: flex;
    gap: 2px;
    width: 100%;
    max-width: 360px;
    margin-bottom: var(--oo-space-4);
    padding: 3px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text) 6%, var(--oo-bg));
}

.oo-segmentat-opcio[b-12zkb7pbyl] {
    display: grid;
    flex: 1 1 0;
    place-items: center;
    min-height: 40px;
    padding: 0 var(--oo-space-4);
    border-radius: var(--oo-radius-pill);
    color: var(--oo-text-2);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--oo-dur-fast) var(--oo-ease), color var(--oo-dur-fast) var(--oo-ease);
}

.oo-segmentat-opcio--activa[b-12zkb7pbyl] {
    background-color: var(--oo-surface);
    color: var(--oo-text);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--oo-text) 14%, transparent);
}

.oo-segmentat-opcio:focus-visible[b-12zkb7pbyl] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .oo-segmentat-opcio:not(.oo-segmentat-opcio--activa):hover[b-12zkb7pbyl] {
        color: var(--oo-text);
    }
}

@media (max-width: 599.98px) {
    .oo-segmentat[b-12zkb7pbyl] {
        max-width: none;
    }
}

/* Capçalera mòbil (< 960 px): els breadcrumbs i el menú «⋮» passen a la CapcaleraMobil (botó enrere i
   botó rodó ⋯), i el selector d'Espai surt com a xip sota el títol de les pàgines principals. */
.oo-page-header-espai[b-12zkb7pbyl] {
    margin-top: var(--oo-space-3);
}

@media (min-width: 960px) {
    .oo-page-header-espai[b-12zkb7pbyl] {
        display: none;
    }
}

@media (max-width: 959.98px) {
    .oo-page-header-migues[b-12zkb7pbyl],
    .oo-page-header-accions--nomes-escriptori[b-12zkb7pbyl] {
        display: none;
    }

    .oo-page-header-accions[b-12zkb7pbyl]  .oo-page-header-menu {
        display: none;
    }
}
/* /Components/Shared/PillDada.razor.rz.scp.css */
.oo-pill-dada[b-pfenqj2olz] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-surface) 70%, transparent);
    border: var(--oo-border);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.oo-pill-dada-etiqueta[b-pfenqj2olz] {
    color: var(--oo-text-2);
    white-space: nowrap;
}

.oo-pill-dada-valor[b-pfenqj2olz] {
    min-width: 0;
    overflow: hidden;
    color: var(--oo-text);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/ResultatCercaItem.razor.rz.scp.css */
.oo-cerca-resultat[b-n8dla6x5mf] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 56px;
    padding: var(--oo-space-2);
    border: 0;
    border-radius: var(--oo-radius-sm);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.oo-cerca-resultat:hover[b-n8dla6x5mf],
.oo-cerca-resultat:focus-visible[b-n8dla6x5mf] {
    background-color: var(--mud-palette-action-default-hover);
}

/* Triat amb les fletxes (la classe la posa app.js; el focus es queda al camp). */
.oo-cerca-resultat.oo-cerca-seleccionat[b-n8dla6x5mf] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.oo-cerca-resultat:focus-visible[b-n8dla6x5mf] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

.oo-cerca-resultat-text[b-n8dla6x5mf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.oo-cerca-resultat-titol[b-n8dla6x5mf],
.oo-cerca-resultat-context[b-n8dla6x5mf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Coincidència ressaltada: el color primari del tema, suau, sense canviar el color del text. */
.oo-cerca-resultat-titol mark[b-n8dla6x5mf] {
    padding: 0 1px;
    border-radius: 2px;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    color: inherit;
    font-weight: 600;
}

.oo-cerca-resultat-context[b-n8dla6x5mf] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
}
/* /Components/Shared/ResumContingut.razor.rz.scp.css */
/* Xips discrets amb icona, en una o diverses línies segons l'amplada. */
.oo-resum-contingut[b-p1pnlrkd1h] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin: 0 0 var(--oo-space-3);
    padding: 0;
    list-style: none;
}

.oo-resum-contingut-part[b-p1pnlrkd1h] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-height: 28px;
    padding: 0 var(--oo-space-3) 0 var(--oo-space-2);
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text) 6%, var(--oo-surface));
    color: var(--oo-text);
    font-size: 0.8125rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.oo-resum-contingut-part[b-p1pnlrkd1h]  .mud-icon-root {
    width: 16px;
    height: 16px;
    color: var(--oo-text-2);
}
/* /Components/Shared/SeccioInfo.razor.rz.scp.css */
.oo-seccio-info[b-6t9rxbjp4p] {
    padding: var(--oo-space-4);
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
}

.oo-seccio-info + .oo-seccio-info[b-6t9rxbjp4p] {
    margin-top: var(--oo-space-4);
}

.oo-seccio-info-titol[b-6t9rxbjp4p] {
    margin: 0 0 var(--oo-space-3);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--oo-text-2);
}

.oo-seccio-info-camps[b-6t9rxbjp4p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--oo-space-3) var(--oo-space-5);
    margin: 0;
}

@media (min-width: 600px) {
    .oo-seccio-info-camps[b-6t9rxbjp4p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.oo-seccio-info-camp dt[b-6t9rxbjp4p] {
    margin-bottom: 2px;
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

.oo-seccio-info-camp dd[b-6t9rxbjp4p] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--oo-text);
    overflow-wrap: anywhere;
}
/* /Components/Shared/TargetaCategoria.razor.rz.scp.css */
.oo-targeta-cat[b-t0t4qh5mij] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-text-2));
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 56px;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background-color: var(--oo-surface);
    color: var(--oo-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms var(--oo-ease), background-color 150ms var(--oo-ease), box-shadow 150ms var(--oo-ease);
}

.oo-targeta-cat:hover[b-t0t4qh5mij] {
    box-shadow: var(--oo-shadow-hover);
}

.oo-targeta-cat:focus-visible[b-t0t4qh5mij] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-targeta-cat-icona[b-t0t4qh5mij] {
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 18%, transparent);
    color: var(--oo-cat-color-efectiu);
    transition: opacity 150ms var(--oo-ease);
}

.oo-targeta-cat-icona[b-t0t4qh5mij]  .mud-icon-root {
    width: 22px;
    height: 22px;
    font-size: 22px;
}

/* Mai es parteix una paraula: si el nom no hi cap, passa a la segona línia per un espai, i com a molt
   en té dues. L'amplada mínima de la graella (vegeu SelectorCategoriesRecomanades) està pensada
   perquè la paraula més llarga del catàleg hi càpiga sencera. */
.oo-targeta-cat-nom[b-t0t4qh5mij] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.25;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    transition: opacity 150ms var(--oo-ease);
}

.oo-targeta-cat-estat[b-t0t4qh5mij] {
    flex: 0 0 18px;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    color: var(--oo-primary);
}

.oo-targeta-cat-estat[b-t0t4qh5mij]  .mud-icon-root {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

/* No seleccionada (només en mode commutable): apagada. */
.oo-targeta-cat:not(.oo-targeta-cat--seleccionada):not(.oo-targeta-cat--necessaria):not(.oo-targeta-cat--accio) .oo-targeta-cat-icona[b-t0t4qh5mij],
.oo-targeta-cat:not(.oo-targeta-cat--seleccionada):not(.oo-targeta-cat--necessaria):not(.oo-targeta-cat--accio) .oo-targeta-cat-nom[b-t0t4qh5mij] {
    opacity: 0.6;
}

.oo-targeta-cat--seleccionada[b-t0t4qh5mij],
.oo-targeta-cat--necessaria[b-t0t4qh5mij] {
    border: 1.5px solid var(--oo-primary);
    /* Mateix padding visual que amb la vora d'1px. */
    padding: 9.5px 11.5px;
    background-color: color-mix(in srgb, var(--oo-primary) 7%, var(--oo-surface));
}

.oo-targeta-cat--necessaria[b-t0t4qh5mij] {
    cursor: default;
}

.oo-targeta-cat--necessaria:hover[b-t0t4qh5mij] {
    box-shadow: none;
}

.oo-targeta-cat--accio:hover[b-t0t4qh5mij] {
    border-color: color-mix(in srgb, var(--oo-primary) 40%, var(--mud-palette-lines-default));
}

@media (prefers-reduced-motion: reduce) {
    .oo-targeta-cat[b-t0t4qh5mij],
    .oo-targeta-cat-icona[b-t0t4qh5mij],
    .oo-targeta-cat-nom[b-t0t4qh5mij] {
        transition: none;
    }
}
/* /Components/Shared/TargetaRegistre.razor.rz.scp.css */
.oo-targeta-registre[b-ko5rppff9f] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--oo-space-3);
    min-height: 44px;
    padding: var(--oo-space-3) var(--oo-space-2) var(--oo-space-3) var(--oo-space-4);
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
}

/* Capa tocable estesa per tota la targeta, per sota del menú ⋯. */
.oo-targeta-registre-tocar[b-ko5rppff9f] {
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .oo-targeta-registre-tocar:active[b-ko5rppff9f] {
        background-color: var(--oo-surface-tint);
    }

    .oo-targeta-registre-tocar:focus-visible[b-ko5rppff9f] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

@media (hover: hover) {
    .oo-targeta-registre-tocar:hover[b-ko5rppff9f] {
        background-color: var(--mud-palette-action-default-hover);
    }
}

.oo-targeta-registre-inici[b-ko5rppff9f],
.oo-targeta-registre-cos[b-ko5rppff9f] {
    position: relative;
    pointer-events: none;
}

.oo-targeta-registre-inici[b-ko5rppff9f] {
    flex: none;
}

.oo-targeta-registre-cos[b-ko5rppff9f] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* Sense capa tocable, el contingut (enllaços, interruptors) es pot fer servir directament. */
.oo-targeta-registre:not(.oo-targeta-registre--tocable) .oo-targeta-registre-inici[b-ko5rppff9f],
.oo-targeta-registre:not(.oo-targeta-registre--tocable) .oo-targeta-registre-cos[b-ko5rppff9f] {
    pointer-events: auto;
}

.oo-targeta-registre-titol[b-ko5rppff9f] {
    overflow: hidden;
    color: var(--oo-text);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-targeta-registre-subtitol[b-ko5rppff9f] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-targeta-registre-chips[b-ko5rppff9f] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-1);
    margin-top: var(--oo-space-1);
}

    .oo-targeta-registre-chips[b-ko5rppff9f]  .mud-chip {
        margin: 0;
    }

.oo-targeta-registre-final[b-ko5rppff9f] {
    position: relative;
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: flex-end;
}

.oo-targeta-registre-data[b-ko5rppff9f] {
    padding-right: var(--oo-space-2);
    color: var(--oo-text-2);
    font-size: 0.75rem;
    white-space: nowrap;
}

/* Menú ⋯ amb àrea tàctil de 44 px. */
.oo-targeta-registre-final[b-ko5rppff9f]  .oo-targeta-registre-menu .mud-icon-button {
    width: 44px;
    height: 44px;
}
/* /Components/Shared/VisorImatge.razor.rz.scp.css */
/* Per sobre dels diàlegs i la barra superior de MudBlazor. */
.oo-visor[b-vxa8p8najt] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--mud-zindex-tooltip) + 1);
    background-color: color-mix(in srgb, var(--mud-palette-black) 92%, transparent);
    outline: none;
    animation: oo-visor-entra-b-vxa8p8najt var(--oo-dur) var(--oo-ease);
}

.oo-visor-escena[b-vxa8p8najt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Els gestos (pinça, desplaçament) els gestiona omniaone.visor, no el navegador. */
    touch-action: none;
    cursor: zoom-in;
}

.oo-visor-escena.oo-visor-escena--zoom[b-vxa8p8najt] {
    cursor: grab;
}

.oo-visor-img[b-vxa8p8najt] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    user-select: none;
    transform-origin: center center;
    transition: transform var(--oo-dur-fast) var(--oo-ease);
}

.oo-visor-escena--gest .oo-visor-img[b-vxa8p8najt] {
    transition: none;
}

.oo-visor-tancar[b-vxa8p8najt] {
    position: absolute;
    top: calc(var(--oo-space-3) + env(safe-area-inset-top));
    right: var(--oo-space-3);
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--mud-palette-black) 55%, transparent);
    color: var(--mud-palette-white);
    cursor: pointer;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.oo-visor-tancar:hover[b-vxa8p8najt] {
    background-color: color-mix(in srgb, var(--mud-palette-black) 75%, transparent);
}

.oo-visor-tancar:focus-visible[b-vxa8p8najt] {
    outline: 2px solid var(--mud-palette-white);
    outline-offset: 2px;
}

@keyframes oo-visor-entra-b-vxa8p8najt {
    from {
        opacity: 0;
    }
}
/* /Components/Shared/XipEstat.razor.rz.scp.css */
.oo-xip-estat[b-yolj9rmxgy] {
    --oo-xip-color: var(--oo-text-2);
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-xip-color) 14%, transparent);
    color: var(--oo-xip-color);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.oo-xip-estat--ok[b-yolj9rmxgy] {
    --oo-xip-color: var(--oo-success);
}

.oo-xip-estat--avis[b-yolj9rmxgy] {
    --oo-xip-color: var(--oo-warning);
}

.oo-xip-estat--perill[b-yolj9rmxgy] {
    --oo-xip-color: var(--oo-danger);
}