@import '_content/MessageEditor/MessageEditor.ko1wopg60y.bundle.scp.css';

/* /Components/CompactDateEditor.razor.rz.scp.css */
.soup-date-editor[b-3whdcmbgt5] {
    width: 100%;
    min-width: 9.6rem;
    margin-left: -0.0rem;
    margin-right: -0.0rem;
    justify-self: stretch;
    align-self: center;
}

.soup-date-editor__button[b-3whdcmbgt5] {
    width: 100%;
    min-width: 0;
    height: 23px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.35rem 0 0.4rem;
    border: 1px solid rgba(24, 55, 77, 0.16);
    border-radius: 1px;
    background: #fff;
    color: #243744;
    font: inherit;
    text-align: left;
}

.soup-date-editor__button--empty[b-3whdcmbgt5] {
    color: #7c8993;
    font-style: italic;
}

.soup-date-editor__text[b-3whdcmbgt5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-date-editor__glyph[b-3whdcmbgt5] {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #465f70;
}

.soup-date-editor__overlay[b-3whdcmbgt5] {
    position: fixed;
    inset: 0;
    z-index: 28;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.soup-date-editor__popup[b-3whdcmbgt5] {
    position: fixed;
    z-index: 29;
    width: 15.75rem;
    padding: 0.24rem;
    background: #fff;
    border: 1px solid #c8d0d7;
    border-radius: 1px;
    box-shadow: 0 0.85rem 1.7rem rgba(13, 37, 54, 0.22);
    color: #2d3f4d;
    outline: none;
}

.soup-date-editor__month-bar[b-3whdcmbgt5] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr) 1.8rem;
    align-items: center;
    background: #edf1f4;
    border-bottom: 1px solid #d6dde4;
}

.soup-date-editor__month-label[b-3whdcmbgt5] {
    text-align: center;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0.45rem 0.3rem;
    color: #314554;
}

.soup-date-editor__month-nav[b-3whdcmbgt5] {
    border: none;
    background: transparent;
    color: #425867;
    font: inherit;
    height: 100%;
    padding: 0;
}

.soup-date-editor__month-nav:hover[b-3whdcmbgt5],
.soup-date-editor__month-nav:focus-visible[b-3whdcmbgt5] {
    background: rgba(32, 154, 220, 0.12);
    outline: none;
}

.soup-date-editor__day-headings[b-3whdcmbgt5],
.soup-date-editor__calendar-grid[b-3whdcmbgt5] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.soup-date-editor__day-headings[b-3whdcmbgt5] {
    padding: 0.45rem 0.3rem 0.2rem;
    color: #314554;
    font-weight: 700;
    font-size: 0.87rem;
    text-align: center;
}

.soup-date-editor__calendar-grid[b-3whdcmbgt5] {
    padding: 0.1rem 0.28rem 0.32rem;
    gap: 0.08rem;
}

.soup-date-editor__day[b-3whdcmbgt5] {
    min-width: 0;
    height: 1.95rem;
    border: 1px solid transparent;
    background: transparent;
    color: #4e6270;
    font: inherit;
    padding: 0;
}

.soup-date-editor__day.is-outside-month[b-3whdcmbgt5] {
    color: #9aa8b3;
}

.soup-date-editor__day.is-today[b-3whdcmbgt5] {
    border-color: rgba(0, 122, 204, 0.26);
}

.soup-date-editor__day.is-selected[b-3whdcmbgt5] {
    background: #dceefb;
    border-color: #40aafc;
    color: #365060;
}

.soup-date-editor__day:hover[b-3whdcmbgt5],
.soup-date-editor__day:focus-visible[b-3whdcmbgt5] {
    background: rgba(64, 170, 252, 0.12);
    outline: none;
}

.soup-date-editor__time-bar[b-3whdcmbgt5] {
    display: grid;
    grid-template-columns: 3.2rem auto 3.2rem auto 3.2rem 3.5rem;
    gap: 0.18rem;
    align-items: center;
    justify-content: end;
    padding: 0.38rem 0.08rem 0.05rem;
    border-top: 1px solid #d6dde4;
}

.soup-date-editor__time-input[b-3whdcmbgt5],
.soup-date-editor__time-meridiem[b-3whdcmbgt5] {
    min-width: 0;
    height: 1.9rem;
    border: 1px solid #c6cfd6;
    background: #fff;
    color: #2d3f4d;
    text-align: center;
    font: inherit;
    border-radius: 1px;
}

.soup-date-editor__time-input[b-3whdcmbgt5] {
    width: 100%;
    padding: 0 0.15rem;
}

.soup-date-editor__time-separator[b-3whdcmbgt5] {
    color: #546978;
    font-weight: 700;
}
/* /Components/Hl7CompareDialog.razor.rz.scp.css */
.soup-compare-dialog[b-peu3w38ho3] {
    position: fixed;
    top: max(0.75rem, 1.5vh);
    left: 50%;
    transform: translateX(-50%);
    width: min(118rem, calc(100vw - 1rem));
    height: min(74rem, calc(100vh - 1rem));
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #f6f8fb;
    border: 1px solid #8ea4b8;
    box-shadow: 0 1.2rem 2.8rem rgba(22, 42, 58, 0.28);
    z-index: 17;
    color: #20323f;
    box-sizing: border-box;
    overflow: hidden;
}

.soup-compare-dialog__header[b-peu3w38ho3] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.soup-compare-dialog__header h2[b-peu3w38ho3] {
    margin: 0;
}

.soup-compare-dialog__header h2[b-peu3w38ho3] {
    color: #183b50;
    font-size: 1.08rem;
}

.soup-compare-dialog__close[b-peu3w38ho3] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9cb2c1;
    background: #fff;
    color: #365063;
    border-radius: 0.2rem;
    padding: 0;
}

.soup-compare-dialog__close:hover[b-peu3w38ho3],
.soup-compare-dialog__close:focus-visible[b-peu3w38ho3] {
    background: #e7eef4;
    outline: none;
}

.soup-close-glyph[b-peu3w38ho3] {
    width: 1rem;
    height: 1rem;
}

.soup-close-glyph path[b-peu3w38ho3] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.soup-compare-dialog__status[b-peu3w38ho3] {
    padding: 0.6rem 0.75rem;
    border: 1px solid #e3c6c6;
    background: #fff5f5;
    color: #992e2e;
}

.soup-compare-dialog__hover[b-peu3w38ho3] {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.22rem;
    padding: 0.55rem 0.82rem;
    background: #19384b;
    color: #f6fbff;
    min-height: 4rem;
    max-height: 4rem;
    align-content: stretch;
}

.soup-compare-dialog__hover-top[b-peu3w38ho3],
.soup-compare-dialog__hover-path[b-peu3w38ho3],
.soup-compare-dialog__hover-description[b-peu3w38ho3],
.soup-compare-dialog__hover-compare[b-peu3w38ho3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

.soup-compare-dialog__hover-top[b-peu3w38ho3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.soup-compare-dialog__hover-path[b-peu3w38ho3] {
    flex: 0 1 auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.8rem;
    color: #8ad7ff;
}

.soup-compare-dialog__hover-description[b-peu3w38ho3] {
    flex: 1 1 auto;
    font-size: 0.78rem;
    font-weight: 700;
    color: #f6fbff;
}

.soup-compare-dialog__hover-compare[b-peu3w38ho3] {
    display: flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    border-radius: 0.18rem;
    font-size: 0.76rem;
    color: #10212d;
    background: rgba(236, 243, 248, 0.88);
}

.soup-compare-dialog__hover-compare--same[b-peu3w38ho3] {
    background: #d8f2d7;
    color: #123b18;
}

.soup-compare-dialog__hover-compare--different[b-peu3w38ho3] {
    background: #ffdcdc;
    color: #5d1e1e;
}

.soup-compare-dialog__hover-compare--neutral[b-peu3w38ho3] {
    background: #e6edf2;
    color: #233744;
}

.soup-compare-dialog__body[b-peu3w38ho3] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(0, 3fr);
    gap: 0.85rem;
    align-items: stretch;
    min-width: 0;
    overflow: hidden;
}

.soup-compare-dialog__differences[b-peu3w38ho3],
.soup-compare-dialog__editor-shell[b-peu3w38ho3] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    border: 1px solid #ccd7e0;
    background: #fff;
    overflow: hidden;
}

.soup-compare-dialog__panel-heading[b-peu3w38ho3] {
    padding: 0.55rem 0.72rem;
    border-bottom: 1px solid #e4ebf0;
    background: #f3f6f8;
    color: #405868;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.soup-compare-dialog__difference-list[b-peu3w38ho3] {
    min-height: 0;
    overflow: auto;
    display: grid;
    grid-auto-rows: max-content;
}

.soup-compare-dialog__difference-row[b-peu3w38ho3] {
    border: none;
    border-bottom: 1px solid #edf2f5;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    padding: 0.42rem 0.72rem;
    display: grid;
    grid-template-rows: auto auto;
    gap: 0.08rem;
}

.soup-compare-dialog__difference-row:hover[b-peu3w38ho3],
.soup-compare-dialog__difference-row:focus-visible[b-peu3w38ho3] {
    background: #f5f9fc;
    outline: none;
}

.soup-compare-dialog__difference-row.is-selected[b-peu3w38ho3] {
    background: #e9f3fb;
}

.soup-compare-dialog__difference-row.is-changed[b-peu3w38ho3] {
    box-shadow: inset 3px 0 0 #0d8add;
}

.soup-compare-dialog__difference-row.is-missing-current[b-peu3w38ho3] {
    box-shadow: inset 3px 0 0 #cf9d46;
}

.soup-compare-dialog__difference-row.is-missing-compared[b-peu3w38ho3] {
    box-shadow: inset 3px 0 0 #7e92a4;
}

.soup-compare-dialog__difference-meta[b-peu3w38ho3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.soup-compare-dialog__difference-path[b-peu3w38ho3] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
    color: #18415a;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-compare-dialog__difference-kind[b-peu3w38ho3] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6a8291;
    flex: 0 0 auto;
}

.soup-compare-dialog__difference-summary[b-peu3w38ho3] {
    color: #4b6575;
    font-size: 0.74rem;
    color: #587183;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-compare-dialog__editor-shell[b-peu3w38ho3] {
    min-width: 0;
    overflow: hidden;
}

.soup-compare-dialog__editor[b-peu3w38ho3] {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.soup-compare-dialog__editor[b-peu3w38ho3]  .monaco-editor-container,
.soup-compare-dialog__editor[b-peu3w38ho3]  .monaco-diff-editor {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.soup-compare-dialog__empty[b-peu3w38ho3] {
    padding: 1rem;
    color: #5e7686;
    overflow: auto;
}

.soup-compare-dialog__empty--editor[b-peu3w38ho3] {
    display: grid;
    place-items: center;
    text-align: center;
}

.soup-compare-dialog[b-peu3w38ho3]  .soup-compare-decoration--changed {
    background: rgba(120, 196, 245, 0.32);
    border-radius: 0.15rem;
}

.soup-compare-dialog[b-peu3w38ho3]  .soup-compare-decoration--missing-current {
    background: rgba(244, 189, 108, 0.34);
    border-radius: 0.15rem;
}

.soup-compare-dialog[b-peu3w38ho3]  .soup-compare-decoration--missing-compared {
    background: rgba(196, 206, 219, 0.42);
    border-radius: 0.15rem;
}

@media (max-width: 980px) {
    .soup-compare-dialog[b-peu3w38ho3] {
        top: 0.8rem;
        width: calc(100vw - 1rem);
        height: calc(100vh - 1.6rem);
        padding: 0.8rem;
    }

    .soup-compare-dialog__body[b-peu3w38ho3] {
        grid-template-columns: 1fr;
    }

}
/* /Layout/MainLayout.razor.rz.scp.css */
.soup-layout-root[b-cdk7hz99x5] {
    height: 100%;
}
/* /Pages/Home.razor.rz.scp.css */
.hl7-soup-page[b-7jxkj52pmm] {
    --soup-left-width: 66%;
    --soup-main-top-height: 56%;
    --soup-left-bottom-height: 33%;
    --soup-story-height: 27%;
    --soup-right-stats-height: 27%;
    --soup-right-stats-collapsed-height: 3.15rem;
    height: 100%;
    display: grid;
    grid-template-rows: 2.28rem 2.34rem minmax(0, 1fr);
    background: #d8d8d8;
    color: #20323f;
    position: relative;
    overflow: visible;
}

.hl7-soup-page.is-file-drop-active[b-7jxkj52pmm]::after {
    content: "Drop .hl7 or .txt files to open";
    position: absolute;
    inset: 0;
    z-index: 28;
    display: grid;
    place-items: center;
    background: rgba(243, 249, 255, 0.88);
    box-shadow: inset 0 0 0 3px rgba(10, 130, 209, 0.42);
    color: #0f537c;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    pointer-events: none;
}

.soup-loading-state[b-7jxkj52pmm] {
    height: 100%;
    display: grid;
    place-items: center;
    gap: 0.85rem;
    text-align: center;
    background: linear-gradient(180deg, #0784d2 0 7rem, #e7e7e7 7rem 100%);
    color: #163447;
}

.soup-loading-state h1[b-7jxkj52pmm],
.soup-section-header h1[b-7jxkj52pmm] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 400;
}

.soup-loading-state p[b-7jxkj52pmm] {
    margin: 0;
    max-width: 32rem;
}

.soup-loading-state__detail[b-7jxkj52pmm] {
    color: #365468;
}

.soup-loading-state__badge[b-7jxkj52pmm] {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 999px;
    background: #0a82d1;
    color: #fff;
    display: grid;
    place-items: center;
    align-content: center;
    border: 4px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 0.65rem 1.3rem rgba(12, 54, 83, 0.22);
    font-size: 0.9rem;
    line-height: 1;
}

.soup-loading-state__badge span[b-7jxkj52pmm] {
    display: block;
}

.soup-logo[b-7jxkj52pmm] {
    width: 3.25rem;
    height: 3.25rem;
    display: block;
    object-fit: contain;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 8;
}

.soup-titlebar[b-7jxkj52pmm] {
    background: #0a82d1;
    color: #fff;
    display: flex;
    align-items: center;
    min-height: 2.28rem;
    padding: 0 0.75rem 0 0.65rem;
    overflow: visible;
    position: relative;
    z-index: 5;
}

.soup-titlebar__left[b-7jxkj52pmm] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.42rem;
    overflow: visible;
    padding-left: 3.95rem;
    z-index: 1;
}

.soup-titlebar__menu[b-7jxkj52pmm] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    overflow: visible;
    scrollbar-width: none;
}

.soup-titlebar__menu[b-7jxkj52pmm]::-webkit-scrollbar {
    display: none;
}

.soup-titlebar__menu-toggle[b-7jxkj52pmm] {
    display: none;
    min-height: 1.45rem;
    padding: 0 0.36rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 0.42rem;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.96);
    font: inherit;
    white-space: nowrap;
}

.soup-titlebar__action[b-7jxkj52pmm] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.45rem;
    padding: 0 0.28rem;
    border: 1px solid transparent;
    border-radius: 0.42rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.96);
    font: inherit;
    white-space: nowrap;
    flex: 0 0 auto;
}

.soup-titlebar__action:hover[b-7jxkj52pmm],
.soup-titlebar__action.is-open[b-7jxkj52pmm],
.soup-titlebar__action:focus-visible[b-7jxkj52pmm] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.18);
    outline: none;
}

.soup-titlebar__action:disabled[b-7jxkj52pmm] {
    opacity: 0.88;
}

.soup-titlebar__title[b-7jxkj52pmm] {
    position: absolute;
    left: 50%;
    top: 1.14rem;
    transform: translate(-50%, -50%);
    width: min(40rem, calc(100vw - 9rem));
    text-align: center;
    font-size: 0.86rem;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.hl7-soup-page.is-file-drop-active[b-7jxkj52pmm]  .suggest-widget,
.hl7-soup-page.is-file-drop-active[b-7jxkj52pmm]  .editor-widget {
    display: none !important;
}

.soup-titlebar__dropdown[b-7jxkj52pmm] {
    position: relative;
    flex: 0 0 auto;
}

.soup-titlebar__dropdown-menu[b-7jxkj52pmm] {
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 0;
    min-width: 14rem;
    display: grid;
    padding: 0.2rem;
    background: #f3f3f3;
    border: 1px solid #8da0ad;
    box-shadow: 0 0.8rem 1.6rem rgba(12, 38, 56, 0.22);
    z-index: 12;
}

.soup-titlebar__dropdown-item[b-7jxkj52pmm] {
    border: none;
    background: transparent;
    color: #20323f;
    font: inherit;
    text-align: left;
    padding: 0.32rem 0.52rem;
    white-space: nowrap;
}

.soup-titlebar__dropdown-item:hover[b-7jxkj52pmm],
.soup-titlebar__dropdown-item:focus-visible[b-7jxkj52pmm] {
    background: #e5edf2;
    outline: none;
}

.soup-titlebar__dropdown-separator[b-7jxkj52pmm] {
    height: 1px;
    margin: 0.15rem 0.2rem;
    background: #ccd8e0;
}

.soup-toolbar[b-7jxkj52pmm] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 0.45rem 0;
    background: #fff;
    border-bottom: 1px solid #cacaca;
}

.soup-toolbar__left[b-7jxkj52pmm] {
    min-width: 0;
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding-left: 2.75rem;
    flex: 0 1 auto;
}

.soup-document-tabs[b-7jxkj52pmm] {
    display: flex;
    align-items: flex-end;
    gap: 0.22rem;
    min-width: 0;
    overflow: hidden;
    flex: 1 1 auto;
}

.soup-document-tab[b-7jxkj52pmm] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    align-self: flex-end;
    background: #e9f0c5;
    border: 2px solid #b4c65e;
    border-bottom-color: #8db100;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.25rem 0.25rem 0 0;
}

.soup-document-tab.is-active[b-7jxkj52pmm] {
    background: #eff5c9;
    border-color: #9dc100;
}

.soup-document-tab__select[b-7jxkj52pmm],
.soup-document-tab__close[b-7jxkj52pmm],
.soup-document-add[b-7jxkj52pmm],
.soup-workspace-tab[b-7jxkj52pmm],
.soup-tab-icon[b-7jxkj52pmm],
.soup-round-button[b-7jxkj52pmm],
.soup-chip-button[b-7jxkj52pmm],
.soup-segment-picker[b-7jxkj52pmm],
.soup-transfer-button[b-7jxkj52pmm],
.soup-segment-picker-option[b-7jxkj52pmm],
.soup-message-card__select[b-7jxkj52pmm],
.soup-message-card__close-button[b-7jxkj52pmm],
.soup-story-link[b-7jxkj52pmm] {
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
}

.soup-document-tab__select[b-7jxkj52pmm] {
    min-width: 0;
    padding: 0.18rem 0.6rem 0.15rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-document-tab__dirty[b-7jxkj52pmm] {
    margin-left: 0.45rem;
    color: #6a7c1f;
    font-weight: 700;
}

.soup-document-tab__close[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.18rem 0.5rem 0.15rem 0.06rem;
    color: #2a2f35;
}

.soup-document-add[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    height: 1.55rem;
    padding: 0;
    color: #444;
    align-self: center;
}

.soup-document-add__glyph[b-7jxkj52pmm] {
    display: block;
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

.soup-document-add__glyph path[b-7jxkj52pmm] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.soup-close-glyph[b-7jxkj52pmm] {
    display: block;
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
}

.soup-close-glyph path[b-7jxkj52pmm] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.soup-toolbar-actions[b-7jxkj52pmm] {
    display: flex;
    gap: 0.35rem;
    flex: 0 0 auto;
}

.soup-toolbar-action[b-7jxkj52pmm] {
    position: relative;
    background: #d7d7d7;
    border: 1px solid #9d9d9d;
    border-bottom-color: #8c8c8c;
    padding: 0.48rem 0.8rem;
    min-width: 4.3rem;
    text-align: center;
    font: inherit;
    color: inherit;
}

.soup-toolbar-action--file[b-7jxkj52pmm] {
    overflow: hidden;
    cursor: pointer;
}

[b-7jxkj52pmm] .soup-file-input {
    position: fixed;
    left: -10000px;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    opacity: 0;
}

.soup-searchbox[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    background: #fff;
    border: 1px solid #c9c9c9;
    padding: 0 0.06rem 0 0.04rem;
    gap: 0.14rem;
    max-width: 18rem;
    width: 15rem;
    justify-self: end;
}

.soup-search-shell[b-7jxkj52pmm] {
    position: relative;
    align-self: center;
    flex: 0 0 auto;
    width: clamp(18.6rem, 37vw, 32.1rem);
    margin-left: auto;
}

.soup-searchbox input[b-7jxkj52pmm] {
    border: none;
    outline: none;
    padding: 0.08rem 0.2rem 0.07rem;
    background: transparent;
    min-width: 0;
    font-size: 0.92rem;
    font-style: italic;
    color: #5f6d79;
}

.soup-searchbox__clear[b-7jxkj52pmm] {
    width: 1.18rem;
    height: 1.18rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #64727c;
    padding: 0;
}

.soup-searchbox__clear:hover[b-7jxkj52pmm],
.soup-searchbox__clear:focus-visible[b-7jxkj52pmm] {
    color: #2f3a42;
    outline: none;
}

.soup-searchbox__clear .soup-close-glyph[b-7jxkj52pmm] {
    width: 9px;
    height: 9px;
}

.soup-searchbox__icon[b-7jxkj52pmm] {
    width: 1.18rem;
    height: 1.18rem;
    position: relative;
}

.soup-searchbox__icon[b-7jxkj52pmm]::before,
.soup-searchbox__icon[b-7jxkj52pmm]::after {
    content: "";
    position: absolute;
}

.soup-searchbox__icon[b-7jxkj52pmm]::before {
    width: 0.44rem;
    height: 0.44rem;
    border: 2px solid #0a82d1;
    border-radius: 999px;
    top: 0.18rem;
    left: 0.18rem;
}

.soup-searchbox__icon[b-7jxkj52pmm]::after {
    width: 0.34rem;
    height: 2px;
    background: #0a82d1;
    transform: rotate(45deg);
    right: 0.13rem;
    bottom: 0.24rem;
}

.soup-search-popup[b-7jxkj52pmm] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    z-index: 20;
    width: min(32rem, 80vw);
    max-height: min(36rem, 70vh);
    overflow: auto;
    border: 1px solid #8ea5bf;
    box-shadow: 0 12px 24px rgba(27, 39, 53, 0.2);
    background: #f3f6fa;
}

.soup-search-section[b-7jxkj52pmm] {
    display: grid;
}

.soup-search-section--path[b-7jxkj52pmm] {
    background: #005aac;
    color: #fff;
}

.soup-search-section--message[b-7jxkj52pmm] {
    background: #cdb53d;
    color: #fff;
}

.soup-search-section__heading[b-7jxkj52pmm] {
    padding: 0.75rem 0.9rem 0.55rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: underline;
}

.soup-search-path-details[b-7jxkj52pmm] {
    display: grid;
    gap: 0.45rem;
    padding: 0 0.9rem 0.9rem;
}

.soup-search-path-details div[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: 6.6rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.soup-search-subheading[b-7jxkj52pmm] {
    padding: 0 0.9rem 0.6rem;
    font-size: 0.98rem;
    font-weight: 600;
}

.soup-search-result-list[b-7jxkj52pmm] {
    display: grid;
    gap: 0.2rem;
    padding: 0 0.65rem 0.65rem;
}

.soup-search-result[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: 6.1rem minmax(0, 9rem) minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    text-align: left;
    margin: 0;
    padding: 0.55rem 0.65rem;
    border-radius: 0.4rem;
    color: inherit;
}

.soup-search-result--path[b-7jxkj52pmm] {
    background: #209adc;
}

.soup-search-result--message[b-7jxkj52pmm] {
    background: #8d780f;
}

.soup-search-result:hover[b-7jxkj52pmm],
.soup-search-result:focus-visible[b-7jxkj52pmm] {
    outline: none;
    filter: brightness(1.06);
}

.soup-search-result__path[b-7jxkj52pmm],
.soup-search-result__description[b-7jxkj52pmm],
.soup-search-result__snippet[b-7jxkj52pmm] {
    min-width: 0;
}

.soup-search-result__path[b-7jxkj52pmm] {
    font-weight: 600;
}

.soup-search-result__description[b-7jxkj52pmm],
.soup-search-result__snippet[b-7jxkj52pmm] {
    overflow-wrap: anywhere;
}

.soup-search-result__snippet[b-7jxkj52pmm] {
    line-height: 1.3;
}

.soup-search-result__snippet-before[b-7jxkj52pmm],
.soup-search-result__snippet-after[b-7jxkj52pmm] {
    font-weight: 300;
    opacity: 0.9;
}

.soup-search-result__snippet-match[b-7jxkj52pmm] {
    font-weight: 800;
}

.soup-main-workspace[b-7jxkj52pmm] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(19rem, var(--soup-left-width)) 5px minmax(15rem, 1fr);
}

.soup-left-pane[b-7jxkj52pmm],
.soup-right-pane[b-7jxkj52pmm] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.soup-left-pane[b-7jxkj52pmm] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) 5px minmax(8rem, var(--soup-left-bottom-height));

}

.soup-left-workspace[b-7jxkj52pmm] {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(4.5rem, var(--soup-story-height)) 5px minmax(8rem, 1fr);
    overflow: hidden;
}

.soup-right-pane[b-7jxkj52pmm] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.soup-section-header[b-7jxkj52pmm],
.soup-story-panel[b-7jxkj52pmm],
.soup-editor-panel[b-7jxkj52pmm],
.soup-message-workspace[b-7jxkj52pmm],
.soup-segment-panel[b-7jxkj52pmm],
.soup-statistics-panel[b-7jxkj52pmm] {
    background: #d2d2d2;
    min-height: 0;
    overflow: hidden;
}

.soup-section-header[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.85rem 0.4rem;
    background: #d2d2d2;
}

.soup-section-header--title[b-7jxkj52pmm] {
    justify-content: space-between;
    gap: 1rem;
}

.soup-section-header--title.is-empty[b-7jxkj52pmm] {
    justify-content: flex-start;
}

.soup-panel-strip[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0rem 0rem 0.35rem .35rem;
    
    font-size: 0.95rem;
}

.soup-panel-strip--segment[b-7jxkj52pmm] {
    position: relative;
    z-index: 2;
    padding: 0.23rem 0.23rem;
}

.soup-story-panel[b-7jxkj52pmm] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    align-content: stretch;
    min-height: 0;
    padding: 0.0rem 0.0rem 0.0rem 0.38rem;
    box-sizing: border-box;
    background: #d2d2d2 !important;
}

.soup-statistics-panel[b-7jxkj52pmm] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    min-height: 0;
}

.soup-statistics-panel > .soup-panel-strip[b-7jxkj52pmm] {
    align-self: start;
    min-height: 0;
    line-height: 1.2;
}

.soup-story-content[b-7jxkj52pmm],
.soup-placeholder-body[b-7jxkj52pmm] {
    height: auto;
    min-height: 0;
    padding: 0.34rem 0.9rem 0.8rem 0.34rem;
    background: #ffffff;
    line-height: 1.5;
    overflow: auto;
    box-sizing: border-box;
}

.soup-story-content[b-7jxkj52pmm] {
    color: #6f7e88;
    white-space: pre-wrap;
    word-break: break-word;
    margin-left: 0;
}

.soup-story-empty[b-7jxkj52pmm] {
    color: #7a95a9;
}

.soup-story-line[b-7jxkj52pmm] {
    display: block;
    min-height: 1.35rem;
}

.soup-story-line__link[b-7jxkj52pmm] {
    width: 100%;
    display: block;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    font: inherit;
    color: inherit;
}

.soup-story-line--blank[b-7jxkj52pmm] {
    min-height: 0.72rem;
    line-height: 0.72rem;
}

.soup-story-line__spacer[b-7jxkj52pmm] {
    visibility: hidden;
}

.soup-story-line--blank .soup-story-line__spacer[b-7jxkj52pmm] {
    display: block;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.72rem;
}

.soup-story-token[b-7jxkj52pmm],
.soup-story-link[b-7jxkj52pmm] {
    white-space: pre-wrap;
    vertical-align: baseline;
}

.soup-story-token--header[b-7jxkj52pmm] {
    color: #6f7e88;
    
}

.soup-story-link.soup-story-token--header[b-7jxkj52pmm] {
    color: #0b79bf;
    font-size: 1.22rem;
}

.soup-story-token--body[b-7jxkj52pmm],
.soup-story-token--plain[b-7jxkj52pmm] {
    color: #6f7e88;
}

.soup-story-link.soup-story-token--body[b-7jxkj52pmm],
.soup-story-link.soup-story-token--plain[b-7jxkj52pmm] {
    color: #0b79bf;
}

.soup-story-token--validation[b-7jxkj52pmm] {
    color: #ef2323;
}

.soup-story-link.soup-story-token--validation[b-7jxkj52pmm] {
    color: #ef2323;
}

.soup-story-link[b-7jxkj52pmm] {
    padding: 0;
    text-decoration: none;
}

.soup-story-link:hover[b-7jxkj52pmm] {
    color: currentColor;
}

.soup-story-link.soup-story-token--validation:hover[b-7jxkj52pmm] {
    color: currentColor;
}

.soup-story-link.is-hovered[b-7jxkj52pmm],
.soup-story-line__link.is-hovered[b-7jxkj52pmm] {
    color: currentColor;
    text-decoration: underline;
    text-underline-offset: 0.16rem;
}

.soup-editor-panel[b-7jxkj52pmm] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    padding: 0 0 0 0.38rem;
    background: #d2d2d2 !important;
}

.soup-create-message-button[b-7jxkj52pmm] {
    flex: 0 0 auto;
    min-height: 2.05rem;
    padding: 0.26rem 0.95rem;
    border: 1px solid #0a82d1;
    border-radius: 0.4rem;
    background: #0a82d1;
    color: #fff;
    font: inherit;
    font-size: 0.98rem;
    box-shadow: 0 0.16rem 0 rgba(15, 78, 118, 0.18);
}

.soup-create-message-button:hover[b-7jxkj52pmm],
.soup-create-message-button:focus-visible[b-7jxkj52pmm] {
    background: #0872b8;
    outline: none;
}

.soup-editor-shell[b-7jxkj52pmm] {
    height: 100%;
    min-height: 0;
    background: #fff;
    overflow: hidden;
    margin-left: 0;
}

.soup-editor-shell[b-7jxkj52pmm]  .monaco-editor-container {
    height: 100%;
}

.soup-editor-shell[b-7jxkj52pmm]  .soup-editor-search-hit {
    background: rgba(246, 227, 102, 0.45);
    border-radius: 0.15rem;
}

.soup-editor-shell[b-7jxkj52pmm]  .soup-editor-search-hit--active {
    background: rgba(255, 170, 0, 0.72);
    border-radius: 0.15rem;
}

.soup-splitter[b-7jxkj52pmm] {
    background: #e2e2e2 !important;
    border: none;
    box-shadow: none;
    position: relative;
    z-index: 3;
    touch-action: none;
}

.soup-splitter--vertical[b-7jxkj52pmm] {
    background: #d2d2d2 !important;
    cursor: col-resize;
    min-width: 5px;
}

.soup-splitter--horizontal[b-7jxkj52pmm] {
    background: #d2d2d2 !important;
    cursor: row-resize;
    min-height: 5px;
}

.soup-splitter[b-7jxkj52pmm]::after {
    display: none;
}

.soup-message-workspace[b-7jxkj52pmm] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
    padding-left: 0.38rem;
    box-sizing: border-box;
    background: #d2d2d2 !important;
}

.soup-workspace-tabs[b-7jxkj52pmm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem;
    padding: 0 0.35rem 0.35rem 0;
    align-items: center;
    align-content: flex-start;
    position: relative;
}

.soup-workspace-tab[b-7jxkj52pmm],
.soup-tab-icon[b-7jxkj52pmm] {
    background: #d7d7d7;
    border: 1px solid #9d9d9d;
    border-bottom-color: #8c8c8c;
    padding: 0.24rem 0.8rem 0.22rem;
    min-width: 2.45rem;
    white-space: nowrap;
}

.soup-workspace-tab--active[b-7jxkj52pmm] {
    background: #fff;
}

.soup-workspace-tab--messages[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    padding-right: 0.34rem;
    cursor: pointer;
}

.soup-workspace-tab__text[b-7jxkj52pmm] {
    white-space: nowrap;
}

.soup-workspace-tab__actions[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
}

.soup-workspace-tab__action[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.28rem;
    min-height: 1.28rem;
    padding: 0.08rem 0.12rem;
    border: none;
    background: transparent;
    color: inherit;
}

.soup-workspace-tab__action:hover[b-7jxkj52pmm],
.soup-workspace-tab__action:focus-visible[b-7jxkj52pmm],
.soup-workspace-tab__action.is-open[b-7jxkj52pmm] {
    background: #f0f5f8;
    outline: none;
}

.soup-tab-icon[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.75rem;
}

.soup-tab-icon.is-open[b-7jxkj52pmm],
.soup-tab-icon:hover[b-7jxkj52pmm],
.soup-tab-icon:focus-visible[b-7jxkj52pmm] {
    background: #f0f5f8;
    outline: none;
}

.soup-tab-icon__glyph[b-7jxkj52pmm] {
    display: block;
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
}

.soup-tab-icon__glyph path[b-7jxkj52pmm] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.soup-tab-icon__image[b-7jxkj52pmm] {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    image-rendering: -webkit-optimize-contrast;
}

.soup-filter-menu-anchor[b-7jxkj52pmm] {
    position: relative;
    display: inline-flex;
}

.soup-filter-menu[b-7jxkj52pmm] {
    position: absolute;
    top: calc(100% + 0.16rem);
    left: 0;
    min-width: 11.75rem;
    display: grid;
    padding: 0.18rem;
    background: #f5f5f5;
    border: 1px solid #9eafb9;
    box-shadow: 0 0.75rem 1.5rem rgba(20, 43, 58, 0.18);
    z-index: 8;
}

.soup-filter-menu__item[b-7jxkj52pmm] {
    border: none;
    background: transparent;
    color: #20323f;
    font: inherit;
    text-align: left;
    white-space: nowrap;
    padding: 0.34rem 0.48rem;
}

.soup-filter-menu__item:hover[b-7jxkj52pmm],
.soup-filter-menu__item:focus-visible[b-7jxkj52pmm] {
    background: #e8eef3;
    outline: none;
}

.soup-filter-chip[b-7jxkj52pmm] {
    --soup-filter-chip-background: rgba(48, 170, 252, 0.34);
    --soup-filter-chip-border: #007acc;
    --soup-filter-chip-foreground: #103c56;
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.04rem;
    min-height: 1.64rem;
    padding: 0.02rem 0.24rem 0.02rem 0.34rem;
    background: var(--soup-filter-chip-background);
    border: 1px solid var(--soup-filter-chip-border);
    border-radius: 0.6rem;
    color: var(--soup-filter-chip-foreground);
    flex: 0 1 auto;
}

.soup-filter-chip.is-invalid[b-7jxkj52pmm] {
    --soup-filter-chip-background: rgba(244, 125, 125, 0.24);
    --soup-filter-chip-border: #e03535;
    --soup-filter-chip-foreground: #8f1d1d;
}

.soup-filter-chip__label[b-7jxkj52pmm] {
    white-space: nowrap;
    font-size: 0.8rem;
}

.soup-filter-chip__input[b-7jxkj52pmm],
.soup-filter-chip__select[b-7jxkj52pmm] {
    min-width: 0;
    height: 1.32rem;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1.1;
}

.soup-filter-chip__input[b-7jxkj52pmm] {
    padding: 0 0.08rem;
}

.soup-filter-chip__input--path[b-7jxkj52pmm] {
    min-width: 4.8ch;
}

.soup-filter-chip__input--value[b-7jxkj52pmm] {
    min-width: 2.5ch;
}

.soup-filter-chip__select[b-7jxkj52pmm] {
    width: auto;
    flex: 0 0 auto;
    padding: 0 0.02rem;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    text-indent: 0;
}

.soup-filter-chip__select--narrow[b-7jxkj52pmm] {
    padding-right: 0;
}

.soup-filter-chip__select--comparer[b-7jxkj52pmm] {
    padding-right: 0;
    field-sizing: content;
}

.soup-filter-chip__select[b-7jxkj52pmm]::-ms-expand {
    display: none;
}

.soup-filter-chip__input:focus[b-7jxkj52pmm],
.soup-filter-chip__select:focus[b-7jxkj52pmm] {
    outline: none;
    background: rgba(255, 255, 255, 0.26);
    border-radius: 0.22rem;
}

.soup-filter-chip__date[b-7jxkj52pmm] {
    min-width: 0;
    flex: 0 1 auto;
}

.soup-path-picker[b-7jxkj52pmm] {
    position: relative;
    min-width: 0;
    display: inline-flex;
}

.soup-path-suggestion-popup[b-7jxkj52pmm] {
    position: absolute;
    top: calc(100% + 0.18rem);
    left: 0;
    min-width: min(34rem, max(16rem, 42vw));
    max-width: min(40rem, calc(100vw - 1.4rem));
    max-height: min(18rem, 48vh);
    overflow: auto;
    display: grid;
    gap: 0;
    padding: 0.18rem;
    background: #f5f8fb;
    border: 1px solid #8ea5bf;
    box-shadow: 0 0.95rem 1.9rem rgba(27, 39, 53, 0.22);
    z-index: 11;
}

.soup-path-suggestion-popup--manager[b-7jxkj52pmm] {
    min-width: 100%;
}

.soup-path-suggestion-popup__item[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: minmax(7.5rem, auto) minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    border: none;
    background: transparent;
    color: #20323f;
    font: inherit;
    text-align: left;
    padding: 0.34rem 0.44rem;
}

.soup-path-suggestion-popup__item:hover[b-7jxkj52pmm],
.soup-path-suggestion-popup__item:focus-visible[b-7jxkj52pmm] {
    background: #e7eef4;
    outline: none;
}

.soup-path-suggestion-popup__path[b-7jxkj52pmm] {
    font-family: Consolas, "Courier New", monospace;
    color: #0b5f91;
    white-space: nowrap;
}

.soup-path-suggestion-popup__description[b-7jxkj52pmm] {
    min-width: 0;
    color: #4e6778;
    text-align: left;
}

.soup-filter-chip__delete[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.32rem;
    padding: 0 0.02rem 0 0.08rem;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    flex: 0 0 auto;
}

.soup-filter-chip__delete:hover[b-7jxkj52pmm],
.soup-filter-chip__delete:focus-visible[b-7jxkj52pmm] {
    background: transparent;
    opacity: 0.78;
    outline: none;
}

.soup-filter-chip__date[b-7jxkj52pmm]  .soup-date-editor {
    min-width: 5.2ch;
    width: auto;
}

.soup-filter-chip__date[b-7jxkj52pmm]  .soup-date-editor__button {
    min-width: 5.2ch;
    height: 1.32rem;
    padding-inline: 0.08rem;
    border: none;
    background: transparent;
    color: inherit;
}

.soup-message-list[b-7jxkj52pmm] {
    min-height: 0;
    height: 100%;
    overflow: auto;
    padding: 0 0.35rem 0.65rem 0;
    display: block;
    box-sizing: border-box;
}

.soup-message-list__empty[b-7jxkj52pmm] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #c7c7c7;
    color: #617785;
}

.soup-message-list__notice[b-7jxkj52pmm] {
    padding: 0.8rem 0.9rem;
    background: #fff7d8;
    border: 1px solid #e7d48a;
    color: #6d5a20;
}

.soup-message-list__progress[b-7jxkj52pmm] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
    padding: 0.8rem 0.9rem;
    background: #ffffff;
    border: 1px solid #bfd2df;
    color: #365268;
}

.soup-message-list__progress-header[b-7jxkj52pmm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.soup-message-list__progress-copy[b-7jxkj52pmm] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.soup-message-list__progress-title[b-7jxkj52pmm] {
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #47637a;
}

.soup-message-list__progress-detail[b-7jxkj52pmm] {
    font-size: 0.95rem;
    color: #587185;
}

.soup-message-list__progress-cancel[b-7jxkj52pmm] {
    flex: 0 0 auto;
}

.soup-message-list__progress-bar.soup-loading-progress[b-7jxkj52pmm] {
    width: 100%;
}

.soup-loading-progress[b-7jxkj52pmm] {
    width: min(24rem, 80vw);
    height: 0.9rem;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(22, 52, 71, 0.16);
    border-radius: 999px;
    overflow: hidden;
}

.soup-loading-progress__fill[b-7jxkj52pmm] {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #9dc100, #0a82d1);
    transition: width 120ms linear;
}

.soup-loading-progress.is-indeterminate .soup-loading-progress__fill[b-7jxkj52pmm] {
    width: 42%;
    animation: soup-loading-progress-slide-b-7jxkj52pmm 1.1s ease-in-out infinite;
}

@keyframes soup-loading-progress-slide-b-7jxkj52pmm {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(260%);
    }
}

.soup-message-card[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.18rem;
    width: 100%;
    margin-bottom: 0.26rem;
    border-radius: 0.55rem;
    padding: 0.06rem;
    border: 1px solid transparent;
}

.soup-message-card__select[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: auto minmax(6.6rem, 11rem) minmax(6.2rem, 8.7rem) minmax(0, 1fr);
    gap: 0.35rem;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 0.16rem 0.32rem;
}

.soup-message-card.is-valid[b-7jxkj52pmm] {
    background: #9cc6e7;
    border-color: #0d8add;
}

.soup-message-card.is-invalid[b-7jxkj52pmm] {
    background: #e6a5a5;
    border-color: #ed3b3b;
}

.soup-message-card.is-active[b-7jxkj52pmm] {
    background: #dce7b8;
    border-color: #9dc100;
}

.soup-message-card.is-active.is-invalid[b-7jxkj52pmm] {
    background: #d3bd75;
    border-color: #ff9900;
}

.soup-message-card__id[b-7jxkj52pmm],
.soup-message-card__date[b-7jxkj52pmm],
.soup-message-card__type[b-7jxkj52pmm] {
    white-space: nowrap;
}

.soup-message-card__id[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    height: 1.25rem;
    padding: 0 0.38rem;
    border-radius: 0.72rem;
    background: #fff;
    color: #465f70;
    border: 1px solid rgba(56, 86, 107, 0.34);
    font-size: 0.74rem;
    font-weight: 600;
}

.soup-message-card__title[b-7jxkj52pmm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-message-card__close-button[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    justify-self: end;
    line-height: 1;
    padding: 0.14rem 0.34rem;
    color: rgba(255, 255, 255, 0.95);
}

.soup-message-menu[b-7jxkj52pmm] {
    position: fixed;
    left: min(var(--menu-x, 0.5rem), calc(100vw - 0.5rem - min(24rem, calc(100vw - 1rem))));
    top: min(var(--menu-y, 0.5rem), calc(100vh - 0.5rem - min(24rem, calc(100vh - 1rem))));
    min-width: 18.2rem;
    max-width: min(24rem, calc(100vw - 1rem));
    max-height: min(24rem, calc(100vh - 1rem));
    display: grid;
    padding: 0.18rem 0;
    background: #f6f9fc;
    border: 1px solid #8ea5bf;
    box-shadow: 0 0.95rem 1.9rem rgba(27, 39, 53, 0.28);
    z-index: 18;
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
}

.soup-message-menu__item[b-7jxkj52pmm] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    border: none;
    background: transparent;
    color: #142f42;
    text-align: left;
    font: inherit;
    padding: 0.52rem 0.86rem;
}

.soup-message-menu__item:hover[b-7jxkj52pmm],
.soup-message-menu__item:focus-visible[b-7jxkj52pmm] {
    background: #e7eef4;
    outline: none;
}

.soup-message-menu__item--checked[b-7jxkj52pmm] {
    padding-left: 1.95rem;
}

.soup-message-menu__item--checked[b-7jxkj52pmm]::before {
    content: "✓";
    position: absolute;
    left: 0.82rem;
    color: #0a82d1;
    font-weight: 700;
}

.soup-message-menu__separator[b-7jxkj52pmm] {
    height: 1px;
    margin: 0.14rem 0;
    background: #d8e1e8;
}

.soup-message-menu__section[b-7jxkj52pmm] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5c7485;
    padding: 0.28rem 0.86rem 0.08rem;
}

.soup-transfer-bar[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 0.34rem;
    background: #d2d2d2;
}

.soup-transfer-bar--client[b-7jxkj52pmm] {
    grid-template-columns: repeat(2, minmax(0, 10rem));
    justify-content: start;
}

.soup-transfer-group[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    gap: 0.2rem;
}

.soup-transfer-button[b-7jxkj52pmm],
.soup-transfer-group select[b-7jxkj52pmm] {
    background: #0a82d1;
    color: #fff;
    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    min-height: 34px;
    padding: 0.12rem 0.48rem;
    font-family: "Segoe UI", sans-serif;
    font-size: 0.92rem;
    line-height: 1.1;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.soup-transfer-button--play[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
}

.soup-transfer-button--gear[b-7jxkj52pmm] {
    min-width: 28px;
}

.soup-transfer-group select[b-7jxkj52pmm] {
    min-width: 0;
}

.soup-transfer-button__glyph[b-7jxkj52pmm] {
    display: block;
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
}

.soup-transfer-button__glyph path[b-7jxkj52pmm] {
    fill: currentColor;
}

.soup-transfer-button__image[b-7jxkj52pmm] {
    display: block;
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    image-rendering: -webkit-optimize-contrast;
}

.soup-transfer-button:hover[b-7jxkj52pmm],
.soup-transfer-button:focus-visible[b-7jxkj52pmm],
.soup-transfer-group select:hover[b-7jxkj52pmm],
.soup-transfer-group select:focus-visible[b-7jxkj52pmm] {
    background: #98bf16;
    border-color: rgba(255, 255, 255, 0.94);
    outline: none;
}

.soup-transfer-button:disabled[b-7jxkj52pmm],
.soup-transfer-group select:disabled[b-7jxkj52pmm],
.soup-workspace-tab:disabled[b-7jxkj52pmm],
.soup-tab-icon:disabled[b-7jxkj52pmm],
.soup-chip-button:disabled[b-7jxkj52pmm] {
    opacity: 1;
    filter: saturate(0.92);
    cursor: default;
}

.soup-segment-panel[b-7jxkj52pmm] {
    position: relative;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    flex: 1 1 auto;
    overflow: hidden;
}

.soup-segment-nav[b-7jxkj52pmm] {
    display: flex;
    gap: 0.35rem;
}

.soup-round-button[b-7jxkj52pmm] {
    width: 20px;
    height: 20px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #0a82d1;
    color: #fff;
    border: 2.5px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 1px rgba(13, 77, 117, 0.18);
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.soup-round-button__glyph[b-7jxkj52pmm] {
    display: block;
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
}

.soup-round-button__glyph path[b-7jxkj52pmm] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.soup-round-button:hover:not(:disabled)[b-7jxkj52pmm],
.soup-round-button:focus-visible:not(:disabled)[b-7jxkj52pmm] {
    background: #98bf16;
    border-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0 0 1px rgba(112, 143, 17, 0.28);
    outline: none;
}

.soup-segment-picker[b-7jxkj52pmm] {
    margin-right: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 1.1rem;
}

.soup-segment-picker__glyph[b-7jxkj52pmm] {
    flex: 0 0 auto;
}

.soup-chip-button[b-7jxkj52pmm] {
    background: #0a82d1;
    color: #fff;
    border: 4px solid rgba(255, 255, 255, 0.9);
    border-radius: 0.55rem;
    padding: 0.15rem 0.3rem;
    line-height: 1.1;
    white-space: nowrap;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.soup-hide-empty-button__compact[b-7jxkj52pmm] {
    display: none;
}

.soup-chip-button.is-active[b-7jxkj52pmm] {
    background: #0770b5;
}

.soup-chip-button:hover:not(:disabled)[b-7jxkj52pmm],
.soup-chip-button:focus-visible:not(:disabled)[b-7jxkj52pmm] {
    background: #98bf16;
    border-color: rgba(255, 255, 255, 0.94);
    outline: none;
}

.soup-segment-picker-popup[b-7jxkj52pmm] {
    position: absolute;
    top: 3.3rem;
    left: 4.75rem;
    right: 0.9rem;
    max-height: 18rem;
    overflow: auto;
    background: #fff;
    border: 1px solid #8eb4ca;
    box-shadow: 0 1rem 2rem rgba(18, 54, 77, 0.2);
    z-index: 5;
}

.soup-segment-picker-option[b-7jxkj52pmm] {
    width: 100%;
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr);
    gap: 0.75rem;
    text-align: left;
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid #eef2f5;
    background: #fff;
}

.soup-segment-picker-option.is-active[b-7jxkj52pmm] {
    background: #eef6c9;
}

.soup-segment-picker-option__code[b-7jxkj52pmm] {
    color: #0a82d1;
    font-weight: 600;
}

.soup-field-rule-tray[b-7jxkj52pmm] {
    display: grid;
    gap: 0.22rem;
    padding: 0 0.35rem 0.3rem 0;
}

.soup-field-rule-tray__header[b-7jxkj52pmm] {
    font-size: 0.82rem;
    color: #547286;
    padding: 0 0.12rem;
}

.soup-field-rule-tray__body[b-7jxkj52pmm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.22rem;
    align-items: center;
}

.soup-field-rule-chip[b-7jxkj52pmm] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    min-height: 1.65rem;
    padding: 0.08rem 0.18rem 0.08rem 0.34rem;
    border-radius: 999px;
    background: rgba(73, 101, 120, 0.12);
    border: 1px solid rgba(63, 89, 107, 0.26);
    color: #294355;
}

.soup-field-rule-chip.is-red[b-7jxkj52pmm] {
    background: rgba(224, 53, 53, 0.12);
    border-color: rgba(224, 53, 53, 0.42);
    color: #8f1d1d;
}

.soup-field-rule-chip.is-blue[b-7jxkj52pmm] {
    background: rgba(10, 130, 209, 0.12);
    border-color: rgba(10, 130, 209, 0.34);
    color: #0c537d;
}

.soup-field-rule-chip.is-green[b-7jxkj52pmm] {
    background: rgba(126, 165, 33, 0.14);
    border-color: rgba(126, 165, 33, 0.38);
    color: #4f6a12;
}

.soup-field-rule-chip.is-orange[b-7jxkj52pmm] {
    background: rgba(224, 137, 39, 0.12);
    border-color: rgba(224, 137, 39, 0.36);
    color: #9a5b11;
}

.soup-field-rule-chip__label[b-7jxkj52pmm],
.soup-field-rule-chip__text[b-7jxkj52pmm] {
    white-space: nowrap;
    font-size: 0.8rem;
}

.soup-field-rule-chip__input[b-7jxkj52pmm] {
    min-width: 5ch;
    border: none;
    background: rgba(255, 255, 255, 0.72);
    border-radius: 0.34rem;
    color: inherit;
    font: inherit;
    padding: 0.08rem 0.32rem;
    height: 1.32rem;
}

.soup-field-rule-chip__input:focus[b-7jxkj52pmm] {
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(10, 130, 209, 0.34);
}

.soup-field-rule-chip__delete[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: inherit;
    padding: 0.04rem;
}

.soup-field-rule-chip__delete:hover[b-7jxkj52pmm],
.soup-field-rule-chip__delete:focus-visible[b-7jxkj52pmm] {
    opacity: 0.76;
    outline: none;
}

.soup-field-menu[b-7jxkj52pmm] {
    position: fixed;
    left: min(var(--menu-x, 0.5rem), calc(100vw - 0.5rem - min(23rem, calc(100vw - 1rem))));
    top: min(var(--menu-y, 0.5rem), calc(100vh - 0.5rem - min(38rem, calc(100vh - 1rem))));
    min-width: 12.6rem;
    max-width: min(23rem, calc(100vw - 1rem));
    display: grid;
    gap: 0.08rem;
    padding: 0.32rem;
    background: #f3f6f9;
    border: 1px solid #8ea5bf;
    box-shadow: 0 0.95rem 1.9rem rgba(27, 39, 53, 0.28);
    z-index: 18;
    max-height: min(38rem, calc(100vh - 1rem));
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
}

.soup-field-menu__path[b-7jxkj52pmm] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #17394e;
    padding: 0.14rem 0.28rem 0;
}

.soup-field-menu__description[b-7jxkj52pmm] {
    font-size: 0.78rem;
    color: #5c7485;
    padding: 0 0.28rem 0.18rem;
}

.soup-field-menu__section[b-7jxkj52pmm] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5c7485;
    padding: 0.28rem 0.28rem 0.08rem;
}

.soup-field-menu__section-toggle[b-7jxkj52pmm],
.soup-field-menu__details[b-7jxkj52pmm],
.soup-field-menu__subdetails[b-7jxkj52pmm] {
    display: grid;
    gap: 0.08rem;
}

.soup-field-menu__section-toggle[b-7jxkj52pmm],
.soup-field-menu__details-summary[b-7jxkj52pmm],
.soup-field-menu__subdetails > summary[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border: none;
    list-style: none;
    cursor: pointer;
    color: #1d3445;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.32rem 0.42rem;
    user-select: none;
}

.soup-field-menu__section-toggle[b-7jxkj52pmm] {
    width: 100%;
    background: transparent;
    text-align: left;
}

.soup-field-menu__section-toggle[b-7jxkj52pmm]::after,
.soup-field-menu__details-summary[b-7jxkj52pmm]::after,
.soup-field-menu__subdetails > summary[b-7jxkj52pmm]::after {
    content: ">>>";
    color: #61798a;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    flex: 0 0 auto;
}

.soup-field-menu__details-summary[b-7jxkj52pmm]::-webkit-details-marker,
.soup-field-menu__subdetails > summary[b-7jxkj52pmm]::-webkit-details-marker {
    display: none;
}

.soup-field-menu__section-toggle:hover[b-7jxkj52pmm],
.soup-field-menu__section-toggle:focus-visible[b-7jxkj52pmm],
.soup-field-menu__details[open] > .soup-field-menu__details-summary[b-7jxkj52pmm],
.soup-field-menu__subdetails[open] > summary[b-7jxkj52pmm] {
    background: #e7eef4;
}

.soup-field-menu__section-toggle:focus-visible[b-7jxkj52pmm] {
    outline: none;
}

.soup-field-menu__section-toggle.is-expanded[b-7jxkj52pmm]::after,
.soup-field-menu__details[open] > .soup-field-menu__details-summary[b-7jxkj52pmm]::after,
.soup-field-menu__subdetails[open] > summary[b-7jxkj52pmm]::after {
    content: "<<<";
}

.soup-field-menu__section-toggle.is-expanded[b-7jxkj52pmm] {
    background: #e7eef4;
}

.soup-field-menu__details-body[b-7jxkj52pmm] {
    display: grid;
    gap: 0.08rem;
    padding-bottom: 0.18rem;
}

.soup-field-menu__group-label[b-7jxkj52pmm] {
    font-size: 0.72rem;
    color: #6a7f90;
    padding: 0.1rem 0.42rem 0;
}

.soup-field-menu__item[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: none;
    background: transparent;
    text-align: left;
    color: #20323f;
    font: inherit;
    padding: 0.36rem 0.42rem;
}

.soup-field-menu__item--path[b-7jxkj52pmm] {
    align-items: flex-start;
}

.soup-field-menu__item--muted[b-7jxkj52pmm] {
    color: #6f8392;
    padding: 0.36rem 0.42rem;
}

.soup-field-menu__check[b-7jxkj52pmm] {
    width: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: transparent;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
}

.soup-field-menu__item.is-checked .soup-field-menu__check[b-7jxkj52pmm]::before {
    content: "✓";
    color: #0a82d1;
}

.soup-field-menu__item:hover[b-7jxkj52pmm],
.soup-field-menu__item:focus-visible[b-7jxkj52pmm] {
    background: #e7eef4;
    outline: none;
}

.soup-field-menu__color-word[b-7jxkj52pmm] {
    font-weight: 700;
}

.soup-field-menu__color-word.is-blue[b-7jxkj52pmm] {
    color: #0d5f9c;
}

.soup-field-menu__color-word.is-green[b-7jxkj52pmm] {
    color: #2b7a3d;
}

.soup-field-menu__color-word.is-orange[b-7jxkj52pmm] {
    color: #bf6a10;
}

.soup-field-menu__color-word.is-red[b-7jxkj52pmm] {
    color: #b43333;
}

.soup-field-rule-manager[b-7jxkj52pmm] {
    position: fixed;
    top: max(3.8rem, 5vh);
    left: 50%;
    transform: translateX(-50%);
    width: min(62rem, calc(100vw - 1.6rem));
    max-height: calc(100vh - max(4.8rem, 7vh));
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1rem;
    background: #f6f9fc;
    border: 1px solid #91a7bb;
    box-shadow: 0 1.1rem 2.4rem rgba(27, 39, 53, 0.28);
    z-index: 17;
    box-sizing: border-box;
}

.soup-workspace-placeholder[b-7jxkj52pmm] {
    display: grid;
    align-content: start;
    gap: 0.5rem;
}

.soup-workspace-placeholder h2[b-7jxkj52pmm],
.soup-workspace-placeholder p[b-7jxkj52pmm] {
    margin: 0;
}

.soup-workspace-placeholder h2[b-7jxkj52pmm] {
    color: #1f3c52;
    font-size: 1.1rem;
    font-weight: 600;
}

.soup-workspace-placeholder p[b-7jxkj52pmm] {
    max-width: 40rem;
    color: #4f6674;
}

.soup-field-rule-manager__header[b-7jxkj52pmm] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.soup-field-rule-manager__header h2[b-7jxkj52pmm],
.soup-field-rule-manager__header p[b-7jxkj52pmm] {
    margin: 0;
}

.soup-field-rule-manager__header h2[b-7jxkj52pmm] {
    color: #183b50;
    font-size: 1.02rem;
}

.soup-field-rule-manager__header p[b-7jxkj52pmm] {
    color: #5f7787;
    font-size: 0.84rem;
    margin-top: 0.18rem;
}

.soup-field-rule-manager__close[b-7jxkj52pmm] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #5d7385;
    padding: 0;
}

.soup-field-rule-manager__close:hover[b-7jxkj52pmm],
.soup-field-rule-manager__close:focus-visible[b-7jxkj52pmm] {
    background: #e7eef4;
    outline: none;
}

.soup-field-rule-manager__add[b-7jxkj52pmm] {
    display: grid;
    gap: 0.45rem;
    padding: 0.8rem;
    background: #edf3f8;
    border: 1px solid #d1dde7;
    border-radius: 0.55rem;
}

.soup-field-rule-manager__add-row[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(12rem, 0.7fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.soup-field-rule-manager__field[b-7jxkj52pmm] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.soup-field-rule-manager__field span[b-7jxkj52pmm] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #557286;
}

.soup-field-rule-manager__field input[b-7jxkj52pmm],
.soup-field-rule-manager__field select[b-7jxkj52pmm] {
    width: 100%;
    min-height: 2rem;
    border: 1px solid #a9bfce;
    background: #fff;
    color: #20323f;
    padding: 0.3rem 0.45rem;
    font: inherit;
    box-sizing: border-box;
}

.soup-field-rule-manager__field input:focus[b-7jxkj52pmm],
.soup-field-rule-manager__field select:focus[b-7jxkj52pmm] {
    outline: none;
    border-color: #0a82d1;
    box-shadow: 0 0 0 1px rgba(10, 130, 209, 0.18);
}

.soup-field-rule-manager__actions[b-7jxkj52pmm] {
    display: flex;
    align-items: end;
    gap: 0.45rem;
}

.soup-field-rule-manager__validation[b-7jxkj52pmm] {
    color: #b22424;
    font-size: 0.82rem;
}

.soup-field-rule-manager__toolbar[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.soup-field-rule-manager__count[b-7jxkj52pmm] {
    margin-left: auto;
    color: #587183;
    font-size: 0.82rem;
}

.soup-field-rule-manager__list[b-7jxkj52pmm] {
    min-height: 0;
    overflow: auto;
    border: 1px solid #d5dfe7;
    border-radius: 0.55rem;
    background: #fff;
}

.soup-field-rule-manager__row[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: auto minmax(8.5rem, 11rem) auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #edf2f5;
    cursor: pointer;
}

.soup-field-rule-manager__row:last-child[b-7jxkj52pmm] {
    border-bottom: none;
}

.soup-field-rule-manager__row:hover[b-7jxkj52pmm] {
    background: #f5f9fc;
}

.soup-field-rule-manager__row.is-selected[b-7jxkj52pmm] {
    background: #eef6fb;
}

.soup-field-rule-manager__row input[type="checkbox"][b-7jxkj52pmm] {
    margin: 0;
}

.soup-field-rule-manager__path[b-7jxkj52pmm] {
    min-width: 0;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.84rem;
    color: #1b3c51;
}

.soup-field-rule-manager__rule-chip[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    min-height: 1.4rem;
    padding: 0.1rem 0.45rem;
    border: 1px solid #8ea5bf;
    border-radius: 999px;
    background: rgba(156, 198, 231, 0.22);
    color: #234153;
    white-space: nowrap;
}

.soup-field-rule-manager__rule-chip.is-red[b-7jxkj52pmm] {
    background: rgba(230, 165, 165, 0.2);
    border-color: #e04b4b;
}

.soup-field-rule-manager__rule-chip.is-blue[b-7jxkj52pmm] {
    background: rgba(156, 198, 231, 0.28);
    border-color: #0d8add;
}

.soup-field-rule-manager__rule-chip.is-green[b-7jxkj52pmm] {
    background: rgba(220, 231, 184, 0.4);
    border-color: #9dc100;
}

.soup-field-rule-manager__rule-chip.is-orange[b-7jxkj52pmm] {
    background: rgba(211, 189, 117, 0.34);
    border-color: #ff9900;
}

.soup-field-rule-manager__text[b-7jxkj52pmm] {
    min-width: 0;
    color: #324653;
}

.soup-field-rule-manager__empty[b-7jxkj52pmm] {
    padding: 1rem;
    color: #5e7686;
}

.soup-transfer-dialog[b-7jxkj52pmm] {
    position: fixed;
    top: max(4.2rem, 8vh);
    left: 50%;
    transform: translateX(-50%);
    width: min(32rem, calc(100vw - 1.4rem));
    display: grid;
    gap: 0.7rem;
    padding: 1rem 1.05rem;
    background: #f6f9fc;
    border: 1px solid #91a7bb;
    box-shadow: 0 1.1rem 2.4rem rgba(27, 39, 53, 0.28);
    z-index: 17;
    box-sizing: border-box;
}

.soup-transfer-dialog p[b-7jxkj52pmm],
.soup-transfer-dialog h2[b-7jxkj52pmm] {
    margin: 0;
}

.soup-transfer-dialog__header[b-7jxkj52pmm] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.soup-transfer-dialog__header h2[b-7jxkj52pmm] {
    color: #183b50;
    font-size: 1.02rem;
}

.soup-transfer-dialog__close[b-7jxkj52pmm] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #5d7385;
    padding: 0;
}

.soup-transfer-dialog__close:hover[b-7jxkj52pmm],
.soup-transfer-dialog__close:focus-visible[b-7jxkj52pmm] {
    background: #e7eef4;
    outline: none;
}

.soup-part-grid[b-7jxkj52pmm] {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    background: #f5f5f5;
    overflow: hidden;
    margin-right: 0.35rem;
    box-sizing: border-box;
}

.soup-part-grid__body[b-7jxkj52pmm] {
    min-height: 0;
    height: 100%;
    overflow: auto;
    display: grid;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 5px;
    padding: 5px 5px 6px;
    background: #f5f5f5;
}

.soup-part-row[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: 60px minmax(5rem, 0.64fr) minmax(9.6rem, 2.05fr);
    gap: 0.8rem;
    align-items: center;
    text-align: left;
    height: auto;
    min-height: 40px;
    padding: 0.16rem 0.6rem 0.16rem 0.45rem;
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
    transition: box-shadow 120ms ease, background-color 120ms ease;
}

.soup-part-row--field[b-7jxkj52pmm] {
    background: #007acc;
}

.soup-part-row--component[b-7jxkj52pmm] {
    background: #209adc;
}

.soup-part-row--subcomponent[b-7jxkj52pmm] {
    background: #40aafc;
}

.soup-part-row--base[b-7jxkj52pmm] {
    background: #4f7387;
}

.soup-part-row.is-selected[b-7jxkj52pmm] {
    background: #98bf16;
    box-shadow: none;
}

.soup-part-row.is-hovered:not(.is-selected)[b-7jxkj52pmm] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.soup-part-row.is-state-red:not(.is-selected)[b-7jxkj52pmm] {
    background: #d54f4f;
}

.soup-part-row.is-state-blue:not(.is-selected)[b-7jxkj52pmm] {
    background: #0b7fc8;
}

.soup-part-row.is-state-green:not(.is-selected)[b-7jxkj52pmm] {
    background: #73a319;
}

.soup-part-row.is-state-orange:not(.is-selected)[b-7jxkj52pmm] {
    background: #da8c1d;
}

.soup-part-row.is-selected.is-state-red[b-7jxkj52pmm] {
    box-shadow: inset 0 0 0 2px rgba(224, 53, 53, 0.7);
}

.soup-part-row.is-selected.is-state-blue[b-7jxkj52pmm] {
    box-shadow: inset 0 0 0 2px rgba(10, 130, 209, 0.74);
}

.soup-part-row.is-selected.is-state-green[b-7jxkj52pmm] {
    box-shadow: inset 0 0 0 2px rgba(107, 149, 12, 0.78);
}

.soup-part-row.is-selected.is-state-orange[b-7jxkj52pmm] {
    box-shadow: inset 0 0 0 2px rgba(224, 137, 39, 0.8);
}

.soup-part-row__code[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 0.82rem;
    line-height: 1.1;
    text-decoration: none;
    text-decoration-color: rgba(255, 255, 255, 0.95);
    text-decoration-thickness: 2px;
    text-underline-offset: 0.16rem;
    text-decoration-skip-ink: none;
    transition: text-decoration-color 120ms ease;
}

.soup-part-row.is-hovered .soup-part-row__code[b-7jxkj52pmm] {
    text-decoration-line: underline;
}

.soup-part-row__description[b-7jxkj52pmm],
.soup-part-row__text-shell[b-7jxkj52pmm],
.soup-part-row__combo[b-7jxkj52pmm] {
    min-width: 0;
}

.soup-part-row__description[b-7jxkj52pmm] {
    display: block;
    align-self: center;
    font-size: 0.82rem;
    line-height: 1.12;
    padding: 0.08rem 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.soup-part-row__text-shell[b-7jxkj52pmm] {
    justify-self: stretch;
    align-self: center;
    width: 100%;
    min-width: 8rem;
    margin-left: -0.0rem;
    margin-right: -0.0rem;
    background: #fff;
    color: #243744;
    height: 23px;
    display: flex;
    align-items: center;
    padding: 0 0.32rem;
    border: 1px solid rgba(24, 55, 77, 0.15);
    border-radius: 1px;
    box-sizing: border-box;
}

.soup-part-row__text-shell:focus-within[b-7jxkj52pmm] {
    border-color: rgba(0, 122, 204, 0.48);
    box-shadow: inset 0 0 0 1px rgba(64, 170, 252, 0.22);
}

.soup-part-row__text-shell--combo[b-7jxkj52pmm] {
    padding-right: 0.14rem;
    gap: 0.12rem;
}

.soup-part-row__text-input[b-7jxkj52pmm] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: auto;
    border: none;
    outline: none;
    background: transparent;
    font: inherit;
    line-height: 1.15;
    color: #243744;
    padding: 0;
    align-self: center;
}

.soup-part-row__text-input[b-7jxkj52pmm]::placeholder {
    color: #7c8993;
    opacity: 1;
    font-style: italic;
}

.soup-part-row__combo-input[b-7jxkj52pmm] {
    min-width: 0;
}

.soup-part-row__combo-button[b-7jxkj52pmm] {
    flex: 0 0 auto;
    width: 1rem;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.soup-part-row__combo-button:focus-visible[b-7jxkj52pmm] {
    outline: none;
}

.soup-part-row__combo[b-7jxkj52pmm] {
    justify-self: stretch;
    align-self: center;
    width: 100%;
    min-width: 9.6rem;
    margin-left: -0.0rem;
    margin-right: -0.0rem;
    height: 23px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.24rem 0 0.35rem;
    border: 1px solid rgba(24, 55, 77, 0.15);
    border-radius: 1px;
    background: #fff;
    color: #243744;
    font: inherit;
    text-align: left;
}

.soup-part-row__combo:hover[b-7jxkj52pmm],
.soup-part-row__combo:focus-visible[b-7jxkj52pmm] {
    border-color: rgba(0, 122, 204, 0.48);
    box-shadow: inset 0 0 0 1px rgba(64, 170, 252, 0.22);
    outline: none;
}

.soup-part-row__combo--empty[b-7jxkj52pmm] {
    color: #7c8993;
    font-style: italic;
}

.soup-part-row__combo-text[b-7jxkj52pmm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-part-row__combo-glyph[b-7jxkj52pmm] {
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
}

.soup-part-row__value-empty[b-7jxkj52pmm] {
    justify-self: stretch;
    align-self: center;
    margin-left: -0.4rem;
    margin-right: -0.7rem;
    min-height: 23px;
}

.soup-statistics-panel[b-7jxkj52pmm] {
    flex: 0 0 auto;
    height: var(--soup-right-stats-height);
    min-height: var(--soup-right-stats-collapsed-height);
    overflow: hidden;
    transition: height 180ms ease-out;
    padding-right: 0.35rem;
    padding-bottom: 0.35rem;
    box-sizing: border-box;
}

.soup-right-pane.is-stats-collapsed .soup-statistics-panel[b-7jxkj52pmm] {
    height: var(--soup-right-stats-collapsed-height);
    transition-duration: 420ms;
    transition-timing-function: ease-in;
}

.soup-right-pane.is-stats-collapsed .soup-splitter--stats[b-7jxkj52pmm] {
    opacity: 0.72;
}

.soup-statistics-body[b-7jxkj52pmm] {
    min-height: 0;
    height: 100%;
    overflow: hidden;
    background: #fff;
    padding: 0.05rem .0rem;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 0.45rem;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 180ms ease-out, transform 180ms ease-out;
    box-sizing: border-box;
}

.soup-right-pane.is-stats-collapsed .soup-statistics-body[b-7jxkj52pmm] {
    opacity: 0;
    transform: translateY(-0.35rem);
    pointer-events: none;
    transition-duration: 420ms, 420ms;
    transition-timing-function: ease-in, ease-in;
}

.soup-statistics-main[b-7jxkj52pmm] {
    min-height: 0;
    overflow: hidden;
}

.soup-statistics-grid[b-7jxkj52pmm] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    border: 1px solid #d6d6d6;
    background: #f8f8f8;
    min-height: 0;
    height: 100%;
}

.soup-statistics-grid__header[b-7jxkj52pmm],
.soup-statistics-grid__row[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5rem 4.5rem;
    gap: 0.8rem;
    align-items: center;
}

.soup-statistics-grid__header[b-7jxkj52pmm] {
    padding: 0.5rem 0.75rem;
    background: #f0f0f0;
    color: #557488;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd;
}

.soup-statistics-grid__body[b-7jxkj52pmm] {
    min-height: 0;
    overflow: auto;
}

.soup-statistics-grid__row[b-7jxkj52pmm] {
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid #ececec;
    color: #243744;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none;
    background: transparent;
    font: inherit;
    text-align: left;
}

.soup-statistics-grid__row:hover[b-7jxkj52pmm],
.soup-statistics-grid__row:focus-visible[b-7jxkj52pmm] {
    background: #eef6fb;
    outline: none;
}

.soup-statistics-grid__value[b-7jxkj52pmm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soup-statistics-summary[b-7jxkj52pmm] {
    display: grid;
    gap: 0.12rem;
    padding: 0.1rem 0.12rem 0;
    color: #4f6777;
    font-size: 0.88rem;
    line-height: 1.3;
}

.soup-statistics-summary p[b-7jxkj52pmm] {
    margin: 0;
}

.soup-overlay[b-7jxkj52pmm] {
    position: absolute;
    inset: 0;
    z-index: 4;
    background: transparent;
}

.soup-create-message-dialog[b-7jxkj52pmm] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    width: min(38rem, calc(100vw - 4rem));
    transform: translate(-50%, -50%);
    background: #e9e9e9;
    border: 2px solid #0a82d1;
    box-shadow: 0 1rem 2rem rgba(12, 38, 56, 0.28);
}

.soup-create-message-dialog__header[b-7jxkj52pmm] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    min-height: 3rem;
    padding: 0 0.9rem 0 4.8rem;
    background: #0a82d1;
    color: #fff;
}

.soup-create-message-dialog__header h2[b-7jxkj52pmm] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 400;
}

.soup-create-message-dialog__badge[b-7jxkj52pmm] {
    position: absolute;
    left: 0.7rem;
    top: 50%;
    width: 3.6rem;
    height: 3.6rem;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0.35rem 0.9rem rgba(9, 48, 73, 0.18);
}

.soup-create-message-dialog__badge img[b-7jxkj52pmm] {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.soup-create-message-dialog__close[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.soup-create-message-dialog__close:hover[b-7jxkj52pmm],
.soup-create-message-dialog__close:focus-visible[b-7jxkj52pmm] {
    background: rgba(255, 255, 255, 0.18);
    outline: none;
}

.soup-create-message-dialog__body[b-7jxkj52pmm] {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr);
    gap: 0.85rem 1rem;
    padding: 1.5rem 1.2rem 1rem;
    align-items: center;
}

.soup-create-message-dialog__label[b-7jxkj52pmm] {
    color: #314552;
}

.soup-create-message-dialog__select[b-7jxkj52pmm] {
    min-width: 0;
    min-height: 2.35rem;
    padding: 0.28rem 0.55rem;
    border: 1px solid #a8b7c2;
    background: #fff;
    color: #243744;
    font: inherit;
}

.soup-create-message-dialog__actions[b-7jxkj52pmm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0 1.2rem 1rem;
}

.soup-create-message-dialog__action[b-7jxkj52pmm] {
    min-width: 6.25rem;
    min-height: 2.2rem;
    padding: 0.25rem 0.9rem;
    border: 1px solid #a5aab0;
    background: #f4f4f4;
    color: #243744;
    font: inherit;
}

.soup-create-message-dialog__action--primary[b-7jxkj52pmm] {
    border-color: #0a82d1;
    background: #0a82d1;
    color: #fff;
}

.soup-create-message-dialog__action:hover[b-7jxkj52pmm],
.soup-create-message-dialog__action:focus-visible[b-7jxkj52pmm] {
    filter: brightness(0.98);
    outline: none;
}

.soup-create-message-dialog__action:disabled[b-7jxkj52pmm] {
    opacity: 0.55;
    filter: none;
}

.soup-settings-dialog[b-7jxkj52pmm] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    width: min(30rem, calc(100vw - 2rem));
    transform: translate(-50%, -50%);
    background: #f3f4f5;
    border: 1px solid #93a8b8;
    box-shadow: 0 1rem 2rem rgba(12, 38, 56, 0.28);
}

.soup-settings-dialog__header[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.8rem;
    padding: 0.45rem 0.8rem;
    background: #e7edf2;
    border-bottom: 1px solid #c8d3dc;
}

.soup-settings-dialog__header h2[b-7jxkj52pmm] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #243744;
}

.soup-settings-dialog__close[b-7jxkj52pmm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid #c5d1da;
    background: #fff;
    color: #325064;
}

.soup-settings-dialog__close:hover[b-7jxkj52pmm],
.soup-settings-dialog__close:focus-visible[b-7jxkj52pmm] {
    background: #eef5fa;
    outline: none;
}

.soup-settings-dialog__body[b-7jxkj52pmm] {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem 1rem 1rem;
}

.soup-settings-dialog__row[b-7jxkj52pmm] {
    display: grid;
    gap: 0.35rem;
}

.soup-settings-dialog__label[b-7jxkj52pmm] {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5a7488;
}

.soup-settings-dialog__select[b-7jxkj52pmm] {
    min-width: 0;
    min-height: 2.1rem;
    padding: 0.24rem 0.5rem;
    border: 1px solid #b1bec8;
    background: #fff;
    color: #243744;
    font: inherit;
}

.soup-settings-dialog__toggle[b-7jxkj52pmm] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #243744;
}

.soup-settings-dialog__toggle input[b-7jxkj52pmm] {
    width: 1rem;
    height: 1rem;
}

.soup-drag-shield[b-7jxkj52pmm] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: transparent;
    touch-action: none;
}

.soup-busy-overlay[b-7jxkj52pmm] {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: grid;
    place-items: center;
    background: rgba(232, 236, 239, 0.76);
    backdrop-filter: blur(1.5px);
}

.soup-busy-card[b-7jxkj52pmm] {
    width: min(32rem, calc(100vw - 2rem));
    display: grid;
    justify-items: center;
    gap: 0.8rem;
    padding: 1.2rem 1.3rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #b8c8d4;
    box-shadow: 0 1rem 2rem rgba(18, 54, 77, 0.18);
}

.soup-busy-card h2[b-7jxkj52pmm],
.soup-busy-card p[b-7jxkj52pmm] {
    margin: 0;
    width: min(28rem, 100%);
    text-align: left;
}

.soup-busy-card .soup-loading-progress[b-7jxkj52pmm] {
    width: min(28rem, 100%);
}

.soup-busy-card__detail[b-7jxkj52pmm] {
    color: #587183;
}

body.is-resizing-soup[b-7jxkj52pmm],
body.is-resizing-soup *[b-7jxkj52pmm] {
    user-select: none;
}

@media (max-width: 1180px) {
    .soup-hide-empty-button__full[b-7jxkj52pmm] {
        display: none;
    }

    .soup-hide-empty-button__compact[b-7jxkj52pmm] {
        display: inline;
    }
}

@media (max-width: 980px) {
    .hl7-soup-page[b-7jxkj52pmm] {
        height: auto;
        min-height: 100%;
        grid-template-rows: auto auto auto;
        overflow: visible;
    }

    .soup-titlebar[b-7jxkj52pmm] {
        padding: 0.12rem 0.45rem 0 0.4rem;
    }

    .soup-titlebar__left[b-7jxkj52pmm] {
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
        padding-left: 3.4rem;
    }

    .soup-logo[b-7jxkj52pmm] {
        width: 3rem;
        height: 3rem;
        top: 1px;
        left: 1px;
    }

    .soup-titlebar__title[b-7jxkj52pmm] {
        font-size: 0.88rem;
        top: 1.16rem;
        width: min(28rem, calc(100vw - 7.4rem));
    }

    .soup-titlebar__menu-toggle[b-7jxkj52pmm] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .soup-titlebar__menu[b-7jxkj52pmm] {
        display: none;
    }

    .soup-titlebar.is-menu-open .soup-titlebar__menu[b-7jxkj52pmm] {
        position: absolute;
        top: calc(100% - 0.08rem);
        left: 0.32rem;
        display: grid;
        justify-items: stretch;
        gap: 0.14rem;
        min-width: 11rem;
        max-width: calc(100vw - 0.8rem);
        padding: 0.38rem;
        background: #0a82d1;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 0 0 0.55rem 0.55rem;
        box-shadow: 0 0.9rem 1.8rem rgba(12, 38, 56, 0.28);
        overflow: visible;
        z-index: 18;
    }

    .soup-titlebar.is-menu-open .soup-titlebar__dropdown[b-7jxkj52pmm],
    .soup-titlebar.is-menu-open .soup-titlebar__action[b-7jxkj52pmm] {
        width: 100%;
    }

    .soup-titlebar.is-menu-open .soup-titlebar__action[b-7jxkj52pmm] {
        justify-content: flex-start;
        padding: 0.2rem 0.44rem;
    }

    .soup-titlebar.is-menu-open .soup-titlebar__dropdown-menu[b-7jxkj52pmm] {
        top: calc(100% + 0.14rem);
    }

    .soup-toolbar[b-7jxkj52pmm] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.18rem 0.45rem 0;
    }

    .soup-toolbar__left[b-7jxkj52pmm] {
        flex-wrap: nowrap;
        overflow: hidden;
        padding-left: 3.15rem;
        gap: 0.4rem;
    }

    .soup-search-shell[b-7jxkj52pmm] {
        width: clamp(9rem, 24vw, 12rem);
        margin-left: auto;
    }

    .soup-search-popup[b-7jxkj52pmm] {
        width: min(100%, 32rem);
    }

    .soup-search-result[b-7jxkj52pmm] {
        grid-template-columns: 1fr;
    }

    .soup-main-workspace[b-7jxkj52pmm] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(17rem, auto) 5px minmax(10rem, auto);
        min-height: calc(17rem + 10rem + 5px);
        overflow: visible;
    }

    .soup-main-workspace > .soup-splitter--vertical[b-7jxkj52pmm] {
        display: block;
        min-width: 0;
        min-height: 5px;
        width: 100%;
        cursor: default;
        pointer-events: none;
    }

    .soup-left-pane[b-7jxkj52pmm] {
        width: 100%;
        max-width: none;
        justify-self: stretch;
        min-height: 17rem;
        grid-template-rows: auto minmax(8rem, auto) 5px minmax(6rem, auto);
    }

    .soup-right-pane[b-7jxkj52pmm] {
        display: grid;
        width: 100%;
        max-width: none;
        justify-self: stretch;
        grid-template-rows: minmax(9rem, auto) 5px auto;
        min-height: 10rem;
    }

    .soup-left-workspace[b-7jxkj52pmm] {
        grid-template-rows: minmax(2.8rem, auto) 5px minmax(8rem, auto);
    }

    .soup-left-pane > .soup-splitter--horizontal[b-7jxkj52pmm],
    .soup-left-workspace > .soup-splitter--horizontal[b-7jxkj52pmm],
    .soup-right-pane > .soup-splitter--horizontal[b-7jxkj52pmm] {
        display: block;
        cursor: default;
        pointer-events: none;
    }

    .soup-section-header[b-7jxkj52pmm] {
        padding: 0.24rem 0.55rem 0.2rem;
    }

    .soup-panel-strip[b-7jxkj52pmm] {
        gap: 0.4rem;
    }

    .soup-workspace-tabs[b-7jxkj52pmm] {
        padding: 0 0.35rem 0.35rem 0.35rem;
        gap: 0.1rem;
    }

    .soup-workspace-tab[b-7jxkj52pmm],
    .soup-tab-icon[b-7jxkj52pmm] {
        padding: 0.2rem 0.45rem 0.18rem;
    }

    .soup-filter-chip[b-7jxkj52pmm] {
        width: 100%;
    }

    .soup-filter-chip__input--path[b-7jxkj52pmm],
    .soup-filter-chip__input--value[b-7jxkj52pmm],
    .soup-filter-chip__select[b-7jxkj52pmm] {
        width: auto;
        flex: 1 1 0;
        max-width: none;
    }

    .soup-statistics-panel[b-7jxkj52pmm] {
        height: auto;
        min-height: 4rem;
    }

    .soup-statistics-toggle[b-7jxkj52pmm] {
        display: none;
    }

    .soup-right-pane.is-stats-collapsed .soup-statistics-panel[b-7jxkj52pmm] {
        height: auto;
        min-height: 4rem;
    }

    .soup-right-pane.is-stats-collapsed .soup-statistics-body[b-7jxkj52pmm] {
        opacity: 1;
        transform: none;
        pointer-events: auto;
        height: 100%;
    }

    .soup-transfer-bar[b-7jxkj52pmm] {
        grid-template-columns: 1fr;
    }

    .soup-transfer-bar--client[b-7jxkj52pmm] {
        grid-template-columns: 1fr 1fr;
    }

    .soup-story-content[b-7jxkj52pmm],
    .soup-statistics-body[b-7jxkj52pmm],
    .soup-message-list[b-7jxkj52pmm] {
        padding-inline: 0.55rem;
    }

    .soup-field-rule-manager[b-7jxkj52pmm] {
        top: 0.8rem;
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1.6rem);
        padding: 0.8rem;
    }

    .soup-field-rule-manager__add-row[b-7jxkj52pmm],
    .soup-field-rule-manager__row[b-7jxkj52pmm] {
        grid-template-columns: 1fr;
    }

    .soup-field-rule-manager__toolbar[b-7jxkj52pmm] {
        flex-wrap: wrap;
    }

    .soup-field-rule-manager__count[b-7jxkj52pmm] {
        width: 100%;
        margin-left: 0;
    }

    .soup-transfer-dialog[b-7jxkj52pmm] {
        top: 0.8rem;
        width: calc(100vw - 1rem);
    }
}

@media (max-width: 620px) {
    .soup-section-header--title[b-7jxkj52pmm] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .soup-toolbar[b-7jxkj52pmm] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .soup-search-shell[b-7jxkj52pmm] {
        width: 100%;
        justify-self: stretch;
        margin-left: 0;
    }
}