/* /Features/Ai/Components/EmpresaIaCredentialPanel.razor.rz.scp.css */
.ia-token[b-z83olv2j2e] { display: grid; gap: 16px; min-width: 0; }
.ia-token-note[b-z83olv2j2e] { margin: 0; color: #6b788b; font-size: .92rem; }
.ia-token-form[b-z83olv2j2e] { display: grid; gap: 16px; max-width: 560px; min-width: 0; }
.ia-token[b-z83olv2j2e]  input { font-size: 16px; }
.ia-token[b-z83olv2j2e]  .mud-button-root { min-height: 44px; }
.ia-token[b-z83olv2j2e]  .ia-token-chip { flex: none; }
.ia-token-check[b-z83olv2j2e] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ia-token-guide[b-z83olv2j2e] { max-width: 560px; color: #26364d; }
.ia-token-guide summary[b-z83olv2j2e] { cursor: pointer; font-weight: 600; min-height: 44px; display: flex; align-items: center; }
.ia-token-guide ol[b-z83olv2j2e] { margin: 4px 0 0; padding-left: 20px; display: grid; gap: 8px; font-size: .92rem; }
.ia-token-actions[b-z83olv2j2e] { display: flex; flex-wrap: wrap; gap: 12px; }
.ia-token :focus-visible[b-z83olv2j2e] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }

@media (max-width: 760px) {
    .ia-token-actions[b-z83olv2j2e] { flex-direction: column; }
    .ia-token-check[b-z83olv2j2e]  .mud-button-root { width: 100%; }
    .ia-token-actions[b-z83olv2j2e]  .mud-button-root { width: 100%; }
}
/* /Features/Ai/Components/UssasoftAiChat.razor.rz.scp.css */
.ai-chat-shell[b-xpzkjwxo03] {
    position: relative;
}

.ai-chat-orb[b-xpzkjwxo03] {
    width: 72px;
    height: 72px;
    border: 0;
    border-radius: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    place-items: center;
    gap: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    box-shadow: none;
    cursor: pointer;
    transition: transform .18s ease, filter .18s ease;
}

.ai-chat-orb:hover[b-xpzkjwxo03],
.ai-chat-orb--open[b-xpzkjwxo03] {
    transform: translateY(-2px);
    background: transparent;
    box-shadow: none;
    filter: drop-shadow(0 14px 18px rgba(15, 35, 58, .22));
}

.ai-chat-orb-mascot[b-xpzkjwxo03] {
    width: 64px;
    height: 64px;
    display: block;
    filter: drop-shadow(0 8px 12px rgba(34, 211, 238, .2));
}

.ai-chat-orb-label[b-xpzkjwxo03] {
    display: none;
    font-size: .64rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .02em;
}

.ai-chat-panel[b-xpzkjwxo03] {
    position: fixed;
    right: 24px;
    bottom: 106px;
    width: min(390px, calc(100vw - 32px));
    height: min(620px, calc(100dvh - 132px));
    max-height: calc(100dvh - 132px);
    min-height: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    border: 1px solid rgba(15, 35, 58, .1);
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 28px 70px rgba(16, 36, 58, .28);
    z-index: 2147483001;
}

.ai-chat-header[b-xpzkjwxo03] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 34px 34px 34px;
    align-items: center;
    gap: 10px;
    min-height: 68px;
    padding: 12px 12px 12px 14px;
    background: #10243a;
    color: #fff;
}

.ai-chat-agent-mark[b-xpzkjwxo03] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(20, 184, 166, .18);
    color: #5eead4;
}

.ai-chat-agent-mark img[b-xpzkjwxo03] {
    width: 34px;
    height: 34px;
    display: block;
}

.ai-chat-title-block[b-xpzkjwxo03] {
    min-width: 0;
}

.ai-chat-title[b-xpzkjwxo03] {
    font-size: .98rem;
    font-weight: 850;
    line-height: 1.15;
}

.ai-chat-subtitle[b-xpzkjwxo03] {
    margin-top: 3px;
    color: rgba(255,255,255,.72);
    font-size: .78rem;
    font-weight: 650;
}

.ai-chat-clear[b-xpzkjwxo03],
.ai-chat-close[b-xpzkjwxo03],
.ai-chat-expand[b-xpzkjwxo03] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.9);
    cursor: pointer;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.ai-chat-clear:hover[b-xpzkjwxo03],
.ai-chat-close:hover[b-xpzkjwxo03],
.ai-chat-expand:hover[b-xpzkjwxo03] {
    transform: translateY(-1px);
    background: rgba(255,255,255,.16);
    color: #fff;
}

.ai-chat-expand[b-xpzkjwxo03] {
    background: rgba(34, 211, 238, .12);
    color: #67e8f9;
}

.ai-chat-clear[b-xpzkjwxo03] {
    background: rgba(249, 115, 22, .12);
    color: #fed7aa;
}

.ai-chat-clear:disabled[b-xpzkjwxo03] {
    cursor: not-allowed;
    opacity: .48;
}

.ai-chat-messages[b-xpzkjwxo03] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    padding: 16px 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef4f7 100%);
}

.ai-message[b-xpzkjwxo03] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 14px;
}

.ai-message--user[b-xpzkjwxo03] {
    align-items: flex-end;
}

.ai-message--assistant[b-xpzkjwxo03] {
    align-items: flex-start;
}

.ai-message-meta[b-xpzkjwxo03] {
    padding: 0 4px;
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ai-message-bubble[b-xpzkjwxo03] {
    max-width: 86%;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: .9rem;
    line-height: 1.42;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ai-message--assistant .ai-message-bubble[b-xpzkjwxo03] {
    background: #fff;
    border: 1px solid rgba(15, 35, 58, .08);
    color: #172033;
}

.ai-message--user .ai-message-bubble[b-xpzkjwxo03] {
    background: #0f766e;
    color: #fff;
}

.ai-chat-composer[b-xpzkjwxo03] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px;
    padding: 12px;
    border-top: 1px solid #e5edf3;
    background: #fff;
}

.ai-chat-input[b-xpzkjwxo03] {
    width: 100%;
    min-height: 54px;
    max-height: 120px;
    resize: vertical;
    border: 1px solid #d8e2ea;
    border-radius: 8px;
    padding: 10px 11px;
    color: #111827;
    font: inherit;
    font-size: .9rem;
    line-height: 1.35;
    outline: none;
}

.ai-chat-input:focus[b-xpzkjwxo03] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}

.ai-chat-send[b-xpzkjwxo03] {
    width: 44px;
    height: 44px;
    align-self: end;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #10243a;
    color: #fff;
    cursor: pointer;
    transition: background .16s ease, transform .16s ease;
}

.ai-chat-send:hover:not(:disabled)[b-xpzkjwxo03] {
    transform: translateY(-1px);
    background: #0f766e;
}

.ai-chat-send:disabled[b-xpzkjwxo03] {
    cursor: default;
    opacity: .45;
}

.ai-typing[b-xpzkjwxo03] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 58px;
    padding: 12px 13px;
    border: 1px solid rgba(15, 35, 58, .08);
    border-radius: 8px;
    background: #fff;
}

.ai-typing span[b-xpzkjwxo03] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #0f766e;
    animation: aiTyping-b-xpzkjwxo03 1s infinite ease-in-out;
}

.ai-typing span:nth-child(2)[b-xpzkjwxo03] {
    animation-delay: .12s;
}

.ai-typing span:nth-child(3)[b-xpzkjwxo03] {
    animation-delay: .24s;
}

@keyframes aiTyping-b-xpzkjwxo03 {
    0%, 80%, 100% {
        opacity: .35;
        transform: translateY(0);
    }

    40% {
        opacity: 1;
        transform: translateY(-3px);
    }
}

@media (max-width: 959.98px) {
    .ai-chat-panel[b-xpzkjwxo03] {
        left: 16px;
        right: 16px;
        bottom: 154px;
        width: auto;
        height: min(560px, calc(100dvh - 184px));
        max-height: calc(100dvh - 184px);
    }

    .ai-chat-orb[b-xpzkjwxo03] {
        width: 68px;
        height: 68px;
    }
}

@media (max-width: 759.98px) {
    .ai-chat-panel[b-xpzkjwxo03] {
        left: 12px;
        right: 12px;
        bottom: 138px;
        height: min(520px, calc(100dvh - 170px));
        max-height: calc(100dvh - 170px);
    }

    .ai-chat-header[b-xpzkjwxo03] {
        grid-template-columns: 36px minmax(0, 1fr) 32px 32px 32px;
        gap: 8px;
        min-height: 62px;
        padding: 10px 10px 10px 12px;
    }

    .ai-chat-agent-mark[b-xpzkjwxo03] {
        width: 34px;
        height: 34px;
    }

    .ai-chat-agent-mark img[b-xpzkjwxo03] {
        width: 30px;
        height: 30px;
    }

    .ai-chat-title[b-xpzkjwxo03] {
        font-size: .92rem;
    }

    .ai-chat-subtitle[b-xpzkjwxo03] {
        font-size: .74rem;
    }

    .ai-chat-messages[b-xpzkjwxo03] {
        padding: 12px 10px;
    }

    .ai-chat-composer[b-xpzkjwxo03] {
        gap: 8px;
        padding: 10px;
    }

    .ai-chat-input[b-xpzkjwxo03] {
        min-height: 50px;
    }

    .ai-chat-orb[b-xpzkjwxo03] {
        width: 62px;
        height: 62px;
    }

    .ai-chat-orb-mascot[b-xpzkjwxo03] {
        width: 56px;
        height: 56px;
    }
}

.ai-launch-overlay[b-xpzkjwxo03] {
    position: fixed;
    inset: 0;
    z-index: 2147483002;
    display: grid;
    place-items: center;
    pointer-events: none;
    perspective: 1100px;
    background:
        radial-gradient(circle at 50% 50%, rgba(34, 211, 238, .16), transparent 28%),
        rgba(3, 9, 18, .18);
    animation: launchFade-b-xpzkjwxo03 .95s ease both;
}

.ai-launch-mascot[b-xpzkjwxo03] {
    width: 92px;
    height: 92px;
    filter: drop-shadow(0 28px 34px rgba(34, 211, 238, .35));
    transform-style: preserve-3d;
    animation: mascotLaunch3d-b-xpzkjwxo03 .95s cubic-bezier(.2,.86,.22,1) both;
}

.ai-launch-vortex[b-xpzkjwxo03] {
    position: absolute;
    width: min(58vw, 520px);
    height: min(58vw, 520px);
    transform-style: preserve-3d;
    animation: vortexTilt-b-xpzkjwxo03 .95s ease both;
}

.ai-launch-vortex span[b-xpzkjwxo03] {
    position: absolute;
    inset: 16%;
    border: 1px solid rgba(34, 211, 238, .38);
    border-radius: 999px;
    box-shadow: 0 0 34px rgba(34, 211, 238, .12);
    animation: vortexSpin-b-xpzkjwxo03 .95s linear infinite;
}

.ai-launch-vortex span:nth-child(2)[b-xpzkjwxo03] {
    inset: 25%;
    border-color: rgba(249, 115, 22, .36);
    transform: rotateX(72deg) rotateY(22deg);
    animation-direction: reverse;
}

.ai-launch-vortex span:nth-child(3)[b-xpzkjwxo03] {
    inset: 34%;
    border-color: rgba(255,255,255,.34);
    transform: rotateX(48deg) rotateY(-30deg);
}

@keyframes mascotLaunch3d-b-xpzkjwxo03 {
    0% {
        transform: translate3d(calc(50vw - 88px), calc(50vh - 112px), -420px) rotateX(68deg) rotateY(-110deg) rotateZ(-14deg) scale(.42);
        opacity: .2;
    }

    58% {
        transform: translate3d(0, 0, 140px) rotateX(18deg) rotateY(380deg) rotateZ(8deg) scale(1.72);
        opacity: 1;
    }

    100% {
        transform: translate3d(0, 0, 40px) rotateX(0deg) rotateY(720deg) rotateZ(0deg) scale(1.18);
        opacity: 0;
    }
}

@keyframes vortexSpin-b-xpzkjwxo03 {
    to {
        transform: rotateX(68deg) rotateY(24deg) rotateZ(360deg);
    }
}

@keyframes vortexTilt-b-xpzkjwxo03 {
    0% {
        opacity: 0;
        transform: rotateX(76deg) scale(.28);
    }

    35% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotateX(58deg) scale(1.08);
    }
}

@keyframes launchFade-b-xpzkjwxo03 {
    0% {
        opacity: 0;
    }

    25%, 78% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Features/Ai/Pages/SoftIA.razor.rz.scp.css */
.softia-page[b-ldy5ynw4ik] {
    position: relative;
    height: calc(100dvh - 68px);
    min-height: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 14%, rgba(34, 211, 238, .18), transparent 30%),
        radial-gradient(circle at 16% 84%, rgba(249, 115, 22, .13), transparent 34%),
        linear-gradient(135deg, #f8fafc 0%, #eef4f8 42%, #e9f3f5 100%);
    color: #111827;
}

.softia-ambient[b-ldy5ynw4ik] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    perspective: 900px;
}

.softia-mascot--hero[b-ldy5ynw4ik] {
    position: absolute;
    top: 42px;
    right: clamp(28px, 6vw, 96px);
    width: clamp(120px, 16vw, 210px);
    opacity: .95;
    filter: drop-shadow(0 30px 38px rgba(15, 35, 58, .18));
    animation: softiaHeroFloat-b-ldy5ynw4ik 6s ease-in-out infinite;
}

.softia-orbit[b-ldy5ynw4ik] {
    position: absolute;
    top: 82px;
    right: clamp(50px, 8vw, 132px);
    width: 170px;
    height: 170px;
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: 999px;
    transform-style: preserve-3d;
    animation: orbit3d-b-ldy5ynw4ik 9s linear infinite;
}

.softia-orbit--two[b-ldy5ynw4ik] {
    border-color: rgba(249, 115, 22, .25);
    transform: rotateX(65deg) rotateZ(18deg);
    animation-duration: 12s;
    animation-direction: reverse;
}

.softia-particle[b-ldy5ynw4ik] {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 18px rgba(34, 211, 238, .78);
    animation: particleDrift-b-ldy5ynw4ik 6s ease-in-out infinite;
}

.softia-particle.p1[b-ldy5ynw4ik] { top: 22%; left: 18%; }
.softia-particle.p2[b-ldy5ynw4ik] { top: 68%; right: 12%; background: #f97316; box-shadow: 0 0 18px rgba(249, 115, 22, .7); animation-delay: 1.2s; }
.softia-particle.p3[b-ldy5ynw4ik] { bottom: 16%; left: 46%; animation-delay: 2s; }

.softia-shell[b-ldy5ynw4ik] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 18px;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 22px;
}

.softia-rail[b-ldy5ynw4ik],
.softia-chat[b-ldy5ynw4ik] {
    border: 1px solid rgba(15, 35, 58, .08);
    border-radius: 8px;
    background: rgba(255,255,255,.76);
    box-shadow: 0 24px 70px rgba(15, 35, 58, .12);
    backdrop-filter: blur(18px);
}

.softia-rail[b-ldy5ynw4ik] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    overflow-y: auto;
    padding: 18px;
}

.softia-back[b-ldy5ynw4ik],
.softia-send[b-ldy5ynw4ik],
.softia-upload-indicator[b-ldy5ynw4ik] {
    border: 0;
    display: grid;
    place-items: center;
}

.softia-back[b-ldy5ynw4ik] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #10243a;
    color: #fff;
}

.softia-rail-brand[b-ldy5ynw4ik] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 4px;
}

.softia-rail-brand img[b-ldy5ynw4ik] {
    width: 70px;
    height: 70px;
}

.softia-rail-brand h1[b-ldy5ynw4ik],
.softia-chat-header h2[b-ldy5ynw4ik] {
    margin: 0;
    letter-spacing: 0;
}

.softia-rail-brand h1[b-ldy5ynw4ik] {
    font-size: 1.65rem;
    font-weight: 900;
}

.softia-rail-brand p[b-ldy5ynw4ik],
.softia-status-card p[b-ldy5ynw4ik] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: .9rem;
}

.softia-status-card[b-ldy5ynw4ik] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border-radius: 8px;
    background: #10243a;
    color: #fff;
}

.softia-status-card p[b-ldy5ynw4ik] {
    color: rgba(255,255,255,.68);
}

.softia-status-dot[b-ldy5ynw4ik] {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 16px rgba(34, 211, 238, .8);
}

.softia-capabilities[b-ldy5ynw4ik] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.softia-capabilities span[b-ldy5ynw4ik] {
    padding: 7px 9px;
    border-radius: 999px;
    background: rgba(15, 118, 110, .1);
    color: #0f766e;
    font-size: .78rem;
    font-weight: 800;
}

.softia-chat[b-ldy5ynw4ik] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.softia-chat-header[b-ldy5ynw4ik] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px;
    border-bottom: 1px solid rgba(15, 35, 58, .08);
    background: rgba(255,255,255,.68);
}

.softia-kicker[b-ldy5ynw4ik] {
    color: #0f766e;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.softia-chat-header h2[b-ldy5ynw4ik] {
    margin-top: 4px;
    font-size: clamp(1.55rem, 2vw, 2.25rem);
    font-weight: 920;
}

.softia-session-pill[b-ldy5ynw4ik] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border-radius: 999px;
    background: #10243a;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
}

.softia-header-actions[b-ldy5ynw4ik] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.softia-clear-chat[b-ldy5ynw4ik] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: rgba(249, 115, 22, .12);
    color: #c2410c;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.softia-help-button[b-ldy5ynw4ik] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: rgba(34, 211, 238, .14);
    color: #0e7490;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.softia-help-button:hover[b-ldy5ynw4ik] {
    transform: translateY(-1px);
    background: rgba(34, 211, 238, .22);
    color: #155e75;
}

.softia-clear-chat:hover[b-ldy5ynw4ik] {
    transform: translateY(-1px);
    background: rgba(249, 115, 22, .18);
    color: #9a3412;
}

.softia-clear-chat:disabled[b-ldy5ynw4ik] {
    cursor: not-allowed;
    opacity: .5;
    transform: none;
}

.softia-capabilities-panel[b-ldy5ynw4ik] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    justify-items: end;
    background: rgba(15, 35, 58, .2);
    backdrop-filter: blur(8px);
}

.softia-capabilities-card[b-ldy5ynw4ik] {
    width: min(760px, calc(100vw - 24px));
    height: 100%;
    overflow-y: auto;
    padding: 24px;
    border-left: 1px solid rgba(15, 35, 58, .12);
    background: rgba(255, 255, 255, .94);
    box-shadow: -24px 0 70px rgba(15, 35, 58, .18);
}

.softia-capabilities-card header[b-ldy5ynw4ik] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.softia-capabilities-card h3[b-ldy5ynw4ik],
.softia-capabilities-card h4[b-ldy5ynw4ik] {
    margin: 0;
    letter-spacing: 0;
    color: #10243a;
}

.softia-capabilities-card h3[b-ldy5ynw4ik] {
    margin-top: 4px;
    font-size: 1.7rem;
    font-weight: 920;
}

.softia-panel-close[b-ldy5ynw4ik] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #10243a;
    color: #fff;
    cursor: pointer;
}

.softia-capabilities-intro[b-ldy5ynw4ik] {
    margin: 0 0 18px;
    max-width: 620px;
    color: #475569;
    line-height: 1.55;
}

.softia-capability-grid[b-ldy5ynw4ik] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.softia-capability-group[b-ldy5ynw4ik] {
    padding: 14px;
    border: 1px solid rgba(15, 35, 58, .08);
    border-radius: 8px;
    background: #fff;
}

.softia-capability-group h4[b-ldy5ynw4ik] {
    margin-bottom: 10px;
    font-size: .98rem;
    font-weight: 900;
}

.softia-tool-row[b-ldy5ynw4ik] {
    display: grid;
    gap: 5px;
    padding: 10px 0;
    border-top: 1px solid rgba(15, 35, 58, .07);
}

.softia-tool-row:first-of-type[b-ldy5ynw4ik] {
    border-top: 0;
    padding-top: 0;
}

.softia-tool-row strong[b-ldy5ynw4ik] {
    color: #172033;
    font-size: .9rem;
}

.softia-tool-row span[b-ldy5ynw4ik] {
    color: #64748b;
    font-size: .82rem;
    line-height: 1.4;
}

.softia-example-button[b-ldy5ynw4ik] {
    width: fit-content;
    max-width: 100%;
    border: 0;
    border-radius: 8px;
    padding: 7px 9px;
    background: rgba(15, 118, 110, .1);
    color: #0f766e;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

.softia-example-button:hover[b-ldy5ynw4ik] {
    background: rgba(15, 118, 110, .16);
}

.softia-automation-builder[b-ldy5ynw4ik] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(249, 115, 22, .24);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(249, 115, 22, .08), rgba(34, 211, 238, .08));
}

.softia-automation-builder h4[b-ldy5ynw4ik],
.softia-automation-builder p[b-ldy5ynw4ik] {
    margin: 0;
}

.softia-automation-builder p[b-ldy5ynw4ik] {
    margin-top: 4px;
    color: #64748b;
    font-size: .88rem;
}

.softia-automation-builder textarea[b-ldy5ynw4ik] {
    width: 100%;
    min-height: 86px;
    resize: vertical;
    border: 1px solid rgba(15, 35, 58, .12);
    border-radius: 8px;
    outline: none;
    padding: 11px 12px;
    background: #fff;
    font: inherit;
    line-height: 1.45;
}

.softia-create-automation[b-ldy5ynw4ik] {
    width: fit-content;
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    background: #10243a;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.softia-create-automation:disabled[b-ldy5ynw4ik] {
    cursor: not-allowed;
    opacity: .48;
}

.softia-automation-result[b-ldy5ynw4ik] {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border-radius: 8px;
    background: #fff;
    color: #172033;
}

.softia-automation-result span[b-ldy5ynw4ik],
.softia-automation-result small[b-ldy5ynw4ik] {
    color: #64748b;
}

.softia-automation-result button[b-ldy5ynw4ik] {
    width: fit-content;
    margin-top: 6px;
    border: 0;
    border-radius: 8px;
    padding: 8px 10px;
    background: #10243a;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.softia-messages[b-ldy5ynw4ik] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    padding: 28px min(5vw, 64px);
}

.softia-message[b-ldy5ynw4ik] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    max-width: 980px;
    margin: 0 auto 22px;
}

.softia-message--user[b-ldy5ynw4ik] {
    grid-template-columns: minmax(0, 1fr) 42px;
}

.softia-message--user .softia-avatar[b-ldy5ynw4ik] {
    grid-column: 2;
}

.softia-message--user .softia-message-content[b-ldy5ynw4ik] {
    grid-column: 1;
    grid-row: 1;
    align-items: flex-end;
}

.softia-avatar[b-ldy5ynw4ik] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #10243a;
    color: #fff;
    font-weight: 900;
    overflow: hidden;
}

.softia-avatar img[b-ldy5ynw4ik] {
    width: 40px;
    height: 40px;
}

.softia-message-content[b-ldy5ynw4ik] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.softia-message-meta[b-ldy5ynw4ik] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 900;
}

.softia-message-bubble[b-ldy5ynw4ik] {
    max-width: min(780px, 100%);
    padding: 14px 16px;
    border: 1px solid rgba(15, 35, 58, .08);
    border-radius: 8px;
    background: #fff;
    color: #172033;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.softia-message--user .softia-message-bubble[b-ldy5ynw4ik] {
    background: #10243a;
    color: #fff;
}

.softia-message-files[b-ldy5ynw4ik],
.softia-attachment-tray[b-ldy5ynw4ik] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.softia-message-files span[b-ldy5ynw4ik],
.softia-file-chip[b-ldy5ynw4ik] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 240px;
    padding: 7px 9px;
    border-radius: 8px;
    background: rgba(15, 118, 110, .1);
    color: #0f766e;
    font-size: .8rem;
    font-weight: 800;
}

.softia-thinking[b-ldy5ynw4ik] {
    display: inline-flex;
    gap: 6px;
    width: fit-content;
    padding: 14px 16px;
    border-radius: 8px;
    background: #fff;
}

.softia-thinking span[b-ldy5ynw4ik] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22d3ee;
    animation: thinking-b-ldy5ynw4ik 1s ease-in-out infinite;
}

.softia-thinking span:nth-child(2)[b-ldy5ynw4ik] { animation-delay: .14s; }
.softia-thinking span:nth-child(3)[b-ldy5ynw4ik] { animation-delay: .28s; }

.softia-composer[b-ldy5ynw4ik] {
    padding: 16px min(5vw, 64px) 22px;
    border-top: 1px solid rgba(15, 35, 58, .08);
    background: rgba(255,255,255,.76);
}

.softia-dropzone[b-ldy5ynw4ik] {
    position: relative;
    max-width: 980px;
    min-height: 72px;
    margin: 0 auto 10px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px dashed rgba(15, 118, 110, .38);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(15, 118, 110, .08), rgba(34, 211, 238, .08));
    color: #10243a;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.softia-dropzone:hover[b-ldy5ynw4ik],
.softia-dropzone--active[b-ldy5ynw4ik] {
    transform: translateY(-1px);
    border-color: rgba(249, 115, 22, .75);
    background: linear-gradient(135deg, rgba(249, 115, 22, .1), rgba(34, 211, 238, .12));
}

.softia-dropzone[b-ldy5ynw4ik]  input[type=file] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.softia-drop-icon[b-ldy5ynw4ik] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #10243a;
    color: #67e8f9;
}

.softia-dropzone strong[b-ldy5ynw4ik],
.softia-dropzone small[b-ldy5ynw4ik] {
    display: block;
}

.softia-dropzone strong[b-ldy5ynw4ik] {
    font-size: .92rem;
    font-weight: 900;
}

.softia-dropzone small[b-ldy5ynw4ik] {
    margin-top: 2px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
}

.softia-attachment-tray[b-ldy5ynw4ik] {
    max-width: 980px;
    margin: 0 auto 10px;
}

.softia-file-chip[b-ldy5ynw4ik] {
    border: 0;
    cursor: pointer;
}

.softia-input-row[b-ldy5ynw4ik] {
    max-width: 980px;
    min-height: 64px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: end;
    padding: 10px;
    border: 1px solid rgba(15, 35, 58, .1);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 35, 58, .08);
}

.softia-upload-indicator[b-ldy5ynw4ik],
.softia-send[b-ldy5ynw4ik] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
}

.softia-upload-indicator[b-ldy5ynw4ik] {
    position: relative;
    background: #edf7f7;
    color: #0f766e;
}

.softia-upload-indicator em[b-ldy5ynw4ik] {
    position: absolute;
    right: -4px;
    top: -5px;
    min-width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #f97316;
    color: #fff;
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
}

.softia-input[b-ldy5ynw4ik] {
    width: 100%;
    min-height: 42px;
    max-height: 180px;
    resize: vertical;
    border: 0;
    outline: none;
    padding: 10px 4px;
    font: inherit;
    line-height: 1.4;
}

.softia-send[b-ldy5ynw4ik] {
    background: #10243a;
    color: #fff;
}

.softia-send:disabled[b-ldy5ynw4ik] {
    opacity: .42;
    cursor: default;
}

@keyframes softiaHeroFloat-b-ldy5ynw4ik {
    0%,100% { transform: translate3d(0,0,0) rotateY(-8deg); }
    50% { transform: translate3d(0,-14px,18px) rotateY(8deg); }
}

@keyframes orbit3d-b-ldy5ynw4ik {
    from { transform: rotateX(68deg) rotateZ(0deg); }
    to { transform: rotateX(68deg) rotateZ(360deg); }
}

@keyframes particleDrift-b-ldy5ynw4ik {
    0%,100% { transform: translateY(0) scale(.8); opacity: .35; }
    50% { transform: translateY(-18px) scale(1); opacity: 1; }
}

@keyframes thinking-b-ldy5ynw4ik {
    0%,100% { transform: translateY(0); opacity: .35; }
    50% { transform: translateY(-4px); opacity: 1; }
}

@media (max-width: 900px) {
    .softia-page[b-ldy5ynw4ik] {
        height: calc(100dvh - 58px);
    }

    .softia-shell[b-ldy5ynw4ik] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .softia-rail[b-ldy5ynw4ik] {
        display: none;
    }

    .softia-chat[b-ldy5ynw4ik] {
        height: 100%;
        min-height: 0;
    }

    .softia-chat-header[b-ldy5ynw4ik] {
        align-items: flex-start;
        flex-direction: column;
    }

    .softia-header-actions[b-ldy5ynw4ik] {
        width: 100%;
        justify-content: space-between;
    }

    .softia-capabilities-card[b-ldy5ynw4ik] {
        width: 100%;
    }

    .softia-capability-grid[b-ldy5ynw4ik] {
        grid-template-columns: 1fr;
    }

    .softia-messages[b-ldy5ynw4ik],
    .softia-composer[b-ldy5ynw4ik] {
        padding-left: 14px;
        padding-right: 14px;
    }
}
/* /Features/Auditorias/Components/AuditoriasWorkspaceV2.razor.rz.scp.css */
.aud-v2[b-efv5653h3o] { --audit-accent: #147b7b; --audit-orange: #b94b06; --audit-ink: #263341; --audit-muted: #596776; --audit-line: #e1e5e9; margin: 20px; color: var(--audit-ink); background: #fff; min-width: 0; letter-spacing: 0; }
.aud-v2 [hidden][b-efv5653h3o] { display: none !important; }
.aud-v2 h1[b-efv5653h3o], .aud-v2 h2[b-efv5653h3o], .aud-v2 h3[b-efv5653h3o], .aud-v2 p[b-efv5653h3o] { margin: 0; overflow-wrap: anywhere; letter-spacing: 0; }
.aud-v2 h1[b-efv5653h3o] { font-size: 24px; font-weight: 700; line-height: 1.3; }
.aud-v2 h2[b-efv5653h3o] { font-size: 18px; font-weight: 700; line-height: 1.4; }
.aud-v2 h3[b-efv5653h3o] { font-size: 15px; font-weight: 600; line-height: 1.5; }
.aud-v2 button:focus-visible[b-efv5653h3o] { outline: 2px solid var(--audit-accent); outline-offset: 3px; }
.aud-v2 [b-efv5653h3o]::selection { background: #d5eeee; color: #213d3d; }
.aud-v2[b-efv5653h3o]  .aud-v2-primary { background: var(--audit-orange); color: #fff; box-shadow: none; }
.aud-v2[b-efv5653h3o]  .aud-v2-primary:hover { background: #9f3e04; }
.aud-v2[b-efv5653h3o]  .mud-button-root { text-transform: none; letter-spacing: 0; border-radius: 6px; }
.aud-v2[b-efv5653h3o]  .mud-button-label { white-space: normal; }
.aud-v2-list-heading[b-efv5653h3o], .aud-v2-title-row[b-efv5653h3o], .aud-v2-title-block[b-efv5653h3o], .aud-v2-header-actions[b-efv5653h3o], .aud-v2-section-heading[b-efv5653h3o], .aud-v2-row-actions[b-efv5653h3o], .aud-v2-answer-heading[b-efv5653h3o] { display: flex; align-items: center; gap: 12px; }
.aud-v2-list-heading[b-efv5653h3o], .aud-v2-title-row[b-efv5653h3o], .aud-v2-section-heading[b-efv5653h3o], .aud-v2-answer-heading[b-efv5653h3o] { justify-content: space-between; }
.aud-v2-list-heading[b-efv5653h3o] { padding: 24px 24px 18px; }
.aud-v2-list-heading p[b-efv5653h3o] { color: var(--audit-muted); margin-top: 6px; font-size: 14px; }
.aud-v2-list-filters[b-efv5653h3o] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 0 24px 20px; }
.aud-v2-list-filters[b-efv5653h3o]  .mud-input-control { flex: 1 1 150px; min-width: 150px; max-width: 210px; }
.aud-v2-list-filters[b-efv5653h3o]  .aud-v2-search { flex: 2 1 300px; max-width: 470px; }
.aud-v2[b-efv5653h3o]  .aud-v2-table { border-top: 1px solid var(--audit-line); }
.aud-v2[b-efv5653h3o]  .aud-v2-table th { background: #f5f7f8; font-size: 13px; color: var(--audit-muted); padding: 14px 18px; }
.aud-v2[b-efv5653h3o]  .aud-v2-table td { padding: 17px 18px; max-width: 390px; white-space: normal; overflow-wrap: anywhere; }
.aud-v2-audit-link[b-efv5653h3o] { display: inline-flex; align-items: center; gap: 10px; color: var(--audit-ink); text-align: left; font: inherit; font-weight: 650; border: 0; background: none; padding: 2px 0; cursor: pointer; }
.aud-v2-audit-link:hover[b-efv5653h3o] { color: var(--audit-accent); }
.aud-v2-muted[b-efv5653h3o] { color: var(--audit-muted); font-size: 12px; margin-top: 5px; }
.aud-v2-row-actions[b-efv5653h3o] { gap: 4px; flex-wrap: wrap; }
.aud-v2-empty[b-efv5653h3o] { padding: 48px 20px; color: var(--audit-muted); text-align: center; }
.aud-v2-workspace-heading[b-efv5653h3o] { padding: 18px 24px 22px; border-bottom: 1px solid var(--audit-line); }
.aud-v2[b-efv5653h3o]  .aud-v2-back { margin-left: -8px; color: var(--audit-accent); margin-bottom: 10px; }
.aud-v2-title-block[b-efv5653h3o] { min-width: 0; flex-wrap: wrap; gap: 8px; }
.aud-v2-header-actions[b-efv5653h3o] { flex-shrink: 0; flex-wrap: wrap; }
.aud-v2-metadata[b-efv5653h3o] { color: var(--audit-muted); margin-top: 8px !important; font-size: 14px; }
.aud-v2-metadata span[b-efv5653h3o] { padding: 0 6px; }
.aud-v2-auditores[b-efv5653h3o] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.aud-v2-auditores-label[b-efv5653h3o] { color: var(--audit-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.aud-v2-progress-summary[b-efv5653h3o] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 28px; margin-top: 22px; font-size: 13px; }
.aud-v2-progress-summary > span[b-efv5653h3o] { display: inline-flex; align-items: center; gap: 7px; color: var(--audit-muted); }
.aud-v2-progress[b-efv5653h3o] { min-width: 200px; max-width: 310px; flex: 1; }
.aud-v2-progress[b-efv5653h3o]  .mud-progress-linear { margin-top: 8px; border-radius: 4px; color: var(--audit-accent); }
.aud-v2-tabs[b-efv5653h3o] { display: flex; align-items: stretch; gap: 24px; padding: 0 24px; border-bottom: 1px solid var(--audit-line); overflow-x: auto; }
.aud-v2-tabs button[b-efv5653h3o] { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; background: none; border: 0; border-bottom: 2px solid transparent; padding: 17px 0 14px; color: var(--audit-muted); font: inherit; font-size: 14px; cursor: pointer; }
.aud-v2-tabs button.is-active[b-efv5653h3o] { color: var(--audit-accent); border-bottom-color: var(--audit-accent); font-weight: 700; }
.aud-v2-tabs button:hover[b-efv5653h3o] { color: var(--audit-accent); }
.aud-v2-section[b-efv5653h3o] { padding: 24px; }
.aud-v2-section-heading[b-efv5653h3o] { margin-bottom: 20px; gap: 16px; flex-wrap: wrap; }
.aud-v2-points[b-efv5653h3o] { padding: 0 24px 24px; }
.aud-v2-points[b-efv5653h3o]  .aud-puntos-section { margin-top: 20px; padding-top: 0; border: 0; }
.aud-v2-points[b-efv5653h3o]  .aud-puntos-header { margin-bottom: 16px; }
.aud-v2-points[b-efv5653h3o]  .aud-puntos-header .mud-typography { font-size: 18px; }
.aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar { align-items: flex-start; gap: 12px; }
.aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar-filters { gap: 8px; display: flex; flex-wrap: wrap; }
.aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar-filters > .mud-input-control { min-width: 145px; max-width: 200px; flex: 1 1 145px; }
.aud-v2-points[b-efv5653h3o]  .aud-search-filter { order: -1; flex: 2 1 230px !important; max-width: 340px !important; }
.aud-v2-points[b-efv5653h3o]  .aud-punto-actions .mud-button-filled { background: transparent; color: var(--audit-orange); box-shadow: none; }
.aud-v2-points[b-efv5653h3o]  .aud-punto-lock { max-width: 240px; }
.aud-v2-day[b-efv5653h3o] { border-top: 1px solid var(--audit-line); margin-top: 22px; }
.aud-v2-day h3[b-efv5653h3o] { display: flex; align-items: center; gap: 10px; padding: 14px 0; }
.aud-v2-day h3 span[b-efv5653h3o] { margin-left: auto; color: var(--audit-muted); font-size: 13px; }
.aud-v2-schedule-row[b-efv5653h3o] { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 22px; padding: 14px 0; border-top: 1px solid var(--audit-line); }
.aud-v2-schedule-row p + p[b-efv5653h3o] { margin-top: 10px; }
.aud-v2-schedule-row p[b-efv5653h3o] { font-size: 14px; line-height: 1.6; }
.aud-v2-schedule-row p strong[b-efv5653h3o] { padding-right: 8px; }
.aud-v2-time[b-efv5653h3o] { font-size: 13px; font-variant-numeric: tabular-nums; color: var(--audit-muted); }
.aud-v2-unassigned[b-efv5653h3o] { padding: 12px 0; border-bottom: 1px solid var(--audit-line); }
.aud-v2-report-row[b-efv5653h3o] { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 20px 0 28px; }
.aud-v2-report-row > div[b-efv5653h3o] { flex: 1; min-width: 180px; }
.aud-v2-report-row p[b-efv5653h3o] { margin-top: 8px; color: var(--audit-muted); font-size: 14px; }
.aud-v2[b-efv5653h3o]  .aud-v2-data-list { margin: 0; }
.aud-v2[b-efv5653h3o]  .aud-v2-data-list > div { display: grid; grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); gap: 24px; padding: 15px 0; border-bottom: 1px solid var(--audit-line); }
.aud-v2[b-efv5653h3o]  .aud-v2-data-list dt { font-size: 13px; color: var(--audit-muted); }
.aud-v2[b-efv5653h3o]  .aud-v2-data-list dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.aud-v2[b-efv5653h3o]  .aud-v2-edit-fieldset { border: 0; padding: 0; min-width: 0; }
.aud-v2[b-efv5653h3o]  .aud-dias-editor-row, .aud-v2[b-efv5653h3o]  .aud-dias-chips, .aud-v2[b-efv5653h3o]  .form-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.aud-v2[b-efv5653h3o]  .form-actions { padding: 16px 0; }
.aud-v2-expediente--answering .aud-v2-workspace-heading[b-efv5653h3o] { padding: 14px 24px; }
.aud-v2-expediente--answering .aud-v2-workspace-heading h1[b-efv5653h3o] { font-size: 18px; }
.aud-v2-expediente--answering .aud-v2-metadata[b-efv5653h3o], .aud-v2-expediente--answering .aud-v2-auditores[b-efv5653h3o], .aud-v2-expediente--answering .aud-v2-progress-summary[b-efv5653h3o], .aud-v2-expediente--answering .aud-v2-header-actions[b-efv5653h3o] { display: none; }
.aud-v2-expediente--answering[b-efv5653h3o]  .aud-v2-back { display: none; }
.aud-v2-focus[b-efv5653h3o] { display: grid; grid-template-columns: 265px minmax(0, 1fr); height: calc(100dvh - 190px); min-height: 460px; }
.aud-v2-agenda[b-efv5653h3o] { border-right: 1px solid var(--audit-line); padding: 20px 14px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.aud-v2-agenda-heading[b-efv5653h3o] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 8px 12px; }
.aud-v2-agenda-heading h2[b-efv5653h3o] { font-size: 16px; }
.aud-v2-agenda-heading > span[b-efv5653h3o] { color: var(--audit-muted); font-size: 12px; }
.aud-v2-agenda h3[b-efv5653h3o] { color: var(--audit-muted); font-size: 12px; margin: 18px 8px 8px; }
.aud-v2-agenda-point[b-efv5653h3o] { display: flex; flex-direction: column; gap: 7px; width: 100%; border: 1px solid transparent; border-radius: 6px; background: none; padding: 12px 8px; color: var(--audit-ink); text-align: left; font: inherit; font-size: 13px; cursor: pointer; }
.aud-v2-agenda-point > span:first-child[b-efv5653h3o] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.aud-v2-agenda-point > span:nth-child(2)[b-efv5653h3o] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; }
.aud-v2-agenda-point small[b-efv5653h3o] { font-size: 11px; color: var(--audit-muted); }
.aud-v2-agenda-point.is-active[b-efv5653h3o] { background: #e9f4f3; border-color: #bbd8d6; color: #185f5d; }
.aud-v2-agenda-point:hover[b-efv5653h3o] { background: #f2f6f6; }
.aud-v2-answer[b-efv5653h3o] { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 16px 24px 0; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-embedded { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-validation-alert { position: static; flex-shrink: 0; margin: 0 0 12px; background: #fff5f4; color: #9e221b; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-embedded-body { flex: 1; overflow-y: auto; padding: 0 4px 16px 0; overscroll-behavior: contain; scrollbar-gutter: stable; }
.aud-v2-answer-heading[b-efv5653h3o] { flex-wrap: wrap; font-size: 13px; color: var(--audit-muted); }
.aud-v2-answer-heading > div[b-efv5653h3o] { display: flex; align-items: center; }
.aud-v2-focus-title[b-efv5653h3o] { margin: 18px 0 12px !important; scroll-margin-top: 20px; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-point-card { padding: 0 0 16px; border: 0; border-radius: 0; background: #fff; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-codigo { color: var(--audit-ink); background: #edf1f3; font-family: inherit; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-point-desc { font-size: 16px; line-height: 1.65; font-weight: 500; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-switch-cell { flex-wrap: wrap; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-puntuacion-field { border: 0; padding: 0; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-puntuacion-radio-group { display: flex; flex-wrap: wrap; gap: 0 12px; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-textos-rapidos { background: none; border: 0; padding: 0; border-radius: 0; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-texto-rapido-chip { color: var(--audit-accent); border-color: #c9d8d8; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-guia-title { text-transform: none; letter-spacing: 0; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-guia-item { border-radius: 6px; background: #f8fafb; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-rich-editor { border: 1px solid var(--audit-line); min-height: 160px; padding: 12px; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-embedded-footer { flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 -24px; padding: 14px 24px; background: #fff; border-top: 1px solid var(--audit-line); }
.aud-v2-answer[b-efv5653h3o]  .respuesta-embedded-footer .mud-button-filled { background: var(--audit-orange); color: #fff; box-shadow: none; }
.aud-v2-answer[b-efv5653h3o]  .respuesta-readonly { border-radius: 6px; }
.aud-v2-loading[b-efv5653h3o] { padding: 24px; }
@media (max-width: 1100px) {
    .aud-v2-title-row[b-efv5653h3o] { align-items: flex-start; flex-direction: column; }
    .aud-v2-focus[b-efv5653h3o] { grid-template-columns: 220px minmax(0, 1fr); }
    .aud-v2-header-actions[b-efv5653h3o] { gap: 8px; }
}
@media (max-width: 800px) {
    .aud-v2[b-efv5653h3o] { margin: 10px; }
    .aud-v2-focus[b-efv5653h3o] { grid-template-columns: minmax(0, 1fr); }
    .aud-v2-agenda[b-efv5653h3o] { display: none; }
    .aud-v2-list-heading[b-efv5653h3o], .aud-v2-workspace-heading[b-efv5653h3o] { padding: 18px 16px; }
    .aud-v2 h1[b-efv5653h3o] { font-size: 21px; }
    .aud-v2-list-filters[b-efv5653h3o] { padding: 0 16px 18px; }
    .aud-v2-tabs[b-efv5653h3o] { padding: 0 16px; gap: 20px; }
    .aud-v2-section[b-efv5653h3o], .aud-v2-answer[b-efv5653h3o] { padding: 18px 16px; }
    .aud-v2-points[b-efv5653h3o] { padding: 0 16px 18px; }
    .aud-v2-progress-summary[b-efv5653h3o] { gap: 12px 20px; }
    .aud-v2-progress[b-efv5653h3o] { flex-basis: 100%; max-width: none; }
    .aud-v2-answer[b-efv5653h3o]  .respuesta-embedded-footer { margin: 16px -16px -18px; padding: 12px 16px; }
    .aud-v2-points[b-efv5653h3o]  .aud-punto-main { flex-direction: column; align-items: stretch; }
    .aud-v2-points[b-efv5653h3o]  .aud-punto-actions { justify-content: flex-end; }
    .aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar-filters > .mud-input-control { max-width: none; }
    .aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar-filters > .mud-input-control { min-width: 0; width: 100%; flex: none; }
    .aud-v2-points[b-efv5653h3o]  .aud-search-filter { grid-column: 1 / -1; max-width: none !important; }
    .aud-v2-focus[b-efv5653h3o] { height: calc(100dvh - 175px); }
}
@media (max-width: 500px) {
    .aud-v2[b-efv5653h3o] { margin: 0; }
    .aud-v2-list-heading[b-efv5653h3o] { align-items: flex-start; gap: 12px; flex-direction: column; }
    .aud-v2-header-actions[b-efv5653h3o] { width: 100%; }
    .aud-v2-list-filters[b-efv5653h3o]  .mud-input-control { max-width: none; flex-basis: 100%; }
    .aud-v2-title-block[b-efv5653h3o] { align-items: flex-start; }
    .aud-v2[b-efv5653h3o]  .aud-v2-data-list > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .aud-v2-schedule-row[b-efv5653h3o] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .aud-v2-report-row[b-efv5653h3o] { align-items: flex-start; }
    .aud-v2-answer[b-efv5653h3o]  .respuesta-embedded-footer > button { flex: 1 1 140px; }
    .aud-v2-answer-heading[b-efv5653h3o] { gap: 6px; }
    .aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar { flex-direction: column; align-items: stretch; }
    .aud-v2-points[b-efv5653h3o]  .aud-puntos-toolbar-filters { width: 100%; }
}
/* /Features/Auditorias/Components/PuntoArbolFila.razor.rz.scp.css */
.punto-arbol-fila[b-mltsig7oao] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 12px 10px; margin-inline-start: calc(var(--punto-nivel, 0) * 18px); border-bottom: 1px solid var(--mud-palette-divider, #e1e5e9); color: var(--mud-palette-text-primary, #263341); letter-spacing: 0; }
.punto-arbol-fila--grupo[b-mltsig7oao] { align-items: center; background: rgba(var(--mud-palette-primary-rgb, 70,163,162), .06); border: 0; border-radius: 6px; margin-top: 6px; margin-bottom: 2px; padding-top: 7px; padding-bottom: 7px; }
.punto-arbol-fila--seleccionado[b-mltsig7oao] { background: rgba(var(--mud-palette-primary-rgb, 70,163,162), .04); }
.punto-arbol-principal[b-mltsig7oao] { display: flex; flex: 1 1 0; gap: 10px; min-width: 0; }
.punto-arbol-inicio[b-mltsig7oao] { display: flex; align-items: center; align-self: flex-start; gap: 8px; flex-shrink: 0; }
.punto-arbol-toggle[b-mltsig7oao], .punto-arbol-espacio[b-mltsig7oao] { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; }
.punto-arbol-toggle[b-mltsig7oao] { padding: 0; border: 0; border-radius: 4px; color: var(--mud-palette-text-secondary, #596776); background: transparent; cursor: pointer; }
.punto-arbol-toggle:hover[b-mltsig7oao] { background: rgba(var(--mud-palette-primary-rgb, 70,163,162), .09); }
.punto-arbol-toggle:focus-visible[b-mltsig7oao] { outline: 2px solid var(--mud-palette-primary, #147b7b); outline-offset: 2px; }
.punto-arbol-toggle:disabled[b-mltsig7oao] { cursor: default; opacity: .55; }
.punto-arbol-cuerpo[b-mltsig7oao] { flex: 1 1 0; min-width: 0; }
.punto-arbol-etiqueta[b-mltsig7oao] { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.punto-arbol-codigo[b-mltsig7oao] { flex-shrink: 0; padding: 2px 6px; border-radius: 4px; background: rgba(var(--mud-palette-primary-rgb, 70,163,162), .1); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.5; }
.punto-arbol-descripcion[b-mltsig7oao] { flex: 1 1 0; min-width: 0; font-size: 14px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
.punto-arbol-fila--grupo .punto-arbol-descripcion[b-mltsig7oao] { font-weight: 650; }
.punto-arbol-metadatos[b-mltsig7oao] { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 7px; font-size: 12px; color: var(--mud-palette-text-secondary, #596776); }
.punto-arbol-acciones[b-mltsig7oao] { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px; flex: 0 1 auto; max-width: 40%; }
.punto-arbol-fila--planificacion .punto-arbol-acciones[b-mltsig7oao] { max-width: none; }
@media (max-width: 1100px) {
    .punto-arbol-fila--planificacion[b-mltsig7oao] { flex-wrap: wrap; }
    .punto-arbol-fila--planificacion .punto-arbol-acciones[b-mltsig7oao] { flex-basis: 100%; padding-left: 64px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
    .punto-arbol-fila--hoja[b-mltsig7oao] { flex-wrap: wrap; }
    .punto-arbol-fila--hoja .punto-arbol-principal[b-mltsig7oao] { flex-basis: 100%; }
    .punto-arbol-fila--hoja .punto-arbol-acciones[b-mltsig7oao] { flex-basis: 100%; max-width: none; padding-left: 64px; }
}
@media (max-width: 700px) {
    .punto-arbol-fila[b-mltsig7oao] { flex-wrap: wrap; gap: 8px; margin-inline-start: min(calc(var(--punto-nivel, 0) * 10px), 24px); padding: 10px 6px; }
    .punto-arbol-principal[b-mltsig7oao] { flex-basis: 100%; gap: 7px; }
    .punto-arbol-inicio[b-mltsig7oao] { gap: 4px; }
    .punto-arbol-fila--hoja .punto-arbol-espacio[b-mltsig7oao] { display: none; }
    .punto-arbol-fila--grupo:not(.punto-arbol-fila--planificacion) .punto-arbol-principal[b-mltsig7oao] { flex-basis: 0; }
    .punto-arbol-fila--grupo:not(.punto-arbol-fila--planificacion) .punto-arbol-acciones[b-mltsig7oao] { flex-basis: auto; max-width: 40%; }
    .punto-arbol-etiqueta[b-mltsig7oao] { flex-wrap: wrap; gap: 4px 8px; }
    .punto-arbol-descripcion[b-mltsig7oao] { flex-basis: 100%; }
    .punto-arbol-fila--grupo .punto-arbol-etiqueta[b-mltsig7oao] { flex-wrap: nowrap; align-items: flex-start; }
    .punto-arbol-fila--grupo .punto-arbol-descripcion[b-mltsig7oao] { flex-basis: auto; }
    .punto-arbol-acciones[b-mltsig7oao], .punto-arbol-fila--planificacion .punto-arbol-acciones[b-mltsig7oao] { flex-basis: 100%; max-width: none; padding-left: 0; }
}
/* /Features/Auditorias/Dialogs/DialogPlanAuditoria.razor.rz.scp.css */
.plan-audit-heading[b-u2x0plhtcp] { display:flex; align-items:center; gap:12px; }
.plan-audit-day[b-u2x0plhtcp] { padding:20px 2px; }
.plan-audit-day h3[b-u2x0plhtcp] { margin:0; font-size:1rem; font-weight:650; color:#26364d; }
.plan-audit-day-heading[b-u2x0plhtcp],.plan-audit-range-heading[b-u2x0plhtcp] { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.plan-audit-events[b-u2x0plhtcp] { margin:16px 0 24px; }
.plan-audit-event[b-u2x0plhtcp] { display:grid; grid-template-columns:minmax(180px,1.3fr) 115px 115px minmax(150px,1.5fr); align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #e5e7eb; }
.plan-audit-section-heading[b-u2x0plhtcp] { margin:16px 0 12px; }
.plan-audit-range[b-u2x0plhtcp] { border-top:1px solid #ccd7dd; margin:16px 0; padding-top:8px; }
.plan-audit-range-heading[b-u2x0plhtcp] { background:#f1f6f6; padding:4px 12px; }
.plan-audit-range-heading strong[b-u2x0plhtcp] { font-variant-numeric:tabular-nums; color:#26364d; }
.plan-audit-group-text[b-u2x0plhtcp] { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,3fr); gap:12px; margin:12px 0; }
.plan-audit-group-pickers[b-u2x0plhtcp] { display:flex; flex-direction:column; gap:12px; min-width:0; }
.plan-audit-point[b-u2x0plhtcp] { display:grid; grid-template-columns:36px minmax(0,1fr) 130px 130px; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #e5e7eb; }
.plan-audit-point-text[b-u2x0plhtcp] { display:flex; flex-direction:column; gap:4px; overflow-wrap:anywhere; }
.plan-audit-point-text span[b-u2x0plhtcp] { font-size:.875rem; color:#4c5b6b; }
.plan-audit-unassigned[b-u2x0plhtcp] { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e5e7eb; padding:12px 0; }
.plan-audit-preview-options[b-u2x0plhtcp] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px 0; }
.plan-audit-pdf[b-u2x0plhtcp] { display:block; width:100%; height:65vh; min-height:400px; border:1px solid #d1d5db; background:#f3f4f6; }
.plan-audit-footer[b-u2x0plhtcp] { display:flex; width:100%; align-items:center; justify-content:flex-end; gap:12px; }
.plan-audit-footer-actions[b-u2x0plhtcp] { display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width:900px) {
    .plan-audit-event[b-u2x0plhtcp] { grid-template-columns:minmax(0,1fr) 115px 115px; }
    .plan-audit-event-requirement[b-u2x0plhtcp] { grid-column:1 / -1; }
}
@media (max-width:600px) {
    .plan-audit-day[b-u2x0plhtcp] { padding-top:16px; }
    .plan-audit-event[b-u2x0plhtcp] { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    .plan-audit-event-toggle[b-u2x0plhtcp] { grid-column:1 / -1; }
    .plan-audit-point[b-u2x0plhtcp] { grid-template-columns:36px minmax(0,1fr) minmax(0,1fr); gap:8px; }
    .plan-audit-point-text[b-u2x0plhtcp] { grid-column:2 / -1; }
    .plan-audit-point-start[b-u2x0plhtcp] { grid-column:2; }
    .plan-audit-group-text[b-u2x0plhtcp] { grid-template-columns:1fr; }
    .plan-audit-footer[b-u2x0plhtcp] { align-items:stretch; }
    .plan-audit-footer-actions[b-u2x0plhtcp] { flex-direction:column-reverse; width:100%; }
    .plan-audit-pdf[b-u2x0plhtcp] { min-height:360px; }
    .plan-audit-unassigned[b-u2x0plhtcp] { flex-direction:column; align-items:flex-start; }
}

/* Motion: ease-out entrances, transform/opacity only, press feedback, reduced-motion safe */

@keyframes plan-audit-rise-b-u2x0plhtcp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes plan-audit-pop-b-u2x0plhtcp {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

.plan-audit-day > *[b-u2x0plhtcp],
.plan-audit-dialog[b-u2x0plhtcp]  .plan-audit-enter {
    animation: plan-audit-rise-b-u2x0plhtcp 260ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
.plan-audit-day > :nth-child(2)[b-u2x0plhtcp] { animation-delay: 40ms; }
.plan-audit-day > :nth-child(3)[b-u2x0plhtcp] { animation-delay: 80ms; }
.plan-audit-day > :nth-child(4)[b-u2x0plhtcp] { animation-delay: 120ms; }
.plan-audit-day > :nth-child(5)[b-u2x0plhtcp] { animation-delay: 160ms; }
.plan-audit-day > :nth-child(6)[b-u2x0plhtcp] { animation-delay: 200ms; }
.plan-audit-day > :nth-child(n+7)[b-u2x0plhtcp] { animation-delay: 240ms; }

.plan-audit-result[b-u2x0plhtcp] {
    display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; padding: 12px 14px;
    border-radius: 8px; border: 1px solid transparent;
    animation: plan-audit-rise-b-u2x0plhtcp 260ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
.plan-audit-result.is-success[b-u2x0plhtcp] { background: #eaf3ee; border-color: #cfe3d6; color: #234735; }
.plan-audit-result.is-warning[b-u2x0plhtcp] { background: #fdf3e3; border-color: #f2dcb2; color: #6b4a12; }
.plan-audit-result-icon[b-u2x0plhtcp] { display: inline-flex; animation: plan-audit-pop-b-u2x0plhtcp 320ms cubic-bezier(0.23, 1, 0.32, 1) 60ms both; }
.plan-audit-result-body[b-u2x0plhtcp] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.plan-audit-result-body span[b-u2x0plhtcp] { font-size: .875rem; }
.plan-audit-result-body ul[b-u2x0plhtcp] { margin: 6px 0 0; padding-left: 18px; font-size: .8125rem; }

.plan-audit-footer[b-u2x0plhtcp]  .mud-button-root,
.plan-audit-dialog[b-u2x0plhtcp]  .plan-audit-save {
    transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 150ms ease, box-shadow 150ms ease;
}
.plan-audit-footer[b-u2x0plhtcp]  .mud-button-root:active:not(:disabled) { transform: scale(0.97); }
.plan-audit-save-spinner[b-u2x0plhtcp] { margin-right: 8px; }

.plan-audit-point[b-u2x0plhtcp], .plan-audit-event[b-u2x0plhtcp] { transition: background-color 150ms ease; }
@media (hover: hover) and (pointer: fine) {
    .plan-audit-point:hover[b-u2x0plhtcp], .plan-audit-event:hover[b-u2x0plhtcp] { background-color: #f7f9fb; }
}

@media (prefers-reduced-motion: reduce) {
    .plan-audit-day > *[b-u2x0plhtcp],
    .plan-audit-dialog[b-u2x0plhtcp]  .plan-audit-enter,
    .plan-audit-result[b-u2x0plhtcp] { animation: none; }
    .plan-audit-result-icon[b-u2x0plhtcp] { animation: none; }
    .plan-audit-footer[b-u2x0plhtcp]  .mud-button-root:active:not(:disabled) { transform: none; }
}

.plan-audit-loading[b-u2x0plhtcp] { min-height: 320px; display: flex; align-items: center; justify-content: center; animation: plan-audit-rise-b-u2x0plhtcp 260ms cubic-bezier(0.23, 1, 0.32, 1) both; }
@media (prefers-reduced-motion: reduce) { .plan-audit-loading[b-u2x0plhtcp] { animation: none; } }
/* /Features/Autenticacion/Components/AuthShell.razor.rz.scp.css */
.auth-shell[b-ufvdddpr21] {
    --auth-ink: #101828;
    --auth-muted: #667085;
    --auth-line: #e4e7ec;
    --auth-accent: #f58220;
    --auth-primary: #2457a6;
    --auth-ease: cubic-bezier(0.23, 1, 0.32, 1);
    display: grid;
    grid-template-columns: minmax(360px, 5fr) 7fr;
    min-height: 100vh;
    background: #f6f7f9;
    color: var(--auth-ink);
    font-family: Roboto, "Segoe UI", Arial, sans-serif;
}

/* ---- Panel de marca ---- */
.auth-brand[b-ufvdddpr21] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    padding: clamp(28px, 4vw, 56px);
    color: #fff;
    background:
        radial-gradient(900px 480px at 0% 100%, rgba(245, 130, 32, .30), transparent 60%),
        linear-gradient(160deg, #0b1220 0%, #131c30 100%);
    overflow: hidden;
}

.auth-logo[b-ufvdddpr21] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
}

.auth-logo img[b-ufvdddpr21] { box-sizing: border-box; padding: 5px; object-fit: contain; border-radius: 12px; background: #fff; }
.auth-logo span[b-ufvdddpr21] { display: grid; line-height: 1.15; }
.auth-logo strong[b-ufvdddpr21] { font-size: 1.1rem; letter-spacing: .14em; }
.auth-logo small[b-ufvdddpr21] { color: #94a3b8; font-size: .78rem; }

.auth-pitch[b-ufvdddpr21] { max-width: 440px; }

.auth-pitch h1[b-ufvdddpr21] {
    margin: 0 0 14px;
    font-size: clamp(1.9rem, 2.8vw, 2.7rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.01em;
    color: #fff;
    text-wrap: balance;
}

.auth-pitch p[b-ufvdddpr21] { margin: 0 0 28px; color: #b6c2d4; line-height: 1.6; }

.auth-pitch ul[b-ufvdddpr21] { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }

.auth-pitch li[b-ufvdddpr21] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #e2e8f0;
    font-size: .95rem;
}

.auth-pitch li[b-ufvdddpr21]  .mud-icon-root {
    box-sizing: content-box;
    padding: 7px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .08);
    color: var(--auth-accent);
}

.auth-copy[b-ufvdddpr21] { color: #64748b; }

/* ---- Zona del formulario ---- */
.auth-main[b-ufvdddpr21] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 72px 24px 40px;
}

.auth-back[b-ufvdddpr21] {
    position: absolute;
    top: 22px;
    right: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--auth-muted);
    font: inherit;
    font-size: .88rem;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.auth-back:hover[b-ufvdddpr21] { background: #eceff3; color: var(--auth-ink); }
.auth-back:focus-visible[b-ufvdddpr21] { outline: 2px solid var(--auth-primary); outline-offset: 2px; }

.auth-card[b-ufvdddpr21] {
    width: min(100%, 440px);
    padding: 36px;
    border: 1px solid var(--auth-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 24px 48px -16px rgba(16, 24, 40, .12);
    animation: auth-enter-b-ufvdddpr21 360ms cubic-bezier(0.23, 1, 0.32, 1) both;
}

/* ---- Piezas que usan las paginas dentro de la tarjeta ---- */
.auth-card[b-ufvdddpr21]  .auth-step { animation: auth-enter-b-ufvdddpr21 280ms cubic-bezier(0.23, 1, 0.32, 1) both; }

.auth-card[b-ufvdddpr21]  .auth-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: #fff4e8;
    color: var(--auth-accent);
}

.auth-card[b-ufvdddpr21]  .auth-icon.is-ok { background: #e8f6ee; color: #1a7f4b; }
.auth-card[b-ufvdddpr21]  .auth-icon.is-warn { background: #fff4e8; color: #c2570c; }
.auth-card[b-ufvdddpr21]  .auth-icon.is-bad { background: #fdecec; color: #c0392b; }

.auth-card[b-ufvdddpr21]  .auth-title { margin: 0 0 6px; font-size: 1.6rem; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; color: var(--auth-ink); }
.auth-card[b-ufvdddpr21]  .auth-sub { margin: 0 0 24px; color: var(--auth-muted); line-height: 1.55; }

.auth-card[b-ufvdddpr21]  .auth-field { margin-bottom: 16px; }
.auth-card[b-ufvdddpr21]  .auth-field .mud-input-outlined-border { border-radius: 10px; }

.auth-card[b-ufvdddpr21]  .auth-btn.mud-button-root {
    min-height: 48px;
    margin-top: 6px;
    border-radius: 10px;
    background: #101828;
    color: #fff;
    font-weight: 700;
    letter-spacing: .01em;
    text-transform: none;
    box-shadow: none;
    transition: transform 160ms var(--auth-ease), background-color 160ms ease;
}

.auth-card[b-ufvdddpr21]  .auth-btn.mud-button-root:hover { background: #1d2939; }
.auth-card[b-ufvdddpr21]  .auth-btn.mud-button-root:active { transform: scale(.98); }

.auth-card[b-ufvdddpr21]  .auth-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--auth-primary);
    font: inherit;
    font-size: .9rem;
    cursor: pointer;
}

.auth-card[b-ufvdddpr21]  .auth-link:hover { text-decoration: underline; }
.auth-card[b-ufvdddpr21]  .auth-link:disabled { color: var(--auth-muted); cursor: default; text-decoration: none; }

.auth-card[b-ufvdddpr21]  .auth-alert { margin-bottom: 18px; border-radius: 10px; }

.auth-card[b-ufvdddpr21]  .auth-company-list { display: grid; gap: 10px; margin-bottom: 4px; }

.auth-card[b-ufvdddpr21]  .auth-company {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--auth-line);
    border-radius: 12px;
    background: #fff;
    color: var(--auth-ink);
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, transform 160ms var(--auth-ease);
}

.auth-card[b-ufvdddpr21]  .auth-company:hover { border-color: var(--auth-primary); background: #f5f8fd; }
.auth-card[b-ufvdddpr21]  .auth-company:active { transform: scale(.985); }
.auth-card[b-ufvdddpr21]  .auth-company:focus-visible { outline: 2px solid var(--auth-primary); outline-offset: 2px; }

.auth-card[b-ufvdddpr21]  .auth-code input {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .4em;
    font-variant-numeric: tabular-nums;
}

.auth-card[b-ufvdddpr21]  .auth-rules { margin: 0 0 18px; padding: 12px 14px; border-radius: 10px; background: #f6f7f9; color: var(--auth-muted); font-size: .85rem; line-height: 1.5; }

@keyframes auth-enter-b-ufvdddpr21 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 960px) {
    .auth-shell[b-ufvdddpr21] { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
    .auth-brand[b-ufvdddpr21] { gap: 0; padding: 20px 24px; }
    .auth-pitch[b-ufvdddpr21], .auth-copy[b-ufvdddpr21] { display: none; }
    .auth-main[b-ufvdddpr21] { padding: 36px 16px 32px; justify-content: flex-start; }
    .auth-back[b-ufvdddpr21] { position: static; align-self: flex-end; margin-bottom: 14px; }
    .auth-card[b-ufvdddpr21] { padding: 28px 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .auth-card[b-ufvdddpr21], .auth-card[b-ufvdddpr21]  .auth-step { animation: none; }
    .auth-card[b-ufvdddpr21]  .auth-btn.mud-button-root, .auth-card[b-ufvdddpr21]  .auth-company { transition: none; }
}
/* /Features/Captacion/Components/CaptacionLeadPanel.razor.rz.scp.css */
.cap-detail[b-r6lz8rq27p] { margin-top: 24px; padding: 24px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); scroll-margin-top: 80px; }
.cap-detail:focus-visible[b-r6lz8rq27p] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }
.cap-detail header[b-r6lz8rq27p] { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 20px; }.cap-detail h2[b-r6lz8rq27p] { font-size: 1.35rem; font-weight: 650; }.cap-detail p[b-r6lz8rq27p] { line-height: 1.6; max-width: 70ch; }.cap-detail header p[b-r6lz8rq27p] { color: var(--mud-palette-text-secondary); margin-top: 6px; }
.cap-detail-grid[b-r6lz8rq27p] { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }.cap-detail-grid section[b-r6lz8rq27p] { min-width: 0; }.cap-detail h3[b-r6lz8rq27p] { font-size: 1rem; font-weight: 650; margin: 28px 0 16px; }.cap-detail small[b-r6lz8rq27p] { color: var(--mud-palette-text-secondary); font-size: .75rem; line-height: 1.6; }
.cap-detail dl[b-r6lz8rq27p] { display: grid; grid-template-columns: 120px 1fr; gap: 12px; font-size: .85rem; }.cap-detail dt[b-r6lz8rq27p] { color: var(--mud-palette-text-secondary); }.cap-detail dd[b-r6lz8rq27p] { margin: 0; overflow-wrap: anywhere; }.cap-detail dd a[b-r6lz8rq27p] { display: block; color: var(--mud-palette-primary); text-decoration: underline; text-underline-offset: 3px; }
.cap-score-summary[b-r6lz8rq27p] { display: flex; align-items: center; gap: 20px; border-top: 1px solid var(--mud-palette-lines-default); padding-top: 20px; margin-top: 24px; }.cap-score-summary > strong[b-r6lz8rq27p] { font-size: 2rem; font-variant-numeric: tabular-nums; }.cap-score-summary small[b-r6lz8rq27p] { font-size: .8rem; }.cap-score-summary div[b-r6lz8rq27p] { font-weight: 600; }.cap-score-summary span[b-r6lz8rq27p] { display: block; margin-top: 4px; font-size: .75rem; font-weight: 400; color: var(--mud-palette-text-secondary); }
.cap-score-part[b-r6lz8rq27p] { display: grid; gap: 6px; margin: 18px 0; font-size: .85rem; }.cap-score-part span[b-r6lz8rq27p] { display: flex; justify-content: space-between; }.cap-score-part meter[b-r6lz8rq27p] { width: 100%; height: 10px; accent-color: var(--mud-palette-primary); }
.cap-evidence[b-r6lz8rq27p] { padding: 16px 0; border-bottom: 1px solid var(--mud-palette-lines-default); font-size: .85rem; overflow-wrap: anywhere; }.cap-evidence strong[b-r6lz8rq27p] { font-size: .72rem; color: var(--mud-palette-primary); }.cap-evidence p[b-r6lz8rq27p] { margin: 8px 0; }
.cap-detail details[b-r6lz8rq27p] { margin-top: 20px; font-size: .85rem; }.cap-detail summary[b-r6lz8rq27p] { cursor: pointer; min-height: 44px; padding: 10px 0; }.cap-detail summary:focus-visible[b-r6lz8rq27p],.cap-detail a:focus-visible[b-r6lz8rq27p] { outline: 3px solid var(--mud-palette-primary); outline-offset: 3px; }
.cap-ai[b-r6lz8rq27p] { font-size: .85rem; }.cap-ai > strong[b-r6lz8rq27p] { color: var(--mud-palette-primary); font-size: .8rem; }.cap-ai p[b-r6lz8rq27p] { margin: 12px 0; }.cap-ai li[b-r6lz8rq27p] { margin: 8px 0; }.cap-ai ul[b-r6lz8rq27p] { padding-left: 20px; }.cap-ai h4[b-r6lz8rq27p] { margin-top: 20px; font-weight: 650; }.cap-draft[b-r6lz8rq27p] { white-space: pre-wrap; background: var(--mud-palette-background-grey); padding: 16px; }
.cap-timeline[b-r6lz8rq27p] { grid-column: 1/-1; }.cap-timeline ol[b-r6lz8rq27p] { margin: 0; padding: 0; list-style: none; max-height: 460px; overflow-y: auto; }.cap-timeline li[b-r6lz8rq27p] { padding: 14px 0; border-top: 1px solid var(--mud-palette-lines-default); }.cap-timeline li > div[b-r6lz8rq27p] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }.cap-timeline strong[b-r6lz8rq27p] { font-size: .85rem; }.cap-timeline time[b-r6lz8rq27p] { font-size: .75rem; color: var(--mud-palette-text-secondary); }.cap-timeline p[b-r6lz8rq27p] { margin: 8px 0; font-size: .85rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.cap-detail[b-r6lz8rq27p]  .mud-button { text-transform: none; }.cap-detail[b-r6lz8rq27p]  .mud-input-control { margin-bottom: 12px; }
@media(max-width:750px) { .cap-detail[b-r6lz8rq27p] { padding: 18px; }.cap-detail-grid[b-r6lz8rq27p] { grid-template-columns: 1fr; gap: 0; }.cap-detail dl[b-r6lz8rq27p] { grid-template-columns: 100px 1fr; }.cap-detail[b-r6lz8rq27p]  input,.cap-detail[b-r6lz8rq27p]  textarea { font-size: 16px; } }
/* /Features/Captacion/Components/CaptacionSettingsPanel.razor.rz.scp.css */
.cap-settings[b-9d2w0dx8kw] { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; padding: 28px; color: var(--mud-palette-text-primary); }.cap-settings h2[b-9d2w0dx8kw] { font-size: 1.25rem; font-weight: 650; margin-bottom: 8px; }.cap-settings h3[b-9d2w0dx8kw] { font-size: 1rem; font-weight: 650; margin: 32px 0 14px; }.cap-settings h4[b-9d2w0dx8kw] { margin: 20px 0 16px; font-size: .85rem; font-weight: 650; }.cap-settings p[b-9d2w0dx8kw] { color: var(--mud-palette-text-secondary); font-size: .85rem; line-height: 1.65; max-width: 75ch; margin: 10px 0; }.cap-settings small[b-9d2w0dx8kw] { color: var(--mud-palette-text-secondary); line-height: 1.6; }.cap-settings section[b-9d2w0dx8kw] { min-width: 0; }.cap-settings > section[b-9d2w0dx8kw] { border-top: 1px solid var(--mud-palette-lines-default); margin-top: 28px; }.cap-provider-grid[b-9d2w0dx8kw] { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }.cap-settings dl[b-9d2w0dx8kw] { display: grid; grid-template-columns: 135px 1fr; gap: 14px; font-size: .85rem; }.cap-settings dt[b-9d2w0dx8kw] { color: var(--mud-palette-text-secondary); }.cap-settings dd[b-9d2w0dx8kw] { margin: 0; }.cap-editor-toolbar[b-9d2w0dx8kw] { display: flex; gap: 16px; align-items: center; max-width: 650px; margin: 16px 0; }.cap-service-editor[b-9d2w0dx8kw] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }.cap-weights[b-9d2w0dx8kw] { display: grid; grid-template-columns: repeat(5,minmax(100px,1fr)); gap: 16px; margin-bottom: 24px; }.cap-limits[b-9d2w0dx8kw] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 650px; margin: 20px 0; }.cap-settings[b-9d2w0dx8kw] >  .mud-button { margin-top: 16px; text-transform: none; }.cap-settings details[b-9d2w0dx8kw] { margin: 20px 0; }.cap-settings summary[b-9d2w0dx8kw] { cursor: pointer; padding: 10px 0; min-height: 44px; }.cap-settings summary:focus-visible[b-9d2w0dx8kw] { outline: 3px solid var(--mud-palette-primary); }.cap-settings code[b-9d2w0dx8kw] { display: block; overflow-x: auto; padding: 14px; background: var(--mud-palette-background-grey); font-size: .8rem; }
@media(max-width:850px) { .cap-provider-grid[b-9d2w0dx8kw] { grid-template-columns: 1fr; gap: 0; }.cap-weights[b-9d2w0dx8kw] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .cap-settings[b-9d2w0dx8kw] { padding: 18px; }.cap-service-editor[b-9d2w0dx8kw],.cap-limits[b-9d2w0dx8kw] { grid-template-columns: 1fr; gap: 12px; }.cap-editor-toolbar[b-9d2w0dx8kw] { flex-direction: column; align-items: stretch; }.cap-settings dl[b-9d2w0dx8kw] { grid-template-columns: 110px 1fr; }.cap-settings[b-9d2w0dx8kw]  input,.cap-settings[b-9d2w0dx8kw]  textarea { font-size: 16px; } }

.cap-ia-link[b-9d2w0dx8kw] { display: grid; gap: 12px; justify-items: start; }
.cap-ia-link h3[b-9d2w0dx8kw], .cap-ia-link p[b-9d2w0dx8kw] { margin: 0; }
.cap-ia-link[b-9d2w0dx8kw]  .mud-button-root { min-height: 44px; }
/* /Features/Captacion/Pages/CaptacionClientes.razor.rz.scp.css */
.cap-page[b-xsxfuil2mk] { --cap-line: var(--mud-palette-lines-default); --cap-muted: var(--mud-palette-text-secondary); --cap-ease: cubic-bezier(.23,1,.32,1); color: var(--mud-palette-text-primary); padding: 24px; background: var(--mud-palette-background); min-height: calc(100dvh - 72px); }
.cap-page h1[b-xsxfuil2mk] { font-size: 1.8rem; line-height: 1.2; letter-spacing: -.025em; font-weight: 650; margin: 0 0 8px; }
.cap-page h2[b-xsxfuil2mk] { font-size: 1.1rem; font-weight: 650; margin: 0 0 8px; }
.cap-page h3[b-xsxfuil2mk] { font-size: 1rem; font-weight: 650; margin: 24px 0 12px; }
.cap-page p[b-xsxfuil2mk],.cap-page small[b-xsxfuil2mk] { color: var(--cap-muted); }
.cap-page p[b-xsxfuil2mk] { line-height: 1.6; max-width: 70ch; }
.cap-page button[b-xsxfuil2mk] { font: inherit; }
.cap-page button:focus-visible[b-xsxfuil2mk],.cap-page input:focus-visible[b-xsxfuil2mk],.cap-page summary:focus-visible[b-xsxfuil2mk] { outline: 3px solid var(--mud-palette-primary); outline-offset: 3px; }
.cap-page [b-xsxfuil2mk]::selection { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.cap-page[b-xsxfuil2mk]  .mud-button-root { text-transform: none; letter-spacing: 0; border-radius: 7px; }
.cap-page[b-xsxfuil2mk]  .mud-button-filled-primary { box-shadow: none; }
.cap-page[b-xsxfuil2mk]  input,.cap-page[b-xsxfuil2mk]  textarea { caret-color: var(--mud-palette-primary); }
.cap-heading[b-xsxfuil2mk],.cap-heading-actions[b-xsxfuil2mk] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.cap-heading[b-xsxfuil2mk] { margin-bottom: 24px; flex-wrap: wrap; }
.cap-tabs[b-xsxfuil2mk] { display: flex; overflow-x: auto; border-bottom: 1px solid var(--cap-line); margin-bottom: 20px; gap: 20px; }
.cap-tabs button[b-xsxfuil2mk] { border: 0; border-bottom: 2px solid transparent; padding: 12px 0; color: var(--cap-muted); background: transparent; white-space: nowrap; cursor: pointer; min-height: 44px; }
.cap-tabs button.active[b-xsxfuil2mk] { color: var(--mud-palette-text-primary); border-bottom-color: var(--mud-palette-primary); font-weight: 650; }
.cap-toolbar[b-xsxfuil2mk] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.cap-progress[b-xsxfuil2mk] { display: grid; grid-template-columns: 1fr auto; gap: 10px 20px; padding: 14px 16px; border: 1px solid var(--cap-line); border-radius: 8px; background: var(--mud-palette-surface); margin-bottom: 16px; font-size: .8rem; }
.cap-progress > div[b-xsxfuil2mk] { display: grid; gap: 5px; }.cap-progress span[b-xsxfuil2mk] { color: var(--cap-muted); }.cap-progress progress[b-xsxfuil2mk] { grid-column: 1/-1; display: block; width: 100%; height: 6px; accent-color: var(--mud-palette-primary); }
.cap-progress progress[b-xsxfuil2mk]::-webkit-progress-bar { background: var(--mud-palette-background-grey); border-radius: 3px; }.cap-progress progress[b-xsxfuil2mk]::-webkit-progress-value { background: var(--mud-palette-primary); border-radius: 3px; }
.cap-quick[b-xsxfuil2mk] { display: flex; flex-wrap: wrap; gap: 5px; }
.cap-quick button[b-xsxfuil2mk] { background: transparent; color: var(--cap-muted); border: 1px solid transparent; border-radius: 5px; padding: 7px 10px; font-size: .8rem; cursor: pointer; min-height: 36px; }
.cap-quick button.active[b-xsxfuil2mk] { color: var(--mud-palette-primary); background: var(--mud-palette-surface); border-color: var(--cap-line); font-weight: 650; }
.cap-view-actions[b-xsxfuil2mk] { display: flex; align-items: center; flex-shrink: 0; }
.cap-workspace[b-xsxfuil2mk] { display: grid; grid-template-columns: 250px minmax(280px,1fr) 300px; border: 1px solid var(--cap-line); border-radius: 12px; overflow: clip; background: var(--mud-palette-surface); min-height: 620px; }
.cap-filters[b-xsxfuil2mk] { padding: 20px; border-right: 1px solid var(--cap-line); min-width: 0; }
.cap-filters > p[b-xsxfuil2mk] { font-size: .85rem; margin-bottom: 16px; }
.cap-filters > small[b-xsxfuil2mk] { display: block; font-size: .75rem; line-height: 1.6; margin: 8px 0; }
.cap-two[b-xsxfuil2mk] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cap-filter-foot[b-xsxfuil2mk] { margin-top: 12px !important; }
.cap-advanced[b-xsxfuil2mk] { margin: 16px 0; font-size: .8rem; }
.cap-advanced summary[b-xsxfuil2mk] { cursor: pointer; min-height: 36px; padding: 8px 0; }
.cap-advanced small[b-xsxfuil2mk] { display: block; line-height: 1.6; }
.cap-upload[b-xsxfuil2mk] { display: grid; gap: 8px; font-size: .8rem; margin-top: 12px; }
.cap-upload input[b-xsxfuil2mk] { max-width: 100%; font-size: .75rem; }
.cap-locations[b-xsxfuil2mk] { display: grid; border: 1px solid var(--cap-line); }
.cap-locations button[b-xsxfuil2mk] { text-align: left; background: var(--mud-palette-surface); border: 0; padding: 10px; cursor: pointer; color: inherit; }
.cap-map-panel[b-xsxfuil2mk] { position: relative; min-height: 620px; overflow: hidden; }
.cap-map[b-xsxfuil2mk] { width: 100%; height: 100%; min-height: 620px; background: var(--mud-palette-background-grey); z-index: 0; }
.cap-map-tools[b-xsxfuil2mk] { position: absolute; z-index: 450; top: 12px; left: 54px; right: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.cap-map-tools[b-xsxfuil2mk]  .mud-button { background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); box-shadow: 0 2px 8px #0002; font-size: .72rem; }
.cap-map-note[b-xsxfuil2mk],.cap-map-legend[b-xsxfuil2mk] { position: absolute; bottom: 28px; z-index: 450; background: var(--mud-palette-surface); color: var(--cap-muted); border-radius: 5px; font-size: .68rem; padding: 8px 10px; }
.cap-map-note[b-xsxfuil2mk] { left: 12px; bottom: 60px; }
.cap-map-legend[b-xsxfuil2mk] { left: 12px; display: flex; gap: 12px; }
.cap-map-legend span[b-xsxfuil2mk]:before { content: ''; width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin-right: 4px; background: var(--mud-palette-text-disabled); }
.cap-map-legend .high[b-xsxfuil2mk]:before { background: var(--mud-palette-success); }.cap-map-legend .medium[b-xsxfuil2mk]:before { background: var(--mud-palette-warning); }.cap-map-legend .pending[b-xsxfuil2mk]:before { background: var(--mud-palette-info); }
.cap-scan-status[b-xsxfuil2mk] { position: absolute; top: 110px; left: 16px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); z-index: 450; padding: 8px 12px; border-radius: 6px; font-size: .75rem; display: flex; align-items: center; gap: 8px; }
.cap-scan-dot[b-xsxfuil2mk] { width: 7px; height: 7px; border-radius: 50%; background: var(--mud-palette-info); }
.cap-map-error[b-xsxfuil2mk] { position: absolute; left: 14px; right: 14px; top: 155px; padding: 16px; background: var(--mud-palette-surface); z-index: 450; font-size: .85rem; }
.cap-results[b-xsxfuil2mk] { padding: 18px 14px 10px; border-left: 1px solid var(--cap-line); min-width: 0; }
.cap-results-head[b-xsxfuil2mk] { display: flex; flex-direction: column; gap: 2px; margin-bottom: 14px; }.cap-results-head h2[b-xsxfuil2mk] { margin: 0; }.cap-results-head span[b-xsxfuil2mk] { color: var(--cap-muted); font-size: .75rem; }
.cap-result-list[b-xsxfuil2mk] { max-height: 590px; overflow-y: auto; scrollbar-color: var(--mud-palette-text-disabled) transparent; }
.cap-result[b-xsxfuil2mk] { display: grid; gap: 8px; width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--cap-line); color: var(--cap-muted); padding: 17px 10px; text-align: left; cursor: pointer; font-size: .76rem !important; transition: background-color 160ms var(--cap-ease); }
.cap-result.selected[b-xsxfuil2mk] { background: var(--mud-palette-primary-hover); outline: 1px solid var(--mud-palette-primary); outline-offset: -1px; }
.cap-result-title[b-xsxfuil2mk] { display: flex; align-items: start; justify-content: space-between; gap: 8px; }.cap-result-title strong[b-xsxfuil2mk] { color: var(--mud-palette-text-primary); font-size: .9rem; line-height: 1.4; }
.cap-score[b-xsxfuil2mk] { color: var(--mud-palette-text-primary); font-size: 1.2rem; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }.cap-score small[b-xsxfuil2mk] { font-size: .6rem; font-weight: 400; }.cap-score.high[b-xsxfuil2mk] { color: var(--mud-palette-success); }.cap-score.pending[b-xsxfuil2mk] { color: var(--mud-palette-info); }
.cap-result-status[b-xsxfuil2mk] { font-weight: 600; }.cap-result-web[b-xsxfuil2mk] { line-height: 1.5; }.cap-saved[b-xsxfuil2mk] { color: var(--mud-palette-text-primary); font-weight: 600; }.cap-client-match[b-xsxfuil2mk] { color: var(--mud-palette-warning-darken); }
.cap-empty[b-xsxfuil2mk] { display: grid; justify-items: start; gap: 8px; padding: 28px 14px; }.cap-empty h3[b-xsxfuil2mk] { margin: 0; }.cap-empty p[b-xsxfuil2mk] { font-size: .85rem; }
.cap-pagination[b-xsxfuil2mk] { display: flex; align-items: center; justify-content: space-between; padding: 14px 0 2px; gap: 8px; font-size: .75rem; flex-wrap: wrap; }
.cap-no-filters[b-xsxfuil2mk] { grid-template-columns: minmax(280px,1fr) 300px; }.cap-no-list[b-xsxfuil2mk] { grid-template-columns: 250px minmax(280px,1fr); }.cap-no-list.cap-no-filters[b-xsxfuil2mk] { grid-template-columns: 1fr; }
.cap-table-workspace[b-xsxfuil2mk] { grid-template-columns: 250px minmax(0,1fr); }.cap-table-workspace.cap-no-filters[b-xsxfuil2mk] { grid-template-columns: 1fr; }
.cap-table-panel[b-xsxfuil2mk] { padding: 20px; overflow: auto; min-width: 0; }.cap-table-head[b-xsxfuil2mk] { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }.cap-table-head h2[b-xsxfuil2mk] { flex: 1; }.cap-table-head[b-xsxfuil2mk]  .mud-select { max-width: 180px; }.cap-block[b-xsxfuil2mk] { display: block; margin-top: 4px; }
.cap-section[b-xsxfuil2mk] { padding: 28px; border: 1px solid var(--cap-line); border-radius: 12px; background: var(--mud-palette-surface); }
.cap-card-grid[b-xsxfuil2mk] { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 24px; margin-top: 20px; }.cap-card-grid article[b-xsxfuil2mk] { display: grid; align-content: start; gap: 12px; border-bottom: 1px solid var(--cap-line); padding: 8px 0 20px; }.cap-card-grid article strong[b-xsxfuil2mk] { font-size: .95rem; }.cap-card-grid article p[b-xsxfuil2mk] { font-size: .85rem; }.cap-card-grid article[b-xsxfuil2mk]  .mud-button { justify-self: start; }
.cap-history-row[b-xsxfuil2mk] { display: flex; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--cap-line); flex-wrap: wrap; }.cap-history-row > div:first-child[b-xsxfuil2mk] { display: grid; gap: 8px; flex: 1; }.cap-history-row span[b-xsxfuil2mk] { color: var(--cap-muted); font-size: .85rem; }
.cap-metrics[b-xsxfuil2mk] { display: flex; flex-wrap: wrap; gap: 36px; padding: 28px 0; border-bottom: 1px solid var(--cap-line); }.cap-metrics > div[b-xsxfuil2mk] { display: grid; gap: 6px; }.cap-metrics strong[b-xsxfuil2mk] { font-size: 1.8rem; font-variant-numeric: tabular-nums; }.cap-metrics span[b-xsxfuil2mk] { color: var(--cap-muted); font-size: .85rem; }
.cap-summary-grid[b-xsxfuil2mk] { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 32px; }.cap-chart-row[b-xsxfuil2mk] { display: grid; grid-template-columns: 150px 1fr 35px; gap: 12px; align-items: center; font-size: .8rem; margin: 16px 0; }.cap-chart-row meter[b-xsxfuil2mk] { width: 100%; accent-color: var(--mud-palette-primary); }
@media (hover:hover) and (pointer:fine) { .cap-result:hover[b-xsxfuil2mk] { background: var(--mud-palette-action-default-hover); }.cap-tabs button:hover[b-xsxfuil2mk],.cap-quick button:hover[b-xsxfuil2mk] { color: var(--mud-palette-primary); } }
@media (min-width:1600px) { .cap-workspace[b-xsxfuil2mk] { grid-template-columns: 280px minmax(400px,1fr) 340px; }.cap-no-filters[b-xsxfuil2mk] { grid-template-columns: minmax(400px,1fr) 340px; }.cap-no-list[b-xsxfuil2mk] { grid-template-columns: 280px 1fr; }.cap-table-workspace[b-xsxfuil2mk] { grid-template-columns: 280px minmax(0,1fr); }.cap-no-filters.cap-no-list[b-xsxfuil2mk],.cap-table-workspace.cap-no-filters[b-xsxfuil2mk] { grid-template-columns: 1fr; } }
@media (max-width:1180px) { .cap-workspace[b-xsxfuil2mk] { grid-template-columns: 250px minmax(0,1fr); }.cap-results[b-xsxfuil2mk] { grid-column: 1/-1; border-left: 0; border-top: 1px solid var(--cap-line); }.cap-result-list[b-xsxfuil2mk] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 400px; }.cap-no-filters[b-xsxfuil2mk] { grid-template-columns: 1fr; }.cap-map-panel[b-xsxfuil2mk],.cap-map[b-xsxfuil2mk] { min-height: 540px; }.cap-toolbar[b-xsxfuil2mk] { align-items: start; } }
@media (max-width:700px) { .cap-page[b-xsxfuil2mk] { padding: 16px 12px 90px; }.cap-heading[b-xsxfuil2mk] { gap: 16px; }.cap-heading h1[b-xsxfuil2mk] { font-size: 1.5rem; }.cap-heading-actions[b-xsxfuil2mk] { width: 100%; gap: 8px; }.cap-heading p[b-xsxfuil2mk] { font-size: .88rem; }.cap-tabs[b-xsxfuil2mk] { gap: 22px; }.cap-toolbar[b-xsxfuil2mk] { flex-direction: column-reverse; gap: 10px; }.cap-view-actions[b-xsxfuil2mk] { align-self: end; }.cap-workspace[b-xsxfuil2mk],.cap-no-list[b-xsxfuil2mk],.cap-table-workspace[b-xsxfuil2mk] { grid-template-columns: 1fr; }.cap-filters[b-xsxfuil2mk] { border-right: 0; border-bottom: 1px solid var(--cap-line); padding: 18px; }.cap-map-panel[b-xsxfuil2mk],.cap-map[b-xsxfuil2mk] { height: 460px; min-height: 460px; }.cap-map-tools[b-xsxfuil2mk] { left: 48px; gap: 4px; }.cap-map-tools[b-xsxfuil2mk]  .mud-button { min-height: 36px; }.cap-result-list[b-xsxfuil2mk] { grid-template-columns: 1fr; max-height: 500px; }.cap-table-panel[b-xsxfuil2mk] { padding: 10px; }.cap-summary-grid[b-xsxfuil2mk] { grid-template-columns: 1fr; gap: 0; }.cap-section[b-xsxfuil2mk] { padding: 18px; }.cap-metrics[b-xsxfuil2mk] { gap: 24px; }.cap-chart-row[b-xsxfuil2mk] { grid-template-columns: 120px 1fr 30px; }.cap-page[b-xsxfuil2mk]  input,.cap-page[b-xsxfuil2mk]  textarea { font-size: 16px; } }
@media (prefers-reduced-motion:reduce) { .cap-result[b-xsxfuil2mk] { transition: none; } }
.cap-credential-warning-text[b-xsxfuil2mk] { color: var(--mud-palette-text-primary); }
/* /Features/Diagramas/Components/ProcessDiagramCanvas.razor.rz.scp.css */
.pd-canvas-shell[b-odzhhf0dpr] {
    position: relative;
    width: 100%;
    height: clamp(620px, calc(100vh - 250px), 780px);
    min-height: 520px;
    overflow: auto;
    overscroll-behavior: contain;
    contain: layout paint;
    border: 1px solid #d8e3ee;
    border-radius: 10px;
    background:
        linear-gradient(#e9eff6 1px, transparent 1px),
        linear-gradient(90deg, #e9eff6 1px, transparent 1px),
        linear-gradient(#f8fbff, #f4f8fc);
    background-size: 32px 32px, 32px 32px, auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
    cursor: grab;
    user-select: none;
    outline: none;
}

.pd-canvas-shell:active[b-odzhhf0dpr] {
    cursor: grabbing;
}

.pd-canvas[b-odzhhf0dpr] {
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
    display: block;
}

@media (max-width: 720px) {
    .pd-canvas-shell[b-odzhhf0dpr] {
        height: calc(100vh - 220px);
        min-height: 480px;
    }
}

.pd-canvas-toolbar[b-odzhhf0dpr] {
    position: sticky;
    top: 12px;
    left: 12px;
    z-index: 8;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: min(980px, calc(100% - 24px));
    margin: 12px auto 12px 12px;
    padding: 8px;
    border: 1px solid rgba(203, 213, 225, .95);
    border-radius: 10px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .13);
    backdrop-filter: blur(10px);
    cursor: default;
}

.pd-canvas-toolbar--collapsed[b-odzhhf0dpr] {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 4px;
    overflow: visible;
}

.pd-toolbar-toggle[b-odzhhf0dpr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    color: #475569;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .10);
    cursor: pointer;
}

.pd-toolbar-toggle:hover[b-odzhhf0dpr] {
    color: #0369a1;
    background: #eef8ff;
}

.pd-canvas-toolbar--collapsed .pd-toolbar-toggle[b-odzhhf0dpr] {
    width: 34px;
    height: 34px;
    box-shadow: none;
}

.pd-tool-group[b-odzhhf0dpr] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding-right: 8px;
    border-right: 1px solid #e2e8f0;
}

.pd-tool-group:last-child[b-odzhhf0dpr] {
    padding-right: 0;
    border-right: 0;
}

.pd-tool-group--nodes[b-odzhhf0dpr] {
    flex-wrap: wrap;
    max-width: 680px;
}

.pd-tool-button[b-odzhhf0dpr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font: 850 .72rem/1 Inter, "Segoe UI", Roboto, Arial, sans-serif;
    letter-spacing: 0;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}

.pd-tool-button:hover:not(:disabled)[b-odzhhf0dpr],
.pd-tool-button--active[b-odzhhf0dpr] {
    border-color: #0ea5e9;
    background: #eef8ff;
    color: #0369a1;
}

.pd-tool-button:disabled[b-odzhhf0dpr] {
    opacity: .45;
    cursor: not-allowed;
}

.pd-tool-button--wide[b-odzhhf0dpr] {
    min-width: auto;
}

.pd-tool-button--combo[b-odzhhf0dpr] {
    gap: 6px;
    width: auto;
    min-width: 92px;
    padding: 0 10px;
}

.pd-tool-icon[b-odzhhf0dpr] {
    font-size: 1rem;
    line-height: 1;
}

.pd-zoom-label[b-odzhhf0dpr] {
    min-width: 46px;
    color: #475569;
    font: 850 .74rem/1 Inter, "Segoe UI", Roboto, Arial, sans-serif;
    text-align: center;
}

.pd-connect-hint[b-odzhhf0dpr] {
    position: absolute;
    top: 70px;
    left: 12px;
    z-index: 4;
    padding: 8px 12px;
    border: 1px solid #bae6fd;
    border-radius: 999px;
    background: #f0f9ff;
    color: #0369a1;
    font: 850 .78rem/1 Inter, "Segoe UI", Roboto, Arial, sans-serif;
    box-shadow: 0 10px 24px rgba(14, 165, 233, .18);
    cursor: default;
}

.pd-node-editor[b-odzhhf0dpr] {
    position: fixed;
    top: 96px;
    right: 24px;
    z-index: 20;
    width: min(370px, calc(100% - 24px));
    max-height: calc(100vh - 124px);
    overflow: auto;
    margin: 0;
    padding: 12px;
    border: 1px solid #d8e3ee;
    border-radius: 10px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
    backdrop-filter: blur(10px);
    cursor: default;
}

.pd-node-editor--connection[b-odzhhf0dpr] {
    border-color: #bfdbfe;
}

.pd-editor-title[b-odzhhf0dpr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    cursor: move;
}

.pd-editor-title strong[b-odzhhf0dpr] {
    color: #0f172a;
    font-size: .82rem;
    font-weight: 850;
}

.pd-editor-title span[b-odzhhf0dpr] {
    overflow: hidden;
    color: #64748b;
    font-size: .76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-node-editor textarea[b-odzhhf0dpr] {
    width: 100%;
    min-height: 74px;
    resize: vertical;
    padding: 9px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    outline: none;
    color: #0f172a;
    font: 700 .92rem/1.35 Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

.pd-node-editor textarea:focus[b-odzhhf0dpr] {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, .16);
}

.pd-editor-section[b-odzhhf0dpr] {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.pd-editor-section > span[b-odzhhf0dpr] {
    color: #475569;
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pd-swatch-row[b-odzhhf0dpr],
.pd-style-row[b-odzhhf0dpr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pd-swatch[b-odzhhf0dpr] {
    width: 26px;
    height: 26px;
    border: 1px solid #cbd5e1;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75);
}

.pd-swatch--active[b-odzhhf0dpr] {
    outline: 3px solid rgba(14, 165, 233, .24);
    border-color: #0284c7;
}

.pd-style-button[b-odzhhf0dpr] {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font: 800 .72rem/1 Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

.pd-style-button--active[b-odzhhf0dpr],
.pd-style-button:hover[b-odzhhf0dpr] {
    border-color: #0ea5e9;
    background: #eef8ff;
    color: #0369a1;
}

.pd-edge-hit[b-odzhhf0dpr] {
    fill: none;
    stroke: transparent;
    stroke-width: 18;
    cursor: pointer;
}

.pd-edge[b-odzhhf0dpr] {
    fill: none;
    stroke: #64748b;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    cursor: pointer;
}

.pd-edge--selected[b-odzhhf0dpr] {
    stroke-width: 2.8;
}

.pd-edge-badge[b-odzhhf0dpr] {
    cursor: pointer;
}

.pd-edge-badge rect[b-odzhhf0dpr] {
    fill: rgba(255, 255, 255, .96);
    stroke: #d8e3ee;
    stroke-width: 1;
    filter: drop-shadow(0 6px 10px rgba(15, 23, 42, .10));
}

.pd-node[b-odzhhf0dpr] {
    filter: url(#pd-node-shadow);
    cursor: move;
}

.pd-node--connectable[b-odzhhf0dpr] {
    cursor: crosshair;
}

.pd-node-shape[b-odzhhf0dpr] {
    stroke-width: 2.3;
    transition: filter .16s ease, stroke-width .16s ease;
}

.pd-node-inner-ring[b-odzhhf0dpr] {
    fill: none;
    stroke: #111827;
    stroke-width: 2.2;
    pointer-events: none;
}

.pd-node-inner-ring--thin[b-odzhhf0dpr] {
    stroke: #64748b;
    stroke-width: 1.5;
}

.pd-node--selected .pd-node-shape[b-odzhhf0dpr] {
    stroke-width: 3.4;
    filter: drop-shadow(0 0 10px rgba(14, 165, 233, .30));
}

.pd-node--pending-source .pd-node-shape[b-odzhhf0dpr] {
    stroke-width: 3.4;
    filter: drop-shadow(0 0 12px rgba(16, 185, 129, .34));
}

.pd-node-type[b-odzhhf0dpr] {
    fill: #64748b;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0;
    text-anchor: middle;
    dominant-baseline: middle;
}

.pd-node-text[b-odzhhf0dpr] {
    fill: #0f172a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    text-anchor: middle;
    dominant-baseline: middle;
}

@media (max-width: 900px) {
    .pd-canvas-toolbar[b-odzhhf0dpr] {
        width: calc(100% - 34px);
        max-width: calc(100% - 34px);
        margin-left: 10px;
    }
    .pd-tool-group--nodes[b-odzhhf0dpr] {
        max-width: 100%;
    }
    .pd-canvas-toolbar--collapsed[b-odzhhf0dpr] {
        width: 42px;
        min-width: 42px;
    }
}

/* Diagram editor: quiet working canvas, intentional motion only in presentation. */
.pd-canvas-shell[b-odzhhf0dpr] {
    height: max(560px, calc(100dvh - 310px));
    min-height: 480px;
    border: 0;
    border-radius: 0;
    background: radial-gradient(#bdcfd8 .7px, transparent .7px) #f6f9fb;
    background-size: 22px 22px;
    box-shadow: none;
    scrollbar-color: #a9c1ce transparent;
}

.pd-canvas-shell:focus-visible[b-odzhhf0dpr] {
    outline: 3px solid #0b8193;
    outline-offset: -3px;
}

.pd-canvas-toolbar[b-odzhhf0dpr] {
    border: 1px solid #d4e0e7;
    background: #fff;
    backdrop-filter: none;
    box-shadow: 0 6px 18px #163b4a10;
    gap: 6px;
    border-radius: 8px;
}

.pd-toolbar-toggle[b-odzhhf0dpr], .pd-tool-button[b-odzhhf0dpr] {
    border-color: transparent;
    box-shadow: none;
    background: white;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 600;
    font-size: 12px;
    min-height: 36px;
    cursor: pointer;
    touch-action: manipulation;
    transition: transform 160ms cubic-bezier(.23,1,.32,1), background-color 160ms ease;
}

.pd-tool-button:active:not(:disabled)[b-odzhhf0dpr], .pd-toolbar-toggle:active[b-odzhhf0dpr] {
    transform: scale(.97);
}

.pd-tool-button:focus-visible[b-odzhhf0dpr], .pd-toolbar-toggle:focus-visible[b-odzhhf0dpr] {
    outline: 3px solid #0b8193;
    outline-offset: 2px;
}

.pd-present-button[b-odzhhf0dpr] {
    color: #086b77;
    background: #e9f4f4;
}

.pd-canvas-toolbar--collapsed[b-odzhhf0dpr] {
    width: auto;
    height: auto;
}

.pd-node-shape[b-odzhhf0dpr] {
    stroke-width: 1.5;
    transition: none;
}

.pd-node[b-odzhhf0dpr] {
    filter: drop-shadow(0 4px 6px #163b4a0b);
}

.pd-node--selected .pd-node-shape[b-odzhhf0dpr] {
    stroke-width: 3;
    filter: none;
}

.pd-node-editor[b-odzhhf0dpr] {
    background: #fff;
    backdrop-filter: none;
    border-radius: 10px;
    box-shadow: 0 12px 36px #173c4d20;
}

.pd-canvas-shell--presentation[b-odzhhf0dpr] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100dvh;
    min-height: 0;
    z-index: 1400;
    background: radial-gradient(#244350 .8px, transparent .8px) #102b38;
    background-size: 26px 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    contain: none;
}

.pd-canvas-shell--presentation .pd-canvas-toolbar[b-odzhhf0dpr] {
    flex-shrink: 0;
    position: sticky;
    top: 16px;
    margin: 16px auto 12px;
    max-width: calc(100% - 32px);
    color: #173c4d;
}

.pd-canvas-shell--presentation .pd-toolbar-toggle[b-odzhhf0dpr] {
    display: none;
}

.pd-canvas-shell--presentation .pd-canvas[b-odzhhf0dpr] {
    flex-shrink: 0;
    align-self: flex-start;
    min-width: 0;
    min-height: 0;
    margin: auto;
    background: #f8fbfc;
    border-radius: 10px;
}

.pd-presentation-title[b-odzhhf0dpr] {
    padding: 0 12px;
    max-width: 35ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 600 13px 'Segoe UI',sans-serif;
}

.pd-canvas-shell--presentation .pd-node[b-odzhhf0dpr] {
    cursor: default;
}

.pd-flow-particle[b-odzhhf0dpr] {
    pointer-events: none;
}

.pd-canvas-shell--interacting .pd-flow-particle[b-odzhhf0dpr] {
    visibility: hidden;
}

.pd-motion-button[b-odzhhf0dpr] {
    color: #086b77;
}

.pd-motion-button[aria-pressed="true"][b-odzhhf0dpr] {
    background: #edf5f6;
}

.pd-tool-button.pd-tool-button--active[b-odzhhf0dpr] {
    background: #dceef0;
    border-color: #086b77;
    color: #084b57;
}

.pd-canvas-shell--connecting .pd-node--pending-source .pd-node-shape[b-odzhhf0dpr] {
    fill: #c1dadd !important;
    stroke: #075965 !important;
    stroke-width: 3;
    filter: none;
}

.pd-canvas-shell--connecting .pd-connect-hint[b-odzhhf0dpr] {
    position: sticky;
    top: 12px;
    left: 12px;
    margin: 0 12px 12px;
    width: fit-content;
    max-width: calc(100% - 24px);
    border-radius: 6px;
    background: #e5f1f2;
    color: #174e59;
    box-shadow: none;
    font: 600 12px/1.5 'Segoe UI', sans-serif;
}

.pd-direction-picker[b-odzhhf0dpr] { display: grid; gap: 7px; margin-bottom: 12px; font-size: 12px; color: #526778; }
.pd-direction-picker select[b-odzhhf0dpr] { min-height: 40px; max-width: 100%; padding: 8px; border: 1px solid #b5cbd3; border-radius: 6px; background: white; color: #172c3b; font: inherit; }
.pd-canvas-shell--connecting .pd-canvas[b-odzhhf0dpr] { cursor: crosshair; }

@media (hover: hover) and (pointer: fine) {
    .pd-node--connectable:not(.pd-node--pending-source):hover .pd-node-shape[b-odzhhf0dpr] {
        stroke: #086b77 !important;
        stroke-width: 2.8;
        filter: brightness(.96);
    }
}

.pd-canvas[b-odzhhf0dpr] {
    touch-action: none;
}

.pd-node-editor[b-odzhhf0dpr] {
    touch-action: pan-y;
}

.pd-node:focus-visible[b-odzhhf0dpr] {
    outline: none;
}

.pd-node:focus-visible .pd-node-shape[b-odzhhf0dpr] {
    stroke: #086b77;
    stroke-width: 4;
}

.pd-edge-hit:focus-visible[b-odzhhf0dpr] {
    outline: none;
    stroke: #086b77;
    stroke-opacity: .3;
    stroke-width: 12;
}

@media (max-width:720px) {
    .pd-canvas-toolbar[b-odzhhf0dpr] {
        margin-bottom: 0;
        max-width: calc(100% - 20px);
        gap: 5px;
    }
    .pd-tool-group--nodes[b-odzhhf0dpr] {
        max-width: 100%;
    }
    .pd-node-editor[b-odzhhf0dpr] {
        left: 12px;
        right: 12px;
        top: auto;
        bottom: 12px;
        width: auto;
        max-height: 48dvh;
    }
    .pd-node-editor textarea[b-odzhhf0dpr] {
        font-size: 16px;
    }
    .pd-tool-button[b-odzhhf0dpr], .pd-toolbar-toggle[b-odzhhf0dpr] {
        min-height: 40px;
    }
    .pd-presentation-title[b-odzhhf0dpr] {
        display: none;
    }
}

@media (prefers-reduced-motion:reduce) {
    .pd-flow-particle[b-odzhhf0dpr] {
        display: none;
    }
    .pd-tool-button[b-odzhhf0dpr], .pd-toolbar-toggle[b-odzhhf0dpr] {
        transition: background-color 160ms ease;
    }
    .pd-tool-button:active:not(:disabled)[b-odzhhf0dpr], .pd-toolbar-toggle:active[b-odzhhf0dpr] {
        transform: none;
    }
}
/* /Features/Diagramas/Components/ProcessDiagramConnectionDialog.razor.rz.scp.css */
.pd-connection-dialog[b-8c0xji2bca] {
    color: #172c3b;
}

.pd-connection-dialog p[b-8c0xji2bca] {
    margin: 0 0 20px;
    color: #526778;
    font-size: 14px;
    line-height: 1.6;
}

.pd-connection-dialog fieldset[b-8c0xji2bca] {
    display: grid;
    gap: 10px;
    padding: 0;
    border: 0;
    margin: 0 0 18px;
}

.pd-connection-dialog legend[b-8c0xji2bca] {
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
}

.pd-connection-option[b-8c0xji2bca] {
    display: grid;
    grid-template-columns: 18px 1fr 100px;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid #dce5e9;
    border-radius: 8px;
    cursor: pointer;
}

.pd-connection-option--selected[b-8c0xji2bca] {
    border-color: #086b77;
    background: #edf6f6;
}

.pd-connection-option input[b-8c0xji2bca] {
    accent-color: #086b77;
    width: 16px;
    height: 16px;
}

.pd-connection-option svg[b-8c0xji2bca] {
    width: 100%;
    color: #086b77;
}

.pd-connection-option:focus-within[b-8c0xji2bca] {
    outline: 2px solid #0b8193;
    outline-offset: 2px;
}

.pd-connection-dialog small[b-8c0xji2bca] {
    display: block;
    color: #526778;
    font-size: 12px;
    line-height: 1.6;
}

.pd-connection-dialog-actions[b-8c0xji2bca] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pd-connection-dialog-actions[b-8c0xji2bca]  .mud-button-root {
    min-height: 40px;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 7px;
}

.pd-connection-dialog-actions[b-8c0xji2bca]  .mud-button-filled-primary {
    background: #086b77;
    color: white;
    box-shadow: none;
}

@media (max-width: 480px) {
    .pd-connection-option[b-8c0xji2bca] {
        grid-template-columns: 18px 1fr 76px;
        padding: 13px;
    }
}
/* /Features/Diagramas/Pages/Biblioteca.razor.rz.scp.css */
.pd-library[b-mqqt5sdorx] {
    min-height: calc(100vh - 72px);
    padding: 24px;
    background: #f6f8fb;
    color: #101828;
}

.pd-library-header[b-mqqt5sdorx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.pd-library-header span[b-mqqt5sdorx] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pd-library-header h1[b-mqqt5sdorx] {
    margin: 4px 0;
    font-size: 1.8rem;
    font-weight: 850;
    letter-spacing: 0;
}

.pd-library-header p[b-mqqt5sdorx] {
    max-width: 760px;
    margin: 0;
    color: #667085;
}

.pd-library-actions[b-mqqt5sdorx] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.pd-library-grid[b-mqqt5sdorx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 14px;
}

.pd-library-card[b-mqqt5sdorx] {
    min-height: 238px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 14px;
    padding: 16px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .06);
}

.pd-card-main[b-mqqt5sdorx] {
    min-width: 0;
}

.pd-card-source[b-mqqt5sdorx] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: #eef4ff;
    color: #0b63f6;
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pd-card-source.manual[b-mqqt5sdorx] {
    background: #ecfdf5;
    color: #0f766e;
}

.pd-card-source.template[b-mqqt5sdorx] {
    background: #fff7e6;
    color: #b54708;
}

.pd-card-main h2[b-mqqt5sdorx] {
    margin: 12px 0 8px;
    color: #101828;
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: 0;
}

.pd-card-main p[b-mqqt5sdorx] {
    margin: 0;
    color: #667085;
    font-size: .9rem;
    line-height: 1.45;
}

.pd-card-meta[b-mqqt5sdorx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #475467;
    font-size: .82rem;
}

.pd-card-meta span[b-mqqt5sdorx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 8px;
    background: #f2f4f7;
}

.pd-card-actions[b-mqqt5sdorx],
.pd-delete-confirm[b-mqqt5sdorx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
}

.pd-delete-confirm[b-mqqt5sdorx] {
    padding: 8px;
    border: 1px solid #fecdca;
    border-radius: 8px;
    background: #fffbfa;
}

.pd-delete-confirm span[b-mqqt5sdorx] {
    color: #b42318;
    font-size: .85rem;
    font-weight: 800;
}

.pd-library-empty[b-mqqt5sdorx] {
    min-height: 420px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #667085;
    text-align: center;
}

.pd-library-empty strong[b-mqqt5sdorx] {
    color: #101828;
}

@media (max-width: 760px) {
    .pd-library[b-mqqt5sdorx] {
        padding: 14px;
    }

    .pd-library-header[b-mqqt5sdorx] {
        flex-direction: column;
        align-items: stretch;
    }

    .pd-library-actions[b-mqqt5sdorx] {
        justify-content: flex-start;
    }
}
/* /Features/Diagramas/Pages/Procesos.razor.rz.scp.css */
.pd-page[b-3lyy3lwwgg] {
    --pd-ink: #172c3b;
    --pd-muted: #526778;
    --pd-accent: #086b77;
    --pd-line: #dce5e9;
    --pd-ease: cubic-bezier(.23, 1, .32, 1);
    min-height: calc(100dvh - 72px);
    padding: 28px;
    background: #f1f5f6;
    color: var(--pd-ink);
    font-family: 'Segoe UI', sans-serif;
    accent-color: var(--pd-accent);
    scrollbar-color: #b4c6ce transparent;
}

.pd-page [b-3lyy3lwwgg]::selection {
    background: #c8e9ec;
    color: #103c46;
}

.pd-page[b-3lyy3lwwgg]  .mud-button-root {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    border-radius: 7px;
    min-height: 40px;
}

.pd-page[b-3lyy3lwwgg]  .mud-button-filled-primary {
    background: var(--pd-accent);
    box-shadow: none;
    color: white;
}

.pd-page[b-3lyy3lwwgg]  .mud-input {
    font-size: 14px;
}

.pd-page[b-3lyy3lwwgg]  .mud-input-label {
    color: var(--pd-muted);
}

.pd-page[b-3lyy3lwwgg]  input, .pd-page[b-3lyy3lwwgg]  textarea {
    caret-color: var(--pd-accent);
}

.pd-page[b-3lyy3lwwgg]  input::placeholder, .pd-page[b-3lyy3lwwgg]  textarea::placeholder {
    color: var(--pd-muted);
    opacity: 1;
}

.pd-header[b-3lyy3lwwgg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 26px;
}

.pd-header h1[b-3lyy3lwwgg] {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -.025em;
}

.pd-header p[b-3lyy3lwwgg] {
    margin: 0;
    max-width: 68ch;
    font-size: 14px;
    color: var(--pd-muted);
    line-height: 1.6;
}

.pd-header-actions[b-3lyy3lwwgg] {
    display: grid;
    justify-items: end;
    gap: 4px;
    flex-shrink: 0;
}

.pd-service[b-3lyy3lwwgg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6a561d;
    font-size: 12px;
    font-weight: 600;
}

.pd-service-dot[b-3lyy3lwwgg] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.pd-service--online[b-3lyy3lwwgg] {
    color: #187346;
}

.pd-workspace[b-3lyy3lwwgg] {
    position: relative;
    display: grid;
    grid-template-columns: 340px minmax(0,1fr);
    gap: 20px;
    align-items: start;
}

.pd-workspace.pd-workspace--collapsed[b-3lyy3lwwgg] {
    grid-template-columns: minmax(0,1fr);
}

.pd-panel[b-3lyy3lwwgg] {
    position: sticky;
    top: 16px;
    border: 1px solid var(--pd-line);
    border-radius: 12px;
    background: white;
    max-height: calc(100dvh - 110px);
    overflow: auto;
}

.pd-panel--collapsed[b-3lyy3lwwgg] {
    display: none;
}

.pd-panel-head[b-3lyy3lwwgg] {
    padding: 20px 20px 16px;
    border-bottom: 1px solid var(--pd-line);
}

.pd-panel-head > div[b-3lyy3lwwgg] {
    display: grid;
    gap: 6px;
}

.pd-panel-head strong[b-3lyy3lwwgg] {
    font-size: 17px;
    font-weight: 650;
}

.pd-panel-head span[b-3lyy3lwwgg] {
    color: var(--pd-muted);
    font-size: 12px;
    line-height: 1.5;
}

.pd-create-box[b-3lyy3lwwgg] {
    display: grid;
    gap: 16px;
    padding: 18px 20px 22px;
}

.pd-attachment-box[b-3lyy3lwwgg] {
    display: grid;
    gap: 8px;
}

.pd-attachment-head[b-3lyy3lwwgg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--pd-muted);
    font-weight: 600;
}

.pd-file-drop[b-3lyy3lwwgg] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 18px 10px;
    overflow: hidden;
    border: 1px dashed #95b2be;
    border-radius: 8px;
    color: var(--pd-accent);
    background: #f7fafb;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.pd-file-drop small[b-3lyy3lwwgg] {
    font-size: 11px;
    font-weight: 400;
    color: var(--pd-muted);
}

.pd-file-drop[b-3lyy3lwwgg]  input[type=file] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.pd-file-drop:focus-within[b-3lyy3lwwgg] {
    outline: 3px solid #0b8193;
    outline-offset: 3px;
}

.pd-file-chip[b-3lyy3lwwgg] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px;
    background: #edf6f5;
    border-radius: 6px;
}

.pd-file-chip > div[b-3lyy3lwwgg] {
    display: grid;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.pd-file-chip strong[b-3lyy3lwwgg] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    white-space: nowrap;
}

.pd-file-chip span[b-3lyy3lwwgg] {
    font-size: 11px;
    color: var(--pd-muted);
}

.pd-bpmn-toggle[b-3lyy3lwwgg] {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    padding-top: 4px;
    cursor: pointer;
}

.pd-bpmn-toggle > span[b-3lyy3lwwgg] {
    display: grid;
    gap: 4px;
    padding-top: 8px;
}

.pd-bpmn-toggle strong[b-3lyy3lwwgg] {
    font-size: 13px;
    font-weight: 600;
}

.pd-bpmn-toggle small[b-3lyy3lwwgg] {
    font-size: 12px;
    color: var(--pd-muted);
    line-height: 1.5;
}

.pd-actions[b-3lyy3lwwgg] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pd-actions--primary[b-3lyy3lwwgg] {
    display: grid;
    gap: 8px;
}

.pd-stage[b-3lyy3lwwgg] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--pd-line);
    border-radius: 12px;
    background: white;
}

.pd-stage-toolbar[b-3lyy3lwwgg] {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--pd-line);
    min-height: 82px;
}

.pd-stage-toolbar > div:first-child[b-3lyy3lwwgg] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.pd-stage-toolbar strong[b-3lyy3lwwgg] {
    font-size: 15px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pd-stage-toolbar span[b-3lyy3lwwgg] {
    font-size: 12px;
    color: var(--pd-muted);
}

.pd-stage-actions[b-3lyy3lwwgg] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.pd-stage-actions[b-3lyy3lwwgg]  .mud-button-root {
    font-size: 12px;
    min-height: 34px;
    padding: 6px 10px;
}

.pd-empty[b-3lyy3lwwgg], .pd-generating[b-3lyy3lwwgg] {
    min-height: 600px;
    min-height: max(560px, calc(100dvh - 300px));
    padding: 42px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #f9fbfc;
    background-image: radial-gradient(#cddce2 .7px, transparent .7px);
    background-size: 22px 22px;
}

.pd-empty h2[b-3lyy3lwwgg], .pd-generating h2[b-3lyy3lwwgg] {
    margin: 30px 0 10px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.pd-empty p[b-3lyy3lwwgg], .pd-generating p[b-3lyy3lwwgg] {
    max-width: 42ch;
    font-size: 14px;
    line-height: 1.7;
    color: var(--pd-muted);
    margin: 0 0 20px;
}

.pd-preview-flow[b-3lyy3lwwgg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(360px,100%);
    font-size: 12px;
    font-weight: 600;
}

.pd-preview-terminal[b-3lyy3lwwgg] {
    border: 1px solid #9ebdc4;
    background: #eaf4f4;
    padding: 11px 24px;
    border-radius: 30px;
    color: #275964;
}

.pd-preview-line[b-3lyy3lwwgg] {
    height: 26px;
    width: 1px;
    background: #8ba9b6;
    position: relative;
}

.pd-preview-line[b-3lyy3lwwgg]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -3px;
    border: 3.5px solid transparent;
    border-top-color: #8ba9b6;
}

.pd-preview-task[b-3lyy3lwwgg] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 15px 25px;
    border: 1px solid #7fadb7;
    border-radius: 8px;
    background: white;
    box-shadow: 0 6px 16px #173e4b0a;
    color: #155464;
}

.pd-preview-branches[b-3lyy3lwwgg] {
    display: flex;
    gap: 18px;
}

.pd-preview-branches span[b-3lyy3lwwgg] {
    padding: 12px 15px;
    border: 1px solid #b8cad4;
    border-radius: 7px;
    background: white;
    color: #405d70;
}

.pd-example-button[b-3lyy3lwwgg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--pd-accent);
    color: white;
    border: 0;
    border-radius: 7px;
    padding: 12px 18px;
    font: 600 13px 'Segoe UI', sans-serif;
    cursor: pointer;
}

.pd-empty-note[b-3lyy3lwwgg] {
    margin-top: 22px;
    font-size: 11px;
    color: var(--pd-muted);
}

.pd-panel-toggle[b-3lyy3lwwgg] {
    position: absolute;
    left: 325px;
    top: 26px;
    z-index: 9;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--pd-line);
    border-radius: 50%;
    background: white;
    color: #436477;
    cursor: pointer;
}

.pd-panel-toggle--collapsed[b-3lyy3lwwgg] {
    left: -14px;
}

.pd-stage-footer[b-3lyy3lwwgg] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 18px;
    color: var(--pd-muted);
    font-size: 11px;
}

.pd-wizard[b-3lyy3lwwgg], .pd-saved-box[b-3lyy3lwwgg] {
    padding: 20px;
    border-top: 1px solid var(--pd-line);
}

.pd-wizard[b-3lyy3lwwgg] {
    display: grid;
    gap: 16px;
}

.pd-wizard-title[b-3lyy3lwwgg], .pd-list-title[b-3lyy3lwwgg] {
    font-size: 13px;
    font-weight: 650;
}

.pd-list-title[b-3lyy3lwwgg], .pd-step-head[b-3lyy3lwwgg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.pd-list-title[b-3lyy3lwwgg] {
    margin-bottom: 12px;
}

.pd-list-title small[b-3lyy3lwwgg] {
    color: var(--pd-muted);
    font-variant-numeric: tabular-nums;
}

.pd-step[b-3lyy3lwwgg] {
    display: grid;
    gap: 8px;
    border-bottom: 1px solid var(--pd-line);
    padding-bottom: 16px;
}

.pd-step-head[b-3lyy3lwwgg] {
    font-size: 13px;
}

.pd-list[b-3lyy3lwwgg] {
    display: grid;
    gap: 5px;
    max-height: 250px;
    overflow: auto;
}

.pd-list-item[b-3lyy3lwwgg] {
    display: grid;
    gap: 4px;
    padding: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--pd-ink);
    border-radius: 6px;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.pd-list-item.active[b-3lyy3lwwgg] {
    border-color: #b1d0d4;
    background: #edf6f6;
}

.pd-list-item > span[b-3lyy3lwwgg] {
    font-size: 13px;
    overflow-wrap: anywhere;
}

.pd-list-item small[b-3lyy3lwwgg] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--pd-muted);
    font-size: 11px;
}

.pd-list-item:disabled[b-3lyy3lwwgg] {
    cursor: wait;
    opacity: .6;
}

.pd-error[b-3lyy3lwwgg] {
    display: flex;
    gap: 10px;
    padding: 16px 20px;
    background: #fff7e5;
    color: #775008;
    font-size: 13px;
    line-height: 1.5;
}

.pd-generation-visual[b-3lyy3lwwgg] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: #e3f1f2;
    color: var(--pd-accent);
}

.pd-generation-track[b-3lyy3lwwgg] {
    position: relative;
    width: 210px;
    height: 3px;
    background: #d5e5e8;
    overflow: hidden;
    margin: 8px 0 24px;
}

.pd-generation-track span[b-3lyy3lwwgg] {
    display: block;
    width: 45%;
    height: 100%;
    background: var(--pd-accent);
    animation: pd-analyse-b-3lyy3lwwgg 1.4s cubic-bezier(.77,0,.175,1) infinite alternate;
}

@keyframes pd-analyse-b-3lyy3lwwgg {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(230%);
    }
}

.pd-page button:focus-visible[b-3lyy3lwwgg], .pd-page[b-3lyy3lwwgg]  button:focus-visible {
    outline: 3px solid #0b8193;
    outline-offset: 3px;
}

.pd-example-button[b-3lyy3lwwgg], .pd-panel-toggle[b-3lyy3lwwgg] {
    transition: transform 160ms var(--pd-ease), background-color 160ms ease;
    touch-action: manipulation;
}

.pd-example-button:active[b-3lyy3lwwgg], .pd-panel-toggle:active[b-3lyy3lwwgg] {
    transform: scale(.97);
}

@media (hover:hover) and (pointer:fine) {
    .pd-example-button:hover[b-3lyy3lwwgg] {
        background: #075663;
    }
    .pd-file-drop:hover[b-3lyy3lwwgg] {
        background: #edf6f6;
        border-color: var(--pd-accent);
    }
    .pd-list-item:hover[b-3lyy3lwwgg] {
        background: #f1f6f8;
    }
}

@media (max-width:1200px) {
    .pd-page[b-3lyy3lwwgg] {
        padding: 20px;
    }
    .pd-workspace[b-3lyy3lwwgg] {
        grid-template-columns: 310px minmax(0,1fr);
        gap: 14px;
    }
    .pd-panel-toggle[b-3lyy3lwwgg] {
        left: 295px;
    }
    .pd-panel-toggle--collapsed[b-3lyy3lwwgg] {
        left: -10px;
    }
    .pd-stage-toolbar[b-3lyy3lwwgg] {
        flex-wrap: wrap;
    }
}

@media (max-width:900px) {
    .pd-workspace[b-3lyy3lwwgg] {
        grid-template-columns: 280px minmax(0,1fr);
    }
    .pd-workspace--collapsed[b-3lyy3lwwgg] {
        grid-template-columns: minmax(0,1fr);
    }
    .pd-panel-toggle[b-3lyy3lwwgg] {
        left: 265px;
    }
    .pd-panel-toggle--collapsed[b-3lyy3lwwgg] {
        left: -10px;
    }
    .pd-header[b-3lyy3lwwgg] {
        align-items: flex-start;
    }
    .pd-header h1[b-3lyy3lwwgg] {
        font-size: 25px;
    }
    .pd-panel-head[b-3lyy3lwwgg], .pd-create-box[b-3lyy3lwwgg] {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width:680px) {
    .pd-page[b-3lyy3lwwgg] {
        padding: 18px 12px;
    }
    .pd-header[b-3lyy3lwwgg] {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 18px;
    }
    .pd-header-actions[b-3lyy3lwwgg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
    }
    .pd-header-actions[b-3lyy3lwwgg]  .mud-button-root {
        font-size: 11px;
        padding: 4px;
    }
    .pd-header h1[b-3lyy3lwwgg] {
        font-size: 26px;
    }
    .pd-header p[b-3lyy3lwwgg] {
        font-size: 13px;
    }
    .pd-workspace[b-3lyy3lwwgg] {
        grid-template-columns: minmax(0,1fr);
        gap: 16px;
    }
    .pd-panel[b-3lyy3lwwgg] {
        position: static;
        max-height: none;
    }
    .pd-panel-toggle[b-3lyy3lwwgg] {
        left: auto;
        right: 12px;
        top: 16px;
    }
    .pd-panel-toggle--collapsed[b-3lyy3lwwgg] {
        top: 10px;
        right: 10px;
    }
    .pd-stage-toolbar[b-3lyy3lwwgg] {
        padding: 16px;
        gap: 12px;
    }
    .pd-workspace--collapsed .pd-stage-toolbar[b-3lyy3lwwgg] {
        padding-right: 48px;
    }
    .pd-stage-actions[b-3lyy3lwwgg] {
        gap: 4px;
    }
    .pd-empty[b-3lyy3lwwgg], .pd-generating[b-3lyy3lwwgg] {
        min-height: 510px;
        padding: 30px 18px;
    }
    .pd-empty h2[b-3lyy3lwwgg], .pd-generating h2[b-3lyy3lwwgg] {
        font-size: 23px;
    }
    .pd-preview-branches[b-3lyy3lwwgg] {
        gap: 10px;
    }
    .pd-preview-branches span[b-3lyy3lwwgg] {
        padding: 11px;
        font-size: 11px;
    }
    .pd-page[b-3lyy3lwwgg]  input, .pd-page[b-3lyy3lwwgg]  textarea {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .pd-generation-track span[b-3lyy3lwwgg] {
        animation: none;
        width: 100%;
        opacity: .65;
    }
    .pd-example-button[b-3lyy3lwwgg], .pd-panel-toggle[b-3lyy3lwwgg] {
        transition: background-color 160ms ease;
    }
    .pd-example-button:active[b-3lyy3lwwgg], .pd-panel-toggle:active[b-3lyy3lwwgg] {
        transform: none;
    }
}
/* /Features/Ecommerce/Empresas/Components/SalesChannelFieldEditor.razor.rz.scp.css */
.channel-secret-input[b-x9sawesfdd] { display: grid; grid-template-columns: minmax(0, 1fr) 40px; align-items: center; gap: 4px; }
.channel-secret-input[b-x9sawesfdd]  input { min-width: 0; }
/* /Features/Ecommerce/Empresas/Components/SalesChannelWorkspace.razor.rz.scp.css */
.channels-page[b-rfyr3fz25u] { color:#182127; background:#fff; min-height:80vh; letter-spacing:0; }
.channels-header[b-rfyr3fz25u] { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 36px; border-bottom:1px solid #e5eaf2; box-shadow:0 12px 30px #0f172a0a; }
.channels-header nav[b-rfyr3fz25u] { display:flex; gap:9px; font-size:13px; color:#5d6c75; margin-bottom:8px; }
.channels-header a[b-rfyr3fz25u] { color:inherit; text-decoration:none; }
.channels-header a:hover[b-rfyr3fz25u] { text-decoration:underline; }
.channels-header h1[b-rfyr3fz25u] { font-size:30px; font-weight:750; margin:0 0 6px; line-height:1.2; }
.channels-header p[b-rfyr3fz25u],.channel-detail-heading p[b-rfyr3fz25u] { color:#5d6c75; font-size:14px; margin:0; }
.channels-header-actions[b-rfyr3fz25u] { display:flex; align-items:center; gap:12px; }
.channels-header-actions[b-rfyr3fz25u]  .mud-button-root { white-space:nowrap; }
.channels-toolbar[b-rfyr3fz25u] { display:grid; grid-template-columns:minmax(220px,1fr) 180px 160px; gap:14px; padding:22px 36px; border-bottom:1px solid #e6e9ec; }
.channels-layout[b-rfyr3fz25u] { display:grid; grid-template-columns:340px minmax(0,1fr); min-height:590px; }
.channels-list[b-rfyr3fz25u] { border-right:1px solid #e6e9ec; min-width:0; }
.channels-list-heading[b-rfyr3fz25u] { padding:15px 22px; font-size:12px; color:#59666e; border-bottom:1px solid #eef0f2; font-weight:600; }
.channel-row[b-rfyr3fz25u] { display:flex; width:100%; align-items:center; gap:12px; padding:18px 18px; border:0; border-bottom:1px solid #eef0f2; background:#fff; text-align:left; font:inherit; cursor:pointer; min-height:84px; color:inherit; }
.channel-row.selected[b-rfyr3fz25u] { background:#edf6f4; box-shadow:inset 3px 0 #1d7665; }
.channel-row-copy[b-rfyr3fz25u] { display:flex; flex-direction:column; min-width:0; gap:5px; flex:1; }
.channel-row-copy strong[b-rfyr3fz25u] { font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.channel-row-copy>span[b-rfyr3fz25u] { font-size:12px; color:#5d6c75; }
.channel-state[b-rfyr3fz25u] { color:#5c6470; font-size:11px; white-space:nowrap; }
.channel-state.active[b-rfyr3fz25u] { color:#16704e; }
.channel-state[b-rfyr3fz25u]::before { content:""; display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:currentColor; vertical-align:middle; }
.channels-page[b-rfyr3fz25u]  .channel-brand,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-brand { display:inline-flex; width:36px; height:36px; flex:0 0 36px; align-items:center; justify-content:center; color:#626f78; }
.channels-page[b-rfyr3fz25u]  .channel-brand img,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-brand img { width:30px; height:30px; object-fit:contain; }
.channels-empty[b-rfyr3fz25u] { padding:44px 22px; text-align:center; color:#647078; }
.channels-empty h2[b-rfyr3fz25u] { color:#273139; font-size:18px; margin:14px 0 8px; }
.channels-empty p[b-rfyr3fz25u] { font-size:14px; line-height:1.6; margin:0; }
.detail-empty[b-rfyr3fz25u] { padding-top:130px; }
.channel-detail[b-rfyr3fz25u] { min-width:0; }
.channel-detail-heading[b-rfyr3fz25u] { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 28px; border-bottom:1px solid #e6e9ec; }
.channel-detail-title[b-rfyr3fz25u] { display:flex; align-items:center; gap:14px; min-width:0; }
.channel-detail-title>div[b-rfyr3fz25u] { min-width:0; }
.channel-detail-title h2[b-rfyr3fz25u] { font-size:21px; font-weight:700; margin:0 0 5px; overflow-wrap:anywhere; }
.channel-id[b-rfyr3fz25u] { margin-left:12px; color:#718089; font-size:12px; }
.channel-detail-actions[b-rfyr3fz25u] { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.channel-unsaved[b-rfyr3fz25u] { font-size:12px; color:#88620a; }
.channel-editor-nav[b-rfyr3fz25u] { display:flex; flex-direction:column; align-items:flex-start; padding:0 28px; border-bottom:1px solid #e6e9ec; }
.channel-tabs[b-rfyr3fz25u] { display:flex; max-width:100%; overflow-x:auto; gap:20px; scrollbar-width:thin; }
.channel-tabs button[b-rfyr3fz25u] { padding:18px 0 13px; border:0; border-bottom:2px solid transparent; background:none; font:inherit; font-size:13px; color:#5c6870; white-space:nowrap; cursor:pointer; }
.channel-tabs button.selected[b-rfyr3fz25u] { color:#156554; border-bottom-color:#1d7665; font-weight:700; }
.channel-editor-nav[b-rfyr3fz25u]  .mud-checkbox { margin:3px 0; }
.channel-editor-body[b-rfyr3fz25u] { padding:24px 28px 36px; }
.channel-fields[b-rfyr3fz25u] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; align-items:start; }
.channel-fields+.channel-fields[b-rfyr3fz25u] { margin-top:24px; }
.channels-page[b-rfyr3fz25u]  .channel-field,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-field { min-width:0; }
.channels-page[b-rfyr3fz25u]  .channel-field-label,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-field-label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:32px; font-size:13px; font-weight:600; }
.channels-page[b-rfyr3fz25u]  .channel-field-label label,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-field-label label { overflow-wrap:anywhere; }
.channels-page[b-rfyr3fz25u]  .channel-field-label .mud-icon-button,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-field-label .mud-icon-button { padding:6px; color:#718089; }
.channels-page[b-rfyr3fz25u]  .channel-field-label svg,.channel-modal-backdrop[b-rfyr3fz25u]  .channel-field-label svg { width:17px; height:17px; }
.channels-page[b-rfyr3fz25u]  .mud-input,.channel-modal-backdrop[b-rfyr3fz25u]  .mud-input { font-size:14px; }
.channels-page[b-rfyr3fz25u]  input::placeholder,.channel-modal-backdrop[b-rfyr3fz25u]  input::placeholder { color:#59666e; opacity:1; }
.channels-page[b-rfyr3fz25u]  .channels-notice[data-notice-kind="Success"] { color:#176044 !important; border-color:#24845e !important; }
.channels-page[b-rfyr3fz25u]  .channels-notice[data-notice-kind="Warning"] { color:#755208 !important; border-color:#99701b !important; }
.channels-page[b-rfyr3fz25u]  .channels-notice[data-notice-kind="Error"] { color:#a92c33 !important; }
.channels-page[b-rfyr3fz25u]  .channels-notice[data-notice-kind="Info"] { color:#1d4e72 !important; }
.channels-page[b-rfyr3fz25u]  .channels-notice .mud-alert-icon { color:inherit !important; }
.channels-page[b-rfyr3fz25u]  .mud-button-root,.channel-modal-backdrop[b-rfyr3fz25u]  .mud-button-root { border-radius:6px; text-transform:none; letter-spacing:0; }
.channel-connection-status[b-rfyr3fz25u] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid #e6e9ec; }
.channel-connection-status>span[b-rfyr3fz25u] { display:flex; align-items:center; gap:8px; font-size:14px; }
.channels-page[b-rfyr3fz25u]  .channel-back { display:none; }
.channel-modal-backdrop[b-rfyr3fz25u] { position:fixed; inset:0; z-index:1400; display:flex; align-items:center; justify-content:center; padding:24px; background:#17202570; letter-spacing:0; }
.channel-modal-backdrop[b-rfyr3fz25u]  .mud-focus-trap { width:760px; max-width:100%; }
.channel-wizard[b-rfyr3fz25u] { display:flex; flex-direction:column; width:760px; max-width:100%; max-height:calc(100dvh - 48px); border:1px solid #dce2e6; background:#fff; border-radius:8px; box-shadow:0 24px 80px #0003; }
.channel-wizard header[b-rfyr3fz25u] { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 28px 20px; }
.channel-step[b-rfyr3fz25u] { color:#69747b; font-size:12px; }
.channel-wizard h2[b-rfyr3fz25u] { margin:4px 0 0; font-size:22px; font-weight:700; }
.channel-wizard h3[b-rfyr3fz25u] { margin:0 0 20px; font-size:17px; font-weight:650; }
.channel-wizard-progress[b-rfyr3fz25u] { display:flex; gap:5px; padding:0 28px; }
.channel-wizard-progress span[b-rfyr3fz25u] { height:3px; flex:1; background:#e7ebed; }
.channel-wizard-progress .done[b-rfyr3fz25u] { background:#1d7665; }
.channel-wizard-body[b-rfyr3fz25u] { padding:24px 28px; overflow-y:auto; overscroll-behavior:contain; min-height:0; }
.channel-wizard header[b-rfyr3fz25u],.channel-wizard footer[b-rfyr3fz25u],.channel-wizard-progress[b-rfyr3fz25u] { flex-shrink:0; }
.channel-wizard footer[b-rfyr3fz25u] { display:flex; justify-content:space-between; padding:18px 28px; border-top:1px solid #e6e9ec; }
.channel-platforms[b-rfyr3fz25u] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:22px; }
.channel-platforms button[b-rfyr3fz25u] { display:flex; align-items:center; gap:12px; padding:13px; background:#fff; border:1px solid #dce2e6; border-radius:6px; font:inherit; font-size:14px; color:#263238; cursor:pointer; min-height:66px; }
.channel-platforms button>span[b-rfyr3fz25u] { flex:1; text-align:left; }
.channel-platforms button.selected[b-rfyr3fz25u] { border-color:#1d7665; background:#f0f8f5; }
.channel-platforms button.selected[b-rfyr3fz25u]  svg { color:#1d7665; }
.channel-wizard-summary[b-rfyr3fz25u] { display:flex; flex-direction:column; gap:7px; padding-bottom:22px; margin-bottom:20px; border-bottom:1px solid #e6e9ec; font-size:14px; }
.channel-wizard-summary span[b-rfyr3fz25u] { color:#59666e; }
button:focus-visible[b-rfyr3fz25u],a:focus-visible[b-rfyr3fz25u],.channel-detail-title h2:focus-visible[b-rfyr3fz25u] { outline:3px solid #2a8a78; outline-offset:3px; }
@media (hover:hover) { .channel-row:hover:not(:disabled)[b-rfyr3fz25u] { background:#f4f7f7; } .channel-platforms button:hover[b-rfyr3fz25u] { border-color:#1d7665; } .channel-tabs button:hover[b-rfyr3fz25u] { color:#172c26; } }
@media (max-width:1100px) { .channels-layout[b-rfyr3fz25u] { grid-template-columns:290px minmax(0,1fr); } .channels-header[b-rfyr3fz25u] { padding:24px; } .channel-detail-heading[b-rfyr3fz25u] { flex-wrap:wrap; padding:22px; } .channel-detail-actions[b-rfyr3fz25u] { margin-left:auto; } .channel-editor-body[b-rfyr3fz25u] { padding:22px; } .channel-editor-nav[b-rfyr3fz25u] { padding:0 22px; } .channel-fields[b-rfyr3fz25u] { grid-template-columns:minmax(0,1fr); } .channels-toolbar[b-rfyr3fz25u] { padding:18px 24px; } }
@media (max-width:700px) {
 .channels-header[b-rfyr3fz25u] { flex-direction:column; align-items:stretch; gap:18px; padding:20px 16px; }
 .channels-header h1[b-rfyr3fz25u] { font-size:26px; }
 .channels-header-actions[b-rfyr3fz25u] { flex-wrap:wrap; }
 .channels-toolbar[b-rfyr3fz25u] { padding:14px 16px; gap:10px; grid-template-columns:1fr 1fr; }
 .channels-toolbar[b-rfyr3fz25u]  >.mud-input-control:first-child { grid-column:1/-1; }
 .channels-layout[b-rfyr3fz25u] { display:block; min-height:400px; }
 .detail-open .channels-toolbar[b-rfyr3fz25u] { display:none; }
 .channels-list[b-rfyr3fz25u] { border-right:0; }
 .channel-detail[b-rfyr3fz25u] { display:none; }
 .has-selection .channels-list[b-rfyr3fz25u] { display:none; }
 .has-selection .channel-detail[b-rfyr3fz25u] { display:block; }
 .channels-page[b-rfyr3fz25u]  .channel-back { display:inline-flex; }
 .channel-detail-heading[b-rfyr3fz25u] { padding:18px 16px; gap:16px; }
 .channel-detail-title[b-rfyr3fz25u] { gap:8px; width:100%; }
 .channel-detail-title h2[b-rfyr3fz25u] { font-size:20px; }
 .channel-detail-actions[b-rfyr3fz25u] { width:100%; justify-content:flex-end; }
 .channel-detail-title[b-rfyr3fz25u]  .channel-brand { display:none; }
 .channel-editor-nav[b-rfyr3fz25u] { padding:0 16px; }
 .channel-editor-body[b-rfyr3fz25u] { padding:20px 16px 28px; }
 .channel-modal-backdrop[b-rfyr3fz25u] { padding:8px; }
 .channel-wizard[b-rfyr3fz25u] { max-height:calc(100dvh - 16px); }
 .channel-wizard header[b-rfyr3fz25u],.channel-wizard-body[b-rfyr3fz25u] { padding:20px 16px; }
 .channel-wizard-progress[b-rfyr3fz25u] { padding:0 16px; }
 .channel-wizard h2[b-rfyr3fz25u] { font-size:20px; }
 .channel-wizard footer[b-rfyr3fz25u] { padding:14px 16px; }
 .channel-platforms[b-rfyr3fz25u] { grid-template-columns:minmax(0,1fr); }
 .channel-wizard[b-rfyr3fz25u]  .mud-input input { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { *[b-rfyr3fz25u] { scroll-behavior:auto; transition:none !important; } }
/* /Features/Ecommerce/Pedidos/Components/OrderMarketplaceIdentity.razor.rz.scp.css */
.order-marketplace-identity[b-l92369jb27] { display: flex; align-items: center; gap: 20px; flex: 1; min-width: 0; }
.order-marketplace-logo[b-l92369jb27] { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; flex: 0 0 64px; }
.order-marketplace-logo[b-l92369jb27]  .channel-brand { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; color: #667085; }
.order-marketplace-logo[b-l92369jb27]  img { display: block; width: 56px; height: 56px; object-fit: contain; }
.order-marketplace-logo[b-l92369jb27]  .mud-icon-root { width: 36px; height: 36px; font-size: 36px; }
.order-marketplace-copy[b-l92369jb27] { flex: 1; min-width: 0; }
.order-marketplace-copy[b-l92369jb27]  .mud-typography-h4 { overflow-wrap: anywhere; }
@media (max-width: 560px) {
    .order-marketplace-identity[b-l92369jb27] { gap: 12px; }
    .order-marketplace-logo[b-l92369jb27] { width: 44px; height: 44px; flex-basis: 44px; }
    .order-marketplace-logo[b-l92369jb27]  .channel-brand { width: 44px; height: 44px; }
    .order-marketplace-logo[b-l92369jb27]  img { width: 40px; height: 40px; }
    .order-marketplace-logo[b-l92369jb27]  .mud-icon-root { width: 30px; height: 30px; font-size: 30px; }
}
/* /Features/Ecommerce/Reports/Pages/Caramba/RentabilidadFba.razor.rz.scp.css */
.rfba-pagina[b-iv7wym9lkx] {
    display: grid;
    gap: 10px;
    padding: 8px;
    background: #f7f8fa;
}

/* Resumen: el total manda; los avisos van detrás y el contador de filas queda a la derecha. */
.rfba-resumen[b-iv7wym9lkx] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 16px;
    margin: 4px 2px 0;
    color: #4a5568;
    font-size: 0.88rem;
}

.rfba-resumen__total[b-iv7wym9lkx] {
    color: #172033;
    font-size: 1rem;
    font-weight: 700;
}

.rfba-resumen__contador[b-iv7wym9lkx] {
    margin-left: auto;
    color: #586574;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
}

/* Barra de búsqueda y filtros: sin caja propia, sobre el fondo de la página, con los controles en blanco. */
.rfba-barra[b-iv7wym9lkx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}

.rfba-filtros[b-iv7wym9lkx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-iv7wym9lkx] .rfba-busqueda {
    flex: 1 1 280px;
    max-width: 380px;
}

[b-iv7wym9lkx] .rfba-busqueda .mud-input-outlined {
    border-radius: 8px;
    background: #fff;
}

[b-iv7wym9lkx] .rfba-busqueda .mud-input-outlined-border {
    border-radius: 8px;
}

/* Filtros como interruptores: el estado se lee por el relleno, el borde y el icono de marca, no solo por el color. */
.rfba-filtro[b-iv7wym9lkx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 14px 0 10px;
    border: 1px solid #cdd5df;
    border-radius: 999px;
    background: #fff;
    color: #2d3748;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 140ms ease-out, border-color 140ms ease-out, color 140ms ease-out, transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}

.rfba-filtro[b-iv7wym9lkx]  .mud-icon-root {
    font-size: 1.1rem;
    color: #647084;
}

.rfba-filtro[aria-pressed="true"][b-iv7wym9lkx] {
    border-color: #1565c0;
    background: #e7f0fb;
    color: #0d3f7a;
}

.rfba-filtro[aria-pressed="true"][b-iv7wym9lkx]  .mud-icon-root {
    color: #1565c0;
}

.rfba-filtro:active[b-iv7wym9lkx] {
    transform: scale(0.97);
}

.rfba-filtro:focus-visible[b-iv7wym9lkx] {
    outline: 2px solid #1565c0;
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .rfba-filtro:hover[b-iv7wym9lkx] {
        border-color: #9db7d9;
        background: #f4f8fd;
    }

    .rfba-filtro[aria-pressed="true"]:hover[b-iv7wym9lkx] {
        background: #dbe9f9;
    }
}

.rfba-filtro__cuenta[b-iv7wym9lkx] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: #eef1f5;
    color: #4a5568;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.rfba-filtro__cuenta--neg[b-iv7wym9lkx] {
    background: #fde8e6;
    color: #a3221b;
}

[b-iv7wym9lkx] .rfba-boton {
    min-height: 40px;
    padding-inline: 16px;
    border-radius: 8px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
}

[b-iv7wym9lkx] .rfba-boton-columnas {
    background: #fff;
}

.rfba-nota[b-iv7wym9lkx] {
    margin: 0 2px;
    max-width: 120ch;
    color: #586574;
    font-size: 0.8rem;
    line-height: 1.5;
}

.rfba-estado[b-iv7wym9lkx] {
    display: grid;
    justify-items: start;
    gap: 6px;
    padding: 20px;
    border: 1px solid #dce2e8;
    border-radius: 6px;
    background: #fff;
}

.rfba-estado__titulo[b-iv7wym9lkx] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 700;
}

.rfba-estado__texto[b-iv7wym9lkx] {
    margin: 0 0 6px;
    max-width: 70ch;
    color: #4a5568;
    font-size: 0.9rem;
}

@media (min-width: 700px) {
    [b-iv7wym9lkx] .rfba-boton-columnas {
        margin-left: auto;
    }
}

@media (pointer: coarse) {
    .rfba-filtro[b-iv7wym9lkx] {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rfba-filtro[b-iv7wym9lkx] {
        transition: none;
    }

    .rfba-filtro:active[b-iv7wym9lkx] {
        transform: none;
    }
}

@media (max-width: 699px) {
    .rfba-pagina[b-iv7wym9lkx] {
        padding: 4px;
    }

    .rfba-filtros[b-iv7wym9lkx] {
        width: 100%;
    }

    .rfba-resumen__contador[b-iv7wym9lkx] {
        margin-left: 0;
        flex-basis: 100%;
    }

    [b-iv7wym9lkx] .rfba-busqueda {
        flex-basis: 100%;
        max-width: none;
    }

    [b-iv7wym9lkx] .rfba-boton {
        min-height: 44px;
    }

    [b-iv7wym9lkx] .rfba-boton-columnas {
        width: 100%;
    }
}
/* /Features/Ecommerce/Reports/Rentabilidad/Componentes/RentabilidadFbaParametros.razor.rz.scp.css */
/* Panel de gastos: título y estado arriba; debajo, los cuatro importes agrupados a la izquierda y las acciones a la derecha. */
.rfba-params[b-3b0616g05q] {
    display: grid;
    gap: 14px;
    padding: 16px 18px 18px;
    border: 1px solid #dce2e8;
    border-radius: 8px;
    background: #fff;
}

.rfba-params__cabecera[b-3b0616g05q] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px 16px;
}

.rfba-params__texto[b-3b0616g05q] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.rfba-params__titulo[b-3b0616g05q] {
    margin: 0;
    color: #172033;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

.rfba-params__ayuda[b-3b0616g05q] {
    margin: 0;
    max-width: 62ch;
    color: #586574;
    font-size: 0.84rem;
    line-height: 1.45;
}

/* Estado: un punto de color delante del texto; el color se refuerza con el propio texto, nunca va solo. */
.rfba-params__estado[b-3b0616g05q] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px 4px 10px;
    border-radius: 999px;
    background: #edf6ef;
    color: #1e5c34;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.5;
}

.rfba-params__punto[b-3b0616g05q] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2e9d57;
}

.rfba-params__estado--simulacion[b-3b0616g05q] {
    background: #fff3d6;
    color: #6b4200;
}

.rfba-params__estado--simulacion .rfba-params__punto[b-3b0616g05q] {
    background: #d98a00;
}

.rfba-params__formulario[b-3b0616g05q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
}

.rfba-params__campos[b-3b0616g05q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    flex: 1 1 340px;
}

.rfba-params__acciones[b-3b0616g05q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.rfba-params__errores[b-3b0616g05q] {
    margin: 0;
    padding: 0 0 0 18px;
    color: #b3261e;
    font-size: 0.84rem;
}

.rfba-params__ok[b-3b0616g05q] {
    margin: 0;
    color: #1e6b3a;
    font-size: 0.84rem;
}

.rfba-params__nota[b-3b0616g05q] {
    margin: 0;
    color: #586574;
    font-size: 0.8rem;
}

[b-3b0616g05q] .rfba-campo input {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

[b-3b0616g05q] .rfba-campo .mud-input-outlined-border {
    border-radius: 8px;
}

[b-3b0616g05q] .rfba-boton {
    min-height: 40px;
    padding-inline: 16px;
    border-radius: 8px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1), background-color 140ms ease-out;
}

[b-3b0616g05q] .rfba-boton:active:not(:disabled) {
    transform: scale(0.97);
}

@media (min-width: 700px) {
    .rfba-params__campos[b-3b0616g05q] {
        grid-template-columns: repeat(4, minmax(130px, 190px));
        flex: 0 1 auto;
    }

    .rfba-params__acciones[b-3b0616g05q] {
        margin-left: auto;
    }
}

@media (max-width: 699px) {
    .rfba-params[b-3b0616g05q] {
        padding: 14px;
    }

    .rfba-params__acciones[b-3b0616g05q] {
        width: 100%;
    }

    [b-3b0616g05q] .rfba-boton {
        flex: 1 1 140px;
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-3b0616g05q] .rfba-boton {
        transition: none;
    }

    [b-3b0616g05q] .rfba-boton:active:not(:disabled) {
        transform: none;
    }
}
/* /Features/Ecommerce/Reports/Rentabilidad/Componentes/RentabilidadFbaTabla.razor.rz.scp.css */
/* Tabla de márgenes. Cabecera de dos niveles y columna de referencia fijas; el scroll horizontal es de la propia tabla, nunca de la página. */
.rfba-tabla-contenedor[b-oy1xq095no] {
    width: 100%;
    max-height: 74vh;
    overflow: auto;
    border: 1px solid #dce2e8;
    border-radius: 8px;
    background: #fff;
}

.rfba-tabla-contenedor:focus-visible[b-oy1xq095no] {
    outline: 2px solid #1565c0;
    outline-offset: -2px;
}

.rfba-tabla[b-oy1xq095no] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.84rem;
    font-variant-numeric: tabular-nums;
    color: #172033;
}

.rfba-tabla th[b-oy1xq095no],
.rfba-tabla td[b-oy1xq095no] {
    padding: 0 10px;
    height: 36px;
    border-bottom: 1px solid #edf0f4;
    white-space: nowrap;
}

/* ---- cabecera: dos niveles fijos arriba ---- */
.rfba-tabla thead th[b-oy1xq095no] {
    position: sticky;
    z-index: 3;
    background: #f1f4f8;
    color: #2d3748;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    border-bottom: 1px solid #d6dde6;
}

.rfba-cab-1 th[b-oy1xq095no] {
    top: 0;
    height: 34px;
}

.rfba-cab-2 th[b-oy1xq095no] {
    top: 34px;
    height: 30px;
    font-weight: 600;
}

/* Las celdas con rowspan="2" ocupan los dos niveles: la fila 1 las coloca, la 2 no las repite. */
.rfba-cab-1 th[rowspan][b-oy1xq095no] {
    z-index: 4;
}

.rfba-grupo[b-oy1xq095no] {
    text-align: center;
    letter-spacing: 0.02em;
    border-left: 1px solid #d6dde6;
}

/* ---- bloques de país alternos: blanco / gris azulado claro (el mismo de /report/new_rock_modelo/) ----
   La cabecera es fija y necesita fondos opacos; el cuerpo usa el rgba tal cual. */
.rfba-tabla tbody .rfba-g-a[b-oy1xq095no] {
    background-color: #fff;
}

.rfba-tabla tbody .rfba-g-b[b-oy1xq095no] {
    background-color: rgba(246, 248, 251, 0.78);
}

.rfba-tabla thead .rfba-g-a[b-oy1xq095no] {
    background-color: #f1f4f8;
}

.rfba-tabla thead .rfba-g-b[b-oy1xq095no] {
    background-color: #e6ecf4;
}

/* Primera columna de cada país: una línea sutil separa un bloque del siguiente. */
.rfba-ini[b-oy1xq095no] {
    border-left: 1px solid #d6dde6;
}

/* ---- % margen en verde pastel y ROI en rojo pastel; en el bloque gris, un punto más intenso ---- */
.rfba-tabla tbody .rfba-g-a.rfba-pct-margen[b-oy1xq095no] { background-color: #e0f1e4; }
.rfba-tabla tbody .rfba-g-b.rfba-pct-margen[b-oy1xq095no] { background-color: #d3ead9; }
.rfba-tabla tbody .rfba-g-a.rfba-pct-roi[b-oy1xq095no] { background-color: #fbe9e9; }
.rfba-tabla tbody .rfba-g-b.rfba-pct-roi[b-oy1xq095no] { background-color: #f6dcdc; }

.rfba-tabla thead .rfba-g-a.rfba-pct-margen[b-oy1xq095no] { background-color: #d5ecdb; }
.rfba-tabla thead .rfba-g-b.rfba-pct-margen[b-oy1xq095no] { background-color: #c8e4d0; }
.rfba-tabla thead .rfba-g-a.rfba-pct-roi[b-oy1xq095no] { background-color: #f8dede; }
.rfba-tabla thead .rfba-g-b.rfba-pct-roi[b-oy1xq095no] { background-color: #f2d1d1; }

/* ---- referencia: columna fija a la izquierda ---- */
.rfba-ref[b-oy1xq095no] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px;
    max-width: 300px;
    text-align: left;
    background: #fff;
    border-right: 1px solid #dce2e8;
}

.rfba-tabla thead .rfba-ref[b-oy1xq095no] {
    z-index: 5;
    background: #f1f4f8;
}

.rfba-ref__contenido[b-oy1xq095no] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    min-width: 0;
}

.rfba-codigo[b-oy1xq095no] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    color: #172033;
}

/* ---- números ---- */
.rfba-num[b-oy1xq095no] {
    text-align: right;
}

.rfba-media[b-oy1xq095no] {
    font-weight: 700;
    background-color: #f6f9fc;
    border-left: 1px solid #e5e9ef;
}

.rfba-tabla thead .rfba-media[b-oy1xq095no] {
    background-color: #e8eef6;
    color: #172033;
}

.rfba-neg[b-oy1xq095no] {
    color: #b3261e;
}

.rfba-parcial[b-oy1xq095no] {
    margin-left: 2px;
    color: #6b4200;
    cursor: help;
}

.rfba-extra[b-oy1xq095no] {
    color: #4a5568;
}

/* ---- filas ---- */
.rfba-fila:hover > th[b-oy1xq095no],
.rfba-fila:hover > td[b-oy1xq095no] {
    background-color: #eef5ff;
}

.rfba-fila:hover > .rfba-g-b[b-oy1xq095no],
.rfba-fila:hover > .rfba-media[b-oy1xq095no] {
    background-color: #e6f0fc;
}

/* Al pasar el ratón, los tintes verde y rojo se conservan, un poco más intensos. */
.rfba-tabla tbody .rfba-fila:hover > td.rfba-pct-margen[b-oy1xq095no] { background-color: #c6e5ce; }
.rfba-tabla tbody .rfba-fila:hover > td.rfba-pct-roi[b-oy1xq095no] { background-color: #f1cfcf; }

.rfba-detalle > th[b-oy1xq095no],
.rfba-detalle > td[b-oy1xq095no] {
    height: 32px;
    background-color: #f8fafc;
    color: #4a5568;
    font-size: 0.8rem;
}

.rfba-detalle__ref[b-oy1xq095no] {
    padding-left: 38px;
}

.rfba-detalle__talla[b-oy1xq095no] {
    font-weight: 600;
    color: #172033;
}

.rfba-detalle__stock[b-oy1xq095no] {
    color: #647084;
    font-size: 0.74rem;
}

.rfba-detalle__nota[b-oy1xq095no] {
    color: #647084;
    font-style: normal;
    font-size: 0.76rem;
}

/* ---- chips: nunca se aprietan ---- */
.rfba-chip[b-oy1xq095no] {
    flex: none;
    padding: 1px 7px;
    border-radius: 999px;
    background: #eef1f5;
    color: #4a5568;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.rfba-chip--aviso[b-oy1xq095no] {
    background: #fff3d6;
    color: #6b4200;
}

/* ---- controles: ordenar y abrir ---- */
.rfba-orden[b-oy1xq095no] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 44px;
    min-width: 44px;
    padding: 4px 2px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    transition: background-color 120ms ease-out;
}

.rfba-orden--num[b-oy1xq095no] {
    justify-content: flex-end;
}

.rfba-orden:focus-visible[b-oy1xq095no],
.rfba-abrir:focus-visible[b-oy1xq095no] {
    outline: 2px solid #1565c0;
    outline-offset: 1px;
}

.rfba-flecha[b-oy1xq095no] {
    font-size: 0.82rem;
    line-height: 1;
}

.rfba-abrir[b-oy1xq095no] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: -6px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #4a5568;
    cursor: pointer;
    transition: background-color 120ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .rfba-orden:hover[b-oy1xq095no],
    .rfba-abrir:hover[b-oy1xq095no] {
        background-color: rgba(21, 101, 192, 0.1);
    }
}

.rfba-orden:active[b-oy1xq095no],
.rfba-abrir:active[b-oy1xq095no] {
    transform: scale(0.97);
}

.rfba-solo-lectores[b-oy1xq095no] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* ---- táctil y móvil: objetivos de 44 px y referencia más estrecha ---- */
@media (pointer: coarse) {
    .rfba-tabla th[b-oy1xq095no],
    .rfba-tabla td[b-oy1xq095no] {
        height: 44px;
    }

    .rfba-cab-1 th[b-oy1xq095no] {
        height: 44px;
    }

    .rfba-cab-2 th[b-oy1xq095no] {
        top: 44px;
        height: 48px;
    }

    .rfba-orden[b-oy1xq095no] {
        min-height: 44px;
    }

    .rfba-abrir[b-oy1xq095no] {
        width: 44px;
        height: 44px;
        margin-left: -12px;
    }
}

@media (max-width: 699px) {
    .rfba-ref[b-oy1xq095no] {
        min-width: 150px;
        max-width: 190px;
    }

    .rfba-detalle__ref[b-oy1xq095no] {
        padding-left: 30px;
    }

    .rfba-tabla-contenedor[b-oy1xq095no] {
        max-height: 70vh;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rfba-orden[b-oy1xq095no],
    .rfba-abrir[b-oy1xq095no] {
        transition: none;
    }

    .rfba-orden:active[b-oy1xq095no],
    .rfba-abrir:active[b-oy1xq095no] {
        transform: none;
    }
}
/* /Features/Facturacion/Components/AccionesFacturaPedido.razor.rz.scp.css */
.pedido-facturas[b-leofu3pdbt] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; vertical-align: middle; }
.pedido-facturas[b-leofu3pdbt]  .mud-button-root { min-height: 40px; }
/* /Features/Facturacion/Components/FiscalPage.razor.rz.scp.css */
.fiscal-page[b-l9b9pav5dz] { min-height: 100%; background: var(--mud-palette-background, #f5f7fb); color: var(--mud-palette-text-primary); padding-bottom: 36px; }
.fiscal-header[b-l9b9pav5dz] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 36px; background: var(--mud-palette-surface); border-bottom: 1px solid var(--mud-palette-lines-default); }
.fiscal-header[b-l9b9pav5dz]  .page-header { margin: 0; min-width: 0; }
.fiscal-header[b-l9b9pav5dz]  .header-title { display: flex; align-items: center; font-size: 1.7rem; font-weight: 800; line-height: 1.25; }
.fiscal-header[b-l9b9pav5dz]  .header-title .mud-icon-root { display: inline-flex; width: 24px; height: 24px; font-size: 24px; flex-shrink: 0; color: var(--mud-palette-text-secondary); }
.fiscal-header[b-l9b9pav5dz]  .header-subtitle { display: block; margin-top: 6px; font-size: .9rem; line-height: 1.5; color: var(--mud-palette-text-secondary); max-width: 70ch; }
.fiscal-header[b-l9b9pav5dz]  .header-back-button { color: var(--mud-palette-text-primary); }
.fiscal-actions[b-l9b9pav5dz] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.fiscal-content[b-l9b9pav5dz] { max-width: 1560px; margin: 0 auto; padding: 24px 36px 0; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-card { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; padding: 22px; margin-bottom: 18px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-section-title { font-weight: 750; margin-bottom: 6px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-section-copy { color: var(--mud-palette-text-secondary); margin-bottom: 20px; max-width: 70ch; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-tabs { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); margin-bottom: 18px; overflow: hidden; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-tab-content { padding: 24px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-toolbar > .mud-input-control { flex: 1 1 240px; min-width: 0; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-muted { color: var(--mud-palette-text-secondary); }
.fiscal-page[b-l9b9pav5dz]  .fiscal-empty { padding: 36px 20px; text-align: center; display: grid; justify-items: center; gap: 10px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-empty .mud-icon-root { color: var(--mud-palette-text-secondary); font-size: 36px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-stat { border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); border-radius: 8px; padding: 18px 22px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-stat span, .fiscal-page[b-l9b9pav5dz]  .fiscal-stat small { display: block; color: var(--mud-palette-text-secondary); }
.fiscal-page[b-l9b9pav5dz]  .fiscal-stat strong { display: block; font-size: 1.5rem; font-weight: 750; margin: 8px 0 4px; font-variant-numeric: tabular-nums; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-status-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-status-list dt { color: var(--mud-palette-text-secondary); font-size: .85rem; margin-bottom: 6px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-status-list dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-series-row { padding: 20px 0; border-top: 1px solid var(--mud-palette-lines-default); }
.fiscal-page[b-l9b9pav5dz]  .fiscal-series-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 10px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-logo { max-height: 100px; max-width: 240px; object-fit: contain; display: block; margin-bottom: 16px; }
.fiscal-page[b-l9b9pav5dz]  .fiscal-total { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-top: 16px; border-top: 1px solid var(--mud-palette-lines-default); font-weight: 750; font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.fiscal-page[b-l9b9pav5dz]  .mud-button-root { min-height: 40px; text-transform: none; }
.fiscal-page[b-l9b9pav5dz]  .mud-icon-button { min-width: 40px; min-height: 40px; }
.fiscal-page[b-l9b9pav5dz]  button:focus-visible, .fiscal-page[b-l9b9pav5dz]  a:focus-visible, .fiscal-page[b-l9b9pav5dz]  input:focus-visible { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }
.fiscal-page[b-l9b9pav5dz]  .mud-table-cell { overflow-wrap: anywhere; }
.fiscal-page-compact .fiscal-header[b-l9b9pav5dz] { padding: 16px 20px; gap: 16px; }
.fiscal-page-compact .fiscal-content[b-l9b9pav5dz] { max-width: none; padding: 16px 20px 0; }
.fiscal-page-compact .fiscal-header[b-l9b9pav5dz]  .header-title { font-size: 1.5rem; gap: 8px; flex-wrap: wrap; }
.fiscal-page-compact .fiscal-header[b-l9b9pav5dz]  .header-subtitle { font-size: .78rem; margin-top: 3px; overflow-wrap: anywhere; }
.fiscal-page-compact[b-l9b9pav5dz]  .pedido-estado { margin: 0; font-size: .75rem; font-weight: 600; }
@media (max-width: 700px) {
    .fiscal-page-compact .fiscal-header[b-l9b9pav5dz] { padding: 14px 12px; }
    .fiscal-page-compact .fiscal-content[b-l9b9pav5dz] { padding: 12px 12px 0; }
}
@media (max-width: 1100px) {
    .fiscal-header[b-l9b9pav5dz] { flex-wrap: wrap; }
    .fiscal-actions[b-l9b9pav5dz] { justify-content: flex-start; flex-shrink: 1; }
}
@media (max-width: 700px) {
    .fiscal-header[b-l9b9pav5dz] { padding: 20px 16px; gap: 18px; }
    .fiscal-header[b-l9b9pav5dz]  .header-title { font-size: 1.4rem; }
    .fiscal-header[b-l9b9pav5dz]  .header-row { align-items: flex-start; gap: 8px; }
    .fiscal-content[b-l9b9pav5dz] { padding: 16px 12px 0; }
    .fiscal-page[b-l9b9pav5dz]  .fiscal-card, .fiscal-page[b-l9b9pav5dz]  .fiscal-tab-content { padding: 16px; }
    .fiscal-page[b-l9b9pav5dz]  .fiscal-stats { grid-template-columns: 1fr; gap: 10px; }
    .fiscal-page[b-l9b9pav5dz]  .fiscal-stat { padding: 14px 18px; }
    .fiscal-page[b-l9b9pav5dz]  .fiscal-stat strong { margin-top: 4px; font-size: 1.3rem; }
    .fiscal-page[b-l9b9pav5dz]  .fiscal-status-list { grid-template-columns: 1fr; gap: 14px; }
    .fiscal-actions[b-l9b9pav5dz] { width: 100%; }
    .fiscal-actions[b-l9b9pav5dz]  .mud-button-root { flex: 1 1 auto; }
}
/* /Features/Facturacion/Pages/DocumentoEditor.razor.rz.scp.css */
.documento-actividad[b-h355bhq0l5] { padding: 12px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.documento-datos-consulta[b-h355bhq0l5] { margin: 0; display: grid; gap: 4px; font-size: .85rem; }
.documento-datos-consulta dt[b-h355bhq0l5] { color: var(--mud-palette-text-secondary); margin-top: 8px; }
.documento-datos-consulta dd[b-h355bhq0l5] { margin: 0; overflow-wrap: anywhere; }
.documento-texto[b-h355bhq0l5] { white-space: pre-wrap; overflow-wrap: anywhere; }
.documento-rectificar[b-h355bhq0l5] { scroll-margin-top: calc(var(--mud-appbar-height, 64px) + 16px); }
.documento-rectificar > .pedido-ayuda[b-h355bhq0l5] { margin-bottom: 16px; }
.documento-importe[b-h355bhq0l5] { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-variant-numeric: tabular-nums; }

.pedido-layout[b-h355bhq0l5] { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 16px; align-items: start; }
.pedido-principal[b-h355bhq0l5] { min-width: 0; display: grid; gap: 16px; }
.pedido-card[b-h355bhq0l5] { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; padding: 16px; min-width: 0; }
.pedido-heading[b-h355bhq0l5] { display: flex; align-items: center; gap: 8px; font-size: .95rem; line-height: 1.5; font-weight: 700; margin: 0 0 12px; }
.pedido-heading[b-h355bhq0l5]  .mud-icon-root, .pedido-direccion[b-h355bhq0l5] >  .mud-icon-root { color: var(--mud-palette-primary); flex-shrink: 0; }
.pedido-ayuda[b-h355bhq0l5] { color: var(--mud-palette-text-secondary); font-size: .78rem; line-height: 1.5; margin: 6px 0 0; }
.pedido-identificacion[b-h355bhq0l5] { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 20px; }
.pedido-canal[b-h355bhq0l5] { padding-right: 20px; border-right: 1px solid var(--mud-palette-lines-default); }
.pedido-destinatario[b-h355bhq0l5] { min-width: 0; }
.pedido-cliente-busqueda[b-h355bhq0l5] { display: flex; align-items: center; gap: 10px; }
.pedido-cliente-busqueda[b-h355bhq0l5] >  .mud-input-control { flex: 1; min-width: 0; }
.pedido-cliente-busqueda[b-h355bhq0l5]  .mud-button-root { flex-shrink: 0; white-space: nowrap; }
.pedido-cliente-resumen[b-h355bhq0l5] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pedido-cliente-seleccionado[b-h355bhq0l5] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 6px; background: var(--mud-palette-background-gray); font-size: .84rem; overflow-wrap: anywhere; flex: 1 1 220px; }
.pedido-cliente-opciones[b-h355bhq0l5] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pedido-avatar[b-h355bhq0l5] { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; color: var(--mud-palette-primary-darken); background: var(--mud-palette-primary-hover); font-weight: 700; }
.pedido-datos-cliente[b-h355bhq0l5] { font-size: .78rem; color: var(--mud-palette-text-secondary); margin-top: 3px; }
.pedido-direccion[b-h355bhq0l5] { display: flex; gap: 10px; padding-top: 14px; margin-top: 16px; border-top: 1px solid var(--mud-palette-lines-default); }
.pedido-direccion h3[b-h355bhq0l5] { font-size: .8rem; font-weight: 650; margin: 0 0 4px; }
.pedido-direccion address[b-h355bhq0l5] { font-style: normal; font-size: .8rem; line-height: 1.4; margin: 0; color: var(--mud-palette-text-secondary); overflow-wrap: anywhere; }
.pedido-conceptos-cabecera[b-h355bhq0l5] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.pedido-conceptos-cabecera .pedido-heading[b-h355bhq0l5] { margin-bottom: 2px; }
.pedido-conceptos-cabecera[b-h355bhq0l5]  .mud-button-root { flex-shrink: 0; }
.pedido-producto-busqueda[b-h355bhq0l5] { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 10px; }
.pedido-catalogo-nota[b-h355bhq0l5] { margin-bottom: 12px; }
.pedido-tabla[b-h355bhq0l5] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .8rem; }
.pedido-tabla th[b-h355bhq0l5] { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); font-size: .72rem; font-weight: 600; text-align: left; padding: 10px 5px; }
.pedido-tabla td[b-h355bhq0l5] { vertical-align: middle; padding: 6px 4px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.pedido-col-codigo[b-h355bhq0l5] { width: 136px; }
.pedido-col-cantidad[b-h355bhq0l5] { width: 64px; }
.pedido-col-precio[b-h355bhq0l5] { width: 96px; }
.pedido-col-porcentaje[b-h355bhq0l5] { width: 60px; }
.pedido-col-importe[b-h355bhq0l5] { width: 82px; }
.pedido-col-accion[b-h355bhq0l5] { width: 44px; }
.pedido-tabla .pedido-numero[b-h355bhq0l5] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pedido-linea-total[b-h355bhq0l5] { font-weight: 700; }
.pedido-origen-linea[b-h355bhq0l5] { display: flex; align-items: center; gap: 4px; }
.pedido-tabla[b-h355bhq0l5]  .mud-input-control { margin: 0; min-width: 0; }
.pedido-tabla[b-h355bhq0l5]  .mud-input-outlined input { height: 40px; box-sizing: border-box; padding: 8px; font-size: .8rem; }
.pedido-tabla[b-h355bhq0l5]  .mud-input-outlined textarea { padding: 8px; font-size: .8rem; line-height: 1.5; }
.pedido-tabla[b-h355bhq0l5]  .mud-input-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.pedido-tabla[b-h355bhq0l5]  .mud-input-outlined-border legend { max-width: 0; }
.pedido-tabla[b-h355bhq0l5]  .pedido-ean { margin-top: 4px; }
.pedido-tabla[b-h355bhq0l5]  .pedido-ean input { font-size: .72rem; color: var(--mud-palette-text-secondary); }
.pedido-layout[b-h355bhq0l5]  input::placeholder { color: var(--mud-palette-text-secondary); opacity: 1; }
.pedido-acciones-linea[b-h355bhq0l5]  .mud-icon-button { padding: 8px; }
.pedido-anadir-linea[b-h355bhq0l5] { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px dashed var(--mud-palette-lines-default); border-radius: 6px; margin: 12px 0; padding: 2px 6px; }
.pedido-anadir-linea span[b-h355bhq0l5] { color: var(--mud-palette-text-secondary); font-size: .75rem; white-space: nowrap; }
.pedido-vacio[b-h355bhq0l5] { padding: 24px 12px; text-align: center; color: var(--mud-palette-text-secondary); font-size: .85rem; }
.pedido-resumen[b-h355bhq0l5] { position: sticky; top: calc(var(--mud-appbar-height, 64px) + 16px); display: grid; gap: 16px; min-width: 0; }
.pedido-datos-resumen[b-h355bhq0l5] { display: grid; gap: 14px; }
.pedido-totales[b-h355bhq0l5] { display: grid; gap: 14px; font-size: .85rem; }
.pedido-totales[b-h355bhq0l5]  .fiscal-total { padding-top: 14px; font-size: 1.25rem; }
.pedido-cambios[b-h355bhq0l5] { border-top: 1px solid var(--mud-palette-lines-default); padding-top: 10px; margin: 0; }
.pedido-sr-only[b-h355bhq0l5] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (min-width: 1700px) {
    .pedido-layout[b-h355bhq0l5] { grid-template-columns: minmax(0, 1fr) 350px; }
    .pedido-col-codigo[b-h355bhq0l5] { width: 160px; }
    .pedido-col-cantidad[b-h355bhq0l5] { width: 76px; }
    .pedido-col-precio[b-h355bhq0l5] { width: 110px; }
    .pedido-col-porcentaje[b-h355bhq0l5] { width: 76px; }
    .pedido-col-importe[b-h355bhq0l5] { width: 96px; }
}
@media (max-width: 1250px) {
    .pedido-layout[b-h355bhq0l5] { grid-template-columns: minmax(0, 1fr); }
    .pedido-resumen[b-h355bhq0l5] { position: static; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); align-items: start; }
}
@media (max-width: 760px) {
    .pedido-identificacion[b-h355bhq0l5], .pedido-resumen[b-h355bhq0l5] { grid-template-columns: minmax(0, 1fr); }
    .pedido-canal[b-h355bhq0l5] { padding-right: 0; padding-bottom: 14px; border-right: 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
    .pedido-cliente-busqueda[b-h355bhq0l5] { flex-wrap: wrap; }
    .pedido-cliente-busqueda[b-h355bhq0l5] >  .mud-input-control { flex-basis: 100%; }
    .pedido-conceptos-cabecera[b-h355bhq0l5] { flex-wrap: wrap; }
    .pedido-producto-busqueda[b-h355bhq0l5] { grid-template-columns: minmax(0, 1fr); }
    .pedido-tabla[b-h355bhq0l5], .pedido-tabla tbody[b-h355bhq0l5] { display: block; }
    .pedido-tabla colgroup[b-h355bhq0l5], .pedido-tabla thead[b-h355bhq0l5] { display: none; }
    .pedido-tabla tr[b-h355bhq0l5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
    .pedido-tabla td[b-h355bhq0l5] { display: block; padding: 0; border: 0; }
    .pedido-tabla td[b-h355bhq0l5]::before { content: attr(data-label); display: block; font-size: .75rem; font-weight: 600; margin-bottom: 6px; color: var(--mud-palette-text-secondary); }
    .pedido-tabla td:nth-child(1)[b-h355bhq0l5], .pedido-tabla td:nth-child(2)[b-h355bhq0l5] { grid-column: 1 / -1; }
    .pedido-tabla td.pedido-codigos[b-h355bhq0l5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .pedido-codigos[b-h355bhq0l5]::before { grid-column: 1 / -1; margin-bottom: 0; }
    .pedido-tabla[b-h355bhq0l5]  .pedido-ean { margin-top: 0; }
    .pedido-tabla[b-h355bhq0l5]  .pedido-ean input { font-size: .8rem; }
    .pedido-tabla .pedido-numero[b-h355bhq0l5] { text-align: left; }
    .pedido-acciones-linea[b-h355bhq0l5] { grid-column: 1 / -1; justify-self: end; }
    .pedido-acciones-linea[b-h355bhq0l5]::before { display: none; }
    .pedido-anadir-linea[b-h355bhq0l5] { flex-wrap: wrap; padding-bottom: 6px; }
}

.pedido-solo-cliente[b-h355bhq0l5] { grid-template-columns: minmax(0, 1fr); }
.documento-desplegable[b-h355bhq0l5] { border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; background: var(--mud-palette-surface); }
.documento-desplegable summary[b-h355bhq0l5] { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 12px; cursor: pointer; list-style: none; background: var(--mud-palette-background-gray); font-size: .82rem; border-radius: 6px; }
.documento-desplegable summary[b-h355bhq0l5]::-webkit-details-marker { display: none; }
.documento-desplegable summary:focus-visible[b-h355bhq0l5] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.documento-desplegable-indicacion[b-h355bhq0l5] { margin-left: auto; color: var(--mud-palette-text-secondary); font-size: .75rem; }
.documento-desplegable[open] summary[b-h355bhq0l5] >  .mud-icon-root:last-child { transform: rotate(180deg); }
.documento-desplegable-contenido[b-h355bhq0l5] { padding: 16px; }
.documento-numero[b-h355bhq0l5] { display: grid; gap: 6px; padding: 12px; border-radius: 6px; background: var(--mud-palette-background-gray); overflow-wrap: anywhere; }
.documento-numero span[b-h355bhq0l5] { color: var(--mud-palette-text-secondary); font-size: .8rem; }
.documento-numero strong[b-h355bhq0l5] { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) { .documento-desplegable-indicacion[b-h355bhq0l5] { display: none; } }
/* /Features/Facturacion/Pages/Facturacion.razor.rz.scp.css */
.facturacion-numero[b-pd179nd11b] { font-variant-numeric: tabular-nums; text-align: right; }
.facturacion-documento[b-pd179nd11b] { display: grid; gap: 4px; min-width: 0; text-align: left; overflow-wrap: anywhere; }
.facturacion-documento[b-pd179nd11b]  a { font-weight: 600; font-variant-numeric: tabular-nums; }
.facturacion-documento[b-pd179nd11b]  a:focus-visible { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; border-radius: 2px; }
.facturacion-documento-tipo[b-pd179nd11b] { color: var(--mud-palette-text-secondary); font-size: .8rem; }
/* /Features/Facturacion/Pages/PedidosFacturacion.razor.rz.scp.css */
.pedido-detalle-layout[b-70a5vjdycz] { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 16px; align-items: start; }
.pedido-factura-acciones[b-70a5vjdycz] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pedido-factura-acciones[b-70a5vjdycz]  .mud-button-root { min-height: 40px; }
.pedido-detalle-principal[b-70a5vjdycz] { min-width: 0; }
.pedido-detalle-resumen[b-70a5vjdycz] { position: sticky; top: calc(var(--mud-appbar-height, 64px) + 16px); min-width: 0; }
.pedido-operaciones[b-70a5vjdycz] { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.pedido-destinatario[b-70a5vjdycz] { display: grid; gap: 4px; padding: 12px 0; font-size: .9rem; }
.pedido-destinatario span[b-70a5vjdycz], .pedido-destinatario address[b-70a5vjdycz] { color: var(--mud-palette-text-secondary); font-style: normal; overflow-wrap: anywhere; }
.pedido-resumen-datos[b-70a5vjdycz] { margin: 16px 0; font-size: .85rem; }
.pedido-resumen-datos dt[b-70a5vjdycz] { color: var(--mud-palette-text-secondary); margin-top: 10px; }
.pedido-resumen-datos dd[b-70a5vjdycz] { margin: 3px 0; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .pedido-detalle-layout[b-70a5vjdycz] { grid-template-columns: minmax(0, 1fr); } .pedido-detalle-resumen[b-70a5vjdycz] { position: static; } }

.pedido-modo[b-70a5vjdycz] { padding-top: 16px; border-top: 1px solid var(--mud-palette-lines-default); }
.pedido-crear[b-70a5vjdycz] { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--mud-palette-lines-default); }
.pedido-requisitos[b-70a5vjdycz] { margin: 6px 0 0; padding-left: 20px; }
.pedido-requisitos li + li[b-70a5vjdycz] { margin-top: 6px; }
.pedido-seccion-titulo[b-70a5vjdycz] { display: flex; align-items: center; gap: 8px; }
.pedido-editar[b-70a5vjdycz] { margin: 0 0 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; }
.pedido-editar summary[b-70a5vjdycz] { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; min-height: 48px; padding: 12px 16px; background: var(--mud-palette-background); border-radius: 8px; }
.pedido-editar summary[b-70a5vjdycz]::-webkit-details-marker { display: none; }
.pedido-editar summary:focus-visible[b-70a5vjdycz] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }
.pedido-editar summary > span[b-70a5vjdycz] { margin-left: auto; font-size: .8rem; color: var(--mud-palette-text-secondary); }
.pedido-editar-ocultar[b-70a5vjdycz] { display: none; }
.pedido-editar[open] .pedido-editar-mostrar[b-70a5vjdycz] { display: none; }
.pedido-editar[open] .pedido-editar-ocultar[b-70a5vjdycz] { display: inline; }
.pedido-editar[open][b-70a5vjdycz]  .pedido-editar-indicador { transform: rotate(180deg); }
.pedido-editar-campos[b-70a5vjdycz] { padding: 16px; }
.pedido-detalle-resumen[b-70a5vjdycz]  .pedido-config-ayuda { display: block; }
.pedido-detalle-principal[b-70a5vjdycz]  .mud-table-cell:last-child { width: 160px; }
@media (max-width: 600px) {
    .pedido-listado[b-70a5vjdycz]  .mud-table-cell::before { white-space: nowrap; flex-shrink: 0; }
    .pedido-detalle-principal[b-70a5vjdycz]  .mud-table-cell:last-child { width: auto; }
    .pedido-detalle-principal[b-70a5vjdycz]  .mud-table-cell::before { white-space: nowrap; overflow-wrap: normal; flex-shrink: 0; }
    .pedido-editar summary[b-70a5vjdycz] { flex-wrap: wrap; }
    .pedido-crear[b-70a5vjdycz]  .mud-button-root { width: 100%; }
}
/* /Features/Landings/Temu/TemuLanding.razor.rz.scp.css */
:root[b-jqicex0sif] {
    color-scheme: dark;
}

:global(body.temu-landing) .mud-main-content[b-jqicex0sif] {
    padding-top: 0 !important;
}


.temu-landing[b-jqicex0sif] {
    font-family: "Space Grotesk", system-ui, sans-serif;
    background: radial-gradient(circle at top, #0b0f1f 0%, #05070f 55%, #03050a 100%);
    color: #e6f0ff;
    overflow: hidden;
    position: relative;
}

.page-bg-wrapper[b-jqicex0sif] {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.page-bg[b-jqicex0sif] {
    width: 100%;
    height: 120%;
    object-fit: cover;
    opacity: 0.2;
    will-change: transform;
}

.temu-hero[b-jqicex0sif] {
    position: relative;
    padding: 6.5rem 6vw 5rem;
    min-height: 90vh;
    display: flex;
    align-items: center;
    z-index: 1;
}

#temu-particles[b-jqicex0sif] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-gradient[b-jqicex0sif] {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, rgba(0, 255, 240, 0.2), transparent 55%), radial-gradient(circle at 80% 10%, rgba(255, 140, 0, 0.18), transparent 45%), linear-gradient(120deg, rgba(7, 16, 40, 0.9), rgba(5, 9, 22, 0.9));
    z-index: 1;
}

.hero-grid[b-jqicex0sif] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
    align-items: center;
}

.hero-brand[b-jqicex0sif] {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    background: rgba(8, 16, 32, 0.65);
    border: 1px solid rgba(255, 122, 0, 0.45);
    box-shadow: 0 20px 45px rgba(255, 122, 0, 0.18);
    margin-bottom: 1.2rem;
    backdrop-filter: blur(10px);
}

    .hero-brand img[b-jqicex0sif] {
        width: 42px;
        height: 42px;
        object-fit: contain;
        filter: drop-shadow(0 0 16px rgba(255, 122, 0, 0.5));
    }

    .hero-brand span[b-jqicex0sif] {
        font-size: 0.85rem;
        letter-spacing: 0.18rem;
        text-transform: uppercase;
        color: #ffd9b0;
    }

.hero-text h1[b-jqicex0sif] {
    font-size: clamp(2.8rem, 5vw, 4.6rem);
    margin: 0 0 1rem;
    text-shadow: 0 0 40px rgba(0, 240, 255, 0.35);
}

.hero-subtitle[b-jqicex0sif] {
    font-size: 1.35rem;
    color: #d6e7ff;
    margin-bottom: 1rem;
}

.hero-description[b-jqicex0sif] {
    font-size: 1.05rem;
    color: #b7caf3;
    margin-bottom: 2rem;
}

.eyebrow[b-jqicex0sif] {
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-size: 0.75rem;
    color: #6cf2ff;
    display: inline-block;
    margin-bottom: 1rem;
}

.hero-cta[b-jqicex0sif] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cta-button[b-jqicex0sif] {
    align-self: flex-start;
    padding: 0.9rem 2.6rem;
    border-radius: 999px;
    background: linear-gradient(120deg, #00e5ff, #ff7a00);
    color: #02040a;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 20px 60px rgba(0, 229, 255, 0.35);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .cta-button:hover[b-jqicex0sif] {
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 25px 80px rgba(255, 122, 0, 0.45);
    }

.cta-note[b-jqicex0sif] {
    color: #93b2e8;
    font-size: 0.9rem;
}

.hero-visual[b-jqicex0sif] {
    position: relative;
    display: grid;
    place-items: center end;
    padding-right: 2vw;
}

    .hero-visual img[b-jqicex0sif] {
        width: min(480px, 100%);
        filter: drop-shadow(0 30px 80px rgba(0, 255, 255, 0.35));
        animation: float-b-jqicex0sif 6s ease-in-out infinite;
    }

.data-orbits span[b-jqicex0sif] {
    position: absolute;
    inset: 20%;
    border-radius: 50%;
    border: 1px dashed rgba(108, 242, 255, 0.5);
    animation: orbit-b-jqicex0sif 12s linear infinite;
}

    .data-orbits span:nth-child(2)[b-jqicex0sif] {
        inset: 12%;
        animation-duration: 16s;
        border-color: rgba(255, 140, 0, 0.5);
    }

    .data-orbits span:nth-child(3)[b-jqicex0sif] {
        inset: 30%;
        animation-duration: 10s;
        border-color: rgba(112, 83, 255, 0.4);
    }

.hero-glow[b-jqicex0sif] {
    position: absolute;
    inset: 10% 15%;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.2), transparent 60%);
    filter: blur(10px);
    z-index: -1;
}

.temu-section[b-jqicex0sif] {
    padding: 5rem 6vw;
    position: relative;
    z-index: 1;
}

.section-header[b-jqicex0sif] {
    text-align: center;
    margin-bottom: 2.5rem;
}

    .section-header h2[b-jqicex0sif] {
        font-size: clamp(2rem, 3vw, 3.1rem);
        margin-bottom: 0.6rem;
    }

    .section-header p[b-jqicex0sif] {
        color: #b4c7f1;
        max-width: 760px;
        margin: 0 auto;
    }

.split[b-jqicex0sif] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.8rem;
    align-items: center;
}

    .split.reverse[b-jqicex0sif] {
        direction: rtl;
    }

        .split.reverse > *[b-jqicex0sif] {
            direction: ltr;
        }

.section-text h2[b-jqicex0sif] {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    margin-bottom: 1rem;
}

.section-text p[b-jqicex0sif] {
    color: #b6c7ef;
    margin-bottom: 1.5rem;
}

.section-media[b-jqicex0sif] {
    display: grid;
    place-items: center;
}

    .section-media img[b-jqicex0sif] {
        width: min(420px, 100%);
        border-radius: 22px;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
        border: 1px solid rgba(108, 242, 255, 0.2);
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

        .section-media img:hover[b-jqicex0sif] {
            transform: translateY(-6px) scale(1.02);
            box-shadow: 0 35px 80px rgba(0, 229, 255, 0.18);
        }

.feature-list[b-jqicex0sif] {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

    .feature-list li[b-jqicex0sif] {
        padding: 0.6rem 0.9rem;
        border-radius: 12px;
        background: rgba(10, 16, 34, 0.75);
        border: 1px solid rgba(110, 226, 255, 0.16);
        box-shadow: inset 0 0 18px rgba(0, 229, 255, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .feature-list li:hover[b-jqicex0sif] {
            transform: translateX(6px);
            box-shadow: 0 15px 35px rgba(0, 229, 255, 0.15);
        }

.focus-grid[b-jqicex0sif] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.2rem;
}

.focus-card[b-jqicex0sif] {
    padding: 1.4rem;
    border-radius: 18px;
    background: rgba(12, 18, 38, 0.7);
    border: 1px solid rgba(110, 226, 255, 0.2);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .focus-card:hover[b-jqicex0sif] {
        transform: translateY(-6px);
        box-shadow: 0 25px 60px rgba(255, 122, 0, 0.25);
    }

.automation-grid[b-jqicex0sif] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.2rem;
}

.automation-card[b-jqicex0sif] {
    padding: 1.4rem;
    border-radius: 16px;
    background: rgba(10, 16, 34, 0.7);
    border: 1px solid rgba(110, 226, 255, 0.2);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .automation-card:hover[b-jqicex0sif] {
        transform: translateY(-5px);
        box-shadow: 0 25px 60px rgba(90, 125, 255, 0.25);
    }

.flow[b-jqicex0sif] {
    padding-bottom: 5rem;
}

.flow-top[b-jqicex0sif]::before {
    content: "";
    position: absolute;
    inset: 12% 6% auto 6%;
    height: 300px;
    background: radial-gradient(circle, rgba(90, 125, 255, 0.2), transparent 70%);
    filter: blur(40px);
    z-index: 0;
}

.flow-diagram-img[b-jqicex0sif] {
    position: relative;
    z-index: 1;
    margin-top: 2.5rem;
    display: grid;
    place-items: center;
}

    .flow-diagram-img img[b-jqicex0sif] {
        width: min(1100px, 100%);
        border-radius: 24px;
        background: rgba(8, 16, 32, 0.55);
        border: 1px solid rgba(110, 226, 255, 0.18);
        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.45), 0 0 80px rgba(0, 229, 255, 0.08);
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

        .flow-diagram-img img:hover[b-jqicex0sif] {
            transform: scale(1.015);
            box-shadow: 0 50px 120px rgba(0, 229, 255, 0.18), 0 0 100px rgba(255, 122, 0, 0.1);
        }

.flow-note[b-jqicex0sif] {
    text-align: center;
    color: #b7caf3;
    margin-top: 2.2rem;
}

@keyframes orbit-b-jqicex0sif {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes float-b-jqicex0sif {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

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

@keyframes pulse-b-jqicex0sif {
    0% {
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4), inset 0 0 18px rgba(0, 229, 255, 0.1);
    }

    50% {
        box-shadow: 0 24px 55px rgba(0, 229, 255, 0.2), inset 0 0 22px rgba(255, 122, 0, 0.12);
    }

    100% {
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4), inset 0 0 18px rgba(0, 229, 255, 0.1);
    }
}

@media (max-width: 1100px) {
    .temu-section[b-jqicex0sif] {
        padding: 4rem 4vw;
    }

    .split[b-jqicex0sif] {
        gap: 2rem;
    }

    .flow-diagram-img img[b-jqicex0sif] {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .temu-hero[b-jqicex0sif] {
        padding: 7rem 4vw 4rem;
        min-height: auto;
    }

    .hero-grid[b-jqicex0sif] {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .hero-text[b-jqicex0sif] {
        text-align: center;
    }

    .hero-brand[b-jqicex0sif] {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-visual[b-jqicex0sif] {
        place-items: center;
        padding-right: 0;
    }

        .hero-visual img[b-jqicex0sif] {
            width: min(380px, 85vw);
        }

    .cta-button[b-jqicex0sif] {
        align-self: center;
    }

    .hero-cta[b-jqicex0sif] {
        align-items: center;
    }

    .split[b-jqicex0sif] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .split.reverse[b-jqicex0sif] {
        direction: ltr;
    }

    .section-text[b-jqicex0sif] {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .section-text h2[b-jqicex0sif] {
        text-align: center;
    }

    .feature-list[b-jqicex0sif] {
        max-width: 100%;
    }

    .section-media[b-jqicex0sif] {
        width: 100%;
    }

    .section-media img[b-jqicex0sif] {
        width: 90vw;
        max-width: 560px;
        border-radius: 18px;
    }

    .focus-grid[b-jqicex0sif] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .automation-grid[b-jqicex0sif] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .temu-section[b-jqicex0sif] {
        padding: 3.5rem 5vw;
    }
}

@media (max-width: 640px) {
    .temu-hero[b-jqicex0sif] {
        padding: 5.5rem 4vw 3rem;
    }

    .hero-text h1[b-jqicex0sif] {
        font-size: clamp(2rem, 8vw, 2.8rem);
    }

    .hero-subtitle[b-jqicex0sif] {
        font-size: 1.1rem;
    }

    .hero-description[b-jqicex0sif] {
        font-size: 0.95rem;
    }

    .eyebrow[b-jqicex0sif] {
        font-size: 0.65rem;
        letter-spacing: 0.2rem;
    }

    .hero-visual img[b-jqicex0sif] {
        width: 90vw;
    }

    .hero-brand img[b-jqicex0sif] {
        width: 34px;
        height: 34px;
    }

    .hero-brand span[b-jqicex0sif] {
        font-size: 0.75rem;
    }

    .cta-button[b-jqicex0sif] {
        padding: 0.8rem 2rem;
        font-size: 0.95rem;
    }

    .temu-section[b-jqicex0sif] {
        padding: 2.5rem 4vw;
    }

    .section-header h2[b-jqicex0sif] {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    .section-text h2[b-jqicex0sif] {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    .section-text p[b-jqicex0sif] {
        font-size: 0.95rem;
    }

    .section-media img[b-jqicex0sif] {
        width: 92vw;
        max-width: 100%;
        border-radius: 14px;
    }

    .feature-list li[b-jqicex0sif] {
        padding: 0.55rem 0.75rem;
        font-size: 0.9rem;
        border-radius: 10px;
    }

    .focus-grid[b-jqicex0sif] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }

    .automation-grid[b-jqicex0sif] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }

    .flow-note[b-jqicex0sif] {
        font-size: 0.85rem;
        padding: 0 2vw;
    }

    .flow-diagram-img img[b-jqicex0sif] {
        border-radius: 14px;
    }

    .data-orbits span[b-jqicex0sif] {
        display: none;
    }

    .split[b-jqicex0sif] {
        gap: 1.5rem;
    }

    .page-bg[b-jqicex0sif] {
        opacity: 0.12;
    }
}

@media (max-width: 400px) {
    .temu-hero[b-jqicex0sif] {
        padding: 4.5rem 3vw 2.5rem;
    }

    .hero-text h1[b-jqicex0sif] {
        font-size: 1.8rem;
    }

    .hero-brand[b-jqicex0sif] {
        padding: 0.4rem 0.75rem;
        gap: 0.6rem;
    }

    .temu-section[b-jqicex0sif] {
        padding: 2rem 3vw;
    }

    .section-media img[b-jqicex0sif] {
        width: 94vw;
        border-radius: 12px;
    }

    .cta-button[b-jqicex0sif] {
        padding: 0.7rem 1.6rem;
        font-size: 0.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-jqicex0sif], *[b-jqicex0sif]::before, *[b-jqicex0sif]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .hero-visual img[b-jqicex0sif] {
        animation: none;
    }
}
/* /Features/Marketing/Components/DemoRequestForm.razor.rz.scp.css */
.demo-form[b-jgqzoui2ok] { color:#202c38; padding:32px; background:#fff; border-radius:8px; box-shadow:0 15px 50px rgba(25,48,70,.07); scroll-margin-top:105px; }
.demo-form h3[b-jgqzoui2ok] { font-size:28px; font-weight:700; line-height:1.15; margin:22px 0 12px; }
.form-intro[b-jgqzoui2ok] { color:#586574; font-size:15px; line-height:1.6; margin:0 0 24px; }
.form-progress[b-jgqzoui2ok] { display:flex; align-items:center; gap:12px; color:#687484; font-size:12px; }.form-progress .current[b-jgqzoui2ok] { color:#2457a6; font-weight:700; }
.form-fields[b-jgqzoui2ok] { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.full[b-jgqzoui2ok] { grid-column:1/-1; }
.form-fields label[b-jgqzoui2ok] { display:block; margin-bottom:6px; font-size:13px; font-weight:700; }.form-fields label span[b-jgqzoui2ok] { font-weight:400; color:#667080; }
.form-fields[b-jgqzoui2ok]  input,.form-fields[b-jgqzoui2ok]  select,.form-fields[b-jgqzoui2ok]  textarea { width:100%; min-height:45px; padding:11px 12px; border:1px solid #c9d2df; border-radius:5px; font:inherit; font-size:15px; color:#202c38; background:white; caret-color:#2457a6; }
.form-fields[b-jgqzoui2ok]  textarea { resize:vertical; min-height:90px; }
.form-fields[b-jgqzoui2ok]  input:focus,.form-fields[b-jgqzoui2ok]  select:focus,.form-fields[b-jgqzoui2ok]  textarea:focus { border-color:#2457a6; outline:2px solid #b9cbee; outline-offset:2px; }
.demo-form[b-jgqzoui2ok]  .validation-message { color:#a52d2d; font-size:12px; margin-top:5px; }.demo-form[b-jgqzoui2ok]  .invalid { border-color:#a52d2d; }
.privacy-check[b-jgqzoui2ok] { display:flex; align-items:start; gap:10px; margin:20px 0 8px; font-size:12px; line-height:1.6; color:#586574; }.privacy-check[b-jgqzoui2ok]  input { width:17px; height:17px; flex-shrink:0; margin-top:2px; accent-color:#2457a6; }
.privacy-check a[b-jgqzoui2ok],.send-error a[b-jgqzoui2ok] { color:#2457a6; text-decoration:underline; text-underline-offset:3px; }
.form-button[b-jgqzoui2ok] { min-height:46px; border:1px solid transparent; border-radius:5px; padding:11px 18px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 160ms ease; }
.primary[b-jgqzoui2ok] { color:white; background:#2457a6; }.secondary[b-jgqzoui2ok] { background:white; border-color:#c9d2df; color:#273b50; }
.demo-form[b-jgqzoui2ok]  form>.primary { width:100%; margin-top:16px; }.form-button:disabled[b-jgqzoui2ok] { opacity:.6; cursor:wait; }.form-button:active:not(:disabled)[b-jgqzoui2ok] { transform:scale(.98); }.form-button:focus-visible[b-jgqzoui2ok],a:focus-visible[b-jgqzoui2ok] { outline:3px solid #2457a6; outline-offset:4px; }
.request-review[b-jgqzoui2ok] { display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px 18px; font-size:14px; margin:25px 0 30px; }.request-review dt[b-jgqzoui2ok] { color:#667080; font-weight:400; }.request-review dd[b-jgqzoui2ok] { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-weight:500; }
.review-actions[b-jgqzoui2ok] { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }.form-note[b-jgqzoui2ok] { margin:15px 0 0; font-size:11px; color:#667080; }
.send-error[b-jgqzoui2ok] { padding:14px; margin:15px 0; background:#fff3ed; color:#8b3826; font-size:13px; border-radius:5px; }.send-error p[b-jgqzoui2ok] { margin:0 0 10px; }.send-error a[b-jgqzoui2ok] { display:inline-flex; align-items:center; gap:8px; }
.request-success[b-jgqzoui2ok] { padding:35px 0; }.request-success[b-jgqzoui2ok]  svg { color:#237255; }.request-success p[b-jgqzoui2ok] { color:#586574; overflow-wrap:anywhere; }.request-success h3[b-jgqzoui2ok] { max-width:400px; }
@media(hover:hover) and (pointer:fine) { .primary:hover[b-jgqzoui2ok] { background:#173e7b; }.secondary:hover[b-jgqzoui2ok] { background:#f3f6fa; } }
@media(max-width:600px) { .demo-form[b-jgqzoui2ok] { padding:24px 18px; }.form-fields[b-jgqzoui2ok] { grid-template-columns:1fr; gap:16px; }.form-fields[b-jgqzoui2ok]  input,.form-fields[b-jgqzoui2ok]  select,.form-fields[b-jgqzoui2ok]  textarea { font-size:16px; }.demo-form h3[b-jgqzoui2ok] { font-size:25px; }.request-review[b-jgqzoui2ok] { grid-template-columns:80px minmax(0,1fr); gap:12px; }.review-actions[b-jgqzoui2ok] { flex-direction:column-reverse; }.review-actions button[b-jgqzoui2ok] { width:100%; } }
@media(prefers-reduced-motion:reduce) { .form-button[b-jgqzoui2ok] { transition:none; }.form-button:active:not(:disabled)[b-jgqzoui2ok] { transform:none; } }
/* /Features/Marketing/Components/PublicHome.razor.rz.scp.css */
@font-face { font-family:"Cabinet Grotesk"; src:url('/fonts/cabinet-grotesk/regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Cabinet Grotesk"; src:url('/fonts/cabinet-grotesk/bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Cabinet Grotesk"; src:url('/fonts/cabinet-grotesk/extrabold.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }
.public-home[b-h5sav615vg] { --ink:#202c38; --muted:#586574; --line:#e0e6ec; --blue:#2457a6; color:var(--ink); background:#fff; font-family:"Cabinet Grotesk",Arial,sans-serif; font-size:16px; line-height:1.6; letter-spacing:0; width:100%; overflow-x:clip; }
.public-home[b-h5sav615vg]  * { box-sizing:border-box; letter-spacing:0; }.public-home[b-h5sav615vg]  ::selection { color:#173c71; background:#dce8fb; }.public-home[b-h5sav615vg]  button,.public-home[b-h5sav615vg]  input,.public-home[b-h5sav615vg]  textarea,.public-home[b-h5sav615vg]  select { font-family:inherit; }
.public-home a[b-h5sav615vg] { color:inherit; text-decoration:none; }.public-home button[b-h5sav615vg] { font-family:inherit; }.public-home h1[b-h5sav615vg],.public-home h2[b-h5sav615vg],.public-home h3[b-h5sav615vg],.public-home p[b-h5sav615vg] { margin-top:0; }.public-home[b-h5sav615vg]  a:focus-visible,.public-home[b-h5sav615vg]  button:focus-visible,.public-home summary:focus-visible[b-h5sav615vg] { outline:3px solid #2457a6; outline-offset:5px; }
.skip-link[b-h5sav615vg] { position:fixed; top:-80px; left:20px; background:white; padding:12px 18px; z-index:2000; }.skip-link:focus[b-h5sav615vg] { top:10px; }
.public-nav[b-h5sav615vg] { position:sticky; top:0; z-index:25; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:76px; padding:12px max(24px,calc((100% - 1280px)/2)); border-bottom:1px solid #e6ebf1; background:#fff; }
.public-brand[b-h5sav615vg] { display:inline-flex; align-items:center; gap:9px; font-size:20px; font-weight:800; white-space:nowrap; }.public-brand img[b-h5sav615vg] { width:160px; height:36px; object-fit:contain; }
.desktop-nav[b-h5sav615vg] { display:flex; gap:28px; font-size:13px; font-weight:500; }.desktop-nav a[b-h5sav615vg] { padding:8px 0; }
.public-nav-actions[b-h5sav615vg] { display:flex; align-items:center; gap:20px; }.customer-access[b-h5sav615vg] { border:0; padding:0; background:transparent; color:#34465a; display:inline-flex; align-items:center; gap:7px; cursor:pointer; font-size:12px; font-weight:700; }.nav-demo[b-h5sav615vg] { display:inline-flex; align-items:center; gap:14px; background:#2457a6; color:#fff!important; border-radius:5px; padding:10px 14px; font-size:12px; font-weight:700; }.mobile-menu-button[b-h5sav615vg],.mobile-nav[b-h5sav615vg] { display:none; }
.public-hero[b-h5sav615vg] { background:#f5f7fa; padding:48px 24px 0; }.hero-intro[b-h5sav615vg] { text-align:center; max-width:1120px; margin:0 auto; }.hero-intro h1[b-h5sav615vg] { color:#202c38; font-size:70px; font-weight:800; line-height:1; margin:0 0 18px; }.brand-period[b-h5sav615vg] { color:#f58220; }.hero-proposition[b-h5sav615vg] { font-size:38px; font-weight:500; line-height:1.15; margin-bottom:17px; text-wrap:balance; }.hero-description[b-h5sav615vg] { font-size:16px; color:#586574; line-height:1.55; margin-bottom:23px; }.hero-actions[b-h5sav615vg] { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }
.public-button[b-h5sav615vg] { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:47px; padding:12px 20px; border-radius:5px; font-size:13px; font-weight:700; transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms ease; }.public-button.primary[b-h5sav615vg] { background:#2457a6; color:#fff; }.text-button[b-h5sav615vg] { background:transparent; color:#34465a; }.public-button:active[b-h5sav615vg] { transform:scale(.98); }
.hero-product[b-h5sav615vg] { max-width:1040px; margin:32px auto 0; box-shadow:0 18px 50px rgba(32,48,74,.09); border-radius:8px 8px 0 0; overflow:hidden; }
.integrations[b-h5sav615vg] { padding:32px 24px 36px; border-bottom:1px solid #e8edf2; text-align:center; }.integrations p[b-h5sav615vg] { font-size:12px; color:#586574; margin-bottom:22px; }.integration-track[b-h5sav615vg] { display:flex; justify-content:center; flex-wrap:wrap; column-gap:56px; row-gap:20px; }.integration-track>span[b-h5sav615vg] { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:700; color:#354354; }.integration-track img[b-h5sav615vg] { object-fit:contain; border-radius:3px; }.integrations>small[b-h5sav615vg] { display:block; margin-top:23px; color:#647084; font-size:10px; }
.section-inner[b-h5sav615vg] { max-width:1280px; margin:0 auto; padding:108px 48px; scroll-margin-top:70px; }.section-heading[b-h5sav615vg] { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:46px; }.public-home h2[b-h5sav615vg] { font-size:45px; font-weight:700; line-height:1.1; text-wrap:balance; margin:0; }.section-heading>p[b-h5sav615vg] { max-width:400px; flex:1; margin:0; color:#586574; font-size:16px; line-height:1.7; }.section-heading h2[b-h5sav615vg] { flex:1; }
.application-layout[b-h5sav615vg] { display:grid; grid-template-columns:285px minmax(0,1fr); gap:36px; align-items:center; }.application-options[b-h5sav615vg] { display:flex; flex-direction:column; align-self:stretch; }.application-option[b-h5sav615vg] { border:0; border-bottom:1px solid #e0e6ec; background:transparent; padding:20px 4px; text-align:left; cursor:pointer; color:#657184; font:inherit; }.application-label[b-h5sav615vg] { display:flex; align-items:center; gap:12px; }.application-label strong[b-h5sav615vg] { flex:1; font-size:17px; font-weight:500; }.application-label[b-h5sav615vg]  svg { width:20px; height:20px; }.application-label[b-h5sav615vg]  svg:last-child { width:16px; height:16px; }.application-description[b-h5sav615vg] { display:none; margin:12px 0 0 32px; font-size:13px; line-height:1.7; color:#586574; }.application-option.active[b-h5sav615vg] { color:#2457a6; }.application-option.active strong[b-h5sav615vg] { font-weight:700; }.application-option.active .application-description[b-h5sav615vg] { display:block; }.application-preview[b-h5sav615vg] { min-width:0; box-shadow:0 14px 50px rgba(32,48,74,.09); border-radius:7px; overflow:hidden; }.application-preview[b-h5sav615vg]  .demo-workspace { grid-template-columns:48px minmax(0,1fr); min-height:340px; }.application-preview[b-h5sav615vg]  .demo-sidebar { padding:12px 3px; }.application-preview[b-h5sav615vg]  .demo-sidebar button { padding:10px; }.application-preview[b-h5sav615vg]  .demo-sidebar button span,.application-preview[b-h5sav615vg]  .demo-sidebar-bottom span { display:none; }.application-preview[b-h5sav615vg]  .demo-sidebar-bottom { padding:10px; }.application-preview[b-h5sav615vg]  .demo-content { padding:22px 18px; }.application-preview[b-h5sav615vg]  .demo-heading h3 { font-size:19px; }
.platform-details[b-h5sav615vg] { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid #e6ebf1; margin-top:45px; padding-top:28px; }.platform-details>span[b-h5sav615vg] { display:flex; align-items:center; gap:8px; color:#586574; font-size:12px; }
.workflow-section[b-h5sav615vg] { background:#eaf3ee; color:#234735; scroll-margin-top:76px; }.workflow-inner[b-h5sav615vg] { display:grid; grid-template-columns:1fr 1fr; gap:110px; max-width:1280px; margin:auto; padding:100px 48px; align-items:start; }.workflow-copy[b-h5sav615vg] { padding:30px 0; }.workflow-copy p[b-h5sav615vg] { color:#466051; font-size:16px; line-height:1.8; margin:25px 0 28px; max-width:430px; }.public-link[b-h5sav615vg] { display:inline-flex; align-items:center; gap:18px; font-size:14px; font-weight:700; padding-bottom:7px; border-bottom:1px solid currentColor; }
.workflow-sequence[b-h5sav615vg] { display:grid; gap:0; }.workflow-item[b-h5sav615vg] { display:grid; grid-template-columns:45px 1fr; gap:20px; padding:35px 0; border-bottom:1px solid #cbded1; }.workflow-item:last-child[b-h5sav615vg] { border-bottom:0; }.workflow-symbol[b-h5sav615vg] { display:grid; place-items:center; width:45px; height:45px; border:1px solid #a8c2b1; border-radius:50%; }.workflow-item h3[b-h5sav615vg] { font-size:24px; font-weight:700; line-height:1.15; margin-bottom:14px; }.workflow-item p[b-h5sav615vg] { font-size:14px; line-height:1.8; color:#466051; max-width:370px; margin-bottom:18px; }.workflow-state[b-h5sav615vg] { display:inline-flex; align-items:center; gap:18px; font-size:11px; font-weight:700; color:#2d684d; }
.websites-section[b-h5sav615vg] { padding-top:110px; padding-bottom:104px; }.website-preview[b-h5sav615vg] { background:#f5e6dc; padding:40px; }.website-preview[b-h5sav615vg]  .product-demo { border-radius:6px; box-shadow:0 10px 35px rgba(79,52,31,.08); overflow:hidden; }.website-preview[b-h5sav615vg]  .demo-workspace { min-height:340px; }.website-preview[b-h5sav615vg]  .site-demo { grid-template-columns:175px minmax(0,1fr); }.website-preview[b-h5sav615vg]  .sample-site-body,.website-preview[b-h5sav615vg]  .sample-site-body>img { min-height:240px; height:240px; }.website-preview[b-h5sav615vg]  .sample-site-body h3 { font-size:38px; }.website-bottom[b-h5sav615vg] { display:flex; justify-content:space-between; align-items:center; gap:35px; margin-top:30px; }.website-bottom p[b-h5sav615vg] { margin:0; font-size:14px; line-height:1.8; color:#586574; }.website-bottom strong[b-h5sav615vg] { color:#263343; font-weight:500; }
.custom-section[b-h5sav615vg] { background:#253344; color:#fff; }.custom-inner[b-h5sav615vg] { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:100px; padding-top:75px; padding-bottom:75px; }.custom-inner h2[b-h5sav615vg] { font-size:35px; }.custom-inner p[b-h5sav615vg] { color:#d3deea; font-size:15px; line-height:1.8; margin-bottom:22px; }
.demo-section[b-h5sav615vg] { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:start; padding-top:110px; padding-bottom:90px; }.demo-section-copy[b-h5sav615vg] { padding-top:30px; }.demo-section-copy h2[b-h5sav615vg] { font-size:53px; }.demo-section-copy>p[b-h5sav615vg] { color:#586574; margin:25px 0 30px; line-height:1.8; max-width:340px; }.demo-section-copy ul[b-h5sav615vg] { padding:0; list-style:none; display:grid; gap:16px; margin-bottom:35px; }.demo-section-copy li[b-h5sav615vg] { display:flex; align-items:center; gap:10px; font-size:13px; color:#586574; }.demo-section-copy li[b-h5sav615vg]  svg { width:18px; height:18px; color:#337157; }.demo-section-copy>a[b-h5sav615vg] { display:inline-flex; align-items:center; gap:10px; color:#2457a6; font-size:15px; font-weight:700; }
.faq-section[b-h5sav615vg] { display:grid; grid-template-columns:1fr 1.5fr; gap:80px; border-top:1px solid #e6ebf1; padding-top:80px; padding-bottom:90px; }.faq-section h2[b-h5sav615vg] { font-size:34px; }.faq-list details[b-h5sav615vg] { border-bottom:1px solid #dfe5ed; padding:20px 0; }.faq-list summary[b-h5sav615vg] { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-size:16px; font-weight:500; }.faq-list summary[b-h5sav615vg]::-webkit-details-marker { display:none; }.faq-list details[open] summary[b-h5sav615vg]  svg { transform:rotate(45deg); }.faq-list details p[b-h5sav615vg] { color:#586574; font-size:14px; line-height:1.8; margin:17px 35px 2px 0; }
.public-footer[b-h5sav615vg] { background:#f5f7fa; padding:40px max(24px,calc((100% - 1184px)/2)); }.footer-top[b-h5sav615vg] { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-bottom:30px; }.footer-top p[b-h5sav615vg] { margin:0; color:#586574; font-size:13px; }.footer-top>a:last-child[b-h5sav615vg] { display:inline-flex; align-items:center; gap:18px; font-size:13px; font-weight:700; color:#2457a6; }.footer-bottom[b-h5sav615vg] { display:flex; justify-content:space-between; gap:25px; border-top:1px solid #dfe5ed; padding-top:25px; font-size:11px; color:#586574; }.footer-bottom nav[b-h5sav615vg] { display:flex; gap:25px; }
@media(hover:hover) and (pointer:fine) { .desktop-nav a:hover[b-h5sav615vg],.customer-access:hover[b-h5sav615vg],.footer-bottom a:hover[b-h5sav615vg] { color:#2457a6; text-decoration:underline; text-underline-offset:5px; }.public-button.primary:hover[b-h5sav615vg],.nav-demo:hover[b-h5sav615vg] { background:#173e7b; }.application-option:hover[b-h5sav615vg] { color:#2457a6; }.public-link:hover[b-h5sav615vg] { gap:23px; } }
@media(min-width:851px) { .public-hero[b-h5sav615vg] { padding-top:32px; }.hero-intro h1[b-h5sav615vg] { font-size:56px; margin-bottom:12px; }.hero-proposition[b-h5sav615vg] { font-size:32px; margin-bottom:13px; }.hero-description[b-h5sav615vg] { font-size:15px; margin-bottom:20px; }.hero-product[b-h5sav615vg] { margin-top:26px; }.hero-product[b-h5sav615vg]  .demo-toolbar { height:40px; }.hero-product[b-h5sav615vg]  .demo-content { padding:16px 24px; }.hero-product[b-h5sav615vg]  .demo-heading { margin-bottom:12px; }.hero-product[b-h5sav615vg]  .demo-heading h3 { font-size:19px; }.hero-product[b-h5sav615vg]  .demo-orders tr:nth-child(3),.hero-product[b-h5sav615vg]  .demo-bottom-line { display:none; }.hero-product[b-h5sav615vg]  .demo-orders td { padding-block:8px; }.hero-product[b-h5sav615vg]  .demo-orders td img,.hero-product[b-h5sav615vg]  .product-icon { height:32px; width:32px; }.hero-product[b-h5sav615vg]  .demo-workspace { min-height:238px; } }
@media(max-width:1100px) { .desktop-nav[b-h5sav615vg] { gap:17px; font-size:12px; }.public-nav[b-h5sav615vg] { padding-inline:24px; gap:20px; }.public-nav-actions[b-h5sav615vg] { gap:15px; }.customer-access[b-h5sav615vg] { font-size:11px; }.section-inner[b-h5sav615vg] { padding-inline:32px; }.workflow-inner[b-h5sav615vg] { gap:55px; padding-inline:32px; }.application-layout[b-h5sav615vg] { grid-template-columns:240px minmax(0,1fr); gap:25px; }.demo-section[b-h5sav615vg] { gap:50px; }.custom-inner[b-h5sav615vg] { gap:50px; }.website-preview[b-h5sav615vg] { padding:25px; }.website-preview[b-h5sav615vg]  .demo-sidebar { display:none; }.website-preview[b-h5sav615vg]  .demo-workspace { grid-template-columns:1fr; }.website-preview[b-h5sav615vg]  .sample-site-body h3 { font-size:32px; }.public-home h2[b-h5sav615vg] { font-size:39px; }.hero-intro h1[b-h5sav615vg] { font-size:65px; } }
@media(max-width:850px) { .desktop-nav[b-h5sav615vg] { display:none; }.public-nav[b-h5sav615vg] { min-height:68px; }.hero-intro h1[b-h5sav615vg] { font-size:58px; }.hero-proposition[b-h5sav615vg] { font-size:32px; }.public-hero[b-h5sav615vg] { padding-top:40px; }.hero-product[b-h5sav615vg] { margin-top:28px; }.section-heading[b-h5sav615vg] { align-items:start; gap:25px; }.section-inner[b-h5sav615vg] { padding-top:75px; padding-bottom:75px; }.public-home h2[b-h5sav615vg] { font-size:34px; }.section-heading>p[b-h5sav615vg] { font-size:14px; }.application-layout[b-h5sav615vg] { grid-template-columns:1fr; gap:25px; }.application-options[b-h5sav615vg] { display:grid; grid-template-columns:1fr 1fr; }.application-option[b-h5sav615vg] { padding:18px 12px; }.application-description[b-h5sav615vg] { display:block; margin-left:0; }.application-preview[b-h5sav615vg]  .demo-workspace { min-height:320px; }.workflow-inner[b-h5sav615vg] { gap:35px; padding-top:65px; padding-bottom:65px; }.workflow-item[b-h5sav615vg] { grid-template-columns:35px 1fr; gap:15px; }.workflow-symbol[b-h5sav615vg] { width:35px; height:35px; }.workflow-item h3[b-h5sav615vg] { font-size:21px; }.website-preview[b-h5sav615vg]  .site-demo { grid-template-columns:140px minmax(0,1fr); }.website-preview[b-h5sav615vg]  .sample-site-body h3 { font-size:30px; }.demo-section[b-h5sav615vg] { grid-template-columns:1fr; gap:30px; }.demo-section-copy[b-h5sav615vg] { padding:0; }.demo-section-copy>p[b-h5sav615vg] { max-width:540px; }.demo-section-copy ul[b-h5sav615vg] { margin-bottom:23px; }.faq-section[b-h5sav615vg] { grid-template-columns:1fr; gap:25px; }.custom-inner[b-h5sav615vg] { grid-template-columns:1fr; gap:25px; }.footer-top[b-h5sav615vg] { flex-wrap:wrap; }.footer-top p[b-h5sav615vg] { display:none; } }
@media(max-width:600px) { .public-nav[b-h5sav615vg] { padding:10px 18px; min-height:64px; }.public-brand[b-h5sav615vg] { font-size:16px; gap:7px; }.public-brand img[b-h5sav615vg] { width:27px; height:27px; }.nav-demo[b-h5sav615vg] { display:none; }.customer-access[b-h5sav615vg] { font-size:11px; }.customer-access[b-h5sav615vg]  svg { display:none; }.public-nav-actions[b-h5sav615vg] { gap:14px; }.mobile-menu-button[b-h5sav615vg] { display:grid; place-items:center; border:0; padding:5px; background:transparent; color:#263343; }.mobile-nav[b-h5sav615vg] { position:absolute; display:grid; top:100%; left:0; right:0; padding:10px 20px 20px; border-bottom:1px solid #dfe5ed; background:white; box-shadow:0 10px 20px rgba(32,48,74,.05); }.mobile-nav a[b-h5sav615vg] { padding:10px; font-size:15px; }.public-hero[b-h5sav615vg] { padding:34px 15px 0; }.hero-intro h1[b-h5sav615vg] { font-size:46px; margin-bottom:17px; }.hero-proposition[b-h5sav615vg] { font-size:27px; line-height:1.18; margin-bottom:16px; }.hero-description[b-h5sav615vg] { font-size:14px; padding:0 10px; margin-bottom:20px; }.desktop-break[b-h5sav615vg] { display:none; }.hero-actions[b-h5sav615vg] { gap:8px; }.public-button[b-h5sav615vg] { min-height:44px; padding:11px 13px; font-size:12px; gap:8px; }.hero-product[b-h5sav615vg] { margin-top:25px; }.hero-product[b-h5sav615vg]  .demo-content { padding:16px 12px; }.hero-product[b-h5sav615vg]  .demo-heading { margin-bottom:15px; }.hero-product[b-h5sav615vg]  .demo-heading h3 { font-size:17px; }.hero-product[b-h5sav615vg]  .demo-workspace { min-height:270px; }.hero-product[b-h5sav615vg]  .demo-orders td { padding-top:8px; padding-bottom:8px; }.hero-product[b-h5sav615vg]  .demo-toolbar { height:40px; }.hero-product[b-h5sav615vg]  .demo-orders td img,.hero-product[b-h5sav615vg]  .product-icon { height:32px; width:32px; }.hero-product[b-h5sav615vg]  .demo-bottom-line { margin-top:9px; font-size:9px; }.integrations[b-h5sav615vg] { padding:26px 20px; }.integration-track[b-h5sav615vg] { column-gap:24px; row-gap:15px; }.integration-track>span[b-h5sav615vg] { font-size:14px; gap:7px; }.integration-track img[b-h5sav615vg] { width:22px; height:22px; }.integrations p[b-h5sav615vg] { font-size:11px; margin-bottom:18px; }.integrations>small[b-h5sav615vg] { margin-top:20px; font-size:10px; }.section-inner[b-h5sav615vg] { padding:64px 22px; }.public-home h2[b-h5sav615vg] { font-size:32px; }.section-heading[b-h5sav615vg] { flex-direction:column; gap:20px; margin-bottom:28px; }.section-heading>p[b-h5sav615vg] { max-width:100%; font-size:15px; }.application-options[b-h5sav615vg] { grid-template-columns:1fr; }.application-option[b-h5sav615vg] { padding:17px 0; }.application-description[b-h5sav615vg] { display:none; margin-left:32px; }.application-option.active .application-description[b-h5sav615vg] { display:block; }.application-label strong[b-h5sav615vg] { font-size:17px; }.application-preview[b-h5sav615vg]  .demo-workspace { min-height:310px; }.platform-details[b-h5sav615vg] { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px; padding-top:22px; }.platform-details>span[b-h5sav615vg] { font-size:10px; gap:6px; }.workflow-inner[b-h5sav615vg] { grid-template-columns:1fr; gap:15px; padding:60px 22px; }.workflow-copy[b-h5sav615vg] { padding:0; }.workflow-copy p[b-h5sav615vg] { font-size:15px; margin:23px 0; }.workflow-item[b-h5sav615vg] { padding:28px 0; grid-template-columns:35px 1fr; gap:17px; }.workflow-item h3[b-h5sav615vg] { font-size:23px; }.workflow-item p[b-h5sav615vg] { font-size:14px; }.website-preview[b-h5sav615vg] { padding:14px; margin-inline:-8px; }.website-preview[b-h5sav615vg]  .demo-content { padding:18px 12px; }.website-preview[b-h5sav615vg]  .site-demo { grid-template-columns:1fr; }.website-preview[b-h5sav615vg]  .sample-site-body,.website-preview[b-h5sav615vg]  .sample-site-body>img { min-height:190px; height:190px; }.website-preview[b-h5sav615vg]  .sample-site-body h3 { font-size:26px; }.website-bottom[b-h5sav615vg] { flex-direction:column; align-items:start; gap:22px; }.website-bottom p[b-h5sav615vg] { font-size:14px; }.custom-inner[b-h5sav615vg] { padding-block:55px; }.custom-inner h2[b-h5sav615vg] { font-size:30px; }.demo-section-copy h2[b-h5sav615vg] { font-size:38px; }.demo-section-copy>p[b-h5sav615vg] { font-size:15px; }.faq-section[b-h5sav615vg] { padding-block:55px; }.faq-list summary[b-h5sav615vg] { font-size:15px; }.public-footer[b-h5sav615vg] { padding:30px 22px; }.footer-top[b-h5sav615vg] { gap:20px; padding-bottom:24px; }.footer-top>a:last-child[b-h5sav615vg] { font-size:12px; }.footer-bottom[b-h5sav615vg] { flex-direction:column; gap:17px; padding-top:22px; }.footer-bottom nav[b-h5sav615vg] { flex-wrap:wrap; gap:22px; } }
@media(prefers-reduced-motion:reduce) { .public-home[b-h5sav615vg]  * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }.public-button:active[b-h5sav615vg] { transform:none; } }
@media(max-width:600px) { .public-brand img[b-h5sav615vg] { width:132px; height:30px; } }
@media(min-width:601px) and (max-width:850px) {
    .mobile-menu-button[b-h5sav615vg] { display:grid; place-items:center; border:0; padding:5px; background:transparent; color:#263343; cursor:pointer; }
    .mobile-nav[b-h5sav615vg] { position:absolute; display:grid; top:100%; left:0; right:0; padding:10px 24px 20px; border-bottom:1px solid #dfe5ed; background:#fff; box-shadow:0 10px 20px rgba(32,48,74,.05); }
    .mobile-nav a[b-h5sav615vg] { padding:10px; font-size:15px; }
}
/* H1 = marca + propuesta; mismo aspecto que antes (h1 70px + p 38px) */
.hero-intro h1[b-h5sav615vg] { margin-bottom:17px; }.hero-brand[b-h5sav615vg] { display:block; margin-bottom:18px; }.hero-intro h1 .hero-proposition[b-h5sav615vg] { display:block; margin-bottom:0; color:var(--ink); }
@media(min-width:851px) { .hero-intro h1[b-h5sav615vg] { margin-bottom:13px; }.hero-brand[b-h5sav615vg] { margin-bottom:12px; } }
@media(max-width:600px) { .hero-intro h1[b-h5sav615vg] { margin-bottom:16px; }.hero-brand[b-h5sav615vg] { margin-bottom:17px; } }
/* /Features/Marketing/Components/PublicProductDemo.razor.rz.scp.css */
.product-demo[b-wrb99fbqu7] { width:100%; color:#263343; background:#fff; text-align:left; font:14px/1.5 "Cabinet Grotesk",Arial,sans-serif; }
.demo-toolbar[b-wrb99fbqu7] { display:flex; align-items:center; gap:16px; height:50px; padding:0 22px; border-bottom:1px solid #e5e9ef; }
.demo-brand[b-wrb99fbqu7] { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:800; }
.demo-brand img[b-wrb99fbqu7] { object-fit:contain; width:95px; height:22px; }
.demo-caption[b-wrb99fbqu7] { margin-left:auto; color:#667080; font-size:11px; }
.demo-avatar[b-wrb99fbqu7] { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#edf2fc; color:#2457a6; font-size:12px; font-weight:700; }
.demo-workspace[b-wrb99fbqu7] { display:grid; grid-template-columns:166px minmax(0,1fr); min-height:294px; }
.demo-sidebar[b-wrb99fbqu7] { display:flex; flex-direction:column; padding:18px 10px; gap:5px; background:#f8f9fb; border-right:1px solid #e5e9ef; }
.demo-sidebar button[b-wrb99fbqu7],.demo-sidebar-bottom[b-wrb99fbqu7] { display:flex; align-items:center; gap:9px; padding:10px; color:#526072; font:inherit; font-size:12px; white-space:nowrap; }
.demo-sidebar button[b-wrb99fbqu7] { border:0; background:transparent; text-align:left; cursor:pointer; border-radius:5px; }
.demo-sidebar button.selected[b-wrb99fbqu7] { color:#2457a6; background:#e8effb; font-weight:700; }
.demo-sidebar-bottom[b-wrb99fbqu7] { margin-top:auto; font-size:11px; }
.demo-content[b-wrb99fbqu7] { padding:24px 28px 18px; min-width:0; }
.demo-heading[b-wrb99fbqu7] { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:22px; }
.demo-heading div>span[b-wrb99fbqu7] { font-size:10px; color:#637085; }
.demo-heading h3[b-wrb99fbqu7] { margin:4px 0 0; font-size:21px; line-height:1.2; color:#25333f; font-weight:700; }
.demo-status[b-wrb99fbqu7] { font-size:10px; color:#23604c; background:#edf8f2; padding:5px 8px; white-space:nowrap; border-radius:4px; }
.demo-table-wrap[b-wrb99fbqu7] { overflow:auto; }
.demo-orders[b-wrb99fbqu7] { width:100%; border-collapse:collapse; font-size:12px; }
.demo-orders th[b-wrb99fbqu7] { font-size:10px; text-align:left; font-weight:500; color:#667080; padding:0 0 10px; }
.demo-orders td[b-wrb99fbqu7] { border-top:1px solid #edf0f4; padding:10px 8px 10px 0; white-space:nowrap; }
.demo-orders td:first-child[b-wrb99fbqu7] { display:flex; align-items:center; gap:10px; }
.demo-orders td img[b-wrb99fbqu7] { object-fit:cover; border-radius:4px; }
.demo-orders td small[b-wrb99fbqu7] { display:block; color:#667080; font-size:9px; }
.product-icon[b-wrb99fbqu7] { display:grid; place-items:center; background:#f1f3f6; border-radius:4px; width:42px; height:42px; }
.order-state[b-wrb99fbqu7] { font-size:10px; border-radius:4px; padding:4px 7px; }
.ready[b-wrb99fbqu7] { background:#edf8f1; color:#23604c; }.pending[b-wrb99fbqu7] { background:#fff4e8; color:#8b541c; }
.demo-bottom-line[b-wrb99fbqu7] { display:flex; align-items:center; gap:7px; color:#50725e; margin-top:15px; font-size:11px; }
.flow-example[b-wrb99fbqu7] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:20px 0 30px; }
.flow-node[b-wrb99fbqu7] { position:relative; display:grid; justify-items:start; align-content:start; gap:8px; min-height:100px; border-top:2px solid #dce4e1; padding-top:15px; }
.flow-node:not(:last-child)[b-wrb99fbqu7]::after { content:""; position:absolute; right:-20px; top:-2px; width:20px; height:2px; background:#dce4e1; }
.flow-node[b-wrb99fbqu7]  svg { color:#557363; width:24px; height:24px; }
.flow-node strong[b-wrb99fbqu7] { font-size:13px; }.flow-node small[b-wrb99fbqu7] { font-size:10px; color:#667080; }
.flow-complete .flow-node[b-wrb99fbqu7] { border-color:#2d8768; }.flow-complete .flow-node[b-wrb99fbqu7]::after { background:#2d8768; }
.flow-footer[b-wrb99fbqu7] { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid #e8edea; padding-top:17px; }
.flow-footer>span[b-wrb99fbqu7] { font-size:11px; color:#576c60; }
.flow-footer button[b-wrb99fbqu7] { display:flex; align-items:center; gap:5px; border:0; color:#fff; background:#2457a6; padding:8px 12px; border-radius:4px; font:inherit; font-size:11px; cursor:pointer; white-space:nowrap; }
.audit-list[b-wrb99fbqu7] { display:grid; gap:0; }.audit-list>div[b-wrb99fbqu7] { display:flex; align-items:center; gap:12px; border-top:1px solid #edf0f4; padding:15px 0; }.audit-list small[b-wrb99fbqu7] { margin-left:auto; font-size:10px; color:#667080; }.audit-list[b-wrb99fbqu7]  svg { color:#2e745b; }
.site-demo[b-wrb99fbqu7] { display:grid; grid-template-columns:160px minmax(0,1fr); gap:22px; }
.site-editor[b-wrb99fbqu7] { display:flex; flex-direction:column; gap:18px; }.site-editor>span:first-child[b-wrb99fbqu7] { font-weight:700; font-size:15px; }
.site-editor label[b-wrb99fbqu7] { display:flex; flex-direction:column; gap:6px; font-size:11px; }
.site-editor input[b-wrb99fbqu7] { width:100%; padding:9px; border:1px solid #ccd4df; border-radius:4px; background:#fff; color:#263343; font:inherit; }
.site-editor fieldset[b-wrb99fbqu7] { border:0; padding:0; margin:0; }.site-editor legend[b-wrb99fbqu7] { float:none; margin:0 0 8px; font-size:11px; }
.site-swatches[b-wrb99fbqu7] { display:flex; gap:8px; }.site-swatches button[b-wrb99fbqu7] { display:grid; place-items:center; width:28px; height:28px; padding:0; border:2px solid transparent; border-radius:50%; color:white; cursor:pointer; }.site-swatches button.active[b-wrb99fbqu7] { outline:1px solid #263343; outline-offset:3px; }
.site-editor-note[b-wrb99fbqu7] { display:flex; gap:5px; font-size:10px; color:#667080; align-items:center; }
.sample-site[b-wrb99fbqu7] { position:relative; background:#f6f4ee; color:#2c352b; overflow:hidden; border-radius:5px; }
.sample-site-nav[b-wrb99fbqu7] { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:13px 17px; border-bottom:1px solid #e5e5dd; font-size:10px; }.sample-site-nav span[b-wrb99fbqu7] { display:flex; align-items:center; gap:15px; }.sample-site-nav strong[b-wrb99fbqu7] { font-size:12px; }
.sample-site-body[b-wrb99fbqu7] { display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:210px; }.sample-site-body>div[b-wrb99fbqu7] { padding:15px 0 15px 20px; }.sample-site-body>img[b-wrb99fbqu7] { width:100%; height:210px; object-fit:cover; }.sample-site-body>div>span:first-child[b-wrb99fbqu7] { font-size:9px; }.sample-site-body h3[b-wrb99fbqu7] { font-size:31px; line-height:1.05; margin:12px 0 20px; overflow-wrap:anywhere; }
.sample-site-cta[b-wrb99fbqu7] { display:inline-flex; align-items:center; gap:7px; background:var(--site-color); padding:8px 10px; color:#fff; border-radius:3px; font-size:9px; }.sample-site-label[b-wrb99fbqu7] { display:block; padding:5px 17px; font-size:9px; color:#63695f; }
button:focus-visible[b-wrb99fbqu7],input:focus-visible[b-wrb99fbqu7] { outline:3px solid #2457a6; outline-offset:3px; }
@media (hover:hover) and (pointer:fine) { .demo-sidebar button:hover[b-wrb99fbqu7] { background:#e8effb; }.flow-footer button:hover[b-wrb99fbqu7] { background:#173e7b; } }
@media(max-width:700px) { .demo-workspace[b-wrb99fbqu7] { grid-template-columns:48px minmax(0,1fr); }.demo-sidebar[b-wrb99fbqu7] { padding:12px 3px; }.demo-sidebar button[b-wrb99fbqu7] { padding:10px; }.demo-sidebar button span[b-wrb99fbqu7],.demo-sidebar-bottom span[b-wrb99fbqu7] { display:none; }.demo-sidebar-bottom[b-wrb99fbqu7] { padding:10px; }.demo-content[b-wrb99fbqu7] { padding:18px 15px; }.demo-heading h3[b-wrb99fbqu7] { font-size:18px; }.demo-heading[b-wrb99fbqu7] { align-items:start; gap:10px; }.demo-status[b-wrb99fbqu7] { display:none; }.demo-toolbar[b-wrb99fbqu7] { padding:0 12px; }.demo-caption[b-wrb99fbqu7] { font-size:9px; }.demo-brand[b-wrb99fbqu7] { font-size:11px; }.demo-avatar[b-wrb99fbqu7] { display:none; }.demo-orders[b-wrb99fbqu7] { min-width:480px; }.flow-example[b-wrb99fbqu7] { grid-template-columns:1fr 1fr; gap:12px; padding:5px 0 20px; }.flow-node[b-wrb99fbqu7] { min-height:80px; }.flow-node[b-wrb99fbqu7]::after { display:none; }.flow-footer[b-wrb99fbqu7] { flex-wrap:wrap; }.site-demo[b-wrb99fbqu7] { grid-template-columns:1fr; gap:18px; }.site-editor[b-wrb99fbqu7] { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:12px; }.site-editor>span:first-child[b-wrb99fbqu7],.site-editor-note[b-wrb99fbqu7] { display:none; }.site-editor input[b-wrb99fbqu7] { font-size:16px; }.site-editor fieldset[b-wrb99fbqu7] { align-self:end; }.sample-site-body h3[b-wrb99fbqu7] { font-size:27px; }.audit-list>div[b-wrb99fbqu7] { flex-wrap:wrap; }.audit-list small[b-wrb99fbqu7] { margin-left:36px; width:100%; }.sample-site-body[b-wrb99fbqu7] { min-height:180px; }.sample-site-body>img[b-wrb99fbqu7] { height:180px; } }
/* /Features/Marketing/Components/SuccessStories.razor.rz.scp.css */
.success-stories[b-br1xowtqyj] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 48px;
}

.success-stories h2[b-br1xowtqyj] {
    margin: 0 0 35px;
    font-size: 38px;
    line-height: 1.15;
}

.success-stories-grid[b-br1xowtqyj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 28px;
}

.success-stories article[b-br1xowtqyj] {
    padding-top: 22px;
    border-top: 1px solid #dfe5ed;
}

.success-stories h3[b-br1xowtqyj] { font-size: 22px; }
.success-stories p[b-br1xowtqyj] { color: #586574; line-height: 1.8; }
.success-stories a[b-br1xowtqyj] { color: #2457a6; text-underline-offset: 4px; }

@media (max-width: 600px) {
    .success-stories[b-br1xowtqyj] { padding: 55px 22px; }
    .success-stories h2[b-br1xowtqyj] { font-size: 30px; }
}
/* /Features/Operaciones/Components/Calendario/OpPeriodNav.razor.rz.scp.css */
.nav[b-szsf5xi0ry] { display: inline-flex; align-items: center; gap: 4px; padding: 3px; border-radius: 11px; background: #eceff5; }
.nav button[b-szsf5xi0ry] { height: 32px; border: 0; border-radius: 8px; background: transparent; color: #101828; font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background-color 160ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-tap-highlight-color: transparent; }
.nav-btn[b-szsf5xi0ry] { width: 32px; }
.nav-today[b-szsf5xi0ry] { padding: 0 14px; }
.nav button:active[b-szsf5xi0ry] { transform: scale(.94); }
.nav button:focus-visible[b-szsf5xi0ry] { outline: 2px solid #0968e8; outline-offset: 1px; }
.nav[b-szsf5xi0ry]  .mud-icon-root { font-size: 1.25rem; }
@media (hover: hover) and (pointer: fine) { .nav button:hover[b-szsf5xi0ry] { background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .1); } }
@media (prefers-reduced-motion: reduce) { .nav button:active[b-szsf5xi0ry] { transform: none; } }
/* /Features/Operaciones/Components/Calendario/OpSegmentedControl.razor.rz.scp.css */
.seg[b-doratesfqp] { position: relative; display: inline-grid; grid-template-columns: repeat(var(--n), minmax(64px, 1fr)); padding: 3px; border-radius: 11px; background: #eceff5; isolation: isolate; }
.seg-thumb[b-doratesfqp] {
    position: absolute; z-index: 0; top: 3px; bottom: 3px; left: 3px;
    width: calc((100% - 6px) / var(--n)); border-radius: 8px; background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .12), 0 0 0 .5px rgba(15, 23, 42, .06);
    transform: translateX(calc(var(--i) * 100%));
    transition: transform 280ms cubic-bezier(0.77, 0, 0.175, 1);
}
.seg-item[b-doratesfqp] {
    position: relative; z-index: 1; height: 32px; padding: 0 14px; border: 0; border-radius: 8px; background: transparent;
    color: #5b6678; font: inherit; font-size: .84rem; font-weight: 650; cursor: pointer;
    transition: color 200ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-tap-highlight-color: transparent;
}
.seg-item.active[b-doratesfqp] { color: #101828; }
.seg-item:active[b-doratesfqp] { transform: scale(0.96); }
.seg-item:focus-visible[b-doratesfqp] { outline: 2px solid #0968e8; outline-offset: 1px; }
@media (hover: hover) and (pointer: fine) { .seg-item:not(.active):hover[b-doratesfqp] { color: #101828; } }
@media (prefers-reduced-motion: reduce) { .seg-thumb[b-doratesfqp] { transition: none; } .seg-item:active[b-doratesfqp] { transform: none; } }
/* /Features/Operaciones/Components/Calendario/OpTypeChips.razor.rz.scp.css */
.chips[b-nn1ogg92a1] { display: flex; flex-wrap: wrap; gap: 6px; }
.chip[b-nn1ogg92a1] {
    display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 12px 0 10px; border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--chip) 28%, white); background: color-mix(in srgb, var(--chip) 14%, white);
    color: color-mix(in srgb, var(--chip) 62%, #0f172a); font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer;
    transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms ease, border-color 200ms ease, color 200ms ease, opacity 200ms ease;
}
.chip-dot[b-nn1ogg92a1] { width: 8px; height: 8px; border-radius: 50%; background: var(--chip); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms ease; }
.chip:active[b-nn1ogg92a1] { transform: scale(0.96); }
.chip.off[b-nn1ogg92a1] { background: #f4f6fa; border-color: #e3e8f0; color: #8793a5; }
.chip.off .chip-dot[b-nn1ogg92a1] { background: #c3ccd9; transform: scale(.75); }
.chip:focus-visible[b-nn1ogg92a1] { outline: 2px solid #0968e8; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .chip:hover[b-nn1ogg92a1] { border-color: color-mix(in srgb, var(--chip) 55%, white); } .chip.off:hover[b-nn1ogg92a1] { color: #475569; } }
@media (prefers-reduced-motion: reduce) { .chip[b-nn1ogg92a1], .chip-dot[b-nn1ogg92a1] { transition: background-color 150ms ease, color 150ms ease; } .chip:active[b-nn1ogg92a1] { transform: none; } }
/* /Features/Operaciones/Components/Calendario/ParteCalendario.razor.rz.scp.css */
/* ---------- Stage + semantic-zoom transitions ---------- */
.pc-stage[b-dibe4t1zis] { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
@media (max-width: 1240px) { .pc-stage[b-dibe4t1zis] { min-height: 560px; } }
.pc-view[b-dibe4t1zis] { position: absolute; inset: 0; overflow: auto; transform-origin: var(--zx, 50%) var(--zy, 40%); scrollbar-gutter: stable; }
.pc-view.leaving[b-dibe4t1zis] { z-index: 0; pointer-events: none; }
.pc-view.entering[b-dibe4t1zis] { z-index: 1; }
.pc-stage[aria-busy="true"] .pc-view.entering[b-dibe4t1zis] { opacity: .72; transition: opacity 160ms ease; }

.enter-initial[b-dibe4t1zis] { animation: pc-initial-b-dibe4t1zis 320ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.enter-zoom-in[b-dibe4t1zis] { animation: pc-zoom-in-enter-b-dibe4t1zis 340ms cubic-bezier(0.23, 1, 0.32, 1) 40ms both; }
.leave-zoom-in[b-dibe4t1zis] { animation: pc-zoom-in-leave-b-dibe4t1zis 220ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.enter-zoom-out[b-dibe4t1zis] { animation: pc-zoom-out-enter-b-dibe4t1zis 340ms cubic-bezier(0.23, 1, 0.32, 1) 40ms both; }
.leave-zoom-out[b-dibe4t1zis] { animation: pc-zoom-out-leave-b-dibe4t1zis 220ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.enter-next[b-dibe4t1zis] { animation: pc-next-enter-b-dibe4t1zis 300ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.leave-next[b-dibe4t1zis] { animation: pc-next-leave-b-dibe4t1zis 180ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.enter-prev[b-dibe4t1zis] { animation: pc-prev-enter-b-dibe4t1zis 300ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.leave-prev[b-dibe4t1zis] { animation: pc-prev-leave-b-dibe4t1zis 180ms cubic-bezier(0.23, 1, 0.32, 1) both; }

@keyframes pc-initial-b-dibe4t1zis { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes pc-zoom-in-enter-b-dibe4t1zis { from { opacity: 0; transform: scale(.78); } to { opacity: 1; transform: none; } }
@keyframes pc-zoom-in-leave-b-dibe4t1zis { from { opacity: 1; transform: none; } to { opacity: 0; transform: scale(1.3); } }
@keyframes pc-zoom-out-enter-b-dibe4t1zis { from { opacity: 0; transform: scale(1.22); } to { opacity: 1; transform: none; } }
@keyframes pc-zoom-out-leave-b-dibe4t1zis { from { opacity: 1; transform: none; } to { opacity: 0; transform: scale(.8); } }
@keyframes pc-next-enter-b-dibe4t1zis { from { opacity: 0; transform: translateX(36px); } to { opacity: 1; transform: none; } }
@keyframes pc-next-leave-b-dibe4t1zis { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateX(-36px); } }
@keyframes pc-prev-enter-b-dibe4t1zis { from { opacity: 0; transform: translateX(-36px); } to { opacity: 1; transform: none; } }
@keyframes pc-prev-leave-b-dibe4t1zis { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateX(36px); } }
@keyframes pc-fade-in-b-dibe4t1zis { from { opacity: 0; } to { opacity: 1; } }
@keyframes pc-fade-out-b-dibe4t1zis { from { opacity: 1; } to { opacity: 0; } }
@keyframes pc-rise-b-dibe4t1zis { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes pc-grow-x-b-dibe4t1zis { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes pc-ring-b-dibe4t1zis { from { stroke-dashoffset: var(--len); } to { stroke-dashoffset: var(--off); } }

/* ---------- Heat levels (shared) ---------- */
.l1[b-dibe4t1zis] { --heat: #dbe8ff; --heat-ink: #1e3a8a; }
.l2[b-dibe4t1zis] { --heat: #a8c9ff; --heat-ink: #1e3a8a; }
.l3[b-dibe4t1zis] { --heat: #3b82f6; --heat-ink: #fff; }
.l4[b-dibe4t1zis] { --heat: #f59e42; --heat-ink: #fff; }

/* ---------- Year ---------- */
.py[b-dibe4t1zis] { height: 100%; min-height: 540px; padding: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 12px; box-sizing: border-box; }
.py-month[b-dibe4t1zis] {
    display: flex; flex-direction: column; gap: 8px; padding: 12px 12px 10px; border: 1px solid #e6eaf2; border-radius: 14px; background: #fff;
    text-align: left; font: inherit; color: #101828; cursor: pointer; min-width: 0;
    transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 200ms ease, border-color 200ms ease;
}
.py-month.current[b-dibe4t1zis] { border-color: #b9d2ff; background: linear-gradient(180deg, #f4f8ff, #fff 60%); }
.py-month:active[b-dibe4t1zis] { transform: scale(.985); }
.py-month:focus-visible[b-dibe4t1zis] { outline: 2px solid #0968e8; outline-offset: 2px; }
.py-head[b-dibe4t1zis] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.py-head strong[b-dibe4t1zis] { font-size: .95rem; font-weight: 750; }
.py-head em[b-dibe4t1zis] { font-style: normal; font-size: .72rem; font-weight: 700; color: #3b6fd1; font-variant-numeric: tabular-nums; }
.py-dow[b-dibe4t1zis], .py-days[b-dibe4t1zis] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.py-dow i[b-dibe4t1zis] { font-style: normal; text-align: center; font-size: .62rem; font-weight: 700; color: #94a0b3; }
.py-days[b-dibe4t1zis] { flex: 1 1 auto; min-height: 0; align-content: start; }
.py-d[b-dibe4t1zis] {
    display: flex; align-items: center; justify-content: center; aspect-ratio: 1.25; max-height: 24px; min-height: 0; border-radius: 7px; font-style: normal;
    font-size: .64rem; font-weight: 650; color: #475569; background: #f4f6fa; font-variant-numeric: tabular-nums;
}
.py-d.weekend[b-dibe4t1zis] { background: transparent; color: #a3adbd; }
.py-d.l1[b-dibe4t1zis], .py-d.l2[b-dibe4t1zis], .py-d.l3[b-dibe4t1zis], .py-d.l4[b-dibe4t1zis] { background: var(--heat); color: var(--heat-ink); }
.py-d.festivo[b-dibe4t1zis] { background: #ffe7e7; color: #b42318; }
.py-d.today[b-dibe4t1zis] { box-shadow: 0 0 0 2px #0968e8; color: #0968e8; background: #fff; font-weight: 800; }
.py-d.today.l3[b-dibe4t1zis], .py-d.today.l4[b-dibe4t1zis] { background: var(--heat); color: var(--heat-ink); }
.py-blank[b-dibe4t1zis] { visibility: hidden; }
@media (hover: hover) and (pointer: fine) {
    .py-month:hover[b-dibe4t1zis] { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(15, 23, 42, .08); border-color: #c6d6f0; }
}

/* ---------- Month ---------- */
.pm[b-dibe4t1zis] { height: 100%; min-height: 500px; display: flex; flex-direction: column; box-sizing: border-box; }
.pm-head[b-dibe4t1zis], .pm-grid[b-dibe4t1zis] { display: grid; grid-template-columns: 38px repeat(7, minmax(0, 1fr)); }
.pm-head[b-dibe4t1zis] { position: sticky; top: 0; z-index: 3; background: rgba(255, 255, 255, .94); backdrop-filter: blur(6px); border-bottom: 1px solid #e6eaf2; }
.pm-head span[b-dibe4t1zis] { height: 38px; display: flex; align-items: center; justify-content: center; font-size: .76rem; font-weight: 700; color: #64748b; }
.pm-head span.sun[b-dibe4t1zis] { color: #e5484d; }
.pm-grid[b-dibe4t1zis] { flex: 1 1 auto; grid-template-rows: repeat(6, minmax(70px, 1fr)); }
.pm-wk[b-dibe4t1zis] {
    display: flex; align-items: flex-start; justify-content: center; padding: 10px 0 0; border: 0; border-right: 1px solid #eef1f6; border-bottom: 1px solid #eef1f6; background: #fbfcfe;
    font: inherit; font-size: .66rem; font-weight: 700; color: #94a0b3; cursor: pointer; transition: color 160ms ease, background-color 160ms ease;
}
.pm-wk:active[b-dibe4t1zis] { background: #eef4ff; }
.pm-cell[b-dibe4t1zis] {
    position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 8px 8px 10px; border-right: 1px solid #eef1f6; border-bottom: 1px solid #eef1f6;
    background: #fff; cursor: pointer; outline: none; transition: background-color 160ms ease, box-shadow 160ms ease; user-select: none;
}
.pm-cell.outside[b-dibe4t1zis] { background: #fafbfd; }
.pm-cell.outside .pm-num[b-dibe4t1zis], .pm-cell.outside .pm-bar[b-dibe4t1zis] { opacity: .5; }
.pm-cell.weekend[b-dibe4t1zis] { background: #fbfcfe; }
.pm-cell.festivo[b-dibe4t1zis] { background: #fff6f5; }
.pm-cell.selected[b-dibe4t1zis] { background: #f1f6ff; box-shadow: inset 0 0 0 2px #0968e8; z-index: 1; }
.pm-cell:focus-visible[b-dibe4t1zis] { box-shadow: inset 0 0 0 2px #0968e8; }
.pm-cell:active[b-dibe4t1zis] { background: #eef4ff; }
.pm-top[b-dibe4t1zis] { display: flex; align-items: center; gap: 6px; min-width: 0; }
.pm-num[b-dibe4t1zis] { min-width: 26px; height: 26px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; font-size: .86rem; font-weight: 700; color: #101828; font-variant-numeric: tabular-nums; }
.pm-cell.today .pm-num[b-dibe4t1zis] { background: #0968e8; color: #fff; }
.pm-cell.festivo .pm-num[b-dibe4t1zis] { color: #c0392b; }
.pm-cell.today.festivo .pm-num[b-dibe4t1zis] { color: #fff; }
.pm-fest[b-dibe4t1zis] { font-size: .62rem; font-weight: 700; color: #b42318; background: #ffe3e0; border-radius: 6px; padding: 2px 6px; }
.pm-hours[b-dibe4t1zis] { margin-left: auto; font-style: normal; font-size: .7rem; font-weight: 750; color: #3b5bdb; font-variant-numeric: tabular-nums; }
.pm-bars[b-dibe4t1zis] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pm-bar[b-dibe4t1zis] {
    display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 6px; padding: 2px 7px; font-size: .68rem; font-weight: 650; line-height: 1.35; color: color-mix(in srgb, var(--task-color) 55%, #0f172a);
    background: color-mix(in srgb, var(--task-color) 18%, white); box-shadow: inset 3px 0 0 var(--task-color); transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease;
}
.pm-bar:active[b-dibe4t1zis] { transform: scale(.98); }
.pm-more[b-dibe4t1zis] { font-size: .66rem; font-weight: 700; color: #64748b; padding-left: 4px; }
.pm-load[b-dibe4t1zis] { position: absolute; left: 8px; right: 8px; bottom: 5px; height: 3px; border-radius: 3px; background: #edf0f6; overflow: hidden; }
.pm-load[b-dibe4t1zis]::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--load); border-radius: inherit; background: var(--heat); transform-origin: left; animation: pc-grow-x-b-dibe4t1zis 520ms cubic-bezier(0.23, 1, 0.32, 1) 120ms both; }
@media (hover: hover) and (pointer: fine) {
    .pm-cell:hover:not(.selected)[b-dibe4t1zis] { background: #f7faff; }
    .pm-wk:hover[b-dibe4t1zis] { color: #0968e8; background: #f1f6ff; }
    .pm-bar:hover[b-dibe4t1zis] { background: color-mix(in srgb, var(--task-color) 28%, white); }
}

/* ---------- Week ---------- */
.pw[b-dibe4t1zis] { min-height: 100%; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.pw-col[b-dibe4t1zis] { display: flex; flex-direction: column; min-width: 0; border: 1px solid #e6eaf2; border-radius: 14px; background: #fff; overflow: hidden; cursor: pointer; outline: none; transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease; }
.pw-col.weekend[b-dibe4t1zis] { background: #fbfcfe; }
.pw-col.selected[b-dibe4t1zis] { border-color: #0968e8; box-shadow: 0 0 0 2px rgba(9, 104, 232, .18); background: #f7faff; }
.pw-col:focus-visible[b-dibe4t1zis] { box-shadow: 0 0 0 2px #0968e8; }
.pw-head[b-dibe4t1zis] { display: grid; grid-template-columns: auto 1fr; align-items: baseline; column-gap: 8px; row-gap: 6px; padding: 12px 12px 10px; border-bottom: 1px solid #eef1f6; }
.pw-dow[b-dibe4t1zis] { font-size: .76rem; font-weight: 700; color: #64748b; text-transform: capitalize; }
.pw-num[b-dibe4t1zis] { justify-self: end; min-width: 28px; height: 28px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; font-size: 1rem; font-weight: 800; color: #101828; }
.pw-col.today .pw-num[b-dibe4t1zis] { background: #0968e8; color: #fff; }
.pw-col.festivo .pw-num[b-dibe4t1zis] { color: #c0392b; }
.pw-total[b-dibe4t1zis] { grid-column: 1 / -1; font-size: .72rem; font-weight: 700; color: #475569; font-variant-numeric: tabular-nums; }
.pw-meter[b-dibe4t1zis] { grid-column: 1 / -1; display: block; height: 4px; border-radius: 4px; background: #edf0f6; overflow: hidden; }
.pw-meter u[b-dibe4t1zis] { display: block; height: 100%; width: var(--load); border-radius: inherit; background: var(--heat, #cbd5e1); transform-origin: left; animation: pc-grow-x-b-dibe4t1zis 520ms cubic-bezier(0.23, 1, 0.32, 1) 120ms both; }
.pw-fest[b-dibe4t1zis] { grid-column: 1 / -1; font-size: .68rem; font-weight: 700; color: #b42318; background: #ffe3e0; border-radius: 6px; padding: 2px 7px; justify-self: start; }
.pw-body[b-dibe4t1zis] { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; padding: 10px; }
.pw-block[b-dibe4t1zis] {
    flex: none; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; padding: 9px 10px; border: 0; border-radius: 10px; text-align: left; font: inherit; cursor: pointer;
    min-height: max(52px, calc(var(--h) * 30px)); background: color-mix(in srgb, var(--task-color) 16%, white); box-shadow: inset 3px 0 0 var(--task-color); color: color-mix(in srgb, var(--task-color) 50%, #0f172a);
    animation: pc-rise-b-dibe4t1zis 280ms cubic-bezier(0.23, 1, 0.32, 1) calc(var(--col) * 30ms + 90ms) both; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease, box-shadow 160ms ease;
}
.pw-block:active[b-dibe4t1zis] { transform: scale(.98); }
.pw-title[b-dibe4t1zis] { font-size: .78rem; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pw-hours[b-dibe4t1zis] { font-size: .7rem; font-weight: 700; opacity: .8; font-variant-numeric: tabular-nums; }
.pw-empty[b-dibe4t1zis] { margin: auto; padding: 18px 6px; font-size: .74rem; font-weight: 650; color: #a0aabb; text-align: center; }
@media (hover: hover) and (pointer: fine) {
    .pw-col:hover:not(.selected)[b-dibe4t1zis] { border-color: #c6d6f0; }
    .pw-block:hover[b-dibe4t1zis] { background: color-mix(in srgb, var(--task-color) 24%, white); }
}

/* ---------- Day ---------- */
.pd[b-dibe4t1zis] { max-width: 920px; margin: 0 auto; padding: 22px 20px 28px; display: flex; flex-direction: column; gap: 18px; }
.pd-head[b-dibe4t1zis] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border: 1px solid #e6eaf2; border-radius: 16px; background: linear-gradient(180deg, #f6f9ff, #fff); }
.pd-date span[b-dibe4t1zis] { display: block; font-size: .84rem; font-weight: 700; color: #64748b; }
.pd-date strong[b-dibe4t1zis] { display: block; margin-top: 2px; font-size: 1.5rem; font-weight: 800; letter-spacing: -.01em; }
.pd-date em[b-dibe4t1zis] { display: inline-block; margin-top: 8px; font-style: normal; font-size: .74rem; font-weight: 700; color: #b42318; background: #ffe3e0; border-radius: 6px; padding: 3px 8px; }
.pd-ring[b-dibe4t1zis] { position: relative; width: 104px; height: 104px; flex: none; }
.pd-ring svg[b-dibe4t1zis] { width: 100%; height: 100%; transform: rotate(-90deg); }
.pd-ring-bg[b-dibe4t1zis] { fill: none; stroke: #e8edf5; stroke-width: 8; }
.pd-ring-fg[b-dibe4t1zis] { fill: none; stroke: var(--heat, #cbd5e1); stroke-width: 8; stroke-linecap: round; stroke-dasharray: var(--len); stroke-dashoffset: var(--off); animation: pc-ring-b-dibe4t1zis 760ms cubic-bezier(0.23, 1, 0.32, 1) 120ms both; }
.pd-ring span[b-dibe4t1zis] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pd-ring b[b-dibe4t1zis] { font-size: 1.35rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; }
.pd-ring small[b-dibe4t1zis] { margin-top: 3px; font-size: .66rem; font-weight: 650; color: #64748b; }
.pd-list[b-dibe4t1zis] { display: flex; flex-direction: column; gap: 10px; }
.pd-block[b-dibe4t1zis] {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; min-height: max(64px, calc(var(--h) * 26px)); padding: 14px 16px; border: 0; border-radius: 14px; text-align: left; font: inherit; cursor: pointer;
    background: color-mix(in srgb, var(--task-color) 14%, white); box-shadow: inset 4px 0 0 var(--task-color); color: color-mix(in srgb, var(--task-color) 45%, #0f172a);
    animation: pc-rise-b-dibe4t1zis 300ms cubic-bezier(0.23, 1, 0.32, 1) both; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease;
}
.pd-list > :nth-child(2)[b-dibe4t1zis] { animation-delay: 40ms; } .pd-list > :nth-child(3)[b-dibe4t1zis] { animation-delay: 80ms; } .pd-list > :nth-child(4)[b-dibe4t1zis] { animation-delay: 120ms; } .pd-list > :nth-child(n+5)[b-dibe4t1zis] { animation-delay: 160ms; }
.pd-block:active[b-dibe4t1zis] { transform: scale(.99); }
.pd-main[b-dibe4t1zis] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pd-main strong[b-dibe4t1zis] { font-size: .95rem; font-weight: 750; line-height: 1.3; }
.pd-main span[b-dibe4t1zis] { font-size: .78rem; font-weight: 650; opacity: .75; }
.pd-main small[b-dibe4t1zis] { margin-top: 4px; font-size: .78rem; font-weight: 550; opacity: .85; }
.pd-h[b-dibe4t1zis] { font-size: 1.05rem; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pd-empty[b-dibe4t1zis] { padding: 40px 12px; text-align: center; font-weight: 650; color: #94a0b3; border: 1px dashed #d8e0ec; border-radius: 14px; }
@media (hover: hover) and (pointer: fine) { .pd-block:hover[b-dibe4t1zis] { background: color-mix(in srgb, var(--task-color) 22%, white); } }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .py[b-dibe4t1zis] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pw[b-dibe4t1zis] { grid-template-columns: repeat(7, minmax(150px, 1fr)); }
}
@media (max-width: 760px) {
    .py[b-dibe4t1zis] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
    .pm-head[b-dibe4t1zis], .pm-grid[b-dibe4t1zis] { min-width: 720px; }
    .pd-head[b-dibe4t1zis] { padding: 14px; } .pd-date strong[b-dibe4t1zis] { font-size: 1.2rem; }
}

/* ---------- Reduced motion: keep fades, drop movement ---------- */
@media (prefers-reduced-motion: reduce) {
    .enter-initial[b-dibe4t1zis], .enter-zoom-in[b-dibe4t1zis], .enter-zoom-out[b-dibe4t1zis], .enter-next[b-dibe4t1zis], .enter-prev[b-dibe4t1zis] { animation: pc-fade-in-b-dibe4t1zis 160ms ease both; }
    .leave-zoom-in[b-dibe4t1zis], .leave-zoom-out[b-dibe4t1zis], .leave-next[b-dibe4t1zis], .leave-prev[b-dibe4t1zis] { animation: pc-fade-out-b-dibe4t1zis 120ms ease both; }
    .pw-block[b-dibe4t1zis], .pd-block[b-dibe4t1zis] { animation: pc-fade-in-b-dibe4t1zis 160ms ease both; }
    .pm-load[b-dibe4t1zis]::after, .pw-meter u[b-dibe4t1zis], .pd-ring-fg[b-dibe4t1zis] { animation: none; }
    .py-month[b-dibe4t1zis], .pm-bar[b-dibe4t1zis], .pw-block[b-dibe4t1zis], .pd-block[b-dibe4t1zis] { transition: none; }
}

/* ---------- Sprints: capa discreta (franja fina, numero en la columna de semana, etiquetas) ---------- */
.pc-stage[b-dibe4t1zis] { --sp0: #5b5bd6; --sp1: #0e9f8e; }
.sp0[b-dibe4t1zis] { --spc: var(--sp0); }
.sp1[b-dibe4t1zis] { --spc: var(--sp1); }
.pm-cell.sp[b-dibe4t1zis]::before, .pw-col.sp[b-dibe4t1zis]::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--spc); opacity: .55; pointer-events: none; }
.pm-cell.sp-first[b-dibe4t1zis]::before, .pw-col.sp-first[b-dibe4t1zis]::before { left: 6px; border-radius: 3px 0 0 3px; opacity: .9; }
.pm-cell.sp-last[b-dibe4t1zis]::before, .pw-col.sp-last[b-dibe4t1zis]::before { right: 6px; border-radius: 0 3px 3px 0; }
.pm-cell.sp-first.sp-last[b-dibe4t1zis]::before, .pw-col.sp-first.sp-last[b-dibe4t1zis]::before { border-radius: 3px; }
.pm-wk[b-dibe4t1zis] { flex-direction: column; align-items: center; justify-content: flex-start; gap: 5px; }
.pm-spn[b-dibe4t1zis] { min-width: 18px; height: 16px; padding: 0 4px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; background: var(--sp0); color: #fff; font-style: normal; font-size: .62rem; font-weight: 800; font-variant-numeric: tabular-nums; animation: pc-fade-in-b-dibe4t1zis 220ms ease both; }
.pm-spn.t1[b-dibe4t1zis] { background: var(--sp1); }
.pw-sprint[b-dibe4t1zis] { grid-column: 1 / -1; width: fit-content; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--sp0) 12%, white); color: color-mix(in srgb, var(--sp0) 78%, #0f172a); font-size: .66rem; font-weight: 800; }
.pw-sprint.t1[b-dibe4t1zis] { background: color-mix(in srgb, var(--sp1) 12%, white); color: color-mix(in srgb, var(--sp1) 78%, #0f172a); }
.pd-sprint[b-dibe4t1zis] { display: inline-block; margin-top: 8px; margin-left: 6px; padding: 3px 8px; border-radius: 6px; background: color-mix(in srgb, var(--sp0) 12%, white); color: color-mix(in srgb, var(--sp0) 78%, #0f172a); font-style: normal; font-size: .74rem; font-weight: 700; }
.pd-sprint.t1[b-dibe4t1zis] { background: color-mix(in srgb, var(--sp1) 12%, white); color: color-mix(in srgb, var(--sp1) 78%, #0f172a); }
.py-d[b-dibe4t1zis] { position: relative; }
.py-d.sp[b-dibe4t1zis]::after { content: ""; position: absolute; left: 3px; right: 3px; bottom: 1px; height: 2px; border-radius: 2px; background: var(--spc); opacity: .75; }
@media (prefers-reduced-motion: reduce) { .pm-spn[b-dibe4t1zis] { animation: none; } }
.pw-col.sp[b-dibe4t1zis] { position: relative; }
/* /Features/Operaciones/Components/Calendario/PlanificadorGantt.razor.rz.scp.css */
/* ---------- Card + toolbar ---------- */
.g-card[b-opjrnwcnme] { display: flex; flex-direction: column; height: 100%; min-height: 0; background: #fff; border: 1px solid #e3e8f0; border-radius: 16px; box-shadow: 0 12px 32px rgba(15, 23, 42, .04); overflow: hidden; }
.g-toolbar[b-opjrnwcnme] { flex: 0 0 auto; display: flex; align-items: center; gap: 18px; padding: 14px 18px; border-bottom: 1px solid #eef1f6; background: linear-gradient(180deg, #fbfcff, #fff); flex-wrap: wrap; }
.g-title[b-opjrnwcnme] { min-width: 170px; display: flex; flex-direction: column; gap: 1px; }
.g-title h2[b-opjrnwcnme] { margin: 0; font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; }
.g-title span[b-opjrnwcnme] { font-size: .78rem; font-weight: 600; color: #64748b; font-variant-numeric: tabular-nums; }
.g-swap[b-opjrnwcnme] { animation: g-rise-b-opjrnwcnme 260ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.g-controls[b-opjrnwcnme] { margin-left: auto; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.g-switch[b-opjrnwcnme] {
    display: inline-flex; align-items: center; gap: 9px; height: 32px; padding: 0 12px 0 8px; border: 1px solid #e3e8f0; border-radius: 999px; background: #fff; color: #475569;
    font: inherit; font-size: .8rem; font-weight: 650; cursor: pointer; transition: border-color 200ms ease, color 200ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}
.g-switch i[b-opjrnwcnme] { position: relative; width: 26px; height: 16px; border-radius: 999px; background: #cfd7e3; transition: background-color 220ms ease; }
.g-switch i[b-opjrnwcnme]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .25); transition: transform 220ms cubic-bezier(0.77, 0, 0.175, 1); }
.g-switch.on[b-opjrnwcnme] { color: #0b4fbf; border-color: #b9d2ff; }
.g-switch.on i[b-opjrnwcnme] { background: #0968e8; }
.g-switch.on i[b-opjrnwcnme]::after { transform: translateX(10px); }
.g-switch:active[b-opjrnwcnme] { transform: scale(.97); }
.g-switch:focus-visible[b-opjrnwcnme] { outline: 2px solid #0968e8; outline-offset: 2px; }

/* ---------- Board ---------- */
.g-scroll[b-opjrnwcnme] { flex: 1 1 auto; min-height: 0; overflow: auto; position: relative; scrollbar-gutter: stable; }
.g-board[b-opjrnwcnme] { --label: 288px; --ease: cubic-bezier(0.23, 1, 0.32, 1); min-width: calc(var(--label) + var(--n) * var(--colmin)); position: relative; }
.g-label[b-opjrnwcnme] { position: sticky; left: 0; z-index: 4; background: #fff; border-right: 1px solid #e6eaf2; }

.g-head[b-opjrnwcnme] { position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: var(--label) minmax(0, 1fr); background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px); border-bottom: 1px solid #e6eaf2; }
.g-head-label[b-opjrnwcnme] { z-index: 21; display: flex; align-items: center; padding: 0 16px; font-size: .76rem; font-weight: 700; color: #64748b; }
.g-head-days[b-opjrnwcnme] { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); grid-template-rows: 26px 40px; animation: g-fade-b-opjrnwcnme 240ms ease both; }
.g-month[b-opjrnwcnme] { grid-row: 1; display: flex; align-items: center; padding-left: 10px; font-size: .74rem; font-weight: 750; color: #475569; border-bottom: 1px solid #eef1f6; border-left: 1px solid #eef1f6; white-space: nowrap; overflow: hidden; }
.g-day[b-opjrnwcnme] { grid-row: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; border-left: 1px solid #f1f4f9; }
.g-day small[b-opjrnwcnme] { font-size: .6rem; font-weight: 700; color: #94a0b3; line-height: 1; }
.g-day b[b-opjrnwcnme] { min-width: 22px; height: 20px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size: .78rem; font-weight: 750; color: #101828; font-variant-numeric: tabular-nums; }
.g-day.weekend b[b-opjrnwcnme] { color: #94a0b3; }
.g-day.today b[b-opjrnwcnme] { background: #0968e8; color: #fff; }

.g-body[b-opjrnwcnme] { position: relative; }
.g-bands[b-opjrnwcnme] {
    position: absolute; top: 0; bottom: 0; left: var(--label); right: 0; z-index: 0; pointer-events: none; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr));
    background-image: linear-gradient(to right, #eff2f7 1px, transparent 1px); background-size: calc(100% / var(--n)) 100%;
}
.g-band[b-opjrnwcnme] { grid-row: 1; }
.g-band.we[b-opjrnwcnme] { background: repeating-linear-gradient(135deg, rgba(243, 245, 250, .95) 0 6px, rgba(248, 249, 252, .95) 6px 12px); }
.g-band.today[b-opjrnwcnme] { background: rgba(9, 104, 232, .06); box-shadow: inset 1px 0 0 rgba(9, 104, 232, .28), inset -1px 0 0 rgba(9, 104, 232, .28); }

.g-row[b-opjrnwcnme] { position: relative; z-index: 1; display: grid; grid-template-columns: var(--label) minmax(0, 1fr); border-bottom: 1px solid #eef1f6; }
.g-row:hover[b-opjrnwcnme], .g-row:focus-within[b-opjrnwcnme] { z-index: 12; }
.g-days[b-opjrnwcnme] { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); min-width: 0; }

/* ---------- Employee row ---------- */
.g-group[b-opjrnwcnme] { min-height: 60px; }
.g-who[b-opjrnwcnme] { display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; }
.g-chevron[b-opjrnwcnme] { width: 26px; height: 26px; flex: none; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: #475569; cursor: pointer; padding: 0; transition: background-color 160ms ease, transform 160ms var(--ease); }
.g-chevron[b-opjrnwcnme]  .mud-icon-root { font-size: 1.2rem; transition: transform 260ms cubic-bezier(0.77, 0, 0.175, 1); }
.g-chevron.collapsed[b-opjrnwcnme]  .mud-icon-root { transform: rotate(-90deg); }
.g-chevron:disabled[b-opjrnwcnme] { opacity: .25; cursor: default; }
.g-chevron:not(:disabled):active[b-opjrnwcnme] { transform: scale(.92); }
.g-chevron:focus-visible[b-opjrnwcnme] { outline: 2px solid #0968e8; outline-offset: 1px; }
.g-avatar[b-opjrnwcnme] { width: 34px; height: 34px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: hsl(var(--hue) 52% 44%); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .02em; }
.g-who-text[b-opjrnwcnme] { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.g-who-text strong[b-opjrnwcnme] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; font-weight: 750; }
.g-who-text span[b-opjrnwcnme] { font-size: .72rem; font-weight: 600; color: #64748b; font-variant-numeric: tabular-nums; }

.l1[b-opjrnwcnme] { --heat: #dbe8ff; --heat-ink: #1e3a8a; }
.l2[b-opjrnwcnme] { --heat: #a8c9ff; --heat-ink: #1e3a8a; }
.l3[b-opjrnwcnme] { --heat: #3b82f6; --heat-ink: #fff; }
.l4[b-opjrnwcnme] { --heat: #f59e42; --heat-ink: #fff; }
.g-cell[b-opjrnwcnme] { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; min-width: 0; }
.g-cell span[b-opjrnwcnme] {
    min-width: 24px; max-width: calc(100% - 6px); height: 24px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--heat); color: var(--heat-ink);
    font-size: .72rem; font-weight: 750; font-variant-numeric: tabular-nums; animation: g-pop-b-opjrnwcnme 280ms var(--ease) backwards calc(var(--k) * 8ms + 60ms);
}
.g-cell.over span[b-opjrnwcnme] { box-shadow: 0 0 0 3px rgba(245, 158, 66, .28); }
.g-add[b-opjrnwcnme] {
    position: absolute; top: 3px; right: 3px; z-index: 2; width: 20px; height: 20px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #b8d4ff; border-radius: 7px;
    background: #fff; color: #0968e8; cursor: pointer; opacity: 0; transform: scale(.9); transition: opacity 140ms ease, transform 160ms var(--ease), background-color 140ms ease, color 140ms ease;
}
.g-add[b-opjrnwcnme]  .mud-icon-root { font-size: .95rem; }
.g-cell:not(.l1):not(.l2):not(.l3):not(.l4) .g-add[b-opjrnwcnme] { inset: 8px 3px; width: auto; height: auto; border-style: dashed; }
.g-add:focus-visible[b-opjrnwcnme] { opacity: 1; transform: none; outline: 2px solid #0968e8; outline-offset: 1px; }
.g-add:active[b-opjrnwcnme] { transform: scale(.94); }
@media (hover: hover) and (pointer: fine) {
    .g-cell:hover .g-add[b-opjrnwcnme] { opacity: 1; transform: none; }
    .g-add:hover[b-opjrnwcnme] { background: #0968e8; color: #fff; }
}

/* ---------- Collapsible task rows ---------- */
.g-collapse[b-opjrnwcnme] { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 280ms cubic-bezier(0.77, 0, 0.175, 1); }
.g-collapse.collapsed[b-opjrnwcnme] { grid-template-rows: 0fr; }
.g-collapse-inner[b-opjrnwcnme] { min-height: 0; overflow: clip; overflow-clip-margin: 120px; }
.g-collapse.collapsed .g-collapse-inner[b-opjrnwcnme] { overflow-clip-margin: 0px; visibility: hidden; transition: visibility 0s linear 280ms; }

.g-task[b-opjrnwcnme] { min-height: 42px; }
.g-tl[b-opjrnwcnme] { display: flex; align-items: center; gap: 8px; padding: 0 14px 0 48px; font-size: .78rem; min-width: 0; }
.g-dot[b-opjrnwcnme] { width: 9px; height: 9px; flex: none; border-radius: 50%; }
.g-tl b[b-opjrnwcnme] { flex: none; font-weight: 750; color: #475569; font-variant-numeric: tabular-nums; }
.g-tl span[b-opjrnwcnme] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #101828; }

.g-bars[b-opjrnwcnme] { align-items: center; padding: 8px 0; }
.g-bar[b-opjrnwcnme] {
    position: relative; grid-row: 1; height: 26px; margin: 0 2px; padding: 0 10px; display: flex; align-items: center; border: 0; border-radius: 8px; text-align: left; cursor: pointer; font: inherit; font-size: .74rem; font-weight: 650;
    background: color-mix(in srgb, var(--c) 20%, white); color: color-mix(in srgb, var(--c) 58%, #0f172a); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 34%, white);
    animation: g-reveal-b-opjrnwcnme 400ms var(--ease) backwards calc(var(--i) * 24ms + 80ms); transition: transform 160ms var(--ease), box-shadow 160ms ease;
}
.g-bar.clip-l[b-opjrnwcnme] { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.g-bar.clip-r[b-opjrnwcnme] { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.g-bar-fill[b-opjrnwcnme] { position: absolute; inset: 0; border-radius: inherit; background: color-mix(in srgb, var(--c) 40%, white); transform: scaleX(var(--p)); transform-origin: left; transition: transform 520ms var(--ease); }
.g-bar-text[b-opjrnwcnme] { position: relative; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-bar:active[b-opjrnwcnme] { transform: scale(.985); }
.g-bar:focus-visible[b-opjrnwcnme] { outline: 2px solid #0968e8; outline-offset: 2px; z-index: 8; }

.g-tip[b-opjrnwcnme] {
    position: absolute; left: 0; top: calc(100% + 8px); z-index: 30; width: max-content; max-width: 280px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; border-radius: 10px;
    background: #101828; color: #fff; font-size: .72rem; font-weight: 500; line-height: 1.35; text-align: left; white-space: normal; pointer-events: none;
    opacity: 0; transform: translateY(-4px) scale(.98); transform-origin: top left; transition: opacity 140ms ease, transform 160ms var(--ease); box-shadow: 0 14px 30px rgba(15, 23, 42, .3);
}
.g-tip strong[b-opjrnwcnme] { font-size: .78rem; font-weight: 750; }
.g-tip em[b-opjrnwcnme] { font-style: normal; opacity: .7; }
.g-bar:focus-visible .g-tip[b-opjrnwcnme] { opacity: 1; transform: none; }
@media (hover: hover) and (pointer: fine) {
    .g-bar:hover[b-opjrnwcnme] { z-index: 8; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, white), 0 4px 10px rgba(15, 23, 42, .08); }
    .g-bar:hover .g-tip[b-opjrnwcnme] { opacity: 1; transform: none; transition-delay: 200ms; }
}

.g-empty[b-opjrnwcnme] { position: relative; z-index: 1; padding: 64px 24px; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; color: #64748b; animation: g-rise-b-opjrnwcnme 300ms var(--ease) both; }
.g-empty strong[b-opjrnwcnme] { font-size: 1rem; color: #101828; }

/* ---------- Motion ---------- */
@keyframes g-rise-b-opjrnwcnme { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes g-fade-b-opjrnwcnme { from { opacity: 0; } to { opacity: 1; } }
@keyframes g-pop-b-opjrnwcnme { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: none; } }
@keyframes g-reveal-b-opjrnwcnme { from { opacity: 0; clip-path: inset(0 100% 0 0 round 8px); } to { opacity: 1; clip-path: inset(0 0 0 0 round 8px); } }

@media (max-width: 900px) {
    .g-board[b-opjrnwcnme] { --label: 210px; }
    .g-toolbar[b-opjrnwcnme] { gap: 12px; }
    .g-controls[b-opjrnwcnme] { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .g-swap[b-opjrnwcnme], .g-empty[b-opjrnwcnme], .g-head-days[b-opjrnwcnme], .g-cell span[b-opjrnwcnme], .g-bar[b-opjrnwcnme] { animation: g-fade-b-opjrnwcnme 160ms ease both; }
    .g-collapse[b-opjrnwcnme], .g-collapse.collapsed .g-collapse-inner[b-opjrnwcnme], .g-bar-fill[b-opjrnwcnme], .g-chevron[b-opjrnwcnme]  .mud-icon-root, .g-switch i[b-opjrnwcnme]::after { transition: none; }
    .g-bar:active[b-opjrnwcnme], .g-add:active[b-opjrnwcnme], .g-switch:active[b-opjrnwcnme], .g-chevron:not(:disabled):active[b-opjrnwcnme] { transform: none; }
}
/* /Features/Operaciones/Components/DevolverCreditoDialog.razor.rz.scp.css */
/* Curva ease-out propia en literal: las variables definidas en un componente MudBlazor no llegan al CSS con ámbito. */
.dc[b-meemvmirzq] { display: grid; justify-items: center; gap: 10px; padding: 8px 4px 4px; text-align: center; animation: dc-in-b-meemvmirzq 220ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.dc-icon[b-meemvmirzq] { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: #fff4e5; color: #b54708; }
.dc h3[b-meemvmirzq] { margin: 2px 0 0; font-size: 1.2rem; font-weight: 850; color: #0f172a; }
.dc-lead[b-meemvmirzq] { margin: 0; max-width: 420px; color: #334155; line-height: 1.5; }
.dc-lead strong[b-meemvmirzq] { color: #0f172a; font-variant-numeric: tabular-nums; }
.dc-hint[b-meemvmirzq] { margin: 0; max-width: 420px; color: #64748b; font-size: .88rem; line-height: 1.45; }

.dc-actions[b-meemvmirzq] { display: grid; gap: 8px; width: 100%; max-width: 340px; margin-top: 10px; }
.dc-btn[b-meemvmirzq] { min-height: 44px; padding: 0 16px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; color: #1e293b; font: inherit; font-weight: 750; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease, box-shadow 160ms ease; }
.dc-btn:active[b-meemvmirzq] { transform: scale(0.97); }
.dc-btn.primary[b-meemvmirzq] { border-color: transparent; background: #0968e8; color: #fff; box-shadow: 0 6px 16px rgba(9, 104, 232, .28); }
.dc-btn.ghost[b-meemvmirzq] { border-color: transparent; background: transparent; color: #64748b; }
@media (hover: hover) and (pointer: fine) {
    .dc-btn:hover[b-meemvmirzq] { background: #f1f5f9; }
    .dc-btn.primary:hover[b-meemvmirzq] { background: #0856c0; }
}

@keyframes dc-in-b-meemvmirzq { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .dc[b-meemvmirzq] { animation: none; } .dc-btn[b-meemvmirzq] { transition: none; } }
/* /Features/Operaciones/Components/Sprints/SprintCalendarioAnual.razor.rz.scp.css */
.sy[b-hx9y5behab] { --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --sp0: #5b5bd6; --sp1: #0e9f8e; display: grid; grid-template-columns: repeat(auto-fill, minmax(236px, 1fr)); gap: 14px; }

.sy-month[b-hx9y5behab] { display: flex; flex-direction: column; gap: 8px; padding: 12px 12px 10px; border: 1px solid #e6eaf2; border-radius: 14px; background: #fff; animation: sy-in-b-hx9y5behab 260ms var(--ease-out) both; animation-delay: calc(var(--i) * 28ms); }
@keyframes sy-in-b-hx9y5behab { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.sy-head[b-hx9y5behab] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px; }
.sy-head strong[b-hx9y5behab] { font-size: .92rem; font-weight: 800; letter-spacing: -.005em; }
.sy-tags[b-hx9y5behab] { display: inline-flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.sy-tag[b-hx9y5behab] { font-style: normal; font-size: .62rem; font-weight: 800; line-height: 1; padding: 3px 6px; border-radius: 6px; color: #fff; background: var(--sp0); font-variant-numeric: tabular-nums; }
.sy-tag.t1[b-hx9y5behab] { background: var(--sp1); }
.sy-tag.proj[b-hx9y5behab] { background: transparent; color: var(--sp0); box-shadow: inset 0 0 0 1px currentColor; opacity: .85; }
.sy-tag.t1.proj[b-hx9y5behab] { color: var(--sp1); }

.sy-dow[b-hx9y5behab], .sy-days[b-hx9y5behab] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.sy-dow i[b-hx9y5behab] { font-style: normal; text-align: center; font-size: .62rem; font-weight: 700; color: #94a0b3; padding-bottom: 2px; }
.sy-days[b-hx9y5behab] { row-gap: 3px; }
.sy-blank[b-hx9y5behab] { visibility: hidden; }

.sy-d[b-hx9y5behab] {
    position: relative; height: 28px; display: flex; align-items: center; justify-content: center; border: 0; padding: 0; background: transparent; color: #334155; font: inherit; font-size: .74rem; font-weight: 650;
    border-radius: 8px; font-variant-numeric: tabular-nums; -webkit-tap-highlight-color: transparent; user-select: none;
    transition: background-color 120ms ease, color 120ms ease, transform 160ms var(--ease-out);
}
button.sy-d[b-hx9y5behab] { cursor: pointer; }
button.sy-d:disabled[b-hx9y5behab] { cursor: default; }
button.sy-d:active:not(:disabled)[b-hx9y5behab] { transform: scale(0.92); }
button.sy-d:focus-visible[b-hx9y5behab] { outline: 2px solid #0968e8; outline-offset: 1px; z-index: 2; }
.sy-d.weekend[b-hx9y5behab] { color: #a3adbd; }
.sy-d.today[b-hx9y5behab]::after { content: ""; position: absolute; bottom: 3px; width: 4px; height: 4px; border-radius: 50%; background: #0968e8; }

/* Franja continua: las celdas pegadas forman una banda, redondeada en el primer y ultimo dia de cada fila. */
.sy-d.in[b-hx9y5behab] { border-radius: 0; color: color-mix(in srgb, var(--band) 70%, #0f172a); background: color-mix(in srgb, var(--band) 14%, white); font-weight: 750; }
.sy-d.in.t0[b-hx9y5behab] { --band: var(--sp0); }
.sy-d.in.t1[b-hx9y5behab] { --band: var(--sp1); }
.sy-d.in.st[b-hx9y5behab] { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.sy-d.in.en[b-hx9y5behab] { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.sy-d.in.cur[b-hx9y5behab] { background: color-mix(in srgb, var(--band) 26%, white); }
.sy-d.in.hl[b-hx9y5behab], .sy-d.in.cur.hl[b-hx9y5behab] { background: var(--band); color: #fff; }
.sy-d.in.proj[b-hx9y5behab] { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--band) 11%, white) 0 5px, color-mix(in srgb, var(--band) 5%, white) 5px 10px); }
.sy-d.in.today[b-hx9y5behab]::after { background: currentColor; }

.sy-d.draft[b-hx9y5behab] { border-radius: 0; background: #e6f0ff; color: #0b57c8; font-weight: 750; box-shadow: inset 0 1px 0 #9ec5ff, inset 0 -1px 0 #9ec5ff; }
.sy-d.draft.st[b-hx9y5behab] { border-top-left-radius: 8px; border-bottom-left-radius: 8px; box-shadow: inset 0 1px 0 #9ec5ff, inset 0 -1px 0 #9ec5ff, inset 1px 0 0 #9ec5ff; }
.sy-d.draft.en[b-hx9y5behab] { border-top-right-radius: 8px; border-bottom-right-radius: 8px; box-shadow: inset 0 1px 0 #9ec5ff, inset 0 -1px 0 #9ec5ff, inset -1px 0 0 #9ec5ff; }
.sy-d.anchor[b-hx9y5behab] { background: #0968e8; color: #fff; border-radius: 8px; box-shadow: none; }

@media (hover: hover) and (pointer: fine) {
    button.sy-d:not(:disabled):not(.in):not(.anchor):hover[b-hx9y5behab] { background: #eef2f8; color: #101828; }
    button.sy-d.in:not(:disabled):hover[b-hx9y5behab] { background: color-mix(in srgb, var(--band) 24%, white); }
    button.sy-d.in.cur:not(:disabled):hover[b-hx9y5behab] { background: color-mix(in srgb, var(--band) 34%, white); }
}

@media (prefers-reduced-motion: reduce) { .sy-month[b-hx9y5behab] { animation: none; } button.sy-d:active[b-hx9y5behab] { transform: none; } }
/* /Features/Operaciones/Components/Sprints/SprintSelector.razor.rz.scp.css */
.ss[b-tvm7gzsk9o] { --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --sp0: #5b5bd6; --sp1: #0e9f8e; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.ss-row[b-tvm7gzsk9o] { display: inline-flex; align-items: center; gap: 4px; }
/* Rango de fechas del sprint: gris y pequeño, justo debajo del selector (alineado con el botón, no con la flecha). */
.ss-range[b-tvm7gzsk9o] { padding-left: 36px; font-size: .72rem; font-weight: 600; color: #94a3b8; font-variant-numeric: tabular-nums; white-space: nowrap; line-height: 1.2; }
.ss-range.op-swap[b-tvm7gzsk9o] { animation: ss-swap-b-tvm7gzsk9o 220ms var(--ease-out) both; }

.ss-arrow[b-tvm7gzsk9o] { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 9px; background: transparent; color: #475569; cursor: pointer; transition: transform 160ms var(--ease-out), background-color 160ms ease, color 160ms ease, opacity 160ms ease; -webkit-tap-highlight-color: transparent; }
.ss-arrow.sm[b-tvm7gzsk9o] { width: 28px; height: 28px; }
.ss-arrow:active:not(:disabled)[b-tvm7gzsk9o] { transform: scale(0.94); }
.ss-arrow:disabled[b-tvm7gzsk9o] { opacity: .3; cursor: default; }
.ss-arrow:focus-visible[b-tvm7gzsk9o], .ss-trigger:focus-visible[b-tvm7gzsk9o], .ss-item:focus-visible[b-tvm7gzsk9o], .ss-chip:focus-visible[b-tvm7gzsk9o], .ss-config:focus-visible[b-tvm7gzsk9o] { outline: 2px solid #0968e8; outline-offset: 1px; }
@media (hover: hover) and (pointer: fine) { .ss-arrow:hover:not(:disabled)[b-tvm7gzsk9o] { background: #eceff5; color: #101828; } }

.ss-anchor[b-tvm7gzsk9o] { position: relative; }
.ss-trigger[b-tvm7gzsk9o] { height: 38px; display: inline-flex; align-items: center; gap: 9px; padding: 0 10px 0 12px; border: 1px solid #dbe3ee; border-radius: 10px; background: #fff; color: #101828; font: inherit; cursor: pointer; transition: transform 160ms var(--ease-out), border-color 160ms ease, box-shadow 160ms ease; -webkit-tap-highlight-color: transparent; }
.ss-trigger:active[b-tvm7gzsk9o] { transform: scale(0.98); }
.ss-trigger.open[b-tvm7gzsk9o] { border-color: #0968e8; box-shadow: 0 0 0 3px rgba(9, 104, 232, .12); }
@media (hover: hover) and (pointer: fine) { .ss-trigger:hover:not(.open)[b-tvm7gzsk9o] { border-color: #b9c7da; } }
.ss-text[b-tvm7gzsk9o] { display: inline-flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.ss-text strong[b-tvm7gzsk9o] { font-size: .95rem; font-weight: 800; letter-spacing: -.005em; }
.ss-text.op-swap[b-tvm7gzsk9o] { animation: ss-swap-b-tvm7gzsk9o 220ms var(--ease-out) both; }
@keyframes ss-swap-b-tvm7gzsk9o { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.ss-dot[b-tvm7gzsk9o] { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: var(--sp0); }
.ss-dot.t1[b-tvm7gzsk9o] { background: var(--sp1); }

.ss-now[b-tvm7gzsk9o] { height: 18px; display: inline-flex; align-items: center; padding: 0 7px; border-radius: 9px; background: #e8f2ff; color: #0b57c8; font-size: .66rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.ss-trigger[b-tvm7gzsk9o]  .ss-chevron { font-size: 1.15rem; color: #64748b; transition: transform 200ms var(--ease-out); }
.ss-trigger.open[b-tvm7gzsk9o]  .ss-chevron { transform: rotate(180deg); }

.ss-backdrop[b-tvm7gzsk9o] { position: fixed; inset: 0; z-index: 40; }
.ss-pop[b-tvm7gzsk9o] {
    position: absolute; z-index: 41; top: calc(100% + 6px); left: 0; width: 340px; padding: 10px; border: 1px solid #dbe3ee; border-radius: 14px; background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .16), 0 2px 6px rgba(15, 23, 42, .06); transform-origin: top left; animation: ss-pop-in-b-tvm7gzsk9o 170ms var(--ease-out) both;
}
@keyframes ss-pop-in-b-tvm7gzsk9o { from { opacity: 0; transform: scale(0.96) translateY(-4px); } to { opacity: 1; transform: none; } }

.ss-quick[b-tvm7gzsk9o] { display: flex; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid #eef1f6; }
.ss-chip[b-tvm7gzsk9o] { flex: 1 1 0; height: 32px; border: 1px solid #e3e8f0; border-radius: 8px; background: #f8fafc; color: #475569; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; transition: transform 160ms var(--ease-out), background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
.ss-chip:active[b-tvm7gzsk9o] { transform: scale(0.97); }
.ss-chip.sel[b-tvm7gzsk9o] { background: #eef6ff; border-color: #9ec5ff; color: #0b57c8; }
@media (hover: hover) and (pointer: fine) { .ss-chip:hover:not(.sel)[b-tvm7gzsk9o] { border-color: #b9c7da; color: #101828; } }

.ss-year[b-tvm7gzsk9o] { display: flex; align-items: center; justify-content: space-between; padding: 8px 2px 4px; }
.ss-year strong[b-tvm7gzsk9o] { font-size: .85rem; font-weight: 800; color: #334155; font-variant-numeric: tabular-nums; }

.ss-list[b-tvm7gzsk9o] { max-height: 300px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; padding: 2px 0; position: relative; }
.ss-item[b-tvm7gzsk9o] { display: grid; grid-template-columns: 9px auto 1fr auto; align-items: center; gap: 9px; width: 100%; min-height: 36px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #101828; font: inherit; text-align: left; cursor: pointer; transition: background-color 140ms ease, transform 160ms var(--ease-out); }
.ss-item:active[b-tvm7gzsk9o] { transform: scale(0.99); }
.ss-item-name[b-tvm7gzsk9o] { font-size: .86rem; font-weight: 750; white-space: nowrap; }
.ss-item-range[b-tvm7gzsk9o] { font-size: .76rem; font-weight: 600; color: #64748b; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ss-item.sel[b-tvm7gzsk9o] { background: #eef6ff; }
.ss-item.sel .ss-item-name[b-tvm7gzsk9o] { color: #0b57c8; }
@media (hover: hover) and (pointer: fine) { .ss-item:hover:not(.sel)[b-tvm7gzsk9o] { background: #f4f6fa; } }
.ss-empty[b-tvm7gzsk9o] { padding: 18px 8px; text-align: center; color: #64748b; font-size: .82rem; font-weight: 600; }

.ss-config[b-tvm7gzsk9o] { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 10px 10px 4px; border-top: 1px solid #eef1f6; color: #0b57c8; font-size: .82rem; font-weight: 750; text-decoration: none; }
.ss-config[b-tvm7gzsk9o]  .mud-icon-root { font-size: 1.05rem; }
@media (hover: hover) and (pointer: fine) { .ss-config:hover[b-tvm7gzsk9o] { color: #0968e8; text-decoration: underline; } }

@media (max-width: 520px) { .ss-pop[b-tvm7gzsk9o] { width: min(340px, calc(100vw - 32px)); } }
@media (prefers-reduced-motion: reduce) { .ss-pop[b-tvm7gzsk9o], .ss-text.op-swap[b-tvm7gzsk9o], .ss-range.op-swap[b-tvm7gzsk9o] { animation: none; } .ss-arrow:active[b-tvm7gzsk9o], .ss-trigger:active[b-tvm7gzsk9o], .ss-chip:active[b-tvm7gzsk9o], .ss-item:active[b-tvm7gzsk9o] { transform: none; } .ss-trigger[b-tvm7gzsk9o]  .ss-chevron { transition: none; } }
/* /Features/Operaciones/Pages/ConfigSprints.razor.rz.scp.css */
.sp-page[b-ilizll5epm] { --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --sp0: #5b5bd6; --sp1: #0e9f8e; min-height: 100vh; padding-bottom: 34px; }
.sp-loading[b-ilizll5epm] { min-height: 360px; display: flex; align-items: center; justify-content: center; }
.sp-layout[b-ilizll5epm] { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 18px; align-items: start; padding-top: 18px; }
.sp-side[b-ilizll5epm] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

.sp-card[b-ilizll5epm] { border: 1px solid #e3e8f0; border-radius: 16px; background: #fff; padding: 18px; box-shadow: 0 12px 32px rgba(15, 23, 42, .04); }
.sp-card h2[b-ilizll5epm] { margin: 0 0 14px; font-size: 1.02rem; font-weight: 800; letter-spacing: -.005em; }

.sp-modes[b-ilizll5epm] { display: grid; grid-template-columns: 1fr; gap: 8px; }
.sp-mode[b-ilizll5epm] {
    display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e3e8f0; border-radius: 12px; background: #fff; text-align: left; font: inherit; color: #101828; cursor: pointer;
    transition: transform 160ms var(--ease-out), border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease; -webkit-tap-highlight-color: transparent;
}
.sp-mode:active[b-ilizll5epm] { transform: scale(0.985); }
.sp-mode strong[b-ilizll5epm] { display: block; font-size: .92rem; font-weight: 800; }
.sp-mode small[b-ilizll5epm] { display: block; margin-top: 1px; color: #64748b; font-size: .78rem; font-weight: 550; }
.sp-mode-icon[b-ilizll5epm] { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: #f1f4f9; color: #64748b; transition: background-color 160ms ease, color 160ms ease; }
.sp-mode.on[b-ilizll5epm] { border-color: #9ec5ff; background: #f5f9ff; box-shadow: 0 0 0 3px rgba(9, 104, 232, .08); }
.sp-mode.on .sp-mode-icon[b-ilizll5epm] { background: #0968e8; color: #fff; }
.sp-mode:focus-visible[b-ilizll5epm] { outline: 2px solid #0968e8; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .sp-mode:not(.on):hover[b-ilizll5epm] { border-color: #b9c7da; } }

.sp-auto[b-ilizll5epm] { display: flex; flex-direction: column; gap: 14px; margin-top: 16px; animation: sp-in-b-ilizll5epm 220ms var(--ease-out) both; }
.sp-field[b-ilizll5epm] { display: flex; flex-direction: column; gap: 6px; }
.sp-field > label[b-ilizll5epm] { font-size: .76rem; font-weight: 800; color: #475569; }
.sp-field[b-ilizll5epm]  .seg { align-self: flex-start; }
.sp-date[b-ilizll5epm] { max-width: 220px; }
.sp-preview[b-ilizll5epm] { margin: 0; padding: 10px 12px; border-radius: 10px; background: #f6f8fc; display: flex; flex-direction: column; gap: 5px; font-size: .82rem; color: #334155; animation: sp-in-b-ilizll5epm 200ms var(--ease-out) both; }
.sp-preview span[b-ilizll5epm] { display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
.sp-preview b[b-ilizll5epm] { font-weight: 800; }
.sp-preview small[b-ilizll5epm] { margin-top: 3px; color: #64748b; font-size: .76rem; font-weight: 550; line-height: 1.4; }
.sp-hint[b-ilizll5epm] { margin: 14px 0 0; color: #64748b; font-size: .8rem; font-weight: 550; line-height: 1.45; animation: sp-in-b-ilizll5epm 220ms var(--ease-out) both; }
.sp-auto .sp-hint[b-ilizll5epm] { margin-top: 0; }
@keyframes sp-in-b-ilizll5epm { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

.sp-actions[b-ilizll5epm] { margin-top: 16px; }
.sp-save[b-ilizll5epm] { width: 100%; height: 40px; border-radius: 10px !important; font-weight: 800 !important; text-transform: none !important; transition: transform 160ms var(--ease-out) !important; }
.sp-save:active:not(:disabled)[b-ilizll5epm] { transform: scale(0.98); }

.sp-dot[b-ilizll5epm] { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: var(--sp0); }
.sp-dot.t1[b-ilizll5epm] { background: var(--sp1); }

.sp-list-card[b-ilizll5epm] { padding-bottom: 12px; }
.sp-list-head[b-ilizll5epm] { display: flex; align-items: center; justify-content: space-between; }
.sp-list-head h2[b-ilizll5epm] { margin-bottom: 8px; }
.sp-count[b-ilizll5epm] { min-width: 26px; height: 22px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: #eceff5; color: #334155; font-size: .76rem; font-weight: 800; font-variant-numeric: tabular-nums; animation: sp-in-b-ilizll5epm 200ms var(--ease-out) both; }
.sp-list[b-ilizll5epm] { display: flex; flex-direction: column; gap: 2px; max-height: 360px; overflow-y: auto; margin: 0 -6px; padding: 0 6px; }
.sp-row[b-ilizll5epm] { display: grid; grid-template-columns: 9px auto 1fr auto 16px; align-items: center; gap: 9px; min-height: 38px; padding: 0 8px; border: 0; border-radius: 9px; background: transparent; color: #101828; font: inherit; text-align: left; cursor: pointer; transition: background-color 140ms ease, transform 160ms var(--ease-out); -webkit-tap-highlight-color: transparent; }
.sp-row:active:not(:disabled)[b-ilizll5epm] { transform: scale(0.99); }
.sp-row:disabled[b-ilizll5epm] { cursor: default; opacity: .6; }
.sp-row:focus-visible[b-ilizll5epm] { outline: 2px solid #0968e8; outline-offset: -1px; }
.sp-row-name[b-ilizll5epm] { font-size: .86rem; font-weight: 750; white-space: nowrap; }
.sp-row-range[b-ilizll5epm] { font-size: .76rem; font-weight: 600; color: #64748b; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sp-row[b-ilizll5epm]  .sp-row-edit { font-size: 1rem; color: #94a0b3; opacity: 0; transition: opacity 140ms ease; }
.sp-row.now[b-ilizll5epm] { background: #f4f8ff; }
.sp-badge[b-ilizll5epm] { height: 18px; display: inline-flex; align-items: center; padding: 0 7px; border-radius: 9px; background: #eceff5; color: #475569; font-size: .64rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.sp-badge.now[b-ilizll5epm] { background: #e8f2ff; color: #0b57c8; }
.sp-badge.ed[b-ilizll5epm] { background: #fff4e0; color: #9a5b00; }
@media (hover: hover) and (pointer: fine) { .sp-row:hover:not(:disabled)[b-ilizll5epm] { background: #f4f6fa; } .sp-row:hover:not(:disabled)[b-ilizll5epm]  .sp-row-edit { opacity: 1; } }
@media (hover: none) { .sp-row[b-ilizll5epm]  .sp-row-edit { opacity: .7; } }
.sp-empty[b-ilizll5epm] { padding: 18px 8px; text-align: center; color: #64748b; font-size: .84rem; font-weight: 600; }
.sp-link[b-ilizll5epm] { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 6px 4px; border: 0; background: transparent; color: #0b57c8; font: inherit; font-size: .8rem; font-weight: 750; cursor: pointer; }
.sp-link[b-ilizll5epm]  .mud-icon-root { font-size: 1.05rem; }
@media (hover: hover) and (pointer: fine) { .sp-link:hover[b-ilizll5epm] { text-decoration: underline; } }

/* Calendario */
.sp-cal[b-ilizll5epm] { position: relative; min-width: 0; border: 1px solid #e3e8f0; border-radius: 16px; background: linear-gradient(180deg, #fbfcff, #f6f8fc); box-shadow: 0 12px 32px rgba(15, 23, 42, .04); overflow: hidden; }
.sp-cal-head[b-ilizll5epm] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid #eef1f6; background: #fff; }
.sp-year[b-ilizll5epm] { display: flex; align-items: center; gap: 6px; }
.sp-year h2[b-ilizll5epm] { margin: 0; min-width: 64px; text-align: center; font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.sp-swap[b-ilizll5epm] { animation: sp-in-b-ilizll5epm 240ms var(--ease-out) both; }
.sp-nav[b-ilizll5epm] { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: transparent; color: #475569; cursor: pointer; transition: transform 160ms var(--ease-out), background-color 160ms ease, color 160ms ease; -webkit-tap-highlight-color: transparent; }
.sp-nav:active[b-ilizll5epm] { transform: scale(0.94); }
.sp-nav:focus-visible[b-ilizll5epm], .sp-today:focus-visible[b-ilizll5epm] { outline: 2px solid #0968e8; outline-offset: 1px; }
.sp-today[b-ilizll5epm] { height: 30px; margin-left: 6px; padding: 0 12px; border: 1px solid #dbe3ee; border-radius: 999px; background: #fff; color: #334155; font: inherit; font-size: .8rem; font-weight: 750; cursor: pointer; transition: transform 160ms var(--ease-out), border-color 160ms ease; animation: sp-in-b-ilizll5epm 200ms var(--ease-out) both; }
.sp-today:active[b-ilizll5epm] { transform: scale(0.96); }
@media (hover: hover) and (pointer: fine) { .sp-nav:hover[b-ilizll5epm] { background: #eceff5; color: #101828; } .sp-today:hover[b-ilizll5epm] { border-color: #9ec5ff; } }
.sp-cal-note[b-ilizll5epm] { margin: 0; color: #64748b; font-size: .82rem; font-weight: 600; }
.sp-cal-body[b-ilizll5epm] { padding: 16px 18px 84px; }

.sp-pill[b-ilizll5epm] {
    position: absolute; left: 50%; bottom: 18px; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 18px; border-radius: 999px; background: #101828; color: #fff; font-size: .84rem; font-weight: 600; white-space: nowrap; max-width: calc(100% - 24px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .28); opacity: 0; transform: translate(-50%, 14px) scale(.96); pointer-events: none; transition: opacity 200ms var(--ease-out), transform 240ms var(--ease-out);
}
.sp-pill.show[b-ilizll5epm] { opacity: 1; transform: translate(-50%, 0) scale(1); pointer-events: auto; }
.sp-pill b[b-ilizll5epm] { font-weight: 800; font-variant-numeric: tabular-nums; }
.sp-pill button[b-ilizll5epm] { border: 0; font: inherit; font-weight: 700; cursor: pointer; border-radius: 999px; height: 32px; padding: 0 13px; display: inline-flex; align-items: center; gap: 4px; transition: transform 160ms var(--ease-out), background-color 160ms ease; -webkit-tap-highlight-color: transparent; }
.sp-pill button:active:not(:disabled)[b-ilizll5epm] { transform: scale(0.96); }
.sp-pill-chip[b-ilizll5epm] { background: rgba(255, 255, 255, .12); color: #fff; padding: 0 11px !important; }
.sp-pill-ghost[b-ilizll5epm] { background: transparent; color: #cbd5e1; }
.sp-pill-main[b-ilizll5epm] { background: #0968e8; color: #fff; }
.sp-pill[b-ilizll5epm]  .mud-icon-root { font-size: 1.1rem; }
@media (hover: hover) and (pointer: fine) { .sp-pill-chip:hover[b-ilizll5epm] { background: rgba(255, 255, 255, .22); } .sp-pill-ghost:hover[b-ilizll5epm] { color: #fff; } .sp-pill-main:hover:not(:disabled)[b-ilizll5epm] { background: #1d7bff; } }

@media (max-width: 1100px) {
    .sp-layout[b-ilizll5epm] { grid-template-columns: 1fr; }
    .sp-pill[b-ilizll5epm] { white-space: normal; flex-wrap: wrap; border-radius: 18px; justify-content: center; width: calc(100% - 24px); }
}
@media (prefers-reduced-motion: reduce) {
    .sp-auto[b-ilizll5epm], .sp-preview[b-ilizll5epm], .sp-hint[b-ilizll5epm], .sp-count[b-ilizll5epm], .sp-swap[b-ilizll5epm], .sp-today[b-ilizll5epm] { animation: none; }
    .sp-pill[b-ilizll5epm], .sp-pill.show[b-ilizll5epm] { transition: opacity 160ms ease; transform: translate(-50%, 0); }
    .sp-mode:active[b-ilizll5epm], .sp-row:active[b-ilizll5epm], .sp-nav:active[b-ilizll5epm], .sp-pill button:active[b-ilizll5epm], .sp-save:active[b-ilizll5epm] { transform: none; }
}
/* /Features/Tickets/Dialogs/AtenderSolicitudCreditoDialog.razor.rz.scp.css */
/* Curva ease-out propia en literal: las variables definidas en un componente MudBlazor no llegan al CSS con ámbito. */
.as-title[b-zhhwao3rnm] { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; }
.as[b-zhhwao3rnm] { display: grid; gap: 14px; min-width: min(460px, 100%); padding-top: 4px; animation: as-in-b-zhhwao3rnm 200ms cubic-bezier(0.23, 1, 0.32, 1) both; }

.as-resumen[b-zhhwao3rnm] { display: grid; gap: 2px; padding: 12px 14px; border: 1px solid #e3e8ef; border-radius: 12px; background: #f8fafc; }
.as-resumen strong[b-zhhwao3rnm] { font-size: 1rem; color: #0f172a; }
.as-resumen span[b-zhhwao3rnm] { color: #475569; font-size: .88rem; }
.as-resumen b[b-zhhwao3rnm] { color: #0f172a; font-variant-numeric: tabular-nums; }
.as-resumen p[b-zhhwao3rnm] { margin: 6px 0 0; color: #334155; font-size: .86rem; white-space: pre-line; overflow-wrap: anywhere; }

.as-campos[b-zhhwao3rnm] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.as-nota[b-zhhwao3rnm] { margin: 0; color: #64748b; font-size: .84rem; line-height: 1.5; }
.as-nota b[b-zhhwao3rnm] { color: #334155; }
.as-error[b-zhhwao3rnm] { margin: 0; padding: 9px 12px; border-radius: 10px; background: #fee9e7; color: #b42318; font-size: .86rem; font-weight: 650; }

.as-btn[b-zhhwao3rnm] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #1e293b; font: inherit; font-weight: 750; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease, box-shadow 160ms ease; }
.as-btn:active:not(:disabled)[b-zhhwao3rnm] { transform: scale(0.97); }
.as-btn:disabled[b-zhhwao3rnm] { opacity: .6; cursor: default; }
.as-btn.ok[b-zhhwao3rnm] { border-color: transparent; background: #15803d; color: #fff; box-shadow: 0 6px 14px rgba(21, 128, 61, .25); }
.as-btn.ko[b-zhhwao3rnm] { border-color: transparent; background: #c0392b; color: #fff; box-shadow: 0 6px 14px rgba(192, 57, 43, .22); }
@media (hover: hover) and (pointer: fine) {
    .as-btn:hover:not(:disabled)[b-zhhwao3rnm] { background: #f1f5f9; }
    .as-btn.ok:hover:not(:disabled)[b-zhhwao3rnm] { background: #116b33; }
    .as-btn.ko:hover:not(:disabled)[b-zhhwao3rnm] { background: #a93226; }
}

@keyframes as-in-b-zhhwao3rnm { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 520px) { .as-campos[b-zhhwao3rnm] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .as[b-zhhwao3rnm] { animation: none; } .as-btn[b-zhhwao3rnm] { transition: none; } }
/* /Features/Tickets/Dialogs/CreditoHorasDialog.razor.rz.scp.css */
/* Curva ease-out propia en literal: las variables definidas en un componente MudBlazor no llegan al CSS con ámbito. */
.ch-title[b-0ywt0w6kry] { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; }
.ch[b-0ywt0w6kry] { min-height: 360px; padding: 4px 2px 8px; }
.ch-loading[b-0ywt0w6kry] { min-height: 320px; display: grid; place-items: center; }

.ch-view[b-0ywt0w6kry] { animation: ch-in-b-0ywt0w6kry 220ms cubic-bezier(0.23, 1, 0.32, 1) both; }

/* ---------- Resumen ---------- */
.ch-hero[b-0ywt0w6kry] { display: grid; grid-template-columns: 1fr auto; gap: 14px 20px; align-items: start; padding: 22px 24px 18px; border: 1px solid #dbe6f5; border-radius: 16px; background: linear-gradient(135deg, #f3f8ff 0%, #ffffff 70%); }
.ch-eyebrow[b-0ywt0w6kry] { color: #475569; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.ch-big[b-0ywt0w6kry] { display: flex; align-items: baseline; gap: 6px; margin: 2px 0 0; color: #0f172a; }
.ch-big strong[b-0ywt0w6kry] { font-size: 3.1rem; line-height: 1; font-weight: 850; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ch-big span[b-0ywt0w6kry] { font-size: 1.3rem; font-weight: 750; color: #475569; }
.ch-sub[b-0ywt0w6kry] { color: #64748b; font-size: .9rem; font-weight: 600; }
.ch-hero-foot[b-0ywt0w6kry] { grid-column: 1 / -1; display: grid; gap: 8px; }

.ch-cta[b-0ywt0w6kry] { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: #0968e8; color: #fff; font: inherit; font-weight: 750; cursor: pointer; box-shadow: 0 6px 16px rgba(9, 104, 232, .28); transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease, box-shadow 160ms ease; }
.ch-cta:active[b-0ywt0w6kry] { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) { .ch-cta:hover[b-0ywt0w6kry] { background: #0856c0; } }

/* Barra de progreso: crece con transform (escala), no con width. */
.ch-meter[b-0ywt0w6kry] { height: 12px; border-radius: 999px; background: #e7ecf3; overflow: hidden; }
.ch-meter.sm[b-0ywt0w6kry] { height: 8px; }
.ch-meter i[b-0ywt0w6kry] { display: block; height: 100%; border-radius: inherit; background: #16a34a; transform-origin: left center; transform: scaleX(var(--p, 0)); animation: ch-fill-b-0ywt0w6kry 620ms cubic-bezier(0.23, 1, 0.32, 1) 80ms both; }
.ch-meter.mid i[b-0ywt0w6kry] { background: #f59e0b; }
.ch-meter.low i[b-0ywt0w6kry] { background: #ef6c1a; }
.ch-meter.empty i[b-0ywt0w6kry] { background: #cbd5e1; }

.ch-state[b-0ywt0w6kry] { width: fit-content; padding: 3px 11px; border-radius: 999px; font-size: .76rem; font-weight: 800; background: #e6f6ee; color: #15803d; }
.ch-state.mid[b-0ywt0w6kry] { background: #fef0c7; color: #b54708; }
.ch-state.low[b-0ywt0w6kry] { background: #fee9dc; color: #b93815; }
.ch-state.empty[b-0ywt0w6kry] { background: #f1f5f9; color: #475569; }

.ch-packs[b-0ywt0w6kry] { margin-top: 22px; display: grid; gap: 12px; }
.ch-packs h3[b-0ywt0w6kry] { margin: 0 0 2px; display: flex; align-items: center; gap: 8px; font-size: 1.02rem; font-weight: 800; color: #0f172a; }
.ch-packs h3 em[b-0ywt0w6kry] { font-style: normal; min-width: 24px; height: 22px; padding: 0 7px; display: inline-grid; place-items: center; border-radius: 11px; background: #e2e8f0; color: #334155; font-size: .76rem; font-weight: 800; }
.ch-empty[b-0ywt0w6kry] { margin: 0; padding: 22px; border: 1px dashed #cbd5e1; border-radius: 12px; color: #64748b; text-align: center; }

.ch-pack[b-0ywt0w6kry] { display: grid; gap: 10px; padding: 16px 18px; border: 1px solid #e3e8ef; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(16, 24, 40, .04); animation: ch-in-b-0ywt0w6kry 260ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.ch-pack.done[b-0ywt0w6kry] { background: #f8fafc; }
.ch-pack.done .ch-pack-head strong[b-0ywt0w6kry] { color: #475569; }
.ch-pack-head[b-0ywt0w6kry] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ch-pack-head > div:first-child[b-0ywt0w6kry] { display: grid; gap: 2px; min-width: 0; }
.ch-pack-head strong[b-0ywt0w6kry] { font-size: .98rem; font-weight: 800; color: #0f172a; overflow-wrap: anywhere; }
.ch-pack-head span[b-0ywt0w6kry] { color: #64748b; font-size: .8rem; font-weight: 600; }
.ch-pack-hours[b-0ywt0w6kry] { text-align: right; flex: 0 0 auto; }
.ch-pack-hours strong[b-0ywt0w6kry] { display: block; font-size: 1.25rem; font-variant-numeric: tabular-nums; }

.ch-toggle[b-0ywt0w6kry] { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 36px; padding: 0 10px; border: 0; border-radius: 9px; background: #f1f5f9; color: #334155; font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer; text-align: left; transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1), background-color 140ms ease; }
.ch-toggle:active:not(:disabled)[b-0ywt0w6kry] { transform: scale(0.99); }
.ch-toggle:disabled[b-0ywt0w6kry] { cursor: default; color: #94a3b8; background: transparent; padding-left: 0; }
@media (hover: hover) and (pointer: fine) { .ch-toggle:hover:not(:disabled)[b-0ywt0w6kry] { background: #e8edf4; } }

.ch-uses[b-0ywt0w6kry] { list-style: none; margin: 0; padding: 0; max-height: 260px; overflow-y: auto; display: grid; animation: ch-in-b-0ywt0w6kry 180ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.ch-uses li[b-0ywt0w6kry] { display: grid; grid-template-columns: 96px 1fr auto; gap: 12px; align-items: baseline; padding: 9px 4px; border-bottom: 1px solid #eef1f6; font-size: .86rem; }
.ch-uses li:last-child[b-0ywt0w6kry] { border-bottom: 0; }
.ch-date[b-0ywt0w6kry] { color: #64748b; font-weight: 650; font-variant-numeric: tabular-nums; }
.ch-use-main[b-0ywt0w6kry] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; min-width: 0; overflow-wrap: anywhere; color: #1e293b; }
.ch-ticket[b-0ywt0w6kry] { padding: 1px 7px; border-radius: 6px; background: #e8f2ff; color: #0b57c8; font-size: .74rem; font-weight: 800; }
.ch-uses strong[b-0ywt0w6kry] { font-variant-numeric: tabular-nums; }

/* ---------- Solicitud ---------- */
.ch-form[b-0ywt0w6kry] { display: grid; gap: 16px; max-width: 560px; margin: 0 auto; padding-top: 4px; }
.ch-form h3[b-0ywt0w6kry] { margin: 0; font-size: 1.35rem; font-weight: 850; }
.ch-lead[b-0ywt0w6kry] { margin: -8px 0 0; color: #64748b; }
.ch-back[b-0ywt0w6kry] { width: fit-content; display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px 4px 2px; border: 0; background: transparent; color: #475569; font: inherit; font-weight: 700; cursor: pointer; border-radius: 8px; transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1), color 140ms ease; }
.ch-back:active[b-0ywt0w6kry] { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) { .ch-back:hover[b-0ywt0w6kry] { color: #0f172a; } }
.ch-chips[b-0ywt0w6kry] { display: flex; gap: 8px; flex-wrap: wrap; }
.ch-chip[b-0ywt0w6kry] { min-width: 64px; height: 38px; padding: 0 14px; border: 1px solid #d3dbe7; border-radius: 10px; background: #fff; color: #334155; font: inherit; font-weight: 800; cursor: pointer; transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1), background-color 140ms ease, border-color 140ms ease, color 140ms ease; }
.ch-chip:active[b-0ywt0w6kry] { transform: scale(0.96); }
.ch-chip.sel[b-0ywt0w6kry] { border-color: #0968e8; background: #eef6ff; color: #0b57c8; }
@media (hover: hover) and (pointer: fine) { .ch-chip:hover:not(.sel)[b-0ywt0w6kry] { border-color: #9db3d1; } }
.ch-error[b-0ywt0w6kry] { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fef3f2; color: #b42318; font-weight: 650; }
.ch-actions[b-0ywt0w6kry] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.ch-primary[b-0ywt0w6kry], .ch-ghost[b-0ywt0w6kry] { min-height: 42px; padding: 0 20px; border-radius: 11px; font: inherit; font-weight: 750; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease, opacity 160ms ease; }
.ch-primary[b-0ywt0w6kry] { border: 0; background: #0968e8; color: #fff; }
.ch-ghost[b-0ywt0w6kry] { border: 1px solid #d3dbe7; background: #fff; color: #334155; }
.ch-primary:active:not(:disabled)[b-0ywt0w6kry], .ch-ghost:active:not(:disabled)[b-0ywt0w6kry] { transform: scale(0.97); }
.ch-primary:disabled[b-0ywt0w6kry], .ch-ghost:disabled[b-0ywt0w6kry] { opacity: .55; cursor: not-allowed; }
@media (hover: hover) and (pointer: fine) { .ch-primary:hover:not(:disabled)[b-0ywt0w6kry] { background: #0856c0; } }

/* ---------- Enviada ---------- */
.ch-done[b-0ywt0w6kry] { display: grid; justify-items: center; gap: 10px; padding: 36px 12px 12px; text-align: center; }
.ch-done h3[b-0ywt0w6kry] { margin: 6px 0 0; font-size: 1.4rem; font-weight: 850; }
.ch-done p[b-0ywt0w6kry] { margin: 0 0 8px; max-width: 420px; color: #64748b; }
.ch-check[b-0ywt0w6kry] { width: 76px; height: 76px; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.ch-check circle[b-0ywt0w6kry] { stroke: #bbf7d0; fill: #f0fdf4; }
.ch-check path[b-0ywt0w6kry] { stroke: #16a34a; stroke-dasharray: 40; stroke-dashoffset: 40; animation: ch-draw-b-0ywt0w6kry 380ms cubic-bezier(0.23, 1, 0.32, 1) 120ms forwards; }

@keyframes ch-in-b-0ywt0w6kry { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ch-fill-b-0ywt0w6kry { from { transform: scaleX(0); } to { transform: scaleX(var(--p, 0)); } }
@keyframes ch-draw-b-0ywt0w6kry { to { stroke-dashoffset: 0; } }

@media (max-width: 640px) {
    .ch-hero[b-0ywt0w6kry] { grid-template-columns: 1fr; padding: 18px; }
    .ch-big strong[b-0ywt0w6kry] { font-size: 2.5rem; }
    .ch-cta[b-0ywt0w6kry] { justify-content: center; }
    .ch-uses li[b-0ywt0w6kry] { grid-template-columns: 1fr auto; }
    .ch-date[b-0ywt0w6kry] { grid-column: 1 / -1; font-size: .76rem; }
    .ch-actions[b-0ywt0w6kry] { flex-direction: column-reverse; }
    .ch-actions button[b-0ywt0w6kry] { width: 100%; }
}

/* Menos movimiento, no cero: se conservan los fundidos y la barra aparece ya llena. */
@media (prefers-reduced-motion: reduce) {
    .ch-view[b-0ywt0w6kry], .ch-pack[b-0ywt0w6kry], .ch-uses[b-0ywt0w6kry] { animation: ch-fade-b-0ywt0w6kry 180ms ease both; }
    .ch-meter i[b-0ywt0w6kry] { animation: none; }
    .ch-check path[b-0ywt0w6kry] { animation: none; stroke-dashoffset: 0; }
    @keyframes ch-fade-b-0ywt0w6kry { from { opacity: 0; } to { opacity: 1; } }
}

/* ---------- Solicitudes pendientes ---------- */
.ch-pend[b-0ywt0w6kry] { margin-top: 22px; padding: 14px 16px; border: 1px solid #fedf89; border-radius: 14px; background: #fffcf5; display: grid; gap: 10px; animation: ch-in-b-0ywt0w6kry 240ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.ch-pend h3[b-0ywt0w6kry] { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 800; color: #93370d; }
.ch-pend h3 em[b-0ywt0w6kry] { font-style: normal; min-width: 24px; height: 22px; padding: 0 7px; display: inline-grid; place-items: center; border-radius: 11px; background: #fef0c7; color: #b54708; font-size: .76rem; font-weight: 800; }
.ch-pend ul[b-0ywt0w6kry] { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ch-pend li[b-0ywt0w6kry] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid #f5e6b8; border-radius: 10px; background: #fff; }
.ch-pend-main[b-0ywt0w6kry] { display: grid; gap: 2px; min-width: 0; }
.ch-pend-main strong[b-0ywt0w6kry] { font-size: 1.1rem; font-weight: 850; color: #101828; font-variant-numeric: tabular-nums; }
.ch-pend-main span[b-0ywt0w6kry] { color: #667085; font-size: .8rem; font-weight: 600; }
.ch-pend-main p[b-0ywt0w6kry] { margin: 4px 0 0; color: #344054; font-size: .84rem; white-space: pre-line; overflow-wrap: anywhere; }
.ch-wait[b-0ywt0w6kry] { flex: 0 0 auto; padding: 3px 11px; border-radius: 999px; background: #fef0c7; color: #b54708; font-size: .74rem; font-weight: 800; white-space: nowrap; }
.ch-pend-nota[b-0ywt0w6kry] { margin: 0; color: #93370d; font-size: .8rem; line-height: 1.45; }
.ch-done-actions[b-0ywt0w6kry] { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
/* /Features/Tickets/Dialogs/DialogSolicitudDetalle.razor.rz.scp.css */
.sd-loading[b-qdeif7a6nh] { min-height: 240px; display: grid; place-items: center; }
.sd[b-qdeif7a6nh] { display: grid; gap: 16px; }

.sd-head[b-qdeif7a6nh] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid #e3e8ef; }
.sd-head h2[b-qdeif7a6nh] { margin: 2px 0 0; font-size: 1.2rem; line-height: 1.3; font-weight: 800; overflow-wrap: anywhere; }
.sd-code[b-qdeif7a6nh] { color: #667085; font-size: .8rem; font-weight: 800; }
.sd-chip[b-qdeif7a6nh] { padding: 4px 14px; border-radius: 999px; background: var(--state-color); color: #fff; font-size: .8rem; font-weight: 800; white-space: nowrap; }

.sd-budget[b-qdeif7a6nh] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border: 1px solid #fedf89; border-radius: 12px; background: #fffaeb; }
.sd-budget strong[b-qdeif7a6nh] { display: block; color: #93370d; }
.sd-budget span[b-qdeif7a6nh] { color: #b54708; font-size: .85rem; }
.sd-accept[b-qdeif7a6nh] { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: #16a34a; color: #fff; font-weight: 750; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease; }
.sd-accept:active[b-qdeif7a6nh] { transform: scale(0.97); }
.sd-accept:disabled[b-qdeif7a6nh] { opacity: .6; cursor: progress; }
@media (hover: hover) and (pointer: fine) { .sd-accept:hover:not(:disabled)[b-qdeif7a6nh] { background: #15803d; } }

.sd-facts[b-qdeif7a6nh] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px 20px; margin: 0; }
.sd-facts div[b-qdeif7a6nh] { display: grid; gap: 1px; }
.sd-facts dt[b-qdeif7a6nh] { color: #667085; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.sd-facts dd[b-qdeif7a6nh] { margin: 0; font-weight: 650; overflow-wrap: anywhere; }

.sd-motivo[b-qdeif7a6nh] { min-height: 120px; max-height: 40vh; overflow-y: auto; padding: 16px; border: 1px solid #e3e8ef; border-radius: 12px; background: #fff; white-space: pre-line; line-height: 1.6; }

.sd-empty[b-qdeif7a6nh] { margin: 0 0 12px; color: #667085; font-size: .85rem; }
.sd-thread[b-qdeif7a6nh] { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.sd-thread li[b-qdeif7a6nh] { padding: 10px 14px; border-radius: 10px; background: #f8fafc; border: 1px solid #edf1f6; animation: sd-in-b-qdeif7a6nh 220ms cubic-bezier(0.23, 1, 0.32, 1) both; }
.sd-thread li.support[b-qdeif7a6nh] { background: #eff6ff; border-color: #dbeafe; }
.sd-thread header[b-qdeif7a6nh] { display: flex; align-items: center; gap: 8px; font-size: .78rem; }
.sd-thread header em[b-qdeif7a6nh] { font-style: normal; padding: 0 7px; border-radius: 8px; background: #0968e8; color: #fff; font-weight: 800; font-size: .66rem; text-transform: uppercase; }
.sd-thread header time[b-qdeif7a6nh] { margin-left: auto; color: #667085; }
.sd-thread p[b-qdeif7a6nh] { margin: 4px 0 0; white-space: pre-line; line-height: 1.5; overflow-wrap: anywhere; }

.sd-files[b-qdeif7a6nh] { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.sd-files li[b-qdeif7a6nh] { display: flex; align-items: center; gap: 6px; }
.sd-files a[b-qdeif7a6nh] { color: #0b63f6; text-decoration: none; }
.sd-files a:hover[b-qdeif7a6nh] { text-decoration: underline; }

@keyframes sd-in-b-qdeif7a6nh { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 640px) {
    .sd-budget[b-qdeif7a6nh] { flex-direction: column; align-items: stretch; }
    .sd-accept[b-qdeif7a6nh] { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .sd-thread li[b-qdeif7a6nh] { animation: none; }
}

.sd-head-side[b-qdeif7a6nh] { display: grid; justify-items: end; gap: 8px; flex: 0 0 auto; }
.sd-edit[b-qdeif7a6nh] { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #1e293b; font: inherit; font-size: .82rem; font-weight: 750; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease; }
.sd-edit[b-qdeif7a6nh]  .mud-icon-root { font-size: 1rem; }
.sd-edit:active[b-qdeif7a6nh] { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) { .sd-edit:hover[b-qdeif7a6nh] { background: #f1f5f9; } }

.sd-danger[b-qdeif7a6nh] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #e3e8ef; color: #667085; font-size: .82rem; }
.sd-danger button[b-qdeif7a6nh] { display: inline-flex; align-items: center; gap: 5px; min-height: 34px; padding: 0 12px; border: 1px solid #f4c7c1; border-radius: 9px; background: #fff; color: #b42318; font: inherit; font-size: .82rem; font-weight: 750; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease; }
.sd-danger button:disabled[b-qdeif7a6nh] { opacity: .6; cursor: default; }
.sd-danger button:active:not(:disabled)[b-qdeif7a6nh] { transform: scale(0.97); }
.sd-danger button[b-qdeif7a6nh]  .mud-icon-root { font-size: 1rem; }
@media (hover: hover) and (pointer: fine) { .sd-danger button:hover:not(:disabled)[b-qdeif7a6nh] { background: #fef3f2; } }
/* /Features/Tickets/Pages/Tickets.razor.rz.scp.css */
/* Tablero de solo lectura del cliente: misma estética que Administrar tickets (columnas por estado y tarjetas compactas).
   Curva ease-out propia en literal: las variables definidas en un componente MudBlazor no llegan al CSS con ámbito. */
.tk-shell[b-06yc18xbnz] { height: calc(100vh - 64px); min-height: 640px; display: flex; flex-direction: column; background: #f8fafc; color: #101828; overflow: hidden; }

.tk-top[b-06yc18xbnz] { flex: 0 0 auto; padding: 24px 32px 12px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.tk-top h1[b-06yc18xbnz] { margin: 0; display: flex; align-items: center; gap: 10px; font-size: 1.7rem; font-weight: 850; letter-spacing: 0; }
.tk-sprint-row[b-06yc18xbnz] { margin-top: 6px; }
.tk-top p[b-06yc18xbnz] { margin: 6px 0 0; color: #667085; font-size: .92rem; }

.tk-new[b-06yc18xbnz] { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 18px; border: 0; border-radius: 10px; background: #0968e8; color: #fff; font-weight: 750; font-size: .9rem; cursor: pointer; flex: 0 0 auto; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms ease; }
.tk-new:active[b-06yc18xbnz] { transform: scale(0.97); }
.tk-new:disabled[b-06yc18xbnz] { opacity: .5; cursor: not-allowed; }
@media (hover: hover) and (pointer: fine) { .tk-new:hover:not(:disabled)[b-06yc18xbnz] { background: #0856c0; } }

.tk-loading[b-06yc18xbnz] { flex: 1; display: grid; place-items: center; }
.tk-alert[b-06yc18xbnz] { margin: 8px 32px; }

.tk-toolbar[b-06yc18xbnz] { flex: 0 0 auto; padding: 0 32px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.tk-toolbar-note[b-06yc18xbnz] { color: #667085; font-size: .86rem; font-weight: 650; }
.tk-search[b-06yc18xbnz] { display: inline-flex; align-items: center; gap: 8px; width: 300px; max-width: 100%; height: 40px; padding: 0 12px; border: 1px solid #cfd9e7; border-radius: 8px; background: #fff; color: #667085; transition: border-color 160ms ease, box-shadow 160ms ease; }
.tk-search:focus-within[b-06yc18xbnz] { border-color: #0968e8; box-shadow: 0 0 0 3px rgba(9, 104, 232, .12); }
.tk-search input[b-06yc18xbnz] { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #101828; font: inherit; font-size: .88rem; }
.tk-search[b-06yc18xbnz]  .mud-icon-root { font-size: 1.15rem; }

.tk-board-scroll[b-06yc18xbnz] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 32px 16px; }
.tk-columns[b-06yc18xbnz] { min-width: max(100%, 1180px); height: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 14px; align-items: stretch; }
.tk-column[b-06yc18xbnz] { min-height: 0; display: flex; flex-direction: column; background: #f3f6fa; border: 1px solid #dbe3ee; border-radius: 8px; overflow: hidden; }
.tk-column-head[b-06yc18xbnz] { flex: 0 0 auto; min-height: 52px; display: flex; align-items: center; gap: 8px; padding: 12px 12px 8px; }
.tk-column-head strong[b-06yc18xbnz] { min-width: 0; font-size: .98rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-column-head em[b-06yc18xbnz] { margin-left: auto; min-width: 24px; height: 22px; border-radius: 11px; background: #e2e8f0; color: #334155; font-style: normal; display: inline-flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 850; }
.tk-dot[b-06yc18xbnz] { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; background: var(--state-color); }
.tk-cards[b-06yc18xbnz] { flex: 1 1 auto; min-height: 120px; overflow-x: hidden; overflow-y: auto; scrollbar-gutter: stable; display: flex; flex-direction: column; gap: 10px; padding: 0 10px 12px 12px; }
.tk-column-empty[b-06yc18xbnz] { margin: 6px 0 0; padding: 14px 8px; border: 1px dashed #cbd5e1; border-radius: 8px; color: #94a3b8; text-align: center; font-size: .8rem; font-weight: 650; }

.tk-card[b-06yc18xbnz] { box-sizing: border-box; position: relative; flex: 0 0 auto; width: 100%; min-width: 0; border: 1px solid #d8e0ec; border-radius: 9px; background: #fff; padding: 10px 12px 9px 14px; display: flex; flex-direction: column; align-items: stretch; text-align: left; gap: 6px; color: inherit; font: inherit; cursor: pointer; box-shadow: 0 2px 8px rgba(15, 23, 42, .05); animation: tk-in-b-06yc18xbnz 240ms cubic-bezier(0.23, 1, 0.32, 1) both; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 160ms ease, border-color 160ms ease; }
.tk-card:active[b-06yc18xbnz] { transform: scale(0.985); }
.tk-card:focus-visible[b-06yc18xbnz] { outline: 2px solid #0968e8; outline-offset: 1px; }
@media (hover: hover) and (pointer: fine) { .tk-card:hover[b-06yc18xbnz] { border-color: #b8c7dc; box-shadow: 0 8px 20px rgba(15, 23, 42, .1); } }
.tk-card-accent[b-06yc18xbnz] { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; border-radius: 9px 0 0 9px; background: var(--state-color); }
.tk-card-head[b-06yc18xbnz] { width: 100%; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tk-card-code[b-06yc18xbnz] { flex: 0 0 auto; color: #475569; font-size: .74rem; font-weight: 850; line-height: 1.1; }
.tk-card strong[b-06yc18xbnz] { width: 100%; min-width: 0; color: #071427; font-size: .84rem; line-height: 1.3; font-weight: 800; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tk-card-page[b-06yc18xbnz] { display: inline-flex; align-items: center; gap: 4px; width: fit-content; max-width: 100%; padding: 1px 8px; border-radius: 8px; background: #f2f4f7; color: #475467; font-size: .7rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-card-page[b-06yc18xbnz]  .mud-icon-root { font-size: .85rem; flex: 0 0 auto; }
.tk-card-foot[b-06yc18xbnz] { width: 100%; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #64748b; font-size: .7rem; font-weight: 750; }
.tk-card-facts[b-06yc18xbnz] { min-width: 0; display: inline-flex; align-items: center; gap: 9px; flex-wrap: nowrap; }
.tk-card-facts > span[b-06yc18xbnz] { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
.tk-card-facts[b-06yc18xbnz]  .mud-icon-root { font-size: .88rem; color: #64748b; }
.tk-card-assignee[b-06yc18xbnz] { min-width: 0; max-width: 48%; display: inline-flex; align-items: center; gap: 5px; color: #334155; font-size: .7rem; font-weight: 750; }
.tk-card-assignee > span:last-child[b-06yc18xbnz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-avatar[b-06yc18xbnz] { width: 20px; height: 20px; border-radius: 50%; background: #17233b; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .58rem; font-weight: 850; flex: 0 0 auto; }

.tk-prio[b-06yc18xbnz] { display: inline-flex; align-items: center; gap: 3px; padding: 1px 8px; border-radius: 999px; background: #f2f4f7; color: #475467; font-size: .66rem; font-weight: 800; white-space: nowrap; }
.tk-prio[b-06yc18xbnz]  .mud-icon-root { font-size: .8rem; }
.tk-prio-critica[b-06yc18xbnz] { background: #fee4e2; color: #b42318; }
.tk-prio-alta[b-06yc18xbnz] { background: #fef0c7; color: #b54708; }
.tk-prio-media[b-06yc18xbnz] { background: #dbeafe; color: #1d4ed8; }

@keyframes tk-in-b-06yc18xbnz { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 760px) {
    .tk-shell[b-06yc18xbnz] { height: auto; min-height: calc(100vh - 56px); overflow: visible; }
    .tk-top[b-06yc18xbnz] { padding: 18px 16px 10px; flex-direction: column; align-items: stretch; }
    .tk-new[b-06yc18xbnz] { justify-content: center; }
    .tk-toolbar[b-06yc18xbnz] { padding: 0 16px 12px; }
    .tk-search[b-06yc18xbnz] { width: 100%; }
    .tk-board-scroll[b-06yc18xbnz] { padding: 0 16px 24px; }
    .tk-columns[b-06yc18xbnz] { min-width: 0; height: auto; grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: 1fr; }
    .tk-column[b-06yc18xbnz] { overflow: visible; }
    .tk-cards[b-06yc18xbnz] { min-height: 0; overflow: visible; }
}

/* Menos movimiento, no cero: se conserva el fundido y se quita el desplazamiento. */
@media (prefers-reduced-motion: reduce) {
    .tk-card[b-06yc18xbnz] { animation: tk-fade-b-06yc18xbnz 200ms ease both; transition: none; }
    .tk-card:active[b-06yc18xbnz] { transform: none; }
    @keyframes tk-fade-b-06yc18xbnz { from { opacity: 0; } to { opacity: 1; } }
}

.tk-card-company[b-06yc18xbnz] { display: inline-flex; align-items: center; gap: 4px; width: fit-content; max-width: 100%; min-height: 20px; padding: 1px 8px; border-radius: 6px; background: #17233b; color: #fff; font-size: .68rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-card-company[b-06yc18xbnz]  .mud-icon-root { flex: 0 0 auto; font-size: .85rem; }

/* ---------- Crédito de horas en la cabecera ---------- */
.tk-top-actions[b-06yc18xbnz] { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; flex: 0 0 auto; }
.tk-credit[b-06yc18xbnz] { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 14px 10px 10px; border: 1px solid #d3dbe7; border-radius: 12px; background: #fff; color: #101828; font: inherit; text-align: left; cursor: pointer; overflow: hidden; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms ease, box-shadow 160ms ease; }
.tk-credit:active[b-06yc18xbnz] { transform: scale(0.97); }
.tk-credit:focus-visible[b-06yc18xbnz] { outline: 2px solid #0968e8; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .tk-credit:hover[b-06yc18xbnz] { border-color: #9ec5ff; box-shadow: 0 6px 16px rgba(9, 104, 232, .12); } }
.tk-credit-icon[b-06yc18xbnz] { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #e8f2ff; color: #0b57c8; flex: 0 0 auto; }
.tk-credit-icon[b-06yc18xbnz]  .mud-icon-root { font-size: 1.1rem; }
.tk-credit-text[b-06yc18xbnz] { display: grid; line-height: 1.15; }
.tk-credit-text small[b-06yc18xbnz] { color: #667085; font-size: .7rem; font-weight: 700; }
.tk-credit-text strong[b-06yc18xbnz] { font-size: 1rem; font-weight: 850; font-variant-numeric: tabular-nums; }
.tk-credit-pend[b-06yc18xbnz] { padding: 2px 9px; border-radius: 999px; background: #fef0c7; color: #b54708; font-size: .7rem; font-weight: 800; white-space: nowrap; }
/* Barra de saldo: crece con transform (escala), no con width. */
.tk-credit-meter[b-06yc18xbnz] { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #e7ecf3; }
.tk-credit-meter i[b-06yc18xbnz] { display: block; height: 100%; background: #16a34a; transform-origin: left center; transform: scaleX(var(--p, 0)); }
.tk-credit-meter.mid i[b-06yc18xbnz] { background: #f59e0b; }
.tk-credit-meter.low i[b-06yc18xbnz] { background: #ef6c1a; }
.tk-credit-meter.empty i[b-06yc18xbnz] { background: #cbd5e1; }
@media (max-width: 760px) { .tk-top-actions[b-06yc18xbnz] { justify-content: stretch; } .tk-credit[b-06yc18xbnz] { flex: 1; } .tk-new[b-06yc18xbnz] { flex: 0 0 auto; } }
/* /Shared/Components/CargandoSoftIA.razor.rz.scp.css */
.softia-loader[b-fe2gws0nzh] {
    width: min(520px, 100%);
    display: grid;
    justify-items: center;
    gap: 18px;
    padding: 26px;
    color: #0f172a;
}

.softia-loader-scene[b-fe2gws0nzh] {
    width: min(420px, 100%);
    border: 1px solid rgba(14, 165, 233, .18);
    border-radius: 18px;
    background:
        linear-gradient(#eaf3fb 1px, transparent 1px),
        linear-gradient(90deg, #eaf3fb 1px, transparent 1px),
        linear-gradient(135deg, #ffffff 0%, #f5fbff 52%, #fff8f1 100%);
    background-size: 22px 22px, 22px 22px, auto;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .12);
    overflow: hidden;
}

.softia-loader-svg[b-fe2gws0nzh] {
    width: 100%;
    display: block;
}

.softia-loader-character[b-fe2gws0nzh] {
    animation: softia-float-b-fe2gws0nzh 4s ease-in-out infinite;
    transform-origin: 186px 154px;
}

.softia-loader-orb[b-fe2gws0nzh] {
    animation: softia-orb-b-fe2gws0nzh 2.8s ease-in-out infinite;
    transform-origin: 192px 53px;
}

.softia-loader-body[b-fe2gws0nzh] {
    animation: softia-breathe-b-fe2gws0nzh 3.1s ease-in-out infinite;
    transform-origin: 186px 176px;
}

.softia-loader-eye[b-fe2gws0nzh] {
    animation: softia-blink-b-fe2gws0nzh 4.8s infinite;
    transform-origin: center;
}

.softia-loader-scan[b-fe2gws0nzh] {
    animation: softia-scan-b-fe2gws0nzh 2.6s ease-in-out infinite;
}

.softia-loader-arc[b-fe2gws0nzh] {
    animation: softia-arc-b-fe2gws0nzh 2.2s ease-in-out infinite;
}

.softia-loader-spark[b-fe2gws0nzh] {
    animation: softia-spark-b-fe2gws0nzh 3.5s ease-in-out infinite;
    transform-origin: center;
}

.softia-loader-spark.s2[b-fe2gws0nzh] {
    animation-delay: .45s;
}

.softia-loader-spark.s3[b-fe2gws0nzh] {
    animation-delay: .9s;
}

.softia-loader-spark.s4[b-fe2gws0nzh] {
    animation-delay: 1.35s;
}

.softia-loader-flow-line[b-fe2gws0nzh] {
    fill: none;
    stroke: #22d3ee;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 12 12;
    opacity: .72;
    animation: softia-dash-b-fe2gws0nzh 1.3s linear infinite;
}

.softia-loader-flow-line.line-two[b-fe2gws0nzh] {
    animation-delay: .25s;
    stroke: #f97316;
}

.softia-loader-node[b-fe2gws0nzh] {
    fill: rgba(255, 255, 255, .82);
    stroke: #22d3ee;
    stroke-width: 3;
    filter: drop-shadow(0 12px 18px rgba(15, 23, 42, .12));
    animation: softia-node-b-fe2gws0nzh 2.4s ease-in-out infinite;
}

.softia-loader-node.node-two[b-fe2gws0nzh] {
    stroke: #f97316;
    animation-delay: .25s;
}

.softia-loader-node.node-three[b-fe2gws0nzh] {
    animation-delay: .5s;
}

.softia-loader-copy[b-fe2gws0nzh] {
    display: grid;
    gap: 5px;
    text-align: center;
}

.softia-loader-copy strong[b-fe2gws0nzh] {
    font-size: 1rem;
    font-weight: 850;
}

.softia-loader-copy span[b-fe2gws0nzh] {
    color: #64748b;
    font-size: .88rem;
    font-weight: 600;
}

@keyframes softia-float-b-fe2gws0nzh {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes softia-orb-b-fe2gws0nzh {
    0%, 100% { transform: translateY(0) scale(1); opacity: .9; }
    50% { transform: translateY(-7px) scale(1.06); opacity: 1; }
}

@keyframes softia-breathe-b-fe2gws0nzh {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.018); }
}

@keyframes softia-blink-b-fe2gws0nzh {
    0%, 44%, 49%, 100% { transform: scaleY(1); }
    47% { transform: scaleY(.1); }
}

@keyframes softia-scan-b-fe2gws0nzh {
    0%, 100% { transform: translateX(-54px); opacity: 0; }
    22%, 76% { opacity: .42; }
    50% { transform: translateX(104px); }
}

@keyframes softia-arc-b-fe2gws0nzh {
    0%, 100% { opacity: .58; stroke-dasharray: 36 18; }
    50% { opacity: 1; stroke-dasharray: 54 10; }
}

@keyframes softia-spark-b-fe2gws0nzh {
    0%, 100% { opacity: .28; transform: translateY(0) scale(.85); }
    50% { opacity: 1; transform: translateY(-8px) scale(1.08); }
}

@keyframes softia-dash-b-fe2gws0nzh {
    to { stroke-dashoffset: -24; }
}

@keyframes softia-node-b-fe2gws0nzh {
    0%, 100% { transform: translateY(0); opacity: .78; }
    50% { transform: translateY(-4px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .softia-loader *[b-fe2gws0nzh],
    .softia-loader *[b-fe2gws0nzh]::before,
    .softia-loader *[b-fe2gws0nzh]::after {
        animation: none !important;
    }
}
/* /Shared/Components/MarketplaceScopeSelector.razor.rz.scp.css */
.marketplace-scope[b-0nwx7j1e30] { border: 0; padding: 0; margin: 16px 0 0; min-width: 0; }
.marketplace-scope legend[b-0nwx7j1e30] { margin-bottom: 8px; color: #475467; font-weight: 700; font-size: .875rem; }
.marketplace-scope-options[b-0nwx7j1e30] { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 10px; }
.marketplace-scope-option[b-0nwx7j1e30] { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 14px 16px; border: 1.5px solid #e3e8ef; border-radius: 10px; background: #fff; text-align: left; font-family: inherit; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.marketplace-scope-option.selected[b-0nwx7j1e30] { border-color: var(--mud-palette-primary); background: rgba(var(--mud-palette-primary-rgb),.06); }
.marketplace-scope-option:focus-visible[b-0nwx7j1e30] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
.marketplace-scope:disabled .marketplace-scope-option[b-0nwx7j1e30] { cursor: default; opacity: .65; }
.marketplace-scope-title[b-0nwx7j1e30] { color: #101828; font-size: .875rem; font-weight: 800; }
.marketplace-scope-desc[b-0nwx7j1e30] { color: #475467; font-size: .875rem; line-height: 1.4; overflow-wrap: anywhere; }
.marketplace-scope-option[b-0nwx7j1e30]  .mud-icon-root { color: #52627a; }
.marketplace-scope-option.selected[b-0nwx7j1e30]  .mud-icon-root { color: var(--mud-palette-primary); }
@media (hover:hover) and (pointer:fine) {
    .marketplace-scope-option:hover[b-0nwx7j1e30] { border-color: var(--mud-palette-primary); background: rgba(var(--mud-palette-primary-rgb),.03); }
}
@media (prefers-reduced-motion:no-preference) {
    .marketplace-scope-option[b-0nwx7j1e30] { transition: transform 140ms cubic-bezier(.23,1,.32,1); }
    .marketplace-scope-option:active:not(:focus-visible)[b-0nwx7j1e30] { transform: scale(.98); }
}
@media (max-width: 760px) { .marketplace-scope-options[b-0nwx7j1e30] { grid-template-columns: 1fr; } }
@media (min-width: 761px) and (max-width: 1100px) {
    .marketplace-scope.has-custom .marketplace-scope-options[b-0nwx7j1e30] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
/* /Shared/Dialog/Predictive/PredictiveSalesForecast.razor.rz.scp.css */
.forecast-container[b-q2jdfuuux4] {
    background: rgba(18, 18, 28, 0.9);
    border-radius: 18px;
    box-shadow: 0 0 25px rgba(0, 150, 255, 0.15);
    backdrop-filter: blur(12px);
    padding: 1.5rem;
    margin-top: 1.5rem;
}

.forecast-title[b-q2jdfuuux4] {
    color: #5bc0ff;
    text-shadow: 0 0 10px rgba(91, 192, 255, 0.6);
    margin-bottom: 1rem;
    font-weight: 600;
}

.forecast-chart[b-q2jdfuuux4] {
    width: 100%;
    height: 350px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-ul0oq2v2og] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ul0oq2v2og] {
    flex: 1;
}

.sidebar[b-ul0oq2v2og] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ul0oq2v2og] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ul0oq2v2og]  a, .top-row .btn-link[b-ul0oq2v2og] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-ul0oq2v2og] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ul0oq2v2og] {
        display: none;
    }

    .top-row.auth[b-ul0oq2v2og] {
        justify-content: space-between;
    }

    .top-row a[b-ul0oq2v2og], .top-row .btn-link[b-ul0oq2v2og] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ul0oq2v2og] {
        flex-direction: row;
    }

    .sidebar[b-ul0oq2v2og] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ul0oq2v2og] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-ul0oq2v2og], article[b-ul0oq2v2og] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/PredictiveFloatingButton.razor.rz.scp.css */
.predictor-orb[b-klmiood43k] {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #3B82F6, #8B5CF6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 0 25px rgba(139,92,246,.6);
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease;
    animation: orbPulse-b-klmiood43k 3s infinite;
}

    .predictor-orb:hover[b-klmiood43k] {
        transform: scale(1.1);
        box-shadow: 0 0 45px rgba(59,130,246,.9);
    }

@keyframes orbPulse-b-klmiood43k {
    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}