/* /Components/Company/Layout/MainLayout.razor.rz.scp.css */
.page[b-o59f0tugtr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

header[b-o59f0tugtr] {
    background-color: #343a40; /* ��ɫ�������ο���Ʒ�� */
}

.content[b-o59f0tugtr] {
    padding-top: 1.1rem;
}

#blazor-error-ui[b-o59f0tugtr] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-o59f0tugtr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Company/Layout/NavMenu.razor.rz.scp.css */
.site-nav[b-g5zqjz8oym] {
    position: relative;
    color: #fff;
    background: #041525;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-nav__inner[b-g5zqjz8oym] {
    width: 100%;
    max-width: 1344px;
    min-height: 74px;
    display: flex;
    align-items: center;
    gap: 38px;
    margin-inline: auto;
    padding-inline: 24px;
}

.site-brand[b-g5zqjz8oym] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding-block: 5px;
    color: #fff;
    text-decoration: none;
}

.site-brand:hover[b-g5zqjz8oym] {
    color: #fff;
}

.site-brand__logo[b-g5zqjz8oym] {
    width: auto;
    height: 62px;
    display: block;
    object-fit: contain;
}

.site-brand__identity[b-g5zqjz8oym] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.site-brand__identity strong[b-g5zqjz8oym] {
    color: #fff;
    font-size: 1rem;
    font-weight: 680;
    letter-spacing: 0.035em;
    line-height: 1.2;
    white-space: nowrap;
}

.site-brand__identity small[b-g5zqjz8oym] {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.48rem;
    font-weight: 540;
    letter-spacing: 0.1em;
    line-height: 1.3;
    white-space: nowrap;
}

.site-nav__panel[b-g5zqjz8oym] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.site-nav__links[b-g5zqjz8oym] {
    display: flex;
    align-items: center;
    gap: clamp(18px, 2.2vw, 34px);
}

.site-nav__links[b-g5zqjz8oym]  a,
.site-nav__languages a[b-g5zqjz8oym] {
    position: relative;
    padding: 27px 0 24px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.site-nav__links[b-g5zqjz8oym]  a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 18px;
    left: 0;
    height: 2px;
    background: #2da2e1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 160ms ease;
}

.site-nav__links[b-g5zqjz8oym]  a:hover,
.site-nav__links[b-g5zqjz8oym]  a.active,
.site-nav__languages a:hover[b-g5zqjz8oym],
.site-nav__languages a.is-current[b-g5zqjz8oym] {
    color: #fff;
}

.site-nav__links[b-g5zqjz8oym]  a:hover::after,
.site-nav__links[b-g5zqjz8oym]  a.active::after {
    transform: scaleX(1);
}

.site-nav__languages[b-g5zqjz8oym] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-nav__languages span[b-g5zqjz8oym] {
    width: 1px;
    height: 13px;
    background: rgba(255, 255, 255, 0.24);
}

.site-nav__toggle[b-g5zqjz8oym] {
    width: 44px;
    height: 44px;
    display: none;
    flex: 0 0 44px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 2px;
    background: transparent;
}

.site-nav__toggle span[b-g5zqjz8oym] {
    width: 100%;
    height: 2px;
    display: block;
    margin: 4px 0;
    background: #fff;
    transition: transform 160ms ease, opacity 160ms ease;
}

.site-nav__toggle[aria-expanded="true"] span:nth-child(1)[b-g5zqjz8oym] {
    transform: translateY(6px) rotate(45deg);
}

.site-nav__toggle[aria-expanded="true"] span:nth-child(2)[b-g5zqjz8oym] {
    opacity: 0;
}

.site-nav__toggle[aria-expanded="true"] span:nth-child(3)[b-g5zqjz8oym] {
    transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 991.98px) {
    .site-nav__inner[b-g5zqjz8oym] {
        min-height: 68px;
        justify-content: space-between;
        gap: 18px;
        padding-inline: 18px;
    }

    .site-nav__toggle[b-g5zqjz8oym] {
        display: block;
    }

    .site-nav__panel[b-g5zqjz8oym] {
        position: absolute;
        z-index: 30;
        top: 100%;
        right: 0;
        left: 0;
        display: none;
        padding: 12px 18px 22px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: #041525;
    }

    .site-nav__panel.is-open[b-g5zqjz8oym] {
        display: block;
    }

    .site-nav__links[b-g5zqjz8oym] {
        display: grid;
        gap: 0;
    }

    .site-nav__links[b-g5zqjz8oym]  a {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 1rem;
    }

    .site-nav__links[b-g5zqjz8oym]  a::after {
        display: none;
    }

    .site-nav__languages[b-g5zqjz8oym] {
        justify-content: flex-end;
        padding-top: 17px;
    }

    .site-nav__languages a[b-g5zqjz8oym] {
        padding: 4px 0;
    }
}

@media (max-width: 413.98px) {
    .site-nav__inner[b-g5zqjz8oym] {
        padding-inline: 15px;
    }

    .site-brand[b-g5zqjz8oym] {
        gap: 10px;
        padding-block: 7px;
    }

    .site-brand__logo[b-g5zqjz8oym] {
        height: 48px;
    }

    .site-brand__identity strong[b-g5zqjz8oym] {
        font-size: 0.86rem;
        letter-spacing: 0.02em;
    }

    .site-brand__identity small[b-g5zqjz8oym] {
        max-width: 184px;
        overflow: hidden;
        font-size: 0.42rem;
        letter-spacing: 0.06em;
        text-overflow: ellipsis;
    }
}

@media (max-width: 359.98px) {
    .site-brand__logo[b-g5zqjz8oym] {
        height: 44px;
    }

    .site-brand__identity strong[b-g5zqjz8oym] {
        font-size: 0.8rem;
    }

    .site-brand__identity small[b-g5zqjz8oym] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-nav__links[b-g5zqjz8oym]  a::after,
    .site-nav__toggle span[b-g5zqjz8oym] {
        transition: none;
    }
}
/* /Components/Company/Pages/Index.razor.rz.scp.css */
.home-page[b-4cksgn3wna] {
    --marine-950: #041525;
    --marine-900: #071d31;
    --marine-800: #0b2a45;
    --electric-blue: #0d78bd;
    --steel-700: #425466;
    --steel-200: #d8e0e7;
    --off-white: #f3f6f8;
    color: var(--marine-950);
    background: #fff;
    overflow: clip;
}

.section-shell[b-4cksgn3wna] {
    width: 100%;
    max-width: 1248px;
    margin-inline: auto;
    padding-inline: 24px;
}

.home-hero[b-4cksgn3wna] {
    position: relative;
    min-height: clamp(580px, calc(100svh - 160px), 640px);
    display: flex;
    align-items: center;
    isolation: isolate;
    overflow: hidden;
    background: var(--marine-950);
}

.home-hero__image[b-4cksgn3wna],
.home-hero__overlay[b-4cksgn3wna] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.home-hero__image[b-4cksgn3wna] {
    z-index: -2;
    object-fit: cover;
    object-position: 68% center;
}

.home-hero__overlay[b-4cksgn3wna] {
    z-index: -1;
    background: linear-gradient(90deg, rgba(4, 21, 37, 0.96) 0%, rgba(4, 21, 37, 0.84) 43%, rgba(4, 21, 37, 0.2) 78%, rgba(4, 21, 37, 0.08) 100%);
}

.home-hero__content[b-4cksgn3wna] {
    padding-block: 64px 54px;
    color: #fff;
}

.eyebrow[b-4cksgn3wna] {
    margin: 0 0 20px;
    color: #77c9f6;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    line-height: 1.4;
}

.eyebrow--dark[b-4cksgn3wna] {
    color: var(--electric-blue);
}

.home-hero h1[b-4cksgn3wna] {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.52rem, 4.86vw, 4.5rem);
    font-weight: 650;
    letter-spacing: -0.045em;
    line-height: 1.08;
    text-wrap: balance;
}

.home-hero__lead[b-4cksgn3wna] {
    max-width: 670px;
    margin: 30px 0 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(1rem, 1.35vw, 1.16rem);
    line-height: 1.9;
}

.home-hero__actions[b-4cksgn3wna] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 38px;
}

.action-link[b-4cksgn3wna] {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 0.96rem;
    font-weight: 650;
    text-decoration: none;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.action-link--primary[b-4cksgn3wna] { background: var(--electric-blue); }
.action-link--primary:hover[b-4cksgn3wna] { color: #fff; background: #0a69a7; }
.action-link--secondary[b-4cksgn3wna] { border-color: rgba(255, 255, 255, 0.5); background: rgba(4, 21, 37, 0.18); }
.action-link--secondary:hover[b-4cksgn3wna] { color: #fff; border-color: #fff; background: rgba(255, 255, 255, 0.08); }

.home-hero__scope[b-4cksgn3wna] {
    max-width: 670px;
    display: flex;
    gap: 28px;
    margin: 56px 0 0;
    padding: 22px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    list-style: none;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.84rem;
    letter-spacing: 0.08em;
}

.home-section[b-4cksgn3wna] { padding-block: clamp(74px, 8vw, 112px); }
.home-section--light[b-4cksgn3wna] { background: #fff; }
.home-section--white[b-4cksgn3wna] { background: #fff; }
.home-section--marine[b-4cksgn3wna] {
    color: var(--marine-950);
    background: #fff;
}

.home-section--marine .eyebrow[b-4cksgn3wna] { color: var(--electric-blue); }

.section-heading[b-4cksgn3wna] {
    max-width: 760px;
    margin-bottom: clamp(42px, 5vw, 68px);
}

.section-heading h2[b-4cksgn3wna],
.home-cta h2[b-4cksgn3wna] {
    margin: 0;
    font-size: clamp(2rem, 3.6vw, 3.35rem);
    font-weight: 620;
    letter-spacing: -0.035em;
    line-height: 1.18;
}

.section-heading > p:last-child[b-4cksgn3wna],
.section-heading--split > p[b-4cksgn3wna],
.home-cta p[b-4cksgn3wna] {
    margin: 22px 0 0;
    color: var(--steel-700);
    font-size: 1.04rem;
    line-height: 1.85;
}

.section-heading--split[b-4cksgn3wna] {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
    gap: 64px;
    align-items: end;
}

.section-heading--split > p[b-4cksgn3wna] { max-width: 430px; margin: 0 0 4px; }
.section-heading--inverse h2[b-4cksgn3wna] { color: var(--marine-950); }
.section-heading--inverse > p:last-child[b-4cksgn3wna] { color: var(--steel-700); }

.capability-grid[b-4cksgn3wna] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #bcc9d3;
}

.capability-item[b-4cksgn3wna] {
    min-width: 0;
    padding: 34px 26px 8px 0;
    border-right: 1px solid #ccd6de;
}

.capability-item + .capability-item[b-4cksgn3wna] { padding-left: 26px; }
.capability-item:last-child[b-4cksgn3wna] { border-right: 0; }
.capability-item__index[b-4cksgn3wna] { color: var(--electric-blue); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; }
.capability-item h3[b-4cksgn3wna] { margin: 38px 0 15px; font-size: 1.28rem; font-weight: 650; }
.capability-item p[b-4cksgn3wna] { margin: 0; color: var(--steel-700); font-size: 0.96rem; line-height: 1.8; }

.solution-grid[b-4cksgn3wna] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.solution-card[b-4cksgn3wna] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--steel-200);
    background: #fff;
}

.solution-card__media[b-4cksgn3wna] {
    height: 280px;
    display: block;
    overflow: hidden;
    background: #edf1f4;
}

.solution-card__media img[b-4cksgn3wna] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 260ms ease;
}

.solution-card--featured .solution-card__media img[b-4cksgn3wna] { object-fit: contain; padding: 12px; }
.solution-card:hover .solution-card__media img[b-4cksgn3wna] { transform: scale(1.025); }
.solution-card__body[b-4cksgn3wna] { flex: 1; display: flex; flex-direction: column; padding: 28px; }
.solution-card__type[b-4cksgn3wna] { margin: 0 0 13px; color: var(--electric-blue); font-size: 0.69rem; font-weight: 700; letter-spacing: 0.15em; }
.solution-card h3[b-4cksgn3wna] { margin: 0; font-size: 1.42rem; font-weight: 650; }
.solution-card__body > p:not(.solution-card__type)[b-4cksgn3wna] { margin: 14px 0 24px; color: var(--steel-700); line-height: 1.75; }

.text-link[b-4cksgn3wna] {
    width: fit-content;
    margin-top: auto;
    color: var(--marine-800);
    font-weight: 650;
    text-decoration: none;
}

.text-link span[b-4cksgn3wna] { display: inline-block; margin-left: 6px; transition: transform 160ms ease; }
.text-link:hover[b-4cksgn3wna] { color: var(--electric-blue); }
.text-link:hover span[b-4cksgn3wna] { transform: translateX(4px); }
.text-link--large[b-4cksgn3wna] { font-size: 1.05rem; }
.text-link--light[b-4cksgn3wna] { color: #fff; }
.text-link--light:hover[b-4cksgn3wna] { color: #77c9f6; }
.section-action[b-4cksgn3wna] { display: flex; justify-content: flex-end; margin-top: 34px; }
.section-action--inverse[b-4cksgn3wna] { border-top: 1px solid rgba(255, 255, 255, 0.16); padding-top: 28px; }
.home-section--marine .section-action--inverse[b-4cksgn3wna] { border-top-color: var(--steel-200); }
.home-section--marine .text-link--light[b-4cksgn3wna] { color: var(--marine-800); }
.home-section--marine .text-link--light:hover[b-4cksgn3wna] { color: var(--electric-blue); }

.project-grid[b-4cksgn3wna] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, 270px);
    gap: 18px;
}

.project-item[b-4cksgn3wna] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--steel-200);
    background: var(--marine-800);
    box-shadow: 0 18px 42px rgba(4, 21, 37, 0.14);
}

.project-item--wide[b-4cksgn3wna] { grid-row: 1 / span 2; }
.project-item[b-4cksgn3wna]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4, 21, 37, 0.84) 0%, rgba(4, 21, 37, 0) 62%); }
.project-item img[b-4cksgn3wna] { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 300ms ease; }
.project-item:hover img[b-4cksgn3wna] { transform: scale(1.025); }
.project-item__content[b-4cksgn3wna] { position: absolute; z-index: 1; right: 28px; bottom: 26px; left: 28px; }
.project-item__content p[b-4cksgn3wna] { margin: 0 0 6px; color: rgba(255, 255, 255, 0.7); font-size: 0.78rem; letter-spacing: 0.08em; }
.project-item__content h3[b-4cksgn3wna] { margin: 0; color: #fff; font-size: 1.55rem; font-weight: 620; }

.home-cta[b-4cksgn3wna] {
    padding-block: clamp(72px, 8vw, 104px);
    color: #fff;
    background: var(--marine-800);
}

.home-cta__layout[b-4cksgn3wna] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: 64px;
    align-items: center;
}

.home-cta h2[b-4cksgn3wna] { color: #fff; }
.home-cta p[b-4cksgn3wna] { max-width: 660px; color: rgba(255, 255, 255, 0.78); }
.home-cta .eyebrow[b-4cksgn3wna] { color: #77c9f6; }
.home-cta__actions[b-4cksgn3wna] { display: flex; flex-direction: column; align-items: stretch; gap: 22px; }
.action-link--light[b-4cksgn3wna] { color: var(--marine-900); background: #fff; }
.action-link--light:hover[b-4cksgn3wna] { color: var(--marine-900); background: #eaf4fa; }
.home-cta__phone[b-4cksgn3wna] { color: #fff; text-decoration: none; }
.home-cta__phone span[b-4cksgn3wna], .home-cta__phone strong[b-4cksgn3wna] { display: block; }
.home-cta__phone span[b-4cksgn3wna] { margin-bottom: 4px; color: rgba(255, 255, 255, 0.68); font-size: 0.78rem; letter-spacing: 0.08em; }
.home-cta__phone strong[b-4cksgn3wna] { font-size: 1.22rem; font-weight: 600; }

.home-footer[b-4cksgn3wna]  .footer {
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.54);
    background: var(--marine-950);
}

.home-footer[b-4cksgn3wna]  .footer a { color: rgba(255, 255, 255, 0.72); }

.home-page[b-4cksgn3wna]  .trust-ecosystem {
    background: #fff;
}

@media (max-width: 1023.98px) {
    .capability-grid[b-4cksgn3wna] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .capability-item:nth-child(2)[b-4cksgn3wna] { border-right: 0; }
    .capability-item:nth-child(n + 3)[b-4cksgn3wna] { margin-top: 30px; border-top: 1px solid #ccd6de; }
    .solution-grid[b-4cksgn3wna] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .solution-card--featured[b-4cksgn3wna] { grid-column: 1 / -1; }
    .solution-card--featured .solution-card__media[b-4cksgn3wna] { height: 360px; }
    .home-cta__layout[b-4cksgn3wna] { grid-template-columns: 1fr; gap: 48px; }
    .home-cta__actions[b-4cksgn3wna] { max-width: 360px; }
}

@media (max-width: 767.98px) {
    .section-shell[b-4cksgn3wna] { padding-inline: 18px; }
    .home-hero[b-4cksgn3wna] { min-height: 560px; align-items: flex-start; }
    .home-hero__image[b-4cksgn3wna] { object-position: 67% center; }
    .home-hero__overlay[b-4cksgn3wna] { background: linear-gradient(180deg, rgba(4, 21, 37, 0.3) 0%, rgba(4, 21, 37, 0.72) 40%, rgba(4, 21, 37, 0.98) 100%); }
    .home-hero__content[b-4cksgn3wna] { padding-block: 70px 36px; }
    .home-hero h1[b-4cksgn3wna] { max-width: 520px; font-size: clamp(1.95rem, 8.4vw, 2.4rem); letter-spacing: -0.04em; }
    .home-hero__lead[b-4cksgn3wna] { margin-top: 22px; font-size: 0.98rem; line-height: 1.78; }
    .home-hero__actions[b-4cksgn3wna] { margin-top: 28px; }
    .action-link[b-4cksgn3wna] { flex: 1 1 150px; padding-inline: 16px; }
    .home-hero__scope[b-4cksgn3wna] { gap: 17px; margin-top: 34px; padding-top: 17px; font-size: 0.72rem; letter-spacing: 0.04em; }
    .section-heading--split[b-4cksgn3wna] { grid-template-columns: 1fr; gap: 18px; }
    .section-heading--split > p[b-4cksgn3wna] { max-width: none; }
    .capability-grid[b-4cksgn3wna], .solution-grid[b-4cksgn3wna], .project-grid[b-4cksgn3wna] { grid-template-columns: 1fr; }
    .capability-item[b-4cksgn3wna], .capability-item + .capability-item[b-4cksgn3wna] { padding: 28px 0; border-right: 0; border-bottom: 1px solid #ccd6de; }
    .capability-item:nth-child(n + 3)[b-4cksgn3wna] { margin-top: 0; border-top: 0; }
    .capability-item:last-child[b-4cksgn3wna] { border-bottom: 0; }
    .capability-item h3[b-4cksgn3wna] { margin-top: 20px; }
    .solution-card--featured[b-4cksgn3wna] { grid-column: auto; }
    .solution-card__media[b-4cksgn3wna], .solution-card--featured .solution-card__media[b-4cksgn3wna] { height: 240px; }
    .solution-card__body[b-4cksgn3wna] { padding: 24px; }
    .project-grid[b-4cksgn3wna] { grid-template-rows: none; }
    .project-item[b-4cksgn3wna], .project-item--wide[b-4cksgn3wna] { height: 270px; grid-row: auto; }
    .project-item__content[b-4cksgn3wna] { right: 20px; bottom: 20px; left: 20px; }
    .home-cta__actions[b-4cksgn3wna] { max-width: none; }
}

@media (max-width: 389.98px) {
    .section-shell[b-4cksgn3wna] { padding-inline: 16px; }
    .home-hero[b-4cksgn3wna] { min-height: 560px; }
    .home-hero__content[b-4cksgn3wna] { padding-bottom: 34px; }
    .home-hero h1[b-4cksgn3wna] { font-size: 1.9rem; }
    .home-hero__scope[b-4cksgn3wna] { justify-content: space-between; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .solution-card__media img[b-4cksgn3wna], .project-item img[b-4cksgn3wna], .text-link span[b-4cksgn3wna] { transition: none; }
}
/* /Components/Company/Shared/TrustEcosystem.razor.rz.scp.css */
.trust-ecosystem[b-nndk72y0xf] {
    padding-block: clamp(76px, 8vw, 112px);
    color: var(--site-marine-950);
    background: #e8eef2;
}

.trust-ecosystem__heading[b-nndk72y0xf] {
    max-width: 850px;
    margin-bottom: clamp(48px, 6vw, 76px);
}

.trust-ecosystem__heading h2[b-nndk72y0xf] {
    margin: 0;
    font-size: clamp(2.15rem, 4vw, 3.7rem);
    font-weight: 650;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.trust-ecosystem__heading > p:last-child[b-nndk72y0xf] {
    max-width: 760px;
    margin: 22px 0 0;
    color: var(--site-steel-600);
    font-size: clamp(1rem, 1.25vw, 1.1rem);
    line-height: 1.8;
}

.trust-block[b-nndk72y0xf] {
    padding-block: clamp(50px, 6vw, 78px);
    border-top: 1px solid #b7c4cf;
}

.trust-block__title[b-nndk72y0xf] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.trust-block__title > div > p[b-nndk72y0xf],
.trust-tools > div > p[b-nndk72y0xf] {
    margin: 0 0 9px;
    color: var(--site-blue-600);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.17em;
}

.trust-block__title h3[b-nndk72y0xf],
.trust-tools h3[b-nndk72y0xf] {
    margin: 0;
    font-size: clamp(1.55rem, 2.6vw, 2.3rem);
    font-weight: 650;
    letter-spacing: -0.025em;
    line-height: 1.18;
}

.trust-block__title > span[b-nndk72y0xf] {
    color: var(--site-blue-600);
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    font-weight: 300;
    line-height: 0.9;
}

.trust-block__title--copy > p[b-nndk72y0xf] {
    max-width: 440px;
    margin: 0 0 3px;
    color: var(--site-steel-600);
    line-height: 1.7;
}

.client-logo-grid[b-nndk72y0xf] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-top: 1px solid #c5d0d8;
    border-left: 1px solid #c5d0d8;
    background: #fff;
}

.client-logo[b-nndk72y0xf] {
    min-width: 0;
    min-height: 142px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 24px 16px 15px;
    border-right: 1px solid #c5d0d8;
    border-bottom: 1px solid #c5d0d8;
}

.client-logo img[b-nndk72y0xf] {
    width: 100%;
    height: 64px;
    object-fit: contain;
    filter: saturate(0.82);
}

.client-logo figcaption[b-nndk72y0xf] {
    min-height: 2.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--site-steel-600);
    font-size: 0.72rem;
    line-height: 1.35;
    text-align: center;
}

.credential-grid[b-nndk72y0xf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid #c5d0d8;
    background: #c5d0d8;
}

.credential-item[b-nndk72y0xf] {
    min-width: 0;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 22px;
    padding: 22px;
    color: var(--site-marine-950);
    background: #f8fafb;
    text-decoration: none;
    transition: background-color 160ms ease;
}

.credential-item:hover[b-nndk72y0xf] {
    color: var(--site-marine-950);
    background: #fff;
}

.credential-item__media[b-nndk72y0xf] {
    height: 142px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--site-steel-200);
    background: #fff;
}

.credential-item__media img[b-nndk72y0xf] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.credential-item__body[b-nndk72y0xf] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.credential-item strong[b-nndk72y0xf] {
    font-size: 0.98rem;
    font-weight: 650;
    line-height: 1.55;
}

.credential-item small[b-nndk72y0xf] {
    margin-top: 16px;
    color: var(--site-blue-600);
    font-size: 0.76rem;
}

.society-logo-grid[b-nndk72y0xf] {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    background: #fff;
}

.society-logo[b-nndk72y0xf] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 22px 12px 16px;
    border-right: 1px solid var(--site-steel-200);
}

.society-logo:last-child[b-nndk72y0xf] {
    border-right: 0;
}

.society-logo img[b-nndk72y0xf] {
    width: 100%;
    height: 58px;
    object-fit: contain;
}

.society-logo figcaption[b-nndk72y0xf] {
    color: var(--site-steel-600);
    font-size: 0.72rem;
    font-weight: 650;
}

.partner-grid[b-nndk72y0xf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid #c5d0d8;
    border-left: 1px solid #c5d0d8;
}

.partner-item[b-nndk72y0xf] {
    min-width: 0;
    padding: 26px 22px;
    border-right: 1px solid #c5d0d8;
    border-bottom: 1px solid #c5d0d8;
    background: rgba(255, 255, 255, 0.58);
}

.partner-item img[b-nndk72y0xf] {
    width: 100%;
    height: 58px;
    object-fit: contain;
    object-position: left center;
}

.partner-item h4[b-nndk72y0xf] {
    margin: 24px 0 10px;
    font-size: 1.08rem;
    font-weight: 680;
}

.partner-item p[b-nndk72y0xf] {
    margin: 0;
    color: var(--site-steel-600);
    font-size: 0.82rem;
    line-height: 1.65;
}

.trust-tools[b-nndk72y0xf] {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
    gap: 48px;
    align-items: center;
    padding-top: clamp(50px, 6vw, 78px);
    border-top: 1px solid #b7c4cf;
}

.tool-logo-grid[b-nndk72y0xf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    background: #fff;
}

.tool-logo[b-nndk72y0xf] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    padding: 18px 12px 12px;
    border-right: 1px solid var(--site-steel-200);
}

.tool-logo:last-child[b-nndk72y0xf] {
    border-right: 0;
}

.tool-logo img[b-nndk72y0xf] {
    width: 100%;
    height: 46px;
    object-fit: contain;
}

.tool-logo figcaption[b-nndk72y0xf] {
    color: var(--site-steel-600);
    font-size: 0.68rem;
}

@media (max-width: 1099.98px) {
    .client-logo-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .credential-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .society-logo-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .society-logo[b-nndk72y0xf] {
        border-bottom: 1px solid var(--site-steel-200);
    }

    .partner-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .trust-ecosystem[b-nndk72y0xf] {
        padding-block: 64px;
    }

    .trust-block__title[b-nndk72y0xf],
    .trust-block__title--copy[b-nndk72y0xf],
    .trust-tools[b-nndk72y0xf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .trust-block__title[b-nndk72y0xf] {
        display: flex;
    }

    .trust-block__title > span[b-nndk72y0xf] {
        font-size: 2.7rem;
    }

    .trust-block__title--copy > p[b-nndk72y0xf] {
        max-width: none;
    }

    .client-logo-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-logo[b-nndk72y0xf] {
        min-height: 120px;
        padding: 18px 10px 12px;
    }

    .client-logo img[b-nndk72y0xf] {
        height: 52px;
    }

    .credential-grid[b-nndk72y0xf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .credential-item[b-nndk72y0xf] {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 18px;
        padding: 17px;
    }

    .credential-item__media[b-nndk72y0xf] {
        height: 116px;
    }

    .society-logo-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .partner-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trust-tools[b-nndk72y0xf] {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }

    .tool-logo-grid[b-nndk72y0xf] {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tool-logo[b-nndk72y0xf] {
        border-bottom: 1px solid var(--site-steel-200);
    }
}

@media (max-width: 413.98px) {
    .client-logo-grid[b-nndk72y0xf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-grid[b-nndk72y0xf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .partner-item img[b-nndk72y0xf] {
        max-width: 180px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .credential-item[b-nndk72y0xf] {
        transition: none;
    }
}
/* /Components/Electrical/ElectricalSingleLine.razor.rz.scp.css */
.single-line-scroll[b-tt1bb8nylv] { max-width: 100%; overflow-x: auto; padding-bottom: .4rem; }
.electrical-single-line[b-tt1bb8nylv] { display: block; min-width: 860px; width: 100%; min-height: 430px; background: #f7fafc; border-radius: 8px; }
.equipment-group[b-tt1bb8nylv] { cursor: pointer; }.equipment-group:focus[b-tt1bb8nylv] { outline: none; }.equipment-group:focus .machine[b-tt1bb8nylv],.equipment-group:hover .machine[b-tt1bb8nylv] { stroke: var(--accent); stroke-width: 2; }
.machine[b-tt1bb8nylv] { fill: #fff; stroke: var(--border-medium); stroke-width: 1.5; }.online .machine[b-tt1bb8nylv] { stroke: var(--positive); }.trip .machine[b-tt1bb8nylv] { stroke: var(--critical); }.offline .machine[b-tt1bb8nylv] { stroke: var(--offline); }
.machine-symbol[b-tt1bb8nylv] { fill: var(--text-primary); font: 600 12px "Segoe UI",sans-serif; text-anchor: middle; }.equipment-label[b-tt1bb8nylv] { fill: var(--text-primary); font: 600 11px "Segoe UI",sans-serif; text-anchor: middle; }.equipment-reading[b-tt1bb8nylv] { fill: var(--text-tertiary); font: 10px "Segoe UI",sans-serif; text-anchor: middle; font-variant-numeric: tabular-nums; }
.conductor[b-tt1bb8nylv] { stroke-width: 2; }.conductor.energized[b-tt1bb8nylv] { stroke: #4c92b7; }.conductor.neutral[b-tt1bb8nylv] { stroke: var(--offline); stroke-dasharray: 4 3; }.bus[b-tt1bb8nylv] { stroke-width: 7; stroke-linecap: round; }.bus.energized[b-tt1bb8nylv] { stroke: #3e88af; }.bus.critical[b-tt1bb8nylv] { stroke: var(--critical); }.bus.offline[b-tt1bb8nylv] { stroke: var(--offline); }.bus-label[b-tt1bb8nylv] { fill: var(--text-secondary); font: 10px "Segoe UI",sans-serif; text-anchor: middle; }
.breaker[b-tt1bb8nylv] { fill: #fff; stroke-width: 2; }.breaker.closed[b-tt1bb8nylv] { stroke: var(--positive); }.breaker.open[b-tt1bb8nylv] { stroke: var(--offline); }.breaker.trip[b-tt1bb8nylv] { stroke: var(--critical); fill: var(--critical-soft); }
.shore-symbol[b-tt1bb8nylv] { fill: none; stroke: var(--text-secondary); stroke-width: 2; }.feeder-summary line[b-tt1bb8nylv] { stroke-width: 2; }.feeder-summary path[b-tt1bb8nylv] { fill: var(--accent); opacity: .7; }.feeder-summary text[b-tt1bb8nylv] { fill: var(--text-tertiary); font: 10px "Segoe UI",sans-serif; text-anchor: middle; }
.electrical-details[b-tt1bb8nylv] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; margin-top: .7rem; padding: .75rem; background: var(--bg-elevated); border-radius: 6px; }.electrical-details span[b-tt1bb8nylv],.electrical-details strong[b-tt1bb8nylv] { display: block; }.electrical-details span[b-tt1bb8nylv] { color: var(--text-tertiary); font-size: .62rem; }.electrical-details strong[b-tt1bb8nylv] { margin-top: .15rem; color: var(--text-primary); font-size: .74rem; font-weight: 550; font-variant-numeric: tabular-nums; }
@media (max-width:760px) { .electrical-single-line[b-tt1bb8nylv] { min-width: 820px; min-height: 400px; }.electrical-details[b-tt1bb8nylv] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
/* /Components/Fleet/WorldMap.razor.rz.scp.css */
.fleet-map[b-yfbz7f6372] { position: relative; width: 100%; min-width: 0; height: clamp(340px,34vw,500px); overflow: hidden; background: linear-gradient(160deg,#edf5f8,#e4eef3); border-radius: 8px; }
.fleet-map[b-yfbz7f6372]::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 45px rgba(82,107,124,.06); }
.fleet-map > img[b-yfbz7f6372],.fleet-map > svg[b-yfbz7f6372],.map-grid[b-yfbz7f6372] { position: absolute; inset: 0; width: 100%; height: 100%; }
.fleet-map > img[b-yfbz7f6372] { opacity: 1; filter: none; }
.fleet-map > svg[b-yfbz7f6372] { z-index: 2; }
.map-grid[b-yfbz7f6372] { opacity: .48; background-image: linear-gradient(rgba(82,107,124,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(82,107,124,.1) 1px,transparent 1px); background-size: 12.5% 25%; }
.vessel-marker[b-yfbz7f6372] { cursor: pointer; color: var(--positive); }
.marker-halo[b-yfbz7f6372] { fill: transparent; stroke: transparent; stroke-width: 1.5; }
.ship-shape[b-yfbz7f6372] { fill: currentColor; stroke: #fff; stroke-width: 1.3; }
.marker-state[b-yfbz7f6372] { fill: currentColor; stroke: #fff; stroke-width: 1.2; }
.vessel-marker.warning[b-yfbz7f6372] { color: var(--warning); }.vessel-marker.critical[b-yfbz7f6372] { color: var(--critical); }.vessel-marker.advisory[b-yfbz7f6372] { color: var(--advisory); }.vessel-marker.offline[b-yfbz7f6372] { color: var(--offline); }
.vessel-marker:hover .marker-halo[b-yfbz7f6372],.vessel-marker:focus .marker-halo[b-yfbz7f6372],.vessel-marker.selected .marker-halo[b-yfbz7f6372] { fill: transparent; stroke: var(--accent); }
.vessel-marker:focus[b-yfbz7f6372] { outline: none; }
.map-selection[b-yfbz7f6372] { position: absolute; z-index: 5; right: .75rem; top: .75rem; width: min(260px,calc(100% - 1.5rem)); padding: .9rem; color: var(--text-primary); background: rgba(255,255,255,.97); border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow-float); }
.map-selection > strong[b-yfbz7f6372],.map-selection > span[b-yfbz7f6372] { display: block; }.map-selection > strong[b-yfbz7f6372] { padding-right: 1.5rem; font-size: .9rem; }.map-selection > span[b-yfbz7f6372] { margin-top: .12rem; color: var(--text-secondary); font-size: .69rem; }
.map-selection-close[b-yfbz7f6372] { position: absolute; right: .38rem; top: .3rem; width: 32px; height: 32px; color: var(--text-secondary); background: transparent; border: 0; cursor: pointer; }
.map-selection dl[b-yfbz7f6372] { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin: .75rem 0; }.map-selection dl div[b-yfbz7f6372] { min-width: 0; }.map-selection dt[b-yfbz7f6372] { color: var(--text-tertiary); font-size: .61rem; }.map-selection dd[b-yfbz7f6372] { margin: .1rem 0 0; font-size: .74rem; font-variant-numeric: tabular-nums; }.map-selection a[b-yfbz7f6372] { font-size: .7rem; text-decoration: none; }
.map-legend[b-yfbz7f6372] { position: absolute; z-index: 4; left: .55rem; bottom: .5rem; display: flex; flex-wrap: wrap; gap: .65rem; padding: .35rem .55rem; color: var(--text-secondary); background: rgba(255,255,255,.9); border-radius: 5px; box-shadow: 0 1px 2px rgba(20,43,58,.08); font-size: .61rem; }.map-legend span[b-yfbz7f6372] { display: inline-flex; align-items: center; gap: .28rem; }.map-legend i[b-yfbz7f6372] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }.map-legend .healthy[b-yfbz7f6372] { color: var(--positive); }.map-legend .warning[b-yfbz7f6372] { color: var(--warning); }.map-legend .critical[b-yfbz7f6372] { color: var(--critical); }.map-legend .offline[b-yfbz7f6372] { color: var(--offline); }
.map-mobile-list[b-yfbz7f6372] { display: none; }.map-mobile-list a[b-yfbz7f6372] { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: .55rem; padding: .55rem 0; color: var(--text-primary); border-bottom: 1px solid var(--border); text-decoration: none; }.map-mobile-list strong[b-yfbz7f6372],.map-mobile-list small[b-yfbz7f6372] { display: block; }.map-mobile-list strong[b-yfbz7f6372] { font-size: .76rem; }.map-mobile-list small[b-yfbz7f6372] { margin-top: .1rem; color: var(--text-tertiary); font-size: .64rem; }.map-mobile-list .map-view-all[b-yfbz7f6372] { min-height: 44px; justify-content: flex-start; color: var(--brand); border-bottom: 0; font-size: .72rem; }
@media (max-width:700px) { .fleet-map[b-yfbz7f6372] { height: 190px; }.map-selection[b-yfbz7f6372] { display: none; }.map-mobile-list[b-yfbz7f6372] { display: block; margin-top: .45rem; }.map-legend[b-yfbz7f6372] { display: none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-4cs7wbq1or] { min-height: 100vh; display: grid; grid-template: 64px 1fr auto / 232px minmax(0, 1fr); }
.top-bar[b-4cs7wbq1or] { grid-column: 1 / -1; position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--border); backdrop-filter: blur(10px); }
.brand[b-4cs7wbq1or] { display: inline-flex; align-items: center; gap: 11px; color: var(--text-primary); text-decoration: none; }
.brand-mark[b-4cs7wbq1or] { width: 34px; height: 34px; display: grid; place-items: center; color: white; background: var(--brand); border-radius: 8px; font-size: .83rem; font-weight: 800; letter-spacing: .04em; }
.brand-copy[b-4cs7wbq1or] { display: grid; line-height: 1.08; }
.brand-copy strong[b-4cs7wbq1or] { font-size: .98rem; letter-spacing: -.015em; }
.brand-copy small[b-4cs7wbq1or] { margin-top: 4px; color: var(--text-muted); font-size: .67rem; letter-spacing: .035em; }
.top-tools[b-4cs7wbq1or] { display: flex; align-items: center; gap: 13px; }
.utc-clock[b-4cs7wbq1or] { display: flex; align-items: baseline; gap: 6px; padding-right: 13px; border-right: 1px solid var(--border); font-variant-numeric: tabular-nums; }
.utc-clock small[b-4cs7wbq1or] { color: var(--text-muted); font-size: .66rem; font-weight: 700; letter-spacing: .08em; }
.utc-clock strong[b-4cs7wbq1or] { font-size: .82rem; }
.simulation-badge[b-4cs7wbq1or] { padding: 5px 8px; color: #0d628f; background: var(--brand-soft); border-radius: 5px; font-size: .67rem; font-weight: 800; letter-spacing: .08em; }
.language-link[b-4cs7wbq1or] { color: var(--text-secondary); text-decoration: none; font-size: .82rem; font-weight: 650; }
.connection-state[b-4cs7wbq1or] { display: flex; align-items: center; gap: 6px; color: var(--text-secondary); font-size: .78rem; }
.connection-state i[b-4cs7wbq1or] { width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.menu-toggle[b-4cs7wbq1or] { display: none; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 7px; color: var(--text-primary); background: transparent; }
.side-rail[b-4cs7wbq1or] { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 14px 18px; background: var(--surface); border-right: 1px solid var(--border); }
.side-rail nav[b-4cs7wbq1or] { display: grid; gap: 4px; }
.nav-group[b-4cs7wbq1or] { margin: 0 12px 7px; color: var(--text-muted); font-size: .65rem; font-weight: 750; letter-spacing: .1em; }
.nav-group.secondary[b-4cs7wbq1or] { margin-top: 24px; }
.side-rail[b-4cs7wbq1or]  a, .mobile-drawer[b-4cs7wbq1or]  a { min-height: 44px; display: flex; align-items: center; gap: 11px; padding: 0 12px; color: var(--text-secondary); text-decoration: none; border-radius: 7px; font-size: .86rem; font-weight: 600; position: relative; }
.side-rail[b-4cs7wbq1or]  a:hover, .mobile-drawer[b-4cs7wbq1or]  a:hover { color: var(--text-primary); background: var(--surface-hover); }
.side-rail[b-4cs7wbq1or]  a.active { color: var(--brand); background: var(--brand-soft); }
.side-rail[b-4cs7wbq1or]  a.active::before { content: ""; position: absolute; left: 0; top: 11px; bottom: 11px; width: 3px; border-radius: 0 3px 3px 0; background: var(--brand); }
.rail-boundary[b-4cs7wbq1or] { display: flex; gap: 10px; align-items: flex-start; margin: 18px 7px 0; padding: 13px 11px; color: var(--text-secondary); background: var(--surface-soft); border-radius: 8px; }
.rail-boundary div[b-4cs7wbq1or] { display: grid; gap: 4px; }
.rail-boundary strong[b-4cs7wbq1or] { color: var(--text-primary); font-size: .74rem; }
.rail-boundary small[b-4cs7wbq1or] { color: var(--text-muted); font-size: .68rem; }
.main-workspace[b-4cs7wbq1or] { grid-column: 2; grid-row: 2; min-width: 0; padding: 30px 34px 44px; }
.app-footer[b-4cs7wbq1or] { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 28px; padding: 18px 32px 20px 256px; color: var(--text-muted); background: var(--surface); border-top: 1px solid var(--border); font-size: .72rem; }
.app-footer strong[b-4cs7wbq1or] { color: var(--text-secondary); font-size: .69rem; letter-spacing: .07em; }
.app-footer p[b-4cs7wbq1or] { max-width: 760px; margin: 5px 0 0; line-height: 1.5; }
.footer-links[b-4cs7wbq1or] { display: flex; gap: 18px; align-items: center; white-space: nowrap; }
.footer-links a[b-4cs7wbq1or] { color: var(--brand); text-decoration: none; }
.drawer-scrim[b-4cs7wbq1or], .mobile-drawer[b-4cs7wbq1or] { display: none; }
@media (max-width: 1023px) {
    .app-shell[b-4cs7wbq1or] { grid-template-columns: 76px minmax(0, 1fr); }
    .side-rail[b-4cs7wbq1or] { padding-inline: 9px; }
    .nav-group[b-4cs7wbq1or], .side-rail[b-4cs7wbq1or]  a:not(.active) { font-size: 0; }
    .side-rail[b-4cs7wbq1or]  a { justify-content: center; padding: 0; }
    .side-rail[b-4cs7wbq1or]  a .icon { width: 20px; height: 20px; }
    .side-rail[b-4cs7wbq1or]  a.active { font-size: 0; }
    .rail-boundary[b-4cs7wbq1or] { justify-content: center; }
    .rail-boundary div[b-4cs7wbq1or] { display: none; }
    .main-workspace[b-4cs7wbq1or] { padding: 26px 24px 40px; }
    .app-footer[b-4cs7wbq1or] { padding-left: 100px; }
}
@media (max-width: 767px) {
    .app-shell[b-4cs7wbq1or] { display: block; }
    .top-bar[b-4cs7wbq1or] { height: 58px; padding: 0 13px; }
    .brand-mark[b-4cs7wbq1or] { width: 32px; height: 32px; }
    .brand-copy small[b-4cs7wbq1or], .utc-clock[b-4cs7wbq1or], .desktop-tool[b-4cs7wbq1or] { display: none; }
    .top-tools[b-4cs7wbq1or] { gap: 8px; }
    .menu-toggle[b-4cs7wbq1or] { display: grid; }
    .side-rail[b-4cs7wbq1or] { display: none; }
    .main-workspace[b-4cs7wbq1or] { padding: 20px 16px 34px; }
    .app-footer[b-4cs7wbq1or] { display: grid; padding: 18px 18px 24px; }
    .footer-links[b-4cs7wbq1or] { justify-content: space-between; }
    .drawer-scrim[b-4cs7wbq1or] { display: block; position: fixed; inset: 58px 0 0; z-index: 70; border: 0; background: rgba(20,43,58,.24); }
    .mobile-drawer[b-4cs7wbq1or] { display: flex; flex-direction: column; position: fixed; z-index: 80; top: 58px; right: 0; bottom: 0; width: min(330px, 88vw); padding: 12px 14px 24px; background: var(--surface); box-shadow: -12px 0 32px rgba(20,43,58,.14); }
    .drawer-heading[b-4cs7wbq1or] { min-height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 8px; color: var(--text-muted); font-size: .72rem; font-weight: 750; letter-spacing: .08em; }
    .drawer-heading button[b-4cs7wbq1or] { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: var(--text-primary); }
    .mobile-drawer nav[b-4cs7wbq1or] { display: grid; gap: 3px; }
    .mobile-drawer[b-4cs7wbq1or]  a.active { color: var(--brand); background: var(--brand-soft); }
    .drawer-utilities[b-4cs7wbq1or] { display: grid; gap: 3px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--border); }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-oi50wzlf5n],
.components-reconnect-repeated-attempt-visible[b-oi50wzlf5n],
.components-reconnect-failed-visible[b-oi50wzlf5n],
.components-pause-visible[b-oi50wzlf5n],
.components-resume-failed-visible[b-oi50wzlf5n],
.components-rejoining-animation[b-oi50wzlf5n] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-retrying[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-failed[b-oi50wzlf5n],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-oi50wzlf5n] {
    display: block;
}


#components-reconnect-modal[b-oi50wzlf5n] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-oi50wzlf5n 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-oi50wzlf5n 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-oi50wzlf5n 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-oi50wzlf5n]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-oi50wzlf5n 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-oi50wzlf5n {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-oi50wzlf5n {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-oi50wzlf5n {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-oi50wzlf5n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-oi50wzlf5n] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-oi50wzlf5n] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-oi50wzlf5n] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-oi50wzlf5n] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-oi50wzlf5n] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-oi50wzlf5n] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-oi50wzlf5n 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-oi50wzlf5n] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-oi50wzlf5n {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}