@import '_content/EnergEficient.Design.Mud/EnergEficient.Design.Mud.0ywspldulu.bundle.scp.css';

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-link[b-7k2jtwbdrp] {
    color: #c3c8da;
    border-radius: 12px;
    padding: 0.7rem 0.85rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.sidebar-link:hover[b-7k2jtwbdrp] {
    background: rgba(255, 214, 10, 0.15);
    color: #fff9dd;
}

.sidebar-link.active[b-7k2jtwbdrp] {
    background: linear-gradient(135deg, #f5cd34, #f2b705);
    color: #2d2b20;
    box-shadow: 0 8px 20px rgba(242, 183, 5, 0.28);
}
.mobile-touch-target[b-7k2jtwbdrp] {
    min-height: 44px;
}
/* /Components/Pages/Access.razor.rz.scp.css */
.access-page[b-9dc4jt91eo] { max-width: 58rem; margin: 0 auto; padding: clamp(1rem, 4vw, 3rem) 1rem; }
.access-language[b-9dc4jt91eo] { display: flex; justify-content: flex-end; gap: .75rem; margin-bottom: .75rem; font-size: .9rem; }
.access-card[b-9dc4jt91eo] { padding: clamp(1.25rem, 5vw, 2.5rem); }
.access-eyebrow[b-9dc4jt91eo] { margin: 0; color: var(--bs-secondary-color); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.access-card h1[b-9dc4jt91eo] { margin: .25rem 0 1.25rem; font-size: clamp(1.75rem, 6vw, 2.6rem); }
.access-entry-grid[b-9dc4jt91eo] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.access-choice[b-9dc4jt91eo] { display: grid; gap: .35rem; min-height: 8rem; padding: 1.1rem; border: 1px solid var(--bs-border-color); border-radius: .65rem; color: inherit; text-decoration: none; align-content: center; }
.access-choice:hover[b-9dc4jt91eo] { border-color: var(--bs-primary); background: var(--bs-tertiary-bg); }
.access-choice-primary[b-9dc4jt91eo] { border-color: var(--bs-primary); }
.access-choice strong[b-9dc4jt91eo] { color: var(--bs-primary); font-size: 1.05rem; }
.access-choice span[b-9dc4jt91eo] { color: var(--bs-secondary-color); }
.access-panel[b-9dc4jt91eo], .access-privacy[b-9dc4jt91eo] { min-width: 0; padding: 1.25rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; background: var(--bs-body-bg); }
.access-panel h2[b-9dc4jt91eo], .access-privacy h2[b-9dc4jt91eo] { font-size: 1.15rem; }
.access-panel p[b-9dc4jt91eo], .access-privacy p[b-9dc4jt91eo] { overflow-wrap: anywhere; }
.access-panel .btn[b-9dc4jt91eo] { width: 100%; min-height: 44px; margin-top: .5rem; }
.access-text-link[b-9dc4jt91eo] { display: inline-block; min-height: 44px; padding-top: .75rem; }
.access-notice[b-9dc4jt91eo] { padding: .75rem; border-inline-start: .25rem solid var(--bs-info); background: var(--bs-tertiary-bg); font-weight: 600; }
.access-privacy[b-9dc4jt91eo] { margin-top: 1rem; }
.access-form[b-9dc4jt91eo] { display: grid; gap: 1rem; }
.access-discovery-form[b-9dc4jt91eo] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: end; }
.access-discovery-form label[b-9dc4jt91eo] { grid-column: 1 / -1; font-weight: 600; }
.access-discovery-form input[b-9dc4jt91eo] { min-width: 0; min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--bs-border-color); border-radius: .375rem; }
.access-discovery-results[b-9dc4jt91eo] { display: grid; gap: .75rem; padding: 0; margin: 1rem 0; list-style: none; }
.access-discovery-results li[b-9dc4jt91eo] { display: grid; gap: .15rem; padding: .75rem; border: 1px solid var(--bs-border-color); border-radius: .5rem; }
.access-discovery-results span[b-9dc4jt91eo] { color: var(--bs-secondary-color); }
.access-form label[b-9dc4jt91eo] { display: block; margin-bottom: .35rem; font-weight: 600; }
.access-form input[b-9dc4jt91eo] { width: 100%; min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--bs-border-color); border-radius: .375rem; }
.access-links[b-9dc4jt91eo] { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.25rem; }
.access-page a:focus-visible[b-9dc4jt91eo], .access-page button:focus-visible[b-9dc4jt91eo], .access-page input:focus-visible[b-9dc4jt91eo] { outline: 3px solid var(--bs-primary); outline-offset: 3px; }
@media (max-width: 600px) { .access-entry-grid[b-9dc4jt91eo], .access-discovery-form[b-9dc4jt91eo] { grid-template-columns: 1fr; } .access-discovery-form label[b-9dc4jt91eo] { grid-column: auto; } }
@media (max-width: 320px) { .access-page[b-9dc4jt91eo] { padding-inline: .5rem; } .access-card[b-9dc4jt91eo], .access-panel[b-9dc4jt91eo], .access-privacy[b-9dc4jt91eo] { padding: 1rem; } .access-language[b-9dc4jt91eo], .access-links[b-9dc4jt91eo] { gap: .5rem; } }
/* /Components/Pages/ClerkChallenge.razor.rz.scp.css */
.claim-challenge[b-e58rayqt5f] { max-width: 48rem; margin: 0 auto; padding: clamp(1rem, 4vw, 3rem) 1rem; }
.challenge-kicker[b-e58rayqt5f] { margin: 1rem 0 .25rem; color: var(--bs-secondary-color); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.claim-challenge h1[b-e58rayqt5f] { font-size: clamp(1.9rem, 7vw, 3rem); }
.challenge-grid[b-e58rayqt5f] { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1.25rem 0; }
.challenge-grid article[b-e58rayqt5f], .challenge-notice[b-e58rayqt5f] { padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; }
.challenge-grid h2[b-e58rayqt5f] { font-size: 1.1rem; }
.challenge-notice[b-e58rayqt5f] { margin-bottom: 1rem; border-inline-start: .3rem solid var(--bs-info); }
.claim-challenge a:focus-visible[b-e58rayqt5f] { outline: 3px solid var(--bs-primary); outline-offset: 3px; }
@media (max-width: 600px) { .challenge-grid[b-e58rayqt5f] { grid-template-columns: 1fr; } }
@media (max-width: 320px) { .claim-challenge[b-e58rayqt5f] { padding-inline: .5rem; } .challenge-grid article[b-e58rayqt5f], .challenge-notice[b-e58rayqt5f] { padding: .75rem; } }
/* /Components/Pages/ClerkSelfClaim.razor.rz.scp.css */
.self-claim[b-meqzwf77q9] { max-width: 48rem; margin: 0 auto; padding: clamp(1rem, 4vw, 3rem) 1rem; }
.claim-back[b-meqzwf77q9] { display: inline-block; min-height: 44px; padding-top: .5rem; }
.claim-kicker[b-meqzwf77q9] { margin: 1rem 0 .25rem; color: var(--bs-secondary-color); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.self-claim h1[b-meqzwf77q9] { font-size: clamp(1.9rem, 7vw, 3rem); }
.claim-institution[b-meqzwf77q9], .claim-notice[b-meqzwf77q9], .claim-privacy[b-meqzwf77q9] { padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; }
.claim-institution[b-meqzwf77q9] { background: var(--bs-tertiary-bg); overflow-wrap: anywhere; }
.claim-steps[b-meqzwf77q9] { display: grid; gap: .85rem; padding-left: 1.5rem; }
.claim-steps li[b-meqzwf77q9] { padding-left: .25rem; }
.claim-notice[b-meqzwf77q9] { margin-top: 1.25rem; border-inline-start: .3rem solid var(--bs-info); }
.claim-privacy[b-meqzwf77q9] { margin-top: 1.25rem; }
.claim-actions[b-meqzwf77q9] { display:flex; flex-wrap:wrap; gap:.75rem; }
.claim-actions .btn[b-meqzwf77q9] { min-height:44px; }
.self-claim :focus-visible[b-meqzwf77q9] { outline: 3px solid var(--bs-primary); outline-offset: 3px; }
@media (min-width:900px) { .claim-privacy[b-meqzwf77q9] { margin-top: 1.75rem; } .claim-actions[b-meqzwf77q9] { margin-top: 1rem; } }
@media (max-width:600px) { .self-claim[b-meqzwf77q9] { overflow-x: clip; } .claim-actions .btn[b-meqzwf77q9] { width: 100%; } }
@media (max-width:320px) { .self-claim[b-meqzwf77q9] { padding-inline:.5rem; } .claim-institution[b-meqzwf77q9],.claim-notice[b-meqzwf77q9],.claim-privacy[b-meqzwf77q9] { padding:.75rem; } }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
 .public-dashboard-overview[b-2obx4uh2xl] { max-width: 52rem; }
.public-overview-sentence[b-2obx4uh2xl] { font-size: 1.05rem; font-weight: 600; }
.public-dashboard-status[b-2obx4uh2xl], .public-freshness-note[b-2obx4uh2xl] { color: var(--bs-secondary-color); font-size: .9rem; }
.public-freshness-note[b-2obx4uh2xl] { margin-top: .25rem; }
.public-refinement-tools[b-2obx4uh2xl] { display: flex; align-items: center; gap: .5rem; }
.public-search-control[b-2obx4uh2xl] { align-items: center; display: flex; flex: 1 1 19rem; gap: .45rem; max-width: 34rem; }
.public-search-control .bi[b-2obx4uh2xl] { color: var(--bs-secondary-color); }
.public-refine[b-2obx4uh2xl] { position: relative; }
.public-refine summary[b-2obx4uh2xl] { list-style: none; white-space: nowrap; }
.public-refine summary[b-2obx4uh2xl]::-webkit-details-marker { display: none; }
.public-refine-panel[b-2obx4uh2xl] { display: grid; gap: .75rem; grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr); padding: .85rem; position: absolute; right: 0; top: calc(100% + .45rem); width: 25rem; z-index: 3; }
.public-filter-chips[b-2obx4uh2xl] { display: flex; flex-wrap: wrap; gap: .35rem; }
.public-filter-chips .btn[b-2obx4uh2xl] { border: 1px solid var(--bs-border-color); border-radius: 999px; }

@media (max-width: 640px) {
    .public-refinement-tools[b-2obx4uh2xl] { align-items: stretch; }
    .public-search-control[b-2obx4uh2xl] { max-width: none; }
    .public-refine summary[b-2obx4uh2xl] { height: 100%; }
    .public-refine-panel[b-2obx4uh2xl] { bottom: 0; grid-template-columns: 1fr; left: .5rem; position: fixed; right: .5rem; top: auto; width: auto; z-index: 1050; }
    .public-reading-records table[b-2obx4uh2xl], .public-reading-records tbody[b-2obx4uh2xl], .public-reading-records tr[b-2obx4uh2xl], .public-reading-records td[b-2obx4uh2xl] { display: block; width: 100%; }
    .public-reading-records thead[b-2obx4uh2xl] { display: none; }
    .public-reading-records tr[b-2obx4uh2xl] { padding: .8rem 0; border-bottom: 1px solid var(--bs-border-color); }
    .public-reading-records td[b-2obx4uh2xl] { display: grid; grid-template-columns: minmax(7rem, 40%) 1fr; gap: .75rem; border: 0; padding: .25rem 0; }
    .public-reading-records td[b-2obx4uh2xl]::before { content: attr(data-label); color: var(--bs-secondary-color); font-weight: 600; }
}
/* /Components/Pages/InstitutionCoveragePolicy.razor.rz.scp.css */
.coverage-policy[b-mngj5v6qln] { max-width: 52rem; }
.eyebrow[b-mngj5v6qln] { color: var(--bs-secondary-color); font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.coverage-note[b-mngj5v6qln] { margin: 1rem 0; color: var(--bs-secondary-color); }
.coverage-mode[b-mngj5v6qln] { display: grid; gap: .65rem; margin: 1rem 0; }
.coverage-mode label[b-mngj5v6qln], .coverage-building[b-mngj5v6qln] { display: flex; align-items: center; gap: .55rem; }
.coverage-buildings[b-mngj5v6qln] { display: grid; gap: .75rem; margin: 1rem 0; }
.coverage-building[b-mngj5v6qln] { justify-content: flex-start; padding: .75rem; border: 1px solid var(--bs-border-color); border-radius: .5rem; }
.coverage-building small[b-mngj5v6qln] { margin-left: auto; color: var(--bs-secondary-color); }
/* /Components/Pages/InstitutionDiscovery.razor.rz.scp.css */
.institution-discovery[b-wsf8bnbx4f] { max-width: 52rem; margin: 0 auto; padding: clamp(1rem, 4vw, 3rem) 1rem; }
.discovery-back[b-wsf8bnbx4f] { display: inline-block; min-height: 44px; padding-top: .5rem; }
.discovery-kicker[b-wsf8bnbx4f] { margin: 1rem 0 .25rem; color: var(--bs-secondary-color); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.institution-discovery h1[b-wsf8bnbx4f] { font-size: clamp(2rem, 8vw, 3.25rem); }
.discovery-intro[b-wsf8bnbx4f] { max-width: 43rem; font-size: 1.05rem; }
.discovery-form[b-wsf8bnbx4f], .discovery-privacy[b-wsf8bnbx4f] { margin-top: 1.5rem; padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; }
.discovery-form label[b-wsf8bnbx4f] { display: block; margin-bottom: .5rem; font-weight: 700; }
.discovery-search-row[b-wsf8bnbx4f] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; }
.discovery-search-row input[b-wsf8bnbx4f] { min-width: 0; min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--bs-border-color); border-radius: .375rem; }
.discovery-search-row button[b-wsf8bnbx4f], .discovery-result .btn[b-wsf8bnbx4f] { min-height: 44px; }
.discovery-help[b-wsf8bnbx4f], .discovery-counts[b-wsf8bnbx4f] { color: var(--bs-secondary-color); }
.discovery-status[b-wsf8bnbx4f] { margin: 1rem 0; padding: .75rem; border-inline-start: .25rem solid var(--bs-info); background: var(--bs-tertiary-bg); }
.discovery-results[b-wsf8bnbx4f] { display: grid; gap: 1rem; padding: 0; list-style: none; }
.discovery-result[b-wsf8bnbx4f] { padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; }
.discovery-result h3[b-wsf8bnbx4f] { margin-top: 0; overflow-wrap: anywhere; }
.institution-discovery :focus-visible[b-wsf8bnbx4f] { outline: 3px solid var(--bs-primary); outline-offset: 3px; }
@media (min-width: 900px) { .discovery-form[b-wsf8bnbx4f], .discovery-privacy[b-wsf8bnbx4f] { margin-top: 2rem; } .discovery-help[b-wsf8bnbx4f] { margin-bottom: 0; } }
@media (max-width: 320px) { .institution-discovery[b-wsf8bnbx4f] { padding-inline: .5rem; } .discovery-form[b-wsf8bnbx4f], .discovery-privacy[b-wsf8bnbx4f], .discovery-result[b-wsf8bnbx4f] { padding: .75rem; } }
@media (max-width: 600px) { .institution-discovery[b-wsf8bnbx4f] { overflow-x: clip; } .discovery-search-row[b-wsf8bnbx4f] { grid-template-columns: 1fr; } .discovery-help[b-wsf8bnbx4f] { margin-top: .75rem; } }
@media (prefers-reduced-motion: no-preference) { .discovery-result[b-wsf8bnbx4f] { transition: border-color .16s ease, transform .16s ease; } .discovery-result:focus-within[b-wsf8bnbx4f] { border-color: var(--bs-primary); transform: translateY(-1px); } }
/* /Components/Pages/ManagerOnboardingHub.razor.rz.scp.css */
.onboarding-hub[b-pzqm7y7ntq] { max-width: 92rem; margin: 0 auto; }
.hub-section[b-pzqm7y7ntq] { border-top: 1px solid var(--bs-border-color); margin-top: 2rem; padding-top: 1.5rem; }
.hub-heading[b-pzqm7y7ntq] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.hub-heading h2[b-pzqm7y7ntq] { font-size: 1.25rem; margin-bottom: 0; }
.hub-heading .eyebrow[b-pzqm7y7ntq] { margin-bottom: .2rem; }
.coverage-grid[b-pzqm7y7ntq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: .75rem; }
.coverage-card[b-pzqm7y7ntq] { border: 1px solid var(--bs-border-color); border-radius: .5rem; padding: 1rem; display: grid; gap: .75rem; }
.coverage-badges[b-pzqm7y7ntq] { display: flex; flex-wrap: wrap; gap: .4rem; }
@media (max-width: 480px) { .onboarding-hub[b-pzqm7y7ntq] { padding: 1rem !important; } .hub-heading[b-pzqm7y7ntq] { align-items: center; } .onboarding-hub .table-responsive[b-pzqm7y7ntq] { margin-inline: -.25rem; } .onboarding-hub table[b-pzqm7y7ntq] { min-width: 38rem; } .coverage-grid[b-pzqm7y7ntq] { grid-template-columns: 1fr; } }
/* /Components/Pages/MeterReadingJourneyV2.razor.rz.scp.css */
.mrj-shell[b-3ezvsh8s3g] {
    --ink: #17211f;
    --muted: #67716d;
    --line: #d7ddd8;
    --paper: #f6f6f1;
    --card: #fff;
    --forest: #123f36;
    --forest-2: #1d6d5c;
    --mint: #dceee7;
    --amber: #b95f25;
    max-width: 760px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 20px 18px 64px;
    background:
        radial-gradient(circle at 95% 4%, #dcebe4 0, transparent 270px),
        var(--paper);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.mrj-topbar[b-3ezvsh8s3g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
    margin-bottom: 24px;
}

.mrj-back[b-3ezvsh8s3g],
.mrj-text-button[b-3ezvsh8s3g] {
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #285d51;
    font: inherit;
    font-weight: 760;
    padding: 10px 0;
    text-decoration: none;
    cursor: pointer;
}

.mrj-prototype[b-3ezvsh8s3g] {
    border: 1px solid #bbc8c2;
    border-radius: 99px;
    padding: 6px 9px;
    color: #66726c;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mrj-hero[b-3ezvsh8s3g] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: end;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--line);
}

.mrj-hero h1[b-3ezvsh8s3g],
.mrj-reading h1[b-3ezvsh8s3g],
.mrj-receipt h1[b-3ezvsh8s3g] {
    margin: .35rem 0 .45rem;
    font-size: clamp(2rem, 7vw, 3rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.mrj-hero h1 strong[b-3ezvsh8s3g] {
    font-size: 1.3em;
    color: var(--forest-2);
}

.mrj-hero p[b-3ezvsh8s3g] {
    margin: 0;
    color: var(--muted);
}

.mrj-eyebrow[b-3ezvsh8s3g],
.mrj-section-heading p[b-3ezvsh8s3g] {
    margin: 0;
    color: var(--forest-2);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mrj-location[b-3ezvsh8s3g] {
    min-height: 48px;
    border: 1px solid #b8c9c2;
    border-radius: 14px;
    background: #fff;
    color: var(--forest);
    padding: 11px 14px;
    font-weight: 800;
    cursor: pointer;
}

.mrj-location-note[b-3ezvsh8s3g] {
    grid-column: 1 / -1;
    border-left: 3px solid #80aa9c;
    padding-left: 11px;
    font-size: .875rem;
}

.mrj-section[b-3ezvsh8s3g] {
    margin-top: 30px;
}

.mrj-section-heading[b-3ezvsh8s3g] {
    margin-bottom: 14px;
}

.mrj-section-heading h2[b-3ezvsh8s3g],
.mrj-photo h2[b-3ezvsh8s3g],
.mrj-attention h2[b-3ezvsh8s3g] {
    margin: .25rem 0 0;
    font-size: 1.16rem;
    letter-spacing: -.02em;
}

.mrj-card-list[b-3ezvsh8s3g] {
    display: grid;
    gap: 10px;
}

.mrj-institution-card[b-3ezvsh8s3g] {
    width: 100%;
    min-height: 76px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: var(--card);
    color: inherit;
    display: grid;
    grid-template-columns: 46px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    text-align: left;
    cursor: pointer;
}

.mrj-institution-card small[b-3ezvsh8s3g],
.mrj-complete-row small[b-3ezvsh8s3g] {
    display: block;
    margin-top: 3px;
    color: var(--muted);
}

.mrj-institution-card > span:last-child[b-3ezvsh8s3g] {
    font-size: 1.7rem;
    color: #58746c;
}

.mrj-utility-icon[b-3ezvsh8s3g],
.mrj-meter-icon[b-3ezvsh8s3g],
.mrj-walk-dot[b-3ezvsh8s3g] {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    background: var(--mint);
    color: var(--forest);
    display: grid;
    place-items: center;
    font-size: 1.3rem;
}

.mrj-lead-card[b-3ezvsh8s3g] {
    width: 100%;
    min-height: 330px;
    border: 0;
    border-radius: 28px;
    padding: 24px;
    background:
        linear-gradient(145deg, #0d352f, #1b6556 72%, #287866);
    box-shadow: 0 18px 42px #183c342c;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    cursor: pointer;
}

.mrj-lead-card.is-overdue[b-3ezvsh8s3g] {
    box-shadow: inset 5px 0 #ef9b5f, 0 18px 42px #183c342c;
}

.mrj-lead-top[b-3ezvsh8s3g] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mrj-lead-card .mrj-meter-icon[b-3ezvsh8s3g] {
    background: #ffffff19;
    color: #fff;
}

.mrj-lead-card .mrj-state[b-3ezvsh8s3g] {
    color: #c7eadf;
}

.mrj-lead-place[b-3ezvsh8s3g] {
    margin-top: auto;
    color: #c7dfd8;
    font-size: .88rem;
}

.mrj-lead-card > strong[b-3ezvsh8s3g] {
    margin-top: 5px;
    font-size: clamp(2rem, 9vw, 3rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.mrj-lead-label[b-3ezvsh8s3g] {
    margin-top: 6px;
    color: #d8e9e4;
}

.mrj-lead-last[b-3ezvsh8s3g] {
    margin-top: 18px;
    font-size: 1.05rem;
    font-weight: 800;
}

.mrj-lead-last small[b-3ezvsh8s3g] {
    display: block;
    margin-bottom: 2px;
    color: #bdd6ce;
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mrj-card-cue[b-3ezvsh8s3g] {
    width: 100%;
    margin-top: 19px;
    padding-top: 15px;
    border-top: 1px solid #ffffff27;
    display: flex;
    justify-content: space-between;
    font-weight: 800;
}

.mrj-card-cue b[b-3ezvsh8s3g] {
    font-size: 1.2rem;
}

.mrj-walk-heading[b-3ezvsh8s3g] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 25px;
    font-size: .85rem;
    font-weight: 800;
}

.mrj-walk-heading small[b-3ezvsh8s3g] {
    color: var(--muted);
    font-weight: 500;
}

.mrj-walk-list[b-3ezvsh8s3g] {
    margin-top: 10px;
    border-left: 2px solid #b8c8c0;
}

.mrj-walk-card[b-3ezvsh8s3g] {
    width: calc(100% + 2px);
    min-height: 76px;
    margin-left: -2px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: inherit;
    display: grid;
    grid-template-columns: 47px 1fr auto 12px;
    gap: 11px;
    align-items: center;
    padding: 13px 2px 13px 17px;
    text-align: left;
    cursor: pointer;
}

.mrj-walk-card.is-overdue[b-3ezvsh8s3g] {
    border-left: 4px solid #d2773f;
}

.mrj-walk-card strong[b-3ezvsh8s3g],
.mrj-walk-card small[b-3ezvsh8s3g],
.mrj-walk-value small[b-3ezvsh8s3g] {
    display: block;
}

.mrj-walk-card small[b-3ezvsh8s3g] {
    margin-top: 3px;
    color: var(--muted);
}

.mrj-walk-value[b-3ezvsh8s3g] {
    text-align: right;
    font-weight: 850;
}

.mrj-walk-value small[b-3ezvsh8s3g] {
    font-weight: 500;
}

.mrj-state[b-3ezvsh8s3g] {
    color: var(--amber);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.mrj-attention[b-3ezvsh8s3g] {
    border: 1px solid #e2c3a9;
    border-radius: 17px;
    background: #fff8ee;
    padding: 16px;
}

.mrj-attention p:last-child[b-3ezvsh8s3g] {
    margin-bottom: 0;
    color: #685546;
}

.mrj-completed[b-3ezvsh8s3g] {
    border-top: 1px solid var(--line);
    padding-top: 18px;
}

.mrj-completed > summary[b-3ezvsh8s3g] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
}

.mrj-completed > summary[b-3ezvsh8s3g]::-webkit-details-marker {
    display: none;
}

.mrj-completed > summary small[b-3ezvsh8s3g],
.mrj-completed > summary strong[b-3ezvsh8s3g] {
    display: block;
}

.mrj-completed > summary small[b-3ezvsh8s3g] {
    color: var(--muted);
}

.mrj-completed > summary > span:last-child[b-3ezvsh8s3g] {
    color: var(--forest-2);
    font-weight: 800;
}

.mrj-complete-row[b-3ezvsh8s3g] {
    display: grid;
    grid-template-columns: 26px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 14px 0;
    border-top: 1px solid var(--line);
}

.mrj-complete-mark[b-3ezvsh8s3g] {
    color: #18715d;
    font-size: 1.2rem;
}

.mrj-complete-row em[b-3ezvsh8s3g] {
    display: block;
    margin-top: 5px;
    color: #865324;
    font-size: .75rem;
    font-style: normal;
    font-weight: 800;
}

.mrj-empty[b-3ezvsh8s3g] {
    margin-top: 30px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    padding: 42px 20px;
    text-align: center;
}

.mrj-empty > span[b-3ezvsh8s3g],
.mrj-receipt-mark[b-3ezvsh8s3g] {
    width: 58px;
    height: 58px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: var(--mint);
    color: #16705c;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
}

.mrj-search[b-3ezvsh8s3g] {
    margin-top: 15px;
    color: #3c5a52;
}

.mrj-search input[b-3ezvsh8s3g],
.mrj-note textarea[b-3ezvsh8s3g],
.mrj-photo input[type="text"][b-3ezvsh8s3g] {
    width: 100%;
    min-height: 48px;
    margin-top: 10px;
    border: 1px solid #b9c9c2;
    border-radius: 12px;
    padding: 10px;
}

.mrj-reading[b-3ezvsh8s3g],
.mrj-receipt[b-3ezvsh8s3g] {
    max-width: 560px;
    margin: auto;
}

.mrj-meter-summary[b-3ezvsh8s3g] {
    display: flex;
    gap: 13px;
    align-items: center;
    margin: 12px 0 19px;
}

.mrj-meter-summary p[b-3ezvsh8s3g] {
    margin: 3px 0;
    color: var(--muted);
}

.mrj-previous[b-3ezvsh8s3g] {
    margin: 17px 0;
    border-radius: 16px;
    background: #e7f0ec;
    padding: 15px;
}

.mrj-previous span[b-3ezvsh8s3g],
.mrj-previous small[b-3ezvsh8s3g] {
    display: block;
    color: #53645e;
}

.mrj-previous strong[b-3ezvsh8s3g] {
    font-size: 1.5rem;
}

.mrj-input-label[b-3ezvsh8s3g],
.mrj-date-label[b-3ezvsh8s3g] {
    display: block;
    margin: 18px 0 7px;
    font-weight: 800;
}

.mrj-number-wrap[b-3ezvsh8s3g] {
    border: 2px solid var(--forest-2);
    border-radius: 15px;
    background: #fff;
    display: flex;
    overflow: hidden;
}

.mrj-number-wrap input[b-3ezvsh8s3g] {
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 16px;
    font-size: 2rem;
    font-weight: 850;
}

.mrj-number-wrap span[b-3ezvsh8s3g] {
    background: var(--mint);
    padding: 20px 13px;
    font-weight: 800;
}

.mrj-date-label input[b-3ezvsh8s3g] {
    width: 100%;
    min-height: 48px;
    margin-top: 6px;
    border: 1px solid #b9c9c2;
    border-radius: 12px;
    padding: 9px;
}

.mrj-callout[b-3ezvsh8s3g] {
    margin: 17px 0;
    border-radius: 14px;
    padding: 14px;
}

.mrj-callout p[b-3ezvsh8s3g] {
    margin: 5px 0;
}

.mrj-warning[b-3ezvsh8s3g] {
    border: 1px solid #e5b54c;
    background: #fff3d8;
}

.mrj-reject[b-3ezvsh8s3g] {
    border: 1px solid #d66c6c;
    background: #fdeaea;
}

.mrj-photo[b-3ezvsh8s3g] {
    margin: 18px 0;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 15px;
}

.mrj-photo p[b-3ezvsh8s3g] {
    margin-top: 0;
    color: #52625d;
}

.mrj-exception-reason[b-3ezvsh8s3g] {
    display: block;
    margin-top: 14px;
    font-weight: 800;
}

.mrj-exception-reason input[b-3ezvsh8s3g] {
    width: 100%;
    min-height: 48px;
    margin-top: 7px;
    border: 1px solid #b9c9c2;
    border-radius: 12px;
    padding: 10px;
}

.mrj-note[b-3ezvsh8s3g] {
    margin: 17px 0;
}

.mrj-primary[b-3ezvsh8s3g] {
    min-height: 52px;
    border: 0;
    border-radius: 14px;
    background: var(--forest-2);
    color: white;
    padding: 11px 16px;
    font-weight: 850;
    cursor: pointer;
}

.mrj-primary:disabled[b-3ezvsh8s3g] {
    background: #a7b4b0;
    cursor: not-allowed;
}

.mrj-full[b-3ezvsh8s3g] {
    width: 100%;
    margin-top: 22px;
}

.mrj-review[b-3ezvsh8s3g] {
    display: grid;
    grid-template-columns: 115px 1fr;
    gap: 13px;
    margin: 22px 0;
}

.mrj-review dt[b-3ezvsh8s3g] {
    color: #5c6965;
    font-weight: 800;
}

.mrj-review dd[b-3ezvsh8s3g] {
    margin: 0;
}

.mrj-receipt[b-3ezvsh8s3g] {
    padding-top: 35px;
    text-align: center;
}

.mrj-receipt > p[b-3ezvsh8s3g] {
    color: #52625d;
}

.mrj-progress[b-3ezvsh8s3g] {
    margin: 26px 0;
    text-align: left;
}

.mrj-progress > div[b-3ezvsh8s3g] {
    height: 9px;
    margin-top: 8px;
    border-radius: 99px;
    background: #dce6e2;
    overflow: hidden;
}

.mrj-progress i[b-3ezvsh8s3g] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--forest-2);
}

.mrj-receipt-details[b-3ezvsh8s3g] {
    margin-top: 24px;
    text-align: left;
}

.mrj-disabled[b-3ezvsh8s3g] {
    max-width: 560px;
    margin: 40px auto;
    border: 1px solid #d8e1dd;
    border-radius: 16px;
    padding: 24px;
}

.mrj-shell button:focus-visible[b-3ezvsh8s3g],
.mrj-shell a:focus-visible[b-3ezvsh8s3g],
.mrj-shell input:focus-visible[b-3ezvsh8s3g],
.mrj-shell textarea:focus-visible[b-3ezvsh8s3g],
.mrj-shell summary:focus-visible[b-3ezvsh8s3g] {
    outline: 3px solid #eea631;
    outline-offset: 3px;
}

@media (max-width: 520px) {
    .mrj-shell[b-3ezvsh8s3g] {
        padding: 14px 13px 44px;
    }

    .mrj-topbar[b-3ezvsh8s3g] {
        margin-bottom: 18px;
    }

    .mrj-hero[b-3ezvsh8s3g] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .mrj-location[b-3ezvsh8s3g] {
        width: 100%;
    }

    .mrj-lead-card[b-3ezvsh8s3g] {
        min-height: 345px;
        border-radius: 25px;
        padding: 21px;
    }

    .mrj-walk-heading[b-3ezvsh8s3g] {
        display: block;
    }

    .mrj-walk-heading small[b-3ezvsh8s3g] {
        display: block;
        margin-top: 3px;
    }

    .mrj-walk-card[b-3ezvsh8s3g] {
        grid-template-columns: 43px 1fr auto 8px;
        padding-left: 12px;
    }

    .mrj-complete-row[b-3ezvsh8s3g] {
        grid-template-columns: 24px 1fr;
    }

    .mrj-complete-row .mrj-text-button[b-3ezvsh8s3g] {
        grid-column: 2;
        justify-self: start;
    }

    .mrj-review[b-3ezvsh8s3g] {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .mrj-review dt[b-3ezvsh8s3g] {
        margin-top: 10px;
    }
}
/* /Components/Pages/MeterReadingJourneyV3.razor.rz.scp.css */
.mrj-shell[b-nbxkb1jtmo] {
    --ink: #17211f;
    --muted: #67716d;
    --line: #d7ddd8;
    --paper: #f6f6f1;
    --card: #fff;
    --forest: #123f36;
    --forest-2: #1d6d5c;
    --mint: #dceee7;
    --amber: #b95f25;
    max-width: 760px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 20px 18px 64px;
    background:
        radial-gradient(circle at 95% 4%, #dcebe4 0, transparent 270px),
        var(--paper);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.mrj-topbar[b-nbxkb1jtmo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
    margin-bottom: 24px;
}

.mrj-back[b-nbxkb1jtmo],
.mrj-text-button[b-nbxkb1jtmo] {
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #285d51;
    font: inherit;
    font-weight: 760;
    padding: 10px 0;
    text-decoration: none;
    cursor: pointer;
}

.mrj-prototype[b-nbxkb1jtmo] {
    border: 1px solid #bbc8c2;
    border-radius: 99px;
    padding: 6px 9px;
    color: #66726c;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mrj-hero[b-nbxkb1jtmo] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: end;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--line);
}

.mrj-hero h1[b-nbxkb1jtmo],
.mrj-reading h1[b-nbxkb1jtmo],
.mrj-receipt h1[b-nbxkb1jtmo] {
    margin: .35rem 0 .45rem;
    font-size: clamp(2rem, 7vw, 3rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.mrj-hero h1 strong[b-nbxkb1jtmo] {
    font-size: 1.3em;
    color: var(--forest-2);
}

.mrj-hero p[b-nbxkb1jtmo] {
    margin: 0;
    color: var(--muted);
}

.mrj-eyebrow[b-nbxkb1jtmo],
.mrj-section-heading p[b-nbxkb1jtmo] {
    margin: 0;
    color: var(--forest-2);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mrj-location[b-nbxkb1jtmo] {
    min-height: 48px;
    border: 1px solid #b8c9c2;
    border-radius: 14px;
    background: #fff;
    color: var(--forest);
    padding: 11px 14px;
    font-weight: 800;
    cursor: pointer;
}

.mrj-location-note[b-nbxkb1jtmo] {
    grid-column: 1 / -1;
    border-left: 3px solid #80aa9c;
    padding-left: 11px;
    font-size: .875rem;
}

.mrj-section[b-nbxkb1jtmo] {
    margin-top: 30px;
}

.mrj-section-heading[b-nbxkb1jtmo] {
    margin-bottom: 14px;
}

.mrj-section-heading h2[b-nbxkb1jtmo],
.mrj-photo h2[b-nbxkb1jtmo],
.mrj-attention h2[b-nbxkb1jtmo] {
    margin: .25rem 0 0;
    font-size: 1.16rem;
    letter-spacing: -.02em;
}

.mrj-card-list[b-nbxkb1jtmo] {
    display: grid;
    gap: 10px;
}

.mrj-institution-card[b-nbxkb1jtmo] {
    width: 100%;
    min-height: 76px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: var(--card);
    color: inherit;
    display: grid;
    grid-template-columns: 46px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    text-align: left;
    cursor: pointer;
}

.mrj-institution-card small[b-nbxkb1jtmo],
.mrj-complete-row small[b-nbxkb1jtmo] {
    display: block;
    margin-top: 3px;
    color: var(--muted);
}

.mrj-institution-card > span:last-child[b-nbxkb1jtmo] {
    font-size: 1.7rem;
    color: #58746c;
}

.mrj-utility-icon[b-nbxkb1jtmo],
.mrj-meter-icon[b-nbxkb1jtmo],
.mrj-walk-dot[b-nbxkb1jtmo] {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    background: var(--mint);
    color: var(--forest);
    display: grid;
    place-items: center;
    font-size: 1.3rem;
}

.mrj-lead-card[b-nbxkb1jtmo] {
    width: 100%;
    min-height: 330px;
    border: 0;
    border-radius: 28px;
    padding: 24px;
    background:
        linear-gradient(145deg, #0d352f, #1b6556 72%, #287866);
    box-shadow: 0 18px 42px #183c342c;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    cursor: pointer;
}

.mrj-lead-card.is-overdue[b-nbxkb1jtmo] {
    box-shadow: inset 5px 0 #ef9b5f, 0 18px 42px #183c342c;
}

.mrj-lead-top[b-nbxkb1jtmo] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mrj-lead-card .mrj-meter-icon[b-nbxkb1jtmo] {
    background: #ffffff19;
    color: #fff;
}

.mrj-lead-card .mrj-state[b-nbxkb1jtmo] {
    color: #c7eadf;
}

.mrj-lead-place[b-nbxkb1jtmo] {
    margin-top: auto;
    color: #c7dfd8;
    font-size: .88rem;
}

.mrj-lead-card > strong[b-nbxkb1jtmo] {
    margin-top: 5px;
    font-size: clamp(2rem, 9vw, 3rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.mrj-lead-label[b-nbxkb1jtmo] {
    margin-top: 6px;
    color: #d8e9e4;
}

.mrj-lead-last[b-nbxkb1jtmo] {
    margin-top: 18px;
    font-size: 1.05rem;
    font-weight: 800;
}

.mrj-lead-last small[b-nbxkb1jtmo] {
    display: block;
    margin-bottom: 2px;
    color: #bdd6ce;
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mrj-card-cue[b-nbxkb1jtmo] {
    width: 100%;
    margin-top: 19px;
    padding-top: 15px;
    border-top: 1px solid #ffffff27;
    display: flex;
    justify-content: space-between;
    font-weight: 800;
}

.mrj-card-cue b[b-nbxkb1jtmo] {
    font-size: 1.2rem;
}

.mrj-walk-heading[b-nbxkb1jtmo] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 25px;
    font-size: .85rem;
    font-weight: 800;
}

.mrj-walk-heading small[b-nbxkb1jtmo] {
    color: var(--muted);
    font-weight: 500;
}

.mrj-walk-list[b-nbxkb1jtmo] {
    margin-top: 10px;
    border-left: 2px solid #b8c8c0;
}

.mrj-walk-card[b-nbxkb1jtmo] {
    width: calc(100% + 2px);
    min-height: 76px;
    margin-left: -2px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: inherit;
    display: grid;
    grid-template-columns: 47px 1fr auto 12px;
    gap: 11px;
    align-items: center;
    padding: 13px 2px 13px 17px;
    text-align: left;
    cursor: pointer;
}

.mrj-walk-card.is-overdue[b-nbxkb1jtmo] {
    border-left: 4px solid #d2773f;
}

.mrj-walk-card strong[b-nbxkb1jtmo],
.mrj-walk-card small[b-nbxkb1jtmo],
.mrj-walk-value small[b-nbxkb1jtmo] {
    display: block;
}

.mrj-walk-card small[b-nbxkb1jtmo] {
    margin-top: 3px;
    color: var(--muted);
}

.mrj-walk-value[b-nbxkb1jtmo] {
    text-align: right;
    font-weight: 850;
}

.mrj-walk-value small[b-nbxkb1jtmo] {
    font-weight: 500;
}

.mrj-state[b-nbxkb1jtmo] {
    color: var(--amber);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.mrj-attention[b-nbxkb1jtmo] {
    border: 1px solid #e2c3a9;
    border-radius: 17px;
    background: #fff8ee;
    padding: 16px;
}

.mrj-attention p:last-child[b-nbxkb1jtmo] {
    margin-bottom: 0;
    color: #685546;
}

.mrj-completed[b-nbxkb1jtmo] {
    border-top: 1px solid var(--line);
    padding-top: 18px;
}

.mrj-completed > summary[b-nbxkb1jtmo] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
}

.mrj-completed > summary[b-nbxkb1jtmo]::-webkit-details-marker {
    display: none;
}

.mrj-completed > summary small[b-nbxkb1jtmo],
.mrj-completed > summary strong[b-nbxkb1jtmo] {
    display: block;
}

.mrj-completed > summary small[b-nbxkb1jtmo] {
    color: var(--muted);
}

.mrj-completed > summary > span:last-child[b-nbxkb1jtmo] {
    color: var(--forest-2);
    font-weight: 800;
}

.mrj-complete-row[b-nbxkb1jtmo] {
    display: grid;
    grid-template-columns: 26px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 14px 0;
    border-top: 1px solid var(--line);
}

.mrj-complete-mark[b-nbxkb1jtmo] {
    color: #18715d;
    font-size: 1.2rem;
}

.mrj-complete-row em[b-nbxkb1jtmo] {
    display: block;
    margin-top: 5px;
    color: #865324;
    font-size: .75rem;
    font-style: normal;
    font-weight: 800;
}

.mrj-empty[b-nbxkb1jtmo] {
    margin-top: 30px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    padding: 42px 20px;
    text-align: center;
}

.mrj-empty > span[b-nbxkb1jtmo],
.mrj-receipt-mark[b-nbxkb1jtmo] {
    width: 58px;
    height: 58px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: var(--mint);
    color: #16705c;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
}

.mrj-search[b-nbxkb1jtmo] {
    margin-top: 15px;
    color: #3c5a52;
}

.mrj-search input[b-nbxkb1jtmo],
.mrj-note textarea[b-nbxkb1jtmo],
.mrj-photo input[type="text"][b-nbxkb1jtmo] {
    width: 100%;
    min-height: 48px;
    margin-top: 10px;
    border: 1px solid #b9c9c2;
    border-radius: 12px;
    padding: 10px;
}

.mrj-reading[b-nbxkb1jtmo],
.mrj-receipt[b-nbxkb1jtmo] {
    max-width: 560px;
    margin: auto;
}

.mrj-meter-summary[b-nbxkb1jtmo] {
    display: flex;
    gap: 13px;
    align-items: center;
    margin: 12px 0 19px;
}

.mrj-meter-summary p[b-nbxkb1jtmo] {
    margin: 3px 0;
    color: var(--muted);
}

.mrj-previous[b-nbxkb1jtmo] {
    margin: 17px 0;
    border-radius: 16px;
    background: #e7f0ec;
    padding: 15px;
}

.mrj-previous span[b-nbxkb1jtmo],
.mrj-previous small[b-nbxkb1jtmo] {
    display: block;
    color: #53645e;
}

.mrj-previous strong[b-nbxkb1jtmo] {
    font-size: 1.5rem;
}

.mrj-input-label[b-nbxkb1jtmo],
.mrj-date-label[b-nbxkb1jtmo] {
    display: block;
    margin: 18px 0 7px;
    font-weight: 800;
}

.mrj-number-wrap[b-nbxkb1jtmo] {
    border: 2px solid var(--forest-2);
    border-radius: 15px;
    background: #fff;
    display: flex;
    overflow: hidden;
}

.mrj-number-wrap input[b-nbxkb1jtmo] {
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 16px;
    font-size: 2rem;
    font-weight: 850;
}

.mrj-number-wrap span[b-nbxkb1jtmo] {
    background: var(--mint);
    padding: 20px 13px;
    font-weight: 800;
}

.mrj-date-label input[b-nbxkb1jtmo] {
    width: 100%;
    min-height: 48px;
    margin-top: 6px;
    border: 1px solid #b9c9c2;
    border-radius: 12px;
    padding: 9px;
}

.mrj-callout[b-nbxkb1jtmo] {
    margin: 17px 0;
    border-radius: 14px;
    padding: 14px;
}

.mrj-callout p[b-nbxkb1jtmo] {
    margin: 5px 0;
}

.mrj-warning[b-nbxkb1jtmo] {
    border: 1px solid #e5b54c;
    background: #fff3d8;
}

.mrj-reject[b-nbxkb1jtmo] {
    border: 1px solid #d66c6c;
    background: #fdeaea;
}

.mrj-photo[b-nbxkb1jtmo] {
    margin: 18px 0;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 15px;
}

.mrj-photo p[b-nbxkb1jtmo] {
    margin-top: 0;
    color: #52625d;
}

.mrj-exception-reason[b-nbxkb1jtmo] {
    display: block;
    margin-top: 14px;
    font-weight: 800;
}

.mrj-exception-reason input[b-nbxkb1jtmo] {
    width: 100%;
    min-height: 48px;
    margin-top: 7px;
    border: 1px solid #b9c9c2;
    border-radius: 12px;
    padding: 10px;
}

.mrj-note[b-nbxkb1jtmo] {
    margin: 17px 0;
}

.mrj-primary[b-nbxkb1jtmo] {
    min-height: 52px;
    border: 0;
    border-radius: 14px;
    background: var(--forest-2);
    color: white;
    padding: 11px 16px;
    font-weight: 850;
    cursor: pointer;
}

.mrj-primary:disabled[b-nbxkb1jtmo] {
    background: #a7b4b0;
    cursor: not-allowed;
}

.mrj-full[b-nbxkb1jtmo] {
    width: 100%;
    margin-top: 22px;
}

.mrj-review[b-nbxkb1jtmo] {
    display: grid;
    grid-template-columns: 115px 1fr;
    gap: 13px;
    margin: 22px 0;
}

.mrj-review dt[b-nbxkb1jtmo] {
    color: #5c6965;
    font-weight: 800;
}

.mrj-review dd[b-nbxkb1jtmo] {
    margin: 0;
}

.mrj-receipt[b-nbxkb1jtmo] {
    padding-top: 35px;
    text-align: center;
}

.mrj-receipt > p[b-nbxkb1jtmo] {
    color: #52625d;
}

.mrj-progress[b-nbxkb1jtmo] {
    margin: 26px 0;
    text-align: left;
}

.mrj-progress > div[b-nbxkb1jtmo] {
    height: 9px;
    margin-top: 8px;
    border-radius: 99px;
    background: #dce6e2;
    overflow: hidden;
}

.mrj-progress i[b-nbxkb1jtmo] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--forest-2);
}

.mrj-receipt-details[b-nbxkb1jtmo] {
    margin-top: 24px;
    text-align: left;
}

.mrj-disabled[b-nbxkb1jtmo] {
    max-width: 560px;
    margin: 40px auto;
    border: 1px solid #d8e1dd;
    border-radius: 16px;
    padding: 24px;
}

.mrj-shell button:focus-visible[b-nbxkb1jtmo],
.mrj-shell a:focus-visible[b-nbxkb1jtmo],
.mrj-shell input:focus-visible[b-nbxkb1jtmo],
.mrj-shell textarea:focus-visible[b-nbxkb1jtmo],
.mrj-shell summary:focus-visible[b-nbxkb1jtmo] {
    outline: 3px solid #eea631;
    outline-offset: 3px;
}

@media (max-width: 520px) {
    .mrj-shell[b-nbxkb1jtmo] {
        padding: 14px 13px 44px;
    }

    .mrj-topbar[b-nbxkb1jtmo] {
        margin-bottom: 18px;
    }

    .mrj-hero[b-nbxkb1jtmo] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .mrj-location[b-nbxkb1jtmo] {
        width: 100%;
    }

    .mrj-lead-card[b-nbxkb1jtmo] {
        min-height: 345px;
        border-radius: 25px;
        padding: 21px;
    }

    .mrj-walk-heading[b-nbxkb1jtmo] {
        display: block;
    }

    .mrj-walk-heading small[b-nbxkb1jtmo] {
        display: block;
        margin-top: 3px;
    }

    .mrj-walk-card[b-nbxkb1jtmo] {
        grid-template-columns: 43px 1fr auto 8px;
        padding-left: 12px;
    }

    .mrj-complete-row[b-nbxkb1jtmo] {
        grid-template-columns: 24px 1fr;
    }

    .mrj-complete-row .mrj-text-button[b-nbxkb1jtmo] {
        grid-column: 2;
        justify-self: start;
    }

    .mrj-review[b-nbxkb1jtmo] {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .mrj-review dt[b-nbxkb1jtmo] {
        margin-top: 10px;
    }
}

/* V3 government-modern foundation. Kept local to the V3 route. */
.mrj-v3[b-nbxkb1jtmo] {
    --ink: #101828;
    --muted: #526174;
    --line: #d9e2ee;
    --paper: #f6f8fb;
    --card: #fff;
    --forest: #075fc7;
    --forest-2: #086ee8;
    --mint: #e9f3ff;
    --amber: #9b5b00;
    width: 100%;
    max-width: none;
    padding: 0 0 72px;
    background:
        radial-gradient(circle at 38% 18%, #eaf5ff 0, #eaf5ff00 34rem),
        linear-gradient(180deg, #fbfcfe 0, var(--paper) 52rem);
    color: var(--ink);
    overflow-x: clip;
}

.mrj-v3 .mrj-topbar[b-nbxkb1jtmo] {
    position: relative;
    z-index: 10;
    min-height: 78px;
    margin: 0;
    padding: 16px clamp(18px, 3vw, 48px);
    border-bottom: 1px solid #dfe6ef;
    background: #fffffff0;
    backdrop-filter: blur(18px) saturate(125%);
}

.mrj-brand[b-nbxkb1jtmo],
.mrj-brand > div[b-nbxkb1jtmo],
.mrj-secondary-nav[b-nbxkb1jtmo],
.mrj-focus-context[b-nbxkb1jtmo],
.mrj-route-row[b-nbxkb1jtmo],
.mrj-route-links[b-nbxkb1jtmo],
.mrj-dock-stop[b-nbxkb1jtmo] {
    display: flex;
    align-items: center;
}

.mrj-brand[b-nbxkb1jtmo] {
    gap: 20px;
    min-width: 0;
}

.mrj-brand > div[b-nbxkb1jtmo] {
    gap: 14px;
    min-width: 0;
}

.mrj-brand strong[b-nbxkb1jtmo] {
    color: #0d1b2d;
    font-size: 1.04rem;
    letter-spacing: -.015em;
    white-space: nowrap;
}

.mrj-brand small[b-nbxkb1jtmo] {
    max-width: 46vw;
    overflow: hidden;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrj-menu-mark[b-nbxkb1jtmo] {
    width: 30px;
    height: 30px;
    display: grid;
    align-content: center;
    gap: 4px;
    border-right: 1px solid var(--line);
    padding-right: 16px;
    box-sizing: content-box;
}

.mrj-menu-mark i[b-nbxkb1jtmo] {
    width: 22px;
    height: 2px;
    border-radius: 99px;
    background: #19304d;
}

.mrj-secondary-nav[b-nbxkb1jtmo] {
    gap: clamp(14px, 2vw, 30px);
    margin-left: auto;
    padding-left: 22px;
}

.mrj-secondary-nav a[b-nbxkb1jtmo] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    color: #36506e;
    font-size: .9rem;
    font-weight: 680;
    text-decoration: none;
}

.mrj-secondary-nav a:hover[b-nbxkb1jtmo] {
    color: var(--forest-2);
}

.mrj-secondary-nav time[b-nbxkb1jtmo] {
    color: var(--muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mrj-mobile-menu[b-nbxkb1jtmo] {
    display: none;
}

.mrj-summary[b-nbxkb1jtmo] {
    width: min(100% - 48px, 1480px);
    margin: 30px auto 18px;
}

.mrj-summary h1[b-nbxkb1jtmo] {
    margin: 0;
    color: #111d2e;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.mrj-summary h1 strong[b-nbxkb1jtmo] {
    color: var(--forest-2);
    font-size: 1.25em;
    font-variant-numeric: tabular-nums;
}

.mrj-summary p[b-nbxkb1jtmo] {
    margin: 8px 0 0;
    color: var(--muted);
}

.mrj-visually-hidden[b-nbxkb1jtmo] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mrj-focus-layout[b-nbxkb1jtmo] {
    width: min(100% - 48px, 1480px);
    margin: 0 auto;
    display: grid;
    gap: clamp(20px, 2vw, 34px);
    align-items: stretch;
}

.mrj-variant-1 .mrj-focus-layout[b-nbxkb1jtmo] {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
}

.mrj-variant-2 .mrj-focus-layout[b-nbxkb1jtmo] {
    grid-template-columns: minmax(0, 1fr);
}

.mrj-focus-card[b-nbxkb1jtmo] {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: clamp(510px, 65vh, 680px);
    overflow: hidden;
    border: 1px solid #9dc7ff;
    border-radius: 32px;
    background:
        linear-gradient(105deg, #fff 0%, #fbfdff 55%, #edf7ff 100%);
    box-shadow:
        0 1px 0 #fff inset,
        0 18px 50px #173d6815;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(30px, 4vw, 64px);
    text-align: left;
    cursor: pointer;
    transform: translateY(0);
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.mrj-focus-card[b-nbxkb1jtmo]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 auto 0 0;
    width: clamp(28px, 7vw, 110px);
    background:
        linear-gradient(90deg, #e8edf1b8 0 1px, transparent 1px 28%),
        linear-gradient(135deg, #f3f5f7, #ffffff00 70%);
    background-size: 16px 100%, 100% 100%;
    opacity: .45;
}

.mrj-focus-card[b-nbxkb1jtmo]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: clamp(280px, 34vw, 560px);
    height: clamp(280px, 34vw, 560px);
    right: -12%;
    bottom: -30%;
    border-radius: 50%;
    background: radial-gradient(circle, #dceeffaa, #dceeff00 68%);
    pointer-events: none;
}

.mrj-focus-card:hover[b-nbxkb1jtmo] {
    border-color: #72adfa;
    box-shadow:
        0 1px 0 #fff inset,
        0 24px 60px #173d6820;
    transform: translateY(-2px);
}

.mrj-focus-card:active[b-nbxkb1jtmo] {
    transform: translateY(0);
}

.mrj-focus-card.is-overdue[b-nbxkb1jtmo] {
    border-color: #d7a15b;
}

.mrj-focus-context[b-nbxkb1jtmo] {
    gap: 16px;
    max-width: 100%;
}

.mrj-focus-context > span:last-child[b-nbxkb1jtmo] {
    min-width: 0;
}

.mrj-focus-context small[b-nbxkb1jtmo],
.mrj-focus-context b[b-nbxkb1jtmo] {
    display: block;
}

.mrj-focus-context small[b-nbxkb1jtmo] {
    color: #42546a;
    font-size: clamp(.95rem, 1.3vw, 1.12rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrj-focus-context b[b-nbxkb1jtmo] {
    margin-top: 4px;
    color: var(--muted);
    font-size: .9rem;
    font-weight: 620;
}

.mrj-v3 .mrj-meter-icon[b-nbxkb1jtmo],
.mrj-route-icon[b-nbxkb1jtmo] {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: var(--mint);
    color: var(--forest-2);
    display: grid;
    place-items: center;
    font-size: 1.45rem;
    line-height: 1;
}

.mrj-focus-utility[b-nbxkb1jtmo] {
    margin-top: clamp(42px, 8vh, 90px);
    color: #08172b;
    font-size: clamp(3.2rem, 6.4vw, 6.1rem);
    font-weight: 740;
    letter-spacing: -.07em;
    line-height: .92;
    overflow-wrap: anywhere;
}

.mrj-focus-previous[b-nbxkb1jtmo] {
    margin-top: clamp(34px, 6vh, 62px);
    padding-top: 24px;
    border-top: 1px solid var(--line);
    color: var(--muted);
}

.mrj-focus-previous > small[b-nbxkb1jtmo],
.mrj-focus-previous > strong[b-nbxkb1jtmo],
.mrj-focus-previous > em[b-nbxkb1jtmo] {
    display: block;
}

.mrj-focus-previous > small[b-nbxkb1jtmo] {
    margin-bottom: 8px;
    font-size: .9rem;
}

.mrj-focus-previous > strong[b-nbxkb1jtmo] {
    color: var(--forest-2);
    font-size: clamp(2rem, 3.7vw, 3.65rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.045em;
}

.mrj-focus-previous > strong b[b-nbxkb1jtmo] {
    color: #263b54;
    font-size: .5em;
    font-weight: 620;
    letter-spacing: -.02em;
}

.mrj-focus-previous > em[b-nbxkb1jtmo] {
    margin-top: 4px;
    color: #748196;
    font-size: .8rem;
    font-style: normal;
}

.mrj-focus-cue[b-nbxkb1jtmo] {
    width: 100%;
    min-height: 72px;
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid #9dc7ff;
    color: var(--forest-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: clamp(1.05rem, 1.7vw, 1.35rem);
    font-weight: 720;
}

.mrj-focus-cue b[b-nbxkb1jtmo] {
    font-size: 2rem;
    font-weight: 480;
    transition: transform 180ms ease;
}

.mrj-focus-card:hover .mrj-focus-cue b[b-nbxkb1jtmo] {
    transform: translateX(4px);
}

.mrj-route-rail[b-nbxkb1jtmo] {
    min-width: 0;
    border: 0;
    border-left: 1px solid var(--line);
    background: #ffffffa6;
    padding-left: clamp(18px, 2vw, 30px);
}

.mrj-route-rail > summary[b-nbxkb1jtmo] {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #1b2c41;
    cursor: pointer;
    list-style: none;
}

.mrj-route-rail > summary[b-nbxkb1jtmo]::-webkit-details-marker {
    display: none;
}

.mrj-route-rail > summary strong[b-nbxkb1jtmo],
.mrj-route-rail > summary small[b-nbxkb1jtmo] {
    display: block;
}

.mrj-route-rail > summary small[b-nbxkb1jtmo] {
    margin-top: 4px;
    color: var(--muted);
    font-size: .8rem;
}

.mrj-route-list[b-nbxkb1jtmo] {
    position: relative;
}

.mrj-route-list[b-nbxkb1jtmo]::before {
    content: "";
    position: absolute;
    inset: 2px auto 2px 24px;
    width: 1px;
    background: #cdd8e5;
}

.mrj-route-row[b-nbxkb1jtmo] {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 98px;
    gap: 13px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: inherit;
    padding: 14px 0;
    text-align: left;
    cursor: pointer;
}

.mrj-route-row:hover[b-nbxkb1jtmo] {
    color: var(--forest-2);
}

.mrj-route-row.is-overdue[b-nbxkb1jtmo] {
    border-left: 3px solid #b26a14;
    padding-left: 10px;
}

.mrj-route-row > span:nth-child(2)[b-nbxkb1jtmo] {
    min-width: 0;
    flex: 1;
}

.mrj-route-row strong[b-nbxkb1jtmo],
.mrj-route-row small[b-nbxkb1jtmo] {
    display: block;
}

.mrj-route-row strong[b-nbxkb1jtmo] {
    color: #1a2a3e;
}

.mrj-route-row small[b-nbxkb1jtmo] {
    margin-top: 4px;
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrj-history-action[b-nbxkb1jtmo] {
    min-height: 44px;
    width: max-content;
    display: inline-flex;
    align-items: center;
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--forest-2);
    cursor: pointer;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 720;
    text-decoration: none;
}

.mrj-history-action:hover[b-nbxkb1jtmo] {
    text-decoration: underline;
}

.mrj-route-value[b-nbxkb1jtmo] {
    color: #20354e;
    font-weight: 740;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.mrj-route-value small[b-nbxkb1jtmo] {
    display: inline;
    font-size: .75rem;
}

.mrj-route-links[b-nbxkb1jtmo] {
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.mrj-route-links a[b-nbxkb1jtmo] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    color: #36506e;
    font-size: .87rem;
    font-weight: 680;
    text-decoration: none;
}

.mrj-route-links a + a[b-nbxkb1jtmo]::before {
    content: "·";
    margin-right: 8px;
    color: #9aa7b7;
}

.mrj-route-dock[b-nbxkb1jtmo] {
    width: min(100% - 48px, 1480px);
    min-height: 112px;
    margin: 24px auto 0;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #ffffffd9;
    box-shadow: 0 12px 32px #173d680e;
    display: flex;
    align-items: stretch;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

.mrj-dock-stop[b-nbxkb1jtmo] {
    position: relative;
    flex: 1 0 min(300px, 33vw);
    min-width: 260px;
    gap: 12px;
    border: 0;
    border-right: 1px solid var(--line);
    background: transparent;
    color: inherit;
    padding: 18px 20px;
    text-align: left;
    cursor: pointer;
    scroll-snap-align: start;
}

.mrj-dock-stop:last-child[b-nbxkb1jtmo] {
    border-right: 0;
}

.mrj-dock-stop:hover[b-nbxkb1jtmo] {
    background: #f5f9ff;
}

.mrj-dock-stop.is-current[b-nbxkb1jtmo] {
    background: #edf5ff;
}

.mrj-dock-stop.is-current[b-nbxkb1jtmo]::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    background: var(--forest-2);
}

.mrj-stop-number[b-nbxkb1jtmo] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #eef2f7;
    color: #34465b;
    display: grid;
    place-items: center;
    font-weight: 760;
}

.mrj-dock-stop.is-current .mrj-stop-number[b-nbxkb1jtmo] {
    background: var(--forest-2);
    color: #fff;
}

.mrj-dock-stop > span:last-child[b-nbxkb1jtmo] {
    min-width: 0;
}

.mrj-dock-stop strong[b-nbxkb1jtmo],
.mrj-dock-stop small[b-nbxkb1jtmo] {
    display: block;
}

.mrj-dock-stop strong[b-nbxkb1jtmo] {
    color: #16263a;
}

.mrj-dock-stop small[b-nbxkb1jtmo] {
    margin-top: 5px;
    overflow: hidden;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrj-v3 .mrj-section[b-nbxkb1jtmo],
.mrj-v3 .mrj-empty[b-nbxkb1jtmo] {
    width: min(100% - 48px, 860px);
    margin-right: auto;
    margin-left: auto;
}

.mrj-v3 .mrj-completed[b-nbxkb1jtmo] {
    width: min(100% - 48px, 1480px);
    margin-top: 36px;
}

.mrj-v3 .mrj-reading[b-nbxkb1jtmo],
.mrj-v3 .mrj-receipt[b-nbxkb1jtmo] {
    width: min(100% - 48px, 620px);
    max-width: 620px;
    margin: 42px auto 0;
    padding-bottom: 64px;
}

.mrj-v3 .mrj-reading h1[b-nbxkb1jtmo],
.mrj-v3 .mrj-receipt h1[b-nbxkb1jtmo] {
    color: #0d1b2d;
    font-size: clamp(2.25rem, 5vw, 3.5rem);
}

.mrj-v3 .mrj-text-button[b-nbxkb1jtmo],
.mrj-v3 .mrj-back[b-nbxkb1jtmo] {
    color: var(--forest-2);
}

.mrj-v3 .mrj-previous[b-nbxkb1jtmo] {
    border: 1px solid #d9e7f7;
    background: #f1f7ff;
}

.mrj-v3 .mrj-number-wrap[b-nbxkb1jtmo] {
    border-color: var(--forest-2);
    box-shadow: 0 0 0 4px #086ee814;
}

.mrj-v3 .mrj-number-wrap span[b-nbxkb1jtmo] {
    background: var(--mint);
    color: #17477d;
}

.mrj-v3 .mrj-primary[b-nbxkb1jtmo] {
    background: #086ee8;
    box-shadow: 0 10px 24px #086ee826;
}

.mrj-v3 .mrj-primary:not(:disabled):hover[b-nbxkb1jtmo] {
    background: #075fc7;
}

.mrj-v3 .mrj-primary:disabled[b-nbxkb1jtmo] {
    background: #d9e7f7;
    color: #31516f;
    box-shadow: none;
    opacity: 1;
    cursor: not-allowed;
}

.mrj-v3 .mrj-photo-required[b-nbxkb1jtmo] {
    margin: 15px 0 -8px;
    color: #8a4c00;
    font-weight: 700;
}

.mrj-v3 .mrj-receipt-mark[b-nbxkb1jtmo],
.mrj-v3 .mrj-empty > span[b-nbxkb1jtmo] {
    background: #e8f6f0;
    color: #16785b;
}

.mrj-v3 .mrj-progress > div[b-nbxkb1jtmo] {
    background: #e4eaf1;
}

.mrj-v3 .mrj-progress i[b-nbxkb1jtmo] {
    background: var(--forest-2);
}

.mrj-v3 button:focus-visible[b-nbxkb1jtmo],
.mrj-v3 a:focus-visible[b-nbxkb1jtmo],
.mrj-v3 input:focus-visible[b-nbxkb1jtmo],
.mrj-v3 textarea:focus-visible[b-nbxkb1jtmo],
.mrj-v3 summary:focus-visible[b-nbxkb1jtmo] {
    outline: 3px solid #0a6fe8;
    outline-offset: 3px;
}

.mrj-disabled[b-nbxkb1jtmo] {
    border-color: #cdd9e8;
    background: #f8fbff;
    color: #17283d;
}

.mrj-disabled a[b-nbxkb1jtmo] {
    color: #086ee8;
    font-weight: 720;
}

@media (max-width: 960px) {
    .mrj-brand > div[b-nbxkb1jtmo] {
        display: block;
    }

    .mrj-brand small[b-nbxkb1jtmo] {
        display: block;
        max-width: 38vw;
        margin-top: 3px;
    }

    .mrj-secondary-nav[b-nbxkb1jtmo] {
        gap: 14px;
    }

    .mrj-secondary-nav time[b-nbxkb1jtmo] {
        display: none;
    }

    .mrj-variant-1 .mrj-focus-layout[b-nbxkb1jtmo] {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 310px);
    }
}

@media (max-width: 760px) {
    .mrj-v3[b-nbxkb1jtmo] {
        padding-bottom: 28px;
        background:
            radial-gradient(circle at 70% 18%, #eaf5ff 0, #eaf5ff00 25rem),
            var(--paper);
    }

    .mrj-v3 .mrj-topbar[b-nbxkb1jtmo] {
        min-height: 72px;
        padding: 12px 16px;
    }

    .mrj-brand[b-nbxkb1jtmo] {
        gap: 12px;
    }

    .mrj-menu-mark[b-nbxkb1jtmo] {
        width: 23px;
        height: 26px;
        padding-right: 11px;
    }

    .mrj-menu-mark i[b-nbxkb1jtmo] {
        width: 20px;
    }

    .mrj-brand > div[b-nbxkb1jtmo] {
        display: block;
    }

    .mrj-brand strong[b-nbxkb1jtmo] {
        font-size: 1rem;
    }

    .mrj-brand small[b-nbxkb1jtmo] {
        display: none;
    }

    .mrj-secondary-nav[b-nbxkb1jtmo] {
        display: none;
    }

    .mrj-mobile-menu[b-nbxkb1jtmo] {
        position: relative;
        display: block;
        margin-left: auto;
    }

    .mrj-mobile-menu summary[b-nbxkb1jtmo] {
        width: 48px;
        min-height: 48px;
        display: grid;
        place-items: center;
        border: 1px solid transparent;
        border-radius: 14px;
        color: #30455f;
        font-size: 1.2rem;
        letter-spacing: .15em;
        cursor: pointer;
        list-style: none;
    }

    .mrj-mobile-menu summary[b-nbxkb1jtmo]::-webkit-details-marker {
        display: none;
    }

    .mrj-mobile-menu summary:hover[b-nbxkb1jtmo],
    .mrj-mobile-menu summary:focus-visible[b-nbxkb1jtmo] {
        border-color: #bfd7ef;
        background: #eef6ff;
        outline: none;
    }

    .mrj-mobile-menu nav[b-nbxkb1jtmo] {
        position: absolute;
        z-index: 20;
        top: calc(100% + 8px);
        right: 0;
        width: min(72vw, 280px);
        padding: 8px;
        border: 1px solid #d7e1ec;
        border-radius: 16px;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 18px 44px rgba(35, 59, 88, .18);
    }

    .mrj-mobile-menu a[b-nbxkb1jtmo] {
        min-height: 48px;
        display: flex;
        align-items: center;
        padding: 0 14px;
        border-radius: 11px;
        color: #1f3a58;
        font-size: .94rem;
        font-weight: 720;
        text-decoration: none;
    }

    .mrj-mobile-menu a:hover[b-nbxkb1jtmo],
    .mrj-mobile-menu a:focus-visible[b-nbxkb1jtmo] {
        background: #edf6ff;
        outline: none;
    }

    .mrj-summary[b-nbxkb1jtmo] {
        width: min(100% - 28px, 560px);
        margin: 20px auto 14px;
    }

    .mrj-summary h1[b-nbxkb1jtmo] {
        font-size: 1.35rem;
    }

    .mrj-summary p[b-nbxkb1jtmo] {
        margin-top: 6px;
        font-size: .9rem;
    }

    .mrj-focus-layout[b-nbxkb1jtmo],
    .mrj-variant-1 .mrj-focus-layout[b-nbxkb1jtmo] {
        width: min(100% - 28px, 560px);
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .mrj-focus-card[b-nbxkb1jtmo] {
        min-height: 520px;
        border-radius: 27px;
        padding: 26px 24px;
    }

    .mrj-focus-card[b-nbxkb1jtmo]::before {
        width: 34px;
    }

    .mrj-focus-context[b-nbxkb1jtmo] {
        gap: 12px;
    }

    .mrj-focus-context small[b-nbxkb1jtmo] {
        max-width: 235px;
        font-size: .9rem;
    }

    .mrj-v3 .mrj-meter-icon[b-nbxkb1jtmo],
    .mrj-route-icon[b-nbxkb1jtmo] {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }

    .mrj-focus-utility[b-nbxkb1jtmo] {
        margin-top: 48px;
        font-size: clamp(2.65rem, 13vw, 4rem);
    }

    .mrj-focus-previous[b-nbxkb1jtmo] {
        margin-top: 42px;
        padding-top: 20px;
    }

    .mrj-focus-previous > strong[b-nbxkb1jtmo] {
        font-size: 2.55rem;
    }

    .mrj-focus-cue[b-nbxkb1jtmo] {
        min-height: 66px;
        padding-top: 20px;
        font-size: 1.05rem;
    }

    .mrj-route-rail[b-nbxkb1jtmo] {
        position: relative;
        z-index: 2;
        max-height: 238px;
        margin: -20px -2px 0;
        overflow: auto;
        border: 1px solid var(--line);
        border-radius: 26px 26px 18px 18px;
        background: #fffffff7;
        box-shadow: 0 -12px 34px #173d6812;
        padding: 0 18px 12px;
    }

    .mrj-route-rail > summary[b-nbxkb1jtmo] {
        position: sticky;
        z-index: 3;
        top: 0;
        min-height: 72px;
        background: #fffffff7;
    }

    .mrj-route-row[b-nbxkb1jtmo] {
        min-height: 84px;
    }

    .mrj-route-list[b-nbxkb1jtmo]::before {
        left: 22px;
    }

    .mrj-route-links[b-nbxkb1jtmo] {
        padding-bottom: 4px;
    }

    .mrj-route-dock[b-nbxkb1jtmo] {
        width: calc(100% - 28px);
        min-height: 108px;
        margin-top: 16px;
        border-radius: 20px;
    }

    .mrj-dock-stop[b-nbxkb1jtmo] {
        flex-basis: 250px;
        min-width: 250px;
        padding: 15px 16px;
    }

    .mrj-dock-stop:first-child[b-nbxkb1jtmo] {
        flex-basis: 118px;
        min-width: 118px;
    }

    .mrj-dock-stop:first-child > span:last-child[b-nbxkb1jtmo] {
        display: none;
    }

    .mrj-v3 .mrj-section[b-nbxkb1jtmo],
    .mrj-v3 .mrj-empty[b-nbxkb1jtmo],
    .mrj-v3 .mrj-completed[b-nbxkb1jtmo],
    .mrj-v3 .mrj-reading[b-nbxkb1jtmo],
    .mrj-v3 .mrj-receipt[b-nbxkb1jtmo] {
        width: min(100% - 28px, 560px);
    }

    .mrj-v3 .mrj-reading[b-nbxkb1jtmo],
    .mrj-v3 .mrj-receipt[b-nbxkb1jtmo] {
        margin-top: 24px;
    }
}

@media (max-width: 430px) {
    .mrj-focus-card[b-nbxkb1jtmo] {
        min-height: min(500px, 60svh);
    }

    .mrj-focus-context small[b-nbxkb1jtmo] {
        max-width: 205px;
    }

    .mrj-focus-utility[b-nbxkb1jtmo] {
        font-size: clamp(2.35rem, 12vw, 3.4rem);
    }

    .mrj-focus-previous[b-nbxkb1jtmo] {
        margin-top: 30px;
    }

    .mrj-route-rail[b-nbxkb1jtmo] {
        max-height: 214px;
    }
}

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

    .mrj-focus-card:hover[b-nbxkb1jtmo],
    .mrj-focus-card:active[b-nbxkb1jtmo] {
        transform: none;
    }
}
/* /Components/Pages/OnboardingGovernance.razor.rz.scp.css */
.governance-hub[b-lim8i72uoy] { max-width: 78rem; margin: 0 auto; }
.governance-hub h2[b-lim8i72uoy] { font-size: 1.25rem; }
@media (max-width: 480px) { .governance-hub[b-lim8i72uoy] { padding: 1rem !important; } .governance-hub table[b-lim8i72uoy] { min-width: 48rem; } }
/* /Components/Pages/TelegramMiniApp.razor.rz.scp.css */
.telegram-launch[b-psrfguq2zc] {
    min-height: min(100vh, 52rem);
    display: grid;
    place-items: center;
    padding: 1rem;
    background: #f5f7fb;
    color: #0d1b2e;
}

.telegram-launch-card[b-psrfguq2zc] {
    width: min(100%, 32rem);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    border: 1px solid #cfe0f4;
    border-radius: 1.5rem;
    background: #ffffff;
    box-shadow: 0 1.5rem 4rem #0d4f9d14;
}

.telegram-launch-brand[b-psrfguq2zc] {
    margin: 0 0 1rem;
    color: #086ee8;
    font-weight: 800;
}

.telegram-launch h1[b-psrfguq2zc] {
    margin: 0;
    font-size: clamp(2rem, 8vw, 3.25rem);
    line-height: .98;
    letter-spacing: -.04em;
}

.telegram-launch-status[b-psrfguq2zc],
.telegram-launch-error[b-psrfguq2zc] {
    margin: 1rem 0 1.5rem;
    color: #4d6178;
    font-size: 1rem;
    line-height: 1.45;
}

.telegram-launch-error[b-psrfguq2zc] {
    color: #8a4c00;
}

.telegram-launch-fallback[b-psrfguq2zc] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: #075fc7;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: .2em;
}

.telegram-launch-fallback:focus-visible[b-psrfguq2zc] {
    outline: 3px solid #086ee8;
    outline-offset: 4px;
    border-radius: .25rem;
}
/* /Components/Pages/UtilityBilling.razor.rz.scp.css */
.billing-page[b-qq7ojjut7v]{max-width:1240px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem);color:#14231d}.billing-hero[b-qq7ojjut7v],.section-heading[b-qq7ojjut7v]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.billing-hero[b-qq7ojjut7v]{padding:clamp(1.25rem,4vw,3rem);border-radius:1.25rem;background:linear-gradient(135deg,#eaf8ef,#f8f3df);border:1px solid #d7e5db}.billing-hero h1[b-qq7ojjut7v]{font-size:clamp(1.9rem,5vw,3.5rem);line-height:1;letter-spacing:-.04em;margin:.25rem 0 1rem}.billing-hero p[b-qq7ojjut7v]{max-width:680px;margin:0}.billing-eyebrow[b-qq7ojjut7v]{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#377455;margin:0}.language-switch[b-qq7ojjut7v]{display:flex;padding:.2rem;border:1px solid #b9cbbf;border-radius:999px;background:#fff}.language-switch button[b-qq7ojjut7v]{border:0;background:transparent;border-radius:999px;padding:.35rem .65rem;font-weight:700}.language-switch .is-active[b-qq7ojjut7v]{background:#165c3d;color:#fff}.scope-panel[b-qq7ojjut7v]{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:1.5rem;margin:1.25rem 0;padding:1.25rem;border:1px solid #dbe4de;border-radius:1rem;background:#fff}.scope-panel h2[b-qq7ojjut7v],.section-heading h2[b-qq7ojjut7v]{font-size:1.15rem;margin:0 0 .25rem}.scope-panel p[b-qq7ojjut7v]{font-size:.875rem;color:#607269;margin:0}.scope-fields[b-qq7ojjut7v]{display:grid;grid-template-columns:2fr .7fr 1fr auto;align-items:end;gap:.75rem}.scope-fields label[b-qq7ojjut7v]{display:block;font-size:.75rem;font-weight:700;margin-bottom:.3rem}.billing-notice[b-qq7ojjut7v]{padding:1rem;border-radius:.8rem;background:#f2f5f3;border:1px solid #dbe4de}.billing-error[b-qq7ojjut7v]{background:#fff0ed;border-color:#f2b8ad;color:#7d241b}.section-heading[b-qq7ojjut7v]{margin:2rem 0 .75rem}.queue-count[b-qq7ojjut7v]{display:grid;place-items:center;min-width:2.25rem;height:2.25rem;border-radius:50%;background:#165c3d;color:#fff;font-weight:800}.billing-table-wrap[b-qq7ojjut7v]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;contain:inline-size paint;border:1px solid #dbe4de;border-radius:1rem}.billing-table[b-qq7ojjut7v]{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.billing-table th[b-qq7ojjut7v],.billing-table td[b-qq7ojjut7v]{padding:.75rem;border-bottom:1px solid #e4ebe6;text-align:left;white-space:nowrap}.billing-table th[b-qq7ojjut7v]{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#607269;background:#f7f9f8}.billing-table tr.is-selected[b-qq7ojjut7v]{background:#edf8f1}.billing-status[b-qq7ojjut7v]{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#eef1ef;font-size:.75rem;font-weight:800}.billing-status[data-status*="Mismatch"][b-qq7ojjut7v],.billing-status[data-status="Disputed"][b-qq7ojjut7v]{background:#fff0d7;color:#784d00}.billing-status[data-status="Matched"][b-qq7ojjut7v],.billing-status[data-status="MatchedWithinTolerance"][b-qq7ojjut7v]{background:#dff5e7;color:#145331}.truth-section[b-qq7ojjut7v]{margin-top:2rem}.truth-grid[b-qq7ojjut7v]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.truth-grid article[b-qq7ojjut7v]{display:flex;min-width:0;flex-direction:column;gap:.4rem;padding:1.15rem;border-radius:1rem;border:1px solid #dbe4de;background:#fff}.truth-grid span[b-qq7ojjut7v]{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#607269}.truth-grid strong[b-qq7ojjut7v]{font-size:clamp(1.5rem,4vw,2.4rem)}.truth-grid small[b-qq7ojjut7v]{overflow-wrap:anywhere;color:#607269}.evidence-grid[b-qq7ojjut7v]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1rem 0;background:#dbe4de;border:1px solid #dbe4de;border-radius:1rem;overflow:hidden}.evidence-grid div[b-qq7ojjut7v]{min-width:0;padding:1rem;background:#f8faf8}.evidence-grid dt[b-qq7ojjut7v]{font-size:.72rem;color:#607269}.evidence-grid dd[b-qq7ojjut7v]{margin:.3rem 0 0;overflow-wrap:anywhere;font-weight:700}.history-panel[b-qq7ojjut7v]{padding:1rem;border-radius:1rem;background:#14231d;color:#f5faf7}.history-panel summary[b-qq7ojjut7v]{cursor:pointer;font-weight:800}.history-panel ol[b-qq7ojjut7v]{margin:1rem 0 0;padding-left:1.25rem}.history-panel li+li[b-qq7ojjut7v]{margin-top:.5rem}@media(max-width:900px){.scope-panel[b-qq7ojjut7v]{grid-template-columns:1fr}.scope-fields[b-qq7ojjut7v]{grid-template-columns:1fr 1fr}.truth-grid[b-qq7ojjut7v],.evidence-grid[b-qq7ojjut7v]{grid-template-columns:1fr}}@media(max-width:560px){.billing-page[b-qq7ojjut7v]{padding:.75rem}.billing-hero[b-qq7ojjut7v]{flex-direction:column}.scope-fields[b-qq7ojjut7v]{grid-template-columns:1fr}.scope-fields .btn[b-qq7ojjut7v]{width:100%}.billing-hero h1[b-qq7ojjut7v]{font-size:2rem}.language-switch[b-qq7ojjut7v]{align-self:flex-end}.section-heading[b-qq7ojjut7v]{align-items:center}.truth-grid article[b-qq7ojjut7v]{padding:1rem}}
.workflow-grid[b-qq7ojjut7v]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.workflow-grid details[b-qq7ojjut7v]{min-width:0;border:1px solid #dbe4de;border-radius:1rem;background:#fff;overflow:hidden}.workflow-grid summary[b-qq7ojjut7v]{cursor:pointer;padding:1rem;font-weight:800;background:#f7f9f8}.workflow-form[b-qq7ojjut7v]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}.workflow-form label[b-qq7ojjut7v]{min-width:0;font-size:.75rem;font-weight:700}.workflow-form label input[b-qq7ojjut7v]{margin-top:.3rem}.workflow-form p[b-qq7ojjut7v],.workflow-form .button-row[b-qq7ojjut7v],.workflow-form .receipt-code[b-qq7ojjut7v]{grid-column:1/-1}.button-row[b-qq7ojjut7v]{display:flex;flex-wrap:wrap;gap:.5rem}.receipt-code[b-qq7ojjut7v]{display:block;overflow-wrap:anywhere;padding:.75rem;border-radius:.5rem;background:#14231d;color:#f5faf7}@media(max-width:900px){.workflow-grid[b-qq7ojjut7v]{grid-template-columns:1fr}}@media(max-width:560px){.workflow-form[b-qq7ojjut7v]{grid-template-columns:1fr}.workflow-form .btn[b-qq7ojjut7v]{width:100%}}
/* /Components/Pages/WebEnrollment.razor.rz.scp.css */
.ee-enrollment-shell[b-dbz7qn8yul] { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: var(--ee-background); }
.ee-enrollment[b-dbz7qn8yul] { width: min(100%, 34rem); padding: clamp(1.25rem, 5vw, 2.5rem); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); background: var(--ee-surface); box-shadow: 0 1rem 3rem rgb(16 46 84 / 10%); color: var(--ee-text); }
.ee-enrollment-kicker[b-dbz7qn8yul] { margin: 0; color: var(--ee-muted); font-weight: 700; }
.ee-enrollment h1[b-dbz7qn8yul] { margin: .35rem 0 1rem; font-size: clamp(1.5rem, 5vw, 2.25rem); }
.ee-enrollment dl[b-dbz7qn8yul] { display: grid; gap: .4rem; grid-template-columns: minmax(8rem, 40%) 1fr; }
.ee-enrollment dt[b-dbz7qn8yul] { color: var(--ee-muted); }
.ee-enrollment dd[b-dbz7qn8yul] { margin: 0; font-weight: 700; }
.ee-enrollment-confirm[b-dbz7qn8yul] { width: 100%; margin-top: 1rem; }
.ee-enrollment-wrong[b-dbz7qn8yul] { min-height: var(--ee-touch-target); width: 100%; margin-top: .5rem; border: 0; background: transparent; color: var(--ee-info); font: inherit; text-decoration: underline; }
.ee-enrollment-wrong:focus-visible[b-dbz7qn8yul] { outline: 3px solid var(--ee-focus); outline-offset: 2px; }
/* /Components/Shared/MeterReadingPhotoEvidence.razor.rz.scp.css */
.mrj-photo-evidence[b-a33z6ifzfr] {
    margin: 22px 0;
    border: 1px solid #c9dced;
    border-radius: 18px;
    padding: 17px;
    background: #f8fbff;
}

.mrj-photo-evidence__heading[b-a33z6ifzfr],
.mrj-photo-evidence__actions[b-a33z6ifzfr],
.mrj-photo-evidence__preview[b-a33z6ifzfr] {
    display: flex;
    align-items: center;
}

.mrj-photo-evidence__heading[b-a33z6ifzfr] {
    justify-content: space-between;
    gap: 12px;
}

.mrj-photo-evidence h2[b-a33z6ifzfr] { margin: 3px 0 0; font-size: 1.12rem; }
.mrj-photo-evidence__status[b-a33z6ifzfr] { border-radius: 99px; background: #e0f5eb; color: #126745; padding: 5px 9px; font-size: .78rem; font-weight: 800; }
.mrj-photo-evidence__intro[b-a33z6ifzfr], .mrj-photo-evidence__preview p[b-a33z6ifzfr], .mrj-photo-evidence__exception p[b-a33z6ifzfr], .mrj-photo-evidence__progress-copy[b-a33z6ifzfr] { color: #526174; }
.mrj-photo-evidence__intro[b-a33z6ifzfr] { margin: 12px 0; }
.mrj-photo-evidence__input[b-a33z6ifzfr] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.mrj-secondary-button[b-a33z6ifzfr] { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid #086ee8; border-radius: 11px; background: #fff; color: #075fc7; padding: 8px 13px; font: inherit; font-weight: 800; cursor: pointer; }
.mrj-photo-evidence__preview[b-a33z6ifzfr] { gap: 11px; margin: 14px 0 10px; padding: 12px; border: 1px solid #b6d4f5; border-radius: 13px; background: #fff; }
.mrj-photo-evidence__preview-icon[b-a33z6ifzfr] { width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #e0f5eb; color: #126745; font-weight: 900; }
.mrj-photo-evidence__preview p[b-a33z6ifzfr] { margin: 3px 0 0; font-size: .88rem; }
.mrj-photo-evidence__progress[b-a33z6ifzfr] { width: 100%; height: 8px; accent-color: #086ee8; }
.mrj-photo-evidence__progress-copy[b-a33z6ifzfr] { margin: 5px 0 0; font-size: .82rem; }
.mrj-photo-evidence__actions[b-a33z6ifzfr] { gap: 15px; margin-top: 12px; }
.mrj-photo-evidence__exception[b-a33z6ifzfr] { margin: 18px 0 0; border: 0; border-top: 1px solid #d7e3ef; padding: 15px 0 0; }
.mrj-photo-evidence__exception legend[b-a33z6ifzfr] { font-weight: 800; }
.mrj-photo-evidence__exception p[b-a33z6ifzfr] { margin: 5px 0 10px; font-size: .88rem; }
.mrj-photo-evidence__exception label[b-a33z6ifzfr] { display: block; margin: 9px 0; }
.mrj-photo-evidence__exception input[b-a33z6ifzfr] { margin-right: 8px; }

@media (max-width: 430px) { .mrj-photo-evidence[b-a33z6ifzfr] { padding: 14px; } .mrj-photo-evidence__heading[b-a33z6ifzfr] { align-items: flex-start; } }