/* /Components/Dashboard/PortfolioComposition.razor.rz.scp.css */
.dashboard-panel[b-xnbjogolr6] {
    overflow: hidden;
    border: 1px solid #dbe4ee;
    border-radius: var(--portal-radius);
    background: #fff;
    box-shadow: var(--portal-shadow);
}

.panel-heading[b-xnbjogolr6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 22px 16px;
    border-bottom: 1px solid #e5ebf2;
}

.panel-heading h2[b-xnbjogolr6] {
    margin: 5px 0 4px;
    color: #142b47;
    font-size: 18px;
    letter-spacing: -.02em;
}

.panel-heading p[b-xnbjogolr6] {
    margin: 0;
    color: #718096;
    font-size: 12px;
}

.panel-eyebrow[b-xnbjogolr6] {
    color: #2b5f8a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.panel-total[b-xnbjogolr6] {
    padding: 6px 10px;
    border-radius: 999px;
    color: #345575;
    background: #eef4fa;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.composition-content[b-xnbjogolr6] {
    display: grid;
    grid-template-columns: 190px minmax(220px, 1fr);
    gap: 24px 30px;
    align-items: center;
    padding: 24px 22px 22px;
}

.donut-shell[b-xnbjogolr6] {
    display: grid;
    place-items: center;
}

.donut[b-xnbjogolr6] {
    position: relative;
    width: 178px;
    height: 178px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
    transition: transform .2s ease;
}

.donut:hover[b-xnbjogolr6] {
    transform: scale(1.025);
}

.donut[b-xnbjogolr6]::after {
    position: absolute;
    inset: 31px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 22px rgba(37, 67, 99, .08);
    content: "";
}

.donut-center[b-xnbjogolr6] {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    align-content: center;
    justify-items: center;
    line-height: 1;
}

.donut-center strong[b-xnbjogolr6] {
    color: #142b47;
    font-size: 30px;
}

.donut-center span[b-xnbjogolr6] {
    margin-top: 7px;
    color: #718096;
    font-size: 10px;
}

.composition-breakdown[b-xnbjogolr6] {
    display: grid;
    gap: 13px;
}

.composition-item[b-xnbjogolr6] {
    display: block;
    padding: 2px;
    color: inherit;
    text-decoration: none;
}

.composition-item:hover .composition-row span[b-xnbjogolr6] {
    color: #175f9d;
}

.composition-row[b-xnbjogolr6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.composition-row span[b-xnbjogolr6] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #3e526a;
    font-size: 12px;
    font-weight: 600;
}

.composition-row i[b-xnbjogolr6] {
    width: 9px;
    height: 9px;
    border-radius: 3px;
}

.composition-row strong[b-xnbjogolr6] {
    color: #1d344f;
    font-size: 13px;
}

.composition-track[b-xnbjogolr6] {
    height: 4px;
    overflow: hidden;
    margin-top: 7px;
    border-radius: 999px;
    background: #e8eef4;
}

.composition-track b[b-xnbjogolr6] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.composition-item small[b-xnbjogolr6] {
    display: block;
    margin-top: 5px;
    color: #8795a6;
    font-size: 9px;
}

.composition-insight[b-xnbjogolr6] {
    grid-column: 1 / -1;
    padding: 17px 18px;
    border: 1px solid #d9e6f2;
    border-radius: 8px;
    background: linear-gradient(135deg, #f3f8fd, #fff);
}

.composition-insight > span[b-xnbjogolr6] {
    color: #6e8297;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.composition-insight strong[b-xnbjogolr6] {
    display: block;
    margin-top: 6px;
    color: #173e67;
    font-size: 17px;
}

.composition-insight p[b-xnbjogolr6] {
    margin: 6px 0 10px;
    color: #60738a;
    font-size: 11px;
    line-height: 1.5;
}

.composition-insight a[b-xnbjogolr6] {
    color: #1d66a6;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.empty-state[b-xnbjogolr6] {
    padding: 44px 24px;
    color: #718096;
    text-align: center;
}

@media (max-width: 640px) {
    .composition-content[b-xnbjogolr6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/WorldPortfolioMap.razor.rz.scp.css */
.dashboard-panel[b-tpoxsh5dad] {
    overflow: hidden;
    border: 1px solid #dbe4ee;
    border-radius: var(--portal-radius);
    background: #fff;
    box-shadow: var(--portal-shadow);
}

.panel-heading[b-tpoxsh5dad] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 22px 16px;
    border-bottom: 1px solid #e5ebf2;
}

.panel-heading h2[b-tpoxsh5dad] {
    margin: 5px 0 4px;
    color: #142b47;
    font-size: 18px;
    letter-spacing: -.02em;
}

.panel-heading p[b-tpoxsh5dad] {
    margin: 0;
    color: #718096;
    font-size: 12px;
}

.panel-eyebrow[b-tpoxsh5dad] {
    color: #287c82;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.panel-total[b-tpoxsh5dad] {
    padding: 6px 10px;
    border-radius: 999px;
    color: #345575;
    background: #eef4fa;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.map-card[b-tpoxsh5dad] {
    padding: 16px 22px 18px;
}

.world-map-shell[b-tpoxsh5dad] {
    position: relative;
    aspect-ratio: 1200 / 560;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid #dfe9f1;
    border-radius: 8px;
    background: #f4f9fc;
}

.world-map[b-tpoxsh5dad] {
    display: block;
    width: 100%;
    height: 100%;
}

.map-status[b-tpoxsh5dad] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #78899c;
    font-size: 12px;
    pointer-events: none;
}

.map-status[hidden][b-tpoxsh5dad] {
    display: none;
}

.map-status.error[b-tpoxsh5dad] {
    color: #9b4350;
}

.world-map-shell[b-tpoxsh5dad]  .world-map-sphere {
    fill: #f5f9fc;
    stroke: #c9dce8;
    stroke-width: 1.35;
}

.world-map-shell[b-tpoxsh5dad]  .world-map-graticule {
    fill: none;
    stroke: #d8e6ef;
    stroke-dasharray: 2 5;
    stroke-width: 1;
}

.world-map-shell[b-tpoxsh5dad]  .world-country {
    fill: #d4e1e9;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 1.2;
    transition: fill .18s ease;
}

.world-map-shell[b-tpoxsh5dad]  .world-country.active-country {
    fill: #b9d3dc;
}

.world-map-shell[b-tpoxsh5dad]  .world-country.primary-country {
    fill: #a9c5d8;
}

.world-map-shell[b-tpoxsh5dad]  .map-marker {
    cursor: pointer;
    outline: none;
}

.world-map-shell[b-tpoxsh5dad]  .marker-pulse {
    fill: rgba(40, 124, 130, .18);
    transform-box: fill-box;
    transform-origin: center;
    animation: marker-pulse-b-tpoxsh5dad 2.2s ease-out infinite;
}

.world-map-shell[b-tpoxsh5dad]  .marker-core {
    fill: #287c82;
    stroke: #fff;
    stroke-width: 2.5;
    filter: drop-shadow(0 2px 4px rgba(26, 78, 102, .35));
}

.world-map-shell[b-tpoxsh5dad]  .map-marker.primary .marker-pulse {
    fill: rgba(35, 103, 209, .22);
}

.world-map-shell[b-tpoxsh5dad]  .map-marker.primary .marker-core {
    fill: #2367d1;
}

.world-map-shell[b-tpoxsh5dad]  .marker-label {
    fill: #27465f;
    paint-order: stroke;
    stroke: #f5f9fc;
    stroke-linejoin: round;
    stroke-width: 3px;
    font-size: 11px;
    font-weight: 700;
}

.map-tooltip[b-tpoxsh5dad] {
    position: absolute;
    z-index: 5;
    display: block;
    min-width: 175px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    color: #e7f0f7;
    background: #102a44;
    box-shadow: 0 12px 32px rgba(15, 41, 66, .22);
    font-size: 10px;
    line-height: 1.5;
    text-align: left;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(-100% - 14px));
    transition: opacity .12s ease;
}

.map-tooltip.visible[b-tpoxsh5dad] {
    opacity: 1;
}

.map-tooltip strong[b-tpoxsh5dad],
.map-tooltip span[b-tpoxsh5dad] {
    display: block;
}

.map-tooltip strong[b-tpoxsh5dad] {
    margin-bottom: 4px;
    color: #fff;
    font-size: 11px;
}

.map-legend[b-tpoxsh5dad] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    padding-top: 14px;
    color: #6c7d90;
    font-size: 9px;
}

.map-legend span[b-tpoxsh5dad] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.map-legend i[b-tpoxsh5dad] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.map-legend .principal[b-tpoxsh5dad] {
    background: #2367d1;
}

.map-legend .active[b-tpoxsh5dad] {
    background: #287c82;
}

.map-legend .inactive[b-tpoxsh5dad] {
    background: #d6e3eb;
}

.map-legend strong[b-tpoxsh5dad] {
    margin-left: auto;
    color: #324b65;
}

.jurisdiction-strip[b-tpoxsh5dad] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    margin-top: 14px;
    border: 1px solid #e1e8ef;
    border-radius: 5px;
    background: #e1e8ef;
}

.jurisdiction-strip div[b-tpoxsh5dad] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
    padding: 9px 11px;
    background: #fff;
}

.jurisdiction-strip span[b-tpoxsh5dad] {
    overflow: hidden;
    color: #52677e;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jurisdiction-strip strong[b-tpoxsh5dad] {
    grid-row: 1 / 3;
    grid-column: 2;
    align-self: center;
    color: #255f8e;
    font-size: 16px;
}

.jurisdiction-strip small[b-tpoxsh5dad] {
    color: #95a1ae;
    font-size: 9px;
}

@keyframes marker-pulse-b-tpoxsh5dad {
    0% {
        opacity: .8;
        transform: scale(.55);
    }

    80%,
    100% {
        opacity: 0;
        transform: scale(1.25);
    }
}

@media (prefers-reduced-motion: reduce) {
    .world-map-shell[b-tpoxsh5dad]  .marker-pulse {
        animation: none;
    }
}

@media (max-width: 640px) {
    .map-card[b-tpoxsh5dad] {
        padding: 14px;
    }

    .world-map-shell[b-tpoxsh5dad],
    .world-map[b-tpoxsh5dad] {
        min-height: 270px;
    }

    .world-map-shell[b-tpoxsh5dad] {
        aspect-ratio: auto;
    }

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

    .world-map-shell[b-tpoxsh5dad]  .marker-label {
        display: none;
    }
}
/* /Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-lh0wwe49kv] {
    min-height: 100vh;
    background: #f7f9fc;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.portal-shell[b-xgij6u1p47] {
    display: grid;
    grid-template: 64px minmax(0, 1fr) / 272px minmax(0, 1fr);
    min-height: 100vh;
    color: var(--portal-ink);
    background: var(--portal-canvas);
    transition: grid-template-columns .2s ease;
}

.portal-shell.menu-collapsed[b-xgij6u1p47] { grid-template-columns: 76px minmax(0, 1fr); }

.portal-header[b-xgij6u1p47] {
    position: sticky;
    z-index: 20;
    top: 0;
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 0 20px;
    border-bottom: 1px solid var(--portal-border);
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 1px 4px rgb(24 49 77 / 4%);
    backdrop-filter: blur(12px);
}

.header-leading[b-xgij6u1p47] {
    display: flex;
    flex: 0 0 234px;
    width: 234px;
    align-items: center;
    gap: 18px;
}

.menu-collapsed .header-leading[b-xgij6u1p47] { flex-basis: auto; width: auto; }

.menu-button[b-xgij6u1p47] {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-content: center;
    gap: 4px;
    border: 1px solid var(--portal-border-strong);
    border-radius: 8px;
    color: #36536f;
    background: #fff;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

.menu-button:hover[b-xgij6u1p47] { border-color: #9eb9d1; background: #f4f8fb; }
.menu-button span[b-xgij6u1p47] { display: block; width: 15px; height: 1.5px; border-radius: 2px; background: currentColor; }

.brand[b-xgij6u1p47] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
    color: #111827;
    font-size: 20px;
    letter-spacing: .27em;
    text-decoration: none;
}

.brand-symbol[b-xgij6u1p47] { width: 25px; height: 36px; fill: none; stroke: var(--portal-brand); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.6; }
.brand-word[b-xgij6u1p47] { color: #111827; }

.company-selector[b-xgij6u1p47] { display: grid; min-width: 0; gap: 1px; }
.company-selector > span[b-xgij6u1p47] { padding-left: 9px; color: var(--portal-muted); font-size: 9px; font-weight: 650; letter-spacing: .02em; }
.company-selector[b-xgij6u1p47]  .company-toolbar { width: min(360px, 34vw); min-width: 0; border: 0; background: transparent; }
.company-selector[b-xgij6u1p47]  .company-toolbar-item { min-width: 0; color: #29435d; font-size: 13px; font-weight: 700; }
.company-selector[b-xgij6u1p47]  .company-toolbar-item * { min-width: 0; font-size: inherit; font-weight: inherit; }

.account[b-xgij6u1p47] { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.account-link[b-xgij6u1p47] { display: flex; align-items: center; gap: 9px; min-width: 0; color: inherit; text-decoration: none; }
.account-avatar[b-xgij6u1p47] { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #145b8d; background: #e8f3f9; font-size: 12px; font-weight: 800; }
.account-copy[b-xgij6u1p47] { display: grid; max-width: 150px; line-height: 1.2; }
.account-copy b[b-xgij6u1p47] { overflow: hidden; color: #29435d; font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.account-copy small[b-xgij6u1p47] { margin-top: 3px; color: var(--portal-muted); font-size: 9px; }
.logout-button[b-xgij6u1p47] { display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 8px; color: #6b7d91; background: transparent; cursor: pointer; }
.logout-button:hover[b-xgij6u1p47] { color: #205f91; background: #f0f5f9; }
.logout-button[b-xgij6u1p47]  .portal-icon { width: 17px; height: 17px; }

.portal-navigation[b-xgij6u1p47] {
    position: sticky;
    top: 64px;
    height: calc(100vh - 64px);
    overflow: hidden auto;
    padding: 22px 14px 30px;
    border-right: 1px solid var(--portal-border);
    background: #fff;
    scrollbar-width: thin;
    transition: padding .2s ease;
}

.menu-collapsed .portal-navigation[b-xgij6u1p47] { padding-right: 10px; padding-left: 10px; }
.portal-navigation nav[b-xgij6u1p47] { display: grid; gap: 5px; }

.portal-navigation[b-xgij6u1p47]  .nav-item,
.portal-navigation .nav-item[b-xgij6u1p47] {
    position: relative;
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 13px;
    padding: 6px 12px;
    border-radius: 11px;
    color: #38536d;
    text-decoration: none;
    transition: color .16s ease, background .16s ease, transform .16s ease;
}

.portal-navigation[b-xgij6u1p47]  .nav-item::before { position: absolute; top: 10px; bottom: 10px; left: -14px; width: 3px; border-radius: 0 4px 4px 0; background: transparent; content: ""; }
.portal-navigation[b-xgij6u1p47]  .nav-item b { font-size: 13px; font-weight: 550; }
.portal-navigation small[b-xgij6u1p47] { margin: 20px 12px 6px; color: #8a9aae; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.portal-navigation[b-xgij6u1p47]  .nav-item:hover { color: #135c94; background: #f5f8fb; transform: translateX(1px); }
.portal-navigation[b-xgij6u1p47]  .nav-item.active { color: #0b5da0; background: #edf5fb; }
.portal-navigation[b-xgij6u1p47]  .nav-item.active::before { background: #1670c5; }

.nav-glyph[b-xgij6u1p47],
.portal-navigation[b-xgij6u1p47]  .nav-glyph { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #476984; background: #f0f5f9; }
.nav-glyph[b-xgij6u1p47]  .portal-icon,
.portal-navigation[b-xgij6u1p47]  .nav-glyph .portal-icon { width: 18px; height: 18px; }
.portal-navigation[b-xgij6u1p47]  .nav-item.active .nav-glyph { color: #1268ac; background: #deedf8; }

.menu-collapsed .portal-navigation small[b-xgij6u1p47],
.menu-collapsed .portal-navigation .nav-item b[b-xgij6u1p47],
.menu-collapsed .portal-navigation[b-xgij6u1p47]  .nav-item b { display: none; }
.menu-collapsed .portal-navigation .nav-item[b-xgij6u1p47],
.menu-collapsed .portal-navigation[b-xgij6u1p47]  .nav-item { justify-content: center; min-height: 48px; padding: 6px; }
.menu-collapsed .portal-navigation[b-xgij6u1p47]  .nav-item::before { left: -10px; }

.portal-content[b-xgij6u1p47] { min-width: 0; padding: 28px clamp(20px, 2.3vw, 38px) 44px; }

@media (max-width: 1160px) {
    .company-selector[b-xgij6u1p47]  .company-toolbar { width: min(300px, 32vw); }
}

@media (max-width: 760px) {
    .portal-shell[b-xgij6u1p47], .portal-shell.menu-collapsed[b-xgij6u1p47] { grid-template-columns: 1fr; }
    .portal-header[b-xgij6u1p47] { gap: 10px; padding: 0 12px; }
    .header-leading[b-xgij6u1p47], .menu-collapsed .header-leading[b-xgij6u1p47] { flex: 0 0 auto; width: auto; gap: 10px; }
    .brand-word[b-xgij6u1p47], .company-selector > span[b-xgij6u1p47], .account-copy[b-xgij6u1p47] { display: none; }
    .brand[b-xgij6u1p47] { letter-spacing: 0; }
    .company-selector[b-xgij6u1p47] { margin-left: 0; }
    .company-selector[b-xgij6u1p47]  .company-toolbar { width: min(220px, 46vw); }
    .portal-navigation[b-xgij6u1p47] { display: none; }
    .portal-shell.menu-collapsed .portal-navigation[b-xgij6u1p47] { position: fixed; z-index: 19; top: 64px; bottom: 0; left: 0; display: block; width: 272px; height: auto; padding: 22px 14px 30px; box-shadow: 14px 0 30px rgb(20 42 68 / 18%); }
    .menu-collapsed .portal-navigation small[b-xgij6u1p47] { display: block; }
    .menu-collapsed .portal-navigation .nav-item b[b-xgij6u1p47],
    .menu-collapsed .portal-navigation[b-xgij6u1p47]  .nav-item b { display: inline; }
    .menu-collapsed .portal-navigation .nav-item[b-xgij6u1p47],
    .menu-collapsed .portal-navigation[b-xgij6u1p47]  .nav-item { justify-content: flex-start; min-height: 48px; padding: 6px 12px; }
    .portal-content[b-xgij6u1p47] { padding: 22px 16px 36px; }
}

@media (prefers-reduced-motion: reduce) {
    .portal-shell[b-xgij6u1p47], .portal-navigation[b-xgij6u1p47], .portal-navigation[b-xgij6u1p47]  .nav-item { transition: none; }
}
/* /Pages/AssetDetail.razor.rz.scp.css */
.asset-detail-page[b-flly5abrbo] {
    max-width: 1500px;
    margin: 0 auto;
    color: #203a54;
}

.asset-identity-bar[b-flly5abrbo] {
    display: grid;
    grid-template-columns: 44px minmax(280px, 1fr) auto;
    align-items: stretch;
    min-height: 76px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #d8e2ea;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 7px 22px rgb(28 57 83 / 5%);
}

.asset-back[b-flly5abrbo] {
    display: grid;
    width: 44px;
    height: 100%;
    min-height: 76px;
    place-items: center;
    border-right: 1px solid #e3eaf0;
    color: #236d9f;
    background: #f8fafc;
    text-decoration: none;
}

.asset-back:hover[b-flly5abrbo] { color: #fff; background: #216fa5; }
.asset-back[b-flly5abrbo]  .portal-icon { width: 18px; height: 18px; }

.asset-identity-copy[b-flly5abrbo] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 12px 20px;
}

.asset-identity-copy > span[b-flly5abrbo] { color: #39709a; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.asset-identity-copy h1[b-flly5abrbo] { margin: 4px 0 0; overflow: hidden; color: #142d49; font-size: clamp(23px, 2.1vw, 31px); line-height: 1.08; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }

.asset-identity-metrics[b-flly5abrbo] { display: flex; align-items: stretch; }
.asset-identity-metrics > div[b-flly5abrbo],
.asset-identity-metrics > a[b-flly5abrbo] {
    display: flex;
    min-width: 105px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-left: 1px solid #e3eaf0;
    color: #64798d;
    text-align: center;
    text-decoration: none;
}

.asset-identity-metrics > div:nth-child(2)[b-flly5abrbo] { min-width: 125px; }
.asset-identity-metrics > a:hover[b-flly5abrbo] { background: #f1f7fb; }
.asset-identity-metrics span[b-flly5abrbo] { max-width: 135px; overflow: hidden; font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.asset-identity-metrics strong[b-flly5abrbo] { max-width: 145px; margin-top: 4px; overflow: hidden; color: #214b6d; font-size: 13px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.asset-identity-metrics > a strong[b-flly5abrbo] { order: -1; margin: 0 0 3px; color: #1d5984; font-size: 17px; }

.status-badge[b-flly5abrbo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #53687d;
    background: #edf1f4;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge i[b-flly5abrbo] { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-badge.active[b-flly5abrbo] { color: #176f8d; background: #e5f3f6; }
.status-badge.success[b-flly5abrbo] { color: #287554; background: #e8f5ee; }
.status-badge.attention[b-flly5abrbo] { color: #a64954; background: #fbecee; }
.status-badge.muted[b-flly5abrbo] { color: #707d8c; background: #eceff2; }

.detail-columns[b-flly5abrbo] { display: grid; grid-template-columns: minmax(0, 1.82fr) minmax(350px, .72fr); gap: 22px; align-items: start; }
.management-column[b-flly5abrbo] { display: grid; gap: 18px; min-width: 0; }
.summary-card[b-flly5abrbo], .information-card[b-flly5abrbo], .documents-card[b-flly5abrbo], .timeline-card[b-flly5abrbo] { overflow: hidden; border: 1px solid #d8e2ea; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgb(28 57 83 / 5%); }

.summary-card[b-flly5abrbo] { display: grid; grid-template-columns: minmax(220px, 250px) minmax(0, 1fr); min-height: 230px; }
.summary-card.without-preview[b-flly5abrbo] { grid-template-columns: 1fr; min-height: 0; }

.asset-preview[b-flly5abrbo] {
    display: grid;
    grid-template-rows: auto 1fr;
    margin: 0;
    padding: 18px;
    border-right: 1px solid #e2e9ef;
    background: #f6f9fb;
}

.asset-preview figcaption[b-flly5abrbo] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; color: #60788f; }
.asset-preview figcaption span[b-flly5abrbo] { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.asset-preview figcaption small[b-flly5abrbo] { color: #8a99a8; font-size: 9px; }
.asset-preview a[b-flly5abrbo] { display: grid; min-height: 168px; overflow: hidden; place-items: center; border: 1px solid #e1e8ee; border-radius: 8px; background: #fff; }
.asset-preview a:hover[b-flly5abrbo] { border-color: #a9c7dc; box-shadow: 0 0 0 3px rgb(38 112 161 / 7%); }
.asset-preview img[b-flly5abrbo] { display: block; width: 100%; height: 168px; padding: 8px; object-fit: contain; }

.current-status[b-flly5abrbo] { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(26px, 3vw, 40px); border-left: 4px solid #2a78ad; }
.current-status-heading[b-flly5abrbo] { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.current-status-heading > span:first-child[b-flly5abrbo] { color: #39709a; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.current-status > strong[b-flly5abrbo] { max-width: 720px; margin-top: 10px; color: #173451; font-size: clamp(21px, 2vw, 25px); line-height: 1.2; }
.current-status > p[b-flly5abrbo] { max-width: 680px; margin: 8px 0 23px; color: #657b8f; font-size: 13px; line-height: 1.55; }

.status-facts[b-flly5abrbo] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding-top: 17px; border-top: 1px solid #e4ebf0; }
.status-facts div[b-flly5abrbo] { min-width: 0; padding: 0 15px; border-right: 1px solid #e7edf2; }
.status-facts div:first-child[b-flly5abrbo] { padding-left: 0; }
.status-facts div:last-child[b-flly5abrbo] { border-right: 0; }
.status-facts small[b-flly5abrbo], .status-facts b[b-flly5abrbo] { display: block; }
.status-facts small[b-flly5abrbo] { color: #7e8e9f; font-size: 10px; text-transform: uppercase; }
.status-facts b[b-flly5abrbo] { margin-top: 6px; overflow: hidden; color: #29445e; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }

.information-card > header[b-flly5abrbo], .documents-card > header[b-flly5abrbo], .timeline-card > header[b-flly5abrbo] { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 15px; border-bottom: 1px solid #e3eaf0; }
.information-card header span[b-flly5abrbo], .documents-card header span[b-flly5abrbo], .timeline-card header span[b-flly5abrbo] { color: #39709a; font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.information-card h2[b-flly5abrbo], .documents-card h2[b-flly5abrbo], .timeline-card h2[b-flly5abrbo] { margin: 4px 0 0; color: #17314d; font-size: 18px; }
.documents-card header > strong[b-flly5abrbo], .timeline-card header > strong[b-flly5abrbo] { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; color: #2d6590; background: #edf4fa; font-size: 11px; }

.information-groups[b-flly5abrbo] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.information-group[b-flly5abrbo] { min-width: 0; padding: 19px 20px 21px; border-right: 1px solid #e6ecf1; }
.information-group:last-child[b-flly5abrbo] { border-right: 0; }
.information-group h3[b-flly5abrbo] { display: flex; align-items: center; gap: 8px; margin: 0 0 9px; color: #315f83; font-size: 12px; font-weight: 750; }
.information-group h3[b-flly5abrbo]::before { width: 6px; height: 6px; border-radius: 50%; background: #4c8db6; content: ""; }
.information-group dl[b-flly5abrbo] { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
.information-group dl div[b-flly5abrbo] { min-width: 0; min-height: 67px; padding: 12px 8px; border-bottom: 1px solid #edf1f4; }
.information-group dl .wide[b-flly5abrbo] { grid-column: 1 / -1; }
.information-group dt[b-flly5abrbo] { margin-bottom: 6px; color: #7b8b9b; font-size: 10px; letter-spacing: .025em; text-transform: uppercase; }
.information-group dd[b-flly5abrbo] { margin: 0; overflow-wrap: anywhere; color: #213b56; font-size: 13px; line-height: 1.45; }

.document-grid[b-flly5abrbo] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 18px 20px; }
.document-grid a[b-flly5abrbo] { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-width: 0; padding: 11px; border: 1px solid #dfe6ed; border-radius: 9px; color: #233d57; text-decoration: none; }
.document-grid a:hover[b-flly5abrbo] { border-color: #afcce1; background: #f6faff; transform: translateY(-1px); }
.document-grid i[b-flly5abrbo] { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 8px; color: #2471a6; background: #eaf4fb; }
.document-grid i[b-flly5abrbo]  .portal-icon { width: 17px; height: 17px; }
.document-grid span[b-flly5abrbo], .document-grid b[b-flly5abrbo], .document-grid small[b-flly5abrbo] { display: block; min-width: 0; }
.document-grid b[b-flly5abrbo], .document-grid small[b-flly5abrbo] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document-grid b[b-flly5abrbo] { font-size: 13px; }
.document-grid small[b-flly5abrbo] { margin-top: 3px; color: #78899a; font-size: 10px; }
.document-grid .document-comment[b-flly5abrbo] { color: #506a82; font-style: italic; }
.document-grid em[b-flly5abrbo] { color: #286d9f; font-size: 11px; font-style: normal; font-weight: 700; }

.timeline-card[b-flly5abrbo] { position: sticky; top: 82px; max-height: calc(100vh - 108px); scroll-margin-top: 84px; }
.timeline-card ol[b-flly5abrbo] { max-height: calc(100vh - 178px); overflow: auto; margin: 0; padding: 15px 18px 21px; list-style: none; scrollbar-width: thin; }
.timeline-card li[b-flly5abrbo] { position: relative; display: grid; grid-template-columns: 82px 14px minmax(0, 1fr); align-items: start; gap: 10px; min-height: 60px; padding: 12px 2px 13px; }
.timeline-card li:not(:last-child)[b-flly5abrbo]::after { position: absolute; top: 29px; bottom: -4px; left: 99px; width: 1px; background: #dce6ed; content: ""; }
.timeline-card li > span[b-flly5abrbo] { position: relative; z-index: 1; width: 11px; height: 11px; margin-top: 2px; border: 3px solid #fff; border-radius: 50%; background: #4d8db5; box-shadow: 0 0 0 1px #acc8da; }
.timeline-card li.current[b-flly5abrbo] { margin: 0 -5px 4px; padding-right: 7px; padding-left: 7px; border-radius: 8px; background: #f1f7fb; }
.timeline-card li.current[b-flly5abrbo]::after { left: 104px; }
.timeline-card li.current > span[b-flly5abrbo] { width: 13px; height: 13px; margin-left: -1px; background: #176eaa; box-shadow: 0 0 0 3px #d9eaf5; }
.timeline-card li.attention > span[b-flly5abrbo] { background: #c9505d; box-shadow: 0 0 0 2px #f5dfe2; }
.timeline-card time[b-flly5abrbo] { color: #74879a; font-size: 10px; white-space: nowrap; }
.timeline-card li div[b-flly5abrbo] { min-width: 0; }
.timeline-card li small[b-flly5abrbo] { display: inline-block; margin-bottom: 4px; padding: 2px 6px; border-radius: 999px; color: #17699f; background: #dcecf7; font-size: 9px; font-weight: 750; text-transform: uppercase; }
.timeline-card li b[b-flly5abrbo] { display: block; color: #29445e; font-size: 12px; font-weight: 620; line-height: 1.45; }

.empty-section[b-flly5abrbo] { padding: 34px 20px; color: #77899a; font-size: 12px; text-align: center; }
.documents-card[b-flly5abrbo], #responsables[b-flly5abrbo] { scroll-margin-top: 84px; }

.detail-loading[b-flly5abrbo] { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
.detail-loading i[b-flly5abrbo] { height: 520px; border-radius: 11px; background: linear-gradient(90deg, #e9eef3, #f6f8fa, #e9eef3); background-size: 220% 100%; animation: detail-pulse-b-flly5abrbo 1.3s infinite; }
.detail-loading i:first-child[b-flly5abrbo] { grid-column: 1 / -1; height: 100px; }
@keyframes detail-pulse-b-flly5abrbo { to { background-position-x: -220%; } }
.detail-error[b-flly5abrbo] { display: grid; min-height: 340px; place-content: center; gap: 8px; border: 1px solid #dfe6ed; border-radius: 11px; background: #fff; color: #718196; text-align: center; }
.detail-error strong[b-flly5abrbo] { color: #263f59; font-size: 18px; }
.detail-error a[b-flly5abrbo] { justify-self: center; color: #246a9d; font-size: 12px; }

@media (max-width: 1260px) {
    .detail-columns[b-flly5abrbo] { grid-template-columns: minmax(0, 1.5fr) minmax(320px, .72fr); }
    .information-groups[b-flly5abrbo] { grid-template-columns: 1fr 1fr; }
    .information-group:nth-child(2)[b-flly5abrbo] { border-right: 0; }
    .information-group:last-child[b-flly5abrbo] { grid-column: 1 / -1; border-top: 1px solid #e6ecf1; }
}

@media (max-width: 1040px) {
    .asset-identity-bar[b-flly5abrbo] { grid-template-columns: 44px minmax(0, 1fr); }
    .asset-identity-metrics[b-flly5abrbo] { grid-column: 1 / -1; border-top: 1px solid #e3eaf0; }
    .asset-identity-metrics > div[b-flly5abrbo], .asset-identity-metrics > a[b-flly5abrbo] { min-width: 0; flex: 1; }
    .asset-identity-metrics > div:first-child[b-flly5abrbo] { border-left: 0; }
    .summary-card[b-flly5abrbo] { grid-template-columns: 215px minmax(0, 1fr); }
    .status-facts[b-flly5abrbo] { grid-template-columns: 1fr; }
    .status-facts div[b-flly5abrbo] { padding: 8px 0; border-right: 0; border-bottom: 1px solid #e7edf2; }
    .status-facts div:last-child[b-flly5abrbo] { border-bottom: 0; }
    .document-grid[b-flly5abrbo] { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
    .detail-columns[b-flly5abrbo] { grid-template-columns: 1fr; }
    .timeline-card[b-flly5abrbo] { position: static; max-height: none; }
    .timeline-card ol[b-flly5abrbo] { max-height: none; }
    .summary-card[b-flly5abrbo] { grid-template-columns: 1fr; }
    .asset-preview[b-flly5abrbo] { border-right: 0; border-bottom: 1px solid #e3e9ef; }
    .asset-preview a[b-flly5abrbo] { min-height: 190px; }
    .asset-preview img[b-flly5abrbo] { height: 190px; }
    .current-status[b-flly5abrbo] { border-top: 4px solid #2a78ad; border-left: 0; }
    .information-groups[b-flly5abrbo] { grid-template-columns: 1fr; }
    .information-group[b-flly5abrbo], .information-group:nth-child(2)[b-flly5abrbo] { border-right: 0; border-bottom: 1px solid #e6ecf1; }
    .information-group:last-child[b-flly5abrbo] { grid-column: auto; border-top: 0; border-bottom: 0; }
}

@media (max-width: 540px) {
    .asset-identity-copy[b-flly5abrbo] { padding-right: 12px; padding-left: 14px; }
    .asset-identity-copy h1[b-flly5abrbo] { font-size: 22px; }
    .asset-identity-metrics[b-flly5abrbo] { display: grid; grid-template-columns: 1fr 1fr; }
    .asset-identity-metrics > div[b-flly5abrbo], .asset-identity-metrics > a[b-flly5abrbo] { min-height: 58px; padding: 8px; border-bottom: 1px solid #e3eaf0; }
    .asset-identity-metrics > :nth-child(odd)[b-flly5abrbo] { border-left: 0; }
    .asset-identity-metrics > :nth-last-child(-n + 2)[b-flly5abrbo] { border-bottom: 0; }
    .current-status-heading[b-flly5abrbo] { align-items: flex-start; flex-direction: column; }
    .information-group dl[b-flly5abrbo] { grid-template-columns: 1fr; }
    .information-group dl .wide[b-flly5abrbo] { grid-column: auto; }
    .timeline-card li[b-flly5abrbo] { grid-template-columns: 72px 13px minmax(0, 1fr); gap: 8px; }
    .timeline-card li:not(:last-child)[b-flly5abrbo]::after { left: 88px; }
    .timeline-card li.current[b-flly5abrbo]::after { left: 93px; }
}

@media (prefers-reduced-motion: reduce) {
    .detail-loading i[b-flly5abrbo] { animation: none; }
    .document-grid a[b-flly5abrbo] { transition: none; }
}
/* /Pages/Assets.razor.rz.scp.css */
.assets-page[b-prtqyvbfd1] {
    max-width: 1540px;
    margin: 0 auto;
}

.page-toolbar[b-prtqyvbfd1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.eyebrow[b-prtqyvbfd1] {
    color: #2b6593;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

h1[b-prtqyvbfd1] {
    margin: 5px 0 3px;
    color: #122a47;
    font-size: clamp(27px, 2.2vw, 34px);
    letter-spacing: -.025em;
}

.page-toolbar p[b-prtqyvbfd1] {
    margin: 0;
    color: #718095;
    font-size: 12px;
}

.result-count[b-prtqyvbfd1] {
    padding: 6px 10px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    color: #60738a;
    background: #fff;
    font-size: 11px;
}

.search-toolbar[b-prtqyvbfd1] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 190px auto;
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid #d9e1e9;
    border-radius: var(--portal-radius);
    background: #fff;
}

.search-toolbar[b-prtqyvbfd1]  .asset-search,
.search-toolbar[b-prtqyvbfd1]  .asset-sort {
    width: 100%;
}

.grid-shell[b-prtqyvbfd1] {
    overflow: hidden;
    border: 1px solid #d7dfe8;
    border-radius: var(--portal-radius);
    background: #fff;
}

.grid-shell[b-prtqyvbfd1]  .dxbl-grid {
    border: 0;
}

.grid-shell[b-prtqyvbfd1]  td {
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.35;
}

.grid-shell[b-prtqyvbfd1]  th {
    color: #425a73;
    background: #f7f9fb;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .015em;
}

.grid-shell .view-action[b-prtqyvbfd1],
.grid-shell[b-prtqyvbfd1]  .view-action {
    display: grid;
    width: 28px;
    height: 28px;
    border: 0;
    place-items: center;
    border-radius: 7px;
    color: #1475b6;
    background: transparent;
    cursor: pointer;
}

.grid-shell .view-action:hover[b-prtqyvbfd1],
.grid-shell[b-prtqyvbfd1]  .view-action:hover {
    background: #eaf4fc;
}

.grid-shell[b-prtqyvbfd1]  tr.dxbl-grid-focused-row .view-action,
.grid-shell[b-prtqyvbfd1]  tr.dxbl-grid-selected-row .view-action {
    color: #fff;
}

.grid-shell[b-prtqyvbfd1]  tr.dxbl-grid-focused-row .view-action:hover,
.grid-shell[b-prtqyvbfd1]  tr.dxbl-grid-selected-row .view-action:hover {
    color: #0b5da0;
    background: #fff;
}

.grid-shell .view-action[b-prtqyvbfd1]  .portal-icon,
.grid-shell[b-prtqyvbfd1]  .view-action .portal-icon { width: 15px; height: 15px; }

.grid-shell[b-prtqyvbfd1]  .trademark-thumbnail {
    display: block;
    width: 66px;
    height: 46px;
    margin: 2px auto;
    border: 1px solid #dde4eb;
    border-radius: 4px;
    background: linear-gradient(110deg, #f2f5f8, #fff 45%, #f2f5f8);
    object-fit: contain;
    max-width: 66px;
    max-height: 46px;
}

.grid-shell[b-prtqyvbfd1]  .no-trademark-image {
    display: block;
    color: #9aa7b5;
    font-size: 10px;
    text-align: center;
}

.grid-shell[b-prtqyvbfd1]  .asset-type-badge {
    display: inline-flex;
    padding: 4px 8px;
    border: 1px solid #d8e4ef;
    border-radius: 999px;
    color: #315f83;
    background: #eef5fb;
    font-size: 10px;
    font-weight: 600;
}

.grid-state[b-prtqyvbfd1] {
    display: grid;
    min-height: 300px;
    place-content: center;
    border: 1px solid #d7dfe8;
    color: #65768b;
    background: #fff;
}

.status-badge[b-prtqyvbfd1],
.grid-shell[b-prtqyvbfd1]  .status-badge { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 8px; border-radius: 999px; color: #52677d; background: #eef2f5; font-size: 9px; font-weight: 700; white-space: nowrap; }
.status-badge i[b-prtqyvbfd1],
.grid-shell[b-prtqyvbfd1]  .status-badge i { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-badge.active[b-prtqyvbfd1], .grid-shell[b-prtqyvbfd1]  .status-badge.active { color: #1a7390; background: #e6f4f7; }
.status-badge.success[b-prtqyvbfd1], .grid-shell[b-prtqyvbfd1]  .status-badge.success { color: #287554; background: #e9f5ef; }
.status-badge.attention[b-prtqyvbfd1], .grid-shell[b-prtqyvbfd1]  .status-badge.attention { color: #a64954; background: #fbecee; }
.status-badge.muted[b-prtqyvbfd1], .grid-shell[b-prtqyvbfd1]  .status-badge.muted { color: #707d8c; background: #eef0f2; }

.grid-skeleton[b-prtqyvbfd1] { overflow: hidden; border: 1px solid var(--portal-border); border-radius: var(--portal-radius); background: #fff; }
.skeleton-head[b-prtqyvbfd1] { height: 45px; border-bottom: 1px solid #e3e9ef; background: #f4f7f9; }
.skeleton-row[b-prtqyvbfd1] { display: grid; grid-template-columns: 48px 90px 1.2fr 1fr .7fr; gap: 18px; align-items: center; height: 65px; padding: 10px 18px; border-bottom: 1px solid #edf1f4; }
.skeleton-row i[b-prtqyvbfd1], .skeleton-row span[b-prtqyvbfd1] { display: block; height: 11px; border-radius: 4px; background: linear-gradient(90deg, #e9eef3 25%, #f7f9fa 45%, #e9eef3 65%); background-size: 220% 100%; animation: skeleton-b-prtqyvbfd1 1.25s ease-in-out infinite; }
.skeleton-row i[b-prtqyvbfd1] { width: 28px; height: 28px; border-radius: 8px; }
@keyframes skeleton-b-prtqyvbfd1 { to { background-position-x: -220%; } }

.grid-state.error[b-prtqyvbfd1] {
    color: #a03949;
}

.server-pager[b-prtqyvbfd1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 4px;
    color: #66788d;
    font-size: 12px;
}

.server-pager div[b-prtqyvbfd1] {
    display: flex;
    gap: 7px;
}

.detail-backdrop[b-prtqyvbfd1] {
    position: fixed;
    z-index: 30;
    inset: 64px 0 0;
    display: flex;
    justify-content: flex-end;
    background: rgb(14 29 48 / 34%);
    backdrop-filter: blur(2px);
}

.detail-panel[b-prtqyvbfd1] {
    width: min(1120px, calc(100vw - 96px));
    height: 100%;
    overflow: auto;
    border-left: 1px solid #d5dee8;
    background: #f6f8fb;
    box-shadow: -22px 0 54px rgb(20 39 63 / 20%);
}

.detail-panel > header[b-prtqyvbfd1] {
    position: sticky;
    z-index: 4;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 112px;
    padding: 24px 34px 20px;
    border-bottom: 1px solid #e1e7ed;
    background: rgb(255 255 255 / 96%);
    backdrop-filter: blur(12px);
}

.detail-panel > header span[b-prtqyvbfd1] {
    color: #39719d;
    font-size: 11px;
    text-transform: uppercase;
}

.detail-panel h2[b-prtqyvbfd1] {
    margin: 5px 0 0;
    color: #17314f;
    font-size: clamp(24px, 2.3vw, 32px);
    letter-spacing: -.02em;
}

.detail-panel > header button[b-prtqyvbfd1] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 9px;
    color: #66778b;
    background: #eef3f7;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
}

.detail-heading[b-prtqyvbfd1] { min-width: 0; }
.detail-meta[b-prtqyvbfd1] { display: flex; align-items: center; gap: 10px; margin-top: 11px; }
.detail-meta > span[b-prtqyvbfd1] { letter-spacing: 0; text-transform: none; }
.detail-meta small[b-prtqyvbfd1] { color: #73869b; font-size: 10px; }

.detail-body[b-prtqyvbfd1] { padding: 24px 30px 38px; }

.detail-overview[b-prtqyvbfd1] {
    display: grid;
    grid-template-columns: minmax(270px, .72fr) minmax(500px, 1.55fr);
    gap: 22px;
    align-items: start;
}

.detail-overview.without-preview[b-prtqyvbfd1] { grid-template-columns: 1fr; }
.detail-summary[b-prtqyvbfd1] { min-width: 0; overflow: hidden; border: 1px solid #dfe6ed; border-radius: 12px; background: #fff; box-shadow: var(--portal-shadow); }

.trademark-preview[b-prtqyvbfd1] {
    position: sticky;
    top: 136px;
    margin: 0;
    padding: 18px;
    border: 1px solid #dfe6ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--portal-shadow);
}

.next-step-card[b-prtqyvbfd1] { margin: 0; padding: 18px 20px; border-left: 3px solid #2172ae; background: #f2f7fb; }
.next-step-card > span[b-prtqyvbfd1] { color: #55718d; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.next-step-card strong[b-prtqyvbfd1] { display: block; margin-top: 6px; color: #173c5e; font-size: 14px; }
.next-step-card p[b-prtqyvbfd1] { margin: 5px 0 0; color: #667b90; font-size: 11px; line-height: 1.5; }
.next-step-card small[b-prtqyvbfd1] { display: block; margin-top: 10px; color: #52718d; font-size: 10px; }

.trademark-preview figcaption[b-prtqyvbfd1] {
    display: block;
    margin-bottom: 14px;
    color: #708197;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.trademark-preview img[b-prtqyvbfd1] {
    display: block;
    width: 100%;
    height: clamp(230px, 36vh, 390px);
    border-radius: 8px;
    background: #f9fbfc;
    object-fit: contain;
}

.detail-summary dl[b-prtqyvbfd1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 10px 20px 18px;
}

.detail-summary dl div[b-prtqyvbfd1] {
    min-width: 0;
    min-height: 68px;
    padding: 13px 10px;
    border-bottom: 1px solid #edf1f5;
}

.detail-summary dl .full-row[b-prtqyvbfd1] {
    grid-column: 1 / -1;
}

.detail-summary dt[b-prtqyvbfd1] {
    margin-bottom: 5px;
    color: #7a899b;
    font-size: 10px;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.detail-summary dd[b-prtqyvbfd1] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #203852;
    font-size: 12px;
    line-height: 1.45;
}

.detail-lower-grid[b-prtqyvbfd1] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr); gap: 22px; align-items: start; margin-top: 22px; }
.detail-lower-grid.single-section[b-prtqyvbfd1] { grid-template-columns: 1fr; }
.attachments-section[b-prtqyvbfd1], .timeline-section[b-prtqyvbfd1] { overflow: hidden; margin: 0; border: 1px solid #dfe6ed; border-radius: 12px; background: #fff; box-shadow: var(--portal-shadow); }

.attachments-section > header[b-prtqyvbfd1],
.timeline-section > header[b-prtqyvbfd1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 18px 13px;
    border-bottom: 1px solid #e8edf2;
}

.attachments-section h3[b-prtqyvbfd1],
.timeline-section h3[b-prtqyvbfd1] {
    margin: 3px 0 0;
    color: #17314f;
    font-size: 16px;
}

.attachments-section > header span[b-prtqyvbfd1],
.timeline-section > header span[b-prtqyvbfd1] { color: #39719d; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.attachments-section > header strong[b-prtqyvbfd1],
.timeline-section > header strong[b-prtqyvbfd1] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    color: #2d6590;
    background: #edf4fa;
    font-size: 11px;
}

.attachment-list[b-prtqyvbfd1] {
    display: grid;
    gap: 8px;
    max-height: 430px;
    overflow: auto;
    padding: 14px 16px 18px;
}

.attachment-list a[b-prtqyvbfd1] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e0e7ee;
    border-radius: 8px;
    color: #233c58;
    background: #fff;
    text-decoration: none;
}

.attachment-list a:hover[b-prtqyvbfd1] {
    border-color: #b9d1e5;
    background: #f6faff;
}

.attachment-list i[b-prtqyvbfd1] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 5px;
    color: #216da7;
    background: #eaf4fc;
    font-style: normal;
}

.attachment-list b[b-prtqyvbfd1],
.attachment-list small[b-prtqyvbfd1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-list b[b-prtqyvbfd1] {
    font-size: 12px;
}

.attachment-list small[b-prtqyvbfd1] {
    margin-top: 3px;
    color: #7b8a9c;
    font-size: 10px;
}

.attachment-list em[b-prtqyvbfd1] {
    color: #2770a8;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
}

.timeline-section ol[b-prtqyvbfd1] {
    display: grid;
    gap: 0;
    max-height: 430px;
    overflow: auto;
    margin: 0;
    padding: 8px 16px 14px;
    list-style: none;
}

.timeline-section li[b-prtqyvbfd1] {
    display: grid;
    grid-template-columns: 86px 10px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 4px;
    border-bottom: 1px solid #edf1f4;
}

.timeline-section li[b-prtqyvbfd1]::before {
    grid-column: 2;
    grid-row: 1;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #347ca9;
    box-shadow: 0 0 0 1px #b9cede;
    content: "";
}

.timeline-section li.attention[b-prtqyvbfd1]::before { background: #c9505d; }
.timeline-section time[b-prtqyvbfd1] { grid-column: 1; color: #8090a2; font-size: 9px; }
.timeline-section b[b-prtqyvbfd1] { grid-column: 3; color: #25415e; font-size: 11px; font-weight: 600; line-height: 1.35; }

@media (max-width: 1050px) {
    .detail-panel[b-prtqyvbfd1] { width: min(880px, calc(100vw - 64px)); }
    .detail-overview[b-prtqyvbfd1] { grid-template-columns: minmax(230px, .65fr) minmax(420px, 1.35fr); }
    .detail-summary dl[b-prtqyvbfd1] { grid-template-columns: 1fr 1fr; }
    .detail-lower-grid[b-prtqyvbfd1] { grid-template-columns: 1fr; }
    .attachment-list[b-prtqyvbfd1], .timeline-section ol[b-prtqyvbfd1] { max-height: none; }
}

@media (max-width: 760px) {
    .search-toolbar[b-prtqyvbfd1] {
        grid-template-columns: 1fr;
    }

    .search-toolbar button[b-prtqyvbfd1] {
        min-height: 34px;
    }

    .page-toolbar[b-prtqyvbfd1] { align-items: flex-start; flex-direction: column; }
    .result-count[b-prtqyvbfd1] { align-self: flex-start; }
    .detail-backdrop[b-prtqyvbfd1] { inset: 64px 0 0; }
    .detail-panel[b-prtqyvbfd1] { width: 100%; }
    .detail-panel > header[b-prtqyvbfd1] { min-height: 100px; padding: 18px 18px 16px; }
    .detail-panel h2[b-prtqyvbfd1] { font-size: 22px; }
    .detail-body[b-prtqyvbfd1] { padding: 16px 14px 30px; }
    .detail-overview[b-prtqyvbfd1] { grid-template-columns: 1fr; }
    .trademark-preview[b-prtqyvbfd1] { position: static; }
    .trademark-preview img[b-prtqyvbfd1] { height: 240px; }
    .detail-summary dl[b-prtqyvbfd1] { grid-template-columns: 1fr 1fr; padding-right: 12px; padding-left: 12px; }
    .detail-lower-grid[b-prtqyvbfd1] { gap: 16px; margin-top: 16px; }
    .timeline-section li[b-prtqyvbfd1] { grid-template-columns: 76px 9px minmax(0, 1fr); gap: 8px; }
    .skeleton-row[b-prtqyvbfd1] { grid-template-columns: 40px 1fr .7fr; }
    .skeleton-row span:nth-last-child(-n+2)[b-prtqyvbfd1] { display: none; }
}

@media (max-width: 480px) {
    .detail-summary dl[b-prtqyvbfd1] { grid-template-columns: 1fr; }
    .detail-summary dl div[b-prtqyvbfd1] { min-height: 58px; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-row i[b-prtqyvbfd1], .skeleton-row span[b-prtqyvbfd1] { animation: none; }
}
/* /Pages/ChangePassword.razor.rz.scp.css */
.account-page[b-64zl2jwlxs] {
    max-width: 720px;
    margin: 0 auto;
}

.account-page > header span[b-64zl2jwlxs] {
    color: #2d6da4;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.account-page h1[b-64zl2jwlxs] {
    margin: 6px 0 4px;
    color: #142d4b;
    font-size: 30px;
}

.account-page > header p[b-64zl2jwlxs] {
    margin: 0 0 20px;
    color: #718197;
    font-size: 13px;
}

.account-card[b-64zl2jwlxs] {
    padding: 26px;
    border: 1px solid #d9e1e9;
    border-radius: 6px;
    background: #fff;
}

.password-card form[b-64zl2jwlxs] {
    display: grid;
    gap: 16px;
}

.password-card label[b-64zl2jwlxs] {
    display: grid;
    gap: 6px;
    color: #31485f;
    font-size: 12px;
}

.password-card input[b-64zl2jwlxs] {
    height: 38px;
    padding: 0 10px;
    border: 1px solid #c9d5e0;
    border-radius: 4px;
}

.password-policy[b-64zl2jwlxs] {
    margin: 0;
    color: #78879a;
    font-size: 11px;
}

.form-error[b-64zl2jwlxs] {
    padding: 10px;
    border: 1px solid #e1bdc3;
    border-radius: 4px;
    color: #9b3445;
    background: #fff4f5;
    font-size: 12px;
}

.password-card footer[b-64zl2jwlxs] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
}

.password-card footer a[b-64zl2jwlxs],
.password-card footer button[b-64zl2jwlxs] {
    padding: 9px 14px;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
}

.password-card footer a[b-64zl2jwlxs] {
    border: 1px solid #ccd6e0;
    color: #52677d;
}

.password-card footer button[b-64zl2jwlxs] {
    border: 1px solid #2e6fa4;
    color: #fff;
    background: #2e6fa4;
    cursor: pointer;
}
/* /Pages/Deadlines.razor.rz.scp.css */
.deadlines-page[b-horjn0owmu] { max-width: 1480px; }
.page-heading[b-horjn0owmu] { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.page-heading span[b-horjn0owmu] { color: #2b6593; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.page-heading h1[b-horjn0owmu] { margin: 5px 0 4px; color: #122a47; font-size: 30px; }
.page-heading p[b-horjn0owmu] { margin: 0; color: #718095; font-size: 12px; }
.period-filters[b-horjn0owmu] { display: flex; gap: 6px; }
.deadline-grid-shell[b-horjn0owmu] { overflow: hidden; border: 1px solid #d7dfe8; border-radius: 6px; background: #fff; }
.deadline-grid-shell[b-horjn0owmu]  .dxbl-grid { border: 0; }
.deadline-grid-shell[b-horjn0owmu]  td { vertical-align: middle; }
.deadline-grid-shell[b-horjn0owmu]  .detail-link { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; color: #1a6fa8; text-decoration: none; }
.deadline-grid-shell[b-horjn0owmu]  .detail-link:hover { background: #eaf4fb; }
.deadline-grid-shell[b-horjn0owmu]  tr.dxbl-grid-focused-row .detail-link,
.deadline-grid-shell[b-horjn0owmu]  tr.dxbl-grid-selected-row .detail-link { color: #fff; }
.deadline-grid-shell[b-horjn0owmu]  tr.dxbl-grid-focused-row .detail-link:hover,
.deadline-grid-shell[b-horjn0owmu]  tr.dxbl-grid-selected-row .detail-link:hover { color: #0b5da0; background: #fff; }
.deadline-grid-shell[b-horjn0owmu]  .detail-link .portal-icon { width: 15px; height: 15px; }
.deadline-badge[b-horjn0owmu] { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.deadline-badge.critical[b-horjn0owmu] { color: #9f3443; background: #fbeaec; }
.deadline-badge.upcoming[b-horjn0owmu] { color: #96651b; background: #fff3df; }
.deadline-badge.informative[b-horjn0owmu] { color: #316a9c; background: #eaf3fb; }
.page-state[b-horjn0owmu], .empty-state[b-horjn0owmu] { display: grid; min-height: 260px; place-content: center; gap: 8px; border: 1px solid #dfe6ee; border-radius: 6px; color: #6f8093; background: #fff; text-align: center; }
.page-state.error[b-horjn0owmu] { color: #a23f4c; }
.empty-state strong[b-horjn0owmu] { color: #294764; font-size: 15px; }
.empty-state span[b-horjn0owmu] { font-size: 11px; }
.empty-state a[b-horjn0owmu] { color: #216aa2; font-size: 11px; }
@media (max-width: 700px) { .page-heading[b-horjn0owmu] { align-items: flex-start; flex-direction: column; } }
/* /Pages/GlobalSearch.razor.rz.scp.css */
.search-page[b-p0ioqyamif] { max-width: 1320px; }
.search-page > header span[b-p0ioqyamif] { color: #2b6593; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.search-page h1[b-p0ioqyamif] { margin: 6px 0 4px; color: #122a47; font-size: 30px; }
.search-page p[b-p0ioqyamif] { margin: 0; color: #718095; font-size: 12px; }
.search-box[b-p0ioqyamif] { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 8px; margin: 18px 0; padding: 9px; border: 1px solid #dce4ec; border-radius: 6px; background: #fff; }
.result-summary[b-p0ioqyamif] { margin-bottom: 12px; color: #65788d; font-size: 11px; }
.result-groups[b-p0ioqyamif] { display: grid; gap: 14px; }
.result-groups article[b-p0ioqyamif] { overflow: hidden; border: 1px solid #dce4ec; border-radius: 6px; background: #fff; }
.result-groups article > header[b-p0ioqyamif] { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border-bottom: 1px solid #e7ecf2; }
.result-groups h2[b-p0ioqyamif] { margin: 0; color: #193653; font-size: 15px; }
.result-groups header span[b-p0ioqyamif] { color: #8492a2; font-size: 9px; }
.result-list a[b-p0ioqyamif] { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(190px, .8fr) auto; align-items: center; gap: 14px; padding: 11px 16px; border-bottom: 1px solid #eef2f5; color: #29435f; text-decoration: none; }
.result-list a:hover[b-p0ioqyamif] { background: #f7fafc; }
.result-list b[b-p0ioqyamif], .result-list small[b-p0ioqyamif] { display: block; }
.result-list b[b-p0ioqyamif] { font-size: 12px; }
.result-list small[b-p0ioqyamif] { margin-top: 3px; color: #8290a0; font-size: 9px; }
.result-list em[b-p0ioqyamif] { padding: 4px 8px; border-radius: 999px; color: #326488; background: #edf5fa; font-size: 9px; font-style: normal; }
.search-state[b-p0ioqyamif] { display: grid; min-height: 230px; place-content: center; gap: 6px; border: 1px solid #dfe6ee; border-radius: 6px; color: #738499; background: #fff; text-align: center; }
.search-state.error[b-p0ioqyamif] { color: #a23f4c; }
@media (max-width: 700px) { .search-box[b-p0ioqyamif], .result-list a[b-p0ioqyamif] { grid-template-columns: 1fr; } }
/* /Pages/Home.razor.rz.scp.css */
.dashboard-heading[b-jgedoddxrb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    max-width: 1480px;
    margin-bottom: 26px;
}

.eyebrow[b-jgedoddxrb] {
    color: #2b5f8a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

h1[b-jgedoddxrb] {
    margin: 7px 0 6px;
    color: #122a47;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.1;
    letter-spacing: -.035em;
}

h1:focus[b-jgedoddxrb] {
    outline: none;
}

p[b-jgedoddxrb] {
    max-width: 720px;
    margin: 0;
    color: #6c7d91;
    font-size: 13px;
    line-height: 1.55;
}

.data-note[b-jgedoddxrb] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid #d8e2ec;
    border-radius: 999px;
    color: #75869a;
    background: #fff;
    font-size: 10px;
    white-space: nowrap;
}

.data-note i[b-jgedoddxrb] { width: 7px; height: 7px; border-radius: 50%; background: #2b8b70; box-shadow: 0 0 0 4px #e7f5f0; }

.section-heading[b-jgedoddxrb] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    max-width: 1480px;
    margin: 0 0 12px;
}

.section-heading span[b-jgedoddxrb] { color: #7b8da1; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.section-heading h2[b-jgedoddxrb] { margin: 4px 0 0; color: #17314f; font-size: 18px; letter-spacing: -.015em; }
.section-heading a[b-jgedoddxrb] { display: inline-flex; align-items: center; gap: 6px; color: #1768a5; font-size: 11px; font-weight: 600; text-decoration: none; }
.section-heading a[b-jgedoddxrb]  .portal-icon { width: 14px; height: 14px; }
.portfolio-heading[b-jgedoddxrb] { margin-top: 28px; }

.dashboard-visuals[b-jgedoddxrb] {
    display: grid;
    grid-template-columns: minmax(430px, .85fr) minmax(560px, 1.15fr);
    gap: 16px;
    max-width: 1480px;
    align-items: stretch;
}

.attention-grid[b-jgedoddxrb] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    max-width: 1480px;
    margin-bottom: 20px;
}

.attention-card[b-jgedoddxrb] {
    min-width: 0;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 15px 16px;
    border: 1px solid var(--portal-border);
    border-radius: var(--portal-radius);
    color: #1d3b5a;
    background: #fff;
    text-decoration: none;
    box-shadow: 0 3px 12px rgb(24 52 84 / 3%);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

a.attention-card:hover[b-jgedoddxrb] {
    border-color: #b9cee0;
    box-shadow: 0 10px 22px rgb(28 57 88 / 8%);
    transform: translateY(-2px);
}

.attention-card.critical[b-jgedoddxrb] { background: linear-gradient(145deg, #fff 65%, #fff5f6); }
.attention-card.upcoming[b-jgedoddxrb] { background: linear-gradient(145deg, #fff 65%, #fff9ee); }
.attention-card.informative[b-jgedoddxrb] { background: linear-gradient(145deg, #fff 65%, #f2f8fd); }
.attention-card > i[b-jgedoddxrb] { grid-column: 2; grid-row: 1 / 3; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; color: #52718d; background: #eef4f8; font-style: normal; }
.attention-card > i[b-jgedoddxrb]  .portal-icon { width: 16px; height: 16px; }
.attention-card.critical > i[b-jgedoddxrb] { color: #ad3f4d; background: #fbecef; }
.attention-card.upcoming > i[b-jgedoddxrb] { color: #9a681e; background: #fff2dc; }
.attention-card.informative > i[b-jgedoddxrb] { color: #286ca5; background: #e9f3fb; }

.attention-card span[b-jgedoddxrb],
.attention-card small[b-jgedoddxrb],
.attention-card strong[b-jgedoddxrb] {
    display: block;
}

.attention-card span[b-jgedoddxrb] {
    overflow: hidden;
    color: #697c91;
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.attention-card strong[b-jgedoddxrb] {
    grid-column: 1;
    margin: 7px 0 3px;
    color: #173b61;
    font-size: 27px;
    line-height: 1;
}

.attention-card small[b-jgedoddxrb] {
    grid-column: 1 / -1;
    color: #8795a5;
    font-size: 10px;
}

.dashboard-detail-grid[b-jgedoddxrb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 1480px;
    margin-top: 0;
}

.dashboard-list-panel[b-jgedoddxrb] {
    overflow: hidden;
    border: 1px solid #dbe4ee;
    border-radius: var(--portal-radius);
    background: #fff;
    box-shadow: var(--portal-shadow);
}

.dashboard-list-panel > header[b-jgedoddxrb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 19px;
    border-bottom: 1px solid #e5ebf2;
}

.dashboard-list-panel header span[b-jgedoddxrb] {
    color: #39709c;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.dashboard-list-panel h2[b-jgedoddxrb] {
    margin: 3px 0 0;
    color: #17314e;
    font-size: 16px;
}

.dashboard-list-panel header a[b-jgedoddxrb] {
    color: #246aa1;
    font-size: 11px;
    text-decoration: none;
}

.deadline-list > a[b-jgedoddxrb],
.activity-list > a[b-jgedoddxrb] {
    display: grid;
    align-items: center;
    gap: 11px;
    padding: 11px 18px;
    border-bottom: 1px solid #edf1f5;
    color: #263f5c;
    text-decoration: none;
}

.deadline-list > a[b-jgedoddxrb] {
    grid-template-columns: 42px minmax(0, 1fr) auto;
}

.activity-list > a[b-jgedoddxrb] {
    grid-template-columns: 9px minmax(0, 1fr) auto;
}

.deadline-list > a:hover[b-jgedoddxrb],
.activity-list > a:hover[b-jgedoddxrb] {
    background: #f7fafc;
}

.deadline-list time[b-jgedoddxrb] {
    display: grid;
    height: 42px;
    place-content: center;
    border: 1px solid #d9e3ed;
    border-radius: 5px;
    background: #f9fbfd;
    text-align: center;
}

.deadline-list time strong[b-jgedoddxrb] { font-size: 15px; }
.deadline-list time span[b-jgedoddxrb] { color: #77899c; font-size: 8px; }
.deadline-list b[b-jgedoddxrb], .deadline-list small[b-jgedoddxrb],
.activity-list b[b-jgedoddxrb], .activity-list small[b-jgedoddxrb] { display: block; }
.deadline-list b[b-jgedoddxrb], .activity-list b[b-jgedoddxrb] { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.deadline-list small[b-jgedoddxrb], .activity-list small[b-jgedoddxrb] { margin-top: 3px; color: #8190a1; font-size: 9px; }
.deadline-list em[b-jgedoddxrb] { padding: 4px 7px; border-radius: 999px; font-size: 9px; font-style: normal; font-weight: 700; }
.deadline-list em.critical[b-jgedoddxrb] { color: #9f3443; background: #fbeaec; }
.deadline-list em.upcoming[b-jgedoddxrb] { color: #96651b; background: #fff3df; }
.deadline-list em.informative[b-jgedoddxrb] { color: #316a9c; background: #eaf3fb; }
.activity-list i[b-jgedoddxrb] { width: 8px; height: 8px; border-radius: 50%; background: #27818a; }
.activity-list time[b-jgedoddxrb] { color: #8292a4; font-size: 10px; }
.compact-empty[b-jgedoddxrb] { padding: 26px 18px; color: #77889b; font-size: 11px; text-align: center; }

.page-state[b-jgedoddxrb] {
    display: grid;
    min-height: 280px;
    place-content: center;
    gap: 8px;
    max-width: 1480px;
    border: 1px solid #dfe6ee;
    border-radius: 6px;
    color: #65768b;
    background: #fff;
    text-align: center;
}

.dashboard-skeleton[b-jgedoddxrb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    max-width: 1480px;
}

.dashboard-skeleton div[b-jgedoddxrb] { height: 116px; border-radius: var(--portal-radius); background: linear-gradient(90deg, #eaf0f5 25%, #f6f8fa 45%, #eaf0f5 65%); background-size: 220% 100%; animation: skeleton-b-jgedoddxrb 1.25s ease-in-out infinite; }
.dashboard-skeleton div:last-child[b-jgedoddxrb] { grid-column: 1 / -1; height: 340px; }

@keyframes skeleton-b-jgedoddxrb { to { background-position-x: -220%; } }

.page-state.error strong[b-jgedoddxrb] {
    color: #9b3041;
}

.page-state button[b-jgedoddxrb] {
    justify-self: center;
    padding: 7px 14px;
    border: 1px solid #b9c9d9;
    border-radius: 4px;
    color: #245a87;
    background: #fff;
    cursor: pointer;
}

@media (max-width: 1180px) {
    .attention-grid[b-jgedoddxrb] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-visuals[b-jgedoddxrb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .attention-grid[b-jgedoddxrb],
    .dashboard-detail-grid[b-jgedoddxrb] {
        grid-template-columns: 1fr;
    }

    .dashboard-heading[b-jgedoddxrb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .section-heading[b-jgedoddxrb] { align-items: flex-start; }
    .section-heading a[b-jgedoddxrb] { display: none; }
    .dashboard-skeleton[b-jgedoddxrb] { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-skeleton div[b-jgedoddxrb] { animation: none; }
    a.attention-card:hover[b-jgedoddxrb] { transform: none; }
}
/* /Pages/IssuedDocuments.razor.rz.scp.css */
.issued-documents-page[b-8vh8dk1f7x] { max-width: 1540px; margin: 0 auto; }
.page-heading[b-8vh8dk1f7x] { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.eyebrow[b-8vh8dk1f7x] { color: #2b6593; font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
h1[b-8vh8dk1f7x] { margin: 5px 0 3px; color: #122a47; font-size: clamp(27px, 2.2vw, 34px); letter-spacing: -.025em; }
.page-heading p[b-8vh8dk1f7x] { margin: 0; color: #718095; font-size: 12px; }
.result-count[b-8vh8dk1f7x] { padding: 6px 10px; border: 1px solid #d8e1ea; border-radius: 999px; color: #60738a; background: #fff; font-size: 11px; }

.document-summary[b-8vh8dk1f7x] { display: grid; grid-template-columns: minmax(250px, 1.3fr) .55fr .55fr; margin-bottom: 12px; overflow: hidden; border: 1px solid #dbe3eb; border-radius: var(--portal-radius); background: #fff; }
.document-summary div[b-8vh8dk1f7x] { min-width: 0; padding: 12px 16px; border-right: 1px solid #e6ebf0; }
.document-summary div:last-child[b-8vh8dk1f7x] { border-right: 0; }
.document-summary span[b-8vh8dk1f7x], .document-summary strong[b-8vh8dk1f7x] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document-summary span[b-8vh8dk1f7x] { margin-bottom: 4px; color: #8190a0; font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }
.document-summary strong[b-8vh8dk1f7x] { color: #24425f; font-size: 12px; font-weight: 650; }

.search-toolbar[b-8vh8dk1f7x] { display: grid; grid-template-columns: minmax(300px, 1fr) 210px auto; gap: 10px; margin-bottom: 12px; padding: 10px; border: 1px solid #d9e1e9; border-radius: var(--portal-radius); background: #fff; }
.search-toolbar[b-8vh8dk1f7x]  .document-search, .search-toolbar[b-8vh8dk1f7x]  .document-sort { width: 100%; }
.grid-shell[b-8vh8dk1f7x] { overflow: hidden; border: 1px solid #d7dfe8; border-radius: var(--portal-radius); background: #fff; }
.grid-shell[b-8vh8dk1f7x]  .dxbl-grid { border: 0; }
.grid-shell[b-8vh8dk1f7x]  td { padding-top: 9px; padding-bottom: 9px; vertical-align: middle; color: #29425b; font-size: 11px; line-height: 1.35; }
.grid-shell[b-8vh8dk1f7x]  th { color: #425a73; background: #f7f9fb; font-size: 10px; font-weight: 700; letter-spacing: .015em; }
.document-type[b-8vh8dk1f7x] { display: inline-flex; align-items: center; gap: 7px; color: #285a81; font-weight: 600; }
.document-type[b-8vh8dk1f7x]  .portal-icon { flex: 0 0 16px; width: 16px; height: 16px; }
.document-total[b-8vh8dk1f7x] { color: #173c5e; font-weight: 750; }
.status-badge[b-8vh8dk1f7x] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; color: #52677d; background: #eef2f5; font-size: 9px; font-weight: 700; white-space: nowrap; }
.status-badge i[b-8vh8dk1f7x] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-badge.active[b-8vh8dk1f7x] { color: #1a7390; background: #e6f4f7; }
.status-badge.success[b-8vh8dk1f7x] { color: #287554; background: #e9f5ef; }
.status-badge.attention[b-8vh8dk1f7x] { color: #a64954; background: #fbecee; }
.status-badge.muted[b-8vh8dk1f7x] { color: #707d8c; background: #eef0f2; }

.server-pager[b-8vh8dk1f7x] { display: flex; align-items: center; justify-content: space-between; padding: 12px 4px; color: #66788d; font-size: 12px; }
.server-pager div[b-8vh8dk1f7x] { display: flex; gap: 7px; }
.grid-state[b-8vh8dk1f7x], .empty-state[b-8vh8dk1f7x] { display: grid; min-height: 320px; place-content: center; border: 1px solid #d7dfe8; border-radius: var(--portal-radius); color: #65768b; background: #fff; text-align: center; }
.grid-state.error[b-8vh8dk1f7x] { color: #a03949; }
.empty-state > span[b-8vh8dk1f7x] { display: grid; width: 48px; height: 48px; margin: 0 auto 12px; place-items: center; border-radius: 13px; color: #2a6d9e; background: #eaf3fa; }
.empty-state > span[b-8vh8dk1f7x]  .portal-icon { width: 23px; height: 23px; }
.empty-state strong[b-8vh8dk1f7x] { color: #263f59; font-size: 15px; }
.empty-state p[b-8vh8dk1f7x] { max-width: 430px; margin: 6px 0 0; font-size: 11px; }
.grid-skeleton[b-8vh8dk1f7x] { overflow: hidden; border: 1px solid var(--portal-border); border-radius: var(--portal-radius); background: #fff; }
.skeleton-head[b-8vh8dk1f7x] { height: 44px; border-bottom: 1px solid #e3e9ef; background: #f4f7f9; }
.skeleton-row[b-8vh8dk1f7x] { display: grid; grid-template-columns: 130px 90px 1fr 120px 110px; gap: 18px; align-items: center; height: 55px; padding: 9px 18px; border-bottom: 1px solid #edf1f4; }
.skeleton-row i[b-8vh8dk1f7x], .skeleton-row span[b-8vh8dk1f7x] { display: block; height: 10px; border-radius: 4px; background: linear-gradient(90deg, #e9eef3 25%, #f7f9fa 45%, #e9eef3 65%); background-size: 220% 100%; animation: skeleton-b-8vh8dk1f7x 1.25s ease-in-out infinite; }
@keyframes skeleton-b-8vh8dk1f7x { to { background-position-x: -220%; } }

@media (max-width: 800px) {
    .page-heading[b-8vh8dk1f7x] { align-items: flex-start; flex-direction: column; }
    .document-summary[b-8vh8dk1f7x] { grid-template-columns: 1fr; }
    .document-summary div[b-8vh8dk1f7x] { border-right: 0; border-bottom: 1px solid #e6ebf0; }
    .search-toolbar[b-8vh8dk1f7x] { grid-template-columns: 1fr; }
    .server-pager[b-8vh8dk1f7x] { align-items: flex-start; flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) { .skeleton-row i[b-8vh8dk1f7x], .skeleton-row span[b-8vh8dk1f7x] { animation: none; } }
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-twpivrxabk] {
    display: grid;
    grid-template-columns: minmax(520px, 1.14fr) minmax(470px, .86fr);
    min-height: 100vh;
    background: #f4f7fa;
}

.login-introduction[b-twpivrxabk] {
    position: relative;
    isolation: isolate;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(38px, 5vw, 72px);
    color: #fff;
    background:
        radial-gradient(circle at 14% 8%, rgb(15 166 202 / 20%), transparent 31%),
        radial-gradient(circle at 90% 88%, rgb(32 105 164 / 28%), transparent 38%),
        linear-gradient(145deg, #10243a 0%, #132d49 56%, #0d2238 100%);
}

.login-introduction[b-twpivrxabk]::before,
.login-introduction[b-twpivrxabk]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgb(255 255 255 / 7%);
    border-radius: 50%;
    content: "";
}

.login-introduction[b-twpivrxabk]::before {
    top: -310px;
    left: -255px;
    width: 620px;
    height: 620px;
    box-shadow: 0 0 0 78px rgb(255 255 255 / 1.5%), 0 0 0 156px rgb(255 255 255 / 1%);
}

.login-introduction[b-twpivrxabk]::after {
    right: -230px;
    bottom: -300px;
    width: 660px;
    height: 660px;
    box-shadow: 0 0 0 84px rgb(255 255 255 / 1.4%);
}

.login-brand[b-twpivrxabk] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 13px;
    color: #fff;
    text-decoration: none;
}

.login-brand-mark[b-twpivrxabk] {
    width: 29px;
    height: 38px;
    fill: none;
    stroke: #12a8d1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.6;
    filter: drop-shadow(0 4px 10px rgb(0 152 194 / 20%));
}

.login-brand-word[b-twpivrxabk] {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .31em;
}

.introduction-copy[b-twpivrxabk] {
    max-width: 720px;
    margin: clamp(60px, 10vh, 115px) 0;
}

.eyebrow[b-twpivrxabk] {
    color: #55c2de;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.introduction-copy h1[b-twpivrxabk] {
    max-width: 680px;
    margin: 20px 0 22px;
    font-size: clamp(42px, 5vw, 68px);
    font-weight: 550;
    line-height: 1.03;
    letter-spacing: -.047em;
}

.introduction-copy h1 em[b-twpivrxabk] {
    color: #8bd3e5;
    font-style: normal;
    font-weight: inherit;
}

.introduction-copy h1:focus[b-twpivrxabk] { outline: none; }

.introduction-copy > p[b-twpivrxabk] {
    max-width: 610px;
    margin: 0;
    color: #c4d2df;
    font-size: 15px;
    line-height: 1.7;
}

.portal-benefits[b-twpivrxabk] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 24px;
    margin-top: 32px;
}

.portal-benefits span[b-twpivrxabk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #afc1d1;
    font-size: 11px;
}

.portal-benefits i[b-twpivrxabk] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #28acd0;
    box-shadow: 0 0 0 4px rgb(40 172 208 / 12%);
}

.login-introduction footer[b-twpivrxabk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #89a0b5;
}

.login-introduction footer > span[b-twpivrxabk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
}

.login-introduction footer[b-twpivrxabk]  .portal-icon { width: 15px; height: 15px; color: #4bb3d0; }
.login-introduction footer small[b-twpivrxabk] { font-size: 10px; }

.login-access[b-twpivrxabk] {
    position: relative;
    display: grid;
    padding: clamp(30px, 5vw, 72px);
    background:
        radial-gradient(circle at 100% 0, rgb(31 126 177 / 6%), transparent 30%),
        #f5f7fa;
    place-items: center;
}

.login-card[b-twpivrxabk] {
    width: min(100%, 470px);
    padding: clamp(30px, 3.2vw, 44px);
    border: 1px solid #e0e6ec;
    border-radius: 16px;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 24px 70px rgb(29 54 83 / 10%), 0 2px 8px rgb(29 54 83 / 4%);
}

.login-card-heading[b-twpivrxabk] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.access-symbol[b-twpivrxabk] {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid #d8e7f0;
    border-radius: 13px;
    color: #176f9e;
    background: linear-gradient(145deg, #edf7fb, #f8fbfd);
}

.access-symbol[b-twpivrxabk]  .portal-icon { width: 20px; height: 20px; }
.login-card .eyebrow[b-twpivrxabk] { color: #257d91; }

.login-card h2[b-twpivrxabk] {
    margin: 5px 0 0;
    color: #132b46;
    font-size: 31px;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.login-card > p[b-twpivrxabk] {
    margin: 0 0 28px 61px;
    color: #718196;
    font-size: 12px;
    line-height: 1.55;
}

.field[b-twpivrxabk] {
    display: grid;
    gap: 7px;
    margin-bottom: 17px;
}

.field label[b-twpivrxabk] {
    color: #334b63;
    font-size: 11px;
    font-weight: 650;
}

.input-shell[b-twpivrxabk] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    overflow: hidden;
    border: 1px solid #ccd7e1;
    border-radius: 9px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.input-shell:focus-within[b-twpivrxabk] {
    border-color: #2680b8;
    background: #fcfeff;
    box-shadow: 0 0 0 3px rgb(38 128 184 / 11%);
}

.input-shell[b-twpivrxabk] >  .portal-icon {
    justify-self: center;
    width: 17px;
    height: 17px;
    color: #7890a5;
}

.input-shell input[b-twpivrxabk] {
    width: 100%;
    height: 46px;
    padding: 0 13px 0 2px;
    border: 0;
    color: #18314c;
    background: transparent;
    outline: none;
    font-size: 13px;
}

.input-shell input[b-twpivrxabk]::placeholder { color: #a2adba; }
.password-shell[b-twpivrxabk] { grid-template-columns: 42px minmax(0, 1fr) 42px; }

.password-toggle[b-twpivrxabk] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    color: #71859a;
    background: transparent;
    cursor: pointer;
}

.password-toggle:hover[b-twpivrxabk] { color: #236f9e; background: #eef5f9; }
.password-toggle[b-twpivrxabk]  .portal-icon { width: 17px; height: 17px; }

.validation-message[b-twpivrxabk] { color: #b33e49; font-size: 10px; }

.remember[b-twpivrxabk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 3px 0 20px;
    color: #5d7186;
    font-size: 11px;
    cursor: pointer;
}

.remember input[b-twpivrxabk] { width: 15px; height: 15px; accent-color: #176eaa; }

.login-error[b-twpivrxabk] {
    margin-bottom: 16px;
    padding: 11px 13px;
    border: 1px solid #efc8cc;
    border-radius: 8px;
    color: #8e3039;
    background: #fff5f6;
    font-size: 11px;
    line-height: 1.45;
}

.login-button[b-twpivrxabk] {
    display: flex;
    width: 100%;
    height: 49px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(135deg, #176da9, #0c86ad);
    box-shadow: 0 8px 18px rgb(20 109 160 / 18%);
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    transition: box-shadow .16s ease, transform .16s ease, filter .16s ease;
}

.login-button:hover:not(:disabled)[b-twpivrxabk] { box-shadow: 0 11px 24px rgb(20 109 160 / 25%); filter: brightness(1.04); transform: translateY(-1px); }
.login-button:disabled[b-twpivrxabk] { cursor: wait; opacity: .72; }
.login-button[b-twpivrxabk]  .portal-icon { width: 16px; height: 16px; }

.login-support[b-twpivrxabk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 24px;
    padding-top: 19px;
    border-top: 1px solid #e8edf1;
    color: #718196;
    font-size: 10px;
    line-height: 1.5;
}

.login-support[b-twpivrxabk]  .portal-icon { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 1px; color: #4882a8; }
.login-support span[b-twpivrxabk] { display: block; color: #314b65; font-size: 11px; font-weight: 650; }

.access-legal[b-twpivrxabk] {
    position: absolute;
    bottom: 22px;
    color: #97a3b0;
    font-size: 9px;
}

@media (max-width: 1020px) {
    .login-page[b-twpivrxabk] { grid-template-columns: minmax(420px, .9fr) minmax(450px, 1.1fr); }
    .introduction-copy h1[b-twpivrxabk] { font-size: clamp(39px, 5.5vw, 58px); }
    .portal-benefits[b-twpivrxabk] { display: grid; }
}

@media (max-width: 820px) {
    .login-page[b-twpivrxabk] { grid-template-columns: 1fr; }
    .login-introduction[b-twpivrxabk] { min-height: 330px; padding: 30px; }
    .introduction-copy[b-twpivrxabk] { margin: 46px 0 24px; }
    .introduction-copy h1[b-twpivrxabk] { margin: 13px 0 14px; font-size: clamp(34px, 8vw, 48px); }
    .introduction-copy > p[b-twpivrxabk] { max-width: 680px; font-size: 13px; }
    .portal-benefits[b-twpivrxabk] { display: none; }
    .login-introduction footer > span[b-twpivrxabk] { display: none; }
    .login-access[b-twpivrxabk] { min-height: 610px; padding: 44px 20px 64px; }
}

@media (max-width: 480px) {
    .login-introduction[b-twpivrxabk] { min-height: 285px; padding: 24px 22px; }
    .login-brand-mark[b-twpivrxabk] { width: 25px; height: 34px; }
    .login-brand-word[b-twpivrxabk] { font-size: 20px; }
    .introduction-copy[b-twpivrxabk] { margin: 36px 0 16px; }
    .introduction-copy h1[b-twpivrxabk] { font-size: 35px; }
    .introduction-copy p[b-twpivrxabk] { display: none; }
    .login-card[b-twpivrxabk] { padding: 28px 22px; border-radius: 13px; }
    .login-card > p[b-twpivrxabk] { margin-left: 0; }
    .access-symbol[b-twpivrxabk] { width: 42px; height: 42px; flex-basis: 42px; }
}

@media (prefers-reduced-motion: reduce) {
    .login-button[b-twpivrxabk], .input-shell[b-twpivrxabk] { transition: none; }
    .login-button:hover:not(:disabled)[b-twpivrxabk] { transform: none; }
}
/* /Pages/Profile.razor.rz.scp.css */
.account-page[b-v3f6175aaa] {
    max-width: 900px;
    margin: 0 auto;
}

.account-page > header span[b-v3f6175aaa] {
    color: #2d6da4;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.account-page h1[b-v3f6175aaa] {
    margin: 6px 0 4px;
    color: #142d4b;
    font-size: 30px;
}

.account-page > header p[b-v3f6175aaa] {
    margin: 0 0 20px;
    color: #718197;
    font-size: 13px;
}

.account-card[b-v3f6175aaa] {
    padding: 24px;
    border: 1px solid #d9e1e9;
    border-radius: 6px;
    background: #fff;
}

.account-card dl[b-v3f6175aaa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: 0;
}

.account-card dl div[b-v3f6175aaa] {
    padding: 18px 12px;
    border-bottom: 1px solid #edf1f5;
}

.account-card dt[b-v3f6175aaa] {
    color: #77869a;
    font-size: 10px;
    text-transform: uppercase;
}

.account-card dd[b-v3f6175aaa] {
    margin: 6px 0 0;
    color: #203955;
    font-size: 14px;
}

.account-card footer[b-v3f6175aaa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 22px;
}

.account-card footer span[b-v3f6175aaa] {
    color: #78879a;
    font-size: 11px;
}

.account-card footer a[b-v3f6175aaa] {
    padding: 8px 13px;
    border: 1px solid #2f6fa2;
    border-radius: 4px;
    color: #2f6fa2;
    text-decoration: none;
}

@media (max-width: 600px) {
    .account-card dl[b-v3f6175aaa] {
        grid-template-columns: 1fr;
    }
}