/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-sdv2ybgszp] {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}

.sidebar[b-sdv2ybgszp] {
    width: 260px;
    flex-shrink: 0;
}

main[b-sdv2ybgszp] {
    flex: 1;
    display: block;
}

.main-content[b-sdv2ybgszp] {
    flex: 1;
    background-color: #F2F2F2;
    min-height: 100vh;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Ajuste do Container Principal */
.pcnav-enterprise[b-10xfh1skfu] {
    width: 260px;
    height: 100vh;
    background-color: #F2F2F2;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e0e0e0; /* Opcional: linha sutil para separar do conte�do */
}

/* Centralizando o Logo */
.pcnav-brand[b-10xfh1skfu] {
    display: flex;
    align-items: center;
    padding: 0.75rem 10px; /* espa�o vertical */



    min-height: 64px; /* altura m�nima do header */
}



    .pcnav-brand img[b-10xfh1skfu] {
        height: 40px;
        width: auto;
        object-fit: contain;
    }

/* Itens do Menu - Afastando da lateral esquerda */
.pcnav-items[b-10xfh1skfu] {
    display: flex;
    flex-direction: column;
    padding: 0 15px; /* Padding nas laterais para afastar da borda do menu */
    gap: 8px; /* Espa�o entre cada item de menu */
}

/* Removendo o Azul e o Sublinhado */
.pcnav-link-enterprise[b-10xfh1skfu] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none !important; /* For�a a remo��o do sublinhado */
    color: #444 !important; /* Cor do texto (um cinza escuro, n�o azul) */
    border-radius: 8px;
    transition: all 0.2s ease;
}

    /* Efeito Hover */
    .pcnav-link-enterprise:hover[b-10xfh1skfu] {
        background-color: #e8e8e8;
        color: #000 !important;
    }

    /* Item Ativo (Destaque conforme imagem 1) */
    .pcnav-link-enterprise.active[b-10xfh1skfu] {
        background-color: #e0e0e0; /* Um tom um pouco mais escuro que o fundo para destacar */
        color: #000 !important;
        font-weight: 600;
    }

/* Ajuste dos �cones */
.pcnav-icon[b-10xfh1skfu] {
    width: 22px;
    height: 22px;
    margin-right: 14px; /* Espa�o entre �cone e texto */
    opacity: 0.8;
}

.pcnav-text[b-10xfh1skfu] {
    font-size: 14px;
    letter-spacing: 0.3px;
    text-decoration: none !important; /* For�a a remo��o do sublinhado */
    color: #444 !important; /* Cor do texto (um cinza escuro, n�o azul) */
}



/*##########################################*/
.pcnav-logo[b-10xfh1skfu] {
    width: 40px;
    height: 40px;
    background-color: #2563eb;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.pcnav-title strong[b-10xfh1skfu] {
    display: block;
    font-size: 1.05rem;
    color: #fff;
}

.pcnav-title span[b-10xfh1skfu] {
    font-size: 0.75rem;
    color: #94a3b8;
}




.pcnav-footer[b-10xfh1skfu] {
    padding: 16px 24px;
    border-top: 1px solid #1e293b;
    font-size: 0.75rem;
    color: #94a3b8;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-dv0rrnxdqe] {
    background: var(--bg-padrao);
    color: #111827;
    padding: 80px 40px;
}

.hero-content[b-dv0rrnxdqe] {
    max-width: 900px;
}

.hero h1[b-dv0rrnxdqe] {
    font-size: 3.5rem;
    margin-bottom: 0;
}

.hero h2[b-dv0rrnxdqe] {
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 10px;
    color: #4b5563;
}

.hero-description[b-dv0rrnxdqe] {
    margin-top: 30px;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #4b5563;
}

.hero-actions[b-dv0rrnxdqe] {
    margin-top: 40px;
}

.btn-primary[b-dv0rrnxdqe],
.btn-secondary[b-dv0rrnxdqe] {
    padding: 12px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    margin-right: 15px;
}

.btn-primary[b-dv0rrnxdqe] {
    background-color: #2563eb;
    color: #fff;
}

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

.btn-secondary[b-dv0rrnxdqe] {
    border: 1px solid #9ca3af;
    color: #e5e7eb;
}

.features[b-dv0rrnxdqe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    padding: 60px 40px;
    background-color: var(--bg-padrao)
}

.feature[b-dv0rrnxdqe] {
    /* Se quiser que os cards fiquem brancos para destacar no fundo cinza */
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.feature h3[b-dv0rrnxdqe] {
    margin-bottom: 10px;
    color: #111827;
}

.feature p[b-dv0rrnxdqe] {
    color: #4b5563;
}

.footer[b-dv0rrnxdqe] {
    margin-top: 50px;
    padding: 30px 30px;
    background-color: var(--bg-padrao);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* /Controller/PlusComMobile/PlusComMobileLayout.razor.rz.scp.css */
.pcm-layout[b-lim7ne37pr] {
    all: initial;
    display: block;
    min-width: 320px;
    min-height: 100vh;
    color: #16243a;
    background: #f5f8fc;
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

.pcm-layout *[b-lim7ne37pr],
.pcm-layout *[b-lim7ne37pr]::before,
.pcm-layout *[b-lim7ne37pr]::after {
    box-sizing: border-box;
}

.pcm-reconnect[b-lim7ne37pr] {
    position: fixed;
    z-index: 10000;
    inset: 0;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(5, 22, 45, 0.72);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    backdrop-filter: blur(5px);
}

.pcm-reconnect.components-reconnect-hide[b-lim7ne37pr] {
    display: none;
}

.pcm-reconnect.components-reconnect-show[b-lim7ne37pr],
.pcm-reconnect.components-reconnect-failed[b-lim7ne37pr],
.pcm-reconnect.components-reconnect-rejected[b-lim7ne37pr] {
    display: flex;
}

.pcm-reconnect-card[b-lim7ne37pr] {
    width: min(100%, 410px);
    padding: 2rem;
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 20px;
    color: #263a53;
    background: #fff;
    box-shadow: 0 24px 70px rgba(3, 18, 38, 0.28);
    text-align: center;
}

.pcm-reconnect-symbol[b-lim7ne37pr] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    border-radius: 14px;
    color: #8a5d06;
    background: #fff3d6;
    font-size: 1.25rem;
    font-weight: 800;
}

.pcm-reconnect-card strong[b-lim7ne37pr] {
    display: block;
    font-size: 1rem;
}

.pcm-reconnect-card p[b-lim7ne37pr] {
    margin: 0.45rem 0 0;
    color: #6c7b8e;
    font-size: 0.8rem;
    line-height: 1.6;
}

.pcm-reconnect-card a[b-lim7ne37pr] {
    display: inline-flex;
    justify-content: center;
    margin-top: 1.2rem;
    padding: 0.72rem 1rem;
    border-radius: 10px;
    color: #fff;
    background: #1463c6;
    font-size: 0.76rem;
    font-weight: 750;
    text-decoration: none;
}

.pcm-reconnect-connecting[b-lim7ne37pr],
.pcm-reconnect-failed[b-lim7ne37pr],
.pcm-reconnect-rejected[b-lim7ne37pr] {
    display: none;
}

.components-reconnect-show .pcm-reconnect-connecting[b-lim7ne37pr],
.components-reconnect-failed .pcm-reconnect-failed[b-lim7ne37pr],
.components-reconnect-rejected .pcm-reconnect-rejected[b-lim7ne37pr] {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .pcm-layout *[b-lim7ne37pr],
    .pcm-layout *[b-lim7ne37pr]::before,
    .pcm-layout *[b-lim7ne37pr]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Controller/PlusComMobile/PlusComMobileLogin.razor.rz.scp.css */
.pcm-login[b-z8l3j7ys6d] {
    --pcm-blue: #1463c6;
    --pcm-blue-dark: #073b80;
    --pcm-blue-deep: #062b5c;
    --pcm-ink: #16243a;
    --pcm-muted: #64748b;
    --pcm-border: #dce5ef;
    display: grid;
    grid-template-columns: minmax(390px, 0.95fr) minmax(520px, 1.25fr);
    min-height: 100vh;
    color: var(--pcm-ink);
    background: #f5f8fc;
}

.pcm-login button[b-z8l3j7ys6d],
.pcm-login input[b-z8l3j7ys6d],
.pcm-login select[b-z8l3j7ys6d] {
    margin: 0;
    font: inherit;
}

.pcm-brand[b-z8l3j7ys6d] {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: clamp(2rem, 4vw, 4.5rem);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 18%, rgba(93, 170, 255, 0.24), transparent 27%),
        linear-gradient(145deg, #0b5ab6 0%, var(--pcm-blue-dark) 48%, var(--pcm-blue-deep) 100%);
}

.pcm-brand[b-z8l3j7ys6d]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 48px 48px;
    content: "";
    mask-image: linear-gradient(to bottom, #000, transparent 84%);
}

.pcm-brand-glow[b-z8l3j7ys6d] {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
}

.pcm-brand-glow-one[b-z8l3j7ys6d] {
    right: -210px;
    bottom: -250px;
    width: 560px;
    height: 560px;
    box-shadow: 0 0 0 80px rgba(255,255,255,0.025), 0 0 0 160px rgba(255,255,255,0.018);
}

.pcm-brand-glow-two[b-z8l3j7ys6d] {
    top: 27%;
    right: 9%;
    width: 10px;
    height: 10px;
    border: 0;
    background: #70b6ff;
    box-shadow: 42px -40px 0 -3px rgba(255,255,255,0.58), -30px 50px 0 -2px rgba(255,255,255,0.28);
}

.pcm-logo-frame[b-z8l3j7ys6d] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    height: 52px;
    padding: 0.65rem 1rem;
    border-radius: 14px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 8px 24px rgba(0, 26, 63, 0.18);
}

.pcm-logo-frame img[b-z8l3j7ys6d] {
    width: 154px;
    height: auto;
}

.pcm-brand-copy[b-z8l3j7ys6d] {
    width: min(100%, 590px);
    margin: auto 0;
    padding: 5rem 0 3rem;
}

.pcm-brand-copy > span[b-z8l3j7ys6d] {
    display: block;
    margin-bottom: 1.3rem;
    color: #a9d3ff;
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pcm-brand-copy h1[b-z8l3j7ys6d] {
    margin: 0;
    max-width: 620px;
    color: #fff;
    font-size: clamp(2.65rem, 5vw, 4.6rem);
    font-weight: 720;
    letter-spacing: -0.055em;
    line-height: 1.03;
}

.pcm-brand-copy > p[b-z8l3j7ys6d] {
    max-width: 540px;
    margin: 1.8rem 0 2rem;
    color: rgba(235,244,255,0.78);
    font-size: clamp(0.98rem, 1.3vw, 1.12rem);
    line-height: 1.75;
}

.pcm-brand-copy ul[b-z8l3j7ys6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pcm-brand-copy li[b-z8l3j7ys6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0.58rem 0.8rem;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 10px;
    color: rgba(255,255,255,0.86);
    background: rgba(255,255,255,0.07);
    font-size: 0.78rem;
    font-weight: 600;
    backdrop-filter: blur(6px);
}

.pcm-brand-copy i[b-z8l3j7ys6d] {
    color: #8ad0ff;
    font-style: normal;
    font-weight: 900;
}

.pcm-brand-footer[b-z8l3j7ys6d] {
    margin: 0;
    color: rgba(255,255,255,0.62);
    font-size: 0.76rem;
}

.pcm-access[b-z8l3j7ys6d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2.5rem clamp(1.5rem, 5vw, 6.5rem) 1.5rem;
    background:
        radial-gradient(circle at 100% 0, rgba(20,99,198,0.07), transparent 30%),
        #f7f9fc;
}

.pcm-mobile-logo[b-z8l3j7ys6d] {
    display: none;
}

.pcm-card[b-z8l3j7ys6d] {
    width: min(100%, 500px);
    padding: clamp(2rem, 4vw, 3.2rem);
    border: 1px solid rgba(208,220,234,0.9);
    border-radius: 26px;
    background: rgba(255,255,255,0.97);
    box-shadow: 0 24px 70px rgba(24,58,97,0.11), 0 4px 14px rgba(24,58,97,0.04);
}

.pcm-loading[b-z8l3j7ys6d] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 2.2rem 0;
    text-align: center;
}

.pcm-loading > span[b-z8l3j7ys6d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 58px;
    height: 58px;
    margin-bottom: 1.2rem;
    border-radius: 18px;
    background: #edf5ff;
}

.pcm-loading i[b-z8l3j7ys6d] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2474cf;
    animation: pcm-loading-b-z8l3j7ys6d 900ms ease-in-out infinite alternate;
}

.pcm-loading i:nth-child(2)[b-z8l3j7ys6d] { animation-delay: 150ms; }
.pcm-loading i:nth-child(3)[b-z8l3j7ys6d] { animation-delay: 300ms; }

.pcm-loading strong[b-z8l3j7ys6d] {
    color: var(--pcm-ink);
    font-size: 1rem;
}

.pcm-loading p[b-z8l3j7ys6d] {
    margin: 0.4rem 0 0;
    color: var(--pcm-muted);
    font-size: 0.75rem;
}

@keyframes pcm-loading-b-z8l3j7ys6d {
    from { opacity: 0.35; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(-2px); }
}

.pcm-badge[b-z8l3j7ys6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.7rem;
    border: 1px solid #d8e8fb;
    border-radius: 999px;
    color: #2869b8;
    background: #f0f7ff;
    font-size: 0.7rem;
    font-weight: 750;
}

.pcm-badge span[b-z8l3j7ys6d] {
    width: 8px;
    height: 8px;
    border: 2px solid #2e79ce;
    border-radius: 2px;
}

.pcm-heading[b-z8l3j7ys6d] {
    margin: 1.45rem 0 1.8rem;
}

.pcm-heading-secondary[b-z8l3j7ys6d] {
    margin-top: 1.25rem;
}

.pcm-heading > span[b-z8l3j7ys6d] {
    display: block;
    margin-bottom: 0.5rem;
    color: #2872c7;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pcm-heading h2[b-z8l3j7ys6d] {
    margin: 0;
    color: var(--pcm-ink);
    font-size: clamp(1.7rem, 3vw, 2.05rem);
    font-weight: 750;
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.pcm-heading p[b-z8l3j7ys6d] {
    margin: 0.55rem 0 0;
    color: var(--pcm-muted);
    font-size: 0.88rem;
    line-height: 1.6;
}

.pcm-field + .pcm-field[b-z8l3j7ys6d] {
    margin-top: 1.05rem;
}

.pcm-field label[b-z8l3j7ys6d],
.pcm-label-row label[b-z8l3j7ys6d] {
    display: block;
    margin-bottom: 0.45rem;
    color: #34445b;
    font-size: 0.77rem;
    font-weight: 700;
}

.pcm-label-row[b-z8l3j7ys6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pcm-label-row > span[b-z8l3j7ys6d] {
    margin-bottom: 0.45rem;
    color: #91a0b2;
    font-size: 0.62rem;
}

.pcm-label-row > button[b-z8l3j7ys6d] {
    margin-bottom: 0.45rem;
    padding: 0;
    border: 0;
    color: #1767c5;
    background: transparent;
    font-size: 0.68rem;
    font-weight: 750;
    cursor: pointer;
}

.pcm-input-shell[b-z8l3j7ys6d],
.pcm-select-shell[b-z8l3j7ys6d] {
    position: relative;
    display: flex;
    align-items: center;
}

.pcm-input-shell input[b-z8l3j7ys6d],
.pcm-select-shell select[b-z8l3j7ys6d] {
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 1rem 0 3rem;
    border: 1px solid var(--pcm-border);
    border-radius: 12px;
    outline: none;
    color: var(--pcm-ink);
    background: #fbfcfe;
    font-size: 0.87rem;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.pcm-select-shell select[b-z8l3j7ys6d] {
    padding-right: 2.8rem;
    cursor: pointer;
    appearance: none;
}

.pcm-select-shell[b-z8l3j7ys6d]::after {
    position: absolute;
    right: 1rem;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: 1.5px solid #708196;
    border-bottom: 1.5px solid #708196;
    content: "";
    pointer-events: none;
    transform: rotate(45deg);
}

.pcm-input-shell input[b-z8l3j7ys6d]::placeholder {
    color: #9aa8ba;
}

.pcm-input-shell input:focus[b-z8l3j7ys6d],
.pcm-select-shell select:focus[b-z8l3j7ys6d] {
    border-color: #4088df;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(38,116,211,0.1);
}

.pcm-input-shell input:disabled[b-z8l3j7ys6d],
.pcm-select-shell select:disabled[b-z8l3j7ys6d] {
    cursor: wait;
    opacity: 0.72;
}

.pcm-input-error input[b-z8l3j7ys6d] {
    border-color: #c94655;
    background: #fffafb;
}

.pcm-field-icon[b-z8l3j7ys6d] {
    position: absolute;
    z-index: 1;
    left: 1rem;
    display: grid;
    place-items: center;
    width: 19px;
    height: 19px;
    border: 1.5px solid #7c8da3;
    border-radius: 50%;
    color: #718298;
    font-size: 0.56rem;
    font-weight: 800;
    pointer-events: none;
}

.pcm-field-icon-id[b-z8l3j7ys6d],
.pcm-field-icon-document[b-z8l3j7ys6d] {
    border-radius: 4px;
    font-size: 0.48rem;
}

.pcm-field-icon-lock[b-z8l3j7ys6d] {
    width: 17px;
    height: 14px;
    margin-top: 5px;
    margin-left: 1px;
    border-radius: 3px;
}

.pcm-field-icon-lock[b-z8l3j7ys6d]::before {
    position: absolute;
    top: -8px;
    left: 3px;
    width: 9px;
    height: 9px;
    border: 1.5px solid #7c8da3;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    content: "";
}

.pcm-password-shell input[b-z8l3j7ys6d] {
    padding-right: 4.6rem;
}

.pcm-password-shell button[b-z8l3j7ys6d] {
    position: absolute;
    z-index: 2;
    right: 0.8rem;
    padding: 0.3rem 0.2rem;
    border: 0;
    color: #4f6f95;
    background: transparent;
    font-size: 0.66rem;
    font-weight: 750;
    cursor: pointer;
}

.pcm-help[b-z8l3j7ys6d],
.pcm-error[b-z8l3j7ys6d] {
    display: block;
    margin-top: 0.38rem;
    font-size: 0.65rem;
    line-height: 1.45;
}

.pcm-help[b-z8l3j7ys6d] { color: #8594a6; }
.pcm-error[b-z8l3j7ys6d] { color: #b83443; font-weight: 650; }

.pcm-button[b-z8l3j7ys6d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 52px;
    margin-top: 1.5rem;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 12px;
    font-size: 0.86rem;
    font-weight: 750;
    cursor: pointer;
    transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}

.pcm-button-primary[b-z8l3j7ys6d] {
    color: #fff;
    background: linear-gradient(135deg, #1f78df, #0e58b4);
    box-shadow: 0 10px 22px rgba(17,93,184,0.24);
}

.pcm-button:hover:not(:disabled)[b-z8l3j7ys6d] {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.pcm-button:disabled[b-z8l3j7ys6d] {
    cursor: wait;
    opacity: 0.66;
}

.pcm-button:focus-visible[b-z8l3j7ys6d],
.pcm-login button:focus-visible[b-z8l3j7ys6d],
.pcm-login input:focus-visible[b-z8l3j7ys6d],
.pcm-login select:focus-visible[b-z8l3j7ys6d] {
    outline: 3px solid rgba(43,124,255,0.3);
    outline-offset: 2px;
}

.pcm-alert[b-z8l3j7ys6d] {
    margin: 0 0 1rem;
    padding: 0.78rem 0.9rem;
    border-radius: 10px;
    font-size: 0.7rem;
    line-height: 1.5;
}

.pcm-alert-warning[b-z8l3j7ys6d] {
    border: 1px solid #eedaa5;
    color: #75540f;
    background: #fff9e9;
}

.pcm-alert-error[b-z8l3j7ys6d] {
    margin-top: 1rem;
    margin-bottom: 0;
    border: 1px solid #efc8cd;
    color: #91313c;
    background: #fff5f6;
}

.pcm-current-instance[b-z8l3j7ys6d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.2rem;
    padding: 0.9rem;
    border: 1px solid #d9e7f6;
    border-radius: 14px;
    background: #f4f9ff;
}

.pcm-instance-letter[b-z8l3j7ys6d] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #2b7fdc, #155eb4);
    font-size: 0.66rem;
    font-weight: 800;
}

.pcm-current-instance div[b-z8l3j7ys6d] {
    min-width: 0;
}

.pcm-current-instance small[b-z8l3j7ys6d],
.pcm-current-instance strong[b-z8l3j7ys6d],
.pcm-current-instance div > span[b-z8l3j7ys6d] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcm-current-instance small[b-z8l3j7ys6d] { color: #6c87a6; font-size: 0.59rem; }
.pcm-current-instance strong[b-z8l3j7ys6d] { margin-top: 0.12rem; color: #2f435d; font-size: 0.76rem; }
.pcm-current-instance div > span[b-z8l3j7ys6d] { margin-top: 0.18rem; color: #8694a5; font-size: 0.61rem; }

.pcm-current-instance > button[b-z8l3j7ys6d] {
    padding: 0.35rem;
    border: 0;
    color: #1767c5;
    background: transparent;
    font-size: 0.66rem;
    font-weight: 750;
    cursor: pointer;
}

.pcm-instance-select[b-z8l3j7ys6d] {
    margin-bottom: 1.2rem;
}

.pcm-instance-action[b-z8l3j7ys6d] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.75rem;
    margin-top: 1.6rem;
    padding: 1.05rem;
    border: 1px solid #e0e8f1;
    border-radius: 14px;
    background: #f8fafc;
}

.pcm-instance-action > span[b-z8l3j7ys6d] {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    color: #1767c5;
    background: #e8f2ff;
    font-size: 1.2rem;
}

.pcm-instance-action strong[b-z8l3j7ys6d] { display: block; color: #34445b; font-size: 0.74rem; }
.pcm-instance-action p[b-z8l3j7ys6d] { margin: 0.25rem 0 0; color: #7a889a; font-size: 0.66rem; line-height: 1.45; }

.pcm-instance-action button[b-z8l3j7ys6d] {
    grid-column: 2;
    justify-self: start;
    margin-top: 0.45rem;
    padding: 0;
    border: 0;
    color: #1767c5;
    background: transparent;
    font-size: 0.68rem;
    font-weight: 800;
    cursor: pointer;
}

.pcm-empty[b-z8l3j7ys6d] {
    padding: 1.7rem 1.3rem;
    border: 1px dashed #cbd9e8;
    border-radius: 16px;
    background: #f8fbff;
    text-align: center;
}

.pcm-empty > span[b-z8l3j7ys6d] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin: 0 auto 0.85rem;
    border-radius: 14px;
    color: #1767c5;
    background: #e6f1ff;
    font-size: 1.5rem;
}

.pcm-empty strong[b-z8l3j7ys6d] { display: block; color: #2d4059; font-size: 0.83rem; }
.pcm-empty p[b-z8l3j7ys6d] { margin: 0.4rem auto 0; color: #78889b; font-size: 0.7rem; line-height: 1.5; }
.pcm-empty .pcm-button[b-z8l3j7ys6d] { margin-top: 1.15rem; }
.pcm-empty-compact[b-z8l3j7ys6d] { padding: 1.15rem; }

.pcm-back[b-z8l3j7ys6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0;
    border: 0;
    color: #60738b;
    background: transparent;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
}

.pcm-instance-list[b-z8l3j7ys6d] {
    display: grid;
    gap: 0.65rem;
}

.pcm-instance-item[b-z8l3j7ys6d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid #e0e8f1;
    border-radius: 14px;
    background: #fbfcfe;
    overflow: hidden;
}

.pcm-instance-item-active[b-z8l3j7ys6d] {
    border-color: #b9d5f5;
    background: #f3f8ff;
}

.pcm-instance-main[b-z8l3j7ys6d] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.78rem;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.pcm-instance-main > span:last-child[b-z8l3j7ys6d] { min-width: 0; }
.pcm-instance-main small[b-z8l3j7ys6d],
.pcm-instance-main strong[b-z8l3j7ys6d],
.pcm-instance-main i[b-z8l3j7ys6d] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcm-instance-main small[b-z8l3j7ys6d] { color: #6b83a0; font-size: 0.57rem; }
.pcm-instance-main strong[b-z8l3j7ys6d] { margin-top: 0.1rem; color: #30445c; font-size: 0.72rem; }
.pcm-instance-main i[b-z8l3j7ys6d] { margin-top: 0.16rem; color: #8794a5; font-size: 0.59rem; font-style: normal; }

.pcm-instance-buttons[b-z8l3j7ys6d] {
    display: flex;
    gap: 0.2rem;
    padding-right: 0.65rem;
}

.pcm-instance-buttons button[b-z8l3j7ys6d] {
    padding: 0.38rem 0.4rem;
    border: 0;
    color: #55708e;
    background: transparent;
    font-size: 0.61rem;
    font-weight: 700;
    cursor: pointer;
}

.pcm-instance-buttons .pcm-danger-link[b-z8l3j7ys6d] { color: #a33b47; }

.pcm-clear-all[b-z8l3j7ys6d] {
    display: block;
    margin: 1.1rem auto 0;
    padding: 0.35rem;
    border: 0;
    color: #9e3c47;
    background: transparent;
    font-size: 0.64rem;
    font-weight: 700;
    cursor: pointer;
}

.pcm-confirmation[b-z8l3j7ys6d] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(7,25,49,0.62);
    backdrop-filter: blur(4px);
}

.pcm-confirmation > div[b-z8l3j7ys6d] {
    width: min(100%, 390px);
    padding: 1.6rem;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(4,20,42,0.25);
    text-align: center;
}

.pcm-confirmation > div > span[b-z8l3j7ys6d] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0 auto 0.85rem;
    border-radius: 13px;
    color: #9a3c47;
    background: #fdecef;
    font-weight: 850;
}

.pcm-confirmation h3[b-z8l3j7ys6d] { margin: 0; color: #263a53; font-size: 1rem; }
.pcm-confirmation p[b-z8l3j7ys6d] { margin: 0.5rem 0 1.25rem; color: #6e7d90; font-size: 0.72rem; line-height: 1.55; }
.pcm-confirmation > div > div[b-z8l3j7ys6d] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.65rem; }

.pcm-confirmation button[b-z8l3j7ys6d] {
    min-height: 42px;
    border: 1px solid #dce4ed;
    border-radius: 10px;
    color: #52667e;
    background: #fff;
    font-size: 0.7rem;
    font-weight: 750;
    cursor: pointer;
}

.pcm-confirmation .pcm-confirm-danger[b-z8l3j7ys6d] {
    border-color: #bd4653;
    color: #fff;
    background: #b83f4c;
}

.pcm-privacy[b-z8l3j7ys6d] {
    margin: 1.2rem 0 0;
    color: #8795a7;
    font-size: 0.64rem;
    line-height: 1.5;
    text-align: center;
}

.pcm-install[b-z8l3j7ys6d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    width: min(100%, 500px);
    margin-top: 0.9rem;
    padding: 0.8rem;
    border: 1px solid #d7e4f2;
    border-radius: 16px;
    background: rgba(255,255,255,0.86);
    box-shadow: 0 8px 26px rgba(24,58,97,0.06);
}

.pcm-install-icon[b-z8l3j7ys6d] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 6px solid #f4f8fd;
    border-radius: 50%;
    color: #f4f8fd;
    background: #0f4c8f;
    box-shadow: 0 0 0 4px #081f3c;
    font-size: 0.88rem;
    font-weight: 850;
}

.pcm-install > div[b-z8l3j7ys6d] { min-width: 0; }

.pcm-install strong[b-z8l3j7ys6d] {
    display: block;
    color: #30445c;
    font-size: 0.72rem;
}

.pcm-install p[b-z8l3j7ys6d] {
    margin: 0.16rem 0 0;
    color: #738397;
    font-size: 0.62rem;
    line-height: 1.4;
}

.pcm-install small[b-z8l3j7ys6d] {
    display: block;
    margin-top: 0.22rem;
    color: #55708e;
    font-size: 0.58rem;
    line-height: 1.4;
}

.pcm-install > button[b-z8l3j7ys6d] {
    min-height: 36px;
    padding: 0.5rem 0.7rem;
    border: 1px solid #bdd4ee;
    border-radius: 10px;
    color: #0b55aa;
    background: #f3f8ff;
    font-size: 0.62rem;
    font-weight: 780;
    white-space: nowrap;
    cursor: pointer;
}

.pcm-install-dialog ol[b-z8l3j7ys6d] {
    margin: 1rem 0 1.25rem;
    padding-left: 1.35rem;
    color: #52667e;
    font-size: 0.72rem;
    line-height: 1.55;
    text-align: left;
}

.pcm-install-dialog li + li[b-z8l3j7ys6d] { margin-top: 0.45rem; }

.pcm-confirmation .pcm-install-dialog > button[b-z8l3j7ys6d] {
    min-width: 140px;
    border-color: #1463c6;
    color: #fff;
    background: #1463c6;
}

.pcm-footer[b-z8l3j7ys6d] {
    display: flex;
    justify-content: space-between;
    width: min(100%, 500px);
    margin-top: 1.4rem;
    color: #8896a8;
    font-size: 0.67rem;
}

@media (max-width: 960px) {
    .pcm-login[b-z8l3j7ys6d] {
        grid-template-columns: minmax(310px, 0.8fr) minmax(430px, 1.2fr);
    }

    .pcm-brand[b-z8l3j7ys6d] { padding: 2.5rem; }
    .pcm-brand-copy h1[b-z8l3j7ys6d] { font-size: clamp(2.5rem, 6vw, 3.4rem); }
    .pcm-brand-copy ul[b-z8l3j7ys6d] { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 760px) {
    .pcm-login[b-z8l3j7ys6d] { display: block; }
    .pcm-brand[b-z8l3j7ys6d] { display: none; }

    .pcm-access[b-z8l3j7ys6d] {
        justify-content: flex-start;
        min-height: 100svh;
        padding: 1.6rem 1rem max(1rem, env(safe-area-inset-bottom));
    }

    .pcm-mobile-logo[b-z8l3j7ys6d] {
        display: block;
        width: min(100%, 500px);
        margin: 0 auto 1.4rem;
    }

    .pcm-mobile-logo img[b-z8l3j7ys6d] { width: 128px; height: auto; }

    .pcm-card[b-z8l3j7ys6d] {
        margin: auto 0;
        padding: 2rem 1.3rem;
        border-radius: 20px;
        box-shadow: 0 16px 45px rgba(24,58,97,0.09);
    }

    .pcm-footer[b-z8l3j7ys6d] { margin-top: 1.5rem; }
}

@media (max-width: 440px) {
    .pcm-install[b-z8l3j7ys6d] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pcm-install > button[b-z8l3j7ys6d] {
        grid-column: 2;
        justify-self: start;
    }

    .pcm-instance-item[b-z8l3j7ys6d] { grid-template-columns: 1fr; }
    .pcm-instance-buttons[b-z8l3j7ys6d] { justify-content: flex-end; padding: 0 0.65rem 0.55rem; }
    .pcm-current-instance[b-z8l3j7ys6d] { grid-template-columns: auto minmax(0, 1fr); }
    .pcm-current-instance > button[b-z8l3j7ys6d] { grid-column: 2; justify-self: start; padding-left: 0; }
    .pcm-footer[b-z8l3j7ys6d] { align-items: center; flex-direction: column; gap: 0.2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .pcm-loading i[b-z8l3j7ys6d] { animation: none; }
}