/* _content/LawFirm.Web/Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-layout[b-fq32odklxp] {
    min-height: 100vh;
    background-color: #f4f6f8;
}

[b-fq32odklxp] .admin-header {
    height: 72px;
    padding: 0;
    color: #ffffff;
    background-color: #00273d;
    border-bottom: 3px solid #bc9c22;
    box-shadow: 0 4px 18px rgba(0, 39, 61, 0.18);
}

.admin-header-container[b-fq32odklxp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 72px;
    padding: 0 1.5rem;
}

.admin-header-left[b-fq32odklxp],
.admin-header-right[b-fq32odklxp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

[b-fq32odklxp] .admin-menu-button {
    color: #bc9c22 !important;
}

    [b-fq32odklxp] .admin-menu-button:hover {
        background-color: rgba(255, 255, 255, 0.08) !important;
    }

.admin-header-title[b-fq32odklxp] {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: 0.03rem;
}

.admin-user-information[b-fq32odklxp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-fq32odklxp] .admin-user-icon {
    color: #bc9c22 !important;
    font-size: 1.7rem;
}

.admin-user-name[b-fq32odklxp] {
    max-width: 220px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-logout-form[b-fq32odklxp] {
    margin: 0;
}

.admin-logout-button[b-fq32odklxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.5rem 1rem;
    color: #00273d;
    background-color: #bc9c22;
    border: 1px solid #bc9c22;
    border-radius: 22px;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 800;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

    .admin-logout-button:hover[b-fq32odklxp] {
        color: #ffffff;
        background-color: transparent;
        transform: translateY(-1px);
    }

[b-fq32odklxp] .admin-logout-icon {
    color: inherit !important;
    font-size: 1.1rem;
}

[b-fq32odklxp] .admin-sidebar {
    width: 280px;
    color: #ffffff;
    background-color: #00273d;
    border-right: 1px solid rgba(188, 156, 34, 0.35);
}

.admin-sidebar-brand[b-fq32odklxp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.admin-sidebar-logo[b-fq32odklxp] {
    display: block;
    width: auto !important;
    max-width: 215px;
    max-height: 78px;
    margin: 0 auto;
    object-fit: contain;
}

[b-fq32odklxp] .admin-sidebar-logo {
    display: block !important;
    width: auto !important;
    max-width: 215px !important;
    max-height: 78px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.admin-sidebar-label[b-fq32odklxp] {
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
}

[b-fq32odklxp] .admin-navigation {
    padding: 0.75rem 0;
    background-color: transparent !important;
    border: none !important;
}

    [b-fq32odklxp] .admin-navigation .rz-panel-menu {
        background-color: transparent !important;
        border: none !important;
    }

    [b-fq32odklxp] .admin-navigation .rz-navigation-item-link {
        min-height: 52px;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        color: rgba(255, 255, 255, 0.86) !important;
        background-color: transparent !important;
        border-left: 4px solid transparent;
        font-weight: 500;
    }

        [b-fq32odklxp] .admin-navigation .rz-navigation-item-link:hover {
            color: #bc9c22 !important;
            background-color: rgba(255, 255, 255, 0.06) !important;
            border-left-color: #bc9c22;
        }

    [b-fq32odklxp] .admin-navigation .rz-navigation-item-icon {
        color: #bc9c22 !important;
    }

    [b-fq32odklxp] .admin-navigation .rz-state-active > .rz-navigation-item-link {
        color: #ffffff !important;
        background-color: rgba(188, 156, 34, 0.12) !important;
        border-left-color: #bc9c22;
    }

[b-fq32odklxp] .admin-body {
    padding: 0 !important;
    background-color: #f4f6f8;
}

.admin-content[b-fq32odklxp] {
    width: 100%;
    min-height: calc(100vh - 72px);
    padding: 2rem;
}

@media (max-width: 768px) {
    .admin-header-container[b-fq32odklxp] {
        padding: 0 0.75rem;
    }

    .admin-header-title[b-fq32odklxp],
    .admin-user-name[b-fq32odklxp] {
        display: none;
    }

    [b-fq32odklxp] .admin-sidebar {
        width: min(280px, 86vw);
    }

    .admin-content[b-fq32odklxp] {
        padding: 1.25rem;
    }

    .admin-logout-button[b-fq32odklxp] {
        width: 42px;
        min-width: 42px;
        padding: 0;
        justify-content: center;
    }

    .admin-logout-text[b-fq32odklxp] {
        display: none;
    }

    [b-fq32odklxp] .admin-change-password-button {
        flex: 0 0 38px;
        width: 38px;
        min-width: 38px !important;
        height: 38px;
        padding: 0 !important;
        color: #bc9c22 !important;
        background-color: transparent !important;
        border: none !important;
        border-radius: 50% !important;
    }

        [b-fq32odklxp] .admin-change-password-button:hover {
            color: #00273d !important;
            background-color: #bc9c22 !important;
        }

        [b-fq32odklxp] .admin-change-password-button:focus-visible {
            outline: 3px solid rgba(188, 156, 34, 0.4);
            outline-offset: 2px;
        }
}
/* _content/LawFirm.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.law-site[b-dprzvn575g] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.law-site-content[b-dprzvn575g] {
    flex: 1;
    width: 100%;
}
/* _content/LawFirm.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-mjfet0w5ru] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-mjfet0w5ru] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-mjfet0w5ru] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-mjfet0w5ru] {
    font-size: 1.1rem;
}

.bi[b-mjfet0w5ru] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-mjfet0w5ru] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-mjfet0w5ru] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-mjfet0w5ru] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-mjfet0w5ru] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-mjfet0w5ru] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mjfet0w5ru] {
        padding-bottom: 1rem;
    }

    .nav-item[b-mjfet0w5ru]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-mjfet0w5ru]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-mjfet0w5ru]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-mjfet0w5ru] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-mjfet0w5ru] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-mjfet0w5ru] {
        display: none;
    }

    .nav-scrollable[b-mjfet0w5ru] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/LawFirm.Web/Components/Pages/About.razor.rz.scp.css */
.about-page[b-gw56wg9bj5] {
    width: 100%;
    min-height: 100vh;
    padding: 150px 0 80px;
    background-color: #ffffff;
}

.about-container[b-gw56wg9bj5] {
    width: min(1500px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

/* Header */

.about-header[b-gw56wg9bj5] {
    max-width: 950px;
    margin: 0 auto 2rem;
    text-align: center;
}

[b-gw56wg9bj5] .about-title {
    margin: 0 0 0.75rem;
    color: #00273d !important;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 800;
    letter-spacing: 0.03rem;
}

[b-gw56wg9bj5] .about-subtitle {
    max-width: 850px;
    margin: 0 auto;
    color: #334155 !important;
    font-size: clamp(1rem, 2vw, 1.15rem);
    line-height: 1.8;
}

/* Carousel */

.about-carousel-wrapper[b-gw56wg9bj5],
.about-carousel-placeholder[b-gw56wg9bj5] {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #00273d;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 39, 61, 0.18);
}

[b-gw56wg9bj5] .about-carousel {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    background-color: #00273d !important;
    border-radius: 18px;
}

    [b-gw56wg9bj5] .about-carousel .rz-carousel-items {
        width: 100% !important;
        height: 100% !important;
    }

    [b-gw56wg9bj5] .about-carousel .rz-carousel-item {
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        overflow: hidden;
    }

[b-gw56wg9bj5] .about-carousel-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

[b-gw56wg9bj5] .about-carousel .rz-carousel-prev,
[b-gw56wg9bj5] .about-carousel .rz-carousel-next {
    width: 54px;
    height: 54px;
    color: #ffffff !important;
    background-color: rgba(0, 39, 61, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 50% !important;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

    [b-gw56wg9bj5] .about-carousel .rz-carousel-prev:hover,
    [b-gw56wg9bj5] .about-carousel .rz-carousel-next:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        transform: scale(1.04);
    }

[b-gw56wg9bj5] .about-carousel .rz-carousel-pager {
    bottom: 18px;
}

[b-gw56wg9bj5] .about-carousel .rz-carousel-pager-button {
    color: #ffffff !important;
}

    [b-gw56wg9bj5] .about-carousel .rz-carousel-pager-button.rz-state-active {
        color: #bc9c22 !important;
    }

/* Carousel Placeholder */

.about-carousel-placeholder[b-gw56wg9bj5] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-gw56wg9bj5] .about-carousel-placeholder-image {
    display: block !important;
    width: min(420px, 70%) !important;
    height: auto !important;
    max-height: 75% !important;
    object-fit: contain !important;
}

/* Main Content */

.about-content[b-gw56wg9bj5] {
    margin-top: 4rem;
}

[b-gw56wg9bj5] .mission-vision-row {
    align-items: flex-start !important;
}

    [b-gw56wg9bj5] .mission-vision-row > .rz-col-12 {
        align-self: flex-start !important;
    }

/* Mission and Vision Cards */

.about-info-card[b-gw56wg9bj5] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 365px;
    padding: 2.5rem;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.12);
    border-top: 5px solid #bc9c22;
    border-radius: 20px;
    box-shadow: 0 14px 38px rgba(0, 39, 61, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .about-info-card[b-gw56wg9bj5]::before {
        position: absolute;
        top: -85px;
        right: -85px;
        width: 190px;
        height: 190px;
        background-color: rgba(188, 156, 34, 0.08);
        border-radius: 50%;
        content: "";
        pointer-events: none;
    }

    .about-info-card:hover[b-gw56wg9bj5] {
        transform: translateY(-5px);
        border-color: rgba(188, 156, 34, 0.45);
        box-shadow: 0 20px 48px rgba(0, 39, 61, 0.16);
    }

.about-card-icon-wrapper[b-gw56wg9bj5] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-bottom: 1.5rem;
    background-color: #00273d;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 39, 61, 0.2);
}

[b-gw56wg9bj5] .about-card-icon {
    color: #bc9c22 !important;
    font-size: 2rem;
}

[b-gw56wg9bj5] .about-section-heading {
    position: relative;
    z-index: 1;
    margin: 0 0 1rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-gw56wg9bj5] .about-section-overview {
    position: relative;
    z-index: 1;
    margin: 0 0 1.25rem;
    color: #334155 !important;
    font-size: 1.05rem;
    line-height: 1.8;
}

.about-card-expanded-content[b-gw56wg9bj5] {
    position: relative;
    z-index: 1;
    margin: 0 0 1.5rem;
    padding: 1.25rem;
    background-color: #f8fafc;
    border-left: 4px solid #bc9c22;
    border-radius: 0 12px 12px 0;
    animation: expandContent-b-gw56wg9bj5 0.3s ease;
}

[b-gw56wg9bj5] .about-section-text {
    margin: 0;
    color: #475569 !important;
    font-size: 1rem;
    line-height: 1.85;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

[b-gw56wg9bj5] .about-read-more-button {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    min-width: 145px;
    margin-top: auto;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 30px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important;
}

    [b-gw56wg9bj5] .about-read-more-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
        transform: translateY(-2px);
    }

    [b-gw56wg9bj5] .about-read-more-button .rz-button-icon {
        color: inherit !important;
    }

/* Firm Description */

.about-description-section[b-gw56wg9bj5] {
    margin-top: 4rem;
    padding: 4rem;
    background-color: #f8fafc;
    border: 1px solid rgba(0, 39, 61, 0.06);
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(0, 39, 61, 0.08);
}

.about-description-heading[b-gw56wg9bj5] {
    padding-right: 2rem;
}

[b-gw56wg9bj5] .about-description-title {
    margin: 0;
    color: #00273d !important;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 800;
    line-height: 1.25;
}

.about-title-accent[b-gw56wg9bj5] {
    width: 80px;
    height: 5px;
    margin-top: 1.25rem;
    background-color: #bc9c22;
    border-radius: 10px;
}

.about-description-content[b-gw56wg9bj5] {
    padding-left: 2rem;
    border-left: 1px solid rgba(0, 39, 61, 0.15);
}

[b-gw56wg9bj5] .about-description-text {
    margin: 0 0 1.25rem;
    color: #475569 !important;
    font-size: 1.05rem;
    line-height: 1.9;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

    [b-gw56wg9bj5] .about-description-text:last-child {
        margin-bottom: 0;
    }

/* Loading, Error and Empty States */

.about-state-container[b-gw56wg9bj5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 520px;
    padding: 2rem;
    text-align: center;
}

[b-gw56wg9bj5] .about-loading-progress {
    width: min(360px, 100%);
}

[b-gw56wg9bj5] .about-state-text {
    max-width: 620px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.75;
}

.about-error-container[b-gw56wg9bj5] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 16px;
}

[b-gw56wg9bj5] .about-error-icon {
    color: #b42318 !important;
    font-size: 3.25rem;
}

[b-gw56wg9bj5] .about-error-title {
    margin: 0;
    color: #7a271a !important;
    font-weight: 800;
}

[b-gw56wg9bj5] .about-error-text {
    max-width: 620px;
    margin: 0;
    color: #b42318 !important;
    line-height: 1.75;
}

[b-gw56wg9bj5] .about-retry-button {
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-gw56wg9bj5] .about-retry-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
    }

.about-empty-icon-container[b-gw56wg9bj5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-gw56wg9bj5] .about-empty-icon {
    color: #bc9c22 !important;
    font-size: 2.7rem;
}

[b-gw56wg9bj5] .about-empty-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800;
}

/* Expansion Animation */

@keyframes expandContent-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* About Page Entrance Animations */

.about-animate-header[b-gw56wg9bj5] {
    animation: about-header-enter-b-gw56wg9bj5 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.about-animate-carousel[b-gw56wg9bj5] {
    animation: about-carousel-enter-b-gw56wg9bj5 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.12s;
}

.about-animate-mission[b-gw56wg9bj5] {
    animation: about-mission-enter-b-gw56wg9bj5 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.24s;
}

.about-animate-vision[b-gw56wg9bj5] {
    animation: about-vision-enter-b-gw56wg9bj5 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.34s;
}

.about-animate-description[b-gw56wg9bj5] {
    animation: about-description-enter-b-gw56wg9bj5 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.44s;
}

@keyframes about-header-enter-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes about-carousel-enter-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes about-mission-enter-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateX(-34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes about-vision-enter-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateX(34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes about-description-enter-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateY(34px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mission and Vision Card Animation */

.about-info-card[b-gw56wg9bj5] {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .about-info-card:hover[b-gw56wg9bj5] {
        transform: translateY(-7px);
        border-color: rgba(188, 156, 34, 0.55);
        box-shadow: 0 24px 52px rgba(0, 39, 61, 0.17);
    }

    .about-info-card[b-gw56wg9bj5]::before {
        transition: background-color 0.35s ease, transform 0.45s ease;
    }

    .about-info-card:hover[b-gw56wg9bj5]::before {
        background-color: rgba(188, 156, 34, 0.13);
        transform: translate(-12px, 12px) scale(1.1);
    }

/* Card Icon Animation */

.about-card-icon-wrapper[b-gw56wg9bj5] {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

[b-gw56wg9bj5] .about-card-icon {
    color: #bc9c22 !important;
    font-size: 2rem;
    transition: color 0.3s ease, transform 0.3s ease;
}

.about-info-card:hover .about-card-icon-wrapper[b-gw56wg9bj5] {
    background-color: #bc9c22;
    box-shadow: 0 12px 26px rgba(188, 156, 34, 0.26);
    transform: translateY(-3px) rotate(-3deg) scale(1.04);
}

.about-info-card:hover[b-gw56wg9bj5]  .about-card-icon {
    color: #00273d !important;
    transform: scale(1.05);
}

/* Expanded Content Animation */

.about-card-expanded-content[b-gw56wg9bj5] {
    animation: expand-content-b-gw56wg9bj5 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes expand-content-b-gw56wg9bj5 {
    from {
        opacity: 0;
        transform: translateY(-10px) scaleY(0.97);
        transform-origin: top;
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
        transform-origin: top;
    }
}

/* Carousel Image Animation */

[b-gw56wg9bj5] .about-carousel-image {
    animation: about-carousel-image-enter 0.75s ease-out both;
    transition: transform 1.2s ease, filter 0.5s ease;
}

.about-carousel-wrapper:hover[b-gw56wg9bj5]  .about-carousel-image {
    transform: scale(1.025);
}

/* Small Desktop */

@media (max-width: 1200px) {
    .about-carousel-wrapper[b-gw56wg9bj5],
    .about-carousel-placeholder[b-gw56wg9bj5] {
        height: 380px;
    }
}

/* Tablet */

@media (max-width: 992px) {
    .about-page[b-gw56wg9bj5] {
        padding-top: 130px;
    }

    .about-carousel-wrapper[b-gw56wg9bj5],
    .about-carousel-placeholder[b-gw56wg9bj5] {
        height: 350px;
        border-radius: 16px;
    }

    [b-gw56wg9bj5] .about-carousel {
        border-radius: 16px;
    }

    .about-content[b-gw56wg9bj5] {
        margin-top: 3rem;
    }

    .about-description-section[b-gw56wg9bj5] {
        margin-top: 3rem;
        padding: 3rem;
    }

    .about-description-heading[b-gw56wg9bj5] {
        padding-right: 0;
    }

    .about-description-content[b-gw56wg9bj5] {
        padding-top: 1rem;
        padding-left: 0;
        border-left: none;
    }
}

/* Small Tablet */

@media (max-width: 768px) {
    .about-container[b-gw56wg9bj5] {
        padding: 0 1.25rem;
    }

    .about-carousel-wrapper[b-gw56wg9bj5],
    .about-carousel-placeholder[b-gw56wg9bj5] {
        height: 310px;
        border-radius: 14px;
    }

    [b-gw56wg9bj5] .about-carousel {
        border-radius: 14px;
    }

        [b-gw56wg9bj5] .about-carousel .rz-carousel-prev,
        [b-gw56wg9bj5] .about-carousel .rz-carousel-next {
            width: 42px;
            height: 42px;
        }

    .about-info-card[b-gw56wg9bj5] {
        min-height: auto;
        padding: 2rem;
    }

    .about-description-section[b-gw56wg9bj5] {
        padding: 2rem;
        border-radius: 18px;
    }

    .about-state-container[b-gw56wg9bj5] {
        min-height: 440px;
    }
}

/* Mobile */

@media (max-width: 575px) {
    .about-page[b-gw56wg9bj5] {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .about-container[b-gw56wg9bj5] {
        padding: 0 1rem;
    }

    .about-header[b-gw56wg9bj5] {
        margin-bottom: 1.5rem;
    }

    .about-carousel-wrapper[b-gw56wg9bj5],
    .about-carousel-placeholder[b-gw56wg9bj5] {
        height: 260px;
        border-radius: 12px;
    }

    [b-gw56wg9bj5] .about-carousel {
        border-radius: 12px;
    }

        [b-gw56wg9bj5] .about-carousel .rz-carousel-prev,
        [b-gw56wg9bj5] .about-carousel .rz-carousel-next {
            width: 38px;
            height: 38px;
        }

        [b-gw56wg9bj5] .about-carousel .rz-carousel-pager {
            bottom: 10px;
        }

    .about-content[b-gw56wg9bj5] {
        margin-top: 2.5rem;
    }

    .about-info-card[b-gw56wg9bj5] {
        min-height: auto;
        padding: 1.5rem;
        border-radius: 16px;
    }

    .about-card-icon-wrapper[b-gw56wg9bj5] {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }

    [b-gw56wg9bj5] .about-card-icon {
        font-size: 1.7rem;
    }

    [b-gw56wg9bj5] .about-section-overview {
        font-size: 1rem;
        line-height: 1.7;
    }

    .about-card-expanded-content[b-gw56wg9bj5] {
        padding: 1rem;
    }

    [b-gw56wg9bj5] .about-section-text {
        font-size: 0.95rem;
        line-height: 1.75;
    }

    [b-gw56wg9bj5] .about-read-more-button {
        width: 100%;
    }

    .about-description-section[b-gw56wg9bj5] {
        margin-top: 2.5rem;
        padding: 1.5rem;
        border-radius: 16px;
    }

    [b-gw56wg9bj5] .about-description-text {
        font-size: 1rem;
        line-height: 1.8;
    }

    .about-state-container[b-gw56wg9bj5] {
        min-height: 380px;
        padding: 1.5rem;
    }

    [b-gw56wg9bj5] .about-carousel-placeholder-image {
        width: min(260px, 72%) !important;
        max-height: 70% !important;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/About.razor.rz.scp.css */
.admin-about-page[b-z15u1jmk8c] {
    width: 100%;
}

.admin-about-header[b-z15u1jmk8c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

[b-z15u1jmk8c] .admin-about-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-z15u1jmk8c] .admin-about-subtitle {
    max-width: 820px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-z15u1jmk8c] .view-about-button {
    flex-shrink: 0;
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

.about-settings-layout[b-z15u1jmk8c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1.5rem;
    align-items: start;
}

.about-settings-main[b-z15u1jmk8c] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

.about-settings-sidebar[b-z15u1jmk8c] {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

[b-z15u1jmk8c] .about-settings-card,
[b-z15u1jmk8c] .about-sidebar-card,
[b-z15u1jmk8c] .about-save-card,
[b-z15u1jmk8c] .carousel-manager-card,
[b-z15u1jmk8c] .about-loading-card {
    padding: 1.75rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07) !important;
}

[b-z15u1jmk8c] .about-settings-card,
[b-z15u1jmk8c] .carousel-manager-card {
    border-top: 4px solid #bc9c22 !important;
}

.settings-card-heading[b-z15u1jmk8c],
.sidebar-heading[b-z15u1jmk8c] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.settings-icon-container[b-z15u1jmk8c] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-z15u1jmk8c] .settings-icon,
[b-z15u1jmk8c] .sidebar-heading-icon {
    color: #bc9c22 !important;
    font-size: 1.35rem;
}

[b-z15u1jmk8c] .settings-card-title,
[b-z15u1jmk8c] .sidebar-title {
    margin: 0 0 0.25rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-z15u1jmk8c] .settings-card-description,
[b-z15u1jmk8c] .sidebar-description {
    margin: 0;
    color: #64748b !important;
    line-height: 1.55;
}

.settings-divider[b-z15u1jmk8c] {
    width: 100%;
    height: 1px;
    margin: 1.35rem 0;
    background-color: #e2e8f0;
}

.form-field[b-z15u1jmk8c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

[b-z15u1jmk8c] .form-field .rz-label {
    color: #00273d !important;
    font-size: 0.88rem;
    font-weight: 700;
}

[b-z15u1jmk8c] .form-control-full {
    width: 100% !important;
}

[b-z15u1jmk8c] .large-text-area {
    min-height: 150px;
    line-height: 1.65;
}

.field-help[b-z15u1jmk8c] {
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.5;
}

[b-z15u1jmk8c] .rz-message {
    color: #b42318 !important;
    font-size: 0.8rem;
}

.visibility-control[b-z15u1jmk8c],
.carousel-active-control[b-z15u1jmk8c],
.carousel-item-status[b-z15u1jmk8c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

    .visibility-title[b-z15u1jmk8c],
    .visibility-description[b-z15u1jmk8c],
    .carousel-active-control strong[b-z15u1jmk8c],
    .carousel-active-control span[b-z15u1jmk8c] {
        display: block;
    }

    .visibility-title[b-z15u1jmk8c],
    .carousel-active-control strong[b-z15u1jmk8c] {
        color: #00273d;
        font-size: 0.86rem;
        font-weight: 800;
    }

    .visibility-description[b-z15u1jmk8c],
    .carousel-active-control span[b-z15u1jmk8c] {
        margin-top: 0.2rem;
        color: #64748b;
        font-size: 0.74rem;
        line-height: 1.4;
    }

.visibility-status[b-z15u1jmk8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.75rem;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 700;
}

.visibility-active[b-z15u1jmk8c] {
    color: #166534;
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.visibility-hidden[b-z15u1jmk8c] {
    color: #92400e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
}

[b-z15u1jmk8c] .visibility-status-icon {
    color: inherit !important;
}

[b-z15u1jmk8c] .about-preview-card {
    color: #ffffff;
    background-color: #00273d !important;
    border-top: 4px solid #bc9c22 !important;
}

.preview-eyebrow[b-z15u1jmk8c] {
    display: block;
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.about-preview-card h3[b-z15u1jmk8c] {
    margin: 0.45rem 0;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
}

.about-preview-card strong[b-z15u1jmk8c] {
    display: block;
    margin-top: 1rem;
    color: #bc9c22;
}

.about-preview-card p[b-z15u1jmk8c] {
    margin: 0.4rem 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.8rem;
    line-height: 1.6;
}

.preview-divider[b-z15u1jmk8c] {
    height: 1px;
    margin: 1rem 0;
    background-color: rgba(255, 255, 255, 0.14);
}

[b-z15u1jmk8c] .about-save-card {
    text-align: center;
}

[b-z15u1jmk8c] .save-about-button,
[b-z15u1jmk8c] .upload-carousel-button,
[b-z15u1jmk8c] .save-image-button,
[b-z15u1jmk8c] .save-replacement-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

[b-z15u1jmk8c] .save-about-button {
    width: 100%;
}

.about-save-card p[b-z15u1jmk8c] {
    margin: 0.8rem 0 0;
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.5;
}

[b-z15u1jmk8c] .carousel-manager-card {
    margin-top: 1.5rem;
}

.carousel-manager-heading[b-z15u1jmk8c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

[b-z15u1jmk8c] .carousel-manager-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800;
}

[b-z15u1jmk8c] .carousel-manager-description {
    margin: 0.35rem 0 0;
    color: #64748b !important;
}

.carousel-image-count[b-z15u1jmk8c] {
    flex-shrink: 0;
    color: #00273d;
    font-weight: 800;
}

.carousel-save-required[b-z15u1jmk8c] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding: 1rem;
    color: #92400e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 12px;
}

    .carousel-save-required strong[b-z15u1jmk8c],
    .carousel-save-required span[b-z15u1jmk8c] {
        display: block;
    }

    .carousel-save-required span[b-z15u1jmk8c] {
        margin-top: 0.2rem;
        font-size: 0.8rem;
    }

[b-z15u1jmk8c] .carousel-save-required-icon {
    color: #bc9c22 !important;
}

.carousel-upload-grid[b-z15u1jmk8c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.carousel-upload-fields[b-z15u1jmk8c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.carousel-upload-area[b-z15u1jmk8c],
.replacement-upload-area[b-z15u1jmk8c] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 175px;
    padding: 1.5rem;
    background-color: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 14px;
    cursor: pointer;
    text-align: center;
}

    .carousel-upload-area:hover[b-z15u1jmk8c],
    .replacement-upload-area:hover[b-z15u1jmk8c] {
        border-color: #bc9c22;
    }

.carousel-file-input[b-z15u1jmk8c] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

[b-z15u1jmk8c] .carousel-upload-icon,
[b-z15u1jmk8c] .replacement-upload-icon {
    margin-bottom: 0.6rem;
    color: #bc9c22 !important;
    font-size: 2.2rem;
}

.carousel-upload-title[b-z15u1jmk8c] {
    color: #00273d;
    font-weight: 800;
}

.carousel-upload-description[b-z15u1jmk8c] {
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.78rem;
}

.selected-image[b-z15u1jmk8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem;
    color: #166534;
    background-color: #f0fdf4;
    border-radius: 10px;
}

[b-z15u1jmk8c] .selected-image-icon {
    color: #bc9c22 !important;
}

.image-error[b-z15u1jmk8c] {
    color: #b42318;
    font-size: 0.8rem;
}

.carousel-list-divider[b-z15u1jmk8c] {
    height: 1px;
    margin: 2rem 0;
    background-color: #e2e8f0;
}

.carousel-empty-state[b-z15u1jmk8c],
.about-loading-state[b-z15u1jmk8c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 240px;
    text-align: center;
}

    .carousel-empty-state h3[b-z15u1jmk8c] {
        margin: 0;
        color: #00273d;
    }

    .carousel-empty-state p[b-z15u1jmk8c] {
        margin: 0;
        color: #64748b;
    }

[b-z15u1jmk8c] .carousel-empty-icon {
    color: #bc9c22 !important;
    font-size: 3rem;
}

[b-z15u1jmk8c] .about-loading-progress {
    width: min(340px, 100%);
}

.carousel-image-list[b-z15u1jmk8c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.carousel-image-item[b-z15u1jmk8c] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #dbe2e8;
    border-radius: 14px;
}

.carousel-thumbnail[b-z15u1jmk8c] {
    position: relative;
    min-height: 230px;
    background-color: #e2e8f0;
}

[b-z15u1jmk8c] .carousel-thumbnail-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 230px;
    object-fit: cover !important;
}

.carousel-hidden-label[b-z15u1jmk8c] {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.35rem 0.65rem;
    color: #ffffff;
    background-color: #92400e;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 800;
}

.carousel-item-content[b-z15u1jmk8c] {
    min-width: 0;
    padding: 1.25rem;
}

.carousel-item-settings[b-z15u1jmk8c] {
    display: grid;
    grid-template-columns: 180px minmax(180px, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.carousel-item-status[b-z15u1jmk8c] {
    margin-top: 0;
}

.carousel-item-actions[b-z15u1jmk8c],
.replacement-actions[b-z15u1jmk8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

[b-z15u1jmk8c] .replace-image-button,
[b-z15u1jmk8c] .cancel-replacement-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
}

[b-z15u1jmk8c] .delete-image-button {
    color: #b42318 !important;
}

.replacement-panel[b-z15u1jmk8c] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

.replacement-upload-area[b-z15u1jmk8c] {
    min-height: 110px;
}

.replacement-image-name[b-z15u1jmk8c] {
    display: block;
    margin-top: 0.6rem;
    color: #166534;
    font-size: 0.8rem;
}

@media (max-width: 1050px) {
    .about-settings-layout[b-z15u1jmk8c] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }
}

@media (max-width: 850px) {
    .about-settings-layout[b-z15u1jmk8c] {
        grid-template-columns: 1fr;
    }

    .about-settings-sidebar[b-z15u1jmk8c] {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    [b-z15u1jmk8c] .about-save-card {
        grid-column: 1 / -1;
    }

    .carousel-upload-grid[b-z15u1jmk8c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .admin-about-header[b-z15u1jmk8c] {
        flex-direction: column;
    }

    [b-z15u1jmk8c] .view-about-button {
        width: 100%;
    }

    .carousel-image-item[b-z15u1jmk8c] {
        grid-template-columns: 1fr;
    }

    .carousel-thumbnail[b-z15u1jmk8c] {
        min-height: 280px;
    }
}

@media (max-width: 575px) {
    .about-settings-sidebar[b-z15u1jmk8c] {
        grid-template-columns: 1fr;
    }

    [b-z15u1jmk8c] .about-save-card {
        grid-column: auto;
    }

    [b-z15u1jmk8c] .about-settings-card,
    [b-z15u1jmk8c] .about-sidebar-card,
    [b-z15u1jmk8c] .about-save-card,
    [b-z15u1jmk8c] .carousel-manager-card {
        padding: 1.2rem !important;
    }

    .carousel-item-settings[b-z15u1jmk8c] {
        grid-template-columns: 1fr;
    }

    .carousel-item-actions[b-z15u1jmk8c],
    .replacement-actions[b-z15u1jmk8c] {
        flex-direction: column;
    }

    [b-z15u1jmk8c] .save-image-button,
    [b-z15u1jmk8c] .replace-image-button,
    [b-z15u1jmk8c] .delete-image-button,
    [b-z15u1jmk8c] .save-replacement-button,
    [b-z15u1jmk8c] .cancel-replacement-button {
        width: 100%;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/ActivityLogs.razor.rz.scp.css */
.activity-logs-page[b-3au514oqsd] {
    width: 100%;
}

[b-3au514oqsd] .activity-logs-header {
    width: 100%;
}

[b-3au514oqsd] .activity-logs-title {
    margin: 0 0 0.4rem;
    color: #00273d !important;
    font-weight: 800 !important;
}

[b-3au514oqsd] .activity-logs-subtitle {
    max-width: 800px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-3au514oqsd] .refresh-logs-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #ffffff !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

    [b-3au514oqsd] .refresh-logs-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-3au514oqsd] .activity-summary-card,
[b-3au514oqsd] .activity-filter-card,
[b-3au514oqsd] .activity-grid-card {
    width: 100%;
    padding: 1.5rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07) !important;
}

[b-3au514oqsd] .activity-summary-card,
[b-3au514oqsd] .activity-filter-card {
    border-top: 4px solid #bc9c22 !important;
}

.activity-summary-item[b-3au514oqsd] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 82px;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.activity-summary-icon-container[b-3au514oqsd],
.activity-state-icon-container[b-3au514oqsd] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-3au514oqsd] .activity-summary-icon,
[b-3au514oqsd] .activity-state-icon {
    color: #bc9c22 !important;
    font-size: 1.4rem;
}

.activity-summary-label[b-3au514oqsd],
.activity-summary-value[b-3au514oqsd] {
    display: block;
}

.activity-summary-label[b-3au514oqsd] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.activity-summary-value[b-3au514oqsd] {
    margin-top: 0.2rem;
    color: #00273d;
    font-size: 1.45rem;
    font-weight: 800;
}

[b-3au514oqsd] .filter-heading-icon {
    color: #bc9c22 !important;
    font-size: 1.4rem;
}

[b-3au514oqsd] .filter-heading-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800 !important;
}

.activity-search-wrapper[b-3au514oqsd] {
    position: relative;
    width: 100%;
}

[b-3au514oqsd] .activity-search-icon {
    position: absolute;
    top: 50%;
    left: 0.85rem;
    z-index: 2;
    color: #64748b !important;
    transform: translateY(-50%);
}

[b-3au514oqsd] .activity-search-input {
    width: 100% !important;
    padding-left: 2.6rem !important;
}

[b-3au514oqsd] .activity-filter-control {
    width: 100% !important;
}

[b-3au514oqsd] .clear-filter-button {
    width: 100%;
    color: #00273d !important;
    border-color: #bc9c22 !important;
}

[b-3au514oqsd] .activity-grid-card {
    padding: 0 !important;
    overflow: hidden;
}

[b-3au514oqsd] .activity-data-grid {
    border: 0 !important;
}

    [b-3au514oqsd] .activity-data-grid .rz-datatable-thead th,
    [b-3au514oqsd] .activity-data-grid .rz-grid-table thead th {
        color: #00273d !important;
        background-color: #f8fafc !important;
        font-weight: 800 !important;
    }
    [b-3au514oqsd] .activity-data-grid .rz-grid-table tbody td {
        vertical-align: middle !important;
    }
.activity-date-cell strong[b-3au514oqsd],
.activity-date-cell span[b-3au514oqsd] {
    display: block;
}

.activity-date-cell strong[b-3au514oqsd] {
    color: #00273d;
    font-size: 0.78rem;
}

.activity-date-cell span[b-3au514oqsd] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.72rem;
}

.activity-user-cell[b-3au514oqsd] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}
[b-3au514oqsd] .activity-user-cell {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

[b-3au514oqsd] .activity-user-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    color: #bc9c22 !important;
    background-color: #00273d !important;
    border-radius: 50% !important;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1 !important;
    letter-spacing: 0.02rem;
    text-align: center;
    vertical-align: middle;
}

[b-3au514oqsd] .activity-user-cell > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

[b-3au514oqsd] .activity-user-cell strong,
[b-3au514oqsd] .activity-user-cell span:not(.activity-user-avatar) {
    display: block;
}

[b-3au514oqsd] .activity-user-cell strong {
    margin: 0;
    color: #00273d !important;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-3au514oqsd] .activity-user-cell span:not(.activity-user-avatar) {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.7rem;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.activity-user-avatar[b-3au514oqsd] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #bc9c22;
    background-color: #00273d;
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 800;
}

.activity-user-cell strong[b-3au514oqsd],
.activity-user-cell span[b-3au514oqsd] {
    display: block;
}

.activity-user-cell strong[b-3au514oqsd] {
    color: #00273d;
    font-size: 0.8rem;
}

.activity-user-cell span[b-3au514oqsd] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.7rem;
    overflow-wrap: anywhere;
}

.activity-module-badge[b-3au514oqsd],
.activity-action[b-3au514oqsd],
.activity-status[b-3au514oqsd] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    width: fit-content;
    padding: 0.3rem 0.6rem;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: 800;
}

.activity-module-badge[b-3au514oqsd] {
    color: #00273d;
    background-color: #e0f2fe;
}

.activity-action-create[b-3au514oqsd],
.activity-action-activate[b-3au514oqsd] {
    color: #166534;
    background-color: #dcfce7;
}

.activity-action-update[b-3au514oqsd] {
    color: #1e40af;
    background-color: #dbeafe;
}

.activity-action-deactivate[b-3au514oqsd] {
    color: #991b1b;
    background-color: #fee2e2;
}

.activity-action-unlock[b-3au514oqsd] {
    color: #854d0e;
    background-color: #fef9c3;
}

.activity-action-security[b-3au514oqsd] {
    color: #6b21a8;
    background-color: #f3e8ff;
}

.activity-action-default[b-3au514oqsd] {
    color: #475569;
    background-color: #e2e8f0;
}

.activity-status-success[b-3au514oqsd] {
    color: #166534;
    background-color: #dcfce7;
}

.activity-status-failed[b-3au514oqsd] {
    color: #991b1b;
    background-color: #fee2e2;
}

[b-3au514oqsd] .activity-status-icon {
    color: inherit !important;
    font-size: 0.9rem;
}

.activity-description[b-3au514oqsd] {
    display: block;
    max-width: 430px;
    color: #475569;
    font-size: 0.76rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.activity-action-image[b-3au514oqsd] {
    color: #075985;
    background-color: #e0f2fe;
}

.activity-action-delete[b-3au514oqsd] {
    color: #991b1b;
    background-color: #fee2e2;
}

.activity-action-feature[b-3au514oqsd] {
    color: #854d0e;
    background-color: #fef9c3;
}

.activity-action-publish[b-3au514oqsd] {
    color: #166534;
    background-color: #dcfce7;
}

.activity-action-unpublish[b-3au514oqsd] {
    color: #854d0e;
    background-color: #fef3c7;
}

.activity-action-close[b-3au514oqsd] {
    color: #991b1b;
    background-color: #fee2e2;
}

.activity-action-reopen[b-3au514oqsd] {
    color: #166534;
    background-color: #dcfce7;
}

[b-3au514oqsd] .expand-log-button {
    color: #00273d !important;
}

.activity-detail-panel[b-3au514oqsd] {
    padding: 1.25rem;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.activity-detail-field[b-3au514oqsd],
.activity-failure-detail[b-3au514oqsd] {
    height: 100%;
    padding: 0.85rem;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

    .activity-detail-field span[b-3au514oqsd],
    .activity-detail-field strong[b-3au514oqsd],
    .activity-failure-detail span[b-3au514oqsd],
    .activity-failure-detail strong[b-3au514oqsd] {
        display: block;
    }

    .activity-detail-field span[b-3au514oqsd],
    .activity-failure-detail span[b-3au514oqsd] {
        color: #64748b;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
    }

    .activity-detail-field strong[b-3au514oqsd],
    .activity-failure-detail strong[b-3au514oqsd] {
        margin-top: 0.35rem;
        color: #00273d;
        font-size: 0.76rem;
        overflow-wrap: anywhere;
    }

.activity-failure-detail[b-3au514oqsd] {
    color: #991b1b;
    background-color: #fff1f0;
    border-color: #fecdca;
}

    .activity-failure-detail strong[b-3au514oqsd] {
        color: #991b1b;
    }

[b-3au514oqsd] .activity-loading-state,
[b-3au514oqsd] .activity-error-state,
[b-3au514oqsd] .activity-empty-state {
    min-height: 360px;
    padding: 2rem;
    text-align: center;
}

[b-3au514oqsd] .activity-loading-progress {
    width: min(340px, 100%);
}

[b-3au514oqsd] .activity-loading-text,
[b-3au514oqsd] .activity-state-description {
    max-width: 580px;
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.65;
}

[b-3au514oqsd] .activity-state-title {
    margin: 0 !important;
    color: #00273d !important;
    font-weight: 800 !important;
}

[b-3au514oqsd] .activity-primary-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

@media (max-width: 768px) {
    [b-3au514oqsd] .activity-logs-header {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    [b-3au514oqsd] .refresh-logs-button {
        width: 100%;
    }

    [b-3au514oqsd] .activity-summary-card,
    [b-3au514oqsd] .activity-filter-card {
        padding: 1.2rem !important;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Careers.razor.rz.scp.css */
.admin-careers-page[b-jy5o8z6fv5] {
    width: 100%;
}

.admin-page-header[b-jy5o8z6fv5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.admin-page-heading[b-jy5o8z6fv5] {
    min-width: 0;
}

[b-jy5o8z6fv5] .admin-page-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-jy5o8z6fv5] .admin-page-subtitle {
    max-width: 780px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-jy5o8z6fv5] .add-position-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-jy5o8z6fv5] .add-position-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-jy5o8z6fv5] .position-editor-card {
    margin-bottom: 2rem;
    padding: 2rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.12) !important;
    border-top: 5px solid #bc9c22 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(0, 39, 61, 0.09) !important;
}

.editor-header[b-jy5o8z6fv5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
}

[b-jy5o8z6fv5] .editor-title {
    margin: 0 0 0.35rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-jy5o8z6fv5] .editor-subtitle {
    margin: 0;
    color: #64748b !important;
}

[b-jy5o8z6fv5] .close-editor-button {
    flex-shrink: 0;
    color: #64748b !important;
}

.form-section-heading[b-jy5o8z6fv5] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    background-color: #f8fafc;
    border-left: 4px solid #bc9c22;
    border-radius: 0 10px 10px 0;
}

[b-jy5o8z6fv5] .form-section-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.5rem;
}

.form-section-title[b-jy5o8z6fv5] {
    display: block;
    color: #00273d;
    font-size: 0.95rem;
    font-weight: 800;
}

.form-section-description[b-jy5o8z6fv5] {
    display: block;
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.5;
}

.form-section-divider[b-jy5o8z6fv5] {
    width: 100%;
    height: 1px;
    margin: 0.5rem 0;
    background-color: #e2e8f0;
}

.form-field[b-jy5o8z6fv5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

[b-jy5o8z6fv5] .form-field .rz-label {
    color: #00273d !important;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-jy5o8z6fv5] .form-control-full {
    width: 100% !important;
}

    [b-jy5o8z6fv5] input.form-control-full,
    [b-jy5o8z6fv5] textarea.form-control-full,
    [b-jy5o8z6fv5] .form-control-full .rz-inputtext {
        width: 100% !important;
    }

[b-jy5o8z6fv5] .large-text-area {
    min-height: 190px;
    line-height: 1.6;
}

.field-help[b-jy5o8z6fv5] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.5;
}

[b-jy5o8z6fv5] .rz-message {
    color: #b42318 !important;
    font-size: 0.8rem;
}

.form-validation-alert[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 10px;
    font-size: 0.86rem;
}

[b-jy5o8z6fv5] .form-validation-icon {
    color: #b42318 !important;
    font-size: 1.25rem;
}

.switch-field[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 94px;
    padding: 1rem 1.15rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

.switch-title[b-jy5o8z6fv5] {
    display: block;
    margin-bottom: 0.25rem;
    color: #00273d;
    font-size: 0.9rem;
    font-weight: 800;
}

.switch-description[b-jy5o8z6fv5] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.45;
}

.editor-actions[b-jy5o8z6fv5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

[b-jy5o8z6fv5] .save-position-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
}

    [b-jy5o8z6fv5] .save-position-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-jy5o8z6fv5] .cancel-position-button {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

[b-jy5o8z6fv5] .careers-grid-card {
    padding: 0 !important;
    overflow: hidden;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(0, 39, 61, 0.08) !important;
}

.grid-toolbar[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.search-wrapper[b-jy5o8z6fv5] {
    position: relative;
    width: min(520px, 100%);
}

[b-jy5o8z6fv5] .search-icon {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    z-index: 2;
    color: #bc9c22 !important;
    transform: translateY(-50%);
    pointer-events: none;
}

[b-jy5o8z6fv5] .careers-search-box {
    width: 100% !important;
    padding-left: 2.6rem !important;
}

.grid-summary[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #64748b;
    font-size: 0.88rem;
    white-space: nowrap;
}

    .grid-summary strong[b-jy5o8z6fv5] {
        color: #00273d;
    }

.status-summary[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0.85rem 1.5rem;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.status-summary-item[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 1.25rem;
    border-right: 1px solid #dbe2e8;
}

    .status-summary-item:first-child[b-jy5o8z6fv5] {
        padding-left: 0;
    }

    .status-summary-item:last-child[b-jy5o8z6fv5] {
        border-right: none;
    }

.status-summary-value[b-jy5o8z6fv5] {
    color: #00273d;
    font-size: 1rem;
    font-weight: 800;
}

.status-summary-label[b-jy5o8z6fv5] {
    color: #64748b;
    font-size: 0.78rem;
}

.loading-state[b-jy5o8z6fv5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 280px;
    padding: 2rem;
    color: #64748b;
}

[b-jy5o8z6fv5] .loading-progress {
    width: min(320px, 100%);
}

[b-jy5o8z6fv5] .careers-data-grid {
    border: none !important;
}

    [b-jy5o8z6fv5] .careers-data-grid .rz-datatable-thead th {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: rgba(255, 255, 255, 0.09) !important;
        font-weight: 700 !important;
    }

    [b-jy5o8z6fv5] .careers-data-grid .rz-datatable-data td {
        vertical-align: middle;
        border-color: #e2e8f0 !important;
    }

.position-primary-info[b-jy5o8z6fv5] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.position-title-row[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.position-list-title[b-jy5o8z6fv5] {
    overflow: hidden;
    color: #00273d;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-jy5o8z6fv5] .position-featured-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.15rem;
}

.position-list-department[b-jy5o8z6fv5] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.position-list-slug[b-jy5o8z6fv5] {
    overflow: hidden;
    color: #94a3b8;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employment-information[b-jy5o8z6fv5],
.availability-information[b-jy5o8z6fv5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.employment-type[b-jy5o8z6fv5] {
    color: #00273d;
    font-size: 0.86rem;
    font-weight: 700;
}

.work-arrangement[b-jy5o8z6fv5],
.availability-information small[b-jy5o8z6fv5] {
    color: #64748b;
    font-size: 0.78rem;
}

.availability-information span[b-jy5o8z6fv5] {
    color: #334155;
    font-size: 0.82rem;
}

.location-information[b-jy5o8z6fv5] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    color: #475569;
    font-size: 0.84rem;
}

[b-jy5o8z6fv5] .location-icon {
    flex-shrink: 0;
    margin-top: 0.05rem;
    color: #bc9c22 !important;
    font-size: 1.1rem;
}

[b-jy5o8z6fv5] .position-status-badge {
    min-width: 78px;
    justify-content: center;
}

.grid-actions[b-jy5o8z6fv5] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

[b-jy5o8z6fv5] .grid-action-button {
    width: 36px;
    min-width: 36px !important;
    height: 36px;
    padding: 0 !important;
    border-radius: 50% !important;
}

[b-jy5o8z6fv5] .edit-action {
    color: #00273d !important;
}

[b-jy5o8z6fv5] .publish-action {
    color: #475569 !important;
}

[b-jy5o8z6fv5] .featured-action {
    color: #bc9c22 !important;
}

[b-jy5o8z6fv5] .close-action {
    color: #7c3aed !important;
}

[b-jy5o8z6fv5] .delete-action {
    color: #b42318 !important;
}

@media (max-width: 992px) {
    [b-jy5o8z6fv5] .position-editor-card {
        padding: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .admin-page-header[b-jy5o8z6fv5] {
        flex-direction: column;
    }

    [b-jy5o8z6fv5] .add-position-button {
        width: 100%;
    }

    .grid-toolbar[b-jy5o8z6fv5] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .search-wrapper[b-jy5o8z6fv5] {
        width: 100%;
    }

    .grid-summary[b-jy5o8z6fv5] {
        justify-content: flex-end;
    }

    .status-summary[b-jy5o8z6fv5] {
        justify-content: space-between;
        padding: 0.85rem 1rem;
    }

    .status-summary-item[b-jy5o8z6fv5] {
        flex-direction: column;
        gap: 0.1rem;
        padding: 0 0.75rem;
        text-align: center;
    }

    .editor-actions[b-jy5o8z6fv5] {
        flex-direction: column-reverse;
    }

    [b-jy5o8z6fv5] .save-position-button,
    [b-jy5o8z6fv5] .cancel-position-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    [b-jy5o8z6fv5] .position-editor-card {
        padding: 1.25rem !important;
        border-radius: 14px !important;
    }

    .editor-header[b-jy5o8z6fv5] {
        margin-bottom: 1.5rem;
    }

    .form-section-heading[b-jy5o8z6fv5] {
        padding: 0.85rem;
    }

    .switch-field[b-jy5o8z6fv5] {
        padding: 0.9rem;
    }

    .status-summary-label[b-jy5o8z6fv5] {
        font-size: 0.7rem;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/ChangeInitialPassword.razor.rz.scp.css */
.initial-password-page[b-pnbh124xe3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 2rem;
    background: linear-gradient( 135deg, #001c2d 0%, #003b58 100% );
}

.initial-password-card[b-pnbh124xe3] {
    width: min(560px, 100%);
    padding: 2rem;
    background-color: #ffffff;
    border-top: 5px solid #bc9c22;
    border-radius: 20px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
}

.initial-password-brand[b-pnbh124xe3] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

[b-pnbh124xe3] .initial-password-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 230px !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

.initial-password-header[b-pnbh124xe3] {
    text-align: center;
}

.initial-password-eyebrow[b-pnbh124xe3] {
    color: #bc9c22;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.initial-password-header h1[b-pnbh124xe3],
.initial-password-complete h1[b-pnbh124xe3] {
    margin: 0.45rem 0 0.75rem;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    line-height: 1.2;
}

.initial-password-header p[b-pnbh124xe3],
.initial-password-complete p[b-pnbh124xe3] {
    margin: 0;
    color: #64748b;
    line-height: 1.7;
}

.initial-password-notice[b-pnbh124xe3] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin: 1.5rem 0;
    padding: 0.9rem;
    color: #854d0e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 12px;
    font-size: 0.8rem;
    line-height: 1.5;
}

[b-pnbh124xe3] .initial-password-notice-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.25rem;
}

.initial-password-form[b-pnbh124xe3] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.initial-password-field[b-pnbh124xe3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-pnbh124xe3] .initial-password-field .rz-label {
    color: #00273d !important;
    font-weight: 700;
}

[b-pnbh124xe3] .initial-password-control {
    width: 100% !important;
}

    [b-pnbh124xe3] .initial-password-control .rz-password {
        width: 100% !important;
    }

.password-requirements[b-pnbh124xe3] {
    padding: 1rem;
    color: #475569;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
    font-size: 0.8rem;
}

    .password-requirements strong[b-pnbh124xe3] {
        color: #00273d;
    }

    .password-requirements ul[b-pnbh124xe3] {
        margin: 0.65rem 0 0;
        padding-left: 1.25rem;
    }

    .password-requirements li[b-pnbh124xe3] {
        margin-top: 0.25rem;
    }

[b-pnbh124xe3] .initial-password-submit-button {
    width: 100%;
    min-height: 48px;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-pnbh124xe3] .initial-password-submit-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

.initial-password-loading[b-pnbh124xe3],
.initial-password-complete[b-pnbh124xe3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 340px;
    text-align: center;
}

[b-pnbh124xe3] .initial-password-progress {
    width: min(330px, 100%);
}

.initial-password-icon-wrapper[b-pnbh124xe3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-pnbh124xe3] .initial-password-icon {
    color: #bc9c22 !important;
    font-size: 2.7rem;
}

[b-pnbh124xe3] .rz-message {
    color: #b42318 !important;
    font-size: 0.78rem;
}

@media (max-width: 575px) {
    .initial-password-page[b-pnbh124xe3] {
        align-items: flex-start;
        padding: 1rem;
    }

    .initial-password-card[b-pnbh124xe3] {
        margin-top: 1rem;
        padding: 1.4rem;
        border-radius: 16px;
    }

    [b-pnbh124xe3] .initial-password-logo {
        max-width: 190px !important;
        max-height: 68px !important;
    }

    .initial-password-error[b-pnbh124xe3] {
        display: flex;
        align-items: flex-start;
        gap: 0.7rem;
        margin: 0 0 1.25rem;
        padding: 0.9rem;
        color: #b42318;
        background-color: #fff1f0;
        border: 1px solid #fecdca;
        border-radius: 12px;
        font-size: 0.82rem;
        line-height: 1.55;
    }

    [b-pnbh124xe3] .initial-password-error-icon {
        flex-shrink: 0;
        margin-top: 0.05rem;
        color: #b42318 !important;
        font-size: 1.25rem;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/ChangePassword.razor.rz.scp.css */
.change-password-page[b-dsbyf3dm14] {
    width: 100%;
}

/* Page Header */

[b-dsbyf3dm14] .change-password-page-header {
    width: 100%;
    margin-bottom: 0;
}

[b-dsbyf3dm14] .change-password-page-title {
    margin: 0 0 0.45rem;
    color: #00273d !important;
    font-weight: 800 !important;
}

[b-dsbyf3dm14] .change-password-page-subtitle {
    max-width: 760px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-dsbyf3dm14] .change-password-back-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #ffffff !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

    [b-dsbyf3dm14] .change-password-back-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

/* Main Radzen Layout */

[b-dsbyf3dm14] .change-password-layout {
    width: 100%;
    max-width: 1200px;
    margin: 0;
    align-items: flex-start !important;
}

    [b-dsbyf3dm14] .change-password-layout > .rz-column {
        min-width: 0;
    }

/* Main Password Card */

[b-dsbyf3dm14] .change-password-card {
    width: 100%;
    padding: 1.75rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-top: 4px solid #bc9c22 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07) !important;
}

[b-dsbyf3dm14] .change-password-card-heading {
    width: 100%;
}

.change-password-heading-icon-container[b-dsbyf3dm14] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-dsbyf3dm14] .change-password-heading-icon {
    color: #bc9c22 !important;
    font-size: 1.45rem;
}

[b-dsbyf3dm14] .change-password-card-title {
    margin: 0 0 0.25rem;
    color: #00273d !important;
    font-weight: 800 !important;
}

[b-dsbyf3dm14] .change-password-card-description {
    margin: 0;
    color: #64748b !important;
    line-height: 1.55;
}

.change-password-divider[b-dsbyf3dm14] {
    width: 100%;
    height: 1px;
    margin: 0;
    background-color: #e2e8f0;
}

/* Error Alert */

[b-dsbyf3dm14] .change-password-error {
    width: 100%;
    margin: 0 !important;
    padding: 0.9rem !important;
    color: #b42318 !important;
    background-color: #fff1f0 !important;
    border: 1px solid #fecdca !important;
    border-radius: 12px !important;
}

[b-dsbyf3dm14] .change-password-error-icon {
    flex-shrink: 0;
    margin-top: 0.05rem;
    color: #b42318 !important;
    font-size: 1.25rem;
}

[b-dsbyf3dm14] .change-password-error .rz-text {
    margin: 0 !important;
    color: #b42318 !important;
    font-size: 0.82rem;
    line-height: 1.55;
}

/* Password Form */

[b-dsbyf3dm14] .change-password-form {
    width: 100%;
}

[b-dsbyf3dm14] .change-password-field {
    width: 100%;
}

    [b-dsbyf3dm14] .change-password-field .rz-label {
        color: #00273d !important;
        font-weight: 700 !important;
    }

[b-dsbyf3dm14] .change-password-control {
    width: 100% !important;
}

    [b-dsbyf3dm14] .change-password-control.rz-password {
        width: 100% !important;
    }

    [b-dsbyf3dm14] .change-password-control .rz-password {
        width: 100% !important;
    }

    [b-dsbyf3dm14] .change-password-control input {
        width: 100% !important;
        min-height: 44px;
    }

/* Password Requirements */

[b-dsbyf3dm14] .change-password-requirements {
    width: 100%;
    padding: 1rem !important;
    background-color: #f8fafc !important;
    border: 1px solid #dbe2e8 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

[b-dsbyf3dm14] .requirements-heading-icon {
    color: #bc9c22 !important;
    font-size: 1.25rem;
}

[b-dsbyf3dm14] .requirements-heading-text {
    margin: 0 !important;
    color: #00273d !important;
    font-weight: 800 !important;
}

.password-requirements-grid[b-dsbyf3dm14] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
    width: 100%;
}

.password-requirement[b-dsbyf3dm14] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.45;
}

    .password-requirement span[b-dsbyf3dm14] {
        display: block;
        overflow-wrap: anywhere;
    }

.requirement-pending[b-dsbyf3dm14] {
    color: #64748b;
}

.requirement-complete[b-dsbyf3dm14] {
    color: #166534;
    font-weight: 700;
}

[b-dsbyf3dm14] .requirement-icon {
    flex-shrink: 0;
    font-size: 1rem;
}

[b-dsbyf3dm14] .requirement-pending .requirement-icon {
    color: #94a3b8 !important;
}

[b-dsbyf3dm14] .requirement-complete .requirement-icon {
    color: #16a34a !important;
}

/* Submit Button */

[b-dsbyf3dm14] .change-password-submit-button {
    width: 100%;
    min-height: 48px;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-dsbyf3dm14] .change-password-submit-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

    [b-dsbyf3dm14] .change-password-submit-button:disabled {
        cursor: not-allowed;
        opacity: 0.65;
    }

/* Loading State */

[b-dsbyf3dm14] .change-password-loading {
    width: 100%;
    min-height: 350px;
    text-align: center;
}

[b-dsbyf3dm14] .change-password-progress {
    width: min(340px, 100%);
}

[b-dsbyf3dm14] .change-password-loading .rz-text {
    color: #64748b !important;
}

/* Success State */

[b-dsbyf3dm14] .change-password-success {
    width: 100%;
    min-height: 350px;
    text-align: center;
}

.change-password-success-icon-container[b-dsbyf3dm14] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-dsbyf3dm14] .change-password-success-icon {
    color: #bc9c22 !important;
    font-size: 2.7rem;
}

[b-dsbyf3dm14] .change-password-success-title {
    margin: 0 !important;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700 !important;
}

[b-dsbyf3dm14] .change-password-success-description {
    max-width: 500px;
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.7;
}

.change-password-logout-form[b-dsbyf3dm14] {
    width: 100%;
    max-width: 420px;
    margin: 0;
}

[b-dsbyf3dm14] .change-password-signout-button {
    width: 100%;
    min-height: 48px;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-dsbyf3dm14] .change-password-signout-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

/* Security Guidance Card */

[b-dsbyf3dm14] .password-security-card {
    width: 100%;
    padding: 1.75rem !important;
    color: #ffffff !important;
    background-color: #00273d !important;
    border: 1px solid rgba(188, 156, 34, 0.32) !important;
    border-top: 4px solid #bc9c22 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.16) !important;
}

.password-security-eyebrow[b-dsbyf3dm14] {
    display: block;
    margin-bottom: 0.45rem;
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

[b-dsbyf3dm14] .password-security-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700 !important;
    line-height: 1.3;
}

[b-dsbyf3dm14] .security-guidance-item {
    width: 100%;
    color: #ffffff !important;
}

.security-guidance-icon-container[b-dsbyf3dm14] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    background-color: rgba(188, 156, 34, 0.14);
    border: 1px solid rgba(188, 156, 34, 0.4);
    border-radius: 50%;
}

[b-dsbyf3dm14] .security-guidance-icon {
    color: #bc9c22 !important;
    font-size: 1.2rem;
}

.security-guidance-item > div:last-child[b-dsbyf3dm14] {
    display: block;
    min-width: 0;
}

.security-guidance-item strong[b-dsbyf3dm14] {
    display: block;
    margin: 0;
    color: #ffffff !important;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.4;
}

.security-guidance-item p[b-dsbyf3dm14] {
    display: block;
    margin: 0.3rem 0 0;
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 0.78rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

/*
    Extra selectors for content rendered inside RadzenStack.
    These ensure that component styling cannot override the
    guidance text with a dark color.
*/

[b-dsbyf3dm14] .security-guidance-item strong {
    color: #ffffff !important;
}

[b-dsbyf3dm14] .security-guidance-item p {
    color: rgba(255, 255, 255, 0.76) !important;
}

/* Focus Styles */

[b-dsbyf3dm14] .change-password-back-button:focus-visible,
[b-dsbyf3dm14] .change-password-submit-button:focus-visible,
[b-dsbyf3dm14] .change-password-signout-button:focus-visible {
    outline: 3px solid rgba(188, 156, 34, 0.4);
    outline-offset: 2px;
}

/* Tablet */

@media (max-width: 992px) {
    [b-dsbyf3dm14] .change-password-layout {
        width: 100%;
    }

    [b-dsbyf3dm14] .change-password-card,
    [b-dsbyf3dm14] .password-security-card {
        padding: 1.5rem !important;
    }
}

/* Small Tablet */

@media (max-width: 768px) {
    [b-dsbyf3dm14] .change-password-page-header {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    [b-dsbyf3dm14] .change-password-back-button {
        width: 100%;
    }

    .password-requirements-grid[b-dsbyf3dm14] {
        grid-template-columns: 1fr;
    }

    [b-dsbyf3dm14] .change-password-success {
        min-height: 300px;
    }
}

/* Mobile */

@media (max-width: 575px) {
    [b-dsbyf3dm14] .change-password-card,
    [b-dsbyf3dm14] .password-security-card {
        padding: 1.2rem !important;
        border-radius: 14px !important;
    }

    .change-password-heading-icon-container[b-dsbyf3dm14] {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    [b-dsbyf3dm14] .change-password-heading-icon {
        font-size: 1.3rem;
    }

    .password-requirements-grid[b-dsbyf3dm14] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    [b-dsbyf3dm14] .change-password-loading,
    [b-dsbyf3dm14] .change-password-success {
        min-height: 260px;
    }

    .change-password-logout-form[b-dsbyf3dm14] {
        max-width: none;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Contact.razor.rz.scp.css */
.admin-contact-page[b-x9z7v4rqqn] {
    width: 100%;
}

.admin-contact-header[b-x9z7v4rqqn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

[b-x9z7v4rqqn] .admin-contact-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-x9z7v4rqqn] .admin-contact-subtitle {
    max-width: 800px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-x9z7v4rqqn] .view-contact-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #ffffff !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

    [b-x9z7v4rqqn] .view-contact-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

.contact-settings-layout[b-x9z7v4rqqn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1.5rem;
    align-items: start;
}

.contact-settings-main[b-x9z7v4rqqn] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

.contact-settings-sidebar[b-x9z7v4rqqn] {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

[b-x9z7v4rqqn] .contact-settings-card,
[b-x9z7v4rqqn] .contact-visibility-card,
[b-x9z7v4rqqn] .contact-preview-card,
[b-x9z7v4rqqn] .contact-save-card,
[b-x9z7v4rqqn] .contact-loading-card {
    padding: 1.75rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07) !important;
}

[b-x9z7v4rqqn] .contact-settings-card {
    border-top: 4px solid #bc9c22 !important;
}

.settings-section-heading[b-x9z7v4rqqn] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.settings-section-icon-container[b-x9z7v4rqqn] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-x9z7v4rqqn] .settings-section-icon {
    color: #bc9c22 !important;
    font-size: 1.35rem;
}

[b-x9z7v4rqqn] .settings-section-title {
    margin: 0 0 0.25rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-x9z7v4rqqn] .settings-section-description {
    margin: 0;
    color: #64748b !important;
    line-height: 1.55;
}

.settings-section-divider[b-x9z7v4rqqn] {
    width: 100%;
    height: 1px;
    margin: 1.35rem 0;
    background-color: #e2e8f0;
}

.form-field[b-x9z7v4rqqn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

[b-x9z7v4rqqn] .form-field .rz-label {
    color: #00273d !important;
    font-size: 0.88rem;
    font-weight: 700;
}

[b-x9z7v4rqqn] .form-control-full {
    width: 100% !important;
}

    [b-x9z7v4rqqn] input.form-control-full,
    [b-x9z7v4rqqn] textarea.form-control-full,
    [b-x9z7v4rqqn] .form-control-full .rz-inputtext {
        width: 100% !important;
    }

[b-x9z7v4rqqn] .url-text-area {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.82rem;
    line-height: 1.5;
}

.field-help[b-x9z7v4rqqn] {
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.5;
}

[b-x9z7v4rqqn] .rz-message {
    color: #b42318 !important;
    font-size: 0.8rem;
}

.map-preview-section[b-x9z7v4rqqn] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.map-preview-heading[b-x9z7v4rqqn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.map-preview-label[b-x9z7v4rqqn],
.map-preview-description[b-x9z7v4rqqn] {
    display: block;
}

.map-preview-label[b-x9z7v4rqqn] {
    color: #00273d;
    font-size: 0.9rem;
    font-weight: 800;
}

.map-preview-description[b-x9z7v4rqqn] {
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.5;
}

[b-x9z7v4rqqn] .refresh-map-button {
    flex-shrink: 0;
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 22px !important;
    font-size: 0.78rem !important;
}

.map-preview-container[b-x9z7v4rqqn] {
    width: 100%;
    height: 370px;
    overflow: hidden;
    background-color: #e2e8f0;
    border: 1px solid rgba(0, 39, 61, 0.12);
    border-radius: 14px;
}

.map-preview-frame[b-x9z7v4rqqn] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.visibility-card-heading[b-x9z7v4rqqn] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

[b-x9z7v4rqqn] .visibility-card-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.7rem;
}

[b-x9z7v4rqqn] .visibility-card-title {
    margin: 0 0 0.3rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-x9z7v4rqqn] .visibility-card-description {
    margin: 0;
    color: #64748b !important;
    line-height: 1.55;
}

.visibility-control[b-x9z7v4rqqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

.visibility-control-title[b-x9z7v4rqqn],
.visibility-control-description[b-x9z7v4rqqn] {
    display: block;
}

.visibility-control-title[b-x9z7v4rqqn] {
    color: #00273d;
    font-size: 0.86rem;
    font-weight: 800;
}

.visibility-control-description[b-x9z7v4rqqn] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.4;
}

.visibility-status[b-x9z7v4rqqn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.75rem;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 700;
}

.visibility-status-active[b-x9z7v4rqqn] {
    color: #166534;
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.visibility-status-hidden[b-x9z7v4rqqn] {
    color: #92400e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
}

[b-x9z7v4rqqn] .visibility-status-icon {
    color: inherit !important;
    font-size: 1.15rem;
}

[b-x9z7v4rqqn] .contact-preview-card {
    color: #ffffff;
    background-color: #00273d !important;
    border-top: 4px solid #bc9c22 !important;
}

.preview-card-eyebrow[b-x9z7v4rqqn] {
    display: block;
    margin-bottom: 0.45rem;
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

[b-x9z7v4rqqn] .preview-office-name {
    margin: 0;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}

.preview-contact-list[b-x9z7v4rqqn] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.preview-contact-item[b-x9z7v4rqqn] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

[b-x9z7v4rqqn] .preview-contact-icon {
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: #bc9c22 !important;
    font-size: 1.15rem;
}

[b-x9z7v4rqqn] .contact-save-card {
    text-align: center;
}

[b-x9z7v4rqqn] .save-contact-button {
    width: 100%;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-x9z7v4rqqn] .save-contact-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-x9z7v4rqqn] .save-contact-description {
    margin: 0.8rem 0 0;
    color: #64748b !important;
    font-size: 0.75rem;
    line-height: 1.5;
}

.contact-loading-state[b-x9z7v4rqqn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 320px;
    text-align: center;
}

[b-x9z7v4rqqn] .contact-loading-progress {
    width: min(340px, 100%);
}

[b-x9z7v4rqqn] .contact-loading-text {
    color: #64748b !important;
}

@media (max-width: 1050px) {
    .contact-settings-layout[b-x9z7v4rqqn] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }

    [b-x9z7v4rqqn] .contact-settings-card,
    [b-x9z7v4rqqn] .contact-visibility-card,
    [b-x9z7v4rqqn] .contact-preview-card,
    [b-x9z7v4rqqn] .contact-save-card {
        padding: 1.4rem !important;
    }
}

@media (max-width: 850px) {
    .contact-settings-layout[b-x9z7v4rqqn] {
        grid-template-columns: 1fr;
    }

    .contact-settings-sidebar[b-x9z7v4rqqn] {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    [b-x9z7v4rqqn] .contact-save-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .admin-contact-header[b-x9z7v4rqqn] {
        flex-direction: column;
    }

    [b-x9z7v4rqqn] .view-contact-button {
        width: 100%;
    }

    .map-preview-heading[b-x9z7v4rqqn] {
        flex-direction: column;
    }

    [b-x9z7v4rqqn] .refresh-map-button {
        width: 100%;
    }

    .map-preview-container[b-x9z7v4rqqn] {
        height: 320px;
    }
}

@media (max-width: 575px) {
    .contact-settings-sidebar[b-x9z7v4rqqn] {
        grid-template-columns: 1fr;
    }

    [b-x9z7v4rqqn] .contact-save-card {
        grid-column: auto;
    }

    [b-x9z7v4rqqn] .contact-settings-card,
    [b-x9z7v4rqqn] .contact-visibility-card,
    [b-x9z7v4rqqn] .contact-preview-card,
    [b-x9z7v4rqqn] .contact-save-card {
        padding: 1.2rem !important;
        border-radius: 14px !important;
    }

    .settings-section-heading[b-x9z7v4rqqn] {
        gap: 0.7rem;
    }

    .settings-section-icon-container[b-x9z7v4rqqn] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .map-preview-container[b-x9z7v4rqqn] {
        height: 260px;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.admin-dashboard[b-y94cq6zie0] {
    width: 100%;
}

.admin-dashboard-heading[b-y94cq6zie0] {
    margin-bottom: 2rem;
}

[b-y94cq6zie0] .admin-dashboard-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-y94cq6zie0] .admin-dashboard-subtitle {
    max-width: 750px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-y94cq6zie0] .admin-dashboard-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 270px;
    padding: 1.75rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-top: 4px solid #bc9c22 !important;
    border-radius: 17px !important;
    box-shadow: 0 10px 28px rgba(0, 39, 61, 0.08) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

    [b-y94cq6zie0] .admin-dashboard-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 36px rgba(0, 39, 61, 0.14) !important;
    }

[b-y94cq6zie0] .admin-dashboard-icon {
    margin-bottom: 1.25rem;
    color: #bc9c22 !important;
    font-size: 2.3rem;
}

[b-y94cq6zie0] .admin-card-title {
    margin: 0 0 0.65rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-y94cq6zie0] .admin-card-description {
    margin: 0 0 1.5rem;
    color: #64748b !important;
    line-height: 1.7;
}

[b-y94cq6zie0] .admin-card-button {
    align-self: flex-start;
    margin-top: auto;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

    [b-y94cq6zie0] .admin-card-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

@media (max-width: 575px) {
    .admin-dashboard-heading[b-y94cq6zie0] {
        margin-bottom: 1.5rem;
    }

    [b-y94cq6zie0] .admin-dashboard-card {
        min-height: 240px;
        padding: 1.5rem !important;
    }

    [b-y94cq6zie0] .admin-card-button {
        width: 100%;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Inquiries.razor.rz.scp.css */
.admin-inquiries-page[b-pdfmpotoas] {
    position: relative;
    width: 100%;
    padding: 1.5rem;
    color: #334155;
}

.admin-page-header[b-pdfmpotoas] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.admin-page-heading[b-pdfmpotoas] {
    min-width: 0;
}

[b-pdfmpotoas] .admin-page-title {
    margin: 0 !important;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700 !important;
}

[b-pdfmpotoas] .admin-page-subtitle {
    max-width: 760px;
    margin: 0.4rem 0 0 !important;
    color: #64748b !important;
    line-height: 1.6;
}

[b-pdfmpotoas] .refresh-inquiries-button {
    flex-shrink: 0;
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

.inquiry-summary-grid[b-pdfmpotoas] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

[b-pdfmpotoas] .inquiry-summary-card {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    padding: 1.1rem !important;
    border: 1px solid #e2e8f0;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0, 39, 61, 0.06);
}

.inquiry-summary-icon-container[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-pdfmpotoas] .inquiry-summary-icon {
    color: #bc9c22 !important;
    font-size: 1.35rem;
}

.inquiry-summary-label[b-pdfmpotoas] {
    display: block;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.inquiry-summary-value[b-pdfmpotoas] {
    display: block;
    margin-top: 0.15rem;
    color: #00273d;
    font-size: 1.65rem;
    line-height: 1;
}

[b-pdfmpotoas] .inquiries-grid-card {
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07);
}

.inquiries-toolbar[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

.inquiry-search-wrapper[b-pdfmpotoas] {
    position: relative;
    flex: 1;
    min-width: 260px;
    max-width: 520px;
}

[b-pdfmpotoas] .inquiry-search-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0.85rem;
    color: #64748b !important;
    transform: translateY(-50%);
    pointer-events: none;
}

[b-pdfmpotoas] .inquiry-search-box {
    width: 100% !important;
}

    [b-pdfmpotoas] .inquiry-search-box input {
        width: 100% !important;
        padding-left: 2.5rem !important;
    }

.inquiry-filter-group[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

[b-pdfmpotoas] .inquiry-filter-dropdown {
    min-width: 145px;
}

.inquiries-result-summary[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    padding: 0.7rem 1.25rem;
    color: #64748b;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.78rem;
}

    .inquiries-result-summary strong[b-pdfmpotoas] {
        color: #00273d;
    }

.inquiries-loading-state[b-pdfmpotoas] {
    display: flex;
    min-height: 280px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: #64748b;
}

[b-pdfmpotoas] .inquiries-loading-progress {
    width: min(340px, 80%);
}

[b-pdfmpotoas] .inquiries-data-grid {
    border: none !important;
}

.inquiry-read-state[b-pdfmpotoas] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.76rem;
    font-weight: 700;
}

.inquiry-unread[b-pdfmpotoas] {
    color: #b45309;
}

.inquiry-read[b-pdfmpotoas] {
    color: #64748b;
}

[b-pdfmpotoas] .inquiry-read-icon {
    font-size: 1.1rem;
}

.inquiry-date[b-pdfmpotoas],
.inquiry-sender[b-pdfmpotoas],
.inquiry-primary-information[b-pdfmpotoas] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

    .inquiry-date strong[b-pdfmpotoas],
    .inquiry-sender strong[b-pdfmpotoas],
    .inquiry-primary-information strong[b-pdfmpotoas] {
        color: #00273d;
        line-height: 1.4;
    }

    .inquiry-date span[b-pdfmpotoas],
    .inquiry-sender span[b-pdfmpotoas],
    .inquiry-primary-information span[b-pdfmpotoas] {
        margin-top: 0.15rem;
        color: #64748b;
        font-size: 0.76rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

    .inquiry-primary-information small[b-pdfmpotoas] {
        margin-top: 0.35rem;
        color: #075985;
        font-size: 0.7rem;
        font-weight: 700;
    }

[b-pdfmpotoas] .inquiry-type-badge,
[b-pdfmpotoas] .inquiry-status-badge {
    white-space: nowrap;
    font-weight: 700 !important;
}

.inquiry-grid-actions[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

[b-pdfmpotoas] .inquiry-action-button {
    min-width: 36px !important;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    border-radius: 50% !important;
}

/* Details Panel */

.inquiry-details-overlay[b-pdfmpotoas] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    background-color: rgba(0, 20, 32, 0.58);
    backdrop-filter: blur(3px);
}

.inquiry-details-panel[b-pdfmpotoas] {
    display: flex;
    width: min(720px, 100%);
    height: 100%;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: -18px 0 45px rgba(0, 20, 32, 0.2);
    animation: inquiry-panel-enter-b-pdfmpotoas 0.2s ease-out;
}

@keyframes inquiry-panel-enter-b-pdfmpotoas {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.inquiry-details-header[b-pdfmpotoas] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    color: #ffffff;
    background: linear-gradient( 135deg, #00273d 0%, #003b58 100%);
    border-bottom: 4px solid #bc9c22;
}

.inquiry-details-eyebrow[b-pdfmpotoas] {
    display: block;
    margin-bottom: 0.35rem;
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.inquiry-details-header h2[b-pdfmpotoas] {
    margin: 0;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.3;
}

[b-pdfmpotoas] .close-inquiry-button {
    flex-shrink: 0;
    color: #ffffff !important;
}

.inquiry-details-meta[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 1rem 1.5rem;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.inquiry-details-scroll-area[b-pdfmpotoas] {
    flex: 1;
    min-height: 0;
    padding: 1.5rem;
    overflow-y: auto;
}

.inquiry-details-section + .inquiry-details-section[b-pdfmpotoas] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.inquiry-details-section-title[b-pdfmpotoas] {
    display: block;
    margin-bottom: 0.85rem;
    color: #00273d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.inquiry-details-information-grid[b-pdfmpotoas] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.inquiry-details-information-item[b-pdfmpotoas] {
    padding: 0.9rem;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

    .inquiry-details-information-item span[b-pdfmpotoas] {
        display: block;
        color: #64748b;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .inquiry-details-information-item strong[b-pdfmpotoas] {
        display: block;
        margin-top: 0.25rem;
        color: #00273d;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

.career-inquiry-details[b-pdfmpotoas] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    color: #ffffff;
    background-color: #00273d;
    border-left: 5px solid #bc9c22;
    border-radius: 10px;
}

[b-pdfmpotoas] .career-inquiry-details-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.6rem;
}

.career-inquiry-details div[b-pdfmpotoas] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.career-inquiry-details span[b-pdfmpotoas],
.career-inquiry-details small[b-pdfmpotoas] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
}

.career-inquiry-details strong[b-pdfmpotoas] {
    margin: 0.15rem 0;
    color: #ffffff;
}

.inquiry-message-content[b-pdfmpotoas] {
    padding: 1rem;
    color: #334155;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 10px;
    line-height: 1.75;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.inquiry-details-footer[b-pdfmpotoas] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background-color: #ffffff;
    border-top: 1px solid #e2e8f0;
}

.inquiry-status-control[b-pdfmpotoas] {
    flex: 1;
    max-width: 260px;
}

[b-pdfmpotoas] .inquiry-status-control .rz-label {
    display: block;
    margin-bottom: 0.4rem;
    color: #00273d !important;
    font-weight: 700 !important;
}

[b-pdfmpotoas] .inquiry-status-dropdown {
    width: 100% !important;
}

.inquiry-details-actions[b-pdfmpotoas] {
    display: flex;
    gap: 0.65rem;
}

[b-pdfmpotoas] .save-inquiry-status-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
}

[b-pdfmpotoas] .close-inquiry-details-button {
    color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

/* Responsive */

@media (max-width: 1100px) {
    .inquiry-summary-grid[b-pdfmpotoas] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inquiries-toolbar[b-pdfmpotoas] {
        align-items: stretch;
        flex-direction: column;
    }

    .inquiry-search-wrapper[b-pdfmpotoas] {
        width: 100%;
        max-width: none;
    }

    .inquiry-filter-group[b-pdfmpotoas] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    [b-pdfmpotoas] .inquiry-filter-dropdown {
        width: 100% !important;
        min-width: 0;
    }
}

@media (max-width: 700px) {
    .admin-inquiries-page[b-pdfmpotoas] {
        padding: 1rem;
    }

    .admin-page-header[b-pdfmpotoas] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-pdfmpotoas] .refresh-inquiries-button {
        width: 100%;
    }

    .inquiry-filter-group[b-pdfmpotoas] {
        grid-template-columns: 1fr;
    }

    .inquiry-details-panel[b-pdfmpotoas] {
        width: 100%;
    }

    .inquiry-details-information-grid[b-pdfmpotoas] {
        grid-template-columns: 1fr;
    }

    .inquiry-details-footer[b-pdfmpotoas] {
        align-items: stretch;
        flex-direction: column;
    }

    .inquiry-status-control[b-pdfmpotoas] {
        width: 100%;
        max-width: none;
    }

    .inquiry-details-actions[b-pdfmpotoas] {
        flex-direction: column;
    }

    [b-pdfmpotoas] .save-inquiry-status-button,
    [b-pdfmpotoas] .close-inquiry-details-button {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .inquiry-summary-grid[b-pdfmpotoas] {
        grid-template-columns: 1fr;
    }

    .inquiry-details-header[b-pdfmpotoas],
    .inquiry-details-meta[b-pdfmpotoas],
    .inquiry-details-scroll-area[b-pdfmpotoas],
    .inquiry-details-footer[b-pdfmpotoas] {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Lawyers.razor.rz.scp.css */
.admin-lawyers-page[b-89rsv7dudz] {
    width: 100%;
}

.admin-page-header[b-89rsv7dudz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.lawyer-upload-area[b-89rsv7dudz] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 1.5rem;
    background-color: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 14px;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

    .lawyer-upload-area:hover[b-89rsv7dudz] {
        background-color: #fffbeb;
        border-color: #bc9c22;
    }

.lawyer-file-input[b-89rsv7dudz] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

[b-89rsv7dudz] .lawyer-upload-icon {
    margin-bottom: 0.65rem;
    color: #bc9c22 !important;
    font-size: 2.4rem;
}

.lawyer-upload-title[b-89rsv7dudz] {
    color: #00273d;
    font-weight: 800;
}

.lawyer-upload-description[b-89rsv7dudz] {
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.5;
}

.selected-lawyer-image[b-89rsv7dudz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    color: #166534;
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    font-size: 0.8rem;
}

[b-89rsv7dudz] .selected-lawyer-image-icon {
    color: #16a34a !important;
}

.lawyer-image-error[b-89rsv7dudz] {
    display: block;
    margin-top: 0.6rem;
    color: #b42318;
    font-size: 0.8rem;
}

.lawyer-image-preview[b-89rsv7dudz] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

[b-89rsv7dudz] .lawyer-image-preview-photo {
    display: block !important;
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 10px;
}

.lawyer-image-preview-content[b-89rsv7dudz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .lawyer-image-preview-content strong[b-89rsv7dudz] {
        color: #00273d;
    }

    .lawyer-image-preview-content span[b-89rsv7dudz] {
        margin-top: 0.35rem;
        color: #64748b;
        font-size: 0.78rem;
        line-height: 1.55;
    }

[b-89rsv7dudz] .remove-lawyer-image-button {
    margin-top: 0.65rem;
    color: #b42318 !important;
}

@media (max-width: 575px) {
    .lawyer-image-preview[b-89rsv7dudz] {
        grid-template-columns: 1fr;
    }

    [b-89rsv7dudz] .lawyer-image-preview-photo {
        width: 100% !important;
        height: 240px !important;
    }
}

[b-89rsv7dudz] .admin-page-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-89rsv7dudz] .admin-page-subtitle {
    max-width: 760px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-89rsv7dudz] .add-lawyer-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-89rsv7dudz] .add-lawyer-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-89rsv7dudz] .lawyer-editor-card {
    margin-bottom: 2rem;
    padding: 2rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.12) !important;
    border-top: 5px solid #bc9c22 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(0, 39, 61, 0.09) !important;
}

.editor-header[b-89rsv7dudz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
}

[b-89rsv7dudz] .editor-title {
    margin: 0 0 0.35rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-89rsv7dudz] .editor-subtitle {
    margin: 0;
    color: #64748b !important;
}

[b-89rsv7dudz] .close-editor-button {
    flex-shrink: 0;
    color: #64748b !important;
}

.form-field[b-89rsv7dudz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

[b-89rsv7dudz] .form-field .rz-label {
    color: #00273d !important;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-89rsv7dudz] .form-control-full {
    width: 100% !important;
}

    [b-89rsv7dudz] .form-control-full .rz-inputtext,
    [b-89rsv7dudz] input.form-control-full,
    [b-89rsv7dudz] textarea.form-control-full {
        width: 100% !important;
    }

.field-help[b-89rsv7dudz] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.5;
}

[b-89rsv7dudz] .rz-message {
    color: #b42318 !important;
    font-size: 0.8rem;
}

.switch-field[b-89rsv7dudz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 82px;
    padding: 1rem 1.25rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

.switch-title[b-89rsv7dudz] {
    display: block;
    margin-bottom: 0.25rem;
    color: #00273d;
    font-size: 0.9rem;
    font-weight: 800;
}

.switch-description[b-89rsv7dudz] {
    display: block;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.editor-actions[b-89rsv7dudz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

[b-89rsv7dudz] .save-lawyer-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
}

    [b-89rsv7dudz] .save-lawyer-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-89rsv7dudz] .cancel-lawyer-button {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

[b-89rsv7dudz] .lawyers-grid-card {
    padding: 0 !important;
    overflow: hidden;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(0, 39, 61, 0.08) !important;
}

.grid-toolbar[b-89rsv7dudz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

.search-wrapper[b-89rsv7dudz] {
    position: relative;
    width: min(420px, 100%);
}

[b-89rsv7dudz] .search-icon {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    z-index: 2;
    color: #bc9c22 !important;
    transform: translateY(-50%);
    pointer-events: none;
}

[b-89rsv7dudz] .lawyers-search-box {
    width: 100% !important;
    padding-left: 2.6rem !important;
}

.grid-summary[b-89rsv7dudz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #64748b;
    font-size: 0.88rem;
    white-space: nowrap;
}

    .grid-summary strong[b-89rsv7dudz] {
        color: #00273d;
    }

.loading-state[b-89rsv7dudz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 280px;
    padding: 2rem;
    color: #64748b;
}

[b-89rsv7dudz] .loading-progress {
    width: min(320px, 100%);
}

[b-89rsv7dudz] .lawyers-data-grid {
    border: none !important;
}

    [b-89rsv7dudz] .lawyers-data-grid .rz-datatable-thead th {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: rgba(255, 255, 255, 0.09) !important;
        font-weight: 700 !important;
    }

    [b-89rsv7dudz] .lawyers-data-grid .rz-datatable-data td {
        vertical-align: middle;
        border-color: #e2e8f0 !important;
    }

.grid-photo-wrapper[b-89rsv7dudz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    overflow: hidden;
    background-color: #f1f5f9;
    border: 2px solid rgba(188, 156, 34, 0.55);
    border-radius: 50%;
}

.grid-lawyer-photo[b-89rsv7dudz] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.lawyer-primary-info[b-89rsv7dudz],
.lawyer-contact-info[b-89rsv7dudz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.lawyer-list-name[b-89rsv7dudz] {
    overflow: hidden;
    color: #00273d;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lawyer-list-position[b-89rsv7dudz] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lawyer-contact-info span[b-89rsv7dudz] {
    overflow: hidden;
    color: #334155;
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lawyer-contact-info small[b-89rsv7dudz] {
    overflow: hidden;
    color: #64748b;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-89rsv7dudz] .status-badge {
    min-width: 72px;
    justify-content: center;
}

[b-89rsv7dudz] .featured-icon {
    color: #bc9c22 !important;
    font-size: 1.45rem;
}

[b-89rsv7dudz] .not-featured-icon {
    color: #94a3b8 !important;
    font-size: 1.45rem;
}

.grid-actions[b-89rsv7dudz] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

[b-89rsv7dudz] .grid-action-button {
    min-width: 36px !important;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    border-radius: 50% !important;
}

[b-89rsv7dudz] .edit-action {
    color: #00273d !important;
}

[b-89rsv7dudz] .visibility-action {
    color: #475569 !important;
}

[b-89rsv7dudz] .featured-action {
    color: #bc9c22 !important;
}

[b-89rsv7dudz] .delete-action {
    color: #b42318 !important;
}

@media (max-width: 992px) {
    .admin-page-header[b-89rsv7dudz] {
        align-items: stretch;
    }

    [b-89rsv7dudz] .lawyer-editor-card {
        padding: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .admin-page-header[b-89rsv7dudz] {
        flex-direction: column;
    }

    [b-89rsv7dudz] .add-lawyer-button {
        width: 100%;
    }

    .grid-toolbar[b-89rsv7dudz] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .search-wrapper[b-89rsv7dudz] {
        width: 100%;
    }

    .grid-summary[b-89rsv7dudz] {
        justify-content: flex-end;
    }

    .editor-actions[b-89rsv7dudz] {
        flex-direction: column-reverse;
    }

    [b-89rsv7dudz] .save-lawyer-button,
    [b-89rsv7dudz] .cancel-lawyer-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    [b-89rsv7dudz] .lawyer-editor-card {
        padding: 1.25rem !important;
        border-radius: 14px !important;
    }

    .editor-header[b-89rsv7dudz] {
        margin-bottom: 1.5rem;
    }

    .switch-field[b-89rsv7dudz] {
        padding: 0.9rem;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/News.razor.rz.scp.css */
.admin-news-page[b-y507kmth3n] {
    width: 100%;
}

.admin-page-header[b-y507kmth3n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.admin-page-heading[b-y507kmth3n] {
    min-width: 0;
}

[b-y507kmth3n] .admin-page-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-y507kmth3n] .admin-page-subtitle {
    max-width: 780px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-y507kmth3n] .add-article-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-y507kmth3n] .add-article-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-y507kmth3n] .article-editor-card {
    margin-bottom: 2rem;
    padding: 2rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.12) !important;
    border-top: 5px solid #bc9c22 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(0, 39, 61, 0.09) !important;
}

.editor-header[b-y507kmth3n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
}

[b-y507kmth3n] .editor-title {
    margin: 0 0 0.35rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-y507kmth3n] .editor-subtitle {
    margin: 0;
    color: #64748b !important;
}

[b-y507kmth3n] .close-editor-button {
    flex-shrink: 0;
    color: #64748b !important;
}

.form-field[b-y507kmth3n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

[b-y507kmth3n] .form-field .rz-label {
    color: #00273d !important;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-y507kmth3n] .form-control-full {
    width: 100% !important;
}

    [b-y507kmth3n] input.form-control-full,
    [b-y507kmth3n] textarea.form-control-full,
    [b-y507kmth3n] .form-control-full .rz-inputtext {
        width: 100% !important;
    }

[b-y507kmth3n] .article-content-input {
    min-height: 280px;
    line-height: 1.65;
}

.field-help[b-y507kmth3n] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.5;
}

[b-y507kmth3n] .rz-message {
    color: #b42318 !important;
    font-size: 0.8rem;
}

.news-upload-area[b-y507kmth3n] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 170px;
    padding: 1.5rem;
    color: #64748b;
    background-color: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 14px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

    .news-upload-area:hover[b-y507kmth3n] {
        background-color: #fffdf5;
        border-color: #bc9c22;
    }

.news-file-input[b-y507kmth3n] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

[b-y507kmth3n] .news-upload-icon {
    margin-bottom: 0.6rem;
    color: #bc9c22 !important;
    font-size: 2.4rem;
}

.news-upload-title[b-y507kmth3n] {
    color: #00273d;
    font-size: 0.95rem;
    font-weight: 800;
}

.news-upload-description[b-y507kmth3n] {
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.8rem;
}

.selected-image-info[b-y507kmth3n] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem;
    color: #00273d;
    background-color: #edf7ee;
    border: 1px solid #cce8d0;
    border-radius: 10px;
    font-size: 0.85rem;
}

[b-y507kmth3n] .selected-image-icon {
    color: #bc9c22 !important;
}

.image-upload-error[b-y507kmth3n] {
    color: #b42318;
    font-size: 0.82rem;
}

.article-image-preview[b-y507kmth3n] {
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 14px;
}

.preview-label[b-y507kmth3n] {
    display: block;
    margin-bottom: 0.75rem;
    color: #00273d;
    font-size: 0.88rem;
    font-weight: 800;
}

.preview-image-container[b-y507kmth3n] {
    width: 100%;
    max-width: 620px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #e2e8f0;
    border: 2px solid rgba(188, 156, 34, 0.35);
    border-radius: 12px;
}

.preview-image[b-y507kmth3n] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-pending-message[b-y507kmth3n] {
    display: block;
    margin-top: 0.75rem;
    color: #64748b;
    font-size: 0.8rem;
}

.switch-field[b-y507kmth3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 82px;
    padding: 1rem 1.25rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

.switch-title[b-y507kmth3n] {
    display: block;
    margin-bottom: 0.25rem;
    color: #00273d;
    font-size: 0.9rem;
    font-weight: 800;
}

.switch-description[b-y507kmth3n] {
    display: block;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.editor-actions[b-y507kmth3n] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

[b-y507kmth3n] .save-article-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
}

    [b-y507kmth3n] .save-article-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-y507kmth3n] .cancel-article-button {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

[b-y507kmth3n] .news-grid-card {
    padding: 0 !important;
    overflow: hidden;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(0, 39, 61, 0.08) !important;
}

.grid-toolbar[b-y507kmth3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.search-wrapper[b-y507kmth3n] {
    position: relative;
    width: min(460px, 100%);
}

[b-y507kmth3n] .search-icon {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    z-index: 2;
    color: #bc9c22 !important;
    transform: translateY(-50%);
    pointer-events: none;
}

[b-y507kmth3n] .news-search-box {
    width: 100% !important;
    padding-left: 2.6rem !important;
}

.grid-summary[b-y507kmth3n] {
    display: flex;
    gap: 0.4rem;
    color: #64748b;
    font-size: 0.88rem;
}

    .grid-summary strong[b-y507kmth3n] {
        color: #00273d;
    }

.loading-state[b-y507kmth3n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 280px;
    padding: 2rem;
    color: #64748b;
}

[b-y507kmth3n] .loading-progress {
    width: min(320px, 100%);
}

[b-y507kmth3n] .news-data-grid {
    border: none !important;
}

    [b-y507kmth3n] .news-data-grid .rz-datatable-thead th {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: rgba(255, 255, 255, 0.09) !important;
        font-weight: 700 !important;
    }

    [b-y507kmth3n] .news-data-grid .rz-datatable-data td {
        vertical-align: middle;
        border-color: #e2e8f0 !important;
    }

.grid-cover-wrapper[b-y507kmth3n] {
    width: 100px;
    height: 68px;
    overflow: hidden;
    background-color: #f1f5f9;
    border: 2px solid rgba(188, 156, 34, 0.45);
    border-radius: 10px;
}

.grid-cover-image[b-y507kmth3n] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-primary-info[b-y507kmth3n] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.article-list-title[b-y507kmth3n] {
    overflow: hidden;
    color: #00273d;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list-summary[b-y507kmth3n] {
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.category-label[b-y507kmth3n] {
    display: inline-flex;
    padding: 0.35rem 0.7rem;
    color: #00273d;
    background-color: #fff8df;
    border: 1px solid rgba(188, 156, 34, 0.35);
    border-radius: 20px;
    font-size: 0.76rem;
    font-weight: 800;
}

.publication-date[b-y507kmth3n] {
    color: #475569;
    font-size: 0.84rem;
}

[b-y507kmth3n] .status-badge {
    min-width: 76px;
    justify-content: center;
}

[b-y507kmth3n] .featured-icon {
    color: #bc9c22 !important;
    font-size: 1.45rem;
}

[b-y507kmth3n] .not-featured-icon {
    color: #94a3b8 !important;
    font-size: 1.45rem;
}

.grid-actions[b-y507kmth3n] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

[b-y507kmth3n] .grid-action-button {
    width: 36px;
    min-width: 36px !important;
    height: 36px;
    padding: 0 !important;
    border-radius: 50% !important;
}

[b-y507kmth3n] .edit-action {
    color: #00273d !important;
}

[b-y507kmth3n] .publish-action {
    color: #475569 !important;
}

[b-y507kmth3n] .featured-action {
    color: #bc9c22 !important;
}

[b-y507kmth3n] .delete-action {
    color: #b42318 !important;
}

@media (max-width: 992px) {
    [b-y507kmth3n] .article-editor-card {
        padding: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .admin-page-header[b-y507kmth3n] {
        flex-direction: column;
    }

    [b-y507kmth3n] .add-article-button {
        width: 100%;
    }

    .grid-toolbar[b-y507kmth3n] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .search-wrapper[b-y507kmth3n] {
        width: 100%;
    }

    .grid-summary[b-y507kmth3n] {
        justify-content: flex-end;
    }

    .editor-actions[b-y507kmth3n] {
        flex-direction: column-reverse;
    }

    [b-y507kmth3n] .save-article-button,
    [b-y507kmth3n] .cancel-article-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    [b-y507kmth3n] .article-editor-card {
        padding: 1.25rem !important;
        border-radius: 14px !important;
    }

    .switch-field[b-y507kmth3n] {
        padding: 0.9rem;
    }

    .preview-image-container[b-y507kmth3n] {
        max-width: 100%;
    }
}

.news-image-preview-actions[b-y507kmth3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

[b-y507kmth3n] .news-image-preview-help {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 0.78rem;
    line-height: 1.5;
}

[b-y507kmth3n] .remove-news-image-button {
    flex-shrink: 0;
    color: #b42318 !important;
    background-color: transparent !important;
    border-color: #f04438 !important;
    border-radius: 22px !important;
    font-weight: 700 !important;
}

    [b-y507kmth3n] .remove-news-image-button:hover {
        color: #ffffff !important;
        background-color: #b42318 !important;
        border-color: #b42318 !important;
    }

.news-image-pending-notice[b-y507kmth3n],
.news-image-removal-notice[b-y507kmth3n] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.85rem;
    border-radius: 10px;
    font-size: 0.78rem;
    line-height: 1.5;
}

.news-image-pending-notice[b-y507kmth3n] {
    color: #075985;
    background-color: #f0f9ff;
    border: 1px solid #bae6fd;
}

.news-image-removal-notice[b-y507kmth3n] {
    color: #854d0e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
}

    .news-image-pending-notice span[b-y507kmth3n],
    .news-image-removal-notice span[b-y507kmth3n] {
        flex: 1;
    }

[b-y507kmth3n] .news-image-notice-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.2rem;
}

[b-y507kmth3n] .undo-news-image-removal-button {
    flex-shrink: 0;
    color: #00273d !important;
    font-weight: 800 !important;
}

@media (max-width: 650px) {
    .news-image-preview-actions[b-y507kmth3n] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-y507kmth3n] .remove-news-image-button {
        width: 100%;
    }

    .news-image-removal-notice[b-y507kmth3n] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    [b-y507kmth3n] .undo-news-image-removal-button {
        width: 100%;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Practices.razor.rz.scp.css */
.admin-practices-page[b-ke47tjuhud] {
    width: 100%;
}

.admin-page-header[b-ke47tjuhud] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.admin-page-heading[b-ke47tjuhud] {
    min-width: 0;
}

[b-ke47tjuhud] .admin-page-title {
    margin: 0 0 0.5rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-ke47tjuhud] .admin-page-subtitle {
    max-width: 760px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-ke47tjuhud] .add-practice-button {
    flex-shrink: 0;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-ke47tjuhud] .add-practice-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-ke47tjuhud] .practice-editor-card {
    margin-bottom: 2rem;
    padding: 2rem !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.12) !important;
    border-top: 5px solid #bc9c22 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(0, 39, 61, 0.09) !important;
}

.editor-header[b-ke47tjuhud] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
}

[b-ke47tjuhud] .editor-title {
    margin: 0 0 0.35rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-ke47tjuhud] .editor-subtitle {
    margin: 0;
    color: #64748b !important;
}

[b-ke47tjuhud] .close-editor-button {
    flex-shrink: 0;
    color: #64748b !important;
}

.form-field[b-ke47tjuhud] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

[b-ke47tjuhud] .form-field .rz-label {
    color: #00273d !important;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-ke47tjuhud] .form-control-full {
    width: 100% !important;
}

    [b-ke47tjuhud] input.form-control-full,
    [b-ke47tjuhud] textarea.form-control-full,
    [b-ke47tjuhud] .form-control-full .rz-inputtext {
        width: 100% !important;
    }

.field-help[b-ke47tjuhud] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.5;
}

[b-ke47tjuhud] .rz-message {
    color: #b42318 !important;
    font-size: 0.8rem;
}

.practice-image-preview[b-ke47tjuhud] {
    width: 100%;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 14px;
}

.preview-label[b-ke47tjuhud] {
    display: block;
    margin-bottom: 0.75rem;
    color: #00273d;
    font-size: 0.88rem;
    font-weight: 800;
}

.preview-image-container[b-ke47tjuhud] {
    width: 100%;
    max-width: 420px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #e2e8f0;
    border: 2px solid rgba(188, 156, 34, 0.35);
    border-radius: 12px;
}

.preview-image[b-ke47tjuhud] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.switch-field[b-ke47tjuhud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 82px;
    padding: 1rem 1.25rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

.switch-title[b-ke47tjuhud] {
    display: block;
    margin-bottom: 0.25rem;
    color: #00273d;
    font-size: 0.9rem;
    font-weight: 800;
}

.switch-description[b-ke47tjuhud] {
    display: block;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.editor-actions[b-ke47tjuhud] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

[b-ke47tjuhud] .save-practice-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
}

    [b-ke47tjuhud] .save-practice-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-ke47tjuhud] .cancel-practice-button {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

[b-ke47tjuhud] .practices-grid-card {
    padding: 0 !important;
    overflow: hidden;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(0, 39, 61, 0.08) !important;
}

.grid-toolbar[b-ke47tjuhud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

.search-wrapper[b-ke47tjuhud] {
    position: relative;
    width: min(440px, 100%);
}

[b-ke47tjuhud] .search-icon {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    z-index: 2;
    color: #bc9c22 !important;
    transform: translateY(-50%);
    pointer-events: none;
}

[b-ke47tjuhud] .practices-search-box {
    width: 100% !important;
    padding-left: 2.6rem !important;
}

.grid-summary[b-ke47tjuhud] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #64748b;
    font-size: 0.88rem;
    white-space: nowrap;
}

    .grid-summary strong[b-ke47tjuhud] {
        color: #00273d;
    }

.loading-state[b-ke47tjuhud] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 280px;
    padding: 2rem;
    color: #64748b;
}

[b-ke47tjuhud] .loading-progress {
    width: min(320px, 100%);
}

[b-ke47tjuhud] .practices-data-grid {
    border: none !important;
}

    [b-ke47tjuhud] .practices-data-grid .rz-datatable-thead th {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: rgba(255, 255, 255, 0.09) !important;
        font-weight: 700 !important;
    }

    [b-ke47tjuhud] .practices-data-grid .rz-datatable-data td {
        vertical-align: middle;
        border-color: #e2e8f0 !important;
    }

.grid-image-wrapper[b-ke47tjuhud] {
    width: 92px;
    height: 64px;
    overflow: hidden;
    background-color: #f1f5f9;
    border: 2px solid rgba(188, 156, 34, 0.45);
    border-radius: 10px;
}

.grid-practice-image[b-ke47tjuhud] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.practice-primary-info[b-ke47tjuhud] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.practice-list-title[b-ke47tjuhud] {
    overflow: hidden;
    color: #00273d;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.practice-list-description[b-ke47tjuhud] {
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

[b-ke47tjuhud] .practice-grid-icon {
    color: #bc9c22 !important;
    font-size: 1.55rem;
}

.no-value-text[b-ke47tjuhud] {
    color: #94a3b8;
    font-size: 0.8rem;
}

[b-ke47tjuhud] .status-badge {
    min-width: 72px;
    justify-content: center;
}

[b-ke47tjuhud] .featured-icon {
    color: #bc9c22 !important;
    font-size: 1.45rem;
}

[b-ke47tjuhud] .not-featured-icon {
    color: #94a3b8 !important;
    font-size: 1.45rem;
}

.grid-actions[b-ke47tjuhud] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

[b-ke47tjuhud] .grid-action-button {
    min-width: 36px !important;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    border-radius: 50% !important;
}

[b-ke47tjuhud] .edit-action {
    color: #00273d !important;
}

[b-ke47tjuhud] .visibility-action {
    color: #475569 !important;
}

[b-ke47tjuhud] .featured-action {
    color: #bc9c22 !important;
}

[b-ke47tjuhud] .delete-action {
    color: #b42318 !important;
}

@media (max-width: 992px) {
    [b-ke47tjuhud] .practice-editor-card {
        padding: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .admin-page-header[b-ke47tjuhud] {
        flex-direction: column;
    }

    [b-ke47tjuhud] .add-practice-button {
        width: 100%;
    }

    .grid-toolbar[b-ke47tjuhud] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .search-wrapper[b-ke47tjuhud] {
        width: 100%;
    }

    .grid-summary[b-ke47tjuhud] {
        justify-content: flex-end;
    }

    .editor-actions[b-ke47tjuhud] {
        flex-direction: column-reverse;
    }

    [b-ke47tjuhud] .save-practice-button,
    [b-ke47tjuhud] .cancel-practice-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    [b-ke47tjuhud] .practice-editor-card {
        padding: 1.25rem !important;
        border-radius: 14px !important;
    }

    .editor-header[b-ke47tjuhud] {
        margin-bottom: 1.5rem;
    }

    .switch-field[b-ke47tjuhud] {
        padding: 0.9rem;
    }

    .preview-image-container[b-ke47tjuhud] {
        max-width: 100%;
    }

    .practice-upload-area[b-ke47tjuhud] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 170px;
        padding: 1.5rem;
        color: #64748b;
        background-color: #f8fafc;
        border: 2px dashed #cbd5e1;
        border-radius: 14px;
        cursor: pointer;
        text-align: center;
        transition: border-color 0.2s ease, background-color 0.2s ease;
    }

        .practice-upload-area:hover[b-ke47tjuhud] {
            background-color: #fffdf5;
            border-color: #bc9c22;
        }

    .practice-file-input[b-ke47tjuhud] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .practice-upload-icon[b-ke47tjuhud] {
        margin-bottom: 0.6rem;
        color: #bc9c22;
        font-family: "Material Symbols Outlined";
        font-size: 2.4rem;
    }

    .practice-upload-title[b-ke47tjuhud] {
        color: #00273d;
        font-size: 0.95rem;
        font-weight: 800;
    }

    .practice-upload-description[b-ke47tjuhud] {
        margin-top: 0.35rem;
        color: #64748b;
        font-size: 0.8rem;
    }

    .selected-image-info[b-ke47tjuhud] {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.75rem;
        color: #00273d;
        background-color: #edf7ee;
        border: 1px solid #cce8d0;
        border-radius: 10px;
        font-size: 0.85rem;
    }

    [b-ke47tjuhud] .selected-image-icon {
        color: #bc9c22 !important;
    }

    .image-upload-error[b-ke47tjuhud] {
        color: #b42318;
        font-size: 0.82rem;
        line-height: 1.5;
    }

    .preview-pending-message[b-ke47tjuhud] {
        display: block;
        margin-top: 0.75rem;
        color: #64748b;
        font-size: 0.8rem;
    }
}

.practice-image-preview-actions[b-ke47tjuhud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

[b-ke47tjuhud] .practice-image-preview-help {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 0.78rem;
    line-height: 1.5;
}

[b-ke47tjuhud] .remove-practice-image-button {
    flex-shrink: 0;
    color: #b42318 !important;
    background-color: transparent !important;
    border-color: #f04438 !important;
    border-radius: 22px !important;
    font-weight: 700 !important;
}

    [b-ke47tjuhud] .remove-practice-image-button:hover {
        color: #ffffff !important;
        background-color: #b42318 !important;
        border-color: #b42318 !important;
    }

.practice-image-removal-notice[b-ke47tjuhud] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.85rem;
    color: #854d0e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 0.78rem;
    line-height: 1.5;
}

    .practice-image-removal-notice span[b-ke47tjuhud] {
        flex: 1;
    }

[b-ke47tjuhud] .practice-image-removal-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.2rem;
}

[b-ke47tjuhud] .undo-practice-image-removal-button {
    flex-shrink: 0;
    color: #00273d !important;
    font-weight: 800 !important;
}

@media (max-width: 650px) {
    .practice-image-preview-actions[b-ke47tjuhud] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-ke47tjuhud] .remove-practice-image-button {
        width: 100%;
    }

    .practice-image-removal-notice[b-ke47tjuhud] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    [b-ke47tjuhud] .undo-practice-image-removal-button {
        width: 100%;
    }
}
/* _content/LawFirm.Web/Components/Pages/Admin/Users.razor.rz.scp.css */
.admin-users-page[b-wif9n10z2l] {
    width: 100%;
}

.users-page-header[b-wif9n10z2l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

[b-wif9n10z2l] .users-page-title {
    margin: 0 0 0.45rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-wif9n10z2l] .users-page-subtitle {
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-wif9n10z2l] .create-user-button,
[b-wif9n10z2l] .save-user-button,
[b-wif9n10z2l] .close-temporary-password-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-wif9n10z2l] .create-user-button:hover,
    [b-wif9n10z2l] .save-user-button:hover,
    [b-wif9n10z2l] .close-temporary-password-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-wif9n10z2l] .users-grid-card,
[b-wif9n10z2l] .users-loading-card {
    padding: 0 !important;
    overflow: hidden;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 39, 61, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07) !important;
}

.users-toolbar[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.users-search-wrapper[b-wif9n10z2l] {
    position: relative;
    width: min(420px, 100%);
}

[b-wif9n10z2l] .users-search-icon {
    position: absolute;
    top: 50%;
    left: 0.85rem;
    z-index: 2;
    color: #64748b !important;
    transform: translateY(-50%);
}

[b-wif9n10z2l] .users-search-input {
    width: 100% !important;
    padding-left: 2.6rem !important;
}

.users-summary[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
}

.users-summary-divider[b-wif9n10z2l] {
    width: 1px;
    height: 18px;
    background-color: #cbd5e1;
}

[b-wif9n10z2l] .users-data-grid {
    border: none !important;
}

.user-identity-cell[b-wif9n10z2l] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 230px;
}

.user-avatar[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: #bc9c22;
    background-color: #00273d;
    border-radius: 50%;
    font-size: 0.82rem;
    font-weight: 800;
}

.user-full-name[b-wif9n10z2l],
.user-email[b-wif9n10z2l],
.current-user-label[b-wif9n10z2l] {
    display: block;
}

.user-full-name[b-wif9n10z2l] {
    color: #00273d;
    font-size: 0.9rem;
}

.user-email[b-wif9n10z2l] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.76rem;
}

.current-user-label[b-wif9n10z2l] {
    width: fit-content;
    margin-top: 0.3rem;
    padding: 0.18rem 0.45rem;
    color: #1d4ed8;
    background-color: #eff6ff;
    border-radius: 12px;
    font-size: 0.65rem;
    font-weight: 800;
}

.user-role[b-wif9n10z2l],
.user-status[b-wif9n10z2l],
.password-change-label[b-wif9n10z2l] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    width: fit-content;
    padding: 0.3rem 0.6rem;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 800;
}

.user-role-system[b-wif9n10z2l] {
    color: #ffffff;
    background-color: #00273d;
}

.user-role-content-admin[b-wif9n10z2l] {
    color: #854d0e;
    background-color: #fef9c3;
}

.user-role-default[b-wif9n10z2l] {
    color: #475569;
    background-color: #e2e8f0;
}

.user-status-list[b-wif9n10z2l] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.user-status-active[b-wif9n10z2l] {
    color: #166534;
    background-color: #dcfce7;
}

.user-status-inactive[b-wif9n10z2l] {
    color: #991b1b;
    background-color: #fee2e2;
}

.user-status-locked[b-wif9n10z2l] {
    color: #92400e;
    background-color: #fef3c7;
}

.password-change-label[b-wif9n10z2l] {
    color: #854d0e;
    background-color: #fff7ed;
}

[b-wif9n10z2l] .user-status-icon {
    color: inherit !important;
    font-size: 0.95rem;
}

.user-date-text[b-wif9n10z2l] {
    color: #64748b;
    font-size: 0.77rem;
}

.user-actions[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

[b-wif9n10z2l] .user-action-button {
    color: #00273d !important;
}

.users-empty-state[b-wif9n10z2l],
.users-loading-state[b-wif9n10z2l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    min-height: 330px;
    padding: 2rem;
    text-align: center;
}

.users-empty-icon-wrapper[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-wif9n10z2l] .users-empty-icon {
    color: #bc9c22 !important;
    font-size: 2.5rem;
}

.users-empty-state h2[b-wif9n10z2l] {
    margin: 0;
    color: #00273d;
}

.users-empty-state p[b-wif9n10z2l] {
    margin: 0;
    color: #64748b;
}

[b-wif9n10z2l] .users-loading-progress {
    width: min(340px, 100%);
}

/* User editor */

.user-panel-overlay[b-wif9n10z2l],
.temporary-password-overlay[b-wif9n10z2l] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background-color: rgba(0, 24, 38, 0.62);
    backdrop-filter: blur(3px);
}

.user-panel-overlay[b-wif9n10z2l] {
    display: flex;
    justify-content: flex-end;
}

.user-panel[b-wif9n10z2l] {
    width: min(520px, 100%);
    height: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    box-shadow: -20px 0 50px rgba(0, 39, 61, 0.2);
}

.user-panel-header[b-wif9n10z2l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    color: #ffffff;
    background-color: #00273d;
    border-bottom: 4px solid #bc9c22;
}

.user-panel-eyebrow[b-wif9n10z2l] {
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.user-panel-header h2[b-wif9n10z2l] {
    margin: 0.3rem 0;
    color: #ffffff;
}

.user-panel-header p[b-wif9n10z2l] {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.82rem;
    line-height: 1.5;
}

[b-wif9n10z2l] .close-user-panel-button {
    color: #ffffff !important;
}

.user-panel-body[b-wif9n10z2l] {
    padding: 1.5rem;
}

.user-form[b-wif9n10z2l] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.user-form-field[b-wif9n10z2l] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-wif9n10z2l] .user-form-field .rz-label {
    color: #00273d !important;
    font-weight: 700;
}

[b-wif9n10z2l] .user-form-control {
    width: 100% !important;
}

.user-field-help[b-wif9n10z2l] {
    color: #64748b;
    font-size: 0.75rem;
}

.user-form-status[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

    .user-form-status strong[b-wif9n10z2l],
    .user-form-status span[b-wif9n10z2l] {
        display: block;
    }

    .user-form-status strong[b-wif9n10z2l] {
        color: #00273d;
    }

    .user-form-status span[b-wif9n10z2l] {
        margin-top: 0.2rem;
        color: #64748b;
        font-size: 0.75rem;
    }

.user-security-notice[b-wif9n10z2l] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem;
    color: #854d0e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 0.78rem;
    line-height: 1.5;
}

[b-wif9n10z2l] .user-security-notice-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
}

.user-form-actions[b-wif9n10z2l] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

[b-wif9n10z2l] .cancel-user-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
}

.user-panel-loading[b-wif9n10z2l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    min-height: 260px;
    padding-top: 3rem;
}

[b-wif9n10z2l] .user-panel-progress {
    width: min(320px, 100%);
}

/* Temporary password */

.temporary-password-overlay[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2100;
    padding: 1rem;
}

.temporary-password-dialog[b-wif9n10z2l] {
    width: min(520px, 100%);
    padding: 2rem;
    background-color: #ffffff;
    border-top: 5px solid #bc9c22;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0, 39, 61, 0.28);
    text-align: center;
}

.temporary-password-icon-wrapper[b-wif9n10z2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    background-color: #00273d;
    border-radius: 50%;
}

[b-wif9n10z2l] .temporary-password-icon {
    color: #bc9c22 !important;
    font-size: 2.5rem;
}

.temporary-password-eyebrow[b-wif9n10z2l] {
    color: #bc9c22;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.temporary-password-dialog h2[b-wif9n10z2l] {
    margin: 0.4rem 0 0.75rem;
    color: #00273d;
}

.temporary-password-dialog > p[b-wif9n10z2l] {
    margin: 0 0 1.25rem;
    color: #64748b;
    font-size: 0.84rem;
    line-height: 1.65;
}

.temporary-credential[b-wif9n10z2l] {
    padding: 0.9rem 1rem;
    margin-top: 0.75rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 10px;
    text-align: left;
}

    .temporary-credential span[b-wif9n10z2l],
    .temporary-credential strong[b-wif9n10z2l],
    .temporary-credential code[b-wif9n10z2l] {
        display: block;
    }

    .temporary-credential span[b-wif9n10z2l] {
        color: #64748b;
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .temporary-credential strong[b-wif9n10z2l],
    .temporary-credential code[b-wif9n10z2l] {
        margin-top: 0.3rem;
        color: #00273d;
        overflow-wrap: anywhere;
    }

    .temporary-credential code[b-wif9n10z2l] {
        font-size: 1.05rem;
        font-weight: 800;
        letter-spacing: 0.04rem;
    }

.temporary-password-warning[b-wif9n10z2l] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 1rem 0;
    padding: 0.8rem;
    color: #92400e;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: left;
}

[b-wif9n10z2l] .temporary-password-warning-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
}

[b-wif9n10z2l] .close-temporary-password-button {
    width: 100%;
}

/* Responsive */

@media (max-width: 850px) {
    .users-toolbar[b-wif9n10z2l] {
        align-items: stretch;
        flex-direction: column;
    }

    .users-search-wrapper[b-wif9n10z2l] {
        width: 100%;
    }

    .users-summary[b-wif9n10z2l] {
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .users-page-header[b-wif9n10z2l] {
        flex-direction: column;
    }

    [b-wif9n10z2l] .create-user-button {
        width: 100%;
    }

    .users-summary-divider[b-wif9n10z2l] {
        display: none;
    }

    .users-summary[b-wif9n10z2l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .user-panel[b-wif9n10z2l] {
        width: 100%;
    }

    .user-panel-body[b-wif9n10z2l],
    .user-panel-header[b-wif9n10z2l] {
        padding: 1.2rem;
    }

    .user-form-actions[b-wif9n10z2l] {
        flex-direction: column-reverse;
    }

    [b-wif9n10z2l] .cancel-user-button,
    [b-wif9n10z2l] .save-user-button {
        width: 100%;
    }

    .temporary-password-dialog[b-wif9n10z2l] {
        padding: 1.4rem;
    }
}
/* _content/LawFirm.Web/Components/Pages/CareerDetails.razor.rz.scp.css */
.career-details-page[b-tofw2mf2jg] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 145px 0 90px;
    overflow: hidden;
    background-color: #f7f8fa;
}

.career-details-container[b-tofw2mf2jg] {
    position: relative;
    z-index: 2;
    width: min(1220px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

.career-details-watermark[b-tofw2mf2jg] {
    position: absolute;
    right: -70px;
    bottom: 50px;
    z-index: 0;
    width: min(520px, 42vw);
    opacity: 0.035;
    pointer-events: none;
    user-select: none;
    animation: career-watermark-enter-b-tofw2mf2jg 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

[b-tofw2mf2jg] .career-details-watermark-logo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    filter: grayscale(100%);
    transform: rotate(-5deg);
}

@keyframes career-watermark-enter-b-tofw2mf2jg {
    from {
        transform: translateX(75px) scale(0.94);
    }

    to {
        transform: translateX(0) scale(1);
    }
}

/* Position Header */

.career-position-header[b-tofw2mf2jg] {
    max-width: 980px;
    margin: 0 auto 3rem;
    text-align: center;
}

[b-tofw2mf2jg] .career-back-button {
    margin-bottom: 1.5rem;
    color: #00273d !important;
    font-weight: 700 !important;
}

.career-position-labels[b-tofw2mf2jg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.career-position-department[b-tofw2mf2jg] {
    color: #bc9c22;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.career-position-featured[b-tofw2mf2jg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    color: #00273d;
    background-color: #fff8df;
    border: 1px solid rgba(188, 156, 34, 0.42);
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-tofw2mf2jg] .career-position-featured-icon {
    color: #bc9c22 !important;
    font-size: 0.95rem;
}

.career-position-heading[b-tofw2mf2jg] {
    max-width: 950px;
    margin: 0 auto;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 700;
    line-height: 1.12;
}

.career-position-heading-line[b-tofw2mf2jg] {
    width: 95px;
    height: 4px;
    margin: 1.25rem auto;
    background-color: #bc9c22;
    border-radius: 10px;
}

.career-position-introduction[b-tofw2mf2jg] {
    max-width: 820px;
    margin: 0 auto;
    color: #64748b;
    font-size: clamp(1rem, 2vw, 1.15rem);
    line-height: 1.85;
}

.career-position-metadata[b-tofw2mf2jg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin-top: 1.5rem;
}

.career-metadata-item[b-tofw2mf2jg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #475569;
    font-size: 0.84rem;
}

[b-tofw2mf2jg] .career-metadata-icon {
    color: #bc9c22 !important;
    font-size: 1.1rem;
}

.career-deadline[b-tofw2mf2jg] {
    color: #8a6100;
    font-weight: 700;
}

/* Main Layout */

.career-position-layout[b-tofw2mf2jg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 2rem;
    align-items: start;
}

.career-position-main[b-tofw2mf2jg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

.career-content-section[b-tofw2mf2jg] {
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(0, 39, 61, 0.09);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 39, 61, 0.07);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .career-content-section:hover[b-tofw2mf2jg] {
        border-color: rgba(188, 156, 34, 0.45);
        box-shadow: 0 18px 42px rgba(0, 39, 61, 0.12);
        transform: translateY(-5px);
    }

.career-content-heading[b-tofw2mf2jg] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.career-content-icon-container[b-tofw2mf2jg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-color: #00273d;
    border: 1px solid rgba(188, 156, 34, 0.28);
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(0, 39, 61, 0.16);
    transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

[b-tofw2mf2jg] .career-content-icon {
    color: #bc9c22 !important;
    font-size: 1.4rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.career-content-section:hover .career-content-icon-container[b-tofw2mf2jg] {
    background-color: #bc9c22;
    border-color: #bc9c22;
    box-shadow: 0 10px 22px rgba(188, 156, 34, 0.25);
    transform: translateY(-3px) rotate(-4deg) scale(1.06);
}

.career-content-section:hover[b-tofw2mf2jg]  .career-content-icon {
    color: #00273d !important;
    transform: scale(1.07);
}

.career-content-eyebrow[b-tofw2mf2jg] {
    display: block;
    margin-bottom: 0.15rem;
    color: #bc9c22;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.09rem;
    text-transform: uppercase;
}

.career-content-heading h2[b-tofw2mf2jg] {
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 2.5vw, 1.9rem);
}

.career-section-line[b-tofw2mf2jg] {
    width: 100%;
    height: 1px;
    margin: 1.35rem 0;
    background-color: #e2e8f0;
}

.career-description-text[b-tofw2mf2jg] {
    width: 100%;
    color: #475569;
    font-size: 1rem;
    line-height: 1.9;
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-line;
    hyphens: none;
}

.career-requirement-list[b-tofw2mf2jg] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .career-requirement-list li[b-tofw2mf2jg] {
        display: flex;
        align-items: flex-start;
        gap: 0.7rem;
        color: #475569;
        line-height: 1.7;
    }

[b-tofw2mf2jg] .career-list-icon {
    flex-shrink: 0;
    margin-top: 0.25rem;
    color: #bc9c22 !important;
    font-size: 1.05rem;
}

.career-requirement-list li[b-tofw2mf2jg] {
    transition: color 0.22s ease, transform 0.22s ease;
}

    .career-requirement-list li:hover[b-tofw2mf2jg] {
        color: #00273d;
        transform: translateX(5px);
    }

[b-tofw2mf2jg] .career-list-icon {
    transition: color 0.22s ease, transform 0.22s ease;
}

.career-requirement-list li:hover[b-tofw2mf2jg]  .career-list-icon {
    transform: scale(1.12);
}

/* Application Column */

.career-application-column[b-tofw2mf2jg] {
    position: sticky;
    top: 115px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.career-application-card[b-tofw2mf2jg] {
    padding: 1.75rem;
    color: #ffffff;
    background: linear-gradient( 145deg, #00273d 0%, #003b58 100% );
    border: 1px solid rgba(188, 156, 34, 0.2);
    border-top: 5px solid #bc9c22;
    border-radius: 16px;
    box-shadow: 0 16px 38px rgba(0, 39, 61, 0.18);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .career-application-card:hover[b-tofw2mf2jg] {
        border-color: rgba(188, 156, 34, 0.5);
        box-shadow: 0 24px 52px rgba(0, 39, 61, 0.24);
        transform: translateY(-5px);
    }

.career-application-eyebrow[b-tofw2mf2jg] {
    display: block;
    margin-bottom: 0.45rem;
    color: #bc9c22;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.11rem;
    text-transform: uppercase;
}

.career-application-card h2[b-tofw2mf2jg] {
    margin: 0;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.75rem;
    line-height: 1.3;
}

.career-application-card > p[b-tofw2mf2jg] {
    margin: 0.8rem 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    line-height: 1.7;
}

.career-application-summary[b-tofw2mf2jg] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 1.4rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.career-application-item[b-tofw2mf2jg] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}

[b-tofw2mf2jg] .career-application-item-icon {
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: #bc9c22 !important;
    font-size: 1.15rem;
}

.career-application-item span[b-tofw2mf2jg],
.career-application-item strong[b-tofw2mf2jg] {
    display: block;
}

.career-application-item span[b-tofw2mf2jg] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.68rem;
    text-transform: uppercase;
}

.career-application-item strong[b-tofw2mf2jg] {
    margin-top: 0.1rem;
    color: #ffffff;
    font-size: 0.84rem;
    line-height: 1.45;
}

[b-tofw2mf2jg] .career-apply-button {
    width: 100%;
    margin-top: 1.25rem;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 26px !important;
    box-shadow: 0 8px 20px rgba(0, 20, 32, 0.2);
    font-weight: 800 !important;
    transition: color 0.24s ease, background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease !important;
}

    [b-tofw2mf2jg] .career-apply-button:hover {
        color: #ffffff !important;
        background-color: transparent !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 12px 26px rgba(0, 20, 32, 0.3);
        transform: translateY(-2px);
    }

    [b-tofw2mf2jg] .career-apply-button:active {
        transform: translateY(0) scale(0.98);
    }

.career-application-note[b-tofw2mf2jg] {
    margin-top: 0.8rem !important;
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 0.72rem !important;
    line-height: 1.5 !important;
    text-align: center;
}

.career-contact-card[b-tofw2mf2jg] {
    padding: 1.4rem;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-left: 4px solid #bc9c22;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 39, 61, 0.06);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .career-contact-card:hover[b-tofw2mf2jg] {
        border-color: rgba(188, 156, 34, 0.5);
        box-shadow: 0 16px 36px rgba(0, 39, 61, 0.12);
        transform: translateY(-4px);
    }

[b-tofw2mf2jg] .career-contact-icon {
    color: #bc9c22 !important;
    font-size: 1.75rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.career-contact-card:hover[b-tofw2mf2jg]  .career-contact-icon {
    transform: rotate(-5deg) scale(1.08);
}

[b-tofw2mf2jg] .career-contact-icon {
    color: #bc9c22 !important;
    font-size: 1.75rem;
}

.career-contact-card h3[b-tofw2mf2jg] {
    margin: 0.65rem 0 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
}

.career-contact-card p[b-tofw2mf2jg] {
    margin: 0.45rem 0 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.6;
}

[b-tofw2mf2jg] .career-contact-button {
    width: 100%;
    margin-top: 1rem;
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
    transition: color 0.23s ease, background-color 0.23s ease, border-color 0.23s ease, box-shadow 0.23s ease, transform 0.23s ease !important;
}

    [b-tofw2mf2jg] .career-contact-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 39, 61, 0.14);
        transform: translateY(-2px);
    }

    [b-tofw2mf2jg] .career-contact-button:active {
        transform: translateY(0) scale(0.98);
    }

[b-tofw2mf2jg] .career-back-button {
    transition: color 0.22s ease, transform 0.22s ease !important;
}

    [b-tofw2mf2jg] .career-back-button:hover {
        color: #bc9c22 !important;
        transform: translateX(-4px);
    }

/* Loading and Error States */

.career-details-state[b-tofw2mf2jg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 520px;
    padding: 2rem;
    text-align: center;
}

    .career-details-state h1[b-tofw2mf2jg] {
        margin: 0;
        color: #00273d;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(2rem, 4vw, 3rem);
    }

    .career-details-state p[b-tofw2mf2jg] {
        max-width: 600px;
        margin: 0;
        color: #64748b;
        line-height: 1.75;
    }

[b-tofw2mf2jg] .career-details-progress {
    width: min(360px, 100%);
}

.career-details-state-icon-container[b-tofw2mf2jg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-tofw2mf2jg] .career-details-state-icon {
    color: #bc9c22 !important;
    font-size: 2.75rem;
}

.career-details-error[b-tofw2mf2jg] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 16px;
}

.career-details-state-actions[b-tofw2mf2jg] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

[b-tofw2mf2jg] .career-details-primary-button {
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-tofw2mf2jg] .career-details-primary-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
    }

[b-tofw2mf2jg] .career-details-outline-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

.career-animate-page[b-tofw2mf2jg] {
    animation: career-page-enter-b-tofw2mf2jg 0.55s ease-out both;
}

.career-animate-header[b-tofw2mf2jg] {
    animation: career-header-enter-b-tofw2mf2jg 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.career-animate-heading-line[b-tofw2mf2jg] {
    transform-origin: center;
    animation: career-heading-line-enter-b-tofw2mf2jg 0.62s ease-out both;
    animation-delay: 0.28s;
}

.career-animate-main[b-tofw2mf2jg] {
    animation: career-main-enter-b-tofw2mf2jg 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.18s;
}

.career-animate-application[b-tofw2mf2jg] {
    animation: career-application-enter-b-tofw2mf2jg 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.3s;
}

.career-animate-section[b-tofw2mf2jg] {
    animation: career-section-enter-b-tofw2mf2jg 0.66s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .career-animate-section:nth-child(1)[b-tofw2mf2jg] {
        animation-delay: 0.16s;
    }

    .career-animate-section:nth-child(2)[b-tofw2mf2jg] {
        animation-delay: 0.26s;
    }

    .career-animate-section:nth-child(3)[b-tofw2mf2jg] {
        animation-delay: 0.36s;
    }

@keyframes career-page-enter-b-tofw2mf2jg {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes career-header-enter-b-tofw2mf2jg {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes career-heading-line-enter-b-tofw2mf2jg {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes career-main-enter-b-tofw2mf2jg {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes career-application-enter-b-tofw2mf2jg {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes career-section-enter-b-tofw2mf2jg {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-tofw2mf2jg] .career-application-item-icon {
    transition: color 0.22s ease, transform 0.22s ease;
}

.career-application-item:hover[b-tofw2mf2jg]  .career-application-item-icon {
    transform: translateY(-2px) scale(1.1);
}

/* Responsive */

@media (max-width: 992px) {
    .career-details-page[b-tofw2mf2jg] {
        padding-top: 130px;
    }

    .career-position-layout[b-tofw2mf2jg] {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 1.5rem;
    }

    .career-content-section[b-tofw2mf2jg] {
        padding: 1.6rem;
    }

    .career-application-card[b-tofw2mf2jg] {
        padding: 1.5rem;
    }
}

@media (max-width: 800px) {
    .career-details-container[b-tofw2mf2jg] {
        padding: 0 1.25rem;
    }

    .career-position-layout[b-tofw2mf2jg] {
        grid-template-columns: 1fr;
    }

    .career-application-column[b-tofw2mf2jg] {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 620px) {
    .career-application-column[b-tofw2mf2jg] {
        grid-template-columns: 1fr;
    }

    .career-details-state-actions[b-tofw2mf2jg] {
        width: 100%;
        flex-direction: column;
    }

    [b-tofw2mf2jg] .career-details-primary-button,
    [b-tofw2mf2jg] .career-details-outline-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .career-details-page[b-tofw2mf2jg] {
        padding-top: 115px;
        padding-bottom: 60px;
    }

    .career-details-container[b-tofw2mf2jg] {
        padding: 0 1rem;
    }

    .career-position-header[b-tofw2mf2jg] {
        margin-bottom: 2.25rem;
    }

    .career-position-heading[b-tofw2mf2jg] {
        font-size: clamp(2.2rem, 12vw, 3.2rem);
    }

    .career-position-metadata[b-tofw2mf2jg] {
        align-items: flex-start;
        flex-direction: column;
    }

    .career-content-section[b-tofw2mf2jg] {
        padding: 1.25rem;
        border-radius: 14px;
    }

    .career-content-heading[b-tofw2mf2jg] {
        align-items: flex-start;
    }

    .career-description-text[b-tofw2mf2jg] {
        font-size: 0.95rem;
        line-height: 1.8;
    }

    .career-details-watermark[b-tofw2mf2jg] {
        right: -50px;
        bottom: 30px;
        width: 260px;
    }

    .career-description-text[b-tofw2mf2jg] {
        text-align: left;
        text-align-last: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .career-animate-page[b-tofw2mf2jg],
    .career-animate-header[b-tofw2mf2jg],
    .career-animate-heading-line[b-tofw2mf2jg],
    .career-animate-main[b-tofw2mf2jg],
    .career-animate-application[b-tofw2mf2jg],
    .career-animate-section[b-tofw2mf2jg],
    .career-details-watermark[b-tofw2mf2jg] {
        animation: none !important;
    }

    .career-animate-page[b-tofw2mf2jg],
    .career-animate-header[b-tofw2mf2jg],
    .career-animate-heading-line[b-tofw2mf2jg],
    .career-animate-main[b-tofw2mf2jg],
    .career-animate-application[b-tofw2mf2jg],
    .career-animate-section[b-tofw2mf2jg] {
        opacity: 1 !important;
        transform: none !important;
    }

    .career-details-watermark[b-tofw2mf2jg] {
        opacity: 0.035 !important;
        transform: none !important;
    }

    .career-content-section[b-tofw2mf2jg],
    .career-content-icon-container[b-tofw2mf2jg],
    [b-tofw2mf2jg] .career-content-icon,
    .career-requirement-list li[b-tofw2mf2jg],
    [b-tofw2mf2jg] .career-list-icon,
    .career-application-card[b-tofw2mf2jg],
    [b-tofw2mf2jg] .career-application-item-icon,
    [b-tofw2mf2jg] .career-apply-button,
    .career-contact-card[b-tofw2mf2jg],
    [b-tofw2mf2jg] .career-contact-icon,
    [b-tofw2mf2jg] .career-contact-button,
    [b-tofw2mf2jg] .career-back-button {
        transition: none !important;
    }

        .career-content-section:hover[b-tofw2mf2jg],
        .career-content-section:hover .career-content-icon-container[b-tofw2mf2jg],
        .career-content-section:hover[b-tofw2mf2jg]  .career-content-icon,
        .career-requirement-list li:hover[b-tofw2mf2jg],
        .career-requirement-list li:hover[b-tofw2mf2jg]  .career-list-icon,
        .career-application-card:hover[b-tofw2mf2jg],
        .career-application-item:hover[b-tofw2mf2jg]  .career-application-item-icon,
        [b-tofw2mf2jg] .career-apply-button:hover,
        .career-contact-card:hover[b-tofw2mf2jg],
        .career-contact-card:hover[b-tofw2mf2jg]  .career-contact-icon,
        [b-tofw2mf2jg] .career-contact-button:hover,
        [b-tofw2mf2jg] .career-back-button:hover {
            transform: none !important;
        }
}
/* _content/LawFirm.Web/Components/Pages/Careers.razor.rz.scp.css */
html[b-ilcs1lk6vx] {
    scroll-behavior: smooth;
}

.careers-page[b-ilcs1lk6vx] {
    width: 100%;
    overflow-x: hidden;
    color: #334155;
    background-color: #ffffff;
}

.careers-container[b-ilcs1lk6vx] {
    width: min(1320px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

.careers-eyebrow[b-ilcs1lk6vx] {
    display: block;
    margin-bottom: 0.75rem;
    color: #bc9c22;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
}

.careers-heading-line[b-ilcs1lk6vx] {
    width: 86px;
    height: 4px;
    margin: 1.25rem 0 1.5rem;
    background-color: #bc9c22;
    border-radius: 10px;
}

.careers-centered-line[b-ilcs1lk6vx] {
    width: 78px;
    height: 3px;
    margin: 1rem auto 1.25rem;
    background-color: #bc9c22;
    border-radius: 10px;
}

/* Hero */

.careers-hero[b-ilcs1lk6vx] {
    width: 100%;
    padding-top: 180px;
    background-color: #ffffff;
}

.careers-hero-grid[b-ilcs1lk6vx] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    min-height: 520px;
}

.careers-hero-copy[b-ilcs1lk6vx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 3.5rem clamp(2.5rem, 6vw, 6rem);
}

.careers-hero-title[b-ilcs1lk6vx] {
    max-width: 680px;
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.7rem, 5vw, 4.7rem);
    font-weight: 700;
    line-height: 1.08;
}

.careers-hero-description[b-ilcs1lk6vx] {
    max-width: 610px;
    margin: 0;
    color: #64748b;
    font-size: clamp(1rem, 1.7vw, 1.14rem);
    line-height: 1.85;
}

[b-ilcs1lk6vx] .careers-hero-link {
    align-self: flex-start;
    min-height: 50px;
    margin-top: 1.8rem;
    padding: 0.75rem 1.45rem !important;
    color: #ffffff !important;
    background-color: #00273d !important;
    border: 1px solid #00273d !important;
    border-radius: 28px !important;
    box-shadow: 0 10px 24px rgba(0, 39, 61, 0.2) !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

    [b-ilcs1lk6vx] .careers-hero-link:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        transform: translateY(-2px);
    }

    [b-ilcs1lk6vx] .careers-hero-link:focus-visible {
        outline: 3px solid rgba(188, 156, 34, 0.4);
        outline-offset: 3px;
    }

.careers-hero-media[b-ilcs1lk6vx] {
    position: relative;
    min-width: 0;
    min-height: 520px;
    overflow: hidden;
    background-color: #e2e8f0;
}

[b-ilcs1lk6vx] .careers-hero-image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.5s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.careers-hero-media:hover[b-ilcs1lk6vx]  .careers-hero-image {
    filter: brightness(1.035) contrast(1.02);
    transform: scale(1.035);
}

.careers-location[b-ilcs1lk6vx] {
    transition: background-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

    .careers-location:hover[b-ilcs1lk6vx] {
        background-color: rgba(0, 39, 61, 0.98);
        box-shadow: 0 12px 28px rgba(0, 20, 32, 0.28);
        transform: translateY(-4px);
    }

[b-ilcs1lk6vx] .careers-location-icon {
    transition: color 0.28s ease, transform 0.28s ease;
}

.careers-location:hover[b-ilcs1lk6vx]  .careers-location-icon {
    transform: translateY(-2px) scale(1.08);
}

.careers-hero-overlay[b-ilcs1lk6vx] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( to top, rgba(0, 39, 61, 0.68), rgba(0, 39, 61, 0.02) 58% );
    pointer-events: none;
}

.careers-location[b-ilcs1lk6vx] {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 205px;
    padding: 0.9rem 1.1rem;
    color: #ffffff;
    background-color: rgba(0, 39, 61, 0.92);
    border-left: 4px solid #bc9c22;
    border-radius: 10px;
}

[b-ilcs1lk6vx] .careers-location-icon {
    color: #bc9c22 !important;
    font-size: 1.5rem;
}

.careers-location-label[b-ilcs1lk6vx],
.careers-location-value[b-ilcs1lk6vx] {
    display: block;
}

.careers-location-label[b-ilcs1lk6vx] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.7rem;
    text-transform: uppercase;
}

.careers-location-value[b-ilcs1lk6vx] {
    margin-top: 0.15rem;
    color: #ffffff;
    font-size: 0.93rem;
}

/* Shared Section Heading */

.careers-section-heading[b-ilcs1lk6vx] {
    max-width: 820px;
    margin: 0 auto 3.25rem;
    text-align: center;
}

.careers-section-title[b-ilcs1lk6vx] {
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.15rem, 4vw, 3.5rem);
    font-weight: 700;
    line-height: 1.2;
}

.careers-section-description[b-ilcs1lk6vx] {
    margin: 0;
    color: #64748b;
    font-size: 1rem;
    line-height: 1.8;
}

/* Values */

.careers-values-section[b-ilcs1lk6vx] {
    padding: 80px 0;
    background-color: #f8fafc;
}

.careers-values[b-ilcs1lk6vx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(0, 39, 61, 0.08);
}

.careers-value[b-ilcs1lk6vx] {
    min-width: 0;
    padding: 2rem;
    border-right: 1px solid #e2e8f0;
    transition: background-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

    .careers-value:hover[b-ilcs1lk6vx] {
        z-index: 1;
        background-color: #fffdf6;
        box-shadow: 0 16px 34px rgba(0, 39, 61, 0.1);
        transform: translateY(-6px);
    }

    .careers-value:last-child[b-ilcs1lk6vx] {
        border-right: none;
    }

.careers-value-number[b-ilcs1lk6vx] {
    display: block;
    color: rgba(188, 156, 34, 0.36);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
}

[b-ilcs1lk6vx] .careers-value-icon {
    margin: 1.2rem 0 1rem;
    color: #bc9c22 !important;
    font-size: 2.1rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.careers-value:hover[b-ilcs1lk6vx]  .careers-value-icon {
    color: #00273d !important;
    transform: translateY(-3px) scale(1.1);
}

.careers-value-title[b-ilcs1lk6vx] {
    margin: 0 0 0.65rem;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    line-height: 1.25;
}

.careers-value-description[b-ilcs1lk6vx] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.7;
}

.careers-filter-button[b-ilcs1lk6vx] {
    transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

    .careers-filter-button:hover[b-ilcs1lk6vx] {
        color: #00273d;
        border-color: #bc9c22;
        box-shadow: 0 6px 14px rgba(0, 39, 61, 0.1);
        transform: translateY(-2px);
    }

.careers-filter-button-active[b-ilcs1lk6vx] {
    color: #00273d;
    background-color: #bc9c22;
    border-color: #bc9c22;
    box-shadow: 0 7px 16px rgba(0, 39, 61, 0.14);
}

/* Culture */

.careers-culture-section[b-ilcs1lk6vx] {
    width: 100%;
    background-color: #eef2f5;
}

.careers-culture-grid[b-ilcs1lk6vx] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: stretch;
    width: 100%;
}

.careers-culture-media[b-ilcs1lk6vx] {
    position: relative;
    align-self: stretch;
    min-width: 0;
    min-height: 540px;
    overflow: hidden;
    background-color: #dbe3e9;
}

[b-ilcs1lk6vx] .careers-culture-image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.5s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.careers-culture-media:hover[b-ilcs1lk6vx]  .careers-culture-image {
    filter: brightness(1.035) contrast(1.02);
    transform: scale(1.035);
}

.careers-culture-overlay[b-ilcs1lk6vx] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( to right, rgba(0, 39, 61, 0.03), rgba(0, 39, 61, 0.2) );
    pointer-events: none;
}

.careers-culture-content[b-ilcs1lk6vx] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 540px;
    overflow: hidden;
    padding: 3.25rem clamp(2rem, 5vw, 5rem);
    background-color: #eef2f5;
}

.careers-culture-watermark[b-ilcs1lk6vx] {
    position: absolute;
    right: -60px;
    bottom: -70px;
    z-index: 1;
    width: min(1000px, 70%);
    pointer-events: none;
    user-select: none;
}

[b-ilcs1lk6vx] .careers-culture-watermark-logo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    opacity: 0.055;
    object-fit: contain !important;
    /*filter: grayscale(60%);*/
}

.careers-culture-copy[b-ilcs1lk6vx] {
    position: relative;
    z-index: 2;
    width: min(620px, 100%);
}

.careers-culture-title[b-ilcs1lk6vx] {
    max-width: 600px;
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    /*font-size: clamp(rem, 4vw, 3.2rem);*/
    font-weight: 700;
    line-height: 1.25;
}

.careers-culture-description[b-ilcs1lk6vx] {
    max-width: 580px;
    margin: 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.8;
}

.careers-culture-values[b-ilcs1lk6vx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
    margin-top: 1.8rem;
}

.careers-culture-value[b-ilcs1lk6vx] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.75rem;
    border-radius: 12px;
    transition: background-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

    .careers-culture-value:hover[b-ilcs1lk6vx] {
        background-color: rgba(255, 255, 255, 0.74);
        box-shadow: 0 10px 24px rgba(0, 39, 61, 0.08);
        transform: translateY(-3px);
    }

.careers-culture-icon-container[b-ilcs1lk6vx] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    background-color: #00273d;
    border-radius: 50%;
    transition: background-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

[b-ilcs1lk6vx] .careers-culture-icon {
    color: #bc9c22 !important;
    font-size: 1.2rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.careers-culture-value:hover .careers-culture-icon-container[b-ilcs1lk6vx] {
    background-color: #bc9c22;
    box-shadow: 0 8px 18px rgba(188, 156, 34, 0.24);
    transform: rotate(-4deg) scale(1.06);
}

.careers-culture-value:hover[b-ilcs1lk6vx]  .careers-culture-icon {
    color: #00273d !important;
    transform: scale(1.06);
}

.careers-culture-value strong[b-ilcs1lk6vx] {
    display: block;
    color: #00273d;
    font-size: 0.9rem;
}

.careers-culture-value p[b-ilcs1lk6vx] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.79rem;
    line-height: 1.5;
}

/* Open Positions */

.careers-positions-section[b-ilcs1lk6vx] {
    padding: 85px 0;
    scroll-margin-top: 120px;
    background-color: #f8fafc;
}

.careers-position-toolbar[b-ilcs1lk6vx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.careers-department-filters[b-ilcs1lk6vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.careers-filter-button[b-ilcs1lk6vx] {
    min-height: 40px;
    padding: 0.55rem 1rem;
    color: #475569;
    background-color: #ffffff;
    border: 1px solid #d7dee7;
    border-radius: 22px;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

    .careers-filter-button:hover[b-ilcs1lk6vx] {
        color: #00273d;
        border-color: #bc9c22;
    }

.careers-filter-button-active[b-ilcs1lk6vx] {
    color: #00273d;
    background-color: #bc9c22;
    border-color: #bc9c22;
}

.careers-position-count[b-ilcs1lk6vx] {
    flex-shrink: 0;
    padding-top: 0.65rem;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 600;
}

.careers-position-list[b-ilcs1lk6vx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.careers-position[b-ilcs1lk6vx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: center;
    padding: 1.75rem 2rem;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-left: 5px solid #d7dee7;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 39, 61, 0.06);
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

    .careers-position:hover[b-ilcs1lk6vx] {
        border-color: rgba(188, 156, 34, 0.48);
        border-left-color: #bc9c22;
        box-shadow: 0 18px 40px rgba(0, 39, 61, 0.13);
        transform: translateY(-5px);
    }

[b-ilcs1lk6vx] .careers-view-position-button {
    min-width: 165px;
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 26px !important;
    font-weight: 800 !important;
    transition: color 0.24s ease, background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease !important;
}

    [b-ilcs1lk6vx] .careers-view-position-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 9px 20px rgba(0, 39, 61, 0.18);
        transform: translateY(-2px);
    }

    [b-ilcs1lk6vx] .careers-view-position-button:active {
        transform: translateY(0) scale(0.98);
    }

.careers-position-featured[b-ilcs1lk6vx] {
    border-left-color: #bc9c22;
    background: linear-gradient( 90deg, rgba(188, 156, 34, 0.07), #ffffff 34% );
}

.careers-position-details[b-ilcs1lk6vx] {
    min-width: 0;
}

.careers-position-labels[b-ilcs1lk6vx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 0.45rem;
}

.careers-position-department[b-ilcs1lk6vx] {
    color: #bc9c22;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09rem;
    text-transform: uppercase;
}

.careers-featured-label[b-ilcs1lk6vx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.55rem;
    color: #00273d;
    background-color: #fff8df;
    border: 1px solid rgba(188, 156, 34, 0.42);
    border-radius: 18px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-ilcs1lk6vx] .careers-featured-icon {
    color: #bc9c22 !important;
    font-size: 0.9rem;
}

.careers-position-title[b-ilcs1lk6vx] {
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 2.5vw, 1.95rem);
    line-height: 1.3;
}

.careers-position-metadata[b-ilcs1lk6vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.15rem;
    margin-top: 0.85rem;
}

    .careers-position-metadata > span[b-ilcs1lk6vx] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        color: #64748b;
        font-size: 0.79rem;
    }

[b-ilcs1lk6vx] .careers-metadata-icon {
    color: #bc9c22 !important;
    font-size: 1.05rem;
}

.careers-deadline[b-ilcs1lk6vx] {
    color: #8a6100 !important;
}

.careers-position-summary[b-ilcs1lk6vx] {
    max-width: 800px;
    margin: 1rem 0 0;
    color: #475569;
    font-size: 0.93rem;
    line-height: 1.7;
}

.careers-position-action[b-ilcs1lk6vx] {
    flex-shrink: 0;
}

[b-ilcs1lk6vx] .careers-view-position-button {
    min-width: 165px;
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 26px !important;
    font-weight: 800 !important;
}

    [b-ilcs1lk6vx] .careers-view-position-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
    }

/* Status Panels */

.careers-status-panel[b-ilcs1lk6vx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 310px;
    padding: 2rem;
    text-align: center;
}

    .careers-status-panel h3[b-ilcs1lk6vx] {
        margin: 0;
        color: #00273d;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(1.5rem, 3vw, 2.15rem);
    }

    .careers-status-panel p[b-ilcs1lk6vx] {
        max-width: 650px;
        margin: 0;
        color: #64748b;
        line-height: 1.75;
    }

[b-ilcs1lk6vx] .careers-progress {
    width: min(360px, 100%);
}

.careers-status-icon-container[b-ilcs1lk6vx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-ilcs1lk6vx] .careers-status-icon {
    color: #bc9c22 !important;
    font-size: 2.5rem;
}

.careers-error[b-ilcs1lk6vx] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 15px;
}

[b-ilcs1lk6vx] .careers-primary-button {
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 24px !important;
}

[b-ilcs1lk6vx] .careers-gold-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
}

[b-ilcs1lk6vx] .careers-outline-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
}

.careers-animate-hero-copy[b-ilcs1lk6vx] {
    animation: careers-hero-copy-enter-b-ilcs1lk6vx 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.careers-animate-hero-line[b-ilcs1lk6vx] {
    transform-origin: left center;
    animation: careers-line-enter-b-ilcs1lk6vx 0.62s ease-out both;
    animation-delay: 0.34s;
}

.careers-animate-hero-media[b-ilcs1lk6vx] {
    animation: careers-hero-media-enter-b-ilcs1lk6vx 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.12s;
}

.careers-animate-location[b-ilcs1lk6vx] {
    animation: careers-location-enter-b-ilcs1lk6vx 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.58s;
}

.careers-animate-values-heading[b-ilcs1lk6vx] {
    animation: careers-heading-enter-b-ilcs1lk6vx 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.18s;
}

.careers-animate-value[b-ilcs1lk6vx] {
    animation: careers-value-enter-b-ilcs1lk6vx 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .careers-animate-value:nth-child(1)[b-ilcs1lk6vx] {
        animation-delay: 0.12s;
    }

    .careers-animate-value:nth-child(2)[b-ilcs1lk6vx] {
        animation-delay: 0.2s;
    }

    .careers-animate-value:nth-child(3)[b-ilcs1lk6vx] {
        animation-delay: 0.28s;
    }

    .careers-animate-value:nth-child(4)[b-ilcs1lk6vx] {
        animation-delay: 0.36s;
    }

    .careers-animate-value:nth-child(5)[b-ilcs1lk6vx] {
        animation-delay: 0.44s;
    }

.careers-animate-culture-media[b-ilcs1lk6vx] {
    animation: careers-culture-media-enter-b-ilcs1lk6vx 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.careers-animate-culture-content[b-ilcs1lk6vx] {
    animation: careers-culture-content-enter-b-ilcs1lk6vx 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.12s;
}

.careers-animate-culture-value[b-ilcs1lk6vx] {
    animation: careers-culture-value-enter-b-ilcs1lk6vx 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .careers-animate-culture-value:nth-child(1)[b-ilcs1lk6vx] {
        animation-delay: 0.28s;
    }

    .careers-animate-culture-value:nth-child(2)[b-ilcs1lk6vx] {
        animation-delay: 0.36s;
    }

    .careers-animate-culture-value:nth-child(3)[b-ilcs1lk6vx] {
        animation-delay: 0.44s;
    }

    .careers-animate-culture-value:nth-child(4)[b-ilcs1lk6vx] {
        animation-delay: 0.52s;
    }

.careers-animate-positions-heading[b-ilcs1lk6vx] {
    animation: careers-heading-enter-b-ilcs1lk6vx 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.careers-animate-toolbar[b-ilcs1lk6vx] {
    animation: careers-toolbar-enter-b-ilcs1lk6vx 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.12s;
}

.careers-animate-position[b-ilcs1lk6vx] {
    animation: careers-position-enter-b-ilcs1lk6vx 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .careers-animate-position:nth-child(1)[b-ilcs1lk6vx] {
        animation-delay: 0.08s;
    }

    .careers-animate-position:nth-child(2)[b-ilcs1lk6vx] {
        animation-delay: 0.15s;
    }

    .careers-animate-position:nth-child(3)[b-ilcs1lk6vx] {
        animation-delay: 0.22s;
    }

    .careers-animate-position:nth-child(4)[b-ilcs1lk6vx] {
        animation-delay: 0.29s;
    }

    .careers-animate-position:nth-child(5)[b-ilcs1lk6vx] {
        animation-delay: 0.36s;
    }

    .careers-animate-position:nth-child(6)[b-ilcs1lk6vx] {
        animation-delay: 0.43s;
    }

    .careers-animate-position:nth-child(n + 7)[b-ilcs1lk6vx] {
        animation-delay: 0.48s;
    }

@keyframes careers-hero-copy-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateX(-38px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes careers-hero-media-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateX(38px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes careers-location-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes careers-line-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes careers-heading-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateY(-22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes careers-value-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes careers-culture-media-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateX(-38px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes careers-culture-content-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateX(38px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes careers-culture-value-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes careers-toolbar-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes careers-position-enter-b-ilcs1lk6vx {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */

@media (max-width: 1100px) {
    .careers-values[b-ilcs1lk6vx] {
        grid-template-columns: 1fr 1fr;
    }

    .careers-value:nth-child(2)[b-ilcs1lk6vx] {
        border-right: none;
    }

    .careers-value:nth-child(-n + 2)[b-ilcs1lk6vx] {
        border-bottom: 1px solid #e2e8f0;
    }
}

@media (max-width: 900px) {
    .careers-hero[b-ilcs1lk6vx] {
        padding-top: 90px;
    }

    .careers-hero-grid[b-ilcs1lk6vx] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .careers-hero-copy[b-ilcs1lk6vx] {
        order: 2;
        padding: 3rem 2rem;
    }

    .careers-hero-media[b-ilcs1lk6vx] {
        order: 1;
        min-height: 360px;
    }

    .careers-culture-grid[b-ilcs1lk6vx] {
        grid-template-columns: 1fr;
    }

    .careers-culture-media[b-ilcs1lk6vx] {
        min-height: 380px;
    }

    .careers-culture-content[b-ilcs1lk6vx] {
        min-height: 0;
        padding: 3rem 2rem;
    }
}

@media (max-width: 768px) {
    .careers-container[b-ilcs1lk6vx] {
        padding: 0 1.25rem;
    }

    .careers-values-section[b-ilcs1lk6vx],
    .careers-positions-section[b-ilcs1lk6vx] {
        padding: 70px 0;
    }

    .careers-position-toolbar[b-ilcs1lk6vx] {
        flex-direction: column;
    }

    .careers-position-count[b-ilcs1lk6vx] {
        padding-top: 0;
    }

    .careers-position[b-ilcs1lk6vx] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        padding: 1.5rem;
    }

    .careers-position-action[b-ilcs1lk6vx],
    [b-ilcs1lk6vx] .careers-view-position-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .careers-hero[b-ilcs1lk6vx] {
        padding-top: 82px;
    }

    .careers-hero-copy[b-ilcs1lk6vx] {
        padding: 2.75rem 1.25rem;
    }

    .careers-hero-title[b-ilcs1lk6vx] {
        font-size: clamp(2.25rem, 11vw, 3.1rem);
    }

    .careers-hero-link[b-ilcs1lk6vx] {
        width: 100% !important;
    }

    .careers-hero-media[b-ilcs1lk6vx] {
        min-height: 280px;
    }

    .careers-location[b-ilcs1lk6vx] {
        right: 1rem;
        bottom: 1rem;
        left: 1rem;
        min-width: 0;
    }

    .careers-container[b-ilcs1lk6vx] {
        padding: 0 1rem;
    }

    .careers-values[b-ilcs1lk6vx] {
        grid-template-columns: 1fr;
    }

    .careers-value[b-ilcs1lk6vx] {
        padding: 1.5rem;
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
    }

        .careers-value:last-child[b-ilcs1lk6vx] {
            border-bottom: none;
        }

    .careers-culture-media[b-ilcs1lk6vx] {
        min-height: 290px;
    }

    .careers-culture-content[b-ilcs1lk6vx] {
        padding: 2.75rem 1.25rem;
    }

    .careers-culture-values[b-ilcs1lk6vx] {
        grid-template-columns: 1fr;
    }

    .careers-department-filters[b-ilcs1lk6vx] {
        flex-wrap: nowrap;
        width: calc(100% + 2rem);
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 1rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        overflow-x: auto;
    }

    .careers-filter-button[b-ilcs1lk6vx] {
        flex-shrink: 0;
    }

    .careers-position[b-ilcs1lk6vx] {
        padding: 1.25rem;
    }

    .careers-position-metadata[b-ilcs1lk6vx] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[b-ilcs1lk6vx] {
        scroll-behavior: auto;
    }

    .careers-animate-hero-copy[b-ilcs1lk6vx],
    .careers-animate-hero-line[b-ilcs1lk6vx],
    .careers-animate-hero-media[b-ilcs1lk6vx],
    .careers-animate-location[b-ilcs1lk6vx],
    .careers-animate-values-heading[b-ilcs1lk6vx],
    .careers-animate-value[b-ilcs1lk6vx],
    .careers-animate-culture-media[b-ilcs1lk6vx],
    .careers-animate-culture-content[b-ilcs1lk6vx],
    .careers-animate-culture-value[b-ilcs1lk6vx],
    .careers-animate-positions-heading[b-ilcs1lk6vx],
    .careers-animate-toolbar[b-ilcs1lk6vx],
    .careers-animate-position[b-ilcs1lk6vx] {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    [b-ilcs1lk6vx] .careers-hero-image,
    .careers-location[b-ilcs1lk6vx],
    [b-ilcs1lk6vx] .careers-location-icon,
    .careers-value[b-ilcs1lk6vx],
    [b-ilcs1lk6vx] .careers-value-icon,
    [b-ilcs1lk6vx] .careers-culture-image,
    .careers-culture-value[b-ilcs1lk6vx],
    .careers-culture-icon-container[b-ilcs1lk6vx],
    [b-ilcs1lk6vx] .careers-culture-icon,
    .careers-filter-button[b-ilcs1lk6vx],
    .careers-position[b-ilcs1lk6vx],
    [b-ilcs1lk6vx] .careers-hero-link,
    [b-ilcs1lk6vx] .careers-view-position-button {
        transition: none !important;
    }

        .careers-hero-media:hover[b-ilcs1lk6vx]  .careers-hero-image,
        .careers-location:hover[b-ilcs1lk6vx],
        .careers-location:hover[b-ilcs1lk6vx]  .careers-location-icon,
        .careers-value:hover[b-ilcs1lk6vx],
        .careers-value:hover[b-ilcs1lk6vx]  .careers-value-icon,
        .careers-culture-media:hover[b-ilcs1lk6vx]  .careers-culture-image,
        .careers-culture-value:hover[b-ilcs1lk6vx],
        .careers-culture-value:hover .careers-culture-icon-container[b-ilcs1lk6vx],
        .careers-culture-value:hover[b-ilcs1lk6vx]  .careers-culture-icon,
        .careers-filter-button:hover[b-ilcs1lk6vx],
        .careers-position:hover[b-ilcs1lk6vx],
        [b-ilcs1lk6vx] .careers-hero-link:hover,
        [b-ilcs1lk6vx] .careers-view-position-button:hover {
            transform: none !important;
        }
}
/* _content/LawFirm.Web/Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-5bniwykjih] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    color: #334155;
    background-color: #f7f8fa;
}

.contact-container[b-5bniwykjih] {
    width: min(1360px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

/* Hero */

.contact-hero[b-5bniwykjih] {
    position: relative;
    min-height: 405px;
    padding: 165px 0 75px;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient( 135deg, #00273d 0%, #003b58 100%);
}

.contact-hero-decoration[b-5bniwykjih] {
    position: absolute;
    right: -70px;
    bottom: -125px;
    width: min(520px, 42vw);
    pointer-events: none;
    user-select: none;
}

[b-5bniwykjih] .contact-hero-decoration-logo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 0.455;
    object-fit: contain !important;
    /*filter: grayscale(100%);*/
}

.contact-hero-content[b-5bniwykjih] {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.contact-eyebrow[b-5bniwykjih],
.contact-section-eyebrow[b-5bniwykjih] {
    display: block;
    margin-bottom: 0.7rem;
    color: #bc9c22;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
}

.contact-title[b-5bniwykjih] {
    margin: 0;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.8rem, 6vw, 5rem);
    font-weight: 700;
    line-height: 1.08;
}

.contact-title-line[b-5bniwykjih],
.contact-heading-line[b-5bniwykjih] {
    width: 84px;
    height: 4px;
    margin: 1.25rem 0 1.5rem;
    background-color: #bc9c22;
    border-radius: 10px;
}

.contact-introduction[b-5bniwykjih] {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(1rem, 2vw, 1.15rem);
    line-height: 1.85;
}

/* Main Contact Content */

.contact-content-section[b-5bniwykjih] {
    padding: 80px 0 90px;
}

.contact-content-grid[b-5bniwykjih] {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(480px, 1.2fr);
    gap: 2rem;
    align-items: start;
}

.contact-information-panel[b-5bniwykjih],
.contact-inquiry-panel[b-5bniwykjih],
.contact-map-panel[b-5bniwykjih] {
    min-width: 0;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(0, 39, 61, 0.08);
}

.contact-information-panel[b-5bniwykjih],
.contact-inquiry-panel[b-5bniwykjih] {
    min-height: 100%;
}

.contact-information-panel[b-5bniwykjih] {
    position: sticky;
    top: 110px;
    padding: 2.25rem;
    border-top: 5px solid #bc9c22;
}

.contact-inquiry-panel[b-5bniwykjih] {
    padding: 2.25rem;
    border-top: 5px solid #bc9c22;
    scroll-margin-top: 120px;
}

.contact-panel-heading h2[b-5bniwykjih],
.contact-inquiry-heading h2[b-5bniwykjih],
.contact-map-heading h2[b-5bniwykjih] {
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 3vw, 2.55rem);
    font-weight: 700;
    line-height: 1.25;
}

.contact-panel-heading p[b-5bniwykjih],
.contact-inquiry-heading p[b-5bniwykjih] {
    margin: 0;
    color: #64748b;
    line-height: 1.75;
}

/* Contact Details */

.contact-details-list[b-5bniwykjih] {
    display: flex;
    flex-direction: column;
    margin-top: 1.75rem;
    border-top: 1px solid #e2e8f0;
}

.contact-detail-item[b-5bniwykjih] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    width: 100%;
    padding: 1rem 0;
    color: inherit;
    background-color: transparent;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

.contact-detail-icon-container[b-5bniwykjih] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    color: #bc9c22;
    background-color: #00273d;
    border: 1px solid #00273d;
    border-radius: 50%;
}

[b-5bniwykjih] .contact-detail-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    height: 22px !important;
    color: #bc9c22 !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
}

.contact-detail-content[b-5bniwykjih] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    padding-top: 0.1rem;
}

.contact-detail-label[b-5bniwykjih] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.contact-detail-value[b-5bniwykjih] {
    margin-top: 0.25rem;
    color: #00273d;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.contact-address[b-5bniwykjih] {
    font-weight: 600;
}

.contact-office-note[b-5bniwykjih] {
    transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

    .contact-office-note:hover[b-5bniwykjih] {
        background-color: #ffffff;
        border-color: rgba(188, 156, 34, 0.42);
        border-left-color: #bc9c22;
        box-shadow: 0 10px 24px rgba(0, 39, 61, 0.08);
        transform: translateY(-3px);
    }

.contact-office-note-icon-container[b-5bniwykjih] {
    transition: background-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

.contact-office-note:hover .contact-office-note-icon-container[b-5bniwykjih] {
    background-color: #bc9c22;
    box-shadow: 0 8px 18px rgba(188, 156, 34, 0.22);
    transform: rotate(-4deg) scale(1.05);
}

.contact-office-note:hover[b-5bniwykjih]  .contact-office-note-icon {
    color: #00273d !important;
}

.career-application-banner[b-5bniwykjih] {
    transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

    .career-application-banner:hover[b-5bniwykjih] {
        border-color: rgba(188, 156, 34, 0.72);
        box-shadow: 0 14px 30px rgba(0, 39, 61, 0.18);
        transform: translateY(-3px);
    }

.career-application-banner-icon[b-5bniwykjih] {
    transition: background-color 0.28s ease, transform 0.28s ease;
}

.career-application-banner:hover .career-application-banner-icon[b-5bniwykjih] {
    background-color: #bc9c22;
    transform: rotate(-4deg) scale(1.05);
}

.career-application-banner:hover[b-5bniwykjih]  .career-application-banner-symbol {
    color: #00273d !important;
}

[b-5bniwykjih] .inquiry-form-control input,
[b-5bniwykjih] .inquiry-form-control textarea {
    transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

    [b-5bniwykjih] .inquiry-form-control input:focus,
    [b-5bniwykjih] .inquiry-form-control textarea:focus {
        border-color: #bc9c22 !important;
        box-shadow: 0 0 0 3px rgba(188, 156, 34, 0.14) !important;
    }

.inquiry-consent-field[b-5bniwykjih] {
    transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

    .inquiry-consent-field:focus-within[b-5bniwykjih] {
        background-color: #ffffff;
        border-color: rgba(188, 156, 34, 0.52);
        box-shadow: 0 0 0 3px rgba(188, 156, 34, 0.1);
    }

[b-5bniwykjih] .contact-directions-button,
[b-5bniwykjih] .contact-email-button,
[b-5bniwykjih] .submit-inquiry-button,
[b-5bniwykjih] .submit-another-inquiry-button,
[b-5bniwykjih] .contact-map-link-button,
[b-5bniwykjih] .contact-primary-button {
    transition: color 0.24s ease, background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease !important;
}

    [b-5bniwykjih] .contact-directions-button:hover,
    [b-5bniwykjih] .contact-email-button:hover,
    [b-5bniwykjih] .submit-inquiry-button:hover,
    [b-5bniwykjih] .submit-another-inquiry-button:hover,
    [b-5bniwykjih] .contact-map-link-button:hover,
    [b-5bniwykjih] .contact-primary-button:hover {
        box-shadow: 0 9px 20px rgba(0, 39, 61, 0.16);
        transform: translateY(-2px);
    }

    [b-5bniwykjih] .contact-directions-button:active,
    [b-5bniwykjih] .contact-email-button:active,
    [b-5bniwykjih] .submit-inquiry-button:active,
    [b-5bniwykjih] .submit-another-inquiry-button:active,
    [b-5bniwykjih] .contact-map-link-button:active,
    [b-5bniwykjih] .contact-primary-button:active {
        transform: translateY(0) scale(0.98);
    }

.inquiry-success-icon-container[b-5bniwykjih] {
    animation: inquiry-success-icon-enter-b-5bniwykjih 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.12s;
}

@keyframes inquiry-success-icon-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: scale(0.72) rotate(-8deg);
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

.contact-detail-content[b-5bniwykjih] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-top: 0.1rem;
}

.contact-detail-label[b-5bniwykjih] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.contact-detail-value[b-5bniwykjih] {
    margin-top: 0.25rem;
    color: #00273d;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.55;
    overflow-wrap: anywhere;
    transition: color 0.2s ease;
}

.contact-address[b-5bniwykjih] {
    font-weight: 600;
}

.contact-actions[b-5bniwykjih] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

[b-5bniwykjih] .contact-directions-button {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-5bniwykjih] .contact-directions-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

[b-5bniwykjih] .contact-email-button {
    color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

.contact-social-section[b-5bniwykjih] {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.contact-social-heading[b-5bniwykjih] {
    display: block;
    margin-bottom: 0.85rem;
    color: #00273d;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.contact-social-links[b-5bniwykjih] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.contact-social-button[b-5bniwykjih] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    color: #bc9c22;
    background-color: #00273d;
    border: 1px solid #00273d;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 39, 61, 0.12);
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .contact-social-button i[b-5bniwykjih] {
        display: block;
        width: auto;
        height: auto;
        color: inherit;
        font-size: 1.05rem;
        line-height: 1;
    }

    .contact-social-button:hover[b-5bniwykjih] {
        color: #00273d;
        background-color: #bc9c22;
        border-color: #bc9c22;
        box-shadow: 0 7px 16px rgba(0, 39, 61, 0.18);
        transform: translateY(-2px);
    }

    .contact-social-button:active[b-5bniwykjih] {
        transform: translateY(0);
    }

    .contact-social-button:focus-visible[b-5bniwykjih] {
        outline: 3px solid rgba(188, 156, 34, 0.3);
        outline-offset: 3px;
    }

    .contact-social-button:disabled[b-5bniwykjih] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
    }

.contact-office-note[b-5bniwykjih] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    width: 100%;
    margin-top: 1.5rem;
    padding: 1rem;
    color: #475569;
    background-color: #f8fafc;
    border: 1px solid #dbe3ea;
    border-left: 4px solid #bc9c22;
    border-radius: 12px;
}

.contact-office-note-icon-container[b-5bniwykjih] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    color: #bc9c22;
    background-color: #00273d;
    border-radius: 50%;
}

[b-5bniwykjih] .contact-office-note-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    overflow: hidden;
    color: #bc9c22 !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
}

.contact-office-note-content[b-5bniwykjih] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

    .contact-office-note-content strong[b-5bniwykjih] {
        display: block;
        margin: 0 0 0.2rem;
        color: #00273d;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.025rem;
    }

    .contact-office-note-content p[b-5bniwykjih] {
        margin: 0;
        color: #64748b;
        font-size: 0.75rem;
        line-height: 1.55;
    }

/* Career Context */

.career-application-banner[b-5bniwykjih] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 1.5rem;
    padding: 1rem;
    color: #ffffff;
    background: linear-gradient( 135deg, #00273d 0%, #003b58 100%);
    border: 1px solid rgba(188, 156, 34, 0.4);
    border-left: 5px solid #bc9c22;
    border-radius: 12px;
}

.career-application-banner-icon[b-5bniwykjih] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    background-color: rgba(188, 156, 34, 0.14);
    border: 1px solid rgba(188, 156, 34, 0.4);
    border-radius: 50%;
}

[b-5bniwykjih] .career-application-banner-symbol {
    color: #bc9c22 !important;
    font-size: 1.25rem;
}

.career-application-banner-content[b-5bniwykjih] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.career-application-banner-label[b-5bniwykjih] {
    color: #bc9c22;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.career-application-banner-content strong[b-5bniwykjih] {
    margin-top: 0.15rem;
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.4;
}

.career-application-banner-content > span:last-child[b-5bniwykjih] {
    margin-top: 0.15rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.74rem;
}

[b-5bniwykjih] .career-inquiry-context,
[b-5bniwykjih] .inquiry-submit-error {
    width: 100%;
    margin: 1.5rem 0 0 !important;
    border-radius: 12px !important;
}

[b-5bniwykjih] .inquiry-submit-error-icon {
    flex-shrink: 0;
    color: #b42318 !important;
    font-size: 1.25rem;
}

/* Inquiry Form */

[b-5bniwykjih] .contact-inquiry-form {
    width: 100%;
    margin-top: 1.75rem;
}

[b-5bniwykjih] .inquiry-form-field {
    width: 100%;
}

    [b-5bniwykjih] .inquiry-form-field .rz-label {
        color: #00273d !important;
        font-weight: 700 !important;
    }

[b-5bniwykjih] .inquiry-form-control {
    width: 100% !important;
}

    [b-5bniwykjih] .inquiry-form-control input,
    [b-5bniwykjih] .inquiry-form-control textarea {
        width: 100% !important;
    }

[b-5bniwykjih] .inquiry-message-control {
    min-height: 180px;
    resize: vertical;
}

.inquiry-field-help[b-5bniwykjih] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.45;
}

[b-5bniwykjih] .inquiry-field-help-icon {
    flex-shrink: 0;
    color: #16a34a !important;
    font-size: 0.95rem;
}

.inquiry-character-count[b-5bniwykjih] {
    display: block;
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.45;
    text-align: right;
}

.inquiry-honeypot[b-5bniwykjih] {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.inquiry-consent-field[b-5bniwykjih] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background-color: #f8fafc;
    border: 1px solid #dbe2e8;
    border-radius: 12px;
}

[b-5bniwykjih] .inquiry-consent-checkbox {
    flex: 0 0 auto;
    margin-top: 0.1rem;
}

.inquiry-consent-label[b-5bniwykjih] {
    color: #475569;
    font-size: 0.8rem;
    line-height: 1.6;
    cursor: pointer;
}

.inquiry-consent-error[b-5bniwykjih] {
    display: block;
    margin-top: -0.6rem;
    color: #b42318;
    font-size: 0.78rem;
    font-weight: 600;
}

[b-5bniwykjih] .submit-inquiry-button {
    width: 100%;
    min-height: 48px;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-5bniwykjih] .submit-inquiry-button:hover {
        color: #ffffff !important;
        background-color: #00273d !important;
        border-color: #00273d !important;
    }

.inquiry-security-notice[b-5bniwykjih] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.45rem;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.55;
    text-align: left;
}

[b-5bniwykjih] .inquiry-security-notice-icon {
    flex-shrink: 0;
    margin-top: 0.05rem;
    color: #64748b !important;
    font-size: 0.95rem;
}

/* Success State */

[b-5bniwykjih] .inquiry-success-state {
    min-height: 540px;
    text-align: center;
}

.inquiry-success-icon-container[b-5bniwykjih] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-5bniwykjih] .inquiry-success-icon {
    color: #bc9c22 !important;
    font-size: 2.8rem;
}

[b-5bniwykjih] .inquiry-success-title {
    margin: 0 !important;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700 !important;
}

[b-5bniwykjih] .inquiry-success-message {
    max-width: 540px;
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.75;
}

[b-5bniwykjih] .submit-another-inquiry-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

/* Map */

.contact-map-row[b-5bniwykjih] {
    width: 100%;
    margin-top: 2rem;
}

.contact-map-panel[b-5bniwykjih] {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}

.contact-map-heading[b-5bniwykjih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.6rem 1.75rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

[b-5bniwykjih] .contact-map-link-button {
    flex-shrink: 0;
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}

.contact-map-container[b-5bniwykjih] {
    width: 100%;
    min-height: 460px;
    overflow: hidden;
    background-color: #e2e8f0;
}

.contact-map-frame[b-5bniwykjih] {
    display: block;
    width: 100%;
    min-height: 460px;
    border: 0;
}

.contact-map-empty[b-5bniwykjih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    min-height: 420px;
    padding: 2rem;
    text-align: center;
}

.contact-map-empty-icon-container[b-5bniwykjih],
.contact-status-icon-container[b-5bniwykjih] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    background-color: #00273d;
    border-radius: 50%;
}

[b-5bniwykjih] .contact-map-empty-icon,
[b-5bniwykjih] .contact-status-icon {
    color: #bc9c22 !important;
    font-size: 2.6rem;
}

.contact-map-empty h3[b-5bniwykjih] {
    margin: 0;
    color: #00273d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.8rem;
}

.contact-map-empty p[b-5bniwykjih] {
    max-width: 470px;
    margin: 0;
    color: #64748b;
    line-height: 1.7;
}

/* State Panels */

.contact-status-panel[b-5bniwykjih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 420px;
    padding: 2rem;
    text-align: center;
}

    .contact-status-panel h2[b-5bniwykjih] {
        margin: 0;
        color: #00273d;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(1.8rem, 4vw, 2.8rem);
    }

    .contact-status-panel p[b-5bniwykjih] {
        max-width: 620px;
        margin: 0;
        color: #64748b;
        line-height: 1.75;
    }

[b-5bniwykjih] .contact-loading-progress {
    width: min(360px, 100%);
}

.contact-error-panel[b-5bniwykjih] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 16px;
}

[b-5bniwykjih] .contact-primary-button {
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

.contact-animate-hero[b-5bniwykjih] {
    animation: contact-hero-enter-b-5bniwykjih 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-animate-title-line[b-5bniwykjih] {
    transform-origin: left center;
    animation: contact-line-enter-b-5bniwykjih 0.65s ease-out both;
    animation-delay: 0.3s;
}

.contact-animate-decoration[b-5bniwykjih] {
    animation: contact-decoration-enter-b-5bniwykjih 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-animate-information[b-5bniwykjih] {
    animation: contact-information-enter-b-5bniwykjih 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.14s;
}

.contact-animate-inquiry[b-5bniwykjih] {
    animation: contact-inquiry-enter-b-5bniwykjih 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.24s;
}

.contact-animate-map[b-5bniwykjih] {
    animation: contact-map-enter-b-5bniwykjih 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.38s;
}

.contact-animate-career-banner[b-5bniwykjih] {
    animation: contact-banner-enter-b-5bniwykjih 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-animate-success[b-5bniwykjih] {
    animation: contact-success-enter-b-5bniwykjih 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes contact-hero-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes contact-line-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes contact-decoration-enter-b-5bniwykjih {
    from {
        transform: translateX(80px) scale(0.94);
    }

    to {
        transform: translateX(0) scale(1);
    }
}

@keyframes contact-information-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateX(-34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes contact-inquiry-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateX(34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes contact-map-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(34px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes contact-banner-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(-14px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes contact-success-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.contact-animate-hero[b-5bniwykjih] {
    animation: contact-hero-enter-b-5bniwykjih 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-animate-title-line[b-5bniwykjih] {
    transform-origin: left center;
    animation: contact-line-enter-b-5bniwykjih 0.65s ease-out both;
    animation-delay: 0.3s;
}

.contact-animate-decoration[b-5bniwykjih] {
    animation: contact-decoration-enter-b-5bniwykjih 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-animate-information[b-5bniwykjih] {
    animation: contact-information-enter-b-5bniwykjih 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.14s;
}

.contact-animate-inquiry[b-5bniwykjih] {
    animation: contact-inquiry-enter-b-5bniwykjih 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.24s;
}

.contact-animate-map[b-5bniwykjih] {
    animation: contact-map-enter-b-5bniwykjih 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.38s;
}

.contact-animate-career-banner[b-5bniwykjih] {
    animation: contact-banner-enter-b-5bniwykjih 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-animate-success[b-5bniwykjih] {
    animation: contact-success-enter-b-5bniwykjih 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes contact-hero-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes contact-line-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes contact-decoration-enter-b-5bniwykjih {
    from {
        transform: translateX(80px) scale(0.94);
    }

    to {
        transform: translateX(0) scale(1);
    }
}

@keyframes contact-information-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateX(-34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes contact-inquiry-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateX(34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes contact-map-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(34px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes contact-banner-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(-14px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes contact-success-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.contact-animate-detail[b-5bniwykjih] {
    animation: contact-detail-enter-b-5bniwykjih 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .contact-animate-detail:nth-child(1)[b-5bniwykjih] {
        animation-delay: 0.22s;
    }

    .contact-animate-detail:nth-child(2)[b-5bniwykjih] {
        animation-delay: 0.29s;
    }

    .contact-animate-detail:nth-child(3)[b-5bniwykjih] {
        animation-delay: 0.36s;
    }

    .contact-animate-detail:nth-child(4)[b-5bniwykjih] {
        animation-delay: 0.43s;
    }

    .contact-animate-detail:nth-child(5)[b-5bniwykjih] {
        animation-delay: 0.5s;
    }

@keyframes contact-detail-enter-b-5bniwykjih {
    from {
        opacity: 0;
        transform: translateX(-18px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.contact-information-panel[b-5bniwykjih],
.contact-inquiry-panel[b-5bniwykjih],
.contact-map-panel[b-5bniwykjih] {
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .contact-information-panel:hover[b-5bniwykjih],
    .contact-inquiry-panel:hover[b-5bniwykjih] {
        border-color: rgba(188, 156, 34, 0.38);
        box-shadow: 0 20px 48px rgba(0, 39, 61, 0.12);
    }

    .contact-map-panel:hover[b-5bniwykjih] {
        border-color: rgba(188, 156, 34, 0.38);
        box-shadow: 0 20px 48px rgba(0, 39, 61, 0.12);
        transform: translateY(-4px);
    }

/* Responsive */
@media (max-width: 1050px) {
    .contact-content-grid[b-5bniwykjih] {
        grid-template-columns: minmax(290px, 0.75fr) minmax(430px, 1.25fr);
    }

    .contact-information-panel[b-5bniwykjih],
    .contact-inquiry-panel[b-5bniwykjih] {
        padding: 1.75rem;
    }
}

@media (max-width: 850px) {
    .contact-content-grid[b-5bniwykjih] {
        grid-template-columns: 1fr;
    }

    .contact-information-panel[b-5bniwykjih] {
        position: static;
    }

    .contact-map-container[b-5bniwykjih],
    .contact-map-frame[b-5bniwykjih] {
        min-height: 430px;
    }

    [b-5bniwykjih] .inquiry-success-state {
        min-height: 420px;
    }
}

@media (max-width: 768px) {
    .contact-container[b-5bniwykjih] {
        padding: 0 1.25rem;
    }

    .contact-hero[b-5bniwykjih] {
        min-height: 360px;
        padding: 140px 0 65px;
    }

    .contact-content-section[b-5bniwykjih] {
        padding: 65px 0 75px;
    }

    .contact-map-heading[b-5bniwykjih] {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-5bniwykjih] .contact-map-link-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .contact-container[b-5bniwykjih] {
        padding: 0 1rem;
    }

    .contact-hero[b-5bniwykjih] {
        min-height: 330px;
        padding: 125px 0 55px;
    }

    .contact-hero-decoration[b-5bniwykjih] {
        right: -60px;
        bottom: -65px;
        width: 260px;
    }

    .contact-content-section[b-5bniwykjih] {
        padding: 50px 0 60px;
    }

    .contact-information-panel[b-5bniwykjih],
    .contact-inquiry-panel[b-5bniwykjih] {
        padding: 1.3rem;
        border-radius: 14px;
    }

    .contact-actions[b-5bniwykjih] {
        flex-direction: column;
    }

    [b-5bniwykjih] .contact-directions-button,
    [b-5bniwykjih] .contact-email-button {
        width: 100%;
    }

    .career-application-banner[b-5bniwykjih] {
        align-items: flex-start;
    }

    .inquiry-consent-field[b-5bniwykjih] {
        padding: 0.85rem;
    }

    .contact-map-row[b-5bniwykjih] {
        margin-top: 1.25rem;
    }

    .contact-map-panel[b-5bniwykjih] {
        border-radius: 14px;
    }

    .contact-map-heading[b-5bniwykjih] {
        padding: 1.3rem;
    }

    .contact-map-container[b-5bniwykjih],
    .contact-map-frame[b-5bniwykjih] {
        min-height: 330px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-animate-hero[b-5bniwykjih],
    .contact-animate-title-line[b-5bniwykjih],
    .contact-animate-decoration[b-5bniwykjih],
    .contact-animate-information[b-5bniwykjih],
    .contact-animate-inquiry[b-5bniwykjih],
    .contact-animate-map[b-5bniwykjih],
    .contact-animate-career-banner[b-5bniwykjih],
    .contact-animate-success[b-5bniwykjih],
    .contact-animate-detail[b-5bniwykjih],
    .inquiry-success-icon-container[b-5bniwykjih] {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .contact-information-panel[b-5bniwykjih],
    .contact-inquiry-panel[b-5bniwykjih],
    .contact-map-panel[b-5bniwykjih],
    .contact-detail-icon-container[b-5bniwykjih],
    [b-5bniwykjih] .contact-detail-icon,
    .contact-office-note[b-5bniwykjih],
    .contact-office-note-icon-container[b-5bniwykjih],
    .career-application-banner[b-5bniwykjih],
    .career-application-banner-icon[b-5bniwykjih],
    .inquiry-consent-field[b-5bniwykjih],
    .contact-social-button[b-5bniwykjih],
    [b-5bniwykjih] .contact-directions-button,
    [b-5bniwykjih] .contact-email-button,
    [b-5bniwykjih] .submit-inquiry-button,
    [b-5bniwykjih] .submit-another-inquiry-button,
    [b-5bniwykjih] .contact-map-link-button,
    [b-5bniwykjih] .contact-primary-button {
        transition: none !important;
    }

        .contact-map-panel:hover[b-5bniwykjih],
        .contact-detail-button:hover .contact-detail-icon-container[b-5bniwykjih],
        .contact-detail-button:hover[b-5bniwykjih]  .contact-detail-icon,
        .contact-office-note:hover[b-5bniwykjih],
        .contact-office-note:hover .contact-office-note-icon-container[b-5bniwykjih],
        .career-application-banner:hover[b-5bniwykjih],
        .career-application-banner:hover .career-application-banner-icon[b-5bniwykjih],
        .contact-social-button:hover[b-5bniwykjih],
        [b-5bniwykjih] .contact-directions-button:hover,
        [b-5bniwykjih] .contact-email-button:hover,
        [b-5bniwykjih] .submit-inquiry-button:hover,
        [b-5bniwykjih] .submit-another-inquiry-button:hover,
        [b-5bniwykjih] .contact-map-link-button:hover,
        [b-5bniwykjih] .contact-primary-button:hover {
            transform: none !important;
        }
}
/* _content/LawFirm.Web/Components/Pages/Home.razor.rz.scp.css */
.hero-section[b-d3c71909h0] {
    position: relative;
    min-height: 100vh;
    background-image: url('/images/lawfirmbg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-overlay[b-d3c71909h0] {
    position: absolute;
    inset: 0;
    background: linear-gradient( rgb(170, 178, 189, 0.00), rgba(5,25,51,.80));
}

.hero-content[b-d3c71909h0] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
    padding: 100px 5% 100px;
}

.hero-text-box[b-d3c71909h0] {
    max-width: 700px;
    background: rgba(188, 156, 34, 0.12);
    backdrop-filter: blur(8px);
    border-left: 4px solid #bc9c22;
    border-radius: 16px;
    padding: 1.5rem 2rem;
}

    .hero-text-box p[b-d3c71909h0] {
        margin: 0;
        color: white;
        font-size: clamp(1.2rem, 2vw, 1.8rem);
        font-style: italic;
        font-weight: 400;
        line-height: 1.4;
    }
/* _content/LawFirm.Web/Components/Pages/Lawyers.razor.rz.scp.css */
.lawyers-page[b-vz9vqrixa5] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 150px 0 90px;
    overflow: hidden;
    background: linear-gradient( 180deg, #f8fafc 0%, #ffffff 42%, #f8fafc 100%);
}

.lawyers-container[b-vz9vqrixa5] {
    position: relative;
    z-index: 2;
    width: min(1500px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

/* Decorative Logo Watermark */

.lawyers-watermark[b-vz9vqrixa5] {
    position: absolute;
    z-index: 0;
    top: 210px;
    right: -130px;
    width: min(540px, 38vw);
    opacity: 0.055;
    pointer-events: none;
    user-select: none;
    animation: lawyers-watermark-enter-b-vz9vqrixa5 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.lawyers-watermark-image[b-vz9vqrixa5] {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    object-fit: contain;
    transform: rotate(-8deg);
}

@keyframes lawyers-watermark-enter-b-vz9vqrixa5 {
    from {
        transform: translateX(70px) scale(0.94);
    }

    to {
        transform: translateX(0) scale(1);
    }
}

.lawyers-header[b-vz9vqrixa5] {
    max-width: 850px;
    margin: 0 auto 3.5rem;
    text-align: center;
}

/* Header Entrance Animation */

.lawyers-animate-header[b-vz9vqrixa5] {
    animation: lawyers-header-enter-b-vz9vqrixa5 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.lawyers-animate-accent[b-vz9vqrixa5] {
    transform-origin: center;
    animation: lawyers-accent-enter-b-vz9vqrixa5 0.65s ease-out both;
    animation-delay: 0.35s;
}

@keyframes lawyers-header-enter-b-vz9vqrixa5 {
    from {
        opacity: 0;
        transform: translateY(-22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lawyers-accent-enter-b-vz9vqrixa5 {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

[b-vz9vqrixa5] .lawyers-title {
    margin: 0;
    color: #00273d !important;
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    font-weight: 800;
    line-height: 1.15;
}

.lawyers-title-accent[b-vz9vqrixa5] {
    width: 90px;
    height: 5px;
    margin: 1.25rem auto;
    background-color: #bc9c22;
    border-radius: 10px;
}

[b-vz9vqrixa5] .lawyers-subtitle {
    max-width: 760px;
    margin: 0 auto;
    color: #475569 !important;
    font-size: clamp(1rem, 2vw, 1.125rem);
    line-height: 1.8;
}

[b-vz9vqrixa5] .lawyers-grid {
    align-items: flex-start !important;
}

/* Lawyer Card Entrance Animation */

[b-vz9vqrixa5] .lawyer-animate-column {
    animation: lawyer-card-enter-b-vz9vqrixa5 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(1) {
        animation-delay: 0.12s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(2) {
        animation-delay: 0.2s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(3) {
        animation-delay: 0.28s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(4) {
        animation-delay: 0.36s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(5) {
        animation-delay: 0.44s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(6) {
        animation-delay: 0.52s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(7) {
        animation-delay: 0.6s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(8) {
        animation-delay: 0.68s;
    }

    [b-vz9vqrixa5] .lawyer-animate-column:nth-child(n + 9) {
        animation-delay: 0.72s;
    }

@keyframes lawyer-card-enter-b-vz9vqrixa5 {
    from {
        opacity: 0;
        transform: translateY(32px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

[b-vz9vqrixa5] .lawyer-column {
    align-self: flex-start !important;
}

[b-vz9vqrixa5] .lawyer-card {
    position: relative;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;
    background-color: transparent !important;
    border: 1px solid rgba(0, 39, 61, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 35px rgba(0, 39, 61, 0.16) !important;
    transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease !important;
}

    [b-vz9vqrixa5] .lawyer-card:hover {
        border-color: rgba(188, 156, 34, 0.55) !important;
        box-shadow: 0 26px 52px rgba(0, 39, 61, 0.23) !important;
        transform: translateY(-8px);
    }

.lawyer-image-wrapper[b-vz9vqrixa5] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background-color: #e2e8f0;
    border-radius: 18px 18px 0 0;
}

    .lawyer-image-wrapper[b-vz9vqrixa5]::after {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
        background: linear-gradient( to bottom, transparent 54%, rgba(0, 39, 61, 0.08) 70%, rgba(0, 39, 61, 0.34) 100%);
        pointer-events: none;
        transition: background 0.35s ease;
    }

    .lawyer-image-wrapper[b-vz9vqrixa5]::before {
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        left: -65%;
        width: 38%;
        content: "";
        background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
        pointer-events: none;
        transform: skewX(-18deg);
    }

[b-vz9vqrixa5] .lawyer-card:hover
.lawyer-image-wrapper::before {
    animation: lawyer-image-shine-b-vz9vqrixa5 0.85s ease forwards;
}

@keyframes lawyer-image-shine-b-vz9vqrixa5 {
    from {
        left: -65%;
    }

    to {
        left: 135%;
    }
}

[b-vz9vqrixa5] .lawyer-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transition: filter 0.45s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[b-vz9vqrixa5] .lawyer-card:hover .lawyer-image {
    filter: brightness(1.035) contrast(1.02);
    transform: scale(1.055);
}

.lawyer-card-content[b-vz9vqrixa5] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    color: #ffffff;
    background-color: #00273d;
    border-top: 3px solid #bc9c22;
    border-radius: 0 0 18px 18px;
}

[b-vz9vqrixa5] .lawyer-name {
    margin: 0 0 0.4rem;
    color: #bc9c22 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.15rem, 2vw, 1.4rem);
    font-style: italic;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

[b-vz9vqrixa5] .lawyer-position {
    min-height: 42px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 0.9rem;
    font-style: italic;
    line-height: 1.5;
    text-align: center;
}

.lawyer-divider[b-vz9vqrixa5] {
    width: 100%;
    height: 1px;
    margin: 1rem 0;
    background-color: rgba(188, 156, 34, 0.45);
}

[b-vz9vqrixa5] .lawyer-contact-row {
    width: 100%;
    min-width: 0;
    margin-bottom: 0.65rem;
}

[b-vz9vqrixa5] .lawyer-contact-icon {
    flex-shrink: 0;
    color: #bc9c22 !important;
    font-size: 1.2rem;
}

[b-vz9vqrixa5] .lawyer-email-link,
[b-vz9vqrixa5] .lawyer-phone-link {
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.82rem;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    [b-vz9vqrixa5] .lawyer-email-link:hover,
    [b-vz9vqrixa5] .lawyer-phone-link:hover {
        color: #bc9c22 !important;
    }

[b-vz9vqrixa5] .lawyer-short-description {
    margin: 0.65rem 0 0;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 0.9rem;
    line-height: 1.75;
}

.lawyer-expanded-content[b-vz9vqrixa5] {
    margin-top: 1.25rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.07);
    border-left: 3px solid #bc9c22;
    border-radius: 0 10px 10px 0;
    animation: show-lawyer-details-b-vz9vqrixa5 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.lawyer-detail-section[b-vz9vqrixa5] {
    margin-bottom: 1rem;
}

    .lawyer-detail-section:last-child[b-vz9vqrixa5] {
        margin-bottom: 0;
    }

[b-vz9vqrixa5] .lawyer-detail-heading {
    display: block;
    margin: 0 0 0.4rem;
    color: #bc9c22 !important;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-vz9vqrixa5] .lawyer-detail-text {
    margin: 0;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 0.88rem;
    line-height: 1.75;
    white-space: pre-line;
}

[b-vz9vqrixa5] .lawyer-read-more-button {
    align-self: center;
    min-width: 145px;
    margin-top: 1.5rem;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 30px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

    [b-vz9vqrixa5] .lawyer-read-more-button:hover {
        color: #ffffff !important;
        background-color: transparent !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 20, 32, 0.22) !important;
        transform: translateY(-2px);
    }

    [b-vz9vqrixa5] .lawyer-read-more-button:active {
        transform: translateY(0) scale(0.98);
    }

    [b-vz9vqrixa5] .lawyer-read-more-button:hover {
        color: #ffffff !important;
        background-color: transparent !important;
    }

.lawyers-loading[b-vz9vqrixa5],
.lawyers-empty[b-vz9vqrixa5],
.lawyers-error[b-vz9vqrixa5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 320px;
    padding: 2rem;
    text-align: center;
}

[b-vz9vqrixa5] .lawyers-loading-progress {
    width: min(360px, 100%);
}

[b-vz9vqrixa5] .lawyers-loading-text,
[b-vz9vqrixa5] .lawyers-empty-text {
    color: #64748b !important;
}

[b-vz9vqrixa5] .lawyers-empty-icon {
    color: #bc9c22 !important;
    font-size: 3.5rem;
}

[b-vz9vqrixa5] .lawyers-empty-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800;
}

.lawyers-error[b-vz9vqrixa5] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 16px;
}

[b-vz9vqrixa5] .lawyers-error-icon {
    color: #b42318 !important;
    font-size: 2.5rem;
}

[b-vz9vqrixa5] .lawyers-error-text {
    color: #b42318 !important;
}

@keyframes show-lawyer-details-b-vz9vqrixa5 {
    from {
        opacity: 0;
        transform: translateY(-10px) scaleY(0.97);
        transform-origin: top;
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
        transform-origin: top;
    }
}

@media (max-width: 992px) {
    .lawyers-page[b-vz9vqrixa5] {
        padding-top: 130px;
    }

    .lawyers-watermark[b-vz9vqrixa5] {
        top: 230px;
        right: -100px;
        width: 430px;
    }
}

@media (max-width: 768px) {
    .lawyers-container[b-vz9vqrixa5] {
        padding: 0 1.25rem;
    }

    .lawyers-header[b-vz9vqrixa5] {
        margin-bottom: 3rem;
    }

    .lawyers-watermark[b-vz9vqrixa5] {
        top: 250px;
        right: -120px;
        width: 360px;
    }

    .lawyers-watermark-image[b-vz9vqrixa5] {
        opacity: 0.045;
    }
}

@media (max-width: 575px) {
    .lawyers-page[b-vz9vqrixa5] {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .lawyers-container[b-vz9vqrixa5] {
        padding: 0 1rem;
    }

    .lawyers-header[b-vz9vqrixa5] {
        margin-bottom: 2.5rem;
    }

    .lawyer-card-content[b-vz9vqrixa5] {
        padding: 1.5rem;
    }

    [b-vz9vqrixa5] .lawyer-read-more-button {
        width: 100%;
    }

    .lawyers-watermark[b-vz9vqrixa5] {
        top: 260px;
        right: -115px;
        width: 300px;
    }

    .lawyers-watermark-image[b-vz9vqrixa5] {
        opacity: 0.04;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .lawyers-watermark[b-vz9vqrixa5],
    .lawyers-animate-header[b-vz9vqrixa5],
    .lawyers-animate-accent[b-vz9vqrixa5],
    [b-vz9vqrixa5] .lawyer-animate-column,
    .lawyer-expanded-content[b-vz9vqrixa5],
    [b-vz9vqrixa5] .lawyer-card:hover .lawyer-image-wrapper::before {
        animation: none !important;
    }

    [b-vz9vqrixa5] .lawyer-card,
    [b-vz9vqrixa5] .lawyer-image,
    [b-vz9vqrixa5] .lawyer-read-more-button,
    .lawyer-image-wrapper[b-vz9vqrixa5]::after {
        transition: none !important;
    }

    .lawyers-animate-header[b-vz9vqrixa5],
    .lawyers-animate-accent[b-vz9vqrixa5],
    [b-vz9vqrixa5] .lawyer-animate-column {
        opacity: 1 !important;
        transform: none !important;
    }

    .lawyers-watermark[b-vz9vqrixa5] {
        opacity: 0.055 !important;
        transform: none !important;
    }

    [b-vz9vqrixa5] .lawyer-card:hover,
    [b-vz9vqrixa5] .lawyer-card:hover .lawyer-image,
    [b-vz9vqrixa5] .lawyer-read-more-button:hover {
        transform: none !important;
    }

    .lawyer-image-wrapper[b-vz9vqrixa5]::before {
        display: none !important;
    }
}
/* _content/LawFirm.Web/Components/Pages/News.razor.rz.scp.css */
.news-page[b-csutw6ei43] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 150px 0 90px;
    overflow: hidden;
    background: linear-gradient( 180deg, #f6f7f9 0%, #ffffff 44%, #f6f7f9 100% );
}

.news-container[b-csutw6ei43] {
    position: relative;
    z-index: 2;
    width: min(1320px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

/* Decorative News Image */

.news-page-decoration[b-csutw6ei43] {
    position: absolute;
    z-index: 0;
    top: 185px;
    right: -115px;
    width: min(530px, 38vw);
    height: 530px;
    overflow: hidden;
    opacity: 0.11;
    border: 1px solid rgba(188, 156, 34, 0.22);
    /*border-radius: 48% 0 0 52%;*/
    box-shadow: 0 20px 55px rgba(0, 39, 61, 0.12);
    pointer-events: none;
    user-select: none;
    animation: news-decoration-enter-b-csutw6ei43 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .news-page-decoration[b-csutw6ei43]::after {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient( 90deg, #f6f7f9 0%, rgba(246, 247, 249, 0.72) 22%, rgba(246, 247, 249, 0.18) 68%, rgba(0, 39, 61, 0.12) 100% );
    }

.news-page-decoration-image[b-csutw6ei43] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.82) contrast(0.96);
    transform: scale(1.05);
}

@keyframes news-decoration-enter-b-csutw6ei43 {
    from {
        transform: translateX(75px) scale(0.96);
    }

    to {
        transform: translateX(0) scale(1);
    }
}

.news-page-header[b-csutw6ei43] {
    max-width: 850px;
    margin: 0 auto 4rem;
    text-align: center;
}

/* Page Entrance Animations */

.news-animate-header[b-csutw6ei43] {
    animation: news-header-enter-b-csutw6ei43 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.news-animate-accent[b-csutw6ei43] {
    transform-origin: center;
    animation: news-accent-enter-b-csutw6ei43 0.65s ease-out both;
    animation-delay: 0.28s;
}

.news-animate-featured[b-csutw6ei43] {
    animation: news-featured-enter-b-csutw6ei43 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.18s;
}

.news-animate-latest[b-csutw6ei43] {
    animation: news-latest-enter-b-csutw6ei43 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.32s;
}

@keyframes news-header-enter-b-csutw6ei43 {
    from {
        opacity: 0;
        transform: translateY(-22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes news-accent-enter-b-csutw6ei43 {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes news-featured-enter-b-csutw6ei43 {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes news-latest-enter-b-csutw6ei43 {
    from {
        opacity: 0;
        transform: translateY(32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Featured Story Animation */

.featured-news-card-animated[b-csutw6ei43] {
    transition: border-color 0.32s ease, box-shadow 0.32s ease, transform 0.32s ease;
}

    .featured-news-card-animated:hover[b-csutw6ei43] {
        border-color: rgba(188, 156, 34, 0.55);
        box-shadow: 0 28px 62px rgba(0, 39, 61, 0.18);
        transform: translateY(-6px);
    }

.news-page-eyebrow[b-csutw6ei43],
.section-eyebrow[b-csutw6ei43] {
    display: block;
    color: #bc9c22;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
}

[b-csutw6ei43] .news-page-title {
    margin: 0.65rem 0 0;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.35rem, 5vw, 4rem);
    font-weight: 700;
    line-height: 1.15;
}

.news-title-accent[b-csutw6ei43] {
    width: 95px;
    height: 4px;
    margin: 1.15rem auto;
    background-color: #bc9c22;
    border-radius: 10px;
}

[b-csutw6ei43] .news-page-subtitle {
    max-width: 760px;
    margin: 0 auto;
    color: #64748b !important;
    font-size: clamp(1rem, 2vw, 1.1rem);
    line-height: 1.8;
}

.featured-news-section[b-csutw6ei43] {
    margin-bottom: 5rem;
}

.section-heading-row[b-csutw6ei43] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

[b-csutw6ei43] .section-title {
    margin: 0.3rem 0 0;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}

.featured-news-card[b-csutw6ei43] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
    min-height: 470px;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-radius: 22px;
    box-shadow: 0 22px 55px rgba(0, 39, 61, 0.13);
}

.featured-image-wrapper[b-csutw6ei43] {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    background-color: #e2e8f0;
}

[b-csutw6ei43] .featured-news-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 470px;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.45s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.featured-news-card:hover[b-csutw6ei43]
 .featured-news-image {
    filter: brightness(1.035) contrast(1.02);
    transform: scale(1.05);
}

[b-csutw6ei43] .featured-read-button {
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

    [b-csutw6ei43] .featured-read-button:hover {
        box-shadow: 0 10px 22px rgba(0, 39, 61, 0.2);
        transform: translateY(-2px);
    }

.featured-image-overlay[b-csutw6ei43] {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(0, 39, 61, 0.08), rgba(0, 39, 61, 0.28) );
    pointer-events: none;
}

.featured-label[b-csutw6ei43] {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.8rem;
    color: #00273d;
    background-color: #bc9c22;
    border-radius: 25px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

[b-csutw6ei43] .featured-label-icon {
    color: #00273d !important;
    font-size: 1rem;
}

.featured-news-content[b-csutw6ei43] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
    border-left: 5px solid #bc9c22;
}

.article-metadata[b-csutw6ei43] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.article-category[b-csutw6ei43] {
    color: #bc9c22;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.metadata-separator[b-csutw6ei43] {
    color: #cbd5e1;
}

.article-date[b-csutw6ei43] {
    color: #64748b;
    font-size: 0.82rem;
}

[b-csutw6ei43] .featured-news-title {
    margin: 0;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    font-weight: 700;
    line-height: 1.25;
}

[b-csutw6ei43] .featured-news-summary {
    margin: 1.25rem 0 0;
    color: #475569 !important;
    font-size: 1rem;
    line-height: 1.8;
}

[b-csutw6ei43] .featured-read-button {
    align-self: flex-start;
    margin-top: 2rem;
    color: #ffffff !important;
    background-color: #00273d !important;
    border: 1px solid #00273d !important;
    border-radius: 28px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 22px rgba(0, 39, 61, 0.2);
}

    [b-csutw6ei43] .featured-read-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
    }

.latest-news-section[b-csutw6ei43] {
    width: min(1080px, 100%);
    margin: 0 auto;
}

.article-result-count[b-csutw6ei43] {
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 600;
}

.news-category-filter[b-csutw6ei43] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 2rem;
}

[b-csutw6ei43] .category-filter-button {
    color: #475569 !important;
    background-color: #ffffff !important;
    border: 1px solid #d7dee7 !important;
    border-radius: 24px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
}

    [b-csutw6ei43] .category-filter-button:hover {
        color: #00273d !important;
        border-color: #bc9c22 !important;
    }

[b-csutw6ei43] .category-filter-active {
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
}

.latest-news-list[b-csutw6ei43] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.news-list-item[b-csutw6ei43] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    min-height: 210px;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(0, 39, 61, 0.06);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

    .news-list-item:hover[b-csutw6ei43] {
        border-color: rgba(188, 156, 34, 0.58);
        box-shadow: 0 18px 40px rgba(0, 39, 61, 0.13);
        transform: translateY(-5px);
    }

.news-thumbnail-button[b-csutw6ei43] {
    display: block;
    width: 100%;
    min-height: 210px;
    padding: 0;
    overflow: hidden;
    background-color: #e2e8f0;
    border: none;
    cursor: pointer;
}

[b-csutw6ei43] .news-list-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 210px;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.4s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.news-list-item:hover[b-csutw6ei43]
 .news-list-image {
    filter: brightness(1.035);
    transform: scale(1.055);
}

.news-list-content[b-csutw6ei43] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 1.75rem 2rem;
}

[b-csutw6ei43] .news-list-title {
    margin: 0;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.3rem, 2.2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.35;
}

[b-csutw6ei43] .news-list-summary {
    display: -webkit-box;
    margin: 0.8rem 0 0;
    overflow: hidden;
    color: #64748b !important;
    font-size: 0.92rem;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-list-link[b-csutw6ei43] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.45rem;
    margin-top: 1rem;
    padding: 0;
    color: #00273d;
    background-color: transparent;
    border: none;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
}

    .news-list-link:hover[b-csutw6ei43] {
        color: #bc9c22;
    }

[b-csutw6ei43] .news-list-link-icon {
    color: inherit !important;
    font-size: 1.1rem;
    transition: transform 0.2s ease;
}

.news-list-link:hover[b-csutw6ei43]
 .news-list-link-icon {
    transform: translateX(4px);
}

.load-more-container[b-csutw6ei43] {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

[b-csutw6ei43] .load-more-button {
    min-width: 210px;
    color: #00273d !important;
    background-color: transparent !important;
    border: 1px solid #00273d !important;
    border-radius: 26px !important;
    font-weight: 800 !important;
}

    [b-csutw6ei43] .load-more-button:hover {
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
    }

.news-state-container[b-csutw6ei43],
.news-error-container[b-csutw6ei43],
.category-empty-state[b-csutw6ei43] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 320px;
    padding: 2rem;
    text-align: center;
}

[b-csutw6ei43] .news-loading-progress {
    width: min(360px, 100%);
}

[b-csutw6ei43] .news-state-text,
[b-csutw6ei43] .category-empty-text {
    max-width: 560px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-csutw6ei43] .news-empty-icon,
[b-csutw6ei43] .category-empty-icon {
    color: #bc9c22 !important;
    font-size: 3.5rem;
}

[b-csutw6ei43] .news-empty-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800;
}

.news-error-container[b-csutw6ei43] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 16px;
}

[b-csutw6ei43] .news-error-icon {
    color: #b42318 !important;
    font-size: 3rem;
}

[b-csutw6ei43] .news-error-text {
    color: #b42318 !important;
}

[b-csutw6ei43] .news-retry-button {
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 24px !important;
}

[b-csutw6ei43] .show-all-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
}

/* Latest Article Entrance Animation */

.news-animate-item[b-csutw6ei43] {
    animation: news-item-enter-b-csutw6ei43 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .news-animate-item:nth-child(1)[b-csutw6ei43] {
        animation-delay: 0.08s;
    }

    .news-animate-item:nth-child(2)[b-csutw6ei43] {
        animation-delay: 0.15s;
    }

    .news-animate-item:nth-child(3)[b-csutw6ei43] {
        animation-delay: 0.22s;
    }

    .news-animate-item:nth-child(4)[b-csutw6ei43] {
        animation-delay: 0.29s;
    }

    .news-animate-item:nth-child(5)[b-csutw6ei43] {
        animation-delay: 0.36s;
    }

    .news-animate-item:nth-child(6)[b-csutw6ei43] {
        animation-delay: 0.43s;
    }

    .news-animate-item:nth-child(n + 7)[b-csutw6ei43] {
        animation-delay: 0.48s;
    }

@keyframes news-item-enter-b-csutw6ei43 {
    from {
        opacity: 0;
        transform: translateY(26px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Filter and Load More Animations */

[b-csutw6ei43] .category-filter-button {
    transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}

    [b-csutw6ei43] .category-filter-button:hover {
        box-shadow: 0 6px 14px rgba(0, 39, 61, 0.1);
        transform: translateY(-2px);
    }

[b-csutw6ei43] .category-filter-active {
    box-shadow: 0 7px 16px rgba(0, 39, 61, 0.14);
}

[b-csutw6ei43] .load-more-button {
    transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}

    [b-csutw6ei43] .load-more-button:hover {
        box-shadow: 0 8px 18px rgba(0, 39, 61, 0.14);
        transform: translateY(-2px);
    }

@media (max-width: 1100px) {
    .featured-news-card[b-csutw6ei43] {
        grid-template-columns: 1fr 1fr;
    }

    .featured-news-content[b-csutw6ei43] {
        padding: 2.25rem;
    }

    .news-list-item[b-csutw6ei43] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .news-page-decoration[b-csutw6ei43] {
        top: 190px;
        right: -150px;
        width: 470px;
        height: 370px;
        opacity: 0.09;
    }
}

@media (max-width: 850px) {
    .news-page[b-csutw6ei43] {
        padding-top: 130px;
    }

    .featured-news-card[b-csutw6ei43] {
        grid-template-columns: 1fr;
    }

    .featured-image-wrapper[b-csutw6ei43],
    [b-csutw6ei43] .featured-news-image {
        min-height: 360px;
    }

    .featured-news-content[b-csutw6ei43] {
        padding: 2rem;
        border-top: 5px solid #bc9c22;
        border-left: none;
    }

    .news-list-item[b-csutw6ei43] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .news-list-content[b-csutw6ei43] {
        padding: 1.5rem;
    }

    .news-page-decoration[b-csutw6ei43] {
        top: 190px;
        right: -165px;
        width: 390px;
        height: 310px;
        opacity: 0.075;
    }
}

@media (max-width: 680px) {
    .news-container[b-csutw6ei43] {
        padding: 0 1.25rem;
    }

    .news-page-header[b-csutw6ei43] {
        margin-bottom: 3rem;
    }

    .featured-news-section[b-csutw6ei43] {
        margin-bottom: 4rem;
    }

    .section-heading-row[b-csutw6ei43] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
    }

    .news-category-filter[b-csutw6ei43] {
        flex-wrap: nowrap;
        margin-right: -1.25rem;
        margin-left: -1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 0.5rem;
        padding-left: 1.25rem;
        overflow-x: auto;
    }

    [b-csutw6ei43] .category-filter-button {
        flex-shrink: 0;
    }

    .news-list-item[b-csutw6ei43] {
        grid-template-columns: 1fr;
    }

    .news-thumbnail-button[b-csutw6ei43],
    [b-csutw6ei43] .news-list-image {
        min-height: 250px;
    }

    .news-list-content[b-csutw6ei43] {
        padding: 1.5rem;
    }
}

@media (max-width: 575px) {
    .news-page[b-csutw6ei43] {
        padding-top: 115px;
        padding-bottom: 60px;
    }

    .news-container[b-csutw6ei43] {
        padding: 0 1rem;
    }

    .news-category-filter[b-csutw6ei43] {
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .featured-news-card[b-csutw6ei43] {
        border-radius: 16px;
    }

    .featured-image-wrapper[b-csutw6ei43],
    [b-csutw6ei43] .featured-news-image {
        min-height: 260px;
    }

    .featured-news-content[b-csutw6ei43] {
        padding: 1.5rem;
    }

    [b-csutw6ei43] .featured-read-button {
        width: 100%;
    }

    .news-list-item[b-csutw6ei43] {
        border-radius: 14px;
    }

    .news-thumbnail-button[b-csutw6ei43],
    [b-csutw6ei43] .news-list-image {
        min-height: 215px;
    }

    .news-list-content[b-csutw6ei43] {
        padding: 1.25rem;
    }

    [b-csutw6ei43] .load-more-button {
        width: 100%;
    }

    .news-page-decoration[b-csutw6ei43] {
        top: 175px;
        right: -155px;
        width: 300px;
        height: 245px;
        opacity: 0.055;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .news-page-decoration[b-csutw6ei43],
    .news-animate-header[b-csutw6ei43],
    .news-animate-accent[b-csutw6ei43],
    .news-animate-featured[b-csutw6ei43],
    .news-animate-latest[b-csutw6ei43],
    .news-animate-item[b-csutw6ei43] {
        animation: none !important;
    }

    .news-animate-header[b-csutw6ei43],
    .news-animate-accent[b-csutw6ei43],
    .news-animate-featured[b-csutw6ei43],
    .news-animate-latest[b-csutw6ei43],
    .news-animate-item[b-csutw6ei43] {
        opacity: 1 !important;
        transform: none !important;
    }

    .news-page-decoration[b-csutw6ei43] {
        opacity: 0.11 !important;
        transform: none !important;
    }

    .featured-news-card-animated[b-csutw6ei43],
    .news-list-item[b-csutw6ei43],
    [b-csutw6ei43] .featured-news-image,
    [b-csutw6ei43] .news-list-image,
    [b-csutw6ei43] .featured-read-button,
    [b-csutw6ei43] .category-filter-button,
    [b-csutw6ei43] .load-more-button,
    .news-list-link[b-csutw6ei43],
    [b-csutw6ei43] .news-list-link-icon {
        transition: none !important;
    }

        .featured-news-card-animated:hover[b-csutw6ei43],
        .news-list-item:hover[b-csutw6ei43],
        .featured-news-card:hover[b-csutw6ei43]
         .featured-news-image,
        .news-list-item:hover[b-csutw6ei43]
         .news-list-image,
        [b-csutw6ei43] .featured-read-button:hover,
        [b-csutw6ei43] .category-filter-button:hover,
        [b-csutw6ei43] .load-more-button:hover,
        .news-list-link:hover[b-csutw6ei43]
         .news-list-link-icon {
            transform: none !important;
        }
}
/* _content/LawFirm.Web/Components/Pages/NewsDetails.razor.rz.scp.css */
.news-details-page[b-yzi0lnwp0s] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 145px 0 90px;
    overflow: hidden;
    background: linear-gradient( 180deg, #f6f7f9 0%, #ffffff 44%, #f6f7f9 100% );
}

.news-details-container[b-yzi0lnwp0s] {
    position: relative;
    z-index: 2;
    width: min(1220px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

.news-details-decoration[b-yzi0lnwp0s] {
    position: absolute;
    z-index: 0;
    top: 185px;
    right: -15px;
    width: min(530px, 38vw);
    height: 530px;
    overflow: hidden;
    opacity: 0.11;
    border: 1px solid rgba(188, 156, 34, 0.22);
    /*border-radius: 48% 0 0 52%;*/
    box-shadow: 0 20px 55px rgba(0, 39, 61, 0.12);
    pointer-events: none;
    user-select: none;
    animation: news-decoration-enter 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    .news-details-decoration[b-yzi0lnwp0s]::after {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient( 90deg, #f6f7f9 0%, rgba(246, 247, 249, 0.72) 22%, rgba(246, 247, 249, 0.18) 68%, rgba(0, 39, 61, 0.12) 100% );
    }

.news-details-decoration-image[b-yzi0lnwp0s] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.82) contrast(0.96);
    transform: scale(1.05);
}

.news-details-animate-article[b-yzi0lnwp0s] {
    animation: news-details-article-enter-b-yzi0lnwp0s 0.6s ease-out both;
}

.news-details-animate-header[b-yzi0lnwp0s] {
    animation: news-details-header-enter-b-yzi0lnwp0s 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.news-details-animate-title-accent[b-yzi0lnwp0s] {
    transform-origin: center;
    animation: news-details-accent-enter-b-yzi0lnwp0s 0.65s ease-out both;
    animation-delay: 0.28s;
}

.news-details-animate-cover[b-yzi0lnwp0s] {
    animation: news-details-cover-enter-b-yzi0lnwp0s 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.16s;
}

.news-details-animate-sidebar[b-yzi0lnwp0s] {
    animation: news-details-sidebar-enter-b-yzi0lnwp0s 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.3s;
}

.news-details-animate-body[b-yzi0lnwp0s] {
    animation: news-details-body-enter-b-yzi0lnwp0s 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.36s;
}

.article-body-accent-animated[b-yzi0lnwp0s] {
    transform-origin: left center;
    animation: news-details-body-accent-enter-b-yzi0lnwp0s 0.6s ease-out both;
    animation-delay: 0.62s;
}

.news-article-header[b-yzi0lnwp0s] {
    max-width: 950px;
    margin: 0 auto 2.75rem;
    text-align: center;
}

[b-yzi0lnwp0s] .news-back-button {
    margin-bottom: 1.5rem;
    color: #00273d !important;
    font-weight: 700 !important;
    transition: color 0.23s ease, background-color 0.23s ease, transform 0.23s ease !important;
}

    [b-yzi0lnwp0s] .news-back-button:hover {
        color: #bc9c22 !important;
        transform: translateX(-4px);
    }

.news-article-metadata[b-yzi0lnwp0s] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1.25rem;
}

.news-article-category[b-yzi0lnwp0s] {
    color: #bc9c22;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.metadata-separator[b-yzi0lnwp0s] {
    color: #cbd5e1;
}

.news-article-date[b-yzi0lnwp0s] {
    color: #64748b;
    font-size: 0.86rem;
}

[b-yzi0lnwp0s] .news-article-title {
    max-width: 1000px;
    margin: 0 auto;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.25rem, 5vw, 4.25rem);
    font-weight: 700;
    line-height: 1.15;
}

.news-article-title-accent[b-yzi0lnwp0s] {
    width: 100px;
    height: 4px;
    margin: 1.35rem auto;
    background-color: #bc9c22;
    border-radius: 10px;
}

[b-yzi0lnwp0s] .news-article-introduction {
    max-width: 820px;
    margin: 0 auto;
    color: #64748b !important;
    font-size: clamp(1rem, 2vw, 1.18rem);
    line-height: 1.85;
}

.news-article-cover[b-yzi0lnwp0s] {
    position: relative;
    width: 100%;
    margin-bottom: 3rem;
    overflow: hidden;
    aspect-ratio: 16 / 8;
    background-color: #e2e8f0;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-radius: 22px;
    box-shadow: 0 20px 50px rgba(0, 39, 61, 0.14);
    transition: border-color 0.32s ease, box-shadow 0.32s ease, transform 0.32s ease;
}

    .news-article-cover:hover[b-yzi0lnwp0s] {
        border-color: rgba(188, 156, 34, 0.48);
        box-shadow: 0 28px 62px rgba(0, 39, 61, 0.18);
        transform: translateY(-5px);
    }

[b-yzi0lnwp0s] .news-article-cover-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.45s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.news-article-cover:hover[b-yzi0lnwp0s]  .news-article-cover-image {
    filter: brightness(1.035) contrast(1.02);
    transform: scale(1.045);
}

.news-cover-overlay[b-yzi0lnwp0s] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(0, 39, 61, 0.02), rgba(0, 39, 61, 0.22) );
    pointer-events: none;
}

.news-featured-label[b-yzi0lnwp0s] {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.85rem;
    color: #00273d;
    background-color: #bc9c22;
    border-radius: 25px;
    box-shadow: 0 8px 18px rgba(0, 39, 61, 0.2);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

[b-yzi0lnwp0s] .news-featured-icon {
    color: #00273d !important;
    font-size: 1rem;
}

.news-article-layout[b-yzi0lnwp0s] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;
}

.news-article-sidebar[b-yzi0lnwp0s] {
    position: sticky;
    top: 115px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.article-information-card[b-yzi0lnwp0s] {
    padding: 1.35rem;
    background-color: #ffffff;
    border: 1px solid rgba(0, 39, 61, 0.1);
    border-top: 4px solid #bc9c22;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0, 39, 61, 0.07);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .article-information-card:hover[b-yzi0lnwp0s] {
        border-color: rgba(188, 156, 34, 0.48);
        box-shadow: 0 16px 36px rgba(0, 39, 61, 0.12);
        transform: translateY(-4px);
    }

.information-card-label[b-yzi0lnwp0s] {
    display: block;
    margin-bottom: 1.1rem;
    color: #00273d;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.information-item[b-yzi0lnwp0s] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

    .information-item:last-child[b-yzi0lnwp0s] {
        margin-bottom: 0;
    }

[b-yzi0lnwp0s] .information-icon {
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: #bc9c22 !important;
    font-size: 1.25rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.information-item:hover[b-yzi0lnwp0s]  .information-icon {
    transform: translateY(-2px) scale(1.08);
}

.information-content[b-yzi0lnwp0s] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.information-title[b-yzi0lnwp0s] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
}

.information-value[b-yzi0lnwp0s] {
    margin-top: 0.15rem;
    color: #00273d;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
}

.article-contact-card[b-yzi0lnwp0s] {
    padding: 1.5rem;
    color: #ffffff;
    background: linear-gradient( 145deg, #00273d 0%, #003b58 100% );
    border-left: 5px solid #bc9c22;
    border-radius: 14px;
    box-shadow: 0 14px 32px rgba(0, 39, 61, 0.16);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .article-contact-card:hover[b-yzi0lnwp0s] {
        box-shadow: 0 20px 42px rgba(0, 39, 61, 0.22);
        transform: translateY(-4px);
    }

[b-yzi0lnwp0s] .article-contact-icon {
    margin-bottom: 1rem;
    color: #bc9c22 !important;
    font-size: 2rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.article-contact-card:hover[b-yzi0lnwp0s]  .article-contact-icon {
    transform: rotate(-5deg) scale(1.08);
}

[b-yzi0lnwp0s] .article-contact-title {
    margin: 0 0 0.6rem;
    color: #bc9c22 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}

[b-yzi0lnwp0s] .article-contact-description {
    margin: 0;
    color: rgba(255, 255, 255, 0.82) !important;
    line-height: 1.7;
}

[b-yzi0lnwp0s] .article-contact-button {
    width: 100%;
    margin-top: 1.25rem;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
    transition: color 0.23s ease, background-color 0.23s ease, border-color 0.23s ease, box-shadow 0.23s ease, transform 0.23s ease !important;
}

    [b-yzi0lnwp0s] .article-contact-button:hover {
        color: #ffffff !important;
        background-color: transparent !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 20, 32, 0.25);
        transform: translateY(-2px);
    }

    [b-yzi0lnwp0s] .article-contact-button:active {
        transform: translateY(0) scale(0.98);
    }

.news-article-body[b-yzi0lnwp0s] {
    min-width: 0;
    padding: 2.5rem;
    background-color: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 39, 61, 0.09);
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(0, 39, 61, 0.07);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .news-article-body:hover[b-yzi0lnwp0s] {
        border-color: rgba(188, 156, 34, 0.25);
        box-shadow: 0 18px 44px rgba(0, 39, 61, 0.1);
    }

.article-body-eyebrow[b-yzi0lnwp0s] {
    display: block;
    margin-bottom: 0.45rem;
    color: #bc9c22;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

[b-yzi0lnwp0s] .article-body-title {
    margin: 0;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.35;
}

.article-body-accent[b-yzi0lnwp0s] {
    width: 75px;
    height: 3px;
    margin: 1rem 0 1.75rem;
    background-color: #bc9c22;
    border-radius: 10px;
}

.article-content[b-yzi0lnwp0s] {
    color: #334155;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    line-height: 2;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.article-footer[b-yzi0lnwp0s] {
    margin-top: 3rem;
}

.article-footer-divider[b-yzi0lnwp0s] {
    width: 100%;
    height: 1px;
    margin-bottom: 1.5rem;
    background-color: #e2e8f0;
}

.article-footer-content[b-yzi0lnwp0s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.article-footer-label[b-yzi0lnwp0s] {
    display: block;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.article-footer-name[b-yzi0lnwp0s] {
    display: block;
    margin-top: 0.25rem;
    color: #00273d;
    font-weight: 800;
}

[b-yzi0lnwp0s] .return-news-button {
    flex-shrink: 0;
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
    transition: color 0.23s ease, background-color 0.23s ease, border-color 0.23s ease, box-shadow 0.23s ease, transform 0.23s ease !important;
}

    [b-yzi0lnwp0s] .return-news-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 39, 61, 0.16);
        transform: translateY(-2px);
    }

    [b-yzi0lnwp0s] .return-news-button:active {
        transform: translateY(0) scale(0.98);
    }

.news-details-state[b-yzi0lnwp0s],
.news-details-error[b-yzi0lnwp0s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 520px;
    padding: 2rem;
    text-align: center;
}

[b-yzi0lnwp0s] .news-details-progress {
    width: min(360px, 100%);
}

[b-yzi0lnwp0s] .news-details-state-text {
    max-width: 580px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.75;
}

[b-yzi0lnwp0s] .news-not-found-icon {
    color: #bc9c22 !important;
    font-size: 4rem;
}

[b-yzi0lnwp0s] .news-not-found-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800;
}

.news-details-error[b-yzi0lnwp0s] {
    color: #b42318;
    background-color: #fff1f0;
    border: 1px solid #fecdca;
    border-radius: 16px;
}

[b-yzi0lnwp0s] .news-details-error-icon {
    color: #b42318 !important;
    font-size: 3.5rem;
}

[b-yzi0lnwp0s] .news-details-error-title {
    margin: 0;
    color: #7a271a !important;
    font-weight: 800;
}

[b-yzi0lnwp0s] .news-details-error-text {
    max-width: 580px;
    margin: 0;
    color: #b42318 !important;
    line-height: 1.7;
}

.news-details-state-actions[b-yzi0lnwp0s] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

[b-yzi0lnwp0s] .news-details-primary-button {
    color: #ffffff !important;
    background-color: #00273d !important;
    border-color: #00273d !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
    transition: color 0.23s ease, background-color 0.23s ease, border-color 0.23s ease, box-shadow 0.23s ease, transform 0.23s ease !important;
}

    [b-yzi0lnwp0s] .news-details-primary-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 39, 61, 0.16);
        transform: translateY(-2px);
    }

[b-yzi0lnwp0s] .news-details-secondary-button {
    color: #00273d !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    transition: color 0.23s ease, background-color 0.23s ease, border-color 0.23s ease, box-shadow 0.23s ease, transform 0.23s ease !important;
}

    [b-yzi0lnwp0s] .news-details-secondary-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 39, 61, 0.16);
        transform: translateY(-2px);
    }

@keyframes news-details-decoration-enter-b-yzi0lnwp0s {
    from {
        transform: translateX(80px) scale(0.96);
    }

    to {
        transform: translateX(0) scale(1);
    }
}

@keyframes news-details-article-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes news-details-header-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes news-details-accent-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes news-details-cover-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes news-details-sidebar-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes news-details-body-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes news-details-body-accent-enter-b-yzi0lnwp0s {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 992px) {
    .news-details-page[b-yzi0lnwp0s] {
        padding-top: 130px;
    }

    .news-details-decoration[b-yzi0lnwp0s] {
        top: 400px;
        right: -170px;
        width: 470px;
        height: 375px;
        opacity: 0.07;
    }

    .news-article-layout[b-yzi0lnwp0s] {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 1.75rem;
    }

    .news-article-body[b-yzi0lnwp0s] {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .news-details-container[b-yzi0lnwp0s] {
        padding: 0 1.25rem;
    }

    .news-details-decoration[b-yzi0lnwp0s] {
        top: 420px;
        right: -175px;
        width: 390px;
        height: 310px;
        opacity: 0.055;
    }

    .news-article-cover[b-yzi0lnwp0s] {
        aspect-ratio: 16 / 10;
    }

    .news-article-layout[b-yzi0lnwp0s] {
        grid-template-columns: 1fr;
    }

    .news-article-sidebar[b-yzi0lnwp0s] {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 620px) {
    .news-article-sidebar[b-yzi0lnwp0s] {
        grid-template-columns: 1fr;
    }

    .article-footer-content[b-yzi0lnwp0s] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-yzi0lnwp0s] .return-news-button {
        width: 100%;
    }

    .news-details-state-actions[b-yzi0lnwp0s] {
        width: 100%;
        flex-direction: column;
    }

    [b-yzi0lnwp0s] .news-details-primary-button,
    [b-yzi0lnwp0s] .news-details-secondary-button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .news-details-page[b-yzi0lnwp0s] {
        padding-top: 115px;
        padding-bottom: 60px;
    }

    .news-details-container[b-yzi0lnwp0s] {
        padding: 0 1rem;
    }

    .news-details-decoration[b-yzi0lnwp0s] {
        top: 390px;
        right: -150px;
        width: 300px;
        height: 245px;
        opacity: 0.04;
    }

    .news-article-header[b-yzi0lnwp0s] {
        margin-bottom: 2rem;
    }

    .news-article-cover[b-yzi0lnwp0s] {
        margin-bottom: 2rem;
        aspect-ratio: 16 / 11;
        border-radius: 15px;
    }

    .news-featured-label[b-yzi0lnwp0s] {
        top: 0.8rem;
        left: 0.8rem;
    }

    .news-article-body[b-yzi0lnwp0s] {
        padding: 1.35rem;
        border-radius: 14px;
    }

    .article-content[b-yzi0lnwp0s] {
        font-size: 1rem;
        line-height: 1.85;
    }
}

@media (prefers-reduced-motion: reduce) {
    .news-details-decoration[b-yzi0lnwp0s],
    .news-details-animate-article[b-yzi0lnwp0s],
    .news-details-animate-header[b-yzi0lnwp0s],
    .news-details-animate-title-accent[b-yzi0lnwp0s],
    .news-details-animate-cover[b-yzi0lnwp0s],
    .news-details-animate-sidebar[b-yzi0lnwp0s],
    .news-details-animate-body[b-yzi0lnwp0s],
    .article-body-accent-animated[b-yzi0lnwp0s] {
        animation: none !important;
    }

    .news-details-animate-article[b-yzi0lnwp0s],
    .news-details-animate-header[b-yzi0lnwp0s],
    .news-details-animate-title-accent[b-yzi0lnwp0s],
    .news-details-animate-cover[b-yzi0lnwp0s],
    .news-details-animate-sidebar[b-yzi0lnwp0s],
    .news-details-animate-body[b-yzi0lnwp0s],
    .article-body-accent-animated[b-yzi0lnwp0s] {
        opacity: 1 !important;
        transform: none !important;
    }

    .news-details-decoration[b-yzi0lnwp0s] {
        opacity: 0.08 !important;
        transform: none !important;
    }

    .news-article-cover[b-yzi0lnwp0s],
    [b-yzi0lnwp0s] .news-article-cover-image,
    .article-information-card[b-yzi0lnwp0s],
    .article-contact-card[b-yzi0lnwp0s],
    .news-article-body[b-yzi0lnwp0s],
    [b-yzi0lnwp0s] .information-icon,
    [b-yzi0lnwp0s] .article-contact-icon,
    [b-yzi0lnwp0s] .news-back-button,
    [b-yzi0lnwp0s] .article-contact-button,
    [b-yzi0lnwp0s] .return-news-button,
    [b-yzi0lnwp0s] .news-details-primary-button,
    [b-yzi0lnwp0s] .news-details-secondary-button {
        transition: none !important;
    }

        .news-article-cover:hover[b-yzi0lnwp0s],
        .article-information-card:hover[b-yzi0lnwp0s],
        .article-contact-card:hover[b-yzi0lnwp0s],
        [b-yzi0lnwp0s] .news-back-button:hover,
        [b-yzi0lnwp0s] .article-contact-button:hover,
        [b-yzi0lnwp0s] .return-news-button:hover,
        [b-yzi0lnwp0s] .news-details-primary-button:hover,
        [b-yzi0lnwp0s] .news-details-secondary-button:hover {
            transform: none !important;
        }

            .news-article-cover:hover[b-yzi0lnwp0s]  .news-article-cover-image,
            .information-item:hover[b-yzi0lnwp0s]  .information-icon,
            .article-contact-card:hover[b-yzi0lnwp0s]  .article-contact-icon {
                transform: none !important;
            }
}
/* _content/LawFirm.Web/Components/Pages/PracticeDetails.razor.rz.scp.css */
.practice-details-page[b-4nuj5443lg] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 145px 0 90px;
    overflow: hidden;
    background-color: #f8fafc;
}

.practice-details-container[b-4nuj5443lg] {
    position: relative;
    z-index: 2;
    width: min(1400px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

.practice-details-watermark[b-4nuj5443lg] {
    position: absolute;
    top: 52%;
    right: -2%;
    z-index: 0;
    color: rgba(0, 39, 61, 0.045);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(18rem, 38vw, 38rem);
    font-weight: 800;
    line-height: 0.8;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}

.practice-details-header[b-4nuj5443lg] {
    margin-bottom: 2.5rem;
}

[b-4nuj5443lg] .details-back-button {
    margin-bottom: 1.25rem;
    padding-left: 0 !important;
    color: #00273d !important;
    font-weight: 700 !important;
}

[b-4nuj5443lg] .details-back-button {
    transition: color 0.22s ease, transform 0.22s ease !important;
}

    [b-4nuj5443lg] .details-back-button:hover {
        color: #bc9c22 !important;
        transform: translateX(-4px);
    }

[b-4nuj5443lg] .practice-details-title {
    max-width: 1050px;
    margin: 0;
    color: #bc9c22 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.1rem, 5vw, 3.8rem);
    font-style: italic;
    font-weight: 700;
    line-height: 1.2;
}

.practice-title-accent[b-4nuj5443lg] {
    width: 115px;
    height: 4px;
    margin-top: 1rem;
    background-color: #00273d;
    border-radius: 10px;
}

.practice-details-layout[b-4nuj5443lg] {
    display: grid;
    grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
    gap: 3rem;
    align-items: start;
}

.practice-details-aside[b-4nuj5443lg] {
    min-width: 0;
}

.practice-details-image-wrapper[b-4nuj5443lg] {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 4 / 5;
    background-color: #e2e8f0;
    border: 1px solid rgba(0, 39, 61, 0.12);
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0, 39, 61, 0.16);
    transition: border-color 0.32s ease, box-shadow 0.32s ease, transform 0.32s ease;
}

    .practice-details-image-wrapper:hover[b-4nuj5443lg] {
        border-color: rgba(188, 156, 34, 0.55);
        box-shadow: 0 26px 56px rgba(0, 39, 61, 0.22);
        transform: translateY(-6px);
    }

[b-4nuj5443lg] .practice-details-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.45s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.practice-details-image-wrapper:hover[b-4nuj5443lg]  .practice-details-image {
    filter: brightness(1.035) contrast(1.02);
    transform: scale(1.055);
}

.practice-details-icon-wrapper[b-4nuj5443lg] {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background-color: rgba(0, 39, 61, 0.92);
    border: 2px solid #bc9c22;
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
    transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

[b-4nuj5443lg] .practice-details-icon {
    color: #bc9c22 !important;
    font-size: 1.8rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

.practice-details-image-wrapper:hover .practice-details-icon-wrapper[b-4nuj5443lg] {
    background-color: #bc9c22;
    border-color: #bc9c22;
    box-shadow: 0 12px 28px rgba(188, 156, 34, 0.32);
    transform: translateY(-4px) rotate(-4deg) scale(1.07);
}

.practice-details-image-wrapper:hover[b-4nuj5443lg]  .practice-details-icon {
    color: #00273d !important;
    transform: scale(1.08);
}

.practice-summary-card[b-4nuj5443lg] {
    margin-top: 1.5rem;
    padding: 1.4rem;
    background: linear-gradient( 145deg, #00273d 0%, #003b58 100% );
    border: 1px solid rgba(188, 156, 34, 0.18);
    border-left: 5px solid #bc9c22;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(0, 39, 61, 0.13);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .practice-summary-card:hover[b-4nuj5443lg] {
        border-color: rgba(188, 156, 34, 0.48);
        box-shadow: 0 18px 38px rgba(0, 39, 61, 0.2);
        transform: translateY(-4px);
    }

[b-4nuj5443lg] .practice-summary-title {
    display: block;
    margin: 0 0 0.6rem;
    color: #bc9c22 !important;
    font-weight: 800;
}

[b-4nuj5443lg] .practice-summary-text {
    width: 100%;
    margin: 0;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 0.94rem;
    line-height: 1.75;
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}

.practice-details-content[b-4nuj5443lg] {
    min-width: 0;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.93);
    border: 1px solid rgba(0, 39, 61, 0.09);
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(0, 39, 61, 0.08);
    backdrop-filter: blur(3px);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .practice-details-content:hover[b-4nuj5443lg] {
        border-color: rgba(188, 156, 34, 0.3);
        box-shadow: 0 20px 46px rgba(0, 39, 61, 0.12);
    }

[b-4nuj5443lg] .practice-content-heading {
    margin: 0;
    color: #00273d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}

.practice-content-accent[b-4nuj5443lg] {
    width: 72px;
    height: 3px;
    margin: 0.9rem 0 1.5rem;
    background-color: #bc9c22;
    border-radius: 10px;
}

.practice-full-description[b-4nuj5443lg] {
    width: 100%;
    color: #334155;
    font-size: 1rem;
    line-height: 1.9;
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-line;
    hyphens: none;
}

.practice-contact-section[b-4nuj5443lg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2.5rem;
    padding: 1.5rem;
    background-color: #f3f6f8;
    border: 1px solid rgba(0, 39, 61, 0.08);
    border-left: 5px solid #bc9c22;
    border-radius: 14px;
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .practice-contact-section:hover[b-4nuj5443lg] {
        background-color: #ffffff;
        border-color: rgba(188, 156, 34, 0.42);
        box-shadow: 0 14px 32px rgba(0, 39, 61, 0.1);
        transform: translateY(-4px);
    }

.practice-contact-copy[b-4nuj5443lg] {
    min-width: 0;
}

[b-4nuj5443lg] .practice-contact-title {
    margin: 0 0 0.4rem;
    color: #00273d !important;
    font-weight: 800;
}

[b-4nuj5443lg] .practice-contact-text {
    margin: 0;
    color: #64748b !important;
    line-height: 1.6;
}

[b-4nuj5443lg] .practice-contact-button {
    flex-shrink: 0;
    min-width: 175px;
    color: #bc9c22 !important;
    background-color: #00273d !important;
    border: 1px solid #00273d !important;
    border-radius: 28px !important;
    box-shadow: 0 8px 20px rgba(0, 39, 61, 0.2);
    font-weight: 800 !important;
    transition: color 0.24s ease, background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease !important;
}

    [b-4nuj5443lg] .practice-contact-button:hover {
        color: #00273d !important;
        background-color: #bc9c22 !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 12px 26px rgba(0, 39, 61, 0.24);
        transform: translateY(-2px);
    }

    [b-4nuj5443lg] .practice-contact-button:active {
        transform: translateY(0) scale(0.98);
    }

.practice-details-loading[b-4nuj5443lg],
.practice-not-found[b-4nuj5443lg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 500px;
    text-align: center;
}

[b-4nuj5443lg] .details-loading-progress {
    width: min(360px, 100%);
}

[b-4nuj5443lg] .details-loading-text {
    color: #64748b !important;
}

[b-4nuj5443lg] .not-found-icon {
    color: #bc9c22 !important;
    font-size: 4rem;
}

[b-4nuj5443lg] .not-found-title {
    margin: 0;
    color: #00273d !important;
    font-weight: 800;
}

[b-4nuj5443lg] .not-found-text {
    max-width: 550px;
    margin: 0;
    color: #64748b !important;
    line-height: 1.7;
}

[b-4nuj5443lg] .back-practices-button {
    margin-top: 0.5rem;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border-color: #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

.practice-details-animate-header[b-4nuj5443lg] {
    animation: practice-details-header-enter-b-4nuj5443lg 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.practice-details-animate-title-accent[b-4nuj5443lg] {
    transform-origin: left center;
    animation: practice-details-accent-enter-b-4nuj5443lg 0.62s ease-out both;
    animation-delay: 0.28s;
}

.practice-details-animate-aside[b-4nuj5443lg] {
    animation: practice-details-aside-enter-b-4nuj5443lg 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.18s;
}

.practice-details-animate-content[b-4nuj5443lg] {
    animation: practice-details-content-enter-b-4nuj5443lg 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.26s;
}

.practice-details-animate-content-accent[b-4nuj5443lg] {
    transform-origin: left center;
    animation: practice-details-content-accent-enter-b-4nuj5443lg 0.62s ease-out both;
    animation-delay: 0.56s;
}

.practice-details-animate-contact[b-4nuj5443lg] {
    animation: practice-details-contact-enter-b-4nuj5443lg 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.48s;
}

@keyframes practice-details-header-enter-b-4nuj5443lg {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes practice-details-accent-enter-b-4nuj5443lg {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes practice-details-aside-enter-b-4nuj5443lg {
    from {
        opacity: 0;
        transform: translateX(-34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes practice-details-content-enter-b-4nuj5443lg {
    from {
        opacity: 0;
        transform: translateX(34px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes practice-details-content-accent-enter-b-4nuj5443lg {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes practice-details-contact-enter-b-4nuj5443lg {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 992px) {
    .practice-details-page[b-4nuj5443lg] {
        padding-top: 130px;
    }

    .practice-details-layout[b-4nuj5443lg] {
        grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
        gap: 2rem;
    }

    .practice-details-content[b-4nuj5443lg] {
        padding: 1.5rem;
    }

    .practice-contact-section[b-4nuj5443lg] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-4nuj5443lg] .practice-contact-button {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .practice-details-container[b-4nuj5443lg] {
        padding: 0 1.25rem;
    }

    .practice-details-layout[b-4nuj5443lg] {
        grid-template-columns: 1fr;
    }

    .practice-details-image-wrapper[b-4nuj5443lg] {
        max-width: 480px;
        margin: 0 auto;
        aspect-ratio: 16 / 11;
    }

    .practice-summary-card[b-4nuj5443lg] {
        max-width: 480px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 575px) {
    .practice-details-page[b-4nuj5443lg] {
        padding-top: 115px;
        padding-bottom: 60px;
    }

    .practice-details-container[b-4nuj5443lg] {
        padding: 0 1rem;
    }

    .practice-details-header[b-4nuj5443lg] {
        margin-bottom: 2rem;
    }

    .practice-details-content[b-4nuj5443lg] {
        padding: 1.25rem;
        border-radius: 14px;
    }

    .practice-contact-section[b-4nuj5443lg] {
        margin-top: 2rem;
        padding: 1.25rem;
    }

    [b-4nuj5443lg] .practice-summary-text,
    .practice-full-description[b-4nuj5443lg] {
        text-align: left;
        text-align-last: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .practice-details-animate-header[b-4nuj5443lg],
    .practice-details-animate-title-accent[b-4nuj5443lg],
    .practice-details-animate-aside[b-4nuj5443lg],
    .practice-details-animate-content[b-4nuj5443lg],
    .practice-details-animate-content-accent[b-4nuj5443lg],
    .practice-details-animate-contact[b-4nuj5443lg] {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .practice-details-image-wrapper[b-4nuj5443lg],
    [b-4nuj5443lg] .practice-details-image,
    .practice-details-icon-wrapper[b-4nuj5443lg],
    [b-4nuj5443lg] .practice-details-icon,
    .practice-summary-card[b-4nuj5443lg],
    .practice-details-content[b-4nuj5443lg],
    .practice-contact-section[b-4nuj5443lg],
    [b-4nuj5443lg] .details-back-button,
    [b-4nuj5443lg] .practice-contact-button {
        transition: none !important;
    }

        .practice-details-image-wrapper:hover[b-4nuj5443lg],
        .practice-details-image-wrapper:hover[b-4nuj5443lg]  .practice-details-image,
        .practice-details-image-wrapper:hover .practice-details-icon-wrapper[b-4nuj5443lg],
        .practice-details-image-wrapper:hover[b-4nuj5443lg]  .practice-details-icon,
        .practice-summary-card:hover[b-4nuj5443lg],
        .practice-contact-section:hover[b-4nuj5443lg],
        [b-4nuj5443lg] .details-back-button:hover,
        [b-4nuj5443lg] .practice-contact-button:hover {
            transform: none !important;
        }
}
/* _content/LawFirm.Web/Components/Pages/Practices.razor.rz.scp.css */
.practices-page[b-uidek6ru8w] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 150px 0 90px;
    overflow: hidden;
    background-color: #00273d;
}

.practices-container[b-uidek6ru8w] {
    position: relative;
    z-index: 2;
    width: min(1500px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

.practices-header[b-uidek6ru8w] {
    max-width: 850px;
    margin: 0 auto 3.5rem;
    text-align: center;
}

[b-uidek6ru8w] .practices-title {
    margin: 0;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    font-weight: 700;
    letter-spacing: 0.04rem;
    line-height: 1.15;
    text-transform: uppercase;
}

.practices-title-accent[b-uidek6ru8w] {
    width: 95px;
    height: 4px;
    margin: 1.15rem auto;
    background-color: #bc9c22;
    border-radius: 10px;
}

[b-uidek6ru8w] .practices-subtitle {
    max-width: 760px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: clamp(1rem, 2vw, 1.1rem);
    line-height: 1.8;
}

[b-uidek6ru8w] .practices-grid {
    align-items: flex-start !important;
}

[b-uidek6ru8w] .practice-column {
    align-self: flex-start !important;
}

[b-uidek6ru8w] .practice-card {
    position: relative;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;
    background-color: rgba(0, 31, 49, 0.96) !important;
    border: 1px solid rgba(188, 156, 34, 0.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
    transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease !important;
}

    [b-uidek6ru8w] .practice-card:hover {
        border-color: rgba(188, 156, 34, 0.78) !important;
        box-shadow: 0 26px 52px rgba(0, 0, 0, 0.32) !important;
        transform: translateY(-8px);
    }

.practice-image-wrapper[b-uidek6ru8w] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: #001a29;
}

[b-uidek6ru8w] .practice-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: filter 0.45s ease, transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[b-uidek6ru8w] .practice-card:hover .practice-image {
    filter: brightness(1.04) contrast(1.02);
    transform: scale(1.065);
}

.practice-image-overlay[b-uidek6ru8w] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(0, 39, 61, 0.04), rgba(0, 39, 61, 0.6) );
    pointer-events: none;
}

.practice-icon-wrapper[b-uidek6ru8w] {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 39, 61, 0.88);
    border: 1px solid rgba(188, 156, 34, 0.8);
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(0, 20, 32, 0.22);
    backdrop-filter: blur(5px);
    transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

[b-uidek6ru8w] .practice-icon {
    color: #bc9c22 !important;
    font-size: 1.5rem;
    transition: color 0.28s ease, transform 0.28s ease;
}

[b-uidek6ru8w] .practice-card:hover .practice-icon-wrapper {
    background-color: #bc9c22;
    border-color: #bc9c22;
    box-shadow: 0 10px 22px rgba(188, 156, 34, 0.28);
    transform: translateY(-3px) rotate(-4deg) scale(1.06);
}

[b-uidek6ru8w] .practice-card:hover .practice-icon {
    color: #00273d !important;
    transform: scale(1.06);
}

.featured-practice-badge[b-uidek6ru8w] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.7rem;
    color: #00273d;
    background-color: #bc9c22;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-uidek6ru8w] .featured-practice-icon {
    color: #00273d !important;
    font-size: 0.95rem;
}

.practice-card-content[b-uidek6ru8w] {
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
}

[b-uidek6ru8w] .practice-card-title {
    margin: 0;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

    [b-uidek6ru8w] .practice-card-title::after {
        display: block;
        width: 52px;
        height: 2px;
        margin: 0.8rem auto 0;
        background-color: #bc9c22;
        content: "";
    }

[b-uidek6ru8w] .practice-short-description {
    width: 100%;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.9rem;
    line-height: 1.75;
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}

.practice-expanded-content[b-uidek6ru8w] {
    margin-top: 1.15rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.06);
    border-left: 3px solid #bc9c22;
    border-radius: 0 10px 10px 0;
    animation: showPracticeDetails-b-uidek6ru8w 0.3s ease;
}

[b-uidek6ru8w] .practice-full-description {
    width: 100%;
    margin: 0;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 0.9rem;
    line-height: 1.8;
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-line;
    hyphens: none;
}

[b-uidek6ru8w] .practice-read-more-button {
    align-self: center;
    min-width: 140px;
    margin-top: 1.3rem;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 26px !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    transition: color 0.24s ease, background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease !important;
}

    [b-uidek6ru8w] .practice-read-more-button:hover {
        color: #ffffff !important;
        background-color: transparent !important;
        border-color: #bc9c22 !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important;
        transform: translateY(-2px);
    }

    [b-uidek6ru8w] .practice-read-more-button:active {
        transform: translateY(0) scale(0.98);
    }

.practices-loading[b-uidek6ru8w],
.practices-empty[b-uidek6ru8w],
.practices-error[b-uidek6ru8w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 320px;
    padding: 2rem;
    text-align: center;
}

[b-uidek6ru8w] .practices-loading-progress {
    width: min(360px, 100%);
}

[b-uidek6ru8w] .practices-loading-text,
[b-uidek6ru8w] .practices-empty-text {
    color: rgba(255, 255, 255, 0.74) !important;
}

[b-uidek6ru8w] .practices-empty-icon {
    color: #bc9c22 !important;
    font-size: 3.5rem;
}

[b-uidek6ru8w] .practices-empty-title {
    margin: 0;
    color: #ffffff !important;
    font-weight: 800;
}

.practices-error[b-uidek6ru8w] {
    color: #fca5a5;
    background-color: rgba(127, 29, 29, 0.3);
    border: 1px solid rgba(252, 165, 165, 0.35);
    border-radius: 16px;
}

[b-uidek6ru8w] .practices-error-icon {
    color: #fca5a5 !important;
    font-size: 2.5rem;
}

[b-uidek6ru8w] .practices-error-text {
    color: #fecaca !important;
}

.practices-animate-header[b-uidek6ru8w] {
    animation: practices-header-enter-b-uidek6ru8w 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.practices-animate-accent[b-uidek6ru8w] {
    transform-origin: center;
    animation: practices-accent-enter-b-uidek6ru8w 0.65s ease-out both;
    animation-delay: 0.3s;
}

[b-uidek6ru8w] .practice-animate-column {
    animation: practice-card-enter-b-uidek6ru8w 0.68s cubic-bezier(0.22, 1, 0.36, 1) both;
}

    [b-uidek6ru8w] .practice-animate-column:nth-child(1) {
        animation-delay: 0.1s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(2) {
        animation-delay: 0.18s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(3) {
        animation-delay: 0.26s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(4) {
        animation-delay: 0.34s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(5) {
        animation-delay: 0.42s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(6) {
        animation-delay: 0.5s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(7) {
        animation-delay: 0.58s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(8) {
        animation-delay: 0.66s;
    }

    [b-uidek6ru8w] .practice-animate-column:nth-child(n + 9) {
        animation-delay: 0.72s;
    }

@keyframes practices-header-enter-b-uidek6ru8w {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes practices-accent-enter-b-uidek6ru8w {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes practice-card-enter-b-uidek6ru8w {
    from {
        opacity: 0;
        transform: translateY(32px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes showPracticeDetails-b-uidek6ru8w {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1200px) {
    .practices-container[b-uidek6ru8w] {
        width: min(1100px, 100%);
    }
}

@media (max-width: 992px) {
    .practices-page[b-uidek6ru8w] {
        padding-top: 130px;
    }

    .practices-header[b-uidek6ru8w] {
        margin-bottom: 3rem;
    }
}

@media (max-width: 768px) {
    .practices-container[b-uidek6ru8w] {
        padding: 0 1.25rem;
    }
}

@media (max-width: 575px) {
    .practices-page[b-uidek6ru8w] {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .practices-container[b-uidek6ru8w] {
        padding: 0 1rem;
    }

    .practices-header[b-uidek6ru8w] {
        margin-bottom: 2.5rem;
    }

    .practice-card-content[b-uidek6ru8w] {
        padding: 1.25rem;
    }

    [b-uidek6ru8w] .practice-read-more-button {
        width: 100%;
    }

    [b-uidek6ru8w] .practice-short-description,
    [b-uidek6ru8w] .practice-full-description {
        text-align: left;
        text-align-last: auto;
    }

}

@media (prefers-reduced-motion: reduce) {
    .practices-animate-header[b-uidek6ru8w],
    .practices-animate-accent[b-uidek6ru8w],
    [b-uidek6ru8w] .practice-animate-column,
    .practice-expanded-content[b-uidek6ru8w] {
        animation: none !important;
    }

    .practices-animate-header[b-uidek6ru8w],
    .practices-animate-accent[b-uidek6ru8w],
    [b-uidek6ru8w] .practice-animate-column {
        opacity: 1 !important;
        transform: none !important;
    }

    [b-uidek6ru8w] .practice-card,
    [b-uidek6ru8w] .practice-image,
    .practice-icon-wrapper[b-uidek6ru8w],
    [b-uidek6ru8w] .practice-icon,
    [b-uidek6ru8w] .practice-read-more-button {
        transition: none !important;
    }

        [b-uidek6ru8w] .practice-card:hover,
        [b-uidek6ru8w] .practice-card:hover .practice-image,
        [b-uidek6ru8w] .practice-card:hover .practice-icon-wrapper,
        [b-uidek6ru8w] .practice-card:hover .practice-icon,
        [b-uidek6ru8w] .practice-read-more-button:hover {
            transform: none !important;
        }
}
/* _content/LawFirm.Web/Components/Shared/LawFirmFooter.razor.rz.scp.css */
.law-footer[b-t5clp2u91g] {
    width: 100%;
    color: #ffffff;
    background-color: #00273d;
    border-top: 3px solid #bc9c22;
}

.law-footer-main[b-t5clp2u91g] {
    padding: 4rem 0;
}

.law-footer-container[b-t5clp2u91g] {
    width: min(1400px, 100%);
    margin: 0 auto;
    padding: 0 2rem;
}

.law-footer-company[b-t5clp2u91g],
.law-footer-section[b-t5clp2u91g] {
    min-width: 0;
}

.law-footer-brand[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 70px;
}

[b-t5clp2u91g] .law-footer-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 260px !important;
    max-height: 100px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.law-footer-description[b-t5clp2u91g] {
    max-width: 600px;
    margin: 0.5rem 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.9rem;
    line-height: 1.8;
    white-space: pre-line;
}

[b-t5clp2u91g] .law-footer-heading {
    margin: 0 0 1rem !important;
    color: #bc9c22 !important;
    font-weight: 800 !important;
    letter-spacing: 0.04rem;
}

.law-footer-links[b-t5clp2u91g] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

[b-t5clp2u91g] .law-footer-link {
    position: relative;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.9rem;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

    [b-t5clp2u91g] .law-footer-link:hover {
        color: #bc9c22 !important;
        transform: translateX(4px);
    }

/* Office Hours */

.law-footer-office-hours[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.law-footer-small-icon-container[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(188, 156, 34, 0.35);
    border-radius: 50%;
}

[b-t5clp2u91g] .law-footer-small-icon {
    color: #bc9c22 !important;
    font-size: 1.05rem;
}

.law-footer-office-hours div[b-t5clp2u91g] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.law-footer-office-hours span[b-t5clp2u91g] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.law-footer-office-hours strong[b-t5clp2u91g] {
    margin-top: 0.15rem;
    color: #ffffff;
    font-size: 0.82rem;
    line-height: 1.45;
}

/* Contact Information */

.law-footer-contact-list[b-t5clp2u91g] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.law-footer-contact-item[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    min-width: 0;
    padding: 0;
    color: inherit;
}

    .law-footer-contact-item:focus-visible[b-t5clp2u91g] {
        outline: 3px solid rgba(188, 156, 34, 0.28);
        outline-offset: 4px;
        border-radius: 8px;
    }

.law-footer-contact-icon-container[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #bc9c22;
    background-color: transparent;
    border: 1px solid rgba(188, 156, 34, 0.55);
    border-radius: 50%;
}

[b-t5clp2u91g] .law-footer-contact-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    overflow: hidden;
    color: #bc9c22 !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
}

.law-footer-contact-content[b-t5clp2u91g] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.law-footer-contact-label[b-t5clp2u91g] {
    display: block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.06rem;
    line-height: 1.3;
    text-transform: uppercase;
}

.law-footer-contact-text[b-t5clp2u91g] {
    display: block;
    margin-top: 0.18rem;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

/* Social Media */

.law-footer-social-section[b-t5clp2u91g] {
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.law-footer-social-heading[b-t5clp2u91g] {
    display: block;
    margin-bottom: 0.75rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.law-footer-social-links[b-t5clp2u91g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.law-footer-social-button[b-t5clp2u91g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    color: #bc9c22;
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(188, 156, 34, 0.45);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 20, 32, 0.18);
    /*cursor: pointer;*/
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .law-footer-social-button i[b-t5clp2u91g] {
        display: block;
        color: inherit;
        font-size: 1.05rem;
        line-height: 1;
    }

    .law-footer-social-button:hover[b-t5clp2u91g] {
        color: #00273d;
        background-color: #bc9c22;
        border-color: #bc9c22;
        box-shadow: 0 7px 16px rgba(0, 20, 32, 0.28);
        transform: translateY(-2px);
    }

    .law-footer-social-button:active[b-t5clp2u91g] {
        transform: translateY(0);
    }

    .law-footer-social-button:focus-visible[b-t5clp2u91g] {
        outline: 3px solid rgba(188, 156, 34, 0.3);
        outline-offset: 3px;
    }

/* Contact Button */

[b-t5clp2u91g] .law-footer-contact-button {
    width: 100%;
    max-width: 245px;
    margin-top: 1.35rem;
    color: #00273d !important;
    background-color: #bc9c22 !important;
    border: 1px solid #bc9c22 !important;
    border-radius: 25px !important;
    font-weight: 800 !important;
}

    [b-t5clp2u91g] .law-footer-contact-button:hover {
        color: #ffffff !important;
        background-color: transparent !important;
        border-color: #bc9c22 !important;
    }

/* Loading and Unavailable States */

.law-footer-loading[b-t5clp2u91g],
.law-footer-contact-loading[b-t5clp2u91g] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.78rem;
}

[b-t5clp2u91g] .law-footer-loading-progress {
    width: min(240px, 100%);
}

.law-footer-unavailable[b-t5clp2u91g] {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.82rem;
    line-height: 1.6;
}

/* Footer Bottom */


.law-footer-copyright[b-t5clp2u91g] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.78rem;
}


/* Follow Us */

.law-footer-follow-row[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.law-footer-social-heading[b-t5clp2u91g] {
    display: block;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    white-space: nowrap;
    text-transform: uppercase;
}

.law-footer-social-links[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.law-footer-social-button[b-t5clp2u91g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    color: #bc9c22;
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(188, 156, 34, 0.45);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 20, 32, 0.18);
    cursor: pointer;
    transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

    .law-footer-social-button i[b-t5clp2u91g] {
        display: block;
        color: inherit;
        font-size: 1rem;
        line-height: 1;
    }

    .law-footer-social-button:hover[b-t5clp2u91g] {
        color: #00273d;
        background-color: #bc9c22;
        border-color: #bc9c22;
        box-shadow: 0 8px 18px rgba(0, 20, 32, 0.3);
        transform: translateY(-3px) scale(1.04);
    }

    .law-footer-social-button:active[b-t5clp2u91g] {
        transform: translateY(0) scale(0.98);
    }

    .law-footer-social-button:focus-visible[b-t5clp2u91g] {
        outline: 3px solid rgba(188, 156, 34, 0.32);
        outline-offset: 3px;
    }

/* Copyright and Legal Links */

.law-footer-meta[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-top: 3rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    animation: law-footer-meta-enter-b-t5clp2u91g 0.7s ease-out both;
    animation-delay: 0.3s;
}

.law-footer-copyright[b-t5clp2u91g] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.78rem;
    line-height: 1.5;
}

.law-footer-legal-links[b-t5clp2u91g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

[b-t5clp2u91g] .law-footer-legal-link {
    position: relative;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

    [b-t5clp2u91g] .law-footer-legal-link:hover {
        color: #bc9c22 !important;
        transform: translateY(-1px);
    }

.law-footer-legal-divider[b-t5clp2u91g] {
    color: rgba(188, 156, 34, 0.65);
    font-size: 0.72rem;
}

.law-footer-firm-description[b-t5clp2u91g] {
    max-width: 540px;
    margin: 1.1rem 0 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 0.8rem;
    line-height: 1.7;
}

[b-t5clp2u91g] .law-footer-contact-button {
    transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

    [b-t5clp2u91g] .law-footer-contact-button:hover {
        box-shadow: 0 8px 20px rgba(0, 20, 32, 0.25);
        transform: translateY(-2px);
    }

/* Footer Animations */

.law-footer-animated-section[b-t5clp2u91g] {
    animation: law-footer-section-enter-b-t5clp2u91g 0.65s ease-out both;
}

[b-t5clp2u91g] .law-footer-grid .rz-col-12:nth-child(1)
.law-footer-animated-section {
    animation-delay: 0.05s;
}

[b-t5clp2u91g] .law-footer-grid .rz-col-12:nth-child(2)
.law-footer-animated-section {
    animation-delay: 0.14s;
}

[b-t5clp2u91g] .law-footer-grid .rz-col-12:nth-child(3)
.law-footer-animated-section {
    animation-delay: 0.23s;
}

@keyframes law-footer-section-enter-b-t5clp2u91g {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes law-footer-meta-enter-b-t5clp2u91g {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Responsive */

@media (max-width: 768px) {
    .law-footer-main[b-t5clp2u91g] {
        padding: 3rem 0;
    }

    .law-footer-container[b-t5clp2u91g] {
        padding: 0 1.5rem;
    }

    .law-footer-brand[b-t5clp2u91g] {
        justify-content: flex-start;
    }

    [b-t5clp2u91g] .law-footer-logo {
        max-width: 230px !important;
        max-height: 74px !important;
    }
    .law-footer-meta[b-t5clp2u91g] {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 2.5rem;
    }

    .law-footer-legal-links[b-t5clp2u91g] {
        justify-content: flex-start;
    }

}

@media (max-width: 575px) {
    .law-footer-main[b-t5clp2u91g] {
        padding: 2.5rem 0;
    }

    .law-footer-container[b-t5clp2u91g] {
        padding: 0 1rem;
    }

    .law-footer-brand[b-t5clp2u91g] {
        justify-content: center;
    }

    [b-t5clp2u91g] .law-footer-logo {
        max-width: 210px !important;
        max-height: 68px !important;
        object-position: center !important;
    }

    .law-footer-description[b-t5clp2u91g] {
        text-align: center;
    }

    .law-footer-office-hours[b-t5clp2u91g] {
        justify-content: center;
    }

    .law-footer-social-button[b-t5clp2u91g] {
        flex-basis: 42px;
        width: 42px;
        min-width: 42px;
        height: 42px;
    }

        .law-footer-social-button i[b-t5clp2u91g] {
            font-size: 1rem;
        }

    [b-t5clp2u91g] .law-footer-contact-button {
        width: 100%;
        max-width: none;
    }

    .law-footer-follow-row[b-t5clp2u91g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .law-footer-meta[b-t5clp2u91g] {
        align-items: center;
        text-align: center;
    }

    .law-footer-legal-links[b-t5clp2u91g] {
        justify-content: center;
    }

}

@media (prefers-reduced-motion: reduce) {
    .law-footer-animated-section[b-t5clp2u91g],
    .law-footer-meta[b-t5clp2u91g] {
        animation: none;
    }

    .law-footer-social-button[b-t5clp2u91g],
    [b-t5clp2u91g] .law-footer-link,
    [b-t5clp2u91g] .law-footer-legal-link,
    [b-t5clp2u91g] .law-footer-contact-button {
        transition: none;
    }
}
/* _content/LawFirm.Web/Components/Shared/LawFirmNavbar.razor.rz.scp.css */
.law-navbar[b-l95ejk53sw] {
    position: absolute;
    z-index: 1000;
    top: 25px;
    right: 0;
    left: 0;
    width: 100%;
    animation: navbar-enter-b-l95ejk53sw 0.65s ease-out both;
}

.law-navbar-container[b-l95ejk53sw] {
    position: relative;
    display: flex;
    align-items: center;
    width: min(1650px, 95%);
    min-height: 82px;
    margin: 0 auto;
    padding: 0 34px;
    background-color: rgba(5, 25, 51, 0.90);
    border: 2px solid #c8a45d;
    border-radius: 44px;
    box-shadow: 0 14px 34px rgba(0, 20, 32, 0.20);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

/* Navbar entrance animation */

@keyframes navbar-enter-b-l95ejk53sw {
    from {
        opacity: 0;
        transform: translateY(-18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Logo remains fixed on the left */

.law-navbar-logo[b-l95ejk53sw] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    text-decoration: none;
    transition: filter 0.25s ease, transform 0.25s ease;
}

    .law-navbar-logo:hover[b-l95ejk53sw] {
        filter: brightness(1.1);
        transform: scale(1.015);
    }

    .law-navbar-logo:focus-visible[b-l95ejk53sw] {
        outline: 3px solid rgba(200, 164, 93, 0.4);
        outline-offset: 5px;
        border-radius: 6px;
    }

.law-logo[b-l95ejk53sw] {
    display: block;
    width: auto;
    height: 110px;
    max-width: 370px;
    object-fit: contain;
}

/* Menu is positioned separately so the logo stays in place */

[b-l95ejk53sw] .law-navbar-menu {
    position: absolute;
    top: 50%;
    left: 58%;
    background-color: transparent !important;
    border: none !important;
    transform: translate(-50%, -50%);
}

    [b-l95ejk53sw] .law-navbar-menu .rz-navigation-menu {
        display: flex;
        align-items: center;
        background-color: transparent !important;
        border: none !important;
        white-space: nowrap;
    }

    [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item {
        margin: 0 0.15rem;
    }

    /* Menu links */

    [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 0.45rem 1rem !important;
        overflow: hidden;
        color: #c8a45d !important;
        font-size: x-large;
        font-weight: 500;
        line-height: 1;
        text-decoration: none !important;
        background-color: transparent !important;
        border: 1px solid transparent;
        border-radius: 24px;
        transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
    }

        /* Animated underline */

        [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link::after {
            position: absolute;
            right: 50%;
            bottom: 6px;
            left: 50%;
            height: 2px;
            content: "";
            background-color: #c8a45d;
            border-radius: 10px;
            transition: right 0.22s ease, left 0.22s ease;
        }

        /* Hover state */

        [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link:hover {
            color: #ffffff !important;
            background-color: rgba(255, 255, 255, 0.055) !important;
            border-color: rgba(200, 164, 93, 0.18);
            transform: translateY(-2px);
        }

            [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link:hover::after {
                right: 1rem;
                left: 1rem;
            }

    /* Current page indicator */

    [b-l95ejk53sw] .law-navbar-menu
    .rz-state-active >
    .rz-navigation-item-link {
        color: #ffffff !important;
        background-color: rgba(200, 164, 93, 0.14) !important;
        border-color: rgba(200, 164, 93, 0.42);
        box-shadow: inset 0 0 0 1px rgba(200, 164, 93, 0.06), 0 5px 14px rgba(0, 20, 32, 0.14);
    }

        /* Persistent underline for the current page */

        [b-l95ejk53sw] .law-navbar-menu
        .rz-state-active >
        .rz-navigation-item-link::after {
            right: 1rem;
            left: 1rem;
        }

    /* Prevent Radzen wrappers from adding a different background */

    [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-wrapper,
    [b-l95ejk53sw] .law-navbar-menu .rz-menuitem-link {
        background-color: transparent !important;
    }

    /* Keyboard focus */

    [b-l95ejk53sw] .law-navbar-menu
    .rz-navigation-item-link:focus-visible {
        color: #ffffff !important;
        outline: 3px solid rgba(200, 164, 93, 0.4);
        outline-offset: 3px;
    }

/* Medium desktop */

@media (max-width: 1400px) {
    .law-navbar-container[b-l95ejk53sw] {
        width: calc(100% - 2rem);
        min-height: 78px;
        padding-right: 28px;
        padding-left: 28px;
    }

    .law-logo[b-l95ejk53sw] {
        height: 100px;
        max-width: 330px;
    }

    [b-l95ejk53sw] .law-navbar-menu {
        left: 59%;
    }

        [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item {
            margin: 0 0.05rem;
        }

        [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link {
            padding-right: 0.72rem !important;
            padding-left: 0.72rem !important;
            font-size: 1rem;
        }
}

/* Tablet and Radzen responsive menu */

@media (max-width: 992px) {
    .law-navbar[b-l95ejk53sw] {
        top: 10px;
    }

    .law-navbar-container[b-l95ejk53sw] {
        justify-content: space-between;
        min-height: 76px;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .law-navbar-logo img[b-l95ejk53sw] {
        width: auto;
        height: 48px;
        max-width: 235px;
    }

    [b-l95ejk53sw] .law-navbar-menu {
        position: static;
        top: auto;
        left: auto;
        margin-left: auto;
        transform: none;
    }

        [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item {
            margin: 0;
        }
}

/* Mobile */

@media (max-width: 575px) {
    .law-navbar-container[b-l95ejk53sw] {
        width: calc(100% - 1rem);
        min-height: 68px;
        padding-right: 1rem;
        padding-left: 1rem;
        border-radius: 36px;
    }

    .law-navbar-logo img[b-l95ejk53sw] {
        height: 42px;
        max-width: 190px;
    }
}

/* Accessibility: disable motion when requested */

@media (prefers-reduced-motion: reduce) {
    .law-navbar[b-l95ejk53sw] {
        animation: none;
    }

    .law-navbar-logo[b-l95ejk53sw],
    [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link,
    [b-l95ejk53sw] .law-navbar-menu .rz-navigation-item-link::after {
        transition: none;
    }
}