/* /Pages/ReadV2Browser.razor.rz.scp.css */
.read-browser-page[b-v1bqx16a1o] {
    --read-navy: #17324d;
    --read-blue: #526ee8;
    --read-blue-dark: #3d56ca;
    --read-blue-soft: #eef1ff;
    --read-ink: #26394d;
    --read-muted: #637386;
    --read-line: #dfe6ed;
    --read-soft: #f6f8fb;
    --read-success: #278765;
    --read-success-soft: #eaf7f1;
    --read-danger: #b94a53;
    --read-danger-soft: #fff0f1;
    --read-shadow: 0 18px 46px rgba(23, 50, 77, 0.09);
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
    padding: 1.35rem clamp(1rem, 2.4vw, 2.5rem) 2rem;
    color: var(--read-ink);
}

.read-browser-page button[b-v1bqx16a1o],
.read-browser-page input[b-v1bqx16a1o],
.read-browser-page select[b-v1bqx16a1o] {
    font: inherit;
}

.read-browser-page button:focus-visible[b-v1bqx16a1o],
.read-browser-page input:focus-visible[b-v1bqx16a1o],
.read-browser-page select:focus-visible[b-v1bqx16a1o] {
    outline: 3px solid rgba(82, 110, 232, 0.24);
    outline-offset: 2px;
}

.browser-hero[b-v1bqx16a1o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.35rem, 3vw, 2.35rem);
    border: 1px solid var(--read-line);
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 12%, rgba(82, 110, 232, 0.14), transparent 34%),
        linear-gradient(130deg, #ffffff 0%, #fbfcff 58%, #eef2ff 100%);
    box-shadow: var(--read-shadow);
}

.hero-copy[b-v1bqx16a1o] {
    max-width: 780px;
}

.eyebrow[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0.7rem;
    color: var(--read-blue-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.095em;
    text-transform: uppercase;
}

.hero-copy h1[b-v1bqx16a1o] {
    margin: 0;
    color: var(--read-navy);
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 760;
    letter-spacing: -0.045em;
}

.hero-copy > p:last-child[b-v1bqx16a1o] {
    max-width: 720px;
    margin: 0.75rem 0 0;
    color: var(--read-muted);
    font-size: clamp(0.98rem, 1.4vw, 1.1rem);
    line-height: 1.65;
}

.hero-status[b-v1bqx16a1o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    min-width: 250px;
}

.service-pill[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 42px;
    padding: 0.62rem 0.9rem;
    border: 1px solid var(--read-line);
    border-radius: 999px;
    color: var(--read-muted);
    background: rgba(255, 255, 255, 0.9);
    font-size: 0.83rem;
    font-weight: 700;
    white-space: nowrap;
}

.service-pill.online[b-v1bqx16a1o] {
    border-color: rgba(39, 135, 101, 0.22);
    color: #1f6e54;
    background: var(--read-success-soft);
}

.service-pill.offline[b-v1bqx16a1o] {
    border-color: rgba(185, 74, 83, 0.2);
    color: #94404a;
    background: var(--read-danger-soft);
}

.service-dot[b-v1bqx16a1o] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #9aa8b5;
    box-shadow: 0 0 0 4px rgba(154, 168, 181, 0.12);
}

.service-pill.online .service-dot[b-v1bqx16a1o] {
    background: var(--read-success);
    box-shadow: 0 0 0 4px rgba(39, 135, 101, 0.13);
}

.service-pill.offline .service-dot[b-v1bqx16a1o] {
    background: var(--read-danger);
    box-shadow: 0 0 0 4px rgba(185, 74, 83, 0.12);
}

.service-pill.connecting .service-dot[b-v1bqx16a1o] {
    background: var(--read-blue);
    animation: read-pulse-b-v1bqx16a1o 1.35s ease-in-out infinite;
}

.refresh-button[b-v1bqx16a1o],
.reveal-button[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 42px;
    padding: 0.62rem 0.85rem;
    border: 1px solid var(--read-line);
    border-radius: 11px;
    color: var(--read-navy);
    background: #ffffff;
    font-size: 0.84rem;
    font-weight: 750;
    cursor: pointer;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

.refresh-button:hover[b-v1bqx16a1o],
.reveal-button:hover[b-v1bqx16a1o] {
    border-color: rgba(82, 110, 232, 0.44);
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.refresh-button:disabled[b-v1bqx16a1o] {
    opacity: 0.58;
    cursor: wait;
}

.search-surface[b-v1bqx16a1o] {
    margin-top: 1rem;
    padding: 1.15rem;
    border: 1px solid var(--read-line);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(23, 50, 77, 0.055);
}

.search-heading[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
}

.search-heading-icon[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.search-heading h2[b-v1bqx16a1o] {
    margin: 0;
    color: var(--read-navy);
    font-size: 1rem;
    font-weight: 800;
}

.search-heading p[b-v1bqx16a1o] {
    margin: 0.2rem 0 0;
    color: var(--read-muted);
    font-size: 0.82rem;
}

.search-controls[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 190px auto;
    gap: 0.65rem;
}

.search-input[b-v1bqx16a1o],
.search-mode[b-v1bqx16a1o] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #ccd6df;
    border-radius: 11px;
    color: var(--read-ink);
    background: #ffffff;
}

.search-input[b-v1bqx16a1o] {
    padding: 0.7rem 0.9rem;
}

.search-mode[b-v1bqx16a1o] {
    padding: 0.7rem 2.3rem 0.7rem 0.8rem;
}

.search-input:hover[b-v1bqx16a1o],
.search-mode:hover[b-v1bqx16a1o] {
    border-color: #aab9c7;
}

.search-input:focus[b-v1bqx16a1o],
.search-mode:focus[b-v1bqx16a1o] {
    border-color: var(--read-blue);
}

.search-button[b-v1bqx16a1o],
.primary-action[b-v1bqx16a1o],
.secondary-action[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.66rem 1rem;
    border-radius: 11px;
    font-size: 0.87rem;
    font-weight: 800;
    cursor: pointer;
}

.search-button[b-v1bqx16a1o],
.primary-action[b-v1bqx16a1o] {
    border: 1px solid var(--read-blue);
    color: #ffffff;
    background: var(--read-blue);
}

.search-button:hover[b-v1bqx16a1o],
.primary-action:hover[b-v1bqx16a1o] {
    border-color: var(--read-blue-dark);
    background: var(--read-blue-dark);
}

.search-button:disabled[b-v1bqx16a1o] {
    border-color: #aab6c1;
    background: #aab6c1;
    cursor: not-allowed;
}

.secondary-action[b-v1bqx16a1o] {
    border: 1px solid #cbd5de;
    color: var(--read-navy);
    background: #ffffff;
}

.secondary-action:hover[b-v1bqx16a1o] {
    border-color: var(--read-blue);
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.search-options[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.7rem;
    color: var(--read-muted);
    font-size: 0.78rem;
}

.check-option[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--read-ink);
    cursor: pointer;
}

.check-option input[b-v1bqx16a1o] {
    width: 16px;
    height: 16px;
    accent-color: var(--read-blue);
}

.search-options kbd[b-v1bqx16a1o] {
    padding: 0.08rem 0.34rem;
    border: 1px solid #ccd6df;
    border-bottom-width: 2px;
    border-radius: 5px;
    color: var(--read-muted);
    background: #f8fafc;
    font: inherit;
    font-weight: 700;
}

.browser-alert[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.8rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(185, 74, 83, 0.22);
    border-radius: 13px;
    color: #7d3540;
    background: var(--read-danger-soft);
}

.browser-alert .alert-icon[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--read-danger);
    background: #ffe2e5;
}

.browser-alert > div[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
    font-size: 0.84rem;
}

.browser-alert > div span[b-v1bqx16a1o] {
    color: #94404a;
}

.browser-alert button[b-v1bqx16a1o] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    color: #94404a;
    background: transparent;
    cursor: pointer;
}

.browser-alert button:hover[b-v1bqx16a1o] {
    background: #ffe1e4;
}

.browser-workspace[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: minmax(340px, 390px) minmax(0, 1fr);
    min-height: 690px;
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid var(--read-line);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: var(--read-shadow);
}

.navigation-panel[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-right: 1px solid var(--read-line);
    background: #fbfcfe;
}

.panel-tabs[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--read-line);
    background: #ffffff;
}

.panel-tabs > button[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 52px;
    padding: 0.7rem;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--read-muted);
    background: transparent;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
}

.panel-tabs > button:hover[b-v1bqx16a1o] {
    color: var(--read-ink);
    background: var(--read-soft);
}

.panel-tabs > button.active[b-v1bqx16a1o] {
    border-bottom-color: var(--read-blue);
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.tab-count[b-v1bqx16a1o] {
    min-width: 22px;
    padding: 0.08rem 0.36rem;
    border-radius: 999px;
    color: var(--read-blue-dark);
    background: rgba(82, 110, 232, 0.13);
    font-size: 0.7rem;
}

.panel-toolbar[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    min-height: 62px;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--read-line);
    background: #ffffff;
}

.panel-toolbar > div:first-child[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.panel-toolbar strong[b-v1bqx16a1o] {
    color: var(--read-navy);
    font-size: 0.83rem;
}

.panel-toolbar span[b-v1bqx16a1o] {
    overflow: hidden;
    color: var(--read-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbar-actions[b-v1bqx16a1o] {
    display: flex;
    gap: 0.4rem;
}

.toolbar-actions button[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--read-line);
    border-radius: 9px;
    color: var(--read-muted);
    background: #ffffff;
    cursor: pointer;
}

.toolbar-actions button:hover:not(:disabled)[b-v1bqx16a1o] {
    border-color: rgba(82, 110, 232, 0.44);
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.toolbar-actions button:disabled[b-v1bqx16a1o] {
    opacity: 0.45;
    cursor: not-allowed;
}

.tree-legend[b-v1bqx16a1o] {
    display: flex;
    gap: 0.85rem;
    padding: 0.45rem 0.9rem;
    border-bottom: 1px solid var(--read-line);
    color: var(--read-muted);
    background: #f8fafc;
    font-size: 0.7rem;
}

.tree-legend span[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.status-dot[b-v1bqx16a1o],
.result-status[b-v1bqx16a1o] {
    display: inline-block;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-dot.current[b-v1bqx16a1o],
.result-status.current[b-v1bqx16a1o] {
    background: var(--read-success);
}

.status-dot.obsolete[b-v1bqx16a1o],
.result-status.obsolete[b-v1bqx16a1o] {
    background: var(--read-danger);
}

.hierarchy-tree[b-v1bqx16a1o],
.search-results[b-v1bqx16a1o] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 568px;
    overflow: auto;
    scrollbar-color: #b8c4cf transparent;
    scrollbar-width: thin;
}

.tree-row[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: stretch;
    min-height: 25.5px;
    padding-left: calc(var(--tree-depth) * 14px);
    border-bottom: 1px solid #edf1f4;
    background: #ffffff;
}

.tree-row:hover[b-v1bqx16a1o] {
    background: #f5f7fb;
}

.tree-row.selected[b-v1bqx16a1o] {
    box-shadow: inset 3px 0 0 var(--read-blue);
    background: var(--read-blue-soft);
}

.tree-row.inactive[b-v1bqx16a1o] {
    background-image: linear-gradient(90deg, rgba(185, 74, 83, 0.035), transparent 55%);
}

.tree-toggle[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    min-height: 24.5px;
    border: 0;
    color: var(--read-blue-dark);
    background: transparent;
    cursor: pointer;
}

.tree-toggle:disabled[b-v1bqx16a1o] {
    color: #acb7c1;
    cursor: default;
}

.tree-node-button[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: 8px auto minmax(0, 1fr);
    align-items: center;
    gap: 0.48rem;
    min-width: 0;
    padding: 0.22rem 0.65rem 0.22rem 0.2rem;
    border: 0;
    color: var(--read-ink);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.tree-node-button code[b-v1bqx16a1o],
.result-title code[b-v1bqx16a1o],
.relationship-row code[b-v1bqx16a1o],
.concept-code-line code[b-v1bqx16a1o],
.preferred-card code[b-v1bqx16a1o],
.term-table code[b-v1bqx16a1o],
.mapping-row code[b-v1bqx16a1o] {
    color: var(--read-blue-dark);
    font-family: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
}

.tree-node-button code[b-v1bqx16a1o] {
    min-width: 48px;
    font-size: 0.74rem;
}

.tree-term[b-v1bqx16a1o] {
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-row.inactive .tree-term[b-v1bqx16a1o] {
    color: #8c5a61;
}

.tree-footer[b-v1bqx16a1o] {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.5rem 0.8rem;
    border-top: 1px solid var(--read-line);
    color: var(--read-muted);
    background: #ffffff;
    font-size: 0.68rem;
}

.tree-footer span[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.panel-loading[b-v1bqx16a1o],
.panel-empty[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 2rem 1.25rem;
    color: var(--read-muted);
    text-align: center;
}

.panel-loading[b-v1bqx16a1o] {
    gap: 0.8rem;
}

.panel-loading strong[b-v1bqx16a1o],
.panel-empty strong[b-v1bqx16a1o] {
    color: var(--read-navy);
    font-size: 0.9rem;
}

.panel-empty.compact[b-v1bqx16a1o] {
    min-height: 300px;
}

.panel-empty p[b-v1bqx16a1o] {
    max-width: 270px;
    margin: 0.45rem 0 0.85rem;
    font-size: 0.78rem;
    line-height: 1.55;
}

.empty-icon[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 0.8rem;
    border-radius: 15px;
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
    font-size: 1.15rem;
}

.result-row[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    min-height: 62px;
    padding: 0.65rem 0.8rem;
    border: 0;
    border-bottom: 1px solid #edf1f4;
    color: var(--read-ink);
    background: #ffffff;
    text-align: left;
    cursor: pointer;
}

.result-row:hover[b-v1bqx16a1o] {
    background: #f5f7fb;
}

.result-row.selected[b-v1bqx16a1o] {
    box-shadow: inset 3px 0 0 var(--read-blue);
    background: var(--read-blue-soft);
}

.result-copy[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.result-title[b-v1bqx16a1o] {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
    min-width: 0;
}

.result-title code[b-v1bqx16a1o] {
    flex: 0 0 auto;
    font-size: 0.75rem;
}

.result-title strong[b-v1bqx16a1o] {
    overflow: hidden;
    font-size: 0.79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-copy small[b-v1bqx16a1o] {
    overflow: hidden;
    color: var(--read-muted);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-row > i[b-v1bqx16a1o] {
    color: #9aa8b5;
    font-size: 0.68rem;
}

.results-note[b-v1bqx16a1o] {
    margin: 0;
    padding: 0.75rem 0.9rem;
    color: var(--read-muted);
    background: #f8fafc;
    font-size: 0.72rem;
    line-height: 1.5;
}

.detail-panel[b-v1bqx16a1o] {
    min-width: 0;
    background: #ffffff;
}

.detail-placeholder[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 690px;
    padding: 3rem clamp(1.25rem, 5vw, 4rem);
    color: var(--read-muted);
    text-align: center;
}

.detail-placeholder h2[b-v1bqx16a1o] {
    margin: 1rem 0 0.35rem;
    color: var(--read-navy);
    font-size: 1.35rem;
}

.detail-placeholder > p[b-v1bqx16a1o] {
    max-width: 570px;
    margin: 0 0 1.25rem;
    line-height: 1.6;
}

.placeholder-icon[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 22px;
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
    font-size: 1.65rem;
}

.statistics-grid[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    gap: 0.65rem;
    width: min(100%, 620px);
    margin-top: 0.8rem;
}

.statistics-grid > div[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.9rem 0.75rem;
    border: 1px solid var(--read-line);
    border-radius: 13px;
    background: var(--read-soft);
}

.statistics-grid strong[b-v1bqx16a1o] {
    color: var(--read-navy);
    font-size: 1.15rem;
}

.statistics-grid span[b-v1bqx16a1o] {
    font-size: 0.72rem;
}

.concept-detail[b-v1bqx16a1o] {
    min-width: 0;
}

.concept-header[b-v1bqx16a1o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.45rem clamp(1rem, 2.4vw, 1.8rem);
    border-bottom: 1px solid var(--read-line);
    background: linear-gradient(135deg, #ffffff, #fafbff);
}

.concept-identity[b-v1bqx16a1o] {
    min-width: 0;
}

.concept-code-line[b-v1bqx16a1o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.concept-code-line code[b-v1bqx16a1o] {
    display: inline-flex;
    padding: 0.32rem 0.55rem;
    border-radius: 8px;
    background: var(--read-blue-soft);
    font-size: 0.86rem;
    font-weight: 800;
}

.status-badge[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.status-badge.current[b-v1bqx16a1o] {
    color: #1f6e54;
    background: var(--read-success-soft);
}

.status-badge.obsolete[b-v1bqx16a1o] {
    color: #94404a;
    background: var(--read-danger-soft);
}

.concept-identity h2[b-v1bqx16a1o] {
    margin: 0.68rem 0 0;
    color: var(--read-navy);
    font-size: clamp(1.35rem, 2.6vw, 2rem);
    font-weight: 760;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.concept-identity p[b-v1bqx16a1o] {
    margin: 0.35rem 0 0;
    color: var(--read-muted);
    font-size: 0.78rem;
}

.match-notice[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem clamp(1rem, 2.4vw, 1.8rem);
    border-bottom: 1px solid rgba(82, 110, 232, 0.16);
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
    font-size: 0.8rem;
}

.concept-breadcrumb[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 42px;
    padding: 0.45rem clamp(1rem, 2.4vw, 1.8rem);
    overflow-x: auto;
    border-bottom: 1px solid var(--read-line);
    background: #fbfcfe;
    white-space: nowrap;
}

.concept-breadcrumb button[b-v1bqx16a1o] {
    padding: 0.25rem 0.35rem;
    border: 0;
    border-radius: 6px;
    color: var(--read-blue-dark);
    background: transparent;
    font-size: 0.72rem;
    cursor: pointer;
}

.concept-breadcrumb button:hover[b-v1bqx16a1o] {
    background: var(--read-blue-soft);
}

.concept-breadcrumb > i[b-v1bqx16a1o] {
    color: #a4b0bb;
    font-size: 0.55rem;
}

.detail-tabs[b-v1bqx16a1o] {
    display: flex;
    align-items: stretch;
    gap: 0.2rem;
    min-height: 50px;
    padding: 0 1rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--read-line);
    background: #ffffff;
}

.detail-tabs button[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.7rem 0.9rem;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--read-muted);
    background: transparent;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.detail-tabs button:hover[b-v1bqx16a1o] {
    color: var(--read-ink);
    background: var(--read-soft);
}

.detail-tabs button.active[b-v1bqx16a1o] {
    border-bottom-color: var(--read-blue);
    color: var(--read-blue-dark);
}

.detail-tabs button span[b-v1bqx16a1o] {
    min-width: 21px;
    padding: 0.07rem 0.32rem;
    border-radius: 999px;
    color: var(--read-muted);
    background: #edf1f5;
    font-size: 0.67rem;
}

.detail-tabs button.active span[b-v1bqx16a1o] {
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.detail-content[b-v1bqx16a1o] {
    padding: clamp(1rem, 2.5vw, 1.6rem);
}

.overview-grid[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
    gap: 0.9rem;
}

.detail-card[b-v1bqx16a1o] {
    display: flex;
    gap: 0.9rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--read-line);
    border-radius: 15px;
    background: #ffffff;
}

.preferred-card[b-v1bqx16a1o] {
    background: linear-gradient(145deg, #ffffff, #fafbff);
}

.card-icon[b-v1bqx16a1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #c48b17;
    background: #fff8df;
}

.card-label[b-v1bqx16a1o],
.section-kicker[b-v1bqx16a1o] {
    display: block;
    color: var(--read-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

.preferred-card h3[b-v1bqx16a1o] {
    margin: 0.35rem 0;
    color: var(--read-navy);
    font-size: 1.02rem;
}

.preferred-card p[b-v1bqx16a1o] {
    margin: 0;
    color: var(--read-muted);
    font-size: 0.75rem;
}

.preferred-card p code[b-v1bqx16a1o] {
    margin-left: 0.25rem;
}

.summary-card[b-v1bqx16a1o] {
    flex-direction: column;
}

.summary-card dl[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    margin: 0;
}

.summary-card dl div[b-v1bqx16a1o] {
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    background: var(--read-soft);
}

.summary-card dt[b-v1bqx16a1o] {
    color: var(--read-muted);
    font-size: 0.66rem;
    font-weight: 700;
}

.summary-card dd[b-v1bqx16a1o] {
    margin: 0.12rem 0 0;
    color: var(--read-navy);
    font-size: 0.92rem;
    font-weight: 800;
}

.content-section[b-v1bqx16a1o] {
    margin-top: 0.9rem;
    padding: 1rem;
    border: 1px solid var(--read-line);
    border-radius: 15px;
    background: #ffffff;
}

.content-section.flush-section[b-v1bqx16a1o] {
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

.content-section > header[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.flush-section > header[b-v1bqx16a1o] {
    margin: 0;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--read-line);
    background: #fbfcfe;
}

.content-section h3[b-v1bqx16a1o] {
    margin: 0.18rem 0 0;
    color: var(--read-navy);
    font-size: 0.98rem;
}

.text-action[b-v1bqx16a1o] {
    padding: 0.35rem 0.45rem;
    border: 0;
    border-radius: 7px;
    color: var(--read-blue-dark);
    background: transparent;
    font-size: 0.73rem;
    font-weight: 800;
    cursor: pointer;
}

.text-action:hover[b-v1bqx16a1o] {
    background: var(--read-blue-soft);
}

.section-count[b-v1bqx16a1o] {
    color: var(--read-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.section-empty[b-v1bqx16a1o] {
    margin: 0;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
    color: var(--read-muted);
    background: var(--read-soft);
    font-size: 0.75rem;
}

.synonym-list[b-v1bqx16a1o] {
    display: grid;
    gap: 0.38rem;
}

.synonym-list > div[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.55rem 0.7rem;
    border-radius: 9px;
    background: var(--read-soft);
}

.synonym-list span[b-v1bqx16a1o] {
    min-width: 0;
    font-size: 0.77rem;
}

.synonym-list code[b-v1bqx16a1o] {
    flex: 0 0 auto;
    color: var(--read-blue-dark);
    font-size: 0.7rem;
}

.relationship-grid[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

.relationship-grid h4[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.5rem;
    color: var(--read-navy);
    font-size: 0.78rem;
}

.relationship-grid h4 i[b-v1bqx16a1o] {
    color: var(--read-blue);
}

.relationship-row[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 41px;
    padding: 0.48rem 0.6rem;
    border: 0;
    border-bottom: 1px solid #edf1f4;
    color: var(--read-ink);
    background: #ffffff;
    text-align: left;
    cursor: pointer;
}

.relationship-row:first-of-type[b-v1bqx16a1o] {
    border-top: 1px solid #edf1f4;
}

.relationship-row:hover[b-v1bqx16a1o] {
    background: var(--read-blue-soft);
}

.relationship-row code[b-v1bqx16a1o] {
    font-size: 0.7rem;
}

.relationship-row span[b-v1bqx16a1o] {
    overflow: hidden;
    font-size: 0.74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relationship-row > i:not(.status-dot)[b-v1bqx16a1o] {
    color: #9aa8b5;
    font-size: 0.6rem;
}

.relationship-note[b-v1bqx16a1o] {
    margin: 0.45rem 0 0;
    color: var(--read-muted);
    font-size: 0.69rem;
    line-height: 1.45;
}

.term-table-wrapper[b-v1bqx16a1o] {
    width: 100%;
    overflow-x: auto;
}

.term-table[b-v1bqx16a1o] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.term-table th[b-v1bqx16a1o] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid var(--read-line);
    color: var(--read-muted);
    background: #f7f9fb;
    font-size: 0.67rem;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

.term-table td[b-v1bqx16a1o] {
    padding: 0.65rem 0.7rem;
    border-bottom: 1px solid #edf1f4;
    color: var(--read-ink);
    font-size: 0.73rem;
    line-height: 1.4;
    vertical-align: top;
}

.term-table tr.preferred td[b-v1bqx16a1o] {
    background: rgba(238, 241, 255, 0.55);
}

.term-type[b-v1bqx16a1o],
.term-status[b-v1bqx16a1o],
.map-status[b-v1bqx16a1o] {
    display: inline-flex;
    padding: 0.22rem 0.45rem;
    border-radius: 999px;
    color: var(--read-muted);
    background: #edf1f5;
    font-size: 0.65rem;
    font-weight: 800;
    white-space: nowrap;
}

.term-type.preferred[b-v1bqx16a1o] {
    color: var(--read-blue-dark);
    background: var(--read-blue-soft);
}

.term-status.current[b-v1bqx16a1o] {
    color: #1f6e54;
    background: var(--read-success-soft);
}

.term-status.obsolete[b-v1bqx16a1o] {
    color: #94404a;
    background: var(--read-danger-soft);
}

.mapping-empty[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 3rem 1.5rem;
    color: var(--read-muted);
    text-align: center;
}

.mapping-empty i[b-v1bqx16a1o] {
    margin-bottom: 0.45rem;
    color: var(--read-blue);
    font-size: 1.5rem;
}

.mapping-empty strong[b-v1bqx16a1o] {
    color: var(--read-navy);
}

.mapping-empty p[b-v1bqx16a1o] {
    max-width: 520px;
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.5;
}

.mapping-groups[b-v1bqx16a1o] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.mapping-group[b-v1bqx16a1o] {
    overflow: hidden;
    border: 1px solid var(--read-line);
    border-radius: 12px;
}

.mapping-group > header[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.62rem 0.8rem;
    border-bottom: 1px solid var(--read-line);
    color: var(--read-navy);
    background: #f7f9fb;
    font-size: 0.75rem;
    font-weight: 800;
}

.mapping-group > header small[b-v1bqx16a1o] {
    color: var(--read-muted);
    font-size: 0.65rem;
    font-weight: 700;
}

.mapping-row[b-v1bqx16a1o] {
    display: grid;
    grid-template-columns: minmax(105px, 0.25fr) minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #edf1f4;
}

.mapping-row:last-child[b-v1bqx16a1o] {
    border-bottom: 0;
}

.mapping-row code[b-v1bqx16a1o] {
    font-size: 0.74rem;
    font-weight: 800;
}

.mapping-row > div[b-v1bqx16a1o] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.mapping-row strong[b-v1bqx16a1o] {
    color: var(--read-ink);
    font-size: 0.75rem;
    font-weight: 700;
}

.mapping-row small[b-v1bqx16a1o] {
    color: var(--read-muted);
    font-size: 0.67rem;
}

.browser-footnote[b-v1bqx16a1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 0 0;
    color: var(--read-muted);
    font-size: 0.72rem;
    text-align: center;
}

.browser-footnote i[b-v1bqx16a1o] {
    color: var(--read-blue);
}

@keyframes read-pulse-b-v1bqx16a1o {
    0%,
    100% {
        opacity: 0.58;
        transform: scale(0.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

@media (max-width: 1180px) {
    .browser-workspace[b-v1bqx16a1o] {
        grid-template-columns: 335px minmax(0, 1fr);
    }

    .overview-grid[b-v1bqx16a1o],
    .relationship-grid[b-v1bqx16a1o] {
        grid-template-columns: 1fr;
    }

    .statistics-grid[b-v1bqx16a1o] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .browser-hero[b-v1bqx16a1o] {
        flex-direction: column;
    }

    .hero-status[b-v1bqx16a1o] {
        justify-content: flex-start;
        min-width: 0;
    }

    .browser-workspace[b-v1bqx16a1o] {
        grid-template-columns: 1fr;
    }

    .navigation-panel[b-v1bqx16a1o] {
        min-height: 520px;
        border-right: 0;
        border-bottom: 1px solid var(--read-line);
    }

    .hierarchy-tree[b-v1bqx16a1o],
    .search-results[b-v1bqx16a1o] {
        max-height: 480px;
    }

    .detail-placeholder[b-v1bqx16a1o] {
        min-height: 540px;
    }
}

@media (max-width: 680px) {
    .read-browser-page[b-v1bqx16a1o] {
        padding: 0.8rem 0.65rem 1.4rem;
    }

    .browser-hero[b-v1bqx16a1o] {
        padding: 1.25rem;
        border-radius: 16px;
    }

    .search-surface[b-v1bqx16a1o] {
        padding: 0.9rem;
        border-radius: 14px;
    }

    .search-controls[b-v1bqx16a1o] {
        grid-template-columns: 1fr;
    }

    .search-button[b-v1bqx16a1o] {
        min-height: 48px;
    }

    .search-options[b-v1bqx16a1o] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }

    .browser-workspace[b-v1bqx16a1o] {
        border-radius: 14px;
    }

    .concept-header[b-v1bqx16a1o] {
        flex-direction: column;
    }

    .reveal-button[b-v1bqx16a1o] {
        align-self: flex-start;
    }

    .detail-tabs[b-v1bqx16a1o] {
        padding: 0 0.45rem;
    }

    .detail-tabs button[b-v1bqx16a1o] {
        padding: 0.7rem 0.6rem;
    }

    .detail-content[b-v1bqx16a1o] {
        padding: 0.8rem;
    }

    .summary-card dl[b-v1bqx16a1o],
    .statistics-grid[b-v1bqx16a1o] {
        grid-template-columns: 1fr 1fr;
    }

    .content-section > header[b-v1bqx16a1o] {
        align-items: flex-start;
    }

    .mapping-row[b-v1bqx16a1o] {
        grid-template-columns: minmax(90px, 0.32fr) minmax(0, 1fr);
    }

    .mapping-row .map-status[b-v1bqx16a1o] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 440px) {
    .hero-status[b-v1bqx16a1o] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .service-pill[b-v1bqx16a1o],
    .refresh-button[b-v1bqx16a1o] {
        justify-content: center;
        width: 100%;
    }

    .search-heading[b-v1bqx16a1o] {
        align-items: flex-start;
    }

    .tree-footer[b-v1bqx16a1o] {
        align-items: flex-start;
        flex-direction: column;
    }

    .statistics-grid[b-v1bqx16a1o],
    .summary-card dl[b-v1bqx16a1o] {
        grid-template-columns: 1fr;
    }

    .synonym-list > div[b-v1bqx16a1o] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .browser-footnote[b-v1bqx16a1o] {
        align-items: flex-start;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-pill.connecting .service-dot[b-v1bqx16a1o] {
        animation: none;
    }

    .refresh-button[b-v1bqx16a1o],
    .reveal-button[b-v1bqx16a1o] {
        transition: none;
    }
}