/* /Components/Layout/BottomNav.razor.rz.scp.css */
/* Barra flotant separada de les vores (redisseny-diari.md §1): 16 px als costats i --oo-barra-inferior-marge per
   sobre de la safe area. A dins, la càpsula amb les quatre seccions i, a la dreta, el "+" rodó. */
.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;
    gap: var(--oo-space-3);
    height: var(--oo-barra-inferior-alcada);
}

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

.oo-barra-inferior-capsula[b-rg2y5zoiwb] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-around;
    min-width: 0;
    height: 100%;
    padding: 0 var(--oo-space-1);
    border: var(--oo-card-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) 92%, transparent);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: var(--oo-shadow-flotant);
}

/* Icona a sobre i etiqueta a sota; la zona tàctil ocupa tota l'alçada de la càpsula. */
.oo-barra-inferior-item[b-rg2y5zoiwb] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    height: 100%;
    color: var(--oo-text-2);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.oo-barra-inferior-icona[b-rg2y5zoiwb] {
    position: relative;
    display: grid;
    place-items: center;
    width: 28px;
    height: 26px;
    transition: transform var(--oo-dur-fast) var(--oo-ease);
}

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

.oo-barra-inferior-etiqueta[b-rg2y5zoiwb] {
    max-width: 100%;
    overflow: hidden;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.oo-barra-inferior-item--activa .oo-barra-inferior-etiqueta[b-rg2y5zoiwb] {
    font-weight: 600;
}

/* 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: 2px solid var(--oo-primary);
    outline-offset: -4px;
    border-radius: var(--oo-radius-pill);
}

.oo-barra-inferior-badge[b-rg2y5zoiwb] {
    position: absolute;
    top: -4px;
    right: -8px;
    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: 0 0 auto;
    align-items: center;
    justify-content: center;
}

/* Un Lector no crea res: el «+» no surt (RolEspaiActual). Cal la regla perquè display: flex guanyaria a [hidden]. */
.oo-barra-inferior-crear[hidden][b-rg2y5zoiwb] {
    display: none;
}

/* El "+": botó rodó ple amb el primari, separat de la càpsula. Amb el menú obert gira 45° i queda com una ×. */
.oo-barra-inferior-fab[b-rg2y5zoiwb] {
    position: relative;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: var(--oo-shadow-flotant);
    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: 28px;
    height: 28px;
}

/* 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 "+" (alineada a la dreta, on és el botó). En tocar-la, es tanca. */
.oo-barra-inferior-pista[b-rg2y5zoiwb] {
    position: absolute;
    bottom: calc(100% + var(--oo-space-3));
    right: 0;
    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%;
    right: 22px;
    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);
    /* El menú no té scroll intern: si no hi cap, fa scroll el calaix sencer. */
    overflow-y: auto;
    overscroll-behavior: contain;
    animation: oo-calaix-entra-b-8dkmpqu69b 240ms var(--oo-ease) both;
}

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

/* La ✕ es queda a dalt mentre es fa scroll. */
.oo-calaix-barra[b-8dkmpqu69b] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    flex: none;
    justify-content: flex-end;
    padding: var(--oo-space-2) 0 0;
    background-color: var(--oo-surface);
}

.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/ErrorPagina.razor.rz.scp.css */
/* Error de pàgina: centrat, amb l'acció principal i, a sota, el codi per als logs. */
.oo-error-pagina[b-8lv0nggpuj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--oo-space-2);
    max-width: 480px;
    margin: 0 auto;
    padding: var(--oo-space-6) var(--oo-space-4);
    text-align: center;
}

.oo-error-pagina-accions[b-8lv0nggpuj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
}

.oo-error-pagina[b-8lv0nggpuj]  .oo-error-pagina-codi {
    font-family: monospace;
    user-select: all;
}
/* /Components/Layout/FilaEspai.razor.rz.scp.css */
/* Com FilaLlista: separada de la següent per una línia, sense vora ni ombra. */
.oo-fila-espai[b-m55qsxy6ak] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 60px;
    padding: var(--oo-space-2) 0;
}

    .oo-fila-espai + .oo-fila-espai[b-m55qsxy6ak] {
        border-top: var(--oo-border);
    }

    /* CanviEspai embolcalla el botó en un <form> (si no hi ha PIN): que ocupi la fila igualment. */
    .oo-fila-espai[b-m55qsxy6ak]  form {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
    }

    .oo-fila-espai[b-m55qsxy6ak]  .oo-fila-espai-principal {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        gap: var(--oo-space-3);
        min-width: 0;
        min-height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: var(--oo-radius-sm);
        background: none;
        color: inherit;
        font: inherit;
        text-align: start;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .oo-fila-espai[b-m55qsxy6ak]  .oo-fila-espai-principal--actiu {
        cursor: default;
    }

    .oo-fila-espai[b-m55qsxy6ak]  button.oo-fila-espai-principal:active {
        background-color: var(--oo-surface-tint);
    }

    .oo-fila-espai[b-m55qsxy6ak]  .oo-fila-espai-principal:focus-visible {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

@media (hover: hover) {
    .oo-fila-espai[b-m55qsxy6ak]  button.oo-fila-espai-principal:hover .oo-fila-espai-nom {
        color: var(--oo-primary);
    }
}

/* Icona del tipus en un quadrat arrodonit amb el tint del primari. */
.oo-fila-espai-icona[b-m55qsxy6ak] {
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface-tint);
    color: var(--oo-primary);
}

    .oo-fila-espai-icona[b-m55qsxy6ak]  .mud-icon-root {
        width: 22px;
        height: 22px;
    }

.oo-fila-espai-text[b-m55qsxy6ak] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.oo-fila-espai-nom[b-m55qsxy6ak],
.oo-fila-espai-detall[b-m55qsxy6ak] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-fila-espai-nom[b-m55qsxy6ak] {
    color: var(--oo-text);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.oo-fila-espai-detall[b-m55qsxy6ak] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    line-height: 1.4;
}

/* Superposats, amb una vora del color de la superfície perquè se separin (com la píndola d'Inici). */
.oo-fila-espai-avatars[b-m55qsxy6ak] {
    display: flex;
    flex: none;
}

    .oo-fila-espai-avatars[b-m55qsxy6ak]  .oo-avatar-usuari {
        width: 24px;
        height: 24px;
        box-shadow: 0 0 0 2px var(--oo-surface);
    }

        .oo-fila-espai-avatars[b-m55qsxy6ak]  .oo-avatar-usuari + .oo-avatar-usuari {
            margin-left: -8px;
        }

.oo-fila-espai-badge[b-m55qsxy6ak] {
    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-fila-espai[b-m55qsxy6ak]  .oo-fila-espai-check {
    flex: none;
    width: 20px;
    height: 20px;
    color: var(--oo-primary);
}

.oo-fila-espai[b-m55qsxy6ak]  .oo-fila-espai-pin,
.oo-fila-espai[b-m55qsxy6ak]  .oo-fila-espai-chevron {
    flex: none;
    width: 18px;
    height: 18px;
    color: var(--oo-text-3);
}

.oo-fila-espai-accions[b-m55qsxy6ak] {
    display: flex;
    flex: none;
    align-items: center;
    margin-inline-end: calc(-1 * var(--oo-space-2));
}

    .oo-fila-espai-accions[b-m55qsxy6ak]  .mud-icon-button {
        width: 44px;
        height: 44px;
    }

/* Al mòbil estret, els avatars no hi caben amb el nom: només el detall «N membres». */
@media (max-width: 359.98px) {
    .oo-fila-espai-avatars[b-m55qsxy6ak] {
        display: 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;
    }

/* Tornant enrere: la pàgina, amagada fins que ha pintat i és a la seva posició (navegacio.js). La capçalera i la
   barra inferior es continuen veient. */
html.oo-nav-restaurant .oo-pagina[b-ck7yhppg0l] {
    opacity: 0;
}

/* 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/MenuUsuariEscriptori.razor.rz.scp.css */
/* Enganxada al peu del menú lateral, separada de la navegació. */
.oo-menu-escriptori[b-9ot3fiw6qe] {
    margin-top: auto;
    padding-top: var(--oo-space-3);
    border-top: var(--oo-border);
}

.oo-menu-escriptori-fila[b-9ot3fiw6qe] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 52px;
    padding: var(--oo-space-2);
    border: 0;
    border-radius: var(--oo-radius-md);
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

    .oo-menu-escriptori-fila:hover[b-9ot3fiw6qe],
    .oo-menu-escriptori-fila--oberta[b-9ot3fiw6qe] {
        background-color: color-mix(in srgb, var(--oo-text) 6%, transparent);
    }

    .oo-menu-escriptori-fila:focus-visible[b-9ot3fiw6qe] {
        outline: 2px solid var(--oo-primary);
        outline-offset: -2px;
    }

.oo-menu-escriptori-text[b-9ot3fiw6qe] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.oo-menu-escriptori-nom[b-9ot3fiw6qe],
.oo-menu-escriptori-espai[b-9ot3fiw6qe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-menu-escriptori-nom[b-9ot3fiw6qe] {
    color: var(--oo-text);
    font-weight: 600;
    font-size: 0.875rem;
}

.oo-menu-escriptori-espai[b-9ot3fiw6qe] {
    color: var(--oo-text-2);
    font-size: 0.75rem;
}

.oo-menu-escriptori[b-9ot3fiw6qe]  .oo-menu-escriptori-chevron {
    flex: none;
    width: 18px;
    height: 18px;
    color: var(--oo-text-3);
}

/* Popover a sobre de la fila, alineat a l'esquerra del lateral i més ample que ell: fixed perquè el calaix de
   MudBlazor no el retalli. Si no hi cap d'alçada, fa scroll el popover sencer (el menú no en té d'intern). */
.oo-menu-escriptori-panell[b-9ot3fiw6qe] {
    position: fixed;
    bottom: calc(52px + var(--oo-space-5));
    left: var(--oo-space-2);
    z-index: 1350;
    width: 340px;
    max-height: calc(100dvh - 52px - 2 * var(--oo-space-6));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--oo-space-2);
    border: var(--oo-border);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-shadow-flotant);
    animation: oo-menu-escriptori-apareix-b-9ot3fiw6qe var(--oo-dur-fast) var(--oo-ease) both;
}

@keyframes oo-menu-escriptori-apareix-b-9ot3fiw6qe {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .oo-menu-escriptori-panell[b-9ot3fiw6qe] {
        animation: none;
    }
}
/* /Components/Layout/MenuUsuariEspais.razor.rz.scp.css */
/* Una sola columna sense scroll intern: si no hi cap, fa scroll qui la conté (el calaix o el popover). El subpanell
   tapa el menú principal; overflow-x: clip només retalla el lliscament horitzontal (sense fer-ne un scroll). */
.oo-menu-usuari[b-ic2zgnlbia] {
    flex: none;
    overflow-x: clip;
    padding-bottom: var(--oo-space-2);
}

.oo-menu-principal[b-ic2zgnlbia],
.oo-menu-subpanell[b-ic2zgnlbia] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
}

/* Subpanell «Espais»: entra des de la dreta; en tornar, el principal entra des de l'esquerra (~200 ms). */
.oo-menu-subpanell[b-ic2zgnlbia] {
    animation: oo-menu-entra-dreta-b-ic2zgnlbia var(--oo-dur) var(--oo-ease) both;
}

.oo-menu-principal--torna[b-ic2zgnlbia] {
    animation: oo-menu-entra-esquerra-b-ic2zgnlbia var(--oo-dur) var(--oo-ease) both;
}

@keyframes oo-menu-entra-dreta-b-ic2zgnlbia {
    from {
        opacity: 0.4;
        transform: translateX(32%);
    }

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

@keyframes oo-menu-entra-esquerra-b-ic2zgnlbia {
    from {
        opacity: 0.4;
        transform: translateX(-32%);
    }

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

.oo-menu-subpanell-cap[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-height: 44px;
}

.oo-menu-tornar[b-ic2zgnlbia] {
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text);
    cursor: pointer;
}

    .oo-menu-tornar[b-ic2zgnlbia]  .mud-icon-root {
        width: 24px;
        height: 24px;
    }

.oo-menu-subpanell-titol[b-ic2zgnlbia] {
    margin: 0;
    color: var(--oo-text);
    font-size: 1.0625rem;
    font-weight: 600;
}

.oo-menu-subpanell-llista[b-ic2zgnlbia] {
    display: flex;
    flex-direction: column;
    padding: 0 var(--oo-space-2);
}

.oo-menu-nou-espai[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    min-height: 48px;
    margin: 0 var(--oo-space-2);
    padding: 0 var(--oo-space-2);
    border: 0;
    border-top: var(--oo-border);
    background: none;
    color: var(--oo-primary);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
}

    .oo-menu-nou-espai[b-ic2zgnlbia]  .mud-icon-root {
        width: 22px;
        height: 22px;
    }

@media (prefers-reduced-motion: reduce) {
    .oo-menu-subpanell[b-ic2zgnlbia],
    .oo-menu-principal--torna[b-ic2zgnlbia] {
        animation: none;
    }
}

/* 1. El compte: tota la fila porta a Perfil. */
.oo-menu-compte[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    padding: var(--oo-space-2);
    border-radius: var(--oo-radius-md);
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

    .oo-menu-compte[b-ic2zgnlbia]  .oo-avatar {
        width: 48px;
        height: 48px;
    }

    .oo-menu-compte[b-ic2zgnlbia]  .oo-avatar-pla--color .oo-avatar {
        width: 44px;
        height: 44px;
    }

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

.oo-menu-compte-nom[b-ic2zgnlbia],
.oo-menu-compte-email[b-ic2zgnlbia] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-menu-compte-nom[b-ic2zgnlbia] {
    color: var(--oo-text);
    font-weight: 600;
}

.oo-menu-compte-email[b-ic2zgnlbia] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
}

/* 2. Targeta «Espai actual»: un bloc tenyit, sense ombra; «Convidar» a sota, separat per una línia. */
.oo-menu-espai[b-ic2zgnlbia] {
    --oo-menu-espai-fons: color-mix(in srgb, var(--oo-text) 4%, var(--oo-surface));
    display: flex;
    flex-direction: column;
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-menu-espai-fons);
}

.oo-menu-espai-cap[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 64px;
    padding: var(--oo-space-3);
    border: 0;
    border-radius: var(--oo-radius-lg);
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.oo-menu-espai-icona[b-ic2zgnlbia] {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    color: var(--oo-primary);
}

    .oo-menu-espai-icona[b-ic2zgnlbia]  .mud-icon-root {
        width: 22px;
        height: 22px;
    }

/* Avisos vençuts en un altre Espai. */
.oo-menu-espai-punt[b-ic2zgnlbia] {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 12px;
    height: 12px;
    border: 2px solid var(--oo-menu-espai-fons);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-danger);
}

.oo-menu-espai-text[b-ic2zgnlbia] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.oo-menu-espai-etiqueta[b-ic2zgnlbia] {
    color: var(--oo-text-3);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.oo-menu-espai-nom[b-ic2zgnlbia],
.oo-menu-espai-rol[b-ic2zgnlbia] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-menu-espai-nom[b-ic2zgnlbia] {
    color: var(--oo-text);
    font-weight: 600;
    font-size: 0.9375rem;
}

.oo-menu-espai-rol[b-ic2zgnlbia] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
}

.oo-menu-espai-avatars[b-ic2zgnlbia] {
    display: flex;
    flex: none;
}

    .oo-menu-espai-avatars[b-ic2zgnlbia]  .oo-avatar-usuari {
        width: 24px;
        height: 24px;
        box-shadow: 0 0 0 2px var(--oo-menu-espai-fons);
    }

        .oo-menu-espai-avatars[b-ic2zgnlbia]  .oo-avatar-usuari + .oo-avatar-usuari {
            margin-left: -8px;
        }

.oo-menu-espai-canviar[b-ic2zgnlbia] {
    display: inline-flex;
    flex: none;
    align-items: center;
    color: var(--oo-primary);
    font-size: 0.8125rem;
    font-weight: 600;
}

    .oo-menu-espai-canviar[b-ic2zgnlbia]  .mud-icon-root {
        width: 18px;
        height: 18px;
    }

.oo-menu-espai-convidar[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 44px;
    padding: 0 var(--oo-space-3);
    border-top: var(--oo-border);
    border-radius: 0 0 var(--oo-radius-lg) var(--oo-radius-lg);
    color: var(--oo-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

    .oo-menu-espai-convidar[b-ic2zgnlbia]  .mud-icon-root {
        width: 18px;
        height: 18px;
    }

/* Al calaix estret (≤ 300 px de contingut) els avatars no hi caben amb el nom. */
@media (max-width: 374.98px) {
    .oo-menu-espai-avatars[b-ic2zgnlbia] {
        display: none;
    }
}

/* 3. Grups de files (TitolGrup compacte i FilaOpcio). */
.oo-menu-grups[b-ic2zgnlbia] {
    display: flex;
    flex-direction: column;
    padding: 0 var(--oo-space-2);
}

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

/* 4. Peu: el tema i «Tancar sessió». */
.oo-menu-peu[b-ic2zgnlbia] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
    padding: var(--oo-space-3) var(--oo-space-2) 0;
    border-top: var(--oo-border);
}

.oo-menu-sortir[b-ic2zgnlbia] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--oo-danger);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
}

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

    .oo-menu-espai-convidar:hover[b-ic2zgnlbia],
    .oo-menu-sortir:hover[b-ic2zgnlbia],
    .oo-menu-nou-espai:hover[b-ic2zgnlbia] {
        text-decoration: underline;
    }

    .oo-menu-tornar:hover[b-ic2zgnlbia] {
        background-color: color-mix(in srgb, var(--oo-text) 6%, transparent);
    }
}

.oo-menu-tornar:focus-visible[b-ic2zgnlbia],
.oo-menu-nou-espai:focus-visible[b-ic2zgnlbia] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}

.oo-menu-compte:active[b-ic2zgnlbia],
.oo-menu-espai-cap:active[b-ic2zgnlbia] {
    background-color: var(--oo-surface-tint);
}

.oo-menu-compte:focus-visible[b-ic2zgnlbia],
.oo-menu-espai-cap:focus-visible[b-ic2zgnlbia],
.oo-menu-espai-convidar:focus-visible[b-ic2zgnlbia],
.oo-menu-sortir:focus-visible[b-ic2zgnlbia] {
    outline: 2px solid var(--oo-primary);
    outline-offset: -2px;
}

/* Tema: tres opcions en una càpsula. */
.oo-menu-tema[b-ic2zgnlbia] {
    display: flex;
    gap: 2px;
    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;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Diàleg de pantalla completa i transparent (vegeu ReconnectModal.razor). Amb showModal() la capa captura els tocs;
   en la sortida (data-capturant tret, obert amb show() només per esvair-se) deixa passar-los. */
#components-reconnect-modal[b-dbazwjw25v] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    outline: none;
}

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

    #components-reconnect-modal:not([data-capturant])[b-dbazwjw25v] {
        pointer-events: none;
    }

    #components-reconnect-modal[b-dbazwjw25v]::backdrop {
        background: transparent;
    }

/* Barra fina a dalt de tot, sota la barra d'estat (safe area): un tram del color de l'accent que llisca. No tapa
   res i no es llegeix. */
.oo-reconnexio-barra[b-dbazwjw25v] {
    position: absolute;
    top: env(safe-area-inset-top);
    left: 0;
    right: 0;
    height: 3px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 300ms ease;
}

    .oo-reconnexio-barra[b-dbazwjw25v]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 40%;
        border-radius: var(--oo-radius-pill);
        background-color: var(--mud-palette-primary);
        animation: oo-reconnexio-lliscar-b-dbazwjw25v 1.2s ease-in-out infinite;
    }

#components-reconnect-modal[data-barra] .oo-reconnexio-barra[b-dbazwjw25v] {
    opacity: 1;
}

@keyframes oo-reconnexio-lliscar-b-dbazwjw25v {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(250%);
    }
}

/* Píndola de baix, centrada: a l'escriptori a prop de la vora; al mòbil, per sobre de la barra inferior i del "+". */
.oo-reconnexio-pindola[b-dbazwjw25v] {
    position: absolute;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom) + var(--oo-space-4));
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    max-width: calc(100% - 2 * var(--oo-space-4));
    min-height: 36px;
    padding: var(--oo-space-1) var(--oo-space-4);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--oo-radius-pill);
    background-color: var(--mud-palette-surface);
    box-shadow: var(--oo-shadow-flotant);
    font-size: 0.8125rem;
    opacity: 0;
    transform: translate(-50%, var(--oo-space-2));
    transition: opacity 200ms ease, transform 200ms ease;
    pointer-events: none;
}

@media (max-width: 959.98px) {
    .oo-reconnexio-pindola[b-dbazwjw25v] {
        bottom: calc(var(--oo-barra-inferior-ocupa) + var(--oo-space-3));
    }
}

#components-reconnect-modal[data-pindola] .oo-reconnexio-pindola[b-dbazwjw25v] {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

/* Amb un botó, menys marge a la dreta: el botó ja en porta. */
#components-reconnect-modal:is([data-estat="fallit"], [data-estat="pausat"], [data-estat="represa-fallida"]) .oo-reconnexio-pindola[b-dbazwjw25v] {
    padding-right: var(--oo-space-1);
}

.oo-reconnexio-missatge[b-dbazwjw25v] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Punt d'estat: batega mentre reconnecta; vermell si ha fallat, verd en tornar. */
.oo-reconnexio-punt[b-dbazwjw25v] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--mud-palette-warning);
    animation: oo-reconnexio-bategar-b-dbazwjw25v 1.2s ease-in-out infinite;
}

#components-reconnect-modal:is([data-estat="fallit"], [data-estat="represa-fallida"]) .oo-reconnexio-punt[b-dbazwjw25v] {
    background-color: var(--mud-palette-error);
    animation: none;
}

#components-reconnect-modal[data-estat="pausat"] .oo-reconnexio-punt[b-dbazwjw25v] {
    background-color: var(--mud-palette-text-secondary);
    animation: none;
}

#components-reconnect-modal[data-estat="connectat"] .oo-reconnexio-punt[b-dbazwjw25v] {
    background-color: var(--mud-palette-success);
    animation: none;
}

@keyframes oo-reconnexio-bategar-b-dbazwjw25v {
    50% {
        opacity: 0.3;
    }
}

.oo-reconnexio-accio[b-dbazwjw25v] {
    display: none;
    flex-shrink: 0;
    min-height: 28px;
    padding: 0 var(--oo-space-3);
    border: none;
    border-radius: var(--oo-radius-pill);
    background: transparent;
    color: var(--mud-palette-primary);
    font: inherit;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

    .oo-reconnexio-accio:hover[b-dbazwjw25v] {
        background-color: var(--mud-palette-action-default-hover);
    }

#components-reconnect-modal[data-estat="fallit"] #components-reconnect-button[b-dbazwjw25v],
#components-reconnect-modal:is([data-estat="pausat"], [data-estat="represa-fallida"]) #components-resume-button[b-dbazwjw25v] {
    display: inline-flex;
    align-items: center;
}

@media (prefers-reduced-motion: reduce) {
    .oo-reconnexio-barra[b-dbazwjw25v],
    .oo-reconnexio-pindola[b-dbazwjw25v] {
        transition: none;
    }

        .oo-reconnexio-barra[b-dbazwjw25v]::before {
            width: 100%;
            animation: none;
        }

    .oo-reconnexio-punt[b-dbazwjw25v] {
        animation: none;
    }
}
/* /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: 44px;
    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;
    line-height: 1.25;
    text-align: start;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    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 {
    flex: none;
    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;
}

/* Seleccionat: vora de 2 px (el padding compensa l'1 px de més perquè no salti), fons primari marcat i la ✓. */
.oo-tipus-espai-xip--seleccionat[b-miggjs7gjt] {
    border: 2px solid var(--oo-primary);
    padding: 0 13px 0 9px;
    background-color: color-mix(in srgb, var(--oo-primary) 14%, var(--oo-surface));
    color: var(--oo-primary);
}

.oo-tipus-espai-xip[b-miggjs7gjt]  .oo-tipus-espai-check {
    width: 18px;
    height: 18px;
    margin-inline-start: auto;
    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);
}

/* Mòbil: 2 columnes iguals; «Pis compartit / lloguer» i «Vacances / viatge» parteixen a 2 línies entre paraules. A
   360 px cada columna fa ~144 px: menys padding i la ✓ a la cantonada (fora del flux) perquè «Personalitzat» hi càpiga. */
@media (max-width: 599.98px) {
    .oo-tipus-espai[b-miggjs7gjt] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .oo-tipus-espai-xip[b-miggjs7gjt] {
        position: relative;
        gap: 6px;
        min-width: 0;
        padding: 6px 8px;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .oo-tipus-espai-xip--seleccionat[b-miggjs7gjt] {
        padding: 5px 7px;
    }

    .oo-tipus-espai-nom[b-miggjs7gjt] {
        min-width: 0;
    }

    .oo-tipus-espai-xip[b-miggjs7gjt]  .oo-tipus-espai-check {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 14px;
        height: 14px;
    }
}

@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;
}

/* «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/ExportarInventariDialog.razor.rz.scp.css */
/* Format: xips com a «Exportar despeses». */
.oo-exportar-inventari-titol[b-gfbpjh05xi] {
    margin-top: var(--oo-space-4);
    margin-bottom: var(--oo-space-2);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-exportar-inventari-xips[b-gfbpjh05xi] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

.oo-exportar-inventari-xips[b-gfbpjh05xi]  .mud-chip {
    margin: 0;
}

.oo-exportar-inventari-format[b-gfbpjh05xi] {
    margin-top: var(--oo-space-2);
}

.oo-exportar-inventari-format[b-gfbpjh05xi]  .mud-typography {
    color: var(--oo-text-2);
}

.oo-exportar-inventari-fotos[b-gfbpjh05xi] {
    margin-top: var(--oo-space-2);
}

@media (max-width: 599.98px) {
    .oo-exportar-inventari-xips[b-gfbpjh05xi]  .mud-chip {
        min-height: 44px;
    }
}
/* /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-card-border);
    box-shadow: var(--oo-card-ombra);
    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-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 */
.oo-admin-config[b-ftt4q9nwg9] {
    max-width: 720px;
}

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

/* Mateixa fila que FilaOpcio: títol a l'esquerra, valor a la dreta, separades per una línia. */
.oo-admin-config-fila[b-ftt4q9nwg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-3);
    min-height: 48px;
    padding: var(--oo-space-2) 0;
}

    .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);
        font-size: 0.9375rem;
        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;
    }
/* /Components/Pages/Admin/AdminCorreu.razor.rz.scp.css */
/* Configuració i prova (SectionCard) en graella: l'espai el posa la graella, no el marge de cada bloc. */
.oo-admin-correu-blocs[b-ybqwfq3oh4] {
    display: grid;
    gap: var(--oo-space-4);
    margin-bottom: var(--oo-space-5);
}

@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-section-card {
    margin-bottom: 0;
}

.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-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 */
/* 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-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-5);
}

/* Interruptors en fila (FilaAjust), separats dels camps de sota. */
.oo-ia-interruptors[b-fz9y74t0pn] {
    display: grid;
    gap: var(--oo-space-3);
    margin-bottom: var(--oo-space-2);
}

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

/* Camps en graella: 1 columna al mòbil i tantes com hi càpiguen a partir de 600 px. */
.oo-ia-config[b-fz9y74t0pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--oo-space-2) var(--oo-space-4);
    max-width: 56rem;
}

/* 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);
}

/* 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: un per fila dins el bloc, separats per una línia. */
.oo-ia-proveidor[b-fz9y74t0pn] {
    display: flex;
    flex-direction: column;
    padding: var(--oo-space-3) 0;
}

    .oo-ia-proveidor + .oo-ia-proveidor[b-fz9y74t0pn] {
        border-top: var(--oo-border);
    }

.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-nom[b-fz9y74t0pn] {
    color: var(--oo-text);
    font-weight: 600;
    font-size: 0.9375rem;
}

.oo-ia-proveidor-linia[b-fz9y74t0pn] {
    margin-top: var(--oo-space-1);
    font-size: 0.875rem;
}

.oo-ia-proveidor-linia--gris[b-fz9y74t0pn] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
}

.oo-ia-proveidor-accio[b-fz9y74t0pn] {
    margin-top: var(--oo-space-1);
    margin-inline-start: calc(-1 * var(--oo-space-2));
}

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

/* Encaminament: per proveïdor, l'interruptor i, a sota, prioritat, pes i model. */
.oo-ia-fila-proveidor[b-fz9y74t0pn] {
    margin-top: var(--oo-space-3);
    padding-top: var(--oo-space-3);
    border-top: var(--oo-border);
}

.oo-ia-fila-proveidor-camps[b-fz9y74t0pn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--oo-space-2) var(--oo-space-4);
    max-width: 56rem;
}

/* Preus per model: el formulari per afegir-ne un, separat de la llista. */
.oo-ia-preu-nou[b-fz9y74t0pn] {
    margin-top: var(--oo-space-3);
}

/* Mòbil: 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] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--oo-space-2);
    }

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

    .oo-ia-config-peu[b-fz9y74t0pn]  .mud-button-root {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/AdminIAEstadistiques.razor.rz.scp.css */
/* Dins la SectionCard: files planes separades per una línia (res de targetes dins del bloc). */
.oo-ia-estadistiques-llista[b-ewtolh47jr] {
    display: flex;
    flex-direction: column;
    margin: var(--oo-space-2) 0 0;
    padding: 0;
    list-style: none;
}

.oo-ia-estadistiques-fila[b-ewtolh47jr] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-1);
    padding: var(--oo-space-3) 0;
}

    .oo-ia-estadistiques-fila + .oo-ia-estadistiques-fila[b-ewtolh47jr] {
        border-top: var(--oo-border);
    }

/* Una sola línia: el text a l'esquerra i la xifra a la dreta. */
.oo-ia-estadistiques-fila--linia[b-ewtolh47jr] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
}

.oo-ia-estadistiques-cap[b-ewtolh47jr] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--oo-space-2);
}

.oo-ia-estadistiques-nom[b-ewtolh47jr] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.oo-ia-estadistiques-xifra[b-ewtolh47jr] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.oo-ia-estadistiques-meta[b-ewtolh47jr] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

/* Mòbil: botons del període a tota l'amplada i de 44 px. */
@media (max-width: 599.98px) {
    .oo-ia-estadistiques[b-ewtolh47jr]  .oo-ia-estadistiques-periode {
        display: flex;
        width: 100%;
    }

    .oo-ia-estadistiques[b-ewtolh47jr]  .oo-ia-estadistiques-periode .mud-button-root {
        flex: 1 1 0;
        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-permis[b-5jge93uo6d] {
    grid-column: 1 / -1;
}

.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;
    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: 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/AdminIATipus.razor.rz.scp.css */
/* Llista i, a partir de 960 px, el panell del detall al costat (sense tapar la llista). */
.oo-ia-tipus-cos[b-7r9vah3uj5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--oo-space-4);
    align-items: start;
}

.oo-ia-tipus-llista[b-7r9vah3uj5] {
    min-width: 0;
}

/* Capçalera fixa: la taula es desplaça dins del seu requadre. */
.oo-ia-tipus-taula[b-7r9vah3uj5]  .mud-table-container {
    max-height: calc(100dvh - 300px);
    min-height: 240px;
    overflow: auto;
}

.oo-ia-tipus-taula[b-7r9vah3uj5]  .oo-ia-tipus-fila {
    cursor: pointer;
}

.oo-ia-tipus-taula[b-7r9vah3uj5]  .oo-ia-tipus-fila--triada > td {
    background-color: var(--oo-surface-tint);
}

.oo-ia-tipus-nom[b-7r9vah3uj5] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.oo-ia-tipus-meta[b-7r9vah3uj5] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

/* Accions ràpides dels pendents: per sobre de la capa tocable de la targeta. */
.oo-ia-tipus-rapides[b-7r9vah3uj5] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
    pointer-events: auto;
}

.oo-ia-tipus-paginacio[b-7r9vah3uj5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-3);
}

.oo-ia-tipus-paginacio-controls[b-7r9vah3uj5] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-1);
}

    .oo-ia-tipus-paginacio-controls[b-7r9vah3uj5]  .oo-ia-tipus-mida {
        width: 140px;
        flex: none;
        margin-right: var(--oo-space-2);
    }

    /* Sense etiqueta: sense l'espai de sobre que hi reserva app.css. */
    .oo-ia-tipus-paginacio-controls[b-7r9vah3uj5]  .oo-ia-tipus-mida .mud-input-control-input-container {
        margin-top: 0;
    }

.oo-ia-tipus-panell[b-7r9vah3uj5] {
    display: none;
}

.oo-ia-tipus-full-arrel[b-7r9vah3uj5]  .oo-ia-tipus-full {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 85dvh;
    border-radius: var(--oo-radius-lg) var(--oo-radius-lg) 0 0;
}

@media (min-width: 960px) {
    .oo-ia-tipus-cos--detall[b-7r9vah3uj5] {
        grid-template-columns: minmax(0, 1fr) 380px;
    }

    .oo-ia-tipus-panell[b-7r9vah3uj5] {
        position: sticky;
        top: var(--oo-space-4);
        display: flex;
        flex-direction: column;
        max-height: calc(100dvh - 2 * var(--oo-space-4));
        overflow: hidden;
        border: var(--oo-card-border);
        border-radius: var(--oo-radius-lg);
        box-shadow: var(--oo-card-ombra);
        background-color: var(--oo-surface);
    }

    /* El full inferior només és per a pantalles estretes. */
    .oo-ia-tipus-full-arrel[b-7r9vah3uj5] {
        display: none;
    }
}

@media (max-width: 599.98px) {
    .oo-ia-tipus-rapides[b-7r9vah3uj5]  .mud-button-root,
    .oo-ia-tipus-paginacio-controls[b-7r9vah3uj5]  .mud-icon-button {
        min-height: 44px;
        min-width: 44px;
    }

    .oo-ia-tipus-paginacio[b-7r9vah3uj5] {
        flex-direction: column;
        align-items: stretch;
    }

    .oo-ia-tipus-paginacio-controls[b-7r9vah3uj5] {
        justify-content: space-between;
    }
}
/* /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;
        }
}

/* «Agrupar els repetits» com a fila amb l'interruptor (FilaAjust) entre els filtres. */
.oo-admin-logs-agrupar[b-wi48rf0czg] {
    flex: 1 1 240px;
    align-self: center;
    min-width: 0;
}
/* /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-card-border);
    border-radius: var(--oo-radius-lg);
    box-shadow: var(--oo-card-ombra);
    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));
    }

    /* Enrere i ⋯: botons rodons com els de CapcaleraMobil (la resta de pàgines). */
    .oo-admin-capcalera[b-238265xsh7]  .oo-admin-capcalera-enrere {
        display: inline-flex;
        flex: none;
        width: 44px;
        height: 44px;
        margin-right: var(--oo-space-2);
        border-radius: var(--oo-radius-pill);
        background-color: var(--oo-surface);
        box-shadow: var(--oo-shadow-flotant);
        color: var(--oo-text);
    }

    .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;
            border-radius: var(--oo-radius-pill);
            background-color: var(--oo-surface);
            box-shadow: var(--oo-shadow-flotant);
            color: var(--oo-text);
        }

    .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;
    }
}

/* La configuració, separada de la llista. */
.oo-admin-plans-config-bloc[b-juod2mnnms] {
    margin-top: var(--oo-space-5);
}
/* /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;
    }
}

/* «Actiu» com a fila amb l'interruptor a la dreta (FilaAjust). */
.oo-codi-form-actiu[b-fdlz7yu8p5] {
    margin-top: var(--oo-space-4);
}
/* /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;
    }
}

/* «Actiu» i «Per defecte»: files amb l'interruptor a la dreta (FilaAjust). */
.oo-pla-form-interruptors[b-xozazdt7wx] {
    display: grid;
    gap: var(--oo-space-3);
    margin-top: var(--oo-space-4);
}
/* /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/Admin/TipusDocumentDetall.razor.rz.scp.css */
/* Ocupa el panell o el full sencer; el cos es desplaça i la capçalera no. */
.oo-tipus-detall[b-g8hub9e33a] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.oo-tipus-detall-cap[b-g8hub9e33a] {
    display: flex;
    flex: none;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--oo-space-2);
    padding: var(--oo-space-3) var(--oo-space-2) var(--oo-space-2) var(--oo-space-4);
    border-bottom: var(--oo-border);
}

.oo-tipus-detall-titol[b-g8hub9e33a] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.oo-tipus-detall-nom[b-g8hub9e33a] {
    font-size: 1.0625rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.oo-tipus-detall-cos[b-g8hub9e33a] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
    padding: var(--oo-space-3) var(--oo-space-4) calc(var(--oo-space-4) + env(safe-area-inset-bottom));
    overflow-y: auto;
}

.oo-tipus-detall-xips[b-g8hub9e33a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-1);
}

.oo-tipus-detall-meta[b-g8hub9e33a] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

.oo-tipus-detall-seccio[b-g8hub9e33a] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-1);
}

.oo-tipus-detall-etiqueta[b-g8hub9e33a] {
    color: var(--oo-text-2);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.oo-tipus-detall-text[b-g8hub9e33a] {
    overflow-wrap: anywhere;
}

.oo-tipus-detall-noms[b-g8hub9e33a] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--oo-space-1) var(--oo-space-3);
    margin: 0;
}

    .oo-tipus-detall-noms dt[b-g8hub9e33a] {
        color: var(--oo-text-2);
        font-size: 0.75rem;
        font-weight: 600;
    }

    .oo-tipus-detall-noms dd[b-g8hub9e33a] {
        margin: 0;
        overflow-wrap: anywhere;
    }

.oo-tipus-detall-semblants[b-g8hub9e33a] {
    padding: var(--oo-space-2) var(--oo-space-3);
    border-radius: var(--oo-radius-sm);
    background-color: var(--oo-surface-tint);
}

.oo-tipus-detall-semblant[b-g8hub9e33a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
}

.oo-tipus-detall-accions[b-g8hub9e33a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

@media (max-width: 959.98px) {
    .oo-tipus-detall-accions[b-g8hub9e33a]  .mud-button-root,
    .oo-tipus-detall-semblant[b-g8hub9e33a]  .mud-button-root {
        min-height: 44px;
    }
}

/* Selector del comportament sense etiqueta (la porta la secció): sense l'espai de sobre que hi reserva app.css. */
.oo-tipus-detall[b-g8hub9e33a]  .oo-tipus-detall-select .mud-input-control-input-container {
    margin-top: 0;
}
/* /Components/Pages/Avisos/AvisDetail.razor.rz.scp.css */
/* Una sola columna centrada, de 760 px com a molt (com la fitxa d'element per sota de 1200 px). */
.oo-fitxa-avis[b-she6vv4dc1] {
    min-width: 0;
    max-width: 760px;
    margin-inline: auto;
}

/* Subtítol de la capçalera: la miniatura de l'actiu al costat del nom, i l'element vinculat com a enllaç. */
.oo-fitxa-avis-actiu[b-she6vv4dc1] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-width: 0;
}

.oo-fitxa-avis-enllac[b-she6vv4dc1] {
    color: var(--oo-primary);
    font-weight: 500;
    text-decoration: none;
}

.oo-fitxa-avis-enllac:hover[b-she6vv4dc1] {
    text-decoration: underline;
}

.oo-fitxa-avis-notes[b-she6vv4dc1] {
    margin: 0;
    overflow-wrap: break-word;
}
/* /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;
}

/* 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/AvisosIndex.razor.rz.scp.css */
/* Llista de l'Agenda (redisseny-diari.md §4): blocs (Vençuts, pendents, Fets) separats. */
.oo-agenda-bloc[b-0coq2q3xer] {
    margin-bottom: var(--oo-space-5);
}

.oo-agenda-bloc--vencuts[b-0coq2q3xer]  .oo-titol-seccio-icona {
    color: var(--oo-danger);
}

/* Per ordre alfabètic, una llista de targetes sense dies. */
.oo-agenda-llista[b-0coq2q3xer] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: var(--oo-space-5);
}

/* Escriptori: amplada de lectura. */
@media (min-width: 960px) {
    .oo-agenda-bloc[b-0coq2q3xer],
    .oo-agenda-llista[b-0coq2q3xer] {
        max-width: 880px;
    }
}
/* /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 ---------- */
/* Fletxa, mes (ocupa el que queda, centrat), fletxa i el xip «Fets». */
.oo-cal-mes[b-mqnb791phq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    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;
}

/* «Fets»: xip de l'alçada d'un botó d'icona petit. Encès, tonal amb el verd de la icona de fet; apagat, només contorn. */
.oo-cal-xip-fets[b-mqnb791phq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--oo-space-1);
    height: 32px;
    min-width: 32px;
    padding: 0 var(--oo-space-3) 0 var(--oo-space-2);
    border: var(--oo-border);
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-text-2);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

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

.oo-cal-xip-fets--actiu[b-mqnb791phq] {
    border-color: transparent;
    background-color: color-mix(in srgb, var(--oo-success) 16%, var(--oo-surface));
    color: var(--oo-success);
}

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

/* Mòbil estret: només la icona, perquè el mes no es talli. */
@media (max-width: 420px) {
    .oo-cal-xip-fets[b-mqnb791phq] {
        padding: 0;
    }

    .oo-cal-xip-fets-text[b-mqnb791phq] {
        display: none;
    }
}

.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);
}

/* Recordatori fet: cercle ple i verd amb el ✓ (com el cercle de la fila al detall del dia). */
.oo-cal-icona--fet[b-mqnb791phq] {
    background-color: var(--oo-success);
    color: var(--mud-palette-success-text);
}

.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-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 */
/* Tot derivat de --oo-cat-color i dels tokens: el fons és un tint suau del color de la categoria sobre la
   superfície (més intens en fosc, on un 9 % no es veuria), la vora el mateix color una mica més present i la
   icona un tint encara més intens. La tinta (icona i ›) barreja el color amb el text: en clar l'enfosqueix i en
   fosc l'aclareix, i així un color de categoria clar (groc, menta) manté el contrast sobre el seu tint. */
.oo-cat-card[b-sc0qnyk47p] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-text-2));
    --oo-cat-fons-pct: 9%;
    --oo-cat-vora-pct: 22%;
    --oo-cat-icona-pct: 20%;
    --oo-cat-fons: color-mix(in srgb, var(--oo-cat-color-efectiu) var(--oo-cat-fons-pct), var(--oo-surface));
    --oo-cat-tinta: color-mix(in srgb, var(--oo-cat-color-efectiu) 72%, var(--oo-text));
    --oo-cat-icona-mida: 52px;
    position: relative;
    display: flex;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--oo-cat-color-efectiu) var(--oo-cat-vora-pct), var(--oo-surface));
    box-shadow: var(--oo-card-ombra);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-cat-fons);
    transition: box-shadow var(--oo-dur) var(--oo-ease), border-color var(--oo-dur) var(--oo-ease),
        background-color var(--oo-dur) var(--oo-ease), transform var(--oo-dur-fast) var(--oo-ease);
}

:root[data-tema="dark"] .oo-cat-card[b-sc0qnyk47p] {
    --oo-cat-fons-pct: 16%;
    --oo-cat-vora-pct: 32%;
    --oo-cat-icona-pct: 30%;
}

/* Color clar (ColorCategoria.EsClar: groc, taronja), en mode clar: la tinta més enfosquida perquè la icona i la ›
   arribin a 3:1 sobre el tint (amb el 72 %, el groc #F5D76E es quedava a ~2,4:1). En fosc ja hi arriben. */
:root:not([data-tema="dark"]) .oo-cat-card--color-clar[b-sc0qnyk47p] {
    --oo-cat-tinta: color-mix(in srgb, var(--oo-cat-color-efectiu) 55%, var(--oo-text));
}

/* Categoria buida (0 · 0 · 0): el mateix color, més apagat. */
.oo-cat-card--buida[b-sc0qnyk47p] {
    --oo-cat-fons-pct: 4%;
    --oo-cat-vora-pct: 12%;
    --oo-cat-icona-pct: 12%;
}

:root[data-tema="dark"] .oo-cat-card--buida[b-sc0qnyk47p] {
    --oo-cat-fons-pct: 8%;
    --oo-cat-vora-pct: 20%;
    --oo-cat-icona-pct: 18%;
}

@media (min-width: 600px) {
    .oo-cat-card[b-sc0qnyk47p] {
        --oo-cat-icona-mida: 60px;
    }
}

/* Hover subtil només amb ratolí (al tàctil es quedaria enganxat): el tint una mica més intens. */
@media (hover: hover) and (pointer: fine) {
    .oo-cat-card:hover[b-sc0qnyk47p] {
        --oo-cat-fons: color-mix(in srgb, var(--oo-cat-color-efectiu) calc(var(--oo-cat-fons-pct) + 4%), var(--oo-surface));
        box-shadow: var(--oo-shadow-hover);
    }
}

/* Resposta breu en tocar (no al menú). */
.oo-cat-card:has(.oo-cat-card-enllac:active)[b-sc0qnyk47p] {
    --oo-cat-fons: color-mix(in srgb, var(--oo-cat-color-efectiu) calc(var(--oo-cat-fons-pct) + 6%), var(--oo-surface));
    transform: scale(0.98);
}

/* Icona i ›, nom i, enganxat a baix, el peu (rodonetes, comptadors i vençuts): a les targetes d'una mateixa
   fila de la graella (igual d'altes), el peu queda alineat encara que un nom ocupi 1 línia i un altre 2. */
.oo-cat-card-enllac[b-sc0qnyk47p] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--oo-space-2);
    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-cap[b-sc0qnyk47p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    width: 100%;
}

.oo-cat-card-icona[b-sc0qnyk47p] {
    display: grid;
    flex: 0 0 var(--oo-cat-icona-mida);
    place-items: center;
    width: var(--oo-cat-icona-mida);
    height: var(--oo-cat-icona-mida);
    border-radius: var(--oo-radius-md);
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) var(--oo-cat-icona-pct), var(--oo-surface));
    color: var(--oo-cat-tinta);
}

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

@media (min-width: 600px) {
    .oo-cat-card-icona[b-sc0qnyk47p] {
        border-radius: var(--oo-radius-lg);
    }

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

/* Fletxa d'enllaç: amb el menú ⋯ (Les meves coses), es queda a la seva esquerra. */
.oo-cat-card-fletxa[b-sc0qnyk47p] {
    display: grid;
    flex: none;
    place-items: center;
    color: var(--oo-cat-tinta);
}

.oo-cat-card--menu .oo-cat-card-fletxa[b-sc0qnyk47p] {
    margin-right: 26px;
}

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

.oo-cat-card-nom[b-sc0qnyk47p] {
    width: 100%;
    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;
}

.oo-cat-card-peu[b-sc0qnyk47p] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--oo-space-1);
    width: 100%;
    margin-top: auto;
}

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

/* Foto de l'actiu o icona del tipus sobre el tint de la Categoria; la vora és del color del fons de la
   targeta 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-cat-fons);
    border-radius: var(--oo-radius-pill);
    box-sizing: content-box;
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 22%, var(--oo-surface));
    color: var(--oo-cat-tinta);
}

.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] {
    font-size: 0.75rem;
}

/* El ⋯, a la cantonada i fora de l'enllaç, a l'altura de la icona (botó petit de 30 px); discret. */
.oo-cat-card[b-sc0qnyk47p]  .oo-cat-card-menu {
    position: absolute;
    top: calc(var(--oo-space-3) + (var(--oo-cat-icona-mida) - 30px) / 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; directament sobre el fons (pestanya sense targeta),
   amb la seva superfície. */
.oo-llista-files[b-2meka84xp7] {
    border: var(--oo-border);
    border-radius: var(--oo-radius-md);
    background-color: var(--oo-surface);
    overflow: hidden;
}

/* Graella d'actius: 2 columnes ja des de 340 px (la general, household-actius-grid, n'hi posa 1 fins a 380 px). */
@media (min-width: 340px) and (max-width: 379.98px) {
    .oo-categoria-actius[b-2meka84xp7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--oo-space-3);
    }
}

/* 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);
}

/* Xip del venciment més urgent (a l'Estat de CapcaleraFitxa): ambre si necessita atenció, vermell si és vençut. Una
   línia amb «…» (el text sencer, a l'aria-label i al title), tan ample com el text i mai més que la capçalera; 44 px
   de toc. */
.oo-categoria-destacat[b-2meka84xp7] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    padding: var(--oo-space-1) var(--oo-space-3);
    border: 1px solid color-mix(in srgb, var(--oo-warning) 45%, transparent);
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-warning) 14%, var(--oo-surface));
    color: var(--oo-text);
    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);
}

.oo-categoria-destacat[b-2meka84xp7]  .mud-icon-root {
    flex: none;
    color: var(--oo-warning);
}

.oo-categoria-destacat--vencut[b-2meka84xp7] {
    border-color: color-mix(in srgb, var(--oo-danger) 45%, transparent);
    background-color: color-mix(in srgb, var(--oo-danger) 12%, var(--oo-surface));
}

.oo-categoria-destacat--vencut[b-2meka84xp7]  .mud-icon-root {
    color: var(--oo-danger);
}

.oo-categoria-destacat:hover[b-2meka84xp7] {
    background-color: color-mix(in srgb, var(--oo-warning) 22%, var(--oo-surface));
}

.oo-categoria-destacat--vencut:hover[b-2meka84xp7] {
    background-color: color-mix(in srgb, var(--oo-danger) 18%, var(--oo-surface));
}

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

.oo-categoria-destacat-text[b-2meka84xp7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .oo-categoria-destacat[b-2meka84xp7] {
        transition: none;
    }
}
/* /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/Despeses/DespesesIndex.razor.rz.scp.css */
/* Resum amb l'estil «Quick stats» (redisseny-diari.md §5): les mateixes targetes que els indicadors d'Inici, però
   no són enllaços. */
.oo-despeses-metriques[b-dbeesf9g7u] {
    margin-bottom: var(--oo-space-4);
}

    .oo-despeses-metriques .oo-metrica:active[b-dbeesf9g7u] {
        transform: none;
    }

.oo-despeses-pagaments[b-dbeesf9g7u] {
    margin-bottom: var(--oo-space-5);
}

.oo-despeses-veure-tots[b-dbeesf9g7u] {
    margin: 0 0 0 var(--oo-space-2);
    padding: var(--oo-space-2) var(--oo-space-3);
    border: 0;
    border-radius: var(--oo-radius-pill);
    background: none;
    color: var(--oo-primary);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

    .oo-despeses-veure-tots:focus-visible[b-dbeesf9g7u] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }
/* /Components/Pages/Despeses/ExportarDespesesDialog.razor.rz.scp.css */
/* Període: xips d'opció ràpida, com la garantia del formulari de l'actiu. */
.oo-exportar-despeses-titol[b-r4vt1mhwof] {
    margin-bottom: var(--oo-space-2);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-exportar-despeses-titol--format[b-r4vt1mhwof] {
    margin-top: var(--oo-space-4);
}

.oo-exportar-despeses-xips[b-r4vt1mhwof] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

.oo-exportar-despeses-xips[b-r4vt1mhwof]  .mud-chip {
    margin: 0;
}

.oo-exportar-despeses-rang[b-r4vt1mhwof] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--oo-space-3);
    margin-top: var(--oo-space-3);
}

.oo-exportar-despeses-resum[b-r4vt1mhwof] {
    margin-top: var(--oo-space-4);
}

.oo-exportar-despeses-format[b-r4vt1mhwof] {
    display: block;
    margin-top: var(--oo-space-2);
    color: var(--oo-text-2);
}

@media (max-width: 599.98px) {
    .oo-exportar-despeses-xips[b-r4vt1mhwof]  .mud-chip {
        min-height: 44px;
    }

    .oo-exportar-despeses-rang[b-r4vt1mhwof] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Elements/ElementDetail.razor.rz.scp.css */
/* Subtítol de la capçalera: la miniatura de l'actiu al costat del nom. */
.oo-fitxa-element-actiu[b-z4wt31kwf8] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-width: 0;
}

/* Pagament domiciliat: cap botó, una línia informativa amb el check en verd. */
.oo-fitxa-element-domiciliat[b-z4wt31kwf8] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-fitxa-element-domiciliat[b-z4wt31kwf8]  .mud-icon-root {
    color: var(--mud-palette-success);
}

.oo-fitxa-element-veure-tot[b-z4wt31kwf8] {
    display: flex;
    justify-content: center;
    margin-top: var(--oo-space-2);
}

.oo-fitxa-element-notes[b-z4wt31kwf8] {
    margin: 0;
    overflow-wrap: break-word;
}

/* Mòbil i tauleta: una sola columna centrada, de 760 px com a molt; el lateral no hi és (l'estat i l'acció són a la
   capçalera). */
.oo-fitxa-element-principal[b-z4wt31kwf8] {
    min-width: 0;
    max-width: 760px;
    margin-inline: auto;
}

.oo-fitxa-element-lateral[b-z4wt31kwf8] {
    display: none;
}

/* Escriptori (≥ 1200 px): el contingut i un lateral de 320 px, fix en desplaçar, amb l'estat i l'acció. */
@media (min-width: 1200px) {
    .oo-fitxa-element[b-z4wt31kwf8] {
        display: grid;
        grid-template-columns: minmax(0, 760px) 320px;
        align-items: start;
        gap: var(--oo-space-5);
    }

    .oo-fitxa-element-principal[b-z4wt31kwf8] {
        margin-inline: 0;
    }

    .oo-fitxa-element-lateral[b-z4wt31kwf8] {
        position: sticky;
        top: var(--oo-space-4);
        display: flex;
        flex-direction: column;
        gap: var(--oo-space-4);
    }
}

.oo-fitxa-element-bloc[b-z4wt31kwf8] {
    padding: var(--oo-space-4);
    border: var(--oo-card-border);
    box-shadow: var(--oo-card-ombra);
    border-radius: var(--oo-radius-lg);
    background-color: var(--oo-surface);
}

.oo-fitxa-element-bloc-titol[b-z4wt31kwf8] {
    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-fitxa-element-estat[b-z4wt31kwf8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-fitxa-element-dades[b-z4wt31kwf8] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
    margin: var(--oo-space-4) 0 0;
}

.oo-fitxa-element-dades dt[b-z4wt31kwf8] {
    font-size: 0.75rem;
    color: var(--oo-text-2);
}

.oo-fitxa-element-dades dd[b-z4wt31kwf8] {
    margin: 0;
    font-weight: 600;
    color: var(--oo-text);
    overflow-wrap: break-word;
}

/* L'acció a tota l'amplada del lateral, separada per una línia fina com a la capçalera. */
.oo-fitxa-element-accio[b-z4wt31kwf8] {
    display: grid;
    gap: var(--oo-space-3);
    margin-top: var(--oo-space-4);
    padding-top: var(--oo-space-4);
    border-top: var(--oo-border);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-fitxa-element-accio[b-z4wt31kwf8]  .mud-button-root {
    width: 100%;
    min-height: 44px;
}

.oo-fitxa-element-propers[b-z4wt31kwf8] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.oo-fitxa-element-proper[b-z4wt31kwf8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    width: 100%;
    padding: var(--oo-space-2) 0;
    border: 0;
    border-bottom: var(--oo-border);
    background: none;
    color: var(--oo-text);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.oo-fitxa-element-propers li:last-child .oo-fitxa-element-proper[b-z4wt31kwf8] {
    border-bottom: 0;
}

.oo-fitxa-element-proper:focus-visible[b-z4wt31kwf8] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 2px;
}

.oo-fitxa-element-proper-titol[b-z4wt31kwf8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    font-size: 0.875rem;
    font-weight: 600;
}

.oo-fitxa-element-ultim[b-z4wt31kwf8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    font-size: 0.8125rem;
    color: var(--oo-text-2);
}

.oo-fitxa-element-ultim-import[b-z4wt31kwf8] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--oo-text);
}
/* /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);
}

/* Xips de suggeriments sota el nom (recurrència, plantilles): alineats amb la vora del camp, com els del
   recordatori (sense el marge propi de MudChip). */
.oo-plantilles-element[b-zeal25pzts] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
}

.oo-plantilles-element[b-zeal25pzts]  .mud-chip {
    margin: 0;
}
/* /Components/Pages/Espai/EspaiConfiguracio.razor.rz.scp.css */
/* Escriptori: capçalera i blocs centrats, a 720 px com a molt (com AdminConfiguracio). Per sota, l'amplada del layout. */
@media (min-width: 960px) {
    .oo-espai-config[b-55evn9d93y] {
        max-width: 720px;
        margin-inline: auto;
    }
}

/* Ancoratges (#membres, #convidar, #zona-horaria, #les-teves-dades): en saltar-hi, el bloc queda per sota del notch o
   de la barra d'estat (PWA a pantalla completa) amb una mica d'aire, no enganxat a dalt. */
.oo-espai-config[b-55evn9d93y]  section[id] {
    scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--oo-space-4));
}

/* «Ara hi són les 10:42», sota el camp de la zona: com el text d'ajuda dels camps, però fora del camp. */
.oo-espai-config-ara[b-55evn9d93y] {
    margin: var(--oo-space-1) 0 0;
    padding-inline: var(--oo-space-1);
    color: var(--oo-text-2);
    font-size: 0.75rem;
    line-height: 1.4;
}

/* Avís de transferència de titularitat a sobre dels membres: el text i, a sota, «Cancel·lar la transferència». */
.oo-espai-config-avis[b-55evn9d93y] {
    margin-bottom: var(--oo-space-3);
}

    .oo-espai-config-avis[b-55evn9d93y]  .mud-alert-message {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--oo-space-1);
    }

        .oo-espai-config-avis[b-55evn9d93y]  .mud-alert-message .mud-button-root {
            margin-inline-start: calc(-1 * var(--oo-space-2));
        }

/* «El teu dispositiu és a …» i «Fer servir aquesta»: el text a l'esquerra i el botó de text al costat o a sota. */
.oo-espai-config-zona-dispositiu[b-55evn9d93y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-1) var(--oo-space-3);
    margin-top: var(--oo-space-3);
    padding-top: var(--oo-space-3);
    border-top: var(--oo-border);
    color: var(--oo-text-2);
    font-size: 0.875rem;
    line-height: 1.4;
}

    .oo-espai-config-zona-dispositiu[b-55evn9d93y]  .mud-button-root {
        margin-inline-end: calc(-1 * var(--oo-space-2));
        white-space: nowrap;
    }
/* /Components/Pages/Espai/ExportacioCompletaDialog.razor.rz.scp.css */
.oo-exportacio-completa-temps[b-mehd402wgb] {
    margin-top: var(--oo-space-2);
    color: var(--oo-text-2);
}

.oo-exportacio-completa-avis[b-mehd402wgb] {
    margin-top: var(--oo-space-4);
}

/* La nota del ZIP només es veu al mòbil. */
.oo-exportacio-completa-mobil[b-mehd402wgb] {
    display: none;
}

@media (max-width: 599.98px) {
    .oo-exportacio-completa-mobil[b-mehd402wgb] {
        display: flex;
        align-items: flex-start;
        gap: var(--oo-space-2);
        margin-top: var(--oo-space-4);
        color: var(--oo-text-2);
    }

    .oo-exportacio-completa-mobil[b-mehd402wgb]  .mud-icon-root {
        flex-shrink: 0;
        margin-top: 2px;
    }
}
/* /Components/Pages/Espai/SeccioLesTevesDades.razor.rz.scp.css */
.oo-dades-espai-estat[b-872eywq98o] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-dades-espai-estat--llesta[b-872eywq98o] {
    color: var(--mud-palette-success);
}

.oo-dades-espai-estat--llesta[b-872eywq98o]  .mud-typography {
    color: var(--mud-palette-text-primary);
}

.oo-dades-espai-mida[b-872eywq98o] {
    color: var(--oo-text-2);
}

.oo-dades-espai-descarregar[b-872eywq98o] {
    margin-top: var(--oo-space-3);
}

.oo-dades-espai-demanar[b-872eywq98o] {
    margin-top: var(--oo-space-4);
}

.oo-dades-espai-quan[b-872eywq98o] {
    display: block;
    margin-top: var(--oo-space-2);
    color: var(--oo-text-2);
}

@media (max-width: 599.98px) {
    .oo-dades-espai-demanar[b-872eywq98o]  .mud-button-root,
    .oo-dades-espai-descarregar[b-872eywq98o]  .mud-button-root {
        width: 100%;
        min-height: 44px;
    }
}
/* /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;
    }

    .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-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);
}

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

/* Escriptori (≥ 1280 px): dues columnes (~2/3 i ~1/3) i dues files. A la primera, els xips de filtre i el títol
   «Resum»; a la segona, la targeta destacada amb «Necessita atenció» i els tres indicadors apilats. Els indicadors
   fan servir les files de la graella (subgrid), així la primera targeta comença a l'altura de la destacada encara
   que els xips passin a dues línies. Els xips (36 px + 2 px de farciment) i el títol (40 px) tenen la mateixa
   alçada, de manera que el títol queda centrat amb la primera línia de xips. 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);
        grid-template-rows: auto auto;
        align-items: start;
        gap: var(--oo-space-4) var(--oo-space-5);
        margin-bottom: var(--oo-space-6);
    }

    .oo-home-graella .oo-home-filtres[b-1hkvzzz3nj] {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
    }

    .oo-home-principal[b-1hkvzzz3nj] {
        grid-column: 1;
        grid-row: 2;
    }

    .oo-home-metriques[b-1hkvzzz3nj] {
        display: grid;
        grid-column: 2;
        grid-row: 1 / span 2;
        grid-template-rows: subgrid;
        align-items: start;
    }

    .oo-home-metriques[b-1hkvzzz3nj]  .oo-titol-seccio {
        grid-row: 1;
        margin-bottom: 0;
    }

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

    .oo-home-graella .oo-metriques[b-1hkvzzz3nj] {
        grid-row: 2;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--oo-space-2);
        margin: 0;
    }
}

/* Barra de cerca (redisseny-diari.md §2): un botó amb aspecte de camp, en píndola blanca, que obre la cerca
   global. Només al mòbil: a l'escriptori la cerca és a l'appbar. */
.oo-home-cerca[b-1hkvzzz3nj] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    width: 100%;
    min-height: 48px;
    margin: calc(-1 * var(--oo-space-2)) 0 var(--oo-space-5);
    padding: 0 var(--oo-space-4);
    border: var(--oo-card-border);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-card-ombra);
    color: var(--oo-text-3);
    font: inherit;
    font-size: 0.9375rem;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .oo-home-cerca span[b-1hkvzzz3nj] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .oo-home-cerca[b-1hkvzzz3nj]  .mud-icon-root {
        flex-shrink: 0;
        color: var(--oo-text-2);
    }

    .oo-home-cerca:focus-visible[b-1hkvzzz3nj] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

@media (min-width: 960px) {
    .oo-home-cerca[b-1hkvzzz3nj] {
        display: none;
    }
}
/* /Components/Pages/Perfil.razor.rz.scp.css */
/* Nom complet (camp + «Desar») entre la fila del correu i la de la contrasenya, separat per línies com les fileres. */
.oo-perfil-nom[b-1tsn9110c9] {
    padding: var(--oo-space-2) 0 var(--oo-space-3);
    border-top: var(--oo-border);
    border-bottom: var(--oo-border);
}

/* Avisos per correu: una FilaAjust per avís. */
.oo-perfil-avisos[b-1tsn9110c9] {
    display: grid;
    gap: var(--oo-space-4);
}

/* El botó de text, alineat amb el text del bloc (el seu padding fora). */
.oo-perfil-sessio[b-1tsn9110c9] {
    margin-inline-start: calc(-1 * var(--oo-space-2));
}

/* Recordatoris per Espai: sagnats sota «Venciments», amb una línia a l'esquerra que els hi lliga. */
.oo-perfil-avisos-espais[b-1tsn9110c9] {
    display: grid;
    gap: var(--oo-space-3);
    padding-left: var(--oo-space-4);
    border-left: var(--oo-border);
}
/* /Components/Pages/PermisDocumentsPrivatsDialog.razor.rz.scp.css */
/* Els punts del consentiment: què s'envia, a qui, què se'n desa i com retirar-lo. */
.oo-consentiment-llista[b-typ5etizye] {
    display: grid;
    gap: var(--oo-space-2);
    margin: 0;
    padding-inline-start: 1.25rem;
    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 */
/* Targeta destacada d'Inici (redisseny-diari.md §2): targeta blanca de la base visual (sense vora i ombra suau en
   clar, vora subtil en fosc). Contingut a l'esquerra i la imatge a la dreta. */
.oo-destacada[b-383s6zpy7s] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-primary));
    position: relative;
    display: flex;
    align-items: stretch;
    gap: var(--oo-space-4);
    padding: var(--oo-space-4) var(--oo-space-4) var(--oo-space-4) var(--oo-space-5);
    border: var(--oo-card-border);
    border-radius: var(--oo-radius-xl);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-card-ombra);
    transition: transform var(--oo-dur-fast) var(--oo-ease), box-shadow var(--oo-dur) var(--oo-ease);
}

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

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

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

/* Cobertura: l'enllaç (element) o el botó (recordatori) que obre el venciment, a sobre de tota la targeta. */
.oo-destacada-cobertura[b-383s6zpy7s] {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

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

.oo-destacada-contingut[b-383s6zpy7s] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--oo-space-3);
    min-width: 0;
}

.oo-destacada-cap[b-383s6zpy7s] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    min-width: 0;
}

/* Icona de la categoria al quadrat pastel. */
.oo-destacada-quadrat[b-383s6zpy7s] {
    display: grid;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    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);
}

    .oo-destacada-quadrat[b-383s6zpy7s]  .mud-icon-root {
        width: 20px;
        height: 20px;
    }

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

/* Fins a dues línies abans de tallar-se: la imatge de la dreta deixa poc espai al mòbil. */
.oo-destacada-titol[b-383s6zpy7s] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--oo-text);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.oo-destacada-subtitol[b-383s6zpy7s] {
    overflow: hidden;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-destacada-subtitol--llarg[b-383s6zpy7s] {
    white-space: normal;
}

.oo-destacada-estat[b-383s6zpy7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-3);
}

.oo-destacada-import[b-383s6zpy7s] {
    color: var(--oo-text);
    font-size: 1.0625rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* El botó de l'acció, per sobre de la cobertura; «Veure detall» és només aspecte (el clic passa a la cobertura). */
.oo-destacada-peu[b-383s6zpy7s] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    margin-top: auto;
    pointer-events: none;
}

    .oo-destacada-peu[b-383s6zpy7s]  button {
        pointer-events: auto;
    }

.oo-destacada-veure[b-383s6zpy7s] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 44px;
    padding: 0 var(--oo-space-4) 0 var(--oo-space-5);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-primary);
    color: var(--mud-palette-primary-text);
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

    .oo-destacada-veure[b-383s6zpy7s]  .mud-icon-root {
        width: 18px;
        height: 18px;
    }

/* A la dreta: la foto de l'actiu retallada, o la icona en gran sobre el pastel de la categoria. */
.oo-destacada-imatge[b-383s6zpy7s] {
    display: grid;
    flex: 0 0 96px;
    place-items: center;
    align-self: center;
    width: 96px;
    height: 96px;
    overflow: hidden;
    border-radius: var(--oo-radius-lg);
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 14%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

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

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

/* Molt estret: la imatge més petita perquè el títol i el botó hi càpiguen. */
@media (max-width: 359.98px) {
    .oo-destacada-imatge[b-383s6zpy7s] {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
    }
}

@media (min-width: 960px) {
    .oo-destacada[b-383s6zpy7s] {
        padding: var(--oo-space-5);
    }

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

    .oo-destacada-imatge[b-383s6zpy7s] {
        flex-basis: 128px;
        width: 128px;
        height: 128px;
    }

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

@media (prefers-reduced-motion: reduce) {
    .oo-destacada[b-383s6zpy7s],
    .oo-destacada:has(.oo-destacada-cobertura:active)[b-383s6zpy7s] {
        transition: none;
        transform: none;
    }
}
/* /Components/Shared/AccioVenciment.razor.rz.scp.css */
/* Acció de la targeta destacada d'Inici (redisseny-diari.md §2): píndola plena amb el primari, text i fletxa.
   També la fa servir la targeta per a «Veure detall» (classe global, perquè la pinta qui la fa servir). */
.oo-accio-destacada[b-hpsont6zy1] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 44px;
    padding: 0 var(--oo-space-4) 0 var(--oo-space-5);
    border: 0;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-primary);
    color: var(--mud-palette-primary-text);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform var(--oo-dur-fast) var(--oo-ease), filter var(--oo-dur-fast) var(--oo-ease);
}

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

@media (hover: hover) and (pointer: fine) {
    .oo-accio-destacada:hover[b-hpsont6zy1] {
        filter: brightness(1.08);
    }
}

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

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

@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;
    }

    /* L'AvatarUsuari omple el botó, que és qui porta la mida (capçalera, calaix, menú lateral). */
    .oo-avatar-pla[b-jhxlbn1tev]  .oo-avatar-usuari {
        width: 100%;
        height: 100%;
    }

.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/AvatarUsuari.razor.rz.scp.css */
/* Les inicials s'escalen amb el cercle (unitats del contenidor), així que AvatarPla i qui el posi a una altra mida
   no han de tocar-ne la lletra. */
.oo-avatar-usuari[b-ys903l1q0m] {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-avatar-fons);
    color: var(--oo-avatar-text);
    container-type: size;
    user-select: none;
}

.oo-avatar-usuari--petita[b-ys903l1q0m] {
    width: 28px;
    height: 28px;
}

.oo-avatar-usuari--gran[b-ys903l1q0m] {
    width: 36px;
    height: 36px;
}

.oo-avatar-usuari--neutre[b-ys903l1q0m] {
    --oo-avatar-fons: color-mix(in srgb, var(--oo-text-2) 14%, var(--oo-surface));
    --oo-avatar-text: var(--oo-text-2);
}

.oo-avatar-usuari-text[b-ys903l1q0m] {
    font-size: 38cqi;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
}
/* /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;
    }
}

/* Píndoles (Pindoles): sense línia de base ni fletxes; 40 px d'alçada i 44 px de toc amb el marge de la llista. L'activa,
   amb el fons i la vora primaris i en negreta: no depèn només del color. */
.oo-barra-pestanyes--pindoles[b-s4rkhjtutw] {
    margin-bottom: var(--oo-space-3);
    border-bottom: 0;
}

.oo-barra-pestanyes--pindoles .oo-barra-llista[b-s4rkhjtutw] {
    gap: var(--oo-space-2);
    padding: 2px 0;
}

.oo-barra-pestanyes--pindoles .oo-barra-pestanya[b-s4rkhjtutw] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: 0;
    padding: 0 var(--oo-space-4);
    border: var(--oo-border);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    transition: color var(--oo-dur-fast) var(--oo-ease), background-color var(--oo-dur-fast) var(--oo-ease), border-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-barra-pestanyes--pindoles .oo-barra-pestanya:focus-visible[b-s4rkhjtutw] {
    border-radius: var(--oo-radius-pill);
}

.oo-barra-pestanyes--pindoles .oo-barra-pestanya-activa[b-s4rkhjtutw] {
    border-color: var(--oo-primary);
    background-color: color-mix(in srgb, var(--oo-primary) 14%, var(--oo-surface));
}

@media (max-width: 599.98px) {
    .oo-barra-pestanyes--pindoles .oo-barra-pestanya[b-s4rkhjtutw] {
        padding: 0 var(--oo-space-3);
    }
}

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

/* Enganxada (< 960 px): just sota la CapcaleraMobil Enganxada (safe area + --oo-capcalera-mobil-alcada), amb el fons de
   la pàgina fins a les vores (el marge negatiu compensa el gutter de 16 px) perquè el contingut no s'hi vegi per sota. */
@media (max-width: 959.98px) {
    .oo-barra-pestanyes--enganxada[b-s4rkhjtutw] {
        position: sticky;
        top: calc(env(safe-area-inset-top, 0px) + var(--oo-capcalera-mobil-alcada));
        z-index: 19;
        margin-inline: calc(-1 * var(--oo-space-4));
        padding: var(--oo-space-1) max(var(--oo-space-4), env(safe-area-inset-right, 0px)) var(--oo-space-1) max(var(--oo-space-4), env(safe-area-inset-left, 0px));
        background-color: var(--oo-bg);
    }
}

.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/CampAmbBoto.razor.rz.scp.css */
/* Mòbil: tot en columna a amplada completa. */
.oo-camp-amb-boto[b-z4lsbnrzw0] {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-3);
    width: 100%;
}

.oo-camp-amb-boto-camp[b-z4lsbnrzw0],
.oo-camp-amb-boto-extra[b-z4lsbnrzw0],
.oo-camp-amb-boto-boto[b-z4lsbnrzw0] {
    min-width: 0;
}

/* La caixa del camp i el botó, de la mateixa alçada. */
.oo-camp-amb-boto[b-z4lsbnrzw0]  .mud-input.mud-input-underline {
    min-height: 44px;
}

.oo-camp-amb-boto-boto[b-z4lsbnrzw0]  .mud-button-root {
    width: 100%;
    min-height: 44px;
    white-space: nowrap;
}

.oo-camp-amb-boto-peu[b-z4lsbnrzw0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-2);
}

/* A partir de 600 px, en línia. El botó baixa el que ocupa l'etiqueta de sobre del camp (el marge superior del
   contenidor de MudBlazor, app.css), i així queda a l'altura de la caixa encara que el camp tingui text d'ajuda. */
@media (min-width: 600px) {
    .oo-camp-amb-boto[b-z4lsbnrzw0] {
        flex-direction: row;
        align-items: flex-start;
    }

    .oo-camp-amb-boto-camp[b-z4lsbnrzw0] {
        flex: 1 1 auto;
    }

    .oo-camp-amb-boto--compacte .oo-camp-amb-boto-camp[b-z4lsbnrzw0] {
        flex: 0 1 12rem;
    }

    .oo-camp-amb-boto-extra[b-z4lsbnrzw0] {
        flex: 0 0 auto;
        min-width: 10rem;
    }

    .oo-camp-amb-boto-boto[b-z4lsbnrzw0] {
        flex: 0 0 auto;
        margin-top: 22px;
    }

        .oo-camp-amb-boto-boto[b-z4lsbnrzw0]  .mud-button-root {
            width: auto;
        }
}
/* /Components/Shared/CampCodiPromocio.razor.rz.scp.css */
/* A l'escriptori, el camp no s'estira més del que cal per a un codi. */
.oo-camp-codi[b-s5en0i4rnn] {
    max-width: 32rem;
}

.oo-camp-codi-exit[b-s5en0i4rnn] {
    margin: var(--oo-space-2) 0 0;
    font-size: 0.875rem;
    color: var(--oo-success);
}
/* /Components/Shared/CapcaleraFitxa.razor.rz.scp.css */
/* Targeta de la capçalera: el mateix degradat suau del color de la categoria que HeroActiu, només amb la vora fina (sense
   ombra: és el fons de la pàgina, no una targeta més; docs/plans/fets/capcalera-categoria.md §2.1). */
.oo-capcalera-fitxa[b-7q9ztkk8fl] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-primary));
    min-width: 0;
    margin-bottom: var(--oo-space-4);
    padding: var(--oo-space-4);
    border: var(--oo-card-border);
    border-radius: var(--oo-radius-lg);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--oo-cat-color-efectiu) 12%, var(--oo-surface)) 0%,
        color-mix(in srgb, var(--oo-cat-color-efectiu) 3%, var(--oo-surface)) 100%);
}

.oo-capcalera-fitxa-cap[b-7q9ztkk8fl] {
    display: flex;
    align-items: flex-start;
    gap: var(--oo-space-3);
}

.oo-capcalera-fitxa-titols[b-7q9ztkk8fl] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Fins a 2 línies, tallant entre paraules (el nom sencer, al title). */
.oo-capcalera-fitxa-titols[b-7q9ztkk8fl]  .oo-capcalera-fitxa-nom {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    font-family: Fraunces, serif;
    line-height: 1.15;
}

/* Icona gran de la categoria (com a CategoriaCard): el color, sobre el seu tint. El nom, centrat al seu costat. */
.oo-capcalera-fitxa-icona[b-7q9ztkk8fl] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: var(--oo-radius-lg);
    background-color: color-mix(in srgb, var(--oo-cat-color-efectiu) 18%, var(--oo-surface));
    color: var(--oo-cat-color-efectiu);
}

.oo-capcalera-fitxa-icona[b-7q9ztkk8fl]  .mud-icon-root {
    width: 30px;
    height: 30px;
}

.oo-capcalera-fitxa-icona + .oo-capcalera-fitxa-titols[b-7q9ztkk8fl] {
    align-self: center;
}

/* Les xifres (pastilles de qui l'inclou): s'emboliquen en diverses línies, mai es tallen. */
.oo-capcalera-fitxa-xifres[b-7q9ztkk8fl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-4);
}

.oo-capcalera-fitxa-subtitol[b-7q9ztkk8fl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-1) var(--oo-space-2);
    margin-top: var(--oo-space-1);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

.oo-capcalera-fitxa-accions[b-7q9ztkk8fl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
    margin: calc(-1 * var(--oo-space-2)) calc(-1 * var(--oo-space-2)) 0 0;
}

.oo-capcalera-fitxa-estat[b-7q9ztkk8fl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-3);
}

.oo-capcalera-fitxa-pills[b-7q9ztkk8fl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin-top: var(--oo-space-3);
}

/* Acció principal: separada de les dades per una línia fina. */
.oo-capcalera-fitxa-accio[b-7q9ztkk8fl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-3);
    margin-top: var(--oo-space-4);
    padding-top: var(--oo-space-4);
    border-top: var(--oo-border);
    font-size: 0.875rem;
    color: var(--oo-text-2);
}

/* Mòbil: l'acció a tota l'amplada, amb 48 px d'àrea tàctil. */
@media (max-width: 599.98px) {
    .oo-capcalera-fitxa-icona[b-7q9ztkk8fl] {
        width: 48px;
        height: 48px;
        border-radius: var(--oo-radius-md);
    }

    .oo-capcalera-fitxa-icona[b-7q9ztkk8fl]  .mud-icon-root {
        width: 26px;
        height: 26px;
    }

    .oo-capcalera-fitxa-accio[b-7q9ztkk8fl]  .mud-button-root {
        width: 100%;
        min-height: 48px;
    }
}

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

    .oo-capcalera-fitxa-accions[b-7q9ztkk8fl]  .oo-capcalera-fitxa-menu {
        display: none;
    }
}

/* Amb lateral (dues columnes, ≥ 1200 px): l'estat, les dades clau i l'acció són al lateral de la pàgina. */
@media (min-width: 1200px) {
    .oo-capcalera-fitxa--amb-lateral .oo-capcalera-fitxa-estat[b-7q9ztkk8fl],
    .oo-capcalera-fitxa--amb-lateral .oo-capcalera-fitxa-pills[b-7q9ztkk8fl],
    .oo-capcalera-fitxa--amb-lateral .oo-capcalera-fitxa-accio[b-7q9ztkk8fl] {
        display: none;
    }
}
/* /Components/Shared/CapcaleraFull.razor.rz.scp.css */
/* El títol ocupa l'espai que queda (amb «…» si és llarg) i «Desar» a la dreta, només al mòbil. */
.oo-capcalera-full[b-65s3ovyo2p] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: var(--oo-space-2);
}

.oo-capcalera-full[b-65s3ovyo2p]  .oo-capcalera-full-titol {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-capcalera-full[b-65s3ovyo2p]  .oo-capcalera-full-desar {
    flex: none;
    min-height: 44px;
    font-weight: 600;
    white-space: nowrap;
}

@media (min-width: 600px) {
    .oo-capcalera-full[b-65s3ovyo2p]  .oo-capcalera-full-desar {
        display: none;
    }

    .oo-capcalera-full[b-65s3ovyo2p]  .oo-capcalera-full-titol {
        white-space: normal;
    }
}
/* /Components/Shared/CapcaleraMobil.razor.rz.scp.css */
.oo-capcalera-mobil[b-z1j8a66w9a] {
    position: relative;
    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;
}

/* Selector d'Espai (Inici): ocupa l'espai entre l'avatar i la campana, centrat; si el nom no hi cap, s'escurça
   amb «…» (el menú de MudBlazor i el seu activador també s'han de poder estrènyer). */
.oo-capcalera-espai[b-z1j8a66w9a] {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
}

    .oo-capcalera-espai[b-z1j8a66w9a]  .mud-menu,
    .oo-capcalera-espai[b-z1j8a66w9a]  .mud-menu-activator {
        min-width: 0;
        max-width: 100%;
    }

.oo-capcalera-espai + .oo-capcalera-mobil-accions[b-z1j8a66w9a] {
    margin-left: 0;
}

/* 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;
    }
}

/* Enganxada (fitxa de categoria): sticky sota la safe area (la franja body::after de la PWA d'iPhone la tapa per sobre),
   amb el fons de la pàgina fins a les vores (el marge negatiu compensa el gutter de 16 px del contenidor) i una alçada
   fixa (--oo-capcalera-mobil-alcada) perquè les píndoles s'enganxin just a sota. La línia de sota, només en compacte. */
.oo-capcalera-mobil--enganxada[b-z1j8a66w9a] {
    position: sticky;
    top: env(safe-area-inset-top, 0px);
    z-index: 20;
    box-sizing: border-box;
    min-height: var(--oo-capcalera-mobil-alcada);
    margin: calc(-1 * var(--oo-space-2)) calc(-1 * var(--oo-space-4)) var(--oo-space-2);
    padding: var(--oo-space-2) max(var(--oo-space-4), env(safe-area-inset-right, 0px)) var(--oo-space-2) max(var(--oo-space-4), env(safe-area-inset-left, 0px));
    border-bottom: 1px solid transparent;
    background-color: var(--oo-bg);
    transition: border-color var(--oo-dur-fast) var(--oo-ease);
}

.oo-capcalera-mobil--enganxada[data-compacte][b-z1j8a66w9a] {
    border-bottom-color: var(--mud-palette-lines-default);
}

/* Nom petit al costat de l'enrere: ocupa l'espai fins als botons de la dreta, una línia amb «…». Amagat (sense ocupar
   cap toc) fins que la barra és compacta; apareix amb un fos curt. */
.oo-capcalera-titol-compacte[b-z1j8a66w9a] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: var(--oo-text);
    font-family: var(--mud-typography-h4-family);
    font-size: 1.0625rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 150ms var(--oo-ease), visibility 150ms;
}

.oo-capcalera-mobil--enganxada[data-compacte] .oo-capcalera-titol-compacte[b-z1j8a66w9a] {
    opacity: 1;
    visibility: visible;
}

.oo-capcalera-titol-compacte + .oo-capcalera-mobil-accions[b-z1j8a66w9a] {
    margin-left: 0;
}

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

/* Títol centrat (Agenda): Fraunces, a la meitat de la capçalera, sense tapar els botons dels costats. */
.oo-capcalera-titol[b-z1j8a66w9a] {
    position: absolute;
    left: 50%;
    max-width: calc(100% - 2 * (44px + 44px + var(--oo-space-4)));
    overflow: hidden;
    color: var(--oo-text);
    font-family: var(--mud-typography-h4-family);
    font-size: 1.25rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateX(-50%);
    pointer-events: 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;
}

/* Compacte (miniatures de pàgina): els dos botons a baix, sense nansa ni marge, de punta a punta. */
.oo-ordenable--compacte .oo-ordenable-controls[b-qistppirqq] {
    align-items: flex-end;
    justify-content: center;
    padding: 0 0 var(--oo-space-1);
}

.oo-ordenable--compacte .oo-ordenable-nansa[b-qistppirqq] {
    display: none;
}

.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;
}

/* «Afegir pàgina»: un enllaç (label de l'input ocult de DocumentList), amb àrea tàctil de 44 px. */
.oo-dades-doc-afegir[b-ad89dhh6td] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    margin: calc(-1 * var(--oo-space-2)) 0 var(--oo-space-2);
}

.oo-dades-doc-afegir-pagina[b-ad89dhh6td] {
    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-dades-doc-afegir-pagina--desactivat[b-ad89dhh6td] {
    color: var(--oo-text-3);
    cursor: default;
}

/* Un sol PDF (per defecte) o documents separats, amb el que passarà a sota. */
.oo-dades-doc-separats[b-ad89dhh6td] {
    margin-bottom: var(--oo-space-3);
}

.oo-dades-doc-separats-ajuda[b-ad89dhh6td] {
    display: block;
    font-size: 0.75rem;
    color: var(--oo-text-2);
}
/* /Components/Shared/DocumentList.razor.rz.scp.css */
/* Un sol «Afegir» a la capçalera: el menú a partir de 600 px i el full d'origen al mòbil (es commuta amb CSS). */
.oo-docs-afegir-menu[b-jivnpj1lfy] {
    display: none;
}

.oo-docs-afegir-full[b-jivnpj1lfy] {
    display: contents;
}

@media (min-width: 600px) {
    .oo-docs-afegir-menu[b-jivnpj1lfy] {
        display: contents;
    }

    .oo-docs-afegir-full[b-jivnpj1lfy] {
        display: none;
    }
}

/* «Escanejar amb IA» a dalt del menú «Afegir»: prou ample perquè el subtítol hi càpiga en una línia. */
.oo-docs-menu-ia[b-jivnpj1lfy] {
    min-width: 280px;
    padding: var(--oo-space-1) var(--oo-space-2) 0;
}

/* Opcions del menú «Afegir»: <label> dels inputs ocults (no MudMenuItem), amb l'aspecte d'un ítem de menú. */
.oo-docs-menu-opcio[b-jivnpj1lfy] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    min-height: 40px;
    padding: var(--oo-space-2) var(--oo-space-4);
    color: var(--oo-text);
    font-size: 0.875rem;
    white-space: nowrap;
    cursor: pointer;
}

.oo-docs-menu-opcio:hover[b-jivnpj1lfy] {
    background-color: var(--mud-palette-action-default-hover);
}

.oo-docs-menu-opcio[b-jivnpj1lfy]  .mud-icon-root {
    color: var(--oo-primary);
}

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

@media (max-width: 599.98px) {
    .oo-docs-graella[b-jivnpj1lfy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--oo-space-2);
    }
}

/* Contenidor de consulta (@container): el peu s'adapta a l'amplada de la rajola, no a la de la pantalla. */
.oo-doc-rajola[b-jivnpj1lfy] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: var(--oo-card-border);
    box-shadow: var(--oo-card-ombra);
    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: 3 / 2;
    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;
}

/* Fins a 2 línies: els noms llargs i enumerats («Fitxa tècnica – Seat Ibiza (3)») es distingeixen. Sempre ocupa
   les 2 línies, perquè totes les rajoles d'una fila facin la mateixa alçada. */
.oo-doc-rajola-nom[b-jivnpj1lfy] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
    min-height: calc(2 * 1.3em);
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

/* El tipus i la data en una línia si hi caben sencers; si no, la data baixa a la línia següent (flex-wrap: cap dels
   dos es retalla per fer lloc a l'altre). Només l'origen (fitxa d'actiu), al final de la data, es pot retallar. */
.oo-doc-rajola-meta[b-jivnpj1lfy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px var(--oo-space-1);
    min-width: 0;
    margin-top: 2px;
}

/* Pestanya d'una categoria: l'actiu del document (o «General de la categoria»), en una línia sota el nom. */
.oo-doc-rajola-actiu[b-jivnpj1lfy] {
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--oo-text-2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-doc-rajola-detall[b-jivnpj1lfy] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.75rem;
    color: var(--oo-text-2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-doc-rajola-data-curta[b-jivnpj1lfy] {
    display: none;
}

/* 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] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    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;
}

/* Rajola estreta (2 columnes al mòbil, columnes de ~150 px): la data curta (dd/MM/yy) i «Sense tipus» com a text gris,
   sense vora ni marge intern. */
@container (max-width: 179.98px) {
    .oo-doc-rajola-data-llarga[b-jivnpj1lfy] {
        display: none;
    }

    .oo-doc-rajola-data-curta[b-jivnpj1lfy] {
        display: inline;
    }

    .oo-doc-rajola-tipus--sense[b-jivnpj1lfy] {
        padding: 0;
        border: 0;
    }
}

.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);
}
/* /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;
}

/* «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/FilaAjust.razor.rz.scp.css */
/* Fila d'ajust: tota l'amplada (fins a una amplada de lectura a l'escriptori), el text a l'esquerra i l'interruptor a
   la dreta, alineat amb la primera línia del títol. */
.oo-fila-ajust[b-hr7ddzx990] {
    width: 100%;
    max-width: 40rem;
}

.oo-fila-ajust[b-hr7ddzx990]  .mud-input-control,
.oo-fila-ajust[b-hr7ddzx990]  .mud-input-control-input-container {
    width: 100%;
    margin: 0;
}

/* El label sencer del MudSwitch (LabelPlacement.Start: el text primer i l'interruptor al final). */
.oo-fila-ajust[b-hr7ddzx990]  .mud-switch {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--oo-space-3);
    margin: 0;
}

/* L'interruptor fa 38 px d'alt (amb el marge del ripple): el centre, a la primera línia del títol. */
.oo-fila-ajust[b-hr7ddzx990]  .mud-switch-span {
    flex-shrink: 0;
    margin-block: -8px;
    margin-inline-end: -12px;
}

.oo-fila-ajust[b-hr7ddzx990]  .mud-switch > :not(.mud-switch-span) {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.oo-fila-ajust-contingut[b-hr7ddzx990] {
    display: flex;
    align-items: flex-start;
    gap: var(--oo-space-3);
}

.oo-fila-ajust-icona[b-hr7ddzx990] {
    display: grid;
    flex: none;
    place-items: center;
    width: 24px;
    margin-top: 1px;
    color: var(--mud-palette-text-secondary);
}

.oo-fila-ajust-text[b-hr7ddzx990] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: start;
}

.oo-fila-ajust-titol[b-hr7ddzx990] {
    font-family: var(--mud-typography-default-family);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: var(--mud-palette-text-primary);
}

.oo-fila-ajust-descripcio[b-hr7ddzx990],
.oo-fila-ajust-nota[b-hr7ddzx990],
.oo-fila-ajust-motiu[b-hr7ddzx990] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--mud-palette-text-secondary);
}

.oo-fila-ajust-nota[b-hr7ddzx990] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-1);
    margin-top: var(--oo-space-1);
}

.oo-fila-ajust-info[b-hr7ddzx990] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
}

.oo-fila-ajust-info:hover[b-hr7ddzx990] {
    background: var(--mud-palette-action-default-hover);
}

.oo-fila-ajust-info:focus-visible[b-hr7ddzx990] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.oo-fila-ajust-motiu[b-hr7ddzx990] {
    margin: var(--oo-space-1) 0 0;
}
/* /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;
}

/* Mai més estret que la data del detall (min-content: el títol parteix a qualsevol lloc i la resta del detall no
   compta), perquè l'estat de la dreta no la talli: es tallen abans el títol i la resta del detall. */
.oo-fila-item-textos[b-gx85ekq0ig] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: min-content;
}

/* La data sencera («22/08/2026», no «22/08/202…») i, darrere, la resta, que és la que es talla amb «…». */
.oo-fila-item-detall[b-gx85ekq0ig] {
    display: flex;
    min-width: 0;
    white-space: nowrap;
}

.oo-fila-item-data[b-gx85ekq0ig] {
    flex: 0 0 auto;
}

.oo-fila-item-resta[b-gx85ekq0ig] {
    flex: 1 1 0;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oo-fila-item-data + .oo-fila-item-resta[b-gx85ekq0ig]::before {
    content: "·";
    margin: 0 0.3em;
}

/* Títol fins a 2 línies («Fi de permanència de la fibra» sencer, no «Fi de pe…»): talla entre paraules i
   només parteix una paraula si sola no hi cap (anywhere: tampoc no imposa l'amplada mínima de la fila). La fila
   només creix quan cal (min-height de 60 px). */
.oo-fila-item-titol[b-gx85ekq0ig] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    line-height: 1.3;
    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/FilaLlista.razor.rz.scp.css */
.oo-fila-llista[b-cg22174vwj] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 56px;
    padding: var(--oo-space-2) 0;
}

    .oo-fila-llista + .oo-fila-llista[b-cg22174vwj] {
        border-top: var(--oo-border);
    }

.oo-fila-llista-principal[b-cg22174vwj] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--oo-space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    text-decoration: none;
}

.oo-fila-llista-principal--tocable[b-cg22174vwj] {
    min-height: 44px;
    border-radius: var(--oo-radius-sm);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .oo-fila-llista-principal--tocable:active[b-cg22174vwj] {
        background-color: var(--oo-surface-tint);
    }

    .oo-fila-llista-principal--tocable:focus-visible[b-cg22174vwj] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

@media (hover: hover) {
    .oo-fila-llista-principal--tocable:hover .oo-fila-llista-titol[b-cg22174vwj] {
        color: var(--oo-primary);
    }
}

.oo-fila-llista-inici[b-cg22174vwj] {
    display: grid;
    flex: none;
    place-items: center;
    color: var(--oo-text-2);
}

.oo-fila-llista-text[b-cg22174vwj] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.oo-fila-llista-titol[b-cg22174vwj],
.oo-fila-llista-detall[b-cg22174vwj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-fila-llista-titol[b-cg22174vwj] {
    color: var(--oo-text);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.oo-fila-llista-detall[b-cg22174vwj] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.oo-fila-llista-final[b-cg22174vwj] {
    display: grid;
    flex: none;
    place-items: center;
    min-width: 24px;
    color: var(--oo-primary);
}

/* Les accions: icones o el ⋯ amb àrea tàctil de 44 px, enganxades a la vora dreta. */
.oo-fila-llista-accions[b-cg22174vwj] {
    display: flex;
    flex: none;
    align-items: center;
    margin-inline-end: calc(-1 * var(--oo-space-2));
}

    .oo-fila-llista-accions[b-cg22174vwj]  .mud-icon-button {
        width: 44px;
        height: 44px;
    }

    /* Un botó de text (ex: «Oblidar»): en una línia i amb la mateixa àrea tàctil. */
    .oo-fila-llista-accions[b-cg22174vwj]  .mud-button-root:not(.mud-icon-button) {
        min-height: 44px;
        white-space: nowrap;
    }
/* /Components/Shared/FilaOpcio.razor.rz.scp.css */
/* Mateixa tipografia que FilaAjust. */
.oo-fila-opcio[b-709aqsxbga] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--oo-space-2) var(--oo-space-3);
    min-height: 48px;
    padding: var(--oo-space-2) 0;
    color: inherit;
    text-decoration: none;
}

.oo-fila-opcio--enllac[b-709aqsxbga] {
    flex-wrap: nowrap;
    border-radius: var(--oo-radius-sm);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .oo-fila-opcio--enllac:active[b-709aqsxbga] {
        background-color: var(--oo-surface-tint);
    }

    .oo-fila-opcio--enllac:focus-visible[b-709aqsxbga] {
        outline: 2px solid var(--oo-primary);
        outline-offset: 2px;
    }

@media (hover: hover) {
    .oo-fila-opcio--enllac:hover .oo-fila-opcio-titol[b-709aqsxbga] {
        color: var(--oo-primary);
    }
}

.oo-fila-opcio-icona[b-709aqsxbga] {
    display: grid;
    flex: none;
    place-items: center;
    align-self: flex-start;
    width: 24px;
    margin-top: 1px;
    color: var(--oo-text-2);
}

.oo-fila-opcio-text[b-709aqsxbga] {
    display: flex;
    flex: 1 1 12rem;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.oo-fila-opcio-titol[b-709aqsxbga] {
    color: var(--oo-text);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.oo-fila-opcio-subtitol[b-709aqsxbga] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.oo-fila-opcio-control[b-709aqsxbga] {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    gap: var(--oo-space-2);
    max-width: 100%;
    margin-left: auto;
}

/* Mòbil: el control sempre a sota del text, a l'esquerra, i els selectors a amplada completa. */
@media (max-width: 599.98px) {
    .oo-fila-opcio-control[b-709aqsxbga] {
        flex: 1 1 100%;
        flex-wrap: wrap;
        margin-left: 0;
    }

        .oo-fila-opcio-control[b-709aqsxbga] >  form {
            flex: 1 1 auto;
        }

        .oo-fila-opcio-control[b-709aqsxbga]  .oo-camp-select-natiu {
            width: 100%;
        }
}

/* Fileres seguides dins el mateix bloc: separades per una línia. */
.oo-fila-opcio + .oo-fila-opcio[b-709aqsxbga] {
    border-top: var(--oo-border);
}

.oo-fila-opcio[b-709aqsxbga]  .oo-fila-opcio-chevron {
    flex: none;
    margin-left: auto;
    color: var(--oo-text-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/IndicadorDesat.razor.rz.scp.css */
/* Gris i petit, a l'altura del títol del bloc; sense ocupar lloc quan no diu res. */
.oo-indicador-desat[b-2pyu1e2vh2] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-height: 24px;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    animation: oo-indicador-desat-entrada-b-2pyu1e2vh2 var(--oo-dur-fast) var(--oo-ease);
}

    .oo-indicador-desat[b-2pyu1e2vh2]  .mud-icon-root {
        width: 16px;
        height: 16px;
        color: var(--oo-success);
    }

@keyframes oo-indicador-desat-entrada-b-2pyu1e2vh2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-indicador-desat[b-2pyu1e2vh2] {
        animation: none;
    }
}
/* /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/LiniaTemps.razor.rz.scp.css */
/* Línia de temps: la columna de l'esquerra (~56 px) porta l'hora; la línia vertical puntejada passa pel seu centre
   i uneix els punts dels dies. */
.oo-linia[b-6976mi46bq] {
    --oo-linia-columna: 56px;
    --oo-linia-color: var(--oo-primary);
    display: flex;
    flex-direction: column;
}

.oo-linia--vencut[b-6976mi46bq] {
    --oo-linia-color: var(--oo-danger);
}

.oo-linia-dia[b-6976mi46bq] {
    position: relative;
    padding-bottom: var(--oo-space-4);
    scroll-margin-top: var(--oo-space-6);
}

    /* La línia vertical puntejada, d'un dia al següent. */
    .oo-linia-dia[b-6976mi46bq]::before {
        content: "";
        position: absolute;
        top: 22px;
        bottom: 0;
        left: calc(var(--oo-linia-columna) / 2);
        border-left: 2px dotted var(--mud-palette-lines-default);
    }

    .oo-linia-dia:last-child[b-6976mi46bq]::before {
        bottom: var(--oo-space-4);
    }

.oo-linia-dia-cap[b-6976mi46bq] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 32px;
    margin: 0 0 var(--oo-space-2);
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.3;
}

.oo-linia-punt[b-6976mi46bq] {
    display: block;
    flex: 0 0 var(--oo-linia-columna);
    position: relative;
    height: 12px;
}

    .oo-linia-punt[b-6976mi46bq]::after {
        content: "";
        position: absolute;
        top: 0;
        left: calc(var(--oo-linia-columna) / 2 - 5px);
        width: 12px;
        height: 12px;
        border: 2px solid var(--oo-linia-color);
        border-radius: var(--oo-radius-pill);
        background-color: var(--oo-bg);
    }

/* Avui: el punt ple. */
.oo-linia-dia--avui .oo-linia-punt[b-6976mi46bq]::after,
.oo-linia--vencut .oo-linia-punt[b-6976mi46bq]::after {
    background-color: var(--oo-linia-color);
}

.oo-linia-dia-nom[b-6976mi46bq] {
    color: var(--oo-text);
}

.oo-linia--vencut .oo-linia-dia-nom[b-6976mi46bq] {
    color: var(--oo-danger);
}

.oo-linia-dia-data[b-6976mi46bq] {
    min-width: 0;
    overflow: hidden;
    color: var(--oo-text-2);
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-linia-dia-comptador[b-6976mi46bq] {
    flex-shrink: 0;
    min-width: 22px;
    margin-left: auto;
    padding: 1px 8px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-linia-color) 12%, var(--oo-surface));
    color: var(--oo-linia-color);
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.oo-linia-items[b-6976mi46bq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.oo-linia-item[b-6976mi46bq] {
    position: relative;
    display: flex;
    align-items: flex-start;
}

/* L'hora, a la columna de l'esquerra i a l'altura del títol de la targeta, sobre el fons (tapa la línia). */
.oo-linia-hora[b-6976mi46bq] {
    position: relative;
    z-index: 1;
    flex: 0 0 var(--oo-linia-columna);
    padding-top: var(--oo-space-3);
    color: var(--oo-text-2);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

    .oo-linia-hora:not(:empty)[b-6976mi46bq] {
        background: linear-gradient(transparent 10px, var(--oo-bg) 10px, var(--oo-bg) 30px, transparent 30px);
    }

.oo-linia-contingut[b-6976mi46bq] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Escriptori: la columna de l'hora una mica més ampla. */
@media (min-width: 960px) {
    .oo-linia[b-6976mi46bq] {
        --oo-linia-columna: 72px;
    }

    .oo-linia-hora[b-6976mi46bq] {
        font-size: 0.8125rem;
    }
}
/* /Components/Shared/LlistaResponsive.razor.rz.scp.css */
.oo-llista-resp-targetes[b-uahft6selz] {
    display: none;
}

/* Taula (≥ 600 px) amb el mateix aspecte que les SectionCard: vora i ombra de targeta, radi gran. Dues classes de
   MudBlazor perquè guanyi a les regles generals de .mud-paper (app.css). */
.oo-llista-resp-taula[b-uahft6selz]  .mud-table:is(.mud-paper, .mud-simple-table) {
    overflow: hidden;
    border: var(--oo-card-border);
    border-radius: var(--oo-radius-lg);
    box-shadow: var(--oo-card-ombra);
    background-color: var(--oo-surface);
}

/* Integrada (dins una SectionCard): la taula plana, sense vora ni ombra. */
.oo-llista-resp-taula--integrada[b-uahft6selz]  .mud-table:is(.mud-paper, .mud-simple-table) {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}

    /* La primera i l'última columna, alineades amb el títol del bloc. */
    .oo-llista-resp-taula--integrada[b-uahft6selz]  :is(th, td):first-child {
        padding-left: 0;
    }

    .oo-llista-resp-taula--integrada[b-uahft6selz]  :is(th, td):last-child {
        padding-right: 0;
    }

.oo-llista-resp-element[b-uahft6selz] {
    padding-bottom: var(--oo-space-2);
}

/* Integrada (dins una SectionCard): files planes separades per una línia. La TargetaRegistre és un altre component:
   ::deep i una classe més perquè guanyi a la vora i l'ombra del seu CSS aïllat. */
.oo-llista-resp-targetes--integrada .oo-llista-resp-element[b-uahft6selz] {
    padding-bottom: 0;
}

    .oo-llista-resp-targetes--integrada .oo-llista-resp-element + .oo-llista-resp-element[b-uahft6selz] {
        border-top: var(--oo-border);
    }

.oo-llista-resp-targetes--integrada .oo-llista-resp-element[b-uahft6selz]  .oo-targeta-registre {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    border-radius: var(--oo-radius-sm);
    box-shadow: none;
    background-color: transparent;
}

@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;
}

/* Fila: com la icona de FilaItem (36 px, cantonades de 10 px); el distintiu, el de la petita. */
.oo-miniatura-actiu--fila.oo-miniatura-actiu[b-67m38l4oal] {
    --oo-miniatura-mida: 36px;
    border-radius: 10px;
}

.oo-miniatura-actiu.oo-miniatura-actiu--fila[b-67m38l4oal]  .oo-miniatura-actiu-icona {
    width: 20px;
    height: 20px;
}

@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/OpcioEscanejarIA.razor.rz.scp.css */
/* «Escanejar amb IA»: la primera opció del "+" i de l'«Afegir» dels documents, 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-ngcks21nr5] {
    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-ngcks21nr5]::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-ngcks21nr5 6s var(--oo-ease) 0.6s infinite;
    pointer-events: none;
}

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

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

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

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

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

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

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

.oo-menu-ia-subtitol[b-ngcks21nr5] {
    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-ngcks21nr5] {
    background: var(--oo-surface) padding-box, var(--mud-palette-lines-default) border-box;
}

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

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

.oo-menu-ia--no-disponible .oo-menu-ia-titol[b-ngcks21nr5] {
    color: var(--oo-text-2);
}
/* /Components/Shared/OrigenDocumentSheet.razor.rz.scp.css */
/* Opcions del full inferior d'origen del document. */
.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;
}

/* «Fer una foto» només on hi ha càmera (pantalla tàctil: mòbil, tauleta, MAUI). A l'escriptori seria el mateix que
   triar una imatge. */
.oo-full-inferior-opcio--tactil[b-yylnjjxm2c] {
    display: none;
}

@media (hover: none) and (pointer: coarse) {
    .oo-full-inferior-opcio--tactil[b-yylnjjxm2c] {
        display: flex;
    }
}

/* «Cancel·lar» només en mode diàleg: al mòbil, el full es tanca amb la ✕ (com abans). */
.oo-origen-cancellar[b-yylnjjxm2c] {
    display: none;
}

@media (min-width: 600px) {
    .oo-origen-cancellar[b-yylnjjxm2c] {
        display: contents;
    }
}

/* «Escanejar amb IA» a dalt de tot, separada de la resta d'opcions. */
.oo-full-inferior-ia[b-yylnjjxm2c] {
    margin-bottom: var(--oo-space-2);
}
/* /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: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: var(--oo-space-2);
    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;
    }
}

/* Complement (Inici: la píndola de membres) a la dreta del títol, centrat amb la salutació. */
.oo-page-header-complement[b-12zkb7pbyl] {
    display: flex;
    align-self: center;
    margin-left: auto;
}

/* Capçalera mòbil (< 960 px): els breadcrumbs, el complement i el menú «⋮» passen a la CapcaleraMobil (botó
   enrere i botó rodó ⋯). */
@media (max-width: 959.98px) {
    .oo-page-header-migues[b-12zkb7pbyl],
    .oo-page-header-complement[b-12zkb7pbyl],
    .oo-page-header-accions--nomes-escriptori[b-12zkb7pbyl] {
        display: none;
    }

    .oo-page-header-accions[b-12zkb7pbyl]  .oo-page-header-menu {
        display: none;
    }
}

/* Sobretítol (Inici: «Bon dia,» a sobre del nom). */
.oo-page-header-sobretitol[b-12zkb7pbyl] {
    display: block;
    margin-bottom: 2px;
    color: var(--oo-text-2);
    font-size: 0.9375rem;
    font-weight: 500;
}

/* Icona de cada opció del selector segmentat (Agenda: calendari i llista). */
.oo-segmentat-opcio[b-12zkb7pbyl]  .mud-icon-root {
    width: 18px;
    height: 18px;
}

.oo-segmentat-opcio--activa[b-12zkb7pbyl]  .mud-icon-root {
    color: var(--oo-primary);
}

/* Amb el títol centrat a la capçalera mòbil (Agenda), el títol gran només a l'escriptori. */
@media (max-width: 959.98px) {
    .oo-page-header-titols[b-12zkb7pbyl]  .oo-page-header-titol--escriptori {
        display: none;
    }
}
/* /Components/Shared/PanellMenu.razor.rz.scp.css */
/* Només marca el panell per al JS (clic fora): no afegeix cap caixa, el contingut es posiciona com abans. */
.oo-panell-menu[b-gstjlw5er1] {
    display: contents;
}
/* /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/PindolaMembres.razor.rz.scp.css */
/* Com els botons rodons de la capçalera (44 px, superfície i ombra suau), però en píndola. Apareix amb un fos quan
   arriben les dades. */
.oo-pindola-membres[b-hvamevc7ia] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: var(--oo-space-2);
    height: 44px;
    padding: 0 var(--oo-space-3) 0 var(--oo-space-2);
    border-radius: var(--oo-radius-pill);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-shadow-flotant);
    color: var(--oo-text);
    text-decoration: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    animation: oo-pindola-membres-entrada-b-hvamevc7ia var(--oo-dur) var(--oo-ease);
    transition: transform var(--oo-dur-fast) var(--oo-ease);
}

    .oo-pindola-membres:active[b-hvamevc7ia] {
        transform: scale(0.96);
    }

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

/* Superposats, amb una vora del color de la píndola perquè se separin. */
.oo-pindola-membres-avatars[b-hvamevc7ia] {
    display: flex;
}

    .oo-pindola-membres-avatars[b-hvamevc7ia]  .oo-avatar-usuari {
        box-shadow: 0 0 0 2px var(--oo-surface);
    }

        .oo-pindola-membres-avatars[b-hvamevc7ia]  .oo-avatar-usuari + .oo-avatar-usuari {
            margin-left: -8px;
        }

.oo-pindola-membres-total[b-hvamevc7ia] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    font-size: 0.875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

    .oo-pindola-membres-total[b-hvamevc7ia]  .mud-icon-root {
        width: 20px;
        height: 20px;
        color: var(--oo-text-2);
    }

@keyframes oo-pindola-membres-entrada-b-hvamevc7ia {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Mòbil (360–430 px, la majoria d'iPhones): com a molt 2 avatars de 24 px, més superposats. La píndola no s'encongeix
   (flex: none): és el selector d'Espai, al costat, el que s'escurça amb «…» primer. */
@media (max-width: 429.98px) {
    .oo-pindola-membres[b-hvamevc7ia] {
        gap: 6px;
    }

    .oo-pindola-membres-avatars[b-hvamevc7ia]  .oo-avatar-usuari {
        width: 24px;
        height: 24px;
    }

        .oo-pindola-membres-avatars[b-hvamevc7ia]  .oo-avatar-usuari + .oo-avatar-usuari {
            margin-left: -10px;
        }

        .oo-pindola-membres-avatars[b-hvamevc7ia]  .oo-avatar-usuari:nth-child(n + 3) {
            display: none;
        }
}

/* Per sota de 360 px no hi caben amb l'Espai i la campana: només la icona i el nombre. */
@media (max-width: 359.98px) {
    .oo-pindola-membres[b-hvamevc7ia] {
        padding: 0 var(--oo-space-3);
    }

    .oo-pindola-membres-avatars[b-hvamevc7ia] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oo-pindola-membres[b-hvamevc7ia] {
        animation: none;
        transition: none;
    }

        .oo-pindola-membres:active[b-hvamevc7ia] {
            transform: none;
        }
}
/* /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-card-border);
    box-shadow: var(--oo-card-ombra);
    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);
}

/* Dins d'una altra targeta (SectionCard, a les fitxes d'element i de recordatori): només els camps. */
.oo-seccio-info--incrustat[b-6t9rxbjp4p] {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}

.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/SelectorActiu.razor.rz.scp.css */
/* Amb l'aspecte dels camps de l'app (app.css: la caixa amb vora i l'etiqueta a sobre, com ShrinkLabel). */
.oo-selector-actiu-camp[b-x4ew9cg2oy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: var(--oo-space-4);
}

.oo-selector-actiu-etiqueta[b-x4ew9cg2oy] {
    color: var(--oo-text-2);
    font-size: 0.75rem;
    line-height: 1.4;
}

.oo-selector-actiu-fila[b-x4ew9cg2oy] {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    gap: var(--oo-space-3);
    margin: 0;
    padding: 6px 8px 6px 12px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--household-radius-control);
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-tap-highlight-color: transparent;
}

    .oo-selector-actiu-fila:active[b-x4ew9cg2oy] {
        background-color: var(--oo-surface-tint);
    }

    .oo-selector-actiu-fila:focus-visible[b-x4ew9cg2oy] {
        border-color: var(--oo-primary);
        outline: none;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--oo-primary) 15%, transparent);
    }

@media (hover: hover) {
    .oo-selector-actiu-fila:hover[b-x4ew9cg2oy] {
        border-color: var(--oo-primary);
    }
}

.oo-selector-actiu-camp--error .oo-selector-actiu-fila[b-x4ew9cg2oy] {
    border-color: var(--mud-palette-error);
}

.oo-selector-actiu-camp--desactivat .oo-selector-actiu-fila[b-x4ew9cg2oy] {
    cursor: default;
    opacity: 0.5;
}

.oo-selector-actiu-textos[b-x4ew9cg2oy] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.oo-selector-actiu-nom[b-x4ew9cg2oy],
.oo-selector-actiu-detall[b-x4ew9cg2oy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-selector-actiu-nom[b-x4ew9cg2oy] {
    color: var(--oo-text);
    font-size: 1rem;
    line-height: 1.4;
}

.oo-selector-actiu-nom--buit[b-x4ew9cg2oy] {
    color: var(--oo-text-2);
}

.oo-selector-actiu-detall[b-x4ew9cg2oy] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.oo-selector-actiu-fila[b-x4ew9cg2oy]  .oo-selector-actiu-chevron {
    flex: none;
    color: var(--oo-text-2);
}

.oo-selector-actiu-ajuda[b-x4ew9cg2oy] {
    padding-inline: 12px;
    color: var(--oo-text-2);
    font-size: 0.75rem;
    line-height: 1.4;
}

.oo-selector-actiu-ajuda--error[b-x4ew9cg2oy] {
    color: var(--mud-palette-error);
}
/* /Components/Shared/SelectorActiuDialog.razor.rz.scp.css */
/* La cerca (i el filtre de categoria) enganxada a dalt del contingut mentre la llista fa scroll per sota. */
.oo-selector-actiu-cerca[b-d7svrj73a8] {
    position: sticky;
    z-index: 1;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-2);
    margin-top: calc(-1 * var(--oo-space-2));
    padding: var(--oo-space-2) 0 var(--oo-space-3);
    background-color: var(--oo-surface);
}

    .oo-selector-actiu-cerca[b-d7svrj73a8]  .mud-input-control,
    .oo-selector-actiu-cerca[b-d7svrj73a8]  .mud-input-control-input-container {
        margin-top: 0;
    }

.oo-selector-actiu-filtre[b-d7svrj73a8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
}

    .oo-selector-actiu-filtre[b-d7svrj73a8]  .mud-chip {
        margin: 0;
    }

/* Títol de grup («Recents», el nom de la categoria): petit i gris, com els de les SectionCard. */
.oo-selector-actiu-grup[b-d7svrj73a8] {
    margin: var(--oo-space-4) 0 0;
    color: var(--oo-text-2);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oo-selector-actiu-seccio[b-d7svrj73a8] {
    display: flex;
    flex-direction: column;
}

.oo-selector-actiu-buit[b-d7svrj73a8] {
    margin: var(--oo-space-6) 0;
    color: var(--oo-text-2);
    text-align: center;
}

/* Només per al lector de pantalla («Seleccionat» al costat del ✓). */
.oo-selector-actiu-ocult[b-d7svrj73a8] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Components/Shared/TargetaAgenda.razor.rz.scp.css */
.oo-tagenda[b-arr30ojuv4] {
    --oo-cat-color-efectiu: var(--oo-cat-color, var(--oo-text-3));
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--oo-space-3);
    min-width: 0;
    padding: var(--oo-space-3) var(--oo-space-3) var(--oo-space-3) calc(var(--oo-space-3) + 4px);
    overflow: hidden;
    border: var(--oo-card-border);
    border-radius: var(--oo-radius-xl);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-card-ombra);
    transition: box-shadow var(--oo-dur) var(--oo-ease), transform var(--oo-dur-fast) var(--oo-ease);
}

/* Franja de 4 px amb el color de la categoria. */
.oo-tagenda[b-arr30ojuv4]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: var(--oo-cat-color-efectiu);
}

.oo-tagenda--atenuat .oo-tagenda-icona[b-arr30ojuv4],
.oo-tagenda--atenuat .oo-tagenda-textos[b-arr30ojuv4] {
    opacity: 0.6;
}

@media (hover: hover) and (pointer: fine) {
    .oo-tagenda:has(.oo-tagenda-cobertura:hover)[b-arr30ojuv4] {
        box-shadow: var(--oo-shadow-hover);
    }
}

.oo-tagenda:has(.oo-tagenda-cobertura:active)[b-arr30ojuv4] {
    transform: scale(0.99);
}

.oo-tagenda-cobertura[b-arr30ojuv4] {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

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

.oo-tagenda-icona[b-arr30ojuv4] {
    display: grid;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    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);
}

    .oo-tagenda-icona[b-arr30ojuv4]  .mud-icon-root {
        width: 20px;
        height: 20px;
    }

    .oo-tagenda-icona img[b-arr30ojuv4] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.oo-tagenda-cos[b-arr30ojuv4] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--oo-space-2);
    min-width: 0;
}

.oo-tagenda-cap[b-arr30ojuv4] {
    display: flex;
    align-items: flex-start;
    gap: var(--oo-space-2);
    min-width: 0;
}

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

.oo-tagenda-titol[b-arr30ojuv4],
.oo-tagenda-subtitol[b-arr30ojuv4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oo-tagenda-titol[b-arr30ojuv4] {
    color: var(--oo-text);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
}

.oo-tagenda-subtitol[b-arr30ojuv4] {
    color: var(--oo-text-2);
    font-size: 0.8125rem;
}

/* El menú ⋯, per sobre de la cobertura perquè es pugui tocar. */
.oo-tagenda-menu[b-arr30ojuv4] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin: -6px -6px 0 0;
}

.oo-tagenda-peu[b-arr30ojuv4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    min-width: 0;
}

/* Els xips són informatius: el clic hi passa a través, cap a la cobertura. */
.oo-tagenda-xips[b-arr30ojuv4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    pointer-events: none;
}

.oo-tagenda-dreta[b-arr30ojuv4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    color: var(--oo-text-2);
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    pointer-events: none;
}

    .oo-tagenda-dreta[b-arr30ojuv4]  .mud-icon-root {
        width: 16px;
        height: 16px;
    }

/* Xip d'informació (repetició, domiciliat, proveïdor): petit i gris, amb la icona. */
.oo-tagenda-xips[b-arr30ojuv4]  .oo-tagenda-xip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 2px 8px;
    overflow: hidden;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-text) 6%, var(--oo-surface));
    color: var(--oo-text-2);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .oo-tagenda-xips[b-arr30ojuv4]  .oo-tagenda-xip .mud-icon-root {
        flex-shrink: 0;
        width: 14px;
        height: 14px;
    }

/* Import a la dreta (pagaments). */
.oo-tagenda-dreta[b-arr30ojuv4]  .oo-tagenda-import {
    color: var(--oo-text);
    font-size: 0.9375rem;
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .oo-tagenda[b-arr30ojuv4],
    .oo-tagenda:has(.oo-tagenda-cobertura:active)[b-arr30ojuv4] {
        transition: none;
        transform: none;
    }
}
/* /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-card-border);
    box-shadow: var(--oo-card-ombra);
    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/TiraPagines.razor.rz.scp.css */
/* Tira de pàgines: miniatures d'un full (proporció A4) en fila, que salten de línia si no hi caben. */
.oo-tira-pagines-arrel[b-vqvy35te4z]  .oo-tira-pagines,
.oo-tira-pagines[b-vqvy35te4z] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oo-space-2);
    margin: 0 0 var(--oo-space-3);
    padding: 0;
    list-style: none;
}

/* Prou amples perquè, al mode «Reordenar», hi càpiguen els dos botons de 44 px de ContenidorOrdenable. */
.oo-tira-pagina[b-vqvy35te4z] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 128px;
    border: var(--oo-border);
    border-radius: var(--oo-radius-sm);
    background-color: var(--oo-surface-tint);
    color: var(--oo-text-2);
    overflow: hidden;
}

.oo-tira-pagina-img[b-vqvy35te4z] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.oo-tira-pagina-num[b-vqvy35te4z] {
    position: absolute;
    left: var(--oo-space-1);
    top: 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-vqvy35te4z] .oo-tira-pagina-treure {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--oo-surface);
}

.oo-tira-pagines-barra[b-vqvy35te4z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--oo-space-2);
    min-height: 36px;
}

.oo-tira-pagines-ajuda[b-vqvy35te4z] {
    margin-right: auto;
    font-size: 0.8125rem;
    color: var(--oo-text-2);
}
/* /Components/Shared/TiraSetmana.razor.rz.scp.css */
.oo-tira[b-xyobgmeyik] {
    margin-bottom: var(--oo-space-5);
}

.oo-tira-cap[b-xyobgmeyik] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--oo-space-2);
    margin-bottom: var(--oo-space-3);
}

/* «Octubre 2026 ⌄»: el mes en Fraunces, com el títol del Calendari. */
.oo-tira-mes[b-xyobgmeyik] {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    min-height: 40px;
    margin: 0;
    padding: 0 var(--oo-space-1);
    border: 0;
    border-radius: var(--oo-radius-md);
    background: none;
    color: var(--oo-text);
    font-family: var(--mud-typography-h6-family);
    font-size: 1.1875rem;
    font-weight: 600;
    cursor: pointer;
}

    .oo-tira-mes[b-xyobgmeyik]  .mud-icon-root {
        width: 20px;
        height: 20px;
        color: var(--oo-text-2);
    }

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

.oo-tira-fletxes[b-xyobgmeyik] {
    display: flex;
    gap: var(--oo-space-1);
}

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

    .oo-tira-fletxa:hover[b-xyobgmeyik] {
        background-color: color-mix(in srgb, var(--oo-text) 6%, transparent);
    }

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

    .oo-tira-fletxa[b-xyobgmeyik]  .mud-icon-root {
        width: 22px;
        height: 22px;
    }

.oo-tira-dies[b-xyobgmeyik] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Un dia: inicial a dalt, número a sota i el punt dels dies amb alguna cosa. */
.oo-tira-dia[b-xyobgmeyik] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: var(--oo-space-2) 0;
    border: 1px solid transparent;
    border-radius: var(--oo-radius-lg);
    color: var(--oo-text);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--oo-dur-fast) var(--oo-ease), box-shadow var(--oo-dur-fast) var(--oo-ease);
}

a.oo-tira-dia:focus-visible[b-xyobgmeyik] {
    outline: 2px solid var(--oo-primary);
    outline-offset: 1px;
}

.oo-tira-dia--inactiu[b-xyobgmeyik] {
    color: var(--oo-text-3);
}

.oo-tira-inicial[b-xyobgmeyik] {
    color: var(--oo-text-2);
    font-size: 0.75rem;
}

.oo-tira-numero[b-xyobgmeyik] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--oo-radius-pill);
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* Avui: el número sobre un cercle tintat del primari. */
.oo-tira-dia--avui .oo-tira-numero[b-xyobgmeyik] {
    background-color: color-mix(in srgb, var(--oo-primary) 14%, var(--oo-surface));
    color: var(--oo-primary);
}

/* El dia triat: targeta blanca aixecada. */
.oo-tira-dia--triat[b-xyobgmeyik] {
    border-color: var(--oo-card-vora);
    background-color: var(--oo-surface);
    box-shadow: var(--oo-shadow-hover);
}

.oo-tira-punt[b-xyobgmeyik] {
    width: 5px;
    height: 5px;
    border-radius: var(--oo-radius-pill);
}

.oo-tira-punt--ple[b-xyobgmeyik] {
    background-color: var(--oo-primary);
}

@media (prefers-reduced-motion: reduce) {
    .oo-tira-dia[b-xyobgmeyik] {
        transition: none;
    }
}
/* /Components/Shared/TitolGrup.razor.rz.scp.css */
.oo-titol-grup[b-z60nqhrniq] {
    margin: var(--oo-space-6) 0 var(--oo-space-2);
    padding: 0 var(--oo-space-1);
    color: var(--oo-text-2);
    font-family: var(--mud-typography-default-family);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.4;
    text-transform: uppercase;
    /* Un doble toc a prop (xips, botons) no l'ha de seleccionar. */
    -webkit-user-select: none;
    user-select: none;
}

    .oo-titol-grup:first-child[b-z60nqhrniq] {
        margin-top: 0;
    }

.oo-titol-grup--compacte[b-z60nqhrniq] {
    margin: var(--oo-space-4) 0 0;
    padding: 0;
    font-size: 0.6875rem;
}
/* /Components/Shared/TitolSeccio.razor.rz.scp.css */
.oo-titol-seccio[b-uh3rw6gty8] {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    min-height: 40px;
    margin-bottom: var(--oo-space-3);
}

.oo-titol-seccio-icona[b-uh3rw6gty8] {
    display: inline-grid;
    flex-shrink: 0;
    place-items: center;
    color: var(--oo-primary);
}

    .oo-titol-seccio-icona[b-uh3rw6gty8]  .mud-icon-root {
        width: 20px;
        height: 20px;
    }

.oo-titol-seccio-text[b-uh3rw6gty8] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--oo-space-2);
    min-width: 0;
    margin: 0;
    color: var(--oo-text);
    font-family: inherit;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.3;
}

.oo-titol-seccio-nom[b-uh3rw6gty8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Comptador en píndola tintada, com «3 elements» de la referència però només amb el número. */
.oo-titol-seccio-comptador[b-uh3rw6gty8] {
    flex-shrink: 0;
    min-width: 24px;
    padding: 1px 8px;
    border-radius: var(--oo-radius-pill);
    background-color: color-mix(in srgb, var(--oo-primary) 12%, var(--oo-surface));
    color: var(--oo-primary);
    font-size: 0.8125rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.oo-titol-seccio-extra[b-uh3rw6gty8] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--oo-space-2);
    color: var(--oo-text-2);
    font-size: 0.8125rem;
}
/* /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);
}