/*
 * MEDIARADAR_AI_LISTS_EXTERNAL_CSS_V1
 *
 * Persistent fallback for shared AI-analysis/list styles.
 * Source Blade styles remain in place for safe rollout.
 */
[x-cloak] {
    display: none !important;
}


/* ========================================================
 * SOURCE: resources/views/npa/_styles.blade.php — block 1
 * ======================================================== */
.mr-npa-page {
        --mr-npa-accent: #00796B;
        --mr-npa-accent-rgb: 0, 121, 107;
        display: grid;
        gap: 20px;
    }

    .mr-npa-page-header {
        display: block;
    }

    .mr-npa-page-title {
        color: #09090b;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }

    .mr-npa-page-subtitle {
        margin-top: 4px;
        color: #71717a;
        font-size: 14px;
        line-height: 20px;
    }

    .mr-npa-head-card {
        overflow: hidden;
        border: 1px solid #e4e4e7;
        border-radius: 12px;
        background: #fff;
    }

    .mr-npa-head-main {
        padding: 16px 20px;
    }

    .mr-npa-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .mr-npa-head-brand {
        display: flex;
        min-width: 210px;
        flex: 0 0 auto;
        align-items: center;
        gap: 12px;
    }

    .mr-npa-head-logo {
        display: flex;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        align-items: center;
        justify-content: center;
        color: var(--mr-npa-accent);
    }

    .mr-npa-head-logo svg {
        width: 42px;
        height: 42px;
    }

    .mr-npa-head-title {
        color: #18181b;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .mr-npa-head-subtitle {
        margin-top: 2px;
        color: #a1a1aa;
        font-size: 12px;
        line-height: 16px;
    }

    .mr-npa-head-ai {
        display: inline-flex;
        align-items: center;
        border-radius: 5px;
        padding: 2px 6px;
        background: rgba(var(--mr-npa-accent-rgb), .075);
        color: var(--mr-npa-accent);
        font-size: 9px;
        font-weight: 700;
        line-height: 16px;
    }

    .mr-npa-head-tools {
        display: grid;
        min-width: 0;
        flex: 1 1 auto;
        grid-template-columns:
            minmax(190px, 1.35fr)
            repeat(4, minmax(112px, .7fr));
        gap: 8px;
    }

    /* NPA_ADOPTED_REMOVE_PLACE_FILTER_V1
     * /npa/adopted has search + three meaningful filters.
     * Do not alter the shared layout used by other NPA pages.
     */
    .mr-npa-head-tools--adopted {
        grid-template-columns:
            minmax(190px, 1.35fr)
            repeat(3, minmax(112px, .7fr));
    }

    .mr-npa-head-control {
        display: block;
        width: 100%;
        height: 38px;
        min-width: 0;
        border: 0;
        border-radius: 8px;
        padding: 0 12px;
        background: #f4f4f5;
        color: #3f3f46;
        font-size: 12px;
        outline: none;
        transition: background-color .15s ease, box-shadow .15s ease;
    }

    .mr-npa-head-control:hover {
        background: #eeeeef;
    }

    .mr-npa-head-control:focus {
        background: #fff;
        box-shadow:
            0 0 0 1px rgba(var(--mr-npa-accent-rgb), .32),
            0 0 0 3px rgba(var(--mr-npa-accent-rgb), .075);
    }

    .mr-npa-head-search {
        position: relative;
        min-width: 0;
    }

    .mr-npa-head-search-input {
        padding-left: 36px;
    }

    .mr-npa-head-search-icon {
        position: absolute;
        top: 50%;
        left: 12px;
        z-index: 2;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
        color: #a1a1aa;
        pointer-events: none;
    }

    .mr-npa-head-info {
        display: flex;
        min-height: 39px;
        flex-wrap: wrap;
        align-items: center;
        border-top: 1px solid #e4e4e7;
        padding: 9px 16px;
        background: #f4f4f5;
        color: #71717a;
        font-size: 11px;
        line-height: 20px;
    }

    .mr-npa-head-info strong {
        color: #3f3f46;
        font-weight: 600;
    }

    .mr-npa-head-dot {
        margin: 0 12px;
        color: #d4d4d8;
    }

    .mr-npa-head-note,
    .mr-npa-head-reset {
        margin-left: auto;
        color: #a1a1aa;
    }

    .mr-npa-head-reset {
        border: 0;
        border-radius: 6px;
        padding: 2px 7px;
        background: transparent;
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
    }

    .mr-npa-head-reset:hover {
        background: rgba(var(--mr-npa-accent-rgb), .075);
        color: var(--mr-npa-accent);
    }

    .mr-npa-head-control:focus-visible,
    .mr-npa-head-reset:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px rgba(var(--mr-npa-accent-rgb), .14);
    }

    .mr-npa-source-note {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 7px;
        min-height: 30px;
        border: 1px solid #e4e4e7;
        border-radius: 8px;
        padding: 5px 9px;
        background: #fff;
        color: #71717a;
        font-size: 10px;
        font-weight: 500;
        line-height: 16px;
    }

    .mr-npa-source-note svg {
        width: 14px;
        height: 14px;
        color: var(--mr-npa-accent);
    }

    .mr-npa-card {
        overflow: hidden;
        border: 1px solid #e4e4e7;
        border-radius: 12px;
        background: #fff;
    }

    .mr-npa-tools {
        display: grid;
        grid-template-columns: minmax(230px, 1.6fr) repeat(3, minmax(145px, .8fr)) auto;
        gap: 8px;
        padding: 12px;
        border-bottom: 1px solid #e4e4e7;
        background: #fafafa;
    }

    .mr-npa-search {
        position: relative;
        min-width: 0;
    }

    .mr-npa-search > svg {
        position: absolute;
        top: 50%;
        left: 12px;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
        color: #a1a1aa;
        pointer-events: none;
    }

    .mr-npa-control {
        width: 100%;
        height: 38px;
        min-width: 0;
        border: 1px solid #e4e4e7;
        border-radius: 8px;
        padding: 0 11px;
        background: #fff;
        color: #3f3f46;
        font: inherit;
        font-size: 12px;
        line-height: 18px;
        outline: none;
        transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    }

    .mr-npa-search .mr-npa-control {
        padding-left: 36px;
    }

    .mr-npa-control::placeholder {
        color: #a1a1aa;
    }

    .mr-npa-control:focus {
        border-color: rgba(var(--mr-npa-accent-rgb), .42);
        box-shadow: 0 0 0 3px rgba(var(--mr-npa-accent-rgb), .09);
    }

    .mr-npa-clear {
        display: inline-flex;
        height: 38px;
        align-items: center;
        justify-content: center;
        border: 1px solid #e4e4e7;
        border-radius: 8px;
        padding: 0 12px;
        background: #fff;
        color: #71717a;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
        transition: border-color .15s ease, color .15s ease, background-color .15s ease;
        cursor: pointer;
    }

    .mr-npa-clear:hover {
        border-color: rgba(var(--mr-npa-accent-rgb), .28);
        background: rgba(var(--mr-npa-accent-rgb), .04);
        color: var(--mr-npa-accent);
    }

    .mr-npa-clear:focus-visible,
    .mr-npa-tab:focus-visible,
    .mr-npa-source-link:focus-visible,
    .mr-npa-ai-action:focus-visible,
    .mr-npa-row > summary:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px rgba(var(--mr-npa-accent-rgb), .14);
    }

    .mr-npa-tabs-bar {
        overflow-x: auto;
        border-bottom: 1px solid #e4e4e7;
        padding: 9px 12px;
        background: #fff;
        scrollbar-width: thin;
    }

    .mr-npa-tabs {
        display: flex;
        width: max-content;
        min-width: 100%;
        flex-wrap: wrap;
        gap: 4px;
    }

    .mr-npa-tab {
        display: inline-flex;
        min-height: 32px;
        align-items: center;
        gap: 7px;
        border: 0;
        border-radius: 7px;
        padding: 7px 10px;
        background: transparent;
        color: #71717a;
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
        white-space: nowrap;
        transition: color .15s ease, background-color .15s ease;
        cursor: pointer;
    }

    .mr-npa-tab:hover {
        background: #f4f4f5;
        color: #27272a;
    }

    .mr-npa-tab-active {
        background: rgba(var(--mr-npa-accent-rgb), .085);
        color: var(--mr-npa-accent);
        font-weight: 600;
    }


    /*
     * NPA_BILLS_TAB_COUNTS_V1
     *
     * Bills only:
     * visually separate the numeric counter from the tab label
     * without turning it into a loud notification badge.
     */
    .mr-npa-bills-tabs
    .mr-npa-tab {
        gap: 6px;
    }

    .mr-npa-bills-tab-label {
        min-width: 0;
    }

    .mr-npa-bills-tab-count {
        display: inline-flex;

        min-width: 20px;
        height: 18px;

        flex: 0 0 auto;

        align-items: center;
        justify-content: center;

        padding: 0 5px;

        border-radius: 999px;

        background: #f4f4f5;
        color: #71717a;

        font-size: 9px;
        font-weight: 700;
        line-height: 18px;

        font-variant-numeric: tabular-nums;

        transition:
            background-color .15s ease,
            color .15s ease;
    }

    .mr-npa-bills-tabs
    .mr-npa-tab:hover
    .mr-npa-bills-tab-count {
        background: #e4e4e7;
        color: #52525b;
    }

    .mr-npa-bills-tabs
    .mr-npa-tab-active
    .mr-npa-bills-tab-count,
    .mr-npa-bills-tabs
    .mr-npa-tab-active:hover
    .mr-npa-bills-tab-count {
        background: rgba(var(--mr-npa-accent-rgb), .14);
        color: var(--mr-npa-accent);
    }

    .dark
    .mr-npa-bills-tab-count {
        background: #27272a;
        color: #a1a1aa;
    }

    .dark
    .mr-npa-bills-tabs
    .mr-npa-tab:hover
    .mr-npa-bills-tab-count {
        background: #3f3f46;
        color: #d4d4d8;
    }

    .dark
    .mr-npa-bills-tabs
    .mr-npa-tab-active
    .mr-npa-bills-tab-count,
    .dark
    .mr-npa-bills-tabs
    .mr-npa-tab-active:hover
    .mr-npa-bills-tab-count {
        background: rgba(var(--mr-npa-accent-rgb), .22);
        color: #5eead4;
    }

    .mr-npa-row {
        border-bottom: 1px solid #f4f4f5;
        scroll-margin-top: 20px;
    }

    .mr-npa-row:target {
        box-shadow: inset 3px 0 0 var(--mr-npa-accent);
    }

    .mr-npa-row:last-child {
        border-bottom: 0;
    }

    .mr-npa-row > summary {
        list-style: none;
        min-height: 88px;
        padding: 17px 20px;
        transition: background-color .15s ease;
        cursor: pointer;
    }

    .mr-npa-row > summary::-webkit-details-marker {
        display: none;
    }

    .mr-npa-row > summary:hover,
    .mr-npa-row[open] > summary {
        background: rgba(var(--mr-npa-accent-rgb), .025);
    }

    .mr-npa-row-layout {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) 28px;
        align-items: start;
        gap: 13px;
    }

    .mr-npa-score {
        display: flex;
        width: 48px;
        height: 48px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(var(--mr-npa-accent-rgb), .17);
        border-radius: 12px;
        background: rgba(var(--mr-npa-accent-rgb), .06);
        color: var(--mr-npa-accent);
        font-size: 14px;
        font-weight: 650;
        line-height: 16px;
        font-variant-numeric: tabular-nums;
    }

    .mr-npa-score small {
        font-size: 8px;
        font-weight: 600;
        letter-spacing: .04em;
        line-height: 10px;
        text-transform: uppercase;
        opacity: .65;
    }

    .mr-npa-score[data-level="low"] {
        border-color: #E7B8B8;
        background: #F4D2D2;
        color: #855050;
    }

    .mr-npa-score[data-level="medium"] {
        border-color: #EBD99B;
        background: #F7E8B8;
        color: #756126;
    }

    .mr-npa-score[data-level="high"] {
        border-color: #B5D6C3;
        background: #CBE3D5;
        color: #3D6955;
    }

    .mr-npa-score-pending {
        border-color: #e4e4e7;
        background: #f4f4f5;
        color: #a1a1aa;
        font-size: 10px;
    }

    .mr-npa-row-badges {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        margin-bottom: 5px;
    }

    .mr-npa-badge {
        display: inline-flex;
        min-height: 19px;
        align-items: center;
        border: 1px solid #e4e4e7;
        border-radius: 5px;
        padding: 1px 6px;
        color: #71717a;
        font-size: 9px;
        font-weight: 600;
        line-height: 15px;
    }

    .mr-npa-badge-official {
        border-color: rgba(var(--mr-npa-accent-rgb), .13);
        background: rgba(var(--mr-npa-accent-rgb), .065);
        color: var(--mr-npa-accent);
    }

    .mr-npa-badge-pending {
        border-color: #fde68a;
        background: #fffbeb;
        color: #a16207;
    }

    .mr-npa-row-title {
        color: #18181b;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        transition: color .15s ease;
    }

    .mr-npa-bill-row-title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .mr-npa-row > summary:hover .mr-npa-row-title,
    .mr-npa-row[open] > summary .mr-npa-row-title {
        color: var(--mr-npa-accent);
    }

    .mr-npa-row-summary {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 5px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #71717a;
        font-size: 12px;
        line-height: 19px;
    }

    .mr-npa-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 12px;
        margin-top: 8px;
        color: #71717a;
        font-size: 10px;
        line-height: 16px;
    }

    .mr-npa-meta-item {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 5px;
    }

    .mr-npa-meta-item svg {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        color: var(--mr-npa-accent);
        opacity: .8;
    }

    .mr-npa-chevron {
        display: flex;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        color: #a1a1aa;
        transition: transform .15s ease, color .15s ease, background-color .15s ease;
    }

    .mr-npa-chevron svg {
        width: 14px;
        height: 14px;
    }

    .mr-npa-row[open] .mr-npa-chevron {
        transform: rotate(180deg);
        background: rgba(var(--mr-npa-accent-rgb), .08);
        color: var(--mr-npa-accent);
    }

    .mr-npa-expanded {
        border-top: 1px solid #e4e4e7;
        padding: 0 20px 22px 20px;
        background: #fafafa;
    }

    .mr-npa-analysis-head {
        display: flex;
        min-height: 64px;
        align-items: center;
        gap: 10px;
        margin: 0 -20px 20px -81px;
        border-bottom: 1px solid #e4e4e7;
        padding: 14px 20px 14px 81px;
        background: #fff;
    }

    .mr-npa-analysis-icon {
        display: inline-flex;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(var(--mr-npa-accent-rgb), .14);
        border-radius: 9px;
        background: rgba(var(--mr-npa-accent-rgb), .075);
        color: var(--mr-npa-accent);
    }

    .mr-npa-analysis-icon svg {
        width: 16px;
        height: 16px;
    }

    .mr-npa-analysis-head h2 {
        color: #27272a;
        font-size: 14px;
        font-weight: 650;
        line-height: 20px;
    }

    .mr-npa-analysis-head p {
        margin-top: 2px;
        color: #71717a;
        font-size: 11px;
        line-height: 16px;
    }

    .mr-npa-expanded-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 18px;
    }

    .mr-npa-section-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .mr-npa-section {
        border: 1px solid #e4e4e7;
        border-radius: 13px;
        padding: 15px 16px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
    }

    .mr-npa-section-wide {
        grid-column: 1 / -1;
    }

    .mr-npa-section h3 {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #3f3f46;
        font-size: 13px;
        font-weight: 650;
        line-height: 19px;
    }

    .mr-npa-section h3 svg {
        box-sizing: content-box;
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        border-radius: 8px;
        padding: 6px;
        background: rgba(var(--mr-npa-accent-rgb), .075);
        color: var(--mr-npa-accent);
    }

    .mr-npa-section p,
    .mr-npa-section li {
        color: #52525b;
        font-size: 12px;
        line-height: 20px;
    }

    .mr-npa-section p,
    .mr-npa-section ul {
        margin-top: 10px;
    }

    .mr-npa-section-highlight {
        border-color: rgba(var(--mr-npa-accent-rgb), .2);
        border-left: 3px solid var(--mr-npa-accent);
        background: linear-gradient(180deg, rgba(var(--mr-npa-accent-rgb), .05), rgba(var(--mr-npa-accent-rgb), .025));
    }

    .mr-npa-section-highlight p {
        color: #3f3f46;
        font-size: 13px;
        line-height: 21px;
    }

    .mr-npa-section-technical {
        box-shadow: none;
    }

    .mr-npa-section-angle {
        border-color: rgba(var(--mr-npa-accent-rgb), .16);
        background: rgba(var(--mr-npa-accent-rgb), .025);
    }

    .mr-npa-list.mr-npa-numbered-list {
        counter-reset: mr-npa-change;
        gap: 10px;
    }

    .mr-npa-list.mr-npa-numbered-list li {
        counter-increment: mr-npa-change;
        min-height: 24px;
        padding-left: 34px;
    }

    .mr-npa-list.mr-npa-numbered-list li::before {
        content: counter(mr-npa-change);
        top: 0;
        display: inline-flex;
        width: 23px;
        height: 23px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(var(--mr-npa-accent-rgb), .17);
        background: #fff;
        color: var(--mr-npa-accent);
        font-size: 10px;
        font-weight: 650;
        line-height: 1;
    }

    .mr-npa-chip-list {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 10px;
    }

    .mr-npa-chip-list li {
        border: 1px solid #e4e4e7;
        border-radius: 8px;
        padding: 5px 9px;
        background: #fafafa;
        color: #52525b;
        font-size: 11px;
        line-height: 16px;
    }

    .mr-npa-ai-admin-meta {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        margin-top: 11px;
        padding-top: 11px;
        border-top: 1px solid #e4e4e7;
    }

    .mr-npa-ai-admin-meta-item {
        min-width: 0;
        border-radius: 8px;
        padding: 8px 9px;
        background: #fafafa;
    }

    .mr-npa-ai-admin-meta-item dt {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #71717a;
        font-size: 9px;
        font-weight: 650;
        line-height: 14px;
        text-transform: uppercase;
        letter-spacing: .035em;
    }

    .mr-npa-ai-admin-meta-item dt svg {
        width: 12px;
        height: 12px;
        color: var(--mr-npa-accent);
    }

    .mr-npa-ai-admin-meta-item dd {
        margin-top: 4px;
        overflow-wrap: anywhere;
        color: #3f3f46;
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
    }

    .mr-npa-ai-admin-meta-item dd span {
        display: block;
        color: #a1a1aa;
        font-size: 9px;
        font-weight: 450;
    }

    .mr-npa-list {
        display: grid;
        gap: 5px;
    }

    .mr-npa-list li {
        position: relative;
        padding-left: 12px;
    }

    .mr-npa-list li::before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 999px;
        background: var(--mr-npa-accent);
    }

    .mr-npa-requisites {
        display: grid;
        align-content: start;
        gap: 8px;
        border: 1px solid #e4e4e7;
        border-radius: 10px;
        padding: 14px;
        background: #fff;
    }

    .mr-npa-requisite {
        display: grid;
        gap: 2px;
        padding-bottom: 8px;
        border-bottom: 1px solid #f4f4f5;
    }

    .mr-npa-requisite:last-of-type {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .mr-npa-requisite dt {
        color: #a1a1aa;
        font-size: 9px;
        font-weight: 600;
        line-height: 14px;
        text-transform: uppercase;
    }

    .mr-npa-requisite dd {
        color: #52525b;
        font-size: 10px;
        line-height: 17px;
    }

    .mr-npa-official-card {
        border: 1px solid rgba(var(--mr-npa-accent-rgb), .24);
        border-radius: 10px;
        padding: 12px;
        background: rgba(var(--mr-npa-accent-rgb), .06);
        box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
    }

    .mr-npa-official-card h3 {
        color: var(--mr-npa-accent);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 15px;
    }

    .mr-npa-official-card p {
        margin-top: 6px;
        overflow-wrap: anywhere;
        color: #27272a;
        font-size: 12px;
        font-weight: 600;
        line-height: 19px;
    }

    .mr-npa-official-card .mr-npa-source-link {
        width: 100%;
        min-height: 38px;
        box-sizing: border-box;
        margin-top: 10px;
        border-color: var(--mr-npa-accent);
        background: var(--mr-npa-accent);
        color: #fff;
        font-size: 11px;
        box-shadow: 0 1px 2px rgba(var(--mr-npa-accent-rgb), .18);
        transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    }

    .mr-npa-source-link {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        gap: 7px;
        margin-top: 4px;
        border: 1px solid rgba(var(--mr-npa-accent-rgb), .15);
        border-radius: 8px;
        padding: 7px 10px;
        background: rgba(var(--mr-npa-accent-rgb), .07);
        color: var(--mr-npa-accent);
        font-size: 10px;
        font-weight: 650;
        line-height: 16px;
        text-decoration: none;
        transition: background-color .15s ease, border-color .15s ease;
    }

    .mr-npa-source-link:hover {
        border-color: rgba(var(--mr-npa-accent-rgb), .26);
        background: rgba(var(--mr-npa-accent-rgb), .11);
    }

    .mr-npa-official-card .mr-npa-source-link:hover {
        border-color: #00695c;
        background: #00695c;
        color: #fff;
        box-shadow: 0 3px 8px rgba(var(--mr-npa-accent-rgb), .2);
        transform: translateY(-1px);
    }

    .mr-npa-source-link svg {
        width: 14px;
        height: 14px;
    }

    .mr-npa-ai-action {
        display: inline-flex;
        width: 100%;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        gap: 7px;
        border: 1px solid rgba(var(--mr-npa-accent-rgb), .22);
        border-radius: 8px;
        padding: 8px 11px;
        background: rgba(var(--mr-npa-accent-rgb), .075);
        color: var(--mr-npa-accent);
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
        transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
        cursor: pointer;
    }

    .mr-npa-ai-action:hover:not(:disabled) {
        border-color: rgba(var(--mr-npa-accent-rgb), .36);
        background: rgba(var(--mr-npa-accent-rgb), .12);
        transform: translateY(-1px);
    }

    .mr-npa-ai-action:disabled {
        cursor: wait;
        opacity: .6;
    }

    .mr-npa-ai-feedback {
        border-radius: 8px;
        padding: 8px 10px;
        text-align: center;
        font-size: 11px;
        font-weight: 550;
        line-height: 16px;
    }

    .mr-npa-ai-feedback-success {
        background: rgba(var(--mr-npa-accent-rgb), .08);
        color: var(--mr-npa-accent);
    }

    .mr-npa-ai-feedback-error {
        background: #fff7ed;
        color: #c2410c;
    }

    .mr-npa-empty {
        padding: 52px 20px;
        text-align: center;
    }

    .mr-npa-empty-icon {
        display: flex;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 11px;
        background: #f4f4f5;
        color: #a1a1aa;
    }

    .mr-npa-empty-icon svg {
        width: 20px;
        height: 20px;
    }

    .mr-npa-empty h3 {
        margin-top: 10px;
        color: #3f3f46;
        font-size: 13px;
        font-weight: 600;
    }

    .mr-npa-empty p {
        margin-top: 3px;
        color: #a1a1aa;
        font-size: 11px;
        line-height: 18px;
    }

    .mr-npa-date-group + .mr-npa-date-group {
        border-top: 1px solid #e4e4e7;
    }

    .mr-npa-date-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 38px;
        border-bottom: 1px solid #e4e4e7;
        padding: 8px 20px;
        background: #fafafa;
        color: #52525b;
        font-size: 11px;
        font-weight: 650;
        line-height: 17px;
    }

    .mr-npa-row + .mr-npa-date-heading {
        border-top: 1px solid #e4e4e7;
    }

    .mr-npa-date-heading span:first-child {
        display: inline-flex;
        gap: 7px;
    }

    .mr-npa-date-heading svg {
        width: 14px;
        height: 14px;
        color: var(--mr-npa-accent);
    }

    .mr-npa-date-heading-count {
        color: #a1a1aa;
        font-size: 9px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

    .dark .mr-npa-page-title {
        color: #fafafa;
    }

    .dark .mr-npa-page-subtitle {
        color: #a1a1aa;
    }

    .dark .mr-npa-head-card {
        border-color: #27272a;
        background: #18181b;
    }

    .dark .mr-npa-head-logo {
        color: #5eead4;
    }

    .dark .mr-npa-head-title {
        color: #f4f4f5;
    }

    .dark .mr-npa-head-ai {
        background: rgba(var(--mr-npa-accent-rgb), .18);
        color: #5eead4;
    }

    .dark .mr-npa-head-control {
        background: #27272a;
        color: #e4e4e7;
    }

    .dark .mr-npa-head-control:hover {
        background: #303033;
    }

    .dark .mr-npa-head-control:focus {
        background: #18181b;
        box-shadow:
            0 0 0 1px rgba(45, 212, 191, .28),
            0 0 0 3px rgba(var(--mr-npa-accent-rgb), .14);
    }

    .dark .mr-npa-head-search-icon {
        color: #71717a;
    }

    .dark .mr-npa-head-info {
        border-top-color: #27272a;
        background: #111113;
        color: #a1a1aa;
    }

    .dark .mr-npa-head-info strong {
        color: #e4e4e7;
    }

    .dark .mr-npa-head-dot {
        color: #3f3f46;
    }

    .dark .mr-npa-head-note,
    .dark .mr-npa-head-reset {
        color: #71717a;
    }

    .dark .mr-npa-source-note,
    .dark .mr-npa-card,
    .dark .mr-npa-section,
    .dark .mr-npa-requisites {
        border-color: #27272a;
        background: #18181b;
    }

    .dark .mr-npa-source-note {
        color: #a1a1aa;
    }

    .dark .mr-npa-source-note svg,
    .dark .mr-npa-meta-item svg,
    .dark .mr-npa-section h3 svg,
    .dark .mr-npa-date-heading svg {
        color: #5eead4;
    }

    .dark .mr-npa-tools,
    .dark .mr-npa-expanded,
    .dark .mr-npa-date-group + .mr-npa-date-group,
    .dark .mr-npa-date-heading,
    .dark .mr-npa-row + .mr-npa-date-heading {
        border-color: #27272a;
    }

    .dark .mr-npa-row-title {
        color: #f4f4f5;
    }

    .dark .mr-npa-empty-icon,
    .dark .mr-npa-score-pending {
        background: #27272a;
        color: #71717a;
    }

    .dark .mr-npa-tools,
    .dark .mr-npa-expanded,
    .dark .mr-npa-date-heading {
        background: #09090b;
    }

    .dark .mr-npa-control,
    .dark .mr-npa-clear {
        border-color: #3f3f46;
        background: #18181b;
        color: #d4d4d8;
    }

    .dark .mr-npa-control:focus {
        border-color: rgba(94, 234, 212, .34);
        box-shadow: 0 0 0 3px rgba(94, 234, 212, .08);
    }

    .dark .mr-npa-tabs-bar {
        border-bottom-color: #27272a;
        background: #09090b;
    }

    .dark .mr-npa-tab {
        color: #a1a1aa;
    }

    .dark .mr-npa-tab:hover {
        background: #27272a;
        color: #f4f4f5;
    }

    .dark .mr-npa-tab-active {
        background: rgba(var(--mr-npa-accent-rgb), .2);
        color: #5eead4;
    }

    .dark .mr-npa-row {
        border-color: #27272a;
    }

    .dark .mr-npa-row > summary:hover,
    .dark .mr-npa-row[open] > summary {
        background: rgba(var(--mr-npa-accent-rgb), .07);
    }

    .dark .mr-npa-row > summary:hover .mr-npa-row-title,
    .dark .mr-npa-row[open] > summary .mr-npa-row-title {
        color: #5eead4;
    }

    .dark .mr-npa-score {
        border-color: rgba(94, 234, 212, .17);
        background: rgba(var(--mr-npa-accent-rgb), .19);
        color: #5eead4;
    }

    .dark .mr-npa-score[data-level="low"] {
        border-color: rgba(230, 161, 161, .22);
        background: rgba(230, 161, 161, .14);
        color: #D5A0A0;
    }

    .dark .mr-npa-score[data-level="medium"] {
        border-color: rgba(245, 225, 164, .21);
        background: rgba(245, 225, 164, .13);
        color: #DFC98A;
    }

    .dark .mr-npa-score[data-level="high"] {
        border-color: rgba(168, 213, 186, .22);
        background: rgba(168, 213, 186, .14);
        color: #9DC8AE;
    }

    .dark .mr-npa-score-pending {
        border-color: #3f3f46;
        background: #27272a;
        color: #71717a;
    }

    .dark .mr-npa-badge {
        border-color: #3f3f46;
        color: #a1a1aa;
    }

    .dark .mr-npa-badge-official {
        border-color: rgba(94, 234, 212, .14);
        background: rgba(var(--mr-npa-accent-rgb), .19);
        color: #5eead4;
    }

    .dark .mr-npa-badge-pending {
        border-color: rgba(217, 119, 6, .30);
        background: rgba(120, 53, 15, .22);
        color: #fcd34d;
    }

    .dark .mr-npa-row-summary,
    .dark .mr-npa-meta,
    .dark .mr-npa-section p,
    .dark .mr-npa-section li,
    .dark .mr-npa-requisite dd {
        color: #a1a1aa;
    }

    .dark .mr-npa-requisite dt,
    .dark .mr-npa-date-heading-count {
        color: #71717a;
    }

    .dark .mr-npa-official-card {
        border-color: rgba(94, 234, 212, .24);
        background: rgba(var(--mr-npa-accent-rgb), .16);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    }

    .dark .mr-npa-official-card h3 {
        color: #5eead4;
    }

    .dark .mr-npa-official-card p {
        color: #d4d4d8;
    }

    .dark .mr-npa-official-card .mr-npa-source-link {
        border-color: #0f766e;
        background: #0f766e;
        color: #fff;
    }

    .dark .mr-npa-official-card .mr-npa-source-link:hover {
        border-color: #0d9488;
        background: #0d9488;
        color: #fff;
    }

    .dark .mr-npa-section h3,
    .dark .mr-npa-date-heading {
        color: #d4d4d8;
    }

    .dark .mr-npa-analysis-head {
        border-bottom-color: #27272a;
        background: #18181b;
    }

    .dark .mr-npa-analysis-icon {
        border-color: rgba(94, 234, 212, .16);
        background: rgba(var(--mr-npa-accent-rgb), .2);
        color: #5eead4;
    }

    .dark .mr-npa-analysis-head h2 {
        color: #e4e4e7;
    }

    .dark .mr-npa-analysis-head p {
        color: #71717a;
    }

    .dark .mr-npa-section h3 svg {
        background: rgba(var(--mr-npa-accent-rgb), .2);
    }

    .dark .mr-npa-section-highlight {
        border-color: rgba(94, 234, 212, .2);
        border-left-color: #5eead4;
        background: linear-gradient(180deg, rgba(var(--mr-npa-accent-rgb), .16), rgba(var(--mr-npa-accent-rgb), .08));
    }

    .dark .mr-npa-section-highlight p {
        color: #d4d4d8;
    }

    .dark .mr-npa-section-angle {
        border-color: rgba(94, 234, 212, .16);
        background: rgba(var(--mr-npa-accent-rgb), .09);
    }

    .dark .mr-npa-list.mr-npa-numbered-list li::before {
        border-color: rgba(94, 234, 212, .2);
        background: #18181b;
        color: #5eead4;
    }

    .dark .mr-npa-chip-list li {
        border-color: #3f3f46;
        background: #111113;
        color: #d4d4d8;
    }

    .dark .mr-npa-ai-admin-meta {
        border-top-color: #3f3f46;
    }

    .dark .mr-npa-ai-admin-meta-item {
        background: #111113;
    }

    .dark .mr-npa-ai-admin-meta-item dt,
    .dark .mr-npa-ai-admin-meta-item dd span {
        color: #71717a;
    }

    .dark .mr-npa-ai-admin-meta-item dt svg {
        color: #5eead4;
    }

    .dark .mr-npa-ai-admin-meta-item dd {
        color: #d4d4d8;
    }

    .dark .mr-npa-requisite {
        border-color: #27272a;
    }

    .dark .mr-npa-source-link {
        border-color: rgba(94, 234, 212, .16);
        background: rgba(var(--mr-npa-accent-rgb), .19);
        color: #5eead4;
    }

    .dark .mr-npa-ai-action {
        border-color: rgba(94, 234, 212, .24);
        background: rgba(var(--mr-npa-accent-rgb), .18);
        color: #5eead4;
    }

    .dark .mr-npa-ai-action:hover:not(:disabled) {
        border-color: rgba(94, 234, 212, .38);
        background: rgba(var(--mr-npa-accent-rgb), .25);
    }

    .dark .mr-npa-ai-feedback-success {
        background: rgba(var(--mr-npa-accent-rgb), .18);
        color: #5eead4;
    }

    .dark .mr-npa-ai-feedback-error {
        background: rgba(194, 65, 12, .16);
        color: #fdba74;
    }

    .dark .mr-npa-chevron {
        color: #71717a;
    }

    .dark .mr-npa-row[open] .mr-npa-chevron {
        background: rgba(var(--mr-npa-accent-rgb), .18);
        color: #5eead4;
    }

    .dark .mr-npa-empty h3 {
        color: #d4d4d8;
    }

    @media (max-width: 1180px) {
        .mr-npa-head {
            align-items: stretch;
            flex-direction: column;
        }

        .mr-npa-head-brand {
            min-width: 0;
        }

        .mr-npa-head-tools {
            width: 100%;
        }

        .mr-npa-head-note,
        .mr-npa-head-reset {
            width: 100%;
            margin-top: 2px;
            margin-left: 0;
            text-align: left;
        }
    }

    @media (max-width: 850px) {
        .mr-npa-head-tools {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .mr-npa-head-search {
            grid-column: 1 / -1;
        }

        .mr-npa-head-info {
            padding-right: 14px;
            padding-left: 14px;
        }

        .mr-npa-head-dot {
            margin-right: 8px;
            margin-left: 8px;
        }
    }

    @media (max-width: 1100px) {
        .mr-npa-tools {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .mr-npa-search {
            grid-column: 1 / -1;
        }

        .mr-npa-expanded-grid {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (max-width: 720px) {
        .mr-npa-page {
            gap: 16px;
        }

        .mr-npa-page-header {
            display: block;
        }

        .mr-npa-page-title {
            font-size: 21px;
            line-height: 28px;
        }

        .mr-npa-head-main {
            padding: 16px;
        }

        .mr-npa-source-note {
            margin-top: 10px;
        }

        .mr-npa-row > summary,
        .mr-npa-date-heading {
            padding-right: 16px;
            padding-left: 16px;
        }

        .mr-npa-tools {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            padding: 10px;
        }

        .mr-npa-tabs-bar {
            padding: 8px 10px;
        }

        .mr-npa-tabs {
            min-width: max-content;
            flex-wrap: nowrap;
        }

        .mr-npa-tab {
            min-height: 38px;
            padding-right: 11px;
            padding-left: 11px;
        }

        .mr-npa-row-layout {
            grid-template-columns: 38px minmax(0, 1fr) 20px;
            gap: 10px;
        }

        .mr-npa-score {
            width: 38px;
            height: 38px;
            border-radius: 9px;
            font-size: 12px;
        }

        .mr-npa-row-title {
            font-size: 14px;
            line-height: 21px;
        }

        .mr-npa-expanded {
            padding: 0 16px 18px;
        }

        .mr-npa-analysis-head {
            margin: 0 -16px 16px;
            padding: 13px 16px;
        }

        .mr-npa-section-grid {
            grid-template-columns: minmax(0, 1fr);
        }

        .mr-npa-section-wide {
            grid-column: auto;
        }

        .mr-npa-ai-admin-meta {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (max-width: 430px) {
        .mr-npa-head-tools {
            grid-template-columns: minmax(0, 1fr);
        }

        .mr-npa-head-search {
            grid-column: auto;
        }

        .mr-npa-head-logo {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .mr-npa-head-logo svg {
            width: 36px;
            height: 36px;
        }

        .mr-npa-head-dot {
            display: none;
        }

        .mr-npa-head-info {
            column-gap: 14px;
            row-gap: 2px;
        }

        .mr-npa-tools {
            grid-template-columns: minmax(0, 1fr);
        }

        .mr-npa-search,
        .mr-npa-clear {
            grid-column: auto;
        }

    }

    /* =====================================================
       NPA_ADOPTED_AI_SCORE_RANGES_V2
       ===================================================== */

    .mr-npa-head-card--adopted {
        position: relative;
        z-index: 50;
        overflow: visible;
    }

    .mr-npa-adopted-ai-filter {
        position: relative;
        min-width: 0;
    }

    .mr-npa-adopted-ai-trigger {
        display: flex !important;
        width: 100%;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        padding-right: 11px !important;
        padding-left: 11px !important;
        cursor: pointer;
    }

    .mr-npa-adopted-ai-trigger--active {
        color: #00796B !important;
        box-shadow:
            inset 0 0 0 1px
            rgba(0, 121, 107, .28);
    }

    .mr-npa-adopted-ai-star {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        color: #a1a1aa;
    }

    .mr-npa-adopted-ai-trigger--active
    .mr-npa-adopted-ai-star {
        color: #00796B;
    }

    .mr-npa-adopted-ai-trigger-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mr-npa-adopted-ai-count {
        display: inline-flex;
        min-width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        border-radius: 999px;
        background: #e4e4e7;
        color: #52525b;
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        font-variant-numeric: tabular-nums;
    }

    .mr-npa-adopted-ai-chevron {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        margin-left: auto;
        color: #a1a1aa;
    }

    .mr-npa-adopted-ai-popup {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 120;
        width: 20rem;
        max-width: min(
            20rem,
            calc(100vw - 28px)
        );
        margin-top: 6px;
        overflow: hidden;
        border: 1px solid #e4e4e7;
        border-radius: 9px;
        background: #ffffff;
        box-shadow:
            0 12px 28px rgba(24, 24, 27, .12),
            0 2px 7px rgba(24, 24, 27, .06);
    }

    .mr-npa-adopted-ai-popup-head {
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 8px 14px;
        border-bottom: 1px solid #e4e4e7;
    }

    .mr-npa-adopted-ai-popup-title {
        color: #18181b;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

    .mr-npa-adopted-ai-popup-subtitle {
        margin-top: 1px;
        color: #a1a1aa;
        font-size: 10px;
        line-height: 14px;
    }

    .mr-npa-adopted-ai-reset {
        flex: 0 0 auto;
        border: 0;
        background: transparent;
        color: #00796B;
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
    }

    .mr-npa-adopted-ai-options {
        padding: 6px;
    }

    .mr-npa-adopted-ai-display,
    .mr-npa-adopted-ai-option {
        cursor: pointer;
        user-select: none;
    }

    .mr-npa-adopted-ai-display {
        display: flex;
        min-height: 42px;
        align-items: center;
        gap: 9px;
        margin-bottom: 4px;
        padding: 6px 8px 9px;
        border-bottom: 1px solid #f4f4f5;
    }

    .mr-npa-adopted-ai-option {
        display: grid;
        grid-template-columns:
            17px
            9px
            42px
            minmax(0, 1fr);
        min-height: 38px;
        align-items: center;
        gap: 8px;
        padding: 5px 8px;
        border-radius: 7px;
    }

    .mr-npa-adopted-ai-option:hover,
    .mr-npa-adopted-ai-display:hover {
        background:
            rgba(0, 121, 107, .055);
    }

    .mr-npa-adopted-ai-check {
        display: inline-flex;
        width: 16px;
        height: 16px;
        align-items: center;
        justify-content: center;
        border: 1px solid #d4d4d8;
        border-radius: 4px;
        background: #ffffff;
        color: #ffffff;
    }

    .mr-npa-adopted-ai-check svg {
        width: 11px;
        height: 11px;
    }

    .mr-npa-adopted-ai-check--active {
        border-color: #00796B;
        background: #00796B;
        color: #ffffff;
    }

    .mr-npa-adopted-ai-tone {
        width: 8px;
        height: 8px;
        border-radius: 3px;
    }

    .mr-npa-adopted-ai-tone--low {
        background: rgba(255, 77, 77, .45);
    }

    .mr-npa-adopted-ai-tone--weak {
        background: rgba(255, 166, 77, .50);
    }

    .mr-npa-adopted-ai-tone--work {
        background: rgba(255, 214, 51, .60);
    }

    .mr-npa-adopted-ai-tone--strong {
        background: rgba(153, 255, 51, .55);
    }

    .mr-npa-adopted-ai-tone--top {
        background: rgba(51, 204, 102, .55);
    }

    .mr-npa-adopted-ai-range {
        color: #3f3f46;
        font-size: 11px;
        font-weight: 650;
        white-space: nowrap;
    }

    .mr-npa-adopted-ai-label {
        min-width: 0;
        overflow: hidden;
        color: #71717a;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mr-npa-adopted-ai-display-copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    .mr-npa-adopted-ai-display-title {
        color: #3f3f46;
        font-size: 11px;
        font-weight: 650;
        line-height: 15px;
    }

    .mr-npa-adopted-ai-display-hint {
        margin-top: 1px;
        color: #a1a1aa;
        font-size: 9px;
        line-height: 13px;
    }

    .mr-npa-adopted-ai-footer {
        padding: 7px 14px;
        border-top: 1px solid #e4e4e7;
        background: #fafafa;
        color: #a1a1aa;
        font-size: 9px;
        line-height: 14px;
    }

    .dark .mr-npa-adopted-ai-trigger--active {
        color: #5eead4 !important;
        box-shadow:
            inset 0 0 0 1px
            rgba(45, 212, 191, .28);
    }

    .dark .mr-npa-adopted-ai-popup {
        border-color: #3f3f46;
        background: #18181b;
    }

    .dark .mr-npa-adopted-ai-popup-head {
        border-bottom-color: #27272a;
    }

    .dark .mr-npa-adopted-ai-popup-title,
    .dark .mr-npa-adopted-ai-display-title,
    .dark .mr-npa-adopted-ai-range {
        color: #e4e4e7;
    }

    .dark .mr-npa-adopted-ai-popup-subtitle,
    .dark .mr-npa-adopted-ai-display-hint,
    .dark .mr-npa-adopted-ai-label {
        color: #a1a1aa;
    }

    .dark .mr-npa-adopted-ai-display {
        border-bottom-color: #27272a;
    }

    .dark .mr-npa-adopted-ai-option:hover,
    .dark .mr-npa-adopted-ai-display:hover {
        background: #27272a;
    }

    .dark .mr-npa-adopted-ai-check {
        border-color: #52525b;
        background: #18181b;
    }

    .dark .mr-npa-adopted-ai-check--active {
        border-color: #00796B;
        background: #00796B;
    }

    .dark .mr-npa-adopted-ai-footer {
        border-top-color: #27272a;
        background: #111113;
    }

    @media (max-width: 639px) {
        .mr-npa-adopted-ai-popup {
            right: 0;
            width: calc(100vw - 28px);
            max-width: calc(100vw - 28px);
        }

        .mr-npa-adopted-ai-option {
            min-height: 42px;
        }
    }


    /* NPA_ADOPTED_TWO_LEVEL_SOURCE_FILTER_V3 */

    .mr-npa-source-levels {
        display: grid;
        min-width: 0;
        grid-template-columns: 1fr 1fr;
        gap: 3px;
        padding: 3px;
        border: 1px solid #e4e4e7;
        border-radius: 7px;
        background: #fafafa;
    }

    .mr-npa-source-level {
        min-width: 0;
        height: 28px;
        padding: 0 7px;
        overflow: hidden;
        border: 0;
        border-radius: 5px;
        background: transparent;
        color: #71717a;
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        transition:
            background-color .12s ease,
            color .12s ease,
            box-shadow .12s ease;
    }

    .mr-npa-source-level:hover {
        background: #f4f4f5;
        color: #3f3f46;
    }

    .mr-npa-source-level--active {
        background: #ffffff;
        color: #00796B;
        box-shadow:
            0 1px 2px rgba(24, 24, 27, .08),
            inset 0 0 0 1px
            rgba(0, 121, 107, .18);
    }

    .dark .mr-npa-source-levels {
        border-color: #3f3f46;
        background: #18181b;
    }

    .dark .mr-npa-source-level {
        color: #a1a1aa;
    }

    .dark .mr-npa-source-level:hover {
        background: #27272a;
        color: #e4e4e7;
    }

    .dark .mr-npa-source-level--active {
        background: #27272a;
        color: #5eead4;
        box-shadow:
            inset 0 0 0 1px
            rgba(45, 212, 191, .24);
    }


    /* NPA_AUTHORITY_KIND_FILTER_V2 */

    .mr-npa-authority-filter {
        position: relative;
        flex: 0 0 auto;
    }

    .mr-npa-authority-trigger {
        display: inline-flex;
        width: auto;
        min-width: 0;
        max-width: 210px;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        padding-left: 9px;
        padding-right: 7px;
        cursor: pointer;
    }

    .mr-npa-authority-trigger-icon {
        width: 15px;
        height: 15px;
        flex: 0 0 auto;
        stroke: currentColor;
        stroke-width: 1.35;
        stroke-linecap: round;
        stroke-linejoin: round;
        color: #71717a;
    }

    .mr-npa-authority-trigger-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mr-npa-authority-trigger-chevron {
        width: 13px;
        height: 13px;
        flex: 0 0 auto;
        stroke: currentColor;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
        color: #a1a1aa;
    }

    .mr-npa-authority-popover {
        position: absolute;
        z-index: 90;
        top: calc(100% + 7px);
        right: 0;
        width: min(318px, calc(100vw - 28px));
        padding: 7px;
        border: 1px solid #e4e4e7;
        border-radius: 10px;
        background: #fff;
        box-shadow:
            0 16px 38px rgba(24, 24, 27, .12),
            0 2px 8px rgba(24, 24, 27, .05);
    }

    .mr-npa-authority-popover-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 7px 9px;
        border-bottom: 1px solid #f4f4f5;
    }

    .mr-npa-authority-popover-title {
        color: #27272a;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.3;
    }

    .mr-npa-authority-popover-note {
        margin-top: 2px;
        color: #a1a1aa;
        font-size: 9px;
        line-height: 1.3;
    }

    .mr-npa-authority-clear {
        border: 0;
        background: transparent;
        color: #00796b;
        font-size: 9px;
        font-weight: 650;
        cursor: pointer;
    }

    .mr-npa-authority-clear:hover {
        text-decoration: underline;
    }

    .mr-npa-authority-section-label {
        padding: 10px 7px 5px;
        color: #a1a1aa;
        font-size: 8px;
        font-weight: 750;
        line-height: 1;
        letter-spacing: .065em;
        text-transform: uppercase;
    }

    .mr-npa-authority-option {
        display: grid;
        width: 100%;
        min-height: 31px;
        grid-template-columns: 17px minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        padding: 4px 7px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #52525b;
        text-align: left;
        cursor: pointer;
        transition:
            background-color .1s ease,
            color .1s ease;
    }

    .mr-npa-authority-option:hover {
        background: #f4f4f5;
        color: #27272a;
    }

    .mr-npa-authority-option--active {
        color: #27272a;
    }

    .mr-npa-authority-checkbox {
        display: inline-flex;
        width: 15px;
        height: 15px;
        align-items: center;
        justify-content: center;
        border: 1px solid #d4d4d8;
        border-radius: 4px;
        background: #fff;
        color: #fff;
    }

    .mr-npa-authority-checkbox--active {
        border-color: #00796b;
        background: #00796b;
    }

    .mr-npa-authority-checkbox svg {
        width: 11px;
        height: 11px;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mr-npa-authority-option-label {
        min-width: 0;
        overflow: hidden;
        font-size: 10px;
        font-weight: 590;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mr-npa-authority-option-count {
        min-width: 22px;
        color: #a1a1aa;
        font-size: 9px;
        font-variant-numeric: tabular-nums;
        text-align: right;
    }

    .dark .mr-npa-authority-trigger-icon {
        color: #a1a1aa;
    }

    .dark .mr-npa-authority-popover {
        border-color: #3f3f46;
        background: #18181b;
        box-shadow:
            0 16px 38px rgba(0, 0, 0, .34);
    }

    .dark .mr-npa-authority-popover-head {
        border-color: #27272a;
    }

    .dark .mr-npa-authority-popover-title {
        color: #f4f4f5;
    }

    .dark .mr-npa-authority-option {
        color: #d4d4d8;
    }

    .dark .mr-npa-authority-option:hover,
    .dark .mr-npa-authority-option--active {
        background: #27272a;
        color: #fafafa;
    }

    .dark .mr-npa-authority-checkbox {
        border-color: #52525b;
        background: #27272a;
    }

    .dark .mr-npa-authority-checkbox--active {
        border-color: #2dd4bf;
        background: #0f766e;
    }

    @media (max-width: 767px) {
        .mr-npa-authority-trigger {
            max-width: 170px;
        }

        .mr-npa-authority-popover {
            right: auto;
            left: 0;
        }
    }

    /*
     * NPA_AUTHORITY_FILTER_GEOMETRY_V2
     *
     * The wrapper must occupy exactly the trigger width.
     * This removes the phantom horizontal space before
     * the "Все виды НПА" select without using negative margins.
     */
    .mr-npa-head-tools--adopted > .mr-npa-authority-filter {
        display: inline-flex;
        flex: 0 0 auto;
        width: max-content;
        min-width: 0;
        max-width: max-content;
        margin: 0;
        padding: 0;
    }

    .mr-npa-head-tools--adopted
        > .mr-npa-authority-filter
        > .mr-npa-authority-trigger {
        width: auto;
        min-width: 0;
        margin: 0;
    }

    /*
     * NPA_AUTHORITY_FILTER_FULL_WIDTH_V1
     *
     * The parent header uses a grid. The authority-filter
     * control must fill its whole grid cell just like the
     * neighbouring NPA type and AI controls.
     */
    .mr-npa-head-tools--adopted > .mr-npa-authority-filter {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .mr-npa-head-tools--adopted
        > .mr-npa-authority-filter
        > .mr-npa-authority-trigger {
        width: 100%;
        min-width: 0;
        max-width: none;
        justify-content: flex-start;
    }

    .mr-npa-authority-trigger-chevron {
        margin-left: auto;
    }


    /*
     * NPA_HEADER_RESET_NO_JUMP_V1
     *
     * "Сбросить фильтры" is a button while the normal
     * right-side note is a span. Neutralize native/button
     * vertical metrics so switching between them cannot
     * change the height of the header info row.
     */
    .mr-npa-head-reset {
        appearance: none;
        -webkit-appearance: none;
        display: inline-flex;
        align-items: center;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        font: inherit;
        line-height: inherit;
        vertical-align: baseline;
    }

    .mr-npa-head-info {
        align-items: center;
    }


    /*
     * NPA_HEADER_RESET_ALIGN_RIGHT_V1
     *
     * Previous no-jump normalization used margin: 0,
     * which also removed the auto left margin responsible
     * for keeping "Сбросить фильтры" on the right.
     */
    .mr-npa-head-info > .mr-npa-head-reset {
        margin-left: auto;
    }


/* ========================================================
 * SOURCE: resources/views/npa/_rating-badge-styles.blade.php — block 1
 * ======================================================== */
/* =====================================================
       NPA_RATING_BADGE_UNIFIED_V1

       Exact current Dashboard NPA rating badge:
       34×18 / star 8×8 / radius 5 / font 9px 700
       ===================================================== */

    .mr-npa-rating-badge {
        display: inline-flex !important;

        width: 34px !important;
        height: 18px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        flex: 0 0 34px !important;

        box-sizing: border-box !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 2px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 5px !important;

        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        letter-spacing: normal !important;
        white-space: nowrap !important;

        font-variant-numeric: tabular-nums !important;

        cursor: help !important;

        box-shadow: none !important;
        filter: none !important;
    }

    .mr-npa-rating-badge svg {
        width: 8px !important;
        height: 8px !important;
        flex: 0 0 8px !important;

        color: inherit !important;
        fill: currentColor !important;
    }


    /* =====================================================
       LIGHT
       ===================================================== */

    /* 0–20 */
    .mr-npa-rating-badge--0-20 {
        background: rgba(255, 77, 77, .35) !important;
        color: #7A1717 !important;
    }

    /* 21–40 */
    .mr-npa-rating-badge--21-40 {
        background: rgba(255, 166, 77, .35) !important;
        color: #7A3B00 !important;
    }

    /* 41–60 */
    .mr-npa-rating-badge--41-60 {
        background: rgba(255, 214, 51, .35) !important;
        color: #665000 !important;
    }

    /* 61–80 */
    .mr-npa-rating-badge--61-80 {
        background: rgba(153, 255, 51, .35) !important;
        color: #365314 !important;
    }

    /* 81–100 */
    .mr-npa-rating-badge--81-100 {
        background: rgba(51, 204, 102, .35) !important;
        color: #14532D !important;
    }

    .mr-npa-rating-badge--pending {
        background: #e4e4e7 !important;
        color: #71717a !important;
    }


    /* =====================================================
       DARK
       Тот же dark-contrast fix, что уже стоит в виджете.
       ===================================================== */

    .dark .mr-npa-rating-badge--0-20 {
        background: rgba(255, 77, 77, .18) !important;
        color: #FFB4B4 !important;
    }

    .dark .mr-npa-rating-badge--21-40 {
        background: rgba(255, 166, 77, .18) !important;
        color: #FFD0A1 !important;
    }

    .dark .mr-npa-rating-badge--41-60 {
        background: rgba(255, 214, 51, .18) !important;
        color: #FFE784 !important;
    }

    .dark .mr-npa-rating-badge--61-80 {
        background: rgba(153, 255, 51, .18) !important;
        color: #C7F9A0 !important;
    }

    .dark .mr-npa-rating-badge--81-100 {
        background: rgba(51, 204, 102, .20) !important;
        color: #86E7A8 !important;
    }

    .dark .mr-npa-rating-badge--pending {
        background: #27272a !important;
        color: #a1a1aa !important;
    }


    /* =====================================================
       /npa/projects

       Старый рейтинг занимал колонку 48×48.
       Новая колонка совпадает с 34px badge.
       ===================================================== */

    .mr-legal-acts-root
    .mr-la-score-badge-wrap {
        width: 34px !important;
        min-width: 34px !important;

        padding-top: 0 !important;

        align-items: flex-start !important;
        justify-content: center !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .mr-legal-acts-root
    .mr-la-row-layout {
        grid-template-columns:
            34px minmax(0, 1fr) 28px !important;
    }

    @media (max-width: 639px) {
        .mr-legal-acts-root
        .mr-la-row-layout {
            grid-template-columns:
                34px minmax(0, 1fr) 20px !important;
        }
    }


    /* =====================================================
       NPA_RATING_BADGE_LIST_SIZE_V2

       В полноразмерных разделах НПА рейтинг крупнее,
       чем в компактном dashboard-виджете.

       Цветовая шкала остаётся полностью идентичной.
       ===================================================== */

    .mr-npa-rating-badge {
        width: 44px !important;
        height: 22px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;

        gap: 3px !important;

        border-radius: 6px !important;

        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .mr-npa-rating-badge svg {
        width: 9px !important;
        height: 9px !important;
        flex: 0 0 9px !important;
    }

    /*
     * Projects использует отдельную колонку под рейтинг.
     * Расширяем её синхронно с badge.
     */
    .mr-legal-acts-root
    .mr-la-score-badge-wrap {
        width: 44px !important;
        min-width: 44px !important;
    }

    .mr-legal-acts-root
    .mr-la-row-layout {
        grid-template-columns:
            44px minmax(0, 1fr) 28px !important;
    }

    @media (max-width: 639px) {
        .mr-legal-acts-root
        .mr-la-row-layout {
            grid-template-columns:
                44px minmax(0, 1fr) 20px !important;
        }
    }



    /* =====================================================
       NPA_RATING_INLINE_BADGES_V3

       Rating больше не занимает отдельную левую колонку.
       Он является первым элементом строки статусов над title.
       ===================================================== */

    /*
     * Полноразмерный badge:
     * заметнее dashboard, но не ломает высоту status line.
     */
    .mr-npa-rating-badge {
        width: 44px !important;
        height: 22px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;

        margin: 0 2px 0 0 !important;

        align-self: center !important;

        font-size: 10px !important;
        line-height: 1 !important;
    }


    /* =====================================================
       PROJECTS
       Было: rating / content / chevron
       Стало: content / chevron
       ===================================================== */

    .mr-legal-acts-root
    .mr-la-row-layout {
        grid-template-columns:
            minmax(0, 1fr) 28px !important;

        gap: 13px !important;
        align-items: start !important;
    }

    .mr-legal-acts-root
    .mr-la-row-badges-parity {
        display: flex !important;
        flex-wrap: wrap !important;

        align-items: center !important;

        gap: 5px !important;

        min-height: 22px !important;
    }

    /*
     * Старый wrapper больше не участвует в layout,
     * но оставляем страховку для legacy-разметки.
     */
    .mr-legal-acts-root
    .mr-la-score-badge-wrap {
        display: none !important;
    }


    /* =====================================================
       ADOPTED + EFFECTIVE
       Было: rating / content / chevron
       Стало: content / chevron
       ===================================================== */

    .mr-npa-page
    .mr-npa-row-layout {
        grid-template-columns:
            minmax(0, 1fr) 28px !important;

        align-items: start !important;
    }

    .mr-npa-page
    .mr-npa-row-badges {
        display: flex !important;
        flex-wrap: wrap !important;

        align-items: center !important;

        gap: 6px !important;

        min-height: 22px !important;
    }


    /* =====================================================
       MOBILE
       ===================================================== */

    @media (max-width: 639px) {
        .mr-legal-acts-root
        .mr-la-row-layout {
            grid-template-columns:
                minmax(0, 1fr) 20px !important;

            gap: 10px !important;
        }

        .mr-npa-page
        .mr-npa-row-layout {
            grid-template-columns:
                minmax(0, 1fr) 20px !important;
        }

        .mr-npa-rating-badge {
            margin-right: 1px !important;
        }
    }



    /* =====================================================
       NPA_RATING_BADGE_ALIGNMENT_V4

       Высота рейтинга синхронизирована с соседними
       служебными badge: 19px / radius 5 / line-height 15.
       ===================================================== */

    .mr-npa-rating-badge {
        width: 44px !important;
        height: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;

        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;

        box-sizing: border-box !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 2px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 5px !important;

        border-radius: 5px !important;

        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 15px !important;

        vertical-align: middle !important;
        align-self: center !important;
    }

    .mr-npa-rating-badge svg {
        display: block !important;

        width: 8px !important;
        height: 8px !important;
        flex: 0 0 8px !important;

        margin: 0 !important;

        color: inherit !important;
        fill: currentColor !important;
    }

    .mr-npa-rating-badge > span {
        display: inline-flex !important;

        height: 100% !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 15px !important;

        font-variant-numeric: tabular-nums !important;
    }

    /*
     * Строки badge больше не резервируют старые 22px.
     */
    .mr-legal-acts-root
    .mr-la-row-badges-parity {
        min-height: 19px !important;
        align-items: center !important;
    }

    .mr-npa-page
    .mr-npa-row-badges {
        min-height: 19px !important;
        align-items: center !important;
    }


/* ========================================================
 * SOURCE: resources/views/livewire/statistics/_adopted-overrides.blade.php — block 1
 * ======================================================== */
/*
     * Statistics-only refinements over /npa/adopted.
     * Shared NPA styles remain untouched.
     */

    .mr-statistics-adopted
    .mr-npa-numbered-list > li {
        display: grid !important;

        grid-template-columns:
            24px minmax(0, 1fr) !important;

        align-items: center;

        column-gap: 10px !important;

        padding-left: 0;
    }

    .mr-statistics-adopted
    .mr-npa-numbered-list > li::before {
        position: static !important;

        inset: auto !important;
        transform: none !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;
        align-self: center;

        width: 24px !important;
        height: 24px !important;

        min-width: 24px !important;
        min-height: 24px !important;

        margin: 0 !important;

        line-height: 1 !important;
    }

    .mr-statistics-adopted
    .mr-statistics-section-icon {
        display: block !important;

        width: 18px !important;
        height: 18px !important;

        min-width: 18px !important;
        flex: 0 0 18px !important;

        color: currentColor;
    }

    @media (max-width: 640px) {
        .mr-statistics-adopted
        .mr-npa-numbered-list > li {
            grid-template-columns:
                22px minmax(0, 1fr) !important;

            column-gap: 9px !important;
        }

        .mr-statistics-adopted
        .mr-npa-numbered-list > li::before {
            width: 22px !important;
            height: 22px !important;

            min-width: 22px !important;
            min-height: 22px !important;
        }
    }


/* ========================================================
 * SOURCE: resources/views/livewire/statistics/_adopted-overrides.blade.php — block 2
 * ======================================================== */
/* ======================================================
       STATISTICS NPA FEED POLISH V14.2
       ====================================================== */


    /* ------------------------------------------------------
       HEADER
       ------------------------------------------------------ */

    .mr-statistics-adopted .mr-npa-head-logo {
        color: #00796B !important;
        background: rgba(0, 121, 107, .08) !important;
        border-color: rgba(0, 121, 107, .16) !important;
    }

    .mr-statistics-adopted .mr-npa-head-logo svg,
    .mr-statistics-adopted .mr-npa-head-logo path {
        fill: currentColor !important;
    }


    /*
     * Statistics has only search + sort,
     * so let them consume all remaining header width.
     */
    @media (min-width: 1025px) {
        .mr-statistics-adopted .mr-npa-head {
            display: grid !important;
            grid-template-columns:
                minmax(340px, 420px)
                minmax(0, 1fr) !important;
            align-items: center !important;
            gap: 20px !important;
        }

        .mr-statistics-adopted
        .mr-npa-head-tools--adopted {
            display: grid !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;

            grid-template-columns:
                minmax(280px, 1fr)
                170px !important;

            gap: 8px !important;
        }

        .mr-statistics-adopted
        .mr-npa-head-search {
            width: 100% !important;
            min-width: 0 !important;
        }

        .mr-statistics-adopted
        .mr-npa-head-search-input {
            width: 100% !important;
            min-width: 0 !important;
        }
    }


    /* ------------------------------------------------------
       TABS + FEED = ONE VISUAL CARD
       ------------------------------------------------------ */

    .mr-statistics-adopted
    #statistics-editorial-tabs {
        margin-top: 16px !important;
        margin-bottom: 0 !important;

        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }


    .mr-statistics-adopted
    #statistics-editorial-tab-panel {
        margin-top: -1px !important;

        overflow: hidden;

        border: 1px solid #e4e4e7;
        border-radius:
            0 0 12px 12px;

        background: #fff;
    }


    /*
     * Remove Tailwind space-y gaps.
     * NPA rows are continuous inside one card.
     */
    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > :not([hidden])
    ~ :not([hidden]) {
        margin-top: 0 !important;
    }


    /* ------------------------------------------------------
       DATE DIVIDER
       ------------------------------------------------------ */

    .mr-statistics-adopted
    .mr-stat-editorial-day {
        display: flex;
        align-items: center;

        gap: 7px;

        min-height: 38px;

        padding:
            9px 20px;

        border-bottom:
            1px solid #e4e4e7;

        background:
            #fafafa;

        color:
            #27272a;

        font-size:
            12px;

        font-weight:
            600;

        line-height:
            18px;
    }


    .mr-statistics-adopted
    .mr-stat-editorial-day:not(:first-child) {
        border-top:
            1px solid #e4e4e7;
    }


    .mr-statistics-adopted
    .mr-stat-editorial-day svg {
        width: 15px;
        height: 15px;

        flex:
            0 0 15px;

        color:
            #00796B;
    }


    /* ------------------------------------------------------
       AI / NPA-STYLE ROWS
       ------------------------------------------------------ */

    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > .mr-npa-page {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > .mr-npa-page
    > .mr-npa-card {
        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }


    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > .mr-npa-page
    > .mr-npa-card {
        border-bottom:
            1px solid #e4e4e7 !important;
    }


    /* RAW rows use the same vertical rhythm as AI summaries.
       They have no score or chevron, so their content takes the full row. */
    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > .mr-npa-page
    > .mr-npa-card
    > .mr-statistics-raw-row {
        min-height: 88px;
        padding: 17px 20px;
    }


    .mr-statistics-adopted
    .mr-statistics-raw-row
    .mr-npa-row-layout {
        grid-template-columns: minmax(0, 1fr);
    }


    /* ------------------------------------------------------
       WEEKLY / LEGACY CARD
       Keep its content, flatten only outer shell.
       ------------------------------------------------------ */

    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > article {
        margin: 0 !important;

        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;

        border-bottom:
            1px solid #e4e4e7 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;
    }


    /* Last visible row should not produce a double bottom line. */

    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > .mr-npa-page:last-child
    > .mr-npa-card,

    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > article:last-child {
        border-bottom:
            0 !important;
    }


    /* ------------------------------------------------------
       DARK
       ------------------------------------------------------ */

    .dark
    .mr-statistics-adopted
    #statistics-editorial-tab-panel {
        border-color:
            #3f3f46;

        background:
            #18181b;
    }


    .dark
    .mr-statistics-adopted
    .mr-stat-editorial-day {
        border-color:
            #3f3f46;

        background:
            #18181b;

        color:
            #f4f4f5;
    }


    .dark
    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > .mr-npa-page
    > .mr-npa-card,

    .dark
    .mr-statistics-adopted
    #statistics-editorial-tab-panel
    > article {
        border-bottom-color:
            #3f3f46 !important;
    }


    .dark
    .mr-statistics-adopted
    .mr-npa-head-logo {
        color:
            #5eead4 !important;

        background:
            rgba(20, 184, 166, .12) !important;

        border-color:
            rgba(20, 184, 166, .22) !important;
    }


    /* ------------------------------------------------------
       RESPONSIVE
       ------------------------------------------------------ */

    @media (max-width: 1024px) {
        .mr-statistics-adopted
        .mr-npa-head-tools--adopted {
            width:
                100% !important;
        }
    }


    @media (max-width: 720px) {
        .mr-statistics-adopted
        #statistics-editorial-tab-panel
        > .mr-npa-page
        > .mr-npa-card
        > .mr-statistics-raw-row {
            padding-right: 16px;
            padding-left: 16px;
        }

    }


    @media (max-width: 640px) {

        .mr-statistics-adopted
        .mr-stat-editorial-day {
            min-height:
                36px;

            padding:
                8px 14px;
        }
    }


/* ========================================================
 * SOURCE: resources/views/livewire/statistics/_adopted-overrides.blade.php — block 3
 * ======================================================== */
/* ======================================================
       STATISTICS HEADER ICON + AI BADGE V14.4
       ====================================================== */

    .mr-statistics-adopted .mr-npa-head-logo {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #00796B !important;
    }

    .mr-statistics-adopted .mr-npa-head-logo svg,
    .mr-statistics-adopted .mr-npa-head-logo path {
        fill: currentColor !important;
    }

    .mr-statistics-adopted .mr-npa-head-ai {
        background: rgba(0, 121, 107, .08) !important;
color: #00796B !important;
        border: none;
        box-shadow: none;
    }

    .dark .mr-statistics-adopted .mr-npa-head-logo {
        background: transparent !important;
        border-color: transparent !important;
        color: #5eead4 !important;
    }

    .dark .mr-statistics-adopted .mr-npa-head-ai {
        background: rgba(20, 184, 166, .12) !important;
        border-color: rgba(20, 184, 166, .18) !important;
        color: #5eead4 !important;
    }


/* ========================================================
 * SOURCE: resources/views/livewire/statistics/_adopted-overrides.blade.php — block 4
 * ======================================================== */
/* ======================================================
       STATISTICS TABS + DATE UI FIX V14.5
       ====================================================== */


    /* Active tab must be visually obvious */
    .mr-statistics-adopted
    .mr-npa-tab-active,

    .mr-statistics-adopted
    .mr-npa-tab[aria-selected="true"] {
        background:
            rgba(0, 121, 107, .09) !important;

        color:
            #00796B !important;
    }


    .mr-statistics-adopted
    .mr-npa-tab:hover {
        background:
            rgba(0, 121, 107, .055);
    }


    /* Calendar icon in date divider */
    .mr-statistics-adopted
    .mr-npa-date-heading svg {
        color:
            #00796B !important;

        stroke:
            currentColor !important;
    }


    /* Tabs already provide the top dividing line */
    .mr-statistics-adopted
    #statistics-editorial-tab-panel {
        border-top:
            0 !important;
    }


    .dark
    .mr-statistics-adopted
    .mr-npa-tab-active,

    .dark
    .mr-statistics-adopted
    .mr-npa-tab[aria-selected="true"] {
        background:
            rgba(20, 184, 166, .14) !important;

        color:
            #5eead4 !important;
    }


    .dark
    .mr-statistics-adopted
    .mr-npa-date-heading svg {
        color:
            #5eead4 !important;
    }


/* ========================================================
 * SOURCE: resources/views/livewire/statistics/_adopted-overrides.blade.php — block 5
 * ======================================================== */
/* ======================================================
       STATISTICS LIVEWIRE ROOT + SEARCH FOCUS V14.6
       ====================================================== */

    .mr-statistics-adopted
    .mr-npa-head-tools--adopted
    input[type="search"]:focus {
        background:
            rgba(0, 121, 107, .045) !important;

        border-color:
            rgba(0, 121, 107, .50) !important;

        outline:
            none !important;

        box-shadow:
            0 0 0 3px rgba(0, 121, 107, .09) !important;
    }

    .dark
    .mr-statistics-adopted
    .mr-npa-head-tools--adopted
    input[type="search"]:focus {
        background:
            rgba(20, 184, 166, .08) !important;

        border-color:
            rgba(94, 234, 212, .48) !important;

        box-shadow:
            0 0 0 3px rgba(20, 184, 166, .10) !important;
    }


/* ========================================================
 * SOURCE: resources/views/livewire/statistics/_adopted-overrides.blade.php — block 6
 * ======================================================== */
.mr-statistics-adopted .mr-npa-date-heading {
        margin-bottom: 0 !important;
    }


/* ========================================================
 * SOURCE: resources/views/livewire/budget/index.blade.php — block 1
 * ======================================================== */
/*
         * BUDGET_STORY_LAYOUT_V1
         *
         * .mr-npa-numbered-list uses a two-column grid:
         * counter + content. Keep headline and angle inside
         * one content grid item.
         */
        .mr-budget-story-copy {
            min-width: 0;
        }

        .mr-budget-story-headline {
            display: block;
            line-height: 1.5;
        }

        .mr-budget-story-angle {
            margin-top: 6px;
            color: #52525b;
            line-height: 1.6;
        }

        .dark .mr-budget-story-angle {
            color: #d4d4d8;
        }

        .mr-budget-quick {
            display: flex;
            flex-wrap: wrap;
            gap: 6px 18px;
            margin-top: 9px;
            color: #52525b;
            font-size: 11px;
            line-height: 17px;
        }

        .mr-budget-quick strong {
            color: #18181b;
            font-weight: 700;
        }

        .mr-budget-finance-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
        }

        .mr-budget-finance-table th,
        .mr-budget-finance-table td {
            padding: 8px 10px;
            border-bottom: 1px solid #e4e4e7;
            text-align: left;
            vertical-align: top;
        }

        .mr-budget-finance-table th {
            color: #71717a;
            font-size: 11px;
            font-weight: 650;
        }

        .mr-budget-finance-table td:last-child,
        .mr-budget-finance-table th:last-child {
            text-align: right;
        }

        .mr-budget-document-grid {
            display: grid;
            grid-template-columns: 145px minmax(0, 1fr);
            gap: 8px 14px;
            margin: 0;
        }

        .mr-budget-document-grid dt {
            color: #71717a;
            font-size: 11px;
        }

        .mr-budget-document-grid dd {
            min-width: 0;
            margin: 0;
            color: #27272a;
            font-size: 12px;
            overflow-wrap: anywhere;
        }

        .mr-budget-category {
            background: #f4f4f5;
            color: #52525b;
        }

        .mr-budget-event--problem {
            background: #fef2f2;
            color: #b91c1c;
        }

        .mr-budget-event--created {
            background: #eff6ff;
            color: #2563eb;
        }

        .mr-budget-event--approved {
            background: #ecfdf5;
            color: #047857;
        }

        .mr-budget-event--report {
            background: #f4f4f5;
            color: #52525b;
        }

        .dark .mr-budget-quick {
            color: #a1a1aa;
        }

        .dark .mr-budget-quick strong,
        .dark .mr-budget-document-grid dd {
            color: #f4f4f5;
        }

        .dark .mr-budget-finance-table th,
        .dark .mr-budget-finance-table td {
            border-color: #3f3f46;
        }

        .dark .mr-budget-category {
            background: #27272a;
            color: #d4d4d8;
        }

        @media (max-width: 640px) {
            .mr-budget-document-grid {
                grid-template-columns: 1fr;
                gap: 3px;
            }

            .mr-budget-document-grid dd {
                margin-bottom: 8px;
            }
        }
    
        /*
         * BUDGET_APPROVED_TWO_COLUMN_V1
         *
         * Approved Budget layout:
         * 70% editorial analysis / 30% program metadata.
         */
        .mr-budget-expanded-grid {
            display: block !important;
        }

        .mr-budget-expanded-grid
        > .mr-npa-section-grid {
            display: grid !important;
            width: 100% !important;
            max-width: none !important;

            grid-template-columns:
                minmax(0, 7fr)
                minmax(270px, 3fr) !important;

            gap: 18px 24px !important;
            align-items: start;
        }

        .mr-budget-expanded-grid
        > .mr-npa-section-grid
        > .mr-npa-section {
            grid-column: 1 !important;
            min-width: 0;
        }

        .mr-budget-expanded-grid
        > .mr-npa-section-grid
        > .mr-budget-program-side {
            grid-column: 2 !important;
            grid-row: 1 / span 100 !important;

            min-width: 0;

            padding:
                0
                0
                0
                24px !important;

            border: 0 !important;
            border-left:
                1px solid #e4e4e7 !important;

            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid {
            grid-template-columns: 1fr;
            gap: 0;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dt {
            margin-top: 13px;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dt:first-child {
            margin-top: 0;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dd {
            margin-top: 3px;
        }

        .mr-budget-source-links {
            display: grid;
            gap: 8px;

            margin-top: 20px;
            padding-top: 18px;

            border-top:
                1px solid #e4e4e7;
        }

        .mr-budget-source-links-title {
            margin-top: 8px;

            color: #71717a;
            font-size: 11px;
            font-weight: 700;
        }

        .mr-budget-source-links-title:first-child {
            margin-top: 0;
        }

        .mr-budget-source-link {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;

            gap: 10px;

            padding: 9px 11px;

            border:
                1px solid #e4e4e7;

            border-radius: 9px;

            background: #fff;

            color: #3f3f46;

            font-size: 12px;
            font-weight: 650;
            line-height: 1.45;

            text-decoration: none;
        }

        .mr-budget-source-link span:first-child {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .mr-budget-source-link:hover {
            border-color: #14b8a6;
            color: #00796B;
        }

        .dark
        .mr-budget-expanded-grid
        > .mr-npa-section-grid
        > .mr-budget-program-side,
        .dark .mr-budget-source-links {
            border-color: #3f3f46 !important;
        }

        .dark .mr-budget-source-link {
            border-color: #3f3f46;
            background: #18181b;
            color: #e4e4e7;
        }

        .dark .mr-budget-source-link:hover {
            border-color: #14b8a6;
            color: #5eead4;
        }

        @media (max-width: 900px) {
            .mr-budget-expanded-grid
            > .mr-npa-section-grid {
                grid-template-columns:
                    minmax(0, 1fr) !important;
            }

            .mr-budget-expanded-grid
            > .mr-npa-section-grid
            > .mr-npa-section,
            .mr-budget-expanded-grid
            > .mr-npa-section-grid
            > .mr-budget-program-side {
                grid-column: 1 !important;
                grid-row: auto !important;
            }

            .mr-budget-expanded-grid
            > .mr-npa-section-grid
            > .mr-budget-program-side {
                margin-top: 6px;

                padding:
                    20px
                    0
                    0
                    0 !important;

                border-left:
                    0 !important;

                border-top:
                    1px solid #e4e4e7 !important;
            }
        }

        .mr-budget-editorial-important {
            border-left:
                3px solid #00796B !important;

            background:
                linear-gradient(
                    90deg,
                    rgba(0, 121, 107, .065),
                    rgba(0, 121, 107, .018)
                ) !important;
        }

        .mr-budget-editorial-score {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 10px;
        }

        .mr-budget-editorial-score strong {
            color: #18181b;
            font-size: 22px;
            line-height: 1;
        }

        .mr-budget-editorial-score span {
            color: #71717a;
            font-size: 11px;
        }

        .mr-budget-editorial-warning {
            border-color:
                rgba(217, 119, 6, .30) !important;

            background:
                rgba(245, 158, 11, .055) !important;
        }

        .mr-budget-editorial-muted {
            margin-top: 10px;
            color: #71717a;
            font-size: 11px;
            line-height: 1.55;
        }

        .dark .mr-budget-editorial-score strong {
            color: #f4f4f5;
        }

        .dark .mr-budget-editorial-warning {
            background:
                rgba(245, 158, 11, .075) !important;
        }

    
        /* BUDGET_PAGINATION_V1 */
        .mr-budget-pagination-button {
            display: inline-flex;
            height: 32px;
            min-width: 32px;
            align-items: center;
            justify-content: center;
            border: 0;
            border-radius: 6px;
            padding: 0 9px;
            background: transparent;
            color: #52525b;
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
            transition:
                background-color .15s ease,
                color .15s ease;
        }

        .mr-budget-pagination-button:hover:not(:disabled) {
            background: rgba(0, 121, 107, .08);
            color: #00796B;
        }

        .mr-budget-pagination-button-active {
            background: rgba(0, 121, 107, .11) !important;
            color: #00796B !important;
            font-weight: 600;
        }

        .mr-budget-pagination-button:disabled {
            cursor: default;
            opacity: .35;
        }

        .dark .mr-budget-pagination-button {
            color: #d4d4d8;
        }

        .dark .mr-budget-pagination-button:hover:not(:disabled) {
            background: rgba(0, 121, 107, .18);
            color: #5eead4;
        }

        .dark .mr-budget-pagination-button-active {
            background: rgba(0, 121, 107, .22) !important;
            color: #5eead4 !important;
        }



        /*
         * BUDGET_COMPACT_CARD_V1
         *
         * Approved structure:
         *
         * LEFT  70%:
         * Разбор
         * Основные цифры
         * Инфоповоды
         * Что проверить
         *
         * RIGHT 30%:
         * О программе
         * Источник
         * Документы
         */

        .mr-budget-expanded-grid {
            display: block !important;

            height: auto !important;
            min-height: 0 !important;
        }

        .mr-budget-expanded-grid
        > .mr-npa-section-grid {
            display: grid !important;

            grid-template-columns:
                minmax(0, 7fr)
                minmax(285px, 3fr) !important;

            grid-template-rows:
                auto !important;

            gap: 24px !important;

            width: 100% !important;
            max-width: none !important;

            height: auto !important;
            min-height: 0 !important;

            align-items: start !important;
        }

        /*
         * LEFT COLUMN
         */

        .mr-budget-main-column {
            grid-column: 1 !important;
            grid-row: 1 !important;

            display: flex;
            flex-direction: column;

            gap: 12px;

            min-width: 0;
            min-height: 0;

            height: auto !important;
        }

        .mr-budget-main-column
        > .mr-npa-section {
            width: 100% !important;

            margin: 0 !important;

            min-width: 0;
            min-height: 0;

            grid-column: auto !important;
            grid-row: auto !important;
        }

        /*
         * ANALYSIS
         */

        .mr-budget-section-analysis {
            padding:
                16px 17px !important;
        }

        .mr-budget-section-analysis h3 {
            margin-bottom:
                10px !important;
        }

        .mr-budget-section-analysis p {
            margin: 0 !important;

            font-size: 13px;
            line-height: 1.7;
        }

        /*
         * NUMBERS
         */

        .mr-budget-section-numbers {
            padding:
                14px 16px !important;
        }

        .mr-budget-section-numbers h3 {
            margin-bottom:
                10px !important;
        }

        .mr-budget-section-numbers
        .mr-npa-numbered-list {
            display: grid !important;

            grid-template-columns:
                repeat(
                    2,
                    minmax(0, 1fr)
                ) !important;

            gap:
                8px
                12px !important;

            margin: 0 !important;
        }

        .mr-budget-section-numbers
        .mr-npa-numbered-list
        > li {
            min-height: 0 !important;

            margin: 0 !important;

            padding:
                7px
                0 !important;

            font-size: 11px;
            line-height: 1.45;
        }

        /*
         * STORY IDEAS
         */

        .mr-budget-section-stories {
            padding:
                15px 16px !important;
        }

        .mr-budget-section-stories h3 {
            margin-bottom:
                10px !important;
        }

        .mr-budget-section-stories
        .mr-npa-numbered-list {
            gap: 9px !important;

            margin: 0 !important;
        }

        .mr-budget-section-stories
        .mr-npa-numbered-list
        > li {
            min-height: 0 !important;

            margin: 0 !important;
        }

        .mr-budget-story-headline {
            font-size: 12px;
            line-height: 1.4;
        }

        .mr-budget-story-angle {
            margin-top:
                3px !important;

            font-size: 11px;
            line-height: 1.5;
        }

        /*
         * CHECKS
         */

        .mr-budget-section-checks {
            padding:
                14px
                16px !important;
        }

        .mr-budget-section-checks h3 {
            margin-bottom:
                8px !important;
        }

        .mr-budget-section-checks
        .mr-npa-list {
            margin: 0 !important;
        }

        .mr-budget-section-checks
        .mr-npa-list
        > li {
            margin-top:
                4px !important;

            font-size: 11px;
            line-height: 1.5;
        }

        /*
         * RIGHT COLUMN
         *
         * Critical:
         * override old grid-row: 1 / span 100.
         */

        .mr-budget-expanded-grid
        > .mr-npa-section-grid
        > .mr-budget-program-side {
            grid-column: 2 !important;
            grid-row: 1 !important;

            align-self: start !important;

            height: auto !important;
            min-height: 0 !important;

            margin: 0 !important;

            padding:
                0
                0
                0
                24px !important;

            border: 0 !important;

            border-left:
                1px solid #e4e4e7 !important;

            border-radius:
                0 !important;

            background:
                transparent !important;

            box-shadow:
                none !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid {
            grid-template-columns:
                1fr !important;

            gap: 0 !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dt {
            margin-top:
                11px !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dt:first-child {
            margin-top:
                0 !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dd {
            margin-top:
                2px !important;

            font-size: 11px;
            line-height: 1.45;
        }

        /*
         * DOCUMENTS
         */

        .mr-budget-source-links {
            gap: 7px !important;

            margin-top:
                16px !important;

            padding-top:
                14px !important;
        }

        .mr-budget-source-link {
            padding:
                8px
                10px !important;

            font-size: 11px;
            line-height: 1.4;
        }

        /*
         * DARK
         */

        .dark
        .mr-budget-expanded-grid
        > .mr-npa-section-grid
        > .mr-budget-program-side {
            border-left-color:
                #3f3f46 !important;
        }

        /*
         * TABLET / MOBILE
         */

        @media (max-width: 900px) {
            .mr-budget-expanded-grid
            > .mr-npa-section-grid {
                grid-template-columns:
                    minmax(0, 1fr) !important;

                gap:
                    18px !important;
            }

            .mr-budget-main-column {
                grid-column:
                    1 !important;

                grid-row:
                    auto !important;
            }

            .mr-budget-expanded-grid
            > .mr-npa-section-grid
            > .mr-budget-program-side {
                grid-column:
                    1 !important;

                grid-row:
                    auto !important;

                padding:
                    18px
                    0
                    0
                    0 !important;

                border-left:
                    0 !important;

                border-top:
                    1px solid #e4e4e7 !important;
            }
        }

        @media (max-width: 640px) {
            .mr-budget-main-column {
                gap:
                    10px;
            }

            .mr-budget-section-numbers
            .mr-npa-numbered-list {
                grid-template-columns:
                    minmax(0, 1fr) !important;
            }
        }



        /*
         * BUDGET_CARD_FINAL_POLISH_V1
         */


        /* ==========================================================
         * FULL HEIGHT COLUMN DIVIDER
         * ========================================================== */

        .mr-budget-expanded-grid
        > .mr-npa-section-grid {
            align-items:
                stretch !important;

            column-gap:
                0 !important;
        }

        /*
         * Линия теперь принадлежит длинной левой колонке,
         * поэтому идёт от верха до самого низа разбора.
         */
        .mr-budget-main-column {
            align-self:
                stretch !important;

            padding-right:
                24px !important;

            border-right:
                1px solid #e4e4e7;
        }

        .mr-budget-expanded-grid
        > .mr-npa-section-grid
        > .mr-budget-program-side {
            align-self:
                stretch !important;

            padding-left:
                24px !important;

            border-left:
                0 !important;
        }

        .dark
        .mr-budget-main-column {
            border-right-color:
                #3f3f46;
        }


        /* ==========================================================
         * РАЗБОР
         * ========================================================== */

        .mr-budget-section-analysis,
        .mr-budget-section-analysis.mr-npa-section-highlight {
            /*
             * Полностью убираем яркую зелёную полосу.
             */
            border:
                1px solid #e4e4e7 !important;

            background:
                #fff !important;
        }

        .mr-budget-section-analysis {
            padding:
                17px
                18px
                18px !important;
        }

        .mr-budget-section-analysis h3 {
            margin:
                0
                0
                15px !important;
        }

        .mr-budget-analysis-copy {
            color:
                #3f3f46;

            font-size:
                13px;

            line-height:
                1.72;
        }

        .mr-budget-analysis-copy p {
            margin:
                0 !important;
        }

        .mr-budget-analysis-copy
        p + p {
            margin-top:
                14px !important;
        }

        .dark
        .mr-budget-section-analysis,
        .dark
        .mr-budget-section-analysis.mr-npa-section-highlight {
            border-color:
                #3f3f46 !important;

            background:
                #18181b !important;
        }

        .dark
        .mr-budget-analysis-copy {
            color:
                #d4d4d8;
        }


        /* ==========================================================
         * ИНФОПОВОДЫ — SECTION
         * ========================================================== */

        .mr-budget-section-stories {
            padding:
                17px
                17px
                18px !important;
        }

        .mr-budget-section-stories h3 {
            /*
             * Было слишком близко к первому пункту.
             */
            margin:
                0
                0
                17px !important;
        }


        /* ==========================================================
         * ИНФОПОВОДЫ — LIST
         * ========================================================== */

        .mr-budget-section-stories
        .mr-npa-numbered-list {
            display:
                flex !important;

            flex-direction:
                column !important;

            gap:
                10px !important;

            margin:
                0 !important;

            padding:
                0 !important;

            list-style:
                none !important;
        }

        /*
         * Каждый инфоповод — отдельный самостоятельный элемент.
         */
        .mr-budget-section-stories
        .mr-npa-numbered-list
        > li {
            position:
                relative !important;

            display:
                grid !important;

            grid-template-columns:
                24px
                minmax(0, 1fr) !important;

            column-gap:
                11px !important;

            align-items:
                start !important;

            width:
                100%;

            min-height:
                0 !important;

            margin:
                0 !important;

            padding:
                12px
                13px !important;

            border:
                1px solid #e4e4e7;

            border-radius:
                10px;

            background:
                #fafafa;
        }

        /*
         * Shared NPA style делает номер absolute и добавляет
         * padding-left:34px. Здесь полностью переопределяем его.
         */
        .mr-budget-section-stories
        .mr-npa-numbered-list
        > li {
            padding-left:
                13px !important;
        }

        .mr-budget-section-stories
        .mr-npa-numbered-list
        > li::before {
            position:
                static !important;

            inset:
                auto !important;

            transform:
                none !important;

            display:
                inline-flex !important;

            align-items:
                center !important;

            justify-content:
                center !important;

            align-self:
                start !important;

            width:
                24px !important;

            min-width:
                24px !important;

            height:
                24px !important;

            min-height:
                24px !important;

            margin:
                0 !important;

            padding:
                0 !important;

            border:
                1px solid rgba(0, 121, 107, .22);

            border-radius:
                999px;

            background:
                #fff;

            color:
                #00796B;

            line-height:
                1 !important;
        }

        .mr-budget-story-copy {
            display:
                block;

            min-width:
                0;

            padding-top:
                1px;
        }

        .mr-budget-story-headline {
            display:
                block;

            margin:
                0;

            color:
                #27272a;

            font-size:
                12px;

            font-weight:
                700;

            line-height:
                1.45;
        }

        .mr-budget-story-angle {
            display:
                block;

            margin:
                6px
                0
                0 !important;

            color:
                #71717a;

            font-size:
                11px;

            line-height:
                1.55;
        }

        .dark
        .mr-budget-section-stories
        .mr-npa-numbered-list
        > li {
            border-color:
                #3f3f46;

            background:
                rgba(39, 39, 42, .55);
        }

        .dark
        .mr-budget-section-stories
        .mr-npa-numbered-list
        > li::before {
            border-color:
                rgba(45, 212, 191, .25);

            background:
                #18181b;

            color:
                #5eead4;
        }

        .dark
        .mr-budget-story-headline {
            color:
                #f4f4f5;
        }

        .dark
        .mr-budget-story-angle {
            color:
                #a1a1aa;
        }


        /* ==========================================================
         * ЧТО ПРОВЕРИТЬ
         * ========================================================== */

        .mr-budget-section-checks {
            padding:
                16px
                17px
                17px !important;
        }

        .mr-budget-section-checks h3 {
            margin:
                0
                0
                13px !important;
        }

        .mr-budget-section-checks
        .mr-npa-list {
            display:
                flex;

            flex-direction:
                column;

            gap:
                7px;

            margin:
                0 !important;

            padding:
                0 !important;
        }

        .mr-budget-section-checks
        .mr-npa-list
        > li {
            margin:
                0 !important;

            font-size:
                11px;

            line-height:
                1.55;
        }


        /* ==========================================================
         * ОСНОВНЫЕ ЦИФРЫ
         * ========================================================== */

        .mr-budget-section-numbers h3 {
            margin:
                0
                0
                14px !important;
        }


        /* ==========================================================
         * О ПРОГРАММЕ
         * ========================================================== */

        .mr-budget-program-side > h3 {
            /*
             * Нормальный отступ после заголовка.
             */
            margin:
                0
                0
                17px !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid {
            margin:
                0 !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dt {
            margin-top:
                14px !important;

            line-height:
                1.35;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dt:first-child {
            margin-top:
                0 !important;
        }

        .mr-budget-program-side
        .mr-budget-document-grid dd {
            margin-top:
                4px !important;

            line-height:
                1.5;
        }

        .mr-budget-source-links {
            margin-top:
                20px !important;

            padding-top:
                17px !important;
        }

        .mr-budget-source-links-title {
            margin:
                0
                0
                9px !important;
        }


        /* ==========================================================
         * MOBILE
         * ========================================================== */

        @media (max-width: 900px) {
            .mr-budget-main-column {
                padding-right:
                    0 !important;

                padding-bottom:
                    18px !important;

                border-right:
                    0;

                border-bottom:
                    1px solid #e4e4e7;
            }

            .mr-budget-expanded-grid
            > .mr-npa-section-grid
            > .mr-budget-program-side {
                padding-left:
                    0 !important;
            }

            .dark
            .mr-budget-main-column {
                border-bottom-color:
                    #3f3f46;
            }
        }

        @media (max-width: 640px) {
            .mr-budget-section-stories
            .mr-npa-numbered-list
            > li {
                grid-template-columns:
                    22px
                    minmax(0, 1fr) !important;

                column-gap:
                    9px !important;

                padding:
                    10px !important;
            }

            .mr-budget-section-stories
            .mr-npa-numbered-list
            > li::before {
                width:
                    22px !important;

                min-width:
                    22px !important;

                height:
                    22px !important;

                min-height:
                    22px !important;
            }
        }


/* ========================================================
 * SOURCE: resources/views/livewire/legal-acts/index.blade.php — block 1
 * ======================================================== */
/* LEGAL_ACTS_UI_V3_SAFE */

    :root {
        --mr-npa: #00796B;
        --mr-npa-rgb: 0, 121, 107;
    }

    /* --------------------------------------------------------
       DETAILS / LIST
       -------------------------------------------------------- */

    .mr-legal-summary {
        list-style: none;
        position: relative;
    }

    .mr-legal-summary::-webkit-details-marker {
        display: none;
    }

    .mr-legal-summary::marker {
        content: "";
        display: none;
    }

    .mr-la-row {
        transition:
            background-color .15s ease,
            box-shadow .15s ease;
    }

    .mr-la-row:hover {
        background:
            rgba(var(--mr-npa-rgb), .025) !important;
    }

    .mr-legal-act[data-important="1"] > .mr-legal-summary::before {
        content: "";
        position: absolute;
        left: 0;
        top: 13px;
        bottom: 13px;
        width: 2px;
        border-radius: 0 3px 3px 0;
        background: var(--mr-npa);
        opacity: .75;
    }

    .mr-legal-act[data-important="1"] .mr-la-score {
        color: var(--mr-npa) !important;
        border-color:
            rgba(var(--mr-npa-rgb), .24) !important;
        background:
            linear-gradient(
                180deg,
                rgba(var(--mr-npa-rgb), .09),
                rgba(var(--mr-npa-rgb), .035)
            ) !important;
    }

    .mr-legal-chevron {
        transition:
            transform .16s ease,
            color .16s ease,
            background-color .16s ease;
    }

    .mr-legal-act[open] .mr-legal-chevron {
        transform: rotate(180deg);
        color: var(--mr-npa);
        background:
            rgba(var(--mr-npa-rgb), .09);
    }

    .mr-legal-act[open] > .mr-legal-summary {
        background:
            rgba(var(--mr-npa-rgb), .018);
    }

    /* --------------------------------------------------------
       HEADER
       -------------------------------------------------------- */

    .mr-la-ai {
        border:
            1px solid rgba(var(--mr-npa-rgb), .12);
    }

    .mr-la-stats {
        box-shadow:
            0 1px 2px rgba(0,0,0,.025);
    }

    .mr-la-stats > div:nth-child(2) {
        position: relative;
    }

    .mr-la-stats > div:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 14px;
        right: 14px;
        top: 0;
        height: 2px;
        border-radius: 0 0 3px 3px;
        background: var(--mr-npa);
        opacity: .75;
    }

    /* --------------------------------------------------------
       FILTER BAR
       -------------------------------------------------------- */

    .mr-la-toolbar {
        position: relative;
        box-shadow:
            0 1px 2px rgba(0,0,0,.035),
            0 5px 16px rgba(0,0,0,.018);
    }

    .mr-la-toolbar::before {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        top: -1px;
        height: 1px;
        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(var(--mr-npa-rgb), .35),
                transparent
            );
    }

    /* --------------------------------------------------------
       EXPANDED AREA
       -------------------------------------------------------- */

    .mr-la-expanded {
        background:
            linear-gradient(
                180deg,
                rgba(var(--mr-npa-rgb), .022) 0,
                rgba(250,250,250,.82) 105px,
                rgba(250,250,250,.68) 100%
            ) !important;
    }

    .mr-la-analysis-head {
        margin:
            -20px -20px 20px -20px;
        padding:
            14px 20px;
        border-bottom:
            1px solid #e4e4e7;
        background:
            rgba(255,255,255,.84);
    }

    .mr-la-analysis-icon {
        border:
            1px solid rgba(var(--mr-npa-rgb), .12);
        background:
            rgba(var(--mr-npa-rgb), .09) !important;
        color:
            var(--mr-npa) !important;
    }

    .mr-la-analysis-grid {
        display: grid;
        grid-template-columns:
            minmax(0,1fr);
        gap: 20px;
        align-items: start;
    }

    @media (min-width: 1120px) {
        .mr-la-analysis-grid {
            grid-template-columns:
                minmax(0,1fr)
                310px;
        }

        .mr-la-side {
            position: sticky;
            top: 76px;
        }
    }

    /* --------------------------------------------------------
       NEWS VALUE
       -------------------------------------------------------- */

    .mr-la-news-value {
        border:
            1px solid rgba(var(--mr-npa-rgb), .18);
        border-left:
            3px solid var(--mr-npa);
        border-radius: 11px;
        padding: 15px 16px;
        background:
            linear-gradient(
                90deg,
                rgba(var(--mr-npa-rgb), .075),
                rgba(var(--mr-npa-rgb), .018)
            );
    }

    .mr-la-news-value-head {
        color: var(--mr-npa);
    }

    /* --------------------------------------------------------
       NEXT STEP
       -------------------------------------------------------- */

    .mr-la-next-step {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 13px 14px;
        border:
            1px solid #e4e4e7;
        border-radius: 11px;
        background: #fff;
    }

    .mr-la-next-icon {
        display: flex;
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background:
            rgba(var(--mr-npa-rgb), .09);
        color:
            var(--mr-npa);
    }

    /* --------------------------------------------------------
       CHANGES
       -------------------------------------------------------- */

    .mr-la-change {
        transition:
            border-color .15s ease,
            background-color .15s ease;
    }

    .mr-la-change:hover {
        border-color:
            rgba(var(--mr-npa-rgb), .24) !important;
        background:
            rgba(var(--mr-npa-rgb), .015) !important;
    }

    .mr-la-change-number {
        border:
            1px solid rgba(var(--mr-npa-rgb), .10);
        background:
            rgba(var(--mr-npa-rgb), .09) !important;
        color:
            var(--mr-npa) !important;
    }

    .mr-la-audience {
        transition:
            border-color .15s ease,
            color .15s ease;
    }

    .mr-la-audience:hover {
        border-color:
            rgba(var(--mr-npa-rgb), .30) !important;
        color:
            var(--mr-npa) !important;
    }

    /* --------------------------------------------------------
       CHECK / UNKNOWN
       -------------------------------------------------------- */

    .mr-la-check-grid > section:first-child {
        border-top:
            2px solid rgba(var(--mr-npa-rgb), .48) !important;
    }

    .mr-la-check-grid > section:last-child {
        border-top:
            2px solid #d4d4d8 !important;
    }

    /* --------------------------------------------------------
       RIGHT SIDE
       -------------------------------------------------------- */

    .mr-la-side > div {
        box-shadow:
            0 1px 2px rgba(0,0,0,.022);
    }

    .mr-la-side > div:first-child {
        border-top:
            2px solid rgba(var(--mr-npa-rgb), .42) !important;
    }

    .mr-la-side > div:last-child {
        background:
            rgba(255,255,255,.76) !important;
    }

    /* --------------------------------------------------------
       DARK
       -------------------------------------------------------- */

    .dark .mr-la-stats,
    .dark .mr-la-toolbar,
    .dark .mr-la-side > div {
        box-shadow: none;
    }

    .dark .mr-legal-act[data-important="1"] .mr-la-score {
        color: #5eead4 !important;
        border-color:
            rgba(var(--mr-npa-rgb), .34) !important;
        background:
            linear-gradient(
                180deg,
                rgba(var(--mr-npa-rgb), .20),
                rgba(var(--mr-npa-rgb), .10)
            ) !important;
    }

    .dark .mr-la-expanded {
        background:
            linear-gradient(
                180deg,
                rgba(var(--mr-npa-rgb), .075),
                rgba(9,9,11,.62) 105px,
                rgba(9,9,11,.52)
            ) !important;
    }

    .dark .mr-la-analysis-head {
        border-bottom-color: #27272a;
        background:
            rgba(24,24,27,.88);
    }

    .dark .mr-la-analysis-icon {
        color: #5eead4 !important;
        background:
            rgba(var(--mr-npa-rgb), .18) !important;
        border-color:
            rgba(var(--mr-npa-rgb), .18);
    }

    .dark .mr-la-news-value {
        border-color:
            rgba(var(--mr-npa-rgb), .28);
        border-left-color: #2dd4bf;
        background:
            linear-gradient(
                90deg,
                rgba(var(--mr-npa-rgb), .16),
                rgba(var(--mr-npa-rgb), .05)
            );
    }

    .dark .mr-la-news-value-head {
        color: #5eead4;
    }

    .dark .mr-la-next-step {
        border-color: #3f3f46;
        background:
            rgba(24,24,27,.76);
    }

    .dark .mr-la-next-icon {
        color: #5eead4;
        background:
            rgba(var(--mr-npa-rgb), .18);
    }

    .dark .mr-la-change:hover {
        border-color:
            rgba(45,212,191,.26) !important;
        background:
            rgba(var(--mr-npa-rgb), .05) !important;
    }

    .dark .mr-la-change-number {
        color: #5eead4 !important;
        background:
            rgba(var(--mr-npa-rgb), .18) !important;
    }

    .dark .mr-la-side > div:last-child {
        background:
            rgba(24,24,27,.70) !important;
    }

    /* --------------------------------------------------------
       MOBILE
       -------------------------------------------------------- */

    @media (max-width: 639px) {
        .mr-la-analysis-head {
            margin:
                -20px -16px 18px -16px;
            padding:
                13px 16px;
        }

        .mr-la-news-value {
            padding:
                13px 14px;
        }

        .mr-la-next-step {
            padding: 12px;
        }
    }

    /* LEGAL_ACTS_UI_V4_POLISH */

    .mr-la-row-title {
        transition: color .15s ease;
    }

    .mr-la-row:hover .mr-la-row-title {
        color: #00796B;
    }

    .dark .mr-la-row:hover .mr-la-row-title {
        color: #5eead4;
    }

    /* Более лёгкая структура конкретных изменений */
    .mr-la-change-list {
        position: relative;
        margin-left: 11px;
        padding-left: 20px;
    }

    .mr-la-change-list::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        bottom: 10px;
        width: 1px;
        background: rgba(0,121,107,.18);
    }

    .mr-la-change-item {
        position: relative;
        padding: 3px 0 15px 0;
    }

    .mr-la-change-item:last-child {
        padding-bottom: 0;
    }

    .mr-la-change-dot {
        position: absolute;
        left: -30px;
        top: 2px;
        display: flex;
        width: 20px;
        height: 20px;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        border: 1px solid rgba(0,121,107,.18);
        background: #fff;
        color: #00796B;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        box-shadow: 0 0 0 4px #fafafa;
    }

    .mr-la-section-icon {
        display: flex;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        background: rgba(0,121,107,.08);
        color: #00796B;
    }

    .mr-la-source-label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .dark .mr-la-change-list::before {
        background: rgba(45,212,191,.20);
    }

    .dark .mr-la-change-dot {
        border-color: rgba(45,212,191,.25);
        background: #18181b;
        color: #5eead4;
        box-shadow: 0 0 0 4px #09090b;
    }

    .dark .mr-la-section-icon {
        background: rgba(0,121,107,.18);
        color: #5eead4;
    }

    @media (max-width: 639px) {
        .mr-la-change-list {
            margin-left: 8px;
            padding-left: 18px;
        }

        .mr-la-change-dot {
            left: -27px;
        }
    }


    /* LEGAL_ACTS_UI_V5_DESKTOP_POLISH */

    /*
     * Описание проекта всегда максимум две строки.
     * Не полагаемся только на Tailwind line-clamp.
     */
    .mr-la-summary-text {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    /*
     * Важность не должна выглядеть как выбор строки.
     */
    .mr-legal-act[data-important="1"] > .mr-legal-summary::before {
        width: 1px !important;
        opacity: .30 !important;
    }

    .mr-legal-act[open][data-important="1"] > .mr-legal-summary::before {
        width: 2px !important;
        opacity: .90 !important;
    }

    /*
     * Открытая строка получает очень мягкий фирменный фон.
     */
    .mr-legal-act[open] > .mr-legal-summary {
        background:
            linear-gradient(
                90deg,
                rgba(0,121,107,.035),
                rgba(0,121,107,.008) 45%,
                transparent
            ) !important;
    }

    /*
     * Новый проект — маленький сигнал, а не обычное слово.
     */
    .mr-la-new-badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 18px;
        padding: 1px 6px;
        border-radius: 5px;
        background: rgba(0,121,107,.065);
        color: #00796B;
        font-size: 10px;
        font-weight: 600;
    }

    .mr-la-new-badge::before {
        content: "";
        width: 4px;
        height: 4px;
        flex: 0 0 4px;
        border-radius: 999px;
        background: #00796B;
    }

    /*
     * Верхняя статистика — без ложного active-state.
     */
    .mr-la-stats > div:nth-child(2)::before {
        display: none !important;
    }

    .mr-la-stat-important {
        color: #00796B !important;
    }

    /*
     * Компактнее шапка раскрытого анализа.
     */
    .mr-la-analysis-head {
        min-height: 52px;
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    /*
     * Кнопка оригинала должна восприниматься как действие.
     */
    .mr-la-source-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid rgba(0,121,107,.14);
        border-radius: 8px;
        padding: 7px 10px;
        background: rgba(0,121,107,.065);
        color: #00796B !important;
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
        text-decoration: none !important;
        transition:
            background-color .15s ease,
            border-color .15s ease;
    }

    .mr-la-source-link:hover {
        border-color: rgba(0,121,107,.24);
        background: rgba(0,121,107,.11);
    }

    /*
     * Источник — более спокойная карточка.
     */
    .mr-la-side > div:last-child {
        border-color: #e4e4e7 !important;
    }

    /*
     * Заголовок проверки источника.
     */
    .mr-la-source-head {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .mr-la-source-head-icon {
        display: flex;
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background: rgba(0,121,107,.08);
        color: #00796B;
    }

    .dark .mr-la-new-badge {
        background: rgba(0,121,107,.17);
        color: #5eead4;
    }

    .dark .mr-la-new-badge::before {
        background: #5eead4;
    }

    .dark .mr-la-source-link {
        border-color: rgba(45,212,191,.18);
        background: rgba(0,121,107,.17);
        color: #5eead4 !important;
    }

    .dark .mr-la-source-link:hover {
        border-color: rgba(45,212,191,.28);
        background: rgba(0,121,107,.24);
    }

    .dark .mr-la-source-head-icon {
        background: rgba(0,121,107,.18);
        color: #5eead4;
    }

    @media (max-width: 639px) {
        .mr-la-summary-text {
            -webkit-line-clamp: 3;
            line-clamp: 3;
        }
    }


    /* LEGAL_ACTS_UI_V6_REFINED */

    /* ---------- TOP / STATS ---------- */

    .mr-la-stats {
        background: #fafafa !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .mr-la-stats > div {
        border-color: #e4e4e7 !important;
    }

    /* ---------- FILTER TOOLBAR ---------- */

    .mr-la-toolbar {
        background: #fafafa !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 10px !important;
    }

    .mr-la-toolbar::before {
        display: none !important;
    }

    .mr-la-toolbar input,
    .mr-la-toolbar select {
        height: 38px !important;
        border: 1px solid #e4e4e7 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .mr-la-toolbar input:focus,
    .mr-la-toolbar select:focus {
        border-color: rgba(0,121,107,.38) !important;
        box-shadow:
            0 0 0 3px rgba(0,121,107,.08) !important;
    }

    /* ---------- SEARCH ---------- */

    .mr-la-search-wrap {
        position: relative !important;
    }

    .mr-la-search-input {
        padding-left: 38px !important;
    }

    .mr-la-search-icon {
        position: absolute !important;
        left: 13px !important;
        top: 50% !important;
        width: 16px !important;
        height: 16px !important;
        transform: translateY(-50%) !important;
        color: #a1a1aa !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    /* ---------- LIST ---------- */

    /*
     * Убираем все вертикальные зелёные линии.
     * Основной фирменный маркер остаётся только в рейтинге.
     */
    .mr-legal-act > .mr-legal-summary::before {
        display: none !important;
    }

    .mr-la-row {
        border-left: 0 !important;
    }

    .mr-la-row:hover {
        background: #fafafa !important;
    }

    .mr-legal-act[open] > .mr-legal-summary {
        background: #fafafa !important;
    }

    /* ---------- SCORE ---------- */

    .mr-la-score {
        position: relative;
        width: 46px !important;
        height: 46px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(0,121,107,.22) !important;
        background: rgba(0,121,107,.065) !important;
        color: #00796B !important;
        box-shadow: none !important;
    }

    .mr-la-score::after {
        content: "✦";
        position: absolute;
        right: 5px;
        top: 4px;
        color: #00796B;
        font-size: 8px;
        line-height: 1;
        opacity: .72;
    }

    .mr-la-row:hover .mr-la-row-title {
        color: #00796B !important;
    }

    /* ---------- BADGES ---------- */

    .mr-la-new-badge {
        border: 0 !important;
        background: rgba(0,121,107,.075) !important;
        color: #00796B !important;
    }

    /* ---------- EXPANDED ---------- */

    .mr-la-expanded {
        background: #fafafa !important;
    }

    .mr-la-analysis-head {
        background: #fff !important;
        border-bottom: 1px solid #e4e4e7 !important;
        min-height: 48px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .mr-la-news-value {
        border: 1px solid rgba(0,121,107,.16) !important;
        border-left: 2px solid #00796B !important;
        background: rgba(0,121,107,.035) !important;
    }

    .mr-la-next-step,
    .mr-la-check-grid > section,
    .mr-la-side > div {
        border-color: #e4e4e7 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .mr-la-side > div:first-child {
        border-top: 0 !important;
    }

    .mr-la-analysis-icon,
    .mr-la-section-icon,
    .mr-la-source-head-icon,
    .mr-la-next-icon {
        background: rgba(0,121,107,.075) !important;
        color: #00796B !important;
    }

    .mr-la-change-list::before {
        background: rgba(0,121,107,.13) !important;
    }

    .mr-la-change-dot {
        border-color: rgba(0,121,107,.18) !important;
        background: #fff !important;
        color: #00796B !important;
        box-shadow: 0 0 0 4px #fafafa !important;
    }

    /* ---------- ORIGINAL LINK ---------- */

    .mr-la-source-link {
        border: 0 !important;
        background: rgba(0,121,107,.075) !important;
        color: #00796B !important;
    }

    .mr-la-source-link:hover {
        background: rgba(0,121,107,.12) !important;
    }

    /* ---------- WARNING / SOURCE ---------- */

    .mr-la-source-warning {
        border: 1px solid #fde7b0 !important;
        background: #fffbeb !important;
        color: #92400e !important;
    }

    .mr-la-source-warning * {
        color: inherit !important;
    }

    /* ---------- DARK ---------- */

    .dark .mr-la-stats {
        background: #18181b !important;
    }

    .dark .mr-la-toolbar {
        background: #18181b !important;
    }

    .dark .mr-la-toolbar input,
    .dark .mr-la-toolbar select {
        border-color: #3f3f46 !important;
        background: #09090b !important;
        color: #f4f4f5 !important;
    }

    .dark .mr-la-search-icon {
        color: #71717a !important;
    }

    .dark .mr-la-row:hover {
        background: #18181b !important;
    }

    .dark .mr-legal-act[open] > .mr-legal-summary {
        background: #18181b !important;
    }

    .dark .mr-la-score {
        border-color: rgba(45,212,191,.24) !important;
        background: rgba(0,121,107,.18) !important;
        color: #5eead4 !important;
    }

    .dark .mr-la-score::after {
        color: #5eead4 !important;
    }

    .dark .mr-la-row:hover .mr-la-row-title {
        color: #5eead4 !important;
    }

    .dark .mr-la-new-badge {
        background: rgba(0,121,107,.18) !important;
        color: #5eead4 !important;
    }

    .dark .mr-la-expanded {
        background: #09090b !important;
    }

    .dark .mr-la-analysis-head {
        background: #18181b !important;
        border-bottom-color: #27272a !important;
    }

    .dark .mr-la-news-value {
        border-color: rgba(45,212,191,.20) !important;
        border-left-color: #2dd4bf !important;
        background: rgba(0,121,107,.11) !important;
    }

    .dark .mr-la-next-step,
    .dark .mr-la-check-grid > section,
    .dark .mr-la-side > div {
        border-color: #3f3f46 !important;
        background: #18181b !important;
    }

    .dark .mr-la-analysis-icon,
    .dark .mr-la-section-icon,
    .dark .mr-la-source-head-icon,
    .dark .mr-la-next-icon {
        background: rgba(0,121,107,.19) !important;
        color: #5eead4 !important;
    }

    .dark .mr-la-change-dot {
        border-color: rgba(45,212,191,.22) !important;
        background: #18181b !important;
        color: #5eead4 !important;
        box-shadow: 0 0 0 4px #09090b !important;
    }

    .dark .mr-la-source-link {
        background: rgba(0,121,107,.18) !important;
        color: #5eead4 !important;
    }

    /*
     * Исправляет главный дефект dark theme:
     * светлый warning больше не получает почти белый текст.
     */
    .dark .mr-la-source-warning {
        border-color: rgba(245,158,11,.24) !important;
        background: rgba(120,53,15,.30) !important;
        color: #fcd34d !important;
    }

    .dark .mr-la-source-warning * {
        color: inherit !important;
    }

    @media (max-width: 639px) {
        .mr-la-toolbar {
            padding: 8px !important;
        }
    }


    /* LEGAL_ACTS_UI_V7_FINAL_DESKTOP */

    /* ========================================================
       HEADER
       ======================================================== */

    .mr-la-ai {
        border: 0 !important;
        background: rgba(0,121,107,.065) !important;
        color: #00796B !important;
    }

    /*
     * Как в остальных панелях MediaRadar:
     * выделяем шапку статистики фоном, а не рамкой.
     */
    .mr-la-stats {
        background: #f4f4f5 !important;
        border: 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    .mr-la-stats > div {
        border-color: rgba(161,161,170,.18) !important;
    }

    .mr-la-stat-important {
        color: #18181b !important;
    }

    /* ========================================================
       FILTER BAR
       ======================================================== */

    .mr-la-toolbar {
        background: #f4f4f5 !important;
        border: 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    .mr-la-toolbar input,
    .mr-la-toolbar select {
        border-color: transparent !important;
        background: #fff !important;
    }

    .mr-la-toolbar input:hover,
    .mr-la-toolbar select:hover {
        border-color: #d4d4d8 !important;
    }

    .mr-la-toolbar input:focus,
    .mr-la-toolbar select:focus {
        border-color: rgba(0,121,107,.38) !important;
        box-shadow:
            0 0 0 3px rgba(0,121,107,.08) !important;
    }

    /* ========================================================
       RATING — ГЛАВНЫЙ ЦВЕТОВОЙ МАРКЕР СТРОКИ
       ======================================================== */

    .mr-la-score {
        width: 48px !important;
        height: 40px !important;
        min-width: 48px !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    /*
     * Удаляем старую CSS-звёздочку,
     * из-за которой визуально получалось "AI+".
     */
    .mr-la-score::after {
        display: none !important;
        content: none !important;
    }

    .mr-la-score-icon {
        opacity: .88;
    }

    .mr-la-score[data-level="high"] {
        border-color: rgba(0,121,107,.22) !important;
        background: rgba(0,121,107,.075) !important;
        color: #00796B !important;
    }

    .mr-la-score[data-level="medium"] {
        border-color: rgba(217,119,6,.18) !important;
        background: rgba(245,158,11,.065) !important;
        color: #b45309 !important;
    }

    .mr-la-score[data-level="low"] {
        border-color: #e4e4e7 !important;
        background: #f4f4f5 !important;
        color: #71717a !important;
    }

    /* ========================================================
       LIST
       ======================================================== */

    .mr-la-row:hover {
        background: #fafafa !important;
    }

    .mr-la-row:hover .mr-la-row-title {
        color: #18181b !important;
    }

    .mr-legal-act[open] > .mr-legal-summary {
        background: #fafafa !important;
    }

    /*
     * Фирменный цвет строки больше нигде
     * не используется как вертикальный маркер.
     */
    .mr-legal-act > .mr-legal-summary::before {
        display: none !important;
    }

    /* ========================================================
       EDITORIAL HEADER
       ======================================================== */

    .mr-la-analysis-head {
        background: rgba(0,121,107,.035) !important;
        border-bottom-color: #e4e4e7 !important;
    }

    /* ========================================================
       EXPANDED CONTENT
       ======================================================== */

    .mr-la-expanded {
        background: #fafafa !important;
    }

    .mr-la-news-value {
        border: 1px solid rgba(0,121,107,.14) !important;
        border-left: 2px solid rgba(0,121,107,.72) !important;
        background: rgba(0,121,107,.028) !important;
    }

    .mr-la-next-step,
    .mr-la-check-grid > section,
    .mr-la-side > div {
        border-color: #e4e4e7 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    /*
     * Нижние карточки больше не имеют
     * яркой линии сверху.
     */
    .mr-la-check-grid > section:first-child,
    .mr-la-check-grid > section:last-child {
        border-top: 1px solid #e4e4e7 !important;
    }

    /* ========================================================
       SOURCE WARNING
       ======================================================== */

    .mr-la-source-warning {
        border: 1px solid #fde7b0 !important;
        background: #fffbeb !important;
        color: #52525b !important;
    }

    .mr-la-source-warning > div:first-child {
        color: #b45309 !important;
    }

    .mr-la-source-warning p {
        color: #52525b !important;
    }

    .mr-la-source-warning p + p {
        border-top-color: #fde7b0 !important;
    }

    /* ========================================================
       DARK
       ======================================================== */

    .dark .mr-la-ai {
        background: rgba(0,121,107,.16) !important;
        color: #5eead4 !important;
    }

    .dark .mr-la-stats {
        background: #18181b !important;
    }

    /*
     * В V6 эти линии оставались слишком светлыми.
     */
    .dark .mr-la-stats > div {
        border-color: #27272a !important;
    }

    .dark .mr-la-stat-important {
        color: #f4f4f5 !important;
    }

    .dark .mr-la-toolbar {
        background: #18181b !important;
    }

    .dark .mr-la-toolbar input,
    .dark .mr-la-toolbar select {
        border-color: transparent !important;
        background: #09090b !important;
    }

    .dark .mr-la-toolbar input:hover,
    .dark .mr-la-toolbar select:hover {
        border-color: #3f3f46 !important;
    }

    .dark .mr-la-score[data-level="high"] {
        border-color: rgba(45,212,191,.20) !important;
        background: rgba(0,121,107,.18) !important;
        color: #5eead4 !important;
    }

    .dark .mr-la-score[data-level="medium"] {
        border-color: rgba(245,158,11,.20) !important;
        background: rgba(120,53,15,.25) !important;
        color: #fbbf24 !important;
    }

    .dark .mr-la-score[data-level="low"] {
        border-color: #27272a !important;
        background: #18181b !important;
        color: #a1a1aa !important;
    }

    .dark .mr-la-row:hover {
        background: #18181b !important;
    }

    .dark .mr-la-row:hover .mr-la-row-title {
        color: #f4f4f5 !important;
    }

    .dark .mr-legal-act[open] > .mr-legal-summary {
        background: #18181b !important;
    }

    .dark .mr-la-analysis-head {
        background: rgba(0,121,107,.075) !important;
        border-bottom-color: #27272a !important;
    }

    .dark .mr-la-expanded {
        background: #09090b !important;
    }

    /*
     * Ослабляем слишком яркие рамки справа и снизу.
     */
    .dark .mr-la-next-step,
    .dark .mr-la-check-grid > section,
    .dark .mr-la-side > div {
        border-color: #27272a !important;
        background: #18181b !important;
    }

    .dark .mr-la-check-grid > section:first-child,
    .dark .mr-la-check-grid > section:last-child {
        border-top-color: #27272a !important;
    }

    .dark .mr-la-news-value {
        border-color: rgba(45,212,191,.16) !important;
        border-left-color: rgba(45,212,191,.70) !important;
        background: rgba(0,121,107,.10) !important;
    }

    /*
     * Янтарным остаётся только предупреждение.
     * Основной текст становится нормальным zinc.
     */
    .dark .mr-la-source-warning {
        border-color: rgba(245,158,11,.22) !important;
        background: rgba(120,53,15,.24) !important;
        color: #d4d4d8 !important;
    }

    .dark .mr-la-source-warning > div:first-child {
        color: #fbbf24 !important;
    }

    .dark .mr-la-source-warning p {
        color: #d4d4d8 !important;
    }

    .dark .mr-la-source-warning p + p {
        border-top-color: rgba(245,158,11,.18) !important;
    }

    /*
     * Старое правило V6 больше не должно
     * окрашивать весь warning в жёлтый.
     */
    .dark .mr-la-source-warning * {
        color: unset !important;
    }

    .dark .mr-la-source-warning > div:first-child {
        color: #fbbf24 !important;
    }

    .dark .mr-la-source-warning p {
        color: #d4d4d8 !important;
    }


    /* LEGAL_ACTS_UI_V8_WIKI_HEADER */

    /* ========================================================
       TOP SOURCE CARD
       ======================================================== */

    .mr-la-head-card {
        background: #fff;
    }

    .mr-la-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .mr-la-head-brand {
        display: flex;
        min-width: 210px;
        flex: 0 0 auto;
        align-items: center;
        gap: 12px;
    }

    .mr-la-head-logo {
        display: flex;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        align-items: center;
        justify-content: center;
        color: #00796B;
    }

    .mr-la-head-logo svg {
        width: 42px;
        height: 42px;
    }

    .mr-la-head-ai {
        display: inline-flex;
        align-items: center;
        border-radius: 5px;
        padding: 2px 6px;
        background: rgba(0,121,107,.075);
        color: #00796B;
        font-size: 9px;
        font-weight: 700;
        line-height: 16px;
    }

    /* ========================================================
       TOOLS
       ======================================================== */

    .mr-la-head-tools {
        display: grid;
        min-width: 0;
        flex: 1 1 auto;
        grid-template-columns:
            minmax(200px, 1.35fr)
            minmax(125px, .72fr)
            minmax(115px, .62fr)
            minmax(130px, .72fr);
        gap: 8px;
    }

    .mr-la-head-control {
        display: block;
        width: 100%;
        height: 38px;
        min-width: 0;
        border: 0;
        border-radius: 8px;
        background: #f4f4f5;
        padding: 0 12px;
        color: #3f3f46;
        font-size: 12px;
        outline: none;
        transition:
            background-color .15s ease,
            box-shadow .15s ease;
    }

    .mr-la-head-control:hover {
        background: #eeeeef;
    }

    .mr-la-head-control:focus {
        background: #fff;
        box-shadow:
            0 0 0 1px rgba(0,121,107,.32),
            0 0 0 3px rgba(0,121,107,.075);
    }

    .mr-la-head-search {
        position: relative;
        min-width: 0;
    }

    .mr-la-head-search-input {
        padding-left: 36px;
    }

    .mr-la-head-search-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        z-index: 2;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
        color: #a1a1aa;
        pointer-events: none;
    }

    /* ========================================================
       INFO STRIP
       ======================================================== */

    .mr-la-head-info {
        display: flex;
        min-height: 39px;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
        border-top: 1px solid #f4f4f5;
        background: #fafafa;
        padding: 9px 16px;
        color: #71717a;
        font-size: 11px;
        line-height: 20px;
    }

    .mr-la-head-info strong {
        color: #3f3f46;
        font-weight: 600;
    }

    .mr-la-head-dot {
        margin: 0 12px;
        color: #d4d4d8;
    }

    .mr-la-head-note {
        margin-left: auto;
        color: #a1a1aa;
    }

    /* ========================================================
       TABS — SAME VISUAL LANGUAGE AS WIKIPEDIA
       ======================================================== */

    .mr-la-tabs-bar {
        border-bottom: 1px solid #e4e4e7;
        background: #fafafa;
        padding: 9px 12px;
        overflow-x: auto;
    }

    .mr-la-date-heading {
        display: flex;
        min-height: 38px;
        align-items: center;
        gap: 7px;
        border-bottom: 1px solid #e4e4e7;
        padding: 8px 20px;
        background: #fafafa;
        color: #52525b;
        font-size: 11px;
        font-weight: 650;
        line-height: 17px;
    }

    .mr-legal-act + .mr-la-date-heading {
        border-top: 1px solid #e4e4e7;
    }

    .mr-la-date-heading svg {
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        color: #00796B;
    }

    .mr-la-tab {
        border: 0;
        border-radius: 7px;
        background: transparent;
        padding: 7px 10px;
        color: #71717a;
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
        transition:
            color .15s ease,
            background-color .15s ease;
        white-space: nowrap;
    }

    .mr-la-tab:hover {
        background: #f4f4f5;
        color: #27272a;
    }

    .mr-la-tab-active {
        background: rgba(0,121,107,.085) !important;
        color: #00796B !important;
        font-weight: 600;
    }

    /* ========================================================
       REMOVE OLD TOP COMPONENT VISUALS
       ======================================================== */

    .mr-la-stats,
    .mr-la-toolbar {
        display: none !important;
    }

    /* ========================================================
       DARK
       ======================================================== */

    .dark .mr-la-head-card {
        background: #18181b;
    }

    .dark .mr-la-head-logo {
        color: #5eead4;
    }

    .dark .mr-la-head-ai {
        background: rgba(0,121,107,.18);
        color: #5eead4;
    }

    .dark .mr-la-head-control {
        background: #27272a;
        color: #e4e4e7;
    }

    .dark .mr-la-head-control:hover {
        background: #303033;
    }

    .dark .mr-la-head-control:focus {
        background: #18181b;
        box-shadow:
            0 0 0 1px rgba(45,212,191,.28),
            0 0 0 3px rgba(0,121,107,.14);
    }

    .dark .mr-la-head-search-icon {
        color: #71717a;
    }

    .dark .mr-la-head-info {
        border-top-color: #27272a;
        background: #111113;
        color: #a1a1aa;
    }

    .dark .mr-la-head-info strong {
        color: #e4e4e7;
    }

    .dark .mr-la-head-dot {
        color: #3f3f46;
    }

    .dark .mr-la-head-note {
        color: #71717a;
    }

    .dark .mr-la-tabs-bar {
        border-bottom-color: #27272a;
        background: #18181b;
    }

    .dark .mr-la-date-heading {
        border-bottom-color: #27272a;
        background: #111113;
        color: #d4d4d8;
    }

    .dark .mr-legal-act + .mr-la-date-heading {
        border-top-color: #27272a;
    }

    .dark .mr-la-date-heading svg {
        color: #5eead4;
    }

    .dark .mr-la-tab {
        color: #a1a1aa;
    }

    .dark .mr-la-tab:hover {
        background: #27272a;
        color: #f4f4f5;
    }

    .dark .mr-la-tab-active {
        background: rgba(0,121,107,.20) !important;
        color: #5eead4 !important;
    }

    /* ========================================================
       RESPONSIVE
       ======================================================== */

    @media (max-width: 1100px) {
        .mr-la-head {
            align-items: stretch;
            flex-direction: column;
        }

        .mr-la-head-brand {
            min-width: 0;
        }

        .mr-la-head-tools {
            width: 100%;
        }

        .mr-la-head-note {
            width: 100%;
            margin-left: 0;
            margin-top: 2px;
        }
    }

    @media (max-width: 760px) {
        .mr-la-head-tools {
            grid-template-columns:
                minmax(0, 1fr)
                minmax(0, 1fr);
        }

        .mr-la-head-search {
            grid-column: 1 / -1;
        }

        .mr-la-head-tools select:last-child {
            grid-column: 1 / -1;
        }

        .mr-la-head-info {
            padding-left: 14px;
            padding-right: 14px;
        }

        .mr-la-head-dot {
            margin: 0 8px;
        }
    }

    @media (max-width: 480px) {
        .mr-la-date-heading {
            min-height: 36px;
            padding: 8px 16px;
        }

        .mr-la-head-tools {
            grid-template-columns: 1fr;
        }

        .mr-la-head-search,
        .mr-la-head-tools select:last-child {
            grid-column: auto;
        }

        .mr-la-head-logo {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .mr-la-head-logo svg {
            width: 36px;
            height: 36px;
        }

        .mr-la-head-dot {
            display: none;
        }

        .mr-la-head-info {
            column-gap: 14px;
            row-gap: 2px;
        }

        .mr-la-head-note {
            flex-basis: 100%;
        }
    }


    /* LEGAL_ACTS_UI_V9_CARDS_FILTERS */

    /* ========================================================
       ROW DENSITY
       ======================================================== */

    .mr-la-row {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }

    .mr-la-row-layout {
        gap: 14px !important;
    }

    @media (min-width: 640px) {
        .mr-la-row-layout {
            gap: 16px !important;
        }
    }

    .mr-la-status {
        margin-bottom: 7px !important;
        column-gap: 6px !important;
        row-gap: 5px !important;
    }

    .mr-la-row-title {
        font-size: 15px !important;
        line-height: 21px !important;
    }

    .mr-la-summary-text {
        margin-top: 5px !important;
        line-height: 20px !important;
    }

    /* ========================================================
       SCORE ALIGNMENT
       ======================================================== */

    .mr-la-score {
        margin-top: 1px;
        flex: 0 0 48px !important;
    }

    /* ========================================================
       META
       ======================================================== */

    .mr-la-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 14px;
        row-gap: 5px;
        margin-top: 8px;
        color: #71717a;
        font-size: 11px;
        line-height: 17px;
    }

    .mr-la-meta-item {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 5px;
    }

    .mr-la-meta-item svg {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        color: #a1a1aa;
    }

    .mr-la-meta-developer {
        max-width: 430px;
    }

    .mr-la-meta-developer span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*
     * Дата публикации больше не теряется.
     */
    .mr-la-meta-date {
        color: #52525b;
    }

    .mr-la-meta-date strong {
        color: #3f3f46;
        font-weight: 600;
    }

    .mr-la-meta-deadline {
        color: #52525b;
    }

    .mr-la-meta-deadline strong {
        color: #3f3f46;
        font-weight: 600;
    }

    .mr-la-meta-deadline-soon,
    .mr-la-meta-deadline-soon strong,
    .mr-la-meta-deadline-soon svg {
        color: #b45309 !important;
    }

    /* ========================================================
       TOPICS
       ======================================================== */

    .mr-la-meta + div {
        margin-top: 8px !important;
    }

    /* ========================================================
       DARK
       ======================================================== */

    .dark .mr-la-meta {
        color: #71717a;
    }

    .dark .mr-la-meta-item svg {
        color: #52525b;
    }

    .dark .mr-la-meta-date,
    .dark .mr-la-meta-deadline {
        color: #a1a1aa;
    }

    .dark .mr-la-meta-date strong,
    .dark .mr-la-meta-deadline strong {
        color: #d4d4d8;
    }

    /* ========================================================
       MOBILE PREP
       ======================================================== */

    @media (max-width: 639px) {
        .mr-la-row {
            padding-top: 14px !important;
            padding-bottom: 14px !important;
        }

        .mr-la-meta {
            column-gap: 10px;
        }

        .mr-la-meta-developer {
            flex-basis: 100%;
            max-width: 100%;
        }
    }


    /* LEGAL_ACTS_EMPTY_STATE_SPACING_V1 */

    .mr-la-empty-state {
        display: flex;
        min-height: 170px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 36px 24px !important;
        box-sizing: border-box;
    }

    @media (max-width: 639px) {
        .mr-la-empty-state {
            min-height: 150px;
            padding: 30px 18px !important;
        }
    }


    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_OFFICE_FLAT_V1

       LEGAL_ACTS_UI_V10_VISUAL_POLISH
       ========================================================= */

    .mr-legal-acts-root {
        --mr-la-accent: #00796B;
        --mr-la-accent-soft: rgba(0, 121, 107, .08);
        --mr-la-accent-soft-2: rgba(0, 121, 107, .12);
    }

    /* ---------------------------------------------------------
       SEARCH / HEADER / TABS
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-search-wrap {
        min-height: 40px;
    }

    .mr-legal-acts-root .mr-la-search-input {
        min-height: 40px;
        line-height: 1.25;
    }

    .mr-legal-acts-root .mr-la-tabs-bar {
        border-top: 1px solid #e4e4e7;
        background: #fff;
    }

    .mr-legal-acts-root .mr-la-head-info,
    .mr-legal-acts-root .mr-la-tabs-bar {
        box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
    }

    /* ---------------------------------------------------------
       MAIN CARD / SUMMARY
       --------------------------------------------------------- */

    .mr-legal-acts-root details {
        scroll-margin-top: 110px;
    }

    .mr-legal-acts-root details > summary {
        min-height: 84px;
    }

    .mr-legal-acts-root .mr-la-summary-text {
        line-height: 1.6 !important;
        color: #52525b !important;
    }

    .mr-legal-acts-root .mr-la-score {
        min-width: 48px;
        min-height: 42px;
        padding: 8px 10px;
        border-radius: 14px;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.55),
            0 1px 2px rgba(15,23,42,.06);
    }

    .mr-legal-acts-root .mr-la-score-icon {
        opacity: .95;
    }

    .mr-legal-acts-root .mr-la-new-badge {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
    }

    .mr-legal-acts-root .mr-la-summary-divider {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    /* ---------------------------------------------------------
       REVIEW HEADER
       --------------------------------------------------------- */

    .mr-la-review-title {
        display: block;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 700;
        color: #18181b;
        margin: 0;
    }

    .mr-la-review-subtitle {
        display: block;
        margin-top: 4px;
        font-size: 13px;
        line-height: 1.45;
        color: #71717a;
    }

    .mr-legal-acts-root .mr-la-review-header {
        min-height: 72px;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        display: flex;
        align-items: center;
    }

    .mr-legal-acts-root .mr-la-review-header > * {
        min-width: 0;
    }

    /* ---------------------------------------------------------
       EXPANDED CONTENT CARDS
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-panel-card {
        border-radius: 16px;
        border: 1px solid #e4e4e7;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .mr-legal-acts-root .mr-la-highlight-card {
        border-radius: 16px;
        border: 1px solid rgba(0, 121, 107, .24);
        background: linear-gradient(
            180deg,
            rgba(0, 121, 107, .05) 0%,
            rgba(0, 121, 107, .025) 100%
        );
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .mr-legal-acts-root .mr-la-side-card {
        border-radius: 16px;
        border: 1px solid #e4e4e7;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .mr-legal-acts-root .mr-la-source-warning {
        border: 1px solid rgba(245, 158, 11, .24);
        background: rgba(245, 158, 11, .10);
        border-radius: 14px;
    }

    /* ---------------------------------------------------------
       OPEN SOURCE LINK BUTTON
       --------------------------------------------------------- */

    .mr-la-open-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 42px;
        padding: 0 14px;
        border-radius: 12px;
        border: 1px solid rgba(0, 121, 107, .28);
        background: #00796B;
        color: #ffffff !important;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none !important;
        box-shadow:
            0 1px 2px rgba(15, 23, 42, .08),
            0 4px 10px rgba(0, 121, 107, .16);
        transition:
            background-color .18s ease,
            border-color .18s ease,
            transform .18s ease,
            box-shadow .18s ease;
    }

    .mr-la-open-link:hover {
        background: #00695c;
        border-color: #00695c;
        color: #ffffff !important;
        transform: translateY(-1px);
        box-shadow:
            0 2px 4px rgba(15, 23, 42, .10),
            0 8px 18px rgba(0, 121, 107, .20);
    }

    .mr-la-open-link:focus-visible {
        outline: none;
        box-shadow:
            0 0 0 3px rgba(0, 121, 107, .15),
            0 2px 4px rgba(15, 23, 42, .10);
    }

    .mr-la-open-link::after {
        content: "↗";
        font-size: 14px;
        line-height: 1;
        opacity: .95;
    }

    /* ---------------------------------------------------------
       TYPOGRAPHY / SPACING DETAILS
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-legal-summary li + li {
        margin-top: 12px;
    }

    .mr-legal-acts-root .mr-legal-summary-title {
        margin-bottom: 4px;
        line-height: 1.35;
    }

    .mr-legal-acts-root .mr-legal-summary-text-item {
        line-height: 1.55;
        color: #52525b;
    }

    .mr-legal-acts-root .mr-la-meta-label {
        font-weight: 600;
        color: #3f3f46;
    }

    .mr-legal-acts-root .mr-la-section-note {
        display: block;
        margin-top: 3px;
        line-height: 1.45;
        color: #71717a;
    }

    /* ---------------------------------------------------------
       HOVER FOR OPEN CARDS
       --------------------------------------------------------- */

    .mr-legal-acts-root details {
        transition: box-shadow .18s ease, border-color .18s ease;
    }

    .mr-legal-acts-root details:hover {
        box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
    }

    /* ---------------------------------------------------------
       DARK
       --------------------------------------------------------- */

    .dark .mr-legal-acts-root .mr-la-tabs-bar {
        background: #09090b;
        border-top-color: #27272a;
    }

    .dark .mr-la-review-title {
        color: #fafafa;
    }

    .dark .mr-la-review-subtitle {
        color: #a1a1aa;
    }

    .dark .mr-legal-acts-root .mr-la-panel-card,
    .dark .mr-legal-acts-root .mr-la-side-card {
        border-color: #27272a;
        background: #09090b;
        box-shadow: none;
    }

    .dark .mr-legal-acts-root .mr-la-highlight-card {
        border-color: rgba(45, 212, 191, .28);
        background: rgba(0, 121, 107, .14);
        box-shadow: none;
    }

    .dark .mr-legal-acts-root .mr-la-source-warning {
        border-color: rgba(245, 158, 11, .30);
        background: rgba(245, 158, 11, .14);
    }

    .dark .mr-legal-acts-root .mr-la-meta-label {
        color: #e4e4e7;
    }

    .dark .mr-legal-acts-root .mr-legal-summary-text-item {
        color: #a1a1aa;
    }

    .dark .mr-la-open-link {
        background: #00796B;
        border-color: rgba(45, 212, 191, .22);
        color: #fff !important;
        box-shadow: none;
    }

    .dark .mr-la-open-link:hover {
        background: #0b8b7d;
        border-color: #0b8b7d;
    }

    /* ---------------------------------------------------------
       MOBILE
       --------------------------------------------------------- */

    @media (max-width: 1023px) {
        .mr-legal-acts-root .mr-la-review-header {
            min-height: auto;
            padding-top: 14px !important;
            padding-bottom: 14px !important;
        }

        .mr-la-review-title {
            font-size: 17px;
        }

        .mr-la-open-link {
            width: 100%;
        }
    }



    /* =========================================================
       LEGAL_ACTS_UI_V10_1_NEUTRAL_FIX
       Зелёный только как акцент, не как общий фон
       ========================================================= */

    /*
     * V10 мог назначить mr-la-highlight-card слишком крупному
     * контейнеру. Поэтому по умолчанию этот класс снова нейтрален.
     */
    .mr-legal-acts-root .mr-la-highlight-card {
        border-color: #e4e4e7 !important;
        background: #ffffff !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
    }

    /*
     * Фирменная подсветка разрешена только внутри
     * реально раскрытого проекта.
     */
    .mr-legal-acts-root details[open] .mr-la-highlight-card {
        border-color: rgba(0, 121, 107, .22) !important;
        background: rgba(0, 121, 107, .035) !important;
    }

    /*
     * Сама лента проектов должна быть нейтральной.
     */
    .mr-legal-acts-root details {
        background: #ffffff !important;
    }

    .mr-legal-acts-root details > summary {
        background: #ffffff !important;
        transition:
            background-color .15s ease,
            box-shadow .15s ease;
    }

    .mr-legal-acts-root details > summary:hover {
        background: #fafafa !important;
    }

    .mr-legal-acts-root details[open] > summary {
        background: #ffffff !important;
    }

    /*
     * Большие контейнеры списка — обычные белые,
     * без зелёной заливки.
     */
    .mr-legal-acts-root .mr-la-panel-card {
        background: #ffffff !important;
        border-color: #e4e4e7 !important;
    }

    /*
     * Акцентный зелёный оставляем там, где он нужен:
     * редакционный инфоблок.
     */
    .mr-legal-acts-root details[open] .mr-la-highlight-card:first-of-type {
        border-color: rgba(0, 121, 107, .24) !important;
    }

    /* DARK */

    .dark .mr-legal-acts-root .mr-la-highlight-card {
        border-color: #27272a !important;
        background: #09090b !important;
        box-shadow: none !important;
    }

    .dark .mr-legal-acts-root details[open] .mr-la-highlight-card {
        border-color: rgba(45, 212, 191, .22) !important;
        background: rgba(0, 121, 107, .09) !important;
    }

    .dark .mr-legal-acts-root details,
    .dark .mr-legal-acts-root details > summary,
    .dark .mr-legal-acts-root details[open] > summary {
        background: #09090b !important;
    }

    .dark .mr-legal-acts-root details > summary:hover {
        background: #18181b !important;
    }

    .dark .mr-legal-acts-root .mr-la-panel-card {
        background: #09090b !important;
        border-color: #27272a !important;
    }



    /* =========================================================
       LEGAL_ACTS_UI_V11_EDITORIAL_POLISH
       ========================================================= */

    /*
     * Главный принцип:
     * фон нейтральный, зелёный только как небольшой акцент.
     */

    /* ---------------------------------------------------------
       EXPANDED AREA
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-expanded {
        padding-top: 20px !important;
        padding-bottom: 22px !important;

        background:
            linear-gradient(
                180deg,
                #fafafa 0,
                #ffffff 120px,
                #ffffff 100%
            ) !important;
    }

    /* ---------------------------------------------------------
       РЕДАКТОРСКИЙ РАЗБОР — HEADER
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-analysis-head {
        margin:
            0 -20px 24px -20px !important;

        padding:
            15px 20px !important;

        min-height: 62px;

        border-top: 0 !important;
        border-bottom:
            1px solid #e4e4e7 !important;

        background:
            #ffffff !important;

        box-sizing: border-box;

        display: flex;
        align-items: center;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .mr-legal-acts-root .mr-la-analysis-icon {
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;

        border-radius: 9px !important;

        border:
            1px solid rgba(0,121,107,.14) !important;

        background:
            rgba(0,121,107,.075) !important;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child {
        min-width: 0;
        padding-top: 1px;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:first-child {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 650 !important;
        color: #27272a !important;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:nth-child(2) {
        margin-top: 2px;

        font-size: 11px !important;
        line-height: 16px !important;

        color: #71717a !important;
    }

    /* ---------------------------------------------------------
       ОСНОВНАЯ СЕТКА
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-analysis-grid {
        gap: 24px !important;
    }

    .mr-legal-acts-root
    .mr-la-analysis-grid
    > div:first-child {
        min-width: 0;
    }

    /* ---------------------------------------------------------
       ПОЧЕМУ ЭТО НОВОСТЬ
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-news-value {
        padding:
            16px 18px !important;

        border:
            1px solid rgba(0,121,107,.20) !important;

        border-left:
            3px solid #00796B !important;

        border-radius:
            14px !important;

        background:
            rgba(0,121,107,.035) !important;

        box-shadow:
            0 1px 2px rgba(15,23,42,.025);
    }

    .mr-legal-acts-root .mr-la-news-value-head {
        line-height: 18px;
        color: #00796B !important;
    }

    .mr-legal-acts-root .mr-la-news-value p {
        margin-top:
            8px !important;

        font-size:
            14px !important;

        line-height:
            1.65 !important;

        color:
            #3f3f46 !important;
    }

    /* ---------------------------------------------------------
       ЧТО ДЕЛАТЬ ДАЛЬШЕ
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-next-step {
        gap:
            12px !important;

        padding:
            14px 16px !important;

        border:
            1px solid #e4e4e7 !important;

        border-radius:
            14px !important;

        background:
            #ffffff !important;

        box-shadow:
            0 1px 2px rgba(15,23,42,.025);
    }

    .mr-legal-acts-root .mr-la-next-icon {
        width:
            30px !important;

        height:
            30px !important;

        flex:
            0 0 30px !important;

        border-radius:
            9px !important;
    }

    .mr-legal-acts-root .mr-la-next-step p {
        margin-top:
            4px !important;

        font-size:
            12px !important;

        line-height:
            1.6 !important;

        color:
            #71717a !important;
    }

    /* ---------------------------------------------------------
       СМЫСЛОВЫЕ СЕКЦИИ
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-content-section {
        padding-top:
            2px;
    }

    .mr-legal-acts-root
    .mr-la-content-section
    > div:first-child {
        min-height:
            28px;
    }

    .mr-legal-acts-root
    .mr-la-content-section
    h3 {
        line-height:
            19px !important;
    }

    .mr-legal-acts-root
    .mr-la-content-section
    h3 + p {
        margin-top:
            3px !important;

        line-height:
            16px !important;

        color:
            #71717a !important;
    }

    .mr-legal-acts-root .mr-la-section-icon {
        width:
            26px !important;

        height:
            26px !important;

        flex:
            0 0 26px;

        border-radius:
            8px !important;

        background:
            rgba(0,121,107,.075) !important;

        color:
            #00796B !important;
    }

    /* ---------------------------------------------------------
       ЧТО ПРЕДЛАГАЮТ ИЗМЕНИТЬ
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-change-list {
        margin-top:
            15px !important;
    }

    .mr-legal-acts-root .mr-la-change-item {
        position: relative;
        padding-bottom: 17px;
    }

    .mr-legal-acts-root
    .mr-la-change-item:last-child {
        padding-bottom:
            0;
    }

    .mr-legal-acts-root .mr-la-change-dot {
        display:
            inline-flex;

        width:
            24px;

        height:
            24px;

        flex:
            0 0 24px;

        align-items:
            center;

        justify-content:
            center;

        border:
            1px solid rgba(0,121,107,.16);

        border-radius:
            999px;

        background:
            #ffffff;

        color:
            #00796B;

        font-size:
            11px;

        font-weight:
            650;

        line-height:
            1;
    }

    /* ---------------------------------------------------------
       АУДИТОРИИ
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-audience {
        padding:
            6px 10px !important;

        border:
            1px solid #e4e4e7 !important;

        border-radius:
            8px !important;

        background:
            #fafafa !important;

        color:
            #52525b !important;

        line-height:
            16px !important;
    }

    .mr-legal-acts-root .mr-la-audience:hover {
        border-color:
            rgba(0,121,107,.24) !important;

        background:
            rgba(0,121,107,.035) !important;

        color:
            #00695c !important;
    }

    /* ---------------------------------------------------------
       ЧТО ПРОВЕРИТЬ / ЧЕГО НЕ ХВАТАЕТ
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-check-grid {
        gap:
            14px !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section {
        padding:
            16px !important;

        border:
            1px solid #e4e4e7 !important;

        border-radius:
            14px !important;

        background:
            #ffffff !important;

        box-shadow:
            0 1px 2px rgba(15,23,42,.025);
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section:first-child {
        border-top:
            2px solid rgba(0,121,107,.45) !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section:last-child {
        border-top:
            2px solid #d4d4d8 !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    ul {
        margin-top:
            12px !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    li {
        line-height:
            1.55 !important;
    }

    /* ---------------------------------------------------------
       ПРАВАЯ КОЛОНКА
       --------------------------------------------------------- */

    .mr-legal-acts-root .mr-la-side {
        gap:
            14px !important;
    }

    .mr-legal-acts-root
    .mr-la-side
    > div {
        border:
            1px solid #e4e4e7 !important;

        border-radius:
            14px !important;

        background:
            #ffffff !important;

        box-shadow:
            0 1px 2px rgba(15,23,42,.03) !important;
    }

    .mr-legal-acts-root
    .mr-la-side
    > div:first-child {
        border-top:
            2px solid rgba(0,121,107,.42) !important;
    }

    .mr-legal-acts-root
    .mr-la-side
    > div:last-child {
        background:
            #ffffff !important;
    }

    .mr-legal-acts-root .mr-la-source-head {
        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            10px;
    }

    .mr-legal-acts-root
    .mr-la-side
    .text-xs.leading-5 {
        line-height:
            1.6 !important;
    }

    /* ---------------------------------------------------------
       CTA — ОТКРЫТЬ НА ОТКРЫТЫХ НПА
       --------------------------------------------------------- */

    .mr-la-source-cta {
        display:
            flex;

        width:
            100%;

        min-height:
            42px;

        margin-top:
            16px;

        padding:
            10px 13px;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        border:
            1px solid #00796B;

        border-radius:
            10px;

        background:
            #00796B;

        color:
            #ffffff !important;

        font-size:
            12px;

        font-weight:
            650;

        line-height:
            18px;

        text-decoration:
            none !important;

        box-shadow:
            0 1px 2px rgba(15,23,42,.08),
            0 4px 10px rgba(0,121,107,.14);

        transition:
            background-color .16s ease,
            border-color .16s ease,
            box-shadow .16s ease,
            transform .16s ease;
    }

    .mr-la-source-cta:hover {
        background:
            #00695C;

        border-color:
            #00695C;

        color:
            #ffffff !important;

        transform:
            translateY(-1px);

        box-shadow:
            0 2px 4px rgba(15,23,42,.10),
            0 7px 16px rgba(0,121,107,.18);
    }

    .mr-la-source-cta:active {
        transform:
            translateY(0);
    }

    .mr-la-source-cta:focus-visible {
        outline:
            none;

        box-shadow:
            0 0 0 3px rgba(0,121,107,.15),
            0 2px 4px rgba(15,23,42,.08);
    }

    .mr-la-source-cta svg {
        width:
            14px;

        height:
            14px;

        flex:
            0 0 14px;

        transition:
            transform .16s ease;
    }

    .mr-la-source-cta:hover svg {
        transform:
            translate(1px, -1px);
    }

    /* ---------------------------------------------------------
       DARK
       --------------------------------------------------------- */

    .dark .mr-legal-acts-root .mr-la-expanded {
        background:
            #09090b !important;
    }

    .dark .mr-legal-acts-root .mr-la-analysis-head {
        border-bottom-color:
            #27272a !important;

        background:
            #09090b !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:first-child {
        color:
            #f4f4f5 !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:nth-child(2) {
        color:
            #a1a1aa !important;
    }

    .dark .mr-legal-acts-root .mr-la-news-value {
        border-color:
            rgba(45,212,191,.23) !important;

        border-left-color:
            #2dd4bf !important;

        background:
            rgba(0,121,107,.10) !important;
    }

    .dark .mr-legal-acts-root .mr-la-news-value p {
        color:
            #d4d4d8 !important;
    }

    .dark .mr-legal-acts-root .mr-la-next-step,
    .dark .mr-legal-acts-root
    .mr-la-check-grid
    > section,
    .dark .mr-legal-acts-root
    .mr-la-side
    > div {
        border-color:
            #27272a !important;

        background:
            #18181b !important;

        box-shadow:
            none !important;
    }

    .dark .mr-legal-acts-root .mr-la-audience {
        border-color:
            #3f3f46 !important;

        background:
            #18181b !important;

        color:
            #d4d4d8 !important;
    }

    .dark .mr-legal-acts-root .mr-la-change-dot {
        border-color:
            rgba(45,212,191,.25);

        background:
            #18181b;

        color:
            #5eead4;
    }

    .dark .mr-la-source-cta {
        background:
            #00796B;

        border-color:
            #00796B;

        color:
            #ffffff !important;

        box-shadow:
            none;
    }

    .dark .mr-la-source-cta:hover {
        background:
            #0b897b;

        border-color:
            #0b897b;
    }

    /* ---------------------------------------------------------
       MOBILE
       --------------------------------------------------------- */

    @media (max-width: 639px) {

        .mr-legal-acts-root .mr-la-expanded {
            padding-top:
                16px !important;

            padding-bottom:
                18px !important;
        }

        .mr-legal-acts-root .mr-la-analysis-head {
            margin:
                0 -16px 20px -16px !important;

            padding:
                13px 16px !important;

            min-height:
                58px;
        }

        .mr-legal-acts-root .mr-la-analysis-grid {
            gap:
                18px !important;
        }

        .mr-legal-acts-root .mr-la-news-value {
            padding:
                14px !important;
        }

        .mr-legal-acts-root .mr-la-next-step {
            padding:
                13px !important;
        }

        .mr-legal-acts-root
        .mr-la-check-grid
        > section {
            padding:
                14px !important;
        }

        .mr-la-source-cta {
            min-height:
                44px;
        }
    }



    /* =========================================================
       LEGAL_ACTS_UI_V12_DRAWER_SPACING
       ========================================================= */

    /*
     * Раскрытый проект должен восприниматься как карточка,
     * из которой вниз выдвинулась панель анализа.
     */

    .mr-legal-acts-root details[open] {
        position: relative;
        z-index: 2;

        background: #ffffff !important;

        box-shadow:
            0 12px 28px -22px rgba(15, 23, 42, .38),
            0 4px 12px -10px rgba(15, 23, 42, .16);
    }

    /*
     * Верхняя часть проекта остаётся визуально сверху.
     */
    .mr-legal-acts-root details[open] > summary {
        position: relative;
        z-index: 2;

        background: #ffffff !important;

        box-shadow:
            0 8px 16px -18px rgba(15, 23, 42, .42);
    }

    /*
     * Сам "ящик" редакторского разбора.
     * Цвет почти нейтральный — разделяем глубиной, а не зеленью.
     */
    .mr-legal-acts-root details[open] .mr-la-expanded {
        position: relative;
        z-index: 1;

        border-top:
            1px solid #e4e4e7 !important;

        background:
            #fafafa !important;

        box-shadow:
            inset 0 14px 18px -22px rgba(15, 23, 42, .34),
            inset 0 -14px 18px -24px rgba(15, 23, 42, .18);
    }

    /*
     * Очень тонкая линия под основной карточкой —
     * визуально показывает начало раскрытой панели.
     */
    .mr-legal-acts-root details[open] .mr-la-expanded::before {
        content: "";

        position: absolute;
        top: 0;
        left: 20px;
        right: 20px;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(0, 121, 107, .18),
                transparent
            );

        pointer-events: none;
    }

    /*
     * Шапка "Редакторский разбор" принадлежит панели,
     * поэтому немного отделяем её от списка выше.
     */
    .mr-legal-acts-root details[open] .mr-la-analysis-head {
        background:
            rgba(255, 255, 255, .72) !important;

        box-shadow:
            0 1px 0 rgba(15, 23, 42, .025);
    }

    /* =========================================================
       КОГО МОЖЕТ ЗАТРОНУТЬ
       ========================================================= */

    .mr-legal-acts-root .mr-la-audience-section {
        padding-top: 2px;
        padding-bottom: 10px;
    }

    .mr-legal-acts-root
    .mr-la-audience-section
    > div:first-child {
        margin-bottom: 0;
    }

    .mr-legal-acts-root
    .mr-la-audience-section
    .mr-la-audience {
        margin-top: 0;
    }

    /*
     * Сами чипы чуть раздвигаем.
     */
    .mr-legal-acts-root
    .mr-la-audience-section
    > div:last-child {
        margin-top: 10px !important;
        gap: 7px !important;
    }

    /*
     * Дополнительный воздух после блока аудиторий.
     * Работает независимо от того, какой следующий AI-блок есть.
     */
    .mr-legal-acts-root
    .mr-la-audience-section {
        margin-bottom: 8px !important;
    }

    /*
     * Если сразу после аудиторий идут две карточки проверки,
     * делаем разрыв ещё чуть заметнее.
     */
    .mr-legal-acts-root
    .mr-la-audience-section
    + .mr-la-check-grid {
        margin-top: 30px !important;
    }

    /* =========================================================
       ВНУТРЕННЯЯ ГЛУБИНА ПАНЕЛИ
       ========================================================= */

    .mr-legal-acts-root details[open]
    .mr-la-news-value,
    .mr-legal-acts-root details[open]
    .mr-la-next-step,
    .mr-legal-acts-root details[open]
    .mr-la-check-grid > section,
    .mr-legal-acts-root details[open]
    .mr-la-side > div {
        box-shadow:
            0 1px 2px rgba(15, 23, 42, .035),
            0 3px 8px rgba(15, 23, 42, .025) !important;
    }

    /*
     * Правая колонка чуть "сидит" внутри панели,
     * а не висит отдельно.
     */
    .mr-legal-acts-root details[open]
    .mr-la-side {
        padding-bottom: 2px;
    }

    /* =========================================================
       DARK
       ========================================================= */

    .dark .mr-legal-acts-root details[open] {
        background: #09090b !important;

        box-shadow:
            0 12px 28px -22px rgba(0, 0, 0, .75);
    }

    .dark .mr-legal-acts-root details[open] > summary {
        background: #09090b !important;

        box-shadow:
            0 8px 18px -20px rgba(0, 0, 0, .9);
    }

    .dark .mr-legal-acts-root
    details[open] .mr-la-expanded {
        border-top-color:
            #27272a !important;

        background:
            #111113 !important;

        box-shadow:
            inset 0 15px 20px -23px rgba(0, 0, 0, .95),
            inset 0 -15px 20px -25px rgba(0, 0, 0, .70);
    }

    .dark .mr-legal-acts-root
    details[open] .mr-la-analysis-head {
        background:
            rgba(9, 9, 11, .72) !important;
    }

    .dark .mr-legal-acts-root
    details[open]
    .mr-la-news-value,
    .dark .mr-legal-acts-root
    details[open]
    .mr-la-next-step,
    .dark .mr-legal-acts-root
    details[open]
    .mr-la-check-grid > section,
    .dark .mr-legal-acts-root
    details[open]
    .mr-la-side > div {
        box-shadow: none !important;
    }

    /* =========================================================
       MOBILE
       ========================================================= */

    @media (max-width: 639px) {

        .mr-legal-acts-root
        details[open] .mr-la-expanded::before {
            left: 16px;
            right: 16px;
        }

        .mr-legal-acts-root
        .mr-la-audience-section {
            padding-bottom: 8px;
            margin-bottom: 6px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_UI_V13_DRAWER_REFINE
       ========================================================= */

    /*
     * Убираем внешнюю тень V12.
     * Раскрытый проект больше не должен "висеть" над списком.
     */
    .mr-legal-acts-root details[open] {
        box-shadow: none !important;
    }

    .mr-legal-acts-root details[open] > summary {
        box-shadow: none !important;
    }

    /*
     * Редакторский разбор — внутренняя выдвинутая панель.
     * Отличаем её фоном и разделителями, не большой тенью.
     */
    .mr-legal-acts-root
    details[open] .mr-la-expanded {
        padding-top: 0 !important;

        border-top:
            1px solid #e4e4e7 !important;

        border-bottom:
            1px solid #e4e4e7 !important;

        background:
            #fafafa !important;

        box-shadow: none !important;
    }

    /*
     * Убираем декоративную линию V12.
     * С обычным border она больше не нужна.
     */
    .mr-legal-acts-root
    details[open] .mr-la-expanded::before {
        display: none !important;
    }

    /*
     * Шапка редакторского разбора сразу начинается
     * после основной карточки — без большого пустого поля.
     */
    .mr-legal-acts-root
    details[open] .mr-la-analysis-head {
        min-height: 50px !important;

        margin:
            0 -20px 20px -20px !important;

        padding:
            10px 20px !important;

        border-bottom:
            1px solid #e4e4e7 !important;

        background:
            #f7f7f8 !important;

        box-shadow:
            none !important;
    }

    /*
     * Немного компактнее иконка шапки.
     */
    .mr-legal-acts-root .mr-la-analysis-icon {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    /*
     * Заголовок и подпись немного сближаем.
     */
    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:first-child {
        line-height: 18px !important;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:nth-child(2) {
        margin-top: 1px !important;
        line-height: 15px !important;
    }

    /*
     * Внутренний контент остаётся "утопленным"
     * в светло-серой панели.
     */
    .mr-legal-acts-root
    details[open] .mr-la-analysis-grid {
        padding-bottom: 2px;
    }

    /*
     * Последние карточки не должны создавать
     * тяжёлую тень перед следующим проектом.
     */
    .mr-legal-acts-root
    details[open]
    .mr-la-check-grid > section,
    .mr-legal-acts-root
    details[open]
    .mr-la-side > div,
    .mr-legal-acts-root
    details[open]
    .mr-la-next-step {
        box-shadow:
            0 1px 2px rgba(15, 23, 42, .025) !important;
    }

    /* =========================================================
       DARK
       ========================================================= */

    .dark .mr-legal-acts-root
    details[open] .mr-la-expanded {
        border-top-color:
            #27272a !important;

        border-bottom-color:
            #27272a !important;

        background:
            #111113 !important;

        box-shadow:
            none !important;
    }

    .dark .mr-legal-acts-root
    details[open] .mr-la-analysis-head {
        border-bottom-color:
            #27272a !important;

        background:
            #151518 !important;

        box-shadow:
            none !important;
    }

    .dark .mr-legal-acts-root
    details[open]
    .mr-la-check-grid > section,
    .dark .mr-legal-acts-root
    details[open]
    .mr-la-side > div,
    .dark .mr-legal-acts-root
    details[open]
    .mr-la-next-step {
        box-shadow:
            none !important;
    }

    /* =========================================================
       MOBILE
       ========================================================= */

    @media (max-width: 639px) {

        .mr-legal-acts-root
        details[open] .mr-la-analysis-head {
            min-height: 48px !important;

            margin:
                0 -16px 18px -16px !important;

            padding:
                9px 16px !important;
        }

        .mr-legal-acts-root .mr-la-analysis-icon {
            width: 27px !important;
            height: 27px !important;
            flex-basis: 27px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_UI_V14_EDITORIAL_SHEET
       ========================================================= */

    /*
     * Концепция:
     * один редакторский документ вместо набора карточек.
     */

    /* =========================================================
       OUTER DRAWER
       ========================================================= */

    .mr-legal-acts-root
    details[open] .mr-la-expanded {
        padding:
            16px !important;

        background:
            #f7f7f8 !important;

        border-top:
            1px solid #e4e4e7 !important;

        border-bottom:
            1px solid #e4e4e7 !important;

        box-shadow:
            none !important;
    }

    /*
     * Шапка и содержимое теперь визуально являются
     * одной редакционной карточкой.
     */

    .mr-legal-acts-root
    details[open] .mr-la-analysis-head {
        min-height:
            52px !important;

        margin:
            0 !important;

        padding:
            11px 16px !important;

        border:
            1px solid #e4e4e7 !important;

        border-bottom:
            0 !important;

        border-radius:
            14px 14px 0 0 !important;

        background:
            #ffffff !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root
    details[open] .mr-la-analysis-grid {
        margin-top:
            0 !important;

        padding:
            20px !important;

        gap:
            28px !important;

        border:
            1px solid #e4e4e7;

        border-radius:
            0 0 14px 14px;

        background:
            #ffffff;

        box-shadow:
            0 1px 2px rgba(15, 23, 42, .025);
    }

    /* =========================================================
       HEADER
       ========================================================= */

    .mr-legal-acts-root .mr-la-analysis-icon {
        width:
            28px !important;

        height:
            28px !important;

        flex:
            0 0 28px !important;

        border:
            0 !important;

        border-radius:
            8px !important;

        background:
            rgba(0,121,107,.08) !important;

        color:
            #00796B !important;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:first-child {
        font-size:
            13px !important;

        line-height:
            18px !important;

        font-weight:
            650 !important;
    }

    .mr-legal-acts-root
    .mr-la-analysis-head
    > div:first-child
    > div:last-child
    > div:nth-child(2) {
        margin-top:
            0 !important;

        font-size:
            11px !important;

        line-height:
            15px !important;

        color:
            #71717a !important;
    }

    /* =========================================================
       MAIN EDITORIAL COLUMN
       ========================================================= */

    .mr-legal-acts-root .mr-la-main-sheet {
        display:
            flex;

        flex-direction:
            column;

        gap:
            0 !important;
    }

    /*
     * Убираем Tailwind space-y.
     */
    .mr-legal-acts-root
    .mr-la-main-sheet
    > :not([hidden])
    ~ :not([hidden]) {
        margin-top:
            0 !important;
    }

    /*
     * Большинство секций — уже не отдельные карточки.
     */
    .mr-legal-acts-root
    .mr-la-main-sheet
    > section {
        margin:
            0 !important;

        padding:
            18px 0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root
    .mr-la-main-sheet
    > section:first-child {
        padding-top:
            0 !important;
    }

    .mr-legal-acts-root
    .mr-la-main-sheet
    > section
    + section {
        border-top:
            1px solid #eeeeef !important;
    }

    /* =========================================================
       WHY NEWS
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-news-value {
        padding:
            0 0 19px 0 !important;

        border:
            0 !important;

        border-bottom:
            1px solid #eeeeef !important;

        background:
            transparent !important;
    }

    .mr-legal-acts-root .mr-la-news-value-head {
        color:
            #00796B !important;

        font-size:
            12px !important;

        line-height:
            18px !important;
    }

    .mr-legal-acts-root .mr-la-news-value p {
        margin-top:
            8px !important;

        font-size:
            14px !important;

        line-height:
            1.65 !important;

        color:
            #3f3f46 !important;
    }

    /* =========================================================
       NEXT STEP
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-next-step {
        display:
            flex;

        align-items:
            flex-start;

        gap:
            11px !important;

        padding:
            16px 0 18px !important;

        border:
            0 !important;

        border-bottom:
            1px solid #eeeeef !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root .mr-la-next-icon {
        width:
            27px !important;

        height:
            27px !important;

        flex:
            0 0 27px !important;

        border-radius:
            8px !important;

        background:
            #f0f7f6 !important;

        color:
            #00796B !important;
    }

    .mr-legal-acts-root .mr-la-next-step p {
        margin-top:
            3px !important;

        font-size:
            12px !important;

        line-height:
            1.55 !important;

        color:
            #71717a !important;
    }

    /* =========================================================
       SECTION HEADERS
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-content-section {
        padding:
            18px 0 !important;
    }

    .mr-legal-acts-root
    .mr-la-section-icon {
        width:
            25px !important;

        height:
            25px !important;

        flex:
            0 0 25px !important;

        border-radius:
            7px !important;

        background:
            #f0f7f6 !important;

        color:
            #00796B !important;
    }

    .mr-legal-acts-root
    .mr-la-content-section h3 {
        font-size:
            13px !important;

        line-height:
            18px !important;
    }

    .mr-legal-acts-root
    .mr-la-content-section h3 + p {
        margin-top:
            2px !important;

        font-size:
            11px !important;

        line-height:
            15px !important;

        color:
            #a1a1aa !important;
    }

    /* =========================================================
       CHANGE LIST
       ========================================================= */

    .mr-legal-acts-root .mr-la-change-list {
        margin-top:
            13px !important;
    }

    .mr-legal-acts-root .mr-la-change-item {
        padding-bottom:
            14px !important;
    }

    .mr-legal-acts-root
    .mr-la-change-item:last-child {
        padding-bottom:
            0 !important;
    }

    .mr-legal-acts-root .mr-la-change-dot {
        width:
            22px !important;

        height:
            22px !important;

        flex:
            0 0 22px !important;

        background:
            #ffffff !important;

        border-color:
            #d8ece9 !important;

        font-size:
            10px !important;
    }

    /* =========================================================
       AUDIENCE
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-audience-section {
        margin:
            0 !important;

        padding:
            18px 0 !important;
    }

    .mr-legal-acts-root
    .mr-la-audience-section
    > div:last-child {
        margin-top:
            9px !important;

        gap:
            6px !important;
    }

    .mr-legal-acts-root .mr-la-audience {
        margin:
            0 !important;

        padding:
            5px 9px !important;

        border:
            1px solid #e4e4e7 !important;

        border-radius:
            7px !important;

        background:
            #fafafa !important;

        font-size:
            11px !important;

        line-height:
            16px !important;

        color:
            #52525b !important;
    }

    /*
     * Старые большие отступы V12 убираем.
     */
    .mr-legal-acts-root
    .mr-la-audience-section
    + .mr-la-check-grid {
        margin-top:
            18px !important;
    }

    /* =========================================================
       CHECK + UNKNOWNS
       Одна карточка, две колонки.
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-check-grid {
        gap:
            0 !important;

        margin-top:
            18px !important;

        overflow:
            hidden;

        border:
            1px solid #e4e4e7;

        border-radius:
            12px;

        background:
            #fafafa;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section {
        min-width:
            0;

        padding:
            16px 18px !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section
    + section {
        border-left:
            1px solid #e4e4e7 !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section:first-child {
        border-top:
            0 !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid
    > section:last-child {
        border-top:
            0 !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid ul {
        margin-top:
            11px !important;
    }

    .mr-legal-acts-root
    .mr-la-check-grid li {
        line-height:
            1.55 !important;
    }

    /* =========================================================
       RIGHT SIDE
       Один цельный блок источника.
       ========================================================= */

    .mr-legal-acts-root .mr-la-side {
        align-self:
            start;

        display:
            block !important;

        overflow:
            hidden;

        border:
            1px solid #e4e4e7;

        border-radius:
            12px;

        background:
            #fafafa;
    }

    /*
     * Убираем space-y-3.
     */
    .mr-legal-acts-root
    .mr-la-side
    > :not([hidden])
    ~ :not([hidden]) {
        margin-top:
            0 !important;
    }

    .mr-legal-acts-root
    .mr-la-side
    > div {
        margin:
            0 !important;

        padding:
            16px !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root
    .mr-la-side
    > div
    + div {
        border-top:
            1px solid #e4e4e7 !important;
    }

    .mr-legal-acts-root
    .mr-la-side
    > div:first-child {
        border-top:
            0 !important;
    }

    /* =========================================================
       SOURCE CTA
       ========================================================= */

    .mr-la-source-cta {
        min-height:
            40px;

        margin-top:
            15px;

        border-radius:
            9px;
    }

    /* =========================================================
       DARK
       ========================================================= */

    .dark .mr-legal-acts-root
    details[open] .mr-la-expanded {
        background:
            #111113 !important;

        border-color:
            #27272a !important;
    }

    .dark .mr-legal-acts-root
    details[open] .mr-la-analysis-head,
    .dark .mr-legal-acts-root
    details[open] .mr-la-analysis-grid {
        border-color:
            #27272a !important;

        background:
            #18181b !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > section
    + section,
    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-news-value,
    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-next-step {
        border-color:
            #27272a !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-news-value p {
        color:
            #d4d4d8 !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-audience {
        border-color:
            #3f3f46 !important;

        background:
            #27272a !important;

        color:
            #d4d4d8 !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-check-grid,
    .dark .mr-legal-acts-root
    .mr-la-side {
        border-color:
            #27272a;

        background:
            #202023;
    }

    .dark .mr-legal-acts-root
    .mr-la-check-grid
    > section
    + section,
    .dark .mr-legal-acts-root
    .mr-la-side
    > div
    + div {
        border-color:
            #3f3f46 !important;
    }

    /* =========================================================
       TABLET / MOBILE
       ========================================================= */

    @media (max-width: 767px) {

        .mr-legal-acts-root
        details[open] .mr-la-expanded {
            padding:
                12px !important;
        }

        .mr-legal-acts-root
        details[open] .mr-la-analysis-head {
            padding:
                10px 13px !important;
        }

        .mr-legal-acts-root
        details[open] .mr-la-analysis-grid {
            padding:
                15px !important;

            gap:
                20px !important;
        }

        .mr-legal-acts-root
        .mr-la-check-grid
        > section
        + section {
            border-left:
                0 !important;

            border-top:
                1px solid #e4e4e7 !important;
        }

        .dark .mr-legal-acts-root
        .mr-la-check-grid
        > section
        + section {
            border-top-color:
                #3f3f46 !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_UI_V15_NEWS_VALUE_MINIMAL_FIX
       ========================================================= */

    /*
     * Первый абзац редакторского разбора:
     * без отдельной плашки, заголовка и декоративной иконки.
     */
    .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-news-value {
        margin: 0 !important;

        padding:
            0 0 18px 0 !important;

        border:
            0 !important;

        border-bottom:
            1px solid #eeeeef !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root
    .mr-la-news-value-text {
        margin: 0 !important;

        max-width:
            920px;

        font-size:
            14px;

        line-height:
            1.65;

        font-weight:
            400;

        color:
            #3f3f46;
    }

    /*
     * Старый head больше не существует,
     * но дополнительно гасим его на случай старого CSS.
     */
    .mr-legal-acts-root
    .mr-la-news-value-head {
        display:
            none !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-news-value {
        border-bottom-color:
            #27272a !important;

        background:
            transparent !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-news-value-text {
        color:
            #d4d4d8;
    }



    /* LEGAL_ACTS_NEWS_VALUE_SHADOW_FIX_V1 */

    .mr-legal-acts-root
    .mr-la-main-sheet
    > section.mr-la-news-value {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        filter: none !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > section.mr-la-news-value {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        filter: none !important;
    }



    /* LEGAL_ACTS_NEWS_VALUE_BOLD_V1 */

    .mr-legal-acts-root
    .mr-la-news-value-text {
        font-weight: 600 !important;
        color: #27272a !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-news-value-text {
        color: #f4f4f5 !important;
    }



    /* LEGAL_ACTS_TABS_BORDER_FIX_V1 */

    /*
     * Верхний border уже рисует внешний контейнер.
     * На панели табов он создавал эффект двойной линии.
     */
    .mr-legal-acts-root .mr-la-tabs-bar {
        border-top: 0 !important;
        box-shadow: none !important;
    }

    .dark .mr-legal-acts-root .mr-la-tabs-bar {
        border-top: 0 !important;
        box-shadow: none !important;
    }



    /* =========================================================
       LEGAL_ACTS_EDITORIAL_DIVIDERS_FIX_V1
       Один разделитель между секциями вместо двойного
       ========================================================= */

    /*
     * Разделительную линию рисует следующая секция через
     * .mr-la-main-sheet > section + section.
     *
     * Поэтому собственный border-bottom у первых блоков
     * больше не нужен.
     */

    .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-news-value {
        border-bottom: 0 !important;
    }

    .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-next-step {
        border-bottom: 0 !important;
    }

    /*
     * Все внутренние разделители одинаковые.
     */
    .mr-legal-acts-root
    .mr-la-main-sheet
    > section
    + section {
        border-top:
            1px solid #eeeeef !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-news-value,
    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > .mr-la-next-step {
        border-bottom: 0 !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    > section
    + section {
        border-top-color:
            #27272a !important;
    }



    /* =========================================================
       LEGAL_ACTS_ROW_HOVER_BRAND_V1
       ========================================================= */

    /*
     * Лёгкий фирменный hover для строки проекта.
     */
    .mr-legal-acts-root details > summary {
        transition:
            background-color .16s ease,
            box-shadow .16s ease !important;
    }

    .mr-legal-acts-root details > summary:hover {
        background:
            rgba(0, 121, 107, .035) !important;
    }

    /*
     * У раскрытого проекта hover чуть спокойнее,
     * чтобы не конкурировать с редакторским разбором.
     */
    .mr-legal-acts-root details[open] > summary:hover {
        background:
            rgba(0, 121, 107, .025) !important;
    }

    .dark .mr-legal-acts-root details > summary:hover {
        background:
            rgba(0, 121, 107, .11) !important;
    }

    .dark .mr-legal-acts-root details[open] > summary:hover {
        background:
            rgba(0, 121, 107, .08) !important;
    }



    /* =========================================================
       LEGAL_ACTS_DARK_ICONS_SOFT_V1
       Приглушённые иконки в тёмной теме
       ========================================================= */

    .dark .mr-legal-acts-root {
        --mr-la-dark-icon-bg: rgba(0, 121, 107, .13);
        --mr-la-dark-icon-border: rgba(45, 212, 191, .10);
        --mr-la-dark-icon-color: #55aaa1;
    }

    /*
     * Основные фирменные icon chips.
     */
    .dark .mr-legal-acts-root .mr-la-analysis-icon,
    .dark .mr-legal-acts-root .mr-la-next-icon,
    .dark .mr-legal-acts-root .mr-la-section-icon,
    .dark .mr-legal-acts-root .mr-la-source-head-icon {
        background:
            var(--mr-la-dark-icon-bg) !important;

        border-color:
            var(--mr-la-dark-icon-border) !important;

        color:
            var(--mr-la-dark-icon-color) !important;

        box-shadow:
            none !important;
    }

    /*
     * Номер конкретного изменения.
     */
    .dark .mr-legal-acts-root .mr-la-change-dot {
        background:
            #18181b !important;

        border-color:
            rgba(45, 212, 191, .18) !important;

        color:
            #62aaa3 !important;

        box-shadow:
            none !important;
    }

    /*
     * Иконка "Что проверить".
     */
    .dark .mr-legal-acts-root
    .mr-la-check-grid
    > section:first-child
    > div:first-child
    > span {
        background:
            var(--mr-la-dark-icon-bg) !important;

        color:
            var(--mr-la-dark-icon-color) !important;

        box-shadow:
            none !important;
    }

    /*
     * Иконка "Чего пока не хватает" оставляем нейтральной,
     * но тоже делаем темнее.
     */
    .dark .mr-legal-acts-root
    .mr-la-check-grid
    > section:last-child
    > div:first-child
    > span {
        background:
            #27272a !important;

        color:
            #71717a !important;

        box-shadow:
            none !important;
    }

    /*
     * Если внутри редакторского разбора остались старые
     * inline teal-плашки — тоже приглушаем.
     */
    .dark .mr-legal-acts-root
    .mr-la-main-sheet
    span[class*="bg-[#00796B]"] {
        background:
            var(--mr-la-dark-icon-bg) !important;

        color:
            var(--mr-la-dark-icon-color) !important;
    }



    /* =========================================================
       LEGAL_ACTS_DARK_PROJECT_BADGE_SOFT_V3
       ========================================================= */

    .dark .mr-legal-acts-root .mr-la-project-badge {
        border:
            1px solid rgba(245, 158, 11, .12) !important;

        background:
            rgba(245, 158, 11, .065) !important;

        color:
            #b9954f !important;

        box-shadow:
            none !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-project-badge > span {
        background:
            #9d7428 !important;

        box-shadow:
            none !important;
    }



    /* =========================================================
       LEGAL_ACTS_SOURCE_WARNING_SPACING_V1
       ========================================================= */

    .mr-la-source-warning > * {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mr-la-source-warning > * + * {
        margin-top: 10px;
    }

    .mr-la-source-warning hr,
    .mr-la-source-warning .mr-la-source-warning-divider,
    .mr-la-source-warning > .border-t,
    .mr-la-source-warning > [class*="border-t"] {
        margin-top: 12px !important;
        padding-top: 12px !important;
    }

    .mr-la-source-warning p + p {
        margin-top: 10px;
    }

    .mr-la-source-warning .mr-la-source-warning-title + * {
        margin-top: 10px;
    }

    .dark .mr-la-source-warning hr,
    .dark .mr-la-source-warning .mr-la-source-warning-divider,
    .dark .mr-la-source-warning > .border-t,
    .dark .mr-la-source-warning > [class*="border-t"] {
        margin-top: 12px !important;
        padding-top: 12px !important;
    }



    /* =========================================================
       LEGAL_ACTS_LIST_TITLE_SPACING_V1
       ========================================================= */

    .mr-legal-acts-root .mr-la-list-title {
        margin-top: 4px !important;
        line-height: 1.35 !important;
    }

    @media (max-width: 639px) {
        .mr-legal-acts-root .mr-la-list-title {
            margin-top: 3px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_LIST_TITLE_SPACING_V2
       ========================================================= */

    /*
     * margin-top оказался слишком незаметным.
     * Padding гарантированно создаёт воздух между шильдиками
     * и главным заголовком проекта.
     */
    .mr-legal-acts-root .mr-la-list-title {
        margin-top: 0 !important;
        padding-top: 7px !important;
        line-height: 1.35 !important;
    }

    @media (max-width: 639px) {
        .mr-legal-acts-root .mr-la-list-title {
            padding-top: 6px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_SVG_V1
       ========================================================= */

    .mr-legal-acts-root .mr-la-score-flag-wrap {
        width: 60px;
        min-width: 60px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 2px;
    }

    .mr-legal-acts-root .mr-la-score-flag {
        --mr-flag-top: #f5a3b2;
        --mr-flag-bottom: #ee728b;
        --mr-flag-stroke: rgba(219, 39, 119, 0.16);
        --mr-flag-shadow: transparent;
        position: relative;
        width: 54px;
        height: 68px;
        display: block;
        filter: none;

    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="medium"] {
        --mr-flag-top: #f7d78d;
        --mr-flag-bottom: #efbf58;
        --mr-flag-stroke: rgba(180, 83, 9, 0.14);
        --mr-flag-shadow: transparent;

    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="low"] {
        --mr-flag-top: #f6afbb;
        --mr-flag-bottom: #ef7d94;
        --mr-flag-stroke: rgba(190, 24, 93, 0.14);
        --mr-flag-shadow: transparent;

    }

    .mr-legal-acts-root .mr-la-score-flag-svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .mr-legal-acts-root .mr-la-score-flag-content {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding-top: 7px;
        color: white;
        pointer-events: none;
        text-align: center;
    }

    .mr-legal-acts-root .mr-la-score-flag-ai {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        padding: 0 4px;
        border-radius: 9999px;
        background: rgba(255, 255, 255, 0.18);
        font-size: 9px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        box-shadow: none;
        backdrop-filter: none;

    }

    .mr-legal-acts-root .mr-la-score-flag-ai svg {
        width: 8px;
        height: 8px;
        opacity: 0.95;
    }

    .mr-legal-acts-root .mr-la-score-flag-value {
        margin-top: 8px;
        font-size: 26px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: -0.04em;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    }

    .mr-legal-acts-root .mr-la-score-flag-value.is-3d {
        font-size: 23px;
    }

    .dark .mr-legal-acts-root .mr-la-score-flag {
        filter: none;

    }

    @media (max-width: 639px) {
        .mr-legal-acts-root .mr-la-score-flag-wrap {
            width: 52px;
            min-width: 52px;
        }

        .mr-legal-acts-root .mr-la-score-flag {
            width: 46px;
            height: 58px;
        }

        .mr-legal-acts-root .mr-la-score-flag-content {
            padding-top: 6px;
        }

        .mr-legal-acts-root .mr-la-score-flag-ai {
            font-size: 8px;
            gap: 2px;
            padding: 0 3px;
        }

        .mr-legal-acts-root .mr-la-score-flag-ai svg {
            width: 7px;
            height: 7px;
        }

        .mr-legal-acts-root .mr-la-score-flag-value {
            margin-top: 7px;
            font-size: 21px;
        }

        .mr-legal-acts-root .mr-la-score-flag-value.is-3d {
            font-size: 18px;
        }
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_FLAT_PASTEL_V1
       ========================================================= */


    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_OFFICE_FLAT_V1
       Аккуратный плоский флажок рейтинга:
       - меньше размер
       - однородный цвет
       - без выцветания и лишних теней
       - более спокойный «канцелярский» вид
       ========================================================= */

    .mr-legal-acts-root .mr-la-score-flag {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        width: 50px !important;
        min-width: 50px !important;
        height: 68px !important;
        padding: 6px 5px 10px !important;
        border-radius: 8px 8px 4px 4px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        box-shadow: none !important;
        filter: none !important;
        transform: none !important;
        background-image: none !important;
        text-shadow: none !important;
        color: #ffffff !important;
        isolation: isolate;
    }

    .mr-legal-acts-root .mr-la-score-flag::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -7px;
        transform: translateX(-50%);
        width: 16px;
        height: 8px;
        background: inherit;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        box-shadow: none !important;
    }

    /* Убираем старые декоративные SVG/блики/тени, если они остались */
    .mr-legal-acts-root .mr-la-score-flag svg,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-flag-bg,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-flag-shadow,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-flag-gloss,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-shadow,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-gloss {
        display: none !important;
    }

    .mr-legal-acts-root .mr-la-score-flag > :not(svg):not(.sr-only):first-child,
    .mr-legal-acts-root .mr-la-score-flag-ai {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 16px !important;
        padding: 1px 6px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.18) !important;
        color: rgba(255, 255, 255, 0.96) !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
    }

    .mr-legal-acts-root .mr-la-score-flag > :not(svg):not(.sr-only):last-child,
    .mr-legal-acts-root .mr-la-score-flag-value,
    .mr-legal-acts-root .mr-la-score-flag-score {
        margin-top: 1px !important;
        font-size: 19px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.03em !important;
        color: #ffffff !important;
        text-shadow: none !important;
        font-variant-numeric: tabular-nums;
    }

    /* Мягкие, но не выцветшие однородные цвета */
    .mr-legal-acts-root .mr-la-score-flag[data-level="high"] {
        background: #45B08A !important;
        border: 1px solid #3AA17D !important;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="medium"] {
        background: #D8A34A !important;
        border: 1px solid #C7943D !important;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="low"] {
        background: #D97B88 !important;
        border: 1px solid #CB6E7C !important;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="high"]::after {
        background: #45B08A !important;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="medium"]::after {
        background: #D8A34A !important;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="low"]::after {
        background: #D97B88 !important;
    }

    /* Чуть компактнее расстояние между флажком и контентом */
    .mr-legal-acts-root .mr-la-row-score {
        margin-top: 2px !important;
    }

    @media (max-width: 639px) {
        .mr-legal-acts-root .mr-la-score-flag {
            width: 46px !important;
            min-width: 46px !important;
            height: 62px !important;
            padding: 5px 4px 9px !important;
        }

        .mr-legal-acts-root .mr-la-score-flag > :not(svg):not(.sr-only):last-child,
        .mr-legal-acts-root .mr-la-score-flag-value,
        .mr-legal-acts-root .mr-la-score-flag-score {
            font-size: 17px !important;
        }
    }

    .dark .mr-legal-acts-root .mr-la-score-flag {
        box-shadow: none !important;
        filter: none !important;
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_OFFICE_FLAT_V2
       Настоящий плоский SVG-флажок
       ========================================================= */

    .mr-legal-acts-root .mr-la-score-flag-wrap {
        width: 52px !important;
        min-width: 52px !important;

        padding-top: 1px !important;

        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
    }

    .mr-legal-acts-root .mr-la-score-flag {
        --mr-flag-color: #59ad8e;
        --mr-flag-border: #4b9f81;

        position: relative !important;

        width: 46px !important;
        min-width: 46px !important;
        height: 58px !important;

        display: block !important;

        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
        filter: none !important;

        overflow: visible !important;
        isolation: isolate;
    }

    /*
     * Убираем треугольник из неудачного V1.
     * Форму теперь полностью рисует SVG.
     */
    .mr-legal-acts-root .mr-la-score-flag::after {
        content: none !important;
        display: none !important;
    }

    /*
     * Настоящий SVG-флажок.
     */
    .mr-legal-acts-root
    .mr-la-score-flag
    > .mr-la-score-flag-svg {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        overflow: visible;

        filter: none !important;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-shape {
        display: block !important;

        fill:
            var(--mr-flag-color) !important;

        stroke:
            var(--mr-flag-border) !important;

        stroke-width: 1;

        vector-effect: non-scaling-stroke;
    }

    /* ---------------------------------------------------------
       Цвета
       --------------------------------------------------------- */

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --mr-flag-color: #55ad8c;
        --mr-flag-border: #489c7d;
    }

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --mr-flag-color: #d8a548;
        --mr-flag-border: #c7963c;
    }

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --mr-flag-color: #d77b88;
        --mr-flag-border: #c96e7b;
    }

    /* ---------------------------------------------------------
       Контент
       --------------------------------------------------------- */

    .mr-legal-acts-root
    .mr-la-score-flag-content {
        position: absolute !important;
        z-index: 2;

        inset:
            0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        padding-top:
            6px !important;

        color:
            #ffffff !important;

        text-align:
            center;

        pointer-events:
            none;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-ai {
        display: inline-flex !important;

        height:
            14px !important;

        min-height:
            14px !important;

        padding:
            0 4px !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            2px !important;

        border:
            0 !important;

        border-radius:
            999px !important;

        background:
            rgba(255,255,255,.16) !important;

        color:
            rgba(255,255,255,.96) !important;

        font-size:
            8px !important;

        line-height:
            14px !important;

        font-weight:
            700 !important;

        letter-spacing:
            .03em !important;

        box-shadow:
            none !important;

        backdrop-filter:
            none !important;
    }

    /*
     * Возвращаем маленькую sparkle-иконку AI,
     * которую V1 скрыл вместе со всеми SVG.
     */
    .mr-legal-acts-root
    .mr-la-score-flag-ai svg {
        display:
            block !important;

        position:
            static !important;

        width:
            7px !important;

        height:
            7px !important;

        flex:
            0 0 7px;

        color:
            currentColor !important;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-value {
        margin-top:
            6px !important;

        font-size:
            19px !important;

        line-height:
            19px !important;

        font-weight:
            750 !important;

        letter-spacing:
            -.025em !important;

        color:
            #ffffff !important;

        text-shadow:
            none !important;

        font-variant-numeric:
            tabular-nums;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-value.is-3d {
        font-size:
            17px !important;
    }

    /* ---------------------------------------------------------
       DARK
       --------------------------------------------------------- */

    .dark .mr-legal-acts-root
    .mr-la-score-flag {
        box-shadow:
            none !important;

        filter:
            none !important;
    }

    /*
     * В dark слегка приглушаем только сами оттенки,
     * не делая их бледными.
     */
    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --mr-flag-color: #478f78;
        --mr-flag-border: #3d806c;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --mr-flag-color: #ae843f;
        --mr-flag-border: #9c7638;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --mr-flag-color: #aa6570;
        --mr-flag-border: #985b65;
    }

    /* ---------------------------------------------------------
       MOBILE
       --------------------------------------------------------- */

    @media (max-width: 639px) {

        .mr-legal-acts-root .mr-la-score-flag-wrap {
            width:
                47px !important;

            min-width:
                47px !important;
        }

        .mr-legal-acts-root .mr-la-score-flag {
            width:
                42px !important;

            min-width:
                42px !important;

            height:
                53px !important;
        }

        .mr-legal-acts-root
        .mr-la-score-flag-content {
            padding-top:
                5px !important;
        }

        .mr-legal-acts-root
        .mr-la-score-flag-value {
            margin-top:
                5px !important;

            font-size:
                17px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_555_SVG_V1
       Геометрия из пользовательского 555.svg
       ========================================================= */

    .mr-legal-acts-root .mr-la-score-flag-wrap {
        width: 52px !important;
        min-width: 52px !important;

        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;

        padding-top: 1px !important;
    }

    .mr-legal-acts-root .mr-la-score-flag {
        --mr-555-main: #62b497;
        --mr-555-middle: #438d74;
        --mr-555-top: #83c5ad;

        position: relative !important;

        display: block !important;

        width: 46px !important;
        min-width: 46px !important;
        height: 61px !important;

        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
        filter: none !important;

        overflow: visible !important;
        isolation: isolate;
    }

    /*
     * Полностью отключаем псевдо-хвост предыдущего варианта.
     */
    .mr-legal-acts-root .mr-la-score-flag::before,
    .mr-legal-acts-root .mr-la-score-flag::after {
        content: none !important;
        display: none !important;
    }

    /* =========================================================
       SVG
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-score-flag
    > .mr-la-score-flag-svg {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        overflow: visible !important;

        filter: none !important;
    }

    .mr-legal-acts-root .mr-la-555-main {
        fill: var(--mr-555-main) !important;
    }

    .mr-legal-acts-root .mr-la-555-middle {
        fill: var(--mr-555-middle) !important;
    }

    .mr-legal-acts-root .mr-la-555-top {
        fill: var(--mr-555-top) !important;
    }

    /*
     * Никаких stroke, shadow, gloss.
     */
    .mr-legal-acts-root .mr-la-555-main,
    .mr-legal-acts-root .mr-la-555-middle,
    .mr-legal-acts-root .mr-la-555-top {
        stroke: none !important;
        filter: none !important;
    }

    /* =========================================================
       ЦВЕТ ПО РЕЙТИНГУ
       ========================================================= */

    /* 60+ */
    .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --mr-555-main: #5caf91;
        --mr-555-middle: #43856f;
        --mr-555-top: #7fc2aa;
    }

    /* 50–59 */
    .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --mr-555-main: #d8a64d;
        --mr-555-middle: #a77932;
        --mr-555-top: #e5bd70;
    }

    /* <50 */
    .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --mr-555-main: #d77b88;
        --mr-555-middle: #aa5866;
        --mr-555-top: #e29aa5;
    }

    /* =========================================================
       AI + SCORE
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-score-flag-content {
        position: absolute !important;
        z-index: 2;

        inset: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        padding-top: 4px !important;

        color: #fff !important;

        text-align: center;
        pointer-events: none;
    }

    /*
     * В 555.svg верхние две полосы небольшие,
     * поэтому AI делаем просто лаконичной подписью без капсулы.
     */
    .mr-legal-acts-root .mr-la-score-flag-ai {
        display: inline-flex !important;

        height: 10px !important;
        min-height: 10px !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 2px !important;

        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;

        color: rgba(255,255,255,.94) !important;

        font-size: 8px !important;
        line-height: 10px !important;

        font-weight: 750 !important;
        letter-spacing: .04em !important;

        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    /*
     * Sparkle AI возвращаем, но очень маленькую.
     */
    .mr-legal-acts-root
    .mr-la-score-flag-ai svg {
        display: block !important;

        position: static !important;

        width: 6px !important;
        height: 6px !important;

        flex: 0 0 6px;

        color: currentColor !important;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-value {
        margin-top: 7px !important;

        font-size: 19px !important;
        line-height: 19px !important;

        font-weight: 800 !important;
        letter-spacing: -.025em !important;

        color: #fff !important;

        text-shadow: none !important;

        font-variant-numeric: tabular-nums;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-value.is-3d {
        font-size: 17px !important;
    }

    /* =========================================================
       DARK
       ========================================================= */

    .dark .mr-legal-acts-root
    .mr-la-score-flag {
        box-shadow: none !important;
        filter: none !important;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --mr-555-main: #4e927b;
        --mr-555-middle: #396c5c;
        --mr-555-top: #68a993;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --mr-555-main: #b18745;
        --mr-555-middle: #806330;
        --mr-555-top: #c39b5a;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --mr-555-main: #ae6873;
        --mr-555-middle: #7e4d56;
        --mr-555-top: #c17d87;
    }

    /* =========================================================
       MOBILE
       ========================================================= */

    @media (max-width: 639px) {

        .mr-legal-acts-root .mr-la-score-flag-wrap {
            width: 47px !important;
            min-width: 47px !important;
        }

        .mr-legal-acts-root .mr-la-score-flag {
            width: 42px !important;
            min-width: 42px !important;
            height: 56px !important;
        }

        .mr-legal-acts-root
        .mr-la-score-flag-content {
            padding-top: 4px !important;
        }

        .mr-legal-acts-root
        .mr-la-score-flag-value {
            margin-top: 6px !important;
            font-size: 17px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_PALETTE_V2
       ========================================================= */

    /*
     * Пастельная шкала:
     *
     * low    0–40   -> #E6A1A1
     * medium 41–60 -> #F5E1A4
     * high   61–100-> #A8D5BA
     *
     * Все части SVG имеют один цвет.
     */

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --mr-555-main: #E6A1A1 !important;
        --mr-555-middle: #E6A1A1 !important;
        --mr-555-top: #E6A1A1 !important;
        --mr-555-ink: #713F46;
    }

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --mr-555-main: #F5E1A4 !important;
        --mr-555-middle: #F5E1A4 !important;
        --mr-555-top: #F5E1A4 !important;
        --mr-555-ink: #755E25;
    }

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --mr-555-main: #A8D5BA !important;
        --mr-555-middle: #A8D5BA !important;
        --mr-555-top: #A8D5BA !important;
        --mr-555-ink: #35624C;
    }

    /*
     * Полностью плоская заливка.
     */
    .mr-legal-acts-root .mr-la-555-main,
    .mr-legal-acts-root .mr-la-555-middle,
    .mr-legal-acts-root .mr-la-555-top {
        stroke: none !important;
        filter: none !important;
        opacity: 1 !important;
    }

    /*
     * Цифра рейтинга.
     */
    .mr-legal-acts-root
    .mr-la-score-flag-value {
        color: var(--mr-555-ink) !important;

        font-weight: 800 !important;

        text-shadow: none !important;
    }

    /*
     * AI сверху — тоже в цвет "чернил",
     * без белой капсулы.
     */
    .mr-legal-acts-root
    .mr-la-score-flag-ai {
        color: var(--mr-555-ink) !important;

        background:
            rgba(255,255,255,.24) !important;

        font-weight:
            750 !important;

        box-shadow:
            none !important;
    }

    .mr-legal-acts-root
    .mr-la-score-flag-ai svg {
        color:
            var(--mr-555-ink) !important;

        opacity:
            .82;
    }

    /*
     * В dark theme используем те же пастельные цвета.
     * Флажок маленький, поэтому дополнительное затемнение
     * здесь только ухудшало бы узнаваемость шкалы.
     */
    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --mr-555-main: #E6A1A1 !important;
        --mr-555-middle: #E6A1A1 !important;
        --mr-555-top: #E6A1A1 !important;
        --mr-555-ink: #63383E;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --mr-555-main: #F5E1A4 !important;
        --mr-555-middle: #F5E1A4 !important;
        --mr-555-top: #F5E1A4 !important;
        --mr-555-ink: #66501D;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --mr-555-main: #A8D5BA !important;
        --mr-555-middle: #A8D5BA !important;
        --mr-555-top: #A8D5BA !important;
        --mr-555-ink: #2E5744;
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_BOOKMARK_REFINE_V1
       ========================================================= */

    /*
     * Делаем флажок более похожим на закладку:
     * он начинается выше и тянется вниз,
     * без лишней подложки/заливки под ним.
     */

    .mr-legal-acts-root .mr-la-score-flag {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 46px !important;
        min-width: 46px !important;
        height: 60px !important;

        margin-top: -8px !important;
        margin-bottom: 0 !important;

        filter: none !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible !important;
        vertical-align: top !important;
    }

    /*
     * Если вокруг флажка есть обёртка/ячейка,
     * прижимаем её кверху строки.
     */
    .mr-legal-acts-root .mr-la-score-flag,
    .mr-legal-acts-root .mr-la-score-flag svg {
        align-self: flex-start !important;
    }

    /*
     * Полностью убираем любые старые псевдоэлементы,
     * которые могли давать лишнюю тень/заливку снизу.
     */
    .mr-legal-acts-root .mr-la-score-flag::before,
    .mr-legal-acts-root .mr-la-score-flag::after {
        content: none !important;
        display: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /*
     * Сам SVG должен быть плоским, без лишних эффектов.
     */
    .mr-legal-acts-root .mr-la-score-flag svg {
        display: block !important;
        width: 46px !important;
        height: 60px !important;
        overflow: visible !important;
        filter: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /*
     * На всякий случай: все внутренние части без теней,
     * чтобы под флажком ничего не проступало.
     */
    .mr-legal-acts-root .mr-la-score-flag svg * {
        filter: none !important;
        box-shadow: none !important;
    }

    /*
     * AI сверху компактнее.
     */
    .mr-legal-acts-root .mr-la-score-flag-ai {
        top: 4px !important;
        font-size: 9px !important;
        line-height: 1 !important;
    }

    /*
     * Цифру делаем немного компактнее,
     * чтобы внутри новой формы лучше сидела.
     */
    .mr-legal-acts-root .mr-la-score-flag-value {
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }

    /*
     * Если у левой колонки/ячейки с рейтингом есть лишний
     * внутренний вертикальный отступ — уменьшаем.
     * Селектор максимально безопасный и мягкий.
     */
    .mr-legal-acts-root [class*="score"] {
        box-shadow: none;
    }

    /*
     * В dark тоже без теней и подложек.
     */
    .dark .mr-legal-acts-root .mr-la-score-flag,
    .dark .mr-legal-acts-root .mr-la-score-flag svg,
    .dark .mr-legal-acts-root .mr-la-score-flag::before,
    .dark .mr-legal-acts-root .mr-la-score-flag::after,
    .dark .mr-legal-acts-root .mr-la-score-flag svg * {
        filter: none !important;
        box-shadow: none !important;
        background-image: none !important;
    }




    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_CLEANUP_V1
       ========================================================= */

    /*
     * Флажок:
     * - без AI
     * - без иконок
     * - без подложки
     * - только цифра
     * - верхняя часть дотянута до верхней границы строки
     */

    .mr-legal-acts-root .mr-la-score-flag,
    .mr-legal-acts-root .mr-la-score,
    .mr-legal-acts-root .mr-la-score-wrap,
    .mr-legal-acts-root .mr-la-score-flag-wrap,
    .mr-legal-acts-root .mr-la-score-shell {
        background: transparent !important;
        box-shadow: none !important;
        filter: none !important;
        border: 0 !important;
    }

    .mr-legal-acts-root .mr-la-score-flag {
        --flag-bg: #A8D5BA;
        --flag-text: #245848;

        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 58px !important;

        margin: 0 !important;
        padding: 0 0 6px 0 !important;

        border-radius: 0 !important;
        background: var(--flag-bg) !important;
        color: var(--flag-text) !important;

        box-shadow: none !important;
        filter: none !important;
        overflow: visible !important;
        isolation: isolate !important;
    }

    /*
     * Верхняя часть — чтобы флажок визуально начинался
     * от верхней границы строки.
     */
    .mr-legal-acts-root .mr-la-score-flag::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: -16px !important;
        height: 16px !important;
        background: var(--flag-bg) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Нижний хвост флажка.
     */
    .mr-legal-acts-root .mr-la-score-flag::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        bottom: -10px !important;
        transform: translateX(-50%) !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 12px solid transparent !important;
        border-right: 12px solid transparent !important;
        border-top: 10px solid var(--flag-bg) !important;
        box-shadow: none !important;
        filter: none !important;
    }

    /*
     * Убираем всё лишнее внутри флажка.
     */
    .mr-legal-acts-root .mr-la-score-flag-ai,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-icon,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-score-flag-icon,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-flag-ai,
    .mr-legal-acts-root .mr-la-score-flag .mr-la-flag-icon {
        display: none !important;
    }

    /*
     * Только цифра.
     */
    .mr-legal-acts-root .mr-la-score-flag-value {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;

        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        color: var(--flag-text) !important;
        text-align: center !important;
    }

    /*
     * Однородные цвета по уровням.
     */
    .mr-legal-acts-root .mr-la-score-flag[data-level="high"] {
        --flag-bg: #A8D5BA;
        --flag-text: #285948;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="medium"] {
        --flag-bg: #F3D894;
        --flag-text: #7A5B1F;
    }

    .mr-legal-acts-root .mr-la-score-flag[data-level="low"] {
        --flag-bg: #E6A1A1;
        --flag-text: #7A4343;
    }

    /*
     * Если где-то осталась старая декоративная заливка под флажком,
     * жёстко убираем.
     */
    .mr-legal-acts-root .mr-la-score-flag svg,
    .mr-legal-acts-root .mr-la-score-flag img {
        display: none !important;
    }

    /*
     * Чуть лучше прижимаем колонку с флажком вверх.
     */
    .mr-legal-acts-root .mr-la-score-flag,
    .mr-legal-acts-root .mr-la-score,
    .mr-legal-acts-root .mr-la-score-wrap {
        align-self: flex-start !important;
        vertical-align: top !important;
    }




    /* =========================================================
       LEGAL_ACTS_SCORE_FLAG_TRANSPARENT_FIX_V1
       ========================================================= */

    /*
     * Контейнер флажка полностью прозрачный.
     * Никаких фонов и border вокруг SVG.
     */
    .mr-legal-acts-root .mr-la-score-flag {
        --flag-bg: none !important;

        background: none !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;

        box-shadow: none !important;
        filter: none !important;

        padding: 0 !important;
    }

    /*
     * Старые CSS-дорисовки убираем полностью.
     */
    .mr-legal-acts-root .mr-la-score-flag::before,
    .mr-legal-acts-root .mr-la-score-flag::after {
        content: none !important;
        display: none !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Уровни больше НЕ задают background контейнеру.
     * Только цвет самого SVG.
     */
    .mr-legal-acts-root
    .mr-la-score-flag[data-level="low"] {
        --flag-bg: none !important;
        --mr-555-main: #E6A1A1 !important;
        --mr-555-middle: #E6A1A1 !important;
        --mr-555-top: #E6A1A1 !important;
        --mr-555-ink: #7A4343 !important;

        background: none !important;
        border: 0 !important;
    }

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="medium"] {
        --flag-bg: none !important;
        --mr-555-main: #F3D894 !important;
        --mr-555-middle: #F3D894 !important;
        --mr-555-top: #F3D894 !important;
        --mr-555-ink: #755A22 !important;

        background: none !important;
        border: 0 !important;
    }

    .mr-legal-acts-root
    .mr-la-score-flag[data-level="high"] {
        --flag-bg: none !important;
        --mr-555-main: #A8D5BA !important;
        --mr-555-middle: #A8D5BA !important;
        --mr-555-top: #A8D5BA !important;
        --mr-555-ink: #35624C !important;

        background: none !important;
        border: 0 !important;
    }

    /*
     * Возвращаем именно SVG 555.svg.
     */
    .mr-legal-acts-root
    .mr-la-score-flag
    > .mr-la-score-flag-svg {
        display: block !important;

        position: absolute !important;

        left: 0 !important;
        top: -15px !important;

        width: 40px !important;
        height: 73px !important;

        background: none !important;

        border: 0 !important;
        outline: 0 !important;

        box-shadow: none !important;
        filter: none !important;

        overflow: visible !important;
    }

    /*
     * Сам флажок — однородный цвет.
     */
    .mr-legal-acts-root .mr-la-555-main,
    .mr-legal-acts-root .mr-la-555-middle,
    .mr-legal-acts-root .mr-la-555-top {
        display: block !important;

        fill: var(--mr-555-main) !important;

        stroke: none !important;
        filter: none !important;

        opacity: 1 !important;
    }

    /*
     * AI остаётся скрытым.
     */
    .mr-legal-acts-root .mr-la-score-flag-ai {
        display: none !important;
    }

    /*
     * Только рейтинг поверх SVG.
     */
    .mr-legal-acts-root .mr-la-score-flag-content {
        position: absolute !important;
        z-index: 3 !important;

        left: 0 !important;
        top: -15px !important;

        width: 40px !important;
        height: 58px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
    }

    .mr-legal-acts-root .mr-la-score-flag-value {
        margin: 0 !important;
        padding: 0 !important;

        color: var(--mr-555-ink) !important;

        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        text-shadow: none !important;
    }

    .dark .mr-legal-acts-root .mr-la-score-flag,
    .dark .mr-legal-acts-root .mr-la-score-flag-svg {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        filter: none !important;
    }



    /* =========================================================
       LEGAL_ACTS_SCORE_COMPACT_BADGE_V1
       Компактный спокойный рейтинг без флажка
       ========================================================= */

    .mr-legal-acts-root .mr-la-score-badge-wrap {
        width: 48px;
        min-width: 48px;

        display: flex;
        align-items: flex-start;
        justify-content: center;

        padding-top: 1px;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .mr-legal-acts-root .mr-la-score-badge {
        width: 48px;
        height: 48px;

        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        box-sizing: border-box;

        border: 1px solid rgba(0, 121, 107, .17);
        border-radius: 12px;

        background: rgba(0, 121, 107, .06);

        color: #00796B;

        font-size: 14px;
        line-height: 16px;
        font-weight: 650;

        letter-spacing: -.015em;
        font-variant-numeric: tabular-nums;

        box-shadow: none;
        filter: none;

        transition:
            background-color .15s ease,
            border-color .15s ease,
            color .15s ease;
    }

    .mr-legal-acts-root
    .mr-la-score-badge > span {
        display: block;

        margin: 0;
        padding: 0;

        color: inherit;
        line-height: 16px;
    }

    .mr-legal-acts-root .mr-la-score-badge > small {
        font-size: 8px;
        font-weight: 600;
        letter-spacing: .04em;
        line-height: 10px;
        text-transform: uppercase;
        opacity: .65;
    }

    /* ---------------------------------------------------------
       LOW
       --------------------------------------------------------- */

    .mr-legal-acts-root
    .mr-la-score-badge[data-level="low"] {
        background: #F4D2D2;
        border-color: #E7B8B8;
        color: #855050;
    }

    /* ---------------------------------------------------------
       MEDIUM
       --------------------------------------------------------- */

    .mr-legal-acts-root
    .mr-la-score-badge[data-level="medium"] {
        background: #F7E8B8;
        border-color: #EBD99B;
        color: #756126;
    }

    /* ---------------------------------------------------------
       HIGH
       --------------------------------------------------------- */

    .mr-legal-acts-root
    .mr-la-score-badge[data-level="high"] {
        background: #CBE3D5;
        border-color: #B5D6C3;
        color: #3D6955;
    }

    /* ---------------------------------------------------------
       DARK
       --------------------------------------------------------- */

    .dark .mr-legal-acts-root
    .mr-la-score-badge {
        border-color: rgba(94, 234, 212, .17);
        background: rgba(0, 121, 107, .19);
        color: #5eead4;
        box-shadow: none;
        filter: none;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-badge[data-level="low"] {
        background: rgba(230,161,161,.14);
        border-color: rgba(230,161,161,.22);
        color: #D5A0A0;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-badge[data-level="medium"] {
        background: rgba(245,225,164,.13);
        border-color: rgba(245,225,164,.21);
        color: #DFC98A;
    }

    .dark .mr-legal-acts-root
    .mr-la-score-badge[data-level="high"] {
        background: rgba(168,213,186,.14);
        border-color: rgba(168,213,186,.22);
        color: #9DC8AE;
    }

    /* ---------------------------------------------------------
       MOBILE
       --------------------------------------------------------- */

    @media (max-width: 639px) {

        .mr-legal-acts-root
        .mr-la-score-badge-wrap {
            width: 38px;
            min-width: 38px;
        }

        .mr-legal-acts-root
        .mr-la-score-badge {
            width: 38px;
            height: 38px;

            border-radius: 9px;

            font-size: 12px;
        }
    }


    /* =========================================================
       LEGAL_ACTS_LIST_GRID_PARITY_V1
       Геометрия списка как в опубликованных НПА
       ========================================================= */

    .mr-legal-acts-root .mr-la-row {
        min-height: 88px;
        padding: 17px 20px !important;
    }

    .mr-legal-acts-root .mr-la-row-layout {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 28px;
        align-items: start !important;
        gap: 13px !important;
    }

    .mr-legal-acts-root .mr-la-score-badge-wrap {
        padding-top: 0 !important;
    }

    .mr-legal-acts-root .mr-la-row-badges-parity {
        gap: 5px !important;
        margin-bottom: 5px !important;
    }

    .mr-legal-acts-root .mr-la-row-title {
        font-size: 15px !important;
        line-height: 23px !important;
    }

    .mr-legal-acts-root .mr-la-summary-text {
        margin-top: 5px !important;
        color: #71717a !important;
        font-size: 12px !important;
        line-height: 19px !important;
    }

    .mr-legal-acts-root .mr-la-meta {
        gap: 6px 12px !important;
        margin-top: 8px !important;
        font-size: 10px !important;
        line-height: 16px !important;
    }

    .mr-legal-acts-root .mr-legal-chevron {
        width: 24px !important;
        height: 24px !important;
        margin-top: 0 !important;
        border-radius: 7px !important;
    }

    .dark .mr-legal-acts-root .mr-la-summary-text {
        color: #a1a1aa !important;
    }

    @media (max-width: 639px) {
        .mr-legal-acts-root .mr-la-row {
            padding: 17px 16px !important;
        }

        .mr-legal-acts-root .mr-la-row-layout {
            grid-template-columns: 38px minmax(0, 1fr) 20px;
            gap: 10px !important;
        }

        .mr-legal-acts-root .mr-la-row-title {
            font-size: 14px !important;
            line-height: 21px !important;
        }
    }



    /* =========================================================
       LEGAL_ACTS_TOPIC_TAGS_REFINE_V1
       Тематические теги в списке
       ========================================================= */

    .mr-legal-acts-root .mr-la-topic-tag {
        padding: 3px 8px !important;

        border:
            1px solid #e4e4e7 !important;

        border-radius:
            7px !important;

        background:
            #f4f4f5 !important;

        color:
            #52525b !important;

        font-size:
            10px !important;

        line-height:
            14px !important;

        font-weight:
            500 !important;

        box-shadow:
            none !important;

        transition:
            background-color .15s ease,
            border-color .15s ease,
            color .15s ease;
    }

    /*
     * Очень лёгкий hover — только чтобы тег ощущался
     * аккуратнее, без сильного зелёного акцента.
     */
    .mr-legal-acts-root .mr-la-topic-tag:hover {
        border-color:
            #d4d4d8 !important;

        background:
            #eeeeef !important;

        color:
            #3f3f46 !important;
    }

    /* DARK */

    .dark .mr-legal-acts-root .mr-la-topic-tag {
        border-color:
            #3f3f46 !important;

        background:
            #27272a !important;

        color:
            #d4d4d8 !important;
    }

    .dark .mr-legal-acts-root .mr-la-topic-tag:hover {
        border-color:
            #52525b !important;

        background:
            #303034 !important;

        color:
            #f4f4f5 !important;
    }



    /* =========================================================
       LEGAL_ACTS_META_ICONS_BRAND_V2
       ========================================================= */

    /*
     * Календарь публикации и часы срока обсуждения.
     * Текст мета-строки остаётся нейтральным.
     */
    .mr-legal-acts-root
    .mr-la-meta-date > svg,
    .mr-legal-acts-root
    .mr-la-meta-deadline > svg {
        color: #00796B !important;
        opacity: .88 !important;
    }

    /*
     * В dark немного смягчаем акцент,
     * чтобы иконки не светились слишком ярко.
     */
    .dark .mr-legal-acts-root
    .mr-la-meta-date > svg,
    .dark .mr-legal-acts-root
    .mr-la-meta-deadline > svg {
        color: #4DA89E !important;
        opacity: .90 !important;
    }



    /* =========================================================
       LEGAL_ACTS_META_ICONS_BRAND_V3
       Все иконки мета-строки проекта
       ========================================================= */

    /*
     * Разработчик НПА
     * Опубликован
     * Обсуждение до
     */
    .mr-legal-acts-root
    .mr-la-meta-item > svg {
        color: #00796B !important;
        opacity: .86 !important;

        filter: none !important;
    }

    /*
     * SVG используют currentColor,
     * поэтому отдельно перекрашивать path не требуется.
     */
    .mr-legal-acts-root
    .mr-la-meta-item > svg path {
        color: inherit !important;
    }

    /*
     * Dark theme — немного мягче основного акцента.
     */
    .dark .mr-legal-acts-root
    .mr-la-meta-item > svg {
        color: #4DA89E !important;
        opacity: .90 !important;
    }



    /* =========================================================
       LEGAL_ACTS_CHECK_CARDS_ICONS_BRAND_V1
       Иконки в блоках "Что проверить" и "Чего пока не хватает"
       ========================================================= */

    /*
     * Поддерживаем сразу несколько вариантов классов,
     * чтобы патч сработал на текущей версии шаблона.
     */
    .mr-legal-acts-root .mr-la-check-grid .mr-la-check-card-icon,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-card-icon,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-section-icon,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-mini-icon,
    .mr-legal-acts-root .mr-la-check-card .mr-la-check-card-icon,
    .mr-legal-acts-root .mr-la-check-card .mr-la-card-icon,
    .mr-legal-acts-root .mr-la-check-card .mr-la-section-icon,
    .mr-legal-acts-root .mr-la-check-card .mr-la-mini-icon,
    .mr-legal-acts-root .mr-la-question-card .mr-la-check-card-icon,
    .mr-legal-acts-root .mr-la-question-card .mr-la-card-icon,
    .mr-legal-acts-root .mr-la-question-card .mr-la-section-icon,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-check-card-icon,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-card-icon,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-section-icon {
        color: #00796B !important;
        background: rgba(0, 121, 107, 0.08) !important;
        border-color: rgba(0, 121, 107, 0.18) !important;
    }

    .mr-legal-acts-root .mr-la-check-grid .mr-la-check-card-icon svg,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-card-icon svg,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-section-icon svg,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-mini-icon svg,
    .mr-legal-acts-root .mr-la-check-card .mr-la-check-card-icon svg,
    .mr-legal-acts-root .mr-la-check-card .mr-la-card-icon svg,
    .mr-legal-acts-root .mr-la-check-card .mr-la-section-icon svg,
    .mr-legal-acts-root .mr-la-check-card .mr-la-mini-icon svg,
    .mr-legal-acts-root .mr-la-question-card .mr-la-check-card-icon svg,
    .mr-legal-acts-root .mr-la-question-card .mr-la-card-icon svg,
    .mr-legal-acts-root .mr-la-question-card .mr-la-section-icon svg,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-check-card-icon svg,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-card-icon svg,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-section-icon svg {
        color: inherit !important;
        stroke: currentColor !important;
    }

    /*
     * Чуть усиливаем заголовки внутри этих карточек,
     * чтобы блоки выглядели менее блекло.
     */
    .mr-legal-acts-root .mr-la-check-grid .mr-la-check-card-title,
    .mr-legal-acts-root .mr-la-check-grid .mr-la-card-title,
    .mr-legal-acts-root .mr-la-check-card .mr-la-check-card-title,
    .mr-legal-acts-root .mr-la-check-card .mr-la-card-title,
    .mr-legal-acts-root .mr-la-question-card .mr-la-card-title,
    .mr-legal-acts-root .mr-la-gap-card .mr-la-card-title {
        color: #18181b !important;
        font-weight: 700 !important;
    }

    .dark .mr-legal-acts-root .mr-la-check-grid .mr-la-check-card-icon,
    .dark .mr-legal-acts-root .mr-la-check-grid .mr-la-card-icon,
    .dark .mr-legal-acts-root .mr-la-check-grid .mr-la-section-icon,
    .dark .mr-legal-acts-root .mr-la-check-grid .mr-la-mini-icon,
    .dark .mr-legal-acts-root .mr-la-check-card .mr-la-check-card-icon,
    .dark .mr-legal-acts-root .mr-la-check-card .mr-la-card-icon,
    .dark .mr-legal-acts-root .mr-la-check-card .mr-la-section-icon,
    .dark .mr-legal-acts-root .mr-la-check-card .mr-la-mini-icon,
    .dark .mr-legal-acts-root .mr-la-question-card .mr-la-check-card-icon,
    .dark .mr-legal-acts-root .mr-la-question-card .mr-la-card-icon,
    .dark .mr-legal-acts-root .mr-la-question-card .mr-la-section-icon,
    .dark .mr-legal-acts-root .mr-la-gap-card .mr-la-check-card-icon,
    .dark .mr-legal-acts-root .mr-la-gap-card .mr-la-card-icon,
    .dark .mr-legal-acts-root .mr-la-gap-card .mr-la-section-icon {
        color: #5fc2b7 !important;
        background: rgba(0, 121, 107, 0.14) !important;
        border-color: rgba(95, 194, 183, 0.22) !important;
    }

    .dark .mr-legal-acts-root .mr-la-check-grid .mr-la-check-card-title,
    .dark .mr-legal-acts-root .mr-la-check-grid .mr-la-card-title,
    .dark .mr-legal-acts-root .mr-la-check-card .mr-la-check-card-title,
    .dark .mr-legal-acts-root .mr-la-check-card .mr-la-card-title,
    .dark .mr-legal-acts-root .mr-la-question-card .mr-la-card-title,
    .dark .mr-legal-acts-root .mr-la-gap-card .mr-la-card-title {
        color: #f4f4f5 !important;
    }



    /* =========================================================
       LEGAL_ACTS_EDITORIAL_ICONS_EXACT_V1
       Что проверить / Чего пока не хватает
       ========================================================= */

    .mr-legal-acts-root
    .mr-la-editorial-check-icon,
    .mr-legal-acts-root
    .mr-la-editorial-missing-icon {
        color: #00796B !important;

        background:
            rgba(0, 121, 107, .085) !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }

    /*
     * SVG-галочка наследует фирменный цвет.
     */
    .mr-legal-acts-root
    .mr-la-editorial-check-icon svg {
        color: inherit !important;
    }

    .mr-legal-acts-root
    .mr-la-editorial-check-icon svg path {
        fill: currentColor !important;
    }

    /*
     * Знак вопроса.
     */
    .mr-legal-acts-root
    .mr-la-editorial-missing-icon {
        font-weight: 700 !important;
    }


    /* DARK */

    .dark .mr-legal-acts-root
    .mr-la-editorial-check-icon,
    .dark .mr-legal-acts-root
    .mr-la-editorial-missing-icon {
        color: #5FAFA6 !important;

        background:
            rgba(0, 121, 107, .14) !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }


    /* LEGAL_ACTS_EDITORIAL_CHECK_ICON_FINAL_V1 */

    /* LEGAL_ACTS_ORIGINAL_ICON_BRAND_V1 */

    /* LEGAL_ACTS_CONFIDENCE_LABEL_V1 */


    /* =========================================================
       LEGAL_ACTS_INFO_STRIP_BACKGROUND_V1
       Нижняя информационная полоса шапки — как на /news
       ========================================================= */

    .mr-legal-acts-root .mr-la-head-info {
        background: #f4f4f5 !important;

        border-top:
            1px solid #e4e4e7 !important;
    }

    .dark .mr-legal-acts-root .mr-la-head-info {
        background: #111113 !important;

        border-top-color:
            #27272a !important;
    }




    /* =========================================================
       LEGAL_ACTS_DASHBOARD_FOCUS_STYLE_V1
       ========================================================= */

    /*
     * При переходе по #legal-act-ID оставляем
     * небольшой запас сверху под интерфейс страницы.
     */
    .mr-legal-acts-root .mr-legal-act {
        scroll-margin-top: 92px;
    }

    /*
     * Мягко обозначаем НПА, к которому пользователь
     * пришёл непосредственно из dashboard.
     */
    .mr-legal-acts-root
    .mr-legal-act[data-focused="1"] {
        box-shadow:
            inset 3px 0 0 rgba(0, 121, 107, .72);
    }

    .dark .mr-legal-acts-root
    .mr-legal-act[data-focused="1"] {
        box-shadow:
            inset 3px 0 0 rgba(94, 234, 212, .72);
    }




    /*
     * LEGAL_ACTS_PENDING_SCORE_DISPLAY_V1
     * Проект загружен, но AI ещё не успел его оценить.
     */
    .mr-legal-acts-root
    .mr-la-score-badge[data-level="pending"] {
        border-color: #e4e4e7 !important;
        background: #fafafa !important;
        color: #a1a1aa !important;
    }

    .dark
    .mr-legal-acts-root
    .mr-la-score-badge[data-level="pending"] {
        border-color: #3f3f46 !important;
        background: #27272a !important;
        color: #71717a !important;
    }



    /*
     * LEGAL_ACTS_ADMIN_AI_META_V1
     * Админская техническая справка по аналогии с /npa/adopted.
     */
    .mr-legal-acts-root .mr-la-ai-admin-section {
        border: 1px solid #e4e4e7;
        border-radius: 10px;
        padding: 13px;
        background: #fff;
        box-shadow: none;
    }

    .mr-legal-acts-root .mr-la-ai-admin-heading {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #52525b;
        font-size: 11px;
        font-weight: 650;
        line-height: 16px;
    }

    .mr-legal-acts-root .mr-la-ai-admin-heading svg {
        width: 14px;
        height: 14px;
        color: #00796B;
    }

    .mr-legal-acts-root .mr-la-ai-admin-meta {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        margin-top: 11px;
        padding-top: 11px;
        border-top: 1px solid #e4e4e7;
    }

    .mr-legal-acts-root .mr-la-ai-admin-meta-item {
        min-width: 0;
        border-radius: 8px;
        padding: 8px 9px;
        background: #fafafa;
    }

    .mr-legal-acts-root .mr-la-ai-admin-meta-item dt {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #71717a;
        font-size: 9px;
        font-weight: 650;
        line-height: 14px;
        text-transform: uppercase;
        letter-spacing: .035em;
    }

    .mr-legal-acts-root .mr-la-ai-admin-meta-item dt svg {
        width: 12px;
        height: 12px;
        color: #00796B;
    }

    .mr-legal-acts-root .mr-la-ai-admin-meta-item dd {
        margin-top: 4px;
        overflow-wrap: anywhere;
        color: #3f3f46;
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
    }

    .mr-legal-acts-root .mr-la-ai-admin-meta-item dd span {
        display: block;
        color: #a1a1aa;
        font-size: 9px;
        font-weight: 450;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-section {
        border-color: #27272a;
        background: #18181b;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-heading {
        color: #d4d4d8;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-heading svg,
    .dark .mr-legal-acts-root .mr-la-ai-admin-meta-item dt svg {
        color: #5eead4;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-meta {
        border-top-color: #3f3f46;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-meta-item {
        background: #111113;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-meta-item dt,
    .dark .mr-legal-acts-root .mr-la-ai-admin-meta-item dd span {
        color: #71717a;
    }

    .dark .mr-legal-acts-root .mr-la-ai-admin-meta-item dd {
        color: #d4d4d8;
    }

    @media (max-width: 720px) {
        .mr-legal-acts-root .mr-la-ai-admin-meta {
            grid-template-columns: minmax(0, 1fr);
        }
    }


    /* =====================================================
       NPA_PROJECTS_AI_SCORE_FILTER_V2
       Interaction and geometry match Government News
       ===================================================== */

    .mr-la-head-card {
        position: relative;
        z-index: 60;
        overflow: visible !important;
    }

    .mr-la-head-tools {
        grid-template-columns:
            minmax(210px, 1.35fr)
            minmax(150px, .72fr)
            minmax(138px, .72fr);
    }

    .mr-la-ai-filter {
        position: relative;
        min-width: 0;
    }

    .mr-la-ai-trigger {
        display: flex !important;
        width: 100%;
        min-width: 138px;
        align-items: center !important;
        justify-content: flex-start;
        gap: 8px;
        padding-right: 12px;
        padding-left: 12px;
        cursor: pointer;
    }

    .mr-la-ai-trigger-star {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        color: #a1a1aa;
    }

    .mr-la-ai-trigger-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mr-la-ai-trigger-active {
        color: #00796B !important;
        box-shadow:
            inset 0 0 0 1px
            rgba(0, 121, 107, .28);
    }

    .mr-la-ai-trigger-active
    .mr-la-ai-trigger-star {
        color: #00796B;
    }

    .mr-la-ai-count {
        display: inline-flex;
        min-width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        padding: 0 5px;
        border-radius: 999px;
        background: #e4e4e7;
        color: #52525b;
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        font-variant-numeric: tabular-nums;
    }

    .mr-la-ai-chevron {
        width: 13px;
        margin-left: auto;
        height: 13px;
        flex: 0 0 13px;
        color: #a1a1aa;
    }

    .mr-la-ai-popup {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 90;
        width: 20rem;
        max-width: min(
            20rem,
            calc(100vw - 48px)
        );
        margin-top: 6px;
        overflow: hidden;
        border: 1px solid #e4e4e7;
        border-radius: 10px;
        background: #ffffff;
        box-shadow:
            0 12px 28px
                rgba(24, 24, 27, .12),
            0 2px 7px
                rgba(24, 24, 27, .06);
    }

    .mr-la-ai-popup-header {
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 8px 14px;
        border-bottom: 1px solid #e4e4e7;
    }

    .mr-la-ai-popup-title {
        color: #18181b;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

    .mr-la-ai-popup-subtitle {
        margin-top: 1px;
        color: #a1a1aa;
        font-size: 10px;
        line-height: 14px;
    }

    .mr-la-ai-popup-action {
        flex: 0 0 auto;
        border: 0;
        background: transparent;
        padding: 4px 0;
        color: #00796B;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        cursor: pointer;
    }

    .mr-la-ai-popup-action:hover {
        text-decoration: underline;
    }

    .mr-la-ai-options {
        padding: 6px;
    }

    .mr-la-ai-display-toggle {
        display: flex;
        min-height: 42px;
        align-items: center;
        gap: 8px;
        margin-bottom: 4px;
        padding: 6px 8px 9px;
        border-bottom: 1px solid #f4f4f5;
        cursor: pointer;
        user-select: none;
    }

    .mr-la-ai-option {
        display: grid;
        grid-template-columns:
            17px
            9px
            42px
            minmax(0, 1fr);
        min-height: 38px;
        align-items: center;
        gap: 8px;
        padding: 5px 8px;
        border-radius: 7px;
        cursor: pointer;
        user-select: none;
    }

    .mr-la-ai-option:hover,
    .mr-la-ai-display-toggle:hover {
        background:
            rgba(0, 121, 107, .055);
    }

    .mr-la-ai-check {
        display: inline-flex;
        width: 16px;
        height: 16px;
        align-items: center;
        justify-content: center;
        border: 1px solid #d4d4d8;
        border-radius: 4px;
        background: #ffffff;
        color: transparent;
    }

    .mr-la-ai-check-active {
        border-color: #00796B;
        background: #00796B;
        color: #ffffff;
    }

    .mr-la-ai-check svg {
        width: 11px;
        height: 11px;
    }

    .mr-la-ai-tone {
        width: 8px;
        height: 8px;
        border-radius: 3px;
    }

    .mr-la-ai-tone--low {
        background: #FF4D4D;
    }

    .mr-la-ai-tone--weak {
        background: #FFA64D;
    }

    .mr-la-ai-tone--work {
        background: #FFD633;
    }

    .mr-la-ai-tone--strong {
        background: #99FF33;
    }

    .mr-la-ai-tone--top {
        background: #33CC66;
    }

    .mr-la-ai-range {
        color: #3f3f46;
        font-size: 11px;
        font-weight: 650;
        line-height: 16px;
        white-space: nowrap;
    }

    .mr-la-ai-label {
        min-width: 0;
        overflow: hidden;
        color: #71717a;
        font-size: 11px;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mr-la-ai-display-copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    .mr-la-ai-display-title {
        color: #3f3f46;
        font-size: 11px;
        font-weight: 650;
        line-height: 15px;
    }

    .mr-la-ai-display-hint {
        margin-top: 1px;
        color: #a1a1aa;
        font-size: 9px;
        line-height: 13px;
    }

    .mr-la-ai-popup-footer {
        padding: 7px 14px;
        border-top: 1px solid #e4e4e7;
        background: #fafafa;
        color: #a1a1aa;
        font-size: 9px;
        line-height: 14px;
    }

    .dark .mr-la-ai-trigger-active {
        color: #5eead4 !important;
        box-shadow:
            inset 0 0 0 1px
            rgba(45, 212, 191, .28);
    }

    .dark .mr-la-ai-trigger-active
    .mr-la-ai-trigger-star {
        color: #5eead4;
    }

    .dark .mr-la-ai-count {
        background: #3f3f46;
        color: #d4d4d8;
    }

    .dark .mr-la-ai-popup {
        border-color: #3f3f46;
        background: #18181b;
        box-shadow:
            0 14px 34px
            rgba(0, 0, 0, .28);
    }

    .dark .mr-la-ai-popup-header {
        border-bottom-color: #27272a;
    }

    .dark .mr-la-ai-popup-title,
    .dark .mr-la-ai-display-title,
    .dark .mr-la-ai-range {
        color: #e4e4e7;
    }

    .dark .mr-la-ai-popup-subtitle,
    .dark .mr-la-ai-display-hint,
    .dark .mr-la-ai-label {
        color: #a1a1aa;
    }

    .dark .mr-la-ai-display-toggle {
        border-bottom-color: #27272a;
    }

    .dark .mr-la-ai-option:hover,
    .dark .mr-la-ai-display-toggle:hover {
        background: #27272a;
    }

    .dark .mr-la-ai-check {
        border-color: #52525b;
        background: #18181b;
    }

    .dark .mr-la-ai-check-active {
        border-color: #00796B;
        background: #00796B;
        color: #ffffff;
    }

    .dark .mr-la-ai-popup-footer {
        border-top-color: #27272a;
        background: #111113;
    }

    @media (max-width: 900px) {
        .mr-la-head-tools {
            grid-template-columns:
                minmax(0, 1fr)
                minmax(0, 1fr);
        }

        .mr-la-head-search {
            grid-column: 1 / -1;
        }
    }

    @media (max-width: 639px) {
        .mr-la-head-tools {
            grid-template-columns:
                minmax(0, 1fr);
        }

        .mr-la-head-search {
            grid-column: auto;
        }

        .mr-la-ai-popup {
            right: 0;
            width:
                min(
                    20rem,
                    calc(100vw - 28px)
                );
            max-width:
                calc(100vw - 28px);
        }

        .mr-la-ai-option {
            min-height: 42px;
        }
    }